68 lines
24 KiB
HTML
68 lines
24 KiB
HTML
<!DOCTYPE html><html lang="de" class="scroll-smooth"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.12.3"><!-- Font Preloading --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap"></noscript><!-- DNS Prefetch --><link rel="dns-prefetch" href="//fonts.googleapis.com"><link rel="dns-prefetch" href="//fonts.gstatic.com"><!-- SEO Meta Tags --><title>Microsoft Copilot in Office 365: Revolutionary AI Features Transforming Workplace Productivity | Blog | Tiber365</title><meta name="description" content="The AI Revolution in Office 365
|
|
Microsoft Copilot has fundamentally transformed how we work with Office 365 applications, bringing artificial intelligence direc"><meta name="keywords" content="IT-Services, Microsoft 365, Netzwerk, Webhosting, Automatisierung, IT für kleine Unternehmen"><meta name="author" content="Tiber365"><!-- Robots Meta --><meta name="robots" content="index, follow"><!-- Canonical URL --><link rel="canonical" href="https://tiber365.it/de/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity/"><!-- Language and Localization --><meta name="google" content="notranslate"><meta http-equiv="Content-Language" content="de"><!-- Theme Color --><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="theme-color" content="#1f2937" media="(prefers-color-scheme: dark)"><meta name="msapplication-TileColor" content="#3b82f6"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://tiber365.it/de/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity/"><meta property="og:title" content="Microsoft Copilot in Office 365: Revolutionary AI Features Transforming Workplace Productivity | Blog | Tiber365"><meta property="og:description" content="The AI Revolution in Office 365
|
|
Microsoft Copilot has fundamentally transformed how we work with Office 365 applications, bringing artificial intelligence direc"><meta property="og:image" content="https://tiber365.it/images/og-image.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:site_name" content="Tiber365"><meta property="og:locale" content="de_DE"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://tiber365.it/de/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity/"><meta name="twitter:title" content="Microsoft Copilot in Office 365: Revolutionary AI Features Transforming Workplace Productivity | Blog | Tiber365"><meta name="twitter:description" content="The AI Revolution in Office 365
|
|
Microsoft Copilot has fundamentally transformed how we work with Office 365 applications, bringing artificial intelligence direc"><meta name="twitter:image" content="https://tiber365.it/images/og-image.jpg"><meta name="twitter:creator" content="@tiber365"><!-- Favicons --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" href="/favicon.svg"><link rel="manifest" href="/manifest.json"><!-- Language alternates --><link rel="alternate" hreflang="en" href="https://tiber365.it/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity/"><link rel="alternate" hreflang="nl" href="https://tiber365.it/nl/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity/"><link rel="alternate" hreflang="de" href="https://tiber365.it/de/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity/"><link rel="alternate" hreflang="fr" href="https://tiber365.it/fr/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity/"><!-- Structured Data --><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Tiber365","description":"The AI Revolution in Office 365\nMicrosoft Copilot has fundamentally transformed how we work with Office 365 applications, bringing artificial intelligence direc","url":"https://tiber365.it","logo":"https://tiber365.it/images/TIBER365.png","sameAs":["https://support.tiber365.it"],"contactPoint":{"@type":"ContactPoint","contactType":"customer service","availableLanguage":["English","Dutch","German","French"]},"address":{"@type":"PostalAddress","addressCountry":"IT"},"serviceArea":{"@type":"Country","name":"Italy"}}</script><link rel="stylesheet" href="/_astro/about.C05z7JL7.css">
|
|
<link rel="stylesheet" href="/_astro/about.Ct3MDOu0.css"></head> <body class="min-h-screen bg-background text-foreground"> <header class="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"> <nav class="container-custom"> <div class="flex h-16 items-center justify-between"> <!-- Logo --> <div class="flex items-center"> <a href="/de/" class="flex items-center space-x-2"> <div class="h-8 w-8 flex items-center justify-center"> <img src="/images/TIBER365.png" alt="Tiber365 Logo" class="h-6 w-6 object-contain"> </div> <span class="font-display font-bold text-xl text-foreground">Tiber365</span> </a> </div> <!-- Desktop Navigation --> <div class="hidden md:flex items-center space-x-6"> <a href="/de/" class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors relative group"> Startseite <span class="absolute inset-x-0 -bottom-1 h-0.5 bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left"></span> </a><a href="/de/services" class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors relative group"> Dienstleistungen <span class="absolute inset-x-0 -bottom-1 h-0.5 bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left"></span> </a><a href="/de/about" class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors relative group"> Über uns <span class="absolute inset-x-0 -bottom-1 h-0.5 bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left"></span> </a><a href="/de/blog" class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors relative group"> Blog <span class="absolute inset-x-0 -bottom-1 h-0.5 bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left"></span> </a><a href="https://support.tiber365.it" target="_blank" rel="noopener noreferrer" class="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors relative group"> Support <svg class="inline h-3 w-3 ml-1 opacity-70" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> <span class="absolute inset-x-0 -bottom-1 h-0.5 bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left"></span> </a> </div> <!-- Theme Toggle & Language Switcher --> <div class="flex items-center space-x-4"> <div class="relative inline-block text-left" id="language-switcher"> <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent focus:outline-none focus:ring-2 focus:ring-primary" id="language-menu-button" aria-expanded="false" aria-haspopup="true"> <span class="mr-2">🇩🇪</span> <span class="hidden sm:inline">Deutsch</span> <svg class="ml-1 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="hidden absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-background shadow-lg ring-1 ring-border" id="language-menu" role="menu" aria-orientation="vertical" aria-labelledby="language-menu-button"> <div class="py-1" role="none"> <a href="/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity" class="flex items-center px-4 py-2 text-sm hover:bg-accent transition-colors text-muted-foreground" role="menuitem"> <span class="mr-3">🇬🇧</span> English </a><a href="/nl/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity" class="flex items-center px-4 py-2 text-sm hover:bg-accent transition-colors text-muted-foreground" role="menuitem"> <span class="mr-3">🇳🇱</span> Nederlands </a><a href="/de/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity" class="flex items-center px-4 py-2 text-sm hover:bg-accent transition-colors bg-accent text-foreground font-medium" role="menuitem"> <span class="mr-3">🇩🇪</span> Deutsch </a><a href="/fr/blog/microsoft-copilot-office-365-revolutionary-ai-features-transforming-workplace-productivity" class="flex items-center px-4 py-2 text-sm hover:bg-accent transition-colors text-muted-foreground" role="menuitem"> <span class="mr-3">🇫🇷</span> Français </a> </div> </div> </div> <script type="module">document.addEventListener("DOMContentLoaded",()=>{const e=document.getElementById("language-menu-button"),t=document.getElementById("language-menu");e&&t&&(e.addEventListener("click",()=>{const n="true"===e.getAttribute("aria-expanded");e.setAttribute("aria-expanded",(!n).toString()),t.classList.toggle("hidden")}),document.addEventListener("click",n=>{e?.contains(n.target)||t?.contains(n.target)||(e?.setAttribute("aria-expanded","false"),t?.classList.add("hidden"))}))});</script> <button id="theme-toggle" class="inline-flex items-center justify-center p-2 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent focus:outline-none focus:ring-2 focus:ring-primary" aria-label="nav.theme.toggle" title="nav.theme.toggle"> <!-- Sun icon (light mode) --> <svg id="theme-toggle-light-icon" class="h-5 w-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clip-rule="evenodd"></path> </svg> <!-- Moon icon (dark mode) --> <svg id="theme-toggle-dark-icon" class="h-5 w-5 hidden" fill="currentColor" viewBox="0 0 20 20"> <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path> </svg> </button> <script type="module" src="/_astro/ThemeToggle.astro_astro_type_script_index_0_lang.DrBH2BW7.js"></script> <!-- Mobile Menu Button --> <button id="mobile-menu-button" class="md:hidden inline-flex items-center justify-center p-2 rounded-md text-muted-foreground hover:text-foreground hover:bg-accent focus:outline-none focus:ring-2 focus:ring-primary" aria-expanded="false" aria-label="Toggle mobile menu"> <svg id="mobile-menu-icon" class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg id="mobile-close-icon" class="h-6 w-6 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> <!-- Mobile Navigation --> <div id="mobile-menu" class="md:hidden hidden border-t border-border"> <div class="px-2 pt-2 pb-3 space-y-1"> <a href="/de/" class="block px-3 py-2 text-base font-medium text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors"> Startseite </a><a href="/de/services" class="block px-3 py-2 text-base font-medium text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors"> Dienstleistungen </a><a href="/de/about" class="block px-3 py-2 text-base font-medium text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors"> Über uns </a><a href="/de/blog" class="block px-3 py-2 text-base font-medium text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors"> Blog </a><a href="https://support.tiber365.it" target="_blank" rel="noopener noreferrer" class="block px-3 py-2 text-base font-medium text-muted-foreground hover:text-foreground hover:bg-accent rounded-md transition-colors"> Support <svg class="inline h-4 w-4 ml-1 opacity-70" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div> </nav> </header> <script type="module">document.addEventListener("DOMContentLoaded",()=>{const e=document.getElementById("mobile-menu-button"),t=document.getElementById("mobile-menu"),d=document.getElementById("mobile-menu-icon"),n=document.getElementById("mobile-close-icon");e&&t&&d&&n&&(e.addEventListener("click",()=>{const i="true"===e.getAttribute("aria-expanded");e.setAttribute("aria-expanded",(!i).toString()),t.classList.toggle("hidden"),d.classList.toggle("hidden"),n.classList.toggle("hidden")}),document.addEventListener("click",i=>{e.contains(i.target)||t.contains(i.target)||(e.setAttribute("aria-expanded","false"),t.classList.add("hidden"),d.classList.remove("hidden"),n.classList.add("hidden"))}))});</script> <main class="flex-1"> <!-- Hero Section --> <section class="bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800 py-20"> <div class="container-custom"> <div class="max-w-4xl mx-auto"> <nav class="mb-6"> <a href="/de/blog" class="text-primary hover:underline flex items-center">
|
|
← Zurück zum Blog </a> </nav> <header class="text-center"> <h1 class="text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-6"> Microsoft Copilot in Office 365: Revolutionary AI Features Transforming Workplace Productivity </h1> <p class="text-xl text-gray-600 dark:text-gray-300"> 4. Juni 2025 </p> </header> </div> </div> </section> <!-- Article Content --> <section class="py-16"> <div class="container-custom"> <article class="max-w-4xl mx-auto"> <div class="prose prose-lg dark:prose-invert max-w-none prose-headings:text-gray-900 dark:prose-headings:text-white prose-p:text-gray-700 dark:prose-p:text-gray-300 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:text-gray-900 dark:prose-strong:text-white prose-code:text-primary prose-code:bg-gray-100 dark:prose-code:bg-gray-800 prose-code:px-1 prose-code:py-0.5 prose-code:rounded"><h2>The AI Revolution in Office 365</h2>
|
|
<p>Microsoft Copilot has fundamentally transformed how we work with Office 365 applications, bringing artificial intelligence directly into our daily workflows. This powerful AI assistant is now integrated across Word, Excel, PowerPoint, Outlook, and Teams, offering unprecedented productivity enhancements.</p>
|
|
<h2>Word: Your AI Writing Partner</h2>
|
|
<p>Copilot in Word acts as your intelligent writing companion:</p>
|
|
<ul>
|
|
<li><strong>Draft Generation:</strong> Create entire documents from simple prompts like "Write a project proposal for a new CRM system"</li>
|
|
<li><strong>Content Refinement:</strong> Transform rough notes into polished, professional text</li>
|
|
<li><strong>Style Adaptation:</strong> Adjust tone and writing style for different audiences</li>
|
|
<li><strong>Research Integration:</strong> Automatically incorporate relevant information and citations</li>
|
|
</ul>
|
|
<h2>Excel: Data Analysis Made Simple</h2>
|
|
<p>Excel Copilot revolutionizes data manipulation and analysis:</p>
|
|
<ul>
|
|
<li><strong>Formula Generation:</strong> Describe what you want to calculate, and Copilot writes the formula</li>
|
|
<li><strong>Data Visualization:</strong> Create charts and graphs with natural language commands</li>
|
|
<li><strong>Trend Analysis:</strong> Identify patterns and insights in your data automatically</li>
|
|
<li><strong>PivotTable Creation:</strong> Build complex data summaries through conversational prompts</li>
|
|
</ul>
|
|
<h2>PowerPoint: Presentation Magic</h2>
|
|
<p>Creating compelling presentations has never been easier:</p>
|
|
<ul>
|
|
<li><strong>Slide Generation:</strong> Build entire presentations from outline prompts</li>
|
|
<li><strong>Design Suggestions:</strong> Get AI-powered layout and visual recommendations</li>
|
|
<li><strong>Content Summarization:</strong> Convert lengthy documents into presentation-ready slides</li>
|
|
<li><strong>Speaker Notes:</strong> Generate detailed talking points for each slide</li>
|
|
</ul>
|
|
<h2>Outlook: Email Intelligence</h2>
|
|
<p>Copilot transforms email management:</p>
|
|
<ul>
|
|
<li><strong>Draft Assistance:</strong> Compose professional emails from brief bullet points</li>
|
|
<li><strong>Email Summarization:</strong> Get quick summaries of long email threads</li>
|
|
<li><strong>Meeting Scheduling:</strong> Coordinate meetings through natural language requests</li>
|
|
<li><strong>Priority Management:</strong> Identify and highlight important messages</li>
|
|
</ul>
|
|
<h2>Teams: Enhanced Collaboration</h2>
|
|
<p>Teams Copilot brings AI to meetings and collaboration:</p>
|
|
<ul>
|
|
<li><strong>Meeting Summaries:</strong> Automatic transcription and key point extraction</li>
|
|
<li><strong>Action Items:</strong> Identify and track follow-up tasks from meetings</li>
|
|
<li><strong>Chat Intelligence:</strong> Catch up on missed conversations with AI summaries</li>
|
|
<li><strong>Content Creation:</strong> Generate meeting agendas and follow-up communications</li>
|
|
</ul>
|
|
<h2>Security and Privacy</h2>
|
|
<p>Microsoft has implemented robust security measures for Copilot:</p>
|
|
<ul>
|
|
<li><strong>Data Protection:</strong> Your content stays within your organization's security boundary</li>
|
|
<li><strong>Compliance:</strong> Meets enterprise-grade security and compliance standards</li>
|
|
<li><strong>Permission Respect:</strong> Only accesses data you already have permission to view</li>
|
|
</ul>
|
|
<h2>Getting Started</h2>
|
|
<p>To leverage Copilot in your organization:</p>
|
|
<ol>
|
|
<li><strong>Licensing:</strong> Ensure you have appropriate Microsoft 365 Copilot licenses</li>
|
|
<li><strong>Training:</strong> Invest in user training to maximize adoption and effectiveness</li>
|
|
<li><strong>Governance:</strong> Establish guidelines for AI usage in your workplace</li>
|
|
<li><strong>Feedback Loop:</strong> Continuously gather user feedback to optimize implementation</li>
|
|
</ol>
|
|
<h2>The Future of Work</h2>
|
|
<p>Microsoft Copilot represents a fundamental shift in how we interact with productivity tools. By automating routine tasks and providing intelligent assistance, it allows workers to focus on higher-value creative and strategic activities. Organizations that embrace these AI capabilities will gain significant competitive advantages in productivity and innovation.</p>
|
|
<p>As AI continues to evolve, we can expect even more sophisticated features and integrations across the Microsoft 365 ecosystem, making this an exciting time for workplace transformation.</p>
|
|
<p> </p>
|
|
<p><img src="https://cms.365devnet.eu/assets/207e4f3d-d2c4-4d52-829d-a4287f19268a.png?width=1331&height=832" alt="2021 07 21 15 24 51 +31 6 22267537 Microsoft Teams" loading="lazy"></p></div> <!-- Back to Blog Button --> <div class="mt-12 pt-8 border-t border-border text-center"> <a href="/de/blog" class="btn btn-primary">
|
|
← Zurück zum Blog </a> </div> </article> </div> </section> </main> <footer class="bg-secondary-900 text-secondary-100 pt-16 pb-8"> <div class="container-custom"> <!-- Main footer content --> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8"> <!-- Company info --> <div class="lg:col-span-2"> <!-- Logo --> <div class="flex items-center space-x-2 mb-4"> <div class="h-8 w-8 flex items-center justify-center"> <img src="/images/TIBER365.png" alt="Tiber365 Logo" class="h-6 w-6 object-contain"> </div> <span class="font-display font-bold text-xl text-white">Tiber365</span> </div> <!-- Description --> <p class="text-secondary-300 mb-6 max-w-md leading-relaxed"> Professionelle IT-Services für Freelancer und kleine Unternehmen. </p> <!-- Contact info --> <div class="space-y-2"> <div class="flex items-center text-secondary-300"> <svg class="h-5 w-5 mr-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> info@tiber365.it </div> <div class="flex items-center text-secondary-300"> <svg class="h-5 w-5 mr-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> +39 123 456 7890 </div> <div class="flex items-center text-secondary-300"> <svg class="h-5 w-5 mr-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> </svg> Rom, Italien </div> </div> </div> <!-- Quick Links --> <div> <h3 class="font-semibold text-white mb-4">Quick Links</h3> <ul class="space-y-2"> <li> <a href="/" class="text-secondary-300 hover:text-primary transition-colors"> Startseite </a> </li><li> <a href="/services" class="text-secondary-300 hover:text-primary transition-colors"> Dienstleistungen </a> </li><li> <a href="/about" class="text-secondary-300 hover:text-primary transition-colors"> Über uns </a> </li><li> <a href="/blog" class="text-secondary-300 hover:text-primary transition-colors"> Blog </a> </li> <li> <a href="/contact" class="text-secondary-300 hover:text-primary transition-colors"> Kontakt </a> </li> </ul> </div> <!-- External Links --> <div> <h3 class="font-semibold text-white mb-4">Resources</h3> <ul class="space-y-2"> <li> <a href="https://support.tiber365.it" target="_blank" rel="noopener noreferrer" class="text-secondary-300 hover:text-primary transition-colors inline-flex items-center"> Support <svg class="h-3 w-3 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </li> <li> <a href="/privacy" class="text-secondary-300 hover:text-primary transition-colors"> Datenschutz </a> </li> <li> <a href="/terms" class="text-secondary-300 hover:text-primary transition-colors"> Nutzungsbedingungen </a> </li> </ul> </div> </div> <!-- Footer bottom --> <div class="border-t border-secondary-800 pt-8"> <div class="flex flex-col md:flex-row justify-between items-center"> <!-- Copyright --> <p class="text-secondary-400 text-sm"> © 2024 Tiber365. Alle Rechte vorbehalten. </p> <!-- Social links placeholder --> <div class="flex items-center space-x-4 mt-4 md:mt-0"> <a href="https://blog.tiber365.it" target="_blank" rel="noopener noreferrer" class="text-secondary-400 hover:text-primary transition-colors" aria-label="Blog"> <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path> </svg> </a> <a href="https://support.tiber365.it" target="_blank" rel="noopener noreferrer" class="text-secondary-400 hover:text-primary transition-colors" aria-label="Support Portal"> <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path> </svg> </a> </div> </div> </div> </div> </footer> <!-- Initialize animations and service worker --> <script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.Bgdado9F.js"></script> </body> </html> |