@font-face{font-family:Space;src:url('/fonts/SpaceGrotesk-Variable.woff2')}@font-face{font-family:Jet;src:url('/fonts/JetBrainsMono-Variable.woff2')}
body[data-proto]{font-family:Space,Arial,sans-serif;color:#211d19;background:#f5f0e9}body[data-proto] h1,body[data-proto] h2,body[data-proto] h3{font-family:Space,Arial,sans-serif;letter-spacing:-.035em}body[data-proto] a:focus-visible,body[data-proto] button:focus-visible,body[data-proto] input:focus-visible{outline:3px solid #9a330f;outline-offset:3px}
body[data-proto] .sb-hero{background:#211d19;color:#fff;padding:clamp(55px,8vw,120px) 0}body[data-proto] .sb-hero .hb-panel{background:none;color:#fff;padding:0}body[data-proto] .sb-hero h1{font-size:clamp(42px,6vw,85px);line-height:1;max-width:900px}body[data-proto] .sb-lead{max-width:700px;color:#f4eee8;font-size:clamp(18px,2vw,23px);line-height:1.5}body[data-proto] .hb-badge{color:#a53610;background:#fff4e9;border:1px solid #a53610}
body[data-proto] main article>section:not(.sb-hero):not(.sb-cta){border-bottom:1px solid #bdb2a6}body[data-proto] .v16-body{max-width:1050px}body[data-proto] .v16-body h2,body[data-proto] .v7-section h2,body[data-proto] .container-page h2{font-size:clamp(30px,3.4vw,48px);line-height:1.1}body[data-proto] .v16-panel{background:transparent;box-shadow:none;border:0;border-top:1px solid #9f9184;border-radius:0;padding:28px 0}body[data-proto] .v16-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}body[data-proto] .v16-author{display:grid;grid-template-columns:minmax(180px,340px) 1fr;gap:clamp(28px,6vw,90px);align-items:center}body[data-proto] .v16-author img{width:100%;height:320px;object-fit:cover;border-radius:0}body[data-proto] .v16-author h2{font-size:clamp(38px,5vw,68px)}body[data-proto] .v16-band{background:#e9dfd2}body[data-proto] .v16-actions{gap:12px}
body[data-proto='ueber-uns'] .sb-hero{padding-bottom:clamp(70px,9vw,125px)}body[data-proto='ueber-uns'] .v16-author img{object-position:50% 24%}
body[data-proto='autohaus-werbung'] #kanaele,body[data-proto='vergleich'] #matrix{background:#e9dfd2}body[data-proto='autohaus-werbung'] #bestandsfahrzeug,body[data-proto='vergleich'] #angebot{background:#fffaf4}body[data-proto='autohaus-werbung'] #kosten,body[data-proto='vergleich'] #kosten{border-left:8px solid #cc4a1b}
body[data-variant='b'] .sb-hero{background:#e7ddd0;color:#211d19;border-bottom:8px solid #cc4a1b}body[data-variant='b'] .sb-hero .hb-panel,body[data-variant='b'] .sb-lead{color:#211d19}body[data-variant='b'] main article>section:nth-child(even):not(.sb-hero){background:#fffaf4}body[data-variant='b'] .v16-stack{grid-template-columns:1fr}.v16-stack h3{margin-bottom:10px}
body[data-variant='c'] .sb-hero{background:#a33712;color:white}body[data-variant='c'] .v16-stack{grid-template-columns:1fr 1fr}body[data-variant='c'] .v16-author{grid-template-columns:1fr minmax(180px,300px)}body[data-variant='c'] .v16-author img{order:2}body[data-variant='c'] main article>section:nth-child(3n){background:#e9dfd2}
body[data-proto='index'] #hero{border-bottom:8px solid #cc4a1b}body[data-proto='index'] .hb-blk{border-bottom:1px solid #bdb2a6}body[data-proto='index'] .hb-blk:nth-of-type(even){background:#e9dfd2}body[data-proto='index'] .hb-btn-o{background:#9d340e;color:#fff}body[data-proto='index'] .hb-card,body[data-proto='index'] .hb-task,body[data-proto='index'] .hb-use{border-radius:0;box-shadow:none}body[data-proto='index'][data-variant='b'] #hero{background:#e9dfd2}body[data-proto='index'][data-variant='c'] #hero{background:#fffaf4}body[data-proto='index'][data-variant='c'] .hb-hero-copy{border-left:8px solid #cc4a1b;padding-left:28px}
@media(max-width:700px){body[data-proto] .v16-stack,body[data-variant='c'] .v16-stack{grid-template-columns:1fr}body[data-proto] .v16-author,body[data-variant='c'] .v16-author{grid-template-columns:1fr}body[data-variant='c'] .v16-author img{order:0}body[data-proto] .v16-author img{height:auto;max-height:420px;object-fit:cover}body[data-proto] .sb-hero{padding:55px 0}body[data-proto='index'][data-variant='c'] .hb-hero-copy{padding-left:16px}}
/* Home: explicit dark section surfaces and foregrounds, including nested copy. */
body[data-proto='index'] section.hb-blk,body[data-proto='index'] section.hb-blk:nth-of-type(even){background:#211d19;color:#fffaf4}
body[data-proto='index'] section.hb-blk h2,body[data-proto='index'] section.hb-blk h3,body[data-proto='index'] section.hb-blk p,body[data-proto='index'] section.hb-blk li,body[data-proto='index'] section.hb-blk .hb-sub,body[data-proto='index'] section.hb-blk .hb-lbl{color:#f6eee6}
body[data-proto='index'] section.hb-blk .hb-acc,body[data-proto='index'] section.hb-blk .hb-hot,body[data-proto='index'] section.hb-blk a:not(.hb-btn){color:#ffb492}
body[data-proto='index'] section.hb-blk .hb-card,body[data-proto='index'] section.hb-blk .hb-use,body[data-proto='index'] section.hb-blk .hb-task{background:#302b26;border-color:#76695d}
body[data-proto='index'] section.hb-blk .hb-banner,body[data-proto='index'] section.hb-blk .hb-banner p{background:#a33712;color:white}
body[data-proto='index'] section.hb-blk .hb-btn{color:#fff;background:#9d340e}body[data-proto='index'] section.hb-blk .hb-btn-ink,body[data-proto='index'] section.hb-blk .hb-btn-dark{background:#f5f0e9;color:#211d19}
body[data-proto='index'] #formate .hb-fmt{gap:2px}body[data-proto='index'] #ablauf .hb-steps li{border-radius:0;border-top:2px solid #cc4a1b}
@media(min-width:960px){body[data-proto='index'][data-variant='a'] .hb-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);grid-template-areas:'top wall' 'copy wall'}body[data-proto='index'][data-variant='a'] .hb-wall{grid-template-columns:repeat(4,minmax(180px,1fr))}body[data-proto='index'][data-variant='b'] .hb-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:'wall top' 'wall copy'}body[data-proto='index'][data-variant='b'] .hb-fmt{grid-template-columns:1fr 1fr}body[data-proto='index'][data-variant='c'] .hb-hero-grid{grid-template-columns:1fr 1fr;grid-template-areas:'top top' 'wall copy'}body[data-proto='index'][data-variant='c'] .hb-steps{grid-template-columns:1fr}body[data-proto='index'][data-variant='c'] .hb-steps li{display:grid;grid-template-columns:180px 1fr;column-gap:30px}}
body[data-proto='index'] #hero,body[data-proto='index'][data-variant='b'] #hero,body[data-proto='index'][data-variant='c'] #hero,body[data-proto='index'] #demo{background:#211d19;color:#fffaf4}
body[data-variant='b'] .sb-hero h1,body[data-variant='b'] .sb-hero .sb-lead,body[data-variant='b'] .sb-hero .dg-jump a{color:#211d19}
body[data-variant='c'] main article>section.sb-cta{background:#211d19;color:#fffaf4}
body[data-proto='vergleich'] .v7-cta h2,body[data-proto='vergleich'] .v7-cta p{color:#fffaf4}
@media(min-width:960px){body[data-proto='index'][data-variant='a'] .hb-wall{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(160px,1fr))}body[data-proto='index'][data-variant='b'] .hb-uses{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-proto='index'][data-variant='b'] .hb-face{grid-column:1/-1;grid-row:auto}body[data-proto='index'][data-variant='c'] .hb-gal{grid-template-columns:1fr 1fr}body[data-proto='index'][data-variant='c'] .hb-gal figure:first-child{grid-row:span 2}}
body[data-variant='b'] .sb-hero .dg-jump{color:#211d19}
@media(max-width:767px){body[data-proto] .hb-head-row{display:flex;flex-wrap:wrap;height:auto;gap:8px;padding-top:10px;padding-bottom:10px}body[data-proto] .hb-head-row>nav{display:flex!important;order:3;width:100%;flex-wrap:wrap;gap:8px 16px}body[data-proto] .hb-head-row>nav a{font-size:13px;line-height:1.6}body[data-proto] .hb-head-actions{margin-left:auto}}
/* Selected directions: spatial compositions across the entire page. */
@media(min-width:900px){
 body[data-proto='ueber-uns'][data-variant='a'] main article{display:grid;grid-template-columns:1fr 1fr}
 body[data-proto='ueber-uns'][data-variant='a'] main article>section:nth-child(3){grid-column:1/-1}
 body[data-proto='ueber-uns'][data-variant='a'] main article>section:nth-child(1),body[data-proto='ueber-uns'][data-variant='a'] main article>section:nth-child(2){min-width:0}
 body[data-proto='ueber-uns'][data-variant='a'] .v16-author{grid-template-columns:minmax(130px,220px) 1fr;gap:26px}
 body[data-proto='ueber-uns'][data-variant='a'] .v16-author h2{font-size:clamp(32px,3vw,48px)}
 body[data-proto='autohaus-werbung'][data-variant='a'] #bestandsfahrzeug ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
 body[data-proto='autohaus-werbung'][data-variant='a'] #bestandsfahrzeug ol>li{border-radius:0;border:0;border-top:2px solid #cc4a1b;background:transparent;padding:24px 20px 24px 0}
 body[data-proto='autohaus-werbung'][data-variant='a'] #beispiele .example-box{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;border:0;border-top:2px solid #cc4a1b;border-radius:0;background:transparent;padding:20px 0}
 body[data-proto='autohaus-werbung'][data-variant='a'] #beispiele .example-label,body[data-proto='autohaus-werbung'][data-variant='a'] #beispiele .example-box figcaption{grid-column:1/-1}
 body[data-proto='vergleich'][data-variant='b'] #matrix .v7-grid{grid-template-columns:1fr;gap:0}
 body[data-proto='vergleich'][data-variant='b'] #matrix .v7-card{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:24px;align-items:start;border:0;border-top:1px solid #a99b8f;border-radius:0;background:transparent;padding:24px 0}
 body[data-proto='vergleich'][data-variant='b'] #angebot ol{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
 body[data-proto='vergleich'][data-variant='b'] #angebot li{border-top:1px solid #a99b8f;padding:14px 0}
}
@media(max-width:899px){body[data-proto='autohaus-werbung'][data-variant='a'] #bestandsfahrzeug ol>li,body[data-proto='vergleich'][data-variant='b'] #matrix .v7-card{border-radius:0;border:0;border-top:2px solid #cc4a1b;background:transparent;padding:20px 0}}
/* Revision 2: brand type, readable warm/dark rhythm, and mobile comparison rows. */
body[data-proto]{--f-d:Space,Arial,sans-serif;--f-t:Space,Arial,sans-serif}body[data-proto] .mono-caps,body[data-proto] .badge-mono{font-family:Jet,monospace}
body[data-proto='index'] .hb-ticker{background:#211d19;color:#fffaf4}body[data-proto='index'] .hb-ticker span{color:#fffaf4}
body[data-proto='index'] .home-v17-sticky .btn-primary{background:#9d340e!important;color:#fff!important}body[data-proto='index'] .partner-text-badge{color:#4b3328}
body[data-proto='vergleich'][data-variant='b'] .sb-hero .v7-nav a{color:#211d19}
body[data-proto='index'] #einsatzorte,body[data-proto='index'] #beispiele,body[data-proto='index'] #vergleich,body[data-proto='index'] #faq{background:#ede3d6!important;color:#211d19}
body[data-proto='index'] :is(#einsatzorte,#beispiele,#vergleich,#faq) .hb-blk-head :is(h2,h3,p,span.hb-sub){color:#211d19}
body[data-proto='index'] #beispiele figcaption,body[data-proto='index'] #beispiele figcaption p,body[data-proto='index'] #beispiele figcaption strong{color:#211d19}
@media(max-width:767px){
 body[data-proto='ueber-uns'] .sb-hero h1{font-size:clamp(29px,9vw,42px);overflow-wrap:normal}
 body[data-proto='autohaus-werbung'] .table-scroll,body[data-proto='vergleich'] .v7-tablebox{overflow:visible;max-width:100%}
 body[data-proto='autohaus-werbung'] .channel-table,body[data-proto='vergleich'] .v7-tablebox table,body[data-proto='autohaus-werbung'] .channel-table tbody,body[data-proto='vergleich'] .v7-tablebox tbody{display:block;width:100%;min-width:0}
 body[data-proto='autohaus-werbung'] .channel-table thead,body[data-proto='vergleich'] .v7-tablebox thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body[data-proto='autohaus-werbung'] .channel-table tr,body[data-proto='vergleich'] .v7-tablebox tr{display:block;border-top:1px solid #a99b8f;padding:16px 0}
 body[data-proto='autohaus-werbung'] .channel-table :is(th,td),body[data-proto='vergleich'] .v7-tablebox :is(th,td){display:block;width:auto;text-align:left;padding:6px 12px;border:0;white-space:normal;overflow-wrap:anywhere}
 body[data-proto='autohaus-werbung'] .channel-table td::before,body[data-proto='vergleich'] .v7-tablebox td::before{display:block;font-weight:700;color:#211d19;margin-bottom:3px}
 body[data-proto='autohaus-werbung'] .channel-table td:nth-child(2)::before{content:'Passende Aufgabe'}body[data-proto='autohaus-werbung'] .channel-table td:nth-child(3)::before{content:'Was du vorbereitest'}body[data-proto='autohaus-werbung'] .channel-table td:nth-child(4)::before{content:'Kosten einplanen'}
 body[data-proto='vergleich'] .v7-tablebox td:nth-child(2)::before{content:'Fototrailer'}body[data-proto='vergleich'] .v7-tablebox td:nth-child(3)::before{content:'Eigener Dreh'}body[data-proto='vergleich'] .v7-tablebox td:nth-child(4)::before{content:'Beauftragter Dreh'}
}
@media(max-width:767px){body[data-proto='autohaus-werbung'] main .sb-tablebox .channel-table,body[data-proto='vergleich'] main .v7-tablebox table{min-width:0!important;width:100%!important}}
body[data-proto='index'] #vergleich .hb-acc{color:#8e2d0d}body[data-proto='index'] #faq .hb-faq-side :is(h2,p){color:#211d19}body[data-proto='index'] #faq .hb-faq-side a{color:#8e2d0d}body[data-proto='index'] #faq details,body[data-proto='index'] #faq summary,body[data-proto='index'] #faq .faq-body{color:#fffaf4}