@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(schriften/cormorant-garamond-300.woff2) format('woff2')}@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(schriften/cormorant-garamond-400.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(schriften/inter-400.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(schriften/inter-500.woff2) format('woff2')}@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url(schriften/cormorant-garamond-300-italic.woff2) format('woff2')}
:root{color-scheme:light;
 --blue:#456F82;--blue-deep:#24404F;--blue-abyss:#132530;
 --alabaster:#F1EEE6;--limestone:#C9C1B4;--bronze:#A17B48;--carbon:#1B1E1D;
 --serif:"Cormorant Garamond",Georgia,serif;
 --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--alabaster);color:var(--carbon);font-family:var(--sans);
 font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block} a{color:inherit}
.wrap{max-width:1440px;margin:0 auto;padding:0 clamp(24px,4vw,56px);position:relative;z-index:3}
.narrow{max-width:1080px;margin:0 auto}
.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.13;mix-blend-mode:multiply}

/* Typo */
.eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin:0}
.h-display{font-family:var(--serif);font-weight:300;font-size:clamp(2.3rem,5vw,4.1rem);line-height:1.06;margin:0}
.h-display b{font-weight:300;color:var(--blue);display:block}
.h-section{font-family:var(--serif);font-weight:300;font-size:clamp(1.8rem,3.3vw,2.7rem);line-height:1.14;margin:0 0 24px;color:var(--blue)}
.lead{font-size:clamp(1.0625rem,1.5vw,1.15rem);line-height:1.62;max-width:50ch;margin:0}
.body{font-size:1.0625rem;line-height:1.72;max-width:60ch}
.rule{width:64px;height:1px;background:var(--bronze);margin:26px 0 24px}
.rule-c{margin:26px auto 28px}
.on-dark{color:var(--alabaster)}
.on-dark .h-section,.on-dark .h-display b{color:var(--alabaster)}
.on-dark .body,.on-dark .lead{color:rgba(241,238,230,.86)}

.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);
 font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
 padding:18px 40px;cursor:pointer;text-decoration:none;border:1px solid var(--bronze);
 color:var(--bronze);background:transparent;transition:background .35s ease,color .35s ease}
.btn:hover,.btn:focus-visible{background:var(--bronze);color:var(--alabaster)}
.btn-fill{background:var(--bronze);color:var(--alabaster)}
.btn-fill:hover,.btn-fill:focus-visible{background:#8C6A3D;border-color:#8C6A3D}
.btn-sm{padding:11px 22px;font-size:.6875rem}
:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.risk{font-size:.8125rem;color:rgba(27,30,29,.52);margin:22px 0 0}
.on-dark .risk{color:rgba(241,238,230,.6)}
.risk a{text-decoration:underline;text-underline-offset:3px}

/* Material */
.mat{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;pointer-events:none}
.par{inset:-26% 0}

/* Foto läuft weich in die Fläche — Referenz „The Map Within" */
.duo{position:relative}
.duo-img{position:absolute;inset:0 0 0 34%;z-index:1;background-size:cover;background-position:52% center;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 12%,rgba(0,0,0,.85) 26%,#000 40%);
 mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 12%,rgba(0,0,0,.85) 26%,#000 40%)}
.duo-in{max-width:31rem}

/* Lichthof hinter zentriertem Text — Referenz „Beyond the Veil" */
.glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:
 radial-gradient(ellipse var(--gw,66%) var(--gh,82%) at var(--gx,50%) var(--gy,50%),
  rgba(243,240,233,.97) 0%,rgba(243,240,233,.9) 30%,rgba(243,240,233,.5) 58%,rgba(243,240,233,.12) 80%,transparent 100%)}
@media (max-width:980px){.glow{--gw:180%;--gh:96%;--gx:50%}}
.haze{position:absolute;inset:0;z-index:1;pointer-events:none;background:
 radial-gradient(ellipse 52% 68% at 50% 48%,rgba(243,240,233,.97) 0%,rgba(243,240,233,.88) 34%,rgba(243,240,233,.42) 64%,transparent 92%)}
.rule-dot{display:flex;align-items:center;justify-content:center;gap:9px;margin:30px auto 30px;width:fit-content}
.rule-dot::before,.rule-dot::after{content:"";display:block;height:1px;width:58px;background:rgba(161,123,72,.75)}
.rule-dot i{display:block;width:4px;height:4px;border-radius:50%;background:var(--bronze)}
.meta{font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(27,30,29,.5);margin:36px 0 0}

/* Mobiler Hero — Referenz iPhone */
.hm{position:relative;overflow:hidden;background:var(--blue-abyss);isolation:isolate}
.hm-img{position:absolute;inset:-14% 0;z-index:0;background-size:cover;background-position:center}
.hm-scrim{position:absolute;inset:0;z-index:1;background:
 linear-gradient(180deg,rgba(10,24,33,.34) 0%,rgba(10,24,33,.12) 26%,rgba(10,24,33,.62) 62%,rgba(11,26,35,.9) 100%)}
.hm-in{position:relative;z-index:3;text-align:left;padding:min(54vh,380px) 26px 72px}
.hm-eye{font-size:.625rem;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);margin:0 0 20px}
.hm-mark{display:block;width:38px;margin:32px auto 20px;color:var(--bronze)}
.hm-h{font-family:var(--serif);font-weight:300;font-size:2rem;line-height:1.2;color:var(--alabaster);
 margin:0;max-width:15ch}
