/* Zusätzliche Stile für die vier aus Bildvorlagen umgesetzten Webseiten. */
.card-modern,.card-trusted,.card-structured,.card-dark { isolation:isolate; }
.card-modern::before,.card-trusted::before,.card-structured::before,.card-dark::before { content:""; position:absolute; z-index:-1; inset:0; background-position:center; background-size:cover; }
.card-modern > span,.card-trusted > span,.card-structured > span,.card-dark > span { position:relative; z-index:1; }
.reference-label { margin-top:42px; font:700 10px "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
.card-modern { color:#fff; background:#111; }
.card-modern::before { background-image:linear-gradient(90deg,rgba(5,5,5,.95),rgba(5,5,5,.3)),url("assets/hero-modern.png"); }
.card-modern .mini-heading,.card-dark .mini-heading,.card-trusted .mini-heading,.card-structured .mini-heading { font-family:"Manrope",sans-serif; font-weight:800; }
.card-modern .mini-button { color:#151515; background:#ff651c; }
.card-trusted { color:#19331b; background:#eff7eb; }
.card-trusted::before { background-image:linear-gradient(90deg,rgba(246,251,242,.96),rgba(246,251,242,.28)),url("assets/hero-vertrauen.png"); }
.card-trusted .mini-button { color:#fff; background:#41833b; }
.card-structured { color:#152517; background:#f9f8f2; }
.card-structured::before { background-image:linear-gradient(90deg,rgba(253,252,246,.97),rgba(253,252,246,.26)),url("assets/hero-strukturiert.png"); }
.card-structured .mini-button { color:#fff; background:#2f7942; }
.card-dark { color:#f7f4eb; background:#111; }
.card-dark::before { background-image:linear-gradient(90deg,rgba(8,9,10,.96),rgba(8,9,10,.22)),url("assets/hero-premium-dunkel.png"); }
.card-dark .mini-button { color:#161719; background:#caa047; }

.site-reference { --heading:"Manrope",Arial,sans-serif; }
.site-reference .site-header { background:rgba(255,255,255,.94); backdrop-filter:blur(10px); }
.site-reference .hero { min-height:690px; }
.site-reference .hero h1,.site-reference .site-section h2,.site-reference .service-card h3,.site-reference .calc-topline h3 { font-family:"Manrope",Arial,sans-serif; font-weight:800; letter-spacing:-.075em; }
.site-reference .hero-art { height:470px; border-radius:3px; background-position:center; background-size:cover; box-shadow:0 26px 55px rgba(12,18,14,.18); }
.site-reference .moving-van,.site-reference .hero-label { display:none; }
.site-reference .service-grid { gap:16px; border:0; }
.site-reference .service-card { min-height:230px; border:1px solid var(--outline); }
.site-reference .service-icon { border-radius:9px; }
.site-reference .quote-art { background:var(--accent); }

.site-modern { --ink:#f4f2ec; --muted:#d6d2c9; --paper:#141516; --surface:#1c1e1f; --accent:#ff681d; --accentInk:#171717; --outline:rgba(255,255,255,.18); }
.site-modern .site-header { color:#fff; background:rgba(15,15,15,.9); }
.site-modern .brand img { filter:brightness(0) invert(1); }
.site-modern .hero { background:#111; }
.site-modern .hero h1 strong { color:#ff681d; }
.site-modern .hero-art { background-image:url("assets/hero-modern.png"); }
.site-modern .trustbar { color:#d4d0c8; background:#18191a; }
.site-modern .trustbar strong { color:#ff681d; }
.site-modern .service-card:hover { background:#252729; }
.site-modern .calculator { background:#18191a; }
.site-modern .price-preview { color:#171717; background:#ff681d; }
.site-modern .price-preview .button-primary { color:#fff; background:#27292b; }
.site-modern .contact-band { color:#fff; background:#0d0e0f; }
.site-modern .contact-band .button-primary { color:#171717; background:#ff681d; }

.site-trusted { --ink:#1f2a20; --muted:#5e6b5c; --paper:#fffefa; --surface:#edf4e9; --accent:#4a8d3f; --accentInk:#fff; --outline:rgba(38,70,38,.16); }
.site-trusted .hero { background:linear-gradient(90deg,#fffefa 0 58%,#f3f8ef 58%); }
.site-trusted .hero h1 strong { color:#4a8d3f; }
.site-trusted .hero-art { background-image:url("assets/hero-vertrauen.png"); }
.site-trusted .trustbar { color:#fff; background:#4a8d3f; }
.site-trusted .trustbar strong { color:#fff; }
.site-trusted .service-card { border-radius:8px; background:#fff; }
.site-trusted .service-icon { border-radius:50%; }
.site-trusted .quote-art { background:#4a8d3f; }
.site-trusted .contact-band { background:#356d31; }

.site-structured { --ink:#18271b; --muted:#5c675c; --paper:#fffefa; --surface:#f2f5ef; --accent:#347a43; --accentInk:#fff; --outline:rgba(24,39,27,.15); }
.site-structured .site-header { height:94px; }
.site-structured .hero { background:#fffefa; }
.site-structured .hero h1 strong { color:#347a43; }
.site-structured .hero-art { background-image:url("assets/hero-strukturiert.png"); }
.site-structured .trustbar { background:#f0f6ee; }
.site-structured .trustbar strong { color:#347a43; }
.site-structured .service-card { border-radius:11px; background:#fff; box-shadow:0 10px 25px rgba(20,35,22,.05); }
.site-structured .quote-art { background:#347a43; }
.site-structured .contact-band { background:#263a28; }

.site-dark { --ink:#f3f0e8; --muted:#c6c1b5; --paper:#121416; --surface:#1b1e20; --accent:#cba148; --accentInk:#161719; --outline:rgba(243,240,232,.18); }
.site-dark .site-header { color:#f3f0e8; background:rgba(16,18,19,.94); }
.site-dark .brand img { filter:brightness(0) invert(1); }
.site-dark .hero { background:#101112; }
.site-dark .hero h1 strong { color:#cba148; }
.site-dark .hero-art { background-image:url("assets/hero-premium-dunkel.png"); }
.site-dark .button-secondary { color:#f3f0e8; }
.site-dark .trustbar { color:#ded8ca; background:#17191a; }
.site-dark .trustbar strong { color:#cba148; }
.site-dark .service-card:hover { background:#242728; }
.site-dark .calculator { background:#17191a; }
.site-dark .price-preview { color:#171719; background:#cba148; }
.site-dark .price-preview .button-primary { color:#f3f0e8; background:#2a2d2e; }
.site-dark .quote-art { background:#cba148; }
.site-dark .quote-initial { color:#171719; }
.site-dark .contact-band { color:#f3f0e8; background:#0c0d0e; }
.site-dark .contact-band .button-primary { color:#171719; background:#cba148; }

@media(max-width:820px) {
  .site-reference .hero-art { height:315px; }
  .site-reference .site-header { background:var(--paper); }
  .site-modern .site-header,.site-dark .site-header { background:#101112; }
  .reference-label { margin-top:28px; }
}