/* ==========================================================================
   DBZ v2 – Gemeinsame Bausteine (auf Verleih-, Produkt- und Blogseiten)
   dbz-more (Mehr entdecken), dbz-skwann (Wann lohnt sich …), dbz-skregion (Standort/Region),
   dbz-skblog (Ratgeber-Links), dbz-skprod / dbz-skproducts (Weitere Produkte),
   dbz-skpflicht (Pflicht-/Streckentabellen), dbz-vs (Vergleich), dbz-how (Ablauf), dbz-ph.
   Abschnitts-Varianten (section.…) bekommen Abstand und Innenrahmen. Steckt derselbe Baustein
   als <div> in einem Blogartikel, übernimmt er nur Raster und Karten.
   ========================================================================== */

/* 0 Platzhalter des alten Seitenkopfs */
.dbz-ph{display:none}

/* ==========================================================================
   DBZ v2 – Service-Seiten
   Über uns (dbz-about-*, dbz-story, dbz-values) · Kontakt (dbz-kontakt) · Für Autohäuser (dbz-ah)
   Reparatur (dbz-svc-*, dbz-repair, dbz-montage, dbz-gallery, dbz-buy-sell, dbz-reviews-*)
   Refurbed (dbz-ref, dbz-ank, dbz-rdb) · FAQ (dbz-faqp) · Ferienkalender (dbz-fk-*) · Reservierung (dbz-res)
   Ersetzt das eingebettete CSS dieser Familien. Buchungsformular [dbz_buchung] und Refurbed-Liste
   (dbz-rf) gestaltet das Plugin – hier bewusst nicht angefasst.
   ========================================================================== */

