/* =====================================================================
   Herbst-Sale 2026 – Seiten-CSS für ALLE 4 Aktionsseiten (Start, Soul 128, Soul 144, Kontakt + Danke)
   Quelle: Entwürfe LP-Start / LP-Soul128 / LP-Soul144 / LP-Kontakt (Stand 20.10.2026) + neue Broschüre (Stand 29.10.2026, Ergänzungen am Dateiende)
   Identisch auf allen Seiten einfügen – bei Änderungen überall ersetzen.
   Einbau: Elementor → Seite → Erweitert → Benutzerdefiniertes CSS
           (je Aktionsseite; Header/Footer-CSS liegt separat in Global/)
   Jeder Baustein steckt in <div class="sh-hs">…</div>.
   Alle Regeln sind mit "html .sh-hs" gescopt → kein Einfluss aufs Theme.
   ===================================================================== */

/* Museo Sans 900 – nutzt die Datei, die schon im Child-Theme liegt (generatepress_child/fonts/MuseoSans-900.woff2).
   Kein Upload nötig; wird über die functions.php vorgeladen. */
@font-face{
  font-family:"Museo Sans 900";
  src:url("/wp-content/themes/generatepress_child/fonts/MuseoSans-900.woff2") format("woff2");
  font-weight:900;font-style:normal;font-display:swap;
}

html .sh-hs{
  /* Farben exakt wie im Entwurf.
     CI-Werte (Kap. 2): Navy #16395F, Grün #A2C617 – zum Umstellen nur hier ändern. */
  --hs-navy:#002b4d;
  --hs-navy-card:#0b3a61;
  --hs-navy-deep:#001b31;
  --hs-green:#a0c418;
  --hs-white:#ffffff;
  --hs-muted:#c9d3de;
  --hs-text-grey:#44566b;
  --hs-line:#e3e7ec;
  --hs-overlay:0,43,77;           /* RGB von --hs-navy für Verläufe */
  --hs-black:"Museo Sans 900","Museo Sans","Nunito Sans",sans-serif;
  --hs-sans:"Museo Sans","Nunito Sans","Avenir Next",Arial,sans-serif;

  font-family:var(--hs-sans);
  color:var(--hs-white);
  background:var(--hs-navy);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
html .sh-hs *,html .sh-hs *::before,html .sh-hs *::after{box-sizing:border-box}
html .sh-hs img{max-width:none}
html .sh-hs h1,html .sh-hs h2,html .sh-hs p{color:inherit;font-family:inherit;text-transform:none;letter-spacing:normal}
html .sh-hs a{color:var(--hs-white)}
html .sh-hs a:hover{color:var(--hs-green)}
html .sh-hs .sh-hs-black{font-family:var(--hs-black);font-weight:900}
html .sh-hs .sh-hs-green{color:var(--hs-green)}

/* Website-CSS setzt mobil "div#content{padding-left/right:1em}" → weißer Rand neben dem Hero (live gesehen 26.10.).
   Diese Regel hebt das nur auf den Aktionsseiten auf (Seiten-CSS), live getestet: Hero wieder 0–375 px. */
html body div#content.site-content{padding-left:0;padding-right:0}
/* Elementor-Container/-Widgets um die Bausteine: keine Lücken (Standard 20 px → weiße Streifen, live gesehen 26.10.).
   Greift nur auf Containern, die einen Herbst-Sale-Baustein enthalten. */
.e-con:has(> .elementor-element .sh-hs),
.e-con-inner:has(> .elementor-element .sh-hs){--gap:0px !important;--row-gap:0px !important;--column-gap:0px !important;gap:0 !important}
.elementor-widget:has(.sh-hs){margin-bottom:0 !important;margin-block-end:0 !important}

/* ---------- Layout ---------- */
html .sh-hs .sh-hs-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
html .sh-hs .sh-hs-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
html .sh-hs .sh-hs-line{width:64px;height:3px;background:var(--hs-green);margin-top:16px}
html .sh-hs .sh-hs-eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase}

/* ---------- Buttons ---------- */
html .sh-hs .sh-hs-btn,
html .sh-hs .sh-hs-btn:link,
html .sh-hs .sh-hs-btn:visited{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:56px;padding:0 32px;border-radius:4px;
  font-family:var(--hs-sans);font-weight:800;font-size:16px;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;white-space:nowrap;
  transition:background-color .15s,color .15s,border-color .15s;
}
html .sh-hs .sh-hs-btn--primary,
html .sh-hs .sh-hs-btn--primary:link,
html .sh-hs .sh-hs-btn--primary:visited{
  background:var(--hs-green);color:var(--hs-white);border:0;
  text-shadow:0 1px 2px rgba(var(--hs-overlay),.35);
}
html .sh-hs .sh-hs-btn--primary:hover,
html .sh-hs .sh-hs-btn--primary:active{background:#8fae14;color:var(--hs-white)}
html .sh-hs .sh-hs-btn--outline,
html .sh-hs .sh-hs-btn--outline:link,
html .sh-hs .sh-hs-btn--outline:visited{background:transparent;border:1.5px solid var(--hs-white);color:var(--hs-white)}
html .sh-hs .sh-hs-btn--outline:hover,
html .sh-hs .sh-hs-btn--outline:active{border-color:var(--hs-green);color:var(--hs-green)}
html .sh-hs a:focus-visible,
html .sh-hs button:focus-visible{outline:3px solid var(--hs-green);outline-offset:2px}
html .sh-hs .sh-hs-btns{display:flex;gap:14px;flex-wrap:wrap}

/* =====================================================================
   02 Hero
   ===================================================================== */
html .sh-hs .sh-hs-hero{position:relative;overflow:hidden;background:var(--hs-navy)}
html .sh-hs .sh-hs-hero__bg,
html .sh-hs .sh-hs-hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
html .sh-hs .sh-hs-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hs-overlay),.92) 0%,rgba(var(--hs-overlay),.6) 50%,rgba(var(--hs-overlay),.2) 100%)}
html .sh-hs .sh-hs-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;padding-top:88px;padding-bottom:88px;min-height:620px}
html .sh-hs .sh-hs-hero h1{margin:18px 0 0;line-height:.92}
html .sh-hs .sh-hs-hero__herbst{display:block;font-family:var(--hs-sans);font-size:64px;font-weight:300;letter-spacing:.14em}
html .sh-hs .sh-hs-hero__sale{display:block;font-family:var(--hs-black);font-weight:900;font-size:132px;letter-spacing:.02em;color:var(--hs-green)}
html .sh-hs .sh-hs-hero__sub1{margin-top:26px;font-size:22px;font-weight:300;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}
html .sh-hs .sh-hs-hero__sub2{font-family:var(--hs-black);font-weight:900;font-size:24px;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}
html .sh-hs .sh-hs-hero .sh-hs-btns{margin-top:32px}

html .sh-hs .sh-hs-deal{border-radius:18px;background:rgba(var(--hs-overlay),.88);padding:40px 34px 34px;text-align:center}
html .sh-hs .sh-hs-deal__pre{font-size:14px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
html .sh-hs .sh-hs-deal__num{font-family:var(--hs-black);font-weight:900;font-size:148px;line-height:.9;color:var(--hs-green)}
html .sh-hs .sh-hs-deal__num span{font-size:72px}
html .sh-hs .sh-hs-deal__post{font-size:18px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
html .sh-hs .sh-hs-deal .sh-hs-line{margin:18px auto 0}
html .sh-hs .sh-hs-cd{margin-top:26px}
html .sh-hs .sh-hs-cd__row{display:flex;align-items:stretch;margin:0 -10px}
html .sh-hs .sh-hs-cd__cell{flex:1 1 0;min-width:0;padding:0 10px;text-align:center}
html .sh-hs .sh-hs-cd__cell + .sh-hs-cd__cell{border-left:2px solid var(--hs-green)}
html .sh-hs .sh-hs-cd__val{font-family:var(--hs-black);font-weight:900;font-size:40px;line-height:1;color:var(--hs-white);font-variant-numeric:tabular-nums}
html .sh-hs .sh-hs-cd__lbl{margin-top:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--hs-muted)}
html .sh-hs .sh-hs-cd__until{margin-top:16px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--hs-muted)}

/* =====================================================================
   03 Aktionshäuser
   ===================================================================== */
html .sh-hs .sh-hs-haeuser{background:var(--hs-navy);padding:96px 0;scroll-margin-top:72px}
html .sh-hs .sh-hs-haeuser .sh-hs-eyebrow{color:var(--hs-muted)}
html .sh-hs .sh-hs-h2{margin:12px 0 0;font-family:var(--hs-black);font-weight:900;font-size:48px;letter-spacing:.02em;line-height:1.05;color:var(--hs-white)}
html .sh-hs .sh-hs-lead{margin:20px 0 0;max-width:640px;font-size:17px;font-weight:300;line-height:1.6;color:var(--hs-muted)}
html .sh-hs .sh-hs-haeuser .sh-hs-g2{margin-top:44px}