.hm-rule{display:block;width:58px;height:1px;background:var(--bronze);margin:24px 0}
.hm-sub{font-size:1rem;line-height:1.6;color:rgba(241,238,230,.84);margin:0 0 32px;max-width:30ch;font-family:var(--sans)}



.hm-light{background:var(--alabaster);text-align:center;padding:70px 26px 62px;position:relative}
.hm-claim{font-family:var(--serif);font-weight:300;font-size:1.45rem;line-height:1.42;color:var(--carbon);
 margin:0 auto;max-width:20ch}

.hm-auth{font-size:.875rem;line-height:1.6;color:rgba(27,30,29,.62);margin:0 auto;max-width:34ch}
.tint{position:absolute;inset:0;z-index:1;pointer-events:none}
.obj-under{z-index:1;opacity:.9}
@media (max-width:980px){.obj-under{right:-38%;top:-5%;width:104vw;max-width:none}}
.obj{position:absolute;z-index:2;pointer-events:none;user-select:none;
 filter:drop-shadow(14px 20px 24px rgba(8,18,24,.42)) drop-shadow(2px 4px 5px rgba(8,18,24,.3))}


/* Hero */
.hero{position:relative;overflow:hidden;isolation:isolate;background:var(--alabaster)}
.hero-img{position:absolute;inset:-26% 0;z-index:0;background-image:url('bilder/hero_wide.webp');background-size:cover;background-position:72% center}
.hero-veil{position:absolute;inset:0;z-index:1;background:
 linear-gradient(100deg,rgba(243,240,233,.94) 0%,rgba(243,240,233,.82) 30%,rgba(243,240,233,.34) 52%,rgba(243,240,233,0) 70%)}
.hero-mob{display:none}
.nav{position:absolute;top:0;left:0;right:0;z-index:20;padding:28px 0}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand svg{width:26px;color:var(--bronze);flex:none}
.brand span{font-family:var(--serif);font-size:1.05rem;letter-spacing:.19em;text-transform:uppercase;color:var(--blue)}
.hero-in{position:relative;z-index:3;min-height:min(92vh,860px);display:flex;align-items:center;padding:170px 0 120px}
.hero-copy{max-width:33rem;opacity:0;transform:translateY(14px);animation:rise 1.1s cubic-bezier(.2,.72,.28,1) .1s forwards}
@keyframes rise{to{opacity:1;transform:none}}
.hero h1{margin:22px 0 0}
.authority{font-size:.9375rem;line-height:1.6;color:rgba(27,30,29,.6);max-width:42ch;margin:0 0 24px}
.hero .lead{color:rgba(27,30,29,.8);margin-bottom:36px}