/* 1 Abschnitte & Innenrahmen ---------------------------------------------------- */
.dbz-about-hero,.dbz-story,.dbz-values,.dbz-about-cta,.dbz-kontakt,.dbz-ah,.dbz-ah__section,.dbz-svc-hero,.dbz-repair,.dbz-montage,.dbz-gallery,.dbz-buy-sell,.dbz-svc-cta,.dbz-ref,.dbz-ank,.dbz-rdb,.dbz-faqp,.dbz-fk-hero,.dbz-fk-cal,.dbz-fk-termine,.dbz-fk-blog,.dbz-fk-ratgeber,.dbz-fk-produkte,.dbz-fk-about,.dbz-fk-cta,.dbz-res{position:relative;display:block;padding:var(--sec) 0;background:var(--bg);color:var(--text);overflow:hidden}
.dbz-about-hero__inner,.dbz-story__inner,.dbz-values__inner,.dbz-about-cta__inner,.dbz-kontakt__inner,.dbz-ah__inner,.dbz-svc-hero__inner,.dbz-repair__inner,.dbz-montage__inner,.dbz-gallery__inner,.dbz-buy-sell__inner,.dbz-svc-cta__inner,.dbz-ref__inner,.dbz-ank__inner,.dbz-rdb__inner,.dbz-faqp__inner,.dbz-fk-hero__inner,.dbz-fk-cal__inner,.dbz-fk-termine__inner,.dbz-fk-blog__inner,.dbz-fk-ratgeber__inner,.dbz-fk-produkte__inner,.dbz-fk-about__inner,.dbz-fk-cta__inner,.dbz-res__inner{position:relative;width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
/* Hero-Abschnitte: oben etwas enger, Linie nach unten */
.dbz-about-hero,.dbz-kontakt,.dbz-ah,.dbz-svc-hero,.dbz-faqp,.dbz-fk-hero,.dbz-res{padding-top:clamp(36px,5vw,72px)}

/* 2 Kopfzeilen: Mono-Label + enge Headline mit goldener zweiter Zeile ------------------- */
.dbz-about-hero__tag,.dbz-story__badge,.dbz-values__badge,.dbz-about-cta__badge,.dbz-kontakt__tag,.dbz-ah__tag,.dbz-ah__label,.dbz-svc-hero__tag,.dbz-repair__badge,.dbz-montage__tag,.dbz-gallery__label,.dbz-buy-sell__label,.dbz-svc-cta__badge,.dbz-faqp__tag,.dbz-fk-hero__badge,.dbz-fk-cal__badge,.dbz-fk-termine__badge,.dbz-fk-blog__badge,.dbz-fk-ratgeber__badge,.dbz-fk-produkte__badge,.dbz-fk-about__badge,.dbz-res__tag,.dbz-reviews-badge,.dbz-ref__divider-label,.dbz-ank__divider-label,.dbz-rdb__divider-label{display:block;margin:0 0 18px;padding:0;border:0;background:none;color:var(--gold);font:500 12px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;text-align:left}
.dbz-about-hero__tag-dot,.dbz-kontakt__tag-dot,.dbz-ah__tag-dot,.dbz-svc-hero__tag-dot,.dbz-montage__tag-dot,.dbz-faqp__tag-dot,.dbz-res__tag-dot,.dbz-ref__divider-line,.dbz-ank__divider-line,.dbz-rdb__divider-line{display:none}

.dbz-about-hero__h1,.dbz-kontakt__h1,.dbz-ah__h1,.dbz-svc-hero__h1,.dbz-faqp__h1,.dbz-fk-hero__h1,.dbz-res__h1,.dbz-ref__h1,.dbz-ank__h1,.dbz-rdb__h1{margin:0 0 24px;max-width:1040px;font:800 clamp(42px,5.8vw,88px)/.98 var(--f-sans);letter-spacing:-.045em;color:var(--text);text-wrap:balance}
.dbz-about-hero__h1-accent,.dbz-kontakt__h1-accent,.dbz-ah__h1-accent,.dbz-svc-hero__h1-accent,.dbz-faqp__h1-accent,.dbz-fk-hero__h1a,.dbz-res__h1-accent{display:block;color:var(--gold)}
.dbz-svc-hero__h1-accent,.dbz-faqp__h1-accent,.dbz-res__h1-accent{margin-top:.18em;font-size:.6em;letter-spacing:-.03em;line-height:1.05}

.dbz-story__h2,.dbz-values__h2,.dbz-about-cta__h2,.dbz-kontakt__cta-h2,.dbz-ah__h2,.dbz-ah__cta-h2,.dbz-repair__h2,.dbz-montage__h2,.dbz-gallery__h2,.dbz-buy-sell__h2,.dbz-svc-cta__h2,.dbz-ref__h2,.dbz-ank__h2,.dbz-rdb__h2,.dbz-faqp__cta-h2,.dbz-fk-cal__h2,.dbz-fk-termine__h2,.dbz-fk-blog__h2,.dbz-fk-ratgeber__h2,.dbz-fk-produkte__h2,.dbz-fk-about__h2,.dbz-fk-cta__h2,.dbz-reviews-h3,.dbz-about-cta__cta-h2{margin:0 0 20px;max-width:1000px;font:800 clamp(34px,4.4vw,64px)/1 var(--f-sans);letter-spacing:-.04em;color:var(--text);text-align:left;text-wrap:pretty}

/* Fließtext */
.dbz-about-hero__copy,.dbz-kontakt__intro,.dbz-ah__intro,.dbz-svc-hero__copy,.dbz-faqp__intro,.dbz-fk-hero__sub,.dbz-res__intro{max-width:660px;margin:0 0 28px;color:var(--text-2);font-size:19px;line-height:1.6}
.dbz-ah__section-copy,.dbz-repair__intro,.dbz-montage__copy,.dbz-gallery__subtitle,.dbz-buy-sell__intro,.dbz-svc-cta__copy,.dbz-kontakt__cta-sub,.dbz-ref__p,.dbz-ank__p,.dbz-rdb__p,.dbz-faqp__cta-text,.dbz-fk-blog__sub,.dbz-fk-ratgeber__sub,.dbz-fk-produkte__sub,.dbz-fk-termine__sub,.dbz-fk-cta__text,.dbz-reviews-sub,.dbz-about-cta__cta-text{max-width:660px;margin:0 0 20px;color:var(--muted);font-size:18px;line-height:1.6;text-align:left}
:is(.dbz-about-hero__copy,.dbz-kontakt__intro,.dbz-ah__intro,.dbz-svc-hero__copy,.dbz-faqp__intro,.dbz-res__intro,.dbz-montage__copy,.dbz-repair__intro,.dbz-svc-cta__copy,.dbz-ref__p,.dbz-ank__p,.dbz-rdb__p) strong{color:var(--text);font-weight:600}

/* 3 Buttons: Gold = Hauptaktion, Kontur = Nebenaktion ------------------------------------ */
.dbz-about-hero__buttons,.dbz-about-cta__cta-buttons,.dbz-ah__buttons,.dbz-svc-hero__buttons,.dbz-montage__buttons,.dbz-svc-cta__buttons,.dbz-faqp__cta-buttons,.dbz-fk-cta__buttons,.dbz-ref__hero-ctas,.dbz-ref__notify-btns,.dbz-ank__form-ctas,.dbz-rdb__hero-ctas,.dbz-rdb__empty-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0}
.dbz-about-hero__btn,.dbz-about-cta__btn,.dbz-ah__btn,.dbz-svc-hero__btn,.dbz-montage__btn,.dbz-buy-sell__btn,.dbz-svc-cta__btn,.dbz-faqp__btn,.dbz-fk-cta__btn,.dbz-fk-blog__download-btn,.dbz-ref__cta,.dbz-ank__cta,.dbz-rdb__cta,.dbz-res__rate-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid var(--line-3);border-radius:var(--r-btn);background:none;color:var(--text);font:600 16px/1.2 var(--f-sans);text-decoration:none;text-align:center;transition:background .2s,color .2s,border-color .2s}
:is(.dbz-about-hero__btn,.dbz-about-cta__btn,.dbz-ah__btn,.dbz-svc-hero__btn,.dbz-montage__btn,.dbz-buy-sell__btn,.dbz-svc-cta__btn,.dbz-faqp__btn,.dbz-fk-cta__btn,.dbz-fk-blog__download-btn,.dbz-ref__cta,.dbz-ank__cta,.dbz-rdb__cta,.dbz-res__rate-btn):hover{border-color:var(--gold);color:var(--gold)}
:is(.dbz-about-hero__btn,.dbz-about-cta__btn,.dbz-ah__btn,.dbz-svc-hero__btn,.dbz-montage__btn,.dbz-buy-sell__btn,.dbz-svc-cta__btn,.dbz-faqp__btn,.dbz-fk-cta__btn,.dbz-ref__cta,.dbz-ank__cta,.dbz-rdb__cta) svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor}
.dbz-ah__btn--gold,.dbz-buy-sell__btn--gold,.dbz-faqp__btn--gold,.dbz-fk-cta__btn--gold,.dbz-ref__cta--green,.dbz-ank__cta--green,.dbz-rdb__cta--green,.dbz-res__rate-btn{background:var(--gold);border-color:var(--gold);color:var(--paper-ink)}
:is(.dbz-ah__btn--gold,.dbz-buy-sell__btn--gold,.dbz-faqp__btn--gold,.dbz-fk-cta__btn--gold,.dbz-ref__cta--green,.dbz-ank__cta--green,.dbz-rdb__cta--green,.dbz-res__rate-btn):hover{background:var(--gold-2);border-color:var(--gold-2);color:var(--paper-ink)}

