/* gartenriss.de v2: mehrseitig, geteilte Startseite, Unterseiten, Rechner, Galerie */
:root{--kalk:#0f1720;--kalk2:#162332;--blau:#8fb8de;--mint:#7fd6b4}

/* Navigation: Unterseiten, Pro in Gold */
.nav .links a[data-pro]{color:var(--gold)}
.navlog-m{display:none}
@media (max-width:900px){.navlog-m{display:block}}
body:not(.home) .nav{background:rgba(12,29,21,.82);backdrop-filter:blur(14px) saturate(1.3)}

/* ---------- Geteilter Hero ---------- */
.split{height:340vh;position:relative;background:var(--tief)}
.split-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
.sp-l,.sp-r{position:relative;overflow:hidden}
.sp-l #growCv{position:absolute;inset:0;width:100%;height:100%}
.sp-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,14,.78) 0%,rgba(8,20,14,.2) 42%,rgba(8,20,14,.08) 62%,rgba(8,20,14,.85) 100%)}
.sp-r{background:radial-gradient(900px 600px at 80% 10%,#1c2f44,transparent),var(--kalk);color:#e8eef5}
.sp-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(143,184,222,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(143,184,222,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(closest-side,#000,transparent)}
.sp-txt{position:absolute;left:0;right:0;top:0;padding:calc(104px + env(safe-area-inset-top,0px)) 40px 0;z-index:2;color:#fff}
.sp-l .sp-txt{padding-left:max(28px,env(safe-area-inset-left,0px))}
.sp-tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#fff;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);backdrop-filter:blur(8px);margin-bottom:18px;transition:background .3s}
.sp-tag:hover{background:rgba(255,255,255,.16)}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.dot.g{background:var(--mint);box-shadow:0 0 12px var(--mint)}.dot.k{background:var(--blau);box-shadow:0 0 12px var(--blau)}
.sp-h{font-size:clamp(30px,3.6vw,56px);position:relative;min-height:2.3em;margin:0;max-width:13ch}
.sp-h .ph{position:absolute;left:0;top:0;opacity:0;transform:translateY(24px);filter:blur(8px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease)}
.sp-h .ph.on{opacity:1;transform:none;filter:none}
.sp-l .sp-h .ph:last-child{color:var(--gold)}
.sp-r .sp-h{font-family:"Montserrat",sans-serif;font-weight:800;letter-spacing:-.02em}
.sp-r .sp-h .ph:last-child{color:var(--mint)}
.sp-mid{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,rgba(231,196,110,.8) 30%,rgba(231,196,110,.8) 70%,transparent);z-index:3;display:grid;place-items:center}
.sp-mid span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f3d88d,var(--gold2));color:#2a1f05;font:800 26px/1 "Montserrat",sans-serif;box-shadow:0 0 0 8px rgba(12,29,21,.6),0 20px 40px -10px rgba(231,196,110,.7);transition:transform .6s var(--ease)}
.sp-mid span.pro{font-family:"Playfair",serif;font-size:18px;width:76px;height:76px;transform:scale(1.08)}
.sp-foot{position:absolute;left:0;right:0;bottom:calc(30px + env(safe-area-inset-bottom,0px));z-index:4;text-align:center;color:#fff;padding:0 20px}
.sp-foot .kick{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold);margin:0 0 14px}
.sp-foot .hero-cta{justify-content:center}
.split .scrollhint{bottom:auto;top:calc(50% + 50px)}

/* Angebot, das sich aufbaut */
.ledger{position:absolute;left:40px;right:40px;bottom:150px;z-index:2;background:rgba(255,255,255,.035);border:1px solid rgba(143,184,222,.2);border-radius:20px;padding:20px 22px;backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;max-width:560px}
.lg-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid rgba(143,184,222,.2);padding-bottom:10px;margin-bottom:6px;flex-wrap:wrap}
.lg-h b{font-size:15px;letter-spacing:.04em}.lg-h span{font-size:12px;color:#93a6ba}
.lg-rows{min-height:212px}
.lg-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;font-size:13.5px;padding:5px 0;border-bottom:1px dashed rgba(143,184,222,.12);opacity:0;transform:translateX(-14px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.lg-row.in{opacity:1;transform:none}
.lg-row i{font-style:normal;color:#93a6ba}.lg-row b{font-weight:700;min-width:84px;text-align:right}
.lg-sum{display:flex;justify-content:space-between;font-size:14px;padding-top:8px}
.lg-sum.sm{font-size:12.5px;color:#93a6ba;padding-top:2px}
.lg-sum.tot{font-size:18px;font-weight:800;border-top:1px solid rgba(143,184,222,.3);margin-top:6px;padding-top:10px}
.lg-sum.tot b{color:var(--mint)}
.lg-amp{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:12px;font-size:12.5px;color:#93a6ba}
.amp{height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}
.amp i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#e66a5a,#e7c46e 50%,#5fcf98);background-size:300px 100%;transition:width .6s var(--ease)}
.lg-amp b{color:#fff;min-width:96px;text-align:right}
.lg-stamp{position:absolute;right:18px;top:-18px;background:var(--mint);color:#06281a;font-weight:800;padding:8px 14px;border-radius:10px;transform:rotate(4deg) scale(.6);opacity:0;transition:all .5s cubic-bezier(.3,1.6,.4,1);box-shadow:0 14px 30px -10px rgba(127,214,180,.7)}
.lg-stamp.on{opacity:1;transform:rotate(-4deg) scale(1)}
@media (max-width:900px){
  .split{height:300vh}
  .split-stick{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .sp-txt{padding:calc(76px + env(safe-area-inset-top,0px)) 20px 0}
  .sp-r .sp-txt{padding-top:16px}
  .sp-h{font-size:clamp(24px,6.6vw,34px);min-height:2.4em}
  .sp-tag{font-size:11px;margin-bottom:10px;padding:6px 12px 6px 8px}
  .sp-mid{left:0;right:0;top:50%;bottom:auto;width:auto;height:2px;margin:0;background:linear-gradient(90deg,transparent,rgba(231,196,110,.8) 30%,rgba(231,196,110,.8) 70%,transparent)}
  .sp-mid span{width:40px;height:40px;font-size:20px}.sp-mid span.pro{width:56px;height:56px;font-size:14px}
  .ledger{left:16px;right:16px;bottom:96px;padding:12px 14px}
  .lg-rows{min-height:118px}.lg-row{font-size:11.5px;gap:8px;padding:3px 0}.lg-row b{min-width:64px}
  .lg-row:nth-child(n+5){display:none}
  .lg-amp{display:none}.lg-sum.sm{display:none}
  .sp-foot{bottom:calc(18px + env(safe-area-inset-bottom,0px))}.sp-foot .kick{display:none}
  .sp-foot .btn{padding:12px 18px;font-size:14px}
  .split .scrollhint{display:none}
}

/* ---------- Zwei Produkte ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:10px}
.duo-c{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.duo-c:hover{transform:translateY(-8px)}
.duo-c.plan{background:#fff;box-shadow:0 0 0 1px var(--linie),0 40px 80px -50px rgba(12,29,21,.5)}
.duo-c.kalk{background:var(--kalk);color:#e8eef5;box-shadow:0 40px 80px -40px rgba(15,23,32,.8)}
.duo-img{aspect-ratio:16/9;overflow:hidden;position:relative}
.duo-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.duo-c:hover .duo-img img{transform:scale(1.05)}
.duo-img.num img{object-position:top left}
.duo-b{padding:30px 32px 34px;display:flex;flex-direction:column;gap:14px;flex:1}
.duo-b small{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--moos)}
.kalk .duo-b small{color:var(--blau)}
.duo-b h3{font-size:32px;margin:0}
.kalk .duo-b h3{font-family:"Montserrat",sans-serif;font-weight:800;letter-spacing:-.02em}
.kalk .ticks li::before{background-color:var(--blau)}
.more{margin-top:auto;font-weight:700;color:var(--moos)}.kalk .more{color:var(--mint)}
@media (max-width:900px){.duo{grid-template-columns:1fr}.duo-b{padding:24px}}

/* ---------- Pro-Band ---------- */
.proband{background:linear-gradient(120deg,#2a1f05,#5a4512 40%,#8a6a1c 70%,#2a1f05);color:#fff8e6;padding:100px 0;position:relative;overflow:hidden}
.proband::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(255,236,170,.18),transparent 30%);animation:spinbg 14s linear infinite}
@keyframes spinbg{to{transform:rotate(360deg)}}
.pb-g{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.pb-eq{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:"Playfair",serif;font-size:clamp(26px,3vw,40px)}
.pb-eq span{padding:10px 18px;border-radius:14px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,236,170,.3)}
.pb-eq i{font-style:normal;color:var(--gold)}
.pb-eq b{padding:12px 24px;border-radius:16px;background:linear-gradient(135deg,#fff1c2,var(--gold) 50%,var(--gold2));color:#2a1f05;box-shadow:0 20px 50px -14px rgba(255,220,140,.8)}
.proband h2 em{color:#ffe7a8}
.proband p{color:#f1e3bd;font-size:18px;margin:0 0 26px}
@media (max-width:900px){.pb-g{grid-template-columns:1fr}.proband{padding:80px 0}}

/* ---------- Galerie mit drehbarem Garten ---------- */
.gal-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.gal-tabs button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#d6e2db;border-radius:16px;padding:10px 16px;text-align:left;cursor:pointer;font:inherit;transition:all .35s var(--ease)}
.gal-tabs button b{display:block;font-size:15px}.gal-tabs button span{font-size:12px;color:#9fb7aa}
.gal-tabs button.on{background:#fff;color:var(--tief);border-color:#fff}.gal-tabs button.on span{color:var(--moos)}
.spin{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#1a3326;cursor:grab;touch-action:pan-y;box-shadow:0 50px 100px -40px #000,0 0 0 1px rgba(255,255,255,.08);outline:none}
.spin:focus-visible{box-shadow:0 0 0 3px var(--gold)}
.spin.drag{cursor:grabbing}
.spin canvas{position:absolute;inset:0;width:100%;height:100%}
.spin-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(12,29,21,.72);backdrop-filter:blur(8px);color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;pointer-events:none;transition:opacity .5s}
.spin-hint span{display:inline-block;animation:wig 2.4s ease-in-out infinite}
@keyframes wig{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}
.spin.used .spin-hint{opacity:0}
.spin-cap{position:absolute;left:18px;top:18px;background:rgba(12,29,21,.72);backdrop-filter:blur(8px);color:#fff;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700}
.spin-load{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.1)}
.spin-load i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}
.spin-load.done{opacity:0;transition:opacity .6s .3s}
.gal-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-top:18px;color:#c3d3ca;font-size:15px}
.gal-info div{border-left:2px solid var(--gold);padding-left:14px}
.gal-info b{display:block;color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}

/* ---------- Rechner ---------- */
.rc-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.rc{background:#fff;border-radius:28px;padding:30px;box-shadow:0 0 0 1px var(--linie),0 40px 80px -50px rgba(12,29,21,.5);display:grid;gap:18px}
.rc label{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;font-weight:600;font-size:15px}
.rc output{font-family:"Playfair",serif;font-size:22px;font-weight:700;color:var(--tanne)}
.rc input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--moos);height:28px}
.rc-out{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rc-out div{background:var(--creme);border-radius:18px;padding:16px}
.rc-out small{display:block;color:var(--grau);font-weight:600;font-size:13px}
.rc-out b{font-family:"Playfair",serif;font-size:clamp(28px,3vw,40px);color:var(--tanne)}
.rc-bar{position:relative;height:40px;border-radius:12px;background:var(--creme);overflow:hidden}
.rc-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--moos),#5fcf98);transition:width .6s var(--ease)}
.rc-bar span{position:absolute;top:0;bottom:0;display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--ink);padding-left:10px;border-left:2px solid var(--gold2);left:var(--pro,20%);white-space:nowrap}
.rc-say{margin:0;font-weight:600;color:var(--tanne);min-height:3em}
@media (max-width:900px){.rc-g{grid-template-columns:1fr;gap:30px}.rc{padding:22px}}

/* ---------- Unterseiten: Kopf ---------- */
.ph-hero{position:relative;min-height:88vh;min-height:88svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--tief)}
.ph-hero>img,.ph-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenb 24s ease-in-out infinite alternate}
@keyframes kenb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.ph-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,14,.55),rgba(8,20,14,.05) 40%,rgba(8,20,14,.88))}
.ph-hero .wrap{position:relative;z-index:1;padding-bottom:70px;padding-top:120px;width:100%}
.ph-hero h1{font-size:clamp(42px,7vw,100px);max-width:13ch;margin:0 0 20px}
.ph-hero h1 em{color:var(--gold)}
.ph-hero p.lead{color:#dbe6df;margin-bottom:28px}
.ph-hero .kick{font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold);margin:0 0 16px}

/* Kalkulation-Seite: eigener, sachlicher Look */
.kalkpage .ph-hero{background:var(--kalk);align-items:center}
.kalkpage .ph-hero::after{background:radial-gradient(900px 600px at 80% 20%,rgba(28,47,68,.9),transparent)}
.kalkpage h1,.kalkpage .kh{font-family:"Montserrat",sans-serif;font-weight:800;letter-spacing:-.03em}
.kalkpage .ph-hero h1 em{color:var(--mint);font-style:normal}
.kalkpage .ph-hero .kick{color:var(--blau)}
.kd{background:radial-gradient(1000px 600px at 90% 0%,#1c2f44,transparent),var(--kalk);color:#e8eef5}
.kd .k{color:var(--blau)}.kd .lead{color:#a9b9c9}.kd h2 em{color:var(--mint);font-style:normal}
.kd h2{font-family:"Montserrat",sans-serif;font-weight:800;letter-spacing:-.03em}
.khero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;width:100%}
.kcalc{background:rgba(255,255,255,.04);border:1px solid rgba(143,184,222,.22);border-radius:24px;padding:24px;font-variant-numeric:tabular-nums}
.kcalc h3{font-family:"Montserrat",sans-serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--blau);margin:0 0 14px}
.kc-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(143,184,222,.16);font-size:15px}
.kc-row b{font-weight:700}
.kc-row.res{border:0;font-size:20px;padding-top:14px}.kc-row.res b{color:var(--mint);font-size:30px}
.kc-in{display:grid;gap:10px;margin:0 0 14px}
.kc-in label{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:10px;font-size:14px;color:#c9d6e3}
.kc-in input{font:600 16px "Montserrat";padding:9px 12px;border-radius:10px;border:1px solid rgba(143,184,222,.3);background:rgba(255,255,255,.06);color:#fff;text-align:right;width:100%}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:10px 0 40px;counter-reset:fl}
.flow div{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(143,184,222,.2);border-radius:18px;padding:18px 16px 16px;counter-increment:fl}
.flow div::before{content:counter(fl,decimal-leading-zero);font-weight:800;color:var(--blau);font-size:13px;letter-spacing:.1em}
.flow div b{display:block;font-size:17px;margin:6px 0 4px;color:#fff}
.flow div span{font-size:13.5px;color:#a9b9c9}
.flow div:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--mint);font-weight:800;z-index:1}
@media (max-width:900px){.flow{grid-template-columns:1fr 1fr}.flow div::after{display:none}.khero-g{grid-template-columns:1fr}}
.kfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kfacts div{border-radius:20px;padding:24px;background:#fff;box-shadow:0 0 0 1px var(--linie)}
.kfacts b{font-family:"Montserrat",sans-serif;font-weight:800;font-size:40px;letter-spacing:-.03em;color:var(--kalk);display:block;line-height:1.1}
.kfacts span{color:var(--grau);font-size:15px}
@media (max-width:900px){.kfacts{grid-template-columns:1fr}}

/* Pro-Seite: Gold */
.propage{background:#140f04}
.propage .ph-hero{background:#140f04}
.propage .ph-hero::after{background:linear-gradient(180deg,rgba(20,15,4,.6),rgba(20,15,4,.1) 40%,rgba(20,15,4,.92))}
.propage .ph-hero h1{background:linear-gradient(120deg,#fff4cf,#e7c46e 40%,#fff1c2 60%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:shine 6s ease-in-out infinite}
@keyframes shine{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.gold{background:radial-gradient(1000px 600px at 20% 0%,#3d2f0c,transparent),#140f04;color:#fff8e6}
.gold .k{color:var(--gold)}.gold .lead{color:#d9caa2}.gold h2 em{color:#ffe7a8}
.gold .shot{box-shadow:0 40px 80px -30px #000,0 0 0 1px rgba(231,196,110,.4)}
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gcards div{border-radius:22px;padding:26px;background:linear-gradient(160deg,rgba(231,196,110,.14),rgba(231,196,110,.02));border:1px solid rgba(231,196,110,.3)}
.gcards b{font-family:"Playfair",serif;font-size:24px;color:#ffe7a8;display:block;margin-bottom:6px}
.gcards p{margin:0;color:#d9caa2;font-size:15px}
@media (max-width:900px){.gcards{grid-template-columns:1fr}}
.anchor{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;max-width:860px;margin:0 auto}
.anchor .a1,.anchor .a2{border-radius:24px;padding:26px;text-align:center}
.anchor .a1{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.anchor .a1 s{font-family:"Playfair",serif;font-size:56px;color:#bfae88;display:block;line-height:1.1}
.anchor .a2{background:linear-gradient(160deg,#fff1c2,var(--gold) 50%,var(--gold2));color:#2a1f05;box-shadow:0 30px 70px -20px rgba(231,196,110,.7)}
.anchor .a2 b{font-family:"Playfair",serif;font-size:72px;display:block;line-height:1}
.anchor small{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.anchor i{font-style:normal;font-size:40px;color:var(--gold)}
@media (max-width:700px){.anchor{grid-template-columns:1fr}.anchor i{text-align:center;transform:rotate(90deg)}}
.mflow{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.mflow .arrow{font-size:46px;color:var(--gold);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{50%{transform:translateX(8px)}}
.mlist{background:rgba(255,255,255,.04);border:1px solid rgba(231,196,110,.3);border-radius:20px;padding:18px;font-variant-numeric:tabular-nums}
.mlist div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(231,196,110,.2);font-size:14.5px}
.mlist div:last-child{border:0}
.mlist b{color:#ffe7a8}
@media (max-width:900px){.mflow{grid-template-columns:1fr}.mflow .arrow{transform:rotate(90deg);text-align:center;animation:none}}

/* Fußzeile mit Spalten */
.foot-g{align-items:flex-start}
.fcol{flex-direction:column;gap:8px!important}
.fcol b{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}

/* Vergleich zwei Spalten (Plan-Seite: Stärken) */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat div{background:#fff;border-radius:20px;padding:24px;box-shadow:0 0 0 1px var(--linie)}
.feat b{font-family:"Playfair",serif;font-size:22px;display:block;margin-bottom:6px}
.feat p{margin:0;color:var(--grau);font-size:15px}
@media (max-width:900px){.feat{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.split{height:auto}.split-stick{position:relative}.proband::before{animation:none}.ph-hero>img{animation:none}}

/* Feinschliff 1 */
.ledger{top:clamp(250px,34vh,330px);bottom:auto;max-height:calc(100% - clamp(250px,34vh,330px) - 140px);overflow:hidden}
.sp-h{min-height:2.2em}
.rc .btn{white-space:normal;text-align:center;line-height:1.3}
.rc-g>*{min-width:0}
.spin-hint{white-space:nowrap}
.kalkpage .ph-hero h1{font-size:clamp(38px,5.2vw,74px);max-width:none}
@media (max-width:900px){
  .sp-r .sp-h{display:none}
  .sp-r .sp-txt{padding-top:14px}
  .ledger{top:56px;bottom:auto;max-height:calc(100% - 56px - 110px)}
  .sp-foot .hero-cta{flex-wrap:nowrap;gap:8px}
  .sp-foot .btn{padding:11px 14px;font-size:13px}
  .lg-stamp{top:-12px;right:10px;font-size:12px;padding:6px 10px}
}
.sp-r .sp-h{max-width:16ch}
.lg-rows{min-height:0}.lg-row{padding:4px 0;font-size:13px}
.lg-h{padding-bottom:8px}.lg-sum.tot{padding-top:8px;font-size:17px}
@media (max-width:900px){.sp-r .sp-txt{display:flex;justify-content:flex-end;padding-right:16px}}
.ledger{top:clamp(220px,28vh,300px);max-height:calc(100% - clamp(220px,28vh,300px) - 130px)}
@media (max-width:900px){
  .sp-mid{place-items:center start;padding-left:22px}
  .ledger{top:56px;max-height:calc(100% - 56px - 104px)}
  .lg-sum:not(.tot){display:none}.lg-row:nth-child(n+4){display:none}
  .lg-h span{display:none}
}

/* Feinschliff 02.11.2026 abends: Überschrift rechts nicht mehr vom Angebot verdeckt, Pro-Siegel deckt keinen Text ab, Stempel nicht abgeschnitten */
@media (min-width:901px){
  .sp-r .ledger{left:76px;right:40px;top:calc(104px + 52px + 2.35 * clamp(30px,3.6vw,56px));max-height:calc(100% - (104px + 52px + 2.35 * clamp(30px,3.6vw,56px)) - 132px)}
  .sp-r .sp-txt{padding-left:76px}
  .sp-r .sp-h{font-size:clamp(28px,3.1vw,48px)}
}
.lg-stamp{top:10px;right:14px}
.lg-stamp.on~*{}
.ledger:has(.lg-stamp.on) .lg-h span{visibility:hidden}
@media (min-width:901px) and (max-height:820px){
  .sp-r .ledger{padding:14px 18px}
  .ledger .lg-row:nth-child(n+6){display:none}
  .ledger .lg-sum:not(.tot){display:none}
}
@media (min-width:901px) and (max-height:680px){ .ledger .lg-row:nth-child(n+4){display:none} }