@charset "UTF-8";
/* ============================================================================
   Miniweb Basis CSS
   ========================================================================== */
/* global: global gültig Variablen - Miniweb, Newsletter, DODB, Widgets etc. --------------------- */
/* ==========================================================================
   _breakpoints.scss: Breakpoints Variablen Miniweb, Newsletter, DODB
   ========================================================================== */
/* Miniweb und allgemein */
/* > 260px: Wechsel der Navigation volle Breite zu 66,6% Breite bei einspaltigem Layout */
/* > 345px: Formular Wechsel von 1-spaltig auf 2-spaltig */
/* > 395px: Mittleres Bild Wechsel von voller Breite zu 2/3 Breite */
/* > 500px: Kurzes Stichwort Wechsel der linken Spaltenbreite von 3 Grid-Spalten auf 2 Grid-Spalten */
/* > 590px: Wechsel von einspaltigem Layout mit Avatar und Control-Leiste zu zweispaltigem Layout mit Markenzeichen */
/* > 690px: Kurzes Stichwort Wechsel der linken Spaltenbreite von 3 Grid-Spalten auf 2 Grid-Spalten */
/* > 794px: Wechsel von zweispaltigem Layout mit einspaltigem Header zu zweispaltigem Layout mit zweispaltigem Header */
/* > 880px: Wechsel von zweispaltigem Layout mit zweispaltigem Header zu dreispaltigem Layout */
/* > 1006px Wechsel von dreispaltigem Layout fensterfuellend zu dreispaltigem Layout im Fenster groesser 990px */
/* > 1006px Wechsel von dreispaltigem Layout fensterfuellend zu dreispaltigem Layout im Fenster groesser 990px */
/* Newsletter */
/* > 260px: Wechsel der Navigation volle Breite zu 66,6% Breite bei einspaltigem Layout */
/* > 400px: Wechsel der Container-Abstaende von festen 5px auf Prozent*/
/* > 500px: Teaser wird 2-spaltig, Bild wird nicht mehr von Text umflossen */
/* > 590px: Wechsel von Avatar und Control-Leiste zu Layout mit Markenzeichen */
/* > 590px + 10px Rahmen */
/* DODB */
/* > 345px: Text in Boxen mit Icon bekommt Einzug */
/* > 400px: island und justify-l-r wird größer */
/* > 672px: label mit input in einer Zeile, Lupe rueckt raus */
/* > 738px: Themenkacheln max-Breite erhoeht */
/* > 794px: Layout wird 2-spaltig */
/* > 820px: Themenkacheln max-Breite erhoeht */
/* > 1006px: Seitenbreite Boxen mit Hintergrund werden abgerundet */
/* > 1038px: eingerueckte Boxen mit Hintergrund bekommen volle Content-Breite*/
/* ==========================================================================
   _variables.scss: Global gültige Variablen
   (Werden - wenn nötig - projektbezogen über xxx/_variables.scss
   im Projektordner überschrieben
   ========================================================================== */
/* Abstand horizontal TODO: veraltetes Layout, nicht mehr verwenden, Vorkommen prüfen und entfernen!*/
/* Bezug: 990px */
/* Bezug: 570px */
/* Bezug: 180px */
/* Bezug: 285px */
/* Bezug: 115px */
/* Bezug: 195px */
/* Bezug: 390px */
/* Bezug: 455px */
/* Randabstand bei Fensterbreite kleiner $breakpoint-fullsize bzw. $breakpoint-fullsize-nl bzw. $breakpoint-fullsize-nl*/
/* Abstand horizontal*/
/* Standardabstand */
/* Einzug links */
/* Einzug links */
/* Position der unnummerierten Liste zum linken Rand linksbündig */
/* Position der unnummerierten Liste zum linken Rand linksbündig */
/* Einzug links für Text mit linksbündigem Icon */
/* Einzug links für Text mit linksbündigem Icon */
/* Abstand vertikal TODO: veraltetes Layout, nicht mehr verwenden, Vorkommen prüfen und entfernen! */
/* Randabstand bei Fensterbreite kleiner $breakpoint-fullsize  */
/* Abstand vertikal*/
/* Standardabstand Textabsatz */
/* Standardabstand Boxen */
/* Standardabstand Content im Context */
/* 1 Grid-Spalten, 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 2 Grid-Spalten, 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 3 Grid-Spalten, 50 + 15 + 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 4 Grid-Spalten, 50 + 15 + 50 + 15 + 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 6 Grid-Spalten, 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Bezug: 570px */
/* 9 Grid-Spalten, Content-Breite, 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 + 15 + 50 px  */
/* Bezug: 990px */
/* Contentspalte bei 2-spaltigem Seitenaufbau (195 + 15 + 780) */
/* Bezug: 990px */
/* Breiten fuer 2-spaltige Ausgabe - Miniweb responisv */
/* Bezug: gesamte Breite */
/* Bezug: gesamte Breite */
/* Font - Neue Font-Grössen, für DODB und folgende */
/* Icons klein: TODO: Veraltet - Links, Lupe */
/* Icons mittel:  TODO: Veraltet - Flaggen, Icons in den Serviceleisten */
/* Lupe */
/* Icons gross:  TODO: Veraltet -Social Media */
/* Icons gross:  TODO: Veraltet -  Social Media */
/* Buttons in Control-Leiste fuer mobile Ansicht */
/*  Font Awesome SVG-Icons TODO: Veraltet */
/* kleinste Groesse */
/* Icons Grössen */
/* Icon zur Kennzeichnung von Textinhalten, z.B. Links, Kontaktangaben etc. */
/* Border und Linien*/
/* Colors */
/* Fehler */
/* Wichtig, Warnung */
/* Wichtig, Warnung */
/* Ersatz für Variable $body-bg aus /miniweb_base/_variables */
/* TODO: veraltet - durch $bg-body ersetzen */
/* TODO: veraltet - durch $with-bg-dark ersetzen */
/* TODO: veraltet - durch $with-bg-dark ersetzen */
/* Text oder Icon auf dunklem Hintergrund */
/* TODO: veraltet - durch $bg-light-hover ersetzen */
/* Heller Hintergrund neutral grau */
/* TODO: veraltet - durch $bg-light ersetzen */
/* Halbdunkler Hintergrund neutral grau */
/* TODO: remove after implemeting new color managament system */
/* Dunkler Hintergrund neutral grau */
/* TODO: veraltet - durch $bg-dark ersetzen */
/* Text Standard */
/* veraltet - durch $color-default ersetzen */
/*
 * CD-Farben
 */
/* Hintergründe und Fills */
/* Text und Links */
/* ==========================================================================
   _colors.scss: CD-Farben fuer Colorpicker
   ========================================================================== */
/* Hintergründe */
.anthrazit {
  background: #454545;
}

.grau {
  background: #737373;
}

.sand-1 {
  background: #7e7367;
}

.orange-1 {
  background: #c25400;
}

.violett-1 {
  background: #401a60;
}

.violett-2 {
  background: #6c1a75;
}

.violett-3 {
  background: #8d026a;
}

.indigo-1 {
  background: #1e1e94;
}

.indigo-2 {
  background: #535fca;
}

.hellblau-1 {
  background: #005b80;
}

.hellblau-2 {
  background: #0080a3;
}

.dunkelblau-1 {
  background: #00326b;
}

.dunkelblau-2 {
  background: #004594;
}

.dunkelblau-3 {
  background: #006eb8;
}

.lindgruen-1 {
  background: #48610f;
}

.lindgruen-2 {
  background: #5a7e15;
}

.tannengruen-1 {
  background: #00545c;
}

.tannengruen-2 {
  background: #017969;
}

.oliv-1 {
  background: #696544;
}

/* Links, hervorgehobene Überschriften */
.anthrazit__link {
  color: #006480;
}

.grau__link {
  color: #006480;
}

.sand-1__link {
  color: #9a5e23;
}

.orange-1__link {
  color: #b34d00;
}

.violett-1__link {
  color: #ab0381;
}

.violett-2__link {
  color: #ab0381;
}

.violett-3__link {
  color: #ab0381;
}

.indigo-1__link {
  color: #535fca;
}

.indigo-2__link {
  color: #535fca;
}

.hellblau-1__link {
  color: #005b80;
}

.hellblau-2__link {
  color: #006480;
}

.dunkelblau-1__link {
  color: #004594;
}

.dunkelblau-2__link {
  color: #004594;
}

.dunkelblau-3__link {
  color: #004594;
}

.lindgruen-1__link {
  color: #517510;
}

.lindgruen-2__link {
  color: #517510;
}

.tannengruen-1__link {
  color: #017969;
}

.tannengruen-2__link {
  color: #017969;
}

.oliv-1__link {
  color: #696544;
}

/* SVG-Icons */
.anthrazit__icon {
  fill: #454545;
}

.grau__icon {
  fill: #737373;
}

.sand-1__icon {
  fill: #7e7367;
}

.orange-1__icon {
  fill: #c25400;
}

.violett-1__icon {
  fill: #401a60;
}

.violett-2__icon {
  fill: #6c1a75;
}

.violett-3__icon {
  fill: #8d026a;
}

.indigo-1__icon {
  fill: #1e1e94;
}

.indigo-2__icon {
  fill: #535fca;
}

.hellblau-1__icon {
  fill: #005b80;
}

.hellblau-2__icon {
  fill: #0080a3;
}

.dunkelblau-1__icon {
  fill: #00326b;
}

.dunkelblau-2__icon {
  fill: #004594;
}

.dunkelblau-3__icon {
  fill: #006eb8;
}

.lindgruen-1__icon {
  fill: #48610f;
}

.lindgruen-2__icon {
  fill: #5a7e15;
}

.tannengruen-1__icon {
  fill: #00545c;
}

.tannengruen-2__icon {
  fill: #017969;
}

.oliv-1__icon {
  fill: #696544;
}

.bg-gray-50 {
  background-color: color-mix(in srgb, gray, white 95%);
}

.text-gray-50 {
  color: color-mix(in srgb, gray, white 95%);
}

.fill-gray-50 {
  fill: color-mix(in srgb, gray, white 95%);
}

.border-gray-50 {
  border: 0.125rem solid color-mix(in srgb, gray, white 95%);
}

.bg-gray-100 {
  background-color: color-mix(in srgb, gray, white 85%);
}

.text-gray-100 {
  color: color-mix(in srgb, gray, white 85%);
}

.fill-gray-100 {
  fill: color-mix(in srgb, gray, white 85%);
}

.border-gray-100 {
  border: 0.125rem solid color-mix(in srgb, gray, white 85%);
}

.bg-gray-150 {
  background-color: color-mix(in srgb, gray, white 75%);
}

.text-gray-150 {
  color: color-mix(in srgb, gray, white 75%);
}

.fill-gray-150 {
  fill: color-mix(in srgb, gray, white 75%);
}

.border-gray-150 {
  border: 0.125rem solid color-mix(in srgb, gray, white 75%);
}

.bg-gray-200 {
  background-color: color-mix(in srgb, gray, white 65%);
}

.text-gray-200 {
  color: color-mix(in srgb, gray, white 65%);
}

.fill-gray-200 {
  fill: color-mix(in srgb, gray, white 65%);
}

.border-gray-200 {
  border: 0.125rem solid color-mix(in srgb, gray, white 65%);
}

.bg-gray-250 {
  background-color: color-mix(in srgb, gray, white 55%);
}

.text-gray-250 {
  color: color-mix(in srgb, gray, white 55%);
}

.fill-gray-250 {
  fill: color-mix(in srgb, gray, white 55%);
}

.border-gray-250 {
  border: 0.125rem solid color-mix(in srgb, gray, white 55%);
}

.bg-gray-300 {
  background-color: color-mix(in srgb, gray, white 45%);
}

.text-gray-300 {
  color: color-mix(in srgb, gray, white 45%);
}

.fill-gray-300 {
  fill: color-mix(in srgb, gray, white 45%);
}

.border-gray-300 {
  border: 0.125rem solid color-mix(in srgb, gray, white 45%);
}

.bg-gray-350 {
  background-color: color-mix(in srgb, gray, white 35%);
}

.text-gray-350 {
  color: color-mix(in srgb, gray, white 35%);
}

.fill-gray-350 {
  fill: color-mix(in srgb, gray, white 35%);
}

.border-gray-350 {
  border: 0.125rem solid color-mix(in srgb, gray, white 35%);
}

.bg-gray-400 {
  background-color: color-mix(in srgb, gray, white 25%);
}

.text-gray-400 {
  color: color-mix(in srgb, gray, white 25%);
}

.fill-gray-400 {
  fill: color-mix(in srgb, gray, white 25%);
}

.border-gray-400 {
  border: 0.125rem solid color-mix(in srgb, gray, white 25%);
}

.bg-gray-450 {
  background-color: color-mix(in srgb, gray, white 15%);
}

.text-gray-450 {
  color: color-mix(in srgb, gray, white 15%);
}

.fill-gray-450 {
  fill: color-mix(in srgb, gray, white 15%);
}

.border-gray-450 {
  border: 0.125rem solid color-mix(in srgb, gray, white 15%);
}

.bg-gray-500 {
  background-color: color-mix(in srgb, gray, white 5%);
}

.text-gray-500 {
  color: color-mix(in srgb, gray, white 5%);
}

.fill-gray-500 {
  fill: color-mix(in srgb, gray, white 5%);
}

.border-gray-500 {
  border: 0.125rem solid color-mix(in srgb, gray, white 5%);
}

.bg-gray-550 {
  background-color: color-mix(in srgb, gray, black 5%);
}

.text-gray-550 {
  color: color-mix(in srgb, gray, black 5%);
}

.fill-gray-550 {
  fill: color-mix(in srgb, gray, black 5%);
}

.border-gray-550 {
  border: 0.125rem solid color-mix(in srgb, gray, black 5%);
}

.bg-gray-600 {
  background-color: color-mix(in srgb, gray, black 15%);
}

.text-gray-600 {
  color: color-mix(in srgb, gray, black 15%);
}

.fill-gray-600 {
  fill: color-mix(in srgb, gray, black 15%);
}

.border-gray-600 {
  border: 0.125rem solid color-mix(in srgb, gray, black 15%);
}

.bg-gray-650 {
  background-color: color-mix(in srgb, gray, black 25%);
}

.text-gray-650 {
  color: color-mix(in srgb, gray, black 25%);
}

.fill-gray-650 {
  fill: color-mix(in srgb, gray, black 25%);
}

.border-gray-650 {
  border: 0.125rem solid color-mix(in srgb, gray, black 25%);
}

.bg-gray-700 {
  background-color: color-mix(in srgb, gray, black 35%);
}

.text-gray-700 {
  color: color-mix(in srgb, gray, black 35%);
}

.fill-gray-700 {
  fill: color-mix(in srgb, gray, black 35%);
}

.border-gray-700 {
  border: 0.125rem solid color-mix(in srgb, gray, black 35%);
}

.bg-gray-750 {
  background-color: color-mix(in srgb, gray, black 45%);
}

.text-gray-750 {
  color: color-mix(in srgb, gray, black 45%);
}

.fill-gray-750 {
  fill: color-mix(in srgb, gray, black 45%);
}

.border-gray-750 {
  border: 0.125rem solid color-mix(in srgb, gray, black 45%);
}

.bg-gray-800 {
  background-color: color-mix(in srgb, gray, black 55%);
}

.text-gray-800 {
  color: color-mix(in srgb, gray, black 55%);
}

.fill-gray-800 {
  fill: color-mix(in srgb, gray, black 55%);
}

.border-gray-800 {
  border: 0.125rem solid color-mix(in srgb, gray, black 55%);
}

.bg-gray-850 {
  background-color: color-mix(in srgb, gray, black 65%);
}

.text-gray-850 {
  color: color-mix(in srgb, gray, black 65%);
}

.fill-gray-850 {
  fill: color-mix(in srgb, gray, black 65%);
}

.border-gray-850 {
  border: 0.125rem solid color-mix(in srgb, gray, black 65%);
}

.bg-gray-900 {
  background-color: color-mix(in srgb, gray, black 75%);
}

.text-gray-900 {
  color: color-mix(in srgb, gray, black 75%);
}

.fill-gray-900 {
  fill: color-mix(in srgb, gray, black 75%);
}

.border-gray-900 {
  border: 0.125rem solid color-mix(in srgb, gray, black 75%);
}

.bg-gray-950 {
  background-color: color-mix(in srgb, gray, black 85%);
}

.text-gray-950 {
  color: color-mix(in srgb, gray, black 85%);
}

.fill-gray-950 {
  fill: color-mix(in srgb, gray, black 85%);
}

.border-gray-950 {
  border: 0.125rem solid color-mix(in srgb, gray, black 85%);
}

.bg-gray-1000 {
  background-color: color-mix(in srgb, gray, black 95%);
}

.text-gray-1000 {
  color: color-mix(in srgb, gray, black 95%);
}

.fill-gray-1000 {
  fill: color-mix(in srgb, gray, black 95%);
}

.border-gray-1000 {
  border: 0.125rem solid color-mix(in srgb, gray, black 95%);
}

.bg-theme-50 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 95%);
}

.text-theme-50 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 95%);
}

.fill-theme-50 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 95%);
}

.border-theme-50 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 95%);
}

.bg-theme-100 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 85%);
}

.text-theme-100 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 85%);
}

.fill-theme-100 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 85%);
}

.border-theme-100 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 85%);
}

.bg-theme-150 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 75%);
}

.text-theme-150 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 75%);
}

.fill-theme-150 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 75%);
}

.border-theme-150 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 75%);
}

.bg-theme-200 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 65%);
}

.text-theme-200 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 65%);
}

.fill-theme-200 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 65%);
}

.border-theme-200 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 65%);
}

.bg-theme-250 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 55%);
}

.text-theme-250 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 55%);
}

.fill-theme-250 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 55%);
}

.border-theme-250 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 55%);
}

.bg-theme-300 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 45%);
}

.text-theme-300 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 45%);
}

.fill-theme-300 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 45%);
}

.border-theme-300 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 45%);
}

.bg-theme-350 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 35%);
}

.text-theme-350 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 35%);
}

.fill-theme-350 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 35%);
}

.border-theme-350 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 35%);
}

.bg-theme-400 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 25%);
}

.text-theme-400 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 25%);
}

.fill-theme-400 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 25%);
}

.border-theme-400 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 25%);
}

.bg-theme-450 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 15%);
}

.text-theme-450 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 15%);
}

.fill-theme-450 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 15%);
}

.border-theme-450 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 15%);
}

.bg-theme-500 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), white 5%);
}

.text-theme-500 {
  color: color-mix(in srgb, var(--theme-bg-highlight), white 5%);
}

.fill-theme-500 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), white 5%);
}

.border-theme-500 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), white 5%);
}

.bg-theme-550 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 5%);
}

.text-theme-550 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 5%);
}

.fill-theme-550 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 5%);
}

.border-theme-550 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 5%);
}

.bg-theme-600 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 15%);
}

.text-theme-600 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 15%);
}

.fill-theme-600 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 15%);
}

.border-theme-600 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 15%);
}

.bg-theme-650 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 25%);
}

.text-theme-650 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 25%);
}

.fill-theme-650 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 25%);
}

.border-theme-650 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 25%);
}

.bg-theme-700 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 35%);
}

.text-theme-700 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 35%);
}

.fill-theme-700 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 35%);
}

.border-theme-700 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 35%);
}

.bg-theme-750 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 45%);
}

.text-theme-750 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 45%);
}

.fill-theme-750 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 45%);
}

.border-theme-750 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 45%);
}

.bg-theme-800 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 55%);
}

.text-theme-800 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 55%);
}

.fill-theme-800 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 55%);
}

.border-theme-800 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 55%);
}

.bg-theme-850 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 65%);
}

.text-theme-850 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 65%);
}

.fill-theme-850 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 65%);
}

.border-theme-850 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 65%);
}

.bg-theme-900 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 75%);
}

.text-theme-900 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 75%);
}

.fill-theme-900 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 75%);
}

.border-theme-900 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 75%);
}

.bg-theme-950 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 85%);
}

.text-theme-950 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 85%);
}

.fill-theme-950 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 85%);
}

.border-theme-950 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 85%);
}

.bg-theme-1000 {
  background-color: color-mix(in srgb, var(--theme-bg-highlight), black 95%);
}

.text-theme-1000 {
  color: color-mix(in srgb, var(--theme-bg-highlight), black 95%);
}

.fill-theme-1000 {
  fill: color-mix(in srgb, var(--theme-bg-highlight), black 95%);
}

.border-theme-1000 {
  border: 0.125rem solid color-mix(in srgb, var(--theme-bg-highlight), black 95%);
}

/* miniweb_base: Resets und Standardelemente --------------------- */
/* ===============================================================================
   _grid.scss: Seitenstruktur
   =============================================================================== */
#binding {
  margin: 0 auto;
  max-width: 62.125rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  position: relative;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .main[data-columns=two] .content {
    padding-left: 0.46875rem;
  }
}
@media only all and (min-width: 55em) {
  .main[data-columns=two] .content {
    padding-left: 0.9375rem;
    width: 78.787878787%;
  }
}
@media only all and (min-width: 62.875em) {
  #binding {
    border-left: none;
    border-right: none;
  }
}
/* ==========================================================================
   _hyphens.scss: css-Trennung in Abhaengigkeit von der Containerbreite
   (eqcss.min.js)
   ========================================================================== */
