*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--site-font);color:var(--site-text);background:var(--site-bg);line-height:1.55}a{color:inherit}img{max-width:100%;display:block}.site-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 86%,#000));border-bottom:3px solid var(--site-secondary);box-shadow:0 8px 24px rgba(0,0,0,.10)}.site-header-inner{min-height:94px;display:grid;grid-template-columns:315px 1fr auto;align-items:center;gap:20px}.site-brand{display:inline-flex;justify-self:start;background:#fff;border-radius:14px;padding:5px 10px;box-shadow:0 5px 18px rgba(0,0,0,.14)}.site-brand img{width:285px;max-width:100%;max-height:76px;object-fit:contain}.site-nav{display:flex;justify-content:flex-end;align-items:center;gap:8px}.site-nav a{text-decoration:none;color:#fff;padding:10px 11px;border-radius:8px;font-size:14px;font-weight:750}.site-nav a:hover{background:rgba(255,255,255,.10)}.site-nav .site-nav-cta{background:var(--site-secondary);color:var(--site-primary);padding-inline:15px}.site-nav-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:9px 12px;font:700 14px var(--site-font)}.site-main{min-height:54vh}.site-block{padding:72px 0}.site-block h1,.site-block h2,.site-block h3{color:var(--site-primary);line-height:1.08;letter-spacing:-.025em}.site-block h1{font-size:clamp(42px,6vw,72px);margin:12px 0 18px}.site-block h2{font-size:clamp(30px,4vw,46px);margin:12px 0 18px}.site-block p{font-size:17px;color:color-mix(in srgb,var(--site-text) 72%,#fff);line-height:1.75}.site-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--site-secondary);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.site-kicker:before{content:'';width:28px;height:2px;background:var(--site-secondary)}.site-button{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:12px 18px;border-radius:var(--site-radius);background:var(--site-primary);color:#fff;text-decoration:none;font-weight:800;border:1px solid var(--site-primary);transition:.15s ease}.site-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.12)}.block-align-center{text-align:center}.block-align-center .site-kicker{justify-content:center}.block-style-soft{background:color-mix(in srgb,var(--site-primary) 4%,#fff)}.block-style-navy{background:var(--site-primary);color:#fff}.block-style-navy h1,.block-style-navy h2,.block-style-navy h3,.block-style-navy p{color:#fff}.block-style-navy .site-button{background:var(--site-secondary);border-color:var(--site-secondary);color:var(--site-primary)}.block-style-gold{background:color-mix(in srgb,var(--site-secondary) 22%,#fff)}.hero-layout,.text-image-layout,.contact-layout,.cta-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.hero-block{padding:88px 0}.hero-lead{max-width:720px;font-size:19px!important}.hero-image img,.block-image img{width:100%;max-height:520px;object-fit:cover;border-radius:24px;box-shadow:0 18px 45px rgba(48,40,33,.14)}.text-image-layout.image-left .block-image{order:-1}.site-richtext{white-space:normal;font-size:17px;line-height:1.8;color:color-mix(in srgb,var(--site-text) 80%,#fff)}.wide-image{width:100%;max-height:650px;object-fit:cover;border-radius:24px;box-shadow:0 18px 45px rgba(48,40,33,.12)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.feature-card{min-height:105px;padding:20px;border-radius:18px;background:#fff;border:1px solid rgba(48,40,33,.09);display:flex;gap:12px;align-items:flex-start;box-shadow:0 8px 22px rgba(48,40,33,.05)}.feature-card span{width:12px;height:12px;border-radius:50%;background:var(--site-secondary);box-shadow:0 0 0 6px color-mix(in srgb,var(--site-secondary) 18%,transparent);margin-top:4px;flex:0 0 12px}.feature-card strong{font-size:16px;color:var(--site-primary)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.product-card{background:#fff;border:1px solid rgba(48,40,33,.09);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(48,40,33,.06)}.product-card>img{width:100%;height:210px;object-fit:cover}.product-card-body{padding:20px}.product-card h3{margin:0 0 8px;font-size:21px}.product-card p{margin:0 0 12px;font-size:14px}.product-card a{display:inline-block;margin-top:14px;color:var(--site-primary);font-weight:850;text-decoration:none}.product-price{display:block;color:var(--site-secondary)}.narrow{max-width:850px}.site-spacer{height:40px}.site-footer{background:#29231f;border-top:3px solid var(--site-secondary);color:#fff;padding:40px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px}.site-footer p{color:rgba(255,255,255,.70);margin:8px 0}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:9px}.site-footer a{color:#fff;text-decoration:none}.footer-bottom{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.65)}.page-hero{padding:62px 0 36px;background:linear-gradient(180deg,color-mix(in srgb,var(--site-primary) 8%,#fff),transparent)}.page-hero h1{font-size:clamp(36px,5vw,58px);margin:0;color:var(--site-primary)}.legal-content,.product-detail,.lead-form-wrap{padding:52px 0 78px}.legal-box,.lead-card,.product-detail-card{background:#fff;border:1px solid rgba(48,40,33,.09);border-radius:22px;padding:28px;box-shadow:0 14px 38px rgba(48,40,33,.07)}.legal-box{white-space:pre-wrap;line-height:1.75}.product-detail-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.product-detail-card img{width:100%;border-radius:18px;max-height:520px;object-fit:cover}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{display:grid;gap:6px;font-weight:750;color:var(--site-primary);font-size:13px}.lead-form label.full{grid-column:1/-1}.lead-form input,.lead-form textarea,.lead-form select{width:100%;border:1px solid rgba(48,40,33,.18);border-radius:10px;padding:12px 13px;font:inherit;background:#fff}.lead-form textarea{min-height:150px;resize:vertical}.lead-success,.lead-error{padding:13px 15px;border-radius:10px;margin-bottom:16px;font-weight:700}.lead-success{background:#eaf6ed;color:#27603b}.lead-error{background:#fdeced;color:#8b2930}.hp-field{position:absolute!important;left:-9999px!important}.construction-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top right,color-mix(in srgb,var(--site-secondary) 20%,transparent),transparent 32%),linear-gradient(180deg,#eee5da,#fafafa)}.construction-header{background:linear-gradient(180deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 86%,#000));border-bottom:3px solid var(--site-secondary)}.construction-header-inner{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px}.construction-header img{width:min(380px,70vw);max-height:86px;object-fit:contain;background:#fff;border-radius:15px;padding:5px 10px}.construction-header span{color:#fff;border:1px solid color-mix(in srgb,var(--site-secondary) 45%,transparent);background:color-mix(in srgb,var(--site-secondary) 14%,transparent);padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px}.construction-main{flex:1;display:grid;place-items:center;padding:56px 0}.construction-card{width:min(850px,100%);background:#fff;border:1px solid rgba(48,40,33,.08);border-radius:28px;padding:42px;box-shadow:0 22px 65px rgba(48,40,33,.14)}.construction-card h1{font-size:clamp(40px,6vw,66px);line-height:1.03;color:var(--site-primary);margin:14px 0 18px}.construction-card>p{color:#67727d;font-size:18px;line-height:1.72}.construction-progress{margin-top:28px;padding:20px;border-radius:18px;background:#f7f8fa;border:1px solid rgba(48,40,33,.08)}.construction-progress-head{display:flex;justify-content:space-between;align-items:center}.construction-progress-head strong{color:var(--site-primary)}.construction-progress-head b{background:var(--site-primary);color:#fff;border-radius:12px;padding:7px 10px}.construction-track{height:12px;border-radius:999px;background:#e6dacd;overflow:hidden;margin:13px 0}.construction-track span{display:block;height:100%;background:linear-gradient(90deg,var(--site-secondary),color-mix(in srgb,var(--site-secondary) 70%,#fff));border-radius:999px}.construction-progress small{color:#69737d}.construction-footer{background:#29231f;color:rgba(255,255,255,.72);padding:19px 0;border-top:3px solid var(--site-secondary)}@media(max-width:900px){.site-header-inner{grid-template-columns:1fr auto}.site-nav-toggle{display:block}.site-nav{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;padding-bottom:14px}.site-nav.open{display:flex}.site-nav a{text-align:center}.hero-layout,.text-image-layout,.contact-layout,.cta-inner,.product-detail-card{grid-template-columns:1fr}.text-image-layout.image-left .block-image{order:initial}.feature-grid,.product-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.lead-form{grid-template-columns:1fr}.lead-form label.full{grid-column:auto}}@media(max-width:620px){.site-container{width:min(100% - 22px,100%)}.site-block{padding:48px 0}.site-header-inner{min-height:72px}.site-brand img{width:220px;max-width:100%;max-height:62px}.feature-grid,.product-grid,.footer-grid{grid-template-columns:1fr}.construction-header-inner{flex-direction:column;align-items:flex-start;padding:14px 0}.construction-card{padding:24px}.hero-block{padding:58px 0}.site-block h1{font-size:40px}.site-block h2{font-size:32px}}

/* v8.7 – Logo wie im CRM-Dashboard */
.site-header-inner{min-height:74px;grid-template-columns:220px minmax(0,1fr) auto;gap:18px}.site-brand{width:220px;min-width:0;justify-self:start;display:flex;align-items:center;padding:0;background:transparent;border-radius:0;box-shadow:none}.site-brand img{width:190px!important;max-width:190px!important;height:54px!important;max-height:54px!important;object-fit:contain!important;object-position:center!important;padding:5px 8px!important;margin:0!important;background:#fff!important;border-radius:10px!important;box-shadow:0 5px 16px rgba(0,0,0,.16)!important}.construction-header-inner{min-height:74px}.construction-header img{width:190px!important;max-width:190px!important;height:54px!important;max-height:54px!important;object-fit:contain!important;object-position:center!important;padding:5px 8px!important;margin:0!important;background:#fff!important;border-radius:10px!important;box-shadow:0 5px 16px rgba(0,0,0,.16)!important}@media(max-width:620px){.site-header-inner{min-height:66px;grid-template-columns:180px auto}.site-brand{width:180px}.site-brand img,.construction-header img{width:160px!important;max-width:160px!important;height:46px!important;max-height:46px!important}}

/* v9.0 – erweiterte Website-Bausteine, Suche und Consent */
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.gallery-grid img{width:100%;height:260px;object-fit:cover;border-radius:18px;box-shadow:0 10px 26px rgba(48,40,33,.08)}
.pro-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.pro-card{padding:20px;border:1px solid rgba(48,40,33,.09);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(48,40,33,.05)}.pro-card strong{display:block;color:var(--site-primary);font-size:17px}.pro-card p{margin:7px 0 0!important;font-size:14px!important}.stats-block .pro-card{text-align:center}.stats-block .pro-card strong{font-size:29px;color:var(--site-secondary)}
.map-frame,.video-frame{margin-top:22px;overflow:hidden;border-radius:20px;background:#e9edf0;box-shadow:0 12px 30px rgba(48,40,33,.08)}.map-frame iframe,.video-frame iframe{display:block;width:100%;height:480px;border:0}.video-frame{aspect-ratio:16/9}.video-frame iframe{height:100%}
.custom-form-block .lead-form{margin-top:22px}.form-checkbox{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--site-text)}.form-checkbox input{width:auto!important}
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:200;max-width:980px;margin:0 auto;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid color-mix(in srgb,var(--site-secondary) 45%,#fff);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(48,40,33,.20)}.cookie-banner strong{display:block;color:var(--site-primary)}.cookie-banner p{margin:4px 0 0;color:#68737d;font-size:12px;line-height:1.55}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}.cookie-actions button{border:1px solid rgba(48,40,33,.18);border-radius:9px;padding:9px 12px;background:#fff;color:var(--site-primary);font-weight:800;cursor:pointer}.cookie-actions .accept{background:var(--site-primary);border-color:var(--site-primary);color:#fff}
.site-search-form{display:grid;grid-template-columns:1fr auto;gap:10px}.site-search-form input{width:100%;border:1px solid rgba(48,40,33,.18);border-radius:var(--site-radius);padding:13px 14px;font:inherit}.site-search-form .site-button{margin-top:0}.search-count{margin:22px 0 12px}.search-results{display:grid;gap:10px}.search-result{display:block;padding:16px;border:1px solid rgba(48,40,33,.09);border-radius:14px;background:#fff;text-decoration:none}.search-result>span{display:block;color:var(--site-secondary);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.search-result strong{display:block;margin-top:4px;color:var(--site-primary);font-size:18px}.search-result p{margin:5px 0 0;font-size:13px}
@media(max-width:900px){.gallery-grid,.pro-card-grid{grid-template-columns:1fr 1fr}.cookie-banner{align-items:flex-start;flex-direction:column}.cookie-actions{width:100%}.cookie-actions button{flex:1}.map-frame iframe{height:380px}}
@media(max-width:620px){.gallery-grid,.pro-card-grid{grid-template-columns:1fr}.gallery-grid img{height:230px}.site-search-form{grid-template-columns:1fr}.cookie-banner{left:10px;right:10px;bottom:10px}.cookie-actions{flex-direction:column}.cookie-actions button{width:100%}}


/* v10.1 – Hero- und Blockbilder */
.site-block{
  position:relative;
  overflow:hidden;
}
.site-block>.site-container{
  position:relative;
  z-index:3;
}

.block-image-background{
  position:relative;
  isolation:isolate;
}
.block-image-background::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background-image:var(--block-bg-image);
  background-size:cover;
  background-position:var(--block-bg-pos,50% 50%);
  background-repeat:no-repeat;
  pointer-events:none;
}
.block-image-background::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:rgba(255,255,255,.90);
  pointer-events:none;
}
.block-style-soft.block-image-background::after{
  background:rgba(245,247,249,.91);
}
.block-style-gold.block-image-background::after{
  background:color-mix(in srgb,var(--site-secondary) 24%,rgba(255,255,255,.88));
}
.block-style-navy.block-image-background::after{
  background:color-mix(in srgb,var(--site-primary) 86%,transparent);
}
.block-style-navy.block-image-background{
  color:#fff;
}
.block-style-navy.block-image-background h1,
.block-style-navy.block-image-background h2,
.block-style-navy.block-image-background h3,
.block-style-navy.block-image-background p,
.block-style-navy.block-image-background .site-richtext{
  color:#fff;
}

.hero-block.block-image-background{
  min-height:620px;
  display:flex;
  align-items:center;
}
.hero-block.block-image-background::after{
  background:linear-gradient(
    90deg,
    color-mix(in srgb,var(--site-primary) 94%,transparent) 0%,
    color-mix(in srgb,var(--site-primary) 82%,transparent) 46%,
    color-mix(in srgb,var(--site-primary) 48%,transparent) 100%
  );
}
.hero-block.block-image-background .hero-layout{
  grid-template-columns:minmax(0,760px) 1fr;
}
.hero-block.block-image-background .hero-copy{
  padding:34px 0;
}
.hero-block.block-image-background h1,
.hero-block.block-image-background p{
  color:#fff;
}
.hero-block.block-image-background .site-kicker{
  color:#e7b39c;
}
.hero-block.block-image-background .site-button{
  background:var(--site-secondary);
  border-color:var(--site-secondary);
  color:var(--site-primary);
}

.hero-layout.image-left .hero-image,
.text-image-layout.image-left .block-image{
  order:-1;
}

.block-image-background .feature-card,
.block-image-background .pro-card,
.block-image-background .product-card{
  backdrop-filter:blur(4px);
}

.block-style-navy.block-image-background .feature-card,
.block-style-navy.block-image-background .pro-card,
.block-style-navy.block-image-background .product-card{
  background:rgba(255,255,255,.94);
}
.block-style-navy.block-image-background .feature-card strong,
.block-style-navy.block-image-background .pro-card strong,
.block-style-navy.block-image-background .product-card h3,
.block-style-navy.block-image-background .product-card p{
  color:var(--site-primary);
}

.sample-build-visual{
  min-height:430px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  padding:28px;
  border-radius:24px;
  background:
    linear-gradient(150deg,rgba(147,53,12,.94),rgba(147,53,12,.58) 37%,transparent 38%),
    linear-gradient(28deg,#483329 0 34%,#302821 35% 68%,#211e1b 69%);
  box-shadow:0 18px 45px rgba(48,40,33,.15);
  color:#fff;
}
.sample-build-visual::before{
  content:"";
  position:absolute;
  inset:25% 9% 0 34%;
  border:3px solid rgba(255,255,255,.30);
  border-bottom:0;
  transform:skewY(-8deg);
}
.sample-build-visual::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  top:42px;
  right:46px;
  border:18px solid rgba(255,255,255,.12);
  border-radius:50%;
}
.sample-build-visual span,
.sample-build-visual strong{
  position:relative;
  z-index:2;
}
.sample-build-visual span{
  color:#f1c7b5;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sample-build-visual strong{
  margin-top:4px;
  font-size:24px;
}
.sample-build-visual.compact{
  min-height:360px;
}
.sample-build-visual.wide{
  min-height:360px;
  width:100%;
  margin-top:20px;
}
.block-sample-background{
  background:
    linear-gradient(120deg,rgba(48,40,33,.97),rgba(48,40,33,.82)),
    repeating-linear-gradient(135deg,transparent 0 38px,rgba(147,53,12,.13) 38px 40px);
}
.block-sample-background h1,
.block-sample-background h2,
.block-sample-background p,
.block-sample-background .site-richtext{
  color:#fff;
}
.block-sample-background .site-kicker{
  color:#e7b39c;
}

@media(max-width:900px){
  .hero-block.block-image-background{
    min-height:560px;
  }
  .hero-block.block-image-background .hero-layout{
    grid-template-columns:1fr;
  }
  .hero-block.block-image-background::after{
    background:color-mix(in srgb,var(--site-primary) 82%,transparent);
  }
}
@media(max-width:620px){
  .hero-block.block-image-background{
    min-height:500px;
  }
  .sample-build-visual,
  .sample-build-visual.compact{
    min-height:280px;
  }
}


/* v10.5 – Kundenreferenzen Vorher / Nachher */
.references-hero p{
  max-width:760px;
  margin:14px auto 0;
  color:var(--site-muted);
  font-size:17px;
  line-height:1.65;
}
.references-preview-badge{
  width:max-content;
  max-width:100%;
  margin:18px auto 0;
  padding:7px 11px;
  border:1px solid rgba(147,53,12,.35);
  border-radius:999px;
  background:#fff3ed;
  color:#732e13;
  font-size:11px;
  font-weight:800;
}
.references-section{
  padding:58px 0 76px;
}
.references-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.reference-card{
  overflow:hidden;
  border:1px solid rgba(48,40,33,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(48,40,33,.07);
}
.reference-media{
  aspect-ratio:16/10;
  position:relative;
  overflow:hidden;
  background:#e8ecef;
}
.before-after{
  --compare:50%;
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}
.ba-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ba-before{
  z-index:1;
}
.ba-after-wrap{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  overflow:hidden;
  clip-path:inset(0 calc(100% - var(--compare)) 0 0);
}
.ba-after{
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
}
.ba-label{
  position:absolute;
  z-index:5;
  top:14px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(48,40,33,.88);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.ba-label.before{left:14px}
.ba-label.after{right:14px;background:rgba(147,53,12,.94);color:var(--site-primary)}
.ba-label.single{left:14px}
.ba-divider{
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  left:var(--compare);
  width:2px;
  transform:translateX(-1px);
  background:#fff;
  box-shadow:0 0 0 1px rgba(48,40,33,.10), 0 0 22px rgba(48,40,33,.12);
  pointer-events:none;
}
.ba-divider::after{
  content:"↔";
  position:absolute;
  top:50%;
  left:50%;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border:2px solid #fff;
  border-radius:50%;
  background:var(--site-secondary);
  color:var(--site-primary);
  box-shadow:0 5px 18px rgba(0,0,0,.18);
  font-size:16px;
  font-weight:900;
}
.ba-range{
  position:absolute;
  z-index:6;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:ew-resize;
}
.reference-single{
  width:100%;
  height:100%;
  position:relative;
}
.reference-single img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.reference-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:
    linear-gradient(135deg,rgba(48,40,33,.92),rgba(48,40,33,.75)),
    repeating-linear-gradient(45deg,transparent 0 30px,rgba(147,53,12,.14) 30px 32px);
  color:#fff;
  font-weight:800;
}
.reference-copy{
  padding:20px 20px 22px;
}
.reference-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:9px;
}
.reference-meta span{
  padding:5px 8px;
  border-radius:999px;
  background:#f2f5f7;
  color:#66737e;
  font-size:10px;
  font-weight:800;
}
.reference-copy h2{
  margin:0;
  color:var(--site-primary);
  font-size:20px;
}
.reference-copy p{
  margin:9px 0 0;
  color:var(--site-text);
  font-size:14px;
  line-height:1.65;
}
.references-empty{
  padding:34px;
  border:1px dashed rgba(48,40,33,.18);
  border-radius:16px;
  background:#fff;
  text-align:center;
}
.references-empty strong{
  color:var(--site-primary);
}
.references-empty p{
  margin:7px 0 0;
  color:#6b7783;
}
.references-cta{
  margin-top:34px;
  padding:28px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-radius:20px;
  background:var(--site-primary);
  color:#fff;
}
.references-cta h2{
  margin:5px 0 6px;
  color:#fff;
}
.references-cta p{
  margin:0;
  color:rgba(255,255,255,.76);
}
.references-cta .site-button{
  flex:0 0 auto;
  background:var(--site-secondary);
  border-color:var(--site-secondary);
  color:var(--site-primary);
}

@media(max-width:850px){
  .references-grid{
    grid-template-columns:1fr;
  }
  .references-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:520px){
  .references-section{
    padding:38px 0 54px;
  }
  .reference-copy{
    padding:16px;
  }
  .references-cta{
    padding:21px;
  }
}


/* v10.11 – Impressum & Datenschutz */
.legal-hero{
  padding-bottom:42px;
}
.legal-hero .site-kicker{
  margin-bottom:8px;
}
.legal-hero p{
  max-width:720px;
  margin:12px 0 0;
  color:var(--site-muted);
  font-size:16px;
}
.legal-layout{
  max-width:980px;
}
.legal-switch{
  display:flex;
  gap:8px;
  margin-bottom:16px;
  padding:5px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(48,40,33,.10);
  border-radius:12px;
  background:#f5f7f8;
}
.legal-switch a{
  padding:9px 13px;
  border-radius:8px;
  color:#64717d;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.legal-switch a.active{
  background:var(--site-primary);
  color:#fff;
  box-shadow:0 5px 14px rgba(48,40,33,.12);
}
.legal-box.legal-document{
  padding:38px 42px;
  white-space:normal;
  line-height:1.7;
}
.legal-document h2{
  position:relative;
  margin:34px 0 14px;
  padding:0 0 10px 17px;
  border-bottom:1px solid rgba(48,40,33,.09);
  color:var(--site-primary);
  font-size:22px;
  line-height:1.3;
  letter-spacing:-.015em;
}
.legal-document h2:first-child{
  margin-top:0;
}
.legal-document h2:before{
  content:"";
  position:absolute;
  top:2px;
  bottom:10px;
  left:0;
  width:3px;
  border-radius:999px;
  background:var(--site-secondary);
}
.legal-document h2>span{
  display:inline-grid;
  width:28px;
  height:28px;
  place-items:center;
  margin-right:9px;
  border-radius:8px;
  background:color-mix(in srgb,var(--site-secondary) 18%,#fff);
  color:var(--site-primary);
  font-size:12px;
  vertical-align:2px;
}
.legal-document p{
  margin:0 0 16px;
  color:#4e5c68;
  font-size:15px;
  line-height:1.78;
}
.legal-document p strong{
  color:var(--site-primary);
  font-weight:800;
}
.legal-document .legal-updated{
  width:max-content;
  max-width:100%;
  margin:0 0 26px;
  padding:7px 10px;
  border-radius:8px;
  background:#f4f6f7;
  color:#66737e;
  font-size:12px;
}
.legal-document ul{
  margin:4px 0 20px;
  padding:0;
  display:grid;
  gap:8px;
  list-style:none;
}
.legal-document li{
  position:relative;
  padding-left:22px;
  color:#4e5c68;
  font-size:15px;
  line-height:1.65;
}
.legal-document li:before{
  content:"";
  position:absolute;
  top:.68em;
  left:3px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--site-secondary);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--site-secondary) 14%,transparent);
}