.points{position:relative;z-index:3;background:var(--blue)}
.points-in{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:40px 0}
.pt{display:flex;gap:16px;align-items:flex-start;padding:0 30px;border-left:1px solid rgba(241,238,230,.2)}
.pt:first-child{padding-left:0;border-left:0}
.pt:last-child{padding-right:0}
.pt-ic{width:38px;height:38px;flex:none;border:1px solid rgba(241,238,230,.5);border-radius:50%;
 display:grid;place-items:center;color:var(--alabaster)}
.pt-ic svg{width:16px;height:16px}
.pt b{display:block;font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
 color:var(--alabaster);margin-bottom:7px}
.pt p{margin:0;font-size:.875rem;line-height:1.55;color:rgba(241,238,230,.78)}

/* Sektionen */
.s{position:relative;padding:clamp(76px,10vw,144px) 0;overflow:hidden;isolation:isolate}
.s-light{background:var(--alabaster)}
.band{margin-bottom:clamp(40px,5vw,68px)}
.band img{width:100%;aspect-ratio:2.1/1;object-fit:cover}
.split{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(32px,5vw,64px);align-items:start}
.split>div:last-child{padding-left:clamp(32px,5vw,64px);border-left:1px solid rgba(27,30,29,.15)}
.two{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(32px,6vw,84px);align-items:center}
.two-r{grid-template-columns:1.18fr .82fr}
.ph{overflow:hidden;background:var(--limestone)}
.ph img{width:100%;height:100%;object-fit:cover}

.claim-s{overflow:visible}
@media (max-width:980px){
 .obj-claim{right:-34%!important;bottom:-14%!important;width:112vw!important;max-width:none!important}
}

.claim{text-align:center;max-width:20ch;margin:0 auto;font-family:var(--serif);font-weight:300;
 font-size:clamp(2rem,4.3vw,3.4rem);line-height:1.18;color:var(--alabaster)}
.claim em{font-style:italic;color:#DCC9A9}
.claim-sub{text-align:center;max-width:46ch;margin:34px auto 0;font-size:1rem;line-height:1.7;color:rgba(241,238,230,.74)}

.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(27,30,29,.15);
 border:1px solid rgba(27,30,29,.15);margin-bottom:64px}
.dom{background:rgba(246,244,238,.9);backdrop-filter:blur(2px);padding:38px 30px 42px}
.dom h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;color:var(--blue);margin:0 0 14px;line-height:1.25}
.dom p{margin:0;font-size:.9375rem;line-height:1.65;color:rgba(27,30,29,.72)}
.card{border:1px solid rgba(27,30,29,.15);background:#fff;max-width:760px;margin:0 auto;
 box-shadow:0 30px 70px -40px rgba(27,30,29,.5)}
.card-top{background:var(--blue);color:var(--alabaster);padding:26px 32px;display:flex;
 align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.card-top .k{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(241,238,230,.74)}
.card-top .v{font-family:var(--serif);font-weight:300;font-size:3.1rem;line-height:1}
.card-rows{padding:12px 32px 28px}
.row{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid rgba(27,30,29,.09)}
.row:last-child{border-bottom:0}
.row .n{font-family:var(--serif);font-weight:300;font-size:2rem;color:var(--blue);min-width:2.6ch;line-height:1}
.row .t{font-size:.9375rem;color:rgba(27,30,29,.75);flex:1}
.row .bar{width:clamp(70px,22%,150px);height:2px;background:rgba(27,30,29,.11);position:relative}
.row .bar i{position:absolute;inset:0 auto 0 0;background:var(--bronze);display:block}
.card-note{padding:0 32px 30px;font-size:.8125rem;color:rgba(27,30,29,.5)}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px}
.step{padding:0 32px;border-left:1px solid rgba(27,30,29,.18)}
.step:first-child{padding-left:0;border-left:0}
.step .no{font-family:var(--serif);font-size:2.7rem;font-weight:300;color:var(--bronze);line-height:1;margin-bottom:18px}
.step p{margin:0;font-size:.9375rem;line-height:1.62;color:rgba(27,30,29,.78)}

