/* Vertriebssuche [wrm_vertriebssuche]: Schrift und Farben kommen aus den Kit-Variablen (wie produktansichten.css).
   Das Theme setzt auf alle label, input und button eigene Schrift und Rahmen (zum Beispiel Georgia in Grün auf label): Deshalb sind Schrift, Farbe und Rahmen hier ausdrücklich gesetzt. */
.wrmpf-vertrieb{font-family:var(--e-global-typography-qrix-body-font-family,inherit),sans-serif;color:var(--e-global-color-qrix-color-fg,inherit)}
.wrmpf-vertrieb [hidden]{display:none!important}
.wrmpf-vertrieb-editor-note{margin:0 0 1.5rem;padding:1rem 1.25rem;border-left:4px solid var(--e-global-color-qrix-color-primary,currentColor);background:var(--e-global-color-qrix-color-bg-subtle,transparent)}

/* Kundenart */
.wrmpf-vertrieb fieldset.wrmpf-vertrieb-type{margin:0 0 1.5rem;padding:0;border:0;min-width:0}
.wrmpf-vertrieb .wrmpf-vertrieb-type legend,.wrmpf-vertrieb .wrmpf-vertrieb-form label{padding:0;margin:0 0 .5rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--e-global-color-qrix-color-fg,inherit)}
.wrmpf-vertrieb .wrmpf-vertrieb-form label{display:block}
.wrmpf-vertrieb .wrmpf-vertrieb-choice{position:relative;display:inline-block;margin:0 .5rem .5rem 0;padding:0;font:inherit;letter-spacing:0;text-transform:none;color:inherit}
.wrmpf-vertrieb .wrmpf-vertrieb-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.wrmpf-vertrieb .wrmpf-vertrieb-choice span{display:inline-block;padding:.65rem 1.25rem;border:2px solid var(--e-global-color-qrix-color-border,currentColor);background:var(--e-global-color-qrix-color-white,#fff);font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5;color:var(--e-global-color-qrix-color-fg,inherit)}
.wrmpf-vertrieb .wrmpf-vertrieb-choice input:checked+span{border-color:var(--e-global-color-qrix-color-primary,currentColor);background:var(--e-global-color-qrix-color-primary,currentColor);color:var(--e-global-color-qrix-color-white,#fff)}
.wrmpf-vertrieb .wrmpf-vertrieb-choice input:focus-visible+span{outline:2px solid var(--e-global-color-qrix-color-primary,currentColor);outline-offset:2px}

/* Postleitzahl */
.wrmpf-vertrieb-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch}
.wrmpf-vertrieb .wrmpf-vertrieb-row input{flex:0 1 14rem;min-width:0;padding:.75rem 1rem;border:2px solid var(--e-global-color-qrix-color-border,currentColor);border-radius:0;background:var(--e-global-color-qrix-color-white,#fff);color:var(--e-global-color-qrix-color-fg,inherit);font-family:inherit;font-size:1.125rem;line-height:1.5;letter-spacing:.08em;box-shadow:none;outline:0}
/* Ein einziger Rahmen beim Fokus: die Rahmenfarbe wechselt, kein zusätzlicher Outline-Ring. */
.wrmpf-vertrieb .wrmpf-vertrieb-row input:focus,.wrmpf-vertrieb .wrmpf-vertrieb-row input:focus-visible{border-color:var(--e-global-color-qrix-color-primary,currentColor);outline:0;box-shadow:none}
.wrmpf-vertrieb .wrmpf-vertrieb-row button{padding:.75rem 1.25rem;border:2px solid var(--e-global-color-qrix-color-primary,currentColor);border-radius:0;background:var(--e-global-color-qrix-color-primary,currentColor);color:var(--e-global-color-qrix-color-white,#fff);font-family:var(--e-global-typography-qrix-button-font-family,inherit),sans-serif;font-size:var(--e-global-typography-qrix-button-font-size,14px);font-weight:var(--e-global-typography-qrix-button-font-weight,600);line-height:1.5;letter-spacing:var(--e-global-typography-qrix-button-letter-spacing,.04em);text-transform:none;cursor:pointer}
.wrmpf-vertrieb .wrmpf-vertrieb-row button:hover{filter:brightness(.92)}
.wrmpf-vertrieb .wrmpf-vertrieb-row button:focus-visible{outline:2px solid var(--e-global-color-qrix-color-primary,currentColor);outline-offset:2px}

/* Ergebnis */
.wrmpf-vertrieb-result{margin-top:1.5rem}
.wrmpf-vertrieb-message{margin:0;padding:1rem 1.25rem;background:var(--e-global-color-qrix-color-bg-subtle,transparent)}
.wrmpf-vertrieb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.wrmpf-vertrieb-card{padding:1.25rem 1.5rem;background:var(--e-global-color-qrix-color-bg-subtle,transparent);border-top:4px solid var(--e-global-color-qrix-color-border,currentColor)}
.wrmpf-vertrieb-card--main{border-top-color:var(--e-global-color-qrix-color-primary,currentColor)}
.wrmpf-vertrieb .wrmpf-vertrieb-card h3,.wrmpf-vertrieb .wrmpf-vertrieb-list h3{margin:0 0 .5rem;font-family:var(--e-global-typography-qrix-h4-font-family,inherit),sans-serif;font-size:var(--e-global-typography-qrix-h4-font-size,22px);font-weight:var(--e-global-typography-qrix-h4-font-weight,700);line-height:1.3;letter-spacing:0}
.wrmpf-vertrieb-card p,.wrmpf-vertrieb-list p{margin:0 0 .5rem}
.wrmpf-vertrieb-contact{margin:.75rem 0 0;padding:0;list-style:none}
.wrmpf-vertrieb-contact li{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin:.35rem 0}
.wrmpf-vertrieb-label{min-width:4.5rem;color:var(--e-global-color-qrix-color-fg-secondary,inherit)}
.wrmpf-vertrieb-contact a{color:var(--e-global-color-qrix-color-primary,inherit)}

/* Karte und Legende */
.wrmpf-vertrieb-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2.5rem;align-items:start;margin:0 0 3rem}
.wrmpf-vertrieb-overview:not(:has(.wrmpf-vertrieb-map)){grid-template-columns:minmax(0,1fr)}
.wrmpf-vertrieb-map{margin:0}
.wrmpf-vertrieb-map img{display:block;width:100%;height:auto}
.wrmpf-vertrieb .wrmpf-vertrieb-legend h2,.wrmpf-vertrieb .wrmpf-vertrieb-search h2{margin:0 0 1.25rem}
.wrmpf-vertrieb-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.wrmpf-vertrieb-list>li{padding:1rem 1.25rem;border-left:6px solid var(--wrmpf-vz-farbe,var(--e-global-color-qrix-color-border,currentColor));background:var(--e-global-color-qrix-color-bg-subtle,transparent)}
.wrmpf-vertrieb .wrmpf-vertrieb-list h3{margin:0 0 .35rem}
.wrmpf-vertrieb-plz{color:var(--e-global-color-qrix-color-fg-secondary,inherit)}
.wrmpf-vertrieb-search{margin-top:0}
@media (max-width:900px){.wrmpf-vertrieb-overview{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.wrmpf-vertrieb .wrmpf-vertrieb-row input,.wrmpf-vertrieb .wrmpf-vertrieb-row button{flex:1 1 100%}}