/* Bleifuss Performance Studio 3.0 – Gestaltungsebene über studio.css
   Schrift: Archivo (variabel, SIL Open Font License), lokal eingebunden. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-var-latin.woff2) format("woff2")}

/* ---------- Grundwerte ---------- */
:root{--bpr-bg:#0b0d0e;--bpr-panel:#12171a;--bpr-soft:#0f1416;--bpr-line:#252d30;--bpr-white:#f1f4f3;--bpr-muted:#a8b3b2;--bpr-accent:#22d3ee;--bpr-hover:#22d3ee;--bpr-header:#0b0d0ef2;--bpr-field:#0c1113;--bp3-accent-ink:#22d3ee;--bp3-on-accent:#03171c;--bp3-font:"Archivo",Arial,Helvetica,sans-serif;--bp3-r:6px}
html[data-bpr-theme=light]{--bpr-bg:#f4f6f3;--bpr-panel:#fff;--bpr-soft:#eaeeea;--bpr-line:#d2d9d5;--bpr-white:#121918;--bpr-muted:#4c5a56;--bpr-header:#f4f6f3f2;--bpr-field:#fff;--bp3-accent-ink:#0a7686}

body.bpr-site{font-family:var(--bp3-font);font-stretch:100%;font-size:17px;line-height:1.6;text-rendering:optimizeLegibility}
.bpr-site button,.bpr-site input,.bpr-site select,.bpr-site textarea{font-family:inherit}
.bpr-site ::selection{background:#22d3ee;color:#03171c}

/* ---------- Schrift ---------- */
.bpr-home h1,.bpr-home h2{font-family:var(--bp3-font);font-stretch:116%;font-weight:760;letter-spacing:-.022em;line-height:1.06;text-wrap:balance}
.bpr-home h2{font-size:clamp(32px,3.5vw,54px)}
.bpr-home h3{font-family:var(--bp3-font);font-stretch:108%;font-weight:700;letter-spacing:-.012em;line-height:1.2;font-size:clamp(21px,1.7vw,26px)}
.bpr-home p{font-size:17px;line-height:1.7}
.bpr-home .bpr-eyebrow{font-stretch:88%;font-size:12.5px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;color:var(--bp3-accent-ink);margin:0 0 20px}
.bpr-home .bpr-fine{font-size:13px}
.bpr-home p.bpr-lead{font-size:19px;line-height:1.6;margin-top:26px;color:var(--bpr-white)}

/* ---------- Knöpfe und Links ---------- */
.bpr-button{font:650 14.5px/1.3 var(--bp3-font);font-stretch:98%;letter-spacing:.01em;border-radius:4px;min-height:56px;padding:16px 22px;gap:22px;border-color:color-mix(in srgb,var(--bpr-white) 55%,transparent)}
.bpr-button span{transition:transform .2s}
.bpr-button:hover span{transform:translate(2px,-2px)}
.bpr-button.bp3-btn-accent{background:var(--bpr-accent);border-color:var(--bpr-accent);color:var(--bp3-on-accent)!important}
.bpr-button.bp3-btn-accent:hover{background:#67e3f5;border-color:#67e3f5;color:var(--bp3-on-accent)!important;box-shadow:0 0 0 4px #22d3ee2e,0 12px 34px #22d3ee33}
.bpr-button.bp3-btn-ghost{background:transparent;color:var(--bpr-white)!important}
.bpr-button.bp3-btn-ghost:hover{background:transparent;border-color:var(--bpr-accent);color:var(--bp3-accent-ink)!important;box-shadow:none}
.bpr-text-link{font-size:15px;font-weight:650;gap:12px;color:var(--bpr-white);border-bottom:1px solid var(--bpr-line);padding-bottom:6px;transition:color .2s,border-color .2s}
.bpr-text-link:hover{border-color:var(--bpr-accent);color:var(--bp3-accent-ink)}
.bp3-actions{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}

/* ---------- Kopf: oben groß, beim Scrollen kleiner und leicht durchscheinend ---------- */
.bpr-header{transition:background .25s,box-shadow .25s;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}
.bpr-nav-wrap{transition:height .25s}
.bpr-brand img{transition:width .25s,height .25s}
.bpr-brand>span{font-stretch:118%;font-weight:800;letter-spacing:.01em}
.bpr-brand small{font-stretch:100%;font-weight:600}
.bpr-nav>a,.bpr-sub-toggle{font-size:14.5px;font-weight:600}
.bpr-nav>a.bpr-nav-contact{border-radius:4px;border-color:color-mix(in srgb,var(--bpr-white) 40%,transparent)}
@media(min-width:1101px){
 .bpr-header.is-scrolled{background:color-mix(in srgb,var(--bpr-bg) 80%,transparent);box-shadow:0 14px 40px #0000004d}
 .bpr-header.is-scrolled .bpr-nav-wrap{height:70px}
 .bpr-header.is-scrolled .bpr-brand img{width:46px;height:46px}
}

/* ---------- Hero ---------- */
.bp3-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(600px,calc(100svh - 94px),880px);background:#0b0d0e;color:#f1f4f3;overflow:hidden}
.bp3-hero-img{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;object-fit:cover;object-position:68% center;z-index:-2}
.bp3-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070a0bf0 0%,#070a0bb8 34%,#070a0b33 62%,#070a0b00 82%),linear-gradient(0deg,#0b0d0e 0%,#0b0d0ecc 16%,#0b0d0e00 46%)}
.bp3-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:end;padding-block:120px 64px}
.bp3-hero h1{font-size:clamp(42px,5.4vw,86px);color:#fff;margin:0}
.bp3-hero .bpr-eyebrow{color:#dfe7e6;margin-bottom:26px}
.bp3-hero p.bp3-hero-copy{color:#dbe2e1;font-size:clamp(17px,1.35vw,20px);line-height:1.6;max-width:600px;margin:26px 0 34px}
.bp3-hero .bp3-btn-ghost{color:#f1f4f3!important;border-color:#ffffff73}
.bp3-hero .bp3-btn-ghost:hover{color:#22d3ee!important;border-color:#22d3ee}
.bp3-hero-index{display:grid;background:#0a0e10a6;border:1px solid #ffffff24;border-radius:var(--bp3-r);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px 0 6px}
.bp3-label{display:block;font-stretch:88%;font-size:11.5px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;color:#aeb9b8;padding:12px 20px 10px}
.bp3-hero-index a{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:12px 20px;border-top:1px solid #ffffff17;font-size:15px;font-weight:600;color:#f1f4f3;transition:background .2s,color .2s}
.bp3-hero-index a b{font-stretch:88%;font-size:12px;font-weight:650;color:#22d3ee;letter-spacing:.06em}
.bp3-hero-index a i{font-style:normal;color:#8d9a99;transition:transform .2s,color .2s}
.bp3-hero-index a:hover{background:#22d3ee17;color:#fff}
.bp3-hero-index a:hover i{transform:translateX(4px);color:#22d3ee}

/* ---------- Kurzüberblick ---------- */
.bp3-facts{border-bottom:1px solid var(--bpr-line);background:var(--bpr-bg)}
.bp3-facts dl{display:grid;grid-template-columns:repeat(4,1fr);margin-block:0}
.bp3-facts dl>div{padding:26px 28px 28px 0;border-left:1px solid var(--bpr-line);padding-left:28px}
.bp3-facts dl>div:first-child{border-left:0;padding-left:0}
.bp3-facts dt{font-stretch:88%;font-size:11.5px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;color:var(--bpr-muted)}
.bp3-facts dd{margin:8px 0 0;font-stretch:108%;font-size:18px;font-weight:650;line-height:1.3;color:var(--bpr-white)}

/* ---------- Leistungen ---------- */
.bp3-services{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,96px);padding-block:clamp(72px,8vw,120px)}
.bp3-sticky{position:sticky;top:128px}
.bp3-sticky>p:not(.bpr-eyebrow){margin:24px 0 0;max-width:520px}
.bp3-services-nav{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--bpr-line)}
.bp3-services-nav a{display:grid;grid-template-columns:44px 1fr;align-items:center;padding:14px 0;border-bottom:1px solid var(--bpr-line);font-size:16px;font-weight:600;color:var(--bpr-muted);transition:color .2s,padding .2s}
.bp3-services-nav b{font-stretch:88%;font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--bpr-muted);transition:color .2s}
.bp3-services-nav a:hover,.bp3-services-nav a.is-active{color:var(--bpr-white);padding-left:8px}
.bp3-services-nav a:hover b,.bp3-services-nav a.is-active b{color:var(--bp3-accent-ink)}
.bp3-service{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:36px;align-items:start;padding-block:40px;border-top:1px solid var(--bpr-line);scroll-margin-top:118px}
.bp3-service:first-child{border-top:0;padding-top:0}
.bp3-service:last-child{padding-bottom:0}
.bp3-service figure{position:relative;margin:0;border-radius:var(--bp3-r);overflow:hidden;background:var(--bpr-panel);aspect-ratio:4/3}
.bp3-service figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bp3-service:hover figure img{transform:scale(1.04)}
.bp3-service figcaption{position:absolute;left:12px;top:12px;font-stretch:88%;font-size:12px;font-weight:700;letter-spacing:.08em;color:#03171c;background:#22d3ee;border-radius:3px;padding:4px 8px;line-height:1.2}
.bp3-service-body .bpr-eyebrow{margin-bottom:12px}
.bp3-service-body p:not(.bpr-eyebrow){font-size:16px;line-height:1.7;margin:14px 0 22px}

/* ---------- Konfigurator ---------- */
.bp3-config{position:relative;isolation:isolate;overflow:hidden;background:var(--bpr-soft);border-block:1px solid var(--bpr-line)}
.bp3-config:before{content:"";position:absolute;z-index:-1;right:-12%;top:50%;width:min(900px,80vw);aspect-ratio:1;transform:translateY(-50%);background:radial-gradient(closest-side,#22d3ee1f,#22d3ee00 70%)}
.bp3-config-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,96px);align-items:center;padding-block:clamp(72px,8vw,112px)}
.bp3-config-copy>p:not(.bpr-eyebrow){margin:24px 0 0;max-width:620px}
.bp3-steps{list-style:none;counter-reset:bp3step;display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 36px;padding:0}
.bp3-steps li{counter-increment:bp3step;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border:1px solid var(--bpr-line);border-radius:4px;background:var(--bpr-panel);font-size:14.5px;font-weight:600;color:var(--bpr-white)}
.bp3-steps li:before{content:counter(bp3step);display:grid;place-items:center;width:22px;height:22px;border-radius:3px;background:color-mix(in srgb,var(--bpr-accent) 16%,transparent);color:var(--bp3-accent-ink);font-stretch:88%;font-size:12px;font-weight:700}
.bp3-gauge{position:relative;width:min(100%,440px);margin-inline:auto;aspect-ratio:1}
.bp3-gauge svg{display:block;width:100%;height:100%;overflow:visible}
.bp3-gauge-ticks{stroke:color-mix(in srgb,var(--bpr-white) 30%,transparent)}
.bp3-gauge-ticks-major{stroke:color-mix(in srgb,var(--bpr-white) 70%,transparent)}
.bp3-gauge-track{stroke:var(--bpr-line)}
.bp3-gauge-hub{fill:var(--bpr-bg);stroke:var(--bpr-line);stroke-width:1.5}
.bp3-needle{transform-box:view-box;transform-origin:200px 200px}
.bp3-gauge img{position:absolute;left:50%;top:50%;width:22%;height:auto;transform:translate(-50%,-50%)}
.bp3-gauge.bp3-anim .bp3-needle{transform:rotate(-170deg)}
.bp3-gauge.bp3-anim .bp3-arc{stroke-dasharray:40 1130.97}
.bp3-gauge.bp3-anim.is-in .bp3-needle{transform:none;transition:transform 1.7s cubic-bezier(.2,.8,.2,1)}
.bp3-gauge.bp3-anim.is-in .bp3-arc{stroke-dasharray:585 1130.97;transition:stroke-dasharray 1.7s cubic-bezier(.2,.8,.2,1)}

/* ---------- Sternenhimmel ---------- */
.bp3-stars{background:var(--bpr-bg)}
.bp3-stars-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,96px);align-items:center;padding-block:clamp(72px,8vw,120px)}
.bp3-stars-image{position:relative;border-radius:var(--bp3-r);overflow:hidden;aspect-ratio:16/11;background:var(--bpr-panel)}
.bp3-stars-image img{width:100%;height:100%;max-width:none!important;object-fit:cover}
.bp3-stars-image span{position:absolute;left:14px;bottom:14px;font-stretch:88%;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f1f4f3;background:#0a0e10b3;backdrop-filter:blur(8px);border:1px solid #ffffff26;border-radius:3px;padding:6px 10px}
.bp3-stars-copy>p:not(.bpr-eyebrow){margin:24px 0 0}
.bp3-specs{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:30px 0 34px;padding:0}
.bp3-specs li{padding:14px 0;border-top:1px solid var(--bpr-line);font-size:14.5px;color:var(--bpr-muted)}
.bp3-specs b{display:block;font-stretch:108%;font-size:18px;font-weight:700;color:var(--bpr-white);margin-bottom:2px}

/* ---------- Übernommene Abschnitte: lesbarer und ruhiger ---------- */
.bpr-film-section{border-top:1px solid var(--bpr-line)}
.bpr-approach{gap:clamp(48px,7vw,110px);padding-block:clamp(72px,8vw,120px)}
.bpr-principles article{gap:28px;padding:30px 0}
.bpr-principles article>span{font-stretch:88%;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--bp3-accent-ink);padding-top:5px}
.bpr-principles article h3{font-size:21px}
.bpr-principles article p{font-size:16px}
.bpr-process-section{padding-block:clamp(64px,7vw,100px)}
.bpr-process{gap:28px}
.bpr-process article{border:1px solid var(--bpr-line);border-radius:var(--bp3-r);background:var(--bpr-panel);padding:28px 28px 30px}
.bpr-process article>span{font-stretch:88%;font-size:12px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:var(--bp3-accent-ink)}
.bpr-process h3{font-size:22px;margin-top:18px}
.bpr-process p{font-size:16px;margin-top:12px}
.bpr-faq{padding-block:clamp(72px,8vw,112px)}
.bpr-faq summary{font-size:17px;padding-block:22px;transition:color .2s}
.bpr-faq summary:hover{color:var(--bp3-accent-ink)}
.bpr-faq summary:after{color:var(--bp3-accent-ink)}
.bpr-faq details p{font-size:16px}
.bpr-faq details p a{color:var(--bp3-accent-ink);text-decoration:underline;text-underline-offset:3px}

/* ---------- Kontakt ---------- */
.bpr-contact-section{padding-block:clamp(72px,8vw,112px);border-top:1px solid var(--bpr-line)}
.bpr-contact-grid{gap:clamp(48px,7vw,110px);align-items:start}
.bpr-contact-section h2{font-size:clamp(44px,5.4vw,80px)}
.bpr-contact-section h2+p{margin-top:24px}
.bpr-contact-section .bpr-contact-phone{font-stretch:110%;font-size:clamp(24px,2.2vw,30px);font-weight:700;letter-spacing:-.01em;margin:34px 0 8px}
.bpr-contact-mail{font-size:17px;font-weight:600}
.bp3-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bp3-contact-actions .bpr-button{min-height:50px;padding:13px 18px}
.bpr-contact-address{font-stretch:92%;font-size:13px;letter-spacing:.08em;margin-top:34px}
.bpr-contact-form-wrap{background:var(--bpr-panel);border:1px solid var(--bpr-line);border-radius:var(--bp3-r);padding:clamp(24px,3vw,40px)}
.bpr-contact-form-wrap h3{font-size:24px}
.bpr-contact-form-wrap>p{font-size:15px}
.bpr-contact-form-wrap input,.bpr-contact-form-wrap select,.bpr-contact-form-wrap textarea{font:16px/1.5 var(--bp3-font);min-height:52px;padding:13px 14px;border-radius:4px;transition:border-color .2s,box-shadow .2s}
.bpr-contact-form-wrap input:focus,.bpr-contact-form-wrap select:focus,.bpr-contact-form-wrap textarea:focus{outline:0;border-color:var(--bpr-accent);box-shadow:0 0 0 3px #22d3ee33}
.bpr-contact-form-wrap textarea{min-height:128px}
.bpr-contact-form-wrap .bpf-button{font:650 15px/1.4 var(--bp3-font);min-height:56px;border-radius:4px;background:var(--bpr-accent);border-color:var(--bpr-accent);color:var(--bp3-on-accent)!important}
.bpr-contact-form-wrap .bpf-button:hover{background:#67e3f5;border-color:#67e3f5;color:var(--bp3-on-accent)!important}
.bpr-contact-form-wrap .bpr-fine{margin:16px 0 0}

/* ---------- Fuß ---------- */
.bpr-footer{padding-top:64px}
.bpr-footer h2{font-stretch:88%;font-size:12px;letter-spacing:.2em;font-weight:650}
.bpr-footer-top>div>a:not(.bpr-brand){font-size:15px;margin-bottom:12px}
.bpr-footer p{font-size:15px;line-height:1.7}
.bpr-footer-bottom{font-size:13px}

/* ---------- Konfigurator-Seiten ---------- */
.bp3-modern-wrap{width:min(1440px,100%);margin-inline:auto;padding:28px 32px 72px}
.ikm.ikm-b-bleifuss{--accent:#22d3ee;--acc-rgb:34,211,238;--accent-soft:#8be4f2;--soft-rgb:139,228,242}
.ikp.ikp-b-bleifuss{--ikp-accent:#22d3ee;--acc-rgb:34,211,238;--soft-rgb:139,228,242}
.bp3-note{font-size:14.5px;color:var(--bpr-muted);max-width:260px;line-height:1.45}

/* ---------- Breiten ---------- */
@media(max-width:1100px){
 .bp3-hero-grid{grid-template-columns:1fr;padding-block:96px 48px}
 .bp3-hero-index{display:none}
 .bp3-facts dl{grid-template-columns:1fr 1fr}
 .bp3-facts dl>div{padding:20px 20px 22px 0}
 .bp3-facts dl>div:nth-child(odd){border-left:0;padding-left:0}
 .bp3-facts dl>div:nth-child(even){padding-left:20px}
 .bp3-facts dl>div:nth-child(n+3){border-top:1px solid var(--bpr-line)}
 .bp3-services{grid-template-columns:1fr;gap:44px}
 .bp3-sticky{position:static}
 .bp3-services-nav{display:none}
 .bp3-config-grid{grid-template-columns:1fr}
 .bp3-gauge{width:min(72%,340px);order:-1}
 .bp3-stars-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 body.bpr-site{font-size:16px}
 .bpr-container{width:calc(100% - 40px)}
 .bpr-home p{font-size:16px}
 .bp3-hero{min-height:560px}
 .bp3-hero h1{font-size:34px}
 .bp3-hero-img{object-position:72% center}
 .bp3-hero-shade{background:linear-gradient(0deg,#0b0d0e 0%,#0b0d0ef2 34%,#0b0d0e99 62%,#0b0d0e33 100%)}
 .bp3-hero-grid{padding-block:150px 36px}
 .bp3-actions .bpr-button{width:100%}
 .bp3-facts dd{font-size:16px}
 .bp3-service{grid-template-columns:1fr;gap:20px;padding-block:32px}
 .bp3-service figure{aspect-ratio:16/10}
 .bp3-steps li{font-size:14px;padding:8px 12px 8px 8px}
 .bp3-specs{gap:0 18px}
 .bp3-specs b{font-size:16px}
 .bpr-process article{padding:22px}
 .bpr-faq summary{font-size:16px}
 .bp3-contact-actions .bpr-button{flex:1 1 100%}
 .bp3-modern-wrap{padding:0 0 40px}
}
@media(prefers-reduced-motion:reduce){
 .bp3-service figure img,.bpr-button span,.bpr-nav-wrap,.bpr-brand img{transition:none}
}