.col1,
.content,
.col3,
.table-row .table-cell-left,
.table-row .table-cell-right {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.no-hyphens {
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

@element ".col1" and (min-width: 23.75rem) {
  .col1 {
    -moz-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
}
@element ".content" and (min-width: 23.75rem) {
  .content {
    -moz-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
}
@element ".col3" and (min-width: 23.75rem) {
  .col3 {
    -moz-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
}
/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  height: 101%;
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: verdana, helvetica, arial, sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  background: white;
  font-size: 0.8rem;
  line-height: 1.5rem;
  margin: 0;
  padding-bottom: 0.001rem;
  /* body endet nur im Chrome an Fensterunterkante, padding-bottom von .credits wird nur mit dieser Anweisung im Fesnterbereich angezeigt */
  position: relative;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a {
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

a:hover {
  text-decoration: underline;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  color: #454545;
  font-size: 1rem;
  margin: 0 0 0.9375rem 0;
  padding: 0;
}

h2 {
  color: #454545;
  font-size: 0.85rem;
  margin: 0 0 0.9375rem 0;
  padding: 0;
}

h3 {
  color: #454545;
  font-size: 0.8rem;
  margin: 0 0 0.375rem 0;
  padding: 0;
}

h4, h5, h6 {
  color: #454545;
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0 0 1.5rem 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0 0 1.5rem 0;
}

dd {
  margin: 0 0 0 0;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */
menu ul,
menu ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  max-width: 100%;
  height: auto;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  *margin-left: -7px;
  /* 3 */
  padding: 0;
  white-space: normal;
  /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  *height: 13px;
  /* 3 */
  padding: 0;
  /* 2 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   _base.scss: Allgemeine Elementanweisungen, uebergreifende Klassen
   ========================================================================== */
html {
  font-family: verdana, helvetica, arial, sans-serif !important;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
  /* IE <= 8 */
}

.block {
  display: block;
}

.svg {
  height: auto;
  width: 100%;
}

.island,
.island-small, .box-in-connection,
.box--no-spacing, .box {
  display: block;
}
.island > :first-child,
.island-small > :first-child, .box-in-connection > :first-child,
.box--no-spacing > :first-child, .box > :first-child {
  margin-top: 0;
}
.island > :last-child,
.island-small > :last-child, .box-in-connection > :last-child,
.box--no-spacing > :last-child, .box > :last-child {
  margin-bottom: 0;
}

.box {
  margin-bottom: 0.9375rem;
}

.box-with-bg {
  padding-bottom: 0.9375rem;
}

.box--bg {
  padding-bottom: 1rem;
}

.box--rounded {
  border-radius: 0.5rem;
}

.box-in-connection,
.box--no-spacing {
  margin-bottom: 0;
}

.in-connection,
.no-spacing {
  margin-bottom: 0;
}

.spacing {
  margin-bottom: 1rem;
}

.nested-bg {
  background-color: #f0f0f0;
}

.nested-bg--warning {
  background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #d60e00;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .break {
    display: block;
  }
}
/* ==========================================================================
   _links_icons.scss: TODO: veraltetes löschen, Rest in global/_links.scss umziehen - Textauszeichnung mit Icons
   ========================================================================== */
/*
 * Icon als Hintergrund-Image
 */
.link,
.sign {
  margin-left: 1rem;
  padding-left: 0;
  text-indent: -1rem;
}

/* TODO: Veraltet, entfernen nach nächsten Reparse (eingetragen am 28.10.2022) */
.expand > h3.open:hover .link-expand,
.expand > h4.open:hover .link-expand, .expand > h3.open .link-expand,
.expand > h4.open .link-expand, .expand > h3.closed:hover .link-expand,
.expand > h4.closed:hover .link-expand, .expand > h3.closed .link-expand,
.expand > h4.closed .link-expand, .link-start, .link-next, .link-before, .link-download, .XPDF, .link-extern, .link-intern, .HTML {
  background-image: url(/images/global/icon_content.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 16px;
}

.link--svg-wrapper {
  position: relative;
}

.link-download-wrapper {
  margin-right: 0.5rem;
}

.link-download-filesize {
  white-space: nowrap;
}

.link-intern, .HTML {
  background-position: 0 0;
}

.link-extern {
  background-position: 0 -14px;
}

.link-download, .XPDF {
  background-position: 0 -28px;
}

.link-before {
  background-position: 0 -126px;
}

.link-next {
  background-position: 0 -140px;
}

.link-start {
  background-position: 0 -154px;
}

/*
 * Font Awesome Font-Icon Platzhalter
 */
.icon-xs-wrapper {
  width: 1.125rem;
}

.icon-l-wrapper {
  width: 2.5rem;
}

/* global: global gültige Utilities und Komponenten - Miniweb, Newsletter, DODB, Widgets etc. ---------- */
/* ==========================================================================
   _utilities.scss: Globale Helfer-Klassen
   ========================================================================== */
.bg--body {
  background: white;
}

.bg--dark-default {
  background: #454545;
}

.bg--light-default {
  background: #f0f0f0;
}

.break {
  display: none;
}

.fix {
  overflow: hidden;
}

.full-width {
  width: 100%;
}

.hidden {
  display: none !important;
}

.invisible,
.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.nowrap {
  white-space: nowrap;
}

.print {
  display: none;
}

.remove--gap-below {
  margin-bottom: 0;
}

.wrapper--relative {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-full {
  width: 100%;
}

.ml-0 {
  margin-left: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.m-0 {
  margin: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.p-0 {
  padding: 0rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.m-1 {
  margin: 1rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pt-1 {
  padding-top: 1rem;
}

.pr-1 {
  padding-right: 1rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.p-1 {
  padding: 1rem;
}

.ml-2 {
  margin-left: 2rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.m-2 {
  margin: 2rem;
}

.pl-2 {
  padding-left: 2rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pr-2 {
  padding-right: 2rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.p-2 {
  padding: 2rem;
}

.ml-3 {
  margin-left: 3rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.m-3 {
  margin: 3rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pr-3 {
  padding-right: 3rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.p-3 {
  padding: 3rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.m-4 {
  margin: 4rem;
}

.pl-4 {
  padding-left: 4rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pr-4 {
  padding-right: 4rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.p-4 {
  padding: 4rem;
}

.ml-5 {
  margin-left: 5rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mr-5 {
  margin-right: 5rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.m-5 {
  margin: 5rem;
}

.pl-5 {
  padding-left: 5rem;
}

.pt-5 {
  padding-top: 5rem;
}

.pr-5 {
  padding-right: 5rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.p-5 {
  padding: 5rem;
}

.gap-0 {
  gap: 0rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-between {
  justify-content: space-between;
}

.justify-items-center {
  justify-items: center;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.overflow-hidden {
  overflow: hidden;
}

.list-none {
  list-style: none;
}

/* ==========================================================================
   _links.scss: Linkvarianten ohne und mit Icon
   ========================================================================== */
/*
 * Rahmen um Link mit Icon zur Linkkennzeichnug
 */
.link-wrapper--icon,
.wrapper--mark {
  margin-left: 1.75rem;
}

.link-wrapper--icon > a {
  display: inline-block;
}

.link--download-filesize {
  padding-left: 0.25rem;
  white-space: nowrap;
}

/*
 * Accessibility Links mit Icon
 */
.link--access {
  cursor: pointer;
  height: 1.625rem;
  margin-left: 0;
  margin-right: 0.5rem;
  padding-left: 0.375rem;
  padding-right: 0.5rem;
  width: 2.5rem;
}

.link--access:hover,
.link--access-active {
  background: white;
}

.link--access.eyeAble_customToolOpenerClass {
  display: none;
}

/*
 * Mega-Link farbig hinterlegt mit Icon
 */
.link--mega {
  align-items: stretch;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.3);
  color: white;
  display: flex;
  font-size: 1.25rem;
  line-height: 1.75;
  gap: 1rem;
  transition: all 0.3s;
  width: 100%;
  padding: 1rem;
}
.link--mega .icon--mark {
  align-self: flex-start;
  fill: white;
  flex-shrink: 0;
  height: 1lh;
  top: 0;
  transition: all 0.3s;
  width: 1.75rem;
}
:hover .link--mega .icon--mark {
  fill: white;
}
.link--mega:hover {
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.6);
  color: white;
  text-decoration: none;
}
.link--mega:hover.anthrazit {
  background: #333333;
}
.link--mega:hover.grau {
  background: #616161;
}
.link--mega:hover.sand-1 {
  background: #6b6157;
}
.link--mega:hover.orange-1 {
  background: #9e4500;
}
.link--mega:hover.violett-1 {
  background: #2d1344;
}
.link--mega:hover.violett-2 {
  background: #511358;
}
.link--mega:hover.violett-3 {
  background: #690250;
}
.link--mega:hover.indigo-1 {
  background: #181877;
}
.link--mega:hover.indigo-2 {
  background: #3b48bf;
}
.link--mega:hover.hellblau-1 {
  background: #00425c;
}
.link--mega:hover.hellblau-2 {
  background: #006480;
}
.link--mega:hover.dunkelblau-1 {
  background: #002147;
}
.link--mega:hover.dunkelblau-2 {
  background: #003470;
}
.link--mega:hover.dunkelblau-3 {
  background: #005994;
}
.link--mega:hover.lindgruen-1 {
  background: #31420a;
}
.link--mega:hover.lindgruen-2 {
  background: #446010;
}
.link--mega:hover.tannengruen-1 {
  background: #003338;
}
.link--mega:hover.tannengruen-2 {
  background: #01564b;
}
.link--mega:hover.oliv-1 {
  background: #535036;
}

@media only all and (min-width: 36.875em) {
  .link--mega {
    padding: 1.25rem;
  }
}
/*
 * SQAT Button Contentbox
 */
.link--sqat {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 10rem;
}

/* Hydra Link Styling for site\flex\nl_management.perl and  htdocs\siteactives\sa_nl_archive.htms */
.nl-management a {
  color: var(--theme-link);
  text-decoration: none;
}
.nl-management a:hover {
  color: var(--theme-link-hover);
  text-decoration: underline;
}
.nl-management a.wrapper--icon-text {
  line-height: 2.25;
  width: fit-content;
}
.nl-management a.col--img:focus-visible,
.nl-management .img--large a:focus-visible {
  outline-offset: 0.125rem;
}
.nl-management .link--download-filesize {
  white-space: nowrap;
}

/* ==========================================================================
   _icons.scss: global gueltige Icons
   ========================================================================== */
/* TODO: alle löschen nach Linkkennzeichnung Update - Rahmen um absolut positioniertes Icon, wird ersetzt durch wrapper--relative in global/_utilities.scss*/
.link--svg-wrapper,
.svg-wrapper,
.icon-wrapper {
  position: relative;
}

.svg-icon,
.icon--absolute {
  position: absolute;
}

.wrapper--icon-inline {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.svg-icon--link,
.icon--link,
.icon--mark {
  height: 1rem;
  left: -1.75rem;
  top: 0.25rem;
  /*line-height minus icon-Höhe geteilt druch zwei */
  width: 1.125rem;
}

.icon--mark {
  fill: #454545;
}

.box--dodb .icon--link {
  height: 1.5rem;
  left: -1.75rem;
  top: 0.125rem;
  /*line-height minus icon-Höhe geteilt druch zwei */
  width: 1.5rem;
}

/*
 * Icon Print-Button
 */
.icon--print {
  fill: #6e6e6e;
  height: 1.25rem;
  right: 0;
  top: 0.25rem;
  /*line-height minus icon-Höhe geteilt druch zwei */
  width: 1.25rem;
}

.link--svg-wrapper:hover .svg-icon--link,
.icon-wrapper:hover .icon--link {
  fill: var(--theme-bg-highlight-hover);
}

/* TODO: Start löschen nach Linkkennzeichnung Update */
.link--svg-wrapper {
  display: block;
  padding-left: 1.75rem;
  position: relative;
}

.svg-icon--link {
  height: 1rem;
  left: 0;
  top: 0.25rem;
  width: 1.125rem;
}

/* TODO: Ende löschen nach Linkkennzeichnung Update */
/*
 * Control-Icons im Header
 */
.svg-icon--menu,
.icon--menu {
  fill: #454545;
  height: 2rem;
  left: 0.5rem;
  top: 0.5rem;
  width: 2rem;
}

.svg-icon--login,
.icon--login {
  fill: #6e6e6e;
  height: 1.75rem;
  left: 0.5rem;
  top: 0.625rem;
  width: 2.25rem;
}

.svg-icon--contact,
.icon--contact {
  fill: #6e6e6e;
  height: 1.75rem;
  left: 0.5rem;
  top: 0.75rem;
  width: 2.25rem;
}

.icon--jobs {
  fill: #6e6e6e;
  height: 1.75rem;
  left: 0.25rem;
  top: 0.625rem;
  width: 4.125rem;
}

.svg-icon--phonebook,
.icon--phonebook {
  fill: #6e6e6e;
  height: 2rem;
  left: 0.5rem;
  top: 0.5rem;
  width: 2.25rem;
}

/*
 * DGS, LS, Eye-Able Button Serviceleiste
 */
.icon--access {
  fill: #6e6e6e;
  height: 1.375rem;
  top: 0.0625rem;
  width: 1.75rem;
}

/*
 * SQAT-Icon
 */
.icon--sqat {
  display: block;
  height: 3.5rem;
}

.link--sqat:hover .icon--sqat {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

/*
 * Social Media CD-konform
 */
.link--socialmedia {
  display: block;
  height: 2rem;
  position: relative;
  width: 2rem;
}

.link--socialmedia span {
  display: inline-block;
}

.socialmedia__svg-icon--facebook,
.socialmedia__svg-icon--home,
.socialmedia__svg-icon--instagram,
.socialmedia__svg-icon--telegram,
.socialmedia__svg-icon--twitter,
.icon--facebook,
.icon--home,
.icon--instagram,
.icon--telegram,
.icon--twitter,
.icon--x {
  left: 5%;
  max-height: 90%;
  max-width: 90%;
  top: 5%;
}

.socialmedia__svg-icon--linkedin,
.socialmedia__svg-icon--xing,
.icon--linkedin,
.icon--xing {
  left: 7.5%;
  max-height: 85%;
  max-width: 85%;
  top: 7.5%;
}

.socialmedia__svg-icon--youtube,
.icon--youtube,
.icon--whatsapp {
  left: 2.5%;
  max-height: 95%;
  max-width: 95%;
  top: 2.5%;
}

.socialmedia__svg-icon--blog,
.icon--blog {
  left: 10%;
  max-height: 80%;
  max-width: 80%;
  top: 10%;
}

/* Paginierung */
.icon--nav {
  fill: #6e6e6e;
  height: 1.75rem;
  top: calc(50% - 1/2*1.75rem);
  width: 1.75rem;
}

.carousel-btn-disabled .icon--nav {
  fill: white;
}

/* Nach-oben-Button */
.icon--up {
  height: 2.25rem;
  left: calc(50% - 1/2*1.5rem);
  margin-top: 0;
  opacity: 0.9;
  top: calc(50% - 3/4*1.5rem);
  transform: rotate(180deg);
  transition: all 0.5s;
  width: 1.5rem;
}

.button--up:hover .icon--up {
  opacity: 1;
}

/*.icon--socialmedia {
    fill: $menu-link;
    height: $icon-medium-height;
    width: $icon-medium-width;
}*/
.svg-icon--angle-double-right {
  fill: #6e6e6e;
  height: 1.75rem;
  margin-top: -0.75rem;
  right: 0.125rem;
  top: 50%;
  width: 1.75rem;
}

.icon--more {
  height: 1.75rem;
  top: calc(50% - 4/7*1.75rem);
  width: 1.75rem;
}

.list-links__item--event .icon--more {
  fill: #6e6e6e;
  right: 0.125rem;
}

.link--tile .icon--more {
  height: 2rem;
  right: 0.75rem;
}

.icon--text {
  fill: #616161;
  height: 1.5rem;
  left: 0;
  top: 0;
  width: 1.5rem;
}

.icon--globe {
  height: 1.5rem;
  left: 0;
  top: -0.125rem;
  width: 1.5rem;
}

.heading--list-lang .icon--globe {
  fill: #6e6e6e;
  top: 0.125rem;
}

.nested-bg--warning .icon--text {
  fill: #d60e00;
}

.icon.icon--success {
  fill: #699419;
  /*height: 2rem;*/
}

.icon.icon--error {
  fill: #d60e00;
  /*height: 2rem;*/
}

.icon.icon--info {
  fill: #616161;
  /*height: 2rem;*/
}

.icon.icon--warning {
  fill: #f09400;
  /*height: 2rem;*/
}

.icon {
  fill: inherit;
}

.icon--grey {
  fill: #737373;
}

.icon--withbadge {
  display: block;
  margin: 0 0 0 0.5rem;
}

/*
 * Icon sizes
 */
.icon-xxlarge,
.icon--xxlarge {
  height: 2.5rem;
  width: 2.5rem;
}

.icon-xlarge,
.icon--xlarge {
  height: 2rem;
  width: 2rem;
}

.icon-large,
.icon--large {
  height: 1.75rem;
  width: 1.75rem;
}

.icon-medium,
.icon--medium {
  height: 1.5rem;
  width: 1.5rem;
}

.icon-small,
.icon--small {
  height: 1.25rem;
  width: 1.25rem;
}

.icon-xsmall,
.icon--xsmall {
  height: 1rem;
  width: 1rem;
}

.icon--search {
  height: 1.75rem;
  left: 0.5rem;
  opacity: 0.8;
  top: calc(50% - .875rem);
  transition: all 0.5s;
  width: 1.75rem;
}

.box--dodb .icon--search {
  fill: white;
}

.box--dodb.bg--highlight-gradient .icon--search,
.box--dodb.bg--dodb-gradient .icon--search {
  fill: white;
}

.button--icon:hover .icon--search {
  opacity: 1;
}

.icon--rating {
  height: 2.125rem;
  left: 0.125rem;
  top: 0.125rem;
  width: 2.125rem;
  stroke-width: 20;
}

.input--rating[type=radio] + label .icon--rating {
  stroke: #737373;
  fill: white;
}

.input--rating[type=radio]:focus + label .icon--rating {
  stroke-width: 40;
  stroke: black;
}

/*.input--rating[type="radio"]:checked + label .icon--rating,*/
.input--rating[type=radio]:checked ~ label .icon--rating {
  stroke: #db8b00;
  fill: #fcba03;
}

.icon--close {
  height: 1.5rem;
  left: 0.25rem;
  top: 0.25rem;
  width: 1.5rem;
}

.form--contact .icon--close {
  fill: #cccccc;
  height: 2rem;
  width: 2rem;
}

.form--contact button:hover .icon--close {
  fill: white;
}

.icon--mandatory {
  height: 0.5rem;
  right: -0.75rem;
  top: 0;
  width: 0.5rem;
}

.wrapper--icon-inline .icon--mandatory {
  right: 0.375rem;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@element ".wrapper--rating" and (min-width: 18.75rem) {
  .icon--rating {
    height: 2rem;
    left: 0;
    top: 0;
    width: 2rem;
  }
}
@element ".content" and (min-width: 31.25em) {
  .svg-icon--angle-double-right,
.icon--angle-double-right {
    height: 1.75rem;
    margin-top: -0.85rem;
    right: 0.25rem;
    width: 1.75rem;
  }
}
@media only all and (min-width: 36.875em) {
  .service__button .icon--phonebook {
    height: 1.375rem;
    top: 0.075rem;
    width: 1.75rem;
  }

  .service__button .icon--login {
    height: 1.125rem;
    top: 0.1625rem;
    width: 1.5rem;
  }

  .service__button .icon--jobs {
    height: 1.25rem;
    left: 0.5rem;
    top: 0.15rem;
    width: 2.75rem;
  }
}
@media only all and (min-width: 62.875em) {
  .service__button .icon--jobs {
    height: 1.25rem;
    top: 0.15rem;
    width: 3rem;
  }
}
/* Hydra Link Styling for site\flex\nl_management.perl and  htdocs\siteactives\sa_nl_archive.htms */
/*
 * Text mit Icon-Kennzeichnung
 */
.nl-management .wrapper--icon-text {
  align-items: baseline;
  column-gap: calc(7 / 8 * 1rem);
  display: flex;
  position: relative;
}
.nl-management .wrapper--icon-text svg {
  flex-shrink: 0;
}
.nl-management .wrapper--icon-text .icon--large {
  position: relative;
  top: calc(1 / 4 * 1rem);
}

.nl-management .icon--mark {
  fill: #404040;
  height: 1.125rem;
  left: 0;
  position: relative;
  top: calc(1 / 16 * 1rem);
  width: 1.125rem;
}
.nl-management a .icon--mark {
  fill: var(--theme-bg-highlight);
}
.nl-management a:hover .icon--mark {
  fill: var(--theme-bg-highlight-hover);
}

/* ==========================================================================
   _print.scss: Druckbutton
   ========================================================================== */
.form--print {
  display: none;
}

@media only all and (min-width: 36.875em) {
  .form--print {
    display: block;
    position: absolute;
    right: 1rem;
    top: 0;
    width: calc(1rem + 1.25rem);
  }

  .form--print__link {
    cursor: pointer;
    display: block;
    height: calc(1rem + 1.25rem);
    width: calc(1rem + 1.25rem);
  }
}
@media only all and (min-width: 64.875em) {
  .form--print {
    right: 0;
  }
}
/* ==========================================================================
   _badge.scss: universell einsetzbares rotes Badge
   ========================================================================== */
/* Rahmen - wird benötigt für die korrekte Positionierung */
.badge__wrapper {
  position: relative;
}

.badge__wrapper.badge__wrapper--top {
  padding-bottom: 0.75rem;
  padding-top: 0.8125rem;
}

.badge__wrapper.badge__wrapper--bottom {
  padding-bottom: 0.8125rem;
  padding-top: 0.75rem;
}

.badge__wrapper.badge__wrapper--inline {
  align-content: space-between;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.badge__wrapper--icon-text {
  height: 1.5rem;
  width: 1.75rem;
}

.badge__wrapper--icon-calendar {
  height: 1.5rem;
  width: 1.75rem;
}

/* Allgemein */
.badge {
  border: 0.1rem solid white;
  box-shadow: 0 0 0.2rem 0.1rem rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  color: white;
  display: inline-block;
  position: absolute;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

/* Override Imperia styles.css */
.badge:empty:not(.badge--hidden) {
  display: inline-block;
}

/* Badge ohne Inhalt */
.badge--blank {
  border-radius: 0.5rem;
  margin: 0.125rem;
  min-height: 1rem;
  min-width: 1rem;
  padding: 0.25rem 0.35rem;
}

/* Badge mit Inhalt */
.badge--content {
  border-radius: 0.6125rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  padding-top: 0.125rem;
}

.badge--number {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.badge--icon {
  line-height: 0.5rem;
  padding-left: 0;
  padding-right: 0;
}

/* Hintergrund Farben */
.badge--important {
  background-color: #f00000;
}

.badge--favourite {
  background-color: #fcba03;
}

.badge--new {
  background-color: #5a7e15;
}

.badge--change {
  background-color: #017969;
}

.badge--info {
  background-color: #006eb8;
}

/* Position */
.badge--top {
  top: -0.6125rem;
}

.badge--bottom {
  bottom: -0.6125rem;
}

.badge--inline {
  display: inline-block;
  margin-left: 1rem;
  margin-right: 0.5rem;
  position: static;
}

.badge--right-indent {
  right: 0.6125rem;
}

.badge--right {
  right: -0.6125rem;
}

.badge--left-indent {
  left: 0.6125rem;
}

.badge--left {
  left: -0.6125rem;
}

/* Icon innerhalb Badge */
.badge__icon {
  fill: #fff;
  height: 0.8rem;
  margin: 0;
  width: 0.8rem;
}

/* Newsletter Anmeldeformular Button */
.badge--hidden {
  display: none;
}

.badge--visible {
  display: block;
}

/* ==========================================================================
   _form_contact.scss: CSS für globales Kontakt- und Feedbackformular
   ========================================================================== */
.wrapper--form {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 100;
}

.form--contact {
  background-color: white;
  border: 0.125rem solid white;
  border-radius: 0.5rem;
  font-family: "Open Sans", sans-serif;
  margin: 2rem auto;
  max-height: 80vh;
  max-width: 50rem;
  width: 90vw;
}
.form--contact main,
.form--contact footer,
.form--contact .island {
  padding: 1rem 0.5rem;
}
.form--contact header {
  border-radius: 0.5rem 0.5rem 0 0;
  box-shadow: 0 0.5rem 0.25rem -0.1rem rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
  min-height: 3.75rem;
}
.form--contact h1 {
  color: white;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  margin-right: 3rem;
  padding: 1rem 1rem;
}
.form--contact main {
  margin: 0 auto;
  overflow: auto;
}
.form--contact footer {
  box-shadow: 0 -0.5rem 0.25rem -0.1rem rgba(0, 0, 0, 0.1);
  min-height: 3.75rem;
  z-index: 1;
}
.form--contact p {
  font-size: 0.875rem;
}

@media only all and (min-width: 36.875em) {
  .form--contact {
    margin: 2rem auto;
  }

  .form--contact main,
.form--contact footer,
.form--contact .island {
    padding: 1rem 1rem;
  }
  .form--contact header {
    padding: 0 1rem 0 3rem;
  }
  .form--contact h1 {
    font-size: 1.5rem;
    line-height: 1.75;
    padding: 1rem 0;
  }
  .form--contact p {
    font-size: 1rem;
  }
}
@media only all and (min-width: 40em) {
  .form--contact main,
.form--contact footer {
    padding: 1rem 3rem;
  }
}
@media only all and (min-width: 56em) {
  .form--contact {
    width: 50rem;
  }
}
/* ==========================================================================
   _form_item.scss: Formularelemente
   ========================================================================== */
.box--form {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.form--s {
  width: 100%;
}

.label--basic,
.form__label {
  font-size: 0.85rem;
  padding-bottom: 0.5rem;
}

.label--main,
.form__label--main {
  padding-bottom: 2rem;
}

.label--mandatory,
.form__label--mandatory {
  position: relative;
}

.label--row,
.form__label--row {
  display: block;
}

.label--enclosing {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.label--centered {
  margin-left: auto;
  margin-right: auto;
  max-width: 30rem;
}

.label__text {
  padding-bottom: 0.25rem;
}

.label__text--main {
  font-size: 0.9rem;
  font-weight: bold;
}

.input--basic,
.textarea--basic,
.form__input,
.form__textarea {
  background: white;
  border: 0.125rem solid #bababa;
  border-radius: 0.5rem;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
}

.input--s {
  width: 100%;
}

.textarea--basic {
  resize: vertical;
}

.textarea--5rows {
  height: 6.25rem;
}

.button--basic,
.form__button {
  border-radius: 0.5rem;
  font-size: 0.85rem;
  padding: 0.46875rem 0.9375rem;
}

.button--primary,
.form__button--primary {
  border: 0px solid white;
  color: white;
}

.button--primary:disabled,
.form__button--primary:disabled {
  background: #b3b3b3;
  border: 0px solid #b3b3b3;
}

.button--primary:hover:disabled,
.form__button--primary:hover:disabled {
  background: #b3b3b3;
  border: 0px solid #b3b3b3;
}

.button--close {
  background: inherit;
  border: none;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
}

.button--secondary:hover {
  background: white;
}

.button--secondary {
  background: #f0f0f0;
  border-style: solid;
  border-width: 0.125rem;
  color: black;
}

/*
 * Form-Elemente im Kontaktformular
 */
.form--contact .button--basic {
  font-size: 0.9rem;
  line-height: 1.25rem;
  min-width: 8.25rem;
  padding: 0.5rem 1.5rem;
}
.form--contact .button--primary {
  border-style: solid;
  border-width: 0.125rem;
}
.form--contact .button--close {
  height: 2.5rem;
  right: 0.6125rem;
  top: 0.6125rem;
  width: 2.5rem;
}
.form--contact .wrapper--fieldset {
  padding-top: 2rem;
}
.form--contact .wrapper--fieldset-first {
  padding-top: 3rem;
}
.form--contact .fieldset--basic {
  background: #f0f0f0;
  border-radius: 0.5rem;
  border-width: 0.125rem;
  margin-left: 0;
  margin-right: 0;
}
.form--contact .legend--basic {
  bottom: calc(100% + 0.5rem);
  display: block;
  font-size: 1rem;
  left: 0rem;
  position: absolute;
}
.form--contact .label--basic span {
  font-size: 1rem;
}
.form--contact .input--basic {
  border: 0.125rem solid #bababa;
}

.wrapper--button {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 1rem;
  justify-content: center;
}

.wrapper--center-rating {
  width: 13.25rem;
  margin-left: auto;
  margin-right: auto;
}

.wrapper--rating {
  direction: rtl;
  display: inline-grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  width: 13.25rem;
}

.label--rating {
  height: 2.25rem;
  width: 2.25rem;
  cursor: pointer;
}

.input--rating[type=radio] {
  height: 1rem;
  width: 1rem;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.wrapper--toggle {
  --toggle-width: 2.5rem;
  --toggle-height: 1.25rem;
  --toggle-padding: .125rem;
  --toggle-button-size: calc(var(--toggle-height) - var(--toggle-padding) * 2);
}

.wrapper--toggle-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.wrapper--toggle label {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.wrapper--toggle input[type=checkbox] {
  appearance: none;
  background-color: #999999;
  border: 0.125rem solid #999999;
  border-radius: 0.8rem;
  color: currentColor;
  cursor: pointer;
  display: grid;
  flex-shrink: 0;
  font: inherit;
  height: var(--toggle-height);
  margin: 0;
  place-content: center;
  transform: translateY(-0.075rem);
  transition: all 0.3s ease-in-out;
  width: var(--toggle-width);
}

.wrapper--toggle input[type=checkbox]:before {
  border-radius: 50%;
  box-shadow: inset 1rem 1rem #fff;
  content: "";
  height: var(--toggle-button-size);
  left: calc(var(--toggle-padding) / 2);
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: var(--toggle-button-size);
}

.wrapper--toggle input[type=checkbox]:checked {
  background-color: var(--theme-bg-highlight);
  border: 0.125rem solid var(--theme-bg-highlight);
  transition: all 0.3s ease-in-out;
}

.wrapper--toggle input[type=checkbox]:checked:before {
  left: calc(100% - var(--toggle-button-size));
  position: absolute;
  transition: all 0.3s ease-in-out;
}

.wrapper--toggle input[type=checkbox]:disabled {
  background-color: #b3b3b3;
  border: 0.15rem solid #999999;
  cursor: not-allowed;
}

.wrapper--toggle input[type=checkbox]:disabled:before {
  box-shadow: 1px 1px gray, -1px -1px gray, 1px -1px gray, -1px 1px gray, inset 1rem 1rem #cccccc;
}

.wrapper--search {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.button--icon,
.form__button--icon {
  background: inherit;
  border: none;
  display: inline-block;
  flex-shrink: 0;
  height: 2.25rem;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  transition: all 0.5s;
  width: 2.25rem;
}

.searchresult--autocomplete {
  background: white;
  border: 0.125rem solid #bababa;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 100%;
  width: calc(100% - 2.25rem);
  z-index: 10;
}

.searchresult--autocomplete__list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.searchresult--autocomplete__list li {
  border-bottom: 0.125rem solid #bababa;
}

.searchresult--autocomplete__list li:last-child {
  border-bottom: none;
}

@element ".wrapper--rating" and (min-width: 19.5rem) {
  .button--rating {
    background: none;
    border: none;
    height: 2rem;
    padding: 0;
    width: 2rem;
  }
}
@media only all and (min-width: 21.563em) {
  .wrapper--button {
    flex-direction: row;
    justify-content: flex-end;
  }
}
@media only all and (min-width: 24.6875em) {
  .form--s {
    width: 21.875rem;
  }

  .input--s {
    width: 12.5rem;
  }
}
@media only all and (min-width: 36.875em) {
  .input--basic,
.textarea--basic,
.form__input,
.form__textarea {
    font-size: 0.85rem;
  }

  .form--contact .legend--basic {
    font-size: 1.25rem;
  }

  .form--s {
    width: 100%;
  }
}
@media only all and (min-width: 43.125em) {
  .form--s {
    margin-left: auto;
    margin-right: auto;
    width: 21.875rem;
  }
}
/* ==========================================================================
   _font_face.scss: CSS für Webfonts-Einbindung
   ========================================================================== */
/*open-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/open_sans/open-sans-latin-regular.woff2") format("woff2"), url("/fonts/open_sans/open-sans-latin-regular.woff") format("woff"), url("/fonts/open_sans/open-sans-latin-regular.ttf") format("truetype"), url("/fonts/open_sans/open-sans-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/open_sans/open-sans-latin-700.woff2") format("woff2"), url("/fonts/open_sans/open-sans-latin-700.woff") format("woff"), url("/fonts/open_sans/open-sans-latin-700.ttf") format("truetype"), url("/fonts/open_sans/open-sans-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* ==========================================================================
   _pagination.scss: Paginierung
   ========================================================================== */
/* TODO: Angleich an http://cmsdev.stadt.nuernberg.de:8001/miniweb_dodb_detail_az_nospace.html mit data-attributes etc.
    -  siehe auch htdocs\javascript\umweltdaten_graph.js */
.umweltdaten__container .visibility-hidden {
  visibility: hidden;
}
.umweltdaten__container .pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.umweltdaten__container .pagination .entity__count {
  margin-left: auto;
  margin-right: 0.7rem;
}
.umweltdaten__container .pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.umweltdaten__container .pagination ul li {
  position: relative;
  padding: 0.6rem;
  line-height: 1;
  cursor: pointer;
  margin: 0.3rem 0.15rem;
}
.umweltdaten__container .pagination__page--active:before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--theme-bg-highlight);
  z-index: -1;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
}
.umweltdaten__container .pagination__page--active {
  color: #FFF;
}
.umweltdaten__container .digiteers__pagination-prev svg {
  fill: var(--theme-bg-highlight);
}
.umweltdaten__container .pagination__prev svg {
  transform: rotate(180deg);
}
@media only all and (min-width: 36.875em) {
  .umweltdaten__container .pagination {
    margin: 0 0 0 1rem;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

/*  Remake Pagination */
.wrapper--pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 1rem 0;
}

.wrapper--pagination .entity__count {
  margin-left: auto;
  margin-right: 0.7rem;
}

.wrapper--pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wrapper--pagination .pagination_pages_container button {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: #fff;
  color: var(--theme-bg-highlight);
  border: 0.125rem solid #fff;
  margin: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  user-select: none;
}

.wrapper--pagination .pagination_pages button:not([data-is-active=true]):hover {
  color: var(--theme-bg-highlight);
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), var(--theme-bg-highlight);
  /* siehe auch .nested-bg--theme */
}

.wrapper--pagination .pagination_pages button[data-is-active=true],
.wrapper--pagination .pagination_pages button[data-is-active=true]:hover {
  background-color: var(--theme-bg-highlight);
  color: #FFF;
}

.wrapper--pagination button[data-pagination-action] {
  border: none;
  background-color: rgba(255, 255, 255, 0);
  fill: var(--theme-bg-highlight);
}

.wrapper--pagination button[data-pagination-action]:hover {
  fill: var(--theme-bg-highlight-hover);
}

.wrapper--pagination button[data-pagination-action]:disabled {
  border: none;
  background-color: none;
  fill: #cccccc;
  cursor: not-allowed;
}

@media only all and (min-width: 36.875em) {
  .wrapper--pagination {
    margin: 0 0 1rem 1rem;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
/* ==========================================================================
   _segmented_control.scss: Segmented Control Input basierend auf Radiobutton
   ========================================================================== */
.umweltdaten__container {
  /* Inline Variante */
  /* Animation */
  /* focus-visible */
  /* disabled */
  /* Icons */
  /* Colors */
  /* Combo  - nested choices*/
}
.umweltdaten__container :root {
  --ui-border-radius: 5px;
  --padding-v: .5rem;
  --padding-h: .5rem;
  --sc-label-size: 0.8rem;
  --sc-label-padding-h: calc(var(--sc-label-size) * 1);
  --sc-label-padding-v: calc(var(--sc-label-size) * 0.125);
}
.umweltdaten__container .segmented-control__panel {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: var(--ui-border-radius);
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 100%;
}
.umweltdaten__container .segmented-control__button,
.umweltdaten__container .segmented-control__content {
  width: calc(50% - 8px);
}
.umweltdaten__container .segmented-control__button > input[type=radio] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.umweltdaten__container .segmented-control__button > .segmented-control__content {
  align-items: center;
  color: var(--theme-bg-highlight);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0.25rem;
  padding: 5px 10px;
  width: calc(100% - 8px);
  border-radius: var(--ui-border-radius);
  border: 0.25rem solid #fff;
  font-size: 0.85rem;
}
.umweltdaten__container .segmented-control__button > input:checked + .segmented-control__content {
  border: 0.25rem solid var(--theme-bg-highlight);
  background-color: #fff;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
.umweltdaten__container .segmented-control__panel--inline {
  display: flex;
  width: auto;
}
.umweltdaten__container .segmented-control__panel--inline .segmented-control__button > .segmented-control__content {
  margin: 0.25rem;
  padding: var(--sc-label-padding-v) var(--sc-label-padding-h);
  width: calc(100% - var(--border-width) * 2);
  border: 0.25rem solid #fff;
  font-size: var(--sc-label-size);
}
.umweltdaten__container .segmented-control__button > input:checked + .segmented-control__content {
  transition: 0.5s cubic-bezier(0.8, -0.19, 0.3, 1.2);
  animation: clickIt 0.5s ease-in-out;
}
@keyframes clickIt {
  0% {
    transform: translateX(0.125rem) translateY(0.125rem);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
.umweltdaten__container .segmented-control__button > input:focus-visible + .segmented-control__content {
  outline: 3px solid black;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
.umweltdaten__container .segmented-control__button > input[disabled] + .segmented-control__content {
  color: #ccc;
}
.umweltdaten__container .segmented-control__button > input[disabled] + .segmented-control__content .segmented-control__icon {
  fill: #ccc;
}
.umweltdaten__container .segmented-control__button > input[disabled] + .segmented-control__content:hover {
  cursor: not-allowed;
}
.umweltdaten__container .segmented-control__content .segmented-control__icon {
  fill: var(--theme-bg-highlight);
  height: 1.25rem;
  width: 1.25rem;
  margin: 0 0.5rem 0 0;
}
.umweltdaten__container .segmented-control__objectcolor {
  width: 1.25rem;
  height: 1.25rem;
  /*border-radius: 0.625rem;*/
  border: 1px solid var(--theme-bg-highlight);
  margin: 0 0.5rem 0 0;
}
.umweltdaten__container .segmented-control__button > input:checked + .segmented-control__content .segmented-control__objectcolor {
  border: 1px solid #fff;
}
.umweltdaten__container .input-group--combo .segmented-control__panel {
  border-radius: var(--ui-border-radius) var(--ui-border-radius);
}
.umweltdaten__container .segmented-control__nested-choices {
  background: white;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 var(--ui-border-radius) var(--ui-border-radius);
  box-shadow: 0 1px 2px 0 #d9d9d9;
  min-width: 0;
  overflow: hidden;
  padding: var(--padding-v) var(--padding-h);
  display: none;
  justify-content: space-evenly;
  gap: 2rem;
}
.umweltdaten__container .segmented-control__nested-choices input,
.umweltdaten__container .segmented-control__nested-choices select {
  border: none;
  color: black;
  cursor: default;
  height: 1.8em;
  margin: 0;
  font-size: 0.85rem;
}
.umweltdaten__container .segmented-control__nested-choices > div {
  position: relative;
  width: calc(100% / var(--options-total));
  left: calc((var(--for-option) - 1) / var(--options-total) * 100%);
  display: flex;
  align-items: center;
}
.umweltdaten__container .segmented-control__nested-choices .segmented-control__panel {
  border-radius: var(--ui-border-radius);
  border-color: #ccc;
}
@media only all and (min-width: 36.875em) {
  .umweltdaten__container .segmented-control__panel {
    flex-wrap: nowrap;
  }
  .umweltdaten__container .segmented-control__button,
.umweltdaten__container .segmented-control__content {
    width: calc(100% - 8px);
  }
}
@media only all and (min-width: 55em) {
  .umweltdaten__container .segmented-control__button > .segmented-control__content {
    font-size: 0.85rem;
  }
}

/* ==========================================================================
   _tooltip.scss: Custom Tooltip - erstellt mit popper.js
   ========================================================================== */
.tooltip {
  --tooltip-padding-rem: .125rem;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.4);
  color: #464646;
  display: flex;
  flex-direction: column;
  max-height: 40vh;
  max-width: min(calc(100% - var(--tooltip-padding-rem) * 2), 500px);
  outline: 0.0625rem solid #bbb;
  white-space: initial;
  z-index: 105;
  opacity: 100% !important;
  /* override for imperia styles that prevent correct display */
}
.tooltip:not([data-tooltip-is-visible]) {
  display: none;
}
.tooltip .header-area {
  position: relative;
  padding: 0.5rem 1rem;
  padding-bottom: 0;
  height: auto;
  /* needed for backend layout - no effect for frontend */
}
.tooltip .header-area h3 {
  font-size: 1rem;
  font-weight: normal;
  margin: 0 2rem 1rem 0;
}
.tooltip[data-has-header^=false] .header-area {
  height: 2rem;
}

.tooltip__content {
  overflow-y: auto;
  padding: 0.5rem 1rem;
  padding-top: 0;
  font-size: 0.875rem;
}

.tooltip__close {
  position: absolute;
  background: none;
  border: none;
  height: 2rem;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  padding: 0;
  right: 0.125rem;
  top: 0.125rem;
  width: 2rem;
}

.tooltip__close:hover .icon--close {
  fill: var(--theme-bg-highlight-hover);
}

.tooltip li {
  margin-left: 1rem;
}

.tooltip p.link-wrapper--icon {
  margin-left: 1.75rem;
}

[data-popper-placement^=top] .tooltip__arrow {
  bottom: -0.5rem;
  clip-path: inset(calc(50% - .025rem) -100% -100% -100%);
}
[data-popper-placement^=top] .tooltip__arrow::before {
  transform: rotate(45deg);
  outline: 0.0625rem solid #bbb;
}

[data-popper-placement^=right] .tooltip__arrow {
  clip-path: inset(-100% calc(50% - .025rem) -100% -100%);
  left: -0.5rem;
}
[data-popper-placement^=right] .tooltip__arrow::before {
  transform: rotate(135deg);
  outline: 0.0625rem solid #bbb;
}

[data-popper-placement^=bottom] .tooltip__arrow {
  clip-path: inset(-100% -100% calc(50% - .025rem) -100%);
  top: -0.5rem;
}
[data-popper-placement^=bottom] .tooltip__arrow::before {
  transform: rotate(225deg);
  outline: 0.0625rem solid #bbb;
}

[data-popper-placement^=left] .tooltip__arrow {
  clip-path: inset(-100% -100% -100% calc(50% - .025rem));
  right: -0.5rem;
}
[data-popper-placement^=left] .tooltip__arrow::before {
  transform: rotate(-45deg);
  outline: 0.0625rem solid #bbb;
}

.tooltip__arrow::before {
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.4);
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
}

/* Schließen Button in Abhängigkeit von Hover verstecken */
@media (hover: hover) {
  [data-open-type=mouseenter] .tooltip__close {
    display: none;
  }

  .tooltip[data-open-type=mouseenter][data-has-header=false] .header-area {
    display: none;
  }

  .tooltip[data-open-type=mouseenter][data-has-header=false] .tooltip__content {
    padding-top: 0.5rem;
  }
}
/* [data-open-type="openTooltipHint"] ist Tutorial-Variante - wird in Abhängigkeit von Cookie angezeigt, schließt nur über Schließen Button */
/* ==========================================================================
   _up.scss: up - Button scrollt zum Seitenanfang, fix am Seitenende
   ========================================================================== */
.button--up {
  background: rgba(250, 250, 250, 0.8);
  bottom: 0.9375rem;
  box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
  display: block;
  height: 3rem;
  overflow: hidden;
  padding-left: 3rem;
  position: fixed;
  right: 1px;
  transition: all 0.5s;
  white-space: nowrap;
  width: 3rem;
  z-index: 100;
}

.button--up:hover {
  background: #fafafa;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 55em) {
  .button--up {
    bottom: 0.9375rem;
    margin-right: 0;
  }
}
@media only all and (min-width: 62.875em) {
  .button--up {
    margin-right: -30.9375rem;
    right: 50%;
  }
}
/* ==========================================================================
   _video.scss: global gueltige Video-Einbindung
   ========================================================================== */
/*
 * responsiver Container um Video-Iframe
 */
.video {
  height: 0;
  padding-bottom: 56.25%;
  /* Videohoehe bei Seitenverhaeltnis 16:9 */
  position: relative;
  width: 100%;
}

.video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.video.fix {
  overflow: visible;
}

@media only all and (min-width: 16.25em) {
  .video.fix {
    overflow: hidden;
  }
}
/*
 * Hinweisbox bei fehlender Cookiefreigabe TODO: Löschen nach Reparse, nach 24.10.2023
 */
.video--placeholder {
  background-image: linear-gradient(45deg, #ededed 0%, #b3b3b3 75%);
}

.video--placeholder__icon {
  display: none;
}

.video__cookie-box {
  align-items: flex-end;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #8f8f8f;
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  left: 0;
  padding: 0.46875rem 0.46875rem;
  position: absolute;
  right: 0;
  top: 0;
}

.video__cookie-text {
  margin-bottom: 0.46875rem;
  width: 100%;
}

.video__cookie-link {
  background: #424242;
  border-color: #424242;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  display: block;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 0.5rem;
}

.video__cookie-link:hover {
  background: #545454;
  border-color: #545454;
  color: #fff;
  text-decoration: none;
}

.video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only all and (min-width: 21.563em) {
  .video__cookie-box {
    padding: 1.875rem 1.875rem;
  }

  .video__cookie-text {
    margin-bottom: 0.9375rem;
    width: 100%;
  }

  .video--placeholder__icon {
    display: block;
    fill: #999999;
    height: 2rem;
    left: calc(50% - 1rem);
    top: 1rem;
    width: 3.25rem;
  }
}
@media only all and (min-width: 24.6875em) {
  .video__cookie-box {
    bottom: 1.875rem;
    left: calc(50% - 160px);
    padding: 0.9375rem 0.9375rem;
    position: absolute;
    top: 1.875rem;
    width: 320px;
  }
}
@media only all and (min-width: 31.25em) {
  .video--placeholder__icon {
    top: calc(20% - .5rem);
  }
}
@media only all and (min-width: 36.875em) {
  .video--placeholder__icon {
    top: 0.75rem;
  }
}
@media only all and (min-width: 43.125em) {
  .video--placeholder__icon {
    top: calc(20% - .5rem);
  }
}
@media only all and (min-width: 55em) {
  .video--placeholder__icon {
    top: calc(30% - .5rem);
  }
}
/* -------------

Video Einbindung von städtischer Video-Plattform (Moving Image)
--- hat einen eigenen html5 player, 
    der grundsätzlich über die Moving Image Verwaltungsoberfläche konfiguriert wird
--- hier nur Overrides und ergänzende Stylingmaßnahmen
------------- */
.wrapper--video-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--video-player-height);
  z-index: 12;
  gap: 25%;
  padding: 0.5rem;
}

.wrapper--video {
  height: var(--video-player-height);
  margin: 0 0 1rem 0;
}

.video-player {
  position: relative;
  top: -100%;
  left: 0;
}

.video__cover-button {
  border-radius: 3rem;
  margin: 0 auto;
  width: 4rem;
  height: 4rem;
  background-color: var(--theme-bg-highlight);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.06125rem solid #fff;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3);
}

.video__cover-button:focus-visible {
  outline: 0.25rem solid #fff;
  border: 0.06125rem solid #000;
}

.video__cover-button:focus-visible,
.video__cover-button:hover {
  background-color: var(--theme-bg-highlight-hover);
}

.cover-button__icon {
  width: 2rem;
  height: 2rem;
  fill: #fff;
  margin-left: 0.25rem;
}

.video__duration {
  width: fit-content;
  height: 1.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.875rem;
  line-height: 1rem;
  display: flex;
  align-items: center;
  position: relative;
  left: 0.5rem;
  bottom: 0.5rem;
}

.video-player .controls {
  /* ovrerride for controls class in miniwebheader */
  background: none;
  box-shadow: none;
  height: auto;
}

/* ==========================================================================
   _aboconfirm.scss: CSS für Bestätigung des NL-Abos - NL-Abo-Popup und NL-Widget
   ========================================================================== */
/*NOTE: Das Abo Pop-Up wird mittels savemode_preview.js erzeugt. */
.abo-popup__statusmessage--icon {
  height: 1.5rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  width: 1.75rem;
}

.abo-popup__statusmessage--icon.success {
  fill: green;
}

.abo-popup__statusmessage--icon.fail {
  fill: red;
}

.abo-popup__content--flexrow {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

/* ==========================================================================
   TODO: Löschen nach Reparse nach 24.10.2023
   _cookiebanner_extras.scss: CSS für Zusatzdialoge im Cookiebanner
   ========================================================================== */
/*NOTE: Die Zusatzdialoge werden über JQUERY in global.js erzeugt */
.cookieBotPopUp .content {
  width: 100%;
}

.cookieBotPopUpDialog {
  border-radius: 5px;
}

/*
 * Hinweisbox bei fehlender Cookiefreigabe
 */
.n-iframe {
  background-image: linear-gradient(45deg, #ededed 0%, #b3b3b3 75%);
  position: relative;
  min-height: 195px;
}

.n-iframe__cookie-box {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #8f8f8f;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 0.46875rem 0.46875rem;
  position: absolute;
  right: 0;
  top: 0;
}

.n-iframe__cookie-text {
  margin-bottom: 0.46875rem;
  width: 100%;
}

.n-iframe__cookie-link {
  background: #424242;
  border-color: #424242;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  display: inline-block;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 0.5rem;
  margin-left: auto;
}

.n-iframe__cookie-box > div {
  text-align: right;
}

.n-iframe__cookie-link:hover {
  background: #545454;
  border-color: #545454;
  color: #fff;
  text-decoration: none;
}

@media only all and (min-width: 21.563em) {
  .n-iframe__cookie-box {
    padding: 1.875rem 1.875rem;
  }

  .n-iframe__cookie-text {
    margin-bottom: 0.9375rem;
    width: 100%;
  }
}
@media only all and (min-width: 24.6875em) {
  .n-iframe__cookie-box {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    right: auto;
    width: 320px;
  }

  .col3 .n-iframe__cookie-box.cookieconsent-optout-marketing {
    width: 100%;
    padding: 0.75rem;
    hyphens: none;
  }

  .col3 .box.n-iframe.fix {
    width: 100%;
    height: auto;
    overflow: visible;
  }
}
/* ==========================================================================
   _cookieconsent.scss: CSS für Zusatzdialoge im Cookiebanner
   ========================================================================== */
/*NOTE: Die Zusatzdialoge werden über JQUERY in global.js erzeugt */
.cookieBotPopUp .content {
  width: 100%;
}

.cookieBotPopUpDialog {
  border-radius: 5px;
}

/*
 * Hinweisbox bei fehlender Cookiefreigabe
 */
/* TODO: TESTEN
.wrapper--cookieconsent {
    min-height: 13rem;
}*/
.cookieconsent {
  background-image: linear-gradient(45deg, #ededed 0%, #b3b3b3 75%);
  position: relative;
  width: 100%;
}

.cookieconsent--aspect-ratio {
  height: 0;
  padding-bottom: 56.25%;
}

.flex-slider__slide-media-container .cookieconsent--aspect-ratio {
  height: 0;
  padding-bottom: 66.666666%;
}

.cookieconsent--variable-height {
  min-height: 13rem;
}

.col3 .cookieconsent--variable-height {
  min-height: 15rem;
}

.cookieconsent__content {
  background: rgba(255, 255, 255, 0.75);
  border: 0.125rem solid #8f8f8f;
  border-radius: 0.5rem;
  bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0.5rem;
  padding: 0.5rem 0.5rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.cookieconsent__text {
  margin-bottom: 0.5rem;
  width: 100%;
}

.cookieconsent__link {
  background: #424242;
  border-radius: 0.5rem;
  border: none;
  color: white;
  display: block;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 0.5rem 1rem;
  text-align: center;
}

.cookieconsent__link:hover {
  color: white;
  text-decoration: none;
}

.icon--video {
  display: none;
}

@media only all and (min-width: 21.563em) {
  .cookieconsent--variable-height .cookieconsent__content {
    padding: 2rem 2rem;
  }

  .cookieconsent--aspect-ratio .cookieconsent__content {
    padding: 3rem 2rem 2rem 2rem;
  }

  .cookieconsent__text {
    margin-bottom: 1rem;
    width: 100%;
  }

  .icon--video {
    display: block;
    fill: #999999;
    height: 1.75rem;
    left: calc(50% - 1.75rem);
    top: 1rem;
    width: 3.5rem;
  }
}
@media only all and (min-width: 24.6875em) {
  .cookieconsent__content {
    bottom: auto;
    left: 50%;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20rem;
  }

  /* TODO: TESTEN
  .col3 .cookieconsent__content {
      hyphens: none;
      padding: 3/4*$space-v 3/4*$space-h;
      width: auto;
      bottom: 1/2*$space-v;
      left: 1/2*$space-h;
      right: 1/2*$space-h;
      top: 1/2*$space-v;
      transform: none;

  }*/
  .cookieconsent--variable-height .cookieconsent__content {
    padding: 1rem 1rem;
  }

  .cookieconsent--aspect-ratio .cookieconsent__content {
    padding: 3rem 1rem 1rem 1rem;
  }
}
@media only all and (min-width: 36.875em) {
  .col3 .cookieconsent__content {
    hyphens: none;
    width: calc(100% - 1rem);
  }
}
nbg-select.mobile details {
  display: none !important;
}
nbg-select.mobile select {
  display: block !important;
}
nbg-select details {
  border: 2px solid gray;
  border-radius: 0.5rem;
  margin: 0;
  position: relative;
  min-height: 2.3rem;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='fa-chevron-down-solid' viewBox='0 0 448 512'%3E%3Cpath fill='black' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem;
}
nbg-select details:has(summary:focus) {
  border: 2px solid #c25400;
}
nbg-select .listbox {
  margin-top: 0.3rem;
  position: absolute;
  z-index: 999;
  width: -webkit-fill-available;
  width: -moz-available;
  background-color: white;
  outline: 1px solid gray;
  border-radius: 0.5rem;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
nbg-select .listbox input[type=search] {
  width: -webkit-fill-available;
  width: -moz-available;
  margin: 0.3rem;
  border-radius: 0.3rem;
  padding: 0.3rem;
  border: 0.125rem solid gray;
}
nbg-select .listbox ul[role=listbox] {
  margin: 0;
  max-height: 15rem;
  overflow-y: auto;
  list-style: none;
  padding: 0;
}
nbg-select .listbox ul[role=listbox] [role=group] > span {
  font-weight: 600;
  margin-left: 0.5rem;
}
nbg-select .listbox ul[role=listbox] [role=group] {
  display: none;
}
nbg-select .listbox ul[role=listbox] [role=group]:has(li:not(.hidden)) {
  display: block;
}
nbg-select .listbox ul[role=listbox] li:hover, nbg-select .listbox ul[role=listbox] li:focus {
  background-color: var(--theme-bg-highlight-hover);
  color: var(--white, white);
}
nbg-select .listbox ul[role=listbox] li:hover div[type=checkbox], nbg-select .listbox ul[role=listbox] li:focus div[type=checkbox] {
  border-color: var(--white, white);
  cursor: pointer;
}
nbg-select .listbox ul[role=listbox] li:hover div[type=checkbox]:checked, nbg-select .listbox ul[role=listbox] li:focus div[type=checkbox]:checked {
  border-color: var(--white, white);
}
nbg-select .listbox ul[role=listbox] li:hover div::before, nbg-select .listbox ul[role=listbox] li:focus div::before {
  background-color: var(--white, white);
}
nbg-select .listbox ul[role=listbox] ul li:has(div[type=checkbox]) {
  margin-left: 0.5rem;
}
nbg-select .listbox ul[role=listbox] label {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  align-items: center;
}
nbg-select .listbox ul[role=listbox] label div[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  border: 0.15rem solid gray;
  border-radius: var(--border-radius, 0.5rem);
  display: grid;
  place-content: center;
}
nbg-select .listbox ul[role=listbox] label div[type=checkbox][checked=true] {
  border: 0.15rem solid var(--theme-bg-highlight);
}
nbg-select .listbox ul[role=listbox] label div[type=checkbox]::before {
  content: "";
  background: var(--theme-bg-highlight);
  display: block;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  width: 0.8rem;
  height: 0.8rem;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
nbg-select .listbox ul[role=listbox] label div[type=checkbox][checked=true]::before {
  transform: scale(1);
}
nbg-select summary {
  margin-top: 0.15rem;
  display: flex;
  justify-content: space-between;
  padding: 0 0.3rem;
  font-size: var(--font-size, calc(.875rem * var(--font-factor, 1)));
  padding-block: 0.2rem;
  min-height: 2rem;
}
nbg-select summary::-webkit-details-marker {
  display: none;
}
nbg-select summary:focus {
  outline: none;
}
nbg-select summary section {
  width: 95%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: center;
}
nbg-select details[open] summary {
  height: auto;
  overflow: auto;
}
nbg-select details[open] summary section {
  flex-wrap: wrap;
}
nbg-select details {
  display: block;
  margin-bottom: 0.5rem;
}
nbg-select select {
  width: 100%;
  display: none;
}

nbg-select:not(:defined) select {
  display: block;
}

@media (hover: hover) {
  nbg-select:has(summary:focus) details {
    display: none;
  }
  nbg-select:has(summary:focus) select {
    display: block;
  }
}
@media (hover: none) {
  nbg-select:has(div[type=radio]) details {
    display: none;
  }
  nbg-select:has(div[type=radio]) select {
    display: block;
  }
}
.ticker {
  margin-bottom: 1.5rem;
}
.ticker h2 {
  margin-left: 0.25rem;
}
.ticker h3 {
  padding-left: 0.5rem;
  padding-block: 0.25rem;
  position: sticky;
  top: 0;
  margin-inline: 0.25rem;
  margin-top: 0.5rem;
}
.ticker a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.ticker section {
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  margin-inline: 0.25rem;
  padding: 0.5rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.ticker p {
  margin-bottom: 0.5rem;
}
.ticker .notification-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: hsl(var(--color-highlight, 197, 100%), calc(var(--l-highlight, 25%) + var(--l-modifier-pastel, 70%)));
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  align-items: center;
  gap: 0.5rem;
  position: sticky;
  top: 0;
  z-index: 10;
  margin-inline: 0.25rem;
}
.ticker .notification-bar .button--basic {
  display: flex;
  gap: 0.5rem;
}
.ticker .notification-bar--error {
  background: #F7CFCC;
}
.ticker .timestamp {
  padding: 0.75rem 0.75rem 0 0.75rem;
}

.canoe {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: center;
}
.canoe .box--border-bottom {
  border: none;
  border-bottom: 0.125rem solid #ccc;
}
.canoe .canoe_article {
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.71 37.71'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23d6d6d6; %7D .cls-1, .cls-2, .cls-3, .cls-4 %7B stroke: %23595959; stroke-miterlimit: 10; %7D .cls-2 %7B fill: none; %7D .cls-3 %7B fill: %23fff; %7D .cls-4 %7B fill: %23908f90; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='18.85' cy='18.85' r='18.35'/%3E%3Cpath class='cls-3' d='M12.22,19.4s1.61-2.15,2.42-3.28c1.08-1.5,2.11-2.99,3.09-4.45,2.21,2.27,4.43,4.55,6.65,6.83,0,.07-5.74,3.04-5.74,3.04l-6.41-2.15h0Z'/%3E%3Cpath class='cls-3' d='M13.17,26.4c-1.28-1.2-1.59-1.82-4.45-5.16-1.17-1.36-2.15-2.47-2.82-3.2,0,0,5.95,1.78,12.56,2.26,0,0,1.43-.14,10.77-3.35-1.18,2.32-2.37,4.63-3.56,6.95-.1.26-2.37,5.94-6.28,6.12-2.25.1-4.12-1.65-6.22-3.61h0Z'/%3E%3Cpath class='cls-4' d='M35.82,25.85c-.93-.86-2.46-1.12-4.87-1.61-1.72-.36-3.63-.51-5.81-.36-6.62.44-7.25,2.44-11.42,2.49-6.46.07-9.31-4.74-12.47-2.89-.03.03-.07.04-.11.07,2.1,7.83,9.24,13.6,17.73,13.6s14.17-4.66,16.94-11.29h0Z'/%3E%3Cline class='cls-2' x1='18.45' y1='20.29' x2='17.73' y2='11.67'/%3E%3C/svg%3E");
  background-position: top 1rem right 1rem;
  background-repeat: no-repeat;
  background-size: 3rem 3rem;
  background-color: #f2f2f2;
  border-radius: 0.5rem;
  padding: 1rem;
}
.canoe .canoe_article > div:not(.stationName) {
  padding-block: 1rem;
}
.canoe .stationName {
  padding-bottom: 0;
}
.canoe .stationName h3 {
  margin: 0;
  width: 80%;
  font-weight: 700;
  font-size: 1.15rem;
}
.canoe .stationName span {
  display: block;
  font-size: 0.9rem;
}
.canoe .forcast {
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.canoe .forcast > span {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
.canoe .forcast .warningText {
  font-weight: 700;
}
.canoe .forcast div {
  mask-repeat: no-repeat;
  width: 2.5rem;
  height: 3rem;
  scale: 70%;
}
.canoe .forcast span {
  width: 80%;
}
.canoe .forcast div.canoe_allowed {
  background-color: #699419;
}
.canoe .forcast div.canoe_forbidden {
  background-color: #d60e00;
}
.canoe .forcast div.canoe_unknown {
  background-color: #1a1a1a;
}
.canoe .rules {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14.75rem, 1fr));
  gap: 1rem;
}
.canoe .rules .rule {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  font-size: 1rem;
  align-items: flex-start;
}
.canoe .rules .rule div {
  min-width: 2.5rem;
  min-height: 2.5rem;
  mask-repeat: no-repeat;
  background-color: #666666;
  scale: 70%;
}
.canoe .rules .rule span {
  width: 80%;
}
.canoe .details {
  font-size: 0.9rem;
  display: flex;
  flex-direction: column;
}

nbg-select.mobile details {
  display: none !important;
}
nbg-select.mobile select {
  display: block !important;
}
nbg-select details {
  border: 2px solid gray;
  border-radius: 0.5rem;
  margin: 0;
  position: relative;
  min-height: 2.3rem;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='fa-chevron-down-solid' viewBox='0 0 448 512'%3E%3Cpath fill='black' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem;
}
nbg-select details:has(summary:focus) {
  border: 2px solid #c25400;
}
nbg-select .listbox {
  margin-top: 0.3rem;
  position: absolute;
  z-index: 999;
  width: -webkit-fill-available;
  width: -moz-available;
  background-color: white;
  outline: 1px solid gray;
  border-radius: 0.5rem;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
nbg-select .listbox input[type=search] {
  width: -webkit-fill-available;
  width: -moz-available;
  margin: 0.3rem;
  border-radius: 0.3rem;
  padding: 0.3rem;
  border: 0.125rem solid gray;
}
nbg-select .listbox ul[role=listbox] {
  margin: 0;
  max-height: 15rem;
  overflow-y: auto;
  list-style: none;
  padding: 0;
}
nbg-select .listbox ul[role=listbox] [role=group] > span {
  font-weight: 600;
  margin-left: 0.5rem;
}
nbg-select .listbox ul[role=listbox] [role=group] {
  display: none;
}
nbg-select .listbox ul[role=listbox] [role=group]:has(li:not(.hidden)) {
  display: block;
}
nbg-select .listbox ul[role=listbox] li:hover, nbg-select .listbox ul[role=listbox] li:focus {
  background-color: var(--theme-bg-highlight-hover);
  color: var(--white, white);
}
nbg-select .listbox ul[role=listbox] li:hover div[type=checkbox], nbg-select .listbox ul[role=listbox] li:focus div[type=checkbox] {
  border-color: var(--white, white);
  cursor: pointer;
}
nbg-select .listbox ul[role=listbox] li:hover div[type=checkbox]:checked, nbg-select .listbox ul[role=listbox] li:focus div[type=checkbox]:checked {
  border-color: var(--white, white);
}
nbg-select .listbox ul[role=listbox] li:hover div::before, nbg-select .listbox ul[role=listbox] li:focus div::before {
  background-color: var(--white, white);
}
nbg-select .listbox ul[role=listbox] ul li:has(div[type=checkbox]) {
  margin-left: 0.5rem;
}
nbg-select .listbox ul[role=listbox] label {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  align-items: center;
}
nbg-select .listbox ul[role=listbox] label div[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  border: 0.15rem solid gray;
  border-radius: var(--border-radius, 0.5rem);
  display: grid;
  place-content: center;
}
nbg-select .listbox ul[role=listbox] label div[type=checkbox][checked=true] {
  border: 0.15rem solid var(--theme-bg-highlight);
}
nbg-select .listbox ul[role=listbox] label div[type=checkbox]::before {
  content: "";
  background: var(--theme-bg-highlight);
  display: block;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  width: 0.8rem;
  height: 0.8rem;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
nbg-select .listbox ul[role=listbox] label div[type=checkbox][checked=true]::before {
  transform: scale(1);
}
nbg-select summary {
  margin-top: 0.15rem;
  display: flex;
  justify-content: space-between;
  padding: 0 0.3rem;
  font-size: var(--font-size, calc(.875rem * var(--font-factor, 1)));
  padding-block: 0.2rem;
  min-height: 2rem;
}
nbg-select summary::-webkit-details-marker {
  display: none;
}
nbg-select summary:focus {
  outline: none;
}
nbg-select summary section {
  width: 95%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: center;
}
nbg-select details[open] summary {
  height: auto;
  overflow: auto;
}
nbg-select details[open] summary section {
  flex-wrap: wrap;
}
nbg-select details {
  display: block;
  margin-bottom: 0.5rem;
}
nbg-select select {
  width: 100%;
  display: none;
}

nbg-select:not(:defined) select {
  display: block;
}

@media (hover: hover) {
  nbg-select:has(summary:focus) details {
    display: none;
  }
  nbg-select:has(summary:focus) select {
    display: block;
  }
}
@media (hover: none) {
  nbg-select:has(div[type=radio]) details {
    display: none;
  }
  nbg-select:has(div[type=radio]) select {
    display: block;
  }
}
.esri-layer-list__item-toggle .esri-icon-visible:before {
  content: "";
}

.esri-layer-list__item-toggle .esri-icon-non-visible:before {
  content: "";
}

.esri-text-overlay-item,
.esri-widget,
.esri-input,
.esri-button--drill-in__title,
.esri-select,
.esri-button-menu__item .esri-button-menu__item-label,
.esri-elevation-profile-settings__popover-content,
.esri-floor-filter .esri-floor-filter__level-button,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search .esri-floor-filter__filter-menu-search-input,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name,
.esri-histogram__average-symbol {
  font-family: inherit !important;
}

/* miniweb_header ----------------------------------------------------------- */
/* ==========================================================================
   _header.scss: Logo, Titel, Titelbild
   ========================================================================== */
.skip-links {
  float: left;
  overflow: hidden;
}

.skip-links__list-item {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.skip-links__list-item:active,
.skip-links__list-item:focus {
  background-color: white;
  color: #333;
  display: inline;
  font-weight: 700;
  height: 20px;
  left: 0;
  overflow: visible;
  padding: 2px 2rem 0;
  text-decoration: underline;
  top: -1.6rem;
  width: auto;
}

.controls {
  background-color: white;
  box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.1);
  height: calc(3rem + 1px);
  position: relative;
  width: 100%;
  z-index: 100;
}

.with-js {
  display: none;
}
.js .with-js {
  display: block;
}

.controls__button {
  display: block;
  float: left;
  height: 3rem;
  margin-right: 0.5rem;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 3rem;
  /* TODO: Provisorium, muss nach Konfig-Raparse raus, 21.08.2023 */
}

.controls__button--menu {
  background-color: #e3e3e3;
  border: none;
}
.controls__button--menu.is-disabled {
  background-color: #f0f0f0;
  cursor: default;
}
.controls__button--menu.is-disabled .icon--menu {
  fill: #bababa;
}

.controls__button--menu,
.controls__button--login,
.controls__button--phonebook,
.controls__button--contact {
  width: 3rem;
}

.controls__button--jobs {
  width: 4.5rem;
}

.logo {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"> <path d="m0 0h48v48h-48z" style="fill: hsl(4, 100%, 42%)"/> <path d="M13.8,11.9v23.3H19V17l9.2,18.1h6V11.9H29v18.2l-9-18.2H13.8z" style="fill: hsl(0, 0%, 100%)"/> </svg>');
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 3rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: 100%;
  top: 0;
  white-space: nowrap;
  width: 3rem;
}

.header {
  border-bottom: 1px solid white;
}

.header-link,
.header-link:hover,
.header-link-mobile,
.header-link-mobile:hover,
.header-portal-link,
.header-portal-link:hover,
.header-portal-link-mobile,
.header-portal-link-mobile:hover {
  text-decoration: none;
}

.header-link {
  display: none;
}

.header-portal-link {
  display: block;
  position: relative;
}

.heading-title {
  font-size: 1rem;
  line-height: 1.8rem;
}

.heading-portal-title {
  line-height: 1rem;
}

.event {
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  left: 0.125rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.heading-title,
.heading-portal-title {
  color: white;
  margin: 0;
  padding: 5px 5px;
}

.header-img,
.header-portal-img {
  display: block;
}
.header-img img,
.header-portal-img img {
  border-bottom: 1px solid white;
  width: 100%;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 24.6875em) {
  .heading-portal-title {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}
@media only all and (min-width: 36.875em) {
  #top {
    position: absolute;
    top: -48px;
  }

  .controls {
    box-shadow: none;
    height: auto;
    position: static;
    width: auto;
  }

  .controls__button {
    display: none !important;
  }

  .logo {
    background-image: url(/images/global/nuernberg_logo.png);
    height: 80px;
    right: 7%;
    top: -48px;
    width: 128px;
  }

  .header {
    margin-top: 48px;
  }

  .header-link-mobile {
    display: none;
  }

  .header-link {
    display: block;
  }

  .header-portal-link {
    position: static;
  }

  .event {
    top: 32px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .header-portal-link-mobile {
    display: none;
  }

  .heading-title,
.heading-portal-title {
    font-size: 1.2rem;
    font-weight: normal;
    padding: 5px 0.9375rem;
  }
}
@media only all and (min-width: 49.625em) {
  .header-link {
    display: inline-block;
    height: 11.25rem;
    width: 33.33333%;
  }

  .header-img {
    display: block;
    float: right;
    overflow: hidden;
    width: 66.66667%;
  }
  .header-img img {
    border-bottom: none;
    border-left: 1px solid white;
    max-width: none;
    width: auto;
  }

  .heading-title {
    padding: 25px 0.9375rem 1rem 0.9375rem;
  }

  .heading-portal-title {
    padding: 1rem 0.9375rem;
  }
}
@media only all and (min-width: 55em) {
  .controls {
    height: auto;
  }

  .logo {
    left: 80.30303031%;
    right: auto;
  }

  .header-link {
    height: 11.25rem;
    width: 19.69696969%;
  }

  .header-img {
    width: 80.30303031%;
  }
}
@media only all and (min-width: 62.875em) {
  .fullsize .header-link {
    margin-left: -61.875rem;
    width: 12.1875rem;
  }
  .fullsize .header-img {
    border-right: 1px solid white;
    clear: right;
    float: left;
    margin-left: 12.1875rem;
    width: 49.6875rem;
  }
  .fullsize .logo {
    left: 49.6875rem;
  }
}
/* miniweb_navigation ----------------------------------------------------------- */
/* ==========================================================================
   _service.scss: Sprachenauswahl, Login Buergerkonto, Servicenavgation, Suche
   ========================================================================== */
.service,
.portal-service {
  padding: 5px 0 5px 5px;
  position: relative;
}

.service {
  background-color: #dbdbdb;
}

.service__lang {
  /*background-color: $service-bg;*/
  display: flex;
  float: left;
  height: 1.625rem;
}

.portal-service {
  background-color: white;
}

.select--lang {
  border: 0.0625rem solid #8f8f8f;
  border-radius: 0.25rem;
  margin: 0.125rem 0.5rem 0.125rem 0;
}

.service__button,
.service-menu {
  display: none;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .service,
.portal-service {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 0.5rem 0;
    min-height: 1.625rem;
    padding: 0 19.69696969% 0 0;
  }

  .service__lang {
    float: none;
    margin: 0 0 0 0.9375rem;
  }

  .service > .select--lang {
    margin: 0.1rem 0 0 0.9375rem;
  }

  .service-menu-link,
.service-menu-link-active, .service__button:hover,
.service__button-active, .service__button {
    color: #616161;
    text-decoration: none;
  }

  /* Icon-Links teilweise mit Text in der Serviceleiste*/
  .service__button {
    display: inline-block;
    height: 1.625rem;
    margin-right: 0.5rem;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 36px;
    /* TODO: Provisorium, muss nach Konfig-Raparse raus, 21.08.2023 */
  }

  .service__button:hover,
.service__button-active {
    background: white;
  }

  .service__button--login {
    width: 2.5rem;
  }

  .service__button--jobs {
    width: 3.75rem;
  }

  .service__button--phonebook {
    width: 2.5rem;
  }

  .portal-service .service__button {
    background-color: white;
  }

  .service-menu {
    display: block;
    height: 1.5rem;
    margin: 0;
  }
  .service-menu li {
    background-color: #dbdbdb;
    display: inline;
    font-size: 0.8rem;
    list-style-type: none;
    padding: 0;
  }

  .portal-service .service-menu li {
    background-color: white;
  }

  .service-menu-link,
.service-menu-link-active {
    padding: 0.25rem 1rem 0.375rem 1rem;
  }

  .service-menu-link-active {
    background-color: white;
  }

  .service-menu-link:hover,
.service-menu-link-active:hover {
    background-color: white;
    text-decoration: none;
  }
}
@media only all and (min-width: 49.625em) {
  .service__lang {
    float: left;
  }

  .service,
.portal-service {
    display: block;
    height: 1.625rem;
    margin: 0 0 0.5rem 0;
    padding: 0;
  }

  .service-menu {
    position: absolute;
    right: 22.72727271%;
    top: 0;
  }
}
@media only all and (min-width: 55em) {
  .service__button--phonebook {
    margin-right: 0;
    margin-top: 0;
    padding: 0 0.625rem 0 2.5rem;
    text-indent: 0;
    width: auto;
  }
}
@media only all and (min-width: 62.875em) {
  .service__lang {
    margin-right: 2rem;
    min-width: 9.25rem;
  }

  .portal-service .service__lang {
    margin-left: 0;
  }

  .service__button--jobs .icon--jobs {
    height: 1.25rem;
    top: 0.15rem;
    width: 3rem;
  }
}
/* ==========================================================================
   _search.scss: Suche und Suchfilter in Serviceleiste und Contentbereich
   ========================================================================== */
/*
 * Schnellsuche Serviceleiste
 */
.quicksearch {
  float: right;
  width: 33.33333%;
}

.quicksearch .input-search-wrapper {
  padding-right: 0;
  position: relative;
  z-index: 100;
  border: 0.0625rem solid #8f8f8f;
  border-radius: 0.35rem;
  background-color: #fff;
  height: 1.5rem;
  margin-right: 0.125rem;
}

.quicksearch .input-search {
  padding: 0.125rem 2rem 0.125rem 0.5rem;
  font-size: 0.8rem;
  width: calc(100% - 2.5rem);
  border: none;
  border-radius: 0.35rem;
  position: absolute;
  left: 0;
  top: 0.06125;
  height: 1.1rem;
  z-index: 101;
}

.quicksearch .label {
  display: none;
}

.quicksearch .button--search {
  position: absolute;
  height: 1.2rem;
  right: 0.125rem;
  top: 0.06125rem;
  z-index: 102;
  padding: 0 0.25rem 0.125rem 0.25rem;
}

.button-search-content {
  background: url(/images/global/icon_content.png) no-repeat;
  border: none;
  cursor: pointer;
  width: 1rem;
}

.icon--search {
  fill: #666;
  height: 1.15rem;
  left: 0.25rem;
  top: calc(50% - .125rem);
  transition: all 0.5s;
  width: 1.75rem;
}

.with-filter.button-search {
  margin-top: -7px;
  position: absolute;
  right: 16px;
  top: 50%;
  width: 1.5rem;
}
.with-filter.button-search.search {
  background-position: 7.5px -168px;
}
.with-filter.button-search.search:hover {
  background-position: 7.5px -186px;
}

.button-search-content {
  height: 18px;
  overflow: hidden;
  padding-left: 1.5rem;
  text-indent: 1rem;
  white-space: nowrap;
}
.button-search-content.search {
  background-position: 0.2rem -168px;
}
.button-search-content.search:hover {
  background-position: 0.2rem -186px;
}

/*
 * Stichwortsuche A-Z-Liste
 */
.keyword-search {
  padding-right: calc(1rem + 5px);
  position: relative;
}
.keyword-search .input-keyword-search {
  width: 100%;
}
.keyword-search .button-search {
  overflow: hidden;
  right: 0;
  text-indent: 1rem;
  white-space: nowrap;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .quicksearch {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 19.69696969%;
  }
}
@media only all and (min-width: 55em) {
  .quicksearch {
    left: 80.30303031%;
    right: auto;
  }
}
/* ==========================================================================
   _portalmenu.scss: Portalmenue
   ========================================================================== */
.rubric-5:hover, .rubric-5.active, .rubric-4:hover, .rubric-4.active, .rubric-3:hover, .rubric-3.active, .rubric-2:hover, .rubric-2.active, .rubric-1:hover, .rubric-1.active {
  background-image: url(/images/global/icon_rubric_active.png);
  background-position: 5px 10px;
  background-repeat: no-repeat;
}

.portal-menu {
  display: none;
}

.portal-menu-mobile div a {
  background-position: 0 100%;
  background-repeat: repeat-x;
  color: white;
  display: block;
  font-weight: bold;
  margin-bottom: 1px;
  padding: 0;
  padding: 5px 5px 15px calc(1rem + 5px);
}
.portal-menu-mobile div a:hover {
  text-decoration: none;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .portal-menu-mobile {
    display: none;
  }

  .portal-menu {
    display: block;
  }
  .portal-menu div {
    display: table;
    width: 100%;
  }
  .portal-menu div a {
    background-position: 0 100%;
    background-repeat: repeat-x;
    border-left: 1px solid white;
    color: white;
    display: table-cell;
    font-weight: bold;
    line-height: 1.2rem;
    margin-top: 0;
    padding: 0.4rem 5px 15px 0.9375rem;
    vertical-align: top;
  }
  .portal-menu div a:hover, .portal-menu div .active {
    background-image: none;
    text-decoration: none;
  }
  .portal-menu div > :first-child {
    border-left: none;
  }

  .rubric-1 {
    width: 19.69696969%;
  }

  .rubric-2 {
    width: 19.69696969%;
  }

  .rubric-3 {
    width: 19.69696969%;
  }

  .rubric-4 {
    width: 21.2121212%;
  }

  .rubric-5 {
    width: 19.69696969%;
  }
}
/* ==========================================================================
   _breadcrumb.scss: Breadcrumb
   ========================================================================== */
.breadcrumb {
  border-bottom: 1px solid #bababa;
  color: #454545;
  padding-bottom: 0.1rem;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0.1rem;
}

.breadcrumb-text {
  display: none;
}

.breadcrumb-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.breadcrumb-list li {
  display: inline;
  padding-right: 0.3rem;
}

.breadcrumb-list li:after {
  content: ">";
  padding: 0 0 0 0.5rem;
}

.breadcrumb-list li.active {
  font-weight: bold;
}

.breadcrumb-list li.active:after {
  content: "";
  padding: 0;
}

.breadcrumb-link {
  text-decoration: none;
}

.breadcrumb-link:hover {
  text-decoration: underline;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .breadcrumb {
    border-bottom: none;
  }
}
@media only all and (min-width: 49.625em) {
  .breadcrumb-text {
    display: block;
    float: left;
    font-weight: bold;
    margin-bottom: 0;
    margin-right: 1.51515151%;
    text-align: left;
    vertical-align: top;
    width: auto;
  }

  .breadcrumb-list {
    padding-right: 1rem;
  }
}
@media only all and (min-width: 55em) {
  .breadcrumb {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .breadcrumb-text {
    margin-right: 1rem;
    text-align: right;
    width: 19.69696969%;
  }

  .fullsize .breadcrumb-text {
    width: 12.1875rem;
  }

  .breadcrumb-list {
    margin-left: 21.2121212%;
  }

  .fullsize .breadcrumb-list {
    margin-left: 13.125rem;
  }
}
/* ==========================================================================
   _menu.scss: Hauptnavigation
   ========================================================================== */
.no-js .menu {
  display: block;
}
.js .menu {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.75);
  display: none;
  left: 0;
  max-height: 100%;
  overflow: auto;
  position: absolute;
  right: 0;
  top: calc(3rem + 1px);
  z-index: 80;
}
.js .menu.is-visible {
  display: block;
}

.heading-main-menu {
  color: #454545;
  font-weight: bold;
  padding: 7.5px 5px;
}

.main-menu,
.main-menu-sub {
  list-style: none;
  padding-left: 0;
}

.main-menu-sub {
  margin-bottom: 0;
  margin-top: 0;
}

.main-menu-li,
.main-menu-sub-li {
  border-top: 1px solid #bababa;
  line-height: 1.2rem;
  margin: 0;
}

.main-menu-li {
  font-weight: bold;
}

.main-menu-li:last-child {
  border-bottom: 1px solid #bababa;
}

.main-menu-sub-li {
  background: #f0f0f0;
  font-weight: normal;
  padding-left: 0.9375rem;
  padding-right: 5px;
}

.main-menu-sub-li:hover {
  background: white;
}

.main-menu-link,
.main-menu-link-active {
  /*display: inline-block; macht Probleme hyphens: manual, Edge ignoriert die Breite des umschliessenden li*/
  display: block;
  padding: 7.5px 5px;
}

.main-menu-link {
  color: #6e6e6e;
  text-decoration: none;
}

.main-menu-link:hover,
.main-menu-link-active,
.main-menu-link-active:hover {
  text-decoration: none;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 16.25em) {
  .js .menu {
    right: auto;
  }
}
@media only all and (min-width: 36.875em) {
  .js .menu, .no-js .menu {
    background-color: transparent;
    border-top: none;
    box-shadow: none;
    display: block;
    height: auto;
    overflow: visible;
    position: static;
  }

  .heading-main-menu {
    display: none;
  }

  .intern-mobile {
    display: none;
  }

  .main-menu-li,
.main-menu-sub-li {
    position: relative;
    /* Zu lange Navigationsbegriffe ueberlagern den Content und sind damit noch lesbar */
  }
}
@media only all and (min-width: 49.625em) {
  .main-menu-link,
.main-menu-link-active {
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
  }
}
@media only all and (min-width: 62.875em) {
  .main-menu-link,
.main-menu-link-active {
    padding-left: 0;
  }

  .fullsize .main-menu-link,
.fullsize .main-menu-link-active {
    padding-left: 5px;
  }

  .main-menu-li {
    padding: 0;
  }
}
/* ==========================================================================
   _function.scss: Funktionsleiste Content
   ========================================================================== */
/*
 * Rahmenbox
 */
.function {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-left: 5px;
}

/*
 * Buttons
 */
.accessibility {
  display: none;
}

/* ==========================================================================
   Media queries
   ==========================================================================*/
@media only all and (min-width: 62.875em) {
  .function {
    padding-left: 0;
  }

  .fullsize .function {
    padding-left: 5px;
  }
}
/* miniweb_content ----------------------------------------------------------- */
/* ==========================================================================
   _main.scss: Hauptbereich und Rahmen Navigation, Content und 3. Spalte
   ========================================================================== */
.content {
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 16.25em) {
  .col1 {
    width: 66.66666%;
  }
}
@media only all and (min-width: 36.875em) {
  .col1,
.col1-portal-home {
    float: left;
    padding-right: 2.272727265%;
    width: 33.33333%;
  }

  .content {
    float: right;
    width: 66.66666%;
  }

  .col3 {
    border-top: none;
    clear: left;
    float: left;
    padding-right: 2.272727265%;
    padding-top: 1.875rem;
    width: 33.33333%;
  }
}
@media only all and (min-width: 55em) {
  .col1,
.col1-portal-home {
    min-height: 0.9375rem;
    padding-right: 1.51515151%;
    width: 21.2121212%;
  }

  .col1-portal-home {
    margin-left: -78.78787877%;
    margin-top: 1.875rem;
    padding-left: 5px;
  }

  .main[data-columns=two] .col1-portal-home {
    margin-left: -100%;
    /*Fix Stadtportal Zweispaltiges Layout */
  }

  .content,
.main-portal-home .content {
    float: left;
    padding: 0 0 0.9375rem 0;
    width: 57.57575757%;
  }

  .fullsize .content {
    width: 77.27272726%;
  }

  .col3 {
    border-left: 1px solid #bababa;
    clear: none;
    float: right;
    overflow: none;
    /* nicht valide - pruefen: gibt es Probleme mit der Aenderung? */
    padding-right: 5px;
    padding-top: 0;
    width: 19.69696969%;
  }
}
@media only all and (min-width: 62.875em) {
  .col3 {
    padding-right: 0;
  }

  .col1-portal-home {
    padding-left: 0;
  }

  .fullsize .col1 {
    padding-right: 0.9375rem;
    width: 13.125rem;
  }
  .fullsize .content {
    float: none;
    padding-left: 13.125rem;
    padding-right: 5px;
    width: auto;
  }
}
/* ======================================================================================
   _accordion.scss: Flexgruppen-Modul lässt beliebige Flexmodule in einer Klappbox zu
   (siehe auch group_open.perl, group_close.perl, group_child und FlexGroup.js),
   Styling ausserdem verwendet in site\flex\stadt_gespraech_podcast.perl
   ====================================================================================== */
.wrapper--accordion {
  --toggle-width: 2.5rem;
  --toggle-height: 1.25rem;
  --toggle-padding: .125rem;
  --toggle-button-size: calc(var(--toggle-height) - var(--toggle-padding) * 2);
  margin-bottom: 2rem;
  /*.header-area:hover .icon--toggle {
      fill: var(--theme-bg-highlight-hover);
  }
  .header-area:hover .accordion__heading {
      fill: var(--theme-link-hover);
  }*/
  /* .content-area {
       padding: 1/2*$space-v 1/2*$space-h;
   }*/
}
.wrapper--accordion + .wrapper--accordion {
  margin-top: -2.125rem;
}
.wrapper--accordion .header-area,
.wrapper--accordion .control-area {
  cursor: pointer;
  min-height: 2.625rem;
  padding: 1rem 0.5rem;
  position: relative;
}
.wrapper--accordion .header-area .wrapper--img-text,
.wrapper--accordion .control-area .wrapper--img-text {
  margin-left: -0.5rem;
}
.wrapper--accordion .accordion__toggle-control {
  background: none;
  border: none;
  position: absolute;
  right: 0.5rem;
  top: 1.125rem;
}
.wrapper--accordion .icon--toggle {
  /*fill: var(--theme-bg-highlight);*/
  height: 1.5rem;
  transition: all 0.5s;
  width: 1.5rem;
}
.wrapper--accordion .accordion__teaser-box {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1rem;
  margin-left: -0.5rem;
}
.wrapper--accordion .accordion__teaser-img {
  height: auto;
  min-width: 31.57894737%;
}
.wrapper--accordion .accordion__teaser-text {
  font-size: 0.8rem;
  margin-top: -0.5rem;
}

.accordion__heading {
  font-size: 1.1875rem;
  font-weight: normal;
  margin-bottom: 0;
  margin-right: 3.5rem;
}

/* Wo wird das benötigt?
  .accordion__heading .icon {
    fill: var(--theme-link);
}
*/
.wrapper--accordion[data-status=is-open] .wrapper--accordion[data-status=is-closed] .icon--toggle,
.wrapper--accordion[data-status=is-closed] .icon--toggle {
  transform: rotate(-180deg);
}

.wrapper--accordion[data-status=is-open] .wrapper--accordion[data-status=is-open] .icon--toggle,
.wrapper--accordion[data-status=is-open] .icon--toggle {
  transform: rotate(0);
}

/* Wo im Einsatz?
.box--border-default {
    border: 0.125rem solid var(--theme-bg-highlight);
} */
.box--border-top-bottom {
  border: none;
  border-bottom: 0.125rem solid #cccccc;
  border-top: 0.125rem solid #cccccc;
}

@element ".wrapper--img-text" and (min-width: 21.938rem) /* 351px, kleines Bild wird eingeblendet, Box wird 2-spaltig */ {
  .wrapper--accordion .wrapper--img-text {
    margin-top: 0.75rem;
  }
}
@media only all and (min-width: 25rem) {
  .wrapper--accordion .content-area::after {
    left: 1rem;
    right: 1rem;
  }
  .wrapper--accordion .accordion__teaser-img {
    height: auto;
    min-width: 32.57894737%;
  }
}
@media only all and (min-width: 36.875em) {
  .wrapper--accordion {
    /*.content-area {
        padding: 1/2*$space-v 1/2*$space-h 1/2*$space-v 0;
    }*/
  }
  .wrapper--accordion .header-area,
.wrapper--accordion .control-area {
    padding: 1rem 1rem 1rem 0;
  }
  .wrapper--accordion .header-area .wrapper--img-text,
.wrapper--accordion .control-area .wrapper--img-text {
    margin-left: 0;
  }
  .wrapper--accordion .accordion__teaser-box {
    margin-left: 0;
  }
}
/* ==========================================================================
   _widgets_dodb.scss: Box für DODB-Widgets (Suche, Teaser, Adresse, DL, etc.)
   ========================================================================== */
/*
 * Rahmen
 */
.box--dodb {
  border-style: solid;
  border-width: 0;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.3);
  line-height: 1.75rem;
}

.box--dodb.island {
  padding: 1rem 1rem;
}

.bg--dodb-gradient {
  background-image: linear-gradient(135deg, #0080a3 0%, #005b80 75%);
}

.box--dodb.bg--body {
  border-color: #cccccc;
  border-width: 0.1rem;
}

.box--dodb .h2 {
  font-size: 1.25rem;
  font-weight: normal;
}

.box--dodb .h3 {
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
}

.box--dodb .text {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.box--dodb.bg--highlight-gradient .h2,
.box--dodb.bg--highlight-gradient .h3,
.box--dodb.bg--highlight-gradient .text,
.box--dodb.bg--dodb-gradient .h2,
.box--dodb.bg--dodb-gradient .h3,
.box--dodb.bg--dodb-gradient .text {
  color: white;
}

@media only all and (min-width: 21.563em) {
  /*.notebox__link  {
      padding: 1/2*$space-vertical-rem calc(30px + 2.34375rem);
  }
  .notebox__icon--info {
      display: block;
  }*/
}
@media only all and (min-width: 24.6875em) {
  .box--dodb .h2 {
    font-size: 1.5rem;
  }

  .box--dodb .h3 {
    font-size: 1.1875rem;
  }

  .box--dodb .text {
    font-size: 1rem;
  }
}
/* ==========================================================================
   _contentmoduls.scss: Module Content allgemein
   ========================================================================== */
/*
 * Spalten Verhalten
 */
.content-1-col {
  width: 31.57894737%;
}

.content-2-col {
  width: 65.78947368%;
}

.content-1-col-s {
  width: 20.1754385965%;
}

.content-2-col-l {
  width: 65.78947368%;
}

.content-3-col {
  width: 100%;
}

.content-left {
  float: left;
}

.content-right {
  float: right;
}

.img-1-col {
  margin-bottom: 5px;
  margin-right: 5px;
}

.text-2-col {
  position: relative;
  top: -0.4rem;
}

/*
 * Abstaende im Contentbereich
 */
.island,
.island-small {
  padding: 5px 5px;
}

.text-image-wrapper {
  position: relative;
}

/*
 * Ueberschriften
 */
.heading-box,
.heading--box {
  border-bottom: 1px solid white;
  color: white;
  margin: 0;
  padding-bottom: 0.1rem;
  padding-top: 0.1rem;
}

.text-2-col-bg .heading-inside-box {
  padding-top: 5px;
}

.important {
  background-color: #d60e00;
}

.important-text {
  color: #d60e00;
}

.neutral {
  background-color: #454545;
}

/*
 * rechte Textspalte in 2-spaltiger Teaserbox
 */
.text-2-col,
.text-2-col-bg {
  float: right;
  width: 65.78947368%;
}

.box--note__heading {
  padding-left: calc(1.5rem + 1rem);
  position: relative;
}

.box--note.nested-bg,
.box--note.nested-bg--warning,
.box--note.nested-bg--theme {
  border-radius: 0.5rem;
  border-style: solid;
  border-width: 0.125rem;
}

.box--note.nested-bg {
  border-color: #8f8f8f;
}

.box--note.nested-bg--warning {
  border-color: #d60e00;
}

/*
 * Listen
 */
.list-text .text {
  margin-left: 6.578947375%;
}

ul.list-text {
  list-style-image: url(/images/global/punkt.png);
}

.list-links {
  list-style-image: none;
  list-style-type: none;
}

.list-images {
  list-style-type: none;
  margin-left: -2.63157895%;
  padding-top: 5px;
}
.list-images li {
  display: inline-block;
  margin-bottom: 0.9375rem;
  margin-left: 2.5641026%;
  margin-top: -5px;
  width: 30%;
}
.list-images li.box-images {
  margin-bottom: 0;
}
.list-images li.hidden {
  display: none;
}

.list--images {
  display: grid;
  grid-column-gap: 0.9375rem;
  grid-row-gap: 0.9375rem;
  grid-template-columns: repeat(auto-fill, minmax(7.5rem, max-content));
  list-style: none;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.list--images img {
  display: block;
  width: 100%;
}
.list--images .banner-ad {
  height: 50%;
}

@element ".content" and (min-width: 32.5rem) /* 520px */ {
  .list--images {
    grid-template-columns: repeat(auto-fill, minmax(9rem, max-content));
  }
}
@element ".content" and (min-width: 35.688rem) /* 571px */ {
  .list--images {
    grid-template-columns: repeat(auto-fill, minmax(8rem, max-content));
  }
}
@element ".content" and (min-width: 43.75rem) /* 700px */ {
  .list--images {
    grid-template-columns: repeat(auto-fill, minmax(9rem, max-content));
  }
}
.list-az li.az-choosen, .list-az li.az-active, .list-az li.az-empty {
  padding-bottom: 0.1rem;
  padding-top: 0.1rem;
}

.list-az {
  list-style-type: none;
}
.list-az li {
  display: block;
  float: left;
  font-weight: bold;
  text-align: center;
  width: 7.5%;
}
.list-az li.az-empty {
  color: #bababa;
}
.list-az li.az-active {
  cursor: pointer;
}
.list-az li.az-active:hover, .list-az li.az-active:active {
  color: white;
}
.list-az li.az-choosen {
  color: white;
}

.list-weather {
  list-style-type: none;
}
.list-weather li {
  border-bottom: 1px solid white;
}
.list-weather .icon {
  margin: 0.1rem 5px 0.46875rem 0;
  padding: 0;
}
.list-weather p {
  margin: -0.2rem 0 0.2rem 0;
  padding: 0;
}

.list-icons-help dt {
  float: left;
  margin-right: 0.9375rem;
  width: 30px;
}
.list-icons-help dt img {
  margin-top: 0.5rem;
}
.list-icons-help dd {
  margin-left: 30px;
  padding-bottom: 0.2rem;
  padding-left: 0.9375rem;
}

/*
 * Bildmodule
 */
.image-m {
  float: none;
  width: auto;
}

.ilightbox {
  cursor: default;
}

.zoom {
  color: white;
  cursor: pointer;
  display: block;
  padding: 0;
  position: relative;
  text-decoration: none;
  z-index: 50;
  /* Link wird ohne z-index vom nachfolgenden div ueberlagert */
}

.zoom:hover {
  text-decoration: none;
}

.zoom-text {
  background: url(/images/global/icon_zoom.png) no-repeat right bottom;
  bottom: 0;
  color: white;
  display: none;
  height: 21px;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: right;
  width: 100%;
}

.landscape + .zoom-text,
.portrait + .zoom-text {
  background: url(/images/global/icon_zoom_gallery.png) no-repeat right bottom;
}

.zoom-text span {
  display: none;
}

.zoom .zoom-text {
  display: block;
}

.zoom:hover .zoom-text {
  background: url(/images/global/icon_zoom_hover.png) no-repeat right bottom;
  background-color: rgba(0, 0, 0, 0.3);
}

.zoom:hover .zoom-text span {
  bottom: 0;
  display: inline-block;
  line-height: 1rem;
  padding-bottom: 0.2rem;
  padding-left: 5px;
  padding-right: 30px;
  position: absolute;
  right: 0;
}

.img-1-col .zoom:hover .zoom-text,
.thumbnail .zoom:hover .zoom-text {
  height: 100%;
  text-align: left;
}

.caption {
  font-size: 0.75rem;
  padding-bottom: 0;
  padding-top: 0.5rem;
}

.caption-m {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  padding: 0 5px;
}

.responsively-lazy:not(img) {
  height: 0;
  position: relative;
}
.responsively-lazy:not(img) > img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

img.responsively-lazy {
  height: auto;
  /* ueberschreibt von Imperia vorgegebenen festen Hoehenwert*/
  width: 100%;
}

.img--border {
  outline-offset: -0.125rem;
  outline-style: solid;
  outline-width: 0.125rem;
}

/*
 * Link gesamte Box, Teaserbox, Bilderbox
 */
.box-linked,
.box--linked {
  color: black;
  display: block;
  text-decoration: none;
}

.box-linked:hover,
.box--linked:hover {
  background-color: whitesmoke;
  color: black;
  text-decoration: none;
}

.box-linked .link:hover,
.box--linked .link:hover .box-linked:hover .headline,
.box--linked:hover .headline,
.box--linked__linktext:hover {
  text-decoration: underline;
}

.box-linked .link-wrapper--icon span:not(.print),
.box--linked .link-wrapper--icon span {
  display: inline-block;
}

.box-linked:hover .link-wrapper--icon span:not(.print),
.box--linked:hover .link-wrapper--icon span {
  text-decoration: underline;
}

/*
 * Panorama
 */
.panorama-link {
  display: inline-block;
  margin: 0;
  max-width: 100%;
  position: relative;
  text-decoration: none;
}

.panorama-link span {
  background: url(/images/global/icon_panorama.png) 50% 50% no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.panorama-link span:hover {
  background: url(/images/global/icon_panorama_hover.png) 50% 50% no-repeat;
}

/*
 * Bilderbox und Vorschauseite
 */
.thumbnail {
  background: #e3e3e3;
}

.portrait {
  display: block;
  padding: 0 16.666666667%;
  /* 30px in Prozent zu 180px */
}

.landscape {
  display: block;
  padding: 16.666666667% 0;
  /* 30px in Prozent zu 180px */
}

.square {
  display: block;
  padding: 0;
}

/*
 * Blaettern
 */
.next, .before,
.before-follow {
  overflow: hidden;
  padding-bottom: 0.1rem;
  padding-top: 0.1rem;
  position: relative;
  width: calc(1rem + 5px);
}
.next span, .before span,
.before-follow span {
  position: absolute;
  top: 0.25rem;
}

.before,
.before-follow {
  float: left;
  padding-left: calc(1rem + 5px);
}
.before .link-before, .before .link-start,
.before-follow .link-before,
.before-follow .link-start {
  left: 5px;
  margin-right: 5px;
}

.before-follow {
  margin-left: 5px;
}

.next {
  float: right;
  padding-left: calc(1rem + 5px);
}
.next .link-next {
  left: 0;
  margin-right: 5px;
}

/*
 * Link zum Seitenanfang - entfernen nach reparse, 2016-09-23
 */
.to-top,
.to-top-fullsize {
  height: 0.9375rem;
  margin-right: 5px;
  padding: 0;
  position: relative;
}

.to-top img,
.to-top-fullsize img {
  position: absolute;
  right: 0;
  top: 0;
}

/*
 * Randabstaende bei kleiner Fensterbreite mit einspaltigem Inhalt
 */
.justified-l-r,
.heading-box,
.heading--box,
.text-2-col,
.text-2-col-bg,
.table-responsive th,
.table-responsive td {
  padding-left: 5px;
  padding-right: 5px;
}

.justified-r {
  padding-left: 0;
  padding-right: 5px;
}

.justified-l {
  padding-left: 5px;
  padding-right: 0;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 24.6875em) {
  .image-m {
    float: left;
    width: 65.78947368%;
  }

  .caption-m {
    float: right;
    margin-top: -0.5rem;
    padding-left: 0;
    width: 31.57894737%;
  }

  .list-az li {
    width: 3.846153846%;
    /* 100 Prozent geteilt durch 26 */
  }

  .list-weather .icon {
    float: left;
    margin: 0.1rem 5px 0.46875rem 0;
    padding: 0;
  }
  .list-weather p {
    float: left;
  }

  .before,
.before-follow,
.next {
    width: auto;
  }

  .next {
    padding-left: 0;
    padding-right: calc(1rem + 5px);
  }
  .next .link-next {
    left: auto;
    margin-left: 5px;
    margin-right: 0;
    right: 5px;
  }
}
@media only all and (min-width: 31.25em) {
  .content-1-col-s {
    width: 20.1754385965%;
  }

  .content-2-col-l {
    width: 77.1929824535%;
  }
}
@media only all and (min-width: 36.875em) {
  .heading-main-wrapper {
    position: relative;
  }

  .heading-main {
    margin-right: calc(1rem + 1.25rem);
    margin-top: -3px;
    margin-top: -0.15rem;
    min-height: calc(1rem + 1.25rem);
  }

  .justified-l-r,
.text-2-col {
    padding-left: 0;
  }

  .justified-l {
    padding-left: 0;
  }

  .justified-r {
    padding-right: 2.63157895%;
  }

  .before-follow {
    margin-left: 2.63157895%;
  }

  .island,
.island-small,
.text-2-col-bg,
.heading-box,
.heading--box {
    padding-left: 2.63157895%;
    padding-right: 2.63157895%;
  }

  .island {
    padding-bottom: 0.9375rem;
    padding-top: 0.9375rem;
  }

  .island-small {
    padding-bottom: 0.46875rem;
    padding-top: 0.46875rem;
  }

  .text-2-col-bg .heading-inside-box {
    float: none;
    padding-top: 0.9375rem;
  }

  .content-1-col-s {
    width: 31.57894737%;
  }

  .content-2-col-l {
    width: 65.78947368%;
  }

  .img-1-col {
    margin-bottom: 0.3125rem;
    margin-right: 2.63157895%;
  }

  .list-az li {
    width: 7.5%;
    /* 100 Prozent geteilt durch 13, A-Z-Links sind zweizeilig */
  }

  .list-weather .icon {
    float: left;
    padding: 0;
  }
  .list-weather p {
    float: right;
    width: 65.78947368%;
  }
}
@media only all and (min-width: 43.125em) {
  .content-1-col-s {
    width: 20.1754385965%;
  }

  .content-2-col-l {
    width: 77.1929824535%;
  }

  .list-az li {
    width: 3.846153846%;
    /* 100 Prozent geteilt durch 26, A-Z-Links sind einzeilig */
  }
}
@media only all and (min-width: 55em) {
  .justified-l-r,
.text-2-col,
.caption-m {
    padding-right: 0;
  }

  .img-1-col .zoom:hover .zoom-text,
.thumbnail .zoom:hover .zoom-text {
    height: 21px;
    text-align: right;
  }

  .text-2-col-bg {
    padding-left: 0;
  }

  .list-text .text {
    margin-left: 5.2631579%;
  }

  .fullsize .image-m {
    max-width: 23.4375rem;
  }
  .fullsize .caption-m {
    float: left;
    padding-left: 0.9375rem;
    width: auto;
  }
  .fullsize .zoom {
    max-width: 35.625rem;
  }
}
@media only all and (min-width: 62.875em) {
  .fullsize .image-m {
    width: 23.4375rem;
  }
}
/* ==========================================================================
   _img_text.scss: Flexbox Bild und Text
   ========================================================================== */
.wrapper--img-text {
  display: block;
}
.wrapper--img-text .col--img-s-l {
  display: none;
}
.wrapper--img-text .col--text {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.heading--box ~ .wrapper--img-text > .col--text {
  padding-top: 0.5rem;
}

@element ".wrapper--img-text" and (min-width: 21.938rem) /* 351px, kleines Bild wird eingeblendet, Box wird 2-spaltig */ {
  .wrapper--img-text {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
  }
  .wrapper--img-text .col--img {
    margin-top: 0.5rem;
  }
  .wrapper--img-text .col--img-s-l {
    display: block;
    width: calc(34.3859649122807% - 1rem);
  }
  .wrapper--img-text .col--text {
    padding-left: 0;
  }
  .wrapper--img-text .col--text-s-r {
    width: calc(34.21052631578947% - 1rem);
  }
  .wrapper--img-text .col--text-m-r {
    width: 65.6140350877%;
  }
  .wrapper--img-text .caption {
    padding-top: 0;
  }

  .main[data-columns=three] .col--img-m-l {
    width: 65.7894736842%;
  }
  .main[data-columns=three] .col--text-s-r {
    width: calc(34.21052631578947% - 1rem);
  }

  .main[data-columns=two] .col--img-m-l {
    width: 65.8823529412%;
  }
  .main[data-columns=two] .col--text-s-r {
    width: calc(34.11764705882353% - 1rem);
  }

  .heading--box + .wrapper--img-text .col--img {
    margin-top: 0;
  }
}
/* Bei 485px soll sich das kleine Teaserbild im 3-spaltigen Template nicht mehr der Spaltenbreite anpassen */
@element ".wrapper--img-text" and (min-width: 30.313rem) {
  .main[data-columns=three] .bg--light-default .wrapper--img-text .col--img-s-l img,
.main[data-columns=three] .bg--light-default .wrapper--img-text .col--img-s-l .zoom {
    max-width: 150px;
  }
}
/* Bei 573px soll sich das kleine Bild im 3-spaltigen Template nicht mehr der Spaltenbreite anpassen NOTE: Nach Reparse aller Bilder kann die Breite
@element ".wrapper--img-text" and (min-width: 35.813rem)  {
    .main[data-columns="three"] {
        .wrapper--img-text .col--img-s-l,
        .bg--light-default .wrapper--img-text .col--img-s-l {
            img,
            .zoom {
                max-width: 180px;
            }
        }
    }
}*/
/* Bei 627px soll sich das kleine Bild im 2-spaltigen Template nicht mehr der Spaltenbreite anpassen */
@element ".wrapper--img-text" and (min-width: 39.188rem) {
  .main[data-columns=two] .bg--light-default .wrapper--img-text .col--text {
    padding-right: 4rem;
  }
  .main[data-columns=two] .wrapper--img-text .col--img-s-l img,
.main[data-columns=two] .wrapper--img-text .col--img-s-l .zoom {
    max-width: 198px;
  }
}
@media only all and (min-width: 24.6875em) {
  .wrapper--img-text .col--text {
    padding-right: 1rem;
  }
  .wrapper--img-text .caption {
    padding-top: 0;
  }
}
@media only all and (min-width: 55em) {
  .main[data-columns=three] .wrapper--img-text .col--text {
    padding-right: 0;
  }

  .main[data-columns=three] .bg--light-default .wrapper--img-text .col--text {
    padding-right: 1rem;
  }

  .main[data-columns=two] .heading--box ~ .wrapper--img-text > .col--text {
    padding-top: 1.25rem;
  }
}
@media only all and (min-width: 64.875em) {
  .main[data-columns=two] .wrapper--img-text .col--text {
    padding-right: 0;
  }

  .main[data-columns=two] .bg--light-default .wrapper--img-text .col--text {
    padding-right: 1rem;
  }
}
/* ==========================================================================
   _tile.scss: Kachelmodul
   ========================================================================== */
/* RAhmen um Kachelliste */
.wrapper--tile {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.list--tile {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  list-style: none;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.list--tile__item {
  position: relative;
}

.list--tile__item::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.link--tile {
  border-radius: 0.5rem;
  bottom: 0;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.3);
  hyphens: auto;
  left: 0;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.link--tile:hover {
  text-decoration: none;
}

.link--tile__heading {
  color: white;
  display: flex;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0.5rem 0.75rem;
  position: absolute;
  width: 100%;
}

.list--tile-heading-image .link--tile__heading,
.list--tile-heading-text .link--tile__heading {
  font-size: 0.85rem;
  min-height: 39.5%;
}

.list--tile-heading-text .link--tile__heading {
  align-items: flex-start;
  border-radius: 0.5rem 0.5rem 0 0;
  top: 0;
}

.list--tile-heading-image .link--tile__heading {
  align-items: flex-end;
  background: inherit;
  border-radius: 0 0 0.5rem 0.5rem;
  bottom: 0;
}

.list--tile-heading .link--tile__heading {
  align-items: flex-end;
  border-radius: 0.5rem;
  bottom: 0;
  font-size: 1.125rem;
  top: 0;
}

ol.list--tile-heading .link--tile__heading {
  top: 2.75rem;
}

ol.list--tile-heading-text .link--tile__heading {
  top: 2rem;
}

.link--tile .wrapper--image {
  border-radius: 0.5rem 0.5rem 0 0;
  bottom: 0;
  height: 62.5%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.link--tile__text {
  align-items: flex-end;
  bottom: 0;
  color: white;
  display: flex;
  flex-grow: 0;
  height: 50.5%;
  line-height: 1.75;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0.5rem 0.75rem;
  position: absolute;
  top: 49.5%;
  width: 100%;
}

.link--tile__text:after {
  border-top: 0.125rem solid white;
  content: " ";
  left: 0.75rem;
  position: absolute;
  right: 0.75rem;
  top: 0;
}

.link--tile .wrapper--image,
.link--tile__heading,
.link--tile::after,
.link--tile__mouseover {
  transition: all 0.5s;
}

.link--tile__mouseover {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 0.5rem;
  bottom: 0;
  font-size: 0rem;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.mouseover__content {
  align-items: flex-end;
  background: white;
  border-radius: 0.5rem 0.5rem;
  display: flex;
  justify-content: flex-end;
  opacity: 0.7;
  width: 100%;
  height: 100%;
}

.link--tile:hover .link--tile__mouseover {
  opacity: 1;
  z-index: 1;
}

ol.list--tile {
  counter-reset: tile-number;
  list-style: none;
}

ol.list--tile .list--tile__item {
  counter-increment: tile-number;
}

ol.list--tile .list--tile__item::after {
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.75);
  content: counter(tile-number);
  font-family: "Open Sans", sans-serif;
  font-size: 0.85rem;
  font-weight: bold;
  height: var(--size);
  left: 0.75rem;
  line-height: var(--size);
  position: absolute;
  text-align: center;
  top: 0.75rem;
  width: var(--size);
  --size: 1.5rem;
}

@media only all and (min-width: 36.875em) {
  .wrapper--tile {
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}
@media only all and (min-width: 64.875em) {
  .wrapper--tile {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    width: 100%;
  }
}
@element ".wrapper--tile" and (min-width: 49.625rem) /* 794px */ {
  .list--tile {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}
@element ".list--tile__item" and (min-width: 13.75rem) /* 220px */ {
  .mouseover__content span {
    padding-bottom: 0.75rem;
  }

  .list--tile-heading-image .link--tile__heading,
.list--tile-heading-text .link--tile__heading {
    font-size: 1rem;
  }

  .link--tile__heading {
    padding: 0.75rem 1rem 0.5rem 1rem;
  }

  .link--tile__text {
    padding: 0.5rem 1rem 0.75rem 1rem;
  }

  .link--tile__text:after {
    left: 1rem;
    right: 1rem;
  }

  ol.list--tile .list--tile__item::after {
    font-size: 1rem;
    height: var(--size);
    line-height: var(--size);
    width: var(--size);
    --size: 1.75rem;
  }
}
@element ".list--tile__item" and (min-width: 15rem) /* 240px */ {
  .list--tile-heading-image .link--tile__heading,
.list--tile-heading .link--tile__heading {
    padding: 0.5rem 1rem 0.75rem 1rem;
  }

  .list--tile-heading .link--tile__heading {
    font-size: 1.375rem;
  }

  .link--tile__text {
    font-size: 0.85rem;
  }
}
@element ".list--tile__item" and (min-width: 16.25rem) /* 260px */ {
  .list--tile-heading-image .link--tile__heading,
.list--tile-heading-text .link--tile__heading {
    font-size: 1.1875rem;
  }

  ol.list--tile .list--tile__item::after {
    font-size: 1.125rem;
    height: var(--size);
    left: 0.75rem;
    top: 0.75rem;
    width: var(--size);
    --size: 2rem;
  }

  ol.list--tile-heading-text .link--tile__heading {
    top: 2.5rem;
  }
}
@element ".list--tile__item" and (min-width: 17.5rem) /* 280px - Kachelformat wechselt von Quadratisch zu Querformat */ {
  .list--tile-heading .list--tile__item,
.list--tile-heading-image .list--tile__item {
    position: relative;
  }

  .list--tile__item::before,
ol.list--tile-heading .list--tile__item::before {
    content: "";
    display: block;
    padding-bottom: 50%;
  }

  .list--tile-heading .list--tile__item::before {
    padding-bottom: 33%;
  }

  /* Counter */
  ol.list--tile .list--tile__item::after {
    font-size: 0.85rem;
    height: var(--size);
    left: 0.5rem;
    line-height: var(--size);
    top: 0.5rem;
    width: var(--size);
    --size: 1.5rem;
  }

  .list--tile-heading .link--tile,
.list--tile-heading-image .link--tile {
    align-items: stretch;
    display: flex;
    justify-content: stretch;
  }

  .list--tile-heading .link--tile__heading,
.list--tile-heading-image .link--tile__heading {
    color: white;
    display: flex;
    font-weight: normal;
    margin: 0;
    position: static;
    width: 50%;
  }

  .list--tile-heading-image .link--tile__heading,
.list--tile-heading-text .link--tile__heading {
    font-size: 0.9375rem;
    padding: 0.5rem 0.5rem;
  }

  .list--tile-heading .link--tile__heading {
    font-size: 1rem;
    padding: 0.5rem 0.5rem;
  }

  /*.list--tile-heading-text .link--tile__heading{
      align-items: flex-start;
  }*/
  .list--tile-heading-image .link--tile__heading {
    align-items: flex-end;
    background: inherit;
    border-radius: 0 0.5rem 0.5rem 0;
    bottom: 0;
  }

  .list--tile-heading .link--tile__heading {
    align-items: flex-end;
    padding: 1rem 1rem;
    width: 100%;
  }

  ol.list--tile-heading .link--tile__heading {
    margin-top: 2.75rem;
  }

  ol.list--tile-heading-text .link--tile__heading {
    top: 1.75rem;
  }

  .link--tile .wrapper--image {
    border-radius: 0.5rem 0 0 0.5rem;
    height: 100%;
    overflow: hidden;
    position: static;
    width: 50%;
  }

  .link--tile .wrapper--image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }

  .link--tile__text {
    font-size: 0.8rem;
    padding: 0.5rem 0.5rem;
  }

  .link--tile__text:after {
    left: 0.5rem;
    right: 0.5rem;
  }

  /*.link--tile__mouseover {
      display: none;
  }*/
}
@element ".list--tile__item" and (min-width: 20rem) /* 320px */ {
  .list--tile-heading-image .link--tile__heading,
.list--tile-heading-text .link--tile__heading {
    font-size: 0.9375rem;
  }

  .list--tile-heading .link--tile__heading {
    font-size: 1.25rem;
  }

  .list--tile-heading-image .link--tile__heading,
.list--tile-heading-text .link--tile__heading,
.list--tile-heading .link--tile__heading,
.link--tile__text {
    padding: 1rem 1rem;
  }

  .link--tile__text:after {
    left: 1rem;
    right: 1rem;
  }

  ol.list--tile .list--tile__item::after {
    font-size: 1rem;
    height: var(--size);
    left: 0.75rem;
    line-height: var(--size);
    top: 0.75rem;
    width: var(--size);
    --size: 1.75rem;
  }

  ol.list--tile-heading-text .link--tile__heading {
    top: 2rem;
  }
}
@element ".list--tile__item" and (min-width:  21.875rem) /* 350px */ {
  .list--tile-heading-image .link--tile__heading,
.list--tile-heading-text .link--tile__heading {
    font-size: 1rem;
  }

  .list--tile-heading .link--tile__heading {
    font-size: 1.375rem;
  }

  .link--tile__text {
    font-size: 0.85rem;
  }
}
/* ==========================================================================
   _divider.scss: c-divider - Trennlinie
   ========================================================================== */
.space {
  height: 2.8125rem;
  margin: 0;
  padding: 0;
}

.space-small {
  height: 0.9375rem;
  margin: 0;
  padding: 0;
}

.space-bg {
  border-top: 1px solid #bababa;
  margin-bottom: 1.40625rem;
}

.space-small-bg {
  border-top: 1px solid #bababa;
  margin-bottom: 0.46875rem;
}

.c-divider {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  border-top: 1px solid #bababa;
  color: rgba(255, 255, 255, 0);
  height: 1px;
  margin-bottom: 1.40625rem;
}
.c-divider.small {
  margin-bottom: 0.46875rem;
}
.c-divider.covert {
  border-top: 1px solid rgba(255, 255, 255, 0);
  margin-bottom: 1.875rem;
}
.c-divider.small.covert {
  margin-bottom: 0.9375rem;
}
.c-divider.xsmall.covert {
  margin-bottom: 0.234375rem;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
/* ==========================================================================
   _img_tab.scss: Bilder blaettern
   ========================================================================== */
/*
 * Randabstaende bei kleiner Fensterbreite mit einspaltigem Inhalt
 */
.tab-menu {
  padding-left: 5px;
  padding-right: 5px;
}

.img-tab__heading {
  margin: 0.375rem 0 0 0;
}

.box.tabs:has(ul:only-child) {
  display: none;
}

/* ==========================================================================
   _table.scss: Tabelle responsive, Desktop first
   ========================================================================== */
/*
 * Box fuer resposive Tabellen
 */
.c-table {
  margin-bottom: 0.9375rem;
}

.table-wrapper-default,
.table-wrapper-scroll,
.table-wrapper-list {
  hyphens: auto;
}

.table-wrapper-default,
.table-wrapper-list {
  overflow: auto;
}

/*
 * von der Bildschirmgroesse unabhaengige Formatierungen
 */
.c-table table {
  margin-bottom: 0;
  width: 100%;
}
.c-table table th {
  font-weight: bold;
}
.c-table table th,
.c-table table td {
  padding-bottom: 2px;
  padding-right: 5px;
  padding-top: 2px;
  text-align: left;
  vertical-align: top;
}
.c-table table.zebra th, .c-table table.zebra td, .c-table table.unicoloured th, .c-table table.unicoloured td {
  border-right: 1px solid white;
}

.table__caption {
  color: #454545;
  font-weight: bold;
  text-align: left;
}

.table__caption--l {
  font-size: 0.85rem;
  padding-bottom: 0.9375rem;
}

.table__caption--s {
  font-size: 0.8rem;
  padding-bottom: 0.625rem;
}

.zebra tr:nth-of-type(odd) {
  background: whitesmoke;
}
.zebra tr:nth-of-type(even) {
  background: #f0f0f0;
}
.zebra th {
  background: #dbdbdb;
}
.zebra th,
.zebra td {
  border-bottom: 1px solid white;
  padding-left: 5px;
}
.unicoloured tr {
  background: #f0f0f0;
}
.unicoloured th {
  background: #dbdbdb;
}
.unicoloured th,
.unicoloured td {
  border-bottom: 1px solid white;
  padding-left: 5px;
}
.zebra.caption-col-row thead td,
.unicoloured.caption-col-row thead td {
  background: #dbdbdb;
}

.colourless th, .colourless td {
  border-bottom: 1px solid #dbdbdb;
  padding-left: 0.9375rem;
}
.colourless th:first-child, .colourless td:first-child {
  padding-left: 0;
}

/*
 * Style fuer Desktops/Laptops
 */
.table-wrapper-scroll {
  overflow-x: auto;
}

.responsive-list td:before {
  content: "";
  padding-right: 0;
  top: 0;
  width: 0;
}

/*
 * Style fuer Tablets und Smartphones
 */
.table-wrapper {
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}
.table-wrapper .scrollable {
  margin-left: 35%;
  overflow: scroll;
  overflow-y: hidden;
}
.table-wrapper .zebra, .table-wrapper .unicoloured {
  border-top: 1px solid #f0f0f0;
}
.table-wrapper .responsive-scroll td, .table-wrapper .responsive-scroll th {
  overflow: hidden;
  white-space: nowrap;
}
.table-wrapper .responsive-scroll.caption-col-row th:first-child, .table-wrapper .responsive-scroll.caption-col-row td:first-child {
  display: none;
}
.table-wrapper .responsive-scroll th:nth-child(2), .table-wrapper .responsive-scroll td:nth-child(2) {
  padding-left: 5px;
}
.table-wrapper .pinned {
  background: white;
  border-right: 1px solid white;
  left: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: absolute;
  top: 0;
  width: 35%;
}
.table-wrapper .pinned > table {
  border-left: none;
  width: 100%;
}
.table-wrapper .pinned > table.colourless th,
.table-wrapper .pinned > table.colourless td {
  background: #dbdbdb;
  border-bottom: 1px solid white;
  padding-left: 5px;
  white-space: nowrap;
}
.table-wrapper .pinned > table.colourless tr:last-child th {
  border-bottom: 1px solid #dbdbdb;
}
.table-wrapper .pinned > table th,
.table-wrapper .pinned > table td {
  border-right: none;
  overflow: hidden;
  white-space: nowrap;
}

.table-wrapper-default .table-wrapper .scrollable {
  margin-left: 0;
}
.table-wrapper-default .table-wrapper .pinned {
  display: none;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (max-width: 62.875em) {
  .zebra th,
.zebra td,
.unicoloured th,
.unicoloured td {
    padding-left: 5px;
  }
  .zebra th:first-child,
.zebra td:first-child,
.unicoloured th:first-child,
.unicoloured td:first-child {
    padding-left: 5px;
  }
}
@media only all and (min-width: 880px) and (max-width: 925px) {
  .table-wrapper-default,
.table-wrapper-scroll {
    hyphens: none;
  }

  .table-wrapper-scroll {
    overflow-x: visible;
  }

  .responsive-twist-scroll {
    display: block;
    position: relative;
    width: 100%;
  }
  .responsive-twist-scroll .table__caption {
    display: block;
  }
  .responsive-twist-scroll thead {
    display: block;
    float: left;
    zoom: 1;
    /* Hack fuer IE <= 8 */
  }
  .responsive-twist-scroll thead:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .responsive-twist-scroll thead tr {
    display: block;
  }
  .responsive-twist-scroll tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .responsive-twist-scroll tbody tr {
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
  }
  .responsive-twist-scroll tbody tr:first-child {
    margin-left: 0;
  }
  .responsive-twist-scroll th,
.responsive-twist-scroll td {
    border-bottom: 1px solid white;
    display: block;
    margin: 0;
    min-height: 1.25em;
  }
  .responsive-twist-scroll.colourless tr {
    border-bottom: none;
  }
  .responsive-twist-scroll.colourless td {
    border-bottom: 1px solid #dbdbdb;
    padding-left: 0;
  }
  .responsive-twist-scroll.colourless td:first-child {
    padding-left: 0;
  }
  .responsive-twist-scroll.colourless thead th {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless thead th:first-child {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless thead th,
.responsive-twist-scroll.colourless thead td {
    background: #dbdbdb;
  }
  .responsive-twist-scroll.colourless tbody {
    border-top: 1px solid #dbdbdb;
  }
  .responsive-twist-scroll.colourless tbody tr td,
.responsive-twist-scroll.colourless tbody tr th {
    padding-right: 0.9375rem;
  }
  .responsive-twist-scroll.colourless tbody tr:last-child td,
.responsive-twist-scroll.colourless tbody tr:last-child th {
    padding-right: 5px;
  }
  .responsive-twist-scroll.colourless.caption-col tbody tr:first-child td,
.responsive-twist-scroll.colourless.caption-col tbody tr:first-child th, .responsive-twist-scroll.colourless.caption-col-row tbody tr:first-child td,
.responsive-twist-scroll.colourless.caption-col-row tbody tr:first-child th {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless.caption-col-row tbody tr td:first-child,
.responsive-twist-scroll.colourless.caption-col-row tbody tr th:first-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .responsive-twist-scroll.colourless.caption-col-row thead tr td:first-child,
.responsive-twist-scroll.colourless.caption-col-row thead tr th:first-child {
    border-bottom: 1px solid white;
  }
  .responsive-twist-scroll.colourless.caption-col tr:nth-of-type(odd) {
    background: white;
  }
  .responsive-twist-scroll.colourless.caption-col tr:nth-of-type(even) {
    background: whitesmoke;
  }
  .responsive-twist-scroll.colourless.caption-col td {
    padding-left: 5px;
  }

  .content .responsive-list,
.content .responsive-list .table__caption,
.content .responsive-list thead,
.content .responsive-list tbody,
.content .responsive-list th,
.content .responsive-list td,
.content .responsive-list tr {
    display: block;
  }
  .content .c-table .responsive-list.zebra th, .content .c-table .responsive-list.zebra td, .content .c-table .responsive-list.unicoloured th, .content .c-table .responsive-list.unicoloured td {
    border-right: none;
  }
  .content .responsive-list thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  .content .responsive-list td,
.content .responsive-list th {
    position: relative;
  }
  .content .responsive-list tr td:last-child {
    padding-bottom: 5px;
  }
  .content .responsive-list.zebra.caption-col-row tr, .content .responsive-list.zebra.caption-col tr {
    background: white;
  }
  .content .responsive-list.zebra.caption-col-row th, .content .responsive-list.zebra.caption-col th {
    background: #f0f0f0;
    border-bottom: none;
  }
  .content .responsive-list.zebra.caption-col-row td, .content .responsive-list.zebra.caption-col td {
    border-bottom: 1px solid #dbdbdb;
  }
  .content .responsive-list.unicoloured.caption-col-row {
    border-top: none;
  }
  .content .responsive-list.unicoloured.caption-col-row tr {
    background: whitesmoke;
  }
  .content .responsive-list.unicoloured.caption-col-row th {
    background: #f0f0f0;
  }
  .content .responsive-list.unicoloured.caption-col {
    border-top: none;
  }
  .content .responsive-list.unicoloured.caption-col tr {
    background: #f0f0f0;
  }
  .content .responsive-list.zebra th, .content .responsive-list.unicoloured th {
    border-bottom: none;
  }
  .content .responsive-list.zebra td, .content .responsive-list.unicoloured td {
    border-bottom: none;
    border-right: none;
  }
  .content .responsive-list.zebra tr, .content .responsive-list.unicoloured tr {
    border-bottom: 1px solid white;
  }
  .content .responsive-list.zebra tr td:last-child, .content .responsive-list.unicoloured tr td:last-child {
    border-bottom: none;
  }
  .content .responsive-list.zebra tr td:last-child, .content .responsive-list.colourless tr td:last-child {
    border-bottom: none;
  }
  .content .responsive-list.zebra tr:last-child td:last-child, .content .responsive-list.colourless tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .content .responsive-list.zebra.caption-col tbody, .content .responsive-list.colourless.caption-col tbody {
    border-top: 1px solid #454545;
  }
  .content .responsive-list.zebra.caption-col tr, .content .responsive-list.colourless.caption-col tr {
    padding-bottom: 0;
  }
  .content .responsive-list.zebra.caption-col tr td:last-child, .content .responsive-list.colourless.caption-col tr td:last-child {
    border-bottom: 1px solid #454545;
    padding-bottom: 3px;
  }
  .content .responsive-list.zebra.caption-col tr:last-child td:last-child, .content .responsive-list.colourless.caption-col tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .content .responsive-list.zebra.caption-col-row, .content .responsive-list.colourless.caption-col-row {
    border-top: none;
  }
  .content .responsive-list.zebra.caption-col-row th, .content .responsive-list.colourless.caption-col-row th {
    background: #f0f0f0;
    border-bottom: none;
  }
  .content .responsive-list.caption-col th, .content .responsive-list.caption-col-row th {
    padding-left: 5px;
  }
  .content .responsive-list.caption-col td, .content .responsive-list.caption-col-row td {
    padding-left: 40%;
  }
  .content .responsive-list.caption-col td:first-child, .content .responsive-list.caption-col-row td:first-child {
    padding-left: 40%;
  }
  .content .responsive-list.caption-col td:before, .content .responsive-list.caption-col-row td:before {
    /* table header */
    content: attr(data-title);
    font-weight: bold;
    /* nachgeahmtes padding-left */
    left: 2.63157895%;
    padding-right: 10px;
    position: absolute;
    /* nachgeahmtes padding-top */
    top: 0.1rem;
    white-space: nowrap;
    width: 35%;
  }
  .content .responsive-list.unicoloured.caption-col-row th, .content .responsive-list.zebra.caption-col-row th {
    padding-left: 2.63157895%;
  }
  .content .responsive-list.unicoloured.caption-col-row th:first-child, .content .responsive-list.zebra.caption-col-row th:first-child {
    padding-left: 2.63157895%;
  }
  .content .responsive-list.zebra.caption-col td:before, .content .responsive-list.zebra.caption-col-row td:before, .content .responsive-list.colourless.caption-col td:before, .content .responsive-list.colourless.caption-col-row td:before {
    left: 0;
  }
  .content .responsive-list.colourless.caption-col td:before, .content .responsive-list.colourless.caption-col-row td:before {
    left: 0;
  }
  .content .responsive-list.colourless.caption-col-row td {
    padding-left: 40%;
  }
  .content .responsive-list.colourless.caption-col-row td:first-child {
    padding-left: 0;
  }
  .content .responsive-list.colourless.caption-col-row th {
    background: #f0f0f0;
    padding-left: 2.63157895%;
  }
  .content .responsive-list.colourless.caption-col-row th:first-child {
    padding-left: 2.63157895%;
  }
}
@media only all and (min-width: 590px) and (max-width: 799px) {
  .table-wrapper-default,
.table-wrapper-scroll {
    hyphens: none;
  }

  .table-wrapper-scroll {
    overflow-x: visible;
  }

  .responsive-twist-scroll {
    display: block;
    position: relative;
    width: 100%;
  }
  .responsive-twist-scroll .table__caption {
    display: block;
  }
  .responsive-twist-scroll thead {
    display: block;
    float: left;
    zoom: 1;
    /* Hack fuer IE <= 8 */
  }
  .responsive-twist-scroll thead:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .responsive-twist-scroll thead tr {
    display: block;
  }
  .responsive-twist-scroll tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .responsive-twist-scroll tbody tr {
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
  }
  .responsive-twist-scroll tbody tr:first-child {
    margin-left: 0;
  }
  .responsive-twist-scroll th,
.responsive-twist-scroll td {
    border-bottom: 1px solid white;
    display: block;
    margin: 0;
    min-height: 1.25em;
  }
  .responsive-twist-scroll.colourless tr {
    border-bottom: none;
  }
  .responsive-twist-scroll.colourless td {
    border-bottom: 1px solid #dbdbdb;
    padding-left: 0;
  }
  .responsive-twist-scroll.colourless td:first-child {
    padding-left: 0;
  }
  .responsive-twist-scroll.colourless thead th {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless thead th:first-child {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless thead th,
.responsive-twist-scroll.colourless thead td {
    background: #dbdbdb;
  }
  .responsive-twist-scroll.colourless tbody {
    border-top: 1px solid #dbdbdb;
  }
  .responsive-twist-scroll.colourless tbody tr td,
.responsive-twist-scroll.colourless tbody tr th {
    padding-right: 0.9375rem;
  }
  .responsive-twist-scroll.colourless tbody tr:last-child td,
.responsive-twist-scroll.colourless tbody tr:last-child th {
    padding-right: 5px;
  }
  .responsive-twist-scroll.colourless.caption-col tbody tr:first-child td,
.responsive-twist-scroll.colourless.caption-col tbody tr:first-child th, .responsive-twist-scroll.colourless.caption-col-row tbody tr:first-child td,
.responsive-twist-scroll.colourless.caption-col-row tbody tr:first-child th {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless.caption-col-row tbody tr td:first-child,
.responsive-twist-scroll.colourless.caption-col-row tbody tr th:first-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .responsive-twist-scroll.colourless.caption-col-row thead tr td:first-child,
.responsive-twist-scroll.colourless.caption-col-row thead tr th:first-child {
    border-bottom: 1px solid white;
  }
  .responsive-twist-scroll.colourless.caption-col tr:nth-of-type(odd) {
    background: white;
  }
  .responsive-twist-scroll.colourless.caption-col tr:nth-of-type(even) {
    background: whitesmoke;
  }
  .responsive-twist-scroll.colourless.caption-col td {
    padding-left: 5px;
  }

  .content .responsive-list,
.content .responsive-list .table__caption,
.content .responsive-list thead,
.content .responsive-list tbody,
.content .responsive-list th,
.content .responsive-list td,
.content .responsive-list tr {
    display: block;
  }
  .content .c-table .responsive-list.zebra th, .content .c-table .responsive-list.zebra td, .content .c-table .responsive-list.unicoloured th, .content .c-table .responsive-list.unicoloured td {
    border-right: none;
  }
  .content .responsive-list thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  .content .responsive-list td,
.content .responsive-list th {
    position: relative;
  }
  .content .responsive-list tr td:last-child {
    padding-bottom: 5px;
  }
  .content .responsive-list.zebra.caption-col-row tr, .content .responsive-list.zebra.caption-col tr {
    background: white;
  }
  .content .responsive-list.zebra.caption-col-row th, .content .responsive-list.zebra.caption-col th {
    background: #f0f0f0;
    border-bottom: none;
  }
  .content .responsive-list.zebra.caption-col-row td, .content .responsive-list.zebra.caption-col td {
    border-bottom: 1px solid #dbdbdb;
  }
  .content .responsive-list.unicoloured.caption-col-row {
    border-top: none;
  }
  .content .responsive-list.unicoloured.caption-col-row tr {
    background: whitesmoke;
  }
  .content .responsive-list.unicoloured.caption-col-row th {
    background: #f0f0f0;
  }
  .content .responsive-list.unicoloured.caption-col {
    border-top: none;
  }
  .content .responsive-list.unicoloured.caption-col tr {
    background: #f0f0f0;
  }
  .content .responsive-list.zebra th, .content .responsive-list.unicoloured th {
    border-bottom: none;
  }
  .content .responsive-list.zebra td, .content .responsive-list.unicoloured td {
    border-bottom: none;
    border-right: none;
  }
  .content .responsive-list.zebra tr, .content .responsive-list.unicoloured tr {
    border-bottom: 1px solid white;
  }
  .content .responsive-list.zebra tr td:last-child, .content .responsive-list.unicoloured tr td:last-child {
    border-bottom: none;
  }
  .content .responsive-list.zebra tr td:last-child, .content .responsive-list.colourless tr td:last-child {
    border-bottom: none;
  }
  .content .responsive-list.zebra tr:last-child td:last-child, .content .responsive-list.colourless tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .content .responsive-list.zebra.caption-col tbody, .content .responsive-list.colourless.caption-col tbody {
    border-top: 1px solid #454545;
  }
  .content .responsive-list.zebra.caption-col tr, .content .responsive-list.colourless.caption-col tr {
    padding-bottom: 0;
  }
  .content .responsive-list.zebra.caption-col tr td:last-child, .content .responsive-list.colourless.caption-col tr td:last-child {
    border-bottom: 1px solid #454545;
    padding-bottom: 3px;
  }
  .content .responsive-list.zebra.caption-col tr:last-child td:last-child, .content .responsive-list.colourless.caption-col tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .content .responsive-list.zebra.caption-col-row, .content .responsive-list.colourless.caption-col-row {
    border-top: none;
  }
  .content .responsive-list.zebra.caption-col-row th, .content .responsive-list.colourless.caption-col-row th {
    background: #f0f0f0;
    border-bottom: none;
  }
  .content .responsive-list.caption-col th, .content .responsive-list.caption-col-row th {
    padding-left: 5px;
  }
  .content .responsive-list.caption-col td, .content .responsive-list.caption-col-row td {
    padding-left: 40%;
  }
  .content .responsive-list.caption-col td:first-child, .content .responsive-list.caption-col-row td:first-child {
    padding-left: 40%;
  }
  .content .responsive-list.caption-col td:before, .content .responsive-list.caption-col-row td:before {
    /* table header */
    content: attr(data-title);
    font-weight: bold;
    /* nachgeahmtes padding-left */
    left: 2.63157895%;
    padding-right: 10px;
    position: absolute;
    /* nachgeahmtes padding-top */
    top: 0.1rem;
    white-space: nowrap;
    width: 35%;
  }
  .content .responsive-list.unicoloured.caption-col-row th, .content .responsive-list.zebra.caption-col-row th {
    padding-left: 2.63157895%;
  }
  .content .responsive-list.unicoloured.caption-col-row th:first-child, .content .responsive-list.zebra.caption-col-row th:first-child {
    padding-left: 2.63157895%;
  }
  .content .responsive-list.zebra.caption-col td:before, .content .responsive-list.zebra.caption-col-row td:before, .content .responsive-list.colourless.caption-col td:before, .content .responsive-list.colourless.caption-col-row td:before {
    left: 0;
  }
  .content .responsive-list.colourless.caption-col td:before, .content .responsive-list.colourless.caption-col-row td:before {
    left: 0;
  }
  .content .responsive-list.colourless.caption-col-row td {
    padding-left: 40%;
  }
  .content .responsive-list.colourless.caption-col-row td:first-child {
    padding-left: 0;
  }
  .content .responsive-list.colourless.caption-col-row th {
    background: #f0f0f0;
    padding-left: 2.63157895%;
  }
  .content .responsive-list.colourless.caption-col-row th:first-child {
    padding-left: 2.63157895%;
  }
}
@media only all and (min-width: 545px) and (max-width: 589px) {
  .content .responsive-list.colourless tr td:first-child,
.content .responsive-list.colourless tr th:first-child,
.content .responsive-scroll.colourless tr td:first-child,
.content .responsive-scroll.colourless tr th:first-child,
.content .responsive-twist-scroll.colourless tr td:first-child,
.content .responsive-twist-scroll.colourless tr th:first-child {
    padding-left: 5px;
  }
}
@media only all and (max-width: 760px) {
  .layer-wrapper .table-wrapper-default,
.layer-wrapper .table-wrapper-scroll {
    hyphens: none;
  }
  .layer-wrapper .table-wrapper-scroll {
    overflow-x: visible;
  }
  .layer-wrapper .responsive-twist-scroll {
    display: block;
    position: relative;
    width: 100%;
  }
  .layer-wrapper .responsive-twist-scroll .table__caption {
    display: block;
  }
  .layer-wrapper .responsive-twist-scroll thead {
    display: block;
    float: left;
    zoom: 1;
    /* Hack fuer IE <= 8 */
  }
  .layer-wrapper .responsive-twist-scroll thead:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .layer-wrapper .responsive-twist-scroll thead tr {
    display: block;
  }
  .layer-wrapper .responsive-twist-scroll tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .layer-wrapper .responsive-twist-scroll tbody tr {
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
  }
  .layer-wrapper .responsive-twist-scroll tbody tr:first-child {
    margin-left: 0;
  }
  .layer-wrapper .responsive-twist-scroll th,
.layer-wrapper .responsive-twist-scroll td {
    border-bottom: 1px solid white;
    display: block;
    margin: 0;
    min-height: 1.25em;
  }
  .layer-wrapper .responsive-twist-scroll.colourless tr {
    border-bottom: none;
  }
  .layer-wrapper .responsive-twist-scroll.colourless td {
    border-bottom: 1px solid #dbdbdb;
    padding-left: 0;
  }
  .layer-wrapper .responsive-twist-scroll.colourless td:first-child {
    padding-left: 0;
  }
  .layer-wrapper .responsive-twist-scroll.colourless thead th {
    padding-left: 5px;
  }
  .layer-wrapper .responsive-twist-scroll.colourless thead th:first-child {
    padding-left: 5px;
  }
  .layer-wrapper .responsive-twist-scroll.colourless thead th,
.layer-wrapper .responsive-twist-scroll.colourless thead td {
    background: #dbdbdb;
  }
  .layer-wrapper .responsive-twist-scroll.colourless tbody {
    border-top: 1px solid #dbdbdb;
  }
  .layer-wrapper .responsive-twist-scroll.colourless tbody tr td,
.layer-wrapper .responsive-twist-scroll.colourless tbody tr th {
    padding-right: 0.9375rem;
  }
  .layer-wrapper .responsive-twist-scroll.colourless tbody tr:last-child td,
.layer-wrapper .responsive-twist-scroll.colourless tbody tr:last-child th {
    padding-right: 5px;
  }
  .layer-wrapper .responsive-twist-scroll.colourless.caption-col tbody tr:first-child td,
.layer-wrapper .responsive-twist-scroll.colourless.caption-col tbody tr:first-child th, .layer-wrapper .responsive-twist-scroll.colourless.caption-col-row tbody tr:first-child td,
.layer-wrapper .responsive-twist-scroll.colourless.caption-col-row tbody tr:first-child th {
    padding-left: 5px;
  }
  .layer-wrapper .responsive-twist-scroll.colourless.caption-col-row tbody tr td:first-child,
.layer-wrapper .responsive-twist-scroll.colourless.caption-col-row tbody tr th:first-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .layer-wrapper .responsive-twist-scroll.colourless.caption-col-row thead tr td:first-child,
.layer-wrapper .responsive-twist-scroll.colourless.caption-col-row thead tr th:first-child {
    border-bottom: 1px solid white;
  }
  .layer-wrapper .responsive-twist-scroll.colourless.caption-col tr:nth-of-type(odd) {
    background: white;
  }
  .layer-wrapper .responsive-twist-scroll.colourless.caption-col tr:nth-of-type(even) {
    background: whitesmoke;
  }
  .layer-wrapper .responsive-twist-scroll.colourless.caption-col td {
    padding-left: 5px;
  }
  .layer-wrapper .responsive-list,
.layer-wrapper .responsive-list .table__caption,
.layer-wrapper .responsive-list thead,
.layer-wrapper .responsive-list tbody,
.layer-wrapper .responsive-list th,
.layer-wrapper .responsive-list td,
.layer-wrapper .responsive-list tr {
    display: block;
  }
  .layer-wrapper .c-table .responsive-list.zebra th, .layer-wrapper .c-table .responsive-list.zebra td, .layer-wrapper .c-table .responsive-list.unicoloured th, .layer-wrapper .c-table .responsive-list.unicoloured td {
    border-right: none;
  }
  .layer-wrapper .responsive-list thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  .layer-wrapper .responsive-list td,
.layer-wrapper .responsive-list th {
    position: relative;
  }
  .layer-wrapper .responsive-list tr td:last-child {
    padding-bottom: 5px;
  }
  .layer-wrapper .responsive-list.zebra.caption-col-row tr, .layer-wrapper .responsive-list.zebra.caption-col tr {
    background: white;
  }
  .layer-wrapper .responsive-list.zebra.caption-col-row th, .layer-wrapper .responsive-list.zebra.caption-col th {
    background: #f0f0f0;
    border-bottom: none;
  }
  .layer-wrapper .responsive-list.zebra.caption-col-row td, .layer-wrapper .responsive-list.zebra.caption-col td {
    border-bottom: 1px solid #dbdbdb;
  }
  .layer-wrapper .responsive-list.unicoloured.caption-col-row {
    border-top: none;
  }
  .layer-wrapper .responsive-list.unicoloured.caption-col-row tr {
    background: whitesmoke;
  }
  .layer-wrapper .responsive-list.unicoloured.caption-col-row th {
    background: #f0f0f0;
  }
  .layer-wrapper .responsive-list.unicoloured.caption-col {
    border-top: none;
  }
  .layer-wrapper .responsive-list.unicoloured.caption-col tr {
    background: #f0f0f0;
  }
  .layer-wrapper .responsive-list.zebra th, .layer-wrapper .responsive-list.unicoloured th {
    border-bottom: none;
  }
  .layer-wrapper .responsive-list.zebra td, .layer-wrapper .responsive-list.unicoloured td {
    border-bottom: none;
    border-right: none;
  }
  .layer-wrapper .responsive-list.zebra tr, .layer-wrapper .responsive-list.unicoloured tr {
    border-bottom: 1px solid white;
  }
  .layer-wrapper .responsive-list.zebra tr td:last-child, .layer-wrapper .responsive-list.unicoloured tr td:last-child {
    border-bottom: none;
  }
  .layer-wrapper .responsive-list.zebra tr td:last-child, .layer-wrapper .responsive-list.colourless tr td:last-child {
    border-bottom: none;
  }
  .layer-wrapper .responsive-list.zebra tr:last-child td:last-child, .layer-wrapper .responsive-list.colourless tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .layer-wrapper .responsive-list.zebra.caption-col tbody, .layer-wrapper .responsive-list.colourless.caption-col tbody {
    border-top: 1px solid #454545;
  }
  .layer-wrapper .responsive-list.zebra.caption-col tr, .layer-wrapper .responsive-list.colourless.caption-col tr {
    padding-bottom: 0;
  }
  .layer-wrapper .responsive-list.zebra.caption-col tr td:last-child, .layer-wrapper .responsive-list.colourless.caption-col tr td:last-child {
    border-bottom: 1px solid #454545;
    padding-bottom: 3px;
  }
  .layer-wrapper .responsive-list.zebra.caption-col tr:last-child td:last-child, .layer-wrapper .responsive-list.colourless.caption-col tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .layer-wrapper .responsive-list.zebra.caption-col-row, .layer-wrapper .responsive-list.colourless.caption-col-row {
    border-top: none;
  }
  .layer-wrapper .responsive-list.zebra.caption-col-row th, .layer-wrapper .responsive-list.colourless.caption-col-row th {
    background: #f0f0f0;
    border-bottom: none;
  }
  .layer-wrapper .responsive-list.caption-col th, .layer-wrapper .responsive-list.caption-col-row th {
    padding-left: 5px;
  }
  .layer-wrapper .responsive-list.caption-col td, .layer-wrapper .responsive-list.caption-col-row td {
    padding-left: 40%;
  }
  .layer-wrapper .responsive-list.caption-col td:first-child, .layer-wrapper .responsive-list.caption-col-row td:first-child {
    padding-left: 40%;
  }
  .layer-wrapper .responsive-list.caption-col td:before, .layer-wrapper .responsive-list.caption-col-row td:before {
    /* table header */
    content: attr(data-title);
    font-weight: bold;
    /* nachgeahmtes padding-left */
    left: 2.63157895%;
    padding-right: 10px;
    position: absolute;
    /* nachgeahmtes padding-top */
    top: 0.1rem;
    white-space: nowrap;
    width: 35%;
  }
}
@media only all and (max-width: 544px) {
  .table-wrapper-default,
.table-wrapper-scroll {
    hyphens: none;
  }

  .table-wrapper-scroll {
    overflow-x: visible;
  }

  .responsive-twist-scroll {
    display: block;
    position: relative;
    width: 100%;
  }
  .responsive-twist-scroll .table__caption {
    display: block;
  }
  .responsive-twist-scroll thead {
    display: block;
    float: left;
    zoom: 1;
    /* Hack fuer IE <= 8 */
  }
  .responsive-twist-scroll thead:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .responsive-twist-scroll thead tr {
    display: block;
  }
  .responsive-twist-scroll tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .responsive-twist-scroll tbody tr {
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
  }
  .responsive-twist-scroll tbody tr:first-child {
    margin-left: 0;
  }
  .responsive-twist-scroll th,
.responsive-twist-scroll td {
    border-bottom: 1px solid white;
    display: block;
    margin: 0;
    min-height: 1.25em;
  }
  .responsive-twist-scroll.colourless tr {
    border-bottom: none;
  }
  .responsive-twist-scroll.colourless td {
    border-bottom: 1px solid #dbdbdb;
    padding-left: 0;
  }
  .responsive-twist-scroll.colourless td:first-child {
    padding-left: 0;
  }
  .responsive-twist-scroll.colourless thead th {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless thead th:first-child {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless thead th,
.responsive-twist-scroll.colourless thead td {
    background: #dbdbdb;
  }
  .responsive-twist-scroll.colourless tbody {
    border-top: 1px solid #dbdbdb;
  }
  .responsive-twist-scroll.colourless tbody tr td,
.responsive-twist-scroll.colourless tbody tr th {
    padding-right: 0.9375rem;
  }
  .responsive-twist-scroll.colourless tbody tr:last-child td,
.responsive-twist-scroll.colourless tbody tr:last-child th {
    padding-right: 5px;
  }
  .responsive-twist-scroll.colourless.caption-col tbody tr:first-child td,
.responsive-twist-scroll.colourless.caption-col tbody tr:first-child th, .responsive-twist-scroll.colourless.caption-col-row tbody tr:first-child td,
.responsive-twist-scroll.colourless.caption-col-row tbody tr:first-child th {
    padding-left: 5px;
  }
  .responsive-twist-scroll.colourless.caption-col-row tbody tr td:first-child,
.responsive-twist-scroll.colourless.caption-col-row tbody tr th:first-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .responsive-twist-scroll.colourless.caption-col-row thead tr td:first-child,
.responsive-twist-scroll.colourless.caption-col-row thead tr th:first-child {
    border-bottom: 1px solid white;
  }
  .responsive-twist-scroll.colourless.caption-col tr:nth-of-type(odd) {
    background: white;
  }
  .responsive-twist-scroll.colourless.caption-col tr:nth-of-type(even) {
    background: whitesmoke;
  }
  .responsive-twist-scroll.colourless.caption-col td {
    padding-left: 5px;
  }

  .responsive-list,
.responsive-list .table__caption,
.responsive-list thead,
.responsive-list tbody,
.responsive-list th,
.responsive-list td,
.responsive-list tr {
    display: block;
  }

  .c-table .responsive-list.zebra th, .c-table .responsive-list.zebra td, .c-table .responsive-list.unicoloured th, .c-table .responsive-list.unicoloured td {
    border-right: none;
  }

  .responsive-list thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  .responsive-list td,
.responsive-list th {
    position: relative;
  }
  .responsive-list tr td:last-child {
    padding-bottom: 5px;
  }
  .responsive-list.zebra.caption-col-row tr, .responsive-list.zebra.caption-col tr {
    background: white;
  }
  .responsive-list.zebra.caption-col-row th, .responsive-list.zebra.caption-col th {
    background: #f0f0f0;
    border-bottom: none;
  }
  .responsive-list.zebra.caption-col-row td, .responsive-list.zebra.caption-col td {
    border-bottom: 1px solid #dbdbdb;
  }
  .responsive-list.unicoloured.caption-col-row {
    border-top: none;
  }
  .responsive-list.unicoloured.caption-col-row tr {
    background: whitesmoke;
  }
  .responsive-list.unicoloured.caption-col-row th {
    background: #f0f0f0;
  }
  .responsive-list.unicoloured.caption-col {
    border-top: none;
  }
  .responsive-list.unicoloured.caption-col tr {
    background: #f0f0f0;
  }
  .responsive-list.zebra th, .responsive-list.unicoloured th {
    border-bottom: none;
  }
  .responsive-list.zebra td, .responsive-list.unicoloured td {
    border-bottom: none;
    border-right: none;
  }
  .responsive-list.zebra tr, .responsive-list.unicoloured tr {
    border-bottom: 1px solid white;
  }
  .responsive-list.zebra tr td:last-child, .responsive-list.unicoloured tr td:last-child {
    border-bottom: none;
  }
  .responsive-list.zebra tr td:last-child, .responsive-list.colourless tr td:last-child {
    border-bottom: none;
  }
  .responsive-list.zebra tr:last-child td:last-child, .responsive-list.colourless tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .responsive-list.zebra.caption-col tbody, .responsive-list.colourless.caption-col tbody {
    border-top: 1px solid #454545;
  }
  .responsive-list.zebra.caption-col tr, .responsive-list.colourless.caption-col tr {
    padding-bottom: 0;
  }
  .responsive-list.zebra.caption-col tr td:last-child, .responsive-list.colourless.caption-col tr td:last-child {
    border-bottom: 1px solid #454545;
    padding-bottom: 3px;
  }
  .responsive-list.zebra.caption-col tr:last-child td:last-child, .responsive-list.colourless.caption-col tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .responsive-list.zebra.caption-col-row, .responsive-list.colourless.caption-col-row {
    border-top: none;
  }
  .responsive-list.zebra.caption-col-row th, .responsive-list.colourless.caption-col-row th {
    background: #f0f0f0;
    border-bottom: none;
  }
  .responsive-list.caption-col th, .responsive-list.caption-col-row th {
    padding-left: 5px;
  }
  .responsive-list.caption-col td, .responsive-list.caption-col-row td {
    padding-left: 40%;
  }
  .responsive-list.caption-col td:first-child, .responsive-list.caption-col-row td:first-child {
    padding-left: 40%;
  }
  .responsive-list.caption-col td:before, .responsive-list.caption-col-row td:before {
    /* table header */
    content: attr(data-title);
    font-weight: bold;
    /* nachgeahmtes padding-left */
    left: 2.63157895%;
    padding-right: 10px;
    position: absolute;
    /* nachgeahmtes padding-top */
    top: 0.1rem;
    white-space: nowrap;
    width: 35%;
  }

  .responsive-list.caption-col td:before, .responsive-list.caption-col-row td:before {
    left: 5px;
  }
  .responsive-list.unicoloured.caption-col-row th, .responsive-list.zebra.caption-col-row th {
    padding-left: 5px;
  }
  .responsive-list.unicoloured.caption-col-row th:first-child, .responsive-list.zebra.caption-col-row th:first-child {
    padding-left: 5px;
  }
  .responsive-list.unicoloured.caption-col-row tr {
    background: white;
  }
  .responsive-list.unicoloured.caption-col-row tr:last-child td:last-child {
    border-bottom: 1px solid #dbdbdb;
  }
  .responsive-list.colourless.caption-col-row tr:last-child {
    border-bottom: none;
  }
  .responsive-list.colourless.caption-col-row td {
    padding-left: 40%;
  }
  .responsive-list.colourless.caption-col-row th {
    padding-left: 5px;
  }

  .pinned .colourless.caption-col tr td:first-child,
.pinned .colourless.caption-col tr th:first-child, .pinned .colourless.caption-col-row tr td:first-child,
.pinned .colourless.caption-col-row tr th:first-child {
    padding-left: 5px;
  }
}
/* ==========================================================================
   _list2col.scss: Ersatz fuer 2-spaltige Tabellen, Stichwortmodul
   ========================================================================== */
/* gernerell: margin bei p und ul ist Workaround um IE11-Bug, der Padding in table-cell bei Hover entfernt */
.table-row .table-cell-left,
.table-row .table-cell-right {
  padding: 5px 0;
}
.table-row .table-cell-left > p, .table-row .table-cell-left > ul,
.table-row .table-cell-right > p,
.table-row .table-cell-right > ul {
  margin-left: 5px;
  margin-right: 5px;
}
.table-row:last-child {
  border-bottom: none;
}

.box-linked:hover .table-row .table-cell-left {
  background-color: whitesmoke;
}
.box-linked:hover .table-row .table-cell-right {
  background-color: whitesmoke;
}

.table-row {
  border-bottom: 1px solid white;
  display: block;
}
.table-row .table-cell-left {
  background-color: #f0f0f0;
  display: block;
}
.table-row .table-cell-right {
  background-color: whitesmoke;
  display: block;
}

.nested-bg .table-row {
  border-bottom: 1px solid white;
}
.nested-bg .table-row .table-cell-right {
  background-color: whitesmoke;
}

.number {
  text-align: right;
}

.box-linked .table-row .table-cell-left {
  background-color: #f0f0f0;
}
.box-linked .table-row .table-cell-right {
  background-color: whitesmoke;
}
.box-linked:hover .table-row .table-cell-left {
  background-color: whitesmoke;
}
.box-linked:hover .table-row .table-cell-right {
  background-color: whitesmoke;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 24.6875em) {
  .table-row {
    border-bottom: 1px solid #dbdbdb;
    display: table;
    width: 100%;
  }
  .table-row .table-cell-left,
.table-row .table-cell-right {
    background-color: white;
    display: table-cell;
    vertical-align: top;
  }
  .table-row .table-cell-left > p, .table-row .table-cell-left > ul {
    margin-right: 0.9375rem;
  }

  .ratio-1-2 .table-cell-left {
    width: 31.57894737%;
  }

  .ratio-1-3 .table-cell-left {
    width: 20.1754385965%;
  }

  .ratio-2-1 .table-cell-left {
    width: 65.78947368%;
  }

  .ratio-1-1 .table-cell-left {
    width: 50%;
  }

  .nested-bg .table-row {
    border-bottom: 1px solid white;
  }
  .nested-bg .table-row .table-cell-left {
    background-color: #f0f0f0;
    border-right: 1px solid white;
  }
  .nested-bg .table-row .table-cell-left > p, .nested-bg .table-row .table-cell-left > ul {
    margin-right: 5px;
  }
  .nested-bg .table-row .table-cell-right {
    background-color: #f0f0f0;
  }

  .box-linked .table-row {
    border-bottom: 1px solid #dbdbdb;
  }
  .box-linked .table-row .table-cell-left,
.box-linked .table-row .table-cell-right {
    background-color: white;
  }
  .box-linked:hover .table-row .table-cell-left,
.box-linked:hover .table-row .table-cell-right {
    background-color: whitesmoke;
  }

  .table-row .table-cell-left {
    width: 50%;
  }

  .ratio-1-3 .table-row .table-cell-left {
    width: 31.57894737%;
  }
}
@media only all and (min-width: 36.875em) {
  .table-row {
    border-bottom: 1px solid white;
    display: block;
  }
  .table-row .table-cell-left {
    background-color: #f0f0f0;
    display: block;
  }
  .table-row .table-cell-right {
    background-color: whitesmoke;
    display: block;
  }

  .nested-bg .table-row {
    border-bottom: 1px solid white;
  }
  .nested-bg .table-row .table-cell-right {
    background-color: whitesmoke;
  }

  .number {
    text-align: right;
  }

  .box-linked .table-row .table-cell-left {
    background-color: #f0f0f0;
  }
  .box-linked .table-row .table-cell-right {
    background-color: whitesmoke;
  }
  .box-linked:hover .table-row .table-cell-left {
    background-color: whitesmoke;
  }
  .box-linked:hover .table-row .table-cell-right {
    background-color: whitesmoke;
  }

  .table-row .table-cell-left,
.ratio-1-3 .table-row .table-cell-left {
    width: 100%;
  }

  .table-row .table-cell-left,
.table-row .table-cell-right {
    padding: 5px 0;
  }
  .table-row .table-cell-left > p, .table-row .table-cell-left > ul,
.table-row .table-cell-right > p,
.table-row .table-cell-right > ul {
    margin-left: 2.63157895%;
    margin-right: 2.63157895%;
  }
}
@media only all and (min-width: 43.125em) {
  .table-row {
    border-bottom: 1px solid #dbdbdb;
    display: table;
    width: 100%;
  }
  .table-row .table-cell-left,
.table-row .table-cell-right {
    background-color: white;
    display: table-cell;
    vertical-align: top;
  }
  .table-row .table-cell-left > p, .table-row .table-cell-left > ul {
    margin-right: 0.9375rem;
  }

  .ratio-1-2 .table-cell-left {
    width: 31.57894737%;
  }

  .ratio-1-3 .table-cell-left {
    width: 20.1754385965%;
  }

  .ratio-2-1 .table-cell-left {
    width: 65.78947368%;
  }

  .ratio-1-1 .table-cell-left {
    width: 50%;
  }

  .nested-bg .table-row {
    border-bottom: 1px solid white;
  }
  .nested-bg .table-row .table-cell-left {
    background-color: #f0f0f0;
    border-right: 1px solid white;
  }
  .nested-bg .table-row .table-cell-left > p, .nested-bg .table-row .table-cell-left > ul {
    margin-right: 5px;
  }
  .nested-bg .table-row .table-cell-right {
    background-color: #f0f0f0;
  }

  .box-linked .table-row {
    border-bottom: 1px solid #dbdbdb;
  }
  .box-linked .table-row .table-cell-left,
.box-linked .table-row .table-cell-right {
    background-color: white;
  }
  .box-linked:hover .table-row .table-cell-left,
.box-linked:hover .table-row .table-cell-right {
    background-color: whitesmoke;
  }

  .table-row .table-cell-left {
    width: 50%;
  }

  .ratio-1-3 .table-row .table-cell-left {
    width: 31.57894737%;
  }

  .table-row .table-cell-left > p, .table-row .table-cell-left > ul {
    margin-left: 0;
  }
  .table-row .table-cell-left,
.table-row .table-cell-right {
    padding: 5px 0;
  }
  .table-row .table-cell-left > p, .table-row .table-cell-left > ul,
.table-row .table-cell-right > p,
.table-row .table-cell-right > ul {
    margin-right: 0.9375rem;
  }

  .ratio-1-2 .table-row .table-cell-right > p, .ratio-1-2 .table-row .table-cell-right > ul,
.ratio-1-1 .table-row .table-cell-right > p,
.ratio-1-1 .table-row .table-cell-right > ul,
.ratio-2-1 .table-row .table-cell-right > p,
.ratio-2-1 .table-row .table-cell-right > ul {
    margin-left: 5.2631578947%;
  }

  .ratio-1-3 .table-row .table-cell-right > p, .ratio-1-3 .table-row .table-cell-right > ul {
    margin-left: 3.8461538462%;
  }

  .nested-bg.ratio-1-2 .table-row .table-cell-left > p, .nested-bg.ratio-1-2 .table-row .table-cell-left > ul,
.nested-bg.ratio-1-1 .table-row .table-cell-left > p,
.nested-bg.ratio-1-1 .table-row .table-cell-left > ul,
.nested-bg.ratio-2-1 .table-row .table-cell-left > p,
.nested-bg.ratio-2-1 .table-row .table-cell-left > ul,
.nested-bg.ratio-1-2 .table-row .table-cell-right > p,
.nested-bg.ratio-1-2 .table-row .table-cell-right > ul,
.nested-bg.ratio-1-1 .table-row .table-cell-right > p,
.nested-bg.ratio-1-1 .table-row .table-cell-right > ul,
.nested-bg.ratio-2-1 .table-row .table-cell-right > p,
.nested-bg.ratio-2-1 .table-row .table-cell-right > ul {
    margin-left: 5.2631578947%;
    margin-right: 5.2631578947%;
  }

  .nested-bg.ratio-1-3 .table-row .table-cell-left > p, .nested-bg.ratio-1-3 .table-row .table-cell-left > ul {
    margin-left: 7.6923076923%;
    margin-right: 7.6923076923%;
  }

  .nested-bg.ratio-1-3 .table-row .table-cell-right > p, .nested-bg.ratio-1-3 .table-row .table-cell-right > ul {
    margin-left: 3.8461538462%;
    margin-right: 3.8461538462%;
  }
}
@media only all and (min-width: 55em) {
  .table-row .table-cell-right > p, .table-row .table-cell-right > ul {
    margin-right: 0;
  }
}
@media only all and (min-width: 62.875em) {
  .ratio-1-2 .table-cell-left {
    width: 31.57894737%;
  }

  .ratio-1-3 .table-row .table-cell-left {
    width: 20.1754385965%;
  }

  .ratio-2-1 .table-cell-left {
    width: 65.78947368%;
  }

  .ratio-1-1 .table-cell-left {
    width: 50%;
  }

  .ratio-1-2 .table-row .table-cell-right > p, .ratio-1-2 .table-row .table-cell-right > ul {
    margin-left: 3.8461538462%;
  }

  .ratio-1-3 .table-row .table-cell-right > p, .ratio-1-3 .table-row .table-cell-right > ul {
    margin-left: 3.2967032967%;
  }

  .ratio-2-1 .table-row .table-cell-right > p, .ratio-2-1 .table-row .table-cell-right > ul {
    margin-left: 7.6923076923%;
  }

  .nested-bg.ratio-1-2 .table-row .table-cell-left > p, .nested-bg.ratio-1-2 .table-row .table-cell-left > ul {
    margin-left: 8.33333333%;
    margin-right: 8.33333333%;
  }

  .nested-bg.ratio-1-2 .table-row .table-cell-right > p, .nested-bg.ratio-1-2 .table-row .table-cell-right > ul {
    margin-left: 3.8461538462%;
    margin-right: 3.8461538462%;
  }

  .nested-bg.ratio-1-3 .table-row .table-cell-left > p, .nested-bg.ratio-1-3 .table-row .table-cell-left > ul {
    margin-left: 13.0434782609%;
    margin-right: 13.0434782609%;
  }

  .nested-bg.ratio-1-3 .table-row .table-cell-right > p, .nested-bg.ratio-1-3 .table-row .table-cell-right > ul {
    margin-left: 3.2967032967%;
    margin-right: 3.2967032967%;
  }

  .nested-bg.ratio-2-1 .table-row .table-cell-left > p, .nested-bg.ratio-2-1 .table-row .table-cell-left > ul {
    margin-left: 3.8461538462%;
    margin-right: 3.8461538462%;
  }

  .nested-bg.ratio-2-1 .table-row .table-cell-right > p, .nested-bg.ratio-2-1 .table-row .table-cell-right > ul {
    margin-left: 7.6923076923%;
    margin-right: 7.6923076923%;
  }
}
/* ==========================================================================
   _list_icon.scss: Liste mit Icons als Listenpunkt
   ========================================================================== */
/*
 * Icon als Hintergrund-Image
 */
.c-list-icon {
  list-style: none;
}

.c-list-icon__li {
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.c-list-icon__li--box {
  border-bottom: 1px solid #b9b9b9;
}

/* Listenpunkt Inhalts-Container */
.c-list-icon__content {
  padding: 1.5rem 0.5rem 1.5rem 0.5rem;
}

/* Rahmen Icon */
.icon-wrapper {
  width: 2.5rem;
}

/* Rahmen Icon Baustelle */
.icon-wrapper__img--warning {
  display: inline-block;
  position: relative;
  top: 0.1rem;
}

.icon-wrapper__img--warning::before {
  content: url("/images/global/icon_roadwork_warning.svg");
}

.icon-wrapper__img--cluster::before {
  content: url("/images/global/map_cluster_legend.png");
}

/* Headings */
.c-list-icon__heading--h2 {
  font-size: 1rem;
  margin-top: 0;
}

.c-list-icon__heading--h3 {
  margin: 0 0 0.375rem 0;
  position: relative;
}

/* Legende */
.c-def-list {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}

.c-def-list__dt {
  display: block;
  height: 2.188rem;
  margin-right: 0.322rem;
  text-align: center;
  width: 2.5rem;
}

.c-def-list__dt .fa {
  margin-top: 0.313rem;
}

.c-def-list__dd {
  display: block;
  padding: 0;
  width: calc(100% - 3rem);
}

@media only all and (min-width: 24.6875em) {
  .c-list-icon__content {
    padding-left: 3rem;
  }

  .c-list-icon__heading--h2 {
    margin-left: -2.5rem;
  }
}
/* ==========================================================================
   _event.scss: Kalendarium
   ========================================================================== */
.list-links__item--event {
  border-bottom: 1px solid #fff;
}

.box--event {
  align-content: space-between;
  align-items: flex-start;
  display: flex;
  padding-bottom: 0.9375rem;
  padding-top: 0.9375rem;
  position: relative;
}

.box--event__date {
  margin-right: 1rem;
  text-align: center;
  width: 31.57894737%;
}

.date-left,
.date-right {
  background-color: #8f8f8f;
  color: white;
  display: block;
}

.date-left {
  border-color: white;
  border-style: solid;
  border-width: 0 0 1px 0;
}

.date-day {
  font-size: 2rem;
  font-weight: bold;
}

.date-prep,
.date-day,
.date-month,
.date-year {
  font-style: normal;
  position: relative;
  text-align: bottom;
}

.date-prep,
.date-day {
  bottom: -2px;
  bottom: -0.2rem;
  line-height: 100%;
  position: relative;
}

.date-month,
.date-year {
  line-height: 130%;
}

.date-dot {
  display: none;
}

.box--event__text {
  padding-left: 5px;
  padding-right: 5px;
  width: auto;
}
.box--event__text > :first-child {
  margin-top: -0.3rem;
}
.box--event__text > :last-child {
  margin-bottom: 0;
}

.box-linked .box--event__text,
.box--event.box--linked .box--event__text {
  padding-right: 45px;
}

.box--event__text {
  width: 65.789%;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@element ".content" and (min-width: 31.25em) {
  .box-linked .box--event__text,
.box--event.box--linked .box--event__text {
    padding-right: 36px;
  }
}
@element ".content" and (min-width: 34.375rem) {
  .box--event__date {
    display: table;
  }

  .date-left,
.date-right {
    display: table-cell;
  }

  .date-left,
.date-right {
    text-align: center;
    vertical-align: bottom;
    width: 49%;
  }

  .date-prep-position {
    display: inline-block;
    text-align: left;
    width: 35%;
  }

  .date-day-position {
    display: inline-block;
    text-align: right;
    width: 55%;
  }

  .date-left {
    border-width: 0 1px 0 0;
    padding-right: 5px;
    text-align: right;
  }

  .date-month,
.date-year {
    display: block;
    margin-left: 5px;
    text-align: left;
  }
}
/* ==========================================================================
   _sitemap.scss: Sitemap
   ========================================================================== */
.sitemap,
.sitemap-apart {
  padding-bottom: 0.2rem;
}

.sitemap li {
  font-weight: bold;
  list-style-type: none;
  margin-top: 0.9375rem;
  padding-top: 0.2rem;
}
.sitemap li.inactive {
  font-weight: normal;
}
.sitemap li.inactive > a {
  color: #6e6e6e;
}
.sitemap li.inactive > a:hover {
  color: #6e6e6e;
}

.sitemap-apart li {
  background-image: url(/images/global/icon_sitemap_apart.png);
  background-position: 0 0.05rem;
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 0 0 0.2rem 1.875rem;
}
.sitemap-apart li.inactive {
  background-image: url(/images/global/icon_sitemap_apart_inactive.png);
}
.sitemap-apart li.inactive > a {
  color: #6e6e6e;
}
.sitemap-apart li.inactive > a:hover {
  color: #6e6e6e;
}

.sitemap ul {
  margin-bottom: 0;
  margin-top: 0.2rem;
  padding: 0;
}

.sitemap ul li {
  background-image: url(/images/global/icon_sitemap.png);
  background-position: 0 0.05rem;
  background-repeat: no-repeat;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0.2rem 1.875rem;
}
.sitemap ul li.inactive {
  background-image: url(/images/global/icon_sitemap_inactive.png);
}

/* ==========================================================================
   _forms.scss: Formulare alter Stand
   NOTE: KLassen nicht mehr verwenden!
   ========================================================================== */
/*
 * Formularelemente Broschueren (Download, Postversand), Newsletter, Feedback-Formular
 */
.form {
  border: none;
  margin: 0;
  padding: 0;
}

.form-legend {
  color: #454545;
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.9375rem;
  margin-right: 0;
  margin-top: 0;
  width: 100%;
}
.form-legend legend span {
  display: block;
  width: 100%;
}

.content-left-form.content-1-col,
.content-right-form.content-2-col {
  width: 100%;
}

.form-checkbox {
  display: block;
  float: left;
  margin-right: 0.375rem;
  margin-top: 0.325rem;
}

.form-radio {
  display: inline-block;
  margin-right: 3px;
}

.form-label {
  padding-right: 0.9375rem;
}

.form-label,
.form-label-left {
  color: black;
}

.form-button {
  display: inline-block;
  margin-left: 0.9375rem;
}

.input-text-xxs {
  display: block;
  width: 3.125rem;
}

.input-text-xs,
.input-text-xs-search {
  margin-bottom: 0.2rem;
  width: 7.1875rem;
}

.input-text-xs {
  display: block;
}

.input-text-s {
  display: block;
  margin-bottom: 0.2rem;
  max-width: 11.25rem;
}

.input-text-l {
  display: block;
  margin-bottom: 0.2rem;
  width: 100%;
}

.input-file {
  background: white;
  border-bottom: 1px solid #e3e9ef;
  border-left: 1px solid #e2e3ea;
  border-right: 1px solid #dbdfe6;
  border-top: 1px solid #abadb3;
  display: block;
  margin-bottom: 0.2rem;
  width: 100%;
}

.input-file:hover {
  border-bottom: 1px solid #c7e2f1;
  border-left: 1px solid #c5daed;
  border-right: 1px solid #b7d5ea;
  border-top: 1px solid #5794bf;
}

.input-comment {
  height: 100px;
  height: 6.25rem;
}

.input-comment-l {
  height: 150px;
  height: 9.375rem;
}

.input-comment-m {
  height: 65px;
  height: 4rem;
}

.input-comment-s {
  height: 50px;
  height: 3.125rem;
}

input[readonly] {
  background: #f5f5f5;
  border: 1px solid #cecece;
  color: #666;
}

.select-l {
  display: block;
  width: 100%;
}

.form-cgi-wrapper {
  position: relative;
}

.form-cgi {
  bottom: 0.9375rem;
  position: absolute;
  right: 7.3rem;
}

.error {
  color: #d60e00;
}

select.error,
input.error,
textarea.error {
  border: 2px solid #d60e00;
}

.error-wrapper {
  border: 2px solid #d60e00;
}
.error-wrapper .list-text.error {
  list-style-image: url(/images/global/dot_error.png);
}
.error-wrapper .list-text.error li {
  margin-left: 2.63157895%;
}
.error-wrapper > .heading-box {
  background: #d60e00;
  border-bottom: none;
}
.error-wrapper > .heading-box .button-icon {
  color: #f0f0f0;
}
.error-wrapper > .heading-box .button-icon :hover {
  color: white;
}

.text.error {
  list-style-image: url(/images/global/dot_error.png);
}

.catch {
  display: none;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 21.563em) {
  .content-left-form {
    float: left;
  }

  .content-right-form {
    float: right;
  }

  .content-left-form.content-1-col {
    width: 31.57894737%;
  }

  .content-right-form.content-2-col {
    width: 65.78947368%;
  }

  .content-half-col {
    width: 48.6111111111%;
  }

  .form-label-left {
    float: right;
  }
}
/* ==========================================================================
   _forms_nl.scss: Newsletter An- und Abmeldeformular fuer den Export
   ========================================================================== */
.c-nl-form {
  background-color: #f0f0f0;
  padding: 5px 5px;
}

.c-nl-form__flexrow {
  align-items: flex-end;
  -webkit-box-align: end;
  -webkit-box-pack: justify;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-align: end;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-around;
}

.c-nl-form, .c-nl-form div {
  margin-bottom: 0.9375rem;
}
.c-nl-form > :first-child, .c-nl-form div > :first-child {
  margin-top: 0;
}
.c-nl-form > :last-child, .c-nl-form div > :last-child {
  margin-bottom: 0;
}

.c-nl-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.c-nl-form fieldset div {
  display: block;
}

.c-nl-form legend {
  color: #454545;
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.9375rem;
  width: 100%;
}

.c-nl-form fieldset > div:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.c-nl-form__label {
  color: black;
  margin-right: 0.9375rem;
  padding-right: 0.9375rem;
}

.c-nl-form__input {
  width: 100%;
}

.c-nl-form input[type=submit] {
  display: inline-block;
  margin-left: 0.9375rem;
}

.c-nl-form__button {
  float: right;
  width: auto;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 31.25em) {
  .c-nl-form__label {
    width: 31.57894737%;
  }

  .c-nl-form__input {
    float: right;
    width: 65.78947368%;
  }
}
@media only all and (min-width: 36.875em) {
  .c-nl-form {
    padding-bottom: 0.9375rem;
    padding-left: 2.63157895%;
    padding-right: 2.63157895%;
    padding-top: 0.9375rem;
  }
}
@media only all and (min-width: 43.125em) {
  .c-nl-form__label {
    width: 31.57894737%;
  }

  .c-nl-form__input {
    float: right;
    width: 65.78947368%;
  }
}
/* ==========================================================================
   _contactform.scss: TODO: löschen nach Relaunch Kontaktformular - Kontaktformular in Ilightbox
   ========================================================================== */
/*
 * Header
 */
.contactform__standolone {
  background: #b9b9b9;
}

.contactform__wrapper {
  background-color: #fff;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.3);
  margin: 32px auto;
  max-width: 37.5rem;
}

.contactform__logo-wrapper {
  background-color: white;
  box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.1);
  height: calc(3rem + 1px);
  position: relative;
  width: 100%;
  z-index: 100;
}

.contactform__logo {
  background-image: url(/images/global/icon_mobile.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 3rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: 100%;
  top: 0;
  white-space: nowrap;
  width: 3rem;
}

.contactform__heading {
  background: #8f8f8f;
  color: white;
  font-size: 0.85rem;
  padding: 0.9375rem 0.9375rem;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .contactform__logo-wrapper {
    border-bottom: 32px solid #8f8f8f;
    box-shadow: none;
    height: 80px;
    width: auto;
  }

  .contactform__logo {
    background-image: url(/images/global/nuernberg_logo.png);
    height: 80px;
    right: 67px;
    width: 128px;
  }

  .contactform__heading {
    font-size: 1rem;
  }
}
/* ==========================================================================
   _search.scss: Imperia Suche Frontend
   ========================================================================== */
.pale {
  color: #666;
  display: block;
  text-indent: 0px;
}

.highlight-meta {
  font-weight: bold;
}

.search-result {
  font-weight: normal;
}

.search-description {
  margin: 0 0 10px 16px;
}

.typeHTML {
  display: none;
}

.typeXPDF {
  display: block;
  text-indent: 0px;
}

.search-input {
  width: 66.66666%;
}

.search-button {
  text-align: left;
}

.page-all {
  font-weight: bold;
}

.page-link {
  font-weight: normal;
}

.page {
  margin: 0 5px;
}

/* ==========================================================================
   _colmoduls.scss: Module 1. Spalte Portal Startseite und 3. Spalte
   ========================================================================== */
.col-island-default,
.col-island-box,
.col-island-feedback,
.col-island-ad,
.col-island-socialmedia, .col-island,
.col1-portal-home .col-island {
  border-bottom: 1.875rem solid white;
  margin-bottom: 0;
  padding-top: 0.9375rem;
}

.col-island,
.col1-portal-home .col-island {
  border-top: 1px solid #bababa;
}

.col-island-default,
.col-island-box,
.col-island-feedback,
.col-island-ad,
.col-island-socialmedia {
  margin-left: -1px;
}

.col-island-default,
.col-island-box,
.col-island-feedback,
.col-island-socialmedia {
  background-color: #f0f0f0;
}

.col-island-default {
  padding-bottom: 0.9375rem;
}

.col-box {
  border-bottom: 1.875rem solid white;
  border-top: 1.875rem solid white;
  margin-top: -1.875rem;
}

.col-island-ad {
  background-color: #dbdbdb;
}

.col-island-box,
.col-island-ad {
  border-top: 1.875rem solid white;
  margin-top: -1.875rem;
}

.col1-portal-home .col-island-default,
.col1-portal-home .col-island-box,
.col1-portal-home .col-island-ad {
  margin-left: 0;
  margin-right: -1px;
}

.col3 h2,
.col1-portal-home h2 {
  margin: 0 0 0.375rem 0;
}

.col3 h3,
.col1-portal-home h3 {
  line-height: 1.2rem;
}

/*
 * Listen
 */
.col-list-banner,
.col-list-banner-ad, .col-list-socialmedia {
  list-style-type: none;
}
.col-list-banner > li,
.col-list-banner-ad > li, .col-list-socialmedia > li {
  display: block;
  margin-right: 0;
  margin-top: 0;
}

.col-list-socialmedia {
  margin-bottom: 0;
  margin-left: -0.9375rem;
  display: flex;
  flex-wrap: wrap;
}
.col-list-socialmedia li {
  margin-bottom: 0.9375rem;
  margin-left: 0.9375rem;
}

.col-list-banner-wrapper {
  margin: 0 auto;
  max-width: 367px;
}

.col-list-banner,
.col-list-banner-ad {
  margin-bottom: 0;
  margin-left: -2%;
}
.col-list-banner li,
.col-list-banner-ad li {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 2%;
  max-width: 180px;
  width: 48%;
}

.col-list-weather {
  list-style-type: none;
}
.col-list-weather .icon {
  float: left;
  margin: 0.1rem 7.6923076923% 0.46875rem 0;
  padding: 0;
}
.col-list-weather p {
  float: left;
  line-height: 1rem;
  margin: -0.2rem 0 0.2rem 0;
  padding: 0;
}

.heading--list-lang {
  padding-left: calc(1.5rem + 0.5rem);
  min-height: calc(1.5rem + 0.5rem);
}

.col-island-feedback a {
  margin-bottom: 0.9375rem;
}
.col-island-feedback a > img {
  float: left;
  margin-right: 15px;
}
.col-island-feedback a > p {
  line-height: 1.8rem;
  min-height: 30px;
}

.col3 .zoom,
.col1-portal-home .zoom {
  max-width: 11.25rem;
}

.value-output, .waiting-time {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
}

.wlan__wrapper--small {
  align-content: space-around;
  align-items: stretch;
  display: flex;
  padding-bottom: 0.625rem;
}
.wlan__wrapper--small span {
  margin-right: 0.46875rem;
}

.col-island-box.wlan__bg--image {
  background-image: url(/images/global/wlan_bg.jpg);
  background-position: center;
  background-size: cover;
  /*background-attachment: fixed;*/
  padding-top: 0;
}

.wlan__bg--color {
  background-color: rgba(0, 0, 0, 0.2);
  padding-top: 0.9375rem;
}

.wlan__wrapper--large {
  align-items: center;
  color: white;
  display: flex;
  flex-direction: column;
  padding-bottom: 0.625rem;
}

.col3 .wlan__heading--small {
  line-height: 1rem;
}

.col3 .wlan__heading--large {
  color: white;
  margin-bottom: 0;
  text-align: center;
}

.waiting-time {
  background-color: #f0f0f0;
}

.value-output {
  background-color: white;
  font-weight: bold;
  margin-bottom: 0.46875rem;
  text-align: center;
  width: 11.25rem;
}

.col-select {
  margin-bottom: 0.9375rem;
  width: 100%;
}

.campaign-label__text {
  display: block;
  padding-top: 0.3125rem;
  background: white;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}

.campaign-label__link:hover {
  text-decoration: none;
  color: black;
}

/*
 * Randabstaende bei kleiner Fensterbreite mit einspaltigem Inhalt
 */
.col-island,
.col-island-default-inner,
.col-island-feedback-inner,
.col-island-socialmedia-inner,
.col-island-box-inner,
.col-island-ad-inner,
.col-box {
  padding-left: 5px;
  padding-right: 5px;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 560px) {
  .col-list-banner-wrapper {
    margin: 0;
    max-width: none;
  }

  .col-list-banner,
.col-list-banner-ad {
    margin-left: -0.9090909%;
  }
  .col-list-banner li,
.col-list-banner-ad li {
    margin-left: 0.9009009%;
    width: 32.4324324%;
  }
}
@media only all and (min-width: 36.875em) {
  .col-inner {
    background-color: #f0f0f0;
    padding-bottom: 0;
  }
  .col-inner > :last-child {
    padding-bottom: 0.9375rem;
  }

  .col-island,
.col1-portal-home .col-island {
    border-bottom: 0;
    border-top: none;
    padding-left: 0;
    padding-right: 0;
  }

  .col-island-default,
.col-island-box,
.col-island-ad,
.col-box {
    margin-top: 0;
  }

  .col-box {
    border-bottom: 1.875rem solid white;
    border-top: 1.875rem solid white;
    margin-top: -1.875rem;
    padding-right: 0;
  }

  .col-island-default {
    border-bottom: none;
  }

  .col-island-feedback a > img {
    margin-right: 7.6923076923%;
  }

  .col-list-banner,
.col-list-banner-ad {
    margin-left: 0;
    text-align: left;
  }
  .col-list-banner li,
.col-list-banner-ad li {
    display: block;
    margin-bottom: 0.9375rem;
    margin-left: 0;
    width: auto;
  }

  .col-list-banner > :last-child {
    margin-bottom: 0;
  }

  .col-island-inner,
.col-island-default-inner,
.col-island-feedback-inner,
.col-island-socialmedia-inner,
.col-island-box-inner,
.col-island-ad-inner {
    margin: 0 auto;
    max-width: 190px;
    padding: 0 5px;
  }

  .col-list-socialmedia {
    justify-content: center;
  }

  .col-island-ad-inner {
    background-color: #dbdbdb;
  }

  .col-list-weather .icon {
    margin-bottom: 0.9375rem;
  }

  .waiting-time {
    background-color: #dbdbdb;
  }

  .value-output {
    max-width: 100%;
  }
}
@media only all and (min-width: 55em) {
  .col-inner {
    background-color: white;
    padding-bottom: 0;
    padding-top: 0;
  }
  .col-inner > :last-child {
    padding-bottom: 0;
  }

  .col1-portal-home .col-inner {
    border-right: 1px solid #bababa;
  }

  .col-island {
    border-bottom: 1.875rem solid white;
    margin-left: 1px;
    margin-right: -1px;
    padding-left: 7.21649484%;
    /* 14px in Prozent zu 194px (Spaltenbreite ohne senkrechte Linie) */
    padding-top: 0;
  }

  .col1-portal-home .col-island {
    border-bottom: none;
    margin-bottom: 1.875rem;
    padding-right: 6.7010309278%;
    padding-top: 0;
    /* 13px in Prozent zu 194px (Spaltenbreite ohne senkrechte Linie) */
  }

  .col-island-default,
.col-island-box,
.col-island-ad {
    margin-top: -1.875rem;
  }

  .col-island-default {
    background-color: white;
    border-bottom: 1.875rem solid white;
    border-top: 1.875rem solid white;
    padding-bottom: 0;
    padding-top: 0;
  }

  .col-box {
    margin-left: -1px;
    padding-left: 0;
  }

  .col-island-default-inner {
    margin-left: 0;
    margin-right: 0;
    max-width: 195px;
    padding-left: 0;
    padding-right: 0;
  }

  .col-island-inner {
    max-width: auto;
    padding: 0;
  }

  .col-list-socialmedia {
    margin-left: -5.1282051282%;
    width: 103.8461538462%;
  }
  .col-list-socialmedia li {
    margin-left: 7.6923076923%;
  }

  .col-island-feedback a {
    margin-left: 3.8%;
  }

  .col-list-banner {
    line-height: 0;
    margin-bottom: 0;
    margin-left: -3.8461538462%;
    width: 103.8461538462%;
  }
  .col-list-banner li {
    margin-bottom: 1.40625rem;
    margin-left: 3.8461538462%;
  }

  .col-list-banner-ad {
    margin-left: -3.8461538462%;
    width: 103.8461538462%;
  }
  .col-list-banner-ad li {
    margin-left: 3.8461538462%;
  }

  .waiting-time {
    background-color: #f0f0f0;
  }

  .value-output {
    background-color: white;
  }
}
@media only all and (min-width: 62.875em) {
  .col-list-socialmedia {
    justify-content: flex-start;
  }
}
/* ==========================================================================
   _iframe.scss: Iframe Responsive
   ========================================================================== */
/*
 * Iframe
 */
.iframe iframe {
  width: 100%;
}

/*
 * Iframe Wahlen Balkendiagramm
 */
.iframe-container {
  overflow: hidden;
  padding-top: 80%;
  position: relative;
}

.iframe-container__iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* ==========================================================================
   _carousel.scss: Bilderkarussell fuer Bildergalerie
   ========================================================================== */
.c-carousel {
  padding-left: 2.688rem;
  padding-right: 2.688rem;
  position: relative;
}

.carousel-wrapper {
  height: 0;
  padding-bottom: 24.7933884298%;
  position: relative;
  width: 100%;
  z-index: 2;
}

.list-carousel {
  height: 100%;
  left: 0;
  list-style-type: none;
  margin-left: -1px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.list-carousel li {
  display: block;
  float: left;
  height: 100%;
  margin-left: 1px;
}

.list-carousel a,
.list-carousel img {
  height: 100%;
}

.carousel-btn,
.carousel-btn-disabled {
  height: 3.75rem;
  margin-top: -1.875rem;
  position: absolute;
  top: 50%;
  width: 2.5rem;
  z-index: 3;
}

.carousel-btn {
  cursor: pointer;
}

.carousel-btn-prev {
  left: 0;
}

.carousel-btn-next {
  right: 0;
}

.carousel-btn-inner {
  margin-top: -1.375rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  white-space: nowrap;
  width: 1rem;
  height: 2.5rem;
}

.carousel__button .carousel-btn-inner {
  display: block;
  margin-top: -0.875rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  white-space: nowrap;
  width: 1.75rem;
  height: 1.75rem;
}

.carousel-btn-prev .carousel-btn-inner {
  left: 0.25rem;
}

.carousel-btn-next .carousel-btn-inner {
  right: 0.5rem;
}

/* ==========================================================================
   _layer.scss: CSS fuer Content in der Lightbox
   ========================================================================== */
.layer-wrapper {
  padding: 1.5rem 0.9375rem;
  width: 100%;
}

/* ==========================================================================
   _widgets.scss: Widgets
   ========================================================================== */
/*
 * Tabs Bilder blaettern, jquery-ui.min.css wird ueberschrieben
 */
#binding .ui-tabs {
  padding: 0;
}

#binding .ui-tabs.ui-widget {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: inherit;
}

#binding .ui-tabs.ui-widget.ui-widget-content {
  border: none;
}

#binding .ui-tabs.ui-widget-content a {
  color: var(--theme-link);
}

#binding .ui-tabs .ui-widget-header {
  border: none;
  background: none;
  color: inherit;
  font-weight: inherit;
}

#binding .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 0 0.3em 0.3em 0.3em;
}

#binding .ui-tabs .ui-tabs-panel {
  padding: 0;
}

#binding .ui-tabs .ui-state-default,
#binding .ui-tabs .ui-widget-content .ui-state-default,
#binding .ui-tabs .ui-widget-header .ui-state-default,
#binding .ui-tabs .ui-button,
html #binding .ui-tabs .ui-button.ui-state-disabled:hover,
html #binding .ui-tabs .ui-button.ui-state-disabled:active,
#binding .ui-tabs .ui-state-active,
#binding .ui-tabs .ui-widget-content .ui-state-active,
#binding .ui-tabs .ui-widget-header .ui-state-active,
#binding .ui-tabs a.ui-button:active,
#binding .ui-tabs .ui-button:active,
#binding .ui-tabs .ui-button.ui-state-active:hover {
  border: none;
  background: inherit;
  font-weight: normal;
  color: inherit;
}

#binding .ui-tabs .ui-state-default a,
#binding .ui-tabs .ui-state-default a:link,
#binding .ui-tabs .ui-state-default a:visited,
#binding .ui-tabs a.ui-button,
#binding .ui-tabs a:link.ui-button,
#binding .ui-tabsa:visited.ui-button,
#binding .ui-tabs .ui-button {
  color: var(--theme-link);
  text-decoration: none;
}

#binding .ui-tabs .ui-state-hover a,
#binding .ui-tabs .ui-state-hover a:hover,
#binding .ui-tabs .ui-state-hover a:link,
#binding .ui-tabs .ui-state-hover a:visited,
#binding .ui-tabs .ui-state-focus a,
#binding .ui-tabs .ui-state-focus a:hover,
#binding .ui-tabs .ui-state-focus a:link,
#binding .ui-tabs .ui-state-focus a:visited {
  text-decoration: underline;
}

#binding .ui-tabs .ui-state-active a,
#binding .ui-tabs .ui-state-active a:hover,
#binding .ui-tabs .ui-state-active a:link,
#binding .ui-tabs .ui-state-active a:visited {
  color: black;
  text-decoration: none;
}

/*
 * Randabstaende bei kleiner Fensterbreite mit einspaltigem Inhalt
 */
.tab-menu {
  padding-left: 5px;
  padding-right: 5px;
}

/*
 * Toggle-Container fuer Suchfilter
 */
.search-filter {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 100;
}
.search-filter > dt {
  text-align: right;
}
.search-filter > dt > a {
  background: url(/images/global/icon_content.png) no-repeat;
  background-position: 0 -240px;
  cursor: pointer;
  display: block;
  float: right;
  height: 18px;
  margin-top: -8px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 1rem;
}
.search-filter > dt > a:hover {
  background-position: 0 -258px;
}
.search-filter > dd {
  background-color: white;
  box-shadow: 0px 12px 10px 6px rgba(0, 0, 0, 0.2);
  display: none;
  margin-top: 0.125rem;
  width: 100%;
}

/*
 * Container mit Klappfunktion
 */
.expand {
  margin-bottom: 1.5rem;
}
.expand > p,
.expand h3 + div p {
  margin-bottom: 0;
}
.expand > ul {
  margin-bottom: 0;
}

.c-language-selection .expand,
.wrapper--list-lang .expand {
  margin-bottom: 0.9375rem;
}

.c-language-selection .expand > ul,
.wrapper--list-lang .expand > ul {
  background: white;
  padding-bottom: 0.1rem;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0.1rem;
}

.wrapper--list-lang h3 {
  padding-left: calc(1.5rem + 0.5rem);
  min-height: 1.5rem;
}

.expand-in-connection {
  margin-bottom: 0;
}
.expand-in-connection > div {
  margin-bottom: 0.9375rem;
}

.expand > h3,
.expand > h4 {
  cursor: pointer;
  margin: 0;
  padding-bottom: 0.1rem;
  padding-left: calc(1rem + 5px);
  padding-right: 5px;
  padding-top: 0.1rem;
  text-indent: -1rem;
}

.expand > h3 {
  background: #f0f0f0;
  border-bottom: 1px solid white;
}
.expand > h3:hover {
  background: whitesmoke;
}

.expand > h4 {
  background: white;
}
.expand > h4:hover {
  text-decoration: underline;
}

.expand > h3.closed .link-expand,
.expand > h4.closed .link-expand {
  background-position: 0 -276px;
}
.expand > h3.closed:hover .link-expand,
.expand > h4.closed:hover .link-expand {
  background-position: 0 -292px;
}
.expand > h3.open .link-expand,
.expand > h4.open .link-expand {
  background-position: 0 -308px;
}
.expand > h3.open:hover .link-expand,
.expand > h4.open:hover .link-expand {
  background-position: 0 -324px;
}

.expand > div,
.expand > ul {
  display: none;
}

/*
 * Kalenderwidget
 */
.ui-datepicker {
  background: #f0f0f0;
  box-shadow: 0px 12px 10px 6px rgba(0, 0, 0, 0.2);
}

#ui-datepicker-div.ui-datepicker {
  padding: 0;
}

.ui-datepicker-header {
  background-color: #dbdbdb;
  border: none;
  color: #454545;
  font-weight: bold;
}

.ui-datepicker-header .ui-state-hover {
  cursor: pointer;
}

.ui-datepicker-header .ui-state-disabled span,
.ui-datepicker-header .ui-state-hover.ui-state-disabled span {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  background-image: url(/images/global/icon_content.png);
  background-position: 0 -140px;
  height: 14px;
  width: 16px;
}

.ui-datepicker .ui-corner-all {
  color: black;
}

.ui-datepicker .ui-datepicker-prev span {
  background-position: 0 -126px;
}

.ui-datepicker .ui-state-hover span {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}

#ui-datepicker-div.ui-datepicker table {
  margin-bottom: 0;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
  top: 0;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker th {
  background-color: whitesmoke;
  color: #616161;
  font-size: 12px;
  font-size: 0.75rem;
}

#ui-datepicker-div.ui-datepicker th {
  padding: 4px;
  padding: 0.25rem;
}

.ui-datepicker td {
  background: #f0f0f0;
  border: none;
  padding: 0;
  width: 14.285714285%;
}

#ui-datepicker-div.ui-datepicker td {
  padding: 0;
}

td .ui-state-default {
  background: white;
  border: 1px solid #dbdbdb;
  color: black;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  margin: 0;
}

#ui-datepicker-div td .ui-state-default {
  text-align: center;
}

td.ui-state-disabled .ui-state-default {
  background: whitesmoke;
  color: #bababa;
}

td .ui-state-active,
td .ui-state-hover {
  color: #fff;
}

#datepicker[readonly] {
  background: #fff;
  border: 1px solid #bababa;
  color: #000;
  cursor: pointer;
}

/*
 * Dialogbox
 */
.ui-dialog {
  background-color: white;
  box-shadow: 0px 12px 10px 6px rgba(0, 0, 0, 0.2);
}

.dialog-error.ui-dialog-content {
  color: #d60e00;
}

.ui-dialog-titlebar .ui-button {
  display: none;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 31.25em) {
  .content-search-filter-form {
    width: 50%;
  }

  .search-filter > dd {
    width: 340px;
    width: 21.25rem;
  }
}
@media only all and (min-width: 36.875em) {
  .tab-menu {
    padding-left: 0;
  }

  #ui-datepicker-div.ui-datepicker {
    margin-top: -48px;
  }
}
@media only all and (min-width: 55em) {
  .tab-menu {
    padding-right: 0;
  }
}
/* ===============================================================================
   _messenger_include.scss: Messenger Include über MessengerPeople API
   =============================================================================== */
/* Message Rahmen */
.messenger-include {
  border: 1px solid #ccc;
  border-radius: 0.75rem;
  padding: 0.9375rem 0.9375rem;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
}

/* Message Ueberschrift */
.messenger-include__heading {
  font-size: 0.8rem;
  font-weight: normal;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}

/* Message Unterueberschrfit */
.messenger-include__subheading {
  font-size: 0.8rem;
  font-weight: normal;
  margin-top: 1rem;
  margin-bottom: 0;
}

/* Fliesstext */
.messenger-include__text {
  margin-top: 0;
  margin-bottom: 0;
}

/* Fliesstext Beginn neuer Inhaltsblock */
.messenger-include__text-with-space {
  margin-top: 1rem;
  margin-bottom: 0;
}

/* Textlink */
.messenger-include__link {
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: underline;
}

/* Bildnachweis */
.messenger-include__credits {
  margin-top: 1rem;
  margin-bottom: 0;
}

/* Emoji */
.messenger-include__emoji {
  font-size: 1rem;
  display: inline-block;
  min-width: 1.25rem;
}

/* ==========================================================================
   _podcast.scss: Styling für Flexmodul site\flex\stadt_gespraech_podcast.perl,
   Abhaengigkeiten von _accordion.scss vorhanden
   ========================================================================== */
.wrapper--podcast ol {
  list-style-type: none;
}
.wrapper--podcast .wrapper--accordion {
  margin-bottom: 0;
  margin-top: -0.125rem;
}
.wrapper--podcast .header-area {
  display: flex;
}
.wrapper--podcast .wrapper--accordion .content-area {
  padding: 0.5rem 0.5rem 0.5rem 2.75rem;
}
.wrapper--podcast .accordion__heading {
  display: flex;
  flex-direction: column;
}
.wrapper--podcast [data-status=is-closed] .accordion__heading {
  width: calc(100% - 4.5rem);
}

/*.podcast__link .icon {
    fill: var(--theme-link);
}*/
.podcast__link {
  margin: 0 1rem 0 0;
  padding-top: 0.125rem;
}

.podcast__meta {
  font-size: 0.875rem;
  color: #454545;
}

@media only all and (min-width: 36.875em) {
  .wrapper--podcast .wrapper--accordion .content-area {
    padding: 0 0 1rem 2.25rem;
  }
}
/* ==========================================================================
_slider.scss: Slider-Modul mit automatischem Wechsel für Bilder und Videos (siehe auch slider.perl, slider_block.perl und FlexSlider.js)
========================================================================== */
.flex-slider {
  margin: 0 0 1rem 0;
  width: 100%;
}

.flex-slider__slides {
  display: grid;
  grid-template-areas: "flex-slider-slides";
  margin: 0 0 1rem 0;
  overflow: hidden;
  padding: 0;
  touch-action: pan-y pinch-zoom;
  width: 100%;
}

/* Slide-Effekt */
.flex-slider__slide {
  display: flex;
  flex-direction: column;
  grid-area: flex-slider-slides;
  width: 100%;
}

.flex-slider__slide--transition {
  transition: transform 0.5s cubic-bezier(0.3, 0.03, 0.6, 0.85);
}

.flex-slider__slide[data-slide-pos=center] {
  transform: translateX(0%);
}

.flex-slider__slide[data-slide-pos=left] {
  transform: translateX(-100%);
}

.flex-slider__slide[data-slide-pos=right] {
  transform: translateX(100%);
}

.flex-slider__slide[data-is-visible=false] {
  opacity: 0;
}

.flex-slider__slide-media-container {
  align-items: center;
  display: grid;
  grid-template-areas: "flex-slider-media";
  position: relative;
}

/* Button zum Aktivieren von Video */
.flex-slider__slide-media-container-toggle {
  background: none;
  border: none;
  left: calc(50% - 2rem);
  position: absolute;
  top: calc(50% - 2rem);
}

.slide-link:hover .flex-slider__slide-media-container-toggle .icon,
.slide-link .flex-slider__slide-media-container-toggle .icon,
.flex-slider__slide-media-container-toggle .icon {
  fill: #fff;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.9));
  height: 4rem;
  width: 4rem;
}

.flex-slider__slide-image,
.flex-slider__slide-video {
  grid-area: flex-slider-media;
}

.flex-slider__slide-media-container[data-active-media=video] .flex-slider__slide-image,
.flex-slider__slide-media-container[data-active-media=video] .flex-slider__slide-media-container-toggle {
  display: none;
}

.flex-slider__slide-media-container[data-active-media=image] .video--placeholder {
  display: none;
}

.flex-slider__slide-media-container[data-active-media=video] .video--placeholder {
  aspect-ratio: 3/2;
  width: 100%;
}

.flex-slider__slide-media-container[data-active-media=video] .video--placeholder.video {
  height: auto;
  padding-bottom: 0;
}

/* Haupt- und Unterüberschrift */
.media-container__slide-heading {
  align-content: center;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-direction: column;
  height: 25%;
  justify-content: center;
  left: 5%;
  padding: 0.5rem;
  position: absolute;
  top: 10%;
  width: 90%;
}

.slide-heading {
  color: #464646;
  hyphens: auto;
  margin: 0;
  padding: 0;
}

.slide-heading--main {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.5rem;
}

.slide-heading--sub {
  border-top: 2px solid #737373;
  font-size: 1rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

/* Überschrift in Bild verstecken wenn Video aktiv */
.flex-slider__slide-media-container[data-active-media=video] .media-container__slide-heading {
  display: none;
}

/* Verlinkter Textbereich unterhalb von Bild/Video */
.media-container__slide-description {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.media-container__slide-infos {
  align-items: flex-start;
  background-color: #efefef;
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  gap: 0.5rem;
  height: auto;
  /*min-height: 6rem;*/
  justify-content: space-between;
  overflow: hidden;
  padding: 0.75rem 0.5rem 0.5rem 0.5rem;
  text-overflow: ellipsis;
}

.media-container__slide-link {
  align-self: center;
}

.slide-description__text {
  margin: 0;
}

a.slide-link {
  background-color: #efefef;
  color: inherit;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

a.slide-link:focus-visible {
  border-radius: 3px;
  border-style: solid;
  border-width: 3px;
}

.slide-link .icon {
  fill: #6d6d6d;
  height: 1.75rem;
  width: 1.75rem;
}

/* Link Hover-Effekt ähnlich wie Veranstaltungs-Flexmodul */
a.slide-link:hover,
a.slide-link:hover .media-container__slide-infos {
  background-color: #f5f5f5;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  /*verhindert Highlight-Effekte für Mobil*/
}

a.slide-link:hover .media-container__slide-infos .slide-description__text {
  color: inherit;
  text-decoration: none;
}

.slide-link:hover .icon {
  -webkit-tap-highlight-color: transparent;
  transition: all 0.5s ease-in-out;
  /*verhindert Highlight-Effekte für Mobil*/
}

/* Slider-Bedienelemente */
.flex-slider__controls {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

.flex-slider__controls-slide-to--active {
  background: #737373;
  transition: all 0.25s ease-in-out;
}

.flex-slider__controls button {
  border: 2px solid #737373;
  border-radius: 3px;
  font-size: 0;
  height: 1.5rem;
  transition: all 0.5s ease-in-out;
  width: 1.5rem;
}

button[data-play-pause] {
  background: none;
  border: none;
  height: 1.75rem;
  padding: 0;
  width: 1.75rem;
}

.flex-slider__controls-start svg,
.flex-slider__controls-pause svg {
  fill: #737373;
  height: 1.75rem;
  width: 1.75rem;
}

.flex-slider__controls-start, .flex-slider__controls-pause {
  pointer-events: none;
}

.flex-slider[data-state=playing] .flex-slider__controls-start,
.flex-slider[data-state=paused] .flex-slider__controls-pause {
  display: none;
}

/* Sonstige Effekte */
.no-pointer-events {
  pointer-events: none;
}

/* Provisorium */
.flex-slider__slide-image {
  width: 100%;
}

@media only all and (min-width: 62.875rem) {
  .slide-heading--main {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .flex-slider__controls {
    gap: 0.75rem;
  }

  .flex-slider__controls button {
    height: 1rem;
    width: 1rem;
  }

  button[data-play-pause] {
    height: 1.15rem;
    width: 1.15rem;
  }

  .flex-slider__controls-start svg,
.flex-slider__controls-pause svg {
    height: 1.15rem;
    width: 1.15rem;
  }
}
/* ===============================================================================
   _spinner.scss: Loading Spinner https://codepen.io/krsdcbl/pen/EHbAe for details
   =============================================================================== */
/* Layout Basics */
.is_loading {
  position: relative;
}

.is_loading:before,
.is_loading:after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
}

.any-element {
  height: 100px;
  margin: 0 auto;
  margin-bottom: 40px;
}

/* Spinner Styling */
.animation--double:after {
  border: 5px solid rgba(0, 0, 0, 0.4);
  border-radius: 50px;
  height: 40px;
  margin: -25px 0 0 -25px;
  width: 40px;
}

/* Default Spinner */
.animation--double:after {
  animation: spin 1s infinite linear;
  border-bottom-color: transparent;
}

/* Reversed second spinner */
.animation--double:before {
  animation: spin-reverse 1s infinite linear;
  border: 3px solid rgba(0, 0, 0, 0.4);
  border-bottom-color: transparent;
  border-radius: 40px;
  height: 32px;
  margin: -19px 0 0 -19px;
  width: 32px;
}

/* Animations */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin-reverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
/* ==========================================================================
   _notebox.scss: Box verlinkt mit Hintergrundbild
   ========================================================================== */
/*
 * Hinweisbox
 */
.notebox {
  position: relative;
}

.notebox.notebox--dodb {
  background-image: linear-gradient(135deg, #0080a3 0%, #005b80 75%);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
}

.notebox__link {
  color: white;
  display: block;
  padding: 0.46875rem calc(30px + 1.875rem) 0.46875rem 1rem;
}

.notebox:hover {
  filter: brightness(1.2);
}

.notebox.notebox--dodb:hover {
  filter: brightness(1);
}

.notebox__link:hover {
  text-decoration: none;
}

.notebox__icon {
  fill: white;
}

.notebox__icon--info {
  display: none;
  height: 30px;
  left: 0.9375rem;
  top: calc(2*0.9375rem - 1/6*30px);
  width: 30px;
}

.notebox__icon--more {
  height: 30px;
  opacity: 0.8;
  right: 0.9375rem;
  top: calc(50% - 15px);
  width: 30px;
}

.notebox__heading {
  color: white;
  font-weight: normal;
}

.notebox__heading--main {
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-top: 0.9375rem;
}

.notebox__heading--sub {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
}

.notebox__text {
  color: white;
  font-size: 1rem;
  margin-bottom: 5px;
}

.notebox--dodb .notebox__text {
  margin-bottom: 1rem;
}

@media only all and (min-width: 21.563em) {
  .notebox__link {
    padding: 0.46875rem calc(30px + 2.34375rem);
  }

  .notebox__icon--info {
    display: block;
  }
}
@media only all and (min-width: 24.6875em) {
  .notebox__link {
    padding: 0.9375rem calc(36px + 2.8125rem);
  }

  .notebox__icon--info {
    height: 36px;
    left: 0.9375rem;
    top: calc(2*0.9375rem - 1/6*36px);
    width: 36px;
  }

  .notebox__icon--more {
    height: 36px;
    opacity: 0.8;
    right: 0.9375rem;
    top: calc(50% - 18px);
    width: 36px;
  }
}
/* ==========================================================================
   _votingtool.scss: Voting-Tool
   ========================================================================== */
/*
 * Tabs Bilder blaettern, jquery-ui.min.css wird ueberschrieben
 */
.voting-img {
  list-style-type: none;
  margin-left: -0.9375rem;
}
.voting-img li {
  display: inline-block;
  float: left;
  padding-bottom: 5px;
  padding-left: 0.9375rem;
  width: 50%;
}
.voting-img .zoom:hover .zoom-text {
  height: 100%;
}
.voting-img .zoom:hover .zoom-text span {
  bottom: 30px;
  padding: 5px;
  text-align: center;
}
.voting-img .voting-radio {
  background: #dbdbdb;
  padding: 5px 0.9375rem;
}
.voting-img .voting-radio input[type=radio] {
  cursor: pointer;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 21.563em) {
  .voting-img li {
    width: 33%;
  }
}
@media only all and (min-width: 31.25em) {
  .voting-img li {
    width: 20%;
  }
}
@media only all and (min-width: 36.875em) {
  .voting-img {
    margin-left: -0.9375rem;
  }
  .voting-img li {
    width: 33.3%;
  }
}
@media only all and (min-width: 43.125em) {
  .voting-img {
    margin-left: -0.9375rem;
  }
  .voting-img li {
    width: 25%;
  }
}
@media only all and (min-width: 55em) {
  .voting-img li {
    width: 20%;
  }
}
/* ==========================================================================
   _old.scss: Alte, noch nicht umformatierte Module
   ========================================================================== */
/*
 * non-responsive Inhalt allgemein
 */
.non-responsive {
  display: none;
}

/*
 * Tabelle alt
 */
.table-wrapper-old {
  overflow: auto;
}

.tabelleMittel {
  margin: 0 0 20px 0;
  width: 375px;
}

.tabelleGross {
  margin: 0 0 20px 0;
  width: 100%;
}

.tabelleBackHell {
  background: #e7e7e7;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 2px 10px;
  vertical-align: top;
}

.tabelleBackDunkel {
  background: #cecece;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 2px 10px;
  vertical-align: top;
}

.tabelleBackPreisTitel {
  background: #cecece;
  border-bottom: 1px solid #fff;
  padding: 2px 10px;
  vertical-align: top;
}

.tabelleBackPreis {
  background: #e7e7e7;
  border-bottom: 1px solid #fff;
  padding: 2px 10px;
  vertical-align: top;
}

.tabelleText {
  font-weight: normal;
  margin-bottom: 2px;
  margin-top: 2px;
  text-align: left;
}

.tabelleZahl {
  margin-bottom: 2px;
  margin-top: 2px;
  text-align: right;
}

.tabelleBeschriftung {
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px;
  text-align: left;
}

.tabelleTelefon {
  background: #e7e7e7;
  margin: 0 0 20px 0;
  padding: 5px 10px;
  width: 100%;
}

td.datenLinks {
  padding: 5px 10px;
  vertical-align: top;
  width: 70%;
}

td.datenRechts {
  padding: 5px 10px;
  vertical-align: top;
  width: 30%;
}

/*
 * Tabelle fuer 1-spaltigen Inhaltsbereich alt
 */
table.tabelleDaten {
  margin: 0 0 20px 0;
  width: 100%;
}

table.tabelleDaten th {
  background: #cecece;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 2px 10px 2px 10px;
  vertical-align: top;
}

table.tabelleDaten td {
  background: #e7e7e7;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 2px 10px 2px 10px;
  vertical-align: top;
}

table.tabelleDaten td.tabelleBackTitel {
  background: #cecece;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 2px 10px;
  vertical-align: top;
}

table.tabelleDaten .tabelleSonderText {
  font-weight: normal;
  margin-bottom: 2px;
  margin-top: 2px;
  text-align: left;
}

table.tabelleDaten .tabelleSonderBeschriftung {
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px;
  text-align: left;
}

/*
 * Bilder alt
 */
.bild-klein,
.bild-dreifach {
  display: none;
}

.old-wrapper {
  height: 0;
  padding-bottom: 66.6666666667%;
  /* Bilder Seitenverhaeltnis 3:2 */
  position: relative;
  width: 100%;
}

.old-content {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.old-s,
.old-m,
.old-l {
  width: 100%;
}

.old-3 {
  max-width: 194px;
}

.old-s {
  max-width: 180px;
}

.old-contact {
  float: right;
  margin-bottom: 1.51515151%;
  margin-left: 1.51515151%;
  max-width: 150px;
  width: 31.57894737%;
}

.old-archiv-small {
  max-width: 100px;
  width: 100%;
}

.old-archiv-detail-portrait {
  max-height: 374px;
}

.old-archiv-detail-landscape {
  max-width: 374px;
}

.box-linked .img-1-col img {
  max-width: 150px;
  width: 100%;
}

.text-image-wrapper .img-1-col img {
  width: 100%;
}

/*
 * Veranstaltungskalender Widget alt
 */
table.kalender td a, .komfortsuche {
  color: #005b80 !important;
}

table.kalender td.heute {
  background-color: #005b80;
}

table.kalender td.heute a {
  color: white !important;
}

table.kalender td.vtag:hover, table.kalender td.vtag:hover a {
  background-color: #005b80 !important;
  color: white !important;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 62.875em) {
  .bild-dreifach {
    border-right: 1px solid white;
    display: block;
    margin: 0;
    padding: 0;
    width: 33.33333333%;
  }
  .bild-dreifach img {
    width: 194px;
  }

  .non-responsive,
.bild-klein {
    display: block;
  }
}
/* miniweb_footer ----------------------------------------------------------- */
/* ==========================================================================
   _footer.scss: Footer, Links zu rechtlichen Hinweisen und Hilfe, Bildnachweis
   ========================================================================== */
.footer {
  line-height: 1.5rem;
  padding: 5px 5px;
  text-align: center;
}
.footer li {
  border-right: 1px solid #999999;
  display: inline;
}
.footer li:first-child a {
  padding-left: 0;
}
.footer li:last-child {
  border-right: 0;
}
.footer li:last-child a {
  padding-right: 0;
}

.footer-link {
  color: black;
  padding-left: 5px;
  padding-right: 10px;
  text-decoration: none;
}

.footer-link:hover {
  color: #999999;
  text-decoration: none;
}

.credits {
  color: #6e6e6e;
  font-size: 0.7rem;
  line-height: 1.5rem;
  padding: 5px 5px;
  text-align: justify;
}

.credits li,
.credits-header {
  margin: 0;
}

.credits li {
  display: inline;
}

.credits li span {
  display: none;
}

.credits li:not(:first-child):not(:last-child)::after {
  content: "•";
  font-weight: bold;
  padding: 0 0.5rem 0 0.75rem;
}

.credits a {
  text-decoration: underline;
}

.credits a,
.credits a:visited,
.credits a:hover {
  color: #6e6e6e;
}

/* ==========================================================================
   Media queries
   ========================================================================== */
@media only all and (min-width: 36.875em) {
  .credits {
    padding: 0.9375rem 1.51515151%;
  }
}
@media only all and (min-width: 49.625em) {
  .footer {
    padding: 0.1rem 1.51515151%;
  }

  .footer-link {
    padding: 0 1.5rem 0 1rem;
  }
}
@media only all and (min-width: 62.875em) {
  .credits {
    padding-left: 1.51515151%;
    padding-right: 1.51515151%;
  }

  .footer-fullsize .footer,
.credits-fullsize .credits {
    padding-right: 0.9375rem;
    position: relative;
    width: 61.875rem;
  }

  .footer-fullsize .footer {
    text-align: right;
  }

  .credits-fullsize .credits {
    padding-left: 1.875rem;
  }
}
/* theme ----------------------------------------------------------- */
/* ==============================================================================================
   _theme.scss: globale Farbvariablen mit Fallbackwerten, falls __theme.ssi nicht eingebunden ist
   ==============================================================================================*/
:root {
  /* Background veraltet - TODO: löschen nach Release/Reparse 202209 */
  --theme-background: hsl(var(--color, 0, 0%), var(--l, 45%));
  /* Flächiger Hintergrund in Hauptfarbe */
  --theme-bg: hsl(var(--color, 0, 0%), var(--l, 45%));
  /* Verlinkter Text */
  --theme-link: hsl(var(--color-cta, 193, 100%), var(--l-cta, 25%));
  --theme-link-hover: hsl(var(--color-cta, 193, 100%), calc(var(--l-cta, 25%) + var(--l-modifier, 7%)));
  /* Buttons veraltet - TODO: löschen nach Release/Reparse, 202209 */
  --theme-button: hsl(var(--color-highlight, 193, 100%), var(--l-highlight, 25%));
  --theme-button-hover: hsl(var(--color-highlight, 193, 100%), calc(var(--l-highlight, 25%) + var(--l-modifier, 7%)));
  /* Flächiger Hintergrund farbig, Unterscheidung nötig bei anthrazit und grau und allen Farben,
     bei denen die Linkfarbe sehr von der Hauptfarbe abweicht */
  --theme-bg-highlight: hsl(var(--color-highlight, 193, 100%), var(--l-highlight, 25%));
  --theme-bg-highlight-hover: hsl(var(--color-highlight, 193, 100%), calc(var(--l-highlight, 25%) + var(--l-modifier, 7%)));
  /* Verlinkte Icons ohne Text in Standardgrau, bei hover farbig hervorgehoben */
  --theme-icon-hover: hsl(var(--color-highlight, 193, 100%), var(--l-highlight, 25%));
}

/*
 * Hintergruende
 */
.accent,
.az-active:hover,
.az-choosen,
.header,
#ui-datepicker-div td .ui-state-active,
#ui-datepicker-div td .ui-state-hover {
  background: var(--theme-bg);
}

.bg--highlight,
.form__button--primary,
.button--primary,
.form--contact header,
.cookieconsent__link:hover {
  background: var(--theme-bg-highlight);
}

.form__button--primary:hover,
.button--primary:hover {
  background: var(--theme-bg-highlight-hover);
}

.notebox,
.bg--highlight-gradient {
  background-image: linear-gradient(135deg, var(--theme-bg-highlight-hover) 0%, var(--theme-bg-highlight) 75%);
}

.nested-bg--theme {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), var(--theme-bg-highlight);
}

[data-open-type=openTooltipHint] {
  background: hsl(var(--color-highlight, 197, 100%), calc(var(--l-highlight, 25%) + var(--l-modifier-pastel, 70%)));
  /* nested-bg--theme */
}

[data-open-type=openTooltipHint] .tooltip__arrow::before {
  background: hsl(var(--color-highlight, 197, 100%), calc(var(--l-highlight, 25%) + var(--l-modifier-pastel, 70%)));
  /* nested-bg--theme */
}

/*
* Textlinks
*/
a,
.accent-text,
.accordion dt,
.accordion__heading,
.az-active,
.box--linked__linktext,
.box-linked .link-wrapper--icon span,
.box--linked .link-wrapper--icon span,
.box-linked .headline,
.box-linked .link,
.box-linked .link--svg-wrapper__inner,
.box-linked:hover .date-title,
.carousel-btn:hover,
.expand h4,
.button--secondary,
.info-text,
.label__text--main,
.link--box,
.main-menu-link:hover,
.main-menu-link-active,
.main-menu-link-active:hover,
.service-login:hover,
.service-login-active,
.service-menu-link:hover,
.service-menu-link-active:hover,
.service__button:hover,
.service__button-active,
#binding .ui-accordion h3,
#binding .ui-widget-header {
  color: var(--theme-link);
}

.wrapper--accordion .header-area:hover .accordion__heading {
  color: var(--theme-link-hover);
}

/*
* Rahmen
*/
.bg--highlight-gradient,
.box--note.nested-bg--theme,
.button--primary,
.button--secondary,
.form--contact fieldset {
  border-color: var(--theme-bg-highlight);
}

.img--border {
  outline-color: var(--theme-bg-highlight);
}

.button--primary:hover,
.button--secondary:hover {
  border-color: var(--theme-bg-highlight-hover);
}

a.slide-link:focus-visible {
  border-color: var(--theme-bg);
}

/*
* SVG-Icons
*/
.svg-icon--link,
a:hover .icon--print,
.box-linked:hover .svg-icon--angle-double-right,
.box--linked:hover .icon--more,
.icon--close,
.icon--globe,
.icon--link,
.carousel-btn .icon--nav,
.wrapper--accordion .icon--toggle,
.podcast__link .icon,
.icon--up,
.link--access:hover .icon--access,
.link--dgs:hover .link__svg-icon--dgs,
.link--ls:hover .link__svg-icon--ls,
.nested-bg--theme .icon--text,
.service__button:hover .svg-icon--login,
.service__button-active .svg-icon--login,
.service__button:hover .svg-icon--phonebook,
.service__button-active .svg-icon--phonebook,
.service__button:hover .icon--login,
.service__button-active .icon--login,
.service__button:hover .icon--jobs,
.service__button-active .icon--jobs,
.service__button:hover .icon--phonebook,
.service__button-active .icon--phonebook,
.slide-link .icon,
.box--dodb.bg--light-default .icon--search,
.box--dodb.bg--body .icon--search,
.button--basic .icon {
  fill: var(--theme-bg-highlight);
}

.link--svg-wrapper:hover .svg-icon--link,
a:hover .icon--link,
a.button--up:hover .icon--up,
.wrapper--accordion .header-area:hover .icon--toggle,
.podcast__link:hover .icon,
.slide-link:hover .icon,
.carousel-btn .icon--nav:hover,
.box--dodb.bg--light-default .button--icon:hover .icon--search,
.box--dodb.bg--body .button--icon:hover .icon--search,
.tooltip__close:hover.icon--close {
  fill: var(--theme-bg-highlight-hover);
}

/*# sourceMappingURL=style.css.map */