
/*
Theme Name: BestandsZwilling
Author: BestandsZwilling
Version: 1.0
Description: Elementor-freundliches Theme für BestandsZwilling.de
*/
:root{
  --ink:#15191c; --ink2:#232a2e; --paper:#f5f2ec; --white:#fff;
  --bronze:#b68b56; --muted:#687177; --line:#ded9d0; --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.bz-shell{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.04em}
.mark{width:34px;height:34px;border:1px solid var(--bronze);border-radius:9px;position:relative}
.mark:before{content:"";position:absolute;inset:8px;border:1px solid var(--bronze);transform:rotate(45deg);border-radius:4px}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;align-items:center}
.nav a{font-size:14px;font-weight:650}
.header-cta,.bz-btn{display:inline-block;background:var(--ink);color:#fff!important;padding:12px 19px;border-radius:999px;font-weight:760}
.header-cta:hover,.bz-btn:hover{background:#8c673e}
.bz-btn-outline{background:transparent;color:var(--ink)!important;border:1px solid rgba(21,25,28,.25)}
.site-footer{background:var(--ink);color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding:66px 24px 42px}
.footer-muted{color:#b8bec1}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 24px 28px;color:#aab1b4;font-size:13px}

.bz-section{padding:88px 24px}
.bz-wrap{max-width:var(--max);margin-left:auto!important;margin-right:auto!important;width:100%}
.bz-soft{background:var(--paper)}
.bz-dark{background:var(--ink);color:#fff}
.bz-dark .elementor-heading-title{color:#fff}
.bz-kicker{color:var(--bronze)!important;font-size:13px!important;font-weight:800!important;letter-spacing:.14em;text-transform:uppercase}
.bz-display .elementor-heading-title{font-size:clamp(42px,6vw,76px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
.bz-h2 .elementor-heading-title{font-size:clamp(31px,4vw,50px)!important;line-height:1.08!important;letter-spacing:-.03em!important}
.bz-lead{font-size:20px;color:#d9dfe1;max-width:760px}
.bz-muted{color:var(--muted)}
.bz-center{text-align:center}
.bz-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bz-grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bz-card{background:#fff;border:1px solid rgba(21,25,28,.09);border-radius:var(--radius);padding:30px;box-shadow:0 10px 32px rgba(20,25,28,.05);height:100%}
.bz-card-dark{background:var(--ink2);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:30px;height:100%}
.bz-hero{min-height:680px;display:flex;align-items:center;padding:92px 24px;background:
linear-gradient(90deg,rgba(21,25,28,.96),rgba(21,25,28,.76) 55%,rgba(21,25,28,.32)),
url('assets/hero-placeholder.svg') center/cover no-repeat;color:#fff}
.bz-hero .elementor-heading-title{color:#fff}
.bz-demo{background:#0f1214;border-radius:26px;padding:20px;box-shadow:0 22px 60px rgba(0,0,0,.16)}
.bz-demo-frame{aspect-ratio:16/9;border-radius:18px;background:
radial-gradient(circle at 65% 35%,rgba(182,139,86,.28),transparent 25%),
linear-gradient(135deg,#2b3338,#111518);display:grid;place-items:center;color:#fff;text-align:center;padding:28px;border:1px solid rgba(255,255,255,.10)}
.bz-demo-frame strong{display:block;font-size:25px;margin-bottom:6px}
.bz-chip{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(182,139,86,.15);color:var(--bronze);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bz-list{padding-left:18px}
.bz-list li{margin:7px 0}
.bz-stat{font-size:42px;font-weight:850;line-height:1}
.bz-cta-box{border-radius:26px;padding:46px;background:linear-gradient(135deg,#22292d,#111518);color:#fff}
.bz-cta-box .elementor-heading-title{color:#fff}
.bz-small{font-size:13px}
.bz-gap{height:8px}
@media(max-width:900px){
  .nav{display:none}.header-cta{display:none}
  .bz-grid-2,.bz-grid-3,.footer-grid{grid-template-columns:1fr!important}
  .bz-section{padding:68px 20px}.bz-hero{min-height:610px;padding:78px 20px}
}