@media(max-width:620px){
  .legal-box.legal-document{
    padding:25px 20px;
  }
  .legal-document h2{
    margin-top:28px;
    font-size:19px;
  }
  .legal-document p,
  .legal-document li{
    font-size:14px;
  }
  .legal-switch{
    width:100%;
  }
  .legal-switch a{
    flex:1;
    text-align:center;
  }
}


/* v10.12 – Pagination im öffentlichen Website-Design */
.site-pagination{
  margin-top:32px;
  padding-top:20px;
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(190px,1fr);
  align-items:center;
  gap:16px;
  border-top:1px solid rgba(48,40,33,.10);
}
.site-pagination-info{
  display:flex;
  align-items:baseline;
  gap:6px;
  color:#77838d;
  font-size:12px;
}
.site-pagination-info strong{
  color:var(--site-primary);
}
.site-pagination-pages{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:5px;
}
.site-page-btn{
  min-width:38px;
  height:38px;
  padding:0 10px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(48,40,33,.12);
  border-radius:10px;
  background:#fff;
  color:var(--site-primary);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  transition:.15s ease;
}
.site-page-btn:hover{
  transform:translateY(-1px);
  border-color:var(--site-secondary);
}
.site-page-btn.active{
  border-color:var(--site-primary);
  background:var(--site-primary);
  color:#fff;
  box-shadow:0 7px 18px rgba(48,40,33,.12);
}
.site-page-btn.disabled{
  opacity:.32;
  pointer-events:none;
}
.site-page-gap{
  color:#89949d;
}
.site-pagination-size{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.site-pagination-size>span{
  margin-right:3px;
  color:#77838d;
  font-size:11px;
  font-weight:700;
}
.site-pagination-size a{
  min-width:36px;
  padding:7px 9px;
  border-radius:8px;
  background:#f2f4f5;
  color:#66737e;
  text-align:center;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
}
.site-pagination-size a.active{
  background:color-mix(in srgb,var(--site-secondary) 24%,#fff);
  color:var(--site-primary);
}

@media(max-width:760px){
  .site-pagination{
    grid-template-columns:1fr;
  }
  .site-pagination-pages{
    order:-1;
    flex-wrap:wrap;
  }
  .site-pagination-info,
  .site-pagination-size{
    justify-content:center;
  }
}


/* v10.15 – neues Hamdar-Bauservice-Logo */
.site-header-inner{
  grid-template-columns:170px minmax(0,1fr) auto;
}
.site-brand{
  width:138px;
  min-height:88px;
  align-items:center;
  justify-content:center;
  padding:3px 7px;
}
.site-brand img{
  width:118px;
  max-width:118px;
  height:82px;
  max-height:82px;
  object-fit:contain;
}
.construction-header img{
  width:140px;
  max-width:140px;
  max-height:100px;
  height:auto;
  object-fit:contain;
  padding:3px 7px;
}

@media(max-width:900px){
  .site-header-inner{
    grid-template-columns:1fr auto;
  }
}
@media(max-width:620px){
  .site-brand{
    width:108px;
    min-height:76px;
  }
  .site-brand img{
    width:96px;
    max-width:96px;
    height:68px;
    max-height:68px;
  }
  .construction-header img{
    width:118px;
    max-width:118px;
    max-height:84px;
  }
}


/* v10.16 – Projektanfrage */
.inquiry-hero p{max-width:760px;margin:14px auto 0;color:var(--site-muted);font-size:16px;line-height:1.7}
.inquiry-section{padding:54px 0 78px}
.inquiry-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:24px;align-items:start}
.inquiry-form-card,.inquiry-contact-card{border:1px solid rgba(48,40,33,.10);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(48,40,33,.07)}
.inquiry-form-card{padding:28px}
.inquiry-form{display:grid;gap:24px}
.inquiry-form-head h2,.inquiry-contact-card h2{margin:5px 0 8px;color:var(--site-primary)}
.inquiry-form-head p,.inquiry-contact-card p{margin:0;color:#66737e;line-height:1.65}
.inquiry-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inquiry-service-option{position:relative;cursor:pointer}
.inquiry-service-option>input{position:absolute;opacity:0;pointer-events:none}
.inquiry-service-option>span{min-height:116px;padding:15px 16px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid rgba(48,40,33,.11);border-radius:13px;background:#f8fafb;transition:.15s ease}
.inquiry-service-option strong{color:var(--site-primary);font-size:14px}
.inquiry-service-option small{color:#6b7782;font-size:11px;line-height:1.5}
.inquiry-service-option>input:checked+span{border-color:var(--site-secondary);background:color-mix(in srgb,var(--site-secondary) 13%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--site-secondary) 14%,transparent)}
.inquiry-service-option>input:checked+span:before{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--site-primary);color:#fff;font-size:11px;font-weight:900}
.inquiry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.inquiry-fields label{display:grid;gap:7px;color:var(--site-primary);font-size:12px;font-weight:800}
.inquiry-fields .full{grid-column:1/-1}
.inquiry-fields input,.inquiry-fields textarea{width:100%;border:1px solid rgba(48,40,33,.14);border-radius:10px;background:#fff;color:#263847;font:inherit;font-size:14px;outline:none;transition:.14s ease}
.inquiry-fields input{min-height:46px;padding:10px 12px}
.inquiry-fields textarea{min-height:150px;padding:12px;resize:vertical}
.inquiry-fields input:focus,.inquiry-fields textarea:focus{border-color:var(--site-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--site-secondary) 13%,transparent)}
.inquiry-field-note{color:#7a858f;font-size:10.5px;font-weight:500;line-height:1.45}
.inquiry-privacy{color:#71808b;font-size:11px;line-height:1.55}
.inquiry-privacy a{color:var(--site-primary)}
.inquiry-submit{width:max-content}
.inquiry-success{margin-bottom:18px}
.inquiry-contact-card{position:sticky;top:110px;padding:24px}
.inquiry-quick-actions{margin-top:20px;display:grid;gap:10px}
.inquiry-quick-button{padding:13px 14px;display:grid;gap:3px;border:1px solid rgba(48,40,33,.10);border-radius:12px;background:#f7f9fa;color:var(--site-primary);text-decoration:none;transition:.15s ease}
.inquiry-quick-button:hover{transform:translateY(-1px);border-color:var(--site-secondary);box-shadow:0 8px 18px rgba(48,40,33,.07)}
.inquiry-quick-button span{color:#71808b;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.inquiry-quick-button strong{overflow-wrap:anywhere;font-size:13px}
.inquiry-callback-note,.inquiry-contact-empty{margin-top:18px;padding:14px;border-radius:12px;background:#f4f6f7}
.inquiry-callback-note{display:grid;gap:4px}
.inquiry-callback-note strong{color:var(--site-primary);font-size:12px}
.inquiry-callback-note span,.inquiry-contact-empty{color:#687681;font-size:11px;line-height:1.55}

@media(max-width:900px){
  .inquiry-layout{grid-template-columns:1fr}
  .inquiry-contact-card{position:static}
}
@media(max-width:650px){
  .inquiry-section{padding:38px 0 56px}
  .inquiry-form-card,.inquiry-contact-card{padding:19px}
  .inquiry-service-grid,.inquiry-fields{grid-template-columns:1fr}
  .inquiry-fields .full{grid-column:auto}
  .inquiry-submit{width:100%}
}


/* v10.18 – Hauptwebsite vollständig im Rotbraun/Kupfer-Branding */
body{font-family:Inter,Arial,Helvetica,sans-serif}
.site-block h1,.site-block h2,.site-block h3,.page-hero h1,.reference-copy h2,.inquiry-form-head h2,.inquiry-contact-card h2,.legal-document h2{
  font-family:Georgia,'Times New Roman',serif;
  letter-spacing:-.025em;
}
.site-header{border-bottom-color:#93350c}
.site-nav .site-nav-cta{background:#93350c;color:#fff}
.site-nav .site-nav-cta:hover{background:#7c2c0a}
.site-kicker{color:#93350c}
.site-kicker:before{background:#93350c}
.block-style-gold{background:#f6e6df}
.block-style-gold.block-image-background::after{background:rgba(246,230,223,.90)}
.feature-card span{background:#93350c;box-shadow:0 0 0 6px rgba(147,53,12,.12)}
.product-price,.search-result>span{color:#93350c}
.site-footer,.construction-footer{border-top-color:#93350c}
.construction-header{border-bottom-color:#93350c}
.construction-progress-head b,.construction-track span{background:#93350c}
.hero-block.block-image-background .site-kicker{color:#f0c7b6}
.hero-block.block-image-background .site-kicker:before{background:#c7673e}
.hero-block.block-image-background .site-button,.block-style-navy .site-button,.references-cta .site-button{
  background:#93350c;border-color:#93350c;color:#fff
}
.hero-block.block-image-background .site-button:hover,.block-style-navy .site-button:hover,.references-cta .site-button:hover{
  background:#7c2c0a;border-color:#7c2c0a
}
.hero-block.block-image-background::after{
  background:linear-gradient(90deg,rgba(15,30,43,.96) 0%,rgba(48,40,33,.89) 42%,rgba(48,40,33,.54) 73%,rgba(48,40,33,.20) 100%)
}
.hero-block h1{max-width:760px}
.hero-block.block-image-background h1{text-shadow:0 2px 18px rgba(0,0,0,.16)}
.hero-lead{max-width:780px}

/* Leistungen als echte Leistungs-Karten statt Kennzahlen */
.home-services-block{position:relative;overflow:hidden;background:#fff}
.home-services-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#93350c}
.home-services-block .pro-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-services-block .pro-card{
  position:relative;min-height:150px;padding:22px 22px 20px 25px;border:1px solid rgba(48,40,33,.09);
  border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(48,40,33,.045);text-align:left
}
.home-services-block .pro-card:before{
  content:"";position:absolute;top:20px;bottom:20px;left:0;width:4px;border-radius:0 4px 4px 0;background:#93350c
}
.home-services-block.stats-block .pro-card strong{
  color:var(--site-primary);font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.25
}
.home-services-block .pro-card p{
  margin-top:9px!important;color:#65727d!important;font-size:14px!important;line-height:1.65!important
}

/* Ablaufkarten */
.stats-block:not(.home-services-block) .pro-card{border-top:3px solid #93350c}
.stats-block:not(.home-services-block) .pro-card strong{
  color:var(--site-primary);font-family:Georgia,'Times New Roman',serif;font-size:20px
}

.cta-block.block-style-navy{position:relative}
.cta-block.block-style-navy:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#93350c}

.ba-label.after{background:#93350c;color:#fff}
.ba-divider::after{background:#93350c;color:#fff}
.inquiry-service-option>input:checked+span{
  border-color:#93350c;background:#f8ebe5;box-shadow:0 0 0 2px rgba(147,53,12,.12)
}
.inquiry-service-option>input:checked+span:before{background:#93350c}
.inquiry-fields input:focus,.inquiry-fields textarea:focus{border-color:#93350c;box-shadow:0 0 0 3px rgba(147,53,12,.10)}
.inquiry-quick-button:hover{border-color:#93350c}
.site-page-btn:hover{border-color:#93350c}
.site-pagination-size a.active{background:#f4dfd6;color:#742e13}
.legal-document h2:before,.legal-document li:before{background:#93350c}
.legal-document h2>span{background:#f5e2da}

@media(max-width:760px){
  .home-services-block .pro-card-grid{grid-template-columns:1fr}
}


/* v10.20 – Bildstärkere, lebendigere Hauptwebsite */
.text-image-block,
.image-block,
.gallery-block{
  position:relative;
}
.text-image-block .site-container,
.image-block .site-container,
.gallery-block .site-container{
  position:relative;
}
.text-image-block .site-kicker,
.gallery-block .site-kicker,
.image-block .site-kicker{
  color:#93350c;
}
.text-image-block .site-kicker:before,
.gallery-block .site-kicker:before,
.image-block .site-kicker:before{
  background:#93350c;
}

/* Text + Bild Sektionen klarer, wertiger */
.text-image-block{
  overflow:hidden;
}
.text-image-layout{
  gap:42px;
  align-items:center;
}
.text-image-block .block-copy{
  position:relative;
  z-index:2;
}
.text-image-block .block-copy h2{
  max-width:720px;
}
.text-image-block .block-image,
.hero-image{
  position:relative;
}
.text-image-block .block-image img,
.hero-image img{
  border-radius:24px;
  box-shadow:0 24px 44px rgba(48,40,33,.14);
}
.text-image-block .block-image:before,
.hero-image:before{
  content:"";
  position:absolute;
  inset:auto -16px -16px auto;
  width:140px;
  height:140px;
  border-radius:24px;
  background:linear-gradient(140deg,rgba(147,53,12,.18),rgba(147,53,12,.03));
  z-index:0;
}
.text-image-block .block-image img{
  position:relative;
  z-index:1;
}
.text-image-block.block-style-soft{
  background:linear-gradient(180deg,#fff 0%,#fbf3ef 100%);
}
.text-image-block.block-style-light{
  background:linear-gradient(180deg,#fbfcfd 0%,#fff 100%);
}

/* Breites Bild als visuelle Auflockerung */
.image-block .wide-image{
  display:block;
  width:100%;
  min-height:420px;
  max-height:520px;
  object-fit:cover;
  border-radius:28px;
  box-shadow:0 24px 44px rgba(48,40,33,.12);
}
.image-block h2{
  margin-bottom:22px;
}
.image-block p{
  max-width:880px;
  margin:18px auto 0;
  text-align:center;
  color:#5d6a75;
}

/* Galerie lebendiger und nicht so starr */
.gallery-block{
  background:linear-gradient(180deg,#fff 0%,#fcf8f6 100%);
}
.gallery-block .gallery-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.gallery-block .gallery-grid > *{
  border-radius:22px;
  overflow:hidden;
  min-height:220px;
  box-shadow:0 16px 36px rgba(48,40,33,.10);
  border:1px solid rgba(48,40,33,.06);
  background:#f7f7f7;
}
.gallery-block .gallery-grid img,
.gallery-block .gallery-grid .sample-build-visual{
  width:100%;
  height:100%;
  object-fit:cover;
}
.gallery-block .gallery-grid > *:nth-child(1){
  grid-column:span 7;
  min-height:340px;
}
.gallery-block .gallery-grid > *:nth-child(2){
  grid-column:span 5;
  min-height:340px;
}
.gallery-block .gallery-grid > *:nth-child(3),
.gallery-block .gallery-grid > *:nth-child(4),
.gallery-block .gallery-grid > *:nth-child(5),
.gallery-block .gallery-grid > *:nth-child(6){
  grid-column:span 3;
}
.gallery-block .gallery-grid .gallery-sample{
  min-height:220px;
  border-radius:22px;
}

/* Hero noch hochwertiger */
.hero-block{
  position:relative;
}
.hero-block .hero-copy{
  max-width:760px;
}
.hero-block .site-button{
  box-shadow:0 10px 24px rgba(147,53,12,.24);
}
.hero-block .site-button:hover{
  transform:translateY(-1px);
}

/* Leistungskarten noch griffiger */
.home-services-block .pro-card{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.home-services-block .pro-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(48,40,33,.08);
  border-color:rgba(147,53,12,.28);
}

/* Prozesskarten dynamischer */
.stats-block:not(.home-services-block) .pro-card{
  background:linear-gradient(180deg,#fff 0%,#fbf6f3 100%);
  box-shadow:0 12px 28px rgba(48,40,33,.05);
}
.stats-block:not(.home-services-block) .pro-card strong{
  display:block;
  margin-bottom:8px;
}

/* Vorteile-Bereich wertiger */
.features-block .feature-card{
  box-shadow:0 14px 30px rgba(48,40,33,.05);
  border:1px solid rgba(48,40,33,.06);
}
.features-block .feature-card:hover{
  border-color:rgba(147,53,12,.24);
  transform:translateY(-2px);
}

/* CTA kräftiger */
.cta-block .site-button{
  white-space:nowrap;
  box-shadow:0 12px 24px rgba(147,53,12,.22);
}
.cta-block .site-button:hover{
  transform:translateY(-1px);
}

/* Platzhalter schöner */
.sample-build-visual{
  background:
    linear-gradient(135deg,rgba(147,53,12,.09),rgba(48,40,33,.04)),
    linear-gradient(180deg,#faf5f2,#fff);
  border:1px dashed rgba(147,53,12,.26);
}
.sample-build-visual strong{
  color:#302821;
}
.sample-build-visual span{
  color:#93350c;
}

/* Mobile */
@media(max-width:900px){
  .gallery-block .gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .gallery-block .gallery-grid > *:nth-child(1),
  .gallery-block .gallery-grid > *:nth-child(2),
  .gallery-block .gallery-grid > *:nth-child(3),
  .gallery-block .gallery-grid > *:nth-child(4),
  .gallery-block .gallery-grid > *:nth-child(5),
  .gallery-block .gallery-grid > *:nth-child(6){
    grid-column:span 1;
    min-height:220px;
  }
  .image-block .wide-image{
    min-height:300px;
    max-height:420px;
  }
}
@media(max-width:760px){
  .text-image-layout{
    gap:24px;
  }
  .text-image-block .block-image:before,
  .hero-image:before{
    width:86px;
    height:86px;
    right:-8px;
    bottom:-8px;
  }
}


/* v10.21 – moderne, klare Typografie ohne Serifenschrift */
:root{
  --site-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

html,
body,
button,
input,
textarea,
select{
  font-family:var(--site-font)!important;
}

body{
  font-family:var(--site-font)!important;
  font-weight:400;
  letter-spacing:0;
}

/* Überschriften: modern, kräftig, aber nicht verspielt */
.site-block h1,
.site-block h2,
.site-block h3,
.page-hero h1,
.hero-block h1,
.reference-copy h2,
.inquiry-form-head h2,
.inquiry-contact-card h2,
.legal-document h2,
.home-services-block.stats-block .pro-card strong,
.stats-block:not(.home-services-block) .pro-card strong{
  font-family:var(--site-font)!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
}

.hero-block h1{
  font-size:clamp(38px,5.4vw,72px);
  line-height:1.02;
  letter-spacing:-.05em!important;
}

.site-block h2,
.page-hero h1{
  line-height:1.08;
}

.site-kicker{
  font-family:var(--site-font)!important;
  font-weight:800;
  letter-spacing:.12em;
}

/* Buttons wirken mit der neuen Schrift kompakter und hochwertiger */
.site-button,
.site-nav a,
.legal-switch a,
.site-page-btn,
.site-pagination-size a{
  font-family:var(--site-font)!important;
  letter-spacing:0;
  font-weight:750;
}

/* Fließtext etwas ruhiger */
.hero-lead,
.site-richtext,
.reference-copy p,
.inquiry-form-head p,
.inquiry-contact-card p,
.legal-document p,
.legal-document li{
  font-family:var(--site-font)!important;
  letter-spacing:0;
}

/* Leistungs- und Ablaufkarten */
.home-services-block.stats-block .pro-card strong,
.stats-block:not(.home-services-block) .pro-card strong{
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.025em!important;
}


/* v10.36: Baustellen-Design nach mobiler Bildreferenz; nur öffentliche Website */
:root{--hb-copper:#93350c;--hb-ink:#211e1c;--hb-paper:#eae0d3}
.site-header{position:relative;top:auto;background-color:var(--hb-paper);background-image:radial-gradient(rgba(74,53,39,.09) .75px,transparent .95px),linear-gradient(115deg,#efe7db,#ded2c4 58%,#eee5d8);background-size:5px 5px,auto;border-bottom:0;box-shadow:none}
.site-header-inner{min-height:130px;grid-template-columns:minmax(160px,310px) minmax(0,1fr);gap:28px;padding-top:14px;padding-bottom:14px}
.site-brand,.site-brand:link{width:auto;max-width:310px;padding:0;background:none;box-shadow:none;border-radius:0}
.site-brand img{width:100%!important;max-width:300px!important;max-height:110px!important;height:auto!important;min-height:78px;object-fit:contain!important;object-position:left center!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.site-nav{flex-wrap:wrap;gap:6px 9px}
.site-nav a{color:#27221f;padding:10px 12px;font-size:14px;border-radius:9px}
.site-nav a:hover{background:rgba(147,53,12,.1)}
.site-nav .site-nav-cta{color:#fff!important;background:#93350c;border-radius:10px;padding:12px 18px}
.site-nav .site-nav-cta:hover{background:#792c0d}
.site-nav-toggle{display:none;color:#fff;background:#93350c;border:0;border-radius:12px;padding:12px 17px;min-height:48px;align-items:center;justify-content:center;gap:11px;cursor:pointer}
.site-nav-toggle .hb-menu-lines{display:inline-block;width:23px;height:16px;border-top:3px solid #fff;border-bottom:3px solid #fff;position:relative;flex:none}
.site-nav-toggle .hb-menu-lines:before{content:"";position:absolute;top:5px;left:0;width:100%;border-top:3px solid #fff}
.site-main{background:var(--hb-paper)}
.site-main>.hero-block:first-child{position:relative;min-height:620px;display:flex;align-items:center;background-color:#3d3832;isolation:isolate;overflow:hidden;border-top:7px solid #93350c;border-bottom:6px solid #93350c;padding:95px 0}
.site-main>.hero-block:first-child .hero-layout{position:relative;z-index:3;width:min(1180px,calc(100% - 48px));grid-template-columns:minmax(0,800px) 1fr;gap:0}
.site-main>.hero-block:first-child .hero-copy{max-width:790px;padding:28px 0;position:relative;z-index:4}
.site-main>.hero-block:first-child .hero-image{position:absolute;inset:0;z-index:-2;pointer-events:none}
.site-main>.hero-block:first-child .hero-image img{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;box-shadow:none}
.site-main>.hero-block:first-child:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(23,20,18,.88) 0%,rgba(26,22,19,.77) 47%,rgba(27,23,22,.40) 80%,rgba(20,18,17,.2) 100%);pointer-events:none}
.site-main>.hero-block:first-child.block-image-background:after{background:linear-gradient(90deg,rgba(23,20,18,.89),rgba(24,20,18,.72) 55%,rgba(27,23,22,.32))}
.site-main>.hero-block:first-child h1,.site-main>.hero-block:first-child p{color:#fff!important}
.site-main>.hero-block:first-child h1{font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:clamp(48px,6.4vw,90px);max-width:830px;font-weight:900!important;line-height:1.04;letter-spacing:-.055em!important;text-wrap:balance;text-shadow:0 3px 14px rgba(0,0,0,.20)}
.site-main>.hero-block:first-child .site-kicker{color:#fff!important;letter-spacing:.13em;font-size:14px}
.site-main>.hero-block:first-child .site-kicker:before{width:48px;height:4px;background:#93350c!important}
.site-main>.hero-block:first-child .hero-lead{color:#f7f5f2!important;font-size:clamp(17px,2vw,24px)!important;line-height:1.65!important;max-width:710px}
.site-main>.hero-block:first-child .site-button{background:#93350c!important;border:1px solid #ab4920!important;color:white!important;min-height:60px;font-size:19px;border-radius:13px;padding:15px 28px;box-shadow:0 7px 25px rgba(0,0,0,.18)}
.site-main>.hero-block:first-child .site-button:after{content:'›';font-size:31px;line-height:0;margin-left:17px}
.site-main>.home-services-block{background-color:#e9dfd3;background-image:radial-gradient(rgba(77,54,39,.075) .7px,transparent 1px),linear-gradient(145deg,#efe6da,#e3d7c9);background-size:5px 5px,auto;padding:74px 0}
.site-main>.home-services-block:before{display:none}
.site-main>.home-services-block h2{font-size:clamp(40px,5vw,68px);color:#231f1d;letter-spacing:-.05em!important;margin-bottom:32px}
.site-main>.home-services-block .site-kicker{font-size:13px;letter-spacing:.13em}
.site-main>.home-services-block .pro-card-grid{gap:17px}
.site-main>.home-services-block .pro-card{background:rgba(255,255,255,.88);border:1px solid rgba(45,34,25,.12);border-radius:16px;box-shadow:0 8px 25px rgba(50,33,21,.08);padding:25px}
.site-main>.home-services-block .pro-card:before{background:#93350c}
.site-main>.site-block:not(:first-child) .site-button{background:#93350c;border-color:#93350c;color:white}
.site-main .text-image-block .block-image img,.site-main .gallery-block img{border-radius:16px}
.site-main .site-kicker{color:#93350c}
@media(max-width:900px){
 .site-header-inner{display:flex;justify-content:space-between;align-items:center;min-height:110px;gap:12px;position:relative}
 .site-brand{width:auto!important;flex:1;min-width:0;max-width:280px}
 .site-brand img{width:100%!important;max-width:280px!important;max-height:95px!important;height:auto!important;min-height:70px;object-position:center!important}
 .site-nav-toggle{display:inline-flex;flex:none;position:relative;z-index:54}
 .site-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:53;flex-direction:column;align-items:stretch;background:#e9dfd3;border:1px solid rgba(147,53,12,.18);border-top:3px solid #93350c;border-radius:0 0 14px 14px;padding:13px;box-shadow:0 15px 30px rgba(30,25,22,.19)}
 .site-nav.open{display:flex}
 .site-nav a{color:#28221e;text-align:left;min-height:45px;display:flex;align-items:center;font-size:16px}
 .site-nav .site-nav-cta{color:#fff;justify-content:center}
 .site-main>.hero-block:first-child .hero-layout{grid-template-columns:1fr;width:min(100% - 40px,750px)}
 .site-main>.hero-block:first-child{min-height:620px;padding:60px 0}
 .site-main>.hero-block:first-child h1{font-size:clamp(44px,8vw,75px)}
}
@media(max-width:620px){
 .site-header-inner{min-height:165px;padding:16px 11px 15px;align-items:center;gap:8px}
 .site-brand{max-width:calc(100% - 130px)}
 .site-brand img{max-width:100%!important;max-height:145px!important;min-height:110px!important}
 .site-nav-toggle{padding:12px 15px;font-size:17px;font-weight:850}
 .site-main>.hero-block:first-child{min-height:650px;padding:62px 0;border-top-width:5px}
 .site-main>.hero-block:first-child .hero-layout{width:calc(100% - 32px)}
 .site-main>.hero-block:first-child .hero-copy{padding:14px 0}
 .site-main>.hero-block:first-child:after{background:linear-gradient(90deg,rgba(26,21,19,.83) 0%,rgba(27,22,19,.68) 66%,rgba(27,22,19,.35) 100%)}
 .site-main>.hero-block:first-child.block-image-background:after{background:linear-gradient(90deg,rgba(26,21,19,.83),rgba(27,22,19,.63) 72%,rgba(27,22,19,.4))}
 .site-main>.hero-block:first-child h1{font-size:clamp(40px,9vw,64px);line-height:1.04;margin:18px 0 22px}
 .site-main>.hero-block:first-child .hero-lead{font-size:18px!important;line-height:1.65!important}
 .site-main>.hero-block:first-child .site-button{font-size:17px;min-height:56px;padding:14px 20px}
 .site-main>.home-services-block{padding:57px 0}
 .site-main>.home-services-block h2{font-size:48px}
 .site-main>.home-services-block .pro-card-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.site-nav-toggle,.site-nav a{transition:none}}

/* v10.37 — untere Websitebereiche und Footer im Baustellen-Design */
.site-main>.site-block:not(.hero-block):not(.home-services-block){background-color:#eee5da;color:#25201c}
.site-main>.site-block:nth-of-type(even):not(.hero-block):not(.home-services-block){background-color:#e4d7c8}
.site-main>.site-block.block-style-navy:not(.hero-block){background:#242b2d;color:#fff}
.site-main>.site-block.block-style-navy h2,.site-main>.site-block.block-style-navy p,.site-main>.site-block.block-style-navy h3{color:#fff}
.site-main>.site-block.block-style-gold{background:#e5d9cc}
.site-main .site-block h2,.page-hero h1{color:#241f1c;font-weight:850;letter-spacing:-.045em}
.site-main .site-block p,.site-main .site-richtext{color:#51463d}
.site-main .site-block.block-style-navy p{color:#eee9e1}
.site-main .feature-card,.site-main .product-card,.site-main .pro-card,.site-main .lead-card,.site-main .product-detail-card,.legal-box{border-radius:15px;background:#f9f5ef;border:1px solid rgba(85,60,42,.16);box-shadow:0 8px 24px rgba(53,38,29,.075)}
.site-main .product-card img,.site-main .block-image img{border-radius:14px}
.site-main .feature-card strong,.site-main .product-card h3{color:#2d2520}
.site-main .product-card a{color:#93350c}
.site-main .site-button,.site-main .lead-form button[type=submit]{background:#93350c;border-color:#93350c;color:#fff}
.page-hero{background-color:#e6dacb;background-image:radial-gradient(rgba(71,48,33,.07) .7px,transparent .95px);background-size:5px 5px;border-top:4px solid #93350c}
.legal-content,.product-detail,.lead-form-wrap{background:#eee5da}
.site-footer{background-color:#e4d7c8;background-image:radial-gradient(rgba(72,48,33,.085) .75px,transparent 1px),linear-gradient(115deg,#eee5d9,#dfd1c1 70%,#e9dfd2);background-size:5px 5px,auto;color:#29231f;border-top:6px solid #93350c;padding:0;overflow:hidden}
.site-footer .hb-footer-intro{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:65px 0 55px;border-bottom:1px solid rgba(88,59,41,.22)}
.site-footer .hb-footer-intro>div{max-width:720px}
.site-footer .site-kicker{color:#93350c;font-size:13px}
.site-footer .hb-footer-intro h2{font-size:clamp(34px,4.4vw,57px);line-height:1.08;letter-spacing:-.05em;margin:13px 0 17px;color:#251f1b;font-weight:900}
.site-footer .hb-footer-intro p{font-size:17px;line-height:1.7;color:#655447;max-width:620px;margin:0}
.site-footer .hb-footer-cta{flex:0 0 auto;background:#93350c;border-color:#93350c;color:#fff!important;padding:17px 25px;border-radius:12px;font-size:17px;margin:0;gap:17px}
.site-footer .hb-footer-cta span{font-size:22px;line-height:1}
.site-footer .footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,.9fr);gap:45px;padding:48px 0 55px}
.site-footer .hb-footer-brand img{width:180px;max-height:125px;object-fit:contain;object-position:left center;margin:0 0 12px}
.site-footer .hb-footer-brand strong{display:block;font-size:20px;line-height:1.3;color:#251f1b}
.site-footer .hb-footer-brand p{font-size:14px;color:#685749;line-height:1.7;max-width:310px;margin:11px 0 0}
.site-footer h3{font-size:13px;color:#93350c;text-transform:uppercase;letter-spacing:.13em;margin:4px 0 13px;font-weight:900}
.site-footer .footer-links,.site-footer .footer-contact{gap:13px;align-items:flex-start}
.site-footer a:not(.hb-footer-cta){color:#332820;text-decoration:none;font-weight:650;overflow-wrap:anywhere}
.site-footer a:not(.hb-footer-cta):hover{color:#93350c;text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:0;padding:23px 0 28px;border-top:1px solid rgba(88,59,41,.22);font-size:13px;color:#665548}
.site-footer .footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}
.site-footer .footer-bottom a{font-weight:550!important}
.construction-footer{background:#e4d7c8;color:#44362c;border-top:4px solid #93350c}
@media(max-width:900px){.site-footer .hb-footer-intro{align-items:flex-start;flex-direction:column;gap:23px}.site-footer .footer-grid{gap:28px;grid-template-columns:1.2fr 1fr}}
@media(max-width:620px){.site-footer .hb-footer-intro{padding:44px 0 39px}.site-footer .hb-footer-intro h2{font-size:39px}.site-footer .hb-footer-intro p{font-size:16px}.site-footer .hb-footer-cta{width:100%;justify-content:space-between}.site-footer .footer-grid{grid-template-columns:1fr;gap:31px;padding:35px 0 42px}.site-footer .hb-footer-brand img{width:165px}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;padding:21px 0 26px}}

/* v10.38 – durchgängige Sandstein/Kupfer-Optik: Landingpages und Referenzen */
:root{--site-primary:#302821!important;--site-secondary:#93350c!important;--site-bg:#eee5da!important;--site-text:#332a24!important}
body{background:#eee5da;color:#302821}
.site-main,.references-page,.references-wrap,.site-page,.product-detail,.legal-content,.lead-form-wrap{background:#eee5da}
.site-main .site-block.block-style-navy:not(.hero-block),.references-cta,.cta-block.block-style-navy{background:#302821;color:#fff}
.block-style-navy:not(.hero-block) .site-button,.references-cta .site-button{background:#93350c;border-color:#93350c;color:#fff}
.page-hero,.references-hero,.product-hero{background:#e6dacb;border-top:4px solid #93350c;color:#302821}
.page-hero h1,.references-hero h1,.references-block h2,.site-main .site-block h2{color:#302821}
.references-card,.reference-card,.ba-card,.gallery-card,.testimonial-card,.product-detail-card,.lead-card,.legal-box{background:#faf6f0;border:1px solid rgba(81,56,39,.16);box-shadow:0 10px 28px rgba(54,37,26,.08)}
.site-main a:not(.site-button):not(.site-nav-cta):hover{color:#93350c}
.site-main .site-button,.site-main button[type=submit],.lead-form button[type=submit],.site-footer .hb-footer-cta{background:#93350c;border-color:#93350c;color:#fff}
.site-main .site-button:focus-visible,.site-nav-toggle:focus-visible{outline:3px solid #b96b45;outline-offset:3px}
.construction-header{background:#e7d9ca;border-bottom:4px solid #93350c}
.construction-header span{color:#302821;background:#f5ede4}
.construction-page{background:#eee5da}
.construction-progress{background:#f6eee6}
@media(max-width:900px){.site-nav{background:#e9dfd3}.site-nav a{color:#302821}}

/* v10.39 – Projektanfrage: lesbarer Einleitungstext auf hellem Stein-Hintergrund */
.inquiry-page .inquiry-hero .site-container{
  background:#302821;
  color:#fff;
  border:1px solid rgba(147,53,12,.5);
  border-left:5px solid #93350c;
  border-radius:18px;
  padding:clamp(22px,4vw,42px);
  box-shadow:0 14px 35px rgba(35,27,22,.13);
}
.inquiry-page .inquiry-hero h1{color:#fff!important}
.inquiry-page .inquiry-hero p{color:#f5f0e9!important;max-width:760px;margin:14px 0 0;text-align:left}
.inquiry-page .inquiry-hero .site-kicker{color:#e7a080}
@media(max-width:620px){
 .inquiry-page .inquiry-hero .site-container{border-radius:12px;padding:24px 20px}
}


/* v10.40 – echte CTA-Bloecke, keine alten inkompatiblen Selektoren */
.site-main > .cta-block .cta-inner{
  background:#2d2621;
  border-left:5px solid #93350c;
  border-radius:18px;
  padding:clamp(24px,4vw,48px);
  box-shadow:0 18px 42px rgba(40,26,18,.16);
  gap:28px;
}
.site-main > .cta-block .cta-inner h2,
.site-main > .cta-block .cta-inner p,
.site-main > .cta-block .cta-inner .site-richtext{color:#fff !important}
.site-main > .cta-block .cta-inner p{line-height:1.7;color:#f3ebe4!important}
.site-main > .cta-block .cta-inner .site-kicker{color:#e0a587!important}
.site-main > .cta-block .cta-inner .site-button{background:#93350c!important;color:#fff!important;border-color:#93350c!important}
/* Logo ohne weisses Rechteck, mit sinnvoller Groesse */
.site-header .site-brand,.site-header .site-brand img,
.construction-header img{
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;padding:0!important;
}
.site-header-inner{grid-template-columns:minmax(240px,330px) minmax(0,1fr) auto!important;min-height:112px!important}
.site-header .site-brand{width:100%!important;max-width:330px!important}
.site-header .site-brand img{width:100%!important;max-width:330px!important;min-height:0!important;max-height:106px!important;height:106px!important;object-fit:contain!important}
.construction-header img{max-width:310px!important;max-height:105px!important;height:auto!important}
@media(max-width:900px){
 .site-header-inner{grid-template-columns:minmax(0,1fr) auto!important;min-height:106px!important}
 .site-header .site-brand{max-width:300px!important}
 .site-header .site-brand img{height:98px!important;max-height:98px!important}
}
@media(max-width:620px){
 .site-header-inner{min-height:108px!important;gap:10px!important}
 .site-header .site-brand{max-width:min(63vw,250px)!important}
 .site-header .site-brand img{height:100px!important;max-height:100px!important;min-height:0!important}
 .site-main > .cta-block .cta-inner{padding:26px 20px;border-radius:14px}
}


/* v10.45 – ST Maurerbetrieb: Referenz-inspirierte Kontaktleiste und Hero-Navigation */
.st-topbar{position:relative;z-index:15;background:#241f1b;color:#f4eee7;font-size:12px;letter-spacing:.025em}
.st-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:5px;padding-bottom:5px}
.st-topbar-contact{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.st-topbar a{color:#f4eee7;text-decoration:none;white-space:nowrap}
.st-topbar a:hover{color:#edb696}
.st-topbar-location{white-space:nowrap;color:#e8c8b5}
.st-topbar-contact span,.st-topbar-location span{color:#dc855d;margin-right:5px}
.site-header.st-header-overlay{position:relative;z-index:12;margin-bottom:-116px;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
.site-header.st-header-solid{position:relative;z-index:12;background:#eee6dc!important;background-image:none!important;border-bottom:1px solid rgba(48,36,29,.12)!important}
.site-header.st-header-overlay .site-header-inner{min-height:116px!important;padding-top:10px;padding-bottom:10px}
.site-header.st-header-solid .site-header-inner{min-height:108px!important}
.site-header.st-header-overlay .site-nav a:not(.site-nav-cta){color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.38)}
.site-header.st-header-overlay .site-nav a:not(.site-nav-cta):hover{background:rgba(255,255,255,.14)!important}
.site-header.st-header-overlay .site-brand img{filter:drop-shadow(0 3px 12px rgba(0,0,0,.32))}
.site-header.st-header-overlay .site-nav .site-nav-cta{background:#93350c!important;color:#fff!important}
.site-main>.hero-block:first-child{border-top:0!important;min-height:calc(100svh - 38px);min-height:max(680px,calc(100svh - 38px));padding-top:185px!important;padding-bottom:110px!important}
.site-main>.hero-block:first-child .hero-layout{z-index:3!important}
.site-main>.hero-block:first-child.block-image-background::before{content:"";position:absolute;inset:-7%;background-image:var(--block-bg-image);background-size:cover;background-position:var(--block-bg-pos,center);animation:st-hero-kenburns 22s ease-in-out infinite alternate;z-index:0;pointer-events:none}
.site-main>.hero-block:first-child.block-image-background{background-image:none!important}
.site-main>.hero-block:first-child .hero-image img{animation:st-hero-kenburns 22s ease-in-out infinite alternate;transform-origin:center center}
.site-main>.hero-block:first-child .hero-image{overflow:hidden}
.site-main>.hero-block:first-child:after{z-index:1!important;background:linear-gradient(90deg,rgba(20,17,15,.82) 0%,rgba(20,17,15,.54) 63%,rgba(20,17,15,.30) 100%)!important}
@keyframes st-hero-kenburns{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.2%,.5%,0)}}
@media(min-width:901px){.site-header.st-header-overlay .site-nav{justify-content:flex-end;align-items:center}}
@media(max-width:900px){
 .site-header.st-header-overlay{margin-bottom:-106px}
 .site-header.st-header-overlay .site-header-inner{min-height:106px!important}
 .site-header.st-header-overlay .site-nav{background:#f1e8dc!important;box-shadow:0 15px 35px rgba(0,0,0,.2)}
 .site-header.st-header-overlay .site-nav a:not(.site-nav-cta){color:#29211b!important;text-shadow:none}
 .site-header.st-header-overlay .site-nav a:not(.site-nav-cta):hover{background:rgba(147,53,12,.1)!important}
 .site-main>.hero-block:first-child{padding-top:160px!important}
}
@media(max-width:620px){
 .st-topbar{font-size:11px}
 .st-topbar-inner{gap:8px;min-height:42px}
 .st-topbar-contact{gap:5px 12px}
 .st-topbar-location{font-size:10px}
 .site-header.st-header-overlay{margin-bottom:-108px}
 .site-main>.hero-block:first-child{min-height:690px;padding-top:160px!important;padding-bottom:80px!important}
}
@media(prefers-reduced-motion:reduce){.site-main>.hero-block:first-child.block-image-background::before,.site-main>.hero-block:first-child .hero-image img{animation:none!important}}


/* v10.46 – Kontaktplatzhalter, dezente Trennlinie, ruhiger Hero */
.site-header.st-header-overlay{border-bottom:1px solid rgba(255,255,255,.52)!important}
.site-header.st-header-solid{border-bottom:1px solid rgba(147,53,12,.4)!important}
.site-main>.hero-block:first-child.block-image-background::before{
  inset:-2.5%;
  animation:st-hero-gentle 48s ease-in-out infinite alternate!important;
  transform-origin:center center;
  will-change:transform;
}
.site-main>.hero-block:first-child .hero-image img{
  animation:st-hero-gentle 48s ease-in-out infinite alternate!important;
  transform-origin:center center;
}
@keyframes st-hero-gentle{
  from{transform:scale(1)}
  to{transform:scale(1.025)}
}
@media(max-width:900px){
  .site-main>.hero-block:first-child.block-image-background::before,
  .site-main>.hero-block:first-child .hero-image img{animation:none!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .site-main>.hero-block:first-child.block-image-background::before,
  .site-main>.hero-block:first-child .hero-image img{animation:none!important;transform:none!important}
}


/* v10.47 – Navigation bleibt beim Scrollen oben, zunächst transparent */
.site-header.st-header-overlay,
.site-header.st-header-solid{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.site-header.st-header-overlay.st-header-scrolled,
.site-header.st-header-solid.st-header-scrolled{
  background:#eee6dc!important;
  background-image:none!important;
  border-bottom:1px solid rgba(147,53,12,.4)!important;
  box-shadow:0 8px 24px rgba(40,31,24,.16)!important;
}
.site-header.st-header-overlay.st-header-scrolled .site-nav a:not(.site-nav-cta){
  color:#302821!important;text-shadow:none!important;
}
.site-header.st-header-overlay.st-header-scrolled .site-nav a:not(.site-nav-cta):hover{
  background:rgba(147,53,12,.1)!important;
}
.site-header.st-header-overlay.st-header-scrolled .site-brand img{filter:none!important}
/* Der tatsächliche Ablauf-Block greift leicht in den Hero hinein. */
.site-main>.hero-block:first-child{overflow:visible!important;border-bottom:0!important}
.site-main>.hero-block:first-child + .st-ablauf-overlap{
  position:relative!important;
  z-index:5!important;
  margin-top:-92px!important;
  padding-top:0!important;
  background:transparent!important;
}
.site-main>.hero-block:first-child + .st-ablauf-overlap>.site-container{
  background:#f7f1e9;
  border-top:4px solid #93350c;
  border-radius:15px;
  padding:clamp(25px,4vw,52px);
  box-shadow:0 16px 42px rgba(39,29,22,.17);
}
.site-main>.hero-block:first-child + .st-ablauf-overlap h2{color:#302821!important}
@media(max-width:900px){
  .site-header.st-header-overlay.st-header-scrolled .site-nav{background:#eee6dc!important}
  .site-main>.hero-block:first-child + .st-ablauf-overlap{margin-top:-48px!important}
}
@media(max-width:620px){
  .site-main>.hero-block:first-child + .st-ablauf-overlap{margin-top:-32px!important}
  .site-main>.hero-block:first-child + .st-ablauf-overlap>.site-container{padding:24px 18px;border-radius:12px}
}

/* v10.48 – Prozess-Schrittleiste im Hero-Anschnitt, nur auf der Startseite */
.site-main>.hero-block:first-child + .st-ablauf-overlap{margin-top:-100px!important;padding-bottom:52px!important}
.site-main>.hero-block:first-child + .st-ablauf-overlap>.site-container{
  width:min(1180px,calc(100% - 32px));background:#fff!important;border:1px solid #e8ddd3!important;
  border-top:5px solid #93350c!important;border-radius:14px!important;padding:25px 30px 27px!important;
  box-shadow:0 18px 45px rgba(38,30,24,.17)!important;
}
.site-main>.hero-block:first-child + .st-ablauf-overlap .site-kicker{color:#93350c!important;font-size:12px!important}
.site-main>.hero-block:first-child + .st-ablauf-overlap h2{font-size:clamp(23px,2.9vw,34px)!important;margin:7px 0 18px!important;letter-spacing:-.035em}
.site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card-grid,
.site-main>.hero-block:first-child + .st-ablauf-overlap .feature-grid{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:0!important;
 margin-top:14px!important;align-items:stretch!important;
}
.site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card,
.site-main>.hero-block:first-child + .st-ablauf-overlap .feature-card{
 display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:13px!important;
 min-width:0!important;min-height:112px!important;padding:16px 28px 14px 15px!important;
 border:0!important;border-right:1px solid #e8ddd3!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;text-align:left!important;position:relative!important;
}
.site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card:last-child,
.site-main>.hero-block:first-child + .st-ablauf-overlap .feature-card:last-child{border-right:0!important}
.site-main>.hero-block:first-child + .st-ablauf-overlap .st-step-number{
 display:grid!important;place-items:center!important;flex:0 0 39px!important;width:39px!important;height:39px!important;
 margin:0!important;border-radius:50%!important;background:#f5e7e0!important;box-shadow:none!important;
 color:#93350c!important;font-weight:850!important;font-size:13px!important;letter-spacing:0!important;
}
.site-main>.hero-block:first-child + .st-ablauf-overlap .st-step-copy{min-width:0}
.site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card strong,
.site-main>.hero-block:first-child + .st-ablauf-overlap .feature-card strong{
 font:800 16px/1.35 system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;color:#29231f!important;
 overflow-wrap:anywhere!important;
}
.site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card p{
 color:#675b51!important;font:400 13px/1.55 system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;margin:6px 0 0!important;
}
.site-main>.hero-block:first-child + .st-ablauf-overlap .st-step-arrow{
 position:absolute!important;right:-12px!important;top:25px!important;z-index:2!important;display:grid!important;place-items:center!important;
 width:25px!important;height:25px!important;border-radius:50%!important;background:#fff!important;color:#93350c!important;
 font-size:22px!important;font-weight:750!important;line-height:1!important;
}
@media(max-width:900px){
 .site-main>.hero-block:first-child + .st-ablauf-overlap{margin-top:-55px!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card-grid,
 .site-main>.hero-block:first-child + .st-ablauf-overlap .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:10px!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card:nth-child(2n),
 .site-main>.hero-block:first-child + .st-ablauf-overlap .feature-card:nth-child(2n){border-right:0!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card:nth-child(2n) .st-step-arrow,
 .site-main>.hero-block:first-child + .st-ablauf-overlap .feature-card:nth-child(2n) .st-step-arrow{display:none!important}
}
@media(max-width:620px){
 .site-main>.hero-block:first-child + .st-ablauf-overlap{margin-top:-36px!important;padding-bottom:25px!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap>.site-container{width:calc(100% - 24px);padding:22px 16px!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card-grid,
 .site-main>.hero-block:first-child + .st-ablauf-overlap .feature-grid{grid-template-columns:minmax(0,1fr)!important;row-gap:0!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card,
 .site-main>.hero-block:first-child + .st-ablauf-overlap .feature-card{border-right:0!important;border-bottom:1px solid #e8ddd3!important;padding:16px 12px 22px 6px!important;min-height:86px!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card:last-child,
 .site-main>.hero-block:first-child + .st-ablauf-overlap .feature-card:last-child{border-bottom:0!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap .st-step-arrow{right:50%!important;top:auto!important;bottom:-14px!important;transform:translateX(50%) rotate(90deg)!important}
 .site-main>.hero-block:first-child + .st-ablauf-overlap .pro-card:nth-child(2n) .st-step-arrow,
 .site-main>.hero-block:first-child + .st-ablauf-overlap .feature-card:nth-child(2n) .st-step-arrow{display:grid!important}
}

/* v10.49 – Erkennung von „So läuft Ihr Projekt“ korrigiert; Ablauf sichtbar als Schrittleiste */
.site-main > .st-ablauf-overlap { isolation:isolate; }
.site-main > .hero-block + .st-ablauf-overlap {
  position:relative!important;z-index:10!important;margin-top:-94px!important;background:transparent!important;
}
.site-main > .hero-block + .st-ablauf-overlap > .site-container {
  background:#fff!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(38,30,24,.19)!important;
}
.site-main > .hero-block + .st-ablauf-overlap .pro-card-grid,
.site-main > .hero-block + .st-ablauf-overlap .feature-grid {
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:0!important;
}
@media (max-width:900px){.site-main > .hero-block + .st-ablauf-overlap{margin-top:-48px!important}}
@media (max-width:620px){.site-main > .hero-block + .st-ablauf-overlap{margin-top:-26px!important}}

/* v10.50 – ruhiger, leichter Hero und zwei halbtransparente Handlungsbuttons */
.hero-block .hero-copy h1{
 font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
 font-weight:400!important;letter-spacing:-.035em!important;line-height:1.12!important;
 text-wrap:balance;
}
.st-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:25px}
.hero-block .st-hero-actions .site-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:53px;padding:13px 22px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.hero-block .st-hero-actions .st-hero-book{background:rgba(147,53,12,.81)!important;border:1px solid rgba(211,127,92,.83)!important;color:#fff!important;backdrop-filter:blur(3px)}
.hero-block .st-hero-actions .st-hero-book:hover{background:#93350c!important}
.hero-block .st-hero-actions .st-hero-services{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.85)!important;color:#fff!important;backdrop-filter:blur(3px)}
.hero-block .st-hero-actions .st-hero-services:hover{background:rgba(255,255,255,.24)!important}
.hero-block .st-hero-actions .site-button svg{flex-shrink:0}
@media(max-width:600px){.st-hero-actions{gap:10px}.hero-block .st-hero-actions .site-button{min-height:48px;padding:12px 15px;font-size:14px}}


/* v10.51 – gezielte Korrekturen gegen ältere, spezifischere Hero-Regeln */
.site-main > .hero-block:first-child .hero-copy h1 {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(34px, 4.4vw, 62px) !important;
  font-weight: 300 !important;
  line-height: 1.16 !important;
  letter-spacing: -.025em !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.24);
}
.site-main > .hero-block:first-child .st-hero-actions .site-button {
  margin-top: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  min-height: 50px !important;
  border-radius: 7px !important;
  padding: 12px 18px !important;
  box-shadow: none !important;
}
.site-main > .hero-block:first-child .st-hero-actions .site-button::after {
  content: none !important;
  display: none !important;
}
.site-main > .hero-block:first-child .st-hero-actions .st-hero-book {
  background: rgba(147,53,12,.78) !important;
  border: 1px solid rgba(204,116,80,.95) !important;
  color: #fff !important;
}
.site-main > .hero-block:first-child .st-hero-actions .st-hero-book:hover {
  background: rgba(147,53,12,.94) !important;
}
.site-main > .hero-block:first-child .st-hero-actions .st-hero-services {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.90) !important;
  color: #fff !important;
}
.site-main > .hero-block:first-child .st-hero-actions .st-hero-services:hover {
  background: rgba(255,255,255,.24) !important;
  border-color: #fff !important;
}
/* Die Ablaufkarte schwebt mit Milchglaseffekt über dem Bild statt opak weiß zu sein. */
.site-main > .hero-block + .st-ablauf-overlap > .site-container,
.site-main > .hero-block:first-child + .st-ablauf-overlap > .site-container {
  background: rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,.57) !important;
  border-top: 4px solid rgba(147,53,12,.87) !important;
  box-shadow: 0 16px 40px rgba(33,25,20,.18) !important;
}
.site-main > .hero-block + .st-ablauf-overlap .pro-card,
.site-main > .hero-block + .st-ablauf-overlap .feature-card {
  background: transparent !important;
}
@media (max-width: 620px) {
  .site-main > .hero-block:first-child .hero-copy h1 {
    font-size: clamp(32px, 8vw, 43px) !important;
    font-weight: 300 !important;
  }
  .site-main > .hero-block:first-child .st-hero-actions .site-button {
    font-size: 13px !important;
    padding: 11px 13px !important;
    min-height: 46px !important;
  }
  .site-main > .hero-block + .st-ablauf-overlap > .site-container {
    background: rgba(255,255,255,.85) !important;
  }
}

/* v10.52 – Hero wieder fett; Ablaufkarte sichtbar transparent */
.site-main > .hero-block:first-child .hero-copy h1 {
  font-weight: 800 !important;
}
.site-main > .hero-block:first-child + .st-ablauf-overlap,
.site-main > .hero-block:first-child + .st-ablauf-overlap > .site-container {
  background-color: transparent;
}
.site-main > .hero-block:first-child + .st-ablauf-overlap > .site-container {
  background: rgba(255,255,255,.52) !important;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}
.site-main > .hero-block:first-child + .st-ablauf-overlap .pro-card,
.site-main > .hero-block:first-child + .st-ablauf-overlap .feature-card {
  background: transparent !important;
}
@media (max-width: 620px) {
  .site-main > .hero-block:first-child .hero-copy h1 {font-weight: 800 !important;}
  .site-main > .hero-block:first-child + .st-ablauf-overlap > .site-container {
    background: rgba(255,255,255,.66) !important;
  }
}

/* v10.53 – bildstarke Leistungen, ausschließlich auf der Startseite */
.site-main > .home-services-block .pro-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.site-main > .home-services-block .pro-card{grid-column:auto!important;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:0!important;min-height:0;border:1px solid rgba(74,50,34,.14);border-radius:17px;background:#fff;box-shadow:0 12px 34px rgba(41,32,26,.12);transition:transform .25s ease,box-shadow .25s ease}
.site-main > .home-services-block .pro-card:before{display:none!important}
.site-main > .home-services-block .st-service-visual{height:210px;position:relative;overflow:hidden;background:#c4b8ac}
.site-main > .home-services-block .st-service-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,21,20,.25),transparent 60%);pointer-events:none}
.site-main > .home-services-block .st-service-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.site-main > .home-services-block .pro-card:hover .st-service-visual img{transform:scale(1.035)}
.site-main > .home-services-block .st-service-index{position:absolute;left:17px;bottom:15px;z-index:1;color:#fff;font-size:14px;letter-spacing:.09em;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.site-main > .home-services-block .st-step-copy{padding:22px 23px 25px;flex:1;position:relative;display:flex;flex-direction:column}
.site-main > .home-services-block .st-step-copy:before{content:"";position:absolute;top:0;left:23px;width:46px;height:3px;background:#93350c}
.site-main > .home-services-block.stats-block .pro-card strong{font:750 clamp(21px,1.55vw,26px)/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.03em;color:#27221f!important}
.site-main > .home-services-block .pro-card p{margin-top:11px!important;color:#514944!important;font-size:15px!important;line-height:1.6!important;flex:1}
@media(min-width:781px){.site-main > .home-services-block .pro-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(41,32,26,.17)}}
@media(max-width:1100px){.site-main > .home-services-block .pro-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.site-main > .home-services-block .pro-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-main > .home-services-block .pro-card-grid{grid-template-columns:1fr;gap:17px}.site-main > .home-services-block .pro-card{min-height:0}.site-main > .home-services-block .st-service-visual{height:210px}.site-main > .home-services-block .st-step-copy{padding:20px 21px 24px}}
@media(prefers-reduced-motion:reduce){.site-main > .home-services-block .pro-card,.site-main > .home-services-block .st-service-visual img{transition:none!important}}

/* v10.55 – Fünf Leistungen in ruhigem Raster; Logo optisch größer ohne Header-Wachstum */
@media(min-width:1101px){
  .site-main > .home-services-block .pro-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.site-header .site-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.site-header .site-brand img{
  object-position:center!important;
  transform:scale(1.2);
  transform-origin:center center;
}
@media(max-width:900px){
  .site-header .site-brand img{transform:scale(1.12)}
}
@media(max-width:620px){
  .site-header .site-brand img{transform:scale(1.08)}
}

/* v10.56 – Logo exakt mittig zum Bildschirm, ohne die Headerhöhe zu erhöhen. */
.site-header .site-header-inner{
  position:relative!important;
}
.site-header .site-brand{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:clamp(180px,22vw,280px)!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  z-index:2;
}
.site-header .site-brand img{
  display:block!important;
  width:100%!important;
  height:100px!important;
  max-height:100px!important;
  max-width:none!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(1.43)!important;
  transform-origin:center!important;
}
@media(min-width:901px){
  .site-header .site-header-inner{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }
  .site-header .site-nav{
    max-width:calc(50% - 15px);
    margin-left:auto!important;
    justify-content:flex-end!important;
  }
  .site-header .site-nav a{
    padding-left:8px;
    padding-right:8px;
  }
}
@media(max-width:900px){
  .site-header .site-header-inner{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }
  .site-header .site-brand{
    width:clamp(180px,37vw,245px)!important;
  }
  .site-header .site-brand img{
    height:90px!important;
    max-height:90px!important;
    transform:scale(1.36)!important;
  }
  .site-header .site-nav-toggle{
    margin-left:auto!important;
    z-index:4!important;
  }
}
@media(max-width:620px){
  .site-header .site-brand{
    width:clamp(155px,42vw,205px)!important;
  }
  .site-header .site-brand img{
    height:78px!important;
    max-height:78px!important;
    transform:scale(1.38)!important;
  }
}

/* v10.57 – Headerlinie nur unter den Navigationslinks, frei vom zentralen Logo */
.site-header.st-header-overlay,.site-header.st-header-solid,.site-header.st-header-overlay.st-header-scrolled{border-bottom:0!important}
.site-header .site-nav{position:relative}
@media(min-width:901px){
  .site-header .site-nav:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:1px;background:rgba(255,255,255,.58);pointer-events:none}
  .site-header.st-header-scrolled .site-nav:after,.site-header.st-header-solid .site-nav:after{background:rgba(147,53,12,.52)}
  .site-header .site-brand{width:clamp(215px,25vw,340px)!important}
  .site-header .site-brand img{transform:scale(1.55)!important}
}
@media(max-width:900px){
  .site-header .site-nav:after{display:none!important}
  .site-header .site-brand{width:clamp(190px,41vw,270px)!important}
  .site-header .site-brand img{transform:scale(1.48)!important}
}
@media(max-width:620px){.site-header .site-brand{width:clamp(175px,46vw,230px)!important}}
/* öffentliche Einsatzgebietskarte */
.st-location-section{padding:76px 0;background:#e9dfd3;color:#28211d}
.st-location-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.st-location-head h2{font-size:clamp(32px,4vw,52px);color:#27211d;margin:8px 0 10px}
.st-location-head p{margin:0;line-height:1.6;color:#534840}
.st-service-area-map{height:440px;width:100%;border-radius:18px;overflow:hidden;background:#d6c9bc;box-shadow:0 12px 35px rgba(37,27,20,.12);isolation:isolate;z-index:0}
.st-map-note{font-size:12px;opacity:.75;margin:12px 0 0}
@media(max-width:700px){.st-location-section{padding:50px 0}.st-location-head{display:block}.st-location-head .site-button{margin-top:20px}.st-service-area-map{height:340px}}

/* v10.58: Karte nur bei Bedarf laden, ohne langsame Kacheln beim Seitenaufruf */
.st-service-area-map.st-map-placeholder{display:grid;place-items:center;background:#e8dfd5;min-height:340px;border:1px solid #d1c1b4}
.st-map-load-card{text-align:center;padding:32px 20px;max-width:440px;color:#30251f}
.st-map-load-card strong{display:block;font-size:clamp(20px,2vw,28px);font-weight:750}
.st-map-load-card p{margin:10px 0 22px;color:#51453d}
.st-map-load-card small{display:block;margin-top:14px;color:#67584e}
.st-map-load-symbol{display:block;font-size:42px;color:#93350c;line-height:1.4;margin-bottom:8px}
.st-map-load-card .site-button{cursor:pointer}

/* v10.59 – Google-Maps-Einbettung statt externer Leaflet-Bibliothek */
.st-service-area-map.st-google-map{display:grid;place-items:center;background:#e8dfd5;position:relative}
.st-service-area-map.st-google-map iframe{display:block;width:100%;height:100%;min-height:340px;border:0;position:absolute;inset:0}
.st-google-map .st-map-load-card{position:relative;z-index:1}
.st-map-note a{color:#93350c;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* v10.60: selbst gezeichnete, sofort verfügbare Einsatzgebietskarte ohne Drittanbieter */
.st-service-area-map.st-schematic-map{height:auto;min-height:0;aspect-ratio:2/1;display:block;position:relative;overflow:hidden;background:#f0f1e9;border:1px solid #ddded2;border-radius:18px;box-shadow:0 10px 30px rgba(37,27,20,.10)}
.st-schematic-map svg{display:block;width:100%;height:100%}
.st-area-main-ring{fill:none;stroke:#4a5039;stroke-width:2;stroke-dasharray:6 6}
.st-area-minor-ring{fill:none;stroke:#c9ccba;stroke-width:1.6;stroke-dasharray:3 6}
.st-area-town-dot{fill:#535b42}
.st-area-town-label{font:600 15px system-ui,-apple-system,"Segoe UI",Arial,sans-serif;fill:#282a26}
.st-area-center-halo{fill:#f6f2df;stroke:#34362e;stroke-width:1.8}
.st-area-center-dot{fill:#efca25;stroke:#25251f;stroke-width:1.6}
.st-area-radius-label{font:14px system-ui,-apple-system,"Segoe UI",Arial,sans-serif;fill:#69705b}
@media(max-width:720px){.st-service-area-map.st-schematic-map{aspect-ratio:1.45/1}.st-schematic-map svg{min-height:0}.st-area-town-label{font-size:18px}.st-area-radius-label{font-size:18px}}

/* v10.61 – Einsatzgebiet zweispaltig, Karte konsequent rechts */
.st-location-section .st-location-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center}
.st-location-section .st-location-copy{min-width:0}
.st-location-section .st-location-head{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0}
.st-location-section .st-location-head h2{font-size:clamp(32px,3.65vw,52px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 18px}
.st-location-section .st-location-head p{font-size:17px;line-height:1.8;max-width:520px}
.st-location-towns{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 12px}
.st-location-towns span{display:inline-flex;align-items:center;background:rgba(255,255,255,.84);border:1px solid rgba(88,80,60,.15);border-radius:50px;padding:8px 13px;font-size:13px;font-weight:650;color:#2e3029}
.st-location-section .st-location-head .site-button{margin-top:20px}
.st-location-map-column{min-width:0;width:100%;margin-left:auto}
.st-location-section .st-service-area-map.st-schematic-map{width:100%;aspect-ratio:1.2/1;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.st-location-section .st-schematic-map svg{width:100%;height:100%;overflow:visible}
.st-location-section .st-map-note{font-size:11px;text-align:center;margin-top:0}
@media(max-width:900px){.st-location-section .st-location-layout{grid-template-columns:1fr;gap:20px}.st-location-section .st-service-area-map.st-schematic-map{aspect-ratio:1.45/1;max-width:680px;margin-left:auto;margin-right:auto}}
@media(max-width:600px){.st-location-section .st-location-head h2{font-size:clamp(30px,8vw,42px)}.st-location-section .st-service-area-map.st-schematic-map{aspect-ratio:1.15/1}.st-location-towns span{font-size:12px;padding:6px 11px}}

/* v10.65: Ortsnamen außerhalb des Radius mit Linien zur Geoposition. */
.st-location-section .st-area-town-line{fill:none;stroke:#847b62;stroke-width:1.5;opacity:.7}
.st-location-section .st-area-town-label{font-size:18px;font-weight:700;paint-order:stroke;stroke:#f0f1e9;stroke-width:3px;stroke-linejoin:round}
@media(max-width:720px){.st-location-section .st-area-town-label{font-size:19px}.st-location-section .st-area-town-line{stroke-width:2}}

/* v10.66 – markante, nach unten gezogene Header-Spitze um das mittige Logo. */
.site-header.st-header-overlay,
.site-header.st-header-solid{isolation:isolate;overflow:visible!important}
/* Die Spitze ist rein dekorativ; Menü und Logo bleiben bedienbar. */
.site-header.st-header-overlay::after,
.site-header.st-header-solid::after{
  content:"";
  position:absolute;
  top:calc(100% - 1px);
  left:0;
  width:100%;
  height:clamp(44px,6vw,78px);
  z-index:0;
  pointer-events:none;
  background:#eee6dc;
  clip-path:polygon(0 0,100% 0,50% 100%);
  filter:drop-shadow(0 3px 1px rgba(147,53,12,.15));
}
.site-header .site-header-inner{z-index:2;position:relative!important}
.site-header .site-brand{z-index:3!important}
.site-header .site-nav,.site-header .site-nav-toggle{z-index:4}
/* Auf der Startseite bleibt die Navigation über dem Hero zunächst durchsichtig.
   Mit dem Scrollzustand erhält sie den durchgängigen hellen Hintergrund samt Spitze. */
.site-header.st-header-overlay:not(.st-header-scrolled)::after{display:none}
.site-header.st-header-scrolled::after,.site-header.st-header-solid::after{
  background:#eee6dc;
}
/* Auf kleinen Geräten bildet der helle Header mit der Spitze das Screenshot-Motiv. */
@media(max-width:900px){
  .site-header.st-header-overlay:not(.st-header-scrolled){background:#eee6dc!important;background-image:none!important}
  .site-header.st-header-overlay:not(.st-header-scrolled)::after{display:block}
  .site-header.st-header-overlay::after,.site-header.st-header-solid::after{height:clamp(42px,9vw,68px)}
  .site-header .site-brand{top:calc(50% + 8px)!important}
  .site-header .site-nav-toggle{position:relative!important;z-index:5!important}
}
@media(max-width:620px){
  .site-header.st-header-overlay::after,.site-header.st-header-solid::after{height:52px}
  .site-header .site-brand{top:calc(50% + 11px)!important}
}

/* v10.67 – dreieckige Header-Spitze ausschließlich für mobile Ansichten. */
@media (min-width:901px){
  .site-header.st-header-overlay::after,
  .site-header.st-header-solid::after,
  .site-header.st-header-scrolled::after{
    content:none!important;
    display:none!important;
  }
}

/* v10.70 – mobile Navigation und Spitze mit 75 % Deckkraft. */
@media (max-width:900px){
  .site-header.st-header-overlay:not(.st-header-scrolled){
    background:rgba(238,230,220,.75)!important;
    background-image:none!important;
    box-shadow:none!important;
    border-bottom:0!important;
  }
  .site-header.st-header-overlay:not(.st-header-scrolled)::after{
    display:block!important;
    background:rgba(238,230,220,.75)!important;
    filter:none!important;
  }
  .site-header.st-header-overlay.st-header-scrolled,
  .site-header.st-header-solid{
    background:#eee6dc!important;
  }
  .site-header.st-header-overlay.st-header-scrolled::after,
  .site-header.st-header-solid::after{
    background:#eee6dc!important;
  }
}

/* v10.73 – Desktop-Logo deutlich größer, ohne die Navigationshöhe zu verändern. */
@media (min-width:901px) {
  .site-header .site-brand { width:clamp(260px,28vw,400px)!important; }
  .site-header .site-brand img {
    height:110px!important;
    max-height:110px!important;
    transform:scale(1.36)!important;
    object-fit:contain!important;
  }
}

/* v10.74 – Leistungen ruhiger: Zahlen ausblenden, letzte Reihe zentrieren, Text im Blocksatz */
.site-main > .home-services-block .pro-card-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px}
.site-main > .home-services-block .pro-card{flex:0 1 calc((100% - 40px) / 3)!important;max-width:calc((100% - 40px) / 3);min-width:0}
.site-main > .home-services-block .st-service-index{display:none!important}
.site-main > .home-services-block .pro-card p{text-align:left;hyphens:none}

@media(max-width:860px){.site-main > .home-services-block .pro-card{flex-basis:calc(50% - 10px)!important;max-width:calc(50% - 10px);min-width:0}}
@media(max-width:600px){.site-main > .home-services-block .pro-card-grid{gap:17px}.site-main > .home-services-block .pro-card{flex-basis:100%!important;max-width:100%;min-width:0}}

/* v10.76 – Logo und Navigation korrigiert; Ablauf blickdicht. */
.site-header .site-header-inner{position:relative!important}
.site-header .site-brand{
 position:absolute!important;left:50%!important;top:50%!important;
 transform:translate(-50%,-50%)!important;margin:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
}
.site-header .site-brand img{
 margin:0 auto!important;object-position:center center!important;
 transform-origin:center center!important;
}
@media(min-width:901px){
 .site-header .site-brand{width:clamp(240px,25vw,360px)!important}
 .site-header .site-brand img{
   width:100%!important;height:100px!important;max-height:100px!important;
   transform:scale(1.20)!important;
 }
}
@media(max-width:900px){.site-header .site-brand{top:50%!important}}
.site-header.st-header-overlay.st-header-scrolled,
.site-header.st-header-solid{
 background:rgba(238,230,220,.75)!important;background-image:none!important;
}
@media(max-width:900px){
 .site-header.st-header-overlay.st-header-scrolled::after,
 .site-header.st-header-solid::after{background:rgba(238,230,220,.75)!important}
}
.site-main > .hero-block + .st-ablauf-overlap > .site-container,
.site-main > .hero-block:first-child + .st-ablauf-overlap > .site-container{
 background:#f7f2eb!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 border:1px solid #e0d3c5!important;border-top:4px solid #93350c!important;
}
.site-main > .hero-block + .st-ablauf-overlap .pro-card,
.site-main > .hero-block + .st-ablauf-overlap .feature-card,
.site-main > .hero-block:first-child + .st-ablauf-overlap .pro-card,
.site-main > .hero-block:first-child + .st-ablauf-overlap .feature-card{
 background:#f7f2eb!important;
}

/* v10.77 – feste Navigation: am Seitenanfang deckendes Punktmuster,
   beim Scrollen 75 % Deckkraft. Die Logo-Position bleibt unverändert. */
.site-header.st-header-overlay,
.site-header.st-header-solid{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}
.site-header.st-header-overlay:not(.st-header-scrolled),
.site-header.st-header-solid:not(.st-header-scrolled){
  background-color:#e9dfd3!important;
  background-image:radial-gradient(rgba(72,48,33,.085) .75px,transparent 1px),linear-gradient(115deg,#eee5d9,#dfd1c1 70%,#e9dfd2)!important;
  background-size:5px 5px,auto!important;
  box-shadow:none!important;
}
.site-header.st-header-overlay.st-header-scrolled,
.site-header.st-header-solid.st-header-scrolled{
  background:rgba(238,230,220,.75)!important;
  background-image:none!important;
  box-shadow:0 8px 24px rgba(40,31,24,.14)!important;
}
/* Dunkle Links auf hellem Hintergrund; mobile Drawer-Farben nicht verändern. */
@media(min-width:901px){
  .site-header.st-header-overlay:not(.st-header-scrolled) .site-nav a:not(.site-nav-cta){
    color:#302821!important;text-shadow:none!important;
  }
}
@media(max-width:900px){
  .site-header.st-header-overlay:not(.st-header-scrolled)::after,
  .site-header.st-header-solid:not(.st-header-scrolled)::after{
    background-color:#e9dfd3!important;
    background-image:radial-gradient(rgba(72,48,33,.085) .75px,transparent 1px),linear-gradient(115deg,#eee5d9,#dfd1c1 70%,#e9dfd2)!important;
    background-size:5px 5px,auto!important;
  }
  .site-header.st-header-overlay.st-header-scrolled::after,
  .site-header.st-header-solid.st-header-scrolled::after{
    background:rgba(238,230,220,.75)!important;
  }
}

/* v10.78 – Logo deutlich größer, finale Override-Regeln */
.site-header .site-brand{z-index:4!important}
.site-header .site-brand img{display:block!important;margin:0 auto!important}
@media(min-width:901px){
  .site-header .site-brand{width:clamp(300px,31vw,460px)!important;max-width:none!important}
  .site-header .site-brand img{width:100%!important;max-width:none!important;height:112px!important;max-height:112px!important;min-height:0!important;object-fit:contain!important;object-position:center center!important;transform:scale(1.34)!important}
}
@media(max-width:900px){
  .site-header .site-brand{width:clamp(210px,43vw,290px)!important;max-width:none!important}
  .site-header .site-brand img{width:100%!important;max-width:none!important;height:94px!important;max-height:94px!important;min-height:0!important;object-fit:contain!important;object-position:center center!important;transform:scale(1.18)!important}
}
@media(max-width:620px){
  .site-header .site-brand{width:clamp(190px,48vw,250px)!important}
  .site-header .site-brand img{height:86px!important;max-height:86px!important;transform:scale(1.14)!important}
}

/* v10.79 – Navbar wächst mit dem Logo, statt es über ihre Kante zu skalieren. */
@media(min-width:901px){
  .site-header.st-header-overlay .site-header-inner,
  .site-header.st-header-solid .site-header-inner{
    min-height:168px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
  .site-header.st-header-overlay{margin-bottom:-168px!important}
  .site-header .site-brand{
    width:clamp(310px,31vw,450px)!important;
    height:144px!important;
    max-width:none!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  .site-header .site-brand img{
    width:100%!important;
    height:144px!important;
    max-height:144px!important;
    max-width:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .site-main>.hero-block:first-child{padding-top:230px!important}
}
@media(min-width:621px) and (max-width:900px){
  .site-header.st-header-overlay .site-header-inner,
  .site-header.st-header-solid .site-header-inner{min-height:136px!important}
  .site-header .site-brand{height:112px!important;top:50%!important;transform:translate(-50%,-50%)!important}
  .site-header .site-brand img{height:112px!important;max-height:112px!important;transform:none!important}
}
@media(max-width:620px){
  .site-header.st-header-overlay .site-header-inner,
  .site-header.st-header-solid .site-header-inner{min-height:120px!important}
  .site-header .site-brand{height:100px!important;top:50%!important;transform:translate(-50%,-50%)!important}
  .site-header .site-brand img{height:100px!important;max-height:100px!important;transform:none!important}
}

/* v10.80 – responsive Logo-Wechsel: oben groß, beim Scrollen kompakt. */
.site-header .site-brand {overflow:visible!important;transition:width .28s ease,height .28s ease!important}
.site-header .site-brand img.st-logo-expanded,
.site-header .site-brand img.st-logo-compact{
 position:absolute!important;inset:0!important;width:100%!important;max-width:100%!important;
 height:100%!important;max-height:100%!important;min-height:0!important;
 object-fit:contain!important;object-position:center center!important;
 transform:none!important;padding:0!important;background:transparent!important;
 box-shadow:none!important;transition:opacity .22s ease!important;
}
.site-header .site-brand img.st-logo-expanded{opacity:1!important;visibility:visible}
.site-header .site-brand img.st-logo-compact{opacity:0!important;visibility:hidden}
.site-header.st-header-scrolled .site-brand img.st-logo-expanded{opacity:0!important;visibility:hidden}
.site-header.st-header-scrolled .site-brand img.st-logo-compact{opacity:1!important;visibility:visible}
.site-header .site-header-inner{transition:min-height .28s ease,padding .28s ease!important}
@media(min-width:901px){
 .site-header.st-header-scrolled .site-header-inner{min-height:88px!important;padding-top:5px!important;padding-bottom:5px!important}
 .site-header.st-header-scrolled .site-brand{width:clamp(180px,17vw,255px)!important;height:75px!important}
}
@media(min-width:621px) and (max-width:900px){
 .site-header.st-header-scrolled .site-header-inner{min-height:88px!important}
 .site-header.st-header-scrolled .site-brand{width:clamp(170px,28vw,230px)!important;height:76px!important}
}
@media(max-width:620px){
 .site-header.st-header-scrolled .site-header-inner{min-height:82px!important}
 .site-header.st-header-scrolled .site-brand{width:clamp(150px,41vw,205px)!important;height:72px!important}
}
@media(prefers-reduced-motion:reduce){
 .site-header .site-brand,.site-header .site-brand img,.site-header .site-header-inner{transition:none!important}
}

/* v10.81 – eigenständige Kontaktseite */
.st-contact-page{background:#f5f2ed;color:#221e1b}
.st-contact-hero{padding:90px 0 75px;background:radial-gradient(rgba(77,54,39,.08) .7px,transparent 1px),#eee6db;background-size:6px 6px,auto}
.st-contact-hero h1{font-size:clamp(38px,5vw,70px);line-height:1.07;letter-spacing:-.04em;max-width:850px;margin:15px 0 22px;color:#231e1b}
.st-contact-hero p{font-size:18px;line-height:1.7;max-width:760px;color:#514941}
.st-contact-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:44px}
.st-contact-quick>a,.st-contact-location{display:flex;align-items:center;gap:16px;padding:22px 20px;border:1px solid #e0d5c8;border-radius:15px;background:rgba(255,255,255,.92);text-decoration:none;min-width:0}
.st-contact-quick>a>span:first-child,.st-contact-location>span:first-child{color:#93350c;font-size:24px;flex:none}
.st-contact-quick a>span:nth-child(2),.st-contact-location>span:nth-child(2){min-width:0;flex:1}
.st-contact-quick small,.st-contact-details span{display:block;font-size:13px;color:#71665c;margin-bottom:5px}
.st-contact-quick strong{display:block;color:#241d19;font-size:16px;overflow-wrap:anywhere}
.st-contact-quick>a:hover{border-color:#93350c;box-shadow:0 10px 28px rgba(60,40,25,.08)}
.st-contact-content{padding:85px 0}
.st-contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.st-contact-columns h2,.st-contact-map-section h2{font-size:clamp(32px,3.6vw,50px);margin:10px 0 16px;color:#211d1a;letter-spacing:-.03em}
.st-contact-columns p,.st-contact-map-section p{font-size:17px;line-height:1.75;color:#554a40}
.st-contact-details{background:#fff;border:1px solid #e7dcd0;border-radius:18px;padding:28px;box-shadow:0 12px 35px rgba(50,35,20,.07)}
.st-contact-details h3{font-size:24px;margin:0 0 22px;color:#241e1a}
.st-contact-details>a,.st-contact-details>div{display:block;padding:16px 0;border-top:1px solid #ede5dc;text-decoration:none}
.st-contact-details strong{color:#241e1a;font-size:18px;overflow-wrap:anywhere}
.st-contact-details>a:hover strong{color:#93350c}
.st-contact-map-section{padding:65px 0 95px;background:#eae0d4}
.st-contact-map{margin-top:26px;min-height:400px;overflow:hidden;border-radius:18px;background:#eeeae2;border:1px solid #d4c5b6}
.st-contact-map iframe{width:100%;height:460px;border:0;display:block}
.st-contact-map-consent{min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center;padding:35px}
.st-contact-map-consent strong{font-size:30px;color:#231e1a}
.st-contact-map-consent p{margin:0;max-width:460px}
.st-contact-map-consent button{border:0;border-radius:10px;background:#93350c;color:#fff;font:700 16px system-ui;padding:14px 24px;cursor:pointer}
.st-contact-map-consent a{color:#93350c;text-decoration:underline}
@media(max-width:900px){.st-contact-quick{grid-template-columns:1fr}.st-contact-columns{grid-template-columns:1fr;gap:26px}.st-contact-hero{padding:54px 0}.st-contact-content{padding:56px 0}}

/* v10.82: Kontaktseite mit Baustellenfoto im Hero statt flachem Hintergrund. */
.st-contact-page .st-contact-hero{
 background-image:linear-gradient(90deg,rgba(19,17,15,.82) 0%,rgba(19,17,15,.65) 53%,rgba(19,17,15,.35) 100%),url("contact-hero-v10.132.webp")!important;
 background-size:cover!important;background-position:center 48%!important;background-repeat:no-repeat!important;
 padding:100px 0 85px;
}
.st-contact-page .st-contact-hero .site-kicker{color:#f4bb98!important}
.st-contact-page .st-contact-hero h1{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.15)}
.st-contact-page .st-contact-hero p{color:#f7f1eb!important}
@media(max-width:900px){.st-contact-page .st-contact-hero{padding:65px 0 55px;background-position:58% center!important}}

/* v10.83 – MacBook/Desktop: Hero-Bild und Seitenbreite sauber begrenzen. */
html,body{max-width:100%;overflow-x:clip}
.site-main,.site-main > .site-block,.site-main > .hero-block,.st-contact-page,.st-contact-hero{
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;
}
.site-main > .hero-block,.st-contact-page .st-contact-hero{
  left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;
  background-repeat:no-repeat!important;background-size:cover!important;
}
.st-contact-page .st-contact-hero{background-position:center center!important;overflow:hidden}
.st-contact-page .st-contact-hero > .site-container,
.site-main > .hero-block > .site-container{max-width:min(1180px,calc(100% - 32px));min-width:0}
.st-contact-page .st-contact-quick > *,
.st-contact-page .st-contact-columns > *{min-width:0}
@media(min-width:901px) and (max-width:1600px){
 .st-contact-page .st-contact-hero{background-position:center 50%!important}
 .st-contact-page .st-contact-hero{padding-top:clamp(68px,6vw,100px);padding-bottom:clamp(64px,5vw,85px)}
}
@media(max-width:900px){
 .st-contact-page .st-contact-hero{background-position:58% center!important}
}

/* v10.84 – Hero-Bild und dunkles Overlay auf exakt dieselbe Fläche begrenzen.
   Der Hero bleibt für die darüberliegende Ablaufkarte overflow:visible. */
.site-main > .hero-block:first-child.block-image-background::before{
  inset:0!important;
  clip-path:inset(0)!important;
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
  background-size:cover!important;
  background-position:center center!important;
}
.site-main > .hero-block:first-child::after{
  inset:0!important;
  pointer-events:none!important;
}
.site-main > .hero-block:first-child .hero-image{
  inset:0!important;
  overflow:hidden!important;
}
.site-main > .hero-block:first-child .hero-image img{
  transform:none!important;animation:none!important;
  width:100%!important;height:100%!important;object-fit:cover!important;
}

/* v10.85 – Startseiten-Logo ohne Schatten (auch beim Scrollen). */
.site-header.st-header-overlay .site-brand,
.site-header.st-header-overlay .site-brand img,
.site-header.st-header-overlay .site-brand .st-logo-expanded,
.site-header.st-header-overlay .site-brand .st-logo-scrolled {
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
}

/* v10.86 – dezentes WhatsApp-Symbol in Kontaktleiste, Kontaktseite und Footer */
.st-whatsapp-link{display:inline-flex;align-items:center;gap:8px}
.st-whatsapp-link .st-whatsapp-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
.st-contact-quick .st-whatsapp-link .st-whatsapp-icon{width:22px;height:22px;flex-basis:22px}
.st-contact-details .st-whatsapp-link>span:first-child{display:inline-flex;align-items:center;gap:8px}

/* v10.87 – einheitlicher Scroll-Zustand für alle öffentlichen Seiten. */
@media (min-width:901px){
  .site-header.st-header-scrolled .site-nav::after{
    background:#171717!important;
    opacity:1!important;
  }
}
.site-header.st-header-scrolled .site-nav a.site-nav-cta,
.site-header.st-header-scrolled .site-nav .site-nav-cta{
  background:#171717!important;
  border-color:#171717!important;
  color:#fff!important;
  text-shadow:none!important;
}
.site-header.st-header-scrolled .site-nav a.site-nav-cta:hover,
.site-header.st-header-scrolled .site-nav a.site-nav-cta:focus-visible{
  background:#303030!important;
  border-color:#303030!important;
  color:#fff!important;
}

/* v10.88 – konsistentes WhatsApp-Markensymbol und getrennte Nummer. */
.st-whatsapp-link{display:inline-flex!important;align-items:center!important;justify-content:flex-start;gap:10px!important;text-decoration:none}
.st-whatsapp-link .st-whatsapp-icon{
  display:block!important;width:20px!important;height:20px!important;
  min-width:20px!important;flex:0 0 20px!important;
  margin:0!important;padding:0!important;position:static!important;
  color:#239a65;vertical-align:middle!important;
}
.st-whatsapp-link .st-whatsapp-number{display:inline-block;white-space:nowrap;margin:0!important;line-height:1.35}
.st-topbar-contact .st-whatsapp-link .st-whatsapp-number{color:inherit!important;margin:0!important}
.footer-contact .st-whatsapp-link{align-self:flex-start}
.st-contact-quick .st-whatsapp-link .st-whatsapp-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
.st-contact-quick .st-whatsapp-link>span:first-child{display:inline-flex;align-items:center;justify-content:center;margin:0!important}
.st-contact-details .st-whatsapp-link .st-whatsapp-label{display:inline-flex;align-items:center;gap:9px;margin:0!important}
.st-contact-details .st-whatsapp-link .st-whatsapp-label>span{display:inline!important;margin:0!important}

/* v10.89 – weiße Navigationslinie auf allen Seiten, kein farbiger Headerbalken. */
.site-header,
.site-header.st-header-overlay,
.site-header.st-header-solid,
.site-header.st-header-scrolled,
.site-header.st-header-solid.st-header-scrolled,
.site-header.st-header-overlay.st-header-scrolled{
  border-bottom:0!important;
  border-top:0!important;
}
@media(min-width:901px){
  .site-header .site-nav::after,
  .site-header.st-header-solid .site-nav::after,
  .site-header.st-header-scrolled .site-nav::after,
  .site-header.st-header-solid.st-header-scrolled .site-nav::after{
    background:#fff!important;opacity:1!important;
  }
}

/* v10.90 – Header auf allen öffentlichen Seiten, CTA mit 75 % Farbdeckung. */
.site-header .site-nav a.site-nav-cta,
.site-header.st-header-solid .site-nav a.site-nav-cta,
.site-header.st-header-overlay .site-nav a.site-nav-cta{
  background:rgba(147,53,12,.75)!important;
  border-color:rgba(147,53,12,.75)!important;
  color:#fff!important;
  opacity:1!important;
}
.site-header.st-header-scrolled .site-nav a.site-nav-cta,
.site-header.st-header-solid.st-header-scrolled .site-nav a.site-nav-cta,
.site-header.st-header-overlay.st-header-scrolled .site-nav a.site-nav-cta{
  background:rgba(23,23,23,.75)!important;
  border-color:rgba(23,23,23,.75)!important;
  color:#fff!important;
  opacity:1!important;
}
.site-header .site-nav a.site-nav-cta:hover,
.site-header .site-nav a.site-nav-cta:focus-visible{
  background:rgba(147,53,12,.88)!important;
  border-color:rgba(147,53,12,.88)!important;
}
.site-header.st-header-scrolled .site-nav a.site-nav-cta:hover,
.site-header.st-header-scrolled .site-nav a.site-nav-cta:focus-visible{
  background:rgba(23,23,23,.88)!important;
  border-color:rgba(23,23,23,.88)!important;
}
/* WhatsApp-Symbol nicht mehr beschneiden – auch nicht im schmalen Kontaktstreifen. */
.st-whatsapp-link{display:inline-flex!important;align-items:center!important;gap:10px!important;overflow:visible!important}
.st-whatsapp-link .st-whatsapp-icon{
 display:block!important;width:22px!important;height:22px!important;
 min-width:22px!important;flex:0 0 22px!important;
 overflow:visible!important;vertical-align:middle!important;
 margin:0!important;padding:0!important;position:static!important;
 color:#239a65!important;
}
.st-whatsapp-link .st-whatsapp-number{white-space:nowrap;line-height:1.5!important}

/* v10.91 – Referenz-Hero ohne Kupferstreifen; eindeutige CTA-Zustände. */
.site-main > .page-hero,
.site-main > .page-hero.references-hero,
.site-main > .references-hero,
.references-hero {
  border-top:0!important;
  border-top-width:0!important;
  box-shadow:none!important;
}
/* Orange im Ausgangszustand vollständig deckend (alle öffentlichen Seiten). */
.site-header:not(.st-header-scrolled) .site-nav a.site-nav-cta,
.site-header.st-header-solid:not(.st-header-scrolled) .site-nav a.site-nav-cta,
.site-header.st-header-overlay:not(.st-header-scrolled) .site-nav a.site-nav-cta{
  background:#93350c!important;
  border-color:#93350c!important;
  color:#fff!important;
  opacity:1!important;
}
/* Beim Scrollen schwarz mit 60 Prozent Deckkraft. */
.site-header.st-header-scrolled .site-nav a.site-nav-cta,
.site-header.st-header-solid.st-header-scrolled .site-nav a.site-nav-cta,
.site-header.st-header-overlay.st-header-scrolled .site-nav a.site-nav-cta{
  background:rgba(23,23,23,.60)!important;
  border-color:rgba(23,23,23,.60)!important;
  color:#fff!important;
  opacity:1!important;
}
.site-header:not(.st-header-scrolled) .site-nav a.site-nav-cta:hover,
.site-header:not(.st-header-scrolled) .site-nav a.site-nav-cta:focus-visible{
  background:#a5441c!important;border-color:#a5441c!important;
}
.site-header.st-header-scrolled .site-nav a.site-nav-cta:hover,
.site-header.st-header-scrolled .site-nav a.site-nav-cta:focus-visible{
  background:rgba(23,23,23,.78)!important;border-color:rgba(23,23,23,.78)!important;
}

/* v10.92 – einheitliche Navbar: Logo links, Navigation Mitte, Direktkontakt rechts. */
.st-topbar{display:none!important}
.site-header.st-header-overlay,
.site-header.st-header-solid{position:sticky!important;top:0!important;margin-bottom:0!important;z-index:100!important}
.site-header .site-header-inner{width:min(1600px,calc(100% - 40px))!important;max-width:none!important}
.site-header .site-brand{
 position:relative!important;left:auto!important;top:auto!important;
 transform:none!important;justify-self:start!important;
 margin:0!important;z-index:3!important;
}
.site-header .st-header-contacts{
 display:flex;flex-direction:column;justify-content:center;align-items:flex-end;
 gap:8px;min-width:0;position:relative;z-index:4;
}
.site-header .st-header-contacts a{
 display:inline-flex;align-items:center;gap:8px;min-height:23px;
 text-decoration:none;font:600 13px/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 white-space:nowrap;color:#29241f!important;text-shadow:none!important;
}
.site-header .st-header-contacts a:hover{text-decoration:underline;text-underline-offset:3px}
.site-header .st-header-contacts svg{width:19px;height:19px;flex:0 0 19px;display:block;overflow:visible}
.site-header .st-header-contacts .st-whatsapp-icon{color:#208b5c!important}
.site-header .site-nav{min-width:0;justify-content:center!important;margin:0!important;max-width:none!important;width:auto!important;flex-wrap:wrap;gap:4px!important}
.site-header .site-nav a{white-space:nowrap}
.site-header.st-header-overlay .site-nav a:not(.site-nav-cta){color:#29241f!important;text-shadow:none!important}
.site-header.st-header-overlay .site-nav a:not(.site-nav-cta):hover{background:rgba(42,35,29,.08)!important}
.site-main>.hero-block:first-child{min-height:max(600px,calc(100svh - 120px));padding-top:clamp(85px,10vw,160px)!important}
@media(min-width:1181px){
 .site-header .site-header-inner,
 .site-header.st-header-overlay .site-header-inner,
 .site-header.st-header-solid .site-header-inner{
  display:grid!important;grid-template-columns:minmax(180px,275px) minmax(0,1fr) minmax(205px,255px)!important;
  align-items:center!important;gap:clamp(12px,1.5vw,24px)!important;
 }
 .site-header .site-brand{width:100%!important;max-width:270px!important;height:130px!important}
 .site-header .site-brand img.st-logo-expanded{width:100%!important;height:100%!important}
 .site-header.st-header-scrolled .site-brand{width:210px!important;height:72px!important}
 .site-header .site-nav-toggle{display:none!important}
 .site-header .site-nav{display:flex!important}
 .site-header .site-nav a{font-size:clamp(11px,.93vw,14px)!important;padding:9px 6px!important}
 .site-header.st-header-scrolled .site-header-inner{min-height:88px!important}
}
@media(min-width:901px) and (max-width:1180px){
 .site-header .site-header-inner{display:grid!important;grid-template-columns:190px minmax(0,1fr) 46px!important;gap:10px!important}
 .site-header .site-brand{width:190px!important;height:110px!important}
 .site-header.st-header-scrolled .site-brand{width:170px!important;height:70px!important}
 .site-header .site-nav{display:flex!important}
 .site-header .site-nav a{font-size:11px!important;padding:7px 4px!important}
 .site-header .st-header-contacts{align-items:center;gap:7px}
 .site-header .st-header-contacts a span{display:none}
 .site-header .st-header-contacts a{width:34px;height:34px;justify-content:center}
}
@media(max-width:900px){
 .site-header .site-header-inner{width:calc(100% - 24px)!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important}
 .site-header .site-brand{justify-self:start!important;top:auto!important;left:auto!important;transform:none!important}
 .site-header .site-nav-toggle{display:block!important;grid-column:2;grid-row:1}
 .site-header .site-nav{grid-column:1/-1!important;grid-row:2;max-width:none!important;width:100%!important}
 .site-header .st-header-contacts{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:0 8px 12px}
 .site-header .st-header-contacts a{font-size:12px}
 .site-header.st-header-overlay .site-nav a:not(.site-nav-cta){color:#29241f!important}
}
@media(max-width:600px){
 .site-header .st-header-contacts{gap:8px}
 .site-header .st-header-contacts a{font-size:11px}
 .site-header .st-header-contacts svg{width:16px;height:16px;flex-basis:16px}
}

/* v10.93 – Header bündig zum Seiteninhalt, rechts nur Kontakt-Icons. */
.site-header .site-header-inner,
.site-header.st-header-overlay .site-header-inner,
.site-header.st-header-solid .site-header-inner{
 width:min(1180px,calc(100% - 32px))!important;
 max-width:1180px!important;
 margin-left:auto!important;
 margin-right:auto!important;
}
.site-header .st-header-contacts{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-end!important;
 justify-self:end!important;
 gap:10px!important;
 padding:0!important;
}
.site-header .st-header-contacts a{
 display:inline-flex!important;
 width:42px!important;height:42px!important;min-height:42px!important;
 padding:0!important;margin:0!important;
 justify-content:center!important;align-items:center!important;
 border:1px solid rgba(47,38,31,.22)!important;
 border-radius:10px!important;
 background:rgba(255,255,255,.20)!important;
 line-height:1!important;
}
.site-header .st-header-contacts a:hover{background:rgba(255,255,255,.44)!important}
.site-header .st-header-contacts a svg{
 display:block!important;width:21px!important;height:21px!important;
 min-width:21px!important;flex:0 0 21px!important;
 overflow:visible!important;
}
@media(min-width:1181px){
 .site-header .site-header-inner,
 .site-header.st-header-overlay .site-header-inner,
 .site-header.st-header-solid .site-header-inner{
  grid-template-columns:minmax(180px,240px) minmax(0,1fr) 100px!important;
  column-gap:15px!important;
 }
}
@media(min-width:901px) and (max-width:1180px){
 .site-header .site-header-inner,
 .site-header.st-header-overlay .site-header-inner,
 .site-header.st-header-solid .site-header-inner{
  grid-template-columns:190px minmax(0,1fr) 100px!important;
 }
}
@media(max-width:900px){
 .site-header .site-header-inner,
 .site-header.st-header-overlay .site-header-inner,
 .site-header.st-header-solid .site-header-inner{
  width:calc(100% - 24px)!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
 }
 .site-header .site-brand{grid-column:1!important;grid-row:1!important}
 .site-header .st-header-contacts{
  grid-column:2!important;grid-row:1!important;
  padding:0!important;gap:5px!important;
 }
 .site-header .st-header-contacts a{width:36px!important;height:36px!important;min-height:36px!important}
 .site-header .st-header-contacts a svg{width:18px!important;height:18px!important;min-width:18px!important;flex-basis:18px!important}
 .site-header .site-nav-toggle{grid-column:3!important;grid-row:1!important}
 .site-header .site-nav{grid-column:1/-1!important;grid-row:2!important}
}

/* v10.94 – linke Logokante beim Schrumpfen unverändert halten.
   Die Breite des Logo-Containers bleibt konstant; nur die Grafik verkleinert sich. */
.site-header .site-brand,
.site-header.st-header-scrolled .site-brand{
  left:auto!important;right:auto!important;
  transform:none!important;justify-self:start!important;
  transform-origin:left center!important;
  margin-left:0!important;margin-right:0!important;
  transition:height .28s ease!important;
}
.site-header .site-brand img.st-logo-expanded,
.site-header .site-brand img.st-logo-compact{
  left:0!important;right:auto!important;
  object-position:left center!important;
  transform-origin:left center!important;
}
@media(min-width:1181px){
 .site-header .site-brand,
 .site-header.st-header-scrolled .site-brand{
   width:240px!important;max-width:240px!important;
 }
 .site-header.st-header-scrolled .site-brand img.st-logo-compact{
   width:210px!important;max-width:210px!important;
 }
}
@media(min-width:901px) and (max-width:1180px){
 .site-header .site-brand,
 .site-header.st-header-scrolled .site-brand{
   width:190px!important;max-width:190px!important;
 }
 .site-header.st-header-scrolled .site-brand img.st-logo-compact{
   width:170px!important;max-width:170px!important;
 }
}
@media(max-width:900px){
 .site-header .site-brand,
 .site-header.st-header-scrolled .site-brand{
   width:clamp(190px,48vw,250px)!important;
   max-width:clamp(190px,48vw,250px)!important;
 }
 .site-header.st-header-scrolled .site-brand img.st-logo-compact{
   width:clamp(150px,41vw,205px)!important;
   max-width:clamp(150px,41vw,205px)!important;
 }
}

/* v10.95 – Beide Logos in demselben zentrierten Slot, ohne seitlichen Sprung. */
.site-header .site-brand,
.site-header.st-header-scrolled .site-brand{
 position:relative!important;
 left:auto!important;right:auto!important;top:auto!important;
 transform:none!important;
 display:block!important;
 justify-self:start!important;
 align-self:center!important;
 margin:0!important;
 padding:0!important;
 transform-origin:center center!important;
 overflow:visible!important;
}
.site-header .site-brand img.st-logo-expanded,
.site-header .site-brand img.st-logo-compact,
.site-header.st-header-scrolled .site-brand img.st-logo-expanded,
.site-header.st-header-scrolled .site-brand img.st-logo-compact{
 position:absolute!important;
 inset:0!important;
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
 object-fit:contain!important;
 object-position:center center!important;
 transform:none!important;
 transform-origin:center center!important;
 background:none!important;
 box-shadow:none!important;
}
/* Gleiche Slotbreite in beiden Zuständen: nur Höhe und Bild wechseln. */
@media(min-width:1181px){
 .site-header .site-brand,.site-header.st-header-scrolled .site-brand{width:240px!important;max-width:240px!important}
 .site-header .site-brand{height:130px!important}
 .site-header.st-header-scrolled .site-brand{height:72px!important}
}
@media(min-width:901px) and (max-width:1180px){
 .site-header .site-brand,.site-header.st-header-scrolled .site-brand{width:190px!important;max-width:190px!important}
 .site-header .site-brand{height:110px!important}
 .site-header.st-header-scrolled .site-brand{height:70px!important}
}
@media(min-width:621px) and (max-width:900px){
 .site-header .site-brand,.site-header.st-header-scrolled .site-brand{width:clamp(190px,40vw,250px)!important;max-width:clamp(190px,40vw,250px)!important}
 .site-header .site-brand{height:112px!important}
 .site-header.st-header-scrolled .site-brand{height:76px!important}
}
@media(max-width:620px){
 .site-header .site-brand,.site-header.st-header-scrolled .site-brand{width:clamp(170px,45vw,230px)!important;max-width:clamp(170px,45vw,230px)!important}
 .site-header .site-brand{height:100px!important}
 .site-header.st-header-scrolled .site-brand{height:72px!important}
}

/* v10.96 – mobile Navbar flach wie Desktop, Hamburger ohne Beschriftung. */
@media(max-width:900px){
  .site-header.st-header-overlay::after,
  .site-header.st-header-solid::after,
  .site-header.st-header-scrolled::after{
    content:none!important;display:none!important;height:0!important;
    clip-path:none!important;filter:none!important;
  }
  .site-header.st-header-overlay,
  .site-header.st-header-solid{
    border-bottom:0!important;
  }
  .site-header .site-nav-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    gap:0!important;width:48px!important;min-width:48px!important;
    height:48px!important;min-height:48px!important;
    padding:0!important;line-height:1!important;cursor:pointer;
  }
  .site-header .site-nav-toggle .hb-menu-lines{
    display:block!important;margin:0!important;flex:0 0 23px!important;
  }
}

/* v10.97 – symmetrischer Hamburger, identische Kachelgröße wie Kontakt-Icons. */
@media(max-width:900px){
  .site-header .site-nav-toggle{
    box-sizing:border-box!important;
    width:36px!important;min-width:36px!important;max-width:36px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    margin:0!important;padding:0!important;border-radius:9px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .site-header .st-header-contacts a{
    box-sizing:border-box!important;
    width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;
    border-radius:9px!important;
  }
  .site-header .site-nav-toggle .hb-menu-lines{
    box-sizing:border-box!important;display:block!important;
    width:20px!important;height:16px!important;flex:0 0 20px!important;
    position:relative!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    background:linear-gradient(to bottom,
      currentColor 0px,currentColor 2px,transparent 2px,transparent 7px,
      currentColor 7px,currentColor 9px,transparent 9px,transparent 14px,
      currentColor 14px,currentColor 16px)!important;
  }
  .site-header .site-nav-toggle .hb-menu-lines::before,
  .site-header .site-nav-toggle .hb-menu-lines::after{content:none!important;display:none!important}
}
/* Das Icon ist vollständig grün gefüllt, mit weißer Kontur und gut lesbarem Hörer. */
.st-whatsapp-icon{overflow:visible!important;stroke:none!important;fill:none!important;}
.site-header .st-header-contacts .st-whatsapp-icon{color:inherit!important}

/* v10.98 – drei mobile Aktionsfelder im gleichen Raster, einheitlicher Abstand. */
@media (max-width:900px){
 .site-header .site-header-inner,
 .site-header.st-header-overlay .site-header-inner,
 .site-header.st-header-solid .site-header-inner,
 .site-header.st-header-scrolled .site-header-inner{
   display:grid!important;
   grid-template-columns:minmax(0,1fr) repeat(3,36px)!important;
   column-gap:10px!important;row-gap:0!important;
   align-items:center!important;
 }
 .site-header .site-brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
 .site-header .st-header-contacts{display:contents!important}
 .site-header .st-header-contacts .st-header-whatsapp{
   grid-column:2!important;grid-row:1!important;
 }
 .site-header .st-header-contacts .st-header-email{
   grid-column:3!important;grid-row:1!important;
 }
 .site-header .site-nav-toggle{
   grid-column:4!important;grid-row:1!important;
   justify-self:stretch!important;align-self:center!important;
 }
 .site-header .st-header-contacts a,
 .site-header .site-nav-toggle{
   box-sizing:border-box!important;
   width:36px!important;height:36px!important;
   min-width:36px!important;max-width:36px!important;
   min-height:36px!important;max-height:36px!important;
   margin:0!important;padding:0!important;
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   border-radius:9px!important;
 }
 .site-header .st-header-contacts .st-header-whatsapp,
 .site-header .st-header-contacts .st-header-whatsapp:hover,
 .site-header .st-header-contacts .st-header-whatsapp:focus-visible{
   background:#25d366!important;
   border:1px solid #21b458!important;
 }
 .site-header .st-header-contacts .st-header-whatsapp .st-whatsapp-icon{
   display:block!important;width:24px!important;height:24px!important;
   min-width:24px!important;flex:0 0 24px!important;
   overflow:visible!important;
 }
 .site-header .site-nav{grid-column:1/-1!important;grid-row:2!important}
}

/* v10.99 – gleicher grüner WhatsApp-Button in der Desktop-Navigation. */
@media (min-width:901px){
 .site-header .st-header-contacts .st-header-whatsapp,
 .site-header .st-header-contacts .st-header-whatsapp:hover,
 .site-header .st-header-contacts .st-header-whatsapp:focus-visible{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:36px!important;height:36px!important;
  min-width:36px!important;min-height:36px!important;
  margin:0!important;padding:0!important;border-radius:9px!important;
  background:#25d366!important;border:1px solid #21b458!important;
  text-decoration:none!important;
 }
 .site-header .st-header-contacts .st-header-whatsapp .st-whatsapp-icon{
  display:block!important;width:24px!important;height:24px!important;
  min-width:24px!important;flex:0 0 24px!important;overflow:visible!important;
 }
}

/* v10.100 – Vertrauenskacheln direkt unter „So läuft Ihr Projekt“. */
.st-trust-highlights{padding:12px 0 50px;background:#f6f6f2;position:relative;z-index:1}
.st-trust-highlights .st-trust-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.st-trust-card{min-width:0;min-height:161px;padding:16px 15px;background:#fff;border:1px solid #e1e2d9;border-radius:13px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}
.st-trust-icon{width:42px;height:42px;border-radius:50%;background:#eef1e9;color:#46523f;display:flex;align-items:center;justify-content:center;flex:0 0 42px;margin-bottom:12px}
.st-trust-icon svg{height:21px;width:21px;display:block}
.st-trust-card strong{font-size:14px;line-height:1.3;letter-spacing:-.015em;color:#181818;font-weight:750}
.st-trust-card p{font-size:12px;line-height:1.42;color:#6d695f;margin:4px 0 0}
.site-main .st-ablauf-overlap .st-step-number{display:none!important}
@media(max-width:1150px){.st-trust-highlights .st-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.st-trust-highlights{padding:8px 0 30px}.st-trust-highlights .st-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-trust-card{min-height:148px;padding:13px 12px}.st-trust-card strong{font-size:13px}}
@media(max-width:360px){.st-trust-highlights .st-trust-grid{grid-template-columns:1fr}.st-trust-card{min-height:0}}

/* v10.101 – Leistungen in großzügigen, alternierenden Bild-Text-Abschnitten. */
.st-services-editorial{padding:65px 0 0!important}
.st-services-editorial>.site-container{margin-bottom:30px}
.st-service-editorial-row{padding:clamp(28px,5vw,68px) 0;background:#f9f8f4}
.st-service-editorial-row:nth-of-type(even){background:#f0efe9}
.st-service-editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(24px,5.5vw,90px);align-items:center}
.st-service-editorial-copy{max-width:560px}
.st-service-editorial-copy h3{font-size:clamp(26px,3.1vw,46px);line-height:1.16;margin:13px 0 19px;color:#24211f}
.st-service-editorial-copy p{font-size:clamp(15px,1.2vw,18px);line-height:1.75;text-align:left;hyphens:none;margin:0 0 26px}
.st-service-editorial-image{min-height:300px;aspect-ratio:1.62;overflow:hidden;border-radius:9px;background:#e5e1d8}
.st-service-editorial-image img{width:100%;height:100%;display:block;object-fit:cover}
.st-service-editorial-row.st-picture-left .st-service-editorial-copy{grid-column:2;grid-row:1}
.st-service-editorial-row.st-picture-left .st-service-editorial-image{grid-column:1;grid-row:1}
@media(max-width:760px){
 .st-services-editorial{padding-top:38px!important}
 .st-service-editorial-layout{grid-template-columns:1fr;gap:24px}
 .st-service-editorial-row{padding:32px 0}
 .st-service-editorial-row.st-picture-left .st-service-editorial-copy,
 .st-service-editorial-row.st-picture-left .st-service-editorial-image{grid-column:1;grid-row:auto}
 .st-service-editorial-image{min-height:220px;aspect-ratio:1.45}
 .st-service-editorial-copy p{text-align:left}
}

/* v10.102 – Vorteile als zusammenhängender Block auf dem bestehenden Seitenhintergrund. */
.st-trust-highlights{
  padding:14px 0 clamp(34px,5vw,70px)!important;
  background:transparent!important;
}
.st-trust-highlights .st-trust-panel{
  background:#f7f2eb;
  border:1px solid #e0d3c5;
  border-radius:17px;
  padding:clamp(15px,2.2vw,30px);
  box-shadow:0 12px 32px rgba(45,34,25,.065);
}
.st-trust-highlights .st-trust-grid{gap:12px!important}
.st-trust-highlights .st-trust-card{
  background:rgba(255,255,255,.68)!important;
  border-color:#e6dcd0!important;
  box-shadow:none!important;
}
.st-trust-highlights .st-trust-icon{
  background:rgba(147,53,12,.09)!important;
  color:#93350c!important;
}
.st-trust-highlights .st-trust-icon svg{stroke:#93350c!important}
@media(max-width:650px){
 .st-trust-highlights .st-trust-panel{padding:12px;border-radius:13px}
 .st-trust-highlights .st-trust-grid{gap:10px!important}
}

/* v10.103: Normaler Flattersatz für alle Leistungsbeschreibungen. */
.st-services-editorial .st-service-editorial-copy p, .home-services-block .pro-card p{text-align:left!important;text-justify:auto!important;hyphens:none!important;word-spacing:normal!important}
.st-services-editorial{padding-top:30px!important}

/* v10.107 – dunklen horizontalen Übergangsstreifen unter den Vorteilen entfernen.
   Kein eigener farbiger Zwischenraum zwischen Vorteilsblock und Leistungen. */
.site-main .st-trust-highlights{
  padding-bottom:0!important;
  margin-bottom:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.site-main .st-trust-highlights + .st-services-editorial{
  padding-top:0!important;
  margin-top:0!important;
  border-top:0!important;
  box-shadow:none!important;
}
.site-main .st-trust-highlights::after{content:none!important;display:none!important}


/* v10.108 – dezentes kariertes Raster statt Punktmuster, nur Navbar. */
.site-header.st-header-overlay:not(.st-header-scrolled),
.site-header.st-header-solid:not(.st-header-scrolled){
  background-color:#e9dfd3!important;
  background-image:
    linear-gradient(to right,rgba(79,59,43,.055) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(79,59,43,.055) 1px,transparent 1px),
    linear-gradient(115deg,#eee5d9,#dfd1c1 70%,#e9dfd2)!important;
  background-size:22px 22px,22px 22px,auto!important;
}
.site-header.st-header-overlay.st-header-scrolled,
.site-header.st-header-solid.st-header-scrolled{
  background-color:rgba(238,230,220,.75)!important;
  background-image:
    linear-gradient(to right,rgba(79,59,43,.04) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(79,59,43,.04) 1px,transparent 1px)!important;
  background-size:22px 22px!important;
}

/* v10.109 – feineres, dezentes 12px-Karoraster in Navigation und Footer. */
.site-header.st-header-overlay:not(.st-header-scrolled),
.site-header.st-header-solid:not(.st-header-scrolled),
.site-footer {
  background-image:
    linear-gradient(to right,rgba(79,59,43,.045) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(79,59,43,.045) 1px,transparent 1px),
    linear-gradient(115deg,#eee5d9,#dfd1c1 70%,#e9dfd2)!important;
  background-size:12px 12px,12px 12px,auto!important;
}
.site-header.st-header-overlay.st-header-scrolled,
.site-header.st-header-solid.st-header-scrolled {
  background-image:
    linear-gradient(to right,rgba(79,59,43,.035) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(79,59,43,.035) 1px,transparent 1px)!important;
  background-size:12px 12px!important;
}

/* v10.110 – feine Trennlinie unter den Desktop-Navigationspunkten in Kupferorange. */
@media (min-width:901px){
  .site-header .site-nav::after,
  .site-header.st-header-overlay .site-nav::after,
  .site-header.st-header-solid .site-nav::after,
  .site-header.st-header-scrolled .site-nav::after,
  .site-header.st-header-solid.st-header-scrolled .site-nav::after,
  .site-header.st-header-overlay.st-header-scrolled .site-nav::after{
    background:#93350c!important;
    opacity:1!important;
  }
}

/* v10.111 – Navigation ohne Zierlinie; Abstand nach dem Vorteilsblock. */
.site-header .site-nav::after,
.site-header.st-header-overlay .site-nav::after,
.site-header.st-header-solid .site-nav::after,
.site-header.st-header-scrolled .site-nav::after,
.site-header.st-header-overlay.st-header-scrolled .site-nav::after,
.site-header.st-header-solid.st-header-scrolled .site-nav::after {
  content:none!important;display:none!important;
  background:none!important;border:0!important;box-shadow:none!important;
}
/* Freifläche in derselben Hintergrundfarbe statt eines neuen Übergangsstreifens. */
.site-main .st-trust-highlights {
  padding-bottom:clamp(45px,5.5vw,85px)!important;
}
@media(max-width:650px){
  .site-main .st-trust-highlights{padding-bottom:38px!important;}
}

/* v10.112 – Desktop-Navigationspunkte etwas Richtung WhatsApp verschieben.
   Linkes Logo und rechte Kontakticons bleiben an Ort und Stelle. */
@media (min-width:1181px){
  .site-header .site-nav{position:relative!important;left:24px!important;}
}
@media (min-width:901px) and (max-width:1180px){
  .site-header .site-nav{position:relative!important;left:10px!important;}
}

/* v10.113 – Navigation direkt an die rechten Kontakt-Icons heranrücken.
   Rechtsbündig innerhalb der mittleren Grid-Spalte statt verschobener Position,
   dadurch keine Überlagerung der Kontakt-Buttons. */
@media (min-width:901px){
  .site-header .site-nav,
  .site-header.st-header-overlay .site-nav,
  .site-header.st-header-solid .site-nav,
  .site-header.st-header-scrolled .site-nav{
    position:relative!important;left:auto!important;right:auto!important;
    width:100%!important;max-width:100%!important;
    justify-content:flex-end!important;justify-self:stretch!important;
    margin:0!important;padding:0!important;gap:4px!important;
  }
}

/* v10.115 – dezenter Bildzoom im Bereich „Unser Leistungsspektrum“. */
.st-services-editorial .st-service-editorial-image{overflow:hidden;isolation:isolate}
.st-services-editorial .st-service-editorial-image img{
  transform:scale(1);transform-origin:center center;
  transition:transform .5s cubic-bezier(.2,.65,.25,1);
  will-change:transform;
}
@media(hover:hover) and (pointer:fine){
  .st-services-editorial .st-service-editorial-image:hover img{transform:scale(1.09)}
}
@media(prefers-reduced-motion:reduce){
  .st-services-editorial .st-service-editorial-image img{transition:none;will-change:auto}
}

/* v10.119 – Einheitlicher Abstand in der Desktop-Navigation.
   Ein Abstandswert für Nav-Links, Übergang zur WhatsApp-Taste und Kontakt-Icons. */
@media (min-width:901px){
  .site-header .site-header-inner,
  .site-header.st-header-overlay .site-header-inner,
  .site-header.st-header-solid .site-header-inner,
  .site-header.st-header-scrolled .site-header-inner{
    column-gap:12px!important;
  }
  .site-header .site-nav,
  .site-header.st-header-overlay .site-nav,
  .site-header.st-header-solid .site-nav,
  .site-header.st-header-scrolled .site-nav{
    display:flex!important;
    justify-content:flex-end!important;
    column-gap:12px!important;
    row-gap:8px!important;
    padding:0!important;
    margin:0!important;
  }
  .site-header .site-nav>a{margin:0!important;flex:0 0 auto}
  .site-header .st-header-contacts,
  .site-header.st-header-scrolled .st-header-contacts{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    padding:0!important;
    margin:0!important;
  }
}


/* v10.120 – gleiche visuelle Abstände in der Desktop-Navigation,
   WhatsApp-Kachel gleich groß wie E-Mail und neues Putzarbeiten-Bild. */
@media (min-width:901px){
  .site-header .site-header-inner,
  .site-header.st-header-overlay .site-header-inner,
  .site-header.st-header-solid .site-header-inner,
  .site-header.st-header-scrolled .site-header-inner{
    column-gap:14px!important;
  }
  .site-header .site-nav,
  .site-header.st-header-overlay .site-nav,
  .site-header.st-header-solid .site-nav,
  .site-header.st-header-scrolled .site-nav{
    width:auto!important;
    max-width:none!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    column-gap:14px!important;
    row-gap:14px!important;
    margin:0!important;
    padding:0!important;
  }
  .site-header .site-nav > a,
  .site-header.st-header-overlay .site-nav > a,
  .site-header.st-header-solid .site-nav > a,
  .site-header.st-header-scrolled .site-nav > a{
    margin:0!important;
    flex:0 0 auto!important;
  }
  .site-header .st-header-contacts,
  .site-header.st-header-overlay .st-header-contacts,
  .site-header.st-header-solid .st-header-contacts,
  .site-header.st-header-scrolled .st-header-contacts{
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
  }
  .site-header .st-header-contacts a,
  .site-header .st-header-contacts .st-header-whatsapp,
  .site-header .st-header-contacts .st-header-email,
  .site-header.st-header-scrolled .st-header-contacts a,
  .site-header.st-header-scrolled .st-header-contacts .st-header-whatsapp,
  .site-header.st-header-scrolled .st-header-contacts .st-header-email{
    box-sizing:border-box!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
  }
  .site-header .st-header-contacts .st-header-whatsapp,
  .site-header .st-header-contacts .st-header-whatsapp:hover,
  .site-header .st-header-contacts .st-header-whatsapp:focus-visible{
    background:#25d366!important;
    border:1px solid #21b458!important;
  }
  .site-header .st-header-contacts .st-header-whatsapp .st-whatsapp-icon,
  .site-header .st-header-contacts .st-header-email svg{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    flex:0 0 21px!important;
  }
}

/* v10.121 – Kontakt-Icons im Header: kein Schrumpfen beim Hover,
   vergrößerte Symbole in unveränderten, gleich großen Buttons. */
.site-header .st-header-contacts .st-header-whatsapp,
.site-header .st-header-contacts .st-header-whatsapp:hover,
.site-header .st-header-contacts .st-header-whatsapp:focus-visible,
.site-header .st-header-contacts .st-header-email,
.site-header .st-header-contacts .st-header-email:hover,
.site-header .st-header-contacts .st-header-email:focus-visible{
  transform:none!important;
  scale:1!important;
  flex-shrink:0!important;
  transition:background-color .2s ease,border-color .2s ease!important;
}
.site-header .st-header-contacts .st-header-whatsapp .st-whatsapp-icon,
.site-header .st-header-contacts .st-header-whatsapp:hover .st-whatsapp-icon,
.site-header .st-header-contacts .st-header-whatsapp:focus-visible .st-whatsapp-icon,
.site-header .st-header-contacts .st-header-email svg,
.site-header .st-header-contacts .st-header-email:hover svg,
.site-header .st-header-contacts .st-header-email:focus-visible svg{
  width:27px!important;height:27px!important;
  min-width:27px!important;max-width:27px!important;
  min-height:27px!important;max-height:27px!important;
  flex:0 0 27px!important;
  transform:none!important;scale:1!important;
  transition:none!important;
  display:block!important;
}
@media(max-width:900px){
 .site-header .st-header-contacts .st-header-whatsapp .st-whatsapp-icon,
 .site-header .st-header-contacts .st-header-email svg,
 .site-header .st-header-contacts .st-header-whatsapp:hover .st-whatsapp-icon,
 .site-header .st-header-contacts .st-header-email:hover svg{
   width:25px!important;height:25px!important;
   min-width:25px!important;max-width:25px!important;
   min-height:25px!important;max-height:25px!important;
   flex:0 0 25px!important;
 }
}

/* v10.123 – WhatsApp-Icon/Schaltfläche in allen Hover-Zuständen starr halten.
   Gleiche Geometrie in Normalzustand, Hover, Fokus und Scrolled-Header. */
.site-header .st-header-contacts .st-header-whatsapp:is(:link,:visited,:hover,:focus,:focus-visible,:active){
  box-sizing:border-box!important;
  width:42px!important;height:42px!important;
  min-width:42px!important;min-height:42px!important;
  max-width:42px!important;max-height:42px!important;
  flex:0 0 42px!important;
  padding:0!important;margin:0!important;
  border:1px solid #21b458!important;
  border-radius:10px!important;
  background-color:#25d366!important;
  transform:none!important;scale:1!important;
  transition:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.site-header .st-header-contacts .st-header-whatsapp:is(:link,:visited,:hover,:focus,:focus-visible,:active) > svg.st-whatsapp-icon{
  box-sizing:border-box!important;
  width:27px!important;height:27px!important;
  min-width:27px!important;max-width:27px!important;
  min-height:27px!important;max-height:27px!important;
  flex:0 0 27px!important;
  display:block!important;
  margin:0!important;padding:0!important;
  transform:none!important;scale:1!important;
  transform-origin:center center!important;
  transition:none!important;animation:none!important;
}
.site-header .st-header-contacts .st-header-whatsapp > svg.st-whatsapp-icon *{
  transform:none!important;scale:1!important;
  transition:none!important;animation:none!important;
}
@media(max-width:900px){
  .site-header .st-header-contacts .st-header-whatsapp:is(:link,:visited,:hover,:focus,:focus-visible,:active){
    width:36px!important;height:36px!important;
    min-width:36px!important;min-height:36px!important;
    max-width:36px!important;max-height:36px!important;
    flex:0 0 36px!important;
    border-radius:9px!important;
  }
  .site-header .st-header-contacts .st-header-whatsapp:is(:link,:visited,:hover,:focus,:focus-visible,:active) > svg.st-whatsapp-icon{
    width:25px!important;height:25px!important;
    min-width:25px!important;max-width:25px!important;
    min-height:25px!important;max-height:25px!important;
    flex:0 0 25px!important;
  }
}


/* v10.128 – neues großes Navbar-Logo und sichtbar größer in der großen Navigation. */
@media(min-width:1181px){
  .site-header .site-brand{
    width:320px!important;
    max-width:320px!important;
    height:160px!important;
  }
  .site-header.st-header-scrolled .site-brand{
    width:240px!important;
    max-width:240px!important;
    height:72px!important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .site-header .site-brand{
    width:260px!important;
    max-width:260px!important;
    height:138px!important;
  }
  .site-header.st-header-scrolled .site-brand{
    width:190px!important;
    max-width:190px!important;
    height:70px!important;
  }
}

/* v10.129 – gemeinsamer Mittelpunkt für großes und kleines Scroll-Logo.
   Der äußere Logo-Slot bleibt horizontal gleich breit; nur die Höhe ändert sich. */
@media(min-width:1181px){
 .site-header .site-brand,
 .site-header.st-header-scrolled .site-brand{
   width:320px!important;min-width:320px!important;max-width:320px!important;
   justify-self:start!important;margin-left:0!important;left:auto!important;transform:none!important;
 }
 .site-header:not(.st-header-scrolled) .site-brand{height:160px!important}
 .site-header.st-header-scrolled .site-brand{height:72px!important}
}
@media(min-width:901px) and (max-width:1180px){
 .site-header .site-brand,
 .site-header.st-header-scrolled .site-brand{
   width:260px!important;min-width:260px!important;max-width:260px!important;
   justify-self:start!important;margin-left:0!important;left:auto!important;transform:none!important;
 }
 .site-header:not(.st-header-scrolled) .site-brand{height:138px!important}
 .site-header.st-header-scrolled .site-brand{height:70px!important}
}
@media(min-width:901px){
 .site-header .site-brand img.st-logo-expanded,
 .site-header .site-brand img.st-logo-compact{
   position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
   max-width:100%!important;max-height:100%!important;
   object-fit:contain!important;object-position:50% 50%!important;
   transform:none!important;transform-origin:center center!important;
 }
}


/* v10.131 – Referenzen: Portraits und Originalformate vollständig darstellen. */
.references-page .reference-media{
  background:#e9e2da!important;
  overflow:hidden;
}
.references-page .before-after,
.references-page .reference-single{
  background:#e9e2da!important;
}
.references-page .before-after .ba-image,
.references-page .reference-single img{
  object-fit:contain!important;
  object-position:center center;
}
/* Bei zwei Bildern bleibt der Vorher/Nachher-Schieberegler funktionsfähig. */
.references-page .st-reference-originals{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-bottom:13px;
}
.references-page .st-reference-originals a{
  font-size:12px;
  font-weight:750;
  color:#93350c;
  text-decoration:underline;
  text-underline-offset:3px;
}
.references-page .st-reference-originals a:hover{color:#632607}
@media(max-width:680px){
  .references-page .reference-media{aspect-ratio:4/3!important}
}

/* v10.132 – gemeinsames Format für Vorher/Nachher-Fotos.
   Beide Ebenen decken exakt dieselbe Bühne ab; die Originale sind separat aufrufbar. */
.references-page .reference-media{aspect-ratio:16/10!important;overflow:hidden!important}
.references-page .before-after{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important}
.references-page .before-after .ba-before,
.references-page .before-after .ba-after{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;
 object-fit:cover!important;object-position:center center!important;
 transform:none!important;margin:0!important;padding:0!important;
}
.references-page .before-after .ba-after-wrap{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 overflow:hidden!important;clip-path:inset(0 calc(100% - var(--compare, 50%)) 0 0)!important;
}
@media(max-width:680px){.references-page .reference-media{aspect-ratio:4/3!important}}


/* v10.133 – Referenzen-Labels korrekt: links Vorher, rechts Nachher. */
.references-page .before-after .ba-label.before{left:14px!important;right:auto!important}
.references-page .before-after .ba-label.after{right:14px!important;left:auto!important}


/* v10.135 – Vorher links, Nachher rechts */
.references-page .before-after .ba-after-wrap{clip-path:inset(0 0 0 var(--compare, 50%))!important;}
.references-page .before-after .ba-label.before{left:14px!important;right:auto!important;}
.references-page .before-after .ba-label.after{right:14px!important;left:auto!important;}


/* v10.138 – Einsatzgebietskarte als schönere Radar-Grafik mit Ortsnamen direkt in der Karte. */
.st-location-section .st-location-layout{align-items:center!important}
.st-location-section .st-service-area-map.st-schematic-map{
  width:100%;aspect-ratio:1.28/1;border:0!important;border-radius:24px!important;
  background:transparent!important;box-shadow:none!important;overflow:hidden!important;
}
.st-location-section .st-schematic-map svg{width:100%;height:100%;overflow:hidden}
.st-location-section .st-area-panel{fill:url(#stAreaBg);stroke:rgba(147,53,12,.16);stroke-width:1.2}
.st-location-section .st-area-sweep{fill:rgba(147,53,12,.09)}
.st-location-section .st-area-ring{fill:none;stroke:rgba(147,53,12,.28);stroke-width:1.6;stroke-dasharray:4 8}
.st-location-section .st-area-axis{stroke:rgba(147,53,12,.14);stroke-width:1.1}
.st-location-section .st-area-town-dot-minor{fill:rgba(147,53,12,.22)}
.st-location-section .st-area-town-dot{fill:#93350c;stroke:#fff9f2;stroke-width:2}
.st-location-section .st-area-town-line{fill:none;stroke:rgba(147,53,12,.34);stroke-width:1.5}
.st-location-section .st-area-town-chip{fill:rgba(255,251,246,.96);stroke:rgba(147,53,12,.18);stroke-width:1}
.st-location-section .st-area-town-label{
  font:600 13px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  fill:#302821; letter-spacing:-.01em;
}
.st-location-section .st-area-center-halo{fill:#fff5ea;stroke:rgba(147,53,12,.3);stroke-width:2}
.st-location-section .st-area-center-dot{fill:#93350c;stroke:#ffffff;stroke-width:2}
.st-location-section .st-area-center-label{font:700 14px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;fill:#302821}
.st-location-section .st-area-radius-label{font:600 14px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;fill:#7b6555}
.st-location-towns{display:none!important}
@media(max-width:900px){
  .st-location-section .st-service-area-map.st-schematic-map{aspect-ratio:1.16/1;max-width:700px;margin-left:auto;margin-right:auto}
}
@media(max-width:680px){
  .st-location-section .st-service-area-map.st-schematic-map{aspect-ratio:1.02/1}
  .st-location-section .st-area-town-chip{rx:11}
  .st-location-section .st-area-town-label{font-size:12px}
  .st-location-section .st-area-center-label,.st-location-section .st-area-radius-label{font-size:13px}
}

/* v10.139 – die gesamte Einsatzgebiet-Radarkarte und die Schrift etwas größer. */
@media(min-width:901px){
 .st-location-section .st-location-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;gap:clamp(18px,3vw,44px)!important}
 .st-location-section .st-service-area-map.st-schematic-map{aspect-ratio:1.7/1!important}
}
.st-location-section .st-area-town-label{font-size:16px!important;font-weight:650!important}
.st-location-section .st-area-center-label{font-size:18px!important}
.st-location-section .st-area-radius-label{font-size:17px!important}
.st-location-section .st-area-town-dot{stroke-width:2.3!important}
@media(max-width:900px){
 .st-location-section .st-service-area-map.st-schematic-map{max-width:780px!important;aspect-ratio:1.6/1!important}
}
@media(max-width:680px){
 .st-location-section .st-service-area-map.st-schematic-map{aspect-ratio:1.36/1!important}
 .st-location-section .st-area-town-label{font-size:15px!important}
 .st-location-section .st-area-center-label{font-size:17px!important}
 .st-location-section .st-area-radius-label{font-size:16px!important}
}

/* v10.141: Barlow nur im Startseiten-Hero (Überschrift und Beschreibung). */
.site-main > .hero-block:first-child .hero-copy h1,
.site-main > .hero-block:first-child .hero-copy .hero-lead,
.site-main > .hero-block:first-child .hero-copy p {font-family:"Barlow",Arial,sans-serif!important;}

/* v10.142: Nur „Aus Fürstenwalde.“ fett; restliche Überschrift Barlow normal. */
.site-main > .hero-block:first-child .hero-copy h1{font-weight:400!important}
.site-main > .hero-block:first-child .hero-copy h1 .st-hero-title-bold{font-weight:800!important}


/* v10.143 – ruhige, klare Hero-Typografie passend zum Handwerksauftritt. */
.site-main > .hero-block:first-child .hero-copy h1 {
  font-family:"Manrope", "Segoe UI", Arial, sans-serif!important;
  font-size:clamp(38px,4.55vw,65px)!important;
  font-weight:500!important;
  letter-spacing:-.046em!important;
  line-height:1.14!important;
  max-width:880px!important;
  text-wrap:balance;
  margin-bottom:22px!important;
}
.site-main > .hero-block:first-child .hero-copy h1 .st-hero-title-bold {
  display:block;
  font-weight:800!important;
  letter-spacing:-.052em!important;
}
.site-main > .hero-block:first-child .hero-copy h1 .st-hero-title-rest {
  display:block;
  font-weight:500!important;
  font-size:.79em!important;
  letter-spacing:-.033em!important;
  margin-top:.17em;
  color:rgba(255,255,255,.96);
}
.site-main > .hero-block:first-child .hero-copy .hero-lead {
  font-family:"Manrope", "Segoe UI", Arial, sans-serif!important;
  font-size:clamp(16px,1.38vw,18px)!important;
  font-weight:400!important;
  line-height:1.8!important;
  letter-spacing:0!important;
  max-width:670px!important;
  text-wrap:pretty;
}
@media(max-width:620px){
  .site-main > .hero-block:first-child .hero-copy h1 {font-size:clamp(34px,8.3vw,46px)!important;line-height:1.15!important;margin-bottom:18px!important}
  .site-main > .hero-block:first-child .hero-copy h1 .st-hero-title-rest {font-size:.79em!important}
  .site-main > .hero-block:first-child .hero-copy .hero-lead {font-size:16px!important;line-height:1.72!important}
}