/* Platzbereit – Design-Schicht 2026 (lädt nach site.css, gilt auf allen Seiten) */
:root{
  --pb-deep:#10302a;--pb-deep-2:#184237;--pb-body:#33433f;--pb-muted:#6a7672;
  --pb-mint:#c4ecb4;--pb-mint-2:#a9dd95;--pb-tint:#eef7e8;--pb-emerald:#17a673;
  --pb-line:#e4e9e5;--pb-soft:#f7f8f6;--pb-white:#fff;
  --pb-shadow:0 1px 2px rgba(16,48,42,.04),0 12px 32px -12px rgba(16,48,42,.14);
  --ink:#10302a;--text:#33433f;--accent:#10302a;--accent-hover:#184237;--paper:#fff;--ground:#f7f8f6;--surface:#eef7e8;--line:#e4e9e5;
  --tw-color-pb-paper:#fff;--tw-color-pb-ink:#10302a;--tw-color-pb-muted:#5d6966;--tw-color-pb-border:#e4e9e5;--tw-color-pb-focus:#17805b;--tw-color-pb-surface:#f7f8f6;--tw-color-pb-on-ink:#fff;
  --tw-radius-pb-control:.875rem;--tw-radius-pb-panel:1.5rem;
  --landing-paper:#fff;--landing-rule:#e4e9e5;--landing-ink:#10302a;
  --city-paper:#fff;--city-surface:#f7f8f6;--city-border:#e4e9e5;--city-ink:#10302a;--city-muted:#5d6966;
  --footer-stock:#10302a;--footer-paper:#eef7e8;--footer-ink:#10302a;
  --flow-peach:#eef7e8;--flow-indigo:#e3f3da;
}
body{background:#fff;color:var(--pb-deep)}
::selection{background:var(--pb-mint);color:var(--pb-deep)}
:focus-visible{outline:2px solid var(--pb-emerald);outline-offset:3px}

/* Kopfzeile */
.top{display:none}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.93);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.site-header.is-stuck{border-bottom-color:var(--pb-line)}
.site-header .brand-type{color:var(--pb-deep);font-weight:600;letter-spacing:-.045em;font-size:19px}
.site-header .brand-type small{color:var(--pb-muted);letter-spacing:.14em;text-transform:uppercase;font-size:9.5px;font-weight:500;margin-top:3px}
.site-header .site-brand img{border-radius:11px}
.site-header .nav a{color:var(--pb-deep);font-weight:500;letter-spacing:-.02em;font-size:15px}
.site-header .nav a:hover{color:var(--pb-emerald)}
.site-header .nav-flyout{border-radius:20px;border:1px solid var(--pb-line);box-shadow:var(--pb-shadow)}
.site-scroll-meter{display:none!important}

