.sg-seiten-falle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Obere Leiste */
.sg-kl{background:var(--sg-grund);border-bottom:1px solid var(--sg-linie);
  font-size:17px;line-height:1.3}
.sg-kl-bahn{display:flex;align-items:center;justify-content:space-between;gap:24px;
  max-width:var(--sg-breite);margin-inline:auto;padding:0 20px;min-height:46px}
.sg-kl-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sg-kl .sg-oz-heute{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;color:var(--sg-tinte)}
.sg-kl .sg-oz-heute__text{font-size:17px}
.sg-kl-tel{display:inline-flex;align-items:center;min-height:44px;
  font-weight:700;color:var(--sg-indigo);text-decoration:none;font-variant-numeric:tabular-nums}
.sg-kl-tel:hover{text-decoration:underline;text-underline-offset:3px}
.sg-kl-rechts{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sg-kl-rechts a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;
  color:var(--sg-grau);text-decoration:none;border-radius:8px}
.sg-kl-rechts a:hover{color:var(--sg-indigo);background:#fff}
.sg-kl-rechts a:focus-visible,.sg-kl-tel:focus-visible{outline:3px solid var(--sg-orange);outline-offset:2px}
.sg-kl-hinweis{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;
  padding:10px 20px;background:var(--sg-indigo);color:#fff;font-size:17px;
  justify-content:center;text-align:center}
.sg-kl-hinweis--jetzt{background:var(--sg-orange);color:var(--sg-orange-text)}
.sg-kl-hinweis__text{font-weight:600}
.sg-kl-hinweis__zeit{opacity:.85;font-variant-numeric:tabular-nums}
.sg-kl-hinweis__mehr{display:inline-flex;align-items:center;min-height:44px;
  color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.sg-u-feld__frei{font-weight:400;color:var(--sg-grau)}
.sg-seiten-spalten{align-items:start;gap:32px}
.sg-seiten-kopf{align-items:center}
/* Der Live-Zustand steht auf breiten Schirmen schon in der oberen Leiste.
   Zweimal ueber der Falz ist einmal zu viel. Am Handy faellt die Leiste weg,
   dort ist diese Zeile die einzige. */
@media (min-width:861px){ .sg-seiten-kopf .sg-oz-heute{display:none} }
.sg-seiten-formularblock{background:#fff;border:1px solid var(--sg-linie);
  border-radius:16px;padding:28px}
.sg-seiten-formularblock h2{margin-bottom:18px}
.sg-seiten-absenden{margin-top:6px}
.sg-seiten-neben{display:grid;gap:20px}
.sg-seiten-nebensatz{font-size:17px;line-height:1.5;color:var(--sg-grau)}
.sg-seiten-neben .sg-u-karte h3{margin-bottom:12px}
.sg-seiten-zweispaltig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

/* Team */
.sg-seiten-leute{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;margin:0;padding:0}
.sg-seiten-person{display:flex;gap:20px;align-items:flex-start;background:#fff;
  border:1px solid var(--sg-linie);border-radius:16px;padding:22px}
.sg-seiten-person__bild{flex:0 0 auto;width:112px;height:112px;border-radius:14px;
  overflow:hidden;background:var(--sg-grund);line-height:0}
.sg-seiten-person__bild img{width:100%;height:100%;object-fit:cover;display:block}
.sg-seiten-person__bild--leer{display:flex;align-items:center;justify-content:center;
  background:var(--sg-indigo);line-height:1}
.sg-seiten-person__bild--leer span{font-size:34px;font-weight:700;color:#fff;letter-spacing:.5px}
.sg-seiten-person__name{font-size:20px;font-weight:700;color:var(--sg-indigo);line-height:1.25}
.sg-seiten-person__funktion{margin-top:3px;font-size:17px;font-weight:600;color:var(--sg-orange)}
.sg-seiten-person__satz{margin-top:9px;font-size:17px;line-height:1.5;color:var(--sg-grau)}
.sg-seiten-person__mail{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;
  font-size:17px;color:var(--sg-indigo);word-break:break-word}

/* Newsletter */
.sg-seiten-anmeldung{margin-top:32px;background:#fff;border:1px solid var(--sg-linie);
  border-radius:16px;padding:28px}
.sg-seiten-klarheit{margin-top:36px}
.sg-seiten-zeitenblock{align-items:start}
.sg-seiten-zeitenblock .sg-u-karte h2{margin-bottom:14px;font-size:22px}
.sg-seiten-keineausnahme{margin-top:16px}
.sg-seiten-anfahrt{margin-top:14px}
.sg-seiten-verfolgen{margin-top:26px}
.sg-seiten-verfolgen form{display:grid;gap:18px}
.sg-seiten-verfolgen p{margin:0}
.sg-seiten-verfolgen label{display:block;margin-bottom:7px;font-size:17px;font-weight:600}
.sg-seiten-verfolgen input[type=text],.sg-seiten-verfolgen input[type=email]{
  width:100%;min-height:52px;padding:13px 15px;border:1px solid #C9CDE4;border-radius:10px;
  font:inherit;font-size:17px}
.sg-seiten-verfolgen button{display:inline-flex;align-items:center;justify-content:center;
  min-height:56px;padding:0 26px;border:0;border-radius:12px;cursor:pointer;
  background:var(--sg-orange);color:var(--sg-orange-text);font:inherit;font-size:18px;font-weight:600}
.sg-seiten-thema{margin-top:10px}
.sg-seiten-punkte{list-style:none;margin:16px 0 0;padding:0}
.sg-seiten-punkte li{position:relative;padding:12px 0 12px 32px;font-size:17px;line-height:1.5;
  border-bottom:1px solid var(--sg-linie-zart)}
.sg-seiten-punkte li:last-child{border-bottom:0}
.sg-seiten-punkte li::before{content:"";position:absolute;left:4px;top:19px;
  width:9px;height:5px;border-left:2px solid var(--sg-gruen);
  border-bottom:2px solid var(--sg-gruen);transform:rotate(-45deg)}

/* Sackgassen */
.sg-seiten-sackgasse{text-align:left}
.sg-seiten-code{font-size:17px;font-weight:600;color:var(--sg-orange);margin-bottom:10px}
.sg-seiten-suchkasten{margin-top:26px}
.sg-seiten-suchgitter{margin-top:26px}
.sg-seiten-mehrsuche{margin-top:28px}
.sg-seiten-suchkasten input[type=search],.sg-seiten-suchkasten input[type=text]{
  width:100%;min-height:52px;padding:13px 15px;border:1px solid #C9CDE4;border-radius:10px;
  font:inherit;font-size:17px}
.sg-seiten-suchkasten button,.sg-seiten-suchkasten input[type=submit]{
  min-height:52px;margin-top:10px;padding:0 24px;border:0;border-radius:10px;
  background:var(--sg-indigo);color:#fff;font:inherit;font-size:17px;font-weight:600;cursor:pointer}

@media (max-width:860px){
  /* Die obere Leiste kostete am Handy 109 von 844 Pixeln. Ihre Wege stehen
     in der Fusszeile und im Menue - hier faellt sie weg. Der Hinweisbalken
     bleibt, weil er nur erscheint, wenn er etwas zu sagen hat. */
  .sg-kl-bahn{display:none}
  .sg-kl{border-bottom:0;background:transparent}
  .sg-kl-hinweis{padding:12px 16px;font-size:17px}
  .sg-seiten-leute{grid-template-columns:minmax(0,1fr)}
  .sg-seiten-formularblock,.sg-seiten-anmeldung{padding:22px}
  .sg-seiten-person{padding:18px;gap:16px}
  .sg-seiten-person__bild{width:84px;height:84px}
}
@media (max-width:520px){
  .sg-seiten-zweispaltig{grid-template-columns:minmax(0,1fr)}
}