/* VerkaufsCheck, Domain-3-Paket vom 31.10.2026. Baut auf den Einbauklassen aus
   medien/verkaufscheck-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. */
.vc-footer-brand{display:inline-block;background:#fff;padding:12px 16px;border-radius:14px}
.vc-footer-brand img,.vc-footer-brand img.footer-logo{display:block;width:230px;max-width:100%;height:auto;margin:0;filter:none;opacity:1}
@media(max-width:850px){.vc-footer-brand img,.vc-footer-brand img.footer-logo{width:220px}}

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

/* Knöpfe: Hauptweg dunkelblau, Alternative hell mit Kontur. */
html body .button.vc-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.vc-primary *{color:inherit !important}
.button.vc-primary :is(img,svg){filter:none !important}
html body .button.vc-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.vc-secondary *,.button.outline *{color:inherit !important}
.button.vc-secondary :is(img,svg),.button.outline :is(img,svg){filter:none !important}
html body .button.vc-primary:not(.button-navy):not(.button-outline):not(.secondary):hover{background:#021327 !important;filter:none}
html body .button.vc-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.vc-primary:focus-visible,.button.vc-secondary:focus-visible,.button.outline:focus-visible{outline:3px solid #8b5915;outline-offset:4px}
.team-section .text-link{color:#fff}

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

/* 404 */
.vc-404{padding-block:clamp(40px,8vw,90px)}
.vc-querverweis{margin:12px 0 0}