:root{--black:#070909;--panel:#111414;--gold:#dda13e;--gold2:#f1b84e;--white:#f7f4ef;--muted:#b9b7b1;--line:rgba(221,161,62,.28);font-family:"DM Sans",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{position:absolute;z-index:20;inset:0 0 auto;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);align-items:center;gap:34px;padding:30px clamp(28px,3.6vw,66px)}.brand{display:flex;align-items:center;gap:15px;justify-self:start}.brand img{width:54px;height:54px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:1.28rem}.brand small{margin-top:3px;color:var(--gold2);font-size:.86rem}.site-nav{display:flex;gap:34px;align-items:center}.site-nav a{font-size:.95rem;transition:color .2s}.site-nav a:hover{color:var(--gold2)}.button{min-height:51px;display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:13px 22px;border:1px solid transparent;border-radius:5px;font-weight:600;transition:.2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-gold{color:#171109;background:linear-gradient(135deg,#edb34d,#d3922f);box-shadow:0 10px 28px rgba(202,134,34,.12)}.button-outline{border-color:rgba(221,161,62,.52);background:rgba(4,6,6,.25)}.header-actions{display:flex;align-items:center;justify-self:end;gap:12px}.whatsapp-icon{width:51px;height:51px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 51px;border-radius:50%;color:#fff;background:#25d366;box-shadow:0 10px 28px rgba(37,211,102,.22);transition:transform .2s,background .2s,box-shadow .2s}.whatsapp-icon:hover{transform:translateY(-2px);background:#20bd5a;box-shadow:0 13px 32px rgba(37,211,102,.32)}.whatsapp-icon:focus-visible{outline:3px solid #fff;outline-offset:3px}.whatsapp-icon svg{width:27px;height:27px;fill:currentColor}.header-cta{min-width:275px}.nav-toggle{display:none}
.hero{position:relative;min-height:1024px;overflow:hidden;background:#080a0a}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:center top}.hero-shade{background:linear-gradient(90deg,rgba(4,6,6,.98) 0%,rgba(4,6,6,.78) 24%,rgba(4,6,6,.08) 52%,rgba(4,6,6,.36) 72%,rgba(4,6,6,.93) 100%),linear-gradient(0deg,rgba(4,6,6,.96) 0%,transparent 23%,rgba(4,6,6,.2) 80%,rgba(4,6,6,.8) 100%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,34%) 1fr minmax(310px,20%);min-height:840px;align-items:center;padding:124px clamp(28px,3vw,54px) 40px}.hero-copy{grid-column:1;max-width:520px;padding-top:30px}.eyebrow,.section-label{margin:0 0 26px;display:flex;align-items:center;gap:13px;color:var(--gold2);font-size:.84rem;text-transform:uppercase;letter-spacing:.02em}.eyebrow:before{content:"";width:33px;height:2px;background:var(--gold)}h1{margin:0 0 22px;font-family:"Libre Baskerville",serif;font-size:clamp(2.65rem,3.25vw,4rem);font-weight:400;line-height:1.38;letter-spacing:-.025em}h1 em{color:var(--gold);font-style:normal}.lead{max-width:470px;margin:0 0 32px;color:#e1dfda;font-size:1.05rem;line-height:1.7}.hero-actions{display:flex;gap:17px;flex-wrap:wrap}.mini-benefits{display:flex;margin-top:38px;gap:0}.mini-benefits>div{display:flex;align-items:center;gap:12px;min-width:0;padding:0 22px;border-right:1px solid rgba(255,255,255,.17)}.mini-benefits>div:first-child{padding-left:0}.mini-benefits>div:last-child{border:0;padding-right:0}.mini-benefits svg{flex:0 0 32px;width:32px;fill:none;stroke:var(--gold2);stroke-width:2}.mini-benefits span{color:#ddd;font-size:.82rem;line-height:1.55}.service-rail{grid-column:2/4;align-self:stretch;position:relative;display:flex;justify-content:flex-end;align-items:center;padding-top:45px}.connector-lines{position:absolute;right:260px;top:102px;width:460px;height:650px;overflow:visible;pointer-events:none}.connector-lines path{fill:none;stroke:var(--gold2);stroke-width:2}.connector-lines circle{fill:#fff;stroke:var(--gold2);stroke-width:4;filter:drop-shadow(0 0 7px #f6a82a)}.service-cards{position:relative;z-index:2;width:min(306px,100%);display:grid;gap:18px}.service-card{min-height:215px;padding:22px 24px 18px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:linear-gradient(145deg,rgba(22,25,25,.92),rgba(10,12,12,.88));box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.service-head{display:flex;align-items:center;gap:15px}.service-head svg,.value-strip svg{width:46px;height:46px;fill:none;stroke:var(--gold);stroke-width:2.4}.service-head h2{margin:0;font-size:1.15rem;font-weight:600}.gold-rule{height:1px;margin:10px 0 12px 61px;background:linear-gradient(90deg,var(--gold),transparent)}.service-card ul{list-style:none;margin:0;padding:0 0 0 35px}.service-card li{position:relative;margin:8px 0;font-size:.91rem}.service-card li:before{content:"✓";position:absolute;left:-28px;color:var(--gold2);font-weight:700}.value-strip{position:absolute;z-index:3;left:clamp(28px,3vw,54px);right:clamp(28px,3vw,54px);bottom:35px;display:grid;grid-template-columns:repeat(4,1fr);min-height:132px;padding:24px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(10,12,12,.76);backdrop-filter:blur(15px)}.value-strip article{display:flex;align-items:center;gap:20px;padding:0 24px;border-right:1px solid rgba(255,255,255,.13)}.value-strip article:last-child{border:0}.value-strip svg{flex:0 0 52px;width:52px;height:52px}.value-strip h3{margin:0 0 7px;font-size:1.06rem}.value-strip p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.55}
@media(max-width:1280px) and (min-width:1181px){.header-cta{display:none}}
.content-section,.process-section,.contact-section{padding:110px clamp(28px,7vw,120px)}.content-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#0c0f0f}.section-label{margin-bottom:18px}.section-label:before{content:"";width:33px;height:2px;background:var(--gold)}.content-section h2,.process-section h2,.contact-section h2{max-width:720px;margin:0;font-family:"Libre Baskerville",serif;font-size:clamp(2rem,4vw,3.7rem);font-weight:400;line-height:1.25}.content-section p,.contact-section>div>p{color:var(--muted);line-height:1.8}.process-section{background:#101313}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.steps article{padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0b0e0e}.steps span{color:var(--gold);font-size:.8rem}.steps h3{font-size:1.25rem}.steps p{color:var(--muted);line-height:1.7}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:radial-gradient(circle at 80% 30%,rgba(188,120,27,.13),transparent 35%),#070909}.contact-section form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-section label{display:grid;gap:8px;color:#d6d2ca;font-size:.86rem}.contact-section input,.contact-section textarea{width:100%;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:5px;color:#fff;background:#101313;outline:none}.contact-section input:focus,.contact-section textarea:focus{border-color:var(--gold)}.full{grid-column:1/-1}.form-status{margin:0;color:var(--gold2)}footer{display:flex;justify-content:space-between;padding:28px clamp(28px,7vw,120px);border-top:1px solid rgba(255,255,255,.1);color:#999;background:#050606}
.contact-whatsapp{width:fit-content;display:inline-flex;align-items:center;gap:15px;margin-top:24px;padding:13px 19px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;background:#25d366;box-shadow:0 14px 34px rgba(37,211,102,.2);transition:transform .2s,background .2s,box-shadow .2s}.contact-whatsapp:hover{transform:translateY(-2px);background:#20bd5a;box-shadow:0 18px 40px rgba(37,211,102,.3)}.contact-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:3px}.contact-whatsapp svg{width:31px;height:31px;flex:0 0 31px;fill:currentColor}.contact-whatsapp span,.contact-whatsapp strong,.contact-whatsapp small{display:block}.contact-whatsapp small{margin-bottom:3px;font-size:.7rem;font-weight:500}.contact-whatsapp strong{font-size:.94rem}.contact-intro{align-self:start}
@media(max-width:620px){.contact-whatsapp{width:100%;justify-content:center;padding:14px}.contact-whatsapp span{text-align:left}}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1180px){.site-header{grid-template-columns:1fr auto auto;gap:12px}.site-nav{position:absolute;top:94px;right:28px;display:none;width:260px;padding:14px;flex-direction:column;align-items:stretch;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#101313}.site-nav.is-open{display:flex}.header-cta{display:none}.nav-toggle{display:block;width:45px;height:45px;border:1px solid var(--line);border-radius:5px;background:rgba(10,12,12,.6)}.nav-toggle span{display:block;width:20px;height:2px;margin:6px auto;background:var(--gold)}.hero-grid{grid-template-columns:minmax(380px,45%) 1fr}.service-rail{grid-column:2}.connector-lines{display:none}.service-cards{width:290px}.value-strip article{padding:0 14px;gap:12px}.value-strip svg{width:42px;flex-basis:42px}}
@media(max-width:860px){.hero{min-height:auto;padding-bottom:0}.hero-photo{height:760px;object-position:58% top}.hero-shade{height:760px;background:linear-gradient(90deg,rgba(4,6,6,.96),rgba(4,6,6,.55) 65%,rgba(4,6,6,.62)),linear-gradient(0deg,#080a0a,transparent 45%,rgba(4,6,6,.7))}.hero-grid{display:block;min-height:0;padding:128px 22px 30px}.hero-copy{max-width:600px}.service-rail{padding:80px 0 0}.service-cards{width:100%;grid-template-columns:repeat(3,1fr)}.service-card{min-height:0}.value-strip{position:relative;left:auto;right:auto;bottom:auto;margin:0 22px 28px;grid-template-columns:1fr 1fr}.value-strip article{min-height:100px;border-bottom:1px solid rgba(255,255,255,.13)}.value-strip article:nth-child(2){border-right:0}.value-strip article:nth-child(3){border-bottom:0}.content-section,.contact-section{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:1fr}.contact-section form{grid-template-columns:1fr}.contact-section label,.full{grid-column:1}.mini-benefits{max-width:520px}.service-card ul{padding-left:27px}.service-card li{font-size:.82rem}}
@media(max-width:620px){.site-header{padding:20px}.brand img{width:44px;height:44px}.brand strong{font-size:1rem}.brand small{font-size:.73rem}.hero-photo,.hero-shade{height:730px}.hero-copy{padding-top:0}h1{font-size:2.3rem;line-height:1.35}.lead{font-size:.96rem}.hero-actions{display:grid}.mini-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-benefits>div{padding:0;border:0}.service-cards{grid-template-columns:1fr}.value-strip{grid-template-columns:1fr}.value-strip article{border-right:0}.value-strip article:nth-child(3){border-bottom:1px solid rgba(255,255,255,.13)}.content-section,.process-section,.contact-section{padding:76px 22px}footer{padding:24px 22px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}}
.brand-symbol{width:54px;height:54px;fill:none;stroke:var(--gold2);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.connector-lines{right:-10px;top:250px}@media(max-width:620px){.brand-symbol{width:44px;height:44px}}

/* Desktop hero always fits inside the visible browser height. */
@media (min-width:861px){
  .hero{height:100svh;min-height:0}
  .hero-photo{transform:scale(.9);transform-origin:50% 46%}
  .hero-grid{height:100%;min-height:0;padding-bottom:clamp(128px,15vh,180px)}
  .service-cards{width:min(330px,100%)}
  .service-card{background:linear-gradient(145deg,rgba(22,25,25,.97),rgba(8,10,10,.95))}
  .service-card li{color:#f1eee8}
}

@media (min-width:861px) and (max-height:850px){
  .site-header{padding-top:18px;padding-bottom:18px}
  .brand-symbol{width:46px;height:46px}
  .brand strong{font-size:1.08rem}.brand small{font-size:.76rem}
  .header-cta{min-width:250px;min-height:46px;padding:10px 18px}
  .hero-grid{padding-top:82px;padding-bottom:112px}
  .hero-copy{padding-top:0;max-width:490px}
  .eyebrow{margin-bottom:12px;font-size:.74rem}
  h1{margin-bottom:14px;font-size:clamp(2.2rem,3vw,3.1rem);line-height:1.25}
  .lead{margin-bottom:17px;font-size:.91rem;line-height:1.48}
  .hero-actions{gap:8px;flex-wrap:nowrap}.hero-actions .button{min-height:42px;padding:9px 13px;font-size:.82rem;white-space:nowrap}
  .mini-benefits{margin-top:8px}.mini-benefits>div{padding:0 10px;gap:7px}.mini-benefits svg{width:25px;flex-basis:25px}.mini-benefits span{font-size:.67rem;line-height:1.3}
  .service-rail{align-items:flex-start;padding-top:32px;padding-bottom:105px}
  .service-cards{gap:10px;width:320px}
  .service-card{min-height:0;padding:12px 20px 11px}
  .service-head{gap:12px}.service-head svg{width:37px;height:37px}.service-head h2{font-size:1.03rem}
  .gold-rule{margin:5px 0 6px 49px}.service-card ul{padding-left:28px}.service-card li{margin:3px 0;font-size:.82rem;line-height:1.25}.service-card li:before{left:-23px}
  .connector-lines{display:none}
  .value-strip{bottom:12px;min-height:94px;padding:12px 8px}
  .value-strip article{gap:12px;padding:0 17px}.value-strip svg{width:39px;height:39px;flex-basis:39px}.value-strip h3{margin-bottom:3px;font-size:.9rem}.value-strip p{font-size:.74rem;line-height:1.35}
}

/* Extra-short desktop windows: keep every offer line clear of the bottom strip. */
@media (min-width:861px) and (max-height:700px){
  .site-header{padding-top:12px;padding-bottom:12px}
  .hero-grid{padding-top:68px;padding-bottom:92px}
  .hero-copy{max-width:475px}
  .eyebrow{margin-bottom:8px}
  h1{margin-bottom:10px;font-size:clamp(2rem,2.7vw,2.7rem);line-height:1.2}
  .lead{margin-bottom:11px;font-size:.84rem;line-height:1.38}
  .hero-actions .button{min-height:38px;padding:7px 12px;font-size:.78rem}
  .mini-benefits{margin-top:6px}.mini-benefits svg{width:22px;flex-basis:22px}.mini-benefits span{font-size:.62rem}
  .service-rail{align-items:flex-start;padding-top:12px;padding-bottom:82px}
  .service-cards{width:318px;gap:6px}
  .service-card{padding:8px 18px 7px;border-radius:9px}
  .service-head{gap:10px}.service-head svg{width:32px;height:32px}.service-head h2{font-size:.96rem}
  .gold-rule{margin:3px 0 4px 42px}
  .service-card ul{padding-left:26px}.service-card li{margin:2px 0;font-size:.78rem;line-height:1.18}
  .value-strip{bottom:6px;min-height:80px;padding:7px 6px}
  .value-strip article{gap:10px;padding:0 14px}.value-strip svg{width:34px;height:34px;flex-basis:34px}.value-strip h3{font-size:.84rem}.value-strip p{font-size:.68rem;line-height:1.25}
}

/* Hero grid v4: one coherent layout, no manual overlaps. */
@media (min-width:861px){
  .hero{
    display:grid;
    grid-template-rows:84px minmax(0,1fr) 96px;
    height:100svh;
    min-height:620px;
  }
  .site-header{padding:16px clamp(28px,3vw,54px)}
  .hero-photo{transform:scale(.68);transform-origin:50% 48%;filter:saturate(.78) brightness(.78)}
  .hero-grid{
    grid-row:2;
    width:100%;
    height:auto;
    min-height:0;
    padding:0 clamp(28px,3vw,54px);
    display:grid;
    grid-template-columns:minmax(390px,1fr) minmax(210px,.9fr) minmax(330px,360px);
    gap:20px;
    align-items:center;
  }
  .hero-copy{grid-column:1;align-self:center;max-width:530px;padding:0}
  .hero-copy .eyebrow{margin-bottom:11px;font-size:.8rem;font-weight:700}
  .hero-copy h1{margin-bottom:12px;font-size:clamp(2.4rem,3.2vw,3.35rem);line-height:1.18;text-shadow:0 3px 20px rgba(0,0,0,.75)}
  .hero-copy .lead{margin-bottom:14px;color:#f1eee8;font-size:.92rem;line-height:1.42}
  .hero-actions{gap:8px;flex-wrap:nowrap}
  .hero-actions .button{min-height:40px;padding:8px 13px;font-size:.8rem;white-space:nowrap}
  .mini-benefits{margin-top:9px}
  .mini-benefits>div{padding:0 10px;gap:7px}
  .mini-benefits svg{width:23px;flex-basis:23px}
  .mini-benefits span{font-size:.64rem;line-height:1.25}
  .service-rail{
    grid-column:3;
    grid-row:1;
    align-self:stretch;
    min-height:0;
    padding:0;
    margin-bottom:8px;
    display:block;
  }
  .connector-lines{
    display:block;
    position:absolute;
    z-index:1;
    top:0;
    bottom:auto;
    left:-128px;
    right:auto;
    width:280px;
    height:100%;
    transform:none;
    overflow:visible;
    pointer-events:none;
  }
  .service-cards{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .service-card{
    min-height:0;
    overflow:hidden;
    padding:12px 20px 9px;
    border-color:rgba(220,154,55,.46);
    border-radius:9px;
    background:linear-gradient(145deg,rgba(23,26,26,.985),rgba(5,7,7,.98));
    box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 24px rgba(211,143,42,.06);
  }
  .service-head{gap:10px}
  .service-head svg{width:38px;height:38px;flex:0 0 38px;filter:drop-shadow(0 0 8px rgba(220,154,55,.24))}
  .service-head h2{font-size:1.08rem;font-weight:700}
  .gold-rule{margin:4px 0 5px 43px}
  .service-card ul{padding-left:26px}
  .service-card li{margin:2px 0;color:#f5f1e9;font-size:.82rem;line-height:1.18}
  .service-card li:before{left:-22px}
  .value-strip{
    grid-row:3;
    position:relative;
    inset:auto;
    width:auto;
    height:84px;
    min-height:0;
    margin:0 clamp(28px,3vw,54px) 12px;
    padding:8px 7px;
  }
  .value-strip article{gap:11px;padding:0 16px}
  .value-strip svg{width:36px;height:36px;flex-basis:36px}
  .value-strip h3{margin-bottom:3px;font-size:.86rem}
  .value-strip p{font-size:.7rem;line-height:1.25}
}

@media (min-width:861px) and (max-width:1050px){
  .hero-grid{grid-template-columns:minmax(350px,1fr) 290px;gap:16px}
  .service-rail{grid-column:2}
  .connector-lines{display:none}
}

@media (min-width:861px) and (max-height:700px){
  .hero{grid-template-rows:70px minmax(0,1fr) 80px;min-height:560px}
  .site-header{padding-top:11px;padding-bottom:11px}
  .hero-grid{padding-top:0;padding-bottom:0}
  .service-rail{margin-bottom:5px}
  .hero-copy .eyebrow{margin-bottom:6px;font-size:.67rem}
  .hero-copy h1{margin-bottom:8px;font-size:clamp(1.85rem,2.45vw,2.45rem);line-height:1.17}
  .hero-copy .lead{margin-bottom:9px;font-size:.78rem;line-height:1.32}
  .hero-actions .button{min-height:36px;padding:6px 11px;font-size:.74rem}
  .mini-benefits{margin-top:5px}
  .mini-benefits svg{width:20px;flex-basis:20px}
  .mini-benefits span{font-size:.58rem}
  .service-cards{gap:6px}
  .service-card{padding:7px 16px 6px}
  .service-head svg{width:29px;height:29px;flex-basis:29px}
  .service-head h2{font-size:.9rem}
  .gold-rule{margin:2px 0 3px 39px}
  .service-card li{margin:1px 0;font-size:.72rem;line-height:1.14}
  .value-strip{height:72px;margin-bottom:8px;padding:5px 6px}
  .value-strip article{gap:9px;padding:0 13px}
  .value-strip svg{width:31px;height:31px;flex-basis:31px}
  .value-strip h3{font-size:.78rem}
  .value-strip p{font-size:.63rem;line-height:1.18}
}


/* Vollständiger Über-mich-Bereich */
.before-after-section{padding:105px clamp(28px,5.5vw,92px);background:radial-gradient(circle at 82% 12%,rgba(221,161,62,.12),transparent 30%),linear-gradient(180deg,#090d11,#0c1218);scroll-margin-top:72px}.before-after-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);column-gap:clamp(35px,7vw,110px);align-items:end;width:min(1320px,100%);margin:0 auto 42px}.before-after-intro .section-label{grid-column:1/-1;margin-bottom:18px}.before-after-intro h2{margin:0;font-family:"Libre Baskerville",serif;font-size:clamp(2rem,3.6vw,3.4rem);font-weight:400;line-height:1.2}.before-after-intro h2 em{color:var(--gold2);font-style:normal}.before-after-intro>p:last-child{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}.before-after-figure{width:min(1460px,100%);margin:0 auto}.before-after-media{position:relative;display:block;overflow:hidden;border:1px solid rgba(241,184,78,.5);border-radius:12px;background:#030404;box-shadow:0 30px 75px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035) inset;transition:transform .25s,border-color .25s,box-shadow .25s}.before-after-media:after{content:"Vollbild öffnen ↗";position:absolute;right:18px;bottom:18px;padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;background:rgba(5,8,10,.8);font-size:.76rem;font-weight:600;backdrop-filter:blur(8px);opacity:0;transform:translateY(6px);transition:.2s}.before-after-media:hover{transform:translateY(-3px);border-color:var(--gold2);box-shadow:0 36px 85px rgba(0,0,0,.5),0 0 40px rgba(221,161,62,.08)}.before-after-media:hover:after{opacity:1;transform:none}.before-after-media:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}.before-after-media img{display:block;width:100%;height:auto}.before-after-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding:14px 4px 0;color:#d9d5ce;font-size:.84rem}.before-after-figure figcaption small{color:var(--muted);font-size:.76rem}.before-after-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;width:min(1320px,100%);margin:34px auto 0;padding:24px 28px;border-left:3px solid var(--gold2);border-radius:0 8px 8px 0;background:rgba(255,255,255,.035)}.before-after-cta p{max-width:800px;margin:0;color:var(--muted);line-height:1.65}.before-after-cta strong{color:#f4f1eb}.before-after-cta .button{flex:0 0 auto}
@media(max-width:860px){.before-after-section{padding:76px 22px}.before-after-intro{display:block;margin-bottom:28px}.before-after-intro h2{margin-bottom:20px}.before-after-media{border-radius:8px}.before-after-media:after{display:none}.before-after-figure figcaption{display:grid;gap:5px}.before-after-cta{align-items:flex-start;flex-direction:column;padding:22px}.before-after-cta .button{width:100%}}
@media(min-width:861px){.before-after-section{display:block}.before-after-section [data-reveal]{opacity:1;transform:none}}

.about-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(310px,.58fr);gap:clamp(42px,7vw,96px);align-items:center;padding:110px clamp(28px,7vw,120px);background:radial-gradient(circle at 82% 25%,rgba(204,139,42,.12),transparent 34%),#0c0f0f;scroll-margin-top:84px}
.about-copy h2{max-width:720px;margin:0 0 28px;font-family:"Libre Baskerville",serif;font-size:clamp(2rem,4vw,3.7rem);font-weight:400;line-height:1.25}.about-copy>p:not(.section-label){max-width:680px;margin:0 0 15px;color:var(--muted);font-size:1.04rem;line-height:1.75}
.about-copy .about-headline{position:relative;margin-bottom:30px;padding-left:22px;font-family:"DM Sans",sans-serif;font-weight:500;line-height:1.05;letter-spacing:-.035em}.about-copy .about-headline:before{content:"";position:absolute;left:0;top:.12em;bottom:.1em;width:3px;border-radius:4px;background:linear-gradient(180deg,#f3c667,#a96814)}.about-headline>span,.about-headline strong{display:block}.about-headline>span:first-child{margin-bottom:8px;color:#d5d7d7;font-size:.48em;font-weight:500;letter-spacing:.02em}.about-headline strong{color:#f6f5f1;font-size:1.1em;font-weight:700}.about-headline .about-role{margin-top:13px;color:#afb4b5;font-size:.46em;font-weight:500;letter-spacing:.01em}.about-headline em{color:var(--gold2);font-style:normal;font-weight:700}
.about-panel{padding:30px;border:1px solid rgba(220,154,55,.35);border-radius:10px;background:linear-gradient(145deg,rgba(24,27,27,.96),rgba(8,10,10,.97));box-shadow:0 28px 70px rgba(0,0,0,.32)}
.about-portrait{position:relative;overflow:hidden;margin:0 0 24px;aspect-ratio:3/4;border:1px solid rgba(220,154,55,.4);border-radius:8px;background:#121515}.about-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,rgba(5,7,7,.3));pointer-events:none}.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.about-panel blockquote{margin:0 0 22px;color:#f0ede7;font-family:"Libre Baskerville",serif;font-size:17px;line-height:1.65}.about-signature strong{display:block;margin-bottom:5px;color:var(--gold2);font-size:1rem}.about-signature span{display:block;color:var(--muted);font-size:.8rem;line-height:1.5}
@media(max-width:860px){.about-section{grid-template-columns:1fr;gap:38px;padding:76px 22px}.about-panel{width:min(460px,100%);padding:22px}}

@media(max-width:860px){.about-portrait{width:min(360px,100%);margin:0 auto 24px;aspect-ratio:4/5}.about-portrait img{object-position:center 18%}}

/* Kompakte Über-mich-Ansicht: vollständig in einem Bildschirm */
@media(min-width:861px){
  .about-section{grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);gap:clamp(38px,5vw,72px);align-items:start;height:auto;min-height:720px;max-height:none;overflow:visible;padding:38px clamp(38px,7vw,110px) 76px;scroll-margin-top:0}
  .about-copy h2{margin-bottom:18px;font-size:clamp(1.9rem,3vw,2.85rem);line-height:1.15}.about-copy .about-headline{margin-bottom:22px}
  .about-copy>p:not(.section-label){max-width:680px;margin-bottom:15px;font-size:1.02rem;line-height:1.75}
  .about-panel{display:grid;grid-template-columns:minmax(175px,46%) minmax(0,1fr);grid-template-rows:auto auto;gap:16px 22px;align-items:center;padding:20px}
  .about-portrait{grid-row:1/3;width:100%;margin:0}
  .about-panel blockquote{align-self:end;margin:0;font-size:17px;line-height:1.5}
  .about-signature{align-self:start}
  .about-signature strong{font-size:.92rem}
  .about-signature span{font-size:.72rem}
}
@media(max-width:860px){.about-portrait{width:50%;margin:0 auto 22px}.about-panel blockquote{font-size:17px}}

/* Leistungskarten: mehr Tiefe, leichtes Glas und großzügigere Abstände */
@media(min-width:861px){
  .service-cards{gap:14px}
  .service-card{border-color:rgba(232,178,91,.38);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.035) 28%,rgba(7,10,10,.42) 100%),rgba(12,16,16,.46);box-shadow:0 22px 46px rgba(0,0,0,.56),0 8px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14),inset 1px 0 0 rgba(255,255,255,.035),0 0 28px rgba(211,143,42,.07);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}
}

/* Hero redesign nach der gelieferten Referenz. */
.hero-reference{min-height:100svh;background:radial-gradient(ellipse at 18% 42%,rgba(56,74,87,.32),transparent 42%),radial-gradient(ellipse at 67% 72%,rgba(166,105,20,.035),transparent 34%),linear-gradient(135deg,#17232d 0%,#0d1720 48%,#091018 100%)}
.hero-reference:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse 30% 62% at 51% 51%,rgba(230,178,76,.052),rgba(203,139,34,.012) 38%,transparent 72%),linear-gradient(90deg,transparent 30%,rgba(234,184,83,.015) 47%,transparent 64%);opacity:.6;mix-blend-mode:screen}
.hero-reference:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 31%,rgba(255,255,255,.018) 31.08%,transparent 31.18%),repeating-linear-gradient(90deg,rgba(255,255,255,.009) 0 1px,transparent 1px 96px),radial-gradient(circle at 24% 46%,rgba(236,181,77,.045),transparent 24%);opacity:.72;mix-blend-mode:screen}
.hero-reference .hero-photo{transform:scale(.92);transform-origin:right center;object-position:center 43%;filter:saturate(.76) brightness(.84)}
.hero-reference .hero-photo.landscape-hero{inset:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:center center;filter:saturate(.84) brightness(.86);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.72) 26%,#000 48%);mask-image:linear-gradient(90deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.72) 26%,#000 48%)}
.hero-reference .hero-photo.portrait-hero{inset:-4% 0 -4% auto;width:64%;height:108%;transform:scale(.82);transform-origin:right center;object-fit:cover;object-position:center 48%;filter:saturate(.84) brightness(.86);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.38) 20%,rgba(0,0,0,.72) 34%,#000 49%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.38) 20%,rgba(0,0,0,.72) 34%,#000 49%)}
.hero-reference .hero-photo.portrait-hero.source-room-photo{inset:0 2% 0 auto;width:60%;height:100%;transform:none;object-fit:contain;object-position:right center;filter:brightness(1.15) saturate(1.05);background:#0d1720;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.55) 57%,#000 76%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.55) 57%,#000 76%)}
.hero-reference .hero-shade{background:linear-gradient(90deg,#0d1720 0%,rgba(13,23,32,.98) 12%,rgba(13,23,32,.88) 21%,rgba(12,22,31,.7) 31%,rgba(10,19,28,.47) 42%,rgba(9,17,25,.25) 53%,rgba(9,17,25,.08) 65%,rgba(8,16,24,.14) 100%),linear-gradient(0deg,rgba(7,14,21,.9) 0%,rgba(9,17,25,.15) 24%,rgba(9,17,25,.04) 50%,rgba(7,14,21,.4) 100%)}
.hero-reference .hero-grid{grid-template-columns:minmax(480px,44%) 1fr;align-items:center}
.hero-reference .hero-copy{max-width:610px}
.hero-reference .hero-copy .eyebrow{margin-bottom:22px;font-weight:500;letter-spacing:.01em}
.hero-reference .hero-copy .eyebrow:before{display:none}
.hero-reference .hero-copy h1{font-family:"DM Sans",sans-serif;font-size:clamp(2.205rem,2.94vw,2.678rem);font-weight:600;line-height:1.16;letter-spacing:-.035em;text-align:left}.hero-headline>span{display:block;white-space:nowrap}.hero-headline>span+span{margin-top:9px}.hero-headline em{color:var(--gold2);font-style:normal}
.hero-reference .hero-copy .lead{max-width:560px;margin-top:73px;margin-bottom:39px;font-size:1.08rem;line-height:1.62}
.hero-reference .lead-audience{max-width:560px;margin:0 0 67px;color:#d0ccc5;font-size:.9rem;line-height:1.55}
.hero-reference .hero-actions{gap:16px}
.hero-reference .hero-actions .button{min-height:56px;padding:13px 21px;font-size:.88rem;text-transform:uppercase}
.hero-reference .mini-benefits{margin-top:47px}
.hero-reference .mini-benefits>div{gap:12px;padding:0 22px}
.hero-reference .mini-benefits svg{width:31px;height:31px;flex-basis:31px}
.hero-reference .mini-benefits span,.hero-reference .mini-benefits strong,.hero-reference .mini-benefits small{display:block}
.hero-reference .mini-benefits strong{color:#f6f4ef;font-size:.86rem;line-height:1.2}
.hero-reference .mini-benefits small{margin-top:5px;color:#c6c3bd;font-size:.72rem;white-space:nowrap}
.regional-stamp{position:absolute;z-index:4;right:clamp(34px,4.7vw,76px);bottom:clamp(44px,5.8vh,76px);display:flex;align-items:center;gap:.38em;padding:13px 18px;border:0;border-radius:5px;color:#edb64f;background:linear-gradient(135deg,rgba(7,14,20,.86),rgba(18,25,29,.68));box-shadow:0 12px 32px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,225,163,.08);backdrop-filter:blur(8px);font-size:1.02rem;font-weight:600;line-height:1.2;letter-spacing:.055em;text-transform:none;text-shadow:0 2px 12px rgba(0,0,0,.85)}.regional-stamp:before{content:"";width:42px;height:2px;margin-right:8px;background:linear-gradient(90deg,rgba(221,161,62,.15),#f1b94d);box-shadow:0 0 12px rgba(238,180,72,.48)}.regional-stamp:after{display:none}.regional-stamp strong{display:inline;margin:0;color:#ffd477;font-size:1.15em;font-weight:800;letter-spacing:.035em}
.hero-reference .value-strip{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);height:142px;margin-bottom:0;padding:22px 0;border:0;border-top:1px solid rgba(221,161,62,.5);border-radius:0;background:rgba(4,6,7,.78);backdrop-filter:blur(8px)}
.trust-logos{padding-right:46px}.trust-logos>span{display:block;margin-bottom:22px;color:var(--gold2);font-size:.76rem;text-transform:uppercase}.trust-logos>div{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.trust-logos b{color:#77797a;font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}
.trust-rating{display:grid;align-content:center;padding:0 10px 0 58px;border-left:1px solid rgba(221,161,62,.65)}.trust-rating strong{color:var(--gold2);font-size:1.28rem;letter-spacing:3px}.trust-rating p{max-width:370px;margin:12px 0 0;color:#eeeae3;font-size:.78rem;line-height:1.55}
.site-header .brand{align-items:flex-start}.site-header .brand-symbol{width:64px;height:64px}.site-header .brand>span{padding-top:9px}.site-header .brand strong{text-transform:uppercase;letter-spacing:.1em}.site-header .brand small{text-transform:uppercase;letter-spacing:.08em}

@media(min-width:861px){
  .hero-reference{display:grid;grid-template-rows:105px minmax(0,1fr);min-height:720px}
  .hero-reference .hero-grid{grid-row:2;align-items:start;padding:clamp(0px,1vh,23px) clamp(48px,5.2vw,86px) 0}
  .hero-reference .value-strip{grid-row:3;margin-left:clamp(48px,5.2vw,86px);margin-right:clamp(48px,5.2vw,86px)}
  .site-header{padding:24px clamp(48px,5.2vw,86px)}
}
@media(max-width:1180px) and (min-width:861px){
  .hero-reference .hero-grid{grid-template-columns:minmax(430px,58%) 1fr}
  .hero-reference .hero-copy h1{font-size:clamp(2.573rem,4.2vw,3.518rem)}
  .hero-reference .value-strip{grid-template-columns:1fr 340px}
}
@media(min-width:861px) and (max-height:760px){
  .hero-reference{grid-template-rows:88px minmax(0,1fr);min-height:640px}
  .site-header{padding-top:14px;padding-bottom:14px}.site-header .brand-symbol{width:48px;height:48px}.site-header .brand>span{padding-top:3px}.site-header .brand strong{font-size:1rem}.site-header .brand small{font-size:.68rem}
  .hero-reference .hero-copy .eyebrow{margin-bottom:8px;font-size:.7rem}
  .hero-reference .hero-copy h1{margin-bottom:8px;font-size:clamp(2.1rem,3.255vw,2.678rem);line-height:1.12}
  .hero-reference .hero-copy .lead{margin-top:10px;margin-bottom:14px;font-size:.82rem;line-height:1.42}
  .hero-reference .lead-audience{margin:-7px 0 13px;font-size:.72rem;line-height:1.35}
  .hero-reference .hero-actions .button{min-height:42px;padding:8px 14px;font-size:.72rem}
  .hero-reference .mini-benefits{margin-top:12px}.hero-reference .mini-benefits>div{padding:0 12px;gap:7px}.hero-reference .mini-benefits svg{width:24px;height:24px;flex-basis:24px}.hero-reference .mini-benefits strong{font-size:.7rem}.hero-reference .mini-benefits small{margin-top:2px;font-size:.58rem}
  .hero-reference .value-strip{height:104px;padding:14px 0}.trust-logos>span{margin-bottom:13px}.trust-rating{padding-left:42px}.trust-rating p{margin-top:6px}
}
@media(max-width:860px){
  .hero-reference .hero-photo{height:820px;transform:scale(.96);transform-origin:right top;object-position:62% center}
  .hero-reference .hero-photo.portrait-hero{inset:0;width:100%;height:820px;transform:none;object-fit:cover;object-position:center 45%;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.22),#000 52%);mask-image:linear-gradient(90deg,rgba(0,0,0,.22),#000 52%)}
  .hero-reference .hero-photo.portrait-hero.source-room-photo{inset:0;width:100%;height:900px;object-fit:contain;object-position:center 40%;transform:scale(1.18);transform-origin:50% 42%;filter:brightness(1.18) saturate(1.06) contrast(1.02);background:#0d1720;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.72) 36%,#000 56%);mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.72) 36%,#000 56%)}
  .hero-reference .hero-shade{height:900px;background:linear-gradient(90deg,rgba(7,14,21,.96) 0%,rgba(7,14,21,.86) 38%,rgba(7,14,21,.38) 68%,rgba(7,14,21,.12) 100%),linear-gradient(0deg,#080a0a 0%,rgba(8,10,10,.3) 24%,rgba(4,6,6,.08) 76%,rgba(4,6,6,.45) 100%)}
  .hero-reference .hero-photo.landscape-hero{inset:0;width:100%;height:820px;transform:none;object-fit:cover;object-position:62% center;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.3),#000 55%);mask-image:linear-gradient(90deg,rgba(0,0,0,.3),#000 55%)}
  .hero-reference .hero-shade{height:900px;background:linear-gradient(90deg,rgba(7,14,21,.96) 0%,rgba(7,14,21,.86) 38%,rgba(7,14,21,.38) 68%,rgba(7,14,21,.12) 100%),linear-gradient(0deg,#080a0a 0%,rgba(8,10,10,.3) 24%,rgba(4,6,6,.08) 76%,rgba(4,6,6,.45) 100%)}
  .hero-reference .hero-grid{padding-top:140px}
  .hero-reference .hero-copy h1{font-size:clamp(2.363rem,8.4vw,3.675rem)}
  .hero-reference .value-strip{display:grid;grid-template-columns:1fr;height:auto;margin-top:35px;padding:24px 0}
  .trust-logos{padding:0 22px}.trust-logos>div{grid-template-columns:1fr 1fr}
  .trust-rating{margin-top:28px;padding:24px 22px 0;border-top:1px solid rgba(221,161,62,.5);border-left:0}
  .regional-stamp{right:22px;bottom:14px;padding:10px 13px;font-size:.82rem}.regional-stamp:before{width:28px;margin-right:5px}.regional-stamp strong{font-size:1.12em}
}
@media(max-width:620px){
  .hero-reference .hero-photo,.hero-reference .hero-shade{height:860px}
  .hero-reference .hero-actions{display:grid}
  .hero-reference .mini-benefits{grid-template-columns:1fr;margin-top:28px}
  .hero-reference .mini-benefits>div{padding:0}
  .site-header .brand-symbol{width:46px;height:46px}.site-header .brand>span{padding-top:3px}
  .hero-headline>span{white-space:normal}
  .regional-stamp{display:none}
}

/* Leistungsbereich im Stil der Referenz */
.services-showcase{position:relative;padding:78px clamp(28px,6vw,96px) 46px;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(190,124,27,.09),transparent 34%),linear-gradient(145deg,#080b0c,#040607);scroll-margin-top:0}
.services-showcase:before,.services-showcase:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(221,161,62,.045);transform:rotate(35deg);pointer-events:none}.services-showcase:before{left:-250px;top:100px}.services-showcase:after{right:-260px;bottom:-120px}
.services-intro{position:relative;z-index:1;margin:0 auto 36px;text-align:center}.services-intro .section-label{justify-content:center;margin-bottom:8px;font-size:.68rem}.services-intro .section-label:before{display:none}.services-intro h2{margin:0;font-size:clamp(1.7rem,2.8vw,2.75rem);line-height:1}.services-intro>p:last-child{max-width:560px;margin:11px auto 0;color:var(--muted);font-size:.86rem;line-height:1.45}
.showcase-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1240px;margin:auto}.showcase-card{position:relative;display:flex;min-height:525px;padding:23px 24px 22px;flex-direction:column;border:1px solid transparent;border-radius:15px;background:linear-gradient(155deg,rgba(21,24,23,.98),rgba(4,6,6,.99)) padding-box,linear-gradient(145deg,#f6cc72 0%,#b87818 30%,#f0b94f 53%,#7b4a0c 78%,#e6ad42 100%) border-box;box-shadow:0 0 0 1px rgba(246,194,91,.16),0 0 26px rgba(221,161,62,.17),0 26px 62px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,235,191,.08);transition:transform .28s ease,box-shadow .28s ease}.showcase-card:after{content:"";position:absolute;inset:5px;border:1px solid rgba(236,181,77,.17);border-radius:10px;pointer-events:none}.showcase-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(255,211,122,.32),0 0 42px rgba(221,161,62,.28),0 34px 72px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,239,202,.12)}.showcase-card.featured{border-color:transparent;box-shadow:0 0 0 1px rgba(255,206,104,.3),0 0 38px rgba(227,168,63,.29),0 28px 68px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,239,204,.12)}.showcase-card.featured:before{content:"";position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(120deg,transparent 5%,rgba(255,226,157,.95) 18%,rgba(221,152,42,.35) 27%,transparent 40%);pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:2px}.card-number strong,.card-number span{display:block;text-transform:uppercase}.card-number strong{color:var(--gold2);font-size:1.52rem;line-height:1}.card-number span{margin-top:5px;color:#b88430;font-size:.55rem;font-weight:700;letter-spacing:.08em}.card-corner{position:absolute;top:22px;right:22px;color:var(--gold2);font-size:1.4rem}.showcase-icon{display:grid;width:86px;height:86px;margin:28px auto 15px;place-items:center;border:2px solid rgba(239,184,78,.88);border-radius:50%;box-shadow:0 0 28px rgba(221,161,62,.34),inset 0 0 24px rgba(221,161,62,.11)}.showcase-icon svg{width:57px;height:57px;fill:none;stroke:var(--gold2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.showcase-card h3{margin:0;text-align:center;font-size:1.55rem}.card-subtitle{min-height:38px;margin:5px auto 17px;color:var(--gold2);font-size:.72rem;line-height:1.35;text-align:center}.showcase-card ul{display:grid;gap:8px;margin:0 0 22px;padding:0;list-style:none}.showcase-card li{position:relative;padding-left:22px;color:#d2cfc9;font-size:.75rem;line-height:1.3}.showcase-card li:before{content:"✓";position:absolute;left:0;top:-1px;display:grid;width:14px;height:14px;place-items:center;border:1px solid rgba(221,161,62,.7);border-radius:50%;color:var(--gold2);font-size:.56rem}.card-button{display:flex;min-height:45px;margin-top:auto;padding:10px 16px;justify-content:space-between;align-items:center;border:1px solid rgba(221,161,62,.55);border-radius:4px;color:var(--gold2);font-size:.78rem;font-weight:700}.card-button.primary{border-color:transparent;color:#151008;background:linear-gradient(135deg,#f3c667,#c88322)}.card-button:hover{background-color:rgba(221,161,62,.1)}
.service-promises{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);max-width:1010px;margin:31px auto 0}.service-promises>div{display:flex;gap:13px;align-items:center;justify-content:center;padding:0 30px;border-right:1px solid rgba(221,161,62,.28)}.service-promises>div:last-child{border:0}.service-promises strong{color:var(--gold2);font-size:1.8rem}.service-promises b,.service-promises small{display:block}.service-promises b{font-size:.8rem}.service-promises small{max-width:190px;margin-top:3px;color:#999;font-size:.63rem;line-height:1.35}
@media(max-width:900px){.showcase-cards{grid-template-columns:1fr}.showcase-card{width:min(470px,100%);min-height:0;margin:auto}.service-promises{grid-template-columns:1fr;gap:18px}.service-promises>div{justify-content:flex-start;border:0}.services-showcase{padding-left:22px;padding-right:22px}}

/* Hochwertige, mehrschichtige Icon-Medaillons */
.showcase-icon{position:relative;width:96px;height:96px;margin:24px auto 14px;border:1px solid transparent;background:radial-gradient(circle at 38% 30%,rgba(255,219,143,.14),transparent 28%),radial-gradient(circle,#15130e 0%,#090b0b 68%) padding-box,conic-gradient(from 215deg,#70420a,#f7d27e 22%,#b76e12 42%,#ffe2a0 56%,#9d5b0d 77%,#eebd5d) border-box;box-shadow:0 0 0 2px rgba(212,139,30,.12),0 0 34px rgba(221,161,62,.33),0 12px 28px rgba(0,0,0,.52),inset 0 0 25px rgba(221,161,62,.1);transition:transform .3s ease,box-shadow .3s ease}
.showcase-icon:before{content:"";position:absolute;inset:7px;border:1px solid rgba(246,198,104,.46);border-radius:50%;box-shadow:inset 0 0 15px rgba(223,152,41,.15)}
.showcase-icon:after{content:"";position:absolute;top:11px;left:22px;width:25px;height:7px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,239,198,.78),transparent);filter:blur(1px);transform:rotate(-26deg)}
.showcase-icon svg{position:relative;z-index:1;width:59px;height:59px;stroke:#f3bd58;stroke-width:1.9;filter:drop-shadow(0 0 3px rgba(255,199,91,.75)) drop-shadow(0 4px 7px rgba(0,0,0,.75))}
.showcase-card:hover .showcase-icon{transform:translateY(-3px) scale(1.035);box-shadow:0 0 0 2px rgba(235,172,65,.19),0 0 46px rgba(221,161,62,.46),0 15px 30px rgba(0,0,0,.58),inset 0 0 28px rgba(221,161,62,.15)}

/* Ruhige Goldlicht-Animation im dunklen Hero-Bereich */
.hero-ambience{position:absolute;z-index:1;inset:0 43% 0 0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 22% 36%,rgba(224,157,48,.105),transparent 25%),radial-gradient(circle at 52% 72%,rgba(238,184,82,.07),transparent 22%);animation:ambientGlow 20s ease-in-out infinite alternate}
.hero-ambience:before{content:"";position:absolute;width:440px;height:440px;left:-170px;top:18%;border-radius:50%;background:radial-gradient(circle,rgba(232,169,62,.075),rgba(232,169,62,.015) 42%,transparent 69%);filter:blur(20px);animation:ambientOrb 24s ease-in-out infinite alternate}
.hero-ambience i{position:absolute;bottom:-15px;width:3px;height:3px;border-radius:50%;background:#edb34d;box-shadow:0 0 8px rgba(237,179,77,.68);opacity:0;animation:goldDrift 18s linear infinite}.hero-ambience i:nth-child(1){left:9%;animation-delay:-2s;animation-duration:21s}.hero-ambience i:nth-child(2){left:18%;width:2px;height:2px;animation-delay:-10s;animation-duration:25s}.hero-ambience i:nth-child(3){left:28%;animation-delay:-15s;animation-duration:23s}.hero-ambience i:nth-child(4){left:39%;width:2px;height:2px;animation-delay:-5s;animation-duration:19s}.hero-ambience i:nth-child(5){left:51%;animation-delay:-17s;animation-duration:26s}.hero-ambience i:nth-child(6){left:65%;width:2px;height:2px;animation-delay:-8s;animation-duration:22s}.hero-ambience i:nth-child(7){left:78%;animation-delay:-13s;animation-duration:24s}.hero-ambience i:nth-child(8){left:90%;width:2px;height:2px;animation-delay:-20s;animation-duration:27s}
@keyframes ambientGlow{0%{transform:translate3d(-1.5%,1%,0);opacity:.66}50%{opacity:.92}100%{transform:translate3d(3%,-1.5%,0);opacity:.72}}
@keyframes ambientOrb{0%{transform:translate3d(0,30px,0) scale(.92)}100%{transform:translate3d(210px,-25px,0) scale(1.12)}}
@keyframes goldDrift{0%{transform:translate3d(0,0,0) scale(.7);opacity:0}16%{opacity:.28}62%{opacity:.16}100%{transform:translate3d(28px,-78vh,0) scale(1.35);opacity:0}}
@media(max-width:620px){.hero-ambience{inset:0 18% 0 0;opacity:.58}.hero-ambience i:nth-child(n+6){display:none}}
@media(prefers-reduced-motion:reduce){.hero-ambience,.hero-ambience:before,.hero-ambience i{animation:none!important}.hero-ambience i{display:none}}

@media(max-width:420px){.site-header{gap:7px;padding:15px 12px}.site-header .brand{gap:7px;min-width:0}.site-header .brand-symbol{width:38px;height:38px;flex:0 0 38px}.site-header .brand>span{display:block;min-width:0}.site-header .brand strong{font-size:.64rem;letter-spacing:.04em;white-space:nowrap}.site-header .brand small{margin-top:2px;font-size:.48rem;letter-spacing:.025em;white-space:nowrap}.whatsapp-icon{width:40px;height:40px;flex-basis:40px}.whatsapp-icon svg{width:23px;height:23px}.nav-toggle{width:40px;height:40px}}

/* Dezente Interaktionen */
[data-reveal]{transform:translateY(20px);transition:opacity 600ms cubic-bezier(.22,.61,.36,1),transform 600ms cubic-bezier(.22,.61,.36,1)}
.showcase-card{transition:transform 260ms ease,box-shadow 260ms ease}.showcase-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(255,220,145,.42),0 0 32px rgba(221,161,62,.24),0 30px 68px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,239,202,.14)}.showcase-card:hover:after{border-color:rgba(248,205,113,.34)}.showcase-card:hover .showcase-icon{transform:translateY(-1px) scale(1.015);box-shadow:0 0 0 2px rgba(235,172,65,.15),0 0 37px rgba(221,161,62,.38),0 14px 28px rgba(0,0,0,.56),inset 0 0 26px rgba(221,161,62,.13)}
.regional-stamp:before{transform-origin:left center;animation:partnerLine 720ms cubic-bezier(.22,.61,.36,1) 220ms both}@keyframes partnerLine{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.button span,.card-button span{transition:transform 220ms ease}.button-gold:hover{background:linear-gradient(135deg,#f7c968,#dda03a);box-shadow:0 13px 30px rgba(222,157,47,.24)}.button-outline:hover{border-color:rgba(246,198,103,.88);background:rgba(226,168,67,.08);box-shadow:0 0 0 1px rgba(236,181,77,.12),0 10px 25px rgba(0,0,0,.2)}.button:hover span:last-child,.card-button:hover span{transform:translateX(4px)}.card-button.primary:hover{background:linear-gradient(135deg,#f8d176,#da9630);box-shadow:0 9px 20px rgba(221,161,62,.18)}
@media(prefers-reduced-motion:reduce){[data-reveal]{transform:none;transition:none}.regional-stamp:before{animation:none}.button span,.card-button span{transition:none}}
.card-price{margin:-8px auto 14px;color:#f6f1e7;font-size:1.28rem;font-weight:700;letter-spacing:-.02em;text-align:center}.card-price small{color:var(--gold2);font-size:.66rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.card-description{margin:-7px 0 15px;color:#aaa9a5;font-size:.75rem;line-height:1.5;text-align:center}.landing-card-subtitle{min-height:auto!important;line-height:1.45!important}
.card-demo-link{position:absolute;z-index:2;inset:0;border-radius:15px}.card-demo-hint{position:absolute;z-index:3;top:25px;right:24px;color:#e8b758;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.showcase-card>.card-button{position:relative;z-index:4}.showcase-card:has(.card-demo-link:focus-visible){outline:2px solid #f5c35f;outline-offset:4px}.showcase-card:has(.card-demo-link:hover) .card-demo-hint{color:#ffd983}.showcase-card:has(.card-demo-link:hover){transform:translateY(-3px)}

.process-intro{max-width:620px;margin:16px 0 0;color:#c7c8c6;font-size:1.04rem;line-height:1.65}.process-section .steps{margin-top:42px}
.process-closing{max-width:790px;margin:34px auto 0;padding-top:24px;border-top:1px solid rgba(221,161,62,.28);color:#e1ddd5;font-size:1rem;line-height:1.65;text-align:center}
.process-section h2 em{color:var(--gold2);font-style:normal}
@media(max-width:620px){.process-intro{font-size:.96rem}.process-closing{margin-top:28px;font-size:.94rem}}

/* Ablauf: ruhige, gestaffelte Interaktionen */
.process-title em{display:inline-block;opacity:0;transform:translateY(4px)}.process-title.is-visible em{animation:processWordIn 380ms cubic-bezier(.22,.61,.36,1) 150ms both}@keyframes processWordIn{to{opacity:1;transform:none}}
.process-section .steps article{position:relative;overflow:hidden;transition:transform 240ms ease,box-shadow 240ms ease,border-color 240ms ease}.process-section .steps article[data-reveal]{transform:translateY(28px);transition:opacity 560ms cubic-bezier(.22,.61,.36,1),transform 560ms cubic-bezier(.22,.61,.36,1),box-shadow 240ms ease,border-color 240ms ease}.process-section .steps article[data-reveal].is-visible{opacity:1;transform:none}.process-section .steps article[data-reveal]:nth-child(2){transition-delay:90ms}.process-section .steps article[data-reveal]:nth-child(3){transition-delay:180ms}.process-section .steps article:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(239,188,86,.76);border-radius:8px;clip-path:inset(0 100% 0 0);pointer-events:none}.process-section .steps article.is-visible:after{animation:processBorderDraw 700ms cubic-bezier(.22,.61,.36,1) 140ms both}@keyframes processBorderDraw{to{clip-path:inset(0 0 0 0)}}.process-section .steps article[data-reveal].is-visible:hover{transform:translateY(-4px);border-color:rgba(245,199,105,.48);box-shadow:0 22px 44px rgba(0,0,0,.36),0 0 24px rgba(221,161,62,.1)}.process-section .steps article:hover span{text-shadow:0 0 10px rgba(242,187,80,.6),0 0 20px rgba(221,161,62,.24)}
@media(prefers-reduced-motion:reduce){.process-title em{opacity:1;transform:none;animation:none!important}.process-section .steps article[data-reveal]{transform:none;transition:none}.process-section .steps article:after{clip-path:none;animation:none!important}}

/* Mehr Raum für die Hero-Vorteile – keine Überschneidung mit den Trennlinien */
@media(min-width:621px){.hero-reference .mini-benefits{display:grid;width:min(720px,calc(100vw - 96px));grid-template-columns:1.05fr 1.45fr 1.3fr}.hero-reference .mini-benefits>div{min-width:0;padding:0 20px}.hero-reference .mini-benefits>div:first-child{padding-left:0}.hero-reference .mini-benefits>div:last-child{padding-right:0}.hero-reference .mini-benefits small{max-width:150px;white-space:normal}}

@media(min-width:1181px){.site-header .site-nav{transform:translateX(clamp(-72px,-3.5vw,-42px))}}
@media(min-width:861px){.about-panel{position:relative;left:-50px}}
.site-nav .language-link{padding:6px 9px;border:1px solid rgba(238,190,97,.62);border-radius:4px;color:var(--gold2);font-size:.78rem;letter-spacing:.06em;line-height:1}.site-nav .language-link:hover{border-color:#f4c866;background:rgba(233,177,72,.1)}

/* SEO-Inhaltsbereich: häufige Fragen */
.faq-section{padding:clamp(72px,8vw,118px) clamp(24px,7vw,110px);background:radial-gradient(circle at 82% 18%,rgba(214,153,50,.1),transparent 30%),#0b1218;scroll-margin-top:90px}.faq-intro{max-width:760px;margin:0 auto 38px;text-align:center}.faq-intro .section-label{justify-content:center}.faq-intro h2{margin:10px 0 14px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12}.faq-intro>p:last-child{margin:0;color:var(--muted);line-height:1.65}.faq-list{display:grid;max-width:900px;margin:auto;gap:12px}.faq-list details{border:1px solid rgba(235,190,99,.22);border-radius:10px;background:rgba(14,23,31,.8);box-shadow:0 14px 34px rgba(0,0,0,.18)}.faq-list summary{position:relative;padding:22px 56px 22px 24px;color:#f5f1e9;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:24px;top:50%;color:var(--gold2);font-size:1.45rem;font-weight:400;transform:translateY(-50%)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 24px 24px;color:#c9c9c6;line-height:1.72}.faq-list details[open]{border-color:rgba(235,190,99,.45)}
@media(max-width:620px){.faq-list summary{padding:19px 50px 19px 19px}.faq-list summary:after{right:19px}.faq-list details p{padding:0 19px 20px}}
/* Warum eine Website: Nutzenargumente und klarer Abschluss */
.why-section{position:relative;padding:clamp(78px,8vw,118px) clamp(24px,7vw,110px);overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(221,161,62,.11),transparent 29%),linear-gradient(135deg,#101820,#0a1016 62%,#080c10);scroll-margin-top:84px}.why-section:after{content:"";position:absolute;right:-180px;bottom:-250px;width:520px;height:520px;border:1px solid rgba(238,190,97,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(238,190,97,.025),0 0 0 140px rgba(238,190,97,.018);pointer-events:none}.why-intro{position:relative;z-index:1;max-width:920px;margin:0 auto 48px;text-align:center}.why-intro .section-label{justify-content:center}.why-intro h2{margin:0;font-family:"Libre Baskerville",serif;font-size:clamp(2rem,4vw,3.65rem);font-weight:400;line-height:1.2;letter-spacing:-.025em}.why-intro h2 em{display:block;margin-top:8px;color:var(--gold2);font-style:normal}.why-intro>p:last-child{max-width:720px;margin:23px auto 0;color:#c9c9c6;font-size:1.02rem;line-height:1.72}.why-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto}.why-grid article{position:relative;min-height:220px;padding:30px 32px 29px 86px;border:1px solid rgba(235,190,99,.2);border-radius:11px;background:linear-gradient(145deg,rgba(20,29,37,.92),rgba(9,14,19,.92));box-shadow:0 18px 45px rgba(0,0,0,.2);transition:border-color .24s ease,transform .24s ease,box-shadow .24s ease}.why-grid article:hover{transform:translateY(-3px);border-color:rgba(235,190,99,.5);box-shadow:0 24px 52px rgba(0,0,0,.3),0 0 24px rgba(221,161,62,.08)}.why-number{position:absolute;top:32px;left:30px;color:var(--gold2);font-size:.72rem;font-weight:700;letter-spacing:.09em}.why-number:after{content:"";display:block;width:27px;height:1px;margin-top:9px;background:linear-gradient(90deg,var(--gold2),transparent)}.why-grid h3{margin:0 0 13px;color:#f6f3ed;font-size:1.22rem;line-height:1.35}.why-grid p{margin:0;color:#bfc3c3;font-size:.95rem;line-height:1.7}.why-cta{position:relative;z-index:1;display:flex;max-width:1120px;margin:26px auto 0;padding:31px 34px;align-items:center;justify-content:space-between;gap:34px;border:1px solid rgba(238,190,97,.4);border-radius:11px;background:linear-gradient(120deg,rgba(42,34,20,.82),rgba(16,21,25,.93));box-shadow:0 20px 50px rgba(0,0,0,.26)}.why-cta>div>span{display:block;margin-bottom:8px;color:var(--gold2);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.why-cta h3{max-width:700px;margin:0;font-family:"Libre Baskerville",serif;font-size:clamp(1.25rem,2.2vw,1.8rem);font-weight:400;line-height:1.35}.why-cta .button{flex:0 0 auto;min-width:245px}
.customer-problems{position:relative;z-index:1;max-width:1120px;margin:-10px auto 32px}.customer-problems h3{margin:0 0 18px;color:#f6f3ed;font-family:"Libre Baskerville",serif;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:400;text-align:center}.customer-problems ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.customer-problems li{display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:22px;border:1px solid rgba(239,180,76,.22);border-radius:9px;background:linear-gradient(145deg,rgba(35,25,20,.82),rgba(12,17,21,.92));box-shadow:0 15px 36px rgba(0,0,0,.18)}.customer-problems li>span{display:grid;width:27px;height:27px;place-items:center;flex:0 0 27px;border-radius:50%;color:#171109;background:var(--gold2);font-size:.9rem;font-weight:800}.customer-problems strong{color:#f1eee8;font-size:.96rem;line-height:1.55}
@media(max-width:860px){.customer-problems ul{grid-template-columns:1fr}.customer-problems li{min-height:0}.customer-problems{margin-top:-4px}.why-grid{grid-template-columns:1fr}.why-grid article{min-height:0}.why-cta{align-items:flex-start;flex-direction:column}.why-cta .button{width:100%}}
@media(max-width:620px){.why-intro{margin-bottom:34px}.why-intro h2 em{margin-top:5px}.why-grid article{padding:25px 23px 25px 68px}.why-number{top:27px;left:22px}.why-cta{padding:25px 22px}.why-cta>div>span{line-height:1.5}}

/* Problem- und Lösungsbereich nach der dunklen Gold-Referenz */
.why-section{padding:clamp(82px,8vw,122px) clamp(20px,6vw,96px);background:radial-gradient(circle at 50% 13%,rgba(221,161,62,.055),transparent 23%),radial-gradient(circle at 12% 70%,rgba(221,161,62,.035),transparent 28%),#080b0e}.why-section:after{opacity:.45}.why-intro{max-width:920px;margin:0 auto 52px}.why-intro h2{font-size:clamp(3rem,5.6vw,5.8rem);line-height:1.02;letter-spacing:-.035em}.why-intro h2 em,.why-title-rest{display:block}.why-intro h2 em{margin:0;color:#e0a83f}.why-title-rest{color:#f4f1ec}.why-glow-line{display:block;width:min(300px,54vw);height:1px;margin:30px auto 26px;background:linear-gradient(90deg,transparent,#c98b25 32%,#fff0bf 50%,#c98b25 68%,transparent);box-shadow:0 0 15px rgba(241,184,78,.7)}.why-intro>p:last-child{max-width:790px;margin-top:0;color:#c9c8c5;font-size:clamp(1.02rem,1.65vw,1.32rem);line-height:1.7}.customer-problems{max-width:1120px;margin:0 auto 48px}.problem-heading{text-align:center}.customer-problems .problem-heading h3{margin:0;color:#f5f1eb;font-family:"Libre Baskerville",serif;font-size:clamp(2.05rem,4vw,3.65rem);font-weight:400;line-height:1.12}.problem-heading h3 em{display:block;margin-top:5px;color:#e2aa40;font-style:normal}.problem-heading>p{display:flex;align-items:center;justify-content:center;gap:17px;margin:24px auto 38px;color:#d3d0ca;font-size:clamp(.98rem,1.5vw,1.2rem);line-height:1.45}.impact-icon{display:grid;width:46px;height:46px;place-items:center;flex:0 0 46px;color:#e7ad40;border:2px solid #d89d31;border-radius:50%;font-size:1.55rem;box-shadow:0 0 18px rgba(221,161,62,.14)}.problem-cards{display:grid;gap:14px}.problem-card{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) 126px;align-items:center;min-height:205px;overflow:hidden;padding:24px 28px;border:1px solid rgba(224,166,63,.5);border-radius:14px;background:linear-gradient(110deg,rgba(13,18,22,.98),rgba(7,10,13,.96));box-shadow:inset 2px 0 0 #f0b64b,0 18px 44px rgba(0,0,0,.32),-6px 0 22px rgba(231,171,64,.08)}.problem-card:before{content:"";position:absolute;left:-2px;top:8px;bottom:8px;width:2px;background:#ffc759;box-shadow:0 0 16px 5px rgba(255,191,74,.5)}.problem-symbol{position:relative;display:grid;height:136px;place-items:center;border-right:1px solid rgba(229,174,75,.18);color:#e7ad40;font-family:"Libre Baskerville",serif;font-size:6.4rem;line-height:1;text-shadow:0 0 20px rgba(225,164,54,.12)}.problem-symbol b{position:absolute;right:30px;bottom:16px;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#171109;background:#e5a936;font-family:"DM Sans",sans-serif;font-size:1.35rem}.problem-symbol-arrow{font-family:"DM Sans",sans-serif;font-size:5rem;font-weight:300}.problem-symbol-vs{font-family:"DM Sans",sans-serif;font-size:2rem;font-weight:700}.problem-copy{padding:0 42px}.problem-label{display:block;margin-bottom:13px;color:#e9af3f;font-size:.88rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.problem-copy h4{max-width:650px;margin:0 0 8px;color:#f5f2ed;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.18}.problem-copy p{max-width:650px;margin:0;color:#c8c6c1;font-size:1rem;line-height:1.5}.problem-ghost{justify-self:end;color:#fff;font-family:"Libre Baskerville",serif;font-size:6.3rem;line-height:1;opacity:.075}.solutions-heading{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;max-width:1120px;margin:34px auto 20px;color:#e3a83a;text-align:center}.solutions-heading span{font-size:3.4rem;line-height:.8}.solutions-heading p{margin:0;color:#d6d2cb;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.why-grid{margin-top:0}.why-grid article{border-color:rgba(224,166,63,.32);background:linear-gradient(145deg,rgba(15,20,24,.98),rgba(7,10,13,.97));box-shadow:inset 2px 0 0 rgba(238,177,67,.75),0 18px 45px rgba(0,0,0,.26)}
@media(max-width:860px){.why-intro h2{font-size:clamp(2.7rem,11vw,4.2rem)}.problem-heading>p{align-items:flex-start}.problem-card{grid-template-columns:82px minmax(0,1fr);min-height:0;padding:22px 18px}.problem-symbol{height:100%;min-height:112px;border-right:1px solid rgba(229,174,75,.18);font-size:3.8rem}.problem-symbol b{right:7px;bottom:7px;width:31px;height:31px;font-size:1rem}.problem-symbol-arrow{font-size:3rem}.problem-symbol-vs{font-size:1.25rem}.problem-copy{padding:0 10px 0 22px}.problem-label{margin-bottom:9px;font-size:.72rem}.problem-copy h4{font-size:1.3rem}.problem-copy p{font-size:.9rem}.problem-ghost{display:none}}
@media(max-width:520px){.why-section{padding-left:16px;padding-right:16px}.why-intro h2{font-size:2.55rem}.why-intro>p:last-child{font-size:.98rem}.problem-heading>p{gap:12px;text-align:left}.problem-heading>p br{display:none}.impact-icon{width:40px;height:40px;flex-basis:40px}.problem-card{grid-template-columns:62px minmax(0,1fr);padding:18px 12px}.problem-symbol{min-height:98px;font-size:3rem}.problem-symbol-arrow{font-size:2.5rem}.problem-symbol-vs{font-size:1rem}.problem-copy{padding-left:15px}.problem-copy h4{font-size:1.13rem}.problem-copy p{font-size:.84rem}.solutions-heading p{font-size:.68rem}}

/* Rücknahme: nachträgliche Hero-Experimente deaktiviert. */
@media (min-width:99999px){
/* Der Problemblock ist der untere Abschluss des Hero-Bereichs. */
.hero-reference .hero-problems{position:relative;z-index:4;width:min(1320px,calc(100% - 64px));margin:0 auto;padding:22px 0 48px}
.hero-reference .hero-problems .problem-heading{text-align:center}
.hero-reference .hero-problems .problem-heading h2{margin:0;color:#f5f1eb;font-family:"Libre Baskerville",serif;font-size:clamp(1.9rem,2.6vw,2.65rem);font-weight:400;line-height:1.2}
.hero-reference .hero-problems .problem-heading h2 em{color:var(--gold2);font-style:normal}
.hero-reference .hero-problems .problem-heading p{display:block;margin:10px 0 26px;color:#d3d0ca;font-size:clamp(.9rem,1.15vw,1.04rem);line-height:1.5}
.hero-reference .hero-problems .problem-heading u{text-decoration-color:var(--gold2);text-underline-offset:4px}
.hero-reference .hero-problems .problem-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hero-reference .hero-problems .problem-card{position:relative;display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;min-height:172px;overflow:hidden;padding:22px 24px;border:1px solid rgba(224,166,63,.52);border-radius:10px;background:linear-gradient(120deg,rgba(12,18,23,.97),rgba(7,11,15,.96));box-shadow:0 17px 38px rgba(0,0,0,.3)}
.hero-reference .hero-problems .problem-card:before{display:none}
.hero-reference .hero-problems .problem-symbol{position:relative;display:grid;height:116px;place-items:center;border-right:1px solid rgba(229,174,75,.2);color:#e7ad40;font-family:"Libre Baskerville",serif;font-size:4.9rem;line-height:1}
.hero-reference .hero-problems .problem-symbol b{position:absolute;right:14px;bottom:8px;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#171109;background:#e5a936;font-family:"DM Sans",sans-serif;font-size:1.08rem}
.hero-reference .hero-problems .problem-symbol-arrow{font-family:"DM Sans",sans-serif;font-size:4rem;font-weight:300}
.hero-reference .hero-problems .problem-symbol-vs{font-family:"DM Sans",sans-serif;font-size:1.45rem;font-weight:700}
.hero-reference .hero-problems .problem-copy{padding-left:22px}
.hero-reference .hero-problems .problem-label{display:block;margin-bottom:10px;color:#e9af3f;font-size:.77rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.hero-reference .hero-problems .problem-copy h3{margin:0 0 7px;color:#f5f2ed;font-family:"Libre Baskerville",serif;font-size:clamp(1.08rem,1.45vw,1.38rem);font-weight:400;line-height:1.22}
.hero-reference .hero-problems .problem-copy p{margin:0;color:#c8c6c1;font-size:.88rem;line-height:1.42}
@media(min-width:861px){.hero-reference{height:auto;min-height:100svh;grid-template-rows:105px minmax(510px,1fr) auto;padding-bottom:0}.hero-reference .hero-problems{grid-row:3}.hero-reference .hero-photo,.hero-reference .hero-shade{height:100%}.hero-reference .regional-stamp{bottom:360px}}
@media(max-width:980px){.hero-reference .hero-problems .problem-cards{grid-template-columns:1fr}.hero-reference .hero-problems{width:min(720px,calc(100% - 44px));padding-top:36px}.hero-reference .hero-problems .problem-card{min-height:150px}}
@media(max-width:620px){.hero-reference .hero-problems{width:calc(100% - 32px);padding:46px 0 38px}.hero-reference .hero-problems .problem-heading h2{font-size:1.78rem}.hero-reference .hero-problems .problem-heading h2 em{display:block;margin-top:4px}.hero-reference .hero-problems .problem-heading p{text-align:center}.hero-reference .hero-problems .problem-card{grid-template-columns:72px minmax(0,1fr);padding:18px 14px}.hero-reference .hero-problems .problem-symbol{min-height:96px;height:96px;font-size:3.25rem}.hero-reference .hero-problems .problem-symbol-arrow{font-size:2.8rem}.hero-reference .hero-problems .problem-symbol-vs{font-size:1.05rem}.hero-reference .hero-problems .problem-symbol b{right:5px;width:29px;height:29px;font-size:.9rem}.hero-reference .hero-problems .problem-copy{padding-left:16px}.hero-reference .hero-problems .problem-copy h3{font-size:1.1rem}}

/* Linien-Icons und vollständiger Desktop-Hero innerhalb einer Bildschirmhöhe. */
.hero-reference .hero-problems .problem-symbol svg{width:82px;height:82px;overflow:visible;fill:none;stroke:var(--gold2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(241,184,78,.12))}
.hero-reference .hero-problems .problem-symbol .icon-alert{fill:var(--gold2);stroke:var(--gold2)}
.hero-reference .hero-problems .problem-symbol .icon-alert-mark{stroke:#171109;stroke-width:4}
.hero-reference .hero-problems .problem-symbol .icon-cursor{fill:#0b1116;stroke:var(--gold2)}
.hero-reference .hero-problems .problem-symbol .icon-vs{fill:#0b1116;stroke:var(--gold2)}
.hero-reference .hero-problems .problem-symbol .vs-label{position:absolute;right:auto;bottom:19px;width:auto;height:auto;color:var(--gold2);background:transparent;font-size:.72rem;letter-spacing:.02em}
@media(min-width:861px){
  .hero-reference{height:100svh;min-height:0;grid-template-rows:88px minmax(0,1fr) auto;overflow:hidden}
  .hero-reference .hero-grid{min-height:0;padding-top:0}
  .hero-reference .hero-problems{width:min(1320px,calc(100% - 64px));padding:8px 0 22px}
  .hero-reference .hero-problems .problem-heading h2{font-size:clamp(1.65rem,2.2vw,2.25rem)}
  .hero-reference .hero-problems .problem-heading p{margin:7px 0 17px;font-size:.9rem}
  .hero-reference .hero-problems .problem-cards{gap:18px}
  .hero-reference .hero-problems .problem-card{min-height:132px;padding:13px 18px;grid-template-columns:92px minmax(0,1fr)}
  .hero-reference .hero-problems .problem-symbol{height:92px}
  .hero-reference .hero-problems .problem-symbol svg{width:72px;height:72px}
  .hero-reference .hero-problems .problem-copy{padding-left:18px}
  .hero-reference .hero-problems .problem-label{margin-bottom:6px;font-size:.67rem}
  .hero-reference .hero-problems .problem-copy h3{margin-bottom:4px;font-size:clamp(.95rem,1.2vw,1.18rem)}
  .hero-reference .hero-problems .problem-copy p{font-size:.76rem;line-height:1.35}
  .hero-reference .regional-stamp{bottom:244px}
}
@media(min-width:861px) and (max-height:760px){
  .hero-reference{grid-template-rows:72px minmax(0,1fr) auto;min-height:0}
  .hero-reference .hero-problems{padding:4px 0 12px}
  .hero-reference .hero-problems .problem-heading h2{font-size:1.5rem}
  .hero-reference .hero-problems .problem-heading p{margin:4px 0 10px;font-size:.78rem}
  .hero-reference .hero-problems .problem-card{min-height:112px;padding:8px 14px;grid-template-columns:78px minmax(0,1fr)}
  .hero-reference .hero-problems .problem-symbol{height:78px}
  .hero-reference .hero-problems .problem-symbol svg{width:62px;height:62px}
  .hero-reference .hero-problems .problem-copy{padding-left:14px}
  .hero-reference .hero-problems .problem-label{font-size:.58rem}
  .hero-reference .hero-problems .problem-copy h3{font-size:.92rem}
  .hero-reference .hero-problems .problem-copy p{font-size:.66rem}
  .hero-reference .regional-stamp{bottom:196px}
}
@media(max-width:620px){.hero-reference .hero-problems .problem-symbol svg{width:58px;height:58px}.hero-reference .hero-problems .problem-symbol .vs-label{bottom:27px;font-size:.58rem}}

/* Porträt wie in der Vorlage: kleiner, rechts gebündelt und klar vom Text getrennt. */
@media(min-width:861px){
  .hero-reference .hero-photo.portrait-hero.source-room-photo{inset:64px clamp(18px,2.2vw,42px) auto auto;width:min(46vw,580px);height:calc(100% - 278px);min-height:360px;object-fit:contain;object-position:right center;background:transparent;filter:brightness(1.05) saturate(.98);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 20%,rgba(0,0,0,.8) 45%,#000 64%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 20%,rgba(0,0,0,.8) 45%,#000 64%)}
  .hero-reference .hero-shade{background:linear-gradient(90deg,#0d1720 0%,rgba(13,23,32,.99) 25%,rgba(13,23,32,.94) 38%,rgba(11,20,29,.72) 49%,rgba(9,17,25,.24) 64%,rgba(8,16,24,.08) 100%),linear-gradient(0deg,rgba(7,14,21,.96) 0%,rgba(8,15,22,.42) 28%,rgba(8,15,22,.03) 60%,rgba(7,14,21,.4) 100%)}
  .hero-reference .hero-copy{position:relative;z-index:6;width:min(610px,48vw);max-width:610px}
  .hero-reference .hero-copy .hero-headline,.hero-reference .hero-copy .lead,.hero-reference .hero-copy .lead-audience{position:relative;z-index:1;max-width:100%;overflow-wrap:break-word}
  .hero-reference .hero-copy .hero-headline>span{white-space:normal}
  .hero-reference .hero-problems{background:linear-gradient(180deg,rgba(7,13,19,.12),rgba(6,10,14,.82) 24%,rgba(6,10,14,.97) 100%)}
}
@media(min-width:861px) and (max-height:760px){.hero-reference .hero-photo.portrait-hero.source-room-photo{top:48px;height:calc(100% - 214px);min-height:300px;width:min(42vw,500px)}}

/* Nahtloser Hero: feste Bildschirmhöhe und weiche Übergänge wie in der Vorlage. */
@media(min-width:861px){
  .hero-reference{height:100svh;min-height:0;max-height:100svh;grid-template-rows:clamp(72px,9vh,92px) minmax(0,1fr) clamp(230px,31vh,330px);overflow:hidden}
  .hero-reference .hero-grid{min-height:0;overflow:visible;padding:0 clamp(42px,7.3vw,112px)}
  .hero-reference .hero-copy{width:min(740px,53vw);max-width:740px;padding:clamp(18px,4vh,42px) 0 0}
  .hero-reference .hero-copy .hero-headline{font-size:clamp(2rem,3vw,2.9rem);line-height:1.14}
  .hero-reference .hero-copy .lead{margin-top:clamp(15px,2.4vh,25px);line-height:1.48}
  .hero-reference .hero-copy .lead-audience{margin-bottom:clamp(10px,1.7vh,18px)}
  .hero-reference .mini-benefits{width:min(690px,51vw)}
  .hero-reference .hero-actions{margin-top:clamp(14px,2.2vh,24px)}
  .hero-reference .hero-photo.portrait-hero.source-room-photo{inset:clamp(48px,5.5vh,62px) clamp(12px,2vw,32px) auto auto;width:min(41vw,620px);height:calc(100% - clamp(215px,31vh,330px));min-height:0;object-fit:contain;object-position:right center;background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 13%,rgba(0,0,0,.28) 28%,rgba(0,0,0,.66) 44%,rgba(0,0,0,.94) 60%,#000 72%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 13%,rgba(0,0,0,.28) 28%,rgba(0,0,0,.66) 44%,rgba(0,0,0,.94) 60%,#000 72%)}
  .hero-reference .hero-shade{height:100%;background:linear-gradient(90deg,#0d1720 0%,rgba(13,23,32,.995) 27%,rgba(13,23,32,.96) 39%,rgba(12,21,30,.82) 48%,rgba(10,18,26,.56) 57%,rgba(8,15,22,.25) 67%,rgba(7,13,19,.08) 78%,transparent 100%),linear-gradient(0deg,#05090d 0%,rgba(5,9,13,.98) 17%,rgba(6,11,16,.78) 26%,rgba(7,13,19,.35) 38%,transparent 54%)}
  .hero-reference .hero-problems{position:relative;isolation:isolate;width:min(1330px,calc(100% - 64px));padding:clamp(5px,.8vh,9px) 0 clamp(10px,1.7vh,18px);background:#05090d}
  .hero-reference .hero-problems:before{content:"";position:absolute;z-index:0;left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);top:-150px;height:175px;pointer-events:none;background:linear-gradient(180deg,rgba(5,9,13,0) 0%,rgba(5,9,13,.16) 18%,rgba(5,9,13,.5) 47%,rgba(5,9,13,.86) 72%,#05090d 100%)}
  .hero-reference .hero-problems>*{position:relative;z-index:1}
  .hero-reference .hero-problems .problem-heading h2{font-size:clamp(1.5rem,2.25vw,2.18rem)}
  .hero-reference .hero-problems .problem-heading p{margin:5px 0 clamp(9px,1.4vh,15px)}
  .hero-reference .hero-problems .problem-card{min-height:clamp(106px,15vh,152px)}
  .hero-reference .regional-stamp{top:auto;bottom:clamp(238px,32vh,340px);right:clamp(38px,5.6vw,86px)}
}
@media(min-width:861px) and (max-height:700px){
  .hero-reference{grid-template-rows:64px minmax(0,1fr) 216px}
  .hero-reference .hero-copy{padding-top:10px}
  .hero-reference .hero-copy .eyebrow{margin-bottom:4px}
  .hero-reference .hero-copy .hero-headline{font-size:1.55rem;line-height:1.08}
  .hero-reference .hero-copy .lead{margin:7px 0 3px;font-size:.69rem;line-height:1.3}
  .hero-reference .hero-copy .lead-audience{margin-bottom:6px;font-size:.61rem}
  .hero-reference .mini-benefits{margin:0}
  .hero-reference .hero-actions{margin-top:7px}
  .hero-reference .hero-problems .problem-heading h2{font-size:1.38rem}
  .hero-reference .hero-problems .problem-heading p{margin:3px 0 7px;font-size:.7rem}
  .hero-reference .hero-problems .problem-card{min-height:96px;padding:6px 12px}
  .hero-reference .hero-problems:before{top:-100px;height:120px}
  .hero-reference .regional-stamp{display:none}
}

/* Proportions der Referenz: 9,2 % Header, 58,2 % Hauptmotiv, 32,6 % Problemzone. */
@media(min-width:861px){
  .hero-reference{height:100svh;min-height:0;max-height:100svh;grid-template-rows:9.2svh 58.2svh 32.6svh;overflow:hidden}
  .hero-reference .hero-grid{grid-row:2;grid-template-columns:58% 42%;align-items:start;padding:0 7.35vw}
  .hero-reference .hero-copy{grid-column:1;width:min(740px,53.5vw);max-width:740px;align-self:start;padding:6.35svh 0 0}
  .hero-reference .hero-copy .eyebrow{margin:0 0 clamp(15px,2.35svh,24px);font-size:clamp(.68rem,.84vw,.82rem);line-height:1.2}
  .hero-reference .hero-copy .hero-headline{margin:0;font-family:"Libre Baskerville",serif;font-size:clamp(2.1rem,3.08vw,2.96rem);font-weight:400;line-height:1.16;letter-spacing:-.04em}
  .hero-reference .hero-copy .hero-headline>span{white-space:nowrap}
  .hero-reference .hero-copy .hero-headline>span+span{margin-top:3px}
  .hero-reference .hero-copy .lead{max-width:650px;margin:clamp(20px,3.35svh,34px) 0 4px;font-size:clamp(.78rem,1.08vw,1rem);line-height:1.5}
  .hero-reference .hero-copy .lead-audience{margin:0 0 clamp(16px,2.65svh,27px);font-size:clamp(.68rem,.88vw,.84rem);line-height:1.35}
  .hero-reference .mini-benefits{display:grid;width:min(700px,52vw);grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
  .hero-reference .mini-benefits>div{min-height:42px;gap:10px;padding:0 clamp(11px,1.45vw,22px)}
  .hero-reference .mini-benefits>div:first-child{padding-left:0}
  .hero-reference .mini-benefits svg{width:clamp(24px,2vw,31px);height:clamp(24px,2vw,31px);flex-basis:clamp(24px,2vw,31px)}
  .hero-reference .mini-benefits strong{font-size:clamp(.66rem,.88vw,.82rem)}
  .hero-reference .mini-benefits small{font-size:clamp(.54rem,.7vw,.68rem);line-height:1.25;white-space:normal}
  .hero-reference .hero-actions{display:flex;gap:18px;margin-top:clamp(20px,3.25svh,33px)}
  .hero-reference .hero-actions .button{min-height:clamp(43px,5.15svh,53px);padding:10px clamp(16px,1.9vw,28px);font-size:clamp(.68rem,.87vw,.83rem);text-transform:none}
  .hero-reference .hero-photo.portrait-hero.source-room-photo{inset:6.7svh 1.3vw auto auto;width:min(34.5vw,530px);height:61svh;min-height:0;object-fit:contain;object-position:right center;filter:brightness(1.04) saturate(.98);background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.36) 29%,rgba(0,0,0,.76) 45%,#000 62%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.36) 29%,rgba(0,0,0,.76) 45%,#000 62%)}
  .hero-reference .hero-shade{height:100%;background:linear-gradient(90deg,#0d1720 0%,rgba(13,23,32,.998) 29%,rgba(13,23,32,.97) 40%,rgba(12,21,30,.85) 49%,rgba(10,18,26,.6) 58%,rgba(8,15,22,.3) 68%,rgba(7,13,19,.1) 78%,transparent 100%),linear-gradient(0deg,#05090d 0%,rgba(5,9,13,.99) 18%,rgba(5,9,13,.88) 25%,rgba(6,11,16,.55) 34%,rgba(7,13,19,.2) 44%,transparent 55%)}
  .hero-reference .regional-stamp{top:auto;right:6vw;bottom:32.7svh;max-width:300px;padding:7px 12px;font-size:clamp(.6rem,.76vw,.73rem);background:rgba(5,10,14,.72);transform:translateY(-6px)}
  .hero-reference .hero-problems{grid-row:3;align-self:stretch;width:min(1330px,86.6vw);margin:0 auto;padding:1.8svh 0 0;background:#05090d}
  .hero-reference .hero-problems:before{left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);top:-13svh;height:15svh;background:linear-gradient(180deg,transparent 0%,rgba(5,9,13,.12) 16%,rgba(5,9,13,.42) 43%,rgba(5,9,13,.82) 73%,#05090d 100%)}
  .hero-reference .hero-problems .problem-heading h2{font-size:clamp(1.55rem,2.28vw,2.22rem);line-height:1.15}
  .hero-reference .hero-problems .problem-heading p{margin:clamp(5px,.8svh,8px) 0 clamp(14px,2.3svh,24px);font-size:clamp(.7rem,.92vw,.88rem);line-height:1.35}
  .hero-reference .hero-problems .problem-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4vw}
  .hero-reference .hero-problems .problem-card{grid-template-columns:clamp(72px,7vw,106px) minmax(0,1fr);height:clamp(112px,17svh,174px);min-height:0;padding:clamp(8px,1.25svh,13px) clamp(13px,1.35vw,20px)}
  .hero-reference .hero-problems .problem-symbol{height:clamp(78px,11.5svh,118px)}
  .hero-reference .hero-problems .problem-symbol svg{width:clamp(59px,5vw,77px);height:clamp(59px,5vw,77px)}
  .hero-reference .hero-problems .problem-copy{padding-left:clamp(12px,1.45vw,22px)}
  .hero-reference .hero-problems .problem-label{margin-bottom:clamp(4px,.65svh,7px);font-size:clamp(.54rem,.7vw,.68rem)}
  .hero-reference .hero-problems .problem-copy h3{margin:0 0 4px;font-size:clamp(.86rem,1.24vw,1.18rem);line-height:1.18}
  .hero-reference .hero-problems .problem-copy p{font-size:clamp(.61rem,.78vw,.75rem);line-height:1.32}
}
@media(min-width:861px) and (max-width:1180px){.hero-reference .hero-copy{width:55vw;padding-top:4.5svh}.hero-reference .hero-copy .hero-headline>span{white-space:normal}.hero-reference .hero-photo.portrait-hero.source-room-photo{width:32vw}.hero-reference .regional-stamp{display:none}}
@media(min-width:861px) and (max-height:700px){.hero-reference .hero-copy{padding-top:2.2svh}.hero-reference .hero-copy .eyebrow{margin-bottom:5px}.hero-reference .hero-copy .hero-headline{font-size:1.55rem}.hero-reference .hero-copy .lead{margin:7px 0 3px;font-size:.68rem}.hero-reference .hero-copy .lead-audience{margin-bottom:5px}.hero-reference .hero-actions{margin-top:7px}.hero-reference .hero-actions .button{min-height:34px}.hero-reference .hero-problems{padding-top:.8svh}.hero-reference .hero-problems .problem-heading p{margin:2px 0 6px}.hero-reference .hero-problems .problem-card{height:14.5svh}.hero-reference .regional-stamp{display:none}}
}

/* Rechtliche Seiten */
.hero-reference .hero-headline .hero-accent{color:var(--gold2)}

/* Rücknahme: kompakter Problemblock aus Runde 1 deaktiviert. */
@media (min-width:99999px){
/* Kompakter Problemblock unter dem Hero */
.why-section .customer-problems{max-width:1320px;margin:0 auto 48px}
.why-section .problem-heading h3{font-size:clamp(2rem,2.7vw,2.75rem);line-height:1.2}
.why-section .problem-heading h3 em{display:inline;margin:0;color:var(--gold2)}
.why-section .problem-heading>p{display:block;margin:12px auto 28px;color:#d3d0ca;font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.5}
.why-section .problem-heading>p u{text-decoration-color:var(--gold2);text-underline-offset:4px}
.why-section .problem-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.why-section .problem-card{grid-template-columns:108px minmax(0,1fr);min-height:172px;padding:22px 24px;border-radius:10px;box-shadow:0 17px 38px rgba(0,0,0,.3)}
.why-section .problem-symbol{height:116px;font-size:4.9rem}
.why-section .problem-symbol b{right:14px;bottom:8px;width:36px;height:36px;font-size:1.08rem}
.why-section .problem-symbol-arrow{font-size:4rem}
.why-section .problem-symbol-vs{font-size:1.45rem}
.why-section .problem-copy{padding:0 0 0 22px}
.why-section .problem-label{margin-bottom:10px;font-size:.77rem}
.why-section .problem-copy h4{margin-bottom:7px;font-family:"Libre Baskerville",serif;font-size:clamp(1.1rem,1.5vw,1.42rem);font-weight:400;line-height:1.22}
.why-section .problem-copy p{font-size:.88rem;line-height:1.42}
.why-section .problem-ghost{display:none}
@media(max-width:980px){.why-section .problem-cards{grid-template-columns:1fr}.why-section .problem-card{grid-template-columns:108px minmax(0,1fr);min-height:150px}.why-section .problem-symbol{min-height:104px}}
@media(max-width:520px){.why-section .problem-heading h3{font-size:1.8rem}.why-section .problem-heading h3 em{display:block;margin-top:4px}.why-section .problem-heading>p{margin-top:16px}.why-section .problem-card{grid-template-columns:72px minmax(0,1fr);padding:18px 14px}.why-section .problem-symbol{min-height:96px;font-size:3.25rem}.why-section .problem-symbol-arrow{font-size:2.8rem}.why-section .problem-symbol-vs{font-size:1.05rem}.why-section .problem-symbol b{right:5px;width:29px;height:29px;font-size:.9rem}.why-section .problem-copy{padding-left:16px}}
}

/* Rechtliche Seiten */
.hero-reference .hero-copy .hero-headline{font-size:clamp(1.75rem,2.15vw,2.15rem);line-height:1.18}.hero-reference .hero-copy .hero-headline>span{white-space:normal}

/* Rechtliche Seiten */
.why-section .why-intro{max-width:1040px}.why-section .why-intro h2{font-size:clamp(2.55rem,3.7vw,3.65rem);line-height:1.08}.why-section .why-title-rest{margin-top:8px}

/* Rechtliche Seiten */
.footer-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end}.footer-links a:hover,.legal-nav a:hover{color:var(--gold2)}
.legal-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(202,140,42,.1),transparent 28%),linear-gradient(135deg,#111d27,#090f15 58%,#070b10);color:#eeeae4}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px clamp(24px,5vw,86px);border-bottom:1px solid rgba(235,190,99,.22);background:rgba(7,12,18,.64);backdrop-filter:blur(13px)}.legal-brand{font-weight:700;letter-spacing:.04em}.legal-brand span{color:var(--gold2)}.legal-nav{display:flex;flex-wrap:wrap;gap:18px;color:#d7d4ce;font-size:.9rem}.legal-main{width:min(900px,calc(100% - 44px));margin:0 auto;padding:76px 0 90px}.legal-main h1{margin:0 0 14px;font-family:"DM Sans",sans-serif;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.1}.legal-main h2{margin:42px 0 14px;font-family:"DM Sans",sans-serif;font-size:1.28rem;color:#f6f4ef}.legal-main h3{margin:25px 0 9px;font-size:1rem;color:#f2be5e}.legal-main p,.legal-main li{color:#d2d4d5;line-height:1.72}.legal-main ul{padding-left:20px}.legal-main a{color:#f1be61;text-decoration:underline;text-underline-offset:3px}.legal-kicker{margin:0 0 28px;color:var(--gold2);font-size:.84rem;text-transform:uppercase;letter-spacing:.1em}.legal-card{padding:28px 30px;border:1px solid rgba(235,190,99,.22);border-radius:13px;background:rgba(12,20,28,.7);box-shadow:0 20px 50px rgba(0,0,0,.25)}.legal-note{margin:26px 0;padding:16px 18px;border-left:3px solid var(--gold2);border-radius:4px;background:rgba(220,163,62,.1);color:#f1e5cc}.legal-footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(24px,5vw,86px);border-top:1px solid rgba(235,190,99,.18);color:#aaa; font-size:.85rem}.legal-footer a{color:#eec069}@media(max-width:620px){.legal-header,.legal-footer{align-items:flex-start;flex-direction:column;gap:14px}.legal-main{padding-top:48px}.legal-card{padding:22px}.footer-links{justify-content:flex-start;gap:12px 16px}footer{align-items:flex-start;flex-direction:column;gap:12px}}
.legal-main h4{margin:20px 0 8px;color:#eeeae4;font-size:.95rem}.legal-main li+li{margin-top:10px}.legal-emphasis{padding:18px;border-left:3px solid var(--gold2);border-radius:4px;background:rgba(220,163,62,.08);font-size:.84rem;font-weight:600}.legal-source{margin-top:42px;padding-top:20px;border-top:1px solid rgba(235,190,99,.2);font-size:.86rem}

/* Problemsektion nach der gelieferten Referenz */
.why-section .reference-problems{position:relative;z-index:2;width:min(1330px,100%);max-width:none;margin:0 auto 48px}
.why-section .reference-problems .problem-heading{text-align:center}
.why-section .reference-problems .problem-heading h3{margin:0;color:#f5f1eb;font-family:"Libre Baskerville",serif;font-size:clamp(2rem,3vw,2.75rem);font-weight:400;line-height:1.18}
.why-section .reference-problems .problem-heading h3 em{display:inline;margin:0;color:var(--gold2);font-style:normal}
.why-section .reference-problems .problem-heading p{display:block;margin:11px 0 27px;color:#d3d0ca;font-size:clamp(.92rem,1.15vw,1.06rem);line-height:1.45}
.why-section .reference-problems .problem-heading u{text-decoration-color:var(--gold2);text-underline-offset:4px}
.why-section .reference-problems .problem-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.why-section .reference-problems .problem-card{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;min-height:172px;overflow:hidden;padding:20px 23px;border:1px solid rgba(224,166,63,.5);border-radius:10px;background:linear-gradient(120deg,rgba(12,18,23,.98),rgba(7,11,15,.97));box-shadow:0 17px 38px rgba(0,0,0,.3)}
.why-section .reference-problems .problem-card:before{display:none}
.why-section .reference-problems .problem-symbol{position:relative;display:grid;height:120px;min-height:0;place-items:center;border-right:1px solid rgba(229,174,75,.2);color:var(--gold2)}
.why-section .reference-problems .problem-symbol svg{width:82px;height:82px;overflow:visible;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(241,184,78,.12))}
.why-section .reference-problems .problem-symbol .icon-fill{fill:currentColor;stroke:currentColor}
.why-section .reference-problems .problem-symbol .icon-dark{stroke:#171109;stroke-width:4}
.why-section .reference-problems .problem-symbol .icon-cursor{fill:#0b1116}
.why-section .reference-problems .problem-symbol .icon-vs{fill:#0b1116}
.why-section .reference-problems .problem-symbol .vs-label{position:absolute;right:auto;bottom:21px;display:block;width:auto;height:auto;color:var(--gold2);background:transparent;font-family:"DM Sans",sans-serif;font-size:.72rem;letter-spacing:.02em}
.why-section .reference-problems .problem-copy{padding:0 0 0 22px}
.why-section .reference-problems .problem-label{display:block;margin-bottom:10px;color:#e9af3f;font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.why-section .reference-problems .problem-copy h4{margin:0 0 7px;color:#f5f2ed;font-family:"Libre Baskerville",serif;font-size:clamp(1.08rem,1.5vw,1.4rem);font-weight:400;line-height:1.22}
.why-section .reference-problems .problem-copy p{margin:0;color:#c8c6c1;font-size:.86rem;line-height:1.42}
@media(max-width:980px){.why-section .reference-problems .problem-cards{grid-template-columns:1fr}.why-section .reference-problems{width:min(720px,100%)}.why-section .reference-problems .problem-card{min-height:150px}}
@media(max-width:520px){.why-section .reference-problems .problem-heading h3{font-size:1.75rem}.why-section .reference-problems .problem-heading h3 em{display:block;margin-top:4px}.why-section .reference-problems .problem-heading p{margin:14px 0 24px}.why-section .reference-problems .problem-card{grid-template-columns:74px minmax(0,1fr);padding:16px 13px}.why-section .reference-problems .problem-symbol{height:96px}.why-section .reference-problems .problem-symbol svg{width:59px;height:59px}.why-section .reference-problems .problem-symbol .vs-label{bottom:27px;font-size:.58rem}.why-section .reference-problems .problem-copy{padding-left:15px}.why-section .reference-problems .problem-copy h4{font-size:1.08rem}.why-section .reference-problems .problem-copy p{font-size:.82rem}}

.contact-email{display:flex;width:fit-content;align-items:center;gap:13px;margin-top:22px;color:#f4f1eb;transition:color .2s,transform .2s}.contact-email:hover{color:var(--gold2);transform:translateY(-1px)}.contact-email>span:first-child{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(238,190,97,.55);border-radius:50%;color:var(--gold2);font-size:1.05rem}.contact-email small,.contact-email strong{display:block}.contact-email small{margin-bottom:2px;color:#aaa;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.contact-email strong{font-size:1rem}.contact-email:focus-visible{outline:2px solid var(--gold2);outline-offset:5px;border-radius:3px}

/* Direkter Kontakt oben rechts */
.header-contact-links{display:grid;gap:5px;margin-right:3px;text-align:right}.header-contact-links a{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#eeeae3;font-size:.72rem;line-height:1.2;white-space:nowrap;transition:color .2s}.header-contact-links a:hover{color:var(--gold2)}.header-contact-links a span{color:var(--gold2);font-size:.78rem}.header-contact-links a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:2px}
@media(max-width:1040px){.header-contact-links{display:none}}

/* Aufgelockerter Nutzenbereich mit goldenen Symbolen */
.why-grid article{padding-left:112px}.why-grid .benefit-icon{position:absolute;top:29px;left:29px;display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(238,190,97,.38);border-radius:12px;color:var(--gold2);background:rgba(221,161,62,.06);box-shadow:0 10px 24px rgba(0,0,0,.2)}.why-grid .benefit-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.why-grid .why-number{top:98px;left:43px}.why-grid .why-number:after{width:24px}
@media(max-width:620px){.why-grid article{padding:24px 20px 24px 88px}.why-grid .benefit-icon{top:23px;left:20px;width:48px;height:48px}.why-grid .benefit-icon svg{width:29px;height:29px}.why-grid .why-number{top:79px;left:31px}}

/* Persönliche Unterschrift unter dem Hero-Porträt */
.hero-signature{position:absolute;z-index:5;right:clamp(40px,6vw,92px);bottom:clamp(108px,13vh,142px);display:grid;justify-items:center;color:rgba(255,255,255,.84);text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.72);pointer-events:none}.hero-signature strong{font-family:"Caveat","Segoe Script","Brush Script MT",cursive;font-size:clamp(1.65rem,2.25vw,2.3rem);font-weight:400;line-height:1;transform:none}.hero-signature span{margin-top:6px;color:rgba(221,216,207,.72);font-size:.61rem;font-weight:400;letter-spacing:.02em}
@media(max-width:1180px){.hero-signature{right:28px}}
@media(max-width:860px){.hero-signature{display:none}}

/* Große, kompakte SaaS-Headline im Hero */
.hero-reference .hero-copy .hero-headline{font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(3rem,4vw,3.9rem);font-weight:750;line-height:.99;letter-spacing:-.04em}
.hero-reference .hero-copy .hero-headline strong{font-weight:inherit}
.hero-reference .hero-copy .hero-headline>span+span{margin-top:0}
.hero-reference .hero-copy .hero-headline .hero-accent{font-size:1.07em;line-height:.98}
@media(min-width:861px){.hero-reference .hero-copy{width:min(756px,54.5vw);max-width:756px}.hero-reference .hero-copy .eyebrow{margin-bottom:clamp(20px,calc(2.35svh + 5px),29px)}}
@media(max-width:860px){.hero-reference .hero-copy .eyebrow{margin-bottom:27px}.hero-reference .hero-copy .hero-headline{font-size:clamp(2.7rem,8.8vw,3.4rem);line-height:1}.hero-reference .hero-copy .hero-headline .hero-accent{font-size:1.05em}}
@media(min-width:861px) and (max-height:700px){.hero-reference .hero-copy .eyebrow{margin-bottom:10px}.hero-reference .hero-copy .hero-headline{font-size:clamp(2.35rem,3.2vw,3rem)}}

/* Interaktiver Website-Check zwischen Hero und Leistungen */
.site-check{position:relative;overflow:hidden;padding:clamp(72px,8vw,112px) clamp(22px,6vw,96px);background:radial-gradient(circle at 18% 10%,rgba(222,162,62,.1),transparent 28%),linear-gradient(180deg,#05090d,#0b1014)}
.site-check:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 110px)}
.site-check-shell{position:relative;z-index:1;width:min(1180px,100%);margin:auto;padding:clamp(28px,4vw,54px);border:1px solid rgba(233,167,43,.3);border-radius:20px;background:linear-gradient(145deg,rgba(16,24,31,.96),rgba(6,11,15,.98));box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,224,158,.07)}
.site-check-intro{max-width:850px}.site-check-badge{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:9px 14px;border:1px solid rgba(241,184,78,.5);border-radius:999px;color:#f4c66d;background:rgba(221,161,62,.08);box-shadow:0 0 24px rgba(221,161,62,.09);font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.site-check-badge span{font-size:1rem}.site-check-intro h2{margin:0;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(2.1rem,3.7vw,3.7rem);font-weight:700;line-height:1.02;letter-spacing:-.04em}.site-check-intro h2 em{color:var(--gold2);font-style:normal}.site-check-intro>p:last-child{max-width:690px;margin:20px 0 0;color:#bbb9b4;font-size:clamp(.92rem,1.2vw,1.05rem);line-height:1.6}
.site-check-progress{display:flex;align-items:center;gap:18px;margin:34px 0 22px}.site-check-progress>div{height:4px;flex:1;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.site-check-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#cf8d28,#f2bd58);box-shadow:0 0 14px rgba(233,167,43,.5);transition:width .35s ease}.site-check-progress strong{min-width:82px;color:#d8d4cc;font-size:.75rem;font-weight:600;text-align:right}
.site-check-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-check-question{position:relative;display:flex;min-height:252px;padding:30px;flex-direction:column;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 20px 44px rgba(0,0,0,.18);transition:border-color .25s,transform .25s,background .25s,box-shadow .25s}.site-check-question:hover{transform:translateY(-5px);border-color:rgba(233,167,43,.45);box-shadow:0 27px 55px rgba(0,0,0,.28)}.site-check-status{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(233,167,43,.48);border-radius:9px;color:var(--gold2);font-size:1.35rem;font-weight:800;background:rgba(233,167,43,.06);transition:.25s}.site-check-question p{margin:24px 0 28px;color:#f8f5f0;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(1.15rem,1.45vw,1.35rem);font-weight:700;line-height:1.25}.site-check-options{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:auto}.site-check-options button{min-height:44px;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#ccc8c0;background:rgba(255,255,255,.03);font-size:.78rem;font-weight:700;cursor:pointer;transition:.2s}.site-check-options button:hover,.site-check-options button:focus-visible{border-color:var(--gold2);color:#fff;outline:none}.site-check-options button[aria-pressed="true"]{border-color:var(--gold2);color:#171109;background:var(--gold2)}
.site-check-question[data-answer="yes"]{border-color:rgba(90,205,143,.7);background:linear-gradient(145deg,rgba(62,157,108,.14),rgba(20,60,40,.06));box-shadow:0 20px 50px rgba(57,171,108,.1)}.site-check-question[data-answer="yes"] .site-check-status{border-color:#61d49a;color:#07160e;background:#61d49a;box-shadow:0 0 22px rgba(97,212,154,.25)}.site-check-question[data-answer="no"]{border-color:rgba(239,100,86,.72);background:linear-gradient(145deg,rgba(190,54,44,.15),rgba(70,20,17,.06));box-shadow:0 20px 50px rgba(225,75,61,.1)}.site-check-question[data-answer="no"] .site-check-status{border-color:#f06c5e;color:#1e0705;background:#f06c5e;box-shadow:0 0 22px rgba(240,108,94,.25)}
.site-check-result{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding:25px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025);transition:border-color .3s,background .3s,box-shadow .3s}.site-check-result p{max-width:680px;margin:0;color:#aaa8a3;font-size:clamp(.96rem,1.35vw,1.15rem);font-weight:650;line-height:1.5}.site-check-result .button{flex:0 0 auto;white-space:nowrap}.site-check[data-complete="true"] .site-check-result{border-color:rgba(241,184,78,.5);background:linear-gradient(135deg,rgba(221,161,62,.12),rgba(221,161,62,.035));box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,225,165,.08)}.site-check[data-complete="true"] .site-check-result p{color:#f4efe7;font-size:clamp(1.05rem,1.55vw,1.27rem)}
@media(max-width:900px){.site-check-questions{grid-template-columns:1fr}.site-check-question{min-height:0}.site-check-result{align-items:stretch;flex-direction:column}.site-check-result .button{width:fit-content}}
@media(max-width:520px){.site-check{padding-left:16px;padding-right:16px}.site-check-shell{padding:26px 18px;border-radius:14px}.site-check-intro h2{font-size:2.15rem}.site-check-progress{margin-top:28px}.site-check-question{padding:20px}.site-check-result .button{width:100%;white-space:normal;text-align:center}}

/* Fünfstufiger Projektablauf */
.process-section .process-duration{width:fit-content;margin:22px 0 0;padding:12px 16px;border-left:3px solid var(--gold2);border-radius:0 6px 6px 0;color:#e9e4da;background:rgba(221,161,62,.08);font-size:.9rem;line-height:1.5}.process-section .process-duration strong{color:var(--gold2)}
.process-section .process-intro{margin:18px 0 0;color:var(--muted);line-height:1.7}
.process-section .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:42px}.process-section .steps article{position:relative;min-width:0;padding:29px 25px;border-color:rgba(221,161,62,.2);background:linear-gradient(145deg,rgba(16,20,20,.98),rgba(7,10,10,.98))}.process-section .steps article:before{content:"";position:absolute;left:25px;right:25px;top:52px;height:1px;background:linear-gradient(90deg,rgba(221,161,62,.55),transparent)}.process-section .steps span{display:block;margin-bottom:28px;color:var(--gold2);font-weight:700;letter-spacing:.09em}.process-section .steps h3{margin:0 0 14px;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(1.05rem,1.3vw,1.28rem);line-height:1.2}.process-section .steps p{margin:0;font-size:.82rem;line-height:1.62}
@media(max-width:1180px) and (min-width:861px){.process-section .steps{grid-template-columns:repeat(6,minmax(0,1fr))}.process-section .steps article{grid-column:span 2}.process-section .steps article:nth-child(n+4){grid-column:span 3}}
@media(max-width:860px){.process-section .steps{grid-template-columns:1fr;gap:14px}.process-section .steps article{padding:26px 24px}.process-section .process-duration{font-size:.84rem}}

/* Hero-Neufassung: klare 50/50-Komposition mit persönlichem Vertrauensanker */
.hero-reference{display:block;height:auto;min-height:100svh;max-height:none;background:linear-gradient(118deg,#11161b 0%,#0e171f 52%,#0a1520 100%)}
.hero-reference:after{background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;opacity:.68;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.65) 60%,transparent)}
.hero-reference .hero-grid{display:grid;min-height:100svh;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;padding:clamp(120px,14vh,164px) clamp(34px,6.2vw,100px) clamp(52px,7vh,78px)}
.hero-reference .hero-copy{grid-column:1;width:min(760px,100%);max-width:760px;padding:0;align-self:center}.hero-reference .hero-copy .eyebrow{margin:0 0 24px;color:#efb64f;font-size:clamp(.72rem,.9vw,.84rem);font-weight:700;letter-spacing:.055em}.hero-reference .hero-copy .eyebrow:before{display:block;width:30px}
.hero-reference .hero-copy .hero-headline{margin:0;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(2.75rem,4.05vw,4.25rem);font-weight:750;line-height:.98;letter-spacing:-.045em}.hero-reference .hero-copy .hero-headline>span{display:block;margin:0;white-space:nowrap}.hero-reference .hero-copy .hero-headline .hero-accent{color:var(--gold2);font-size:1em;line-height:inherit}
.hero-reference .hero-copy .lead{max-width:670px;margin:27px 0 0;color:#d1d3d3;font-size:clamp(.95rem,1.18vw,1.08rem);line-height:1.65}.hero-reference .hero-actions{display:flex;gap:15px;margin-top:36px;flex-wrap:wrap}.hero-reference .hero-actions .button{min-height:53px;padding:12px 22px;font-size:.82rem;text-transform:none}
.hero-reference .hero-photo.portrait-hero.source-room-photo{inset:82px 0 0 auto;width:50%;height:calc(100% - 82px);min-height:0;object-fit:contain;object-position:right center;transform:none;filter:brightness(1.04) saturate(.92);background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.82) 44%,#000 66%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.82) 44%,#000 66%)}
.hero-reference .hero-shade{height:100%;background:linear-gradient(90deg,#11161b 0%,rgba(15,22,28,.98) 36%,rgba(12,21,29,.77) 53%,rgba(8,17,25,.24) 73%,rgba(7,15,22,.05) 100%),linear-gradient(0deg,rgba(6,11,16,.7),transparent 42%)}
.hero-trust-line{display:flex;max-width:720px;margin-top:26px;flex-wrap:wrap;gap:10px 0}.hero-trust-line span{display:flex;align-items:center;gap:7px;padding:0 15px;border-right:1px solid rgba(255,255,255,.16);color:#d3d2ce;font-size:.75rem;font-weight:600;white-space:nowrap}.hero-trust-line span:first-child{padding-left:0}.hero-trust-line span:last-child{border-right:0}.hero-trust-line b{display:grid;width:20px;height:20px;place-items:center;color:var(--gold2);font-size:.72rem}
.hero-contact-card{display:flex;width:min(500px,100%);min-height:62px;margin-top:24px;align-items:center;gap:15px;padding:6px 12px 6px 0;border:0;border-radius:7px;background:transparent;box-shadow:none;transition:transform .22s,background .22s}.hero-contact-card:hover{transform:translateX(3px);background:rgba(255,255,255,.025)}.hero-contact-card:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}.hero-contact-card img{width:50px;height:50px;flex:0 0 50px;border:1px solid rgba(241,184,78,.3);border-radius:50%;object-fit:cover;object-position:center 18%}.hero-contact-card blockquote{margin:0;padding-left:15px;border-left:1px solid rgba(241,184,78,.32);color:#e4e2dd;font-size:.81rem;font-weight:550;line-height:1.45}
@media(max-width:1180px) and (min-width:861px){.hero-reference .hero-grid{grid-template-columns:58% 42%;padding-left:42px;padding-right:42px}.hero-reference .hero-copy .hero-headline{font-size:clamp(2.55rem,4.4vw,3.45rem)}.hero-reference .hero-copy .hero-headline>span{white-space:normal}.hero-reference .hero-actions{margin-top:30px}.hero-reference .hero-photo.portrait-hero.source-room-photo{width:43%}.hero-trust-line span{padding:0 10px}}
@media(max-width:860px){.hero-reference{min-height:auto}.hero-reference .hero-grid{display:block;min-height:0;padding:132px 22px 58px}.hero-reference .hero-copy{width:100%;max-width:660px}.hero-reference .hero-copy .hero-headline{font-size:clamp(2.55rem,9.7vw,4rem);line-height:1}.hero-reference .hero-copy .hero-headline>span{white-space:normal}.hero-reference .hero-copy .lead{max-width:590px}.hero-reference .hero-actions{margin-top:26px}.hero-reference .hero-photo.portrait-hero.source-room-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;transform:none;opacity:.34;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 55%,#000);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 55%,#000)}.hero-reference .hero-shade{height:100%;background:linear-gradient(90deg,#11161b 0%,rgba(15,22,28,.96) 58%,rgba(10,18,25,.68) 100%),linear-gradient(0deg,#090f14,transparent 45%)}.hero-trust-line{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.hero-trust-line span{padding:0;border:0}.hero-contact-card{margin-top:24px}}
@media(max-width:520px){.hero-reference .hero-grid{padding-top:118px}.hero-reference .hero-copy .hero-headline{font-size:clamp(2.35rem,11.2vw,3.2rem)}.hero-reference .hero-actions{display:grid}.hero-trust-line{grid-template-columns:1fr}.hero-contact-card{align-items:flex-start}.hero-contact-card blockquote{font-size:.78rem}}

/* Schwebende Live-Website im Hero */
.hero-demo-mockup{position:relative;z-index:5;grid-column:2;justify-self:end;width:min(43vw,650px);margin:48px -1vw 0 0;pointer-events:none;filter:drop-shadow(0 34px 55px rgba(0,0,0,.46));transform:perspective(1400px) rotateY(-4deg) rotateX(1.4deg);transform-origin:center right;animation:heroDemoFloat 6.2s ease-in-out infinite}
.hero-demo-glow{position:absolute;z-index:-1;inset:6% -4% -8% 4%;border-radius:32px;background:radial-gradient(ellipse at 72% 35%,rgba(238,179,70,.26),rgba(58,126,151,.11) 45%,transparent 72%);filter:blur(34px);opacity:.78}
.hero-demo-browser{overflow:hidden;border:1px solid rgba(241,190,91,.42);border-radius:14px;background:#091018;box-shadow:0 0 0 1px rgba(255,255,255,.045),0 30px 75px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,230,176,.12)}
.hero-demo-toolbar{display:grid;height:43px;padding:0 15px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);color:#aeb7bd;background:linear-gradient(180deg,#17232d,#101a22);font-size:.58rem;letter-spacing:.055em}.hero-demo-toolbar p,.hero-demo-toolbar em{margin:0}.hero-demo-toolbar p{text-align:center;text-transform:uppercase}.hero-demo-toolbar p b{color:#efb64f}.hero-demo-toolbar em{color:#74818a;font-style:normal}.hero-demo-dots{display:flex;gap:5px}.hero-demo-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#5f6b73}.hero-demo-dots i:first-child{background:#d59a3b}.hero-demo-dots i:nth-child(2){background:#a98c55}
.hero-demo-viewport{position:relative;height:clamp(285px,24vw,375px);overflow:hidden;background:#e8eceb}.hero-demo-viewport iframe{position:absolute;z-index:1;inset:0;width:161.3%;height:161.3%;border:0;pointer-events:none;transform:scale(.62);transform-origin:top left;opacity:0;transition:opacity .75s ease}.hero-demo-mockup.is-loaded iframe{opacity:1}
.hero-demo-loader{position:absolute;z-index:0;inset:0;display:grid;place-content:center;justify-items:center;gap:11px;color:#526069;background:linear-gradient(135deg,#e7eceb,#cfd9d8);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.hero-demo-loader span{width:28px;height:28px;border:2px solid rgba(27,53,60,.16);border-top-color:#b88635;border-radius:50%;animation:heroDemoSpin 1s linear infinite}.hero-demo-mockup.is-loaded .hero-demo-loader{opacity:0;transition:opacity .35s ease}
.hero-demo-caption{display:flex;margin:12px 4px 0 auto;align-items:center;justify-content:flex-end;gap:13px;color:#9da8ad;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.hero-demo-caption span{padding-right:13px;border-right:1px solid rgba(239,182,79,.35)}.hero-demo-caption strong{color:#efbd5a;font-size:.68rem}
@keyframes heroDemoFloat{0%,100%{transform:perspective(1400px) translateY(0) rotateY(-4deg) rotateX(1.4deg)}50%{transform:perspective(1400px) translateY(-7px) rotateY(-2.8deg) rotateX(.7deg)}}
@keyframes heroDemoSpin{to{transform:rotate(360deg)}}
@media(max-width:1180px) and (min-width:861px){.hero-demo-mockup{width:min(42vw,560px);margin-right:-10px}.hero-demo-toolbar em{display:none}.hero-demo-toolbar{grid-template-columns:auto 1fr}.hero-demo-viewport{height:300px}}
@media(max-width:860px){.hero-demo-mockup{grid-column:auto;width:min(100%,650px);margin:42px auto 0;filter:drop-shadow(0 24px 42px rgba(0,0,0,.4));transform:none;animation:none}.hero-demo-viewport{height:clamp(240px,67vw,360px)}.hero-demo-viewport iframe{width:100%;height:100%;transform:none}.hero-demo-caption{justify-content:flex-start;margin-left:4px;margin-right:0}}
@media(max-width:520px){.hero-demo-browser{border-radius:10px}.hero-demo-toolbar{height:38px;padding-inline:11px;gap:8px}.hero-demo-toolbar p{font-size:.52rem}.hero-demo-toolbar em{display:none}.hero-demo-viewport{height:245px}.hero-demo-caption{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.hero-demo-mockup,.hero-demo-loader span{animation:none}}

/* Gestaffelter Aufbau der Hero-Headline */
.hero-reference .hero-copy .hero-headline>span{position:relative;opacity:0;transform:translateY(24px);filter:blur(5px);will-change:opacity,transform,filter}
.hero-reference .hero-copy.is-visible .hero-headline>span:first-child{animation:heroHeadlineFirst .82s cubic-bezier(.16,1,.3,1) .12s both}
.hero-reference .hero-copy.is-visible .hero-headline>.hero-accent{animation:heroHeadlineGold .92s cubic-bezier(.16,1,.3,1) .43s both}
.hero-reference .hero-copy .hero-headline>.hero-accent:after{position:absolute;left:.02em;bottom:-.19em;width:min(54%,330px);height:2px;border-radius:4px;background:linear-gradient(90deg,rgba(239,182,79,0),#f2bd58 12%,#ffd77f 66%,rgba(239,182,79,0));box-shadow:0 0 15px rgba(241,184,78,.48);content:"";opacity:0;transform:scaleX(0);transform-origin:left center}
.hero-reference .hero-copy.is-visible .hero-headline>.hero-accent:after{animation:heroHeadlineLight 1s cubic-bezier(.22,.61,.36,1) .98s both}
@keyframes heroHeadlineFirst{0%{opacity:0;transform:translateY(24px);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes heroHeadlineGold{0%{opacity:0;transform:translateY(30px) scale(.975);filter:blur(7px);text-shadow:0 0 0 rgba(239,182,79,0)}72%{text-shadow:0 0 24px rgba(239,182,79,.2)}100%{opacity:1;transform:none;filter:blur(0);text-shadow:0 0 0 rgba(239,182,79,0)}}
@keyframes heroHeadlineLight{0%{opacity:0;transform:scaleX(0)}35%{opacity:1}100%{opacity:.88;transform:scaleX(1)}}
@media(max-width:520px){.hero-reference .hero-copy .hero-headline>.hero-accent:after{bottom:-.15em;width:68%}}
@media(prefers-reduced-motion:reduce){.hero-reference .hero-copy .hero-headline>span{opacity:1;transform:none;filter:none;will-change:auto;animation:none!important}.hero-reference .hero-copy .hero-headline>.hero-accent:after{opacity:.75;transform:scaleX(1);animation:none!important}}

/* Vertrauenspunkte folgen der Headline gestaffelt */
.hero-reference .hero-trust-line span{opacity:0;transform:translateY(11px);border-right-color:rgba(241,184,78,.3);will-change:opacity,transform}
.hero-reference .hero-trust-line span:nth-child(1){--trust-delay:1.48s}.hero-reference .hero-trust-line span:nth-child(2){--trust-delay:1.61s}.hero-reference .hero-trust-line span:nth-child(3){--trust-delay:1.74s}.hero-reference .hero-trust-line span:nth-child(4){--trust-delay:1.87s}
.hero-reference .hero-copy.is-visible .hero-trust-line span{animation:heroTrustItem .58s cubic-bezier(.16,1,.3,1) var(--trust-delay) both}
.hero-reference .hero-trust-line b{border:1px solid rgba(241,184,78,.32);border-radius:50%;background:rgba(241,184,78,.055);box-shadow:0 0 0 rgba(241,184,78,0);transform:scale(.72)}
.hero-reference .hero-copy.is-visible .hero-trust-line b{animation:heroTrustIcon .52s cubic-bezier(.16,1,.3,1) calc(var(--trust-delay) + .1s) both}
@keyframes heroTrustItem{0%{opacity:0;transform:translateY(11px)}100%{opacity:1;transform:none}}
@keyframes heroTrustIcon{0%{transform:scale(.72);box-shadow:0 0 0 rgba(241,184,78,0)}70%{transform:scale(1.08);box-shadow:0 0 15px rgba(241,184,78,.28)}100%{transform:scale(1);box-shadow:0 0 0 rgba(241,184,78,0)}}
@media(max-width:860px){.hero-reference .hero-trust-line span{border-right:0}}
@media(prefers-reduced-motion:reduce){.hero-reference .hero-trust-line span{opacity:1;transform:none;will-change:auto;animation:none!important}.hero-reference .hero-trust-line b{transform:none;animation:none!important}}

/* Laptop sitzt unterhalb des Portraits, ohne Gesicht oder Blickkontakt zu verdecken. */
@media(min-width:861px){.hero-demo-mockup{align-self:end;width:min(37vw,565px);margin:0 -1.2vw clamp(18px,3.8vh,42px) 0;transform-origin:right bottom;filter:drop-shadow(0 27px 46px rgba(0,0,0,.48))}.hero-demo-viewport{height:clamp(220px,19vw,292px)}.hero-demo-browser{position:relative;border-width:1px 1px 0;border-radius:12px 12px 3px 3px;box-shadow:0 0 0 6px #10151a,0 0 0 7px rgba(245,201,111,.28),0 28px 62px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,230,176,.1)}.hero-demo-browser:before{position:absolute;z-index:4;top:-4px;left:50%;width:4px;height:4px;border-radius:50%;background:#56616a;box-shadow:0 0 4px rgba(255,255,255,.18);content:"";transform:translateX(-50%)}.hero-demo-base{position:relative;width:106%;height:15px;margin:6px 0 0 -3%;border-radius:2px 2px 11px 11px;background:linear-gradient(180deg,#b4babd 0%,#777f84 31%,#30373b 54%,#14191c 100%);box-shadow:0 11px 17px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.6);clip-path:polygon(2.2% 0,97.8% 0,100% 72%,96% 100%,4% 100%,0 72%)}.hero-demo-base span{position:absolute;top:0;left:50%;width:17%;height:4px;border-radius:0 0 5px 5px;background:linear-gradient(180deg,#697176,#9da4a7);transform:translateX(-50%)}.hero-demo-caption{margin-top:15px}}
@media(min-width:861px) and (max-width:1180px){.hero-demo-mockup{width:min(36vw,455px);margin-right:-5px;margin-bottom:28px}.hero-demo-viewport{height:235px}}
@media(max-width:860px){.hero-demo-base{position:relative;width:104%;height:12px;margin:5px 0 0 -2%;border-radius:2px 2px 9px 9px;background:linear-gradient(180deg,#aeb4b7,#535b60 48%,#171c1f);box-shadow:0 9px 15px rgba(0,0,0,.35);clip-path:polygon(2% 0,98% 0,100% 72%,96% 100%,4% 100%,0 72%)}.hero-demo-base span{position:absolute;top:0;left:50%;width:18%;height:3px;border-radius:0 0 4px 4px;background:#858c90;transform:translateX(-50%)}}

/* Finale Hero-Platzierung: Laptop ausschließlich im unteren Arbeitsbereich. */
@media(min-width:861px){.hero-reference .hero-grid{position:relative}.hero-demo-mockup{position:absolute;right:clamp(16px,1.8vw,30px);bottom:clamp(18px,3vh,34px);width:min(27vw,420px);margin:0;align-self:auto;justify-self:auto;z-index:7;filter:drop-shadow(0 24px 38px rgba(0,0,0,.52));transform-origin:right bottom}.hero-demo-viewport{height:clamp(175px,13.8vw,220px)}.hero-demo-toolbar{height:38px;padding-inline:12px;gap:9px}.hero-demo-toolbar em{display:none}.hero-demo-caption{margin-top:12px;font-size:.55rem}.hero-demo-caption strong{font-size:.61rem}.hero-demo-glow{inset:12% -4% -7% 8%;opacity:.58;filter:blur(29px)}}
@media(min-width:861px) and (max-width:1180px){.hero-demo-mockup{right:18px;bottom:22px;width:min(25vw,350px);margin:0}.hero-demo-viewport{height:180px}}
@media(min-width:861px) and (max-height:760px){.hero-demo-mockup{right:18px;bottom:12px;width:min(23vw,325px)}.hero-demo-viewport{height:155px}.hero-demo-caption{display:none}.hero-demo-base{height:12px}}

/* Live-Laptop in der dunklen Übergangsfläche, das Portrait bleibt unangetastet. */
html.hero-preview-mode .hero-demo-mockup{display:none!important}
@media(min-width:861px){.hero-demo-mockup{left:50%;right:auto;bottom:-18px;width:min(24vw,370px);margin:0;z-index:5}.hero-demo-viewport{height:clamp(170px,13.2vw,210px)}.hero-demo-glow{inset:8% -7% -4%;opacity:.64}.hero-demo-caption{margin-top:11px}}
@media(min-width:861px) and (max-width:1180px){.hero-demo-mockup{left:50%;right:auto;bottom:-16px;width:min(23vw,300px)}.hero-demo-viewport{height:160px}}
@media(min-width:861px) and (max-height:760px){.hero-demo-mockup{left:50%;right:auto;bottom:-34px;width:min(21vw,285px)}.hero-demo-viewport{height:142px}}

/* Laptop vollständig links vom Portrait auf der schwarzen Hero-Fläche. */
@media(min-width:861px){.hero-demo-mockup{left:auto;right:52%;bottom:-14px;width:min(22.5vw,350px)}.hero-demo-viewport{height:clamp(160px,12.4vw,198px)}}
@media(min-width:861px) and (max-width:1180px){.hero-demo-mockup{left:auto;right:53%;bottom:-14px;width:min(22vw,280px)}.hero-demo-viewport{height:150px}}
@media(min-width:861px) and (max-height:760px){.hero-demo-mockup{left:auto;right:53%;bottom:-30px;width:min(20vw,265px)}.hero-demo-viewport{height:132px}}

/* Mobile Hero: Portrait im Fokus, kein zusätzliches Demo-Gerät. */
@media(max-width:860px){.hero-demo-mockup{display:none!important}.hero-reference .hero-photo.portrait-hero.source-room-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center;opacity:.6;filter:brightness(1.08) saturate(.98) contrast(1.01);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 15%,rgba(0,0,0,.72) 43%,#000 69%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 15%,rgba(0,0,0,.72) 43%,#000 69%)}.hero-reference .hero-shade{background:linear-gradient(90deg,#11161b 0%,rgba(15,22,28,.98) 43%,rgba(11,19,27,.72) 63%,rgba(8,16,23,.28) 82%,rgba(7,14,21,.12) 100%),linear-gradient(0deg,rgba(7,12,17,.9) 0%,rgba(8,14,20,.2) 42%,rgba(7,13,19,.26) 100%)}}
@media(max-width:520px){.hero-reference .hero-photo.portrait-hero.source-room-photo{object-position:38% center;opacity:.64}.hero-reference .hero-shade{background:linear-gradient(90deg,#11161b 0%,rgba(15,22,28,.97) 46%,rgba(11,19,27,.68) 66%,rgba(8,16,23,.22) 86%,rgba(7,14,21,.1) 100%),linear-gradient(0deg,rgba(7,12,17,.92),rgba(8,14,20,.14) 48%,rgba(7,13,19,.24))}}

/* Transparenter Leistungsumfang direkt unter den Angeboten */
.package-scope{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr .85fr;width:min(1120px,100%);margin:34px auto 0;overflow:hidden;border:1px solid rgba(238,190,97,.3);border-radius:14px;background:linear-gradient(135deg,rgba(21,27,29,.98),rgba(7,10,11,.98));box-shadow:0 24px 58px rgba(0,0,0,.3)}.package-scope>div{padding:30px 32px}.package-optional{border-left:1px solid rgba(238,190,97,.18);background:rgba(221,161,62,.035)}.package-scope-label{margin:0 0 20px;color:#f4f0e8;font-family:"Inter Tight","DM Sans",sans-serif;font-size:1.12rem;font-weight:700}.package-scope ul{display:grid;margin:0;padding:0;list-style:none;gap:11px}.package-included ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.package-scope li{position:relative;padding-left:24px;color:#cbc8c1;font-size:.84rem;line-height:1.45}.package-included li:before{content:"✓";position:absolute;left:0;color:#65d49d;font-weight:800}.package-optional li:before{content:"+";position:absolute;left:2px;color:var(--gold2);font-weight:800}.package-scope+.service-promises{margin-top:31px}
.landing-pricing-note{position:relative;z-index:1;display:grid;width:min(1120px,100%);margin:26px auto 0;padding:22px 26px;border:1px solid rgba(238,190,97,.24);border-radius:10px;background:rgba(12,16,18,.82);gap:12px}.landing-pricing-note p{display:flex;margin:0;align-items:center;justify-content:center;gap:18px;color:#c8c6c0;font-size:.82rem;line-height:1.45;text-align:left}.landing-pricing-note strong{flex:none;color:#efbd5a;font-size:.88rem}.landing-pricing-note small{max-width:900px;margin:auto;color:#9f9e9a;font-size:.69rem;font-style:italic;line-height:1.55;text-align:center}
@media(max-width:820px){.package-scope{grid-template-columns:1fr}.package-optional{border-top:1px solid rgba(238,190,97,.18);border-left:0}.package-included ul{grid-template-columns:1fr}}
@media(max-width:520px){.package-scope>div{padding:25px 21px}}
@media(max-width:700px){.landing-pricing-note p{align-items:flex-start;flex-direction:column;gap:6px}.landing-pricing-note,.landing-pricing-note small{text-align:left}}

/* Kompakter Lösungsblock nach den drei Problemkarten */
@media(min-width:861px){.why-section .why-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px}.why-section .why-grid article{min-height:205px;padding-right:25px}}

.showcase-card[id]{scroll-margin-top:28px}.section-anchor{position:absolute;top:0;left:0;scroll-margin-top:28px}

/* Interaktiver Pizzeria-Demo-Showcase */
.interactive-demo-card .card-demo-preview{position:relative;height:126px;margin:22px 0 15px;overflow:hidden;border:1px solid rgba(235,179,73,.4);border-radius:8px;background:#120d09;box-shadow:0 14px 30px rgba(0,0,0,.42)}
.interactive-demo-card .card-demo-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,9,6,.7),transparent 62%),linear-gradient(0deg,rgba(6,5,4,.46),transparent 58%)}
.interactive-demo-card .card-demo-preview img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .4s ease}
.interactive-demo-card .card-demo-preview>span{position:absolute;z-index:1;left:14px;bottom:12px;display:grid;color:#fff;text-shadow:0 2px 12px #000}
.interactive-demo-card .card-demo-preview b{font-family:"Libre Baskerville",serif;font-size:.9rem}.interactive-demo-card .card-demo-preview small{margin-top:3px;color:#e9c788;font-size:.53rem;letter-spacing:.08em;text-transform:uppercase}
.interactive-demo-card:has(.card-demo-link:hover) .card-demo-preview img{transform:scale(1.045);filter:saturate(1.08)}
.interactive-demo-card .card-subtitle{margin-top:4px}.interactive-demo-card .card-price{margin-top:-4px}
.company-demo-card .card-demo-preview img{object-position:center 35%;filter:saturate(.82) contrast(1.04)}
.facade-demo-card .card-demo-preview img{object-position:center 56%;filter:saturate(.78) contrast(1.08) brightness(.9)}.facade-demo-card .card-demo-preview:after{background:linear-gradient(90deg,rgba(6,24,18,.8),transparent 70%),linear-gradient(0deg,rgba(5,18,13,.52),transparent 62%)}
.relaunch-demo-card .card-demo-preview img{object-position:center 48%;filter:saturate(.92) contrast(1.06) brightness(.86)}.relaunch-demo-card .card-demo-preview:after{background:linear-gradient(90deg,rgba(4,18,11,.78),transparent 68%),linear-gradient(0deg,rgba(3,14,9,.5),transparent 62%)}
.company-showcase .demo-showcase-glow{background:radial-gradient(circle at 52% 54%,rgba(191,132,42,.16),transparent 38%),radial-gradient(circle at 12% 90%,rgba(72,91,98,.12),transparent 28%)}
.landing-showcase .demo-showcase-glow{background:radial-gradient(circle at 52% 54%,rgba(173,211,75,.15),transparent 38%),radial-gradient(circle at 12% 90%,rgba(42,101,77,.15),transparent 28%)}
body.demo-showcase-open{overflow:hidden;overscroll-behavior:none}
.demo-showcase[hidden]{display:none}.demo-showcase{position:fixed;z-index:1000;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(20px,3vw,42px) clamp(18px,4vw,64px) 24px;color:#f5f0e8;background:rgba(2,3,4,.94);backdrop-filter:blur(20px);opacity:0;transition:opacity .55s ease;isolation:isolate}
.demo-showcase.is-open{opacity:1}.demo-showcase-glow{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 52% 54%,rgba(198,116,31,.2),transparent 38%),radial-gradient(circle at 12% 90%,rgba(132,42,26,.1),transparent 28%)}
.demo-showcase-glow:after{content:"";position:absolute;left:13%;right:13%;bottom:4%;height:20%;border-radius:50%;background:rgba(216,139,40,.13);filter:blur(70px)}
.demo-showcase-header{display:grid;position:relative;z-index:5;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:flex-start;gap:20px}.demo-showcase-header p{margin:0 0 5px;color:#e5ae55;font-size:.65rem;font-weight:700;letter-spacing:.18em}.demo-showcase-header h2{margin:0;font-family:"Inter Tight",sans-serif;font-size:clamp(.88rem,1.25vw,1.08rem);font-weight:500;color:#bdb8af}.demo-showcase-close{justify-self:end}
.demo-concept-signature{display:flex;align-items:center;gap:11px;justify-self:center;color:#f3eee5;opacity:0;transform:translateY(-9px);transition:opacity .65s .48s ease,transform .8s .48s cubic-bezier(.16,1,.3,1)}.demo-showcase.is-open .demo-concept-signature{opacity:1;transform:none}.demo-concept-signature svg{width:37px;height:37px;flex:0 0 37px;fill:none;stroke:#e4ad53;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.demo-concept-signature span,.demo-concept-signature small,.demo-concept-signature strong{display:block}.demo-concept-signature small{margin-bottom:3px;color:#d0a75f;font-size:.47rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.demo-concept-signature strong{font-size:.78rem;font-weight:700;letter-spacing:.085em;text-transform:uppercase;white-space:nowrap}
.demo-showcase-close,.demo-control{display:flex;align-items:center;gap:10px;border:0;color:#e9e4db;background:transparent;font:inherit;cursor:pointer}.demo-showcase-close span{font-size:.68rem;letter-spacing:.05em}.demo-showcase-close b{display:grid;width:37px;height:37px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:1.25rem;font-weight:400;transition:.2s}.demo-showcase-close:hover b,.demo-showcase-close:focus-visible b{color:#17100a;background:#e4b15c;border-color:#e4b15c}
.demo-showcase-stage{position:relative;display:grid;min-height:0;place-items:center;perspective:1600px}.demo-laptop{position:relative;width:min(78vw,1180px,calc((100svh - 190px)*1.6));transform:translateY(100px) scale(.72) rotateX(8deg) rotateY(-7deg);transform-origin:center bottom;opacity:0;filter:drop-shadow(0 55px 65px rgba(0,0,0,.68));will-change:transform,opacity}
.demo-showcase.is-open .demo-laptop{animation:demoLaptopEnter 1.22s cubic-bezier(.16,1,.3,1) both}.demo-showcase.is-open .demo-laptop.is-floating{animation:demoLaptopFloat 5.2s ease-in-out infinite}.demo-laptop-lid{position:relative;padding:9px 9px 11px;border:1px solid rgba(255,255,255,.28);border-radius:16px 16px 7px 7px;background:linear-gradient(145deg,#aeb2b3,#5d6163 10%,#1b1d1e 18%,#080909 82%,#626669 94%,#b9bcbd);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -2px 4px #050606,0 1px 0 rgba(255,255,255,.26);aspect-ratio:16/9.65}
.demo-laptop-screen{position:absolute;inset:10px 10px 12px;overflow:hidden;border-radius:8px 8px 3px 3px;background:#0d0c0a}.demo-laptop-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#f5efe4;opacity:0;transition:opacity .45s ease}.demo-laptop-screen.is-loaded iframe{opacity:1}.demo-screen-loader{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#b7ad9f;background:linear-gradient(135deg,#17120e,#090909);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.demo-screen-loader span{width:30px;height:30px;border:2px solid rgba(225,172,82,.18);border-top-color:#dda84f;border-radius:50%;animation:demoSpin .8s linear infinite}.demo-screen-loader p{margin:0}.demo-laptop-camera{position:absolute;z-index:3;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#0a0b0c;box-shadow:0 0 0 1px rgba(255,255,255,.12);transform:translateX(-50%)}
.demo-laptop-base{position:relative;width:106%;height:18px;margin-left:-3%;border-radius:2px 2px 18px 18px;background:linear-gradient(180deg,#dadcdd 0,#8b8f91 29%,#565a5c 56%,#aeb1b2 83%,#5a5d5f);box-shadow:0 13px 18px rgba(0,0,0,.45)}.demo-laptop-base:after{content:"";position:absolute;left:11%;right:11%;bottom:-5px;height:5px;border-radius:0 0 50% 50%;background:#292b2c}.demo-laptop-base span{position:absolute;left:42%;top:0;width:16%;height:5px;border-radius:0 0 7px 7px;background:linear-gradient(180deg,#6e7274,#c4c6c7)}
.demo-reservation-toast{position:absolute;z-index:4;right:-28px;bottom:38px;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(232,181,93,.38);border-radius:10px;background:rgba(19,16,13,.88);box-shadow:0 18px 42px rgba(0,0,0,.42);backdrop-filter:blur(13px);opacity:0;transform:translateY(15px) scale(.96);transition:.45s ease;pointer-events:none}.demo-reservation-toast.is-visible{opacity:1;transform:none}.demo-reservation-toast>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#21160c;background:#d8a653;font-size:.7rem}.demo-reservation-toast p{display:grid;gap:2px;margin:0}.demo-reservation-toast small{color:#b6aa9b;font-size:.48rem;letter-spacing:.1em;text-transform:uppercase}.demo-reservation-toast strong{font-size:.7rem}
.demo-phone{position:absolute;z-index:6;right:clamp(10px,2.8vw,54px);bottom:4%;width:252px;opacity:0;transform:translateX(120px) translateY(18px) rotate(6deg) scale(.94);filter:drop-shadow(0 32px 42px rgba(0,0,0,.68));transition:opacity .65s ease,transform .9s cubic-bezier(.16,1,.3,1);pointer-events:none}.demo-phone.is-visible{opacity:1;transform:translateX(0) translateY(0) rotate(2deg) scale(1)}.demo-phone-shell{position:relative;border:1px solid rgba(255,255,255,.38);border-radius:31px;background:linear-gradient(145deg,#b2b5b6,#26292a 10%,#050606 89%,#95999a);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 0 0 6px #070808;aspect-ratio:9/19.2;overflow:hidden}.demo-phone-shell:after{content:"";position:absolute;z-index:3;inset:6px;border:1px solid rgba(255,255,255,.08);border-radius:25px;pointer-events:none}.demo-phone iframe{position:absolute;top:7px;left:7px;width:390px;height:860px;border:0;border-radius:34px;background:#f5efe4;transform:scale(.61);transform-origin:top left}.demo-phone-notch{position:absolute;z-index:4;top:7px;left:50%;width:38%;height:20px;border-radius:0 0 12px 12px;background:#050606;transform:translateX(-50%);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.relaunch-showcase .demo-showcase-glow{background:radial-gradient(circle at 50% 52%,rgba(43,112,75,.18),transparent 40%),radial-gradient(circle at 82% 28%,rgba(224,168,62,.11),transparent 26%)}.relaunch-screen .demo-screen-loader{z-index:1}.relaunch-compare{position:absolute;z-index:2;inset:0;overflow:hidden;background:#09130e;opacity:0;transition:opacity .4s ease}.relaunch-screen.is-loaded .relaunch-compare{opacity:1}.relaunch-screen.is-loaded .relaunch-compare iframe{opacity:1}.relaunch-before-layer{position:absolute;z-index:2;inset:0;overflow:hidden;clip-path:inset(0 0 0 var(--relaunch-progress));will-change:clip-path}.relaunch-divider{position:absolute;z-index:5;top:0;bottom:0;left:var(--relaunch-progress);width:2px;background:#f2b84f;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 0 22px rgba(242,184,79,.72);transform:translateX(-1px);will-change:left}.relaunch-divider span{position:absolute;top:50%;left:50%;display:grid;width:42px;height:42px;place-items:center;border:2px solid #f2b84f;border-radius:50%;color:#161008;background:#f3c15f;box-shadow:0 8px 22px rgba(0,0,0,.38);font-size:.9rem;font-weight:800;transform:translate(-50%,-50%)}.relaunch-view-label{position:absolute;z-index:6;top:18px;padding:7px 10px;border-radius:3px;color:#fff;background:rgba(7,12,10,.78);font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}.relaunch-view-label--before{right:18px}.relaunch-view-label--after{left:18px;color:#182116;background:#f3bf5b}.relaunch-compare[data-phase="before"] .relaunch-view-label--after{opacity:0}.relaunch-compare[data-phase="after"] .relaunch-view-label--before,.relaunch-compare[data-phase="after"] .relaunch-divider{opacity:0}.relaunch-result-badges{position:absolute;z-index:7;left:50%;bottom:-46px;display:flex;gap:7px;opacity:0;transform:translate(-50%,12px);transition:opacity .55s ease,transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none}.relaunch-result-badges.is-visible{opacity:1;transform:translate(-50%,0)}.relaunch-result-badges span{padding:7px 10px;border:1px solid rgba(96,194,139,.38);border-radius:20px;color:#cce9d8;background:rgba(8,25,17,.9);box-shadow:0 8px 20px rgba(0,0,0,.26);font-size:.52rem;font-weight:700;letter-spacing:.035em;white-space:nowrap}.relaunch-showcase-controls{display:block}.relaunch-delta{display:grid;width:min(900px,80vw);margin:0 auto 10px;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(5,8,7,.7);overflow:hidden}.relaunch-delta>div{display:grid;padding:8px 13px;grid-template-columns:auto repeat(4,auto);align-items:center;gap:9px}.relaunch-delta>div+div{border-left:1px solid rgba(255,255,255,.1)}.relaunch-delta b{color:#d5d0c8;font-size:.58rem;text-transform:uppercase}.relaunch-delta div:last-child b{color:#6ed49c}.relaunch-delta span{color:#8f918e;font-size:.47rem;white-space:nowrap}.relaunch-delta span:before{content:"×";margin-right:4px;color:#b86d63}.relaunch-delta div:last-child span:before{content:"✓";color:#62c990}.relaunch-control-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.relaunch-control-row>p{margin:0;color:#8f8c87;font-size:.6rem;text-align:center}
.demo-showcase-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.demo-control{justify-self:start;padding:9px 0;color:#d5cec3;font-size:.66rem}.demo-control>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(235,180,83,.42);border-radius:50%;color:#e7b55c}.demo-control b{font-weight:600}.demo-showcase-controls>p{margin:0;color:#8f8c87;font-size:.6rem;text-align:center}.demo-explore{justify-self:end;padding:11px 16px;border:1px solid rgba(230,176,83,.58);border-radius:4px;color:#e9b75e;font-size:.68rem;font-weight:700;letter-spacing:.035em;transition:.2s}.demo-explore:hover,.demo-explore:focus-visible{color:#1b130b;background:#e4af54}.demo-showcase button:focus-visible,.demo-showcase a:focus-visible{outline:2px solid #f3c66f;outline-offset:3px}
.demo-showcase-controls.relaunch-showcase-controls{display:block}
@keyframes demoLaptopEnter{0%{opacity:0;transform:translateY(100px) scale(.72) rotateX(8deg) rotateY(-7deg);filter:drop-shadow(0 55px 65px rgba(0,0,0,.68))}58%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0) rotateY(0);filter:drop-shadow(0 40px 45px rgba(0,0,0,.58))}}
@keyframes demoLaptopFloat{0%,100%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-4px) scale(1)}}
@keyframes demoSpin{to{transform:rotate(360deg)}}
@media(max-width:1200px), (max-height:800px){.demo-phone{right:-18px;bottom:1%;transform:translateX(90px) translateY(14px) rotate(5deg) scale(.76)}.demo-phone.is-visible{transform:translateX(0) translateY(0) rotate(2deg) scale(.76)}}
@media(max-width:820px){.demo-phone{display:none}}
@media(max-height:620px) and (min-width:821px){.demo-phone{right:-34px;bottom:-7%;transform:translateX(90px) translateY(14px) rotate(5deg) scale(.58)}.demo-phone.is-visible{transform:translateX(0) translateY(0) rotate(2deg) scale(.58)}}
@media(max-height:820px){.relaunch-delta{display:none}.relaunch-result-badges{bottom:-38px}.relaunch-laptop{width:min(78vw,1080px,calc((100svh - 210px)*1.6))}}
@media(max-width:760px){.demo-showcase{padding:17px 12px 15px;grid-template-rows:auto minmax(0,1fr) auto}.demo-showcase-header{padding:0 3px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.demo-showcase-header h2{display:none}.demo-showcase-header>div:first-child p{margin:0;font-size:.52rem}.demo-concept-signature{gap:7px}.demo-concept-signature svg{width:28px;height:28px;flex-basis:28px}.demo-concept-signature small{font-size:.38rem;letter-spacing:.1em}.demo-concept-signature strong{font-size:.56rem;letter-spacing:.045em}.demo-showcase-close span{display:none}.demo-laptop{width:min(100%,calc((100svh - 145px)*.58));filter:drop-shadow(0 25px 30px rgba(0,0,0,.55))}.demo-laptop-lid{padding:7px;border-radius:14px;aspect-ratio:9/15.5;background:linear-gradient(145deg,#8f9395,#303335 9%,#090a0a 90%,#8a8e90)}.demo-laptop-screen{inset:9px;border-radius:8px}.demo-laptop-base,.demo-laptop-camera{display:none}.demo-reservation-toast{right:8px;bottom:12px}.demo-showcase-controls{grid-template-columns:1fr 1fr;gap:8px}.demo-showcase-controls>p{display:none}.demo-explore{justify-self:stretch;text-align:center}.demo-control b{font-size:.6rem}.interactive-demo-card .card-demo-preview{height:145px}}
@media(max-width:760px){.relaunch-delta,.relaunch-result-badges{display:none}.relaunch-showcase-controls{display:block}.relaunch-control-row{grid-template-columns:1fr 1fr;gap:8px}.relaunch-control-row>p{display:none}.relaunch-view-label{top:10px;font-size:.46rem}.relaunch-view-label--before{right:10px}.relaunch-view-label--after{left:10px}.relaunch-divider span{width:32px;height:32px}.relaunch-before-layer iframe{width:980px!important;max-width:none!important}}
@media(max-width:430px){.demo-showcase-header>div:first-child{display:none}.demo-showcase-header{grid-template-columns:1fr auto}.demo-concept-signature{justify-self:start}.demo-concept-signature strong{font-size:.54rem}}
/* Nach dem hochwertigen Auftritt bleibt das Gerät ruhig; nur die Demo selbst bewegt sich. */
.demo-showcase.is-open .demo-laptop.is-floating{animation:none;opacity:1;transform:none}
/* Mobile Demos bleiben auf einer ruhigen Compositing-Ebene; die Tour startet erst auf Wunsch. */
@media(max-width:760px),(max-height:620px){
  .demo-showcase{height:100svh;min-height:100svh;background:#020304;backdrop-filter:none;transition:none;contain:layout paint}
  .demo-showcase-glow{display:none}
  .demo-showcase .demo-concept-signature{opacity:1;transform:none;transition:none}
  .demo-showcase .demo-laptop,.demo-showcase.is-open .demo-laptop,.demo-showcase.is-open .demo-laptop.is-floating{opacity:1;transform:none;animation:none;filter:none;will-change:auto}
  .demo-laptop-lid,.demo-laptop-screen{contain:paint}
  .demo-laptop-screen iframe{transition:none;backface-visibility:hidden}
  .demo-screen-loader span{animation:none}
  .demo-reservation-toast{backdrop-filter:none;transition:none}
}
@media(prefers-reduced-motion:reduce){.demo-showcase,.demo-laptop-screen iframe,.demo-reservation-toast,.demo-phone{transition-duration:.01ms!important}.demo-showcase.is-open .demo-laptop,.demo-showcase.is-open .demo-laptop.is-floating{animation:none;opacity:1;transform:none;filter:drop-shadow(0 40px 45px rgba(0,0,0,.58))}.demo-screen-loader span{animation:none}.interactive-demo-card .card-demo-preview img{transition:none}}

/* Deutliche Dramaturgie: reduzierte Probleme, starke Benefits */
.why-section .reference-problems{margin-bottom:38px}.why-section .reference-problems .problem-card{min-height:148px;padding:16px 20px;grid-template-columns:116px minmax(0,1fr);border-color:rgba(224,166,63,.27);background:linear-gradient(135deg,#080c0f,#05080a);box-shadow:0 15px 34px rgba(0,0,0,.34)}.why-section .reference-problems .problem-card:hover{border-color:rgba(224,166,63,.46)}.why-section .reference-problems .problem-symbol{height:110px;border-right-color:rgba(229,174,75,.12)}.why-section .reference-problems .problem-symbol svg{width:92px;height:92px;opacity:.88}.why-section .reference-problems .problem-copy{padding-left:20px}.why-section .reference-problems .problem-label{margin-bottom:7px;color:rgba(233,175,63,.72);font-size:.61rem;letter-spacing:.11em}.why-section .reference-problems .problem-copy h4{margin-bottom:8px;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(1.2rem,1.55vw,1.5rem);font-weight:700;line-height:1.08}.why-section .reference-problems .problem-copy p{max-width:245px;color:#9fa3a4;font-size:.78rem;line-height:1.42}
.why-section .solutions-heading{margin:42px auto 24px}.why-section .solutions-heading span{color:#f0b645;filter:drop-shadow(0 0 8px rgba(240,182,69,.35))}
.why-section .why-grid{gap:22px}.why-section .why-grid article{min-height:240px;padding:34px 30px 32px 104px;border-color:rgba(241,184,78,.52);background:radial-gradient(circle at 18% 22%,rgba(241,184,78,.08),transparent 30%),linear-gradient(145deg,#182027,#0d1217);box-shadow:inset 2px 0 0 #e9ad3d,0 24px 54px rgba(0,0,0,.35),0 0 30px rgba(221,161,62,.055)}.why-section .why-grid article:hover{transform:translateY(-5px);border-color:rgba(246,194,91,.8);box-shadow:inset 2px 0 0 #f2b94c,0 30px 62px rgba(0,0,0,.42),0 0 35px rgba(221,161,62,.1)}.why-section .why-grid .benefit-icon{top:36px;left:30px;width:58px;height:58px;border-color:rgba(241,184,78,.55);background:rgba(221,161,62,.1);box-shadow:0 13px 28px rgba(0,0,0,.24),0 0 18px rgba(221,161,62,.08)}.why-section .why-grid .benefit-icon svg{width:35px;height:35px}.why-section .why-grid h3{margin:4px 0 16px;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(1.55rem,2vw,1.9rem);font-weight:700;line-height:1.08}.why-section .why-grid p{color:#d0d1cf;font-size:.94rem;line-height:1.65}.why-section .why-grid .why-number{display:none}
@media(max-width:980px){.why-section .reference-problems .problem-card{grid-template-columns:108px minmax(0,1fr)}.why-section .reference-problems .problem-copy p{max-width:none}}
@media(max-width:860px){.why-section .why-grid article{min-height:0}}
@media(max-width:520px){.why-section .reference-problems .problem-card{grid-template-columns:76px minmax(0,1fr);padding:15px 13px}.why-section .reference-problems .problem-symbol{height:88px}.why-section .reference-problems .problem-symbol svg{width:68px;height:68px}.why-section .reference-problems .problem-copy{padding-left:15px}.why-section .why-grid article{padding:26px 22px 26px 86px}.why-section .why-grid .benefit-icon{top:27px;left:20px;width:50px;height:50px}.why-section .why-grid h3{font-size:1.45rem}}

/* Echter Vorher-Nachher-Slider aus dem Restaurant-Beispiel */
.before-after-slider{position:relative;width:100%;aspect-ratio:16/8.7;overflow:hidden;border:1px solid rgba(241,184,78,.58);border-radius:14px;background:#050606;box-shadow:0 32px 80px rgba(0,0,0,.48),0 0 45px rgba(221,161,62,.07);isolation:isolate}.compare-layer{position:absolute;inset:0;overflow:hidden}.compare-layer img{position:absolute;width:274.286%;max-width:none;height:auto;top:-30.2%;user-select:none;pointer-events:none}.compare-before{z-index:1;background:#e8e2d8}.compare-before img{left:-39.3%}.compare-after{z-index:2;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);background:#080808}.compare-after img{left:-121.4%}.compare-label{position:absolute;z-index:5;top:18px;padding:8px 13px;border-radius:5px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;box-shadow:0 9px 24px rgba(0,0,0,.28)}.compare-label-before{left:18px;background:rgba(166,35,25,.92)}.compare-label-after{right:18px;background:rgba(190,126,23,.94)}.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--compare-position);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18),0 0 18px rgba(255,255,255,.62);transform:translateX(-50%);pointer-events:none}.compare-divider i{position:absolute;left:50%;top:50%;display:grid;width:56px;height:56px;place-items:center;border:3px solid #fff;border-radius:50%;color:#171109;background:linear-gradient(135deg,#f6ca6d,#d5912d);box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 0 5px rgba(0,0,0,.16);font-style:normal;font-size:1.35rem;font-weight:800;transform:translate(-50%,-50%)}.compare-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-range:focus-visible{opacity:1;height:5px;top:auto;bottom:0;accent-color:var(--gold2)}
@media(max-width:700px){.before-after-slider{aspect-ratio:4/3;border-radius:9px}.compare-layer img{width:365.72%;top:-30.2%}.compare-before img{left:-52.4%}.compare-after img{left:-161.9%}.compare-divider i{width:46px;height:46px;font-size:1.1rem}.compare-label{top:11px;padding:6px 9px;font-size:.62rem}.compare-label-before{left:11px}.compare-label-after{right:11px}}

/* Bento-Grid für die Vorteile */
.why-section .bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;max-width:1180px}.why-section .bento-grid .bento-wide{grid-column:span 8}.why-section .bento-grid .bento-compact{grid-column:span 4}.why-section .bento-grid article{min-height:220px;padding:34px 34px 32px 112px;overflow:hidden}.why-section .bento-grid .bento-primary,.why-section .bento-grid .bento-personal{min-height:245px}.why-section .bento-grid .bento-primary{background:radial-gradient(circle at 80% 20%,rgba(241,184,78,.13),transparent 34%),linear-gradient(145deg,#1b252d,#0d1419)}.why-section .bento-grid .bento-accent{background:radial-gradient(circle at 50% 18%,rgba(241,184,78,.16),transparent 35%),linear-gradient(155deg,#20271f,#101510)}.why-section .bento-grid .bento-personal{background:radial-gradient(circle at 82% 72%,rgba(72,111,139,.2),transparent 40%),linear-gradient(145deg,#151f27,#0b1116)}.why-section .bento-grid h3{max-width:650px;font-size:clamp(1.65rem,2.25vw,2.15rem)}.why-section .bento-grid .bento-compact h3{font-size:clamp(1.45rem,1.9vw,1.75rem)}.why-section .bento-grid p{max-width:620px}.why-section .bento-grid .benefit-icon{font-size:1.8rem;font-weight:700}
@media(max-width:860px){.why-section .bento-grid{grid-template-columns:1fr 1fr}.why-section .bento-grid .bento-wide,.why-section .bento-grid .bento-compact{grid-column:auto}.why-section .bento-grid article,.why-section .bento-grid .bento-primary,.why-section .bento-grid .bento-personal{min-height:220px;padding:28px 24px 27px 92px}.why-section .bento-grid .benefit-icon{top:29px;left:23px}}
@media(max-width:620px){.why-section .bento-grid{grid-template-columns:1fr}.why-section .bento-grid article,.why-section .bento-grid .bento-primary,.why-section .bento-grid .bento-personal{min-height:0;padding:26px 20px 26px 84px}.why-section .bento-grid .benefit-icon{top:27px;left:19px}.why-section .bento-grid h3,.why-section .bento-grid .bento-compact h3{font-size:1.45rem}}

/* Eigenständige SEO-Leistungsseiten */
.seo-page{background:#070b0f;color:#f7f4ef}.seo-page .site-header{position:relative;background:#0a1118;border-bottom:1px solid rgba(221,161,62,.2)}.seo-page main{overflow:hidden}.seo-hero{padding:clamp(80px,9vw,140px) clamp(24px,7vw,120px);background:radial-gradient(circle at 78% 25%,rgba(221,161,62,.13),transparent 31%),linear-gradient(145deg,#101c27,#070b10 70%)}.seo-hero-inner,.seo-content,.seo-cta-inner{width:min(1120px,100%);margin:auto}.seo-kicker{margin:0 0 18px;color:var(--gold2);font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.seo-hero h1{max-width:920px;margin:0;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(2.8rem,5.7vw,5.8rem);font-weight:750;line-height:.98;letter-spacing:-.045em}.seo-hero h1 em{color:var(--gold2);font-style:normal}.seo-hero .seo-lead{max-width:760px;margin:28px 0 0;color:#d5d2cc;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.65}.seo-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.seo-section{padding:clamp(70px,8vw,112px) clamp(24px,7vw,120px);background:#0b1014}.seo-section.alt{background:#070b0f}.seo-content h2{max-width:850px;margin:0 0 25px;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.05;letter-spacing:-.035em}.seo-content>p{max-width:820px;color:#bbb8b2;line-height:1.8}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.seo-card{padding:28px;border:1px solid rgba(221,161,62,.2);border-radius:12px;background:linear-gradient(145deg,rgba(20,27,31,.95),rgba(8,12,15,.98))}.seo-card span{color:var(--gold2);font-size:.74rem;font-weight:800;letter-spacing:.08em}.seo-card h3{margin:14px 0 10px;font-family:"Inter Tight","DM Sans",sans-serif;font-size:1.3rem}.seo-card p,.seo-card li{color:#bdbab4;font-size:.9rem;line-height:1.65}.seo-card ul{margin:0;padding-left:18px}.seo-local{margin-top:38px;padding:24px;border-left:3px solid var(--gold2);background:rgba(221,161,62,.07);color:#ddd8cf;line-height:1.7}.seo-cta{padding:clamp(65px,7vw,96px) clamp(24px,7vw,120px);text-align:center;background:radial-gradient(circle at 50% 30%,rgba(221,161,62,.14),transparent 38%),#080d11}.seo-cta h2{max-width:800px;margin:0 auto 18px;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(2rem,4vw,3.8rem);line-height:1.04}.seo-cta p{max-width:660px;margin:0 auto 28px;color:#bbb8b2;line-height:1.7}.seo-page footer{flex-wrap:wrap;gap:18px}.seo-footer-services{display:flex;flex-wrap:wrap;gap:14px 20px}.seo-footer-services a:hover{color:var(--gold2)}
@media(max-width:860px){.seo-page .site-header{grid-template-columns:1fr auto;padding:20px 22px}.seo-page .header-actions{display:none}.seo-grid{grid-template-columns:1fr}.seo-hero h1{font-size:clamp(2.65rem,11vw,4.2rem)}.seo-page .site-nav{top:88px}.seo-footer-services{width:100%}}

/* Hochwertige fünfstufige Projekt-Timeline */
.process-section .steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:50px}.process-section .steps:before{content:"";position:absolute;z-index:0;left:9%;right:9%;top:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(241,184,78,.7) 9%,rgba(241,184,78,.34) 50%,rgba(241,184,78,.7) 91%,transparent)}.process-section .steps article{position:relative;z-index:1;min-width:0;padding:20px 21px 27px;border:1px solid rgba(221,161,62,.2);border-radius:12px;background:linear-gradient(155deg,rgba(18,24,26,.98),rgba(7,10,11,.99));box-shadow:0 16px 38px rgba(0,0,0,.24);transition:transform .24s,border-color .24s,box-shadow .24s}.process-section .steps article:before{display:none}.process-section .steps article[data-reveal].is-visible:hover{transform:translateY(-6px);border-color:rgba(241,184,78,.55);box-shadow:0 25px 52px rgba(0,0,0,.38),0 0 26px rgba(221,161,62,.08)}.process-section .process-icon{position:relative;z-index:2;display:grid;width:48px;height:48px;margin:0 auto 21px;place-items:center;border:1px solid rgba(241,184,78,.55);border-radius:50%;color:var(--gold2);background:#101618;box-shadow:0 0 0 7px #101313,0 9px 24px rgba(0,0,0,.3);letter-spacing:0}.process-section .process-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.process-section .step-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.process-section .steps .step-meta span{display:block;margin:0;color:var(--gold2);font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.process-section .step-meta time{padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#aeb1af;background:rgba(255,255,255,.025);font-size:.58rem;font-weight:700;white-space:nowrap}.process-section .steps h3{margin:0 0 13px;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(1.03rem,1.22vw,1.25rem);line-height:1.18}.process-section .steps h3 small{display:block;margin-top:6px;color:#929796;font-size:.62rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.process-section .steps p{margin:0;color:#bbbdb9;font-size:.78rem;line-height:1.62}
@media(max-width:1180px) and (min-width:861px){.process-section .steps{grid-template-columns:repeat(6,minmax(0,1fr))}.process-section .steps:before{display:none}.process-section .steps article{grid-column:span 2}.process-section .steps article:nth-child(n+4){grid-column:span 3}.process-section .process-icon{margin-left:0;box-shadow:0 0 0 6px #101313,0 9px 24px rgba(0,0,0,.3)}}
@media(max-width:860px){.process-section .steps{display:grid;grid-template-columns:1fr;gap:15px;margin-top:38px;padding-left:18px}.process-section .steps:before{display:block;left:42px;right:auto;top:28px;bottom:28px;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgba(241,184,78,.65) 5%,rgba(241,184,78,.35) 50%,rgba(241,184,78,.65) 95%,transparent)}.process-section .steps article{padding:23px 22px 24px 84px}.process-section .process-icon{position:absolute;left:18px;top:24px;width:46px;height:46px;margin:0;box-shadow:0 0 0 7px #101313,0 9px 24px rgba(0,0,0,.3)}.process-section .step-meta{justify-content:flex-start}.process-section .steps h3{font-size:1.25rem}.process-section .steps p{font-size:.85rem}}
@media(max-width:520px){.process-section .steps{padding-left:8px}.process-section .steps:before{left:31px}.process-section .steps article{padding:21px 17px 22px 70px}.process-section .process-icon{left:9px;top:22px;width:44px;height:44px}.process-section .process-icon svg{width:25px;height:25px}.process-section .step-meta{align-items:flex-start;flex-direction:column;gap:6px}.process-section .steps h3{font-size:1.14rem}}

/* Spezifische Overrides gegenüber der allgemeinen Schritt-Nummerierung */
.process-section .steps .process-icon{display:grid;margin:0 auto 21px;place-items:center;letter-spacing:0}
@media(max-width:1180px) and (min-width:861px){.process-section .steps .process-icon{margin-left:0}}
@media(max-width:860px){.process-section .steps .process-icon{position:absolute;left:18px;top:24px;margin:0}}
@media(max-width:520px){.process-section .steps .process-icon{left:9px;top:22px}}

/* Gemeinsamer, scharfer Vorher-Nachher-Regler für alle drei Beispiele */
.before-after-figure-all{width:min(920px,100%,70svh);margin-inline:auto}
.before-after-slider-all{width:100%;max-width:900px;aspect-ratio:900/880;margin:0 auto}
.before-after-slider-all .compare-layer img{width:170.667%;max-width:none;height:auto;top:-10.227%}
.before-after-slider-all .compare-before{background:#030404}
.before-after-slider-all .compare-before img{left:0}
.before-after-slider-all .compare-before img{clip-path:inset(0 58.6% 0 0)}
.before-after-slider-all .compare-after{clip-path:inset(0 0 0 var(--compare-position))}
.before-after-slider-all .compare-after img{left:-70.667%}
@media(max-width:700px){.before-after-figure-all{width:min(100%,68svh)}.before-after-slider-all{aspect-ratio:900/880}.before-after-slider-all .compare-layer img{width:170.667%;top:-10.227%}.before-after-slider-all .compare-before img{left:0}.before-after-slider-all .compare-after img{left:-70.667%}.before-after-slider-all .compare-label-after{max-width:150px;text-align:right}}

/* Premium-Benefit-Raster nach der gelieferten Designvorlage */
.why-section .solutions-heading{gap:8px;margin:44px auto 28px}.why-section .solutions-heading span{font-size:2.5rem}.why-section .solutions-heading p{font-size:.76rem;letter-spacing:.18em}
.why-section .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;gap:14px}
.why-section .bento-grid .bento-wide,.why-section .bento-grid .bento-compact{grid-column:auto}
.why-section .bento-grid .bento-primary,.why-section .bento-grid .bento-accent,.why-section .bento-grid .bento-personal{min-height:310px;background:radial-gradient(circle at 15% 13%,rgba(230,169,57,.09),transparent 28%),linear-gradient(135deg,#111a24,#081019)}
.why-section .why-grid article{display:grid;grid-template-columns:118px minmax(0,1fr);gap:28px;min-height:310px;padding:42px 38px;border:1px solid rgba(232,169,55,.55);border-radius:14px;background:radial-gradient(circle at 15% 13%,rgba(230,169,57,.09),transparent 28%),linear-gradient(135deg,#111a24,#081019);box-shadow:0 22px 55px rgba(0,0,0,.3);overflow:hidden}
.why-section .why-grid article:after{content:"";position:absolute;right:18px;bottom:18px;width:88px;height:88px;opacity:.18;background-image:radial-gradient(circle,rgba(231,170,61,.8) 1px,transparent 1.5px);background-size:10px 10px;pointer-events:none}
.why-section .why-grid article:nth-child(1):before,.why-section .why-grid article:nth-child(3):before{content:"";position:absolute;left:-55px;bottom:-64px;width:180px;height:180px;border:1px solid rgba(231,170,61,.2);border-radius:50%;box-shadow:0 0 0 13px rgba(231,170,61,.035),0 0 0 27px rgba(231,170,61,.025)}
.why-section .why-grid article:hover{transform:translateY(-5px);border-color:#e4a83a;box-shadow:0 30px 65px rgba(0,0,0,.4),0 0 32px rgba(230,169,57,.1)}
.why-section .why-grid .benefit-icon{position:relative;top:auto;left:auto;display:grid;width:112px;height:112px;place-items:center;border:1px solid rgba(239,181,71,.72);border-radius:18px;color:#efb444;background:linear-gradient(145deg,rgba(238,178,68,.09),rgba(7,12,17,.35));box-shadow:inset 0 0 28px rgba(228,164,53,.06),0 16px 32px rgba(0,0,0,.3),0 0 18px rgba(234,175,66,.09)}
.why-section .why-grid .benefit-icon svg{width:58px;height:58px;stroke-width:1.8}.why-section .benefit-content{position:relative;z-index:1;min-width:0}.why-section .benefit-kicker{display:block;margin:0 0 18px;color:#efb33f;font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.why-section .why-grid h3,.why-section .bento-grid .bento-compact h3{margin:0;font-size:clamp(1.75rem,2.25vw,2.3rem);line-height:1.03;letter-spacing:-.035em}.why-section .benefit-rule{display:block;width:58px;height:2px;margin:23px 0 19px;background:linear-gradient(90deg,#efae38,rgba(239,174,56,.2))}.why-section .why-grid p{max-width:480px;margin:0;color:#c8cbd0;font-size:.98rem;line-height:1.6}.why-section .benefit-badge{display:inline-flex;align-items:center;margin-top:22px;padding:9px 14px;border:1px solid rgba(231,170,61,.5);border-radius:9px;color:#edb650;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.why-section .why-cta{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;max-width:1180px;margin-top:22px;padding:20px 34px;border-color:rgba(232,169,55,.55);background:linear-gradient(120deg,#111a24,#081019)}.why-cta-copy{display:flex;align-items:center;gap:24px}.why-cta-copy>span{color:#edb145;font-size:1.65rem}.why-cta-copy p{margin:0;color:#e6e5e2;font-size:.98rem;line-height:1.55}.why-section .why-cta .button{min-width:260px}.why-more{position:relative;color:#e9e7e2;font-size:.88rem;font-weight:600}.why-more:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:#d69b30}
@media(max-width:980px){.why-section .why-grid article{grid-template-columns:92px minmax(0,1fr);gap:22px;padding:34px 28px}.why-section .why-grid .benefit-icon{width:88px;height:88px}.why-section .why-grid .benefit-icon svg{width:47px;height:47px}.why-section .why-cta{grid-template-columns:1fr auto}.why-section .why-more{display:none}}
@media(max-width:760px){.why-section .why-grid{grid-template-columns:1fr}.why-section .why-grid article,.why-section .bento-grid .bento-primary,.why-section .bento-grid .bento-accent,.why-section .bento-grid .bento-personal{min-height:0}.why-section .why-cta{grid-template-columns:1fr;gap:20px}.why-section .why-cta .button{width:100%}}
@media(max-width:520px){.why-section .why-grid article{grid-template-columns:64px minmax(0,1fr);gap:17px;padding:25px 19px}.why-section .why-grid .benefit-icon{top:auto;left:auto;width:62px;height:62px;border-radius:13px}.why-section .why-grid .benefit-icon svg{width:34px;height:34px}.why-section .benefit-kicker{margin-bottom:12px;font-size:.57rem}.why-section .why-grid h3{font-size:1.52rem}.why-section .benefit-rule{margin:17px 0 14px}.why-section .why-grid p{font-size:.86rem}.why-section .benefit-badge{font-size:.56rem}.why-section .why-cta{padding:22px}.why-cta-copy p br{display:none}}

/* Kuratierter Präsentationsmodus für alle Demo-Showcases */
.card-demo-link{padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.demo-showcase .demo-laptop-screen iframe,.demo-showcase .demo-phone iframe{pointer-events:none;user-select:none}
.demo-concept-signature span,.demo-concept-signature em{display:block}.demo-concept-signature em{margin-top:3px;color:#a9a49c;font-size:.43rem;font-style:normal;letter-spacing:.095em;white-space:nowrap}.demo-concept-signature strong{font-size:.64rem;letter-spacing:.055em}.demo-showcase-controls:not(.relaunch-showcase-controls){grid-template-columns:auto minmax(0,1fr)}.demo-showcase-controls:not(.relaunch-showcase-controls)>p{text-align:right}.relaunch-control-row{grid-template-columns:auto minmax(0,1fr)}.relaunch-control-row>p{text-align:right}
@media(max-width:760px){.demo-concept-signature em{font-size:.34rem;letter-spacing:.055em}.demo-concept-signature strong{font-size:.48rem}.demo-showcase-controls:not(.relaunch-showcase-controls),.relaunch-control-row{grid-template-columns:1fr}.demo-showcase-controls:not(.relaunch-showcase-controls)>p,.relaunch-control-row>p{display:none}}

/* Photovoltaik-Landingpage-Showcase */
.solar-demo-card .card-demo-preview img{object-position:center 52%;filter:saturate(.84) contrast(1.07) brightness(.82)}
.solar-demo-card .card-demo-preview:after{background:linear-gradient(90deg,rgba(4,20,33,.84),transparent 72%),linear-gradient(0deg,rgba(3,16,27,.56),transparent 64%)}
.landing-showcase .demo-showcase-glow{background:radial-gradient(circle at 52% 54%,rgba(72,151,195,.17),transparent 38%),radial-gradient(circle at 12% 90%,rgba(227,172,94,.11),transparent 28%)}
.landing-showcase .demo-showcase-controls{grid-template-columns:auto auto minmax(0,1fr)}.landing-demo-switcher{display:flex;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:100px;background:rgba(255,255,255,.035)}.landing-demo-switcher button{padding:8px 13px;border:0;border-radius:100px;color:#8f969b;background:transparent;font-size:.58rem;font-weight:700;cursor:pointer;transition:.25s}.landing-demo-switcher button.is-active{color:#17120b;background:#e2aa43;box-shadow:0 5px 18px rgba(0,0,0,.2)}
@media(max-width:760px){.landing-showcase .demo-showcase-controls{grid-template-columns:1fr 1fr}.landing-showcase .demo-control{justify-self:start}.landing-demo-switcher{justify-self:end}.landing-demo-switcher button{padding:7px 9px;font-size:.5rem}}

/* Geführter Website-Check */
.site-check{padding:clamp(90px,9vw,135px) clamp(20px,5vw,80px);background:radial-gradient(circle at 75% 8%,rgba(222,159,51,.075),transparent 28%),linear-gradient(180deg,#060a0e,#0a1015)}.site-check:before{opacity:.42}.site-check [hidden]{display:none!important}.site-check-shell{width:min(1160px,100%);padding:clamp(38px,5vw,68px);border-color:rgba(231,169,61,.2);border-radius:18px;background:linear-gradient(145deg,rgba(14,21,27,.94),rgba(7,12,16,.98));box-shadow:0 40px 110px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.035)}.site-check-intro{max-width:860px}.site-check-badge{padding:0;border:0;border-radius:0;color:#e6aa3d;background:transparent;box-shadow:none;font-size:.66rem;letter-spacing:.17em}.site-check-intro h2{max-width:820px;font-size:clamp(2.8rem,5.2vw,5.45rem);font-weight:650;line-height:.93;letter-spacing:-.05em}.site-check-intro>p:last-of-type{max-width:720px;margin-top:27px;color:#aaafb2;font-size:clamp(.94rem,1.2vw,1.08rem);line-height:1.75}.site-check-start{display:inline-flex;margin-top:31px;padding:13px 18px;align-items:center;gap:30px;border:1px solid #dfa337;border-radius:8px;color:#17110a;background:#e4a83a;font-size:.75rem;font-weight:800;cursor:pointer}.site-check-start span{font-size:1rem}.site-check-flow{max-width:960px;margin-top:58px}.site-check-step-head{display:flex;align-items:center;justify-content:space-between}.site-check-step-head span{color:#e4a83a;font-size:.64rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.site-check-step-head strong{color:#787f84;font-size:.58rem;font-weight:600;letter-spacing:.08em}.site-check-progress{display:grid;margin:18px 0 55px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}.site-check-progress>span{color:#9a825b;font-size:.57rem;font-weight:700}.site-check-progress>div{position:relative;height:2px;overflow:visible;background:rgba(255,255,255,.12)}.site-check-progress i{display:block;width:0;height:100%;background:#e2a438;box-shadow:none;transition:width .35s ease}.site-check-progress b{position:absolute;left:0;top:50%;width:10px;height:10px;border:2px solid #e5a63a;border-radius:50%;background:#0c1217;box-shadow:0 0 0 5px rgba(229,166,58,.07);transform:translate(-50%,-50%);transition:left .35s ease}.site-check-questions{display:block}.site-check-question{display:block;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.site-check-question:hover{border:0;transform:none;box-shadow:none}.site-check-question p{max-width:790px;margin:0 0 40px;color:#f3f1ed;font-size:clamp(1.75rem,3.2vw,3.25rem);font-weight:650;line-height:1.12;letter-spacing:-.035em}.site-check-options{display:flex;margin:0;gap:12px}.site-check-options button{min-width:190px;min-height:48px;padding:12px 18px;border:1px solid rgba(255,255,255,.17);border-radius:8px;color:#c6c8c7;background:rgba(255,255,255,.025);font-size:.72rem}.site-check-options button:hover,.site-check-options button:focus-visible{border-color:#dda238;color:#fff}.site-check-options button[aria-pressed="true"]{border-color:#e2a63a;color:#17110a;background:#e2a63a}.site-check-result{display:block;max-width:920px;margin-top:58px;padding:40px 42px;border:1px solid rgba(231,169,61,.27);border-radius:14px;background:linear-gradient(135deg,rgba(222,159,51,.09),rgba(255,255,255,.018));box-shadow:0 24px 65px rgba(0,0,0,.22)}.site-check-result-label{margin:0 0 17px!important;color:#e4a83a!important;font-size:.64rem!important;font-weight:800!important;letter-spacing:.15em;text-transform:uppercase}.site-check-result h3{max-width:780px;margin:0;color:#f4f1eb;font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.03;letter-spacing:-.04em}.site-check-result>p:not(.site-check-result-label){max-width:760px;margin:21px 0 0;color:#b6b8b6;font-size:.93rem;font-weight:500;line-height:1.7}.site-check-result [data-check-priorities]{margin-top:27px}.site-check-result [data-check-priorities]>strong{color:#e5dfd5;font-size:.75rem}.site-check-result ul{display:grid;margin:13px 0 0;padding:0;gap:8px;list-style:none}.site-check-result li{position:relative;padding-left:19px;color:#c9c7c1;font-size:.82rem}.site-check-result li:before{position:absolute;left:0;top:.52em;width:7px;height:7px;border-radius:50%;background:#e3a53a;content:""}.site-check-result .button{display:inline-flex;width:auto;margin-top:30px;padding:13px 18px;font-size:.72rem}.site-check[data-complete="true"] .site-check-result{border-color:rgba(231,169,61,.32);background:linear-gradient(135deg,rgba(222,159,51,.09),rgba(255,255,255,.018));box-shadow:0 24px 65px rgba(0,0,0,.22)}
@media(max-width:650px){.site-check-shell{padding:34px 21px}.site-check-intro h2{font-size:2.8rem}.site-check-flow{margin-top:45px}.site-check-progress{margin-bottom:42px}.site-check-question p{font-size:2rem}.site-check-options{display:grid;grid-template-columns:1fr 1fr}.site-check-options button{min-width:0}.site-check-result{padding:30px 22px}.site-check-result .button{width:100%;justify-content:center;text-align:center}}

/* Sicherer Formularversand */
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-privacy{display:flex!important;grid-column:1/-1!important;grid-template-columns:18px 1fr!important;align-items:start;gap:11px!important;color:#aaa59c!important;line-height:1.55}.contact-privacy input{width:17px!important;height:17px;margin:2px 0 0;padding:0;accent-color:var(--gold)}.contact-privacy a{color:var(--gold2);text-decoration:underline;text-underline-offset:3px}.contact-section button[disabled]{cursor:wait;opacity:.68}.form-status{min-height:1.5em}.form-status.is-success{color:#6ed7a0}.form-status.is-error{color:#ff9a86}

.faq-page .faq-section{min-height:calc(100vh - 190px);padding-top:clamp(84px,9vw,132px)}.faq-page .faq-intro h1{margin:10px 0 14px;font-family:"Libre Baskerville",serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1.12}.faq-page .site-nav .is-active{color:var(--gold2)}
/* Eigenständige Ablauf-Seite mit kompakten, aufklappbaren Schritten */
.ablauf-page .process-section{min-height:calc(100vh - 190px);padding:clamp(76px,8vw,116px) clamp(24px,7vw,120px);background:radial-gradient(circle at 78% 12%,rgba(221,161,62,.12),transparent 30%),#101313}.ablauf-page .process-title{max-width:880px;margin:0;font-family:"Libre Baskerville",serif;font-size:clamp(2.2rem,4.5vw,4.25rem);font-weight:400;line-height:1.14}.ablauf-page .site-nav .is-active{color:var(--gold2)}.ablauf-page .process-accordion{display:grid;grid-template-columns:1fr;width:min(920px,100%);margin:48px 0 0;gap:12px;padding:0}.ablauf-page .process-accordion:before{display:none}.ablauf-page .process-step{position:relative;border:1px solid rgba(221,161,62,.23);border-radius:11px;background:linear-gradient(145deg,rgba(18,24,26,.98),rgba(7,10,11,.99));box-shadow:0 14px 34px rgba(0,0,0,.2);overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease}.ablauf-page .process-step:hover,.ablauf-page .process-step[open]{border-color:rgba(241,184,78,.52);box-shadow:0 20px 44px rgba(0,0,0,.3),0 0 22px rgba(221,161,62,.06)}.ablauf-page .process-step summary{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:22px;min-height:82px;padding:20px 24px;color:#f5f1e9;cursor:pointer;list-style:none}.ablauf-page .process-step summary::-webkit-details-marker{display:none}.ablauf-page .process-step summary strong{font-family:"Inter Tight","DM Sans",sans-serif;font-size:clamp(1.08rem,1.6vw,1.32rem);line-height:1.25}.ablauf-page .process-step summary time{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d0d1ce;background:rgba(255,255,255,.035);font-size:.72rem;font-weight:700;white-space:nowrap}.ablauf-page .process-step-toggle{position:relative;width:24px;height:24px;margin:0}.ablauf-page .process-step-toggle:before,.ablauf-page .process-step-toggle:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--gold2);transform:translate(-50%,-50%);transition:transform .22s ease}.ablauf-page .process-step-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.ablauf-page .process-step[open] .process-step-toggle:after{transform:translate(-50%,-50%) rotate(0)}.ablauf-page .process-step-detail{display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;margin:0 24px;padding:2px 0 25px;border-top:1px solid rgba(221,161,62,.18)}.ablauf-page .process-step-detail .process-icon{position:static;display:grid;width:48px;height:48px;margin:22px 0 0;place-items:center;border:1px solid rgba(241,184,78,.5);border-radius:50%;color:var(--gold2);background:#101618;box-shadow:none}.ablauf-page .process-step-detail .process-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ablauf-page .process-step-detail>div{padding-top:20px}.ablauf-page .process-step-detail .process-step-subtitle{margin:0 0 7px;color:var(--gold2);font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ablauf-page .process-step-detail>div>p:last-child{max-width:720px;margin:0;color:#bbbdb9;font-size:.9rem;line-height:1.7}
@media(max-width:620px){.ablauf-page .process-section{padding-left:22px;padding-right:22px}.ablauf-page .process-step summary{grid-template-columns:minmax(0,1fr) 24px;gap:14px;min-height:74px;padding:17px 18px}.ablauf-page .process-step summary time{grid-column:1;grid-row:2;justify-self:start}.ablauf-page .process-step-toggle{grid-column:2;grid-row:1/3}.ablauf-page .process-step-detail{grid-template-columns:1fr;gap:0;margin:0 18px;padding-bottom:21px}.ablauf-page .process-step-detail .process-icon{display:none}.ablauf-page .process-step-detail>div{padding-top:17px}}
/* Responsive Informationsarchitektur: Desktop-Tabs, mobile Accordions */
.switcher-tabs{display:flex}.mobile-switcher-trigger{display:none}.switcher-panel[hidden]{display:none!important}.switcher-tabs button{font:inherit}
.offer-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1120px,100%);margin:0 auto 22px;padding:6px;border:1px solid rgba(238,190,97,.25);border-radius:12px;background:rgba(9,13,14,.86);box-shadow:0 18px 38px rgba(0,0,0,.24)}.offer-tabs button,.package-tabs button{min-height:54px;padding:12px 16px;border:0;border-radius:8px;color:#aaa9a5;background:transparent;font-weight:700;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s}.offer-tabs button[aria-selected="true"],.package-tabs button[aria-selected="true"]{color:#181108;background:linear-gradient(135deg,#f3c667,#c88322);box-shadow:0 9px 24px rgba(221,161,62,.2)}.offer-items{position:relative;z-index:1;width:min(1120px,100%);margin:auto}.offer-switcher .switcher-panel>.showcase-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-template-rows:auto auto auto auto 1fr auto;width:100%;min-height:430px;margin:0;padding:30px;column-gap:42px}.offer-switcher .showcase-card .card-demo-preview{grid-column:1;grid-row:1/7;height:auto;min-height:360px;margin:0}.offer-switcher .showcase-card .card-number,.offer-switcher .showcase-card h3,.offer-switcher .showcase-card .card-subtitle,.offer-switcher .showcase-card .card-description,.offer-switcher .showcase-card .card-price,.offer-switcher .showcase-card ul,.offer-switcher .showcase-card>.card-button{grid-column:2}.offer-switcher .showcase-card .card-number{grid-row:1}.offer-switcher .showcase-card h3{grid-row:2;margin-top:10px;text-align:left}.offer-switcher .showcase-card .card-subtitle{grid-row:3;min-height:0;margin:7px 0 10px;text-align:left}.offer-switcher .showcase-card .card-description{grid-row:4;margin:0 0 10px;color:#bbbdb9;font-size:.82rem;line-height:1.55}.offer-switcher .showcase-card .card-price{grid-row:4;margin:auto 0 14px;align-self:end;text-align:left}.offer-switcher .showcase-card .card-description+.card-price{grid-row:5;align-self:start}.offer-switcher .showcase-card ul{grid-row:5;margin-bottom:20px;align-self:start}.offer-switcher .showcase-card .card-description~ul{grid-row:6}.offer-switcher .showcase-card>.card-button{grid-row:6;align-self:end}.offer-switcher .showcase-card .card-description~.card-button{grid-row:7}.offer-switcher .card-demo-hint{left:48px;right:auto;top:50px}.offer-switcher .landing-pricing-note{width:100%;margin:16px auto 0}
.package-switcher{position:relative;z-index:1;width:min(1120px,100%);margin:32px auto 0}.package-tabs{display:grid;grid-template-columns:1fr 1fr;width:min(520px,100%);margin:0 auto 14px;padding:5px;border:1px solid rgba(238,190,97,.24);border-radius:10px;background:rgba(8,12,13,.8)}.package-tabs button{min-height:46px}.package-items{overflow:hidden;border:1px solid rgba(238,190,97,.3);border-radius:14px;background:linear-gradient(135deg,rgba(21,27,29,.98),rgba(7,10,11,.98));box-shadow:0 24px 58px rgba(0,0,0,.3)}.package-switcher .package-included,.package-switcher .package-optional{min-height:242px;padding:30px 34px;border:0}.package-switcher .package-included ul{grid-template-columns:repeat(3,minmax(0,1fr))}.package-switcher .package-scope-label{margin-bottom:22px}
.about-more-toggle{display:none}.about-more p{max-width:680px;margin:0 0 15px;color:var(--muted);font-size:1.04rem;line-height:1.75}
.responsive-process{padding:clamp(82px,8vw,116px) clamp(24px,7vw,120px);background:radial-gradient(circle at 78% 12%,rgba(221,161,62,.1),transparent 30%),#101313;scroll-margin-top:84px}.responsive-process .process-title{max-width:880px}.process-switcher{width:min(1080px,100%);margin:44px auto 0}.process-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}.process-tabs:before{content:"";position:absolute;left:9%;right:9%;top:24px;height:1px;background:linear-gradient(90deg,rgba(241,184,78,.65),rgba(241,184,78,.25),rgba(241,184,78,.65))}.process-tabs button{position:relative;z-index:1;display:grid;min-height:90px;padding:0 8px 14px;justify-items:center;border:0;color:#929693;background:transparent;cursor:pointer}.process-tabs button small{display:grid;width:48px;height:48px;margin-bottom:10px;place-items:center;border:1px solid rgba(241,184,78,.42);border-radius:50%;background:#101313;font-size:.7rem;font-weight:800}.process-tabs button span{font-size:.78rem;font-weight:750;letter-spacing:.02em}.process-tabs button[aria-selected="true"]{color:#f5c668}.process-tabs button[aria-selected="true"] small{color:#171109;border-color:#f3c667;background:linear-gradient(135deg,#f3c667,#c88322);box-shadow:0 0 0 7px #101313,0 0 26px rgba(221,161,62,.26)}.process-items{margin-top:18px}.process-panel{min-height:245px;padding:34px;border:1px solid rgba(221,161,62,.26);border-radius:14px;background:linear-gradient(145deg,rgba(18,24,26,.98),rgba(7,10,11,.99));box-shadow:0 22px 52px rgba(0,0,0,.3)}.responsive-process .process-step-detail{display:grid;grid-template-columns:70px minmax(0,1fr);gap:25px}.responsive-process .process-icon{display:grid;width:58px;height:58px;margin:0;place-items:center;border:1px solid rgba(241,184,78,.52);border-radius:50%;color:var(--gold2);background:#101618}.responsive-process .process-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.responsive-process .process-step-subtitle{margin:2px 0 12px;color:var(--gold2);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.responsive-process .process-step-detail>div>p:last-child{max-width:760px;margin:0;color:#c7c8c4;font-size:1rem;line-height:1.75}.responsive-process .process-closing{margin-top:30px}.faq-section{scroll-margin-top:84px}
@media(max-width:820px){.switcher-tabs{display:none!important}.mobile-switcher-trigger{display:grid;grid-template-columns:minmax(0,1fr) 28px;width:100%;min-height:68px;padding:17px 18px;align-items:center;gap:14px;border:1px solid rgba(238,190,97,.24);border-radius:10px;color:#f3f0e9;background:linear-gradient(145deg,rgba(18,24,26,.98),rgba(7,10,11,.99));text-align:left;cursor:pointer}.mobile-switcher-trigger span{font-weight:750;line-height:1.35}.mobile-switcher-trigger small{margin-right:8px;color:var(--gold2);font-size:.68rem;letter-spacing:.08em}.mobile-switcher-trigger i{position:relative;width:24px;height:24px}.mobile-switcher-trigger i:before,.mobile-switcher-trigger i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--gold2);transform:translate(-50%,-50%);transition:transform .2s}.mobile-switcher-trigger i:after{transform:translate(-50%,-50%) rotate(90deg)}.mobile-switcher-trigger[aria-expanded="true"] i:after{transform:translate(-50%,-50%)}.switcher-items{display:grid;gap:11px}.switcher-panel{padding-top:10px}.offer-switcher .switcher-panel>.showcase-card{display:flex;width:100%;min-height:0;padding:22px;flex-direction:column}.offer-switcher .showcase-card .card-demo-preview{height:175px;min-height:0;margin:18px 0 15px}.offer-switcher .showcase-card h3{text-align:center}.offer-switcher .showcase-card .card-subtitle,.offer-switcher .showcase-card .card-price{text-align:center;margin-left:auto;margin-right:auto}.offer-switcher .showcase-card .card-description{text-align:center}.offer-switcher .card-demo-hint{left:auto;right:22px;top:25px}.offer-switcher .landing-pricing-note{margin-top:10px}.package-switcher{margin-top:28px}.package-items{display:grid;gap:10px;overflow:visible;border:0;background:transparent;box-shadow:none}.package-switcher .switcher-panel{padding:0}.package-switcher .package-included,.package-switcher .package-optional{min-height:0;padding:22px;border:1px solid rgba(238,190,97,.25);border-radius:10px;background:rgba(12,17,19,.95)}.package-switcher .package-included ul{grid-template-columns:1fr}.package-switcher .package-scope-label{display:none}.about-more-toggle{display:inline-flex;margin-top:5px;padding:8px 0;align-items:center;gap:10px;border:0;color:var(--gold2);background:transparent;font-weight:700;cursor:pointer}.about-more-toggle i{font-style:normal}.about-more p{font-size:1rem}.responsive-process{padding:76px 22px}.process-switcher{margin-top:34px}.process-items{display:grid;gap:11px;margin-top:0}.process-switcher .switcher-panel{padding:0 0 2px}.process-mobile-trigger span{display:grid;grid-template-columns:auto 1fr;align-items:center}.process-mobile-trigger span small{grid-row:1/3}.process-mobile-trigger time{display:block;margin-top:4px;color:#aaaead;font-size:.7rem;font-weight:650}.process-panel{min-height:0;padding:22px}.responsive-process .process-step-detail{grid-template-columns:1fr}.responsive-process .process-icon{display:none}.responsive-process .process-step-detail>div>p:last-child{font-size:.9rem;line-height:1.7}.responsive-process .process-closing{margin-top:26px}.faq-section{padding-left:22px;padding-right:22px}}
/* FAQ-Accordion: Antworten in beiden Ansichten garantiert geschlossen */
.faq-list details:not([open])>p{display:none!important}.faq-list details[open]>p{display:block}.faq-list details summary{user-select:none}.faq-list details:focus-within{border-color:rgba(235,190,99,.48)}
/* Stärkerer Mini-Audit mit sichtbarem Score und Conversion-CTA */
.site-check-score{display:grid;grid-template-columns:auto minmax(0,1fr);max-width:620px;margin:0 0 29px;padding:20px 24px;align-items:center;gap:24px;border:1px solid rgba(229,166,58,.28);border-radius:12px;background:rgba(229,166,58,.055)}.site-check-score>strong{display:flex;align-items:baseline;gap:8px;color:#f1b64b;font-family:"Inter Tight","DM Sans",sans-serif;line-height:1}.site-check-score>strong span{font-size:clamp(3rem,5vw,4.7rem);letter-spacing:-.07em}.site-check-score>strong small{color:#a5a29b;font-size:.72rem;letter-spacing:.04em}.site-check-score p{margin:0!important}.site-check-score p b{color:#f3f0ea;font-size:clamp(.95rem,1.3vw,1.12rem)}.site-check-score-dots{display:flex;gap:8px;margin-top:12px}.site-check-score-dots i{width:38px;height:6px;border-radius:999px;background:rgba(255,255,255,.1);transition:background .35s ease,box-shadow .35s ease,transform .35s ease}.site-check-score-dots i.is-earned{background:#e4a83a;box-shadow:0 0 15px rgba(228,168,58,.38);transform:translateY(-1px)}.site-check-conversion{display:flex;margin-top:32px;padding-top:27px;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid rgba(229,166,58,.2)}.site-check-conversion>p{max-width:490px!important;margin:0!important;color:#c2c1bc!important;font-size:.86rem!important;line-height:1.65!important}.site-check-conversion .button{margin-top:0!important;flex:0 0 auto}.site-check[data-score="0"] .site-check-score,.site-check[data-score="1"] .site-check-score{border-color:rgba(235,130,87,.32);background:rgba(190,73,42,.065)}
@media(max-width:760px){.site-check-score{grid-template-columns:1fr;gap:11px;padding:19px}.site-check-score>strong span{font-size:3.8rem}.site-check-conversion{align-items:stretch;flex-direction:column}.site-check-conversion .button{width:100%;white-space:normal;text-align:center}}
/* Dezenter Floating-CTA zwischen Hero und Kontaktbereich */
.floating-contact-cta{position:fixed;z-index:18;right:clamp(18px,3vw,42px);bottom:clamp(18px,3vw,30px);display:inline-flex;min-height:48px;padding:11px 17px 11px 20px;align-items:center;gap:16px;border:1px solid rgba(239,185,82,.38);border-radius:999px;color:#f5f1e9;background:rgba(10,15,18,.76);box-shadow:0 14px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);font-size:.78rem;font-weight:750;letter-spacing:.01em;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.98);transition:opacity .28s ease,transform .28s ease,visibility .28s,border-color .2s ease,background .2s ease}.floating-contact-cta b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#181109;background:linear-gradient(135deg,#f3c667,#c88322);font-size:.9rem;transition:transform .2s ease}.floating-contact-cta.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}.floating-contact-cta:hover{border-color:rgba(243,198,103,.7);background:rgba(13,19,23,.9)}.floating-contact-cta:hover b{transform:translateX(2px)}.floating-contact-cta:focus-visible{outline:2px solid #f3c667;outline-offset:4px}
@media(max-width:620px){.floating-contact-cta{left:50%;right:auto;bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 28px);min-height:45px;padding:9px 13px 9px 17px;gap:13px;font-size:.72rem;white-space:nowrap;transform:translate(-50%,12px) scale(.98)}.floating-contact-cta.is-visible{transform:translateX(-50%)}.floating-contact-cta b{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.floating-contact-cta{transition:none}}