/* 4 Gemeinsame Bausteine ------------------------------------------------------------------- */
/* Karten */
.dbz-values__card,.dbz-svc-hero__card,.dbz-ah__problem-card,.dbz-ah__stufe,.dbz-ah__praxis-card,.dbz-ah__vorteil-card,.dbz-ah__zg-card,.dbz-repair__col,.dbz-buy-sell__card,.dbz-ref__proc-step,.dbz-ref__grade,.dbz-ref__why-card,.dbz-ref__cat,.dbz-ank__step-card,.dbz-ank__buy-card,.dbz-faqp__quick-card,.dbz-fk-termine__card,.dbz-fk-produkte__card,.dbz-fk-blog__card,.dbz-fk-ratgeber__card,.dbz-kontakt__cta-card{position:relative;display:flex;flex-direction:column;gap:10px;margin:0;padding:26px;border:1px solid var(--line-2);border-radius:var(--r-card);background:var(--surface);color:var(--text);text-align:left;overflow:hidden;transition:transform .35s var(--ease),border-color .35s}

/* 10 FAQ-Seite -------------------------------------------------------------------------------- */
.dbz-faqp__hero{max-width:900px;margin-bottom:48px}
.dbz-faqp__quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 var(--sec)}
.dbz-faqp__quick-card{gap:8px;padding:22px;min-height:180px}
.dbz-faqp__quick-card:first-child{background:var(--gold);border-color:var(--gold);color:var(--paper-ink)}
.dbz-faqp__quick-q{font:500 12px/1.35 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:auto}
.dbz-faqp__quick-a{font-size:16px;line-height:1.5;color:var(--text-2)}
.dbz-faqp__quick-a strong{display:block;margin-bottom:4px;font:800 26px/1.1 var(--f-sans);letter-spacing:-.03em;color:var(--text)}
.dbz-faqp__quick-card:first-child .dbz-faqp__quick-q{color:rgba(10,10,10,.65)}
.dbz-faqp__quick-card:first-child .dbz-faqp__quick-a{color:rgba(10,10,10,.82)}
.dbz-faqp__quick-card:first-child .dbz-faqp__quick-a strong{display:inline;margin:0;font-size:inherit;letter-spacing:0;color:var(--paper-ink)}
/* Themenwahl */
.dbz-faqp__select-wrap{position:relative;max-width:440px;margin:0 0 28px}
.dbz-faqp__select{display:block;width:100%;min-height:58px;padding:0 52px 0 20px;border:1px solid var(--line-3);border-radius:var(--r-btn);background:var(--surface);color:var(--text);font:600 18px/1.2 var(--f-sans);cursor:pointer;-webkit-appearance:none;appearance:none}
.dbz-faqp__select:hover,.dbz-faqp__select:focus{border-color:var(--gold)}
.dbz-faqp__select option{background:var(--surface);color:var(--text)}
.dbz-faqp__select-arrow{position:absolute;right:22px;top:22px;width:10px;height:10px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);pointer-events:none}
.dbz-faqp__select-arrow svg{display:none}
.dbz-faqp__panel{display:none;border-top:1px solid var(--line-2)}
.dbz-faqp__panel--active{display:block}
.dbz-faqp__item{margin:0;border:0;border-bottom:1px solid var(--line-2);border-radius:0;background:none}
.dbz-faqp__question{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font:600 clamp(17px,1.5vw,20px)/1.35 var(--f-sans);letter-spacing:-.01em;color:var(--text)}
.dbz-faqp__question::-webkit-details-marker{display:none}
.dbz-faqp__question:hover{color:var(--gold)}
.dbz-faqp__icon{position:relative;flex:none;width:32px;height:32px;border-radius:var(--r-btn);background:rgba(245,243,238,.08);font-size:0;color:transparent}
.dbz-faqp__icon svg{display:none}
.dbz-faqp__icon::before,.dbz-faqp__icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--text)}
.dbz-faqp__icon::after{transform:rotate(90deg)}
.dbz-faqp__item[open] .dbz-faqp__icon{background:var(--gold)}
.dbz-faqp__item[open] .dbz-faqp__icon::before,.dbz-faqp__item[open] .dbz-faqp__icon::after{background:var(--paper-ink)}
.dbz-faqp__item[open] .dbz-faqp__icon::after{transform:none}
.dbz-faqp__answer{max-width:820px;padding:0 56px 24px 0;color:var(--muted);font-size:16px;line-height:1.65}
.dbz-faqp__answer p{margin:0 0 10px}
.dbz-faqp__answer p:last-child,.dbz-faqp__answer>div>:last-child{margin-bottom:0}
.dbz-faqp__answer :is(ul,ol){margin:0 0 10px;padding-left:1.2em}
.dbz-faqp__answer strong{color:var(--text);font-weight:600}
.dbz-faqp__answer a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.dbz-faqp__cta{margin-top:var(--sec)}
.dbz-faqp__cta-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 48px;padding:clamp(28px,4vw,48px);border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.dbz-faqp__cta-card>*{position:relative;z-index:1}
.dbz-faqp__cta-h2{flex:1 1 100%;margin:0;font-size:clamp(30px,3.4vw,48px)}
.dbz-faqp__cta-text{flex:1 1 420px;margin:0}

