@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;600&display=swap";:root{--font-body: "Open Sans", sans-serif;--font-heading: "Montserrat", sans-serif;--color-primary: #007bff;--color-primary-hover: #0056b3;--color-accent: #39ff14;--color-neutral-dark: #333333;--color-neutral-light: #ffffff;--color-error: #ff0000;--color-success: #2bd800;--background-color: var(--color-neutral-light);--text-color: var(--color-neutral-light);--button-bg: var(--color-neutral-light);--button-text: var(--color-neutral-light);--link-color: var(--color-primary);--link-hover: var(--color-primary-hover);font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--background-color: var(--color-neutral-dark);--text-color: var(--color-neutral-light);--button-bg: var(--color-neutral-dark);--button-text: var(--color-neutral-light)}}@media (prefers-color-scheme: light){:root{--background-color: var(--color-neutral-light);--text-color: var(--color-neutral-dark);--button-bg: var(--color-neutral-light);--button-text: var(--color-neutral-dark)}}body{margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color)}h1{font-family:var(--font-heading);font-size:3.2em;line-height:1.1;margin:.5em 0}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s,background-color .3s,color .3s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em;margin:1em;background-color:var(--background-color);color:var(--text-color);box-shadow:0 2px 8px #0000001a;border-radius:8px}.card-button{margin-top:auto;padding:.6rem 1.2rem;font-size:1rem;font-family:var(--font-heading);background-color:var(--color-neutral-dark);color:var(--color-neutral-light);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s}.card-button:hover{background-color:var(--color-accent);color:var(--color-neutral-light)}#app{width:100%;margin:0 auto;text-align:center}@media (max-width: 600px){.card{padding:1.5em}button{padding:.5em 1em}}.header[data-v-efac78e4]{display:flex;align-items:center;justify-content:space-between;padding:2rem;background-color:var(--color-neutral-light);position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,background-color .3s ease}.header-hidden[data-v-efac78e4]{transform:translateY(-100%)}.header-logo[data-v-efac78e4]{height:1.5rem}.logo a[data-v-efac78e4]{text-decoration:none}.nav ul[data-v-efac78e4]{display:flex;align-items:center;list-style:none;margin:0;padding:0}.nav li[data-v-efac78e4]{margin-left:1.5rem}.nav a[data-v-efac78e4]{text-decoration:none;color:var(--color-neutral-dark);font-size:1rem;font-weight:500;transition:color .3s}.nav a[data-v-efac78e4]:hover{color:var(--color-primary)}.toggle-switch[data-v-efac78e4]{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input[data-v-efac78e4]{opacity:0;width:0;height:0}.slider[data-v-efac78e4]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider .icon[data-v-efac78e4]{position:absolute;top:50%;left:4px;transform:translateY(-50%);transition:.4s;font-size:18px;color:#ff0}.toggle-switch input:checked+.slider .icon[data-v-efac78e4]{transform:translate(26px,-50%)}.toggle-switch input:checked+.slider[data-v-efac78e4]{background-color:var(--color-primary)}.burger[data-v-efac78e4]{display:none;background:none;border:none;cursor:pointer}.burger .bar[data-v-efac78e4]{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--color-neutral-dark);transition:all .3s ease-in-out}@media (max-width: 768px){.burger[data-v-efac78e4]{display:block}.nav[data-v-efac78e4]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var( --color-neutral-light );display:flex;align-items:center;justify-content:center;transform:translate(100%);transition:transform .3s ease;z-index:999;pointer-events:none}.nav.open[data-v-efac78e4]{transform:translate(0);pointer-events:auto}.nav ul[data-v-efac78e4]{flex-direction:column}.nav li[data-v-efac78e4]{margin:1.5rem 0}}.footer-logo[data-v-6f8c9927]{transition:transform .3s ease,box-shadow .3s ease;max-width:1000px;width:80%;margin:1rem}.footer[data-v-6f8c9927]{background-color:var(--color-neutral-dark);color:var(--color-neutral-light);padding:1rem 2rem;text-align:center;font-family:var(--font-body)}.footer-content[data-v-6f8c9927]{max-width:1200px;margin:0 auto}.footer-nav[data-v-6f8c9927]{margin-top:2rem}.footer-nav a[data-v-6f8c9927]{color:var(--color-neutral-light);margin:0 1rem;text-decoration:none;transition:color .3s}.footer-nav a[data-v-6f8c9927]:hover{color:var(--color-primary)}.cookie-banner[data-v-8c2e1882]{position:fixed;bottom:0;left:0;right:0;background:var(--background-color);color:var(--text-color);padding:1rem;text-align:center;box-shadow:0 -2px 8px #0000001a;z-index:1000}.buttons[data-v-8c2e1882]{margin-top:1rem}.buttons button[data-v-8c2e1882]{margin:0 .5rem;padding:.5rem 1rem;background-color:var(--color-primary);color:var(--color-neutral-light);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.buttons button[data-v-8c2e1882]:hover{background-color:var(--color-primary-hover)}.hero[data-v-c187a477]{display:flex;height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(270deg,var(--color-primary),var(--color-accent),var(--color-primary));background-size:600% 600%;animation:gradientAnimation-c187a477 60s ease infinite}@keyframes gradientAnimation-c187a477{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-logo[data-v-c187a477]{transition:transform .3s ease,box-shadow .3s ease;max-width:1000px;width:80%;margin-bottom:1rem}.hero-logo[data-v-c187a477]:hover{transform:scale(1.05)}.hero-keywords[data-v-c187a477]{margin-top:1.5rem;font-size:2rem;font-family:var(--font-heading);color:var(--color-neutral-light);min-height:3rem}.hero-button[data-v-c187a477]{margin-top:2rem;padding:.8rem 1.5rem;font-size:1.2rem;font-family:var(--font-heading);color:var(--text-color);background-color:var(--button-bg);border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s}.hero-button[data-v-c187a477]:hover{background-color:var(--color-accent);color:var(--background-color)}.hero-button .arrow[data-v-c187a477]{color:var(--color-accent);margin-left:.5rem;transition:color .3s}.hero-button:hover .arrow[data-v-c187a477]{color:var(--background-color)}@media (max-width: 768px){.hero-logo[data-v-c187a477]{max-width:200px}.hero-keywords[data-v-c187a477]{font-size:1.5rem}.hero-button[data-v-c187a477]{font-size:1rem;padding:.6rem 1.2rem}}.services-section[data-v-8a17396f]{padding:4rem 2rem;text-align:center;background-color:var(--background-color);color:var(--text-color)}.services-section h2[data-v-8a17396f]{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:2rem}.services-container[data-v-8a17396f]{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.service-card[data-v-8a17396f]{width:300px;padding:2rem;border-radius:8px;background:linear-gradient(270deg,#ffffff0d,#3333330d);background-size:200% 200%;animation:cardGradient-8a17396f 30s ease infinite;transition:transform .3s ease,box-shadow .3s ease}@keyframes cardGradient-8a17396f{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.service-card[data-v-8a17396f]:hover{transform:scale(1.1);box-shadow:0 0 20px var(--color-primary)}.service-card h3[data-v-8a17396f]{font-family:var(--font-heading);margin-bottom:1rem}.service-card p[data-v-8a17396f]{font-family:var(--font-body);font-size:1rem;line-height:1.5}.card-button[data-v-8a17396f]{margin-top:1rem;padding:.6rem 1.2rem;font-size:1rem;font-family:var(--font-heading);background-color:var(--color-neutral-dark);color:var(--color-neutral-light);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s}.card-button[data-v-8a17396f]:hover{background-color:var(--color-primary);color:var(--background-color)}@media (max-width: 768px){.service-card[data-v-8a17396f]{width:90%}}.about-digitalwerk[data-v-6d17e9b3]{padding:4rem 2rem;background-color:var(--color-primary);color:var(--color-neutral-light);display:flex;justify-content:center}.about-container[data-v-6d17e9b3]{display:flex;align-items:center;justify-content:center;margin:0 auto}.about-image[data-v-6d17e9b3]{flex:1;display:flex;justify-content:center;align-items:center}.about-image img[data-v-6d17e9b3]{width:100%;max-width:400px;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a}.flip-card[data-v-6d17e9b3]{perspective:1000px;width:400px;max-width:400px;height:400px;cursor:pointer}.flip-card-inner[data-v-6d17e9b3]{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner[data-v-6d17e9b3]{transform:rotateY(180deg)}.flip-card-front[data-v-6d17e9b3],.flip-card-back[data-v-6d17e9b3]{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden}.flip-card-front[data-v-6d17e9b3]{z-index:2}.flip-card-back[data-v-6d17e9b3]{transform:rotateY(180deg)}.about-vision[data-v-6d17e9b3]{flex:1;text-align:left}.about-vision h2[data-v-6d17e9b3]{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:1rem}.about-vision p[data-v-6d17e9b3]{font-family:var(--font-body);font-size:1.125rem;line-height:1.6}@media (max-width: 768px){.about-container[data-v-6d17e9b3]{flex-direction:column}.about-vision[data-v-6d17e9b3]{text-align:center}}.contact-section[data-v-c2e965ef]{padding:4rem 2rem;background-color:var(--background-color);color:var(--text-color);text-align:center}svg path[data-v-c2e965ef]{animation:wave-c2e965ef 5s infinite ease-in-out alternate}@keyframes wave-c2e965ef{0%{transform:translate(0)}to{transform:translate(10px)}}.contact-container[data-v-c2e965ef]{max-width:600px;margin:0 auto;background-color:var(--background-color);padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a}.contact-container h2[data-v-c2e965ef]{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:2rem}.contact-form[data-v-c2e965ef]{text-align:left}.form-group[data-v-c2e965ef]{margin-bottom:1.5rem;margin-right:1.5rem}label[data-v-c2e965ef]{display:block;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}input[type=text][data-v-c2e965ef],input[type=email][data-v-c2e965ef],textarea[data-v-c2e965ef]{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:4px;font-family:var(--font-body);font-size:1rem}textarea[data-v-c2e965ef]{resize:vertical;min-height:70px}.submit-button[data-v-c2e965ef]{padding:.8rem 1.5rem;font-size:1.1rem;font-family:var(--font-heading);background-color:var(--color-primary);color:var(--color-neutral-light);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.submit-button[data-v-c2e965ef]:hover{background-color:var(--link-hover)}.success-message[data-v-c2e965ef]{margin-top:1rem;font-size:1.1rem;color:var(--color-success)}.error-message[data-v-c2e965ef]{margin-top:1rem;font-size:1.1rem;color:var(--color-error)}.impressum[data-v-1ce1e0fd]{padding:2rem;max-width:800px;margin:0 auto;line-height:1.6;font-family:var(--font-body);color:var(--color-neutral-dark)}.impressum h1[data-v-1ce1e0fd]{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:1rem;text-align:center}.impressum h2[data-v-1ce1e0fd]{font-size:1.8rem;margin-top:2rem;color:var(--color-neutral-dark)}.impressum p[data-v-1ce1e0fd]{margin-bottom:1rem}.impressum a[data-v-1ce1e0fd]{color:var(--color-primary);text-decoration:none;transition:color .3s}.impressum a[data-v-1ce1e0fd]:hover{color:var(--color-primary-hover)}.datenschutz[data-v-c1f45211]{min-height:100vh;padding:4rem}