/* Verkaufsreife, Domain-4-Paket vom 31.10.2026. Baut auf den Einbauklassen aus
   medien/verkaufsreife-medien.css auf. form.css setzt jeden .button mit
   !important auf Gold; deshalb hier ebenfalls !important. */
:root{--f40-navy:#07294f;--f40-navy-deep:#021327;--f40-blue:#0b5a9a;--f40-gold:#d9a33b;--f40-gold-deep:#8b5915;--f40-text:#17334e;--f40-soft:#f4f6f9}

/* Fußzeile: Original auf heller Fläche, nicht freigestellt. */
.vr-footer-brand{display:inline-block;background:#fff;padding:12px 16px;border-radius:14px}
.vr-footer-brand img,.vr-footer-brand img.footer-logo{display:block;width:230px;max-width:100%;height:auto;margin:0;filter:none;opacity:1}
@media(max-width:850px){.vr-footer-brand img,.vr-footer-brand img.footer-logo{width:220px}}

/* Hero */
.hero-media{padding-bottom:0}
.hero-media>img.vr-hero-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%;border-radius:24px}
.vr-mikro{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--navy)}
.team-section .vr-mikro{color:#fff}
.vr-zeiten{margin-top:10px;font-size:14px;color:var(--muted)}
.team-section .vr-zeiten{color:rgb(255 255 255 / .82)}

/* Knöpfe: Hauptweg dunkelblau, Alternative hell mit Kontur. */
html body .button.vr-primary:not(.button-navy):not(.button-outline):not(.secondary){background:linear-gradient(145deg,#0b5a9a,#07294f) !important;color:#fff !important;border:1px solid #07294f !important}
.button.vr-primary *{color:inherit !important}
.button.vr-primary :is(img,svg){filter:none !important}
html body .button.vr-secondary:not(.button-navy):not(.button-outline):not(.secondary),html body .button.outline:not(.button-navy):not(.button-outline):not(.secondary){background:#fff !important;color:#07294f !important;border:1px solid #07294f !important}
.button.vr-secondary *,.button.outline *{color:inherit !important}
.button.vr-secondary :is(img,svg),.button.outline :is(img,svg){filter:none !important}
html body .button.vr-primary:not(.button-navy):not(.button-outline):not(.secondary):hover{background:#021327 !important;filter:none}
html body .button.vr-secondary:not(.button-navy):not(.button-outline):not(.secondary):hover,html body .button.outline:not(.button-navy):not(.button-outline):not(.secondary):hover{background:#edf3f8 !important;filter:none}
.button.vr-primary:focus-visible,.button.vr-secondary:focus-visible,.button.outline:focus-visible{outline:3px solid #8b5915;outline-offset:4px}
.team-section .text-link{color:#fff}

/* Bausteine */
.vr-kopf{margin-bottom:26px;max-width:760px}
.vr-kopf h2{margin:0}
.vr-kopf p{margin:12px 0 0}
.vr-prosa{max-width:760px}
h2.vr-klein{font-size:clamp(20px,2vw,24px);margin:0 0 8px}
.vr-prosa>*:first-child{margin-top:0}
.vr-dreier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vr-dreier article,.topic-list .topic{background:#f0f0f0;border:1px solid color-mix(in srgb,#081f38 7%,#f0f0f0);border-radius:14px;padding:24px}
.section.white .vr-dreier article,.section.white .topic-list .topic{background:var(--ivory,#fcfbf8)}
.vr-dreier h2,.vr-dreier h3{font-size:clamp(20px,2vw,24px);margin:0 0 10px}
.vr-benefit-icon{display:block;flex:none;width:56px;height:56px;object-fit:contain;margin-bottom:12px}
.vr-topic-icon{display:block;flex:none;width:64px;height:64px;object-fit:contain;margin-bottom:12px}
.service-card img.vr-service-icon{display:block;flex:none;width:88px;height:88px;object-fit:contain;aspect-ratio:1;border-radius:0}
.vr-liste{margin:14px 0 0;padding-left:20px}
.vr-liste li{margin-top:6px}
.vr-zitat{margin:18px 0;padding:14px 18px;border-left:4px solid var(--f40-gold);background:var(--gold-soft,#f0f0f0);border-radius:0 12px 12px 0;color:var(--navy)}
.vr-fussnote{margin-top:18px;max-width:760px}
.vr-ic-logo{display:block;width:min(300px,100%);height:auto;margin-bottom:12px}
.vr-kontakt-drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.vr-kontakt-drei .contact-number{font-size:clamp(19px,1.9vw,23px);overflow-wrap:anywhere}
.vr-kontakt-drei .contact-box .button{margin-top:18px;width:100%}
.vr-anschrift{font-style:normal;margin:12px 0 0}
.vr-persoenlich{margin-top:34px;text-align:center}
.vr-persoenlich .button-row{justify-content:center;flex-wrap:nowrap;margin-top:12px}
.vr-persoenlich h2{margin-top:18px}
.public-example .result-grid+.next-panel{margin-top:22px}
.public-example .vr-beispiel-weiter{margin-top:22px}
@media(max-width:850px){
  .vr-dreier,.vr-kontakt-drei{grid-template-columns:minmax(0,1fr)}
  .button-row .button{max-width:100%}
}
.check-panel .progress-meta span:empty{display:none}
.check-panel .progress-meta:has(span:empty){justify-content:flex-end}
.support-box a[data-contact=whatsapp]{text-decoration:none}
.mail-fallback{margin-top:10px}

/* Knöpfe einer Gruppe stehen in einer Zeile; wird es eng, darf die
   Beschriftung zweizeilig stehen. Weisung vom 31.10.2026. */
.hero-copy .button-row,.check-actions,.support-box .button-row{flex-wrap:nowrap;align-items:center}
.hero-copy .button-row .button,.check-actions .button{flex:1 1 auto;min-width:0;white-space:normal;text-wrap:balance;padding-inline:14px;line-height:1.25}
.support-box .button-row .button{flex:0 1 auto;min-width:0;white-space:normal;text-wrap:balance;padding-inline:14px;line-height:1.25}
.result-tools{display:flex;flex-wrap:nowrap;gap:8px}
.result-tools .button{flex:0 1 auto;min-width:0;white-space:nowrap;padding-inline:12px}
@media(max-width:1000px){
  .result-tools{flex-wrap:wrap}
  .result-tools #quick-result-deepen{flex:1 0 100%}
  .result-tools .button:not(#quick-result-deepen){flex:1 1 0;padding-inline:0;font-size:0}
  .result-tools .button:not(#quick-result-deepen) svg{margin:0}
}
@media(max-width:560px){
  .support-box .button-row{flex-wrap:wrap}
  .support-box .button-row .button{flex:1 1 0}
  .support-box .button-row .text-link{flex:0 0 100%}
}

/* Tabellen: auf schmalen Breiten gestapelt statt seitlich scrollbar. */
.vr-tabelle .info-table thead th{background:color-mix(in srgb,#081f38 4%,#f0f0f0);font-size:13px}
@media(max-width:700px){
  .vr-tabelle .info-table{min-width:0;display:block}
  .vr-tabelle .info-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .vr-tabelle .info-table tbody,.vr-tabelle .info-table tr,.vr-tabelle .info-table th,.vr-tabelle .info-table td{display:block;width:auto}
  .vr-tabelle .info-table tr{padding:14px 16px;border-bottom:1px solid color-mix(in srgb,#081f38 8%,#f0f0f0)}
  .vr-tabelle .info-table tr:last-child{border-bottom:0}
  .vr-tabelle .info-table th,.vr-tabelle .info-table td{padding:0;border:0}
  .vr-tabelle .info-table td{margin-top:8px}
  .vr-tabelle .info-table td::before{content:attr(data-beschriftung);display:block;font-size:12px;font-weight:650;color:var(--muted)}
}

/* Themen und Bilder */
.pillar-top img.vr-topic-icon{width:56px;height:56px}
.vr-topic-icon{display:block;width:64px;height:64px;object-fit:contain;flex:none}
.benefit>img.vr-topic-icon{width:56px;height:56px;margin-bottom:18px}
.pillar>.text-link{margin-top:12px}
@media(max-width:620px){.pillar-grid{grid-template-columns:minmax(0,1fr)}}
.split img,.team-section img:not(.team-photo),.hero-media>img{border-radius:clamp(16px,1.8vw,24px)}
.split>img{display:block;width:100%;height:auto;object-fit:cover}
.vr-hinweisblock{max-width:820px;padding:clamp(22px,3vw,34px);border-left:4px solid var(--f40-gold);background:#f0f0f0;border-radius:0 14px 14px 0}
.vr-hinweisblock h2{margin:0 0 10px}
.vr-hinweisblock p{margin:0}
.section.white .vr-hinweisblock{background:var(--ivory,#fcfbf8)}
.team-section .button-row{align-items:center}
.related-grid{margin-top:0}
.vr-faq-alias{display:block;height:0;scroll-margin-top:96px}
.faq-list details[id]{scroll-margin-top:96px}
.sidebar-contact a[data-contact=whatsapp]{display:block;margin-top:8px}

@media(max-width:600px){
  .benefit:has(>img.vr-topic-icon){grid-template-columns:56px minmax(0,1fr)}
  .benefit>img.vr-topic-icon{grid-row:1/3;margin:2px 0 0}
  .service-card img.vr-service-icon{width:72px;height:72px}
}
.hero-copy .button-row .button:only-child{flex:0 1 auto}
.flow-chooser .path-grid{margin-top:26px}
.vr-persoenlich .button-row .button{min-width:0;white-space:normal;text-wrap:balance;line-height:1.25}
.vr-persoenlich .button-row .text-link{white-space:nowrap}

/* Fachbeitrag */
.vr-article-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%;border-radius:clamp(16px,1.8vw,24px)}
.vr-beitrag .vr0511-article .pillar{gap:10px}
.vr-beitrag .vr0511-article .pillar img.vr-topic-icon{width:56px;height:56px}
.vr-beitrag .vr0511-article .direct-answer .worksheet-link{margin-top:6px}
.vr-beitrag .vr0511-article .hero-figure img{border-radius:clamp(16px,1.8vw,24px)}

/* 404 */
.vr-404{padding-block:clamp(40px,8vw,90px)}
.vr-404 .button-row{flex-wrap:nowrap}
.vr-404 .button-row .button{min-width:0;white-space:normal;text-wrap:balance;padding-inline:14px;line-height:1.25}
.vr-404 .button-row .text-link{white-space:nowrap}