/* SpanndeckenDepot · SDF solutions + calculator */
.sd-solutions-page{background:#f6f9fc;color:#10243b}
.sd-sol-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#03172d 0%,#053675 58%,#0c4e95 100%);color:#fff;padding:clamp(5rem,10vw,8rem) 0}
.sd-sol-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.18),transparent 28%),linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.06) 48.2% 48.7%,transparent 49%);pointer-events:none}
.sd-sol-hero::after{content:"";position:absolute;width:34rem;height:34rem;border:1px solid rgba(255,255,255,.12);border-radius:38% 62% 58% 42%;right:-12rem;top:-15rem;transform:rotate(28deg)}
.sd-sol-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:4rem;align-items:center}
.sd-sol-hero__copy{max-width:52rem}.sd-sol-hero .sdf-eyebrow{color:#9fcaf2}.sd-sol-hero h1{font-family:var(--sdf-font-emotion);font-size:clamp(3rem,6vw,5.8rem);line-height:.98;letter-spacing:-.025em;color:#fff;margin:.9rem 0 1.4rem}.sd-sol-hero p{font:400 clamp(1rem,1.7vw,1.25rem)/1.75 var(--sdf-font-ui);color:#dbe8f5;max-width:46rem}.sd-sol-hero__visual{position:relative;min-height:28rem;border-radius:2rem;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.35)}.sd-sol-hero__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sd-sol-hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,18,35,.72));border:1px solid rgba(255,255,255,.18);border-radius:inherit}.sd-sol-hero__badge{position:absolute;z-index:2;left:1.4rem;bottom:1.4rem;padding:.9rem 1rem;border-radius:1rem;background:rgba(3,23,45,.78);backdrop-filter:blur(14px);color:#fff;font:600 .9rem/1.25 var(--sdf-font-brand);letter-spacing:.055em;text-transform:uppercase}
.sd-sol-nav{margin-top:-2.4rem;position:relative;z-index:4}.sd-sol-nav__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:rgba(255,255,255,.94);border:1px solid #dce7f1;border-radius:1.5rem;box-shadow:0 22px 65px rgba(3,54,117,.14);backdrop-filter:blur(15px)}.sd-sol-nav a{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.7rem;padding:.8rem 1rem;border-radius:1rem;text-decoration:none;color:#16324d;font:600 .92rem/1 var(--sdf-font-brand);text-transform:uppercase;letter-spacing:.045em;transition:.22s}.sd-sol-nav a:hover,.sd-sol-nav a.is-active{background:#053675;color:#fff;transform:translateY(-2px)}
.sd-sol-section{padding:clamp(4.5rem,8vw,8rem) 0}.sd-sol-section--white{background:#fff}.sd-sol-section--soft{background:linear-gradient(180deg,#f7fafd,#eef4f9)}.sd-sol-head{text-align:center;max-width:56rem;margin:0 auto 3rem}.sd-sol-head h2{font-family:var(--sdf-font-emotion);font-size:clamp(2.35rem,4vw,4.2rem);line-height:1.08;color:#0b2a48;margin:.5rem 0 1rem}.sd-sol-head p{color:#64778b;font-size:1.05rem;line-height:1.75}
.sd-solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.sd-solution-card{position:relative;min-height:27rem;border-radius:1.5rem;overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 18px 45px rgba(3,35,67,.13);isolation:isolate;transition:transform .3s,box-shadow .3s}.sd-solution-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(3,54,117,.22)}.sd-solution-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s}.sd-solution-card:hover img{transform:scale(1.06)}.sd-solution-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,35,.02) 22%,rgba(2,18,35,.94) 100%);z-index:1}.sd-solution-card__body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.6rem}.sd-solution-card__label{font:600 .72rem/1 var(--sdf-font-brand);letter-spacing:.11em;text-transform:uppercase;color:#9dcbf6}.sd-solution-card h3{font:600 clamp(1.55rem,2.2vw,2.15rem)/1.08 var(--sdf-font-emotion);color:#fff;margin:.55rem 0}.sd-solution-card p{color:#dce7f2;font-size:.92rem;line-height:1.55;margin:0}.sd-solution-card__arrow{display:inline-flex;margin-top:1rem;font:600 .8rem/1 var(--sdf-font-brand);text-transform:uppercase;letter-spacing:.07em;color:#fff}
.sd-sol-split{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}.sd-sol-image{position:relative;min-height:34rem;border-radius:2rem;overflow:hidden;box-shadow:0 28px 80px rgba(3,54,117,.18)}.sd-sol-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sd-sol-copy h2{font-family:var(--sdf-font-emotion);font-size:clamp(2.4rem,4vw,4rem);line-height:1.08;color:#0b2a48;margin:.6rem 0 1.3rem}.sd-sol-copy>p{color:#5f7287;font-size:1.05rem;line-height:1.8}.sd-sol-proof{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.sd-sol-proof div{padding:1.15rem;border-left:2px solid #1d5fa7;background:#fff;border-radius:0 1rem 1rem 0;box-shadow:0 8px 22px rgba(3,54,117,.06)}.sd-sol-proof strong{display:block;font:600 1rem/1.25 var(--sdf-font-brand);color:#0d345b}.sd-sol-proof span{display:block;margin-top:.35rem;color:#72849a;font-size:.88rem;line-height:1.5}
.sd-detail-intro{background:#fff}.sd-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:3rem;align-items:start}.sd-detail-main{min-width:0}.sd-detail-aside{position:sticky;top:8rem;padding:1.5rem;border-radius:1.4rem;background:linear-gradient(145deg,#06294f,#031a33);color:#fff;box-shadow:0 22px 60px rgba(3,54,117,.2)}.sd-detail-aside h3{font:600 1.15rem/1.25 var(--sdf-font-brand);color:#fff;margin:0 0 .8rem}.sd-detail-aside p{color:#d4e2ef;line-height:1.65;font-size:.92rem}.sd-detail-intro-text{font-size:1.08rem;line-height:1.9;color:#536a81;margin:0}.sd-detail-title{font-family:var(--sdf-font-emotion);font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.12;color:#0a2b4a;margin:4rem 0 1.5rem}.sd-benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sd-benefit{display:flex;gap:.9rem;padding:1.2rem;border:1px solid #dce7f1;border-radius:1.2rem;background:#fff;box-shadow:0 10px 30px rgba(3,54,117,.06)}.sd-benefit__icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;flex:0 0 auto;border-radius:.75rem;background:#053675;color:#fff;font-weight:800}.sd-benefit p{margin:0;color:#536a81;line-height:1.65}
.sd-product-reco{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sd-product-reco article{padding:1.4rem;border-radius:1.25rem;background:linear-gradient(145deg,#fff,#f5f8fb);border:1px solid #dce7f1;box-shadow:0 12px 35px rgba(3,54,117,.07)}.sd-product-reco h3{font:600 1.15rem/1.25 var(--sdf-font-brand);color:#0c345d;margin:0}.sd-product-reco strong{display:block;color:#1260ad;margin:.55rem 0;font-size:1.1rem}.sd-product-reco p{color:#6a7d91;line-height:1.6;font-size:.9rem}
.sd-faq-list{display:grid;gap:.8rem}.sd-faq-list details{background:#fff;border:1px solid #dce7f1;border-radius:1.1rem;box-shadow:0 9px 25px rgba(3,54,117,.05);overflow:hidden}.sd-faq-list summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem 1.3rem;cursor:pointer;list-style:none;font:600 1rem/1.4 var(--sdf-font-brand);color:#153553}.sd-faq-list summary::-webkit-details-marker{display:none}.sd-faq-list summary::after{content:"+";font-size:1.4rem;color:#1260ad;transition:.2s}.sd-faq-list details[open] summary::after{transform:rotate(45deg)}.sd-faq-list details p{padding:0 1.3rem 1.25rem;margin:0;color:#63778d;line-height:1.75}
.sd-group-hero-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.sd-group-card{display:grid;grid-template-columns:10rem 1fr;min-height:11rem;border-radius:1.3rem;overflow:hidden;background:#fff;border:1px solid #dce7f1;text-decoration:none;box-shadow:0 14px 35px rgba(3,54,117,.07);transition:.25s}.sd-group-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(3,54,117,.15)}.sd-group-card img{width:100%;height:100%;object-fit:cover}.sd-group-card div{padding:1.35rem}.sd-group-card h3{font:600 1.35rem/1.2 var(--sdf-font-emotion);color:#0b2c4c;margin:0 0 .5rem}.sd-group-card p{color:#667a90;font-size:.9rem;line-height:1.55;margin:0}
.sd-calc-hero{padding-bottom:7rem}.sd-calc-shell{margin-top:-3.7rem;position:relative;z-index:3}.sd-calc-card{background:#fff;border:1px solid #dce7f1;border-radius:2rem;box-shadow:0 30px 90px rgba(3,54,117,.16);padding:clamp(1.25rem,4vw,3rem)}.sd-calc-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.sd-calc-guide div{padding:1.1rem;border-radius:1rem;background:#f2f7fb;border:1px solid #dce7f1;color:#526a81;font-size:.9rem;line-height:1.55}.sd-calc-guide strong{display:block;font:600 1rem/1.2 var(--sdf-font-brand);color:#0c345d;margin-bottom:.35rem}.sd-calc-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.75fr);gap:2rem}.sd-canvas-wrap{padding:1rem;border-radius:1.4rem;background:#f5f8fb;border:1px solid #dce7f1}.sd-canvas-wrap canvas{display:block;width:100%;border-radius:1rem;background:#fff;border:1px solid #cddbe8}.sd-calc-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.sd-calc-side{display:grid;gap:1rem;align-content:start}.sd-calc-field label{display:block;font:600 .82rem/1 var(--sdf-font-brand);text-transform:uppercase;letter-spacing:.06em;color:#38536e;margin-bottom:.55rem}.sd-calc-field select,.sd-calc-field input{width:100%;border:1px solid #cddbe8;border-radius:.85rem;background:#fff;color:#17344f;padding:.9rem 1rem;font-family:var(--sdf-font-ui)}.sd-calc-field select:focus,.sd-calc-field input:focus{outline:3px solid rgba(5,54,117,.14);border-color:#053675}.sd-calc-result{padding:1.7rem;border-radius:1.4rem;background:linear-gradient(145deg,#031b34,#053675);color:#fff;text-align:center;box-shadow:0 18px 45px rgba(3,54,117,.22)}.sd-calc-result small{display:block;color:#bcd5ea;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.sd-calc-result #flaeche{font:600 2.2rem/1 var(--sdf-font-brand);margin:.45rem 0 1.3rem}.sd-calc-result #preis{font:700 2.8rem/1 var(--sdf-font-emotion);color:#fff;margin:.45rem 0}.sd-calc-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.sd-calc-info article{padding:1.6rem;border-radius:1.2rem;background:#fff;border:1px solid #dce7f1}.sd-calc-info h2{font:600 1.25rem/1.25 var(--sdf-font-brand);color:#0c345d}.sd-calc-info p,.sd-calc-info li{color:#667a90;line-height:1.7}
@media(max-width:1020px){.sd-sol-hero__inner,.sd-sol-split,.sd-detail-grid,.sd-calc-grid{grid-template-columns:1fr}.sd-sol-hero__visual{min-height:22rem}.sd-detail-aside{position:static}.sd-solution-grid{grid-template-columns:repeat(2,1fr)}.sd-product-reco{grid-template-columns:1fr 1fr}.sd-calc-info{grid-template-columns:1fr}.sd-sol-proof{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sd-sol-hero{padding:4.5rem 0 6rem}.sd-sol-hero__visual{min-height:18rem}.sd-sol-nav__inner{grid-template-columns:1fr}.sd-solution-grid,.sd-benefit-list,.sd-product-reco,.sd-group-hero-cards,.sd-calc-guide{grid-template-columns:1fr}.sd-group-card{grid-template-columns:8rem 1fr}.sd-sol-proof{grid-template-columns:1fr}.sd-sol-image{min-height:23rem}.sd-calc-card{border-radius:1.3rem}.sd-calc-shell{margin-top:-2rem}}
.sd-calc-product-context{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:1rem 1.15rem;border:1px solid #bcd2e5;border-radius:16px;background:#f3f8fc}.sd-calc-product-context span{font:700 .72rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#5b7186}.sd-calc-product-context strong{font:700 1rem/1.3 Oswald,sans-serif;color:#0b315b}.sd-calc-product-context em{margin-left:auto;font:700 .95rem/1 Inter,sans-serif;color:#1d5fa7;font-style:normal}.sd-calc-measure-block{padding:1.1rem;border:1px solid #dce7f1;border-radius:16px;background:#fbfdff}.sd-calc-measure-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem}.sd-calc-measure-title label{margin-bottom:.25rem}.sd-calc-measure-title p{margin:0;color:#718398;font-size:.8rem;line-height:1.45}.sd-calc-status{flex:none;padding:.35rem .55rem;border-radius:999px;background:#e8eef4;color:#5e7082;font:700 .72rem/1 Inter,sans-serif}.sd-calc-status.is-complete{background:#dcfce7;color:#166534}.sd-calc-transfer .sdf-btn{width:100%;justify-content:center}.sd-calc-transfer .sdf-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.sd-calc-guide[style]{grid-template-columns:1fr!important}.sd-calc-product-context em{margin-left:0;width:100%}.sd-calc-measure-title{align-items:center}}

.sd-calc-zoom{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.75rem}.sd-calc-zoom .sdf-btn{min-height:2.65rem;padding:.55rem .9rem;font-size:.82rem}.sd-calc-zoom #zoom-in,.sd-calc-zoom #zoom-out{width:2.75rem;padding:.55rem;font-size:1.25rem;line-height:1}.sd-canvas-wrap canvas{cursor:crosshair}.sd-canvas-wrap canvas:active{cursor:grabbing}@media(max-width:640px){.sd-calc-zoom{justify-content:center}.sd-calc-zoom #zoom-fit{flex:1;max-width:12rem}}

/* AQ Rechner: Steuerkreuz + Drehung */
.sd-calc-view-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.sd-calc-view-controls .sd-calc-zoom{margin-top:0}.sd-calc-pan{display:grid;grid-template-columns:repeat(3,2.75rem);grid-template-rows:repeat(3,2.65rem);gap:.3rem}.sd-calc-pan .sdf-btn{min-height:2.65rem;width:2.75rem;padding:.35rem;font-size:1.1rem;justify-content:center}.sd-calc-pan #pan-up{grid-column:2;grid-row:1}.sd-calc-pan #pan-left{grid-column:1;grid-row:2}.sd-calc-pan #pan-center{grid-column:2;grid-row:2}.sd-calc-pan #pan-right{grid-column:3;grid-row:2}.sd-calc-pan #pan-down{grid-column:2;grid-row:3}.sd-calc-zoom #rotate-left,.sd-calc-zoom #rotate-right{white-space:nowrap}@media(max-width:760px){.sd-calc-view-controls{justify-content:center}.sd-calc-view-controls .sd-calc-zoom{justify-content:center;width:100%;flex-wrap:wrap}}

/* Rechner UX: Beispielzeichnung + Zeichenanleitung */
.sd-canvas-example-label{margin:0 0 .65rem;font:700 .82rem/1 var(--sdf-font-brand);letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.sd-calc-draw-help{position:absolute;z-index:5;top:1.8rem;right:1.8rem;display:grid;gap:.35rem;max-width:min(26rem,calc(100% - 3.6rem));padding:.85rem 1rem;border:1px solid rgba(185,28,28,.18);border-radius:.9rem;background:rgba(255,255,255,.93);box-shadow:0 10px 28px rgba(15,23,42,.1);backdrop-filter:blur(6px);pointer-events:none;color:#7f1d1d;font-size:.8rem;line-height:1.45}
.sd-calc-draw-help[hidden]{display:none!important}.sd-calc-draw-help strong{color:#dc2626;font-size:.88rem}.sd-calc-draw-help span{color:#991b1b}.sd-calc-draw-help b{font-weight:800}
@media(max-width:640px){.sd-calc-draw-help{top:1.45rem;right:1.45rem;left:1.45rem;max-width:none;font-size:.74rem}.sd-calc-draw-help strong{font-size:.8rem}}