.sig{font-family:var(--serif);font-style:italic;font-size:1.35rem;color:rgba(241,238,230,.76);margin-top:28px}
.nots{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:30px}
.not{padding-top:20px;border-top:1px solid rgba(27,30,29,.16)}
.not b{display:block;font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--blue);margin-bottom:8px}
.not span{font-size:.9375rem;line-height:1.6;color:rgba(27,30,29,.68)}
.close-s{text-align:center}
.close-s .h-display{max-width:17ch;margin:0 auto}
footer{background:var(--carbon);color:rgba(241,238,230,.62);padding:clamp(52px,7vw,76px) 0;font-size:.9375rem}
.foot{display:flex;flex-wrap:wrap;gap:26px 40px;align-items:center;justify-content:space-between}
.foot-brand{display:flex;align-items:center;gap:13px}
.foot-brand svg{width:23px;color:var(--bronze);flex:none}
.foot-links{display:flex;flex-wrap:wrap;gap:14px 30px}
.foot-links a{text-decoration:none;color:var(--alabaster);border-bottom:1px solid rgba(161,123,72,.55);padding-bottom:3px}
.foot-links a:hover{border-color:var(--bronze);color:#E4C9A0}
.recht{font-size:.8125rem;color:rgba(27,30,29,.5);margin:28px 0 0;text-align:center}
.recht a{color:rgba(27,30,29,.72);text-underline-offset:3px}

/* ══ Assessment ══ */
.stage{position:fixed;inset:0;z-index:80;overflow-y:auto;background:var(--alabaster);display:none}
.stage.on{display:block}
body.locked{overflow:hidden}
.st-in{max-width:720px;margin:0 auto;padding:clamp(28px,6vw,72px) 24px 96px;min-height:100%;display:flex;flex-direction:column}
.st-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(36px,8vw,72px)}
.st-top .brand span{color:var(--carbon)}
.st-top .brand svg{color:var(--bronze)}
.lnk{background:none;border:0;padding:6px 0;font-family:var(--sans);font-size:.75rem;letter-spacing:.14em;
 text-transform:uppercase;color:rgba(27,30,29,.5);cursor:pointer}
.lnk:hover{color:var(--carbon)}
.q-num{font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin:0 0 18px}
.q-text{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,4.4vw,2.15rem);line-height:1.28;
 color:var(--carbon);margin:0 0 clamp(36px,7vw,56px);max-width:25ch}
