@charset "UTF-8";
/* ==========================================================================
   Nuernberg DODB CSS
   ========================================================================== */
/* global: global gültig - 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 */
/* Resets, Variablen und Standardelemente ----------------------------------- */
/* ==============================================================================================
   _theme.scss: DODB Farbvariablen Hellblau 2
   ==============================================================================================

 * hellblau-2:        hsl(193, 100%, 32%)
 * hellblau-2 cta:    hsl(193, 100%, 32%)
 * color-highlight entspricht color
 * und wird für flächige Elemtente verwendet.
   ========================================================================== */
:root {
  --theme-dodb-bg: var(--theme-bg);
  --theme-dodb-link: var(--theme-link);
  --theme-dodb-link-hover: var(--theme-link-hover);
  --theme-dodb-bg-highlight: var(--theme-bg-highlight);
  --theme-dodb-bg-highlight-hover: var(--theme-bg-highlight-hover);
  --theme-dodb-icon-hover: var(--theme-icon-hover);
  --gray-200: hsl(0, 0%, 80%);
  --border-width: .125rem;
}

#binding:has(#portal-menu) {
  /* Flächiger Hintergrund in Hauptfarbe */
  --theme-dodb-bg: hsl(193, 100%, 32%);
  /* Verlinkter Text */
  --theme-dodb-link: hsl(197, 100%, 25%);
  --theme-dodb-link-hover: hsl(197, 100%, 32%);
  /* Flächiger Hintergrund farbig, Unterscheidung nötig bei anthrazit und grau und allen Farben,
  bei denen die Linkfarbe sehr von der Hauptfarbe abweicht */
  --theme-dodb-bg-highlight: hsl(193, 100%, 32%);
  --theme-dodb-bg-highlight-hover: hsl(193, 100%, 39%);
  /* Verlinkte Icons ohne Text in Standardgrau, bei hover farbig hervorgehoben */
  --theme-dodb-icon-hover: hsl(197, 100%, 25%);
}

.main--dodb {
  /*
  * Hintergruende
  */
  /*
  * Textlinks
  */
  /*
  * Rahmen
  */
  /*
  * SVG-Icons
  */
}
.main--dodb .bg--highlight,
.main--dodb .do-online .box--note,
.main--dodb .slider__control-wrapper .slider__control--active,
.main--dodb .list--paginate__item--numb[data-variant=active],
.main--dodb .link--az[data-variant=active] {
  background: var(--theme-dodb-bg-highlight);
}
.main--dodb .bg--highlight.cta:hover {
  background: var(--theme-dodb-bg-highlight-hover);
}
.main--dodb .bg--light-theme {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), var(--theme-dodb-bg-highlight);
}
.main--dodb a,
.main--dodb .slider-item__link .h3,
.main--dodb .h1,
.main--dodb .fav__heading,
.main--dodb .form__label,
.main--dodb .wrapper--toggle__control.icon--labeled span,
.main--dodb .cta,
.main--dodb .cta h3,
.main--dodb .cta h4,
.main--dodb .text--accent,
.main--dodb .link--topic .link--topic__text--heading,
.main--dodb .bg--highlight .searchresult--autocomplete a {
  color: var(--theme-dodb-link);
}
.main--dodb .cta:hover,
.main--dodb .slider-item__link:hover,
.main--dodb .slider-item__link:hover .h3,
.main--dodb .wrapper--toggle__control.icon--labeled span,
.main--dodb .list--paginate__item--numb:hover > a,
.main--dodb .link--topic:hover .link--topic__text--heading,
.main--dodb .link--az:hover,
.main--dodb .bg--highlight .searchresult--autocomplete a {
  color: var(--theme-dodb-link-hover);
}
.main--dodb .border--highlight,
.main--dodb .slider__control-wrapper button,
.main--dodb .slider__control--active {
  border-color: var(--theme-dodb-bg-highlight);
}
.main--dodb .focus {
  border-color: var(--theme-dodb-bg);
}
.main--dodb a svg,
.main--dodb .cta svg,
.main--dodb .icon--accessmarker,
.main--dodb .icon--fav,
.main--dodb .icon--dropdown,
.main--dodb .icon--nav,
.main--dodb .icon--searchresult,
.main--dodb .slider__control--pause svg,
.main--dodb .slider__control--start svg {
  fill: var(--theme-dodb-bg-highlight);
}
.main--dodb a:hover svg,
.main--dodb .cta:hover svg,
.main--dodb .icon--slider-control:hover {
  fill: var(--theme-dodb-bg-highlight-hover);
}

.wrapper--feedback-switch .form--contact header,
.feedback--dodb .form--contact header,
.feedback--dodb .wrapper--toggle input[type=checkbox]:checked {
  background: var(--theme-dodb-bg);
}

.wrapper--feedback-switch .form--contact fieldset,
.wrapper--feedback-switch .form--contact .wrapper--toggle input[type=checkbox]:checked,
.feedback--dodb .form--contact fieldset,
.feedback--dodb .form--contact .wrapper--toggle input[type=checkbox]:checked {
  border-color: var(--theme-dodb-bg-highlight);
}
.wrapper--feedback-switch .form--contact .button--primary,
.feedback--dodb .form--contact .button--primary {
  background: var(--theme-dodb-bg);
  border-color: var(--theme-dodb-bg-highlight);
}
.wrapper--feedback-switch .form--contact .button--primary:hover,
.feedback--dodb .form--contact .button--primary:hover {
  background: var(--theme-dodb-bg-highlight-hover);
  border-color: var(--theme-dodb-bg-highlight-hover);
}
.wrapper--feedback-switch .form--contact .button--secondary,
.feedback--dodb .form--contact .button--secondary {
  color: var(--theme-dodb-link);
  border-color: var(--theme-dodb-bg-highlight);
}
.wrapper--feedback-switch .form--contact .button--secondary:hover,
.feedback--dodb .form--contact .button--secondary:hover {
  border-color: var(--theme-dodb-bg-highlight-hover);
}

/* 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;
}

/* DODB Content Basics ------------------------------------------------------ */
/* ==========================================================================
   _grid.scss: DODB Rahmen-Container, Spaltenverhalten
   ========================================================================== */
