:root{--color-primary: #1a73e8;--color-secondary: #05070b;--color-accent: #2563ff;--color-bg: #161b22;--color-text: #f1f5f9;--color-surface: #1c2430;--color-surface-elevated: #232d3d;--color-border: #2d3d52;--color-brand-mint: #7ac673;--color-brand-slate: #4c6972;--color-brand-cyan: #1b8bb9;--color-brand-sky: #afd9ee;--color-muted: #94a3b8;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 96px;--header-h: 72px;--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--shadow-soft: 0 18px 50px rgba(5, 7, 11, .45);--shadow-glow: 0 0 0 1px rgba(26, 115, 232, .35), 0 12px 40px rgba(37, 99, 255, .25);--transition: .22s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-stack);font-size:1rem;line-height:1.65;color:var(--color-text);background:var(--color-bg);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition),text-decoration-color var(--transition)}a:hover{color:var(--color-primary)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-brand-sky);outline-offset:2px}.container{width:min(1120px,100% - 2 * var(--space-3));margin-inline:auto}.section{padding-block:var(--space-6)}@media(min-width:768px){.section{padding-block:var(--space-7)}}.section--bg{background:var(--color-bg)}.section--surface{background:var(--color-surface)}.section--elevated{background:var(--color-surface-elevated)}.section__intro{max-width:62ch;margin-bottom:var(--space-5)}.section__intro h2{margin:0 0 var(--space-2)}.section__intro p{margin:0;color:var(--color-muted)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-brand-sky);margin-bottom:var(--space-2)}.eyebrow:before{content:"";width:28px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-brand-mint))}h1,h2,h3,h4{line-height:1.15;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(1.85rem,5vw,3.1rem)}h2{font-size:clamp(1.55rem,3.5vw,2.35rem)}h3{font-size:clamp(1.2rem,2.2vw,1.45rem)}p{margin:0 0 var(--space-2)}p:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:48px;padding:.75rem 1.35rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition)}@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:var(--shadow-glow)}.btn--primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn--accent{background:transparent;color:var(--color-text);border-color:var(--color-accent)}.btn--accent:hover{background:#2563ff1f;transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover{border-color:var(--color-primary);color:#fff}.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--color-primary);text-decoration:none;position:relative}.link-arrow:after{content:"→";transition:transform var(--transition)}.link-arrow:hover:after{transform:translate(4px)}.site-header{position:sticky;top:0;z-index:1500;height:var(--header-h);display:flex;align-items:center;background:color-mix(in srgb,var(--color-secondary) 88%,transparent);border-bottom:1px solid var(--color-border);box-shadow:0 10px 30px #05070b59}@supports (backdrop-filter: blur(8px)){.site-header{background:color-mix(in srgb,var(--color-secondary) 82%,transparent);backdrop-filter:blur(10px)}}.site-header__inner{display:flex;align-items:center;justify-content:space-between;width:min(1120px,100% - 2 * var(--space-3));margin-inline:auto}.brand{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit}.brand__name{font-weight:800;font-size:1.15rem;letter-spacing:-.03em;background:linear-gradient(120deg,var(--color-text),var(--color-brand-sky));-webkit-background-clip:text;background-clip:text;color:transparent}.brand__tag{font-size:.75rem;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase}.desktop-nav{display:none;align-items:center;gap:var(--space-2)}.desktop-nav a{color:var(--color-text);text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem .75rem;border-radius:var(--radius-sm);position:relative}.desktop-nav a:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:4px;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}@media(min-width:768px){.desktop-nav{display:flex}}.hero{position:relative;isolation:isolate;min-height:min(88vh,760px);display:flex;align-items:flex-end;padding-block:var(--space-7) var(--space-6);overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#05070bd1,#161b228c),linear-gradient(120deg,#1a73e859,#1a8bb933),url(/images/hero-werkstatt.jpg) center / cover no-repeat}.hero__glow{position:absolute;inset:auto -20% -30%;height:55%;z-index:-1;background:radial-gradient(closest-side,rgba(37,99,255,.35),transparent 70%);pointer-events:none}.hero__content{width:min(1120px,100% - 2 * var(--space-3));margin-inline:auto}.hero h1{margin:0 0 var(--space-2);max-width:18ch;background:linear-gradient(115deg,#fff 0%,var(--color-brand-sky) 55%,var(--color-brand-mint) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{font-size:clamp(1.05rem,2.4vw,1.2rem);color:#e2e8f0;max-width:52ch;margin-bottom:var(--space-3)}.hero__text{max-width:62ch;color:var(--color-muted);margin-bottom:var(--space-4)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hero__meta{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-muted);font-size:.9rem}.hero__meta span{display:inline-flex;align-items:center;gap:8px}.hero__scroll{margin-top:var(--space-5);display:inline-flex;align-items:center;gap:10px;color:var(--color-brand-sky);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hero__scroll-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}.grid-cards{display:grid;gap:var(--space-3)}@media(min-width:768px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-4px);border-color:#1a73e8a6;box-shadow:0 22px 55px #05070b8c}@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}.card__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:var(--space-2);background:radial-gradient(circle at 30% 20%,#7ac67359,#1a73e840);border:1px solid rgba(26,115,232,.45)}.card__icon svg{width:26px;height:26px}.media-tile-grid{display:grid;gap:var(--space-3)}@media(min-width:768px){.media-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.media-tile{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);aspect-ratio:4 / 3;background:var(--color-surface)}.media-tile img{width:100%;height:100%;object-fit:cover}.media-tile figcaption{position:absolute;inset:auto 0 0;padding:var(--space-2) var(--space-3);background:linear-gradient(180deg,transparent,rgba(5,7,11,.92));font-weight:600;font-size:.95rem}.split{display:grid;gap:var(--space-4);align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}.split--reverse .split__media{order:2}}.split__media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.split__media img{width:100%;height:auto;object-fit:cover}.trust-band{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(26,115,232,.35);background:linear-gradient(120deg,#1a73e81f,#7ac67314)}@media(min-width:768px){.trust-band{grid-template-columns:repeat(3,minmax(0,1fr))}}.trust-item{display:flex;gap:var(--space-2);align-items:flex-start}.trust-item svg{flex-shrink:0;width:28px;height:28px;color:var(--color-brand-mint)}.steps{display:grid;gap:var(--space-4)}@media(min-width:768px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.step{position:relative;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.step:before{content:attr(data-step);font-size:.8rem;font-weight:800;letter-spacing:.12em;color:var(--color-primary);display:block;margin-bottom:var(--space-2)}.step:after{content:"";position:absolute;top:50%;right:-18px;width:36px;height:2px;background:linear-gradient(90deg,var(--color-primary),transparent);display:none}@media(min-width:768px){.step:not(:last-child):after{display:block}}.icon-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.icon-list li{display:grid;grid-template-columns:28px 1fr;gap:var(--space-2);align-items:start}.icon-list svg{margin-top:4px;color:var(--color-accent)}.cta-band{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-6) var(--space-4);border:1px solid var(--color-border);isolation:isolate}.cta-band__bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,#05070be0,#161b22bf),url(/images/cta-service.jpg) center / cover no-repeat}.cta-band__inner{max-width:58ch}.faq{display:flex;flex-direction:column;gap:var(--space-2)}.faq details{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);padding:0 var(--space-3);transition:border-color var(--transition),background var(--transition)}.faq details[open]{border-color:#1a73e88c;background:var(--color-surface-elevated)}.faq summary{cursor:pointer;list-style:none;font-weight:600;padding-block:var(--space-3);position:relative;padding-right:2rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.35rem;color:var(--color-primary);transition:transform var(--transition)}.faq details[open] summary:after{content:"–";transform:translateY(-50%) rotate(180deg)}.faq .faq__body{padding-bottom:var(--space-3);color:var(--color-muted)}.contact-grid{display:grid;gap:var(--space-4)}@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1.1fr}}.contact-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-4)}.form-stack{display:flex;flex-direction:column;gap:var(--space-2)}.form-stack label{font-weight:600;font-size:.9rem}.form-stack input,.form-stack textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding:.75rem .9rem;font-size:16px;font-family:inherit}.form-stack textarea{min-height:140px;resize:vertical}.site-footer{background:var(--color-secondary);border-top:1px solid var(--color-border);padding-block:var(--space-6);margin-top:var(--space-2)}.footer-grid{display:grid;gap:var(--space-4)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-note{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-muted)}.footer-note a{color:var(--color-brand-sky)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.mobile-nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}@media(min-width:768px){.mobile-nav__toggle{display:none}}.mobile-nav__panel{position:fixed;inset:0;z-index:6500;display:flex;flex-direction:column;padding:calc(var(--header-h) + var(--space-3)) var(--space-3) var(--space-4);background-color:#161b22;background-image:none;isolation:isolate;opacity:1;transform:translate(100%);visibility:hidden;pointer-events:none;transition:transform .32s ease,visibility .32s ease}.mobile-nav__panel.is-open{transform:translate(0);visibility:visible;pointer-events:auto}.mobile-nav__panel a,.mobile-nav__link{display:block;padding:var(--space-3) 0;font-size:1.35rem;font-weight:700;color:#f8fafc;text-decoration:none;border-bottom:1px solid var(--color-border)}.mobile-nav__panel a:hover,.mobile-nav__panel a:focus-visible,.mobile-nav__link:hover,.mobile-nav__link:focus-visible{color:var(--color-brand-sky)}.mobile-nav__close{position:absolute;top:calc(var(--space-3) + 8px);right:var(--space-3);width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text);cursor:pointer;display:grid;place-items:center}.password-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:var(--space-3);background:#05070b}html.is-unlocked .password-overlay{display:none}.password-overlay__card{width:min(420px,100%);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);padding:var(--space-4);box-shadow:var(--shadow-soft)}.password-overlay__error{color:#fecaca;font-size:.9rem;margin-top:var(--space-2);min-height:1.25em}.cookie-banner{position:fixed;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);z-index:9998;max-width:720px;margin-inline:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);padding:var(--space-3);box-shadow:var(--shadow-soft);display:none;flex-direction:column;gap:var(--space-3)}.cookie-banner.is-visible{display:flex}.cookie-banner__actions{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:520px){.cookie-banner__actions{flex-direction:row;flex-wrap:wrap}}.cookie-banner__settings{background:none;border:none;color:var(--color-brand-sky);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:.5rem 0;font-size:1rem;font-family:inherit;text-align:left}.cookie-modal{position:fixed;inset:0;z-index:10002;display:none;place-items:center;padding:var(--space-3);background:#05070b}.cookie-modal.is-open{display:grid}.cookie-modal__dialog{width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);padding:var(--space-4)}.cookie-modal__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px solid var(--color-border)}.cookie-modal__row label{font-weight:600}.service-card__media{aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--space-3);border:1px solid var(--color-border)}.service-card__media img{width:100%;height:100%;object-fit:cover}.legal-prose{max-width:75ch;margin:0 auto}.legal-prose h2{margin-top:2.25rem;margin-bottom:.75rem;font-size:1.25rem}.legal-prose h2:first-child{margin-top:0}.page-head{padding-top:calc(var(--header-h) + var(--space-5));padding-bottom:var(--space-4);background:linear-gradient(135deg,#1a73e81f,#05070b99);border-bottom:1px solid var(--color-border)}