html .sh-hs .sh-hs-hcard,
html .sh-hs .sh-hs-hcard:visited{position:relative;display:block;overflow:hidden;border-radius:18px;aspect-ratio:4/3;text-decoration:none;color:var(--hs-white);background:var(--hs-navy-card)}
html .sh-hs .sh-hs-hcard:hover{color:var(--hs-white)}
html .sh-hs .sh-hs-hcard__img,
html .sh-hs .sh-hs-hcard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
html .sh-hs .sh-hs-hcard:hover .sh-hs-hcard__img img{transform:scale(1.03)}
html .sh-hs .sh-hs-hcard__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--hs-overlay),.55) 0%,rgba(var(--hs-overlay),0) 28%,rgba(var(--hs-overlay),0) 45%,rgba(var(--hs-overlay),.92) 82%)}
html .sh-hs .sh-hs-hcard__top{position:absolute;top:30px;left:32px;right:32px}
html .sh-hs .sh-hs-hcard__name{font-family:var(--hs-black);font-weight:900;font-size:52px;letter-spacing:.02em;line-height:1}
html .sh-hs .sh-hs-hcard__meta{margin-top:10px;font-size:15px;font-weight:300;letter-spacing:.14em;text-transform:uppercase}
html .sh-hs .sh-hs-hcard__bottom{position:absolute;left:32px;right:32px;bottom:32px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
html .sh-hs .sh-hs-hcard__statt{font-size:14px;font-weight:300;color:var(--hs-muted)}
html .sh-hs .sh-hs-hcard__statt s{text-decoration:line-through}
html .sh-hs .sh-hs-hcard__price{font-family:var(--hs-black);font-weight:900;font-size:40px;line-height:1.05;white-space:nowrap}
html .sh-hs .sh-hs-hcard__price small{font-family:var(--hs-sans);font-weight:300;font-size:20px}
html .sh-hs .sh-hs-hcard__bottom .sh-hs-line{margin-top:12px}
html .sh-hs .sh-hs-hcard__save{margin-top:12px;font-size:16px;font-weight:300}
html .sh-hs .sh-hs-hcard__save strong{font-family:var(--hs-black);font-weight:900;font-size:22px;color:var(--hs-green);white-space:nowrap}
html .sh-hs .sh-hs-hcard__arrow{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;border:1.5px solid var(--hs-white);font-size:22px;transition:background-color .15s,border-color .15s}
html .sh-hs .sh-hs-hcard:hover .sh-hs-hcard__arrow{background:var(--hs-green);border-color:var(--hs-green)}

/* =====================================================================
   04 Inklusive (Schlüsselfertig-Ready)
   ===================================================================== */
html .sh-hs .sh-hs-inkl{background:var(--hs-white);color:var(--hs-navy)}
html .sh-hs .sh-hs-inkl__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding-top:72px;padding-bottom:72px}
html .sh-hs .sh-hs-inkl__pre{font-size:14px;font-weight:300;letter-spacing:.3em;text-transform:uppercase}
html .sh-hs .sh-hs-inkl h2{margin:10px 0 0;font-family:var(--hs-black);font-weight:900;font-size:40px;letter-spacing:.02em;line-height:1.05;color:var(--hs-navy)}
html .sh-hs .sh-hs-inkl__tag{margin-top:6px;font-family:var(--hs-black);font-weight:900;font-size:22px;letter-spacing:.24em;color:var(--hs-green)}
html .sh-hs .sh-hs-inkl p{margin:22px 0 0;max-width:380px;font-size:16px;font-weight:300;line-height:1.6;color:var(--hs-text-grey)}
html .sh-hs .sh-hs-inkl__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;grid-auto-rows:64px;align-content:start}
html .sh-hs .sh-hs-inkl__list li{display:flex;gap:14px;align-items:center;margin:0;padding:10px 16px;border-radius:12px;background:var(--hs-navy);color:var(--hs-white);height:64px;font-size:15px;font-weight:600;line-height:1.3}
html .sh-hs .sh-hs-inkl__list li::before{content:none}
html .sh-hs .sh-hs-check{flex:none;width:26px;height:26px;border-radius:999px;background:var(--hs-green);color:var(--hs-white);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
html .sh-hs .sh-hs-inkl__list li.sh-hs-inkl__cta{padding:0;background:none}
html .sh-hs .sh-hs-inkl__cta a,
html .sh-hs .sh-hs-inkl__cta a:link,
html .sh-hs .sh-hs-inkl__cta a:visited{flex:1;height:64px;min-height:64px;padding:10px 16px;border-radius:12px;text-align:center}

/* =====================================================================
   05 FAQ
   ===================================================================== */
html .sh-hs .sh-hs-faq{background:var(--hs-navy);padding:96px 0}
html .sh-hs .sh-hs-faq .sh-hs-wrap{max-width:920px}
html .sh-hs .sh-hs-faq h2{margin:0;line-height:1.05}
html .sh-hs .sh-hs-faq__h-light{font-size:34px;font-weight:300;letter-spacing:.12em}
html .sh-hs .sh-hs-faq__h-bold{font-family:var(--hs-black);font-weight:900;font-size:38px}
html .sh-hs .sh-hs-faq__list{margin-top:32px;display:flex;flex-direction:column;gap:12px}
html .sh-hs .sh-hs-faq__item{border-radius:12px;background:var(--hs-white);color:var(--hs-navy);overflow:hidden}
html .sh-hs .sh-hs-faq__q{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;margin:0;border:0;border-radius:0;background:var(--hs-white);color:var(--hs-navy);font-family:var(--hs-sans);font-size:17px;font-weight:700;line-height:1.35;text-align:left;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none}
html .sh-hs .sh-hs-faq__q:hover,
html .sh-hs .sh-hs-faq__q:focus{background:var(--hs-white);color:var(--hs-navy)}
html .sh-hs .sh-hs-faq__sign{flex:none;width:32px;height:32px;border-radius:999px;background:var(--hs-green);color:var(--hs-white);display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}
html .sh-hs .sh-hs-faq__sign::before{content:"+"}
html .sh-hs .sh-hs-faq__q[aria-expanded="true"] .sh-hs-faq__sign::before{content:"\2212"}
html .sh-hs .sh-hs-faq__a{padding:0 24px 22px;font-size:15px;line-height:1.65;color:var(--hs-text-grey)}
html .sh-hs .sh-hs-faq__a[hidden]{display:none}
html .sh-hs .sh-hs-faq__a > div{border-top:1px solid var(--hs-line);padding-top:16px}

/* =====================================================================
   06 Abschluss-CTA
   ===================================================================== */
html .sh-hs .sh-hs-final{position:relative;overflow:hidden;background:var(--hs-navy)}
html .sh-hs .sh-hs-final__bg,
html .sh-hs .sh-hs-final__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 55%}
html .sh-hs .sh-hs-final__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hs-overlay),.95) 0%,rgba(var(--hs-overlay),.8) 45%,rgba(var(--hs-overlay),.25) 100%)}
html .sh-hs .sh-hs-final .sh-hs-wrap{position:relative;padding-top:96px;padding-bottom:96px}
html .sh-hs .sh-hs-final__pre{font-size:26px;font-weight:300;letter-spacing:.14em;text-transform:uppercase}
html .sh-hs .sh-hs-final h2{margin:0;font-family:var(--hs-black);font-weight:900;font-size:44px;letter-spacing:.04em;text-transform:uppercase;line-height:1.15}
html .sh-hs .sh-hs-final p{margin:20px 0 0;max-width:480px;font-size:17px;font-weight:300;line-height:1.6}
html .sh-hs .sh-hs-final .sh-hs-btns{margin-top:30px}

/* =====================================================================
   Responsive – Werte 1:1 aus dem Entwurf
   ===================================================================== */
@media (max-width:960px){
  html .sh-hs .sh-hs-g2,
  html .sh-hs .sh-hs-hero__grid,
  html .sh-hs .sh-hs-inkl__grid{grid-template-columns:minmax(0,1fr)}
  html .sh-hs .sh-hs-hero__sale{font-size:96px}
  html .sh-hs .sh-hs-deal__num{font-size:120px}
}

@media (max-width:640px){
  html .sh-hs .sh-hs-wrap{padding:0 20px}
  html .sh-hs .sh-hs-g2{gap:16px}

  /* Buttons */
  html .sh-hs .sh-hs-btn,
  html .sh-hs .sh-hs-btn:link,
  html .sh-hs .sh-hs-btn:visited{min-height:50px;padding:0 20px;font-size:15px;width:100%}
  html .sh-hs .sh-hs-eyebrow{letter-spacing:.18em}

  /* Hero */
  html .sh-hs .sh-hs-hero__grid{min-height:0;gap:28px;padding-top:44px;padding-bottom:48px}
  html .sh-hs .sh-hs-hero__herbst{font-size:34px}
  html .sh-hs .sh-hs-hero__sale{font-size:64px}
  html .sh-hs .sh-hs-hero__sub1{font-size:17px}
  html .sh-hs .sh-hs-hero__sub2{font-size:18px}
  html .sh-hs .sh-hs-hero .sh-hs-btns{margin-top:22px}
  html .sh-hs .sh-hs-deal{padding:22px 20px}
  html .sh-hs .sh-hs-deal__num{font-size:88px}
  html .sh-hs .sh-hs-deal__num span{font-size:40px}
  html .sh-hs .sh-hs-deal__post{font-size:16px}
  html .sh-hs .sh-hs-cd__val{font-size:26px}

  /* Aktionshäuser */
  html .sh-hs .sh-hs-haeuser,
  html .sh-hs .sh-hs-faq{padding-top:48px;padding-bottom:48px}
  html .sh-hs .sh-hs-h2{font-size:28px}
  html .sh-hs .sh-hs-lead{font-size:15px}
  html .sh-hs .sh-hs-haeuser .sh-hs-g2{margin-top:28px}
  html .sh-hs .sh-hs-hcard{aspect-ratio:4/5}
  html .sh-hs .sh-hs-hcard__top{top:20px;left:20px;right:20px}
  html .sh-hs .sh-hs-hcard__bottom{left:20px;right:20px;bottom:20px}
  html .sh-hs .sh-hs-hcard__name{font-size:30px}
  html .sh-hs .sh-hs-hcard__price{font-size:26px}
  html .sh-hs .sh-hs-hcard__price small{font-size:16px}
  html .sh-hs .sh-hs-hcard__save strong{font-size:17px}
  html .sh-hs .sh-hs-hcard__arrow{width:44px;height:44px;font-size:17px}

  /* Inklusive */
  html .sh-hs .sh-hs-inkl__grid{gap:28px;padding-top:44px;padding-bottom:48px}
  html .sh-hs .sh-hs-inkl__pre{letter-spacing:.18em}
  html .sh-hs .sh-hs-inkl h2{font-size:26px}
  html .sh-hs .sh-hs-inkl__tag{font-size:17px}
  html .sh-hs .sh-hs-inkl__list{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:10px}
  html .sh-hs .sh-hs-inkl__list li{height:auto;min-height:52px;padding:10px 14px;font-size:14px}
  html .sh-hs .sh-hs-inkl__list li.sh-hs-inkl__cta{padding:0}
  html .sh-hs .sh-hs-inkl__cta a,
  html .sh-hs .sh-hs-inkl__cta a:link,
  html .sh-hs .sh-hs-inkl__cta a:visited{height:52px;min-height:52px}

  /* FAQ */
  html .sh-hs .sh-hs-faq__h-light{font-size:22px}
  html .sh-hs .sh-hs-faq__h-bold{font-size:24px}
  html .sh-hs .sh-hs-faq__list{margin-top:22px}
  html .sh-hs .sh-hs-faq__q{min-height:54px;font-size:15px;padding:12px 16px}
  html .sh-hs .sh-hs-faq__sign{font-size:16px}
  html .sh-hs .sh-hs-faq__a{padding:0 16px 18px}

  /* Abschluss */
  html .sh-hs .sh-hs-final .sh-hs-wrap{padding-top:44px;padding-bottom:48px}
  html .sh-hs .sh-hs-final__pre{font-size:18px}
  html .sh-hs .sh-hs-final h2{font-size:28px}
  html .sh-hs .sh-hs-final p{font-size:15px}
  html .sh-hs .sh-hs-final .sh-hs-btns{margin-top:22px}
}

/* =====================================================================
   SEITEN 2–4 (Soul 128, Soul 144, Kontakt) – zusätzliche Komponenten
   Quelle: Entwürfe LP-Soul128 / LP-Soul144 / LP-Kontakt (20.10.2026)
   ===================================================================== */
html .sh-hs [hidden]{display:none !important}
html .sh-hs .sh-hs-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html .sh-hs .sh-hs-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html .sh-hs .sh-hs-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
html .sh-hs .sh-hs-check{flex:none;width:26px;height:26px;border-radius:999px;background:var(--hs-green);color:var(--hs-white);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}

/* ---------- Countdown-Leiste unter dem Header ---------- */
html .sh-hs .sh-hs-tbar{background:var(--hs-navy-card)}
html .sh-hs .sh-hs-tbar .sh-hs-wrap{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;min-height:44px;padding-top:6px;padding-bottom:6px}
html .sh-hs .sh-hs-tbar__lbl{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--hs-white)}
html .sh-hs .sh-hs-tbar__row{display:inline-flex;align-items:center;line-height:1}
html .sh-hs .sh-hs-tbar__cell{display:inline-flex;align-items:baseline;gap:5px;padding:0 12px}
html .sh-hs .sh-hs-tbar__cell + .sh-hs-tbar__cell{border-left:2px solid var(--hs-green)}
html .sh-hs .sh-hs-tbar__val{font-family:var(--hs-black);font-weight:900;font-size:18px;color:var(--hs-white);font-variant-numeric:tabular-nums}
html .sh-hs .sh-hs-tbar__unit{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-muted)}