@media only all and (min-width: 42em) {
  .main--dodb .wrapper--topic.wrapper--2-col {
    display: flex;
    justify-content: space-between;
  }
  .main--dodb .wrapper--topic .wrapper--2-col__col--main {
    margin-left: 1.5rem;
    margin-top: -0.3333333333rem;
    width: 65%;
  }
  .main--dodb .wrapper--topic .wrapper--2-col__col--aside {
    width: 35%;
  }
}
@media only all and (min-width: 49.625em) {
  .main--dodb .wrapper--2-col {
    display: flex;
    justify-content: space-between;
  }
  .main--dodb .wrapper--2-col__col--frame,
.main--dodb .wrapper--1-col__col--frame {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .main--dodb .wrapper--2-col__col--half {
    width: 50%;
  }
  .main--dodb .wrapper--2-col__col--main {
    width: 65%;
  }
  .main--dodb .wrapper--2-col__col--aside {
    min-width: 20rem;
    width: 35%;
  }
  .main--dodb .wrapper--filter {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .main--dodb .filter--concern,
.main--dodb .filter-result--concern,
.main--dodb .filter--situation,
.main--dodb .filter-result--situation {
    display: flex;
  }
  .main--dodb .filter--concern {
    order: 1;
  }
  .main--dodb .filter-result--concern {
    order: 3;
    width: 100%;
  }
  .main--dodb .filter--situation {
    order: 2;
  }
  .main--dodb .filter-result--situation {
    order: 4;
    width: 100%;
  }
  .main--dodb .filter--concern > form,
.main--dodb .filter--situation > form {
    width: 100%;
  }
  .main--dodb .filter-result--concern > div,
.main--dodb .filter-result--situation > div {
    width: 100%;
  }
}
@media only all and (min-width: 64.875em) {
  .main--dodb .wrapper--2-col__col--frame,
.main--dodb .wrapper--1-col__col--frame {
    padding-left: 0;
    padding-right: 0;
  }
  .main--dodb .wrapper--2-col__col--main {
    width: calc(65% - 1rem);
  }
  .main--dodb .wrapper--2-col__col--aside {
    width: calc(35% - 1rem);
  }
  .main--dodb .wrapper--2-col__col--half.wrapper--2-col__col--frame {
    width: calc(50% - 1rem);
  }
}

/* ==========================================================================
   _miniweb.scss: Anpassungen für Einbinung im Miniweb
   ========================================================================== */
.form--contact header {
  background: var(--theme-dodb-bg);
}

#binding:has(:not(#portal-menu)) .main--dodb {
  /*hr {
      border-top: var(--border-width) solid var(--gray-200)
  }
  hr.covert {
      border-top: none;
  }*/
}
#binding:has(:not(#portal-menu)) .main--dodb > h1.h1 {
  margin-top: 0;
}
#binding:has(:not(#portal-menu)) .main--dodb [aria-label=Dienstleistungen] article {
  border: none;
  border-bottom: var(--border-width) solid var(--gray-200);
  padding-top: 1rem;
}
#binding:has(:not(#portal-menu)) .main--dodb [aria-label=Dienstleistungen] li:last-child article {
  border: none;
}
#binding:has(:not(#portal-menu)) .main--dodb .form--filter {
  padding: 0;
  border: none;
}

/* ==========================================================================
   _fonts.scss: LS - Typo und Schriftgrößen
   ========================================================================== */
/* Typographie: open-sans-regular - latin */
@font-face {
  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 */
}
/* Schriftgrößen */
.main--dodb {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  line-height: 1.75rem;
}