.q-hint{font-size:.875rem;color:rgba(27,30,29,.55);margin:-24px 0 32px}
.scale{position:relative;max-width:420px}
.scale-line{position:absolute;top:23px;left:23px;right:23px;height:1px;background:rgba(27,30,29,.16)}
.scale-dots{position:relative;display:flex;justify-content:space-between}
.dot{width:46px;height:46px;border-radius:50%;background:var(--alabaster);border:1px solid var(--limestone);
 cursor:pointer;padding:0;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.dot:hover{border-color:var(--bronze)}
.dot[aria-checked="true"]{background:var(--blue);border-color:var(--blue);transform:scale(1.1)}
.poles{display:flex;justify-content:space-between;margin-top:15px;font-size:.8125rem;color:rgba(27,30,29,.55)}
.opts{display:flex;flex-direction:column;gap:1px;background:rgba(27,30,29,.14);border:1px solid rgba(27,30,29,.14)}
.opt{background:var(--alabaster);border:0;text-align:left;padding:20px 22px;cursor:pointer;font-family:var(--sans);
 font-size:1rem;line-height:1.5;color:var(--carbon);transition:background .2s ease,color .2s ease}
.opt:hover{background:#E9E5DC}
.opt[aria-checked="true"]{background:var(--blue);color:var(--alabaster)}
textarea{width:100%;font-family:var(--sans);font-size:1rem;line-height:1.6;color:var(--carbon);background:#fff;
 border:1px solid var(--limestone);padding:16px;border-radius:0;resize:vertical;min-height:130px}
textarea:focus{outline:none;border-color:var(--blue)}
.field{margin-bottom:22px}
.field label{display:block;font-size:.8125rem;color:rgba(27,30,29,.7);margin-bottom:8px}
.field input{width:100%;font-family:var(--sans);font-size:1rem;color:var(--carbon);background:#fff;
 border:1px solid var(--limestone);padding:14px 16px;border-radius:0}
.field input:focus{outline:none;border-color:var(--blue)}
.check{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:.9375rem;line-height:1.5;color:rgba(27,30,29,.75)}
.check input{margin-top:3px;width:17px;height:17px;accent-color:var(--blue);flex:none}
.st-foot{margin-top:auto;padding-top:clamp(40px,8vw,64px)}
.prog-track{height:1px;background:rgba(27,30,29,.14)}
.prog-fill{height:1px;background:var(--bronze);width:0;transition:width .4s ease}
.prog-lab{margin-top:11px;font-size:.75rem;color:rgba(27,30,29,.45)}
.st-act{display:flex;gap:16px;align-items:center;margin-top:30px;flex-wrap:wrap}
.btn-dark{background:var(--blue);border-color:var(--blue);color:var(--alabaster)}
.btn-dark:hover:not(:disabled){background:var(--blue-deep);border-color:var(--blue-deep);color:var(--alabaster)}
.miss{font-size:.8125rem;color:#8C6A3D;margin:14px 0 0;display:none}

/* Ergebnis */
.erg-head{background:var(--blue-abyss);color:var(--alabaster);position:relative;overflow:hidden;padding:clamp(56px,9vw,96px) 0}
.erg-head .mat{background-image:url('bilder/marmor.webp');background-size:cover;background-position:center}
.erg-in{position:relative;z-index:3;max-width:720px;margin:0 auto;padding:0 24px}
.erg-lab{font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(241,238,230,.7);margin:0 0 20px}
.erg-score{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.erg-score b{font-family:var(--serif);font-weight:300;font-size:clamp(3.8rem,13vw,6rem);line-height:.9;color:var(--alabaster)}
.erg-score span{font-family:var(--serif);font-size:1.5rem;font-weight:300;color:rgba(241,238,230,.72)}
.erg-name{font-family:var(--serif);font-weight:300;font-size:1.7rem;color:var(--alabaster);margin:10px 0 0}
.erg-body{max-width:720px;margin:0 auto;padding:clamp(44px,7vw,76px) 24px 110px}
.vals{margin-bottom:clamp(40px,7vw,60px)}
.val{padding:22px 0;border-bottom:1px solid rgba(27,30,29,.1)}
.val-top{display:flex;align-items:center;gap:18px}
.val-top b{font-family:var(--serif);font-weight:300;font-size:2.1rem;color:var(--blue);min-width:2.8ch;line-height:1}
.val-top span{flex:1;font-size:.9375rem;letter-spacing:.02em;color:rgba(27,30,29,.8)}
.val-top i{width:clamp(60px,22%,150px);height:2px;background:rgba(27,30,29,.11);position:relative;display:block}
.val-top i em{position:absolute;inset:0 auto 0 0;background:var(--bronze);display:block}
.val p{margin:12px 0 0 calc(2.8ch + 18px);font-size:.9375rem;line-height:1.66;color:rgba(27,30,29,.68)}
.blk{margin-bottom:clamp(34px,6vw,52px)}
.blk-lab{font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin:0 0 14px}
.blk p{font-size:1.0625rem;line-height:1.74;color:rgba(27,30,29,.82);margin:0 0 14px;max-width:62ch}
.blk p:last-child{margin-bottom:0}
.praxis{background:var(--limestone);padding:clamp(26px,5vw,38px);margin-bottom:clamp(34px,6vw,52px)}
.praxis .blk-lab{color:#7A5A32}
.aktion{border-top:1px solid rgba(27,30,29,.18);padding-top:34px;margin-bottom:clamp(40px,7vw,60px)}
.aktion h3{font-family:var(--serif);font-weight:300;font-size:1.75rem;color:var(--blue);margin:0 0 14px;line-height:1.25}
.sichern{border:1px solid rgba(27,30,29,.16);background:#fff;padding:clamp(26px,5vw,38px)}
.info{display:none;margin-top:20px;padding:18px 20px;background:#fff;border:1px solid var(--limestone);
 font-size:.9375rem;line-height:1.6;color:rgba(27,30,29,.75)}
.neben{margin:26px 0 0;font-size:.9375rem;line-height:1.65;color:rgba(27,30,29,.58);max-width:56ch}
.neben-lnk{background:none;border:0;padding:0;font:inherit;color:var(--blue);cursor:pointer;display:inline;
 text-decoration:underline;text-underline-offset:3px}
.neben-lnk:hover{color:var(--bronze)}
.disc{margin-top:40px;font-size:.8125rem;line-height:1.6;color:rgba(27,30,29,.48)}
@media (max-width:560px){.val p{margin-left:0}}

@media (max-width:980px){
 .hero-img,.hero-veil{display:none}
 .hero-mob{display:block;position:relative}
 .hero-in{display:none}
 .nav{position:absolute;padding:20px 0;z-index:30}
 .nav .brand{display:none}
 .nav-in{justify-content:flex-end}
 .nav .btn{border-color:rgba(241,238,230,.5);color:var(--alabaster);backdrop-filter:blur(3px)}

 .points-in{grid-template-columns:1fr 1fr;gap:30px 0;padding:34px 0}
 .pt{padding:0 20px}.pt:nth-child(3){padding-left:0;border-left:0}
 .s{padding-top:clamp(88px,14vw,120px)}
 .duo{padding-top:0}
 .duo-img{position:relative;inset:auto;width:100%;height:clamp(220px,52vw,340px);margin:0 0 40px;
  -webkit-mask-image:none;mask-image:none}
 .duo .mat{display:none}
 .duo{background:var(--alabaster)}
 .duo-in{max-width:none}
 .split{grid-template-columns:1fr;gap:28px}
 .split>div:last-child{padding-left:0;border-left:0}
 .band img{aspect-ratio:16/10}
 .two,.two-r{grid-template-columns:1fr;gap:40px}
 .two-r .ph{order:-1;max-width:380px;margin:0 auto}
 .domains{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr 1fr;gap:32px 0}
 .obj{max-width:74vw}
}
@media (max-width:560px){
 .points-in{grid-template-columns:1fr}.pt{padding:0;border-left:0}
 .steps{grid-template-columns:1fr}.step{padding:0;border-left:0}
 .card-top .v{font-size:2.5rem}.btn{width:100%;padding:18px 24px}
 .obj{max-width:92vw}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hero-copy{opacity:1;transform:none}html{scroll-behavior:auto}}


/* Sektionshintergründe */
.bg-diagonal{background-image:url(bilder/diagonal.webp)}
.bg-hero_tall{background-image:url(bilder/hero_tall.webp)}
.bg-horizont{background-image:url(bilder/horizont.webp)}
.bg-marmor{background-image:url(bilder/marmor.webp)}
.bg-marmor_h{background-image:url(bilder/marmor_h.webp)}
.bg-morgen{background-image:url(bilder/morgen.webp)}
.bg-recognition{background-image:url(bilder/recognition.webp)}
.bg-see_blau{background-image:url(bilder/see_blau.webp)}

/* Am Telefon die halbe Fassung — spart bis zu 70 Prozent */
@media (max-width:900px){
.hero-img{background-image:url(bilder/hero_wide-s.webp)}
.erg-head .mat{background-image:url(bilder/marmor-s.webp)}
.bg-diagonal{background-image:url(bilder/diagonal-s.webp)}
.bg-hero_tall{background-image:url(bilder/hero_tall-s.webp)}
.bg-horizont{background-image:url(bilder/horizont-s.webp)}
.bg-marmor{background-image:url(bilder/marmor-s.webp)}
.bg-marmor_h{background-image:url(bilder/marmor_h-s.webp)}
.bg-morgen{background-image:url(bilder/morgen-s.webp)}
.bg-recognition{background-image:url(bilder/recognition-s.webp)}
.bg-see_blau{background-image:url(bilder/see_blau-s.webp)}
}