/* ---------- Haus-Hero (Soul 128 / 144) ---------- */
html .sh-hs .sh-hs-haus{background:var(--hs-navy);padding:104px 0 112px}
html .sh-hs .sh-hs-haus__grid{gap:80px}
html .sh-hs .sh-hs-haus .sh-hs-eyebrow{color:var(--hs-muted)}
html .sh-hs .sh-hs-haus h1{margin:14px 0 0;font-family:var(--hs-black);font-weight:900;font-size:88px;letter-spacing:.02em;line-height:.95}
html .sh-hs .sh-hs-haus__sub{margin-top:16px;font-size:20px;font-weight:300;letter-spacing:.14em;text-transform:uppercase}
html .sh-hs .sh-hs-haus__sub strong{font-weight:700}
html .sh-hs .sh-hs-pcard{margin-top:48px;max-width:460px;border-radius:14px;overflow:hidden;background:var(--hs-navy-card);padding:24px 26px 26px}
html .sh-hs .sh-hs-pcard__kicker{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
html .sh-hs .sh-hs-pcard__statt{margin-top:14px;font-size:15px;color:var(--hs-muted)}
html .sh-hs .sh-hs-pcard__price{font-family:var(--hs-black);font-weight:900;font-size:54px;line-height:1.05;white-space:nowrap}
html .sh-hs .sh-hs-pcard__price small{font-family:var(--hs-sans);font-weight:300;font-size:24px}
html .sh-hs .sh-hs-pcard__save{margin-top:10px;font-size:16px}
html .sh-hs .sh-hs-pcard__save strong{font-family:var(--hs-black);font-weight:900;font-size:22px;color:var(--hs-green);white-space:nowrap}
html .sh-hs .sh-hs-haus__cta{margin-top:36px;display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}
html .sh-hs .sh-hs-tel,
html .sh-hs .sh-hs-tel:visited{font-size:15px;color:var(--hs-muted);text-decoration:none;white-space:nowrap}
html .sh-hs .sh-hs-tel strong{font-weight:700;color:var(--hs-white)}
html .sh-hs .sh-hs-tel:hover strong{color:var(--hs-green)}

/* Entwurf-Bild + Umschalter */
html .sh-hs .sh-hs-ent{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--hs-navy-card)}
html .sh-hs .sh-hs-ent picture,
html .sh-hs .sh-hs-ent picture img{display:block;width:100%;height:100%;object-fit:cover}
html .sh-hs .sh-hs-ent__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-muted)}
html .sh-hs .sh-hs-ent__cap{position:absolute;left:0;right:0;bottom:0;padding:50px 24px 20px;background:linear-gradient(rgba(var(--hs-overlay),0),rgba(var(--hs-overlay),.85))}
html .sh-hs .sh-hs-ent__label{font-family:var(--hs-black);font-weight:900;font-size:18px;letter-spacing:.06em;text-transform:uppercase}
html .sh-hs .sh-hs-ent__roof{font-size:14px;color:var(--hs-muted)}
html .sh-hs .sh-hs-tabs{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}
html .sh-hs .sh-hs-tab{min-height:46px;padding:0 22px;margin:0;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:var(--hs-white);font-family:var(--hs-sans);font-size:15px;font-weight:400;line-height:1.2;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none}
html .sh-hs .sh-hs-tab strong{font-weight:700}
html .sh-hs .sh-hs-tab:hover,
html .sh-hs .sh-hs-tab:focus{background:transparent;color:var(--hs-white);border-color:var(--hs-white)}
html .sh-hs .sh-hs-tab[aria-selected="true"]{background:var(--hs-green);border-color:var(--hs-green);color:var(--hs-white);text-shadow:0 1px 2px rgba(var(--hs-overlay),.35)}
html .sh-hs .sh-hs-tab[aria-selected="true"] strong{font-weight:800}

/* Kennzahlen (Flächen bzw. Warum Schwabenhaus) */
html .sh-hs .sh-hs-facts{margin-top:96px}
html .sh-hs .sh-hs-facts .sh-hs-g4{gap:40px}
html .sh-hs .sh-hs-fact{border-top:3px solid var(--hs-green);padding-top:14px}
html .sh-hs .sh-hs-fact__lbl{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--hs-muted)}
html .sh-hs .sh-hs-fact__val{margin-top:8px;font-family:var(--hs-black);font-weight:900;font-size:30px;white-space:nowrap}
html .sh-hs .sh-hs-facts__note{margin:18px 0 0;font-size:12px;color:var(--hs-muted)}

/* ---------- Grundrisse (weiß) ---------- */
html .sh-hs .sh-hs-plan{background:var(--hs-white);color:var(--hs-navy);padding:104px 0;scroll-margin-top:72px}
html .sh-hs .sh-hs-plan .sh-hs-eyebrow{color:#6b6b6b}
html .sh-hs .sh-hs-plan h2{margin:12px 0 0;font-family:var(--hs-black);font-weight:900;font-size:44px;letter-spacing:.02em;line-height:1.05;color:var(--hs-navy)}
html .sh-hs .sh-hs-plan .sh-hs-g3{margin-top:44px}
html .sh-hs .sh-hs-plan__title{font-family:var(--hs-black);font-weight:900;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
html .sh-hs .sh-hs-plan__img{display:block;margin-top:12px}
html .sh-hs .sh-hs-plan__img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:1px solid #e3e3e3;border-radius:14px;background:var(--hs-white)}
html .sh-hs .sh-hs-roof{border-radius:14px;background:var(--hs-navy);color:var(--hs-white);padding:28px}
html .sh-hs .sh-hs-roof__kicker{font-family:var(--hs-black);font-weight:900;font-size:13px;color:var(--hs-green)}
html .sh-hs .sh-hs-roof__label{margin-top:8px;font-family:var(--hs-black);font-weight:900;font-size:26px}
html .sh-hs .sh-hs-roof__roof{margin-top:6px;font-size:16px;color:var(--hs-muted)}
html .sh-hs .sh-hs-roof p{margin:18px 0 0;font-size:14px;line-height:1.6;color:var(--hs-muted)}
html .sh-hs .sh-hs-roof__btns{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
html .sh-hs .sh-hs-roof__btns .sh-hs-tab{min-height:40px;padding:0 16px;font-size:13px;font-weight:700}
html .sh-hs .sh-hs-roof__btns .sh-hs-tab[aria-pressed="true"]{border-color:var(--hs-white)}

/* ---------- Inklusive mit Hintergrundbild (Soul, Kontakt) ---------- */
html .sh-hs .sh-hs-inkl--bild{position:relative;overflow:hidden;background:var(--hs-navy);color:var(--hs-white)}
html .sh-hs .sh-hs-inkl--bild .sh-hs-inkl__bg,
html .sh-hs .sh-hs-inkl--bild .sh-hs-inkl__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
html .sh-hs .sh-hs-inkl--bild .sh-hs-inkl__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hs-overlay),.96) 0%,rgba(var(--hs-overlay),.88) 40%,rgba(var(--hs-overlay),.78) 100%)}
html .sh-hs .sh-hs-inkl--bild .sh-hs-inkl__grid{position:relative}
html .sh-hs .sh-hs-inkl--bild h2{color:var(--hs-white)}
html .sh-hs .sh-hs-inkl--bild p{color:var(--hs-muted)}
html .sh-hs .sh-hs-inkl--bild .sh-hs-inkl__list li{background:rgba(11,58,97,.88)}
html .sh-hs .sh-hs-inkl--bild .sh-hs-inkl__list li.sh-hs-inkl__cta{background:none}

/* ---------- Abschluss mit Cross-Sell-Karte (Soul) ---------- */
html .sh-hs .sh-hs-final2{background:var(--hs-navy);padding:96px 0}
html .sh-hs .sh-hs-final2 .sh-hs-final__pre{font-size:26px;font-weight:300;letter-spacing:.14em;text-transform:uppercase}
html .sh-hs .sh-hs-final2 h2{margin:0;font-family:var(--hs-black);font-weight:900;font-size:44px;letter-spacing:.04em;text-transform:uppercase;line-height:1.15}
html .sh-hs .sh-hs-final2 p{margin:20px 0 0;max-width:440px;font-size:17px;font-weight:300;line-height:1.6;color:var(--hs-muted)}
html .sh-hs .sh-hs-final2 .sh-hs-btns{margin-top:30px}
html .sh-hs .sh-hs-final2__kicker{margin-bottom:14px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--hs-muted)}

/* ---------- Kontakt-Hero mit Formular ---------- */
html .sh-hs .sh-hs-khero{position:relative;overflow:hidden;background:var(--hs-navy)}
html .sh-hs .sh-hs-khero__bg,
html .sh-hs .sh-hs-khero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 55%}
html .sh-hs .sh-hs-khero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hs-overlay),.96) 0%,rgba(var(--hs-overlay),.85) 55%,rgba(var(--hs-overlay),.55) 100%)}
html .sh-hs .sh-hs-khero > .sh-hs-wrap{position:relative;padding-top:80px;padding-bottom:96px}
html .sh-hs .sh-hs-khero__grid{align-items:start;gap:56px}
html .sh-hs .sh-hs-khero__pre{font-size:26px;font-weight:300;letter-spacing:.14em;text-transform:uppercase}
html .sh-hs .sh-hs-khero h1{margin:0;font-family:var(--hs-black);font-weight:900;font-size:48px;letter-spacing:.04em;text-transform:uppercase;line-height:1.15}
html .sh-hs .sh-hs-khero__lead{margin:22px 0 0;max-width:480px;font-size:17px;font-weight:300;line-height:1.6}
html .sh-hs .sh-hs-khero__lead strong{font-weight:700}
html .sh-hs .sh-hs-usps{margin-top:32px;display:flex;flex-direction:column;gap:12px}
html .sh-hs .sh-hs-usp{display:flex;gap:14px;align-items:center;font-size:16px}
html .sh-hs .sh-hs-usp strong{font-family:var(--hs-black);font-weight:900;color:var(--hs-green)}
html .sh-hs .sh-hs-addr{margin-top:36px;border-radius:14px;background:rgba(11,58,97,.9);padding:24px 26px;font-size:15px;line-height:1.8}
html .sh-hs .sh-hs-addr__name{font-family:var(--hs-black);font-weight:900;font-size:18px}
html .sh-hs .sh-hs-addr__street{color:var(--hs-muted)}
html .sh-hs .sh-hs-addr a{white-space:nowrap}

