:root{--ink:#123a35;--ink2:#244f49;--muted:#5b706a;--line:#d9e2de;--soft:#f5f6f2;--white:#fff;--accent:#2f756b;--accent-dark:#245d55;--sage:#2f756b;--sand:#c7b58f;--radius:24px;--shadow:0 22px 55px rgba(18,58,53,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section-pad{padding:92px 0}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;z-index:999}.skip-link:focus{left:8px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:850;color:var(--sage);margin:0 0 14px}.eyebrow.light{color:#cce2dc}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,5.6vw,5.35rem);line-height:.99;letter-spacing:-.055em;margin-bottom:24px;max-width:820px}h1 span{color:var(--accent)}h2{font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.06;letter-spacing:-.043em;margin-bottom:20px}h3{font-size:1.08rem;line-height:1.25;margin-bottom:9px}p{color:var(--muted)}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,227,231,.8);z-index:100}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{display:grid;grid-template-columns:9px 22px 9px;gap:4px;height:32px}.brand-mark span{border:2px solid var(--ink);transform:skewY(-8deg)}.brand-mark span:nth-child(2){border-color:var(--accent);transform:none}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:.95rem;letter-spacing:.075em}.brand-copy small{font-size:.64rem;color:var(--muted);margin-top:5px}.main-nav{display:flex;align-items:center;gap:22px;font-size:.88rem;font-weight:700}.main-nav>a:not(.nav-cta){color:#40525f}.main-nav>a:hover{color:var(--ink)}.nav-cta{padding:11px 16px;border-radius:999px;background:var(--ink);color:#fff}.nav-toggle{display:none;border:0;background:transparent;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{padding-top:68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.hero-lead{font-size:1.16rem;max-width:680px;margin-bottom:29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:27px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;padding:14px 20px;border-radius:13px;font-weight:850;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px rgba(47,117,107,.20)}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-light{background:#fff;color:var(--ink)}.btn.full{width:100%}.hero-points{display:flex;flex-wrap:wrap;gap:8px}.hero-points span{font-size:.77rem;font-weight:750;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:#50616d;background:#fff}.hero-visual{position:relative;margin:0}.image-shell{overflow:hidden;border-radius:28px;background:#eaf0f2;box-shadow:var(--shadow);border:1px solid rgba(219,227,231,.85)}.image-shell img{width:100%;height:auto;object-fit:cover}.hero-image-shell img{aspect-ratio:1.46/1;object-fit:cover}.hero-visual figcaption{font-size:.67rem;color:#85939c;margin-top:8px;text-align:right}.floating-card{position:absolute;background:#fff;border:1px solid rgba(219,227,231,.9);box-shadow:0 12px 30px rgba(13,34,50,.14);border-radius:14px;padding:12px 15px;display:flex;flex-direction:column;line-height:1.25}.floating-card strong{font-size:.81rem}.floating-card span{font-size:.7rem;color:var(--muted);margin-top:3px}.fc-one{left:-20px;bottom:55px}.fc-two{right:-16px;top:32px}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:23px 25px;border-right:1px solid var(--line);display:flex;gap:13px;align-items:center}.trust-grid div:last-child{border-right:0}.trust-grid strong{color:var(--accent);font-size:.78rem}.trust-grid span{font-size:.82rem;font-weight:750}
.product-feature{overflow:hidden}.feature-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.feature-grid.reverse .feature-image{order:2}.feature-grid.reverse .feature-copy{order:1}.feature-image{position:relative}.visual-label{position:absolute;left:18px;bottom:18px;background:rgba(13,34,50,.86);backdrop-filter:blur(8px);color:#fff;padding:8px 11px;border-radius:999px;font-size:.67rem;font-weight:800;letter-spacing:.04em}.lead-small{font-size:1.05rem;max-width:610px}.feature-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:28px 0 24px}.feature-specs div{padding:15px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.feature-specs div:nth-child(odd){padding-right:20px}.feature-specs div:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.feature-specs strong{font-size:.82rem}.feature-specs span{font-size:.78rem;color:var(--muted);margin-top:3px}.text-link{font-weight:850;display:inline-flex;gap:8px;align-items:center}.text-link span{color:var(--accent);font-size:1.25rem}.section-soft{background:var(--soft)}
.section-dark{background:var(--ink);color:#fff}.value-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.value-intro p{color:#c7d2d9}.value-cards{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2f4656;border-left:1px solid #2f4656}.value-cards article{padding:24px;border-right:1px solid #2f4656;border-bottom:1px solid #2f4656}.value-cards article>span{font-size:.7rem;color:#e69a76;font-weight:850}.value-cards h3{margin-top:18px}.value-cards p{color:#aebdc6;font-size:.87rem;margin-bottom:0}
.section-heading{max-width:780px;margin-bottom:44px}.section-heading.compact{margin-bottom:34px}.section-heading>p:last-child{max-width:700px;font-size:1.02rem}.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-grid li{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:205px}.process-grid li>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:850;margin-bottom:22px}.process-grid p{font-size:.88rem;margin:0}
.tech-grid{display:grid;grid-template-columns:1fr .82fr;gap:72px;align-items:center}.tech-copy strong{color:var(--ink)}.notice{margin-top:24px;padding:17px 18px;border:1px solid #d6e0e4;border-radius:14px;background:#fff;color:#40535f;font-size:.89rem}.spec-card{background:#fff;color:var(--ink);border-radius:24px;padding:28px;border:1px solid var(--line);box-shadow:0 12px 35px rgba(13,34,50,.06)}.spec-title{font-weight:850;font-size:1.07rem;margin-bottom:16px}.spec-card dl{margin:0}.spec-card dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:12px 0}.spec-card dt{color:var(--muted)}.spec-card dd{margin:0;text-align:right;font-weight:750}.spec-card small{display:block;color:var(--muted);margin-top:14px;line-height:1.5}
.inquiry-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:start}.inquiry-copy{position:sticky;top:108px}.mini-steps{display:grid;gap:8px;margin-top:24px}.mini-steps div{display:flex;align-items:center;gap:11px}.mini-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e3efec;color:var(--sage);font-size:.72rem}.mini-steps span{font-size:.84rem;font-weight:750}.contact-card{border-radius:16px;padding:17px 18px;margin-top:24px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.contact-card>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:850}.contact-card strong{font-size:1.08rem;margin-top:8px}.contact-card small{color:var(--muted);margin-top:2px}.lead-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 16px 42px rgba(13,34,50,.07)}.form-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.form-head strong{font-size:1.05rem}.form-head span{font-size:.7rem;color:var(--muted);background:var(--soft);padding:6px 9px;border-radius:999px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-row.three{grid-template-columns:repeat(3,1fr)}label,legend{display:block;font-size:.81rem;font-weight:800;color:#334b5b}label>span,legend>span{color:var(--accent)}input,select,textarea{width:100%;border:1px solid #ccd8df;background:#fff;border-radius:11px;padding:12px 13px;margin-top:7px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#7696a8;box-shadow:0 0 0 3px rgba(68,119,143,.12)}.lead-form>label,.lead-form>.field-row,.lead-form>fieldset{margin-bottom:15px}fieldset{border:0;padding:0;margin-inline:0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0;width:1px}.choice-grid label span{display:flex;align-items:center;justify-content:center;border:1px solid #ccd8df;border-radius:11px;padding:12px;color:var(--ink);cursor:pointer}.choice-grid input:focus-visible+span{outline:3px solid rgba(68,119,143,.22)}.choice-grid input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;line-height:1.4}.consent input{width:auto;margin-top:3px}.consent a{text-decoration:underline}.form-note{font-size:.7rem;margin:10px 2px 0}.form-result{margin-top:18px;border:1px solid #bdd4ce;border-radius:15px;background:#f1f8f6;padding:16px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-head span{font-size:.7rem;font-weight:850;background:#dbece7;border-radius:999px;padding:6px 9px;color:#28564e}.form-result pre{white-space:pre-wrap;font:500 .77rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#314c56;background:#fff;border-radius:10px;padding:13px;border:1px solid #d6e4e0}.result-actions{display:flex;justify-content:flex-end}
.faq-wrap{max-width:900px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:20px 4px;cursor:pointer;font-weight:850;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.3rem;color:var(--accent)}details[open] summary:after{content:"–"}details p{padding:0 4px 20px;margin:0;max-width:760px}.final-cta{background:var(--sage);color:#fff;padding:60px 0}.final-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:42px}.final-cta h2{font-size:clamp(1.8rem,3vw,2.75rem);margin-bottom:10px;max-width:760px}.final-cta p{color:#d5e6e2;max-width:750px;margin:0}
.site-footer{padding:55px 0 24px;background:#081721;color:#d7e0e5}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:34px}.footer-grid>div{display:flex;flex-direction:column;gap:9px;font-size:.82rem}.footer-grid p{color:#8ea2af;max-width:350px}.footer-grid a,.footer-grid span{color:#aebdc6}.footer-grid strong{color:#fff}.footer-brand .brand-mark span{border-color:#fff}.footer-brand .brand-mark span:nth-child(2){border-color:var(--accent)}.footer-brand .brand-copy small{color:#8ea2af}.footer-bottom{border-top:1px solid #20323e;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#7f929e;font-size:.72rem}.mobile-cta{display:none}
@media(max-width:1040px){.main-nav{position:absolute;top:78px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:10px}.nav-toggle{display:block}.hero-grid,.feature-grid,.tech-grid,.inquiry-grid,.value-grid{grid-template-columns:1fr}.feature-grid.reverse .feature-image,.feature-grid.reverse .feature-copy{order:initial}.hero-visual,.feature-image{max-width:760px}.inquiry-copy{position:static}.value-cards{max-width:760px}.process-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div:nth-child(2){border-right:0}.trust-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1.8fr 1fr 1fr}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:auto}.section-pad{padding:74px 0}}
@media(max-width:680px){body{padding-bottom:66px}.container{width:min(100% - 28px,1180px)}.section-pad{padding:58px 0}.nav-wrap{height:70px}.main-nav{top:70px}.brand-copy small{display:none}.hero{padding-top:40px}.hero-grid{gap:34px}h1{font-size:clamp(2.65rem,14vw,4rem)}.floating-card{display:none}.hero-visual figcaption{text-align:left}.trust-grid,.process-grid,.field-row,.field-row.three,.choice-grid,.footer-grid,.value-cards,.feature-specs{grid-template-columns:1fr}.trust-grid div{border-right:0!important;border-bottom:1px solid var(--line)}.trust-grid div:last-child{border-bottom:0}.feature-grid,.tech-grid,.inquiry-grid,.value-grid{gap:36px}.feature-specs div,.feature-specs div:nth-child(odd),.feature-specs div:nth-child(even){padding:13px 0;border-left:0}.value-cards{border-left:0}.value-cards article{border-left:1px solid #2f4656}.final-cta-inner{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.lead-form{padding:18px}.spec-card{padding:20px}.mobile-cta{display:flex;position:fixed;z-index:120;left:14px;right:14px;bottom:10px;justify-content:center;background:var(--accent);color:#fff;padding:13px 18px;border-radius:14px;font-weight:850;box-shadow:0 12px 30px rgba(13,34,50,.28)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}


.real-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.real-gallery figure{margin:0;overflow:hidden;border-radius:18px;background:#eef2f3;border:1px solid var(--line);position:relative}.real-gallery figure:nth-child(1){grid-column:span 5}.real-gallery figure:nth-child(2){grid-column:span 4}.real-gallery figure:nth-child(3){grid-column:span 3}.real-gallery figure:nth-child(4){grid-column:span 4}.real-gallery figure:nth-child(5){grid-column:span 4}.real-gallery figure:nth-child(6){grid-column:span 4}.real-gallery img{width:100%;height:390px;object-fit:cover}.real-gallery figure:nth-child(n+4) img{height:310px}.real-gallery figcaption{position:absolute;left:10px;bottom:10px;background:rgba(13,34,50,.78);color:#fff;padding:7px 10px;border-radius:999px;font-size:.68rem;font-weight:800;backdrop-filter:blur(6px)}.gallery-note{font-size:.82rem;color:var(--muted);margin-top:16px}@media(max-width:780px){.real-gallery{grid-template-columns:1fr 1fr}.real-gallery figure,.real-gallery figure:nth-child(n){grid-column:auto}.real-gallery img,.real-gallery figure:nth-child(n+4) img{height:300px}}@media(max-width:520px){.real-gallery{grid-template-columns:1fr}.real-gallery img,.real-gallery figure:nth-child(n+4) img{height:360px}}

/* V5 Professional polish */
h1,h2{ text-wrap:balance; }
.feature-copy h2{max-width:650px}
.section-heading h2{max-width:760px}
.product-feature .image-shell{
  border:0;
  background:#edf2f3;
  box-shadow:0 18px 48px rgba(13,34,50,.11);
  border-radius:24px;
}
.product-feature .image-shell img{
  width:100%;
  aspect-ratio:1.48/1;
  height:auto;
  object-fit:cover;
  object-position:center;
}
#schiebe .image-shell{
  background:#fff;
  overflow:hidden;
}
#schiebe .image-shell img{
  display:block;
  width:100%;
  margin:0;
  border:0;
  border-radius:0;
  object-fit:cover;
  object-position:center;
}
.visual-label{
  left:16px;
  bottom:16px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(13,34,50,.92);
  box-shadow:0 8px 22px rgba(13,34,50,.18);
  letter-spacing:.015em;
}
.feature-copy .eyebrow,
.section-heading .eyebrow{
  margin-bottom:12px;
}
.feature-copy .lead-small{
  max-width:620px;
  line-height:1.65;
}
@media(max-width:1040px){
  .feature-copy h2{max-width:760px}
  .product-feature .image-shell img{aspect-ratio:1.55/1}
}
@media(max-width:680px){
  .product-feature .image-shell{border-radius:18px}
  .product-feature .image-shell img{aspect-ratio:1.2/1}
  .visual-label{left:12px;bottom:12px;font-size:.64rem}
}


.hero-points span { min-height: 44px; display:flex; align-items:center; }
.legal-section { padding-top: 1rem; }
.legal-section.alt { padding-top: 0; }
.legal-grid { display:grid; grid-template-columns: 1.3fr .9fr; gap: 1.4rem; align-items:start; }
.section-heading.compact p:last-child { max-width: 70ch; }
.legal-card { background: #fff; border: 1px solid rgba(13,37,63,.12); border-radius: 22px; padding: 1.25rem 1.35rem; box-shadow: 0 14px 34px rgba(13,37,63,.08); }
.legal-card strong { display:block; margin-bottom:.55rem; font-size:1rem; color:#0f2942; }
.legal-card p { margin:0; color:#47607a; }
.contact-card small { line-height: 1.45; }
.form-note { color:#53697f; }
.real-gallery figure { align-self: stretch; }
.real-gallery img { aspect-ratio: 3 / 2; object-fit: cover; }
@media (max-width: 860px) {
  .legal-grid { grid-template-columns: 1fr; }
}

/* V9 final polish */
[hidden]{display:none!important}
.nav-cta{background:var(--accent)!important;color:#fff!important;box-shadow:0 8px 22px rgba(47,117,107,.22)}
.nav-cta:hover{background:var(--accent-dark)!important;color:#fff!important}
.real-gallery{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important}
.real-gallery figure,.real-gallery figure:nth-child(n){grid-column:span 2!important;border-radius:18px!important}
.real-gallery figure:nth-child(4){grid-column:2 / span 2!important}
.real-gallery figure:nth-child(5){grid-column:4 / span 2!important}
.real-gallery img,.real-gallery figure:nth-child(n+4) img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important}
.legal-details p{margin:0 0 1rem}.legal-details p:last-child{margin-bottom:0}
@media(max-width:860px){.real-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.real-gallery figure,.real-gallery figure:nth-child(n){grid-column:auto!important}}
@media(max-width:540px){.real-gallery{grid-template-columns:1fr!important}.real-gallery img,.real-gallery figure:nth-child(n+4) img{aspect-ratio:4/3!important;height:auto!important}}

/* Dezentes, aber klar erkennbares Impressum */
.imprint-minimal{padding:14px 0;background:#f7f9fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.imprint-details{max-width:760px;margin:0 auto}
.imprint-details summary{cursor:pointer;list-style:none;font-size:.94rem;font-weight:650;line-height:1.5;color:#536672;padding:6px 2px;display:inline-flex;align-items:center;gap:7px}
.imprint-details summary::-webkit-details-marker{display:none}
.imprint-details summary::after{content:'+';font-size:1rem;font-weight:600;color:#7d8d97}
.imprint-details[open] summary::after{content:'–'}
.imprint-details summary:hover,.imprint-details summary:focus-visible{color:var(--ink)}
.imprint-content{margin-top:12px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#536672;font-size:.93rem;line-height:1.65}
.imprint-content p{margin:0 0 12px}.imprint-content p:last-child{margin-bottom:0}.imprint-content strong{color:var(--ink)}
.imprint-note{color:#6c7d87}
@media(max-width:680px){.imprint-minimal{padding:12px 0}.imprint-details summary{font-size:.98rem}.imprint-content{padding:16px;font-size:.96rem}}

.image-rights-note{
  margin:16px 0 0;
  color:#6d7b79;
  font-size:.78rem;
  line-height:1.55;
}
.real-gallery figure:nth-child(7){
  grid-column:span 6!important;
}
@media (max-width:900px){
  .real-gallery figure:nth-child(7){grid-column:auto!important}
}

/* V7 final professional review */
html, body { max-width:100%; overflow-x:hidden; }
body { text-rendering:optimizeLegibility; }
.hero-copy, .feature-copy, .section-heading { min-width:0; }
h1 {
  font-size:clamp(3rem, 5vw, 4.85rem);
  line-height:1.01;
  letter-spacing:-.048em;
  max-width:760px;
  overflow-wrap:normal;
  word-break:normal;
}
h1 span { display:inline-block; margin-top:.12em; }
.hero-lead { max-width:660px; line-height:1.62; }
.hero-visual { min-width:0; }
.hero-image-shell { border-radius:26px; }
.hero-image-shell img { display:block; width:100%; height:auto; aspect-ratio:1.34/1; object-fit:cover; }
.hero-points span { min-height:40px; }
.section-heading.compact { max-width:800px; }
.section-heading.compact > p:not(.eyebrow) { max-width:760px; line-height:1.65; }

.real-gallery {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.real-gallery figure,
.real-gallery figure:nth-child(n) {
  grid-column:auto;
  min-width:0;
  margin:0;
  overflow:hidden;
  position:relative;
  border-radius:20px;
  border:1px solid var(--line);
  background:#eef2f3;
  box-shadow:0 14px 32px rgba(13,34,50,.08);
}
.gallery-open {
  display:block;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  cursor:zoom-in;
}
.real-gallery img,
.real-gallery figure:nth-child(n+4) img {
  display:block;
  width:100%;
  height:340px;
  object-fit:cover;
  transition:transform .28s ease;
}
.gallery-open:hover img { transform:scale(1.018); }
.real-gallery figcaption {
  position:absolute;
  left:12px;
  bottom:12px;
  max-width:calc(100% - 24px);
  background:rgba(13,34,50,.88);
  color:#fff;
  padding:8px 11px;
  border-radius:999px;
  font-size:.72rem;
  line-height:1.2;
  font-weight:800;
  backdrop-filter:blur(7px);
  white-space:normal;
}
.gallery-note { margin-top:18px; line-height:1.55; }

#gallery-lightbox {
  width:min(94vw,1100px);
  max-height:92vh;
  border:0;
  border-radius:22px;
  padding:14px;
  background:#fff;
  box-shadow:0 28px 90px rgba(13,34,50,.28);
}
#gallery-lightbox::backdrop { background:rgba(7,20,29,.78); backdrop-filter:blur(3px); }
#gallery-lightbox img { display:block; width:100%; max-height:78vh; object-fit:contain; border-radius:14px; background:#edf2f3; }
#lightbox-caption { margin:10px 42px 2px 4px; color:var(--ink); font-weight:750; }
.lightbox-close {
  position:absolute;
  top:18px;
  right:18px;
  width:40px;
  height:40px;
  border:0;
  border-radius:999px;
  background:rgba(13,34,50,.92);
  color:#fff;
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.notice strong { display:block; margin-bottom:4px; }
.legal-section .notice { max-width:760px; }

@media (max-width:1040px) {
  h1 { max-width:900px; font-size:clamp(2.9rem,7vw,4.6rem); }
  .hero-image-shell img { aspect-ratio:1.45/1; }
  .real-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .hero { padding-top:34px; }
  h1 {
    font-size:clamp(2.25rem,10.8vw,3.15rem);
    line-height:1.01;
    letter-spacing:-.042em;
    max-width:100%;
  }
  h1 span { margin-top:.16em; }
  .hero-lead { font-size:1.02rem; line-height:1.58; }
  .hero-actions { gap:9px; }
  .hero-actions .btn { width:100%; }
  .hero-points { gap:7px; }
  .hero-points span { flex:1 1 calc(50% - 7px); justify-content:center; text-align:center; padding:8px 9px; }
  .hero-image-shell img { aspect-ratio:1.12/1; }
  .real-gallery { grid-template-columns:1fr; gap:12px; }
  .real-gallery img,
  .real-gallery figure:nth-child(n+4) img { height:310px; }
  .real-gallery figcaption { font-size:.7rem; }
  #gallery-lightbox { width:96vw; padding:8px; border-radius:16px; }
  #gallery-lightbox img { max-height:76vh; }
}
@media (max-width:390px) {
  h1 { font-size:2.28rem; letter-spacing:-.038em; }
  .container { width:min(100% - 24px,1180px); }
  .brand-copy strong { font-size:.87rem; }
}

/* V8 – geführter Projekt-Konfigurator */
.configurator-section{background:linear-gradient(180deg,#fff 0%,#f7f9f9 100%)}
.configurator-layout{align-items:start}.configurator-copy{top:104px}.config-benefits{display:grid;gap:10px;margin:27px 0 0}.config-benefits>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}.config-benefits b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-size:.7rem}.config-benefits span{display:flex;flex-direction:column;gap:3px}.config-benefits strong{font-size:.88rem}.config-benefits small{color:var(--muted);font-size:.78rem;line-height:1.45}.config-note{margin-top:20px}
.project-configurator{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 18px 50px rgba(13,34,50,.08);min-width:0}.config-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.config-topbar>div:first-child{display:flex;flex-direction:column;gap:5px}.config-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sage);font-weight:850}.config-topbar strong{font-size:1.28rem;line-height:1.25}.config-counter{display:flex;align-items:baseline;gap:3px;font-weight:850;color:var(--muted);white-space:nowrap}.config-counter span:first-child{font-size:1.45rem;color:var(--ink)}.config-progress{height:5px;border-radius:999px;background:#e8edef;overflow:hidden;margin:18px 0 28px}.config-progress span{display:block;height:100%;width:16.666%;border-radius:inherit;background:var(--accent);transition:width .25s ease}.config-step{display:none}.config-step.is-active{display:block;animation:configFade .22s ease}@keyframes configFade{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.config-help{font-size:.88rem;margin-bottom:18px;max-width:680px}.config-card-grid{display:grid;gap:12px}.config-card-grid.two{grid-template-columns:repeat(2,1fr)}.config-card-grid.three{grid-template-columns:repeat(3,1fr)}.config-choice-card{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;min-height:155px;padding:18px;border:1px solid #d5dee3;border-radius:16px;background:#fff;cursor:pointer;transition:.18s ease;font-weight:inherit!important}.config-choice-card:hover{border-color:#9aabb5;transform:translateY(-1px);box-shadow:0 8px 22px rgba(13,34,50,.06)}.config-choice-card input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.config-choice-card:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#f7f9fa}.config-choice-card:has(input:focus-visible){outline:3px solid rgba(47,117,107,.22);outline-offset:2px}.config-choice-card strong{font-size:.9rem;margin-top:auto;color:var(--ink)}.config-choice-card small{font-size:.74rem;color:var(--muted);line-height:1.45;margin-top:5px}.choice-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--ink);font-size:1.25rem;margin-bottom:16px}.config-choice-card:has(input:checked) .choice-icon{background:var(--ink);color:#fff}.compact-cards .config-choice-card{min-height:138px}.swatch{width:38px;height:38px;border-radius:50%;display:block;margin-bottom:16px;border:1px solid #cbd6dc;box-shadow:inset 0 0 0 4px #fff}.swatch-white{background:#f7f7f5}.swatch-dark{background:#33383b}.swatch-wood{background:linear-gradient(135deg,#9a704c,#cfad7b)}.quantity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quantity-grid label{position:relative;border:1px solid var(--line);border-radius:15px;padding:15px;background:#fbfcfc}.quantity-grid label>span{font-size:.8rem;font-weight:850}.quantity-grid input{font-size:1.2rem;font-weight:800;margin-top:8px;padding-right:55px}.quantity-grid small{position:absolute;right:27px;bottom:28px;color:var(--muted);font-size:.7rem}.config-inline-field{margin-top:16px}.config-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.config-field-grid label,.config-inline-field label{font-size:.8rem;font-weight:800;color:#334b5b}.config-error{font-size:.76rem;color:#9b3c23;margin:10px 0 0;font-weight:750}.config-nav{display:flex;justify-content:flex-end;gap:10px;padding-top:23px;margin-top:25px;border-top:1px solid var(--line)}.config-nav .btn-secondary{margin-right:auto}.config-form-note{text-align:right;margin-bottom:0}.config-review{margin-top:18px;border:1px solid #dfe6e9;background:#f7f9f9;border-radius:14px;padding:14px 15px;font-size:.78rem;color:#4b5e69}.config-review:empty{display:none}.config-result{margin-top:20px}.config-result pre{max-height:320px;overflow:auto}
@media(max-width:1040px){.configurator-copy{position:static}.project-configurator{max-width:820px}.config-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.project-configurator{padding:20px;border-radius:20px}.config-card-grid.two,.config-card-grid.three,.quantity-grid,.config-field-grid{grid-template-columns:1fr}.config-choice-card,.compact-cards .config-choice-card{min-height:118px}.config-choice-card small{max-width:420px}.config-topbar strong{font-size:1.08rem}.config-counter span:first-child{font-size:1.25rem}.config-nav{position:sticky;bottom:69px;background:#fff;padding:14px 0 2px;z-index:4}.config-nav .btn{flex:1}.config-form-note{text-align:left}.quantity-grid small{right:28px}.config-benefits>div{grid-template-columns:34px 1fr}}

/* Lesefreundliche Typografie – optimiert für gute Erkennbarkeit auf Desktop und Mobil */
:root{
  --muted:#536671;
}
html{
  font-size:16px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size:17px;
  line-height:1.68;
  letter-spacing:.002em;
  font-weight:400;
  text-rendering:optimizeLegibility;
}
body,button,input,select,textarea{font-family:inherit}
p{line-height:1.72;color:#536671}
h1,h2,h3,.brand-copy strong,.btn,.main-nav,.text-link,summary,strong{
  font-family:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
h1{letter-spacing:-.035em;line-height:1.04}
h2{letter-spacing:-.025em;line-height:1.12}
h3{font-size:1.16rem;line-height:1.35}
.eyebrow{font-size:.82rem;letter-spacing:.12em}
.brand-copy strong{font-size:1rem;letter-spacing:.055em}
.brand-copy small{font-size:.76rem;line-height:1.35}
.main-nav{font-size:.96rem}
.btn{font-size:1rem;line-height:1.25;padding:14px 21px}
.hero-lead{font-size:1.18rem;line-height:1.68}
.hero-points span{font-size:.86rem;line-height:1.35}
.hero-visual figcaption{font-size:.79rem;line-height:1.45;color:#667883}
.floating-card strong{font-size:.9rem}.floating-card span{font-size:.81rem}
.trust-grid strong{font-size:.87rem}.trust-grid span{font-size:.94rem;line-height:1.4}
.visual-label{font-size:.79rem;line-height:1.3;letter-spacing:.02em}
.lead-small{font-size:1.08rem;line-height:1.7}
.feature-specs strong{font-size:.91rem}.feature-specs span{font-size:.88rem;line-height:1.45}
.value-cards article>span{font-size:.8rem}.value-cards p{font-size:.95rem;line-height:1.65}
.section-heading>p:last-child{font-size:1.06rem;line-height:1.7}
.process-grid p{font-size:.96rem;line-height:1.65}
.notice{font-size:.96rem;line-height:1.65}
.spec-title{font-size:1.12rem}.spec-card dt,.spec-card dd{font-size:.95rem;line-height:1.45}.spec-card small{font-size:.87rem;line-height:1.6}
.mini-steps b{font-size:.8rem}.mini-steps span{font-size:.93rem;line-height:1.45}
.contact-card>span{font-size:.79rem;letter-spacing:.09em}.contact-card strong{font-size:1.14rem}.contact-card small{font-size:.87rem;line-height:1.55}
.form-head strong{font-size:1.1rem}.form-head span{font-size:.8rem}
label,legend{font-size:.91rem;line-height:1.4}
input,select,textarea{font-size:1rem;line-height:1.4;min-height:48px;padding:13px 14px}
textarea{min-height:118px}
.choice-grid label span{font-size:.94rem;line-height:1.4;min-height:48px}
.consent{font-size:.9rem;line-height:1.55!important}
.form-note{font-size:.82rem;line-height:1.55}.result-head span{font-size:.8rem}.form-result pre{font-size:.82rem;line-height:1.6}
summary{font-size:1rem;line-height:1.5}details p{font-size:1rem;line-height:1.7}
.footer-grid>div{font-size:.9rem;line-height:1.55}.footer-grid p{color:#a9b8c0}.footer-grid a,.footer-grid span{color:#c2cdd3}.footer-bottom{font-size:.82rem;color:#9eafb9}
.real-gallery figcaption{font-size:.8rem;line-height:1.35}.gallery-note{font-size:.9rem;line-height:1.6}
.config-kicker{font-size:.78rem;letter-spacing:.09em}.config-topbar strong{font-size:1.32rem;line-height:1.35}.config-counter{font-size:.95rem}
.config-help{font-size:.96rem;line-height:1.65}.config-benefits strong{font-size:.94rem}.config-benefits small{font-size:.87rem;line-height:1.55}
.config-choice-card strong{font-size:.98rem;line-height:1.4}.config-choice-card small{font-size:.86rem;line-height:1.55}
.quantity-grid label>span{font-size:.9rem}.quantity-grid small{font-size:.8rem}.config-field-grid label,.config-inline-field label{font-size:.91rem}
.config-error{font-size:.84rem}.config-form-note,.config-review{font-size:.85rem;line-height:1.55}
.mobile-cta{font-size:1rem}
@media(max-width:680px){
  body{font-size:16.5px;line-height:1.68}
  h1{line-height:1.06;letter-spacing:-.03em}
  h2{line-height:1.14}
  .hero-lead{font-size:1.08rem}
  .main-nav{font-size:1rem}
  .btn{min-height:48px}
  .brand-copy strong{font-size:.94rem}
  .real-gallery figcaption{font-size:.82rem}
}
@media(min-width:1200px){
  body{font-size:17.5px}
}

/* V10 – modern, ruhig und besonders gut lesbar */
:root{
  --text-main:#1f313c;
  --text-soft:#4d626d;
}
html{font-size:17px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.66!important;
  letter-spacing:0!important;
  font-weight:400!important;
  color:var(--text-main)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body,button,input,select,textarea{font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important}
p{font-size:1rem!important;line-height:1.7!important;color:var(--text-soft)!important}
h1,h2,h3,h4,.brand-copy strong,.config-topbar strong,.spec-title{
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  color:var(--ink)!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
}
h1{line-height:1.06!important;letter-spacing:-.026em!important}
h2{line-height:1.14!important}
h3{line-height:1.3!important}
.main-nav a{font-size:1rem!important;font-weight:600!important;letter-spacing:0!important}
.btn{
  font-size:1rem!important;
  font-weight:650!important;
  letter-spacing:0!important;
  min-height:50px;
}
.eyebrow,.config-kicker{font-size:.82rem!important;font-weight:700!important;letter-spacing:.08em!important}
.lead,.hero p,.section-head p{font-size:1.06rem!important;line-height:1.7!important}
.feature-card p,.product-card p,.process-card p,.faq-item p,.legal-copy p{font-size:.96rem!important}
.config-topbar strong{font-size:1.12rem!important;line-height:1.35!important}
.config-counter{font-size:1rem!important;font-weight:700!important}
.config-help{font-size:.98rem!important;line-height:1.6!important;color:var(--text-soft)!important}
.config-choice-card strong{font-size:1rem!important;font-weight:700!important;line-height:1.35!important}
.config-choice-card small{font-size:.88rem!important;line-height:1.55!important;color:var(--text-soft)!important}
.config-choice-card{min-height:160px!important;padding:20px!important}
.compact-cards .config-choice-card{min-height:148px!important}
.choice-icon{width:42px!important;height:42px!important;font-size:1.3rem!important}
label,legend{font-size:.96rem!important;font-weight:600!important;line-height:1.45!important}
input,select,textarea{
  font-size:1rem!important;
  line-height:1.45!important;
  min-height:48px;
  color:var(--text-main)!important;
}
textarea{min-height:112px}
.form-note,.config-form-note{font-size:.82rem!important;line-height:1.55!important}
.mini-steps span{font-size:.95rem!important;font-weight:600!important}
.contact-card>span{font-size:.8rem!important}
.contact-card strong{font-size:1.12rem!important}
.contact-card small{font-size:.88rem!important;line-height:1.55!important}
.config-error{
  margin:12px 0 4px!important;
  padding:11px 13px!important;
  border-radius:10px!important;
  background:#fff3ee!important;
  border:1px solid #efb59d!important;
  color:#8a3414!important;
  font-size:.92rem!important;
  font-weight:650!important;
  line-height:1.45!important;
}
.config-card-grid.has-error .config-choice-card{border-color:#d77b56!important}
.config-card-grid.has-error{border-radius:18px;box-shadow:0 0 0 3px rgba(47,117,107,.10)}
@media (max-width:760px){
  html{font-size:16px}
  body{font-size:17px!important;line-height:1.65!important}
  .main-nav a{font-size:1.02rem!important}
  .config-choice-card{min-height:0!important;padding:17px!important}
  .compact-cards .config-choice-card{min-height:0!important}
  .config-help{font-size:.96rem!important}
  .btn{min-height:52px}
}

/* Mehr Kontrast – angenehm auch bei schwächerem Sehvermögen */
label,legend{color:#344b56!important}
input,select,textarea{border-color:#b9c7ce!important;background:#fff!important}
input::placeholder,textarea::placeholder{color:#7c8b92!important;opacity:1!important}
select{color:#2c414b!important}
.config-help{color:#506670!important}
.config-review{color:#4a606a!important;background:#fafcfc!important;border-color:#d8e1e5!important}
.config-review strong{color:#314852!important}
.consent span{color:#435963!important}
.consent a{color:#9b3f20!important;text-decoration-thickness:1.5px!important;text-underline-offset:2px}
.config-choice-card:has(input:checked)::after{
  content:"✓";
  position:absolute;
  top:12px;
  right:12px;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--ink);
  color:#fff;
  font-size:.78rem;
  font-weight:800;
}

/* V11 – elegante, ruhige Grünwelt. Lesbarkeit und Konfigurator-Funktion bleiben erhalten. */
:root{
  --ink:#123a35;
  --ink2:#244f49;
  --muted:#5b706a;
  --line:#d9e2de;
  --soft:#f5f6f2;
  --white:#fff;
  --accent:#2f756b;
  --accent-dark:#245d55;
  --sage:#2f756b;
  --olive:#8a8760;
  --sand:#c7b58f;
  --cream:#faf8f3;
  --stone:#eeebe4;
  --radius:22px;
  --shadow:0 20px 48px rgba(18,58,53,.10);
  --text-main:#183b36;
  --text-soft:#5a6d68;
}
body{
  color:var(--text-main)!important;
  background:#fff!important;
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.68!important;
}
p{color:var(--text-soft)!important;line-height:1.72!important}
h1,h2{
  font-family:Georgia,"Times New Roman",serif!important;
  color:var(--ink)!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
h1{line-height:1.03!important}
h2{line-height:1.08!important}
h3,h4,.brand-copy strong,.config-topbar strong,.spec-title{
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  color:var(--ink)!important;
  font-weight:700!important;
}
.eyebrow,.config-kicker{color:var(--accent)!important;letter-spacing:.115em!important;font-weight:750!important}
.eyebrow.light{color:#e0ece8!important}

/* Header / Navigation */
.site-header{background:rgba(255,255,255,.965)!important;border-bottom:1px solid rgba(47,117,107,.13)!important;box-shadow:0 6px 26px rgba(16,45,43,.035)}
.brand-mark span{border-color:var(--ink)!important}.brand-mark span:nth-child(2){border-color:var(--accent)!important}
.brand-copy strong{letter-spacing:.07em!important}.brand-copy small{color:#667b75!important}
.main-nav>a:not(.nav-cta){color:#385550!important}.main-nav>a:not(.nav-cta):hover{color:var(--accent)!important}
.nav-cta{background:var(--accent)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 9px 24px rgba(47,117,107,.18)}
.nav-cta:hover{background:var(--accent-dark)!important}

/* Hero */
.hero{background:linear-gradient(108deg,#fff 0%,#fff 54%,#f1f5f1 100%);padding-top:70px!important}
.hero-grid{gap:62px!important}
.hero h1 span{color:var(--accent)!important}
.hero-lead{color:#526a64!important;max-width:650px!important}
.hero-points span{border-color:#d6e1dc!important;color:#48625c!important;background:#fbfcfa!important}
.image-shell{border-radius:24px!important;border:1px solid #dbe4e0!important;box-shadow:0 24px 56px rgba(16,45,43,.13)!important;background:#f0f2ee!important}
.floating-card{border-color:#dce5e1!important;box-shadow:0 15px 34px rgba(16,45,43,.13)!important}

/* Buttons */
.btn{border-radius:11px!important;font-weight:650!important;box-shadow:none}
.btn-primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 10px 24px rgba(47,117,107,.18)!important}
.btn-primary:hover{background:var(--accent-dark)!important;border-color:var(--accent-dark)!important}
.btn-secondary{background:#fff!important;border-color:#9eb8b1!important;color:var(--accent-dark)!important}
.btn-secondary:hover{border-color:var(--accent)!important;background:#f5f8f6!important;color:var(--accent-dark)!important}
.btn-light{background:#fff!important;color:var(--ink)!important;border:1px solid rgba(255,255,255,.7)!important}
.text-link span,summary:after{color:var(--accent)!important}

/* Trust / product sections */
.trust-strip{background:#fbfcfa!important;border-color:#dce5e1!important}
.trust-grid div{border-color:#dce5e1!important}.trust-grid strong{color:var(--accent)!important}
.section-soft{background:#f5f7f3!important}
.feature-specs,.feature-specs div,.faq-list,details{border-color:var(--line)!important}
.visual-label{background:rgba(16,45,43,.88)!important}
.notice{border-color:#d4e0db!important;background:#fbfcfa!important;color:#43605a!important}
.spec-card{border-color:#d7e2de!important;box-shadow:0 14px 36px rgba(16,45,43,.055)!important}

/* Premium dark section */
.section-dark{background:linear-gradient(135deg,#173f3a 0%,#245f57 100%)!important;color:#fff!important}
.section-dark h2,.section-dark h3{color:#fff!important}
.section-dark p,.section-dark .value-intro p,.section-dark .value-cards p{color:#d8e6e2!important}
.value-cards{border-color:rgba(255,255,255,.18)!important}
.value-cards article{border-color:rgba(255,255,255,.18)!important}
.value-cards article>span{color:#d8c7a7!important}

/* Process */
.process-grid li{border-color:#d8e2de!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(16,45,43,.035)}
.process-grid li>span{background:var(--accent)!important;color:#fff!important}

/* Gallery */
.real-gallery figure{border-color:#d7e2de!important;border-radius:17px!important;background:#f0f2ee!important;box-shadow:0 8px 22px rgba(16,45,43,.035)}
.real-gallery figcaption{background:rgba(16,45,43,.88)!important}
.gallery-note{color:#657a74!important}

/* Konfigurator */
.configurator-section{background:linear-gradient(180deg,#fff 0%,#f2f5f1 100%)!important}
.project-configurator{border-color:#d5e0dc!important;border-radius:22px!important;box-shadow:0 20px 48px rgba(16,45,43,.09)!important}
.config-benefits b{background:var(--accent)!important}
.config-progress{background:#e4ece8!important}.config-progress span{background:var(--accent)!important}
.config-kicker{color:var(--accent)!important}
.config-choice-card{border-color:#cfddd8!important;border-radius:15px!important}
.config-choice-card:hover{border-color:#7fa69b!important;box-shadow:0 9px 23px rgba(47,117,107,.07)!important}
.config-choice-card:has(input:checked){border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent)!important;background:#f1f7f4!important}
.config-choice-card:has(input:checked) .choice-icon{background:var(--accent)!important;color:#fff!important}
.config-choice-card:has(input:checked)::after{background:var(--accent)!important}
.config-choice-card:has(input:focus-visible){outline-color:rgba(47,117,107,.24)!important}
.choice-icon{background:#edf3f0!important;color:var(--accent-dark)!important}
.quantity-grid label{border-color:#d4e0db!important;background:#fbfcfa!important}
.config-review{background:#f7faf8!important;border-color:#d5e2dd!important;color:#46615b!important}
.config-review strong{color:var(--ink)!important}
label,legend,.config-field-grid label,.config-inline-field label{color:#36564f!important}
input,select,textarea{border-color:#b8cbc5!important;color:var(--text-main)!important;background:#fff!important}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(47,117,107,.13)!important}
.config-nav{border-color:#d9e3df!important}
.form-result{border-color:#b9d2ca!important;background:#f1f7f4!important}.result-head span{background:#dcece7!important;color:#285b52!important}

/* CTA – gewünschtes sattes Grün */
.final-cta{background:linear-gradient(105deg,#2f756b 0%,#2b6e64 58%,#265f58 100%)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.06)}
.final-cta h2{color:#fff!important}
.final-cta p{color:#e4efec!important}
.final-cta .eyebrow{color:#d9c8a6!important}
.final-cta .btn-light{background:#fff!important;color:#163a35!important;border-radius:12px!important;box-shadow:0 12px 30px rgba(6,31,28,.16)!important}

/* Legal */
.imprint-minimal,.legal-section{background:#fff!important}
.legal-section.alt{background:#f5f7f3!important}
.legal-card{border-color:#d7e2de!important;box-shadow:0 8px 24px rgba(16,45,43,.035)!important}
.legal-card strong{color:var(--ink)!important}.legal-card p{color:#526963!important}

/* Footer */
.site-footer{background:#113b36!important;color:#e4eeeb!important}
.footer-grid p{color:#acc0ba!important}.footer-grid a,.footer-grid span{color:#c8d8d3!important}.footer-grid strong{color:#fff!important}
.footer-brand .brand-mark span{border-color:#fff!important}.footer-brand .brand-mark span:nth-child(2){border-color:#c7b48d!important}
.footer-brand .brand-copy small{color:#b4c6c0!important}
.footer-bottom{border-color:rgba(255,255,255,.14)!important;color:#a9bcb6!important}
.mobile-cta{background:var(--accent)!important;box-shadow:0 12px 30px rgba(16,45,43,.28)!important}

/* Elegant spacing / cards */
.section-pad{padding:88px 0!important}
.section-heading{margin-bottom:40px!important}
.contact-card{border-color:#d6e1dc!important;background:#fbfcfa!important}
.mini-steps b{background:#e4f0ec!important;color:var(--accent-dark)!important}

@media(max-width:680px){
  .hero{padding-top:42px!important}
  .section-pad{padding:58px 0!important}
  h1{font-size:clamp(2.5rem,13vw,3.85rem)!important;line-height:1.05!important}
  h2{line-height:1.12!important}
  .project-configurator{border-radius:18px!important}
}

/* V12 – Expert-QA: mobile Bedienung, iOS/Android-Komfort und robuste Navigation. */
html{scroll-padding-top:92px}
.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
section[id],footer[id],#anfrage,#zeitreise,#beispiele,#ablauf,#technik{scroll-margin-top:92px}

@media(max-width:680px){
  html{scroll-padding-top:78px}
  body{padding-bottom:0!important}
  section[id],footer[id],#anfrage,#zeitreise,#beispiele,#ablauf,#technik{scroll-margin-top:78px}
  .nav-toggle{min-width:48px;min-height:48px;padding:10px!important;display:grid!important;align-content:center;justify-content:center}
  .text-link{min-height:44px;display:inline-flex!important;align-items:center;padding-top:5px;padding-bottom:5px}
  .footer-grid a{min-height:44px;display:flex;align-items:center}
  input,select,textarea,button{font-size:16px!important}
  .hero-points span{font-size:.875rem!important}
  .hero-visual figcaption,.real-gallery figcaption,.visual-label,.form-note,.config-kicker,.footer-bottom,.eyebrow{font-size:.875rem!important}
  .mobile-cta{
    display:none!important;
    bottom:max(10px,env(safe-area-inset-bottom));
    min-height:54px;
    align-items:center;
  }
  .mobile-cta.is-visible{display:flex!important}
}
/* Fallback für ältere iOS/Safari-Versionen ohne :has()-Darstellung. */
.config-choice-card.is-selected{border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent)!important;background:#f1f7f4!important}
.config-choice-card.is-selected .choice-icon{background:var(--accent)!important;color:#fff!important}
.config-choice-card.is-selected::after{background:var(--accent)!important}

/* V14 – Navigation landet direkt am sichtbaren Sektionsinhalt. Ablauf kompakt auf einen Blick. */
#ablauf.section-pad{padding:46px 0 52px!important}
#ablauf .section-heading.compact{max-width:1040px!important;margin-bottom:22px!important}
#ablauf .section-heading.compact .eyebrow{margin-bottom:8px!important}
#ablauf .section-heading.compact h2{font-size:clamp(2rem,3.1vw,3rem)!important;line-height:1.04!important;margin-bottom:12px!important}
#ablauf .section-heading.compact>p:last-child{max-width:920px!important;font-size:.96rem!important;line-height:1.55!important;margin-bottom:0!important}
#ablauf .process-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
#ablauf .process-grid li{min-height:178px!important;padding:17px 15px!important;border-radius:15px!important;display:flex;flex-direction:column;align-items:flex-start}
#ablauf .process-grid li>span{width:31px!important;height:31px!important;margin-bottom:13px!important;font-size:.82rem!important;flex:0 0 auto}
#ablauf .process-grid h3{font-size:.98rem!important;line-height:1.22!important;margin-bottom:7px!important}
#ablauf .process-grid p{font-size:.80rem!important;line-height:1.46!important;margin:0!important}

/* Direkte Sprungziele sollen nicht unter dem Sticky-Header verschwinden. */
.main-nav a[href^="#"]{scroll-margin-top:0}
section[id]>.container{scroll-margin-top:96px}

@media(max-width:1180px){
  #ablauf .process-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #ablauf .process-grid li{min-height:165px!important}
}
@media(max-width:680px){
  #ablauf.section-pad{padding:38px 0 44px!important}
  #ablauf .section-heading.compact{margin-bottom:18px!important}
  #ablauf .section-heading.compact h2{font-size:2.15rem!important;line-height:1.08!important}
  #ablauf .process-grid{grid-template-columns:1fr!important;gap:7px!important}
  #ablauf .process-grid li{min-height:0!important;padding:10px 12px!important;display:grid;grid-template-columns:31px 1fr;column-gap:10px;row-gap:1px;align-items:start}
  #ablauf .process-grid li>span{grid-row:1 / span 2;margin:0!important;width:28px!important;height:28px!important;font-size:.76rem!important}
  #ablauf .process-grid h3{margin:0 0 2px!important;font-size:.96rem!important;line-height:1.18!important}
  #ablauf .process-grid p{font-size:.79rem!important;line-height:1.34!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}

/* V15 – Mobile Nutzung vereinfachen: kompakter Header, klare Navigation, schneller Rückweg zum Anfang. */
.mobile-nav-start,.mobile-quickbar{display:none}
@media(max-width:680px){
  html{scroll-padding-top:72px;scroll-padding-bottom:86px}
  body{padding-bottom:82px!important}
  .site-header{box-shadow:0 2px 12px rgba(13,34,50,.06)}
  .nav-wrap{height:64px!important;gap:10px}
  .brand{gap:9px;min-width:0}
  .brand-mark{grid-template-columns:7px 18px 7px;gap:3px;height:27px;flex:0 0 auto}
  .brand-copy strong{font-size:.90rem!important;letter-spacing:.045em!important;white-space:nowrap}
  .nav-toggle{width:44px;height:44px;padding:8px!important;border-radius:12px;background:#f4f8f6!important;display:grid!important;place-content:center;flex:0 0 auto}
  .nav-toggle span{width:22px!important;margin:3px!important;height:2px!important}
  .main-nav{top:68px!important;left:10px!important;right:10px!important;padding:10px!important;border-radius:16px!important;max-height:calc(100dvh - 86px);overflow-y:auto;gap:2px!important;box-shadow:0 18px 45px rgba(13,34,50,.17)!important}
  .main-nav a{min-height:46px;display:flex;align-items:center;padding:10px 13px!important;border-radius:10px;font-size:.98rem!important}
  .main-nav a:not(.nav-cta):active,.main-nav a:not(.nav-cta):focus-visible{background:#eef5f2}
  .main-nav .nav-cta{justify-content:center;margin-top:5px;min-height:48px}
  .mobile-nav-start{display:flex!important;color:var(--accent)!important;font-weight:850!important;border-bottom:1px solid var(--line);margin-bottom:4px;border-radius:8px 8px 0 0!important}

  .mobile-quickbar{position:fixed;z-index:125;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));height:56px;display:flex;gap:8px;padding:6px;background:rgba(255,255,255,.96);border:1px solid rgba(207,220,214,.95);border-radius:17px;box-shadow:0 12px 34px rgba(13,34,50,.20);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateY(90px);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s ease}
  .mobile-quickbar.is-visible{transform:none;opacity:1;pointer-events:auto}
  .mobile-quickbar a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;font-size:.91rem;font-weight:850;line-height:1;text-decoration:none}
  .mobile-quickbar-top{flex:0 0 34%;background:#eef5f2;color:#20483f}
  .mobile-quickbar-top span{font-size:1.2rem;margin-right:6px;line-height:1}
  .mobile-quickbar-inquiry{flex:1;background:var(--accent);color:#fff}
  .mobile-quickbar.is-in-inquiry .mobile-quickbar-inquiry{display:none}
  .mobile-quickbar.is-in-inquiry .mobile-quickbar-top{flex:1}
  .mobile-quickbar.is-hidden-for-input{display:none!important}

  /* Etwas weniger Leerraum auf kleinen Displays, ohne Inhalte zu streichen. */
  .section-pad{padding:48px 0!important}
  .hero{padding-top:30px!important}
  .hero-grid{gap:28px!important}
  .section-heading{margin-bottom:26px!important}
  .feature-grid,.tech-grid,.inquiry-grid,.value-grid{gap:30px!important}
  .lead-form,.project-configurator{border-radius:18px!important;padding:17px!important}
  .config-topbar{gap:10px!important}
  .config-topbar strong{font-size:1.14rem!important}
  .config-progress{margin:13px 0 21px!important}
  .config-choice-card{min-height:0!important;padding:14px!important}
  .config-nav{position:sticky;bottom:0;z-index:6;background:rgba(255,255,255,.97);margin:18px -17px -17px!important;padding:11px 17px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .config-nav .btn{min-height:46px!important}
}
@media(max-width:390px){
  .brand-copy strong{font-size:.84rem!important}
  .mobile-quickbar-top{flex-basis:36%}
  .mobile-quickbar a{font-size:.86rem}
}

/* V16 – ausschließlich Mobile: kompaktere Bildflächen und schnellere Orientierung. Desktop bleibt unverändert. */
@media (max-width:680px){
  .section-pad{padding:42px 0!important}
  .hero{padding-top:24px!important}
  .hero-grid{gap:22px!important}
  .hero-image-shell{border-radius:18px!important;max-height:220px!important}
  .hero-image-shell img{height:220px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 48%!important}
  .hero-visual figcaption{font-size:.69rem!important;line-height:1.35!important;margin-top:6px!important}

  .product-feature .feature-grid{gap:19px!important}
  .product-feature .feature-image{margin:0!important}
  .product-feature .image-shell{border-radius:17px!important;max-height:205px!important;box-shadow:0 10px 24px rgba(13,34,50,.10)!important}
  .product-feature .image-shell img,
  #schiebe .image-shell img{width:100%!important;height:205px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
  .visual-label{left:10px!important;bottom:10px!important;padding:6px 9px!important;font-size:.66rem!important}
  .feature-copy h2{font-size:clamp(1.85rem,9vw,2.35rem)!important;margin-bottom:13px!important}
  .feature-copy .lead-small{font-size:.98rem!important;line-height:1.58!important;margin-bottom:16px!important}
  .feature-specs{margin:17px 0 17px!important}
  .feature-specs div,.feature-specs div:nth-child(odd),.feature-specs div:nth-child(even){padding:9px 0!important}

  /* Referenzen wie eine kompakte Smartphone-Galerie statt großer Vollbreitenbilder. */
  #beispiele .section-heading{margin-bottom:20px!important}
  .real-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .real-gallery figure,.real-gallery figure:nth-child(n){grid-column:auto!important;border-radius:13px!important;box-shadow:0 7px 18px rgba(13,34,50,.07)!important}
  .real-gallery img,.real-gallery figure:nth-child(n+4) img{height:138px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
  .real-gallery figcaption{left:6px!important;right:6px!important;bottom:6px!important;max-width:none!important;padding:5px 7px!important;border-radius:9px!important;font-size:.64rem!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .gallery-note{font-size:.78rem!important;line-height:1.48!important;margin-top:12px!important}

  .value-grid{gap:22px!important}
  .value-cards article{padding:17px 0!important}
  #ablauf .section-heading.compact{margin-bottom:14px!important}
  #technik .tech-grid{gap:22px!important}
}
@media (max-width:390px){
  .hero-image-shell img{height:195px!important}
  .product-feature .image-shell,.product-feature .image-shell img,#schiebe .image-shell img{height:185px!important;max-height:185px!important}
  .real-gallery img,.real-gallery figure:nth-child(n+4) img{height:122px!important}
  .real-gallery figcaption{font-size:.60rem!important}
}

/* V18 FENSTER IMAGE SYSTEM — compact, responsive for desktop, iOS and Android */
.fenster-section{scroll-margin-top:86px}
.fenster-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.fenster-copy{min-width:0}
.fenster-main-visual{margin:0;min-width:0;max-width:560px;width:100%;justify-self:end}
.fenster-main-shell{border-radius:22px;background:#f2efe9;box-shadow:0 16px 42px rgba(18,48,43,.09);overflow:hidden}
.fenster-main-shell img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f2efe9}
.fenster-caption{font-size:.7rem;line-height:1.4;color:var(--muted);text-align:center;margin-top:9px;letter-spacing:.01em}
@media(max-width:1040px){
  .fenster-feature{gap:34px;grid-template-columns:1fr 1fr}
  .fenster-main-visual{max-width:500px}
}
@media(max-width:680px){
  .fenster-section{scroll-margin-top:72px;padding-top:32px!important;padding-bottom:42px!important}
  .fenster-feature{display:flex;flex-direction:column;gap:18px;align-items:stretch}
  .fenster-copy{order:1}
  .fenster-main-visual{order:2;max-width:420px;margin-inline:auto}
  .fenster-copy h2{font-size:clamp(2rem,9.5vw,2.6rem);line-height:.99;margin-bottom:14px}
  .fenster-copy .lead-small{font-size:.93rem;line-height:1.56}
  .fenster-copy .feature-specs{margin:18px 0 17px}
  .fenster-main-shell{border-radius:16px;box-shadow:0 10px 26px rgba(18,48,43,.075)}
  .fenster-caption{text-align:center;font-size:.62rem;margin-top:7px}
}
@media(max-width:390px){
  .fenster-main-visual{max-width:350px}
  .fenster-copy .feature-specs span{font-size:.7rem}
}

/* V20 – Referenzgalerie: kompakt, gleichmäßig, responsive */
#beispiele .real-gallery{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
#beispiele .real-gallery figure,
#beispiele .real-gallery figure:nth-child(n){
  grid-column:auto!important;
  min-width:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
#beispiele .real-gallery picture{display:block;width:100%;background:#eef2f3}
#beispiele .real-gallery img,
#beispiele .real-gallery figure:nth-child(n+4) img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  object-position:center!important;
}
#beispiele .real-gallery figcaption{
  left:10px!important;
  bottom:10px!important;
  max-width:calc(100% - 20px)!important;
  padding:7px 10px!important;
  font-size:.68rem!important;
}
@media(max-width:900px){
  #beispiele .real-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  #beispiele{scroll-margin-top:72px}
  #beispiele .section-heading{margin-bottom:18px!important}
  #beispiele .real-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #beispiele .real-gallery figure{border-radius:13px!important}
  #beispiele .real-gallery img,
  #beispiele .real-gallery figure:nth-child(n+4) img{
    height:auto!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
  }
  #beispiele .real-gallery figcaption{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    max-width:none!important;
    padding:5px 7px!important;
    border-radius:9px!important;
    font-size:.60rem!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #beispiele .gallery-note{font-size:.76rem!important;margin-top:10px!important}
}
@media(max-width:340px){
  #beispiele .real-gallery{grid-template-columns:1fr!important}
  #beispiele .real-gallery img,
  #beispiele .real-gallery figure:nth-child(n+4) img{aspect-ratio:4/3!important}
}

/* V20 – drei kompakte PVC-Fensterbilder, responsive */
.fenster-feature-v20{grid-template-columns:.86fr 1.14fr;gap:46px;align-items:center}
.fenster-color-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;align-items:start}
.fenster-color-card{margin:0;min-width:0;border:1px solid rgba(31,82,72,.13);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(18,48,43,.065)}
.fenster-color-image{background:#f2efe9;aspect-ratio:1/1;overflow:hidden}
.fenster-color-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fenster-color-card figcaption{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 11px 11px;font-size:.72rem;line-height:1.25;color:var(--muted)}
.fenster-color-card figcaption strong{font-size:.82rem;color:var(--ink);white-space:nowrap}
.fenster-color-card figcaption span{font-size:.62rem;white-space:nowrap}
.fenster-visual-note{grid-column:1/-1;margin:2px 2px 0;text-align:center;color:var(--muted);font-size:.66rem;line-height:1.4}
@media(max-width:1040px){
  .fenster-feature-v20{grid-template-columns:.95fr 1.05fr;gap:30px}
  .fenster-color-gallery{gap:9px}
  .fenster-color-card{border-radius:15px}
  .fenster-color-card figcaption{padding:8px 8px 9px;flex-direction:column;align-items:flex-start;gap:2px}
}
@media(max-width:680px){
  .fenster-feature-v20{display:flex;flex-direction:column;gap:18px;align-items:stretch}
  .fenster-feature-v20 .fenster-copy{order:1}
  .fenster-color-gallery{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;max-width:520px;margin-inline:auto}
  .fenster-color-card{border-radius:14px;box-shadow:0 8px 22px rgba(18,48,43,.06)}
  .fenster-color-card:nth-child(3){grid-column:1/-1;width:calc(50% - 4.5px);justify-self:center}
  .fenster-color-card figcaption{padding:7px 8px 8px}
  .fenster-color-card figcaption strong{font-size:.74rem}
  .fenster-color-card figcaption span{font-size:.58rem}
  .fenster-visual-note{font-size:.6rem;margin-top:1px}
}
@media(max-width:390px){
  .fenster-color-gallery{gap:7px}
  .fenster-color-card:nth-child(3){width:calc(50% - 3.5px)}
  .fenster-color-card figcaption{padding:6px 7px 7px}
}

/* V21 – Fenster ergänzt statt ersetzt; Haustüren auf gleiche Anzahl erweitert */
.product-showcase{display:block!important}
.product-showcase>.feature-copy{max-width:860px;margin:0 0 30px}
.product-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:24px;margin:6px 0 18px}
.product-showcase-heading h3{font-size:1.12rem;margin:0;color:var(--ink)}
.product-showcase-heading p{max-width:690px;margin:0;font-size:.9rem;line-height:1.55}
.product-variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-variant-card{margin:0;min-width:0;border:1px solid rgba(31,82,72,.13);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(18,48,43,.06)}
.product-variant-image{aspect-ratio:1/1;overflow:hidden;background:#f2efe9}
.product-variant-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.product-variant-card figcaption{display:flex;flex-direction:column;gap:2px;padding:10px 11px 11px;line-height:1.25}
.product-variant-card figcaption strong{font-size:.84rem;color:var(--ink)}
.product-variant-card figcaption span{font-size:.65rem;color:var(--muted)}
.product-visual-note{font-size:.68rem;line-height:1.45;text-align:center;margin:11px 0 0;color:var(--muted)}
#fenster .fenster-color-gallery{display:none!important}
#tueren .feature-grid{display:block!important}
@media(max-width:900px){
 .product-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-showcase-heading{align-items:flex-start;flex-direction:column;gap:6px}
}
@media(max-width:680px){
 .product-showcase>.feature-copy{margin-bottom:20px}
 .product-showcase-heading{padding-top:18px;margin-bottom:12px}
 .product-showcase-heading h3{font-size:1rem}
 .product-showcase-heading p{font-size:.78rem}
 .product-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .product-variant-card{border-radius:13px;box-shadow:0 7px 18px rgba(18,48,43,.055)}
 .product-variant-card figcaption{padding:7px 8px 8px}
 .product-variant-card figcaption strong{font-size:.72rem;line-height:1.22}
 .product-variant-card figcaption span{font-size:.58rem}
 .product-visual-note{font-size:.61rem;margin-top:8px}
 #fenster.section-pad,#tueren.section-pad{padding-top:60px;padding-bottom:60px}
}
@media(max-width:360px){
 .product-variant-grid{gap:7px}
 .product-variant-card figcaption strong{font-size:.67rem}
}

/* V22 – Schiebeelemente: kompakte, responsive Produktgalerie */
#schiebe .slide-showcase{display:block}
#schiebe .feature-copy{max-width:860px;margin:0 0 28px}
#schiebe .slide-heading{margin-top:4px}
.slide-variant-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.slide-variant-card{
  margin:0;
  min-width:0;
  border:1px solid rgba(31,82,72,.13);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 26px rgba(18,48,43,.06);
}
.slide-variant-image{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#f2efe9;
}
.slide-variant-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.slide-variant-card figcaption{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 12px 12px;
  line-height:1.28;
}
.slide-variant-card figcaption strong{font-size:.86rem;color:var(--ink)}
.slide-variant-card figcaption span{font-size:.66rem;color:var(--muted)}
@media(max-width:900px){
  .slide-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
}
@media(max-width:680px){
  #schiebe.section-pad{padding-top:60px;padding-bottom:60px}
  #schiebe .feature-copy{margin-bottom:20px}
  .slide-variant-grid{gap:8px}
  .slide-variant-card{border-radius:13px;box-shadow:0 7px 18px rgba(18,48,43,.055)}
  .slide-variant-card figcaption{padding:7px 8px 8px}
  .slide-variant-card figcaption strong{font-size:.72rem}
  .slide-variant-card figcaption span{font-size:.58rem}
}
@media(max-width:360px){
  .slide-variant-grid{grid-template-columns:1fr}
}

/* V23 – finale Mobile-QA: iPhone/Android, 320–680 px. Desktop bleibt unverändert. */
@media (max-width:680px){
  html,body{max-width:100%;overflow-x:clip!important}
  body{min-width:0}
  .container{width:calc(100% - 28px)!important;max-width:1180px}

  /* Header: kompakt, sichere Touch-Ziele, kein Überlauf. */
  .nav-wrap{height:64px!important;min-width:0}
  .brand{min-width:0!important;max-width:calc(100% - 54px)}
  .brand-copy{min-width:0}
  .brand-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .nav-toggle{min-width:44px!important;min-height:44px!important}
  .main-nav{top:64px!important;max-width:calc(100vw - 20px);overscroll-behavior:contain}
  .main-nav a{min-height:48px!important}

  /* Hero: lange deutsche Wörter müssen vollständig in den Viewport passen. */
  .hero{padding-top:24px!important}
  .hero-copy{width:100%;min-width:0}
  .hero-copy .eyebrow{font-size:.78rem!important;line-height:1.42!important;letter-spacing:.075em!important;margin-bottom:13px!important}
  .hero h1{
    width:100%;
    max-width:100%!important;
    font-size:clamp(2.18rem,10.15vw,2.92rem)!important;
    line-height:1.035!important;
    letter-spacing:-.032em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-wrap:balance;
    margin-bottom:20px!important;
  }
  .hero h1 span{display:block!important;margin-top:.16em!important}
  .hero-lead{font-size:1.03rem!important;line-height:1.6!important;margin-bottom:22px!important}
  .hero-actions{margin-bottom:20px!important}
  .hero-actions .btn{width:100%;min-height:52px!important}
  .hero-points span{min-width:0;overflow-wrap:anywhere}
  .hero-image-shell{max-height:none!important}
  .hero-image-shell img{height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important}

  /* Produktkarten: Texte auf kleinen Displays nicht auf 9–10 px schrumpfen. */
  .product-variant-card figcaption strong,
  .slide-variant-card figcaption strong{font-size:.79rem!important;line-height:1.3!important}
  .product-variant-card figcaption span,
  .slide-variant-card figcaption span{font-size:.69rem!important;line-height:1.35!important}
  .product-visual-note,.fenster-visual-note{font-size:.72rem!important;line-height:1.5!important}

  /* Referenzen: lesbare Beschriftungen, kein abgeschnittener Text. */
  #beispiele .real-gallery figcaption{
    font-size:.71rem!important;
    line-height:1.24!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  #beispiele .gallery-note{font-size:.82rem!important;line-height:1.52!important}

  /* Formulare/Konfigurator: iOS-Zoom vermeiden und untere Navigation nicht verdecken. */
  input,select,textarea,button{font-size:16px!important}
  .project-configurator,.lead-form{min-width:0;max-width:100%}
  .config-topbar{min-width:0}
  .config-topbar>div:first-child{min-width:0}
  .config-topbar strong{overflow-wrap:anywhere}
  .config-nav{bottom:0!important}
  .mobile-quickbar.is-in-inquiry{display:none!important}
  .form-result,.form-result pre,.config-result,.config-result pre{max-width:100%;overflow-x:auto}

  /* Lange technische/legal Texte dürfen niemals horizontal hinausragen. */
  .spec-card,.legal-card,.imprint-content,.contact-card,.footer-grid{min-width:0}
  .spec-card dt,.spec-card dd,.legal-card p,.imprint-content p,.contact-card strong,.contact-card small,
  .footer-grid a,.footer-grid span,.footer-grid p{overflow-wrap:anywhere;word-break:normal}
  summary{min-height:48px;align-items:center}
  .lightbox-close{width:44px;height:44px;top:12px;right:12px}
}
@media (max-width:390px){
  .container{width:calc(100% - 24px)!important}
  .hero h1{font-size:clamp(2.08rem,9.8vw,2.42rem)!important;letter-spacing:-.028em!important}
  .hero-copy .eyebrow{font-size:.74rem!important;letter-spacing:.065em!important}
  .hero-points span{flex:1 1 100%!important}
  .product-variant-grid{gap:9px!important}
}
@media (max-width:350px){
  .brand-copy strong{font-size:.79rem!important;letter-spacing:.03em!important}
  .product-variant-grid,#beispiele .real-gallery{grid-template-columns:1fr!important}
  .slide-variant-grid{grid-template-columns:1fr!important}
  #beispiele .real-gallery img,#beispiele .real-gallery figure:nth-child(n+4) img{aspect-ratio:4/3!important}
  .product-variant-card figcaption strong,.slide-variant-card figcaption strong{font-size:.84rem!important}
  .product-variant-card figcaption span,.slide-variant-card figcaption span{font-size:.73rem!important}
}
@supports not (overflow:clip){
  @media (max-width:680px){html,body{overflow-x:hidden!important}}
}

.bot-field{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}
#config-submit[disabled]{opacity:.72;cursor:wait}
#config-send-error{margin:14px 0 0}

.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.header-inquiry-cta{display:none;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border-radius:999px;background:var(--accent);color:#fff!important;font-weight:850;font-size:.86rem;line-height:1;white-space:nowrap;box-shadow:0 7px 18px rgba(47,117,107,.16);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.header-inquiry-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(47,117,107,.22)}
.header-inquiry-cta:focus-visible{outline:3px solid rgba(47,117,107,.24);outline-offset:3px}
.header-inquiry-cta .cta-short{display:none}
@media(max-width:1040px){
  .header-inquiry-cta{display:flex}
  .nav-wrap{justify-content:flex-start}
  .brand{margin-right:auto}
}
@media(max-width:680px){
  .header-actions{gap:7px}
  .header-inquiry-cta{min-height:42px;padding:8px 12px;font-size:.80rem}
}
@media(max-width:430px){
  .header-inquiry-cta .cta-long{display:none}
  .header-inquiry-cta .cta-short{display:inline}
  .header-inquiry-cta{padding-inline:11px}
}
@media(max-width:350px){
  .header-actions{gap:5px}
  .header-inquiry-cta{min-height:40px;padding-inline:9px;font-size:.76rem}
  .nav-toggle{width:40px!important;min-width:40px!important}
}

/* V30 – Storytelling: Fenster im Wandel der Zeit */
.story-section{
  background:linear-gradient(180deg,#f7f5ef 0%,#ffffff 72%);
  border-top:1px solid rgba(14,74,66,.08);
  border-bottom:1px solid rgba(14,74,66,.08);
}
.story-heading{max-width:900px}
.story-heading h2{max-width:820px}
.story-intro-card{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:34px;
  align-items:end;
  padding:28px;
  margin:28px 0 30px;
  background:#0f4039;
  color:#fff;
  border-radius:22px;
  box-shadow:0 18px 48px rgba(15,64,57,.12);
}
.story-intro-card h3,.story-cta h3{margin:6px 0 0;font-size:clamp(1.45rem,2.8vw,2.25rem);line-height:1.12}
.story-intro-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.7}
.story-kicker{
  display:inline-block;
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:#77b5a7;
}
.timeline-story{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  position:relative;
}
.timeline-card{
  background:#fff;
  border:1px solid rgba(15,64,57,.12);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(22,42,38,.07);
  min-width:0;
}
.timeline-year{
  padding:13px 16px 10px;
  font-size:.92rem;
  font-weight:850;
  color:#0f4039;
  background:#f0f5f3;
  border-bottom:1px solid rgba(15,64,57,.08);
}
.timeline-image-wrap{aspect-ratio:4/3;overflow:hidden;background:#e9eeec}
.timeline-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.timeline-card:hover .timeline-image-wrap img{transform:scale(1.025)}
.timeline-copy{padding:16px}
.timeline-step{
  display:block;
  font-size:.67rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:800;
  color:#6b8b84;
  margin-bottom:5px;
}
.timeline-copy h3{margin:0 0 8px;font-size:1rem;line-height:1.25;color:#123f39}
.timeline-copy p{margin:0;color:#64736f;font-size:.86rem;line-height:1.55}
.timeline-disclaimer{
  max-width:920px;
  margin:15px auto 0;
  text-align:center;
  color:#78847f;
  font-size:.74rem;
  line-height:1.55;
}
.old-new-story{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr) minmax(0,1fr);
  gap:18px;
  align-items:stretch;
  margin-top:42px;
}
.old-new-visual{
  margin:0;
  border-radius:20px;
  overflow:hidden;
  position:relative;
  min-height:390px;
  background:#e9eeec;
}
.old-new-visual img{width:100%;height:100%;object-fit:cover;display:block}
.old-new-visual figcaption{
  position:absolute;
  left:14px;bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#123f39;
  font-size:.76rem;
  font-weight:800;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}
.old-new-copy{
  background:#fff;
  border:1px solid rgba(15,64,57,.12);
  border-radius:20px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.old-new-copy h3{margin:6px 0 12px;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.15;color:#123f39}
.old-new-copy p{margin:0;color:#5f6f6b;line-height:1.68}
.story-checks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}
.story-checks li{position:relative;padding-left:25px;color:#344b46;font-size:.9rem}
.story-checks li:before{
  content:"✓";position:absolute;left:0;top:0;color:#0f6f61;font-weight:900
}
.story-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:24px;
  padding:26px 28px;
  border-radius:20px;
  background:#edf5f2;
  border:1px solid rgba(15,64,57,.10);
}
.story-cta>div{max-width:760px}
.story-cta h3{color:#123f39}
.story-cta p{margin:8px 0 0;color:#5e6f6a;line-height:1.6}
.story-cta .btn{white-space:nowrap}

@media(max-width:1100px){
  .timeline-story{
    display:flex;
    overflow-x:auto;
    gap:12px;
    padding:2px 2px 12px;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
  }
  .timeline-card{flex:0 0 min(310px,82vw);scroll-snap-align:start}
  .old-new-story{grid-template-columns:1fr 1fr}
  .old-new-copy{grid-column:1/-1;grid-row:2}
}
@media(max-width:720px){
  .story-intro-card{grid-template-columns:1fr;gap:16px;padding:22px;border-radius:18px}
  .timeline-card{flex-basis:82vw}
  .timeline-copy{padding:14px}
  .old-new-story{grid-template-columns:1fr;gap:12px;margin-top:30px}
  .old-new-copy{grid-column:auto;grid-row:auto;padding:22px}
  .old-new-visual{min-height:290px}
  .story-cta{align-items:stretch;flex-direction:column;padding:22px}
  .story-cta .btn{width:100%;text-align:center}
}

/* V31 – verifizierte Technik-Zeitleiste */
.timeline-fact{
  margin-top:14px;
  padding-top:11px;
  border-top:1px solid rgba(15,64,57,.10);
  color:#0f6f61;
  font-size:.73rem;
  line-height:1.45;
  font-weight:800;
}
.timeline-source-note{
  max-width:900px;
  margin:12px auto 0;
  color:#6f7c78;
  font-size:.75rem;
  line-height:1.55;
  text-align:center;
}
.timeline-source-note summary{
  cursor:pointer;
  color:#46625c;
  font-weight:700;
}
.timeline-source-note p{margin:8px 0 0}

/* V35 – immer erreichbare Projektanfrage */
html{scroll-behavior:smooth}

.floating-inquiry-cta{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9996;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:250px;
  padding:12px 16px 12px 12px;
  border-radius:18px;
  background:rgba(15,64,57,.97);
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 40px rgba(9,44,39,.24);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.floating-inquiry-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 46px rgba(9,44,39,.30);
  background:#0b5146;
}
.floating-inquiry-cta:focus-visible,
.mobile-inquiry-cta:focus-visible{
  outline:3px solid rgba(119,181,167,.55);
  outline-offset:3px;
}
.floating-cta-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(255,255,255,.12);
}
.floating-cta-icon svg{
  width:24px;
  height:24px;
  fill:currentColor;
}
.floating-cta-text{
  display:flex;
  flex-direction:column;
  line-height:1.15;
}
.floating-cta-text strong{
  font-size:.95rem;
  letter-spacing:.01em;
}
.floating-cta-text small{
  margin-top:4px;
  font-size:.72rem;
  font-weight:600;
  color:rgba(255,255,255,.72);
}

.mobile-inquiry-cta{display:none}

/* Etwas Abstand am Ziel, damit das Formular nach dem Scrollen nicht direkt unter einer Sticky-Navigation klebt. */
#anfrage{scroll-margin-top:110px}

@media(max-width:760px){
  body{
    padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px));
  }
  .floating-inquiry-cta{display:none}
  .mobile-inquiry-cta{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    z-index:9997;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:54px;
    padding:0 18px;
    border-radius:16px;
    background:#0f4039;
    color:#fff;
    text-decoration:none;
    box-shadow:0 14px 34px rgba(9,44,39,.28);
    border:1px solid rgba(255,255,255,.12);
  }
  .mobile-cta-label{
    font-size:.96rem;
    font-weight:850;
    letter-spacing:.01em;
  }
  .mobile-cta-arrow{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    font-size:1.18rem;
  }
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .floating-inquiry-cta{transition:none}
}

/* V36 – CTA-System: genau eine dauerhafte Hauptaktion je Bildschirmgröße */

/* Large desktop: floating CTA only after the hero. */
.floating-inquiry-cta{
  display:none;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
}
.floating-inquiry-cta.is-visible{
  display:flex;
  opacity:1;
  transform:none;
  pointer-events:auto;
}

/* Existing mobile quickbar: one clear CTA, no second sticky bar. */
.quickbar-short{display:none}

/* Tablet: sticky header CTA is enough; floating CTA stays off. */
@media (min-width:681px) and (max-width:1040px){
  .floating-inquiry-cta{display:none!important}
}

/* Mobile: bottom quickbar is the persistent CTA, so clean up the header. */
@media (max-width:680px){
  .header-inquiry-cta{display:none!important}
  .floating-inquiry-cta{display:none!important}
}

/* Very narrow phones: shorten only the label, not the action. */
@media (max-width:380px){
  .mobile-quickbar-inquiry .quickbar-long{display:none}
  .mobile-quickbar-inquiry .quickbar-short{display:inline}
}

/* Large desktop only. */
@media (min-width:1041px){
  .floating-inquiry-cta.is-visible{display:flex}
}

/* Avoid competing with legal/footer content. */
.site-footer ~ .persistent-cta .floating-inquiry-cta{}

/* More compact and less "sales-widget" visual weight. */
.floating-inquiry-cta{
  min-width:228px;
  padding:11px 15px 11px 11px;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(9,44,39,.22);
}
.floating-cta-icon{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:11px;
}
.floating-cta-icon svg{width:21px;height:21px}
.floating-cta-text strong{font-size:.91rem}
.floating-cta-text small{font-size:.69rem}

/* V37 – finaler Responsive-/CRO-Audit */
.timeline-swipe-hint{display:none}
.noscript-contact{margin:0 0 16px;padding:14px 16px;border:1px solid #d7e2de;border-radius:14px;background:#f5f9f7;color:#284d46;font-size:.86rem;line-height:1.55}
.noscript-contact a{color:#0f6f61;font-weight:800}

@media(max-width:680px){
  /* Weniger vertikale Reibung im ersten Screen: Leistungspunkte als horizontale Chips. */
  .hero-points{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 2px 8px;margin-top:18px!important;scrollbar-width:none}
  .hero-points::-webkit-scrollbar{display:none}
  .hero-points span{flex:0 0 auto!important;white-space:nowrap;scroll-snap-align:start;padding:10px 14px!important}
  .hero-actions{display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:10px!important;align-items:stretch!important}
  .hero-actions .btn-primary{grid-column:1/-1;width:100%!important}
  .hero-actions>a:not(.btn-primary){display:flex!important;align-items:center;justify-content:center;min-height:48px;border:1px solid #b8d0ca;border-radius:12px;padding:10px 8px;text-align:center;font-weight:800;color:#174d45;background:#fff;text-decoration:none}
  .hero-actions .btn-secondary{width:100%!important;padding-inline:8px!important}
  .timeline-swipe-hint{display:block;margin:0 0 10px;color:#6b7e79;font-size:.76rem;font-weight:750;text-align:right}
}

@media(max-width:380px){
  .hero-actions{grid-template-columns:1fr!important}
  .hero-actions .btn-primary{grid-column:auto}
}

#config-result{
  border:1px solid rgba(38,129,109,.22);
  background:linear-gradient(180deg,#f2fbf7 0%,#f8fcfa 100%);
}
#config-result .result-head strong{color:#0f5b4f}
#config-send-error{
  border:1px solid rgba(174,51,51,.20);
  background:#fff6f6;
  color:#8a2929;
  border-radius:12px;
  padding:12px 14px;
}

.seo-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seo-link-grid a{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;transition:transform .18s ease,box-shadow .18s ease}.seo-link-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(13,34,50,.08)}.seo-link-grid strong{display:block;color:var(--ink);margin-bottom:5px}.seo-link-grid span{display:block;color:var(--muted);font-size:14px}@media(max-width:900px){.seo-link-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.seo-link-grid{grid-template-columns:1fr}}

/* Datenschutz-Checkbox: größer, ruhiger und ohne Klick-Schatten */
.consent input[type="checkbox"]{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  flex:0 0 22px;
  margin:2px 0 0!important;
  padding:0!important;
  border-radius:4px;
  box-shadow:none!important;
  accent-color:var(--sage);
}
.consent input[type="checkbox"]:focus,
.consent input[type="checkbox"]:active,
.consent input[type="checkbox"]:checked{
  box-shadow:none!important;
}
.consent input[type="checkbox"]:focus-visible{
  outline:2px solid var(--sage);
  outline-offset:3px;
}

#schiebe .spec-grid{display:grid;gap:8px;margin:24px 0 22px}
#schiebe .spec-grid>div{display:grid;grid-template-columns:135px minmax(0,1fr);column-gap:10px;align-items:baseline;line-height:1.45}
#schiebe .spec-grid strong{font-weight:800}
#schiebe .spec-grid strong::after{content:":"}
#schiebe .spec-grid span{color:var(--ink)}
@media(max-width:560px){#schiebe .spec-grid>div{grid-template-columns:118px minmax(0,1fr);column-gap:8px}}

/* Senior SEO/UX polish – nur robuste, risikoarme Verbesserungen */
:target{scroll-margin-top:92px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(47,117,107,.28)!important;outline-offset:3px!important}
.btn,.header-inquiry-cta,.floating-inquiry-cta,.mobile-quickbar a{touch-action:manipulation}
.seo-link-grid a:focus-visible{box-shadow:0 0 0 4px rgba(47,117,107,.12)!important}
.consent{align-items:flex-start!important}.consent a{text-underline-offset:3px}
img{height:auto}
@media(max-width:680px){.mobile-quickbar{padding-bottom:max(0px,env(safe-area-inset-bottom))}.persistent-cta{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ============================================================
   FENSTER DIREKT V40 — consolidated senior SEO / UX / UI layer
   Ziele: stabiler Hero, stärkere interne Links, weniger visuelle
   Konkurrenz, responsive Navigation, saubere Fokuszustände.
   ============================================================ */

/* Baseline refinements */
html{scroll-padding-top:88px}
body{overflow-x:hidden}
img{height:auto}
a,button{touch-action:manipulation}
.site-header{will-change:auto}
.main-nav a,.footer-grid a{text-underline-offset:3px}

/* Hero: kompakter, bild/text-balance und CTA schneller sichtbar */
.hero{padding-top:52px!important;padding-bottom:72px!important}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:50px!important;align-items:start!important}
.hero-copy{min-width:0!important}
.hero h1{font-size:clamp(3.05rem,4.05vw,3.72rem)!important;line-height:1.01!important;letter-spacing:-.035em!important;max-width:690px!important;margin-bottom:12px!important;text-wrap:balance}
.hero-subtitle{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,2.85vw,2.8rem)!important;line-height:1.04!important;letter-spacing:-.03em!important;color:var(--accent)!important;font-weight:700;margin:0 0 18px!important;max-width:700px;text-wrap:balance}
.hero-lead{font-size:1.05rem!important;line-height:1.62!important;max-width:650px!important;margin-bottom:21px!important}
.hero-actions{gap:11px!important;margin-bottom:20px!important}
.hero-actions .btn{min-height:48px;padding:13px 19px!important}
.hero-visual{min-width:0!important;margin-top:78px!important}
.hero-image-shell img{width:100%!important;aspect-ratio:1.38/1!important;object-fit:cover!important;object-position:center 48%!important}
.hero-visual figcaption{max-width:92%;margin-left:auto;line-height:1.4}
.fc-two{right:-10px!important;top:28px!important}
.fc-one{left:-14px!important;bottom:48px!important}
.hero-points{gap:7px!important}
.hero-points span{font-size:.79rem!important;min-height:38px!important;padding:7px 10px!important}

/* Header: prioritize high-intent destinations */
.main-nav{gap:18px!important}
.main-nav>a:not(.nav-cta){white-space:nowrap}
.main-nav .nav-cta{white-space:nowrap}

/* Product deep links are clearer than generic form-only links */
.product-feature .text-link{color:var(--sage);text-decoration:none}
.product-feature .text-link:hover{text-decoration:underline;text-decoration-thickness:2px}

/* Gallery disclaimer: one clear message, no contradictory wording */
.gallery-note{max-width:900px;line-height:1.55}
.image-rights-note{display:none!important}

/* Cards and CTAs: slightly calmer, more premium */
.btn,.header-inquiry-cta,.nav-cta{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}
.btn:hover,.header-inquiry-cta:hover,.nav-cta:hover{transform:translateY(-1px)}
.product-variant-card,.seo-link-grid a,.process-grid li,.spec-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.product-variant-card:hover,.seo-link-grid a:hover,.process-grid li:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(13,34,50,.08)}

/* Render work below the fold more efficiently without hiding content */


/* Desktop scaling */
@media(min-width:1181px){
  .hero-visual{margin-top:72px!important}
}
@media(min-width:1041px) and (max-width:1180px){
  .hero{padding-top:46px!important}
  .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:38px!important}
  .hero h1{font-size:clamp(2.85rem,4.55vw,3.35rem)!important;max-width:620px!important}
  .hero-subtitle{font-size:clamp(1.85rem,3.2vw,2.35rem)!important}
  .hero-visual{margin-top:70px!important}
}

/* Tablet / mobile: stacked hero, no artificial image offset */
@media(max-width:1040px){
  .hero{padding-top:42px!important;padding-bottom:58px!important}
  .hero-grid{grid-template-columns:1fr!important;gap:30px!important}
  .hero-visual{margin-top:0!important;max-width:760px!important}
  .hero h1{max-width:760px!important}
  .hero-subtitle{max-width:760px!important}
  .main-nav{gap:3px!important}
}
@media(max-width:680px){
  html{scroll-padding-top:72px}
  .hero{padding-top:30px!important;padding-bottom:48px!important}
  .hero h1{font-size:clamp(2.35rem,11vw,3.15rem)!important;line-height:1.01!important;margin-bottom:10px!important}
  .hero-subtitle{font-size:clamp(1.7rem,8vw,2.15rem)!important;margin-bottom:15px!important}
  .hero-lead{font-size:1rem!important;line-height:1.58!important;margin-bottom:18px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .hero-actions .btn{width:100%!important}
  .hero-points{margin-top:4px!important}
  .hero-image-shell img{aspect-ratio:1.13/1!important;object-position:center!important}
  .hero-visual figcaption{max-width:100%;margin-left:0}
}
@media(max-width:390px){
  .hero h1{font-size:clamp(2.18rem,10.8vw,2.7rem)!important}
  .hero-subtitle{font-size:clamp(1.55rem,7.4vw,1.9rem)!important}
}

/* Keyboard focus: visible without heavy shadows */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(47,117,107,.30)!important;outline-offset:3px!important}
.consent input:focus-visible{box-shadow:none!important;outline:3px solid rgba(47,117,107,.30)!important;outline-offset:3px!important}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* V40.1 – prevent header crowding on small laptops/tablets */
@media (min-width:1041px) and (max-width:1100px){
  .main-nav{position:absolute!important;top:78px!important;left:20px!important;right:20px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow)!important;padding:14px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;max-height:calc(100dvh - 96px);overflow-y:auto}
  .main-nav.open{display:flex!important}
  .main-nav a{padding:10px 12px!important;min-height:46px;display:flex;align-items:center;border-radius:10px}
  .nav-toggle{display:block!important}
  .header-inquiry-cta{display:flex!important}
  .nav-wrap{justify-content:flex-start!important}
  .brand{margin-right:auto!important}
  .main-nav .nav-cta{justify-content:center;margin-top:4px}
}


/* V41 FINAL PRE-LAUNCH — senior UX/SEO/performance polish */
/* Hero visual closer to headline: avoids the 'image sits too low' effect. */
@media(min-width:1041px){
  .hero-visual{margin-top:32px!important}
}
@media(min-width:1041px) and (max-width:1180px){
  .hero-visual{margin-top:26px!important}
}

/* Haustüren: identical card/image geometry and more natural portrait presentation. */
.door-variant-grid{align-items:stretch!important}
.door-variant-grid .product-variant-card{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  height:100%!important;
  background:#fff!important;
}
.door-variant-grid .product-variant-image{
  aspect-ratio:4/5!important;
  background:#eef2ef!important;
}
.door-variant-grid .product-variant-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.door-variant-grid .product-variant-card figcaption{
  min-height:62px!important;
  justify-content:center!important;
}
#tueren .product-showcase-heading{margin-bottom:20px!important}
#tueren .product-visual-note{max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:680px){
  .door-variant-grid .product-variant-card figcaption{min-height:54px!important}
}

/* Keep anchors comfortably below sticky header. */
#fenster,#tueren,#schiebe,#ablauf,#technik,#beispiele,#inspiration,#zeitreise,#anfrage,#faq,#ratgeber{scroll-margin-top:96px}

/* V41.1 final Haustüren gallery alignment */
#tueren .door-showcase-heading{
  display:block!important;
  max-width:900px!important;
  margin:8px auto 24px!important;
  padding-top:26px!important;
  text-align:center!important;
}
#tueren .door-showcase-heading h3{
  margin:0 0 9px!important;
  font-size:1.22rem!important;
  line-height:1.25!important;
}
#tueren .door-showcase-heading p{
  max-width:760px!important;
  margin:0 auto!important;
  font-size:.91rem!important;
  line-height:1.55!important;
}
@media(min-width:1041px){
  #tueren .door-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
}
#tueren .door-variant-grid .product-variant-card{height:100%!important}
#tueren .door-variant-grid .product-variant-image{aspect-ratio:4/5!important;height:auto!important;overflow:hidden!important}
#tueren .door-variant-grid .product-variant-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
#tueren .door-variant-grid .product-variant-card figcaption{min-height:64px!important}
@media(max-width:680px){
  #tueren .door-showcase-heading{padding-top:20px!important;margin-bottom:16px!important;text-align:left!important}
  #tueren .door-showcase-heading h3{font-size:1.05rem!important}
  #tueren .door-showcase-heading p{font-size:.82rem!important}
}

/* V42 FINAL LAUNCH – denser product galleries, equal geometry, conversion-first layout */
@media(min-width:1180px){
  #fenster .product-variant-grid,#tueren .door-variant-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}
  #fenster .product-variant-card figcaption,#tueren .door-variant-card figcaption{padding-left:10px;padding-right:10px}
}
@media(min-width:901px) and (max-width:1179px){
  #fenster .product-variant-grid,#tueren .door-variant-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
}
#fenster .product-showcase-heading{display:block!important;max-width:900px!important;margin:8px auto 22px!important;padding-top:26px!important;text-align:center!important}
#fenster .product-showcase-heading h3{font-size:1.2rem!important;margin:0 0 8px!important}
#fenster .product-showcase-heading p{max-width:780px!important;margin:0 auto!important}
#fenster .product-variant-card,#tueren .product-variant-card{transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover){#fenster .product-variant-card:hover,#tueren .product-variant-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(18,48,43,.09)}}
#fenster .product-variant-image{aspect-ratio:1/1!important}
#fenster .product-variant-card figcaption,#tueren .product-variant-card figcaption{min-height:58px!important;justify-content:center!important}
@media(max-width:680px){
  #fenster .product-showcase-heading,#tueren .door-showcase-heading{text-align:left!important;margin-left:0!important;margin-right:0!important}
  #fenster .product-variant-card figcaption,#tueren .product-variant-card figcaption{min-height:50px!important}
}

/* Center incomplete last row of the 13-card window gallery without changing card width. */
@media(min-width:1180px){#fenster .product-variant-grid>.product-variant-card:nth-last-child(3){grid-column:2}}
@media(min-width:901px) and (max-width:1179px){
  #fenster .product-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #fenster .product-variant-grid>.product-variant-card:last-child{grid-column:2}
}
@media(max-width:900px){
  #fenster .product-variant-grid>.product-variant-card:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
}


/* V43 – final palette polish: deep pine + sage + warm stone/sand.
   Tuned to white, anthracite, greige and wood-decor product imagery. */
:root{--ink:#123a35;--ink2:#244f49;--muted:#5b706a;--line:#d9e2de;--soft:#f5f6f2;--accent:#2f756b;--accent-dark:#245d55;--sand:#c7b58f;--cream:#faf8f3;--stone:#eeebe4;--text-main:#183b36;--text-soft:#5a6d68}
body{background:#fff;color:var(--text-main)}
.hero{background:linear-gradient(108deg,#fff 0%,#fff 55%,#f3f5f1 100%)!important}
#fenster{background:linear-gradient(180deg,#fff 0%,#f7f8f5 100%)}
#tueren{background:linear-gradient(180deg,#fbfaf7 0%,#f6f3ed 100%)}
#schiebe{background:linear-gradient(180deg,#fff 0%,#f5f7f4 100%)}
.product-showcase-heading{border-top-color:#d8e0dc}
.product-variant-card,.slide-variant-card{border-color:rgba(18,58,53,.12);box-shadow:0 10px 26px rgba(18,58,53,.055)}
#fenster .product-variant-image{background:#f0f2ee}
#tueren .product-variant-image{background:#efeae1}
#tueren .product-variant-card{border-color:#ded8cc;box-shadow:0 10px 26px rgba(65,53,37,.055)}
#tueren .product-showcase-heading h3{color:#173f3a!important}
#tueren .product-showcase-heading p{color:#66716c!important}
.product-variant-card figcaption{background:rgba(255,255,255,.98)}
.product-variant-card figcaption strong{color:#173f3a!important}
.product-variant-card figcaption span{color:#6c7a75!important}
.product-visual-note{color:#687873!important}
.section-dark{background:linear-gradient(135deg,#173f3a 0%,#245f57 100%)!important}
.final-cta{background:linear-gradient(108deg,#2f756b 0%,#2b6c63 62%,#245a53 100%)!important}
.site-footer{background:#113a35!important}
.footer-brand .brand-mark span:nth-child(2){border-color:var(--sand)!important}
.value-cards article>span,.final-cta .eyebrow{color:#dccba9!important}
.btn-primary,.nav-cta,.mobile-cta,.mobile-quickbar-inquiry{background:#2f756b!important}
.btn-primary:hover,.nav-cta:hover{background:#245d55!important}
@media(max-width:680px){#tueren,#fenster,#schiebe{background-image:none}}

/* V44: stable section geometry and usable product presentation. */
html{scroll-padding-top:0!important}
#project-configurator-form{scroll-margin-top:96px}
.hero h1,h2{overflow-wrap:break-word!important;hyphens:auto!important;line-height:1.1!important}
.section-pad{padding-block:64px}
.inquiry-copy{position:static!important}
.hero-grid>*{min-width:0}
#tueren .door-variant-grid .product-variant-image img,
#fenster .product-variant-image img{object-fit:contain!important}
.product-variant-card figcaption strong,.slide-variant-card figcaption strong{font-size:.875rem!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere}
.product-variant-card figcaption span,.slide-variant-card figcaption span{font-size:.75rem!important;line-height:1.4!important;white-space:normal!important}
#beispiele .real-gallery figcaption{position:static!important;display:block!important;margin:0!important;padding:10px 12px!important;border-radius:0!important;white-space:normal!important;-webkit-line-clamp:unset!important;font-size:.875rem!important;line-height:1.4!important}
.project-configurator .config-nav{position:static!important}
.config-choice-card input:focus-visible{outline:0!important}
.config-choice-card:focus-within{outline:3px solid var(--sage);outline-offset:3px}
#config-step-error{margin:0 0 16px}
#config-step-title:focus{outline:0}
@media(max-width:1100px){.main-nav{max-height:calc(100dvh - 100px)!important;overflow-y:auto!important}}
@media(max-width:680px){
 .section-pad{padding-block:40px}
 #project-configurator-form{scroll-margin-top:80px}
 .hero h1{font-size:clamp(2rem,9vw,2.8rem)!important}
 .hero-image-shell img{aspect-ratio:4/3!important;object-fit:contain!important}
 .hero-points{flex-wrap:wrap!important;overflow:visible!important}
 .hero-points span{white-space:normal!important;flex:0 1 auto!important}
 .product-variant-card figcaption{padding:10px 8px!important}
}
@media(max-width:350px){
 #fenster .product-variant-grid>.product-variant-card:last-child{grid-column:auto!important;width:100%!important}
}


/* V45 — conversion, density and trust polish */
@media(min-width:1041px){
  .section-pad{padding:66px 0!important}
  .hero.section-pad{padding-top:58px!important;padding-bottom:58px!important}
  #fenster.section-pad,#tueren.section-pad,#schiebe.section-pad{padding-top:60px!important;padding-bottom:60px!important}
  #beispiele.section-pad,#zeitreise.section-pad,#ratgeber.section-pad,#faq.section-pad{padding-top:58px!important;padding-bottom:58px!important}
  .product-showcase>.feature-copy{margin-bottom:22px!important}
  .product-showcase-heading,#fenster .product-showcase-heading,#tueren .door-showcase-heading{padding-top:20px!important;margin-bottom:16px!important}
  .product-variant-grid{gap:11px!important}
  #tueren .door-variant-grid{gap:11px!important}
}
@media(max-width:1040px){.section-pad{padding:52px 0!important}}
@media(max-width:680px){.section-pad{padding:42px 0!important}.hero.section-pad{padding-top:32px!important;padding-bottom:40px!important}}
.hero-lead{max-width:720px}
.trust-grid span{line-height:1.35}
.is-collapsed-extra{display:none!important}
#fenster .product-variant-grid > .product-variant-card.is-collapsed-extra,#tueren .door-variant-grid > .product-variant-card.is-collapsed-extra,#schiebe .slide-variant-grid > .slide-variant-card.is-collapsed-extra,#beispiele .real-gallery > figure.is-collapsed-extra{display:none!important}
.story-collapsible-content.story-is-collapsed{display:none!important}
.story-toggle{display:flex;align-items:center;justify-content:center;margin:22px 0 0;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(13,34,50,.06)}
.story-toggle:hover{border-color:var(--accent);color:var(--accent-dark)}
.story-toggle[hidden]{display:none!important}
.gallery-toggle{display:flex;align-items:center;justify-content:center;margin:18px auto 0;padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(13,34,50,.05)}
.gallery-toggle:hover{border-color:var(--accent);color:var(--accent-dark)}
.gallery-toggle[hidden]{display:none!important}
.config-progress span{width:25%}
.config-choice-card{min-height:132px!important}
.config-help{margin-bottom:14px!important}
.config-progress{margin-bottom:22px!important}
.result-confirmation{margin:8px 0 14px;color:var(--muted);font-size:.9rem}
@media(max-width:680px){.config-choice-card{min-height:118px!important}.gallery-toggle{width:100%;margin-top:14px}}


/* V45.4 — Mobile UX polish after senior CRO / visual audit */
@media (max-width:680px){
  /* First screen: calmer editorial scale, primary action dominates, product image appears sooner. */
  .hero{padding-top:24px!important;padding-bottom:38px!important}
  .hero-grid{gap:18px!important}
  .hero-copy .eyebrow{font-size:.69rem!important;line-height:1.4!important;letter-spacing:.105em!important;margin-bottom:10px!important}
  .hero h1{font-size:clamp(2.02rem,9.25vw,2.48rem)!important;line-height:1.03!important;letter-spacing:-.025em!important;margin-bottom:10px!important;max-width:15ch!important}
  .hero-subtitle{font-size:clamp(1.34rem,6.35vw,1.63rem)!important;line-height:1.16!important;letter-spacing:-.018em!important;margin-bottom:12px!important;max-width:22ch!important}
  .hero-lead{font-size:.95rem!important;line-height:1.55!important;margin-bottom:15px!important;max-width:39ch!important}
  .hero-actions{display:block!important;margin-bottom:12px!important}
  .hero-actions .btn-primary{width:100%!important;min-height:52px!important;font-size:1rem!important;border-radius:14px!important}
  .hero-actions .btn-secondary{width:auto!important;min-height:44px!important;margin:4px auto 0!important;padding:9px 13px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--accent-dark)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important;font-size:.91rem!important}
  .hero-points{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;padding:1px 1px 8px!important;margin:3px 0 0!important;scrollbar-width:none!important}
  .hero-points::-webkit-scrollbar{display:none!important}
  .hero-points span{flex:0 0 auto!important;white-space:nowrap!important;min-height:34px!important;padding:7px 10px!important;font-size:.72rem!important;scroll-snap-align:start}
  .hero-image-shell{border-radius:18px!important}
  .hero-image-shell img{aspect-ratio:4/3!important;max-height:270px!important;object-fit:cover!important;object-position:center 48%!important}
  .hero-visual figcaption{font-size:.63rem!important;line-height:1.35!important}

  /* Section hierarchy: keep the premium serif look without oversized mobile headlines. */
  .section-heading h2,.feature-copy h2,.value-grid h2,.tech-grid h2,.inquiry-copy h2,#faq h2,#ratgeber h2,#beispiele h2,#zeitreise h2{font-size:clamp(1.72rem,7.8vw,2.08rem)!important;line-height:1.1!important;letter-spacing:-.025em!important}
  .section-heading>p:last-child,.feature-copy .lead-small{font-size:.93rem!important;line-height:1.55!important}
  .section-pad{padding-block:38px!important}

  /* Trust strip: 2x2 instead of a long four-card stack. */
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .trust-grid div{min-width:0!important;padding:14px 12px!important;gap:9px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .trust-grid div:nth-child(2n){border-right:0!important}
  .trust-grid div:nth-last-child(-n+2){border-bottom:0!important}
  .trust-grid strong{font-size:.72rem!important}
  .trust-grid span{font-size:.76rem!important;line-height:1.32!important}

  /* Product information is easier to scan on a phone. */
  .feature-specs{margin:13px 0 15px!important}
  .feature-specs div,.feature-specs div:nth-child(odd),.feature-specs div:nth-child(even){padding:8px 0!important}
  .gallery-toggle,.story-toggle{min-height:46px!important;border-radius:14px!important}

  /* Form: thumb-friendly and visually calmer. */
  .project-configurator{padding:15px!important;border-radius:18px!important}
  .config-topbar strong{font-size:1.04rem!important}
  .config-progress{margin:11px 0 17px!important}
  .config-card-grid{gap:9px!important}
  .config-choice-card{padding:12px!important;border-radius:14px!important}
  .config-nav{margin:15px -15px -15px!important;padding:10px 15px calc(10px + env(safe-area-inset-bottom))!important}

  /* Footer: two compact navigation columns; brand/contact stay full-width. */
  .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important}
  .site-footer .footer-grid>div:first-child,.site-footer .footer-grid>div:last-child{grid-column:1/-1!important}
  .site-footer .footer-grid a{font-size:.84rem!important;line-height:1.4!important}
  .footer-bottom{gap:8px!important;font-size:.75rem!important}

  /* Persistent CTA stays useful without covering content. */
  .mobile-quickbar{left:12px!important;right:12px!important;height:54px!important;border-radius:16px!important}
  .mobile-quickbar a{min-height:42px!important;font-size:.86rem!important}
}
@media(max-width:380px){
  .hero h1{font-size:clamp(1.92rem,9.8vw,2.3rem)!important}
  .hero-subtitle{font-size:clamp(1.27rem,6.7vw,1.5rem)!important}
  .trust-grid{grid-template-columns:1fr!important}
  .trust-grid div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .trust-grid div:last-child{border-bottom:0!important}
  .site-footer .footer-grid{grid-template-columns:1fr!important}
  .site-footer .footer-grid>div{grid-column:1!important}
}


/* V46 freeze update: offer comparison, upload, AI disclosure, service-area trust */
.ai-site-note,.ai-disclosure{font-size:11px;line-height:1.45;color:#6f7779;margin:.55rem 0 0}
.ai-site-note{display:block;max-width:980px}
.offer-compare-band{padding:18px 0;background:#eef7f4;border-top:1px solid rgba(47,117,107,.12);border-bottom:1px solid rgba(47,117,107,.12)}
.offer-compare-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.offer-compare-inner p{margin:3px 0 0;color:#53615f;max-width:760px}
.offer-compare-inner strong{font-size:1.05rem}
.file-upload-box{border:1px dashed rgba(47,117,107,.42);background:#f8fbfa;border-radius:14px;padding:16px;margin-top:14px}
.file-upload-box label{display:block;font-weight:700;color:#213632}
.file-upload-box input[type=file]{display:block;width:100%;margin-top:9px;font-size:15px}
.file-upload-box small{display:block;color:#6b7775;margin-top:7px;line-height:1.45}
.service-area-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;align-items:center;border:1px solid rgba(47,117,107,.18);background:#fff;border-radius:20px;padding:26px}
.service-area-card .mini-facts{display:grid;gap:10px}
.service-area-card .mini-facts span{display:block;padding:10px 12px;border-radius:10px;background:#f1f7f5;color:#36514d;font-size:14px}
.footer-address{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:inherit;opacity:.8}
.imprint-ai-note{font-size:13px;line-height:1.55;color:#596462}
@media(max-width:760px){.offer-compare-inner{align-items:flex-start;flex-direction:column}.offer-compare-inner .btn{width:100%;text-align:center}.service-area-card{grid-template-columns:1fr;padding:20px}.ai-site-note,.ai-disclosure{font-size:10.5px}}