.main--dodb p {
  margin-bottom: 1rem;
}
.main--dodb .h1,
.main--dodb .h2,
.main--dodb .h3,
.main--dodb .h4 {
  font-weight: normal;
}
.main--dodb .bg--highlight {
  color: white;
}
.main--dodb .bg--highlight .h1,
.main--dodb .bg--highlight .h2,
.main--dodb .bg--highlight .h3,
.main--dodb .bg--highlight .h4,
.main--dodb .bg--highlight a {
  color: white;
}
.main--dodb .h1 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.main--dodb .h2 {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.main--dodb .h3 {
  font-size: 1.125rem;
  margin-bottom: 0.25rem;
}
.main--dodb .h4 {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.main--dodb .wrapper--toggle__control .h2,
.main--dodb .wrapper--toggle__control .h3 {
  margin-bottom: 0;
}
.main--dodb .box--note .h2 {
  font-size: 1.125rem;
}
.main--dodb .searchresult .h3 {
  margin-bottom: 1rem;
}
.main--dodb .heading--icon-left {
  padding-left: calc(1.5rem + 0.5rem);
  /* 3*? */
}
.main--dodb .wrapper--contactinfo .box--note .h3 {
  color: black;
  font-size: 1rem;
}
.main--dodb .do-online .box--note .h4 {
  font-size: 0.875rem;
}
.main--dodb .orga--area,
.main--dodb .orga--department,
.main--dodb .orga--other,
.main--dodb .orga--section,
.main--dodb .orga--service,
.main--dodb .orga--staff,
.main--dodb .service--intern {
  border-radius: 0.5rem;
  border-style: solid;
  border-width: 0.125rem;
  display: inline-block;
  font-size: 0.8571428571rem;
  line-height: 1rem;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  top: -0.1rem;
}
.main--dodb .orga--area {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #517510;
  border-color: #517510;
  color: #517510;
}
.main--dodb .orga--department {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #b34d00;
  border-color: #b34d00;
  color: #b34d00;
}
.main--dodb .orga--other {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #454545;
  border-color: #454545;
  color: #454545;
}
.main--dodb .orga--section {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #ab0381;
  border-color: #ab0381;
  color: #ab0381;
}
.main--dodb .orga--service {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #004594;
  border-color: #004594;
  color: #004594;
}
.main--dodb .orga--staff {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #017969;
  border-color: #017969;
  color: #017969;
}
.main--dodb .service--intern {
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #005b80;
  border-color: #005b80;
  color: #005b80;
}
.main--dodb .h1 .service--intern {
  position: relative;
  top: -0.125rem;
}
.main--dodb .contactinfo h3 {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

@media only all and (min-width: 49.625em) {
  /* Default Schriftgröße Inhaltsspalte*/
  .main--dodb {
    font-size: 1rem;
  }

  .main--dodb .h1 {
    font-size: 1.75rem;
    line-height: 2.5rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .main--dodb .h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: 0.5rem;
  }
  .main--dodb .box--note .h2 {
    font-size: 1.1875rem;
  }
  .main--dodb .h3 {
    font-size: 1.1875rem;
    margin-bottom: 0.5rem;
  }
  .main--dodb .searchresult .h3 {
    margin-bottom: 1.5rem;
  }
  .main--dodb .wrapper--contactinfo .box--note .h3 {
    font-size: 1.0125rem;
  }
  .main--dodb .h4 {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
  .main--dodb .do-online .box--note .h4 {
    font-size: 1rem;
  }
  .main--dodb .h1 .service--intern {
    top: -0.25rem;
  }
}
/* ==========================================================================
   _boxes.scss: DODB Boxen Varianten
   ========================================================================== */
.main--dodb {
  /* Boxen  allgemein */
  /* Suche, Filter und Such- und Filterergebnis*/
  /* Container Suchergebnisse */
  /* Detailseite Container Suchoptionen und Suchergebnisse */
}
.main--dodb .box--slim-space, .main--dodb .box {
  display: block;
}
.main--dodb .box--slim-space > :first-child, .main--dodb .box > :first-child {
  margin-top: 0;
}
.main--dodb .box--slim-space > :last-child, .main--dodb .box > :last-child {
  margin-bottom: 0;
}
.main--dodb .box {
  margin-bottom: 1.5rem;
}
.main--dodb .box--bg {
  padding-bottom: 1rem;
}
.main--dodb .box--slim-space {
  margin-bottom: 0.125rem;
}
.main--dodb .box--rounded {
  border-radius: 0;
}
.main--dodb .box--rounded[data-variant=box-below],
.main--dodb .wrapper--1-col .box--rounded[data-variant=box-below],
.main--dodb .wrapper--2-col__col .box--rounded[data-variant=box-below] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.main--dodb .img--contactinfo {
  border-radius: 0.5rem;
  display: block;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
  margin-top: 1.5rem;
  max-width: 15.1875rem;
  width: 100%;
}
.main--dodb .img--topic {
  border-radius: 0.5rem;
  display: block;
  width: 100%;
}
.main--dodb .box[data-variant=box-below] {
  margin-bottom: 0;
}
.main--dodb .filter--concern .form[data-variant=box-below]::after,
.main--dodb .filter--situation .form[data-variant=box-below]::after {
  border-bottom: 0.125rem solid white;
  bottom: 0;
  content: " ";
  height: 0.125rem;
  left: 0.5rem;
  position: absolute;
  right: 0.5rem;
}
.main--dodb .filter--situation .island[data-variant=box-below],
.main--dodb .filter--concern .island[data-variant=box-below] {
  padding-bottom: 2.5rem;
}
.main--dodb .searchresult {
  border-top: 0.125rem solid white;
}
.main--dodb .address-search .searchresult {
  border-top: 0.125rem solid white;
  padding-top: 1rem;
}
.main--dodb .wrapper--accessmarker {
  display: flex;
  gap: 0.25rem;
  justify-content: flex-start;
}
.main--dodb .accessmarker__item {
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
  height: 2rem;
  width: 3rem;
}
@media only all and (min-width: 25rem) {
  .main--dodb .filter--concern .form[data-variant=box-below]::after,
.main--dodb .filter--situation .form[data-variant=box-below]::after {
    left: 1rem;
    right: 1rem;
  }
}
@media only all and (min-width: 49.625em) {
  .main--dodb .wrapper--2-col__col .box--rounded {
    border-radius: 0.5rem;
  }
  .main--dodb .wrapper--2-col__col .box--rounded.box--box-before {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .main--dodb .filter-result--concern .box--rounded.box--box-before {
    border-radius: 0 0.5rem 0.5rem 0.5rem;
  }
  .main--dodb .filter-result--situation .box--rounded.box--box-before {
    border-radius: 0.5rem 0 0.5rem 0.5rem;
  }
  .main--dodb .flex--row-reverse {
    flex-direction: row-reverse;
  }
  .main--dodb .flex--col-reverse {
    flex-direction: column-reverse;
  }
}
@media only all and (min-width: 62.875em) {
  .main--dodb .wrapper--1-col .box--rounded,
.main--dodb .box--rounded {
    border-radius: 0.5rem;
  }
  .main--dodb .box--rounded.box--box-before {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

/* ===============================================================================
   _spacings.scss: DODB - Abstände, Trennlinien
   =============================================================================== */
.main--dodb .island {
  padding: 0.5rem 0.5rem;
}
.main--dodb .address-search.island {
  padding-top: 0;
  padding-bottom: 0;
}
.main--dodb hr {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  color: rgba(255, 255, 255, 0);
  height: 0.125rem;
  margin-bottom: 1rem;
}
.main--dodb .hr--divider {
  border-top: 0.125rem solid #bababa;
}
.main--dodb .hr--invisible {
  border-top: 0.125rem solid rgba(255, 255, 255, 0);
}
@media only all and (min-width: 25rem) {
  .main--dodb .island {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .main--dodb .address-search.island {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main--dodb .island,
.main--dodb .justified-l-r {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only all and (min-width: 49.625em) {
  .main--dodb .wrapper--2-col__col--frame .justified-l-r {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only all and (min-width: 64.875em) {
  .main--dodb .justified-l-r {
    padding-left: 0;
    padding-right: 0;
  }
}

/* DODB Content Module ------------------------------------------------------ */
/* ==========================================================================
   _az.scss: DODB Dienstleistungen A-Z
   ========================================================================== */
/* Index Minikacheln */
.main--dodb .list--az {
  display: grid;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(2rem, 1fr));
  list-style: none;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.main--dodb .link--az {
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
  display: block;
  font-size: 1.25rem;
  text-align: center;
  transition: all 0.5s;
}
.main--dodb .link--az:hover {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.7);
  text-decoration: none;
}
.main--dodb .link--az[data-variant=active] {
  color: white;
}
.main--dodb .link--az[data-variant=disabled] {
  color: #cccccc;
}
.main--dodb .link--az[data-variant=active],
.main--dodb .link--az[data-variant=disabled] {
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
  cursor: default;
}

/* ==========================================================================
   _cta.scss: DODB Links und Buttons
   ========================================================================== */
.main--dodb .cta {
  position: relative;
  text-decoration: none;
  transition: all 0.5s;
}
.main--dodb .cta--xl {
  text-align: center;
}
.main--dodb .cta--icon-left {
  padding: 1rem 0.5rem 1rem 3.5rem;
  /* 3*? */
}
.main--dodb .cta--icon-right {
  padding: 1rem 3.5rem 1rem 0.5rem;
}
.main--dodb .cta--icon-left-right {
  padding: 1rem calc(0.5rem + 2rem);
}
.main--dodb .postal .cta--icon-left-right {
  padding: 0.5rem 1.75rem 0 1.75rem;
  /* 3*? */
}
.main--dodb .accessinfo .cta--icon-left-right {
  padding: 0.5rem 1.75rem;
  /* 3*? */
}
.main--dodb .address-search .cta--icon-left-right {
  padding: 1rem 2rem;
}
.main--dodb .link--adresses.cta--icon-left-right {
  padding: 1rem calc(1.5rem + 1.5rem);
}
.main--dodb .cta:hover {
  text-decoration: none;
}
.main--dodb .bg--highlight.cta,
.main--dodb .bg--highlight.cta:hover {
  color: white;
}
@media only all and (min-width: 25rem) {
  .main--dodb .cta--icon-left {
    padding-right: 1rem;
  }
  .main--dodb .cta--icon-right {
    padding-left: 1rem;
  }
  .main--dodb .cta--icon-left-right {
    padding: 1rem calc(1rem + 2.5rem);
  }
  .main--dodb .address-search .cta--icon-left-right {
    padding: 1rem 2.5rem;
  }
  .main--dodb .link--adresses.cta--icon-left-right {
    padding: 1rem calc(2rem + 1.5rem);
  }
}
@media only all and (min-width: 49.625em) {
  .main--dodb .cta--icon-left-right {
    padding: 1rem 2.5rem;
  }
  .main--dodb .toggle--with-bg .cta--icon-left-right {
    padding: 1rem calc(1rem + 2.5rem);
  }
  .main--dodb .do-online .cta--icon-left-right {
    padding: 1rem calc(1.5rem + 2.5rem);
  }
}

/* ==========================================================================
   _details.scss: DODB - Dienstleistungsbeschreibung Details
   ========================================================================== */
.main--dodb {
  /* Tabelle */
}
.main--dodb .detailinfo .wrapper--toggle {
  border-bottom: 0.125rem solid #cccccc;
}
.main--dodb .detailinfo .wrapper--toggle:first-child {
  border-top: 0.125rem solid #cccccc;
}
.main--dodb .wrapper--do-online {
  background: white;
  padding-top: 0.5rem;
  margin-top: -0.5rem;
}
.main--dodb .do-online.wrapper--toggle {
  border-bottom: none;
}
.main--dodb .do-online.wrapper--toggle:first-child {
  border-top: none;
}
.main--dodb .do-online .wrapper--toggle__control.box--rounded[data-status=is-open]:hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.main--dodb .detailinfo .table-row:nth-child(odd) {
  background-color: #f0f0f0;
}
.main--dodb .detailinfo .table-row:nth-child(odd) .table-cell:first-child {
  border-bottom: 0.125rem solid white;
}
.main--dodb .detailinfo .table-row:nth-child(even) {
  background-color: white;
}
.main--dodb .detailinfo .table-row:nth-child(even) .table-cell:first-child {
  background-color: white;
  border-bottom: 0.125rem solid #f0f0f0;
}
.main--dodb .detailinfo .table-row:last-child .table-cell {
  border-bottom: 0.125rem solid #f0f0f0;
}
.main--dodb .detailinfo .table-cell {
  padding: 0.25rem 0.5rem;
}
.main--dodb .detailinfo .table-cell--number {
  text-align: right;
}
.main--dodb .detailinfo .table-cell:first-child {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}
.main--dodb .detailinfo .wrapper--toggle.faq--item .wrapper--toggle__content {
  padding-left: 0.5rem;
}
@media only all and (min-width: 21.563em) {
  .main--dodb .detailinfo .wrapper--toggle__content {
    padding-left: calc(0.5rem + 2rem);
  }
}
@media only all and (min-width: 25rem) {
  .main--dodb .detailinfo .wrapper--toggle__content {
    padding-left: calc(1rem + 2.5rem);
  }
  .main--dodb .detailinfo .wrapper--toggle.faq--item .wrapper--toggle__content {
    padding-left: 1rem;
  }
  .main--dodb .detailinfo .table {
    display: table;
    width: 100%;
  }
  .main--dodb .detailinfo .table-row {
    display: table-row;
  }
  .main--dodb .detailinfo .table-row:nth-child(odd) {
    background-color: #f0f0f0;
  }
  .main--dodb .detailinfo .table-row:nth-child(even) {
    background-color: white;
  }
  .main--dodb .detailinfo .table-cell {
    display: table-cell;
    min-width: 10rem;
    padding: 0.25rem 0.5rem 0.25rem 2rem;
  }
  .main--dodb .detailinfo .table-row:nth-child(odd) .table-cell:first-child,
.main--dodb .detailinfo .table-row:nth-child(even) .table-cell:first-child {
    border-bottom: none;
  }
  .main--dodb .detailinfo .table-row:last-child .table-cell,
.main--dodb .detailinfo .table-row:last-child .table-cell:first-child {
    border-bottom: 0.125rem solid #f0f0f0;
  }
  .main--dodb .detailinfo .table-cell--number {
    text-align: right;
  }
  .main--dodb .detailinfo .table-cell:first-child {
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  }
}
@media only all and (min-width: 49.625em) {
  .main--dodb .detailinfo .wrapper--toggle__content {
    padding-left: 2.5rem;
  }
  .main--dodb .detailinfo .wrapper--toggle.faq--item .wrapper--toggle__content {
    padding-left: 1rem;
  }
}

/* ==========================================================================
   _contactinfos.scss: DODB - Kontaktinfos rechte Spalte
   ========================================================================== */
.main--dodb .tevis--box .location--list__title {
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}
.main--dodb .tevis--box .location--list__title + .location--list {
  padding-left: 1.75rem;
}
.main--dodb .tevis--box .location--list .cta--icon-left {
  padding: 0.25rem 0 0.125rem 1.75rem;
}
.main--dodb .tevis--box .location--list .cta--icon-left .icon--toggle-s {
  top: 0.25rem;
  width: 1.325rem;
}
.main--dodb .tevis--box .reservation--box > div {
  padding-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-top: 0.125rem solid #fff;
}
.main--dodb .tevis--box .reservation--box > div:first-child {
  padding-top: 0;
  border-top: none;
}
.main--dodb .tevis--box .other--dates .wrapper--toggle__content {
  padding-top: 0.5rem;
}
.main--dodb .tevis--box .other--dates .location--list__item {
  border-bottom: 0.125rem solid #fff;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.main--dodb .tevis--box .other--dates .location--list__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* ==========================================================================
   _fav.scss: DODB Favoritenliste
   ========================================================================== */
.main--dodb .heading--fav {
  margin-bottom: 0.5rem;
  padding: 0.25rem 0 0.25rem 3.5rem;
  position: relative;
}
.main--dodb .list--fav {
  border-top: 0.125rem solid #bababa;
  list-style: none;
}
.main--dodb .list--fav__item {
  border-bottom: 0.125rem solid #bababa;
  display: block;
  position: relative;
}
.main--dodb .cta--fav {
  display: block;
  padding: 0.375rem 2.5rem 0.375rem 0;
}
.main--dodb .cta--fav:hover {
  text-decoration: none;
}
@media only all and (min-width: 49.625em) {
  .main--dodb .list--fav__item {
    border-bottom: 0.125rem solid white;
  }
  .main--dodb .list--fav__item:last-child {
    border-bottom: none;
  }
  .main--dodb .list--fav {
    border-top: 0.125rem solid white;
    list-style: none;
  }
  .main--dodb .fav {
    background: #f0f0f0;
    border-radius: 0.5rem;
    margin-top: 1rem;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}

/* ==========================================================================
   _form.scss: DODB Formaularelemente
   ========================================================================== */
.main--dodb .bg--highlight .form__label {
  color: white;
}
.main--dodb .form--filter {
  border-top: 0.125rem solid white;
  border-bottom: 0.125rem solid white;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.main--dodb .form--address {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.main--dodb .form__label {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 33.3125rem;
  padding-bottom: 0;
}
.main--dodb .form--filter .form__label {
  max-width: 28rem;
}
.main--dodb .form__label-text {
  display: inline-block;
  font-size: 1rem;
  padding-right: 1rem;
}
.main--dodb .h2.form__label-text {
  font-size: 1.25rem;
}
.main--dodb .form__input {
  background: white;
  border: 0.125rem solid #bababa;
  border-radius: 0.5rem;
  display: inline-block;
  flex-grow: 2;
  flex-shrink: 1;
  margin-top: 0.25rem;
  padding: 0.25rem 0.5rem;
  width: 100%;
}
.main--dodb .form__wrapper--search,
.main--dodb .form__wrapper--filter {
  align-items: center;
  display: flex;
}
.main--dodb .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;
  position: relative;
  width: 2.25rem;
}
.main--dodb .searchresult--autocomplete {
  position: absolute;
  top: calc(100% - 0.125rem);
  width: calc(100% - 2.25rem);
  background: white;
  z-index: 10;
  border: 0.125rem solid #bababa;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  /* display: none; */
}
.main--dodb .searchresult--autocomplete__list {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.main--dodb .searchresult--autocomplete__list li {
  border-bottom: 0.125rem solid #bababa;
}
.main--dodb .searchresult--autocomplete__list li:last-child {
  border-bottom: none;
}
@media only all and (min-width: 25rem) {
  .main--dodb .form--filter,
.main--dodb .form--address {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
@media only all and (min-width: 42em) {
  .main--dodb .form__wrapper--search {
    margin-right: -2.25rem;
    width: 33.3125rem;
  }
  .main--dodb .address-search .form__wrapper--search {
    margin-right: 0;
  }
  .main--dodb .form__wrapper--filter {
    width: 30rem;
  }
  .main--dodb .form--situation {
    height: 100%;
  }
  .main--dodb .wrapper--1-col .form__wrapper--search,
.main--dodb .wrapper--1-col .form__wrapper--filter {
    flex-grow: 1;
  }
  .main--dodb .wrapper--1-col .form__label {
    display: flex;
    max-width: 47.5rem;
    padding-right: 10.625rem;
  }
  .main--dodb .wrapper--1-col .form--filter .form__label,
.main--dodb .wrapper--1-col .form--address .form__label {
    justify-content: flex-start;
    margin: 0 0;
    padding-right: 0;
  }
  .main--dodb .form__label-text {
    font-size: 1.125rem;
  }
  .main--dodb .wrapper--1-col .form__label-text {
    flex-shrink: 0;
    min-width: 10.625rem;
  }
  .main--dodb .wrapper--1-col .form--filter .form__label-text,
.main--dodb .wrapper--1-col .form--address .form__label-text {
    flex-shrink: 0;
    min-width: 15rem;
  }
  .main--dodb .h2.form__label-text {
    font-size: 1.5rem;
  }
  .main--dodb .wrapper--1-col .form__input {
    margin-top: 0;
  }
  .main--dodb .form__input.form__input--filter {
    max-width: 30rem;
  }
}

/* ==========================================================================
   _form_item.scss: überschreibt globales _form_item.scss
   ========================================================================== */
/*
 * Form-Elemente im Kontaktformular
 */
.wrapper--feedback-switch .wrapper--button {
  flex-direction: column;
  flex-shrink: 0;
  gap: 1rem;
  justify-content: center;
}

.wrapper--toggle .label--basic:has(input[type=checkbox]:not(:checked)) {
  padding: 0;
}

@media only all and (min-width: 36.875em) {
  .wrapper--feedback-switch .wrapper--button {
    flex-direction: row;
  }
}
/* ==========================================================================
   _form_contact.scss: überschreibt globales _form_contact.scss
   ========================================================================== */
.wrapper--feedback-switch .form--contact footer {
  box-shadow: none;
}

.feedback--dodb .form--contact header {
  border-radius: 0.5rem 0 0 0;
}

/* ==========================================================================
   _dodb_icons.scss: DODB Buttons
   ========================================================================== */
.main--dodb .icon--absolute {
  position: absolute;
}
.main--dodb svg {
  fill: #787878;
}
.main--dodb .link-wrapper--icon > a {
  display: inline-block;
}
.main--dodb .icon--link {
  height: 1rem;
  left: -1.75rem;
  top: 0.35rem;
  width: 1.125rem;
}
.main--dodb .icon--search,
.main--dodb .icon--more,
.main--dodb .icon--feedback {
  height: 1.75rem;
  top: calc(50% - .875rem);
  width: 1.75rem;
}
.main--dodb .icon--search {
  left: 0.5rem;
}
.main--dodb .icon--left-box,
.main--dodb .detailinfo .do-online .icon--left-box {
  left: 0.5rem;
}
.main--dodb .address-search .wrapper--toggle .icon--left-box {
  left: 0;
}
.main--dodb .icon--right-box,
.main--dodb .detailinfo .do-online .icon--right-box {
  right: 0.5rem;
}
.main--dodb .address-search .wrapper--toggle .icon--right-box {
  right: 0;
}
.main--dodb .icon--left {
  left: 0;
}
.main--dodb .icon--right {
  right: 0;
}
.main--dodb .icon--dropdown {
  height: 1.75rem;
  right: 0.5rem;
  top: calc(75% - .875rem);
  width: 1.75rem;
}
.main--dodb .cta svg, .main--dodb calc a svg {
  transition: all 0.5s;
}
.main--dodb .bg--highlight .cta svg,
.main--dodb .bg--highlight.cta svg,
.main--dodb .bg--highlight a svg {
  fill: white;
  opacity: 0.8;
}
.main--dodb .bg--highlight .cta:hover svg,
.main--dodb .bg--highlight.cta:hover svg,
.main--dodb .bg--highlight a:hover svg {
  opacity: 1;
}
.main--dodb .icon--slider-control {
  height: 1.75rem;
  left: 0.25rem;
  top: -0.25rem;
  width: 1.75rem;
}
.main--dodb .icon--fav {
  height: 2.625rem;
  left: 0.25rem;
  top: calc(50% - 1.5rem);
  width: 2.625rem;
}
.main--dodb .icon--nav {
  height: 1.75rem;
  top: calc(50% - 0.875rem);
  width: 1.75rem;
}
.main--dodb .icon--searchresult {
  height: 1.5rem;
  top: calc(50% - 0.75rem);
  width: 1.5rem;
  left: 0;
}
.main--dodb .icon--adresses {
  height: 2rem;
  top: calc(50% - 1rem);
  width: 1.75rem;
}
.main--dodb .icon--prev {
  transform: rotate(180deg);
}
.main--dodb .icon--toggle,
.main--dodb .icon--detailinfo {
  height: 1.5rem;
  top: 1.125rem;
  transition: all 0.5s;
  width: 1.5rem;
}
.main--dodb .icon--toggle-s {
  height: 1.75rem;
  top: 0.5rem;
  transition: all 0.5s;
  width: 1.75rem;
}
.main--dodb .wrapper--toggle__control[data-status=is-open] .icon--toggle,
.main--dodb .wrapper--toggle__control[data-status=is-open] .icon--toggle-s {
  transform: rotate(180deg);
}
.main--dodb .icon--note {
  height: 1.5rem;
  top: 0;
  width: 1.375rem;
}
.main--dodb .box--warning .icon--note {
  fill: #d60e00;
}
.main--dodb .icon--localdate {
  height: 1.75rem;
  top: -0.125rem;
  width: 1.25rem;
}
.main--dodb .icon--contactinfo,
.main--dodb .contactinfo .icon--note,
.main--dodb .do-online .icon--note {
  height: 1.5rem;
  top: 0.125rem;
  width: 1.125rem;
}
.main--dodb .do-online .icon--note {
  fill: white;
}
.main--dodb .icon--contactinfo {
  left: -1.75rem;
}
.main--dodb .postal .icon--contactinfo {
  left: 0;
  top: 0.65625rem;
}
.main--dodb .icon--contactinfo.icon--home {
  width: 1.4583333333rem;
  left: -1.875rem;
  top: 0;
}
.main--dodb .icon--accessinfo {
  height: 1.25rem;
  top: 0.75rem;
  width: 1.3125rem;
}
.main--dodb .icon--adresses {
  height: 1.75rem;
  top: calc(50% - 1rem);
  width: 1.25rem;
}
.main--dodb .icon--accessmarker {
  height: 2rem;
  left: 0;
  top: 0;
  width: 3rem;
}
@media only all and (min-width: 25rem) {
  .main--dodb .icon--more {
    height: 2.25rem;
    top: calc(50% - 1.125rem);
    width: 2.25rem;
  }
  .main--dodb .icon--adresses {
    height: 2rem;
    top: calc(50% - 1rem);
    width: 1.5rem;
  }
  .main--dodb .icon--left-box,
.main--dodb .detailinfo .do-online .icon--left-box {
    left: 1rem;
  }
  .main--dodb .icon--right-box,
.main--dodb .detailinfo .do-online .icon--right-box {
    right: 1rem;
  }
  .main--dodb .icon--localdate {
    height: 2.1875rem;
    top: -0.125rem;
    width: 1.5rem;
  }
  .main--dodb .icon--toggle,
.main--dodb .icon--detailinfo {
    height: 2.1875rem;
    top: 0.75rem;
    width: 1.75rem;
  }
  .main--dodb .icon--note {
    height: 1.75rem;
    top: 0;
    width: 1.75rem;
  }
}
@media only all and (min-width: 49.625em) {
  .main--dodb .detailinfo .icon--left-box {
    left: 0;
  }
}

/* ==========================================================================
   _lists.scss: DODB - Listen
   ========================================================================== */
.main--dodb {
  /*.wrapper--toggle__content */
}
.main--dodb .list,
.main--dodb .wrapper--editor ul,
.main--dodb .wrapper--editor ol {
  padding: 0 0 0 0;
}
.main--dodb .list--ul,
.main--dodb .wrapper--editor ul {
  list-style-type: square;
}
.main--dodb .list--ul {
  list-style-position: inside;
}
.main--dodb .list__item,
.main--dodb .wrapper--editor li {
  margin-left: 1.2rem;
  padding-left: 0.5rem;
}
.main--dodb .list li > p,
.main--dodb .wrapper--editor ul li > p,
.main--dodb .wrapper--editor ol li > p {
  margin-bottom: 0;
}
.main--dodb .list--icon {
  list-style: none;
}
.main--dodb .contactinfo .list {
  margin-bottom: 0;
}
@media only all and (min-width: 25rem) {
  .main--dodb .list__item {
    margin-left: 1.125rem;
    padding-left: 0.5rem;
  }
}

/* ==========================================================================
   _notebox.scss: DODB Hinweisboxen
   ========================================================================== */
.main--dodb .box--note {
  background: white;
  border: 0.1rem solid #cccccc;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.3);
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.main--dodb .box--note.box--rounded {
  border-radius: 0.5rem;
}
.main--dodb .box--note__heading {
  padding-left: 2rem;
}
.main--dodb .box--warning .box--note__heading {
  color: #d60e00;
}
.main--dodb .wrapper--contactinfo .box--note {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: 1.5rem;
}
.main--dodb .wrapper--contactinfo .box--note.island {
  padding: 0.5rem 0.3333333333rem;
}
.main--dodb .wrapper--contactinfo .box--note__heading {
  padding-left: 1.625rem;
}
.main--dodb .wrapper--do-online__note {
  margin-left: -2rem;
  margin-top: -1rem;
  z-index: 1;
}
.main--dodb .do-online .box--note {
  border: 0.125rem solid white;
  margin-left: 0;
  margin-right: 0;
}
.main--dodb .do-online .box--note.island {
  padding: 0.5rem 0.5rem;
}
@media only all and (min-width: 25rem) {
  .main--dodb .box--note,
.main--dodb .wrapper--contactinfo .box--note {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .main--dodb .box--note__heading,
.main--dodb .box--note__text {
    padding-left: 2.5rem;
  }
  .main--dodb .wrapper--contactinfo .box--note__heading,
.main--dodb .wrapper--contactinfo .box--note__text {
    padding-left: 1.75rem;
  }
  .main--dodb .wrapper--contactinfo .box--note.island {
    padding: 0.5rem 0.5rem;
  }
  .main--dodb .wrapper--do-online__note {
    margin-left: -2.5rem;
  }
}
@media only all and (min-width: 49.625em) {
  .main--dodb .box--note {
    margin-left: 0;
    margin-right: 0;
  }
  .main--dodb .wrapper--contactinfo .box--note {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .main--dodb .wrapper--do-online__note {
    margin-left: calc(-2.5rem + 1rem);
  }
  .main--dodb .do-online .box--note__heading {
    padding-left: 3rem;
  }
}

/* ==========================================================================
   _paginate.scss: DODB Pagination
   ========================================================================== */
.main--dodb .paginate {
  border-top: 0.125rem solid white;
  padding-top: 1rem;
}
.main--dodb .list--paginate {
  display: flex;
  list-style: none;
  margin-bottom: 0;
}
.main--dodb .list--paginate__item {
  height: 2rem;
  margin-right: 0.5rem;
  min-width: 2rem;
}
.main--dodb .list--paginate__item a {
  display: block;
  font-size: 1.1875rem;
  font-weight: bold;
  height: 2rem;
  line-height: 1rem;
  padding: 0.5rem 0.5rem;
  text-align: center;
}
.main--dodb .list--paginate__item a:hover {
  text-decoration: none;
}
.main--dodb .list--paginate__item--numb[data-variant=active] {
  border-radius: 1rem;
}
.main--dodb .list--paginate__item--numb[data-variant=active] > a {
  color: white;
}
.main--dodb .list--paginate__item--numb[data-variant=active] > a,
.main--dodb .list--paginate__item--nav[data-variant=disabled] > a {
  cursor: default;
}
.main--dodb .list--paginate__item--nav[data-variant=disabled] .icon--nav {
  fill: white;
}
@media only all and (min-width: 49.625em) {
  .main--dodb .paginate {
    display: flex;
    justify-content: space-between;
  }
  .main--dodb .list--paginate {
    width: calc(100% - 10rem);
  }
}

/* ==========================================================================
   _slider.scss: DODB Teaser im Slider
   ========================================================================== */
.main--dodb {
  /* Box um Slider */
  /* Listenelement mit Bild und Teaser */
  /* Slide-Effekt */
  /* Slider-Link */
  /* Bild responsive */
  /* Teaser rechts neben Bild */
  /* Control-Buttons Rahmen */
  /* Sonstige Effekte */
}
.main--dodb .box--slider {
  margin-top: -0.5rem;
  width: 100%;
}
.main--dodb .slider-item__teaser,
.main--dodb .slider__controls {
  margin: 0;
}
.main--dodb .slider {
  border-radius: 0.5rem;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.3);
  display: grid;
  grid-template-areas: "flex-slider-slides";
  list-style: none;
  margin-bottom: 0.75rem;
  overflow: hidden;
  padding: 0;
  touch-action: pan-y pinch-zoom;
  width: 100%;
}
.main--dodb .slider__item {
  display: flex;
  grid-area: flex-slider-slides;
}
.main--dodb .slider__item .h3,
.main--dodb .slider__item p {
  line-height: 1.2rem;
}
.main--dodb .slider__item .h3 {
  line-height: 1.75rem;
}
.main--dodb .slider__item p {
  margin-bottom: 0;
}
.main--dodb .slider__item--transition {
  transition: transform 0.5s cubic-bezier(0.3, 0.03, 0.6, 0.85);
}
.main--dodb .slider__item[data-slide-pos=center] {
  transform: translateX(0%);
}
.main--dodb .slider__item[data-slide-pos=left] {
  transform: translateX(-100%);
}
.main--dodb .slider__item[data-slide-pos=right] {
  transform: translateX(100%);
}
.main--dodb .slider__item[data-is-visible=false] {
  opacity: 0;
}
.main--dodb .slider-item__link {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.main--dodb .slider-item__link:hover {
  text-decoration: none;
}
.main--dodb .slider-item__link:focus-visible {
  border-radius: 3px;
  border-style: solid;
  border-width: 3px;
}
.main--dodb .slider-item__link:hover {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  /*verhindert Highlight-Effekte für Mobil*/
}
.main--dodb .slider-item__img-wrapper {
  border-radius: 0.5rem 0 0 0.5rem;
  bottom: 0;
  flex-shrink: 0;
  max-width: 150px;
  overflow: hidden;
  position: relative;
  width: 33%;
}
.main--dodb .slider-item__img-wrapper::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.main--dodb .slider-item__img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.5s;
  width: 100%;
}
.main--dodb .slider-item__link:hover .slider-item__img {
  opacity: 0.5;
}
.main--dodb .slider-item__teaser {
  flex-grow: 1;
  flex-shrink: 1;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.main--dodb .slider__control-wrapper {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}
.main--dodb .slider__control-wrapper button {
  background: white;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.125rem;
  font-size: 0;
  height: 1.25rem;
  transition: all 0.5s ease-in-out;
  width: 1.25rem;
}
.main--dodb .slider__control--active {
  transition: all 0.25s ease-in-out;
}
.main--dodb button[data-play-pause] {
  background: none;
  border: none;
  height: 1.6125rem;
  padding: 0;
  width: 1.25rem;
}
.main--dodb .slider__control--start svg,
.main--dodb .slider__control--pause svg {
  height: 1.6125rem;
  width: 1.25rem;
}
.main--dodb .slider__control--start,
.main--dodb .slider__control--pause {
  pointer-events: none;
}
.main--dodb .box--slider[data-state=playing] .slider__control--start,
.main--dodb .box--slider[data-state=paused] .slider__control--pause {
  display: none;
}
.main--dodb .no-pointer-events {
  pointer-events: none;
}
@media only all and (min-width: 49.625em) {
  .main--dodb .slider {
    margin-bottom: 1.5rem;
  }
  .main--dodb .box--slider {
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
  }
  .main--dodb .slider-item__teaser.island {
    padding-bottom: 0.75rem;
  }
  .main--dodb .slider__item .h3 {
    line-height: 1.5rem;
    /* 2rem */
  }
  .main--dodb .slider-item__teaser p {
    line-height: 1.75rem;
  }
  .main--dodb .slider__item .h3 {
    margin-bottom: 0.5rem;
  }
  .main--dodb .slider__control-wrapper {
    gap: 0.75rem;
  }
}

/* ==========================================================================
   _toggles.scss: DODB - Toggle-Container
   ========================================================================== */
.main--dodb .wrapper--toggle__control {
  cursor: pointer;
  min-height: 2.625rem;
  position: relative;
}
.main--dodb .address-search .wrapper--toggle {
  border-top: 0.125rem solid white;
}
.main--dodb .postal .wrapper--toggle__control {
  min-height: 2.3333333333rem;
}
.main--dodb .wrapper--toggle__control.icon--labeled {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
}
.main--dodb .contactinfo .wrapper--toggle__content::after,
.main--dodb .do-online .wrapper--toggle__content::after {
  border-top: 0.125rem solid white;
  content: " ";
  height: 0.125rem;
  left: 0.5rem;
  position: absolute;
  right: 0.5rem;
  top: 0;
}
.main--dodb .accessinfo .wrapper--toggle__content,
.main--dodb .postal .wrapper--toggle__content {
  padding-left: 1.75rem;
  padding-top: 0.5rem;
}
.main--dodb .do-online .wrapper--toggle__content .island {
  padding-left: 0;
}
.main--dodb .contactinfo .wrapper--toggle__content .wrapper--toggle__content::after {
  left: 1.75rem;
  right: 0;
}
.main--dodb .contactinfo .location--list .wrapper--toggle__content::after {
  left: 0;
  right: 0;
}
.main--dodb .contactinfo .location--list .wrapper--toggle__control {
  min-height: auto;
}
@media only all and (min-width: 25rem) {
  .main--dodb .contactinfo .wrapper--toggle__content::after,
.main--dodb .do-online .wrapper--toggle__content::after {
    left: 1rem;
    right: 1rem;
  }
}

/* ==========================================================================
   _topic.scss: DODB Themenkacheln
   ========================================================================== */
.main--dodb {
  /* Box Heading und Themenkacheln */
  /*@media only all and (min-width: $breakpoint-dodb-topic-change-2) {
      .list--topic {
          grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
      }
  }*/
}
.main--dodb .topic {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: calc(100% + 1rem);
}
.main--dodb .list--topic {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  list-style: none;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.main--dodb .list--topic__item {
  border-radius: 0.5rem;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.3);
  position: relative;
}
.main--dodb .list--topic__item::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.main--dodb .list--topic__item > .link--topic {
  border-radius: 0.5rem 0.5rem 0 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.main--dodb .link--topic__text--heading {
  background: white;
  border-radius: 0.5rem 0.5rem 0 0;
  color: inherit;
  font-size: 0.875rem;
  font-weight: normal;
  height: 38.2%;
  line-height: 1rem;
  margin: 0;
  padding: 0.5rem 1rem;
}
.main--dodb .link--topic__img-wrapper {
  border-radius: 0 0 0.5rem 0.5rem;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  top: 38.2%;
  width: 100%;
}
.main--dodb .link--topic__img {
  transition: all 0.5s;
}
.main--dodb .link--topic:hover .link--topic__img {
  opacity: 0.5;
}
.main--dodb .link--topic:hover .link--topic__text--mouseover {
  bottom: 0;
}
.main--dodb .link--topic:hover {
  text-decoration: none;
}
@media only all and (min-width: 25rem) {
  .main--dodb .topic {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: calc(100% + 2rem);
  }
}
@media only all and (min-width: 46.125em) {
  .main--dodb .list--topic {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
}
@media only all and (min-width: 49.625em) {
  .main--dodb {
    /*.link--topic__text--heading {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: $space-v 3/2*$space-h;
    }*/
  }
  .main--dodb .topic {
    background: #f0f0f0;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
@media only all and (min-width: 62.875em) {
  .main--dodb {
    /*.link--topic__text--heading {
        font-size: 1.75rem;
        line-height: 2.5rem;
        padding: $space-v 3/2*$space-h;
    }*/
  }
  .main--dodb .topic {
    border-radius: 0.5rem;
  }
}
@media only all and (min-width: 64.875em) {
  .main--dodb .topic {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
  }
}
@element ".main--dodb .list--topic__item" and (min-width: 10.3125rem) {
  .main--dodb .link--topic__text--heading {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@element ".main--dodb .list--topic__item" and (min-width: 11.5625rem) {
  .main--dodb .link--topic__text--heading {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
@element ".main--dodb .list--topic__item" and (min-width: 13.75rem) {
  .main--dodb .link--topic__text--heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 0.75rem 1.5rem;
  }
}
@element ".main--dodb .list--topic__item" and (min-width: 15.625rem) {
  .main--dodb .link--topic__text--heading {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 1rem 1.5rem;
  }
}