/* AVB's original brand red, verified on avb-manufaktur.de, 5 November 2026.
   Shared across public pages, administration and planner controls. */
:root{
  --stone:#fff;--light:#fff;--ink:#1e293b;--muted:#475569;--line:#d6d9dd;
  --brand-red:#c33335;--brand-red-hover:#a5282a;--signal:var(--brand-red);
  --accent:var(--brand-red);--copper:var(--brand-red);--dark:var(--brand-red);
  --guide-paper:#fff;--guide-ink:#1e293b;--guide-line:#d6d9dd;
  --placing-bg:#fff;--placing-card:#fff;--placing-ink:#1e293b;
  --placing-muted:#475569;--placing-border:#d6d9dd;
  --placing-accent:#c33335;--placing-accent-ink:#fff;
}
body,body[data-page=ratgeber]{background:#fff;color:var(--ink);--guide-paper:#fff;--guide-ink:#1e293b;--guide-line:#d6d9dd}
.header,.header nav,.language-bar,.mobile-dock{background:#fff;color:var(--ink);border-color:var(--line)}
.language-bar{border-bottom:1px solid var(--line)}
.language-bar button{color:var(--brand-red)}
.header nav a:hover,.header nav a[aria-current=page]{color:var(--brand-red)}
.header nav a:hover:after,.header nav a[aria-current=page]:after{background:var(--brand-red)}
#main h1,#main h2,#main h3,.avb-footer h2,.avb-footer h3{color:var(--brand-red)}
#main :is(h1,h2,h3) span,#main :is(h1,h2,h3) em{color:inherit}
#main .hero-title h1>span{color:transparent;-webkit-text-stroke:1.5px var(--brand-red)}
.eyebrow,.section-kicker,.flow-number,.quote-mark{color:var(--brand-red)}
.selection,.concept-result,.welcome-content,.decision-content,.manufacture-teaser>div,
.inside,.hotspot-description,.workshop-copy,.project-feature,.equipment-story,
.space-planning,.included-content,.visit-checklist,.planning-knowledge-links,
.contact-concept aside,.address,.compact-cta,.detail-aside,.size-grid>a,.guide-grid article,
.callback-callout,.job-contact,.agb-scope,.legal-draft,.legal-hosting-plan,
.admin-notice,.admin-explainer,.admin-access,.admin-thumb,.upload,.example-checkbox,
.gallery-editor-preview,.item-preview img,.feature-image,.gallery-main,
.guide-library,.guide-search>div,.guide-faq-section,.guide-faq[open],.guide-next-step,
.guide-reading-layout,.guide-reading-content .guide-original,.guide-related,
.guide-faq-drawer,.complete-takeaway,.complete-prep,.guide-film,
.editorial-quick,.editorial-cover,.editorial-body blockquote,
.google-review,.sales-demo-note,.callback-notification-note,
dialog,.filter-dialog,.editor-dialog,.sales-dialog,.language-dialog,
.project-history,.project-confirm,.planning-tools-dialog,.planning-example,
.precision-panel,.height-sheet,.height-heading,.config-fullscreen-bar,
.planner-help,.planner-help-body,.clean-config .clean-panel,.clean-config .config-sheet,
.clean-config dialog .sheet-heading,.config-panel,.config-entry,.device-toolbar,
#compact-selected,#live-edit,.live-empty,.opening-choice,.front-opening-choice,
.opening-choice:has(input:checked),#photo-preview>.photo-tile{
  background:#fff;color:var(--ink);border-color:var(--line);
}
.inside,.workshop-copy,.project-feature,.equipment-story,.contact-concept aside,
.detail-aside,.callback-callout,.job-contact,.guide-library,.guide-next-step,
.guide-related,.editorial-quick,.complete-takeaway,.complete-prep{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.inside-heading>p:last-child,.hotspot-description>p,.hotspot-description small,
.workshop-copy>p:not(.eyebrow),.step>span,.step p,.project-feature p:not(.eyebrow),
.equipment-story p:not(.eyebrow),.contact-concept aside p:not(.eyebrow),
.detail-aside .price-net,.detail-aside .fineprint,.detail-aside dt,
.admin-thumb span,.admin-stats span,.legal-version,.concept-result p,
.row-info .eyebrow,.row-info>p,.manufacture-teaser p:not(.eyebrow){color:var(--muted)}
.inside-heading .eyebrow,.hotspot-description>.eyebrow,.detail-aside .eyebrow,
.project-feature .eyebrow,.equipment-story .eyebrow{color:var(--brand-red)}
.detail-aside .price-net,.detail-aside dl div,.hotspot-tabs button,
.specs span,.chip,.job-facts span,.gallery-empty,.job-card{border-color:var(--line)}
.specs span,.chip,.badge.sold{background:#fff;color:var(--muted);border:1px solid var(--line)}
.hotspot-tabs button{color:var(--ink)}
.hotspot-tabs button.active{color:var(--brand-red);border-color:var(--brand-red)}
.demo-label,.primary,.dark,.header-call,.hero-intro .hero-direct,.stage-arrow,.stage-switch button.active,
.badge:not(.sold),.gallery-enlarge,.language-apply,.mobile-dock>a:last-child,
.sales-tabs button[aria-pressed=true],.concept-tabs>button.active,
.guide-filters button[aria-pressed=true],.guide-original .button,.complete-contact .button,
.clean-views button.active,.clean-actions button.takeaway,.view-buttons button.active,
.config-sheet .size-buttons button.active,.size-buttons button.active,
.config-sheet .share-actions button:first-child,.share-actions button:first-child,
.planning-tools-dialog .planning-primary,.precision-panel .precision-apply,
.height-sheet .height-primary,.config-fullscreen-bar button,
.floor-layers button[aria-pressed=true],#compact-selected button:not(:last-child),
#live-edit .live-tabs button[aria-pressed=true],.project-confirm #project-confirm-yes,
.avb-address .avb-route,.load-google-map,.unload-google-map{
  background:var(--brand-red);color:#fff;border-color:var(--brand-red);
}
.filter-dialog .primary,.editor-dialog .primary{color:#fff}
.primary:hover,.dark:hover,.header-call:hover,.hero-intro .hero-direct:hover,
.concept-tabs>button.active:hover,.guide-original .button:hover,
.planning-tools-dialog .planning-primary:hover,.precision-panel .precision-apply:hover:not(:disabled){
  background:var(--brand-red-hover);color:#fff;
}
.outline{background:#fff;color:var(--brand-red);border-color:var(--brand-red)}
.outline:hover,.row-price .outline:hover,.vehicle-type-card:hover .vehicle-type-link,
.admin-item-actions button:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}
.vehicle-type-circle,.vehicle-type-link,.language-open strong{color:var(--brand-red)}
.vehicle-type-circle:before,.vehicle-type-link{border-color:var(--brand-red)}
.vehicle-orbit text{fill:var(--brand-red)}
.avb-numbers-grid dd{color:var(--brand-red)}
.numbers-backdrop{display:none}
.avb-footer,.concept-footer,footer{background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.avb-footer .eyebrow,.avb-footer-phone,.avb-footer a,.footer-callout>.eyebrow{color:var(--brand-red)}
.avb-footer-head,.avb-footer-links,.avb-footer-bottom{border-color:var(--line)}
.avb-footer-bottom,.map-placeholder small,.map-privacy-status{color:var(--muted)}
.avb-map,.map-placeholder,.map-loaded-controls{background:#fff;color:var(--ink);border-color:var(--line)}
.map-pin,.map-placeholder strong{color:var(--brand-red)}
.mobile-dock>a{color:var(--brand-red);border-color:var(--line)}
.review-avatar{background:var(--brand-red);color:#fff}
.guide-reading-progress span{background:var(--brand-red)}
.guide-start-path>a:hover,.guide-more .button:hover,.guide-intent[aria-pressed=true],
.guide-intent-image>span,.guide-intent[aria-pressed=true] .guide-intent-image>span,
.concept-tabs>button:hover{background:#fff;color:var(--brand-red);border-color:var(--brand-red)}
.guide-intent[aria-pressed=true]{outline:2px solid var(--brand-red);outline-offset:-2px}
.language-dialog select,.planning-tools-dialog input,.planning-tools-dialog select,
.planning-snap input,.planning-snap select,.precision-panel input,.precision-panel select,
.height-sheet input,.height-sheet select{background:#fff;color:var(--ink);border-color:var(--line)}
.clean-config .config-viewer,.config-sheet .direct-area{
  --placing-bg:#fff;--placing-card:#fff;--placing-ink:#1e293b;--placing-muted:#475569;
  --placing-border:#d6d9dd;--placing-accent:#c33335;--placing-accent-ink:#fff;
}
.clean-config .configurator,.clean-config .config-viewer,
.clean-config .config-viewer.is-floorplan #floorplan-view{background:#fff}
.config-panel p,.config-panel label,.config-panel small{color:var(--ink)}
.planning-tools-dialog button,.precision-panel button,.height-sheet button,
.floor-layers button,.free-add button,.simple-add>button,#live-edit .live-step button,
.project-version button,.project-history>div>button,.config-viewer .device-toolbar button,
.config-sheet .layout-buttons button.active,.config-sheet .share-actions button{
  border-color:var(--line);
}
.planning-selected-tools button[aria-pressed=true]{background:#fff!important;color:var(--brand-red);outline:2px solid var(--brand-red)}
.planning-tools-dialog button,.precision-panel button,.height-sheet button,
.floor-layers button,.free-add button,.simple-add>button,#live-edit .live-step button,
.project-version button,.project-history>div>button,.config-viewer .device-toolbar button,
.config-sheet .share-actions button{background:#fff;color:var(--ink)}
.planning-tools-dialog .planning-primary,.precision-panel .precision-apply,
.height-sheet .height-primary,.floor-layers button[aria-pressed="true"],
.config-sheet .share-actions button:first-child,.config-fullscreen-bar button{
  background:var(--brand-red);color:#fff;
}
.clean-config .view-buttons button.active,.clean-views button.active,
.clean-views button.active small,.config-sheet .size-buttons button.active{color:#fff}
.guide-reading-content .guide-small,.guide-reading-content .complete-check-status,
.guide-reading-content .complete-editor-note{color:var(--muted)!important}
#main .complete-prep h2{color:var(--brand-red)!important}
.guide-reading-nav nav>a,.guide-card-link,.guide-related>div>a,.guide-back{color:var(--brand-red)}
.guide-intro .eyebrow,.guide-article-intro .eyebrow,.guide-faq-intro .eyebrow,
.guide-library-heading .eyebrow,.guide-reading-content .eyebrow,.guide-related .eyebrow{color:var(--brand-red)}
.hotspot.active{background:var(--brand-red);color:#fff;box-shadow:0 0 0 7px #c3333533}
.badge.available:before{background:#fff}
/* Photo/video overlays keep light text; image and model content is untouched. */
.stage-info,.stage-info h2,.stage-info h2 span,.stage-info p,
.stage-info .eyebrow,.stage-info>div:nth-child(2)>span,.hero-tag{color:#fff}
#main .stage-info h2,#main .stage-info h2 span{color:#fff}
.gallery-viewer,.lightbox{background:#172126;color:#fff}
.gallery-viewer header,.gallery-viewer footer{background:transparent;color:#fff;border:0}
.gallery-viewer h2,.lightbox h2{color:#fff}
.gallery-viewer button{color:#fff}
.toast{background:var(--ink);color:#fff}
body .avb-consent{background:#fff;color:var(--ink);border-color:var(--line)}
body .avb-consent h2{color:var(--brand-red)}
body .avb-consent-actions button{background:#fff;color:var(--brand-red);border-color:var(--brand-red)}
:is(a,button,input,select,textarea,summary):focus-visible,
body[data-page] .avb-footer a:focus-visible,.load-google-map:focus-visible,
.unload-google-map:focus-visible{outline-color:var(--brand-red)}
.agb-original>p{margin:0 0 30px}
.agb-original>p>strong:first-child{display:inline-block;color:var(--brand-red);font-size:26px;line-height:1.3;margin:20px 0 12px}
.agb-original>p:first-child>strong{font-size:inherit;margin:0;color:inherit}
@media(max-width:767px){
  .avb-numbers-grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .avb-numbers-grid>div{grid-column:1;padding:22px 0;border-bottom:1px solid var(--line)}
  .avb-numbers-grid>div:last-child{grid-column:1;border-bottom:0}
  .avb-numbers-grid dd{font-size:72px}
  .avb-numbers-grid dt{font-size:19px;max-width:280px}
}

/* Preserve paragraphs from imported AVB offer descriptions. */
.detail-description > div > p{white-space:pre-line;overflow-wrap:anywhere}

/* Keep long vehicle-photo strips inside their grid column. */
.detail-grid > *{min-width:0}

#main .avb-hero h1,#main .avb-hero h1 span{color:#fff}