/*
Theme Name: DieBodenDocs Pro
Theme URI: https://diebodendocs.de
Author: DieBodenDocs
Description: Schlankes, responsives WordPress-Theme für Fußbodenheizung Frästechnik mit skalierbaren Standortseiten.
Version: 4.0.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: diebodendocs
License: GPL-2.0-or-later
*/
:root{--blue:#087ba8;--dark:#102d40;--ink:#172a37;--muted:#576b78;--pale:#eef7fa;--white:#fff;--line:#dbe5e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:var(--blue)}img{max-width:100%;height:auto}.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{background:white;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand{font-size:1.45rem;font-weight:850;color:var(--dark);text-decoration:none}.brand span{color:var(--blue)}.custom-logo{max-height:66px;width:auto}.nav-menu{display:flex;gap:22px;list-style:none;margin:0;padding:0}.nav-menu a{text-decoration:none;color:var(--ink);font-weight:650}.nav-menu a:hover{color:var(--blue)}.button,.wp-block-button__link{display:inline-block;border:0;border-radius:8px;padding:13px 22px;background:var(--blue);color:#fff;text-decoration:none;font-weight:750}.button:hover{background:#065e80;color:#fff}.button-outline{background:transparent;border:2px solid var(--blue);color:var(--blue)}.hero{background:linear-gradient(120deg,#0e2e42,#086b92);color:#fff;padding:100px 0}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.1;max-width:880px;margin:0 0 22px}.hero p{font-size:1.2rem;max-width:710px;color:#e6f4fa}.hero .button{background:white;color:#075d80}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800;color:#68d0ed}.section{padding:75px 0}.section-alt{background:var(--pale)}h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.25;color:var(--dark)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 6px 24px #1234 0}.card h3{margin-top:0;color:var(--dark)}.card a{font-weight:700}.intro{max-width:800px}.page-hero{background:var(--pale);padding:62px 0}.page-hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.2;color:var(--dark);margin:0}.content{max-width:860px;padding-top:55px;padding-bottom:70px}.content h2,.content h3{margin-top:1.6em}.cta{background:var(--dark);color:white;padding:60px 0}.cta h2{color:white}.site-footer{background:#0a2231;color:#d8e8ee;padding:48px 0}.site-footer a{color:#d8e8ee}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid ul{list-style:none;padding:0}.footer-grid li{margin:7px 0}.small{font-size:.88rem;color:var(--muted)}.site-footer .small{color:#a8c0cc}.post-list{display:grid;gap:20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:white;padding:10px;z-index:10}.menu-toggle{display:none}.form-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:24px}input,textarea,select{max-width:100%}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #9db0ba;border-radius:6px;padding:12px;font:inherit}label{font-weight:650}textarea{min-height:130px}form p{margin-bottom:14px}.notice{background:#fff6e2;padding:14px;border-left:4px solid #e5a12e}
@media(max-width:800px){.header-inner{flex-wrap:wrap;min-height:72px;padding-top:12px;padding-bottom:12px}.menu-toggle{display:block;border:1px solid var(--line);background:white;border-radius:6px;padding:9px 12px}.site-nav{display:none;width:100%}.site-nav.open{display:block}.nav-menu{flex-direction:column;padding:10px 0 16px;gap:12px}.grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero{padding:68px 0}.section{padding:52px 0}}

/* DieBodenDocs V2 brand identity */
:root{--blue:#d60012;--dark:#171717;--ink:#202020;--muted:#666;--pale:#f8f8f8;--line:#e6e6e6}
.brand{display:inline-flex;align-items:center;flex-shrink:0}
.default-logo{display:block;width:76px;height:76px;object-fit:contain}
.custom-logo{max-height:76px}
.site-header{border-bottom:1px solid #ececec}
.hero{background:linear-gradient(115deg,#141414 0%,#282828 66%,#8d0710 100%)}
.hero .button{background:#fff;color:#ba0011}
.eyebrow{color:#df2534}
.hero .eyebrow{color:#ff9aa2}
.button:hover{background:#a90010}
.button-outline{color:#c00012}
.card{box-shadow:0 8px 25px rgba(0,0,0,.04)}
.site-footer{background:#141414}
.cta{background:#242424}
@media(max-width:800px){.default-logo{width:60px;height:60px}.header-inner>.button{padding:10px 12px;font-size:.84rem}}

/* V3: Betonoptik, anthrazit und sparsame rote Akzente */
:root{--blue:#c81924;--dark:#292d30;--ink:#292d30;--muted:#62686b;--pale:#e9e9e6;--white:#fff;--line:#cfd0cc}
body{background:#f4f4f1;color:var(--ink)}
.site-header{background:#f6f6f3;border-bottom:3px solid #c81924}
.nav-menu a{color:#303436}.nav-menu a:hover{color:#c81924}
.hero{background-color:#55595a;background-image:linear-gradient(115deg,rgba(29,32,34,.92),rgba(54,57,58,.78)),repeating-linear-gradient(18deg,transparent 0 5px,rgba(255,255,255,.035) 6px 7px),repeating-linear-gradient(103deg,#8a8d8b 0 3px,#929593 4px 8px,#848886 9px 14px);color:#fff;border-bottom:5px solid #c81924}
.hero .eyebrow{color:#ff8790}.hero .button{background:#c81924;color:#fff}.hero .button:hover{background:#a00e18}
.section{background:#f4f4f1}.section-alt,.page-hero{background-color:#d9dad7;background-image:repeating-linear-gradient(16deg,transparent 0 5px,rgba(255,255,255,.15) 6px 7px),repeating-linear-gradient(107deg,#d8d9d6 0 8px,#d2d4d1 9px 14px)}
.card,.form-box{background:#fbfbf9;border:1px solid #cfd0cc;box-shadow:0 8px 24px rgba(36,39,40,.07)}
h2,.card h3,.page-hero h1{color:#2c3032}.eyebrow{color:#bb1520}
.button,.wp-block-button__link{background:#c81924;color:#fff}.button-outline{background:transparent;border-color:#c81924;color:#b1131d}
.cta{background:#34383a;border-top:5px solid #c81924}.site-footer{background:#25292b}

/* V4: Hero with user-selected family campaign artwork */
.dbd-family-hero{width:100%;background:#d6d5d2}
.dbd-family-hero img{display:block;width:100%;height:auto}
.dbd-hero-action{background:#f0efec;border-bottom:4px solid #c81924;padding:24px 0 30px}
.dbd-hero-action h1{font-size:clamp(1.4rem,2.6vw,2.15rem);margin:0 0 7px;color:#34383a}
.dbd-hero-action p{margin:0 0 16px;max-width:900px}
@media(max-width:700px){.dbd-hero-action{padding:20px 0}.dbd-family-hero img{width:100%;height:auto}}