/* Formular-Karte + Gravity Forms (gravity-theme) im Look des Entwurfs */
html .sh-hs .sh-hs-fcard{border-radius:14px;background:var(--hs-navy);border:1px solid rgba(255,255,255,.15);padding:36px 34px;scroll-margin-top:96px}
html .sh-hs .sh-hs-fcard__title{margin:0 0 18px;font-size:30px;font-weight:300;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
html .sh-hs .sh-hs-fcard .gform_wrapper{margin:0}
html .sh-hs .sh-hs-fcard .gform_heading{display:none}
html .sh-hs .sh-hs-fcard .gform_fields{row-gap:18px;column-gap:16px}
html .sh-hs .sh-hs-fcard .gfield{margin:0;padding:0}
html .sh-hs .sh-hs-fcard .gfield_label,
html .sh-hs .sh-hs-fcard .gform-field-label{display:block;margin:0 0 6px;padding:0;font-family:var(--hs-sans);font-size:14px;font-weight:600;line-height:1.3;color:var(--hs-white)}
html .sh-hs .sh-hs-fcard .gfield_required,
html .sh-hs .sh-hs-fcard .gfield_required_text{font-size:11px;font-weight:700;font-style:normal;color:var(--hs-white);text-transform:lowercase;margin-left:4px}
html .sh-hs .sh-hs-fcard input[type="text"],
html .sh-hs .sh-hs-fcard input[type="email"],
html .sh-hs .sh-hs-fcard input[type="tel"],
html .sh-hs .sh-hs-fcard select{width:100%;min-height:48px;height:48px;margin:0;padding:0 14px;border:0;border-radius:4px;background:#aec0d6;color:var(--hs-navy);font-family:var(--hs-sans);font-size:16px;line-height:48px;box-shadow:none}
html .sh-hs .sh-hs-fcard select{padding-right:40px;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--hs-navy) 50%),linear-gradient(135deg,var(--hs-navy) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
html .sh-hs .sh-hs-fcard input:focus,
html .sh-hs .sh-hs-fcard select:focus{outline:3px solid var(--hs-green);outline-offset:1px}
html .sh-hs .sh-hs-fcard .gfield--type-consent .ginput_container,
html .sh-hs .sh-hs-fcard .ginput_container_consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--hs-white)}
html .sh-hs .sh-hs-fcard .ginput_container_consent input[type="checkbox"]{flex:none;margin:3px 0 0;width:18px;height:18px;accent-color:var(--hs-green)}
html .sh-hs .sh-hs-fcard .gfield_consent_label{font-size:13px;font-weight:400;font-style:normal;line-height:1.5;color:var(--hs-white)}
/* GF-Zeichenzähler („0 of 5 max characters“) ausblenden – nicht im Entwurf, englisch */
html .sh-hs .sh-hs-fcard .ginput_counter{display:none}
/* Gravity-Theme-Defaults (Selektoren .gform_wrapper.gravity-theme …) gezielt überstimmen */
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_required,
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_required .gfield_required_text{font-family:var(--hs-sans);font-size:11px;font-weight:700;font-style:normal;color:var(--hs-white);text-transform:lowercase}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_required{margin-left:4px;padding:0}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_consent_label,
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .ginput_container_consent label{font-family:var(--hs-sans);font-size:13px;font-weight:400;font-style:normal;line-height:1.5;color:var(--hs-white)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_label{font-family:var(--hs-sans);font-size:14px;font-weight:600;color:var(--hs-white)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .ginput_counter{display:none}
/* reCAPTCHA (unsichtbar) und Honeypot ohne Platz */
html .sh-hs .sh-hs-fcard .gfield--type-captcha:has(.grecaptcha-badge),html .sh-hs .sh-hs-fcard .gform_validation_container{display:none !important}
html .sh-hs .sh-hs-fcard .gfield_consent_label a{color:var(--hs-white);text-decoration:underline}
html .sh-hs .sh-hs-fcard .gfield--type-consent > .gfield_label{display:none}
html .sh-hs .sh-hs-fcard .gform_footer{margin:18px 0 0;padding:0}
html .sh-hs .sh-hs-fcard .gform_footer .gform_button,
html .sh-hs .sh-hs-fcard .gform_footer input[type="submit"]{min-height:56px;padding:0 32px;margin:0;border:0;border-radius:4px;background:var(--hs-green);color:var(--hs-white);text-shadow:0 1px 2px rgba(var(--hs-overlay),.35);font-family:var(--hs-sans);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;line-height:1;cursor:pointer;box-shadow:none}
html .sh-hs .sh-hs-fcard .gform_footer .gform_button:hover{background:#8fae14}
html .sh-hs .sh-hs-fcard .gfield_validation_message,
html .sh-hs .sh-hs-fcard .validation_message{margin-top:6px;padding:6px 10px;border:0;border-radius:4px;background:#fde8e8;color:#8a1c1c;font-size:13px}
html .sh-hs .sh-hs-fcard .gform_validation_errors{margin:0 0 18px;padding:12px 14px;border:0;border-radius:4px;background:#fde8e8;box-shadow:none}
html .sh-hs .sh-hs-fcard .gform_validation_errors h2{margin:0;font-size:14px;font-weight:700;color:#8a1c1c}
html .sh-hs .sh-hs-fcard .gform_confirmation_message{font-size:16px;line-height:1.6}
/* Bestätigung „Text“ (ohne Danke-Seite): Überschrift „Jetzt Infos sichern!“ nach dem Absenden ausblenden */
html .sh-hs .sh-hs-fcard:has(.gform_confirmation_wrapper) .sh-hs-fcard__title{display:none}
html .sh-hs .sh-hs-fcard .gform_confirmation_wrapper .sh-hs-danke{padding:28px 0}

/* Danke (eigene Seite, Optik = Entwurf-Zustand "gesendet") */
html .sh-hs .sh-hs-danke{padding:28px 0}
html .sh-hs .sh-hs-danke__title{margin:0;font-family:var(--hs-black);font-weight:900;font-size:30px;text-transform:uppercase;line-height:1.2}
html .sh-hs .sh-hs-danke p{margin:16px 0 0;font-size:16px;line-height:1.6}
html .sh-hs .sh-hs-danke .sh-hs-btns{margin-top:24px}

/* ---------- Warum Schwabenhaus (Kontakt) ---------- */
html .sh-hs .sh-hs-why{background:var(--hs-navy);padding:96px 0}
html .sh-hs .sh-hs-why h2{margin:0;line-height:1}
html .sh-hs .sh-hs-why__h-light{display:block;font-size:30px;font-weight:300;letter-spacing:.16em}
html .sh-hs .sh-hs-why__h-bold{display:block;margin-top:6px;font-family:var(--hs-black);font-weight:900;font-size:52px}
html .sh-hs .sh-hs-why__lead{margin:20px 0 0;font-size:17px;font-weight:300;line-height:1.6;color:var(--hs-muted)}
html .sh-hs .sh-hs-why__lead strong{font-weight:700;color:var(--hs-white)}
html .sh-hs .sh-hs-why__img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
html .sh-hs .sh-hs-why .sh-hs-g4{margin-top:56px}
html .sh-hs .sh-hs-stat{border-top:3px solid var(--hs-green);padding-top:16px}
html .sh-hs .sh-hs-stat__val{font-family:var(--hs-black);font-weight:900;font-size:52px;line-height:1;white-space:nowrap}
html .sh-hs .sh-hs-stat__val span{font-size:24px;color:var(--hs-green)}
html .sh-hs .sh-hs-stat__lbl{margin-top:10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-muted)}
html .sh-hs .sh-hs-why .sh-hs-g3{margin-top:48px}
html .sh-hs .sh-hs-pillar{border-radius:14px;background:var(--hs-navy-card);padding:26px 28px}
html .sh-hs .sh-hs-pillar__no{font-family:var(--hs-black);font-weight:900;font-size:13px;color:var(--hs-green)}
html .sh-hs .sh-hs-pillar__name{margin-top:4px;font-family:var(--hs-black);font-weight:900;font-size:26px;text-transform:uppercase}
html .sh-hs .sh-hs-pillar__txt{margin-top:12px;font-size:15px;line-height:1.6;color:var(--hs-muted)}

/* ---------- Responsive Seiten 2–4 (Werte 1:1 aus den Entwürfen) ---------- */
@media (max-width:960px){
  html .sh-hs .sh-hs-g3,
  html .sh-hs .sh-hs-split{grid-template-columns:minmax(0,1fr)}
  html .sh-hs .sh-hs-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  html .sh-hs .sh-hs-g3{gap:16px}
  html .sh-hs .sh-hs-g4{grid-template-columns:minmax(0,1fr);gap:24px}
  html .sh-hs .sh-hs-split{gap:28px}

  html .sh-hs .sh-hs-tbar .sh-hs-wrap{gap:4px 10px}
  html .sh-hs .sh-hs-tbar__lbl{letter-spacing:.18em}
  html .sh-hs .sh-hs-tbar__val{font-size:16px}

  html .sh-hs .sh-hs-haus,
  html .sh-hs .sh-hs-plan,
  html .sh-hs .sh-hs-final2,
  html .sh-hs .sh-hs-why{padding-top:48px;padding-bottom:48px}
  html .sh-hs .sh-hs-haus__grid{gap:28px}
  html .sh-hs .sh-hs-haus h1{font-size:50px}
  html .sh-hs .sh-hs-haus__sub{font-size:16px}
  html .sh-hs .sh-hs-pcard{margin-top:28px;padding:20px}
  html .sh-hs .sh-hs-pcard__price{font-size:34px}
  html .sh-hs .sh-hs-pcard__price small{font-size:18px}
  html .sh-hs .sh-hs-pcard__save strong{font-size:17px}
  html .sh-hs .sh-hs-haus__cta{margin-top:22px}
  html .sh-hs .sh-hs-tab{min-height:40px;padding:0 14px;font-size:13px}
  html .sh-hs .sh-hs-facts{margin-top:40px}
  html .sh-hs .sh-hs-facts .sh-hs-g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  html .sh-hs .sh-hs-fact__val{font-size:22px}

  html .sh-hs .sh-hs-plan h2{font-size:28px}
  html .sh-hs .sh-hs-plan .sh-hs-g3{margin-top:28px}
  html .sh-hs .sh-hs-roof{padding:20px}
  html .sh-hs .sh-hs-roof__label{font-size:18px}

  html .sh-hs .sh-hs-final2 .sh-hs-final__pre{font-size:18px}
  html .sh-hs .sh-hs-final2 h2{font-size:28px}
  html .sh-hs .sh-hs-final2 p{font-size:15px}
  html .sh-hs .sh-hs-final2 .sh-hs-btns{margin-top:22px}

  html .sh-hs .sh-hs-khero > .sh-hs-wrap{padding-top:44px;padding-bottom:48px}
  html .sh-hs .sh-hs-khero__grid{gap:16px}
  html .sh-hs .sh-hs-khero__pre{font-size:18px}
  html .sh-hs .sh-hs-khero h1{font-size:28px}
  html .sh-hs .sh-hs-khero__lead{font-size:15px}
  html .sh-hs .sh-hs-usps{margin-top:22px}
  html .sh-hs .sh-hs-addr{margin-top:22px;padding:20px}
  html .sh-hs .sh-hs-addr__name{font-size:16px}
  html .sh-hs .sh-hs-fcard{padding:22px 20px}
  html .sh-hs .sh-hs-fcard__title{font-size:22px}
  html .sh-hs .sh-hs-fcard .gform_fields{grid-template-columns:minmax(0,1fr) !important}
  html .sh-hs .sh-hs-fcard .gfield{grid-column:1 / -1 !important}
  html .sh-hs .sh-hs-fcard .gform_footer .gform_button,
  html .sh-hs .sh-hs-fcard .gform_footer input[type="submit"]{min-height:50px;width:100%;font-size:15px}

  html .sh-hs .sh-hs-why__h-light{font-size:22px}
  html .sh-hs .sh-hs-why__h-bold{font-size:30px}
  html .sh-hs .sh-hs-why__lead{font-size:15px}
  html .sh-hs .sh-hs-why__img img{border-radius:14px}
  html .sh-hs .sh-hs-why .sh-hs-g4,
  html .sh-hs .sh-hs-why .sh-hs-g3{margin-top:28px}
  html .sh-hs .sh-hs-stat__val{font-size:30px}
  html .sh-hs .sh-hs-stat__val span{font-size:18px}
  html .sh-hs .sh-hs-pillar{padding:20px}
  html .sh-hs .sh-hs-pillar__name{font-size:18px}
}

@media (prefers-reduced-motion:reduce){
  html .sh-hs *{transition:none !important}
}

/* =====================================================================
   Stand 29.10.2026 – neue Broschüre
   Hinweisleiste (statt Countdown) · Hero mit Preisschild · Aktionshaus-Seiten mit Luftbild-Zoom ·
   Preisübersicht · Fast-Vollendet · Add-on Schlüsselfertig-Ready · Vorteile mit Unterzeilen
   ===================================================================== */
html .sh-hs sup{font-size:.55em;line-height:0;vertical-align:super;font-weight:inherit}

/* ---------- Hinweisleiste (ersetzt den Countdown) ---------- */
html .sh-hs .sh-hs-tbar__lbl strong{font-family:var(--hs-black);font-weight:900;color:var(--hs-green)}
html .sh-hs .sh-hs-tbar__txt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-white)}

/* ---------- Start-Hero: Coverbild + Preisschild ---------- */
html .sh-hs .sh-hs-hero__bg img{object-position:50% 22%}
html .sh-hs .sh-hs-hero:has(.sh-hs-deal--tag) .sh-hs-hero__grid{min-height:760px;align-items:start}
html .sh-hs .sh-hs-hero:has(.sh-hs-deal--tag) .sh-hs-hero__grid > div:first-child{align-self:center}
html .sh-hs .sh-hs-hero__claim{margin-top:14px;font-size:20px;font-weight:300;letter-spacing:.1em}
html .sh-hs .sh-hs-deal--tag{position:relative;max-width:300px;padding:34px 24px 24px;justify-self:end;width:100%;transform:rotate(-4deg);box-shadow:0 18px 40px rgba(0,0,0,.28)}
html .sh-hs .sh-hs-deal--tag::before{content:"";position:absolute;top:16px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--hs-white);opacity:.9}
html .sh-hs .sh-hs-deal--tag .sh-hs-deal__pre{margin-top:12px}
html .sh-hs .sh-hs-deal__eur{font-family:var(--hs-black);font-weight:900;font-size:52px;line-height:1.05;color:var(--hs-green);white-space:nowrap}
html .sh-hs .sh-hs-deal__statt{margin-top:18px;font-size:16px;color:var(--hs-muted)}
html .sh-hs .sh-hs-deal__ab{font-family:var(--hs-black);font-weight:900;font-size:34px;line-height:1.1;white-space:nowrap}
html .sh-hs .sh-hs-deal__ab small{font-family:var(--hs-sans);font-weight:300;font-size:20px}
html .sh-hs .sh-hs-deal__until{margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
html .sh-hs .sh-hs-deal__ref{margin-top:6px;font-size:12px;color:var(--hs-muted)}
@media (max-width:960px){
  html .sh-hs .sh-hs-hero__bg img{object-position:50% 50%}
  html .sh-hs .sh-hs-hero:has(.sh-hs-deal--tag) .sh-hs-hero__grid{min-height:0}
  html .sh-hs .sh-hs-deal--tag{justify-self:start;transform:rotate(-2deg)}
}
@media (max-width:640px){
  html .sh-hs .sh-hs-hero__claim{font-size:15px}
  html .sh-hs .sh-hs-deal__eur{font-size:44px}
  html .sh-hs .sh-hs-deal__ab{font-size:30px}
  html .sh-hs .sh-hs-deal__ab small{font-size:16px}
}

/* ---------- Haus-Kacheln mit Luftbild ---------- */
html .sh-hs .sh-hs-hcard__img img{object-position:45% 50%}
html .sh-hs .sh-hs-haeuser .sh-hs-hcard__shade,html .sh-hs .sh-hs-final2 .sh-hs-hcard__shade{background:linear-gradient(180deg,rgba(var(--hs-overlay),.82) 0%,rgba(var(--hs-overlay),.25) 34%,rgba(var(--hs-overlay),.2) 52%,rgba(var(--hs-overlay),.9) 100%)}

/* ---------- Aktionshaus-Seiten: Kopf + Preis-Karte ---------- */
html .sh-hs .sh-hs-haus--luft{padding:72px 0 96px}
html .sh-hs .sh-hs-haus__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:40px;align-items:end}
html .sh-hs .sh-hs-haus--luft h1{font-size:76px}
html .sh-hs .sh-hs-haus--luft .sh-hs-pcard{margin-top:0;max-width:none}
html .sh-hs .sh-hs-pcard__statt s,html .sh-hs .sh-hs-pcard__price span{transition:opacity .3s}

/* ---------- Luftbild mit Zoom je Entwurf ---------- */
html .sh-hs .sh-hs-zoom{position:relative;margin-top:48px;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:var(--hs-navy-card);isolation:isolate}
html .sh-hs .sh-hs-zoom__layer{position:absolute;inset:0;transform-origin:0 0;transform:none;transition:transform 1.3s cubic-bezier(.65,0,.25,1);will-change:transform}
html .sh-hs .sh-hs-zoom__layer img{display:block;width:100%;height:100%;object-fit:cover}
/* Koordinaten je Haus: translate = Ausschnitt, scale = Zoomstufe (berechnet aus dem Luftbild) */
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"][data-zoom="0"] .sh-hs-zoom__layer{transform:translate(-1.77%,-54.73%) scale(1.861)}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"][data-zoom="1"] .sh-hs-zoom__layer{transform:translate(0%,-24.23%) scale(1.9)}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"][data-zoom="2"] .sh-hs-zoom__layer{transform:translate(-85.26%,-42.41%) scale(1.853)}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"][data-zoom="0"] .sh-hs-zoom__layer{transform:translate(0%,-48.32%) scale(1.785)}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"][data-zoom="1"] .sh-hs-zoom__layer{transform:translate(-29.56%,-29.48%) scale(1.9)}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"][data-zoom="2"] .sh-hs-zoom__layer{transform:translate(-90%,-47.83%) scale(1.9)}
/* Markierungen auf den Häusern (nur in der Übersicht) */
html .sh-hs .sh-hs-zoom__pin{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:36px;margin:0;padding:4px 14px 4px 4px;border:0;border-radius:999px;background:var(--hs-white);color:var(--hs-navy);font-family:var(--hs-sans);font-size:14px;font-weight:700;line-height:1;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3);transform:translate(-50%,-100%);transition:opacity .4s,transform .25s}
html .sh-hs .sh-hs-zoom__pin::after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--hs-white)}
html .sh-hs .sh-hs-zoom__pin:hover,html .sh-hs .sh-hs-zoom__pin:focus-visible{background:var(--hs-white);color:var(--hs-navy);transform:translate(-50%,-100%) scale(1.06)}
html .sh-hs .sh-hs-zoom__pin-no{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--hs-green);color:var(--hs-white);font-family:var(--hs-black);font-weight:900;font-size:14px}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"] .sh-hs-zoom__pin[data-hs-ent-pick="0"]{left:27.8%;top:38.6%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"] .sh-hs-zoom__pin[data-hs-ent-pick="1"]{left:18.1%;top:28.2%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"] .sh-hs-zoom__pin[data-hs-ent-pick="2"]{left:74.4%;top:33.8%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"] .sh-hs-zoom__pin[data-hs-ent-pick="0"]{left:20.3%;top:36.7%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"] .sh-hs-zoom__pin[data-hs-ent-pick="1"]{left:41.9%;top:27.9%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"] .sh-hs-zoom__pin[data-hs-ent-pick="2"]{left:78.1%;top:34.9%}
html .sh-hs .sh-hs-zoom:not([data-zoom="all"]) .sh-hs-zoom__pin{opacity:0;pointer-events:none}
/* Zurück-Knopf (nur im Zoom) */
html .sh-hs .sh-hs-zoom__back{position:absolute;z-index:2;top:16px;right:16px;min-height:40px;margin:0;padding:0 18px;border:0;border-radius:999px;background:rgba(var(--hs-overlay),.82);color:var(--hs-white);font-family:var(--hs-sans);font-size:14px;font-weight:700;line-height:1;text-transform:none;letter-spacing:normal;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s}
html .sh-hs .sh-hs-zoom__back:hover,html .sh-hs .sh-hs-zoom__back:focus-visible{background:var(--hs-navy);color:var(--hs-white)}
html .sh-hs .sh-hs-zoom:not([data-zoom="all"]) .sh-hs-zoom__back{opacity:1;pointer-events:auto}
html .sh-hs .sh-hs-zoom .sh-hs-ent__cap{z-index:1;pointer-events:none}
html .sh-hs .sh-hs-haus--luft .sh-hs-tabs{margin-top:20px}
@media (prefers-reduced-motion:reduce){
  html .sh-hs .sh-hs-zoom__layer,html .sh-hs .sh-hs-zoom__pin,html .sh-hs .sh-hs-zoom__back{transition:none}
}
@media (max-width:960px){
  html .sh-hs .sh-hs-haus__head{grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
  html .sh-hs .sh-hs-haus--luft h1{font-size:56px}
}
@media (max-width:640px){
  html .sh-hs .sh-hs-haus--luft{padding:40px 0 48px}
  html .sh-hs .sh-hs-haus--luft h1{font-size:36px}
  html .sh-hs .sh-hs-zoom{margin:28px -20px 0;border-radius:0}
  html .sh-hs .sh-hs-zoom__pin{min-height:30px;padding:3px;gap:0}
  html .sh-hs .sh-hs-zoom__pin-no{width:24px;height:24px;font-size:13px}
  html .sh-hs .sh-hs-zoom__pin-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html .sh-hs .sh-hs-zoom__back{top:10px;right:10px;min-height:34px;padding:0 12px;font-size:12px}
  html .sh-hs .sh-hs-zoom .sh-hs-ent__cap{padding:30px 16px 12px}
  html .sh-hs .sh-hs-zoom .sh-hs-ent__label{font-size:14px}
  html .sh-hs .sh-hs-zoom .sh-hs-ent__roof{font-size:12px}
  html .sh-hs .sh-hs-haus--luft .sh-hs-fact__val{font-size:19px;white-space:normal}
}

/* ---------- Preisübersicht (Grundriss-Sektion) ---------- */
html .sh-hs .sh-hs-ptab{margin-top:56px;max-width:760px}
html .sh-hs .sh-hs-ptab__h{font-family:var(--hs-black);font-weight:900;font-size:28px;text-transform:uppercase;color:var(--hs-navy)}
html .sh-hs .sh-hs-ptab__h span{display:block;font-family:var(--hs-sans);font-weight:300;font-size:18px;letter-spacing:.08em}
html .sh-hs .sh-hs-ptab__scroll{margin-top:18px;overflow-x:auto}
html .sh-hs .sh-hs-ptab table{width:100%;min-width:440px;margin:0;border-collapse:collapse;border:0;font-size:17px;color:var(--hs-navy)}
html .sh-hs .sh-hs-ptab th,html .sh-hs .sh-hs-ptab td{padding:12px 10px 12px 0;border:0;border-bottom:1px solid var(--hs-line);background:none;text-align:left;white-space:nowrap}
html .sh-hs .sh-hs-ptab thead th{font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#6b6b6b}
html .sh-hs .sh-hs-ptab tbody th{font-family:var(--hs-black);font-weight:900}
html .sh-hs .sh-hs-ptab s{color:#6b6b6b}
html .sh-hs .sh-hs-ptab td.sh-hs-green{color:#7d9a12}
@media (max-width:640px){
  html .sh-hs .sh-hs-ptab{margin-top:36px}
  html .sh-hs .sh-hs-ptab__h{font-size:22px}
  html .sh-hs .sh-hs-ptab table{min-width:0;font-size:13px}
  html .sh-hs .sh-hs-ptab th,html .sh-hs .sh-hs-ptab td{padding:10px 6px 10px 0}
  html .sh-hs .sh-hs-ptab thead th{font-size:10px;letter-spacing:.08em}
}

/* ---------- Inklusive Fast-Vollendet: CTA über volle Breite ---------- */
html .sh-hs .sh-hs-inkl--fv .sh-hs-inkl__list li.sh-hs-inkl__cta{grid-column:1/-1}

/* ---------- Add-on Schlüsselfertig-Ready ---------- */
html .sh-hs .sh-hs-addon{background:var(--hs-white);color:var(--hs-navy);padding:96px 0;scroll-margin-top:72px}
html .sh-hs .sh-hs-addon .sh-hs-eyebrow{color:#6b6b6b}
html .sh-hs .sh-hs-addon__grid{gap:64px;align-items:start}
html .sh-hs .sh-hs-addon h2{margin:12px 0 0;font-family:var(--hs-black);font-weight:900;font-size:44px;letter-spacing:.02em;line-height:1.05;color:var(--hs-navy)}
html .sh-hs .sh-hs-addon h2 .sh-hs-green{color:#7d9a12}
html .sh-hs .sh-hs-addon__tag{margin-top:8px;font-size:18px;font-weight:300;letter-spacing:.16em;text-transform:uppercase}
html .sh-hs .sh-hs-addon p{margin:22px 0 0;max-width:520px;font-size:17px;font-weight:300;line-height:1.65;color:var(--hs-text-grey)}
html .sh-hs .sh-hs-addon__cta{margin-top:28px}
html .sh-hs .sh-hs-addon p.sh-hs-addon__hint{margin-top:12px;font-size:14px}
html .sh-hs .sh-hs-addon__steps{margin:0;padding:0;list-style:none;display:grid;gap:12px}
html .sh-hs .sh-hs-addon__steps li{display:flex;gap:18px;align-items:flex-start;margin:0;padding:18px 20px;border-radius:14px;background:var(--hs-navy);color:var(--hs-white)}
html .sh-hs .sh-hs-addon__steps li::before{content:none}
html .sh-hs .sh-hs-addon__no{flex:0 0 auto;font-family:var(--hs-black);font-weight:900;font-size:22px;line-height:1.2;color:var(--hs-green)}
html .sh-hs .sh-hs-addon__steps strong{display:block;font-family:var(--hs-black);font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:.04em}
html .sh-hs .sh-hs-addon__steps span{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:var(--hs-muted)}
html .sh-hs .sh-hs-addon__incl{margin-top:20px;padding:20px 22px;border:1px solid var(--hs-line);border-radius:14px}
html .sh-hs .sh-hs-addon__incl-h{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6b6b6b}
html .sh-hs .sh-hs-addon__incl ul{margin:12px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
html .sh-hs .sh-hs-addon__incl li{display:flex;gap:10px;align-items:center;margin:0;font-size:15px;font-weight:600}
html .sh-hs .sh-hs-addon__incl li::before{content:none}
@media (max-width:960px){
  html .sh-hs .sh-hs-addon__grid{gap:32px}
}
@media (max-width:640px){
  html .sh-hs .sh-hs-addon{padding:48px 0}
  html .sh-hs .sh-hs-addon h2{font-size:28px}
  html .sh-hs .sh-hs-addon__tag{font-size:15px}
  html .sh-hs .sh-hs-addon p{font-size:15px}
  html .sh-hs .sh-hs-addon__incl ul{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Warum Schwabenhaus: Vorteile mit Unterzeilen ---------- */
html .sh-hs .sh-hs-why__sub{margin-top:56px;font-size:16px;font-weight:300;color:var(--hs-muted)}
html .sh-hs .sh-hs-why__sub-h{display:block;margin-bottom:4px;font-family:var(--hs-black);font-weight:900;font-size:26px;text-transform:uppercase;color:var(--hs-white)}
html .sh-hs .sh-hs-why .sh-hs-why__sub + .sh-hs-g3{margin-top:24px}
html .sh-hs .sh-hs-pillar__list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:12px}
html .sh-hs .sh-hs-pillar__list li{margin:0;padding:0}
html .sh-hs .sh-hs-pillar__list li::before{content:none}
html .sh-hs .sh-hs-pillar__list strong{display:block;font-size:15px;font-weight:700;color:var(--hs-white)}
html .sh-hs .sh-hs-pillar__list span{display:block;font-size:14px;line-height:1.5;color:var(--hs-muted)}
html .sh-hs .sh-hs-why__fn{margin:28px 0 0;font-size:12px;line-height:1.6;color:var(--hs-muted)}
@media (max-width:640px){
  html .sh-hs .sh-hs-why__sub{margin-top:36px}
  html .sh-hs .sh-hs-why__sub-h{font-size:20px}
}

/* ---------- Formular: Checkbox „Add-on“ (Feld 10) wie Einwilligung ---------- */
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .ginput_container_checkbox label,
html .sh-hs .sh-hs-fcard .ginput_container_checkbox label{font-family:var(--hs-sans);font-size:13px;font-weight:400;font-style:normal;line-height:1.5;color:var(--hs-white)}
html .sh-hs .sh-hs-fcard .gfield_checkbox .gchoice{display:flex;gap:8px;align-items:flex-start}

/* ---------- Laub-Animation im Hero (herbstsale-laub.js) ---------- */
html .sh-hs [data-hs-laub] > .sh-hs-wrap{position:relative;z-index:1}
html .sh-hs [data-hs-laub] canvas.sh-hs-laub{display:block;max-width:none}

/* =====================================================================
   Stand 29.10.2026 nachmittags
   Farbliche Gliederung · Formular-Optik (helle Karte, Add-on als Ja/Nein-Schalter) · Katalog-Download ·
   Aktionshaus-Seiten: neuer Hero + Entwurf-Auswahl mit Detailkarte · sanfterer Zoom
   ===================================================================== */
html .sh-hs{--hs-mist:#eef3f7;--hs-leaf:#f2f7e4;--hs-ink:#1d3a55}

/* ---------- Farbliche Gliederung: Navy · Weiß · Nebelblau · Hellgrün ---------- */
html .sh-hs .sh-hs-addon{background:var(--hs-mist)}
html .sh-hs .sh-hs-addon__incl{background:var(--hs-white);border-color:#dce5ee}
html .sh-hs .sh-hs-inkl--fv:not(.sh-hs-inkl--bild){border-top:1px solid var(--hs-line)}

/* ---------- Formular-Karte hell (Kontakt + Katalog) ---------- */
html .sh-hs .sh-hs-fcard{background:var(--hs-white);color:var(--hs-navy);border:0;border-radius:18px;padding:34px 34px 30px;box-shadow:0 24px 60px rgba(0,20,40,.28)}
html .sh-hs .sh-hs-fcard__title{margin:0;font-family:var(--hs-black);font-weight:900;font-size:28px;letter-spacing:.01em;text-transform:none;line-height:1.15;color:var(--hs-navy)}
html .sh-hs .sh-hs-fcard__sub{margin:8px 0 22px;font-size:15px;line-height:1.5;color:var(--hs-text-grey)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_label,
html .sh-hs .sh-hs-fcard .gfield_label,
html .sh-hs .sh-hs-fcard .gform-field-label{font-size:14px;font-weight:700;color:var(--hs-navy)}
/* Pflichtfeld: „(erforderlich)“ → Sternchen */
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_required .gfield_required_text,
html .sh-hs .sh-hs-fcard .gfield_required_text{font-size:0;margin:0}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_required .gfield_required_text::after,
html .sh-hs .sh-hs-fcard .gfield_required_text::after{content:"*";font-size:14px;color:#c0392b}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_required{margin-left:3px;color:#c0392b}
html .sh-hs .sh-hs-fcard input[type="text"],
html .sh-hs .sh-hs-fcard input[type="email"],
html .sh-hs .sh-hs-fcard input[type="tel"],
html .sh-hs .sh-hs-fcard select{height:50px;min-height:50px;padding:0 14px;border:1px solid #c6d2de;border-radius:10px;background-color:var(--hs-white);color:var(--hs-navy);line-height:48px;transition:border-color .15s,box-shadow .15s}
html .sh-hs .sh-hs-fcard select{padding-right:40px}
html .sh-hs .sh-hs-fcard input:hover,html .sh-hs .sh-hs-fcard select:hover{border-color:#8fa4ba}
html .sh-hs .sh-hs-fcard input:focus,
html .sh-hs .sh-hs-fcard select:focus{outline:0;border-color:var(--hs-navy);box-shadow:0 0 0 3px rgba(160,196,24,.45)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_consent_label,
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .ginput_container_consent label,
html .sh-hs .sh-hs-fcard .ginput_container_consent{color:var(--hs-text-grey)}
html .sh-hs .sh-hs-fcard .gfield_consent_label a{color:var(--hs-navy)}
html .sh-hs .sh-hs-fcard .ginput_container_consent input[type="checkbox"]{accent-color:var(--hs-navy)}
html .sh-hs .sh-hs-fcard .gform_footer .gform_button,
html .sh-hs .sh-hs-fcard .gform_footer input[type="submit"]{width:100%;min-height:56px;border-radius:10px}
html .sh-hs .sh-hs-fcard .gform_confirmation_message,
html .sh-hs .sh-hs-fcard .sh-hs-danke{color:var(--hs-navy)}
html .sh-hs .sh-hs-fcard:has(.gform_confirmation_wrapper) .sh-hs-fcard__sub{display:none}
html .sh-hs .sh-hs-fcard .sh-hs-danke .sh-hs-btn--outline,
html .sh-hs .sh-hs-fcard .sh-hs-danke .sh-hs-btn--outline:link,
html .sh-hs .sh-hs-fcard .sh-hs-danke .sh-hs-btn--outline:visited{color:var(--hs-navy);border-color:var(--hs-navy)}

/* ---------- Add-on als Ja/Nein-Schalter (Gravity-Forms-Kontrollkästchen) ---------- */
html .sh-hs .sh-hs-fcard .gfield--type-checkbox{padding:14px 16px;border:1px solid #dce5ee;border-radius:12px;background:var(--hs-mist)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_label{margin:0 0 4px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--hs-text-grey)}
html .sh-hs .sh-hs-fcard .gfield--type-checkbox .gfield_checkbox{margin:0}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice label{order:-1;flex:1;margin:0;font-size:15px;font-weight:600;line-height:1.4;color:var(--hs-navy);cursor:pointer;max-width:none}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox input[type="checkbox"]{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:78px;height:34px;margin:0;border:0;border-radius:999px;background:#c6d2de;cursor:pointer;transition:background .2s}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox input[type="checkbox"]::before{content:"";position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:var(--hs-white);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox input[type="checkbox"]::after{content:"Nein";position:absolute;top:50%;right:11px;transform:translateY(-50%);font:700 12px/1 var(--hs-sans);letter-spacing:.04em;color:var(--hs-text-grey)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox input[type="checkbox"]:checked{background:var(--hs-green)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox input[type="checkbox"]:checked::before{transform:translateX(44px)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox input[type="checkbox"]:checked::after{content:"Ja";right:auto;left:14px;color:var(--hs-white)}
html .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox input[type="checkbox"]:focus-visible{outline:3px solid var(--hs-navy);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  html .sh-hs .sh-hs-fcard .gfield--type-checkbox input[type="checkbox"],
  html .sh-hs .sh-hs-fcard .gfield--type-checkbox input[type="checkbox"]::before{transition:none}
}

/* ---------- Katalog-Download ---------- */
html .sh-hs .sh-hs-katalog{background:var(--hs-leaf);color:var(--hs-navy);padding:96px 0;scroll-margin-top:72px}
html .sh-hs .sh-hs-katalog .sh-hs-eyebrow{color:#5e7a10}
html .sh-hs .sh-hs-katalog h2{margin:12px 0 0;font-family:var(--hs-black);font-weight:900;font-size:44px;letter-spacing:.02em;line-height:1.05;color:var(--hs-navy)}
html .sh-hs .sh-hs-katalog h2 .sh-hs-green{color:#7d9a12}
html .sh-hs .sh-hs-katalog__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:64px;align-items:center}
html .sh-hs .sh-hs-katalog__info{position:relative}
html .sh-hs .sh-hs-katalog__info p{margin:22px 0 0;max-width:460px;font-size:17px;font-weight:300;line-height:1.65;color:var(--hs-text-grey)}
html .sh-hs .sh-hs-katalog__list{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}
html .sh-hs .sh-hs-katalog__list li{display:flex;gap:10px;align-items:center;margin:0;font-size:15px;font-weight:600}
html .sh-hs .sh-hs-katalog__list li::before{content:none}
@media (max-width:960px){
  html .sh-hs .sh-hs-katalog__grid{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media (max-width:640px){
  html .sh-hs .sh-hs-katalog{padding:48px 0}
  html .sh-hs .sh-hs-katalog h2{font-size:28px}
  html .sh-hs .sh-hs-katalog__info p{font-size:15px}
  html .sh-hs .sh-hs-fcard{padding:24px 20px}
  html .sh-hs .sh-hs-fcard__title{font-size:22px}
}

/* ---------- Aktionshaus-Seiten: Hero ---------- */
html .sh-hs .sh-hs-hero--haus .sh-hs-hero__bg img{object-position:50% 42%}
html .sh-hs .sh-hs-hero--haus .sh-hs-hero__shade{background:linear-gradient(90deg,rgba(var(--hs-overlay),.9) 0%,rgba(var(--hs-overlay),.55) 45%,rgba(var(--hs-overlay),.1) 75%,rgba(var(--hs-overlay),.05) 100%),linear-gradient(0deg,rgba(var(--hs-overlay),.35),rgba(var(--hs-overlay),0) 40%)}
html .sh-hs .sh-hs-hero--haus .sh-hs-hero__herbst{font-size:54px}
html .sh-hs .sh-hs-hero--haus .sh-hs-hero__sale{font-size:150px;line-height:.9}
html .sh-hs .sh-hs-hero--haus .sh-hs-hero__claim{font-size:17px;letter-spacing:.06em}
@media (max-width:960px){
  html .sh-hs .sh-hs-hero--haus .sh-hs-hero__herbst{font-size:40px}
  html .sh-hs .sh-hs-hero--haus .sh-hs-hero__sale{font-size:110px}
  html .sh-hs .sh-hs-hero--haus .sh-hs-hero__shade{background:linear-gradient(180deg,rgba(var(--hs-overlay),.88) 0%,rgba(var(--hs-overlay),.55) 55%,rgba(var(--hs-overlay),.75) 100%)}
}
@media (max-width:640px){
  html .sh-hs .sh-hs-hero--haus .sh-hs-hero__herbst{font-size:28px}
  html .sh-hs .sh-hs-hero--haus .sh-hs-hero__sale{font-size:84px}
  html .sh-hs .sh-hs-hero--haus .sh-hs-hero__claim{font-size:14px}
}

/* ---------- Aktionshaus-Seiten: Entwürfe mit Detailkarte ---------- */
html .sh-hs .sh-hs-entw{background:var(--hs-navy);padding:96px 0;scroll-margin-top:72px}
html .sh-hs .sh-hs-entw .sh-hs-eyebrow{color:var(--hs-muted)}
html .sh-hs .sh-hs-entw h2{margin:12px 0 0;font-family:var(--hs-black);font-weight:900;font-size:44px;letter-spacing:.02em;line-height:1.05}
html .sh-hs .sh-hs-entw .sh-hs-lead{margin:18px 0 0;max-width:620px;font-size:17px;font-weight:300;line-height:1.6;color:var(--hs-muted)}
html .sh-hs .sh-hs-entw__grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:40px}
html .sh-hs .sh-hs-entw .sh-hs-zoom{margin-top:0}
html .sh-hs .sh-hs-entw .sh-hs-tabs{margin-top:18px}
html .sh-hs .sh-hs-entw .sh-hs-facts__note{margin-top:28px}
html .sh-hs .sh-hs-ecard{position:relative;border-radius:18px;background:var(--hs-navy-card);padding:28px;min-height:100%}
html .sh-hs .sh-hs-ecard__kicker{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--hs-green)}
html .sh-hs .sh-hs-ecard h3{margin:10px 0 0;font-family:var(--hs-black);font-weight:900;font-size:28px;line-height:1.1;color:var(--hs-white);text-transform:uppercase}
html .sh-hs .sh-hs-ecard p{margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--hs-muted)}
html .sh-hs .sh-hs-ecard[data-hs-ent-state="all"] .sh-hs-ecard__ent,
html .sh-hs .sh-hs-ecard:not([data-hs-ent-state="all"]) .sh-hs-ecard__all{display:none}
html .sh-hs .sh-hs-ecard__ent.is-in,html .sh-hs .sh-hs-ecard__all.is-in{animation:shHsCardIn .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes shHsCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html .sh-hs .sh-hs-ecard__picks{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}
html .sh-hs .sh-hs-ecard__picks li{margin:0}
html .sh-hs .sh-hs-ecard__picks li::before{content:none}
html .sh-hs .sh-hs-ecard__pick{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(0,27,49,.35);color:var(--hs-white);font-family:var(--hs-sans);text-align:left;text-transform:none;letter-spacing:normal;line-height:1.3;cursor:pointer;transition:border-color .2s,background .2s}
html .sh-hs .sh-hs-ecard__pick:hover,html .sh-hs .sh-hs-ecard__pick:focus-visible{border-color:var(--hs-green);background:rgba(0,27,49,.6);color:var(--hs-white)}
html .sh-hs .sh-hs-ecard__pick-no{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--hs-green);font-family:var(--hs-black);font-weight:900;font-size:14px}
html .sh-hs .sh-hs-ecard__pick strong{display:block;font-size:15px}
html .sh-hs .sh-hs-ecard__pick small{display:block;font-size:12px;color:var(--hs-muted)}
html .sh-hs .sh-hs-ecard__pick > span:nth-child(2){flex:1}
html .sh-hs .sh-hs-ecard__pick-p{flex:none;font-family:var(--hs-black);font-weight:900;font-size:14px;white-space:nowrap}
html .sh-hs .sh-hs-ecard__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:18px 0 0}
html .sh-hs .sh-hs-ecard__facts div{margin:0;padding-top:10px;border-top:2px solid rgba(160,196,24,.8)}
html .sh-hs .sh-hs-ecard__facts dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-muted)}
html .sh-hs .sh-hs-ecard__facts dd{margin:3px 0 0;font-family:var(--hs-black);font-weight:900;font-size:17px;color:var(--hs-white)}
html .sh-hs .sh-hs-ecard__price{margin-top:22px;padding:16px 18px;border-radius:12px;background:rgba(0,27,49,.45)}
html .sh-hs .sh-hs-ecard__statt{font-size:14px;color:var(--hs-muted)}
html .sh-hs .sh-hs-ecard__ab{font-family:var(--hs-black);font-weight:900;font-size:36px;line-height:1.1;white-space:nowrap}
html .sh-hs .sh-hs-ecard__ab small{font-family:var(--hs-sans);font-weight:300;font-size:18px}
html .sh-hs .sh-hs-ecard__save{margin-top:4px;font-size:15px}
html .sh-hs .sh-hs-ecard__save strong{font-family:var(--hs-black);font-weight:900;color:var(--hs-green)}
html .sh-hs .sh-hs-ecard__cta{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:stretch}
html .sh-hs .sh-hs-ecard__cta .sh-hs-btn{justify-content:center}
html .sh-hs .sh-hs-ecard__link,html .sh-hs .sh-hs-ecard__link:link,html .sh-hs .sh-hs-ecard__link:visited{font-size:14px;font-weight:700;color:var(--hs-white);text-align:center;text-decoration:underline;text-underline-offset:3px}
@media (max-width:960px){
  html .sh-hs .sh-hs-entw__grid{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media (max-width:640px){
  html .sh-hs .sh-hs-entw{padding:48px 0}
  html .sh-hs .sh-hs-entw h2{font-size:28px}
  html .sh-hs .sh-hs-entw .sh-hs-lead{font-size:15px}
  html .sh-hs .sh-hs-entw__grid{margin-top:24px}
  html .sh-hs .sh-hs-ecard{padding:20px}
  html .sh-hs .sh-hs-ecard h3{font-size:22px}
  html .sh-hs .sh-hs-ecard__ab{font-size:30px}
}

/* Blasen über den Häusern: beim Hineinzoomen sofort weg, beim Herauszoomen erst kurz vor der Gesamtansicht sanft einblenden */
html .sh-hs .sh-hs-zoom__pin{transform:translate(-50%,-100%);scale:1;transition:opacity .55s ease .95s,transform .65s cubic-bezier(.2,.8,.2,1) .95s,scale .25s ease}
html .sh-hs .sh-hs-zoom:not([data-zoom="all"]) .sh-hs-zoom__pin{opacity:0;transform:translate(-50%,-60%);transition:opacity .2s ease,transform .2s ease,scale .25s ease}
html .sh-hs .sh-hs-zoom__pin:hover,html .sh-hs .sh-hs-zoom__pin:focus-visible{transform:translate(-50%,-100%);scale:1.06}
@media (prefers-reduced-motion:reduce){
  html .sh-hs .sh-hs-zoom__pin,html .sh-hs .sh-hs-zoom:not([data-zoom="all"]) .sh-hs-zoom__pin{transition:none}
}

/* Blasen folgen beim Zoomen ihrem Haus (Position und Ausblenden am Rand steuert herbstsale.js) */
html .sh-hs .sh-hs-zoom.is-follow .sh-hs-zoom__pin,
html .sh-hs .sh-hs-zoom.is-follow:not([data-zoom="all"]) .sh-hs-zoom__pin,
html .sh-hs .sh-hs-zoom.is-follow .sh-hs-zoom__pin:hover,
html .sh-hs .sh-hs-zoom.is-follow .sh-hs-zoom__pin:focus-visible{transform:translate(calc(-50% + var(--hs-pin-dx,0px)),calc(-100% + var(--hs-pin-dy,0px)));transition:scale .25s ease}
html .sh-hs .sh-hs-zoom.is-follow:not([data-zoom="all"]) .sh-hs-zoom__pin{pointer-events:auto}
/* Ankerpunkte direkt auf dem First, damit die Blase beim Zoomen auf ihrem Haus bleibt */
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"] .sh-hs-zoom__pin[data-hs-ent-pick="0"]{left:31.6%;top:39.4%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"] .sh-hs-zoom__pin[data-hs-ent-pick="1"]{left:16.8%;top:30.6%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a1"] .sh-hs-zoom__pin[data-hs-ent-pick="2"]{left:74.7%;top:35.4%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"] .sh-hs-zoom__pin[data-hs-ent-pick="0"]{left:16.5%;top:38.2%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"] .sh-hs-zoom__pin[data-hs-ent-pick="1"]{left:40.6%;top:29.2%}
html .sh-hs .sh-hs-zoom[data-hs-zoom="a2"] .sh-hs-zoom__pin[data-hs-ent-pick="2"]{left:78.1%;top:36.2%}

/* ===== Formular-Feinschliff (29.10. abends): ruhigeres, einheitliches Formular.
   Hinweis: Museo Sans 400 ist auf der Website als Kursiv-Schnitt hinterlegt – darum 300 für Eingaben und Fließtext. ===== */
html body .sh-hs .sh-hs-fcard{padding:40px 40px 36px}
html body .sh-hs .sh-hs-fcard .sh-hs-fcard__title{margin:0;font-size:28px;line-height:1.15}
html body .sh-hs .sh-hs-fcard .sh-hs-fcard__sub{margin:8px 0 0;font-size:15px;line-height:1.5}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme{margin:26px 0 0}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_fields{row-gap:20px;column-gap:16px}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_required_legend{display:none}
/* Beschriftungen */
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_label,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme legend.gfield_label{display:block;margin:0 0 7px;padding:0;font-family:var(--hs-sans);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--hs-navy)}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_required{margin-left:3px;color:#c8102e;font-weight:700}
/* Eingabefelder und Auswahl */
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme input[type=text],
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme input[type=email],
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme input[type=tel],
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme select{box-sizing:border-box;width:100%;height:52px;min-height:52px;margin:0;padding:0 16px;border:1px solid #cdd8e3;border-radius:10px;background-color:var(--hs-white);font-family:var(--hs-sans);font-size:16px;font-weight:300;line-height:normal;color:var(--hs-navy);box-shadow:none;transition:border-color .15s,box-shadow .15s}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme select{-webkit-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23002b4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px 9px;cursor:pointer}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme input:hover,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme select:hover{border-color:#a9bacb}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme input[type=text]:focus,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme input[type=email]:focus,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme input[type=tel]:focus,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme select:focus{outline:0;border-color:var(--hs-green);box-shadow:0 0 0 3px rgba(160,196,24,.25)}
/* Add-on: Text und Schalter in einer ruhigen Zeile, ohne zusätzliche Überschrift */
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox{margin:0;padding:14px 16px;border:0;border-radius:12px;background:var(--hs-mist,#eef3f7)}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox legend.gfield_label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin:0}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice label{margin:0;padding:0;max-width:none;font-family:var(--hs-sans);font-size:15px;font-weight:600;line-height:1.4;color:var(--hs-navy);cursor:pointer}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-checkbox input[type=checkbox]{flex:0 0 auto;margin:0}
/* Datenschutz: eigenes Kästchen, normaler Text */
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .ginput_container_consent{display:flex;align-items:flex-start;gap:12px}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield--type-consent legend.gfield_label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .ginput_container_consent input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 22px;width:22px;height:22px;margin:0;border:1.5px solid #a9bacb;border-radius:6px;background:var(--hs-white);cursor:pointer;transition:background-color .15s,border-color .15s}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .ginput_container_consent input[type=checkbox]:checked{border-color:var(--hs-green);background:var(--hs-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/12px 10px}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .ginput_container_consent input[type=checkbox]:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(160,196,24,.3)}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_consent_label{margin:0;padding:0;font-family:var(--hs-sans);font-size:13px;font-style:normal;font-weight:300;line-height:1.55;color:#4a5d72}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_consent_label *{font-style:normal}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_consent_label a{color:var(--hs-navy);text-decoration:underline;text-underline-offset:2px}
/* Absenden */
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_footer{margin:26px 0 0;padding:0}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_footer .gform_button{width:100%;height:56px;min-height:56px;margin:0;border-radius:10px;font-size:16px;letter-spacing:.06em}
/* Fehlermeldungen */
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_error input,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_error select{border-color:#c8102e}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gfield_validation_message,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .validation_message{margin:6px 0 0;padding:0;border:0;background:none;font-size:13px;color:#c8102e}
@media (max-width:640px){
  html body .sh-hs .sh-hs-fcard{padding:28px 20px 24px}
  html body .sh-hs .sh-hs-fcard .sh-hs-fcard__title{font-size:24px}
  html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_fields{row-gap:16px}
}

/* ===== Anfrage-Formular mit Seiten (Schritt 1 von 2) ===== */
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gf_progressbar_wrapper{display:block!important;margin:0 0 22px;padding:0;border:0}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gf_progressbar_title{margin:0 0 8px;font-family:var(--hs-sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;color:#5e7a10}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gf_progressbar{height:6px;margin:0;padding:0;border-radius:999px;background:#e3eaf1;box-shadow:none;overflow:hidden}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gf_progressbar_percentage{height:6px;border-radius:999px;background:var(--hs-green);transition:width .4s ease}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gf_progressbar_percentage span{display:none}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer{display:flex;gap:12px;align-items:stretch;margin:26px 0 0;padding:0;border:0}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .button{display:inline-flex;align-items:center;justify-content:center;height:56px;min-height:56px;margin:0;padding:0 22px;border-radius:10px;font-family:var(--hs-sans);font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .gform_button{flex:1 1 auto;width:auto;border:0;background:var(--hs-green);color:var(--hs-white)}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button:hover,
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .gform_button:hover{background:#8db012;color:var(--hs-white)}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button{flex:0 0 auto;border:1.5px solid #cdd8e3;background:var(--hs-white);color:var(--hs-navy)}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button:hover{border-color:var(--hs-navy);background:var(--hs-white);color:var(--hs-navy)}
html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .button:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(160,196,24,.35)}
@media (max-width:640px){
  html body .sh-hs .sh-hs-fcard .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button{padding:0 16px}
}

/* ===== Mobil-Optimierung (30.10.) ===== */
/* Kopfzeile: alle vier Menüpunkte passen auf 375 px (am Handy „Haus 1/2“ statt „Aktionshaus 1/2“) */
html body .sh-hs-header .sh-hs-nav__s{display:none}
@media (max-width:640px){
  html body .sh-hs-header .sh-hs-nav{justify-content:space-between;margin:0;gap:2px}
  html body .sh-hs-header .sh-hs-nav a{padding:0 12px;font-size:13px}
  html body .sh-hs-header .sh-hs-nav__l{display:none}
  html body .sh-hs-header .sh-hs-nav__s{display:inline}
}
/* Kontakt: Adresse am Handy unter dem Formular, damit das Formular früher im Bild ist */
html .sh-hs .sh-hs-addr--mobil{display:none}
@media (max-width:960px){
  html .sh-hs .sh-hs-addr--desktop{display:none}
  html .sh-hs .sh-hs-addr--mobil{display:block;margin-top:0}
  html .sh-hs .sh-hs-khero__lead{margin-top:14px}
  html .sh-hs .sh-hs-khero .sh-hs-usps{margin-top:16px}
}
@media (max-width:640px){
  /* Preisschild im Hero kompakter (Hero passt eher auf einen Bildschirm) */
  html .sh-hs .sh-hs-deal--tag{max-width:270px;margin:4px auto 0;padding:28px 18px 18px}
  html .sh-hs .sh-hs-deal--tag .sh-hs-deal__eur{font-size:42px}
  html .sh-hs .sh-hs-deal--tag .sh-hs-deal__statt{margin-top:10px;font-size:14px}
  html .sh-hs .sh-hs-deal--tag .sh-hs-deal__ab{font-size:28px}
  html .sh-hs .sh-hs-deal--tag .sh-hs-deal__post{font-size:12px}
  /* Entwurf-Auswahl: eine Zeile zum Wischen statt drei Zeilen */
  html .sh-hs .sh-hs-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:0 20px 4px}
  html .sh-hs .sh-hs-tabs::-webkit-scrollbar{display:none}
  html .sh-hs .sh-hs-tab{flex:none;scroll-snap-align:start}
  /* Größere Tippflächen */
  html .sh-hs .sh-hs-zoom__back{min-height:40px}
  html .sh-hs .sh-hs-zoom__pin{min-height:34px}
  html .sh-hs .sh-hs-zoom__pin-no{width:28px;height:28px}
  html .sh-hs .sh-hs-addr a{display:inline-block;padding:6px 0}
  /* Fast-Vollendet-Liste etwas kompakter */
  html .sh-hs .sh-hs-inkl__list{gap:8px}
}

/* Grundrisse final (30.10.): alle Pläne im gleichen Format und Maßstab je Haus */
html .sh-hs .sh-hs-plan__img img{aspect-ratio:1400/901}

/* ===== Entwürfe-Sektion (30.10.): Überschrift im Website-Stil, Auswahl in einer Zeile ===== */
html .sh-hs .sh-hs-ecard h3.sh-hs-ecard__h{margin:12px 0 0;font-size:34px;line-height:1.05;letter-spacing:.01em}
html .sh-hs .sh-hs-ecard h3.sh-hs-ecard__h .sh-hs-green{display:block;color:var(--hs-green)}
html .sh-hs .sh-hs-ecard__all .sh-hs-line{margin:16px 0 0}
html .sh-hs .sh-hs-entw .sh-hs-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-wrap:nowrap;gap:10px;margin-top:16px}
html .sh-hs .sh-hs-entw .sh-hs-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:8px 10px;border-radius:14px;text-align:center;font-size:13px;line-height:1.25}
html .sh-hs .sh-hs-entw .sh-hs-tab strong{font-size:15px;font-weight:700}
html .sh-hs .sh-hs-entw .sh-hs-tab span{opacity:.8;white-space:nowrap;font-weight:300;font-style:normal}
html .sh-hs .sh-hs-entw .sh-hs-tab[aria-selected="true"] span{opacity:1}
@media (max-width:1100px){
  html .sh-hs .sh-hs-entw .sh-hs-tab{font-size:12px;padding:8px 6px}
  html .sh-hs .sh-hs-entw .sh-hs-tab strong{font-size:14px}
}
@media (max-width:640px){
  html .sh-hs .sh-hs-ecard h3.sh-hs-ecard__h{font-size:26px}
  html .sh-hs .sh-hs-entw .sh-hs-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-left:0;margin-right:0;padding:0;overflow:visible}
  html .sh-hs .sh-hs-entw .sh-hs-tab{min-height:52px}
}

/* Theme-Regel „aside h3 { background: grün }“ neutralisieren – die Entwurf-Karte ist ein <aside> (02.11.) */
html .sh-hs aside h3{background:none;padding:0;letter-spacing:.01em}

/* ===== Mobil (02.11.): schneller, ruhiger, übersichtlicher ===== */
/* Hinweistexte Desktop/Handy */
html .sh-hs .sh-hs-mob{display:none}
@media (max-width:960px){
  html .sh-hs .sh-hs-desk{display:none}
  html .sh-hs .sh-hs-mob{display:inline}
  /* Laub-Fläche wird am Handy nicht gebraucht (Script lädt dort nicht) */
  html .sh-hs [data-hs-laub] canvas.sh-hs-laub{display:none}
}
@media (max-width:640px){
  /* Entwurf-Auswahl in einer Zeile: nur „Alle / Entwurf 1–3“, ohne Unterzeile */
  html .sh-hs .sh-hs-entw .sh-hs-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  html .sh-hs .sh-hs-entw .sh-hs-tab{min-height:48px;padding:6px 4px;border-radius:12px}
  html .sh-hs .sh-hs-entw .sh-hs-tab strong{font-size:13px;line-height:1.2}
  html .sh-hs .sh-hs-entw .sh-hs-tab span{display:none}

  /* „Im Aktionspreis enthalten“: eine ruhige Liste in einer Karte statt sechs Einzelkacheln */
  html .sh-hs .sh-hs-inkl__list{gap:0;padding:6px 16px;border-radius:14px;background:var(--hs-navy)}
  html .sh-hs .sh-hs-inkl--bild .sh-hs-inkl__list{background:rgba(11,58,97,.9)}
  html .sh-hs .sh-hs-inkl__list li,
  html .sh-hs .sh-hs-inkl--bild .sh-hs-inkl__list li{min-height:0;height:auto;padding:11px 0;border-radius:0;background:none;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}
  html .sh-hs .sh-hs-inkl__list li.sh-hs-inkl__cta{padding:14px 0 10px;border-bottom:0}

  /* Add-on-Schritte: eine Karte mit drei Zeilen statt drei Kacheln */
  html .sh-hs .sh-hs-addon__steps{gap:0;padding:4px 18px;border-radius:14px;background:var(--hs-navy)}
  html .sh-hs .sh-hs-addon__steps li{gap:14px;padding:14px 0;border-radius:0;background:none;border-bottom:1px solid rgba(255,255,255,.12)}
  html .sh-hs .sh-hs-addon__steps li:last-child{border-bottom:0}
  html .sh-hs .sh-hs-addon__steps strong{font-size:15px}
  html .sh-hs .sh-hs-addon__steps span{font-size:14px}
  html .sh-hs .sh-hs-addon__no{font-size:18px}
  html .sh-hs .sh-hs-addon__incl ul{grid-template-columns:minmax(0,1fr)}

  /* Kontakt „Warum Schwabenhaus“: Kennzahlen 2 × 2 */
  html .sh-hs .sh-hs-why .sh-hs-g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin-top:36px}
  html .sh-hs .sh-hs-stat__lbl{font-size:11px;letter-spacing:.1em}
  /* Detailkarte: Flächenwerte ohne Umbruch mitten im „m²“ */
  html .sh-hs .sh-hs-ecard__facts dd{font-size:15px}
}

/* ===== Header mobil (03.11.): Burger-Menü ohne JavaScript (<details>) ===== */
html body .sh-hs-header{position:relative}
html body .sh-hs-header .sh-hs-burger{display:none}
@media (max-width:960px){
  html body .sh-hs-header .sh-hs-hdr{flex-wrap:nowrap;min-height:60px;padding-top:8px;padding-bottom:8px;gap:12px}
  html body .sh-hs-header .sh-hs-hdr > .sh-hs-nav,
  html body .sh-hs-header .sh-hs-hdr > .sh-hs-hcta{display:none !important}
  html body .sh-hs-header .sh-hs-hdr > .sh-hs-logo img{height:34px}
  html body .sh-hs-header .sh-hs-burger{display:block;margin-left:auto}
  html body .sh-hs-header .sh-hs-burger__btn{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1.5px solid rgba(255,255,255,.35);border-radius:4px;list-style:none;cursor:pointer;color:#fff;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;user-select:none;-webkit-tap-highlight-color:transparent}
  html body .sh-hs-header .sh-hs-burger__btn::-webkit-details-marker{display:none}
  html body .sh-hs-header .sh-hs-burger__btn::marker{content:""}
  html body .sh-hs-header .sh-hs-burger[open] .sh-hs-burger__btn{border-color:var(--hs-green);color:var(--hs-green)}
  html body .sh-hs-header .sh-hs-burger__icon{position:relative;display:block;width:20px;height:14px}
  html body .sh-hs-header .sh-hs-burger__icon span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
  html body .sh-hs-header .sh-hs-burger__icon span:nth-child(1){top:0}
  html body .sh-hs-header .sh-hs-burger__icon span:nth-child(2){top:6px}
  html body .sh-hs-header .sh-hs-burger__icon span:nth-child(3){top:12px}
  html body .sh-hs-header .sh-hs-burger[open] .sh-hs-burger__icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  html body .sh-hs-header .sh-hs-burger[open] .sh-hs-burger__icon span:nth-child(2){opacity:0}
  html body .sh-hs-header .sh-hs-burger[open] .sh-hs-burger__icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  html body .sh-hs-header .sh-hs-burger__panel{position:absolute;left:0;right:0;top:100%;z-index:50;padding:8px 20px 20px;background:var(--hs-navy);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 18px 30px rgba(0,20,40,.35)}
  html body .sh-hs-header .sh-hs-mnav{display:flex;flex-direction:column;gap:0;margin:0;overflow:visible;width:auto}
  html body .sh-hs-header .sh-hs-mnav a,
  html body .sh-hs-header .sh-hs-mnav a:visited{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 4px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.12);background:none;color:#fff;font-size:16px;font-weight:600}
  html body .sh-hs-header .sh-hs-mnav a::after{content:"›";font-size:22px;line-height:1;color:var(--hs-green)}
  html body .sh-hs-header .sh-hs-mnav a[aria-current="page"]{background:none;color:var(--hs-green);font-weight:700}
  html body .sh-hs-header .sh-hs-burger__cta,
  html body .sh-hs-header .sh-hs-burger__cta:link,
  html body .sh-hs-header .sh-hs-burger__cta:visited{display:flex;width:100%;margin-top:18px;min-height:52px}
}

/* ===== Add-on (04.11.): Inhalte laut finaler Broschüre, enthaltene Leistungen als Kacheln ===== */
html .sh-hs .sh-hs-addon__incl{margin-top:0;padding:0;border:0;background:none}
html .sh-hs .sh-hs-addon__incl ul.sh-hs-addon__steps{gap:12px;margin-top:14px}
html .sh-hs .sh-hs-addon__incl .sh-hs-addon__steps li{align-items:center;min-height:84px;padding:18px 20px;font-weight:400}
html .sh-hs .sh-hs-addon__incl .sh-hs-addon__steps .sh-hs-check{display:inline-flex;margin-top:0;font-size:14px;line-height:1;color:var(--hs-white)}
@media (max-width:640px){
  html .sh-hs .sh-hs-addon__incl ul.sh-hs-addon__steps{gap:0;padding:4px 18px}
  html .sh-hs .sh-hs-addon__incl .sh-hs-addon__steps li{min-height:0;padding:14px 0}
}