/* 13 Tablet ------------------------------------------------------------------------------------ */
@media (max-width:1100px){
  .dbz-values__grid,.dbz-ref__why,.dbz-ank__buy-grid,.dbz-rdb__cross,.dbz-faqp__quick{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 14 Handy ------------------------------------------------------------------------------------- */
@media (max-width:700px){
  .dbz-values__grid,.dbz-repair__grid,.dbz-buy-sell__grid,.dbz-ah__problem-grid,.dbz-ah__vorteile-grid,.dbz-ah__zielgruppen,.dbz-ah__stufen,.dbz-ah__praxis-grid,.dbz-gallery__grid,.dbz-gallery__grid-small,.dbz-ref__grades,.dbz-ref__cats,.dbz-ref__why,.dbz-ref__ankauf-steps,.dbz-ank__buy-grid,.dbz-rdb__grades-bar,.dbz-rdb__cross,.dbz-faqp__quick,.dbz-fk-produkte__grid,.dbz-fk-about__usps,.dbz-kontakt__info{grid-template-columns:minmax(0,1fr)}
  .dbz-values__card,.dbz-svc-hero__card,.dbz-ah__problem-card,.dbz-ah__vorteil-card,.dbz-ah__zg-card,.dbz-ref__proc-step,.dbz-ank__step-card,.dbz-ref__why-card,.dbz-ref__grade,.dbz-faqp__quick-card,.dbz-fk-blog__card,.dbz-fk-ratgeber__card,.dbz-fk-produkte__card{min-height:0}
  .dbz-faqp__answer,:is(.dbz-ref__faq-item,.dbz-ank__faq-item,.dbz-rdb__faq-item)>:not(summary){padding-right:0}
  .dbz-about-hero__btn,.dbz-ah__btn,.dbz-svc-hero__btn,.dbz-montage__btn,.dbz-buy-sell__btn,.dbz-faqp__btn,.dbz-fk-cta__btn,.dbz-ref__cta:not(.dbz-ref__cta--wa),.dbz-ank__cta,.dbz-rdb__cta:not(.dbz-rdb__cta--wa),.dbz-res__rate-btn,.dbz-svc-cta__btn,.dbz-about-cta__btn,.dbz-fk-blog__download-btn{white-space:normal}
}