/* DUO DAY Schleswig-Holstein (Modellprojekt Kreis Stormarn) – Ergänzungen zum gemeinsamen Gestaltungssystem.
   Gleiche Farben, Schrift und Bedienung wie Hamburg; hier nur, was die Region zusätzlich braucht:
   Startbild ohne Foto (eigene Landschaftszeichnung), Kreiskarte mit Beschriftung, Gemeinde-, Amts-, Lage- und Landeskarte. */

/* Startbild ohne Foto: Himmel wie in Hamburg, darunter eine gezeichnete Hügellandschaft, die in das blaue Werteband übergeht */
.plakat.ohne-bild { background: linear-gradient(180deg, #8eb7e4 0%, #b4d1ee 28%, #cfe0f2 62%, #dde8f5 100%); }
.plakat.ohne-bild .huelle { padding-bottom: 8.5rem; }
.plakat-land { position: absolute; left: 0; right: 0; bottom: 0; height: 15rem; z-index: -1; pointer-events: none; }
.plakat-land svg { display: block; width: 100%; height: 100%; }
.plakat-land .h1 { fill: #a9bde6; }
.plakat-land .h2 { fill: #6c7fcb; }
.plakat-land .h3 { fill: var(--marine); }
html[data-farbe="sw"] .plakat-land { display: none; }
html[data-farbe="sw"] .plakat.ohne-bild { background: #fff; }

/* Kreiskarte: Beschriftung in drei Größen, „AMT“ als kleine Zeile über dem Namen */
.sh-karte .beschriftung tspan.art { font-size: 14px; letter-spacing: .16em; }
/* Name außerhalb des Gebiets (mit Hilfslinie): dunkle Schrift mit hellem Rand auf dem Himmel */
.sh-karte .beschriftung text.aussen { fill: var(--marine); stroke: none; }
.sh-karte .beschriftung rect.schild { fill: #fff; stroke: var(--marine); stroke-width: 2; }
html[data-farbe="sw"] .sh-karte .beschriftung rect.schild { stroke: #000; }
.sh-karte .fuehrung { stroke: var(--marine); stroke-width: 2; }
.sh-karte .fuehrung-punkt { fill: #fff; stroke: #13132b; stroke-width: 1.5; }
html[data-farbe="sw"] .sh-karte .fuehrung { stroke: #000; }
html[data-farbe="sw"] .sh-karte .fuehrung-punkt { fill: #000; stroke: #fff; }
html[data-farbe="sw"] .sh-karte .beschriftung text.aussen { fill: #000; stroke: none; }
/* Lage in Schleswig-Holstein (Einschub oben links) */
.sh-karte .lage-sh path { fill: #d9d1f4; stroke: #fff; stroke-width: 1.2; }
.sh-karte .lage-sh path.hier { fill: var(--magenta); }
.sh-karte .lage-sh text.fein { font-size: 15px; font-weight: 400; }
html[data-farbe="sw"] .sh-karte .lage-sh path { fill: #fff; stroke: #000; }
html[data-farbe="sw"] .sh-karte .lage-sh path.hier { fill: #000; }
/* Karte aller 55 Gemeinden: dünne Gemeindegrenzen, dicke Grenzen der Ämter, Städte und amtsfreien Gemeinden */
.gemeindekarte .bz path { stroke-width: 1; }
.gemeindekarte .einheitsgrenzen path { fill: none; stroke: #fff; stroke-width: 4; stroke-linejoin: round; pointer-events: none; }
html[data-farbe="sw"] .gemeindekarte .einheitsgrenzen path { stroke: #000; stroke-width: 4; }
.gemeindekarte svg, .sh-karte svg { max-height: 52rem; }
/* Amtskarte mit Gemeindenamen */
.amtskarte .beschriftung text { font-size: 23px; text-transform: none; letter-spacing: .01em; }
.amtskarte .beschriftung text.klein { font-size: 18px; }
.amtskarte svg { max-height: 36rem; }
/* Lagekarte: Gemeinde farbig, übrige Gemeinden desselben Amts mittelfarbig */
.lagekarte path.amt { fill: #a090e0; }
html[data-farbe="sw"] .lagekarte path.amt { fill: #767676; }
/* Landeskarte: Kreis Stormarn hervorgehoben */
.zweispaltig { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 2rem 3rem; align-items: center; margin-bottom: var(--absatz); }
.landkarte { margin: 0; }
.landkarte svg { display: block; width: 100%; max-width: 32rem; height: auto; margin: 0 auto; }
.landkarte path { fill: #d9d1f4; stroke: #fff; stroke-width: .8; stroke-linejoin: round; }
.landkarte path.hier { fill: var(--magenta); }
.landkarte .landmarke circle { fill: #fff; stroke: var(--marine); stroke-width: 1; }
.landkarte .landmarke line { stroke: var(--marine); stroke-width: 1; }
.landkarte .landmarke text { fill: var(--marine); font-size: 10px; font-weight: 700; }
.landkarte figcaption { margin-top: .5rem; }
html[data-farbe="sw"] .landkarte path { fill: #fff; stroke: #000; }
html[data-farbe="sw"] .landkarte path.hier { fill: #000; }
.liste-plain .marker { margin-left: .25rem; }
@media (max-width: 68rem) {
  .plakat.ohne-bild { background: linear-gradient(180deg, #b4d1ee 0, #dbe6f4 12rem, #eef1fb 22rem); }
  .plakat.ohne-bild .huelle { padding-bottom: 6rem; }
  .plakat-land { height: 9rem; }
  .zweispaltig { grid-template-columns: minmax(0, 1fr); }
}
@media (forced-colors: active) { .plakat-land { display: none; } .landkarte path.hier, .lagekarte path.hier, .sh-karte .lage-sh path.hier { fill: Highlight; } }
/* Kopf: „Schleswig-Holstein“ ist länger als „Hamburg“ – der Zusatz „Plattform für alle Duos“ steht deshalb in einer eigenen Zeile,
   damit Marke und Hauptmenü wie in Hamburg in einer Reihe bleiben (mobil bricht er ohnehin so um) */
.marke-slogan { display: block; }
/* Liste der Städte, Ämter und Gemeinden: etwas breitere Felder, Zahl der Gemeinden als zweite Zeile */
.stadtteile.einheiten { grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr)); }
.stadtteile .zusatz { display: block; font-weight: 400; font-size: 1rem; color: var(--text-leise); }
.zweispaltig.karte-links { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width: 68rem) { .zweispaltig.karte-links { grid-template-columns: minmax(0, 1fr); } }
/* Sechs Karten in zwei gleichen Reihen statt 4 + 2 */
.karten.drei { grid-template-columns: repeat(auto-fill, minmax(min(22rem, 100%), 1fr)); }

/* Startseite passt auf den Bildschirm (25.10.2026): Kreis-Karte etwas niedriger als in Hamburg */
@media (min-width: 69rem) { .plakat .hh-karte svg { max-height: clamp(15rem, calc(100vh - 25rem), 43rem); } }