/* Prototyp-Ergänzung zu kopf.css: Skizzen in „Über uns“, Karte in „Einsatzgebiete“. Kommt nach OK ins Theme. */

/* Karte der Einsatzgebiete rechts neben den Orten */
.yl-kopf .vorschau.karte { width: 300px; height: auto; overflow: visible; justify-content: flex-start; border: 0; box-shadow: none; background: none; }   /* ohne Rahmen (Ilia 21.10.) */
.yl-kopf .gebiet { display: block; width: 100%; height: auto; max-height: 330px; }
.yl-kopf .gebiet .umland { display: none; }   /* graue Nachbargemeinden ausgeblendet (Ilia 21.10.) */
.yl-kopf .gebiet .fluss { display: none; }
.yl-kopf .gebiet .ort { fill: var(--yl-navy); fill-opacity: .85; stroke: var(--yl-karte); stroke-width: .9; stroke-linejoin: round; transition: fill .25s, fill-opacity .25s; }
.yl-kopf .gebiet .ort.sitz { fill: var(--yl-orange); fill-opacity: .9; }
.yl-kopf .gebiet .ort.an { fill: var(--yl-orange); fill-opacity: 1; }
.yl-kopf .gebiet text { font-family: inherit; font-size: 9px; font-weight: 600; fill: #fff; text-anchor: middle; pointer-events: none; paint-order: stroke; stroke: var(--yl-navy); stroke-width: 2px; stroke-linejoin: round; }
.yl-kopf .gebiet text.klein { font-size: 7.5px; }
.yl-kopf .gebiet .quelle { font-size: 6px; font-weight: 400; text-anchor: end; fill: #8A94A0; stroke: none; }
.yl-kopf .gebiet .pin path { fill: var(--yl-orange); stroke: var(--yl-navy); stroke-width: .8; }
.yl-kopf .gebiet .pin circle { fill: #fff; }
.yl-kopf .gebiet .ort { cursor: pointer; }

/* Skizzen in „Über uns“ und „Einsatzgebiete“: ganzes Motiv zeigen, Bodenlinie knapp über dem Kartenrand */
.yl-kopf .panel[data-panel="m74"] .skizze, .yl-kopf .panel[data-panel="m74"] .pinsel,
.yl-kopf .panel--gebiet .skizze, .yl-kopf .panel--gebiet .pinsel { left: -24px; bottom: -22px; width: 400px; }