/* Schaltflächen */
.action,.site-header .header-inquiry{border-radius:999px;background:var(--pb-deep);color:#fff;font-weight:500;letter-spacing:-.02em;box-shadow:none}
.action:hover{background:var(--pb-deep-2)}
.site-header .header-inquiry{background:linear-gradient(180deg,#d2f1c4,#b4e3a0);color:var(--pb-deep);min-height:44px;padding:8px 10px 8px 20px;gap:12px;box-shadow:0 0 0 5px rgba(196,236,180,.35)}
.site-header .header-inquiry:hover{background:linear-gradient(180deg,#c4ecb4,#a3d98e)}
.site-header .header-inquiry .action-icon{background:rgba(16,48,42,.1);color:var(--pb-deep);width:28px;height:28px}
.action::before,.action::after{display:none!important}
.page-text-link{color:var(--pb-deep);text-decoration-color:var(--pb-mint-2);text-decoration-thickness:2px}
.page-text-link:hover{color:var(--pb-emerald)}

/* Typografie & Flächen auf Unterseiten */
h1,h2,h3{color:var(--pb-deep)}
main h1,main h2{font-weight:500;letter-spacing:-.05em}
main h3{font-weight:550;letter-spacing:-.03em}
.page-section{border-top-color:var(--pb-line)}
.whatsapp-float{border-radius:999px}

/* Fußzeile */
.footer .footer-heading{letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:500;color:var(--pb-mint)}
.footer-stock{background:linear-gradient(160deg,#184237,#10302a 60%)}
.footer-stock a{color:#fff}
.footer-stock a:hover{color:var(--pb-mint)}
.footer-stock .brand-type,.footer-stock .brand-type small{color:#fff}
.footer-wordmark{color:var(--pb-deep);font-weight:500;letter-spacing:-.06em}

/* Fußzeile: ruhiger Abschluss statt Kartonabriss */
.footer-backing{background:#0c2621!important}
.footer-backing>svg,.footer-carton-pin,.footer-carton-replay{display:none!important}
.footer-backing .footer-end{padding-top:clamp(40px,6vw,72px)}
.footer-backing,.footer-backing a,.footer-backing .footer-place,.footer-backing .footer-bottom{color:rgba(255,255,255,.78)}
.footer-backing a:hover{color:var(--pb-mint)}
.footer-backing .footer-place{letter-spacing:.3em;text-transform:uppercase;font-size:12px}
.footer-backing .footer-wordmark{color:var(--pb-mint);opacity:1!important;transform:none!important}
.footer-backing .footer-bottom{border-top-color:rgba(255,255,255,.14)}

/* ===== Runde 2: Kontaktleiste (Handy), Vertrauensleiste (Unterseiten) ===== */
.site-header .pb-call{display:none;align-items:center;gap:8px;min-height:44px;padding:6px 12px;font-size:15px;font-weight:500;letter-spacing:-.02em;color:var(--pb-deep);text-decoration:none;white-space:nowrap}
@media (min-width:1180px){.site-header .pb-call{display:inline-flex}}
.pb-trust{background:var(--pb-deep);color:#fff}
.pb-trust ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;width:min(1200px,calc(100% - 40px));margin:0 auto;padding:14px 0;list-style:none}
.pb-trust li{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500;letter-spacing:-.015em}
.pb-trust li::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:var(--pb-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.6 10.4l2.9 2.9 5.9-6.3' fill='none' stroke='%2310302a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.pb-trust a{color:var(--pb-mint);text-decoration:underline;text-underline-offset:3px}
.pb-bar{display:none}
@media (max-width:760px){
  .pb-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--pb-line);box-shadow:0 -10px 30px -18px rgba(16,48,42,.35)}
  .pb-bar a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:999px;border:1px solid #cfd8d2;background:#fff;color:var(--pb-deep);font-size:15px;font-weight:500;letter-spacing:-.02em;text-decoration:none}
  .pb-bar a.pb-bar__main{border:0;color:#fff;background:linear-gradient(160deg,#1b463a,#10302a)}
  .pb-bar a.pb-bar__wa{border-color:#bfe6cd;background:#eaf8ef}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .whatsapp-float{display:none!important}
  .explainer-dock{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .pb-trust ul{justify-content:flex-start;gap:6px 18px;padding:12px 0}
  .pb-trust li{font-size:13.5px}
}

/* ===== Runde 3: Unterseiten im neuen Design ===== */
.h-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:26px 0 0;padding:0;list-style:none}
.h-checks li{display:inline-flex;align-items:center;gap:9px;font-size:15.5px;font-weight:500;letter-spacing:-.02em;color:var(--pb-deep)}
.h-checks li::before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:var(--pb-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.6 10.4l2.9 2.9 5.9-6.3' fill='none' stroke='%2310302a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.h-checks--left{justify-content:flex-start;flex-direction:column;gap:9px;margin:18px 0 6px}
.h-checks--left li{font-size:15px}

.page-main{color:var(--pb-body)}
.page-main h1,.page-main h2{color:var(--pb-deep)}
.breadcrumb,.breadcrumb a{color:var(--pb-muted)}

/* Kopfbereiche */
.landing-hero{border-block:0!important}
.landing-copy{background:var(--pb-soft)!important;border:1px solid var(--pb-line);border-radius:28px!important}
.landing-hero h1{font-weight:500;letter-spacing:-.055em}
.landing-intro{color:var(--pb-body)!important}
.landing-image{border-radius:28px!important;overflow:hidden;background:var(--pb-deep)!important}
.landing-image-crop{border-radius:0!important;background:#e9ece9!important}
.landing-choices a{border-color:var(--pb-line)!important}
.landing-choices a:hover{color:var(--pb-emerald)}
.page-hero{padding-block:clamp(36px,6vw,84px) clamp(28px,4vw,56px)}
.page-hero h1{font-size:clamp(36px,5.6vw,68px);line-height:1.02;font-weight:500;letter-spacing:-.055em}
.page-lead{color:var(--pb-body)!important;font-size:clamp(17px,1.5vw,19px)}

/* Schaltflächen */
.page-main .action,.footer .action{border:0!important;border-radius:999px!important;background:radial-gradient(120% 160% at 50% 110%,#3f7a5c 0%,#184237 42%,#10302a 78%)!important;color:#fff!important;font-weight:500;letter-spacing:-.02em;box-shadow:0 10px 24px -12px rgba(16,48,42,.55);padding-left:24px}
.page-main .action:hover,.footer .action:hover{transform:translateY(-1px)}
.page-main .action .action-icon,.footer .action .action-icon{background:var(--pb-mint)!important;color:var(--pb-deep)!important}
.page-main .action .action-icon svg{color:var(--pb-deep)}
.estimate-invite .action,.footer .action{background:linear-gradient(180deg,#d2f1c4,#b4e3a0)!important;color:var(--pb-deep)!important;box-shadow:0 0 0 6px rgba(196,236,180,.22)}
.estimate-invite .action .action-icon,.footer .action .action-icon{background:rgba(16,48,42,.12)!important}
.page-main button:not(.action):not([class*="explainer"]):not([class*="result"]){border-radius:14px}

/* Abschnitte */
.page-section{padding-block:clamp(48px,7vw,104px)!important;border-top:1px solid var(--pb-line)}
.page-section h2,.quote h2,.work h2,.section h2{font-weight:500;letter-spacing:-.05em;line-height:1.05}
.page-section h3{font-weight:500;letter-spacing:-.035em}
.trust-strip{background:var(--pb-soft)!important;border-block:1px solid var(--pb-line)}
.trust-fact{border-radius:24px!important}
.quote{background:var(--pb-soft)!important}
.estimate-invite__wrap{border-radius:32px!important;background:radial-gradient(90% 140% at 100% 0%,#1d4a3d 0%,transparent 60%),linear-gradient(160deg,#1b463a,#10302a 70%)!important}
.estimate-invite__wrap h2,.estimate-invite__wrap p,.estimate-invite__wrap a:not(.action){color:#fff!important}
.estimate-invite__wrap p{color:rgba(255,255,255,.78)!important}

/* Karten und Listen */
.city-directory li,.service-spectrum__link,.result-figure,.page-items>li,.guide-list>li,.price-example,.inquiry-estimate,.form,.landing-questions,.inquiry-delivery{border-radius:24px!important}
.city-directory li,.service-spectrum__link{background:#fff!important;border-color:var(--pb-line)!important;transition:border-color .25s,box-shadow .25s,transform .25s}
.city-directory li:hover,.service-spectrum__link:hover{border-color:#cfe6c2!important;box-shadow:var(--pb-shadow);transform:translateY(-2px)}
.service-spectrum__visual{border-radius:18px!important;background:#fff!important;border:1px solid var(--pb-line)}
.service-spectrum__image{object-fit:contain!important;padding:8px}
.page-main details{border-color:var(--pb-line)!important}
.page-main summary{font-weight:500;letter-spacing:-.02em}

/* Formular und Rechner */
.page-main input:not([type=range]):not([type=checkbox]):not([type=radio]),.page-main select,.page-main textarea{border:1px solid #cfd8d2!important;border-radius:14px!important;background:#fff!important;color:var(--pb-deep)!important;min-height:50px}
.page-main input:focus,.page-main select:focus,.page-main textarea:focus{outline:2px solid var(--pb-emerald);outline-offset:2px;border-color:var(--pb-emerald)!important}
.inquiry-choices button{border-radius:16px!important;background:#fff!important;border-color:var(--pb-line)!important;color:var(--pb-deep)!important;transition:border-color .2s,background-color .2s,transform .2s}
.inquiry-choices button:hover,.inquiry-choices button[aria-pressed=true]{border-color:var(--pb-mint-2)!important;background:var(--pb-tint)!important;transform:translateY(-1px)}
.explainer-frame{border-radius:28px!important;background:var(--pb-deep)!important}
.explainer-play,.explainer-dock{background:var(--pb-deep)!important;border-radius:999px!important}
.result-figure{background:var(--pb-soft)!important;border-color:var(--pb-line)!important}
.result-tag{border-radius:999px!important}

.pb-trust li{color:#fff!important}
.footer .action,.footer .action *{color:var(--pb-deep)!important}
.quote .form,form.form,.inquiry-guide{background:#fff!important}

/* Lenis (weiches Scrollen) */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pb-emerald)!important;outline-offset:3px!important}
.site-brand{display:inline-flex!important;align-items:center;min-height:44px}

.footer .footer-cta,.footer .footer-cta *{color:var(--pb-deep)!important}
.footer .footer-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:10px 26px;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#d2f1c4,#b4e3a0)!important;font-weight:500;letter-spacing:-.02em;text-decoration:none;box-shadow:0 0 0 6px rgba(196,236,180,.2)}
.footer .footer-next-price{color:#fff!important}

.footer .footer-cities{grid-column:1/-1;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 24px;margin-top:8px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.footer .footer-cities .footer-heading{width:100%;margin:0 0 6px}
.footer .footer-cities a{display:inline-flex;align-items:center;min-height:40px}
.footer .footer-cities a{color:#fff}
.footer .footer-cities a:hover{color:var(--pb-mint)}