/* purentis – Der aufgeräumte Einsatzplan: reine CSS-Auslieferung ohne Framework oder Build-Schritt. */
:root { --ink:#1e2a2a; --petrol:#183d3b; --deep:#102d2c; --sage:#5a7a5a; --signal:#9bd833; --paper:#f4f1ea; --mineral:#f8faf8; --line:#d8e1dc; --muted:#65726e; --white:#fff; --easing:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:83px; }
body { margin:0; min-width:320px; color:var(--ink); background:var(--mineral); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:16px; line-height:1.55; }
body, button, input, textarea, select { font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; letter-spacing:-.055em; line-height:.98; }
h1 { font-size:clamp(3.15rem,6vw,6.5rem); font-weight:800; }
h2 { font-size:clamp(2.2rem,4.2vw,4.8rem); font-weight:800; }
h3 { font-size:1.25rem; font-weight:800; }
strong { font-weight:800; }
em { color:var(--sage); font-style:normal; }
button { cursor:pointer; }
.content-wrap { width:min(1200px,calc(100% - 48px)); margin:0 auto; }
main { padding-top:83px; overflow:hidden; }

/* Dauerhaft sichtbare Navigation */
.site-header { position:fixed; inset:0 0 auto; z-index:100; height:83px; background:rgba(248,250,248,.97); border-bottom:1px solid rgba(24,61,59,.1); backdrop-filter:blur(16px); }
.site-header__inner { width:min(1300px,calc(100% - 48px)); height:83px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:block; flex:0 0 auto; width:168px; }
.brand img { display:block; width:100%; height:auto; }
.desktop-nav { display:flex; align-items:center; gap:24px; margin-left:auto; }
.nav-link,.text-link { color:#40504c; font-size:.9rem; font-weight:700; transition:color .18s var(--easing); }
.nav-link:hover,.nav-link[aria-current="page"],.text-link:hover { color:var(--petrol); }
.nav-link[aria-current="page"] { text-decoration:underline; text-decoration-color:var(--signal); text-decoration-thickness:2px; text-underline-offset:7px; }
.header-actions { display:flex; gap:20px; align-items:center; }
.button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:9px; padding:0 20px; border:1px solid var(--petrol); border-radius:3px; background:var(--petrol); color:white; font-size:.88rem; font-weight:800; letter-spacing:-.01em; transition:transform .16s var(--easing),background .16s var(--easing),border-color .16s var(--easing); }
.button:hover { background:var(--sage); border-color:var(--sage); transform:translateY(-2px); }
.button:active { transform:scale(.97); }
.button--small { min-height:40px; padding:0 16px; font-size:.8rem; }
.button--light { color:var(--petrol); background:#fff; border-color:#fff; }
.button--light:hover { color:var(--petrol); background:var(--signal); border-color:var(--signal); }
.button--outline { background:transparent; color:var(--petrol); }
.button--outline:hover { color:white; background:var(--petrol); }
.menu-toggle { display:none; padding:8px; border:0; background:transparent; color:var(--petrol); }
.menu-toggle svg { width:24px; height:24px; }
.mobile-nav { display:none; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 20px; color:var(--sage); font-size:.69rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.eyebrow::before { content:""; width:27px; height:2px; background:var(--sage); }
.lede { max-width:610px; margin-top:26px; color:#53615d; font-size:clamp(1.04rem,1.45vw,1.2rem); line-height:1.65; }
.text-link { display:inline-flex; align-items:center; gap:7px; padding-bottom:3px; color:var(--petrol); border-bottom:1px solid rgba(24,61,59,.35); }
.arrow { font-size:1.2em; line-height:1; }

/* Startseite */
.hero { position:relative; padding:clamp(60px,9vw,132px) 0 90px; background:linear-gradient(105deg,#f8faf8 0%,#f8faf8 53%,#e6ece7 53%,#e6ece7 100%); }
.hero::after { content:""; position:absolute; right:0; bottom:0; width:47%; height:52%; opacity:.18; background-image:radial-gradient(var(--sage) 1px,transparent 1px); background-size:12px 12px; pointer-events:none; }
.hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.92fr) minmax(450px,.9fr); align-items:center; gap:clamp(45px,8vw,110px); }
.hero__copy { padding-bottom:15px; }.hero__copy h1 { max-width:740px; }.hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:36px; }
.hero__proof { display:flex; align-items:center; gap:10px; margin-top:47px; color:var(--muted); font-size:.81rem; line-height:1.42; }
.hero__proof-dot,.signal-dot { width:10px; height:10px; border-radius:50%; background:var(--signal); box-shadow:0 0 0 6px rgba(155,216,51,.14); }
.hero__visual { position:relative; min-height:530px; }.hero__picture { position:absolute; inset:0 0 28px 5%; overflow:hidden; border-radius:0 70px 0 0; box-shadow:24px 28px 0 rgba(24,61,59,.08); }.hero__picture img { width:100%; height:100%; object-fit:cover; }
.schedule-card { position:absolute; z-index:2; bottom:0; left:-12%; width:min(300px,61%); padding:18px 19px 14px; background:rgba(255,255,255,.97); border-top:3px solid var(--signal); box-shadow:0 20px 45px rgba(20,45,43,.18); }
.schedule-card__top { display:flex; justify-content:space-between; margin-bottom:14px; color:var(--petrol); font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.schedule-entry { display:flex; gap:9px; padding:10px 0; border-top:1px solid #e5ebe7; }.schedule-entry i { width:7px; height:7px; flex:0 0 auto; margin-top:5px; border-radius:50%; background:var(--signal); }.schedule-entry--muted i { background:#bec9c2; }.schedule-entry strong,.schedule-entry small { display:block; }.schedule-entry strong { font-size:.76rem; line-height:1.25; }.schedule-entry small { margin-top:2px; color:#71807a; font-size:.66rem; }.hero__object-tag { position:absolute; top:70px; right:-10px; color:var(--petrol); font-size:.64rem; font-weight:800; letter-spacing:.16em; writing-mode:vertical-rl; }
.friction-section { padding:clamp(90px,11vw,160px) 0; background:var(--deep); color:#fff; }.friction-section__grid { display:grid; grid-template-columns:.9fr 1fr; gap:clamp(40px,10vw,145px); align-items:start; }.friction-section h2 em { color:#a9c8b2; }.friction-section p:not(.eyebrow) { max-width:485px; margin-top:26px; color:#c0ceca; font-size:1.05rem; line-height:1.7; }.problem-list { border-top:1px solid rgba(255,255,255,.18); }.problem-list div { display:grid; grid-template-columns:45px 1fr auto; gap:15px; align-items:center; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.18); }.problem-list span { color:var(--signal); font-size:.7rem; font-weight:800; letter-spacing:.12em; }.problem-list p { margin:0!important; color:white!important; font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-size:clamp(1rem,1.55vw,1.25rem)!important; font-weight:600; letter-spacing:-.025em; }.problem-list b { color:#a5b3ae; font-size:1.2rem; font-weight:400; }
.route-section { padding:clamp(92px,12vw,170px) 0; }.route-marker { display:flex; align-items:center; gap:11px; color:var(--muted); font-size:.66rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.route-marker__number { color:var(--petrol); font-size:.75rem; }.route-marker__line { width:58px; height:1px; background:var(--sage); }.home-route__intro { display:grid; grid-template-columns:1fr .72fr; gap:80px; margin:36px 0 80px 15.5%; }.home-route__intro p { max-width:440px; padding-top:10px; color:var(--muted); line-height:1.7; }.home-route__steps { position:relative; display:grid; grid-template-columns:repeat(3,1fr); }.home-route__steps::before { content:""; position:absolute; top:34px; right:8%; left:8%; height:1px; background:var(--line); }.home-route__steps article { position:relative; padding:70px 24px 0 0; }.home-route__steps article:nth-child(2) { padding-right:5%; padding-left:5%; }.home-route__steps article:nth-child(3) { padding-right:0; padding-left:9%; }.step-icon { position:absolute; top:15px; left:0; z-index:1; display:grid; width:34px; height:38px; padding-right:7px; place-items:center; background:var(--mineral); color:var(--sage); font-size:1.4rem; }.home-route__steps article:nth-child(2) .step-icon { left:5%; }.home-route__steps article:nth-child(3) .step-icon { left:9%; }.step-number { display:block; margin-bottom:21px; color:var(--sage); font-size:.66rem; font-weight:800; letter-spacing:.11em; }.home-route__steps h3 { margin-bottom:13px; }.home-route__steps p { max-width:290px; color:var(--muted); font-size:.91rem; line-height:1.65; }
.image-story { display:grid; grid-template-columns:1.14fr .86fr; min-height:650px; background:var(--paper); }.image-story__media img { width:100%; height:100%; object-fit:cover; }.image-story__content { display:flex; align-items:flex-start; justify-content:center; flex-direction:column; padding:clamp(65px,8vw,125px) clamp(35px,8vw,120px) 70px clamp(35px,6vw,95px); }.image-story__content h2 { font-size:clamp(2.4rem,3.8vw,4.5rem); }.image-story__content p { max-width:460px; margin:28px 0 31px; color:var(--muted); line-height:1.72; }
.feature-summary { display:grid; grid-template-columns:.83fr 1.1fr; align-items:end; column-gap:13%; row-gap:52px; padding:clamp(100px,13vw,185px) 0; }.feature-summary__list { border-top:1px solid var(--line); }.feature-summary__list div { display:grid; grid-template-columns:42px 25px 1fr; gap:8px; align-items:center; padding:15px 0; border-bottom:1px solid var(--line); }.feature-summary__list span { color:var(--sage); font-size:.68rem; font-weight:800; }.feature-summary__list b { color:var(--petrol); }.feature-summary__list p { font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:700; letter-spacing:-.02em; }.feature-summary>.button { justify-self:start; }
.price-teaser { padding:clamp(80px,10vw,140px) 0; background:#dfe8e1; }.price-teaser__grid { display:grid; grid-template-columns:1fr .66fr; gap:14%; align-items:center; }.price-teaser h2 { font-size:clamp(2.5rem,4.6vw,5rem); }.price-teaser p { max-width:440px; margin:25px 0 28px; color:#52625d; line-height:1.7; }.price-teaser__side { position:relative; padding:44px; border-right:12px solid #c0d0c5; background:var(--petrol); color:#fff; }.price-teaser__side b { color:#c0d0c5; font-size:1.8rem; }.price-teaser__side p { margin:26px 0; color:#fff; font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-size:1.35rem; font-weight:700; line-height:1.3; }.price-teaser__side span { color:#b9c9c1; font-size:.76rem; }.final-cta { padding:clamp(84px,10vw,140px) 0; background:var(--deep); color:white; }.final-cta__content { display:grid; grid-template-columns:1.2fr .6fr; gap:10%; align-items:end; }.final-cta h2 { font-size:clamp(2.55rem,4.3vw,4.8rem); }.final-cta em { color:#a9c8b2; }.final-cta p { margin-bottom:26px; color:#c1d0c9; line-height:1.65; }

/* Unterseiten und Inhaltsrouten */
.page-hero { padding:clamp(78px,11vw,150px) 0 clamp(75px,9vw,120px); background:var(--paper); }.page-hero__layout { display:grid; grid-template-columns:1fr .72fr; gap:9%; align-items:center; }.page-hero__image { overflow:hidden; max-height:380px; border:14px solid var(--petrol); box-shadow:20px 20px 0 #dfe8e1; }.page-hero__image img { width:100%; height:100%; object-fit:cover; }.page-hero--pricing { background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 62%,#dfe8e1 62%,#dfe8e1 100%); }.narrow-copy { max-width:790px; }.page-hero--help { background:#e8eee8; }.help-symbol { position:relative; display:grid; width:260px; height:270px; margin-left:auto; place-items:center; color:var(--sage); font-size:7rem; }.help-symbol::after { content:"Frag\A einfach."; position:absolute; color:var(--petrol); font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-size:1.8rem; font-weight:800; line-height:.95; letter-spacing:-.07em; text-align:center; white-space:pre; }
.feature-route { width:calc(100% - 12%); margin:60px 0 0 12%; padding-left:46px; border-left:1px solid var(--line); }.feature-route__item { position:relative; display:grid; grid-template-columns:minmax(0,1.24fr) minmax(270px,.56fr); gap:clamp(35px,6vw,88px); min-height:230px; padding:0 0 94px; }.feature-route__item--wide .feature-route__content { grid-column:1/-1; max-width:760px; }.feature-route__pin { position:absolute; top:1px; left:-69px; display:grid; width:45px; height:45px; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--mineral); color:var(--sage); font-size:1.2rem; }.feature-route__label { margin-bottom:14px; color:var(--sage); font-size:.69rem; font-weight:800; letter-spacing:.115em; text-transform:uppercase; }.feature-route__content h2 { max-width:720px; font-size:clamp(2rem,2.7vw,3.2rem); }.feature-route__content>p:not(.feature-route__label) { max-width:690px; margin:18px 0; color:var(--muted); line-height:1.7; }.feature-detail { display:inline-block; padding:6px 9px; border:1px solid var(--line); color:var(--petrol); font-size:.72rem; font-weight:700; }.feature-route__image { grid-column:2; height:310px; margin-top:-12px; overflow:hidden; border-radius:0 54px 0 0; }.feature-route__image img { width:100%; height:100%; object-fit:cover; }.feature-route__note { margin:-48px 0 0 46px; color:var(--muted); font-size:.76rem; }.cta-band { padding:62px 0; background:var(--petrol); color:#fff; }.cta-band__inner { display:flex; justify-content:space-between; align-items:end; gap:40px; }.cta-band h2 { max-width:700px; font-size:clamp(2.1rem,3.2vw,3.5rem); }.cta-band .eyebrow { color:#d6e6de; }
.price-section { padding:clamp(70px,10vw,130px) 0 50px; }.price-sheet-marker { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:0 0 20px; padding:0 0 13px; border-bottom:1px solid var(--line); }.price-sheet-marker>div { display:flex; flex-wrap:wrap; gap:8px; }.price-sheet-marker>div span { padding:4px 7px; border:1px solid var(--line); color:var(--petrol); font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }.price-card { background:#fff; border-top:3px solid var(--signal); box-shadow:0 28px 55px rgba(20,45,43,.09); }.price-card__header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:37px 42px 30px; border-bottom:1px solid var(--line); }.price-card__overline { margin-bottom:10px; color:var(--sage); font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.price-card h2 { font-size:clamp(2rem,3vw,3.2rem); }.price-card__status { display:flex; align-items:center; gap:7px; color:var(--petrol); font-size:.68rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.price-card__status i { width:7px; height:7px; border-radius:50%; background:var(--signal); }.price-card__body { display:grid; grid-template-columns:.85fr 1px 1.35fr; gap:45px; padding:42px; }.price-lockup { align-self:start; }.price-lockup span { display:block; color:var(--petrol); font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-size:clamp(3.3rem,5vw,5.9rem); font-weight:800; letter-spacing:-.07em; line-height:.9; }.price-lockup p { margin-top:14px; color:var(--muted); line-height:1.4; }.price-card__divider { background:var(--line); }.included-list { display:grid; grid-template-columns:1fr 1fr; gap:16px 28px; }.included-list p { display:flex; align-items:flex-start; gap:8px; color:#4d5e58; font-size:.89rem; line-height:1.38; }.check { color:var(--sage); font-weight:900; }.price-card__footer { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:25px 42px; background:#eef3ef; }.price-card__footer p { max-width:650px; color:#4f605a; font-size:.9rem; }.pricing-note { margin:17px 0 0; color:#77837f; font-size:.73rem; }.paper-panel { padding:clamp(78px,10vw,135px) 0; background:var(--paper); }.split-copy { display:grid; grid-template-columns:1fr .7fr; gap:16%; align-items:start; }.split-copy h2 { font-size:clamp(2.25rem,3.7vw,4.1rem); }.split-copy>p { padding-top:11px; color:var(--muted); line-height:1.75; }
.faq-section { padding:clamp(70px,10vw,125px) 0; }.faq-section>.route-marker { margin-bottom:32px; margin-left:12%; }.faq-list { max-width:820px; margin-left:12%; }.faq-item { border-bottom:1px solid var(--line); }.faq-question { display:flex; width:100%; align-items:center; justify-content:space-between; gap:20px; padding:23px 0; border:0; background:transparent; color:var(--petrol); font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-size:clamp(1rem,1.5vw,1.25rem); font-weight:700; letter-spacing:-.03em; text-align:left; }.faq-question span:last-child { color:var(--sage); font-family:Arial,sans-serif; font-size:1.4rem; font-weight:400; transition:transform .2s var(--easing); }.faq-question[aria-expanded="true"] span:last-child { transform:rotate(45deg); }.faq-answer { display:none; max-width:720px; padding:0 50px 25px 0; color:var(--muted); line-height:1.7; }.faq-answer.is-open { display:block; }.help-status-strip { display:flex; align-items:center; gap:19px; max-width:820px; margin:48px 0 0 12%; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--petrol); font-size:.69rem; font-weight:800; letter-spacing:.075em; text-transform:uppercase; }.help-status-strip span { display:flex; align-items:center; gap:6px; }.help-status-strip i { width:7px; height:7px; border-radius:50%; background:var(--sage); }.help-status-strip p { margin-left:auto; color:var(--muted); font-size:.67rem; font-weight:500; letter-spacing:0; text-transform:none; }.contact-strip { display:grid; grid-template-columns:52px 1fr auto; gap:24px; align-items:center; margin-bottom:clamp(80px,10vw,130px); padding:34px; border-left:4px solid var(--signal); background:#e5eee7; }.contact-strip__icon { color:var(--sage); font-size:2rem; }.contact-strip__overline { margin-bottom:5px; color:var(--sage); font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.contact-strip h2 { font-size:clamp(1.5rem,2.2vw,2.2rem); }
.contact-page { display:grid; grid-template-columns:.73fr 1fr; gap:9%; align-items:start; padding:clamp(75px,10vw,130px) 0; }.contact-page__intro { padding-top:18px; }.contact-page__intro h1 { font-size:clamp(3rem,5vw,5.7rem); }.contact-route { margin-top:39px; }.contact-route__details { display:flex; flex-wrap:wrap; gap:9px; margin-top:14px; }.contact-route__details span { padding:5px 8px; border:1px solid var(--line); color:var(--petrol); font-size:.7rem; font-weight:700; }.contact-details { display:flex; flex-direction:column; gap:11px; margin-top:35px; padding-top:23px; border-top:1px solid var(--line); }.contact-details a { display:flex; align-items:center; gap:11px; color:var(--petrol); font-size:.94rem; font-weight:700; }.contact-form-card { padding:clamp(28px,4vw,53px); border-top:5px solid var(--signal); background:#fff; box-shadow:0 25px 52px rgba(20,45,43,.1); }.form-intro { margin-bottom:28px; }.form-kicker { margin-bottom:10px; color:var(--sage); font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.form-intro h2 { font-size:clamp(1.9rem,2.7vw,2.7rem); }.contact-form { display:flex; flex-direction:column; gap:17px; }.form-label { display:flex; flex-direction:column; gap:7px; color:#42524d; font-size:.76rem; font-weight:700; }.form-input { width:100%; padding:12px 13px; border:1px solid #d9e2dd; border-radius:2px; outline:0; background:#fbfcfb; color:var(--ink); font-size:.91rem; font-weight:400; }.form-input:focus { border-color:var(--sage); box-shadow:0 0 0 3px rgba(90,122,90,.12); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.form-submit { align-self:flex-start; margin-top:6px; }.form-note { color:#76837e; font-size:.71rem; line-height:1.5; }.form-status { display:none; margin:0 0 20px; padding:13px; font-size:.83rem; line-height:1.5; }.form-status--success { display:block; border-left:3px solid var(--sage); background:#e9f1ea; color:#34543a; }.form-status--error { display:block; border-left:3px solid #b64c3a; background:#fff0ed; color:#7a3327; }.hp-field { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.legal-page { max-width:900px; padding:clamp(75px,10vw,125px) 0; }.legal-page h1 { margin-bottom:52px; font-size:clamp(3.1rem,5vw,5.4rem); }.legal-content { display:flex; flex-direction:column; gap:39px; max-width:720px; }.legal-content section { padding-bottom:35px; border-bottom:1px solid var(--line); }.legal-content h2 { margin-bottom:13px; font-size:1.38rem; letter-spacing:-.035em; }.legal-content p { color:#52615c; line-height:1.7; }.legal-content a { color:var(--petrol); font-weight:700; text-decoration:underline; text-decoration-color:var(--signal); text-underline-offset:3px; }.legal-alert { display:flex; gap:13px; margin:-15px 0 42px; padding:18px; border-left:3px solid #d1a900; background:#fff6d9; color:#695d2a; font-size:.85rem; line-height:1.55; }
.site-footer { padding:0 0 25px; background:#0e2928; color:#d2e0da; }.footer-topline { height:3px; background:var(--sage); }.site-footer__grid { display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:45px; width:min(1200px,calc(100% - 48px)); margin:0 auto; padding:67px 0 60px; }.footer-brand { width:148px; filter:brightness(0) invert(1); }.footer-intro { max-width:260px; margin-top:18px; color:#a9bcb3; font-size:.86rem; line-height:1.6; }.footer-heading { margin-bottom:18px; color:#a9c8b2; font-size:.66rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.footer-links { display:flex; flex-direction:column; gap:9px; }.footer-links a { color:#d2e0da; font-size:.85rem; }.footer-links a:hover { color:#fff; }.site-footer__bottom { display:flex; justify-content:space-between; gap:15px; width:min(1200px,calc(100% - 48px)); margin:0 auto; padding-top:19px; border-top:1px solid rgba(255,255,255,.14); color:#91a79c; font-size:.68rem; }

@media (prefers-reduced-motion:no-preference) { .hero__copy,.hero__visual { animation:rise-in .65s var(--easing) both; }.hero__visual { animation-delay:.12s; } @keyframes rise-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } } }
@media (max-width:900px) { .desktop-nav,.desktop-only { display:none; }.menu-toggle { display:block; }.mobile-nav { display:none; flex-direction:column; gap:4px; padding:14px 24px 22px; border-top:1px solid var(--line); background:var(--mineral); }.mobile-nav.is-open { display:flex; }.mobile-nav a { padding:12px 0; color:var(--petrol); font-weight:700; }.mobile-nav .button { margin-top:10px; }.hero__grid,.friction-section__grid,.page-hero__layout,.contact-page { grid-template-columns:1fr; }.hero__grid { gap:55px; }.hero__visual { width:90%; max-width:690px; min-height:470px; margin-left:auto; }.friction-section__grid { gap:54px; }.home-route__intro { grid-template-columns:1fr; gap:25px; margin-left:0; }.image-story { grid-template-columns:1fr; }.image-story__media { min-height:430px; }.image-story__content { padding:70px 48px 80px; }.feature-summary,.price-teaser__grid,.split-copy { grid-template-columns:1fr; gap:43px; }.feature-summary { align-items:start; }.feature-route { width:93%; margin-left:7%; padding-left:46px; }.feature-route__item { grid-template-columns:1fr; gap:0; }.feature-route__image { grid-column:auto; grid-row:auto; width:min(350px,100%); height:220px; margin:25px 0 0; }.feature-route__pin { left:-69px; }.faq-section>.route-marker,.faq-list,.help-status-strip { margin-left:7%; }.price-card__body { grid-template-columns:1fr; gap:29px; }.price-card__divider { height:1px; }.included-list { grid-template-columns:1fr 1fr; }.price-card__footer { align-items:flex-start; flex-direction:column; }.final-cta__content { grid-template-columns:1fr; gap:35px; }.site-footer__grid { grid-template-columns:1.3fr 1fr 1fr; }.site-footer__grid>:first-child { grid-column:1/-1; }.contact-page { gap:50px; }.help-symbol { display:none; }.price-sheet-marker { align-items:flex-start; flex-direction:column; gap:12px; } }
@media (max-width:620px) { html { scroll-padding-top:72px; } main { padding-top:72px; }.content-wrap,.site-header__inner,.site-footer__grid,.site-footer__bottom { width:min(100% - 32px,1200px); }.site-header,.site-header__inner { height:72px; }.brand { width:142px; }.header-actions { gap:6px; }.header-actions .button { min-height:37px; padding:0 11px; font-size:.69rem; }.hero { padding-top:60px; }.hero__visual { width:100%; min-height:385px; }.hero__picture { bottom:32px; left:0; border-radius:0 44px 0 0; }.schedule-card { left:-4px; width:73%; }.hero__object-tag { display:none; }.home-route__steps { grid-template-columns:1fr; gap:18px; }.home-route__steps::before { top:40px; right:auto; left:17px; width:1px; height:calc(100% - 78px); }.home-route__steps article,.home-route__steps article:nth-child(2),.home-route__steps article:nth-child(3) { min-height:110px; padding:0 0 7px 63px; }.step-icon,.home-route__steps article:nth-child(2) .step-icon,.home-route__steps article:nth-child(3) .step-icon { top:1px; left:0; padding:0 7px 0 0; }.step-number { margin-bottom:9px; }.image-story__media { min-height:300px; }.image-story__content { padding:60px 24px 65px; }.feature-summary__head { margin-bottom:-13px; }.feature-summary>.button { width:100%; }.price-teaser__side { padding:31px; }.price-card__header,.price-card__body,.price-card__footer { padding-right:23px; padding-left:23px; }.price-card__header { align-items:flex-start; flex-direction:column; }.included-list { grid-template-columns:1fr; gap:13px; }.cta-band__inner { align-items:flex-start; flex-direction:column; }.cta-band .button { width:100%; }.contact-strip { grid-template-columns:1fr; gap:15px; padding:25px; }.contact-strip .text-link { justify-self:start; }.form-row { grid-template-columns:1fr; }.form-submit { width:100%; }.legal-page h1 { margin-bottom:38px; }.site-footer__grid { grid-template-columns:1fr 1fr; gap:37px 22px; }.site-footer__bottom { flex-direction:column; }.feature-route { width:95%; margin-left:5%; padding-left:34px; }.feature-route__item { padding-bottom:64px; }.feature-route__pin { left:-57px; }.feature-route__note { margin-left:34px; }.faq-section>.route-marker,.faq-list,.help-status-strip { margin-left:0; }.help-status-strip { align-items:flex-start; flex-direction:column; gap:9px; }.help-status-strip p { margin-left:0; }.page-hero { padding-top:68px; }.page-hero--pricing { background:var(--paper); } }

/* Produktbelege: echte purentis-Oberflächen stehen für spürbare Entlastung statt für eine technische Featureliste. */
.route-marker--light { color:#b8cbc2; }.route-marker--light .route-marker__number { color:var(--signal); }.route-marker--light .route-marker__line { background:#b8cbc2; }
.dispo-spotlight { padding:clamp(88px,11vw,154px) 0 clamp(75px,10vw,136px); background:var(--petrol); color:#fff; }.dispo-spotlight .eyebrow { color:#b8cbc2; }.dispo-spotlight .eyebrow::before { background:var(--signal); }.dispo-spotlight h2 em { color:#c0d6c5; }.dispo-spotlight__intro { display:grid; grid-template-columns:1fr .68fr; gap:10%; margin:37px 0 54px 12%; align-items:end; }.dispo-spotlight__intro>p { max-width:470px; color:#d2e0da; line-height:1.72; }.product-shot { overflow:hidden; border:1px solid rgba(24,61,59,.15); background:#fff; box-shadow:20px 25px 0 rgba(24,61,59,.08); }.product-shot img { width:100%; height:auto; }.product-shot__bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; background:#fff; color:var(--petrol); font-size:.64rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.product-shot__bar span { display:flex; align-items:center; gap:7px; }.product-shot__bar i { width:7px; height:7px; border-radius:50%; background:var(--signal); }.product-shot--dispo { position:relative; box-shadow:24px 28px 0 rgba(7,29,28,.28); }.product-shot--dispo .product-shot__bar { background:#eaf0eb; }.dispo-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; margin:52px 0 0 12%; padding-top:27px; border-top:1px solid rgba(255,255,255,.2); }.dispo-benefits article { padding-right:20px; }.dispo-benefits span { color:var(--signal); font-size:.68rem; font-weight:800; letter-spacing:.13em; }.dispo-benefits h3 { max-width:250px; margin:13px 0 12px; color:#fff; font-size:1.18rem; line-height:1.12; }.dispo-benefits p { max-width:280px; color:#c8d7d0; font-size:.87rem; line-height:1.62; }
.image-story--product { min-height:590px; }.product-media { display:flex; align-items:center; justify-content:center; padding:clamp(28px,5vw,75px); background:#dfe8e1; }.product-shot--plain { width:100%; box-shadow:18px 21px 0 rgba(24,61,59,.12); }.operations-proof { padding:clamp(100px,12vw,165px) 0; }.operations-proof__head { display:grid; grid-template-columns:1fr .55fr; gap:12%; align-items:end; margin:0 0 54px; }.operations-proof__head>p { max-width:350px; padding-bottom:7px; color:var(--muted); line-height:1.7; }.operations-proof__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.operations-proof__grid article { position:relative; padding:0 0 7px; border-bottom:2px solid var(--sage); }.product-card__image { overflow:hidden; height:230px; margin-bottom:20px; border:1px solid var(--line); background:#fff; }.product-card__image img { width:100%; height:100%; object-fit:cover; object-position:top left; transition:transform .45s var(--easing); }.operations-proof__grid article:hover .product-card__image img { transform:scale(1.025); }.operations-proof__grid span { color:var(--sage); font-size:.67rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.operations-proof__grid h3 { margin:9px 0; font-size:1.25rem; }.operations-proof__grid p { max-width:330px; padding-bottom:18px; color:var(--muted); font-size:.9rem; line-height:1.62; }
.page-hero--screens { background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 58%,#dfe8e1 58%,#dfe8e1 100%); }.page-hero__link { margin-top:34px; }.page-hero--screens .page-hero__image { max-height:none; border:0; box-shadow:none; }.product-shot--hero { box-shadow:20px 22px 0 rgba(24,61,59,.14); }.benefit-route { padding:clamp(95px,11vw,155px) 0; }.benefit-showcase { display:grid; grid-template-columns:.86fr 1.14fr; gap:clamp(45px,8vw,115px); align-items:center; margin:76px 0 132px 12%; }.benefit-showcase--reverse { grid-template-columns:1.14fr .86fr; }.benefit-showcase--reverse .benefit-showcase__copy { order:2; }.benefit-showcase--reverse .product-shot,.benefit-showcase--reverse .two-product-shots { order:1; }.benefit-showcase__copy h2 { max-width:660px; font-size:clamp(2.35rem,3.6vw,4.25rem); }.benefit-showcase__copy>p:not(.feature-route__label) { max-width:530px; margin:22px 0; color:var(--muted); line-height:1.72; }.benefit-checks { display:grid; gap:10px; margin:26px 0 0; padding:0; list-style:none; color:var(--petrol); font-size:.88rem; font-weight:700; }.benefit-checks li { display:flex; align-items:flex-start; gap:10px; }.benefit-checks li::before { content:"✓"; color:var(--sage); font-weight:900; }.product-shot--flat { box-shadow:14px 17px 0 #dfe8e1; }.two-product-shots { display:grid; gap:23px; }.two-product-shots--stagger .product-shot--small { width:74%; margin-left:auto; }.two-product-shots .product-shot__bar { padding:8px 11px; font-size:.58rem; }
@media (max-width:900px) { .dispo-spotlight__intro,.operations-proof__head { grid-template-columns:1fr; gap:25px; margin-left:0; }.dispo-benefits { margin-left:0; }.operations-proof__grid { grid-template-columns:1fr 1fr; }.benefit-showcase,.benefit-showcase--reverse { grid-template-columns:1fr; margin-left:0; }.benefit-showcase--reverse .benefit-showcase__copy,.benefit-showcase--reverse .product-shot,.benefit-showcase--reverse .two-product-shots { order:initial; }.benefit-showcase__copy { max-width:680px; } }
@media (max-width:620px) { .dispo-spotlight { padding-top:76px; }.dispo-spotlight__intro { margin-bottom:38px; }.product-shot__bar { padding:8px 10px; font-size:.55rem; }.product-shot__bar span:last-child { display:none; }.product-shot--dispo { box-shadow:11px 14px 0 rgba(7,29,28,.28); }.dispo-benefits { grid-template-columns:1fr; gap:28px; margin-top:38px; }.dispo-benefits article { padding-right:0; }.operations-proof__grid { grid-template-columns:1fr; }.operations-proof__head { margin-bottom:37px; }.product-card__image { height:auto; max-height:280px; }.product-card__image img { object-fit:contain; background:#fff; }.page-hero--screens { background:var(--paper); }.benefit-route { padding-top:74px; }.benefit-showcase { gap:35px; margin:56px 0 89px; }.benefit-showcase__copy h2 { font-size:clamp(2.25rem,11vw,3.1rem); }.two-product-shots { gap:18px; }.two-product-shots--stagger .product-shot--small { width:82%; }.image-story--product .product-media { min-height:auto; padding:28px 16px; }.image-story--product .image-story__content { padding-top:58px; } }

/* Produktansichten sind bewusst vergrößerbar: Erst Überblick, dann Details ohne eine neue Seite zu öffnen. */
.product-shot--zoomable { position:relative; cursor:zoom-in; transition:transform .2s var(--easing),box-shadow .2s var(--easing); }.product-shot--zoomable::after { content:"Zum Vergrößern klicken"; position:absolute; right:11px; bottom:11px; padding:6px 9px; background:rgba(16,45,44,.86); color:#fff; font-size:.6rem; font-weight:800; letter-spacing:.07em; opacity:0; text-transform:uppercase; transition:opacity .18s var(--easing); }.product-shot--zoomable:hover,.product-shot--zoomable:focus-visible { transform:translateY(-3px); box-shadow:24px 29px 0 rgba(24,61,59,.13); outline:0; }.product-shot--zoomable:hover::after,.product-shot--zoomable:focus-visible::after { opacity:1; }.lightbox { position:fixed; z-index:200; inset:0; display:none; align-items:center; justify-content:center; padding:62px 28px 36px; background:rgba(7,25,24,.91); }.lightbox.is-open { display:flex; }.lightbox__stage { display:flex; max-width:min(1440px,95vw); max-height:calc(100vh - 110px); align-items:center; justify-content:center; overflow:hidden; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.36); }.lightbox__image { display:block; width:auto; max-width:100%; min-width:0; height:auto; max-height:calc(100vh - 110px); object-fit:contain; }.lightbox__close { position:absolute; top:18px; right:25px; width:42px; height:42px; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:transparent; color:#fff; font-size:2rem; line-height:1; }.lightbox__close:hover,.lightbox__close:focus-visible { background:#fff; color:var(--petrol); outline:0; }.lightbox__hint { position:absolute; bottom:13px; color:#d4e0db; font-size:.72rem; }.has-lightbox { overflow:hidden; }
.page-hero--screens .page-hero__layout { grid-template-columns:1fr; }.page-hero--screens .page-hero__layout>div:first-child { max-width:680px; }.page-hero--screens .page-hero__image { width:88%; max-width:1080px; margin:58px 0 0 9%; }.page-hero--screens .product-shot--hero { box-shadow:25px 29px 0 rgba(24,61,59,.14); }.benefit-showcase--text-only { display:block; margin-bottom:95px; }.benefit-showcase--text-only .benefit-showcase__copy { max-width:690px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.price-tier { display:flex; flex-direction:column; min-height:520px; padding:36px 30px 30px; border:1px solid var(--line); border-top:4px solid var(--sage); background:#fff; }.price-tier--featured { position:relative; border-top-color:var(--signal); background:var(--petrol); color:#fff; box-shadow:18px 21px 0 #dbe6dc; }.price-tier h2 { max-width:260px; margin:8px 0 18px; font-size:clamp(2rem,2.6vw,3rem); }.price-tier__lede { min-height:100px; color:var(--muted); line-height:1.66; }.price-tier--featured .price-tier__lede { color:#d7e4de; }.price-tier__price { margin:28px 0 23px; color:var(--petrol); font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-size:2.2rem; font-weight:800; letter-spacing:-.055em; }.price-tier__price small { display:block; margin-top:4px; color:var(--muted); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:.72rem; font-weight:700; letter-spacing:0; }.price-tier--featured .price-tier__price { color:#fff; }.price-tier--featured .price-tier__price small { color:#c5d8cf; }.price-tier ul { display:grid; gap:11px; margin:0 0 30px; padding:0; list-style:none; color:#465750; font-size:.86rem; line-height:1.42; }.price-tier li { display:flex; gap:8px; }.price-tier li::before { content:"✓"; color:var(--sage); font-weight:900; }.price-tier--featured ul { color:#e1ece7; }.price-tier--featured li::before { color:var(--signal); }.price-tier>a { align-self:flex-start; margin-top:auto; }.price-tier--featured .button:hover { color:#fff; background:var(--sage); border-color:var(--sage); }
.form-label span { color:var(--muted); font-weight:500; }.form-row--three { grid-template-columns:.9fr 1fr 1fr; }.form-row--three .form-label { min-width:0; }
@media (max-width:900px) { .pricing-grid { grid-template-columns:1fr; max-width:620px; }.price-tier { min-height:0; }.price-tier__lede { min-height:0; }.form-row--three { grid-template-columns:1fr 1fr; }.form-row--three .form-label:first-child { grid-column:1/-1; } }
@media (max-width:620px) { .page-hero--screens .page-hero__image { width:100%; margin:37px 0 0; }.product-shot--zoomable::after { display:none; }.lightbox { padding:58px 12px 34px; }.lightbox__stage { max-width:100%; }.lightbox__image { min-width:100%; max-width:100%; }.lightbox__hint { display:none; }.lightbox__close { top:9px; right:12px; }.form-row--three { grid-template-columns:1fr; }.form-row--three .form-label:first-child { grid-column:auto; } }