@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css");
:root {
  --Color_Orange: #FFC170;
  --Color_LightOrange: rgba(255, 193, 112, .3);
  --Color_LightOrangePlain: #ffecd4;
  --Color_DarkPurple: #2b00ff;
  --Color_Purple: #D7D0F9;
  --Color_LightPurple: rgba(215, 208, 249, .3);
  --Color_LightPurplePlain: #f3f1fd;
  --Color_Yellow: #FDF67D;
  --Color_LightYellow: rgba(253, 246, 125, .3);
  --Color_LightYellowPlain: #fefcd8;
  --Color_Grey: #F0F2F4;
  --Color_DarkGrey: #b9b9b9;
  --Color_SuperDarkGrey: #6B6B6B;
  --Color_ExtremlyDarkGrey: #3B3D42;
  --Color_BodyBackground: #ffffff;
  --Color_Text: #000;
  --Color_Focus: var(--Color_ExtremlyDarkGrey);
  --Spacing_Main: 2.5rem;
}
:root .swiper {
  --swiper-theme-color: var(--Color_Text);
  --swiper-pagination-bullet-inactive-opacity: 0.25;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-color: var(--Color_Text);
  --swiper-pagination-bullet-inactive-color: var(--Color_DarkGrey);
  --swiper-pagination-bullet-horizontal-gap: 8px;
}

html {
  scroll-behavior: smooth;
}

header .logoinner img.dark,
footer.main .logo img.dark {
  display: none;
}

@media (prefers-color-scheme: dark) {
  :root,
  html.dark {
    --Color_BodyBackground: #26252D;
    --Color_Text: #F0F2F4;
    --Color_Focus: var(--Color_Text);
  }
  :root .swiper,
  html.dark .swiper {
    --swiper-pagination-color: #F0F2F4;
  }
  :root .dark_text_tile,
  html.dark .dark_text_tile {
    --Color_Text: #000;
    color: var(--Color_Text);
  }
  :root header .logoinner img,
  :root footer.main .logo img,
  html.dark header .logoinner img,
  html.dark footer.main .logo img {
    display: none;
  }
  :root header .logoinner img.dark,
  :root footer.main .logo img.dark,
  html.dark header .logoinner img.dark,
  html.dark footer.main .logo img.dark {
    display: inline;
  }
  :root header#mobile.bar, :root header.sticky,
  html.dark header#mobile.bar,
  html.dark header.sticky {
    background: var(--Color_Text);
  }
  :root header#mobile.bar .logo, :root header.sticky .logo,
  html.dark header#mobile.bar .logo,
  html.dark header.sticky .logo {
    color: var(--Color_BodyBackground);
  }
  :root header#mobile.bar .searchfield form > div.inputwrapper:after, :root header.sticky .searchfield form > div.inputwrapper:after,
  html.dark header#mobile.bar .searchfield form > div.inputwrapper:after,
  html.dark header.sticky .searchfield form > div.inputwrapper:after {
    background-color: var(--Color_Text);
  }
  :root footer.main,
  html.dark footer.main {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root .searchfield input.submit,
  html.dark .searchfield input.submit {
    background-image: url("./graphics/suche_dark.svg");
  }
  :root .searchfield form > div.inputwrapper:after,
  html.dark .searchfield form > div.inputwrapper:after {
    background-image: url("./graphics/suche_dark.svg");
  }
  :root .searchfield input.cancel,
  html.dark .searchfield input.cancel {
    background-image: url("./graphics/cancel_dark.svg");
  }
  :root .liveresults li a:hover, :root .liveresults li.noresult:hover, :root .results li a:hover, :root .results li.noresult:hover,
  html.dark .liveresults li a:hover,
  html.dark .liveresults li.noresult:hover,
  html.dark .results li a:hover,
  html.dark .results li.noresult:hover {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root .liveresults li a[class] .highlight, :root .results li a[class] .highlight,
  html.dark .liveresults li a[class] .highlight,
  html.dark .results li a[class] .highlight {
    background: var(--Color_SuperDarkGrey);
  }
  :root .results li .parents,
  html.dark .results li .parents {
    color: var(--Color_DarkGrey);
  }
  :root .results li .parents span,
  html.dark .results li .parents span {
    opacity: 1;
  }
  :root .liveresults.liveresults li .parents span,
  html.dark .liveresults.liveresults li .parents span {
    color: var(--Color_DarkGrey);
    opacity: 1;
  }
  :root body.searchOpen header:after,
  html.dark body.searchOpen header:after {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root .searchfield input.search,
  html.dark .searchfield input.search {
    color: var(--Color_Text);
  }
  :root body[class] nav.breadcrumb,
  html.dark body[class] nav.breadcrumb {
    background: var(--Color_SuperDarkGrey);
  }
  :root body[class] nav.breadcrumb ol li,
  html.dark body[class] nav.breadcrumb ol li {
    color: var(--Color_Text);
  }
  :root body[class] nav.breadcrumb ol li.active, :root body[class] nav.breadcrumb ol li:hover,
  html.dark body[class] nav.breadcrumb ol li.active,
  html.dark body[class] nav.breadcrumb ol li:hover {
    color: var(--Color_Text);
  }
  :root body[class] .container .aside,
  html.dark body[class] .container .aside {
    background: var(--Color_SuperDarkGrey);
  }
  :root body[class] .layout .col4,
  html.dark body[class] .layout .col4 {
    color: #000;
  }
  :root body[class] .layout .col8 svg path,
  html.dark body[class] .layout .col8 svg path {
    stroke: var(--Color_Text);
  }
  :root main.projectsection .aside .block-type-sidebar .block-type-email svg path, :root main.contentsection .aside .block-type-sidebar .block-type-email svg path,
  html.dark main.projectsection .aside .block-type-sidebar .block-type-email svg path,
  html.dark main.contentsection .aside .block-type-sidebar .block-type-email svg path {
    fill: var(--Color_Text);
  }
  :root main.projectsection .aside .block-type-sidebar .block-type-document svg path, :root main.projectsection .aside .block-type-sidebar .block-type-url svg path, :root main.projectsection .aside .block-type-sidebar .block-type-page svg path, :root main.contentsection .aside .block-type-sidebar .block-type-document svg path, :root main.contentsection .aside .block-type-sidebar .block-type-url svg path, :root main.contentsection .aside .block-type-sidebar .block-type-page svg path,
  html.dark main.projectsection .aside .block-type-sidebar .block-type-document svg path,
  html.dark main.projectsection .aside .block-type-sidebar .block-type-url svg path,
  html.dark main.projectsection .aside .block-type-sidebar .block-type-page svg path,
  html.dark main.contentsection .aside .block-type-sidebar .block-type-document svg path,
  html.dark main.contentsection .aside .block-type-sidebar .block-type-url svg path,
  html.dark main.contentsection .aside .block-type-sidebar .block-type-page svg path {
    stroke: var(--Color_Text);
  }
  :root main.projectsection .aside .block-type-sidebar a::after, :root main.contentsection .aside .block-type-sidebar a::after,
  html.dark main.projectsection .aside .block-type-sidebar a::after,
  html.dark main.contentsection .aside .block-type-sidebar a::after {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root body[class] .layout .block-type-accordion,
  html.dark body[class] .layout .block-type-accordion {
    background: var(--Color_SuperDarkGrey);
  }
  :root body[class] .layout .block-type-accordion .accordion,
  :root body[class] .layout .block-type-accordion .personaccordion,
  :root body[class] .layout .block-type-accordionperson .accordion,
  :root body[class] .layout .block-type-accordionperson .personaccordion,
  :root body[class] .layout .block-type-personaccordion .accordion,
  :root body[class] .layout .block-type-personaccordion .personaccordion,
  :root body[class] .layout .block-type-fortbildung .accordion,
  :root body[class] .layout .block-type-fortbildung .personaccordion,
  :root body[class] .layout .block-type-interview .accordion,
  :root body[class] .layout .block-type-interview .personaccordion,
  :root body[class] .layout .block-type-qanda,
  html.dark body[class] .layout .block-type-accordion .accordion,
  html.dark body[class] .layout .block-type-accordion .personaccordion,
  html.dark body[class] .layout .block-type-accordionperson .accordion,
  html.dark body[class] .layout .block-type-accordionperson .personaccordion,
  html.dark body[class] .layout .block-type-personaccordion .accordion,
  html.dark body[class] .layout .block-type-personaccordion .personaccordion,
  html.dark body[class] .layout .block-type-fortbildung .accordion,
  html.dark body[class] .layout .block-type-fortbildung .personaccordion,
  html.dark body[class] .layout .block-type-interview .accordion,
  html.dark body[class] .layout .block-type-interview .personaccordion,
  html.dark body[class] .layout .block-type-qanda {
    background: var(--Color_SuperDarkGrey);
  }
  :root body[class] .layout .block-type-accordion .accordion button svg path,
  :root body[class] .layout .block-type-accordion .personaccordion button svg path,
  :root body[class] .layout .block-type-accordionperson .accordion button svg path,
  :root body[class] .layout .block-type-accordionperson .personaccordion button svg path,
  :root body[class] .layout .block-type-personaccordion .accordion button svg path,
  :root body[class] .layout .block-type-personaccordion .personaccordion button svg path,
  :root body[class] .layout .block-type-fortbildung .accordion button svg path,
  :root body[class] .layout .block-type-fortbildung .personaccordion button svg path,
  :root body[class] .layout .block-type-interview .accordion button svg path,
  :root body[class] .layout .block-type-interview .personaccordion button svg path,
  :root body[class] .layout .block-type-qanda button svg path,
  html.dark body[class] .layout .block-type-accordion .accordion button svg path,
  html.dark body[class] .layout .block-type-accordion .personaccordion button svg path,
  html.dark body[class] .layout .block-type-accordionperson .accordion button svg path,
  html.dark body[class] .layout .block-type-accordionperson .personaccordion button svg path,
  html.dark body[class] .layout .block-type-personaccordion .accordion button svg path,
  html.dark body[class] .layout .block-type-personaccordion .personaccordion button svg path,
  html.dark body[class] .layout .block-type-fortbildung .accordion button svg path,
  html.dark body[class] .layout .block-type-fortbildung .personaccordion button svg path,
  html.dark body[class] .layout .block-type-interview .accordion button svg path,
  html.dark body[class] .layout .block-type-interview .personaccordion button svg path,
  html.dark body[class] .layout .block-type-qanda button svg path {
    stroke: var(--Color_Text);
  }
  :root body[class] .layout .block-type-accordion .personaccordion .table,
  :root body[class] .layout .block-type-accordionperson .accordion .table,
  :root body[class] .layout .block-type-accordionperson .personaccordion .table,
  :root body[class] .layout .block-type-personaccordion .accordion .table,
  :root body[class] .layout .block-type-personaccordion .personaccordion .table,
  html.dark body[class] .layout .block-type-accordion .personaccordion .table,
  html.dark body[class] .layout .block-type-accordionperson .accordion .table,
  html.dark body[class] .layout .block-type-accordionperson .personaccordion .table,
  html.dark body[class] .layout .block-type-personaccordion .accordion .table,
  html.dark body[class] .layout .block-type-personaccordion .personaccordion .table {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root body[class] .layout .block-type-accordion .accordion footer,
  html.dark body[class] .layout .block-type-accordion .accordion footer {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root .layout .block.block-type-persontable .block-type-persontableitem li,
  :root .aside .block.block-type-persontable .block-type-persontableitem li,
  html.dark .layout .block.block-type-persontable .block-type-persontableitem li,
  html.dark .aside .block.block-type-persontable .block-type-persontableitem li {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root .layout .block.block-type-logogallery,
  html.dark .layout .block.block-type-logogallery {
    background: var(--Color_Text);
    padding: calc(var(--Spacing_Main) / 2);
  }
  :root body.mapfullscreen .mapinner.fullscreen #mapid,
  html.dark body.mapfullscreen .mapinner.fullscreen #mapid {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root body[class] section.layout.map > .inner .column.col4,
  html.dark body[class] section.layout.map > .inner .column.col4 {
    background: var(--Color_ExtremlyDarkGrey);
    color: var(--Color_Text);
  }
  :root body.home .listcontainer .arraylist li p:hover,
  html.dark body.home .listcontainer .arraylist li p:hover {
    background: var(--Color_SuperDarkGrey);
  }
  :root .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content header,
  :root .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer button,
  html.dark .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content header,
  html.dark .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer button {
    color: #000;
  }
  :root .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper,
  html.dark .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root .mapcontainer .mapinner #mapid .marker-pin,
  html.dark .mapcontainer .mapinner #mapid .marker-pin {
    background: var(--Color_Text);
  }
  :root .mapcontainer .mapinner #mapid .marker-pin.bzhover, :root .mapcontainer .mapinner #mapid .marker-pin:hover,
  html.dark .mapcontainer .mapinner #mapid .marker-pin.bzhover,
  html.dark .mapcontainer .mapinner #mapid .marker-pin:hover {
    background: #000;
    box-shadow: 0px 0px 0px 2px var(--Color_Text);
  }
  :root .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div,
  html.dark .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div {
    color: #000;
  }
  :root .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div:hover,
  html.dark .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div:hover {
    color: var(--Color_Text);
  }
  :root .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div:hover::before,
  html.dark .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div:hover::before {
    filter: invert(1);
  }
  :root .formcontainer form .requiredinfo,
  html.dark .formcontainer form .requiredinfo {
    color: var(--Color_Text);
  }
  :root .formcontainer .group.radiogroup,
  :root .formcontainer .grouplabel,
  html.dark .formcontainer .group.radiogroup,
  html.dark .formcontainer .grouplabel {
    color: var(--Color_Text);
  }
  :root body[class] .alert,
  html.dark body[class] .alert {
    background: var(--Color_ExtremlyDarkGrey);
  }
  :root .layout .block.block-type-chart canvas,
  html.dark .layout .block.block-type-chart canvas {
    filter: grayscale(1) invert(1);
  }
  :root .layout .block.block-type-chart canvas + p,
  html.dark .layout .block.block-type-chart canvas + p {
    color: var(--Color_Text);
  }
  :root nav.main a, :root .mobileMenu button, :root .mobileMenu a,
  html.dark nav.main a,
  html.dark .mobileMenu button,
  html.dark .mobileMenu a {
    --Color_Focus: var(--Color_ExtremlyDarkGrey);
  }
  :root nav.main a.fL:focus-visible, :root .mobileMenu button.fL:focus-visible, :root .mobileMenu a.fL:focus-visible,
  html.dark nav.main a.fL:focus-visible,
  html.dark .mobileMenu button.fL:focus-visible,
  html.dark .mobileMenu a.fL:focus-visible {
    outline-offset: -8px;
  }
  :root .text a::before, :root .teaser a::before, :root .block-type-mdtext a::before,
  html.dark .text a::before,
  html.dark .teaser a::before,
  html.dark .block-type-mdtext a::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2258%22%20height%3D%2255%22%20viewBox%3D%220%200%2058%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M55.5937%2027.0468H1.50001%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M34.5573%2048.069L55.5866%2027.0396L34.5573%206.01025%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  }
  :root .block-type-personaccordion .table a::before .block-type-interview .table a::before, :root .mapcontainer .mapinner #mapid.leaflet-container .assistcontainer > div:hover a::before,
  html.dark .block-type-personaccordion .table a::before .block-type-interview .table a::before,
  html.dark .mapcontainer .mapinner #mapid.leaflet-container .assistcontainer > div:hover a::before {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2277%22%20height%3D%2277%22%20viewBox%3D%220%200%2077%2077%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M57.375%2019.125L19.125%2057.375%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M57.3649%2048.865V19.125H27.6249%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  }
}
*:focus {
  outline: none;
}

*:focus-visible {
  outline: 4px solid var(--Color_Focus) !important;
}

nav.main a:focus-visible,
body.home .featuredslider a.sliderInner:focus-visible,
#headerresults-desktop li a:focus-visible,
#headerresults-mobile li a:focus-visible,
#inlineresults li a:focus-visible,
ul.results li a:focus-visible,
.accordion button:focus-visible,
.personaccordion button:focus-visible,
body #cc-main .cm .cm__desc a:focus-visible {
  outline-offset: -4px;
}

.cookie_edit:focus-visible {
  outline-offset: 4px;
}

ul.results li a:focus-visible::before,
#headerresults-desktop li a:focus-visible::before,
#headerresults-mobile li a:focus-visible::before,
#inlineresults li a:focus-visible::before {
  border-top: 4px solid var(--Color_Focus);
  border-left: 4px solid var(--Color_Focus);
  border-bottom: 3px solid var(--Color_Focus);
}

body.home .featuredslider a.sliderInner:focus-visible figure {
  border-top: 4px solid var(--Color_Focus);
  border-left: 4px solid var(--Color_Focus);
  border-bottom: 4px solid var(--Color_Focus);
}

@media (max-width: 768px) {
  body.searchOpen input#headersearch-desktop:focus-visible,
  body.searchOpen input#headersearch-mobile:focus-visible,
  body.searchOpen input.headersearch:focus-visible,
  input.btn.submit:focus-visible, input.btn.cancel:focus-visible,
  input#inlinesearch:focus-visible {
    outline: 0 !important;
    border-bottom: 4px solid var(--Color_Focus) !important;
  }
}
@media (min-width: 769px) {
  input#headersearch-desktop:focus-visible,
  input#headersearch-mobile:focus-visible,
  input.headersearch:focus-visible,
  input.btn.submit:focus-visible, input.btn.cancel:focus-visible,
  input#inlinesearch:focus-visible {
    outline: 0 !important;
    border-bottom: 4px solid var(--Color_Focus) !important;
  }
}
.leaflet-overlay-pane path.leaflet-interactive:focus-visible {
  stroke-width: 3px;
  outline: 0 !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html.disable--interaction .skip-link {
  display: none;
}

.skip-link {
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateY(calc(-100% - 1.3rem)) translateX(-50%);
  z-index: 1000;
  width: auto;
  text-align: center;
  color: var(--Color_BodyBackground);
  background: var(--Color_Text);
  padding: 1rem;
  transition: transform 0.25s ease-in-out;
}
.skip-link:focus {
  transform: translateY(0) translateX(-50%);
  outline: 3px solid var(--Color_Focus) !important;
}

main#main-content {
  scroll-margin-top: 86px;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--Color_BodyBackground);
  color: var(--Color_Text);
  overflow-x: hidden;
}
body main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
body main .layout {
  flex: 1;
}
body main .layout .column.col4 {
  align-self: stretch;
}
body.noScroll {
  overflow: hidden;
}
@media (min-width: 1700px) {
  body {
    max-width: 1700px;
    margin: auto;
  }
  body nav.main > ul ul.hidden {
    max-width: 1700px;
  }
}

nav.main li.allgemein, nav.main li.allgemein ul.hidden, nav.mobileMenu__nav li.allgemein, nav.mobileMenu__nav li.allgemein ul.hidden {
  background: var(--Color_Orange);
}
nav.main li.ratsuchende, nav.main li.ratsuchende ul.hidden, nav.mobileMenu__nav li.ratsuchende, nav.mobileMenu__nav li.ratsuchende ul.hidden {
  background: var(--Color_Purple);
}
nav.main li.projekte, nav.main li.projekte ul.hidden, nav.mobileMenu__nav li.projekte, nav.mobileMenu__nav li.projekte ul.hidden {
  background: var(--Color_Yellow);
}

nav.main.open li.allgemein ul.hidden, nav.main.open li.allgemein .mobileMenu__panel, nav.mobileMenu__nav li.allgemein ul.hidden, nav.mobileMenu__nav li.allgemein .mobileMenu__panel {
  background: var(--Color_LightOrangePlain) !important;
}
nav.main.open li.ratsuchende ul.hidden, nav.main.open li.ratsuchende .mobileMenu__panel, nav.mobileMenu__nav li.ratsuchende ul.hidden, nav.mobileMenu__nav li.ratsuchende .mobileMenu__panel {
  background: var(--Color_LightPurplePlain) !important;
}
nav.main.open li.projekte ul.hidden, nav.main.open li.projekte .mobileMenu__panel, nav.mobileMenu__nav li.projekte ul.hidden, nav.mobileMenu__nav li.projekte .mobileMenu__panel {
  background: var(--Color_LightYellowPlain) !important;
}

body.error .aside {
  background: var(--Color_Grey);
}

body.allgemein .alert {
  background: var(--Color_LightOrange);
}
body.allgemein nav.breadcrumb {
  background: var(--Color_LightOrangePlain);
}
body.allgemein .container .aside {
  background: var(--Color_LightOrange);
}
body.allgemein .container .aside .block-type-url a:after, body.allgemein .container .aside .block-type-document a:after, body.allgemein .container .aside .block-type-page a:after, body.allgemein .container .aside .block-type-email a:after {
  background: var(--Color_LightOrange);
}
body.allgemein .layout .col4 {
  background: var(--Color_Orange);
}
body.allgemein .layout .block-type-url a:after, body.allgemein .layout .block-type-document a:after, body.allgemein .layout .block-type-page a:after, body.allgemein .layout .block-type-email a:after {
  background: var(--Color_LightOrangePlain);
}
body.allgemein .layout .block-type-accordion .accordion, body.allgemein .layout .block-type-accordion .personaccordion, body.allgemein .layout .block-type-accordionperson .accordion, body.allgemein .layout .block-type-accordionperson .personaccordion, body.allgemein .layout .block-type-personaccordion .accordion, body.allgemein .layout .block-type-personaccordion .personaccordion, body.allgemein .layout .block-type-fortbildung .accordion, body.allgemein .layout .block-type-fortbildung .personaccordion, body.allgemein .layout .block-type-interview .accordion, body.allgemein .layout .block-type-interview .personaccordion {
  background: var(--Color_LightOrange);
}
body.allgemein .layout .block-type-accordion .table li.highlight .text p, body.allgemein .layout .block-type-accordion .table li.highlight .block-type-text p, body.allgemein .layout .block-type-accordion .table li.highlight .block-type-mdtext p, body.allgemein .layout .block-type-accordion .table li.highlight .block-type-list p, body.allgemein .layout .block-type-accordionperson .table li.highlight .text p, body.allgemein .layout .block-type-accordionperson .table li.highlight .block-type-text p, body.allgemein .layout .block-type-accordionperson .table li.highlight .block-type-mdtext p, body.allgemein .layout .block-type-accordionperson .table li.highlight .block-type-list p, body.allgemein .layout .block-type-personaccordion .table li.highlight .text p, body.allgemein .layout .block-type-personaccordion .table li.highlight .block-type-text p, body.allgemein .layout .block-type-personaccordion .table li.highlight .block-type-mdtext p, body.allgemein .layout .block-type-personaccordion .table li.highlight .block-type-list p, body.allgemein .layout .block-type-fortbildung .table li.highlight .text p, body.allgemein .layout .block-type-fortbildung .table li.highlight .block-type-text p, body.allgemein .layout .block-type-fortbildung .table li.highlight .block-type-mdtext p, body.allgemein .layout .block-type-fortbildung .table li.highlight .block-type-list p, body.allgemein .layout .block-type-interview .table li.highlight .text p, body.allgemein .layout .block-type-interview .table li.highlight .block-type-text p, body.allgemein .layout .block-type-interview .table li.highlight .block-type-mdtext p, body.allgemein .layout .block-type-interview .table li.highlight .block-type-list p {
  background: var(--Color_LightOrange);
}
body.allgemein .layout .block-type-accordion .accordioncontent footer, body.allgemein .layout .block-type-accordionperson .accordioncontent footer, body.allgemein .layout .block-type-personaccordion .accordioncontent footer, body.allgemein .layout .block-type-fortbildung .accordioncontent footer, body.allgemein .layout .block-type-interview .accordioncontent footer {
  background: var(--Color_LightOrange);
}
body.allgemein .layout .block-type-accordion .accordioncontent footer .block-type-url a:after, body.allgemein .layout .block-type-accordion .accordioncontent footer .block-type-document a:after, body.allgemein .layout .block-type-accordion .accordioncontent footer .block-type-page a:after, body.allgemein .layout .block-type-accordion .accordioncontent footer .block-type-email a:after, body.allgemein .layout .block-type-accordionperson .accordioncontent footer .block-type-url a:after, body.allgemein .layout .block-type-accordionperson .accordioncontent footer .block-type-document a:after, body.allgemein .layout .block-type-accordionperson .accordioncontent footer .block-type-page a:after, body.allgemein .layout .block-type-accordionperson .accordioncontent footer .block-type-email a:after, body.allgemein .layout .block-type-personaccordion .accordioncontent footer .block-type-url a:after, body.allgemein .layout .block-type-personaccordion .accordioncontent footer .block-type-document a:after, body.allgemein .layout .block-type-personaccordion .accordioncontent footer .block-type-page a:after, body.allgemein .layout .block-type-personaccordion .accordioncontent footer .block-type-email a:after, body.allgemein .layout .block-type-fortbildung .accordioncontent footer .block-type-url a:after, body.allgemein .layout .block-type-fortbildung .accordioncontent footer .block-type-document a:after, body.allgemein .layout .block-type-fortbildung .accordioncontent footer .block-type-page a:after, body.allgemein .layout .block-type-fortbildung .accordioncontent footer .block-type-email a:after, body.allgemein .layout .block-type-interview .accordioncontent footer .block-type-url a:after, body.allgemein .layout .block-type-interview .accordioncontent footer .block-type-document a:after, body.allgemein .layout .block-type-interview .accordioncontent footer .block-type-page a:after, body.allgemein .layout .block-type-interview .accordioncontent footer .block-type-email a:after {
  background: var(--Color_Orange);
}
body.allgemein .layout .block-type-personaccordion .table, body.allgemein .layout .block-type-interview .table {
  background: var(--Color_LightOrange);
}
body.allgemein .layout .block-type-personaccordion .table a:after, body.allgemein .layout .block-type-interview .table a:after {
  background: var(--Color_Orange);
}
body.allgemein .subpagelist a {
  background: var(--Color_Orange);
}

body.ratsuchende nav.breadcrumb {
  background: var(--Color_LightPurplePlain);
}
body.ratsuchende .container .aside {
  background: var(--Color_LightPurple);
}
body.ratsuchende .container .aside .block-type-url a:after, body.ratsuchende .container .aside .block-type-document a:after, body.ratsuchende .container .aside .block-type-page a:after, body.ratsuchende .container .aside .block-type-email a:after {
  background: var(--Color_Purple);
}
body.ratsuchende .layout .col4 {
  background: var(--Color_Purple);
}
body.ratsuchende .layout .block-type-url a:after, body.ratsuchende .layout .block-type-document a:after, body.ratsuchende .layout .block-type-page a:after, body.ratsuchende .layout .block-type-email a:after {
  background: var(--Color_LightPurplePlain);
}
body.ratsuchende .layout .block-type-accordion, body.ratsuchende .layout .block-type-qanda, body.ratsuchende .layout .block-type-accordionperson, body.ratsuchende .layout .block-type-personaccordion, body.ratsuchende .layout .block-type-interview {
  background: var(--Color_LightPurple);
}
body.ratsuchende .layout .block-type-accordion .table li.highlight .text p, body.ratsuchende .layout .block-type-accordion .table li.highlight .block-type-text p, body.ratsuchende .layout .block-type-accordion .table li.highlight .block-type-mdtext p, body.ratsuchende .layout .block-type-accordion .table li.highlight .block-type-list p, body.ratsuchende .layout .block-type-qanda .table li.highlight .text p, body.ratsuchende .layout .block-type-qanda .table li.highlight .block-type-text p, body.ratsuchende .layout .block-type-qanda .table li.highlight .block-type-mdtext p, body.ratsuchende .layout .block-type-qanda .table li.highlight .block-type-list p, body.ratsuchende .layout .block-type-accordionperson .table li.highlight .text p, body.ratsuchende .layout .block-type-accordionperson .table li.highlight .block-type-text p, body.ratsuchende .layout .block-type-accordionperson .table li.highlight .block-type-mdtext p, body.ratsuchende .layout .block-type-accordionperson .table li.highlight .block-type-list p, body.ratsuchende .layout .block-type-personaccordion .table li.highlight .text p, body.ratsuchende .layout .block-type-personaccordion .table li.highlight .block-type-text p, body.ratsuchende .layout .block-type-personaccordion .table li.highlight .block-type-mdtext p, body.ratsuchende .layout .block-type-personaccordion .table li.highlight .block-type-list p, body.ratsuchende .layout .block-type-interview .table li.highlight .text p, body.ratsuchende .layout .block-type-interview .table li.highlight .block-type-text p, body.ratsuchende .layout .block-type-interview .table li.highlight .block-type-mdtext p, body.ratsuchende .layout .block-type-interview .table li.highlight .block-type-list p {
  background: var(--Color_Purple);
}
body.ratsuchende .layout .block-type-accordion .accordioncontent footer, body.ratsuchende .layout .block-type-qanda .accordioncontent footer, body.ratsuchende .layout .block-type-accordionperson .accordioncontent footer, body.ratsuchende .layout .block-type-personaccordion .accordioncontent footer, body.ratsuchende .layout .block-type-interview .accordioncontent footer {
  background: var(--Color_LightPurple);
}
body.ratsuchende .layout .block-type-accordion .accordioncontent footer .block-type-url a:after, body.ratsuchende .layout .block-type-accordion .accordioncontent footer .block-type-document a:after, body.ratsuchende .layout .block-type-accordion .accordioncontent footer .block-type-page a:after, body.ratsuchende .layout .block-type-accordion .accordioncontent footer .block-type-email a:after, body.ratsuchende .layout .block-type-qanda .accordioncontent footer .block-type-url a:after, body.ratsuchende .layout .block-type-qanda .accordioncontent footer .block-type-document a:after, body.ratsuchende .layout .block-type-qanda .accordioncontent footer .block-type-page a:after, body.ratsuchende .layout .block-type-qanda .accordioncontent footer .block-type-email a:after, body.ratsuchende .layout .block-type-accordionperson .accordioncontent footer .block-type-url a:after, body.ratsuchende .layout .block-type-accordionperson .accordioncontent footer .block-type-document a:after, body.ratsuchende .layout .block-type-accordionperson .accordioncontent footer .block-type-page a:after, body.ratsuchende .layout .block-type-accordionperson .accordioncontent footer .block-type-email a:after, body.ratsuchende .layout .block-type-personaccordion .accordioncontent footer .block-type-url a:after, body.ratsuchende .layout .block-type-personaccordion .accordioncontent footer .block-type-document a:after, body.ratsuchende .layout .block-type-personaccordion .accordioncontent footer .block-type-page a:after, body.ratsuchende .layout .block-type-personaccordion .accordioncontent footer .block-type-email a:after, body.ratsuchende .layout .block-type-interview .accordioncontent footer .block-type-url a:after, body.ratsuchende .layout .block-type-interview .accordioncontent footer .block-type-document a:after, body.ratsuchende .layout .block-type-interview .accordioncontent footer .block-type-page a:after, body.ratsuchende .layout .block-type-interview .accordioncontent footer .block-type-email a:after {
  background: var(--Color_Purple);
}
body.ratsuchende .layout .block-type-personaccordion .table, body.ratsuchende .layout .block-type-interview .table {
  background: var(--Color_LightPurple);
}
body.ratsuchende .layout .block-type-personaccordion .table a:after, body.ratsuchende .layout .block-type-interview .table a:after {
  background: var(--Color_Purple);
}
body.ratsuchende .subpagelist a {
  background: var(--Color_Purple);
}

body.projekte nav.breadcrumb {
  background: var(--Color_LightYellowPlain);
}
body.projekte .container .aside {
  background: var(--Color_LightYellow);
}
body.projekte .container .aside .block-type-url a:after, body.projekte .container .aside .block-type-document a:after, body.projekte .container .aside .block-type-page a:after, body.projekte .container .aside .block-type-email a:after {
  background: var(--Color_Yellow);
}
body.projekte .layout .col4 {
  background: var(--Color_Yellow);
}
body.projekte .layout .block-type-url a:after, body.projekte .layout .block-type-document a:after, body.projekte .layout .block-type-page a:after, body.projekte .layout .block-type-email a:after {
  background: var(--Color_LightYellowPlain);
}
body.projekte .layout .block-type-accordion, body.projekte .layout .block-type-accordionperson, body.projekte .layout .block-type-personaccordion, body.projekte .layout .block-type-interview {
  background: var(--Color_LightYellow);
}
body.projekte .layout .block-type-accordion .accordioncontent footer, body.projekte .layout .block-type-accordionperson .accordioncontent footer, body.projekte .layout .block-type-personaccordion .accordioncontent footer, body.projekte .layout .block-type-interview .accordioncontent footer {
  background: var(--Color_LightYellow);
}
body.projekte .layout .block-type-accordion .accordioncontent footer .block-type-url a:after, body.projekte .layout .block-type-accordion .accordioncontent footer .block-type-document a:after, body.projekte .layout .block-type-accordion .accordioncontent footer .block-type-page a:after, body.projekte .layout .block-type-accordion .accordioncontent footer .block-type-email a:after, body.projekte .layout .block-type-accordionperson .accordioncontent footer .block-type-url a:after, body.projekte .layout .block-type-accordionperson .accordioncontent footer .block-type-document a:after, body.projekte .layout .block-type-accordionperson .accordioncontent footer .block-type-page a:after, body.projekte .layout .block-type-accordionperson .accordioncontent footer .block-type-email a:after, body.projekte .layout .block-type-personaccordion .accordioncontent footer .block-type-url a:after, body.projekte .layout .block-type-personaccordion .accordioncontent footer .block-type-document a:after, body.projekte .layout .block-type-personaccordion .accordioncontent footer .block-type-page a:after, body.projekte .layout .block-type-personaccordion .accordioncontent footer .block-type-email a:after, body.projekte .layout .block-type-interview .accordioncontent footer .block-type-url a:after, body.projekte .layout .block-type-interview .accordioncontent footer .block-type-document a:after, body.projekte .layout .block-type-interview .accordioncontent footer .block-type-page a:after, body.projekte .layout .block-type-interview .accordioncontent footer .block-type-email a:after {
  background: var(--Color_Yellow);
}
body.projekte .layout .block-type-personaccordion .table, body.projekte .layout .block-type-interview .table {
  background: var(--Color_LightYellow);
}
body.projekte .layout .block-type-personaccordion .table a:after, body.projekte .layout .block-type-interview .table a:after {
  background: var(--Color_Yellow);
}
body.projekte .subpagelist a {
  background: var(--Color_Yellow);
}

.mapcontainer .leaflet-left .leaflet-control.reset {
  background: var(--Color_Purple);
}

.leaflet-bezirke-pane .leaflet-tooltip {
  color: var(--Color_Text);
  transition: 0.5s;
}

/* Burger Menu */
* {
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: Garnett;
  src: url("./fonts/garnett_licensed/Garnett-Regular.woff2") format("woff2"), url("./fonts/garnett_licensed/Garnett-Regular.woff") format("woff"), url("./fonts/garnett_licensed/Garnett-Regular.eot") format("embedded-opentype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Garnett;
  src: url("./fonts/garnett_licensed/Garnett-RegularItalic.woff2") format("woff2"), url("./fonts/garnett_licensed/Garnett-RegularItalic.woff") format("woff"), url("./fonts/garnett_licensed/Garnett-RegularItalic.eot") format("embedded-opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Garnett;
  src: url("./fonts/garnett_licensed/Garnett-Medium.woff2") format("woff2"), url("./fonts/garnett_licensed/Garnett-Medium.woff") format("woff"), url("./fonts/garnett_licensed/Garnett-Medium.eot") format("embedded-opentype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Garnett;
  src: url("./fonts/garnett_licensed/Garnett-MediumItalic.woff2") format("woff2"), url("./fonts/garnett_licensed/Garnett-MediumItalic.woff") format("woff"), url("./fonts/garnett_licensed/Garnett-MediumItalic.eot") format("embedded-opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("./fonts/literata/Literata-VariableFont_opsz,wght.ttf") format("woff2-variations");
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("./fonts/literata/Literata-Italic-VariableFont_opsz,wght.ttf") format("woff2-variations");
  font-style: italic;
  font-display: swap;
}
body {
  font-family: Garnett, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.serif {
  font-family: "Literata", serif;
  font-variation-settings: "wght" 310;
  word-spacing: 0.08em;
}

.text, .block-type-text, .block-type-mdtext, .block-type-list {
  font-family: "Literata", serif;
  font-variation-settings: "wght" 310;
  line-height: 1.3;
  word-spacing: 0.08em;
}
@media (min-width: 768px) {
  .text, .block-type-text, .block-type-mdtext, .block-type-list {
    max-width: 60ch;
  }
}

@media (min-width: 768px) {
  .col8 h2 {
    max-width: 25ch;
  }
  .col8 .subtitle {
    max-width: 38ch;
  }
}
body.home .shortdesc, body.home section.layout.map > .inner .teaser {
  word-spacing: 0.08em;
}

.accordioncontent .block-type-list {
  font-size: inherit;
}

.huge {
  font-size: 32px;
}
@media (min-width: 768px) {
  .huge {
    font-size: 42px;
  }
}

.block h3, .h3, .medium {
  font-size: 28px;
}

.col8 p.date {
  font-feature-settings: "tnum";
  margin-bottom: calc(var(--Spacing_Main) / 1.5);
}

.medium {
  font-size: 22px;
}
@media (min-width: 768px) {
  .medium {
    font-size: 28px;
  }
}

.block h4, .semiSize {
  font-size: 24px;
}

.tiny, .point-tooltip {
  font-size: 18px;
}
.tiny.serif, .point-tooltip.serif {
  font-size: 18px;
}

.italic {
  font-style: italic;
}

@media (max-width: 767px) {
  .formcontainer {
    font-size: 18px;
  }
}
.block h4, .bold, strong, b {
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.block-type-heading h4 {
  font-weight: 400;
}

.onlyLine {
  line-height: 1.3;
}

.text ul, .teaser ul {
  padding: calc(var(--Spacing_Main) / 3) 0;
}
.text ul:last-of-type, .text ol:last-of-type, .teaser ul:last-of-type, .teaser ol:last-of-type {
  padding-bottom: calc(var(--Spacing_Main) / 3);
}
.text ol + ul, .teaser ol + ul {
  margin-left: 3em;
}
.text li, .teaser li {
  padding-bottom: calc(var(--Spacing_Main) / 3);
  padding-left: 1em;
}
.text li:last-of-type, .teaser li:last-of-type {
  padding-bottom: 0;
}
.text li:last-of-type:before, .teaser li:last-of-type:before {
  height: 100%;
}
.text ul > li, .teaser ul > li {
  list-style: none;
  margin-left: 1em;
  position: relative;
}
.text ul > li:before, .teaser ul > li:before {
  content: "";
  width: 1em;
  height: calc(100% - var(--Spacing_Main) / 3);
  position: absolute;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 0.7em;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  margin-left: -2em;
}
.text ol > li, .teaser ol > li {
  list-style: decimal-leading-zero;
  margin-left: 2em;
}
.text ol > li::marker, .teaser ol > li::marker {
  font-family: Garnett, sans-serif;
  font-size: 90%;
}

.readmore {
  margin-top: auto;
  display: inline-block;
  text-align: right;
}

.block-type-mdtext a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 94%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
}
.block-type-mdtext a:hover {
  animation: border2 0.75s forwards;
}

@media (max-width: 1240px) {
  .liveresults li a, .results li a, .subpagelist, body.home .title,
  .layout .block.block-type-accordion button,
  .block-type-heading,
  .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content header,
  .layout .block.block-type-faqentry h3, .aside .block.block-type-faqentry h3,
  .layout .block.block-type-qanda button p, .layout.faq .scroll p a,
  .layout .block.block-type-qanda .accordioncontent, body.home section.video .block.block-type-video figcaption .title,
  main .layout .column h3.subtitle, main .layout .column h2, body.home section .tiles .tile, body.home .teaser,
  .layout .block.block-type-sidebar .block, .aside .block.block-type-sidebar .block {
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}
body.home .featuredslider a.sliderInner .content .title {
  hyphens: auto;
  -webkit-hyphens: auto;
}

@keyframes NoBorder {
  0% {
    background-size: calc(100% - 0.9em) 1px;
  }
  100% {
    background-size: 0% 1px;
  }
}
html.dark body[class] .readmore a::before, html.dark body[class] .text a::before, html.dark body[class] .teaser a::before, html.dark body[class] .block-type-mdtext a::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2258%22%20height%3D%2255%22%20viewBox%3D%220%200%2058%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M55.5937%2027.0468H1.50001%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M34.5573%2048.069L55.5866%2027.0396L34.5573%206.01025%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
html.dark body[class] .readmore a::after, html.dark body[class] .text a::after, html.dark body[class] .teaser a::after, html.dark body[class] .block-type-mdtext a::after {
  background: var(--Color_SuperDarkGrey);
}
html.dark body[class] .block-type-accordion .accordion .text a:after, html.dark body[class] .block-type-qanda .accordion .text a:after {
  background: var(--Color_ExtremlyDarkGrey);
}
html.dark body[class] .block-type-personaccordion .table a::before, html.dark body[class] .block-type-interview .table a::before, html.dark body[class] .accordioncontent footer a::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2277%22%20height%3D%2277%22%20viewBox%3D%220%200%2077%2077%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M57.375%2019.125L19.125%2057.375%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M57.3649%2048.865V19.125H27.6249%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
html.dark body[class] .block-type-personaccordion .table a::after, html.dark body[class] .block-type-interview .table a::after, html.dark body[class] .accordioncontent footer a::after {
  background: var(--Color_SuperDarkGrey) !important;
}
html.dark body[class] .map .col4 .teaser a:hover:hover {
  background-image: linear-gradient(var(--Color_SuperDarkGrey), var(--Color_SuperDarkGrey));
}
html.dark body[class] .map .col4 .teaser a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2258%22%20height%3D%2255%22%20viewBox%3D%220%200%2058%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M55.5937%2027.0468H1.50001%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M34.5573%2048.069L55.5866%2027.0396L34.5573%206.01025%22%20stroke%3D%22%23F0F2F4%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
html.dark body[class] .mapcontainer .mapinner #mapid.leaflet-container a:not(.assist):hover, html.dark body[class] .mapcontainer .mapinner #mapid.leaflet-container a:not(.assist)::after {
  background: var(--Color_SuperDarkGrey);
}
html.dark body[class] .mapcontainer .mapinner #mapid.leaflet-container .assistcontainer a {
  color: #000;
}
html.dark body[class] .mapcontainer .mapinner #mapid.leaflet-container .assistcontainer div:after {
  background: var(--Color_Text);
}

.readmore span > span::before {
  transform: translateY(0.25em);
}
.readmore span > span {
  position: relative;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 100% 94%;
  padding-left: 0.9em;
  background-size: calc(100% - 0.9em) 1px;
  z-index: 1;
}
.readmore span > span::before {
  content: "";
  display: inline-block;
  height: 0.75em;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2258%22%20height%3D%2255%22%20viewBox%3D%220%200%2058%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M55.5937%2027.0468H1.50001%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M34.5573%2048.069L55.5866%2027.0396L34.5573%206.01025%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  z-index: 1;
}
.readmore span > span::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: width 0.5s;
  left: 0;
  z-index: 0;
  z-index: -1;
}
.readmore span > span:hover {
  animation: NoBorder 0.5s forwards;
}
.readmore span > span:hover::after {
  width: 100%;
}

.text a, .teaser a, .block-type-mdtext a {
  position: relative;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 100% 94%;
  padding-left: 0.9em;
  background-size: calc(100% - 0.9em) 1px;
  z-index: 1;
}
.text a::before, .teaser a::before, .block-type-mdtext a::before {
  content: "";
  display: inline-block;
  height: 0.75em;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2258%22%20height%3D%2255%22%20viewBox%3D%220%200%2058%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M55.5937%2027.0468H1.50001%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M34.5573%2048.069L55.5866%2027.0396L34.5573%206.01025%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  z-index: 1;
}
.text a::after, .teaser a::after, .block-type-mdtext a::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: width 0.5s;
  left: 0;
  z-index: 0;
  z-index: -1;
}
.text a:hover, .teaser a:hover, .block-type-mdtext a:hover {
  animation: NoBorder 0.5s forwards;
}
.text a:hover::after, .teaser a:hover::after, .block-type-mdtext a:hover::after {
  width: 100%;
}
.text a::before, .teaser a::before, .block-type-mdtext a::before {
  transform: translateY(0.4em);
}

.block-type-personaccordion .table a, .block-type-interview .table a,
.mapcontainer .mapinner #mapid.leaflet-container .assistcontainer a {
  position: relative;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 100% 94%;
  padding-left: 0.9em;
  background-size: calc(100% - 0.9em) 1px;
  z-index: 1;
}
.block-type-personaccordion .table a::before, .block-type-interview .table a::before,
.mapcontainer .mapinner #mapid.leaflet-container .assistcontainer a::before {
  content: "";
  display: inline-block;
  height: 0.75em;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2258%22%20height%3D%2255%22%20viewBox%3D%220%200%2058%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M55.5937%2027.0468H1.50001%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M34.5573%2048.069L55.5866%2027.0396L34.5573%206.01025%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  z-index: 1;
}
.block-type-personaccordion .table a::after, .block-type-interview .table a::after,
.mapcontainer .mapinner #mapid.leaflet-container .assistcontainer a::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: width 0.5s;
  left: 0;
  z-index: 0;
  z-index: -1;
}
.block-type-personaccordion .table a:hover, .block-type-interview .table a:hover,
.mapcontainer .mapinner #mapid.leaflet-container .assistcontainer a:hover {
  animation: NoBorder 0.5s forwards;
}
.block-type-personaccordion .table a:hover::after, .block-type-interview .table a:hover::after,
.mapcontainer .mapinner #mapid.leaflet-container .assistcontainer a:hover::after {
  width: 100%;
}
.block-type-personaccordion .table a::before, .block-type-interview .table a::before,
.mapcontainer .mapinner #mapid.leaflet-container .assistcontainer a::before {
  height: 0.9em;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2277%22%20height%3D%2277%22%20viewBox%3D%220%200%2077%2077%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M57.375%2019.125L19.125%2057.375%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M57.3649%2048.865V19.125H27.6249%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  transform: translateY(0.2em);
}

.mapcontainer .mapinner #mapid.leaflet-container a:not(.assist) {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.mapcontainer .mapinner #mapid.leaflet-container a:not(.assist):hover {
  text-decoration: none;
  background: var(--Color_Purple);
}

.map .col4 .teaser a:hover {
  background-image: linear-gradient(var(--Color_Purple), var(--Color_Purple));
  background-position: left;
  animation: MapLinkBG 0.5s forwards;
}
.map .col4 .teaser a:after {
  display: none;
}
@keyframes MapLinkBG {
  0% {
    background-size: 0% 100%;
  }
  100% {
    background-size: 100% 100%;
  }
}

body.allgemein .text a::after, body.allgemein .teaser a::after {
  background: var(--Color_Orange);
}

body.ratsuchende .text a::after, body.ratsuchende .teaser a::after {
  background: var(--Color_Purple);
}

body.projekte .text a::after, body.projekte .teaser a::after {
  background: var(--Color_Yellow);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
  font-weight: inherit;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

input {
  font-weight: inherit;
}

ul, ol, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

img {
  width: 100%;
  height: auto;
}

input {
  border-radius: 0;
}

code, pre {
  font-family: inherit;
  font-size: inherit;
  margin: 0;
}

header {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 980px) {
  header {
    height: 5rem;
  }
}
header a {
  width: 100%;
}
header .logoinner h1 {
  display: inline;
}
header .logoinner span:first-of-type {
  display: block;
}
header .logoinner img {
  width: 4rem;
}
@media (min-width: 470px) {
  header .logoinner {
    display: grid;
    grid-template-columns: 4rem auto;
    width: 100%;
    align-items: center;
    grid-column-gap: 1.5rem;
  }
  header .logoinner span:first-of-type {
    display: inline;
  }
  header .logoinner img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    grid-row: 1/3;
  }
  header .logoinner span {
    display: block;
  }
  header .logoinner span.sub {
    width: 100%;
  }
}
@media (min-width: 980px) {
  header .logoinner {
    display: block;
  }
  header .logoinner img {
    height: 3rem;
    width: auto;
    margin-right: 1rem;
    -o-object-fit: unset;
       object-fit: unset;
    transform: scale(1.2);
  }
  header .logoinner span {
    display: inline;
  }
  header .logoinner span.sub {
    width: auto;
    padding-left: 1rem;
    display: inline-block;
    font-size: 75% !important;
  }
}
header .hamburger {
  display: none;
}
header#mobile {
  display: none;
}
@media (max-width: 1024px) {
  header#mobile.bar, header.sticky {
    display: flex;
    border-bottom: 1px solid;
    justify-content: normal;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: var(--Color_BodyBackground);
    width: 100%;
    height: 5rem;
    padding: 1.5rem;
    transform: translateY(-100%);
    animation: movein 0.5s forwards;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  header#mobile.bar, header.sticky {
    height: 5.8rem;
    padding: 1.9rem 1.5rem;
  }
}
@media (max-width: 1024px) {
  @keyframes movein {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  header#mobile.bar .hamburger, header.sticky .hamburger {
    margin-right: 1.5rem;
    transition: 0.25s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: visible;
    height: 2rem;
    display: inline-block;
  }
  header#mobile.bar .hamburger .hamburger-box, header.sticky .hamburger .hamburger-box {
    width: var(--Spacing_Main);
    height: 2rem;
    display: inline-block;
    position: relative;
  }
  header#mobile.bar .hamburger .hamburger-box .hamburger-inner, header.sticky .hamburger .hamburger-box .hamburger-inner {
    display: block;
    top: 50%;
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  header#mobile.bar .hamburger .hamburger-box .hamburger-inner, header#mobile.bar .hamburger .hamburger-box .hamburger-inner::before, header#mobile.bar .hamburger .hamburger-box .hamburger-inner::after, header.sticky .hamburger .hamburger-box .hamburger-inner, header.sticky .hamburger .hamburger-box .hamburger-inner::before, header.sticky .hamburger .hamburger-box .hamburger-inner::after {
    width: 100%;
    height: 2px;
    background-color: black;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  header#mobile.bar .hamburger .hamburger-box .hamburger-inner::before, header#mobile.bar .hamburger .hamburger-box .hamburger-inner::after, header.sticky .hamburger .hamburger-box .hamburger-inner::before, header.sticky .hamburger .hamburger-box .hamburger-inner::after {
    content: "";
    display: block;
  }
  header#mobile.bar .hamburger .hamburger-box .hamburger-inner::before, header.sticky .hamburger .hamburger-box .hamburger-inner::before {
    top: -1rem;
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  }
  header#mobile.bar .hamburger .hamburger-box .hamburger-inner::after, header.sticky .hamburger .hamburger-box .hamburger-inner::after {
    bottom: calc(-1rem + 2px);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  header#mobile.bar .hamburger.open .hamburger-box, header.sticky .hamburger.open .hamburger-box {
    transform: scale(0.75);
    transform-origin: left;
  }
  header#mobile.bar .hamburger.open .hamburger-inner, header.sticky .hamburger.open .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  header#mobile.bar .hamburger.open .hamburger-inner::before, header.sticky .hamburger.open .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  }
  header#mobile.bar .hamburger.open .hamburger-inner::after, header.sticky .hamburger.open .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  header#mobile.bar .logoinner, header.sticky .logoinner {
    display: block;
  }
  header#mobile.bar .logoinner img, header#mobile.bar .logoinner .sub, header.sticky .logoinner img, header.sticky .logoinner .sub {
    display: none;
  }
  header#mobile.bar .searchfield, header.sticky .searchfield {
    margin-left: auto;
  }
  header#mobile.bar .searchfield .search, header.sticky .searchfield .search {
    width: 2rem;
    height: 2rem;
    border-bottom: none;
  }
  header#mobile.bar .searchfield form > div.inputwrapper:after, header.sticky .searchfield form > div.inputwrapper:after {
    height: 2rem;
    pointer-events: none;
    background-image: url("./graphics/suche.svg");
    border-bottom: none;
  }
}

footer.main {
  padding: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 801px) {
  footer.main {
    padding: calc(var(--Spacing_Main) * 1.5) var(--Spacing_Main);
    display: grid;
    grid-template-columns: auto 28ch;
    gap: 4rem 2rem;
  }
}
@media (min-width: 1126px) {
  footer.main {
    grid-template-columns: 1fr auto 1fr 28ch;
  }
}
footer.main {
  background: var(--Color_Grey);
}
footer.main ul.social {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 2rem 0;
}
footer.main ul.social li {
  margin-bottom: 1.25rem;
}
footer.main ul.social li a:hover {
  font-style: italic;
}
@media (min-width: 768px) {
  footer.main ul.social {
    margin: 0;
  }
  footer.main ul.social li {
    margin-bottom: 0;
  }
}
footer.main ul.pages {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer.main ul.pages li {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
footer.main ul.pages li a:hover {
  font-style: italic;
}
@media (min-width: 768px) {
  footer.main ul.pages li {
    margin-bottom: 0;
  }
}
footer.main .logo {
  width: 50%;
  margin-left: 25%;
  position: relative;
}
footer.main .logo a {
  display: block;
  height: 100%;
}
@media (min-width: 768px) {
  footer.main .logo {
    width: 100%;
    margin-left: auto;
  }
  footer.main .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center left;
       object-position: center left;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 1126px) {
  footer.main .logo img {
    -o-object-position: center right;
       object-position: center right;
  }
}
footer.main .info {
  line-height: 1.3;
}

nav.main .flTrigger {
  display: none;
}
nav.main {
  overflow-x: hidden;
  position: relative;
}
@media (min-width: 769px) {
  nav.main {
    overflow-x: unset;
    position: sticky;
    top: 0;
    z-index: 9999;
  }
}
nav.main a {
  padding: 1rem;
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  nav.main a:hover {
    font-style: italic;
  }
}
nav.main.open {
  position: fixed;
  width: 100%;
  height: calc(100% - 5rem);
  top: 5rem;
  background: white;
  z-index: 9999;
}
nav.main.open > ul {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  height: 100%;
}
nav.main.open > ul li.first > a {
  width: 100%;
  padding: calc(var(--Spacing_Main) / 2);
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 26px;
}
nav.main.open > ul li.first > ul > li.menu-overview {
  padding: 0 0 var(--Spacing_Main) 0;
  display: flex;
}
nav.main.open > ul li.first > ul > li.menu-overview svg {
  margin-right: 1rem;
  width: 1rem;
  height: 1rem;
  transform: rotate(-180deg);
}
nav.main.open > ul li.first > ul > li.second {
  padding: 0 0 var(--Spacing_Main) 0;
  width: 100%;
}
nav.main.open > ul li.first > ul > li.second > a {
  padding: 0 0 calc(var(--Spacing_Main) / 2) 0;
  color: var(--Color_Text);
}
nav.main.open > ul li.first > ul > li.second > ul {
  padding: 0 0 0 calc(var(--Spacing_Main) / 2);
}
nav.main.open > ul li.first > ul > li.second > ul > li a {
  padding: 0 0 calc(var(--Spacing_Main) / 2) 0;
}
nav.main.open > ul li.first.open > ul {
  visibility: visible;
  opacity: 1;
}
nav.main.open > ul .flTrigger {
  display: flex;
}
nav.main.open > ul .flTrigger svg {
  width: 1rem;
  height: 1rem;
}
nav.main > ul {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  nav.main > ul {
    flex-direction: row;
  }
  nav.main > ul li.menu-overview {
    display: none;
  }
}
nav.main > ul ul.hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.25s ease-in-out;
  padding: calc(var(--Spacing_Main) / 2);
  overflow-y: auto;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
}
@media (min-width: 769px) {
  nav.main > ul ul.hidden {
    height: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  nav.main > ul ul.hidden {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: -1;
    transform: translateY(-2em);
    max-height: calc(100dvh - 8rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
@media (min-width: 1025px) {
  nav.main > ul ul.hidden {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 100vw;
    left: 0;
    top: 100%;
    z-index: -1;
    transform: translateY(-2em);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  nav.main > ul ul.hidden {
    width: 100%;
    max-height: calc(100vh - 8rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
@media (pointer: coarse) {
  nav.main > ul ul.hidden {
    display: none;
  }
}
@media (min-width: 769px) {
  nav.main > ul li.first {
    width: 33.33333%;
  }
}
nav.main > ul li.first > p, nav.main > ul li.first > a {
  text-align: center;
  padding: 0.9rem 0;
  font-size: 18px;
}
@media (min-width: 768px) {
  nav.main > ul li.first > p, nav.main > ul li.first > a {
    padding: 1.9rem 0;
    font-size: inherit;
  }
}
nav.main > ul li.first > p, nav.main > ul li.first > a {
  cursor: pointer;
}
nav.main > ul li.first.col2 li.second {
  width: 50%;
}
nav.main > ul li.first.col3 li.second, nav.main > ul li.first.col3 .sublevel > ul {
  width: 33.33333%;
}
nav.main > ul li.first.col4 li.second {
  width: 25%;
}
nav.main > ul li.first.col5 li.second {
  width: 20%;
}
@media (min-width: 769px) {
  nav.main > ul li.first.open > ul {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: 1.2rem 0;
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
    z-index: 1;
  }
}
@media (min-width: 1025px) {
  nav.main > ul li.first li.second a {
    max-width: 20ch;
    color: var(--Color_Text);
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  nav.main > ul li.first.col2 li.second, nav.main > ul li.first.col3 li.second, nav.main > ul li.first.col4 li.second, nav.main > ul li.first.col5 li.second {
    width: 100%;
  }
  nav.main > ul li.first li.second a {
    max-width: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  nav.main > ul li.first.col2 li.second, nav.main > ul li.first.col3 li.second, nav.main > ul li.first.col4 li.second, nav.main > ul li.first.col5 li.second {
    width: 100%;
  }
  nav.main > ul li.first li.second a {
    max-width: none;
  }
}
@media (min-width: 769px) {
  nav.main > ul li.first li.second ul {
    display: block;
    padding-left: 1rem;
  }
}
nav.main > ul li.first a span, nav.main > ul li.first ul a span {
  color: var(--Color_Text);
}

@media (min-width: 769px) and (max-width: 1280px) {
  body.nav-open {
    overflow: hidden;
  }
}
dialog#mobileMenu[open] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 9999;
  padding: calc(var(--Spacing_Main) / 2);
  overflow-y: auto;
  margin: 0;
  max-width: 100dvw;
  max-height: 100dvh;
  border: none;
  padding: 0;
  overflow: hidden;
}
dialog#mobileMenu[open] > header {
  display: flex;
  height: 5rem;
  width: 100%;
  padding: 1.5rem;
  border-bottom: 1px solid;
  align-items: center;
}
dialog#mobileMenu[open] > header > button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: visible;
  height: 2rem;
  display: inline-block;
}
dialog#mobileMenu[open] > header > button .hamburger-box {
  width: var(--Spacing_Main);
  height: 2rem;
  display: inline-block;
  position: relative;
}
dialog#mobileMenu[open] > header > button .hamburger-box .hamburger-inner {
  display: block;
  top: 50%;
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
dialog#mobileMenu[open] > header > button .hamburger-box .hamburger-inner, dialog#mobileMenu[open] > header > button .hamburger-box .hamburger-inner::before, dialog#mobileMenu[open] > header > button .hamburger-box .hamburger-inner::after {
  width: 100%;
  height: 2px;
  background-color: black;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
dialog#mobileMenu[open] > header > button .hamburger-box .hamburger-inner::before, dialog#mobileMenu[open] > header > button .hamburger-box .hamburger-inner::after {
  content: "";
  display: block;
}
dialog#mobileMenu[open] > header > button .hamburger-box .hamburger-inner::before {
  top: -1rem;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
dialog#mobileMenu[open] > header > button .hamburger-box .hamburger-inner::after {
  bottom: calc(-1rem + 2px);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
dialog#mobileMenu[open] > header > button.open .hamburger-box {
  transform: scale(0.75);
  transform-origin: left;
}
dialog#mobileMenu[open] > header > button.open .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
dialog#mobileMenu[open] > header > button.open .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
dialog#mobileMenu[open] > header > button.open .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
dialog#mobileMenu[open] > header > button {
  margin-right: 1.5rem;
}
dialog#mobileMenu[open] > header img {
  width: 4rem;
}
dialog#mobileMenu[open] nav {
  height: calc(100% - 5rem);
  position: relative;
  overflow: hidden;
}
dialog#mobileMenu[open] nav > ul {
  display: block;
  min-height: 100%;
  height: auto;
  overflow-y: auto;
}
dialog#mobileMenu[open] nav > ul li > button {
  padding: calc(var(--Spacing_Main) / 2);
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 5rem;
  height: auto;
  font-size: 26px;
}
dialog#mobileMenu[open] nav > ul li > button:focus-visible {
  outline-offset: -10px;
}
dialog#mobileMenu[open] nav > ul li > button svg {
  width: 1rem;
  height: 1rem;
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel {
  left: 100vw;
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel.is-opening {
  animation: slideIn 0.35s ease-in forwards;
}
@keyframes slideIn {
  from {
    left: 100vw;
  }
  to {
    left: 0vw;
  }
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: white;
  padding: calc(var(--Spacing_Main) / 2);
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel > header {
  padding: 0 0 var(--Spacing_Main) 0;
  display: flex;
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel > header svg {
  margin-right: 1rem;
  width: 1rem;
  height: 1rem;
  transform: rotate(-180deg);
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel > header a {
  padding: 1rem;
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel > ul > li {
  padding: 0 0 var(--Spacing_Main) 0;
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel > ul > li a {
  display: block;
  padding: 0 0 calc(var(--Spacing_Main) / 2) 0;
}
dialog#mobileMenu[open] nav > ul .mobileMenu__panel > ul > li > ul {
  padding: 0 0 0 calc(var(--Spacing_Main) / 2);
}

nav.breadcrumb ol {
  display: flex;
  padding: 1rem;
}
nav.breadcrumb ol li {
  color: var(--Color_SuperDarkGrey);
  padding-left: 1rem;
  display: none;
}
nav.breadcrumb ol li .separator {
  display: inline-block;
  padding-right: 1rem;
}
nav.breadcrumb ol li:first-of-type {
  padding-left: 0;
  display: block;
}
nav.breadcrumb ol li:first-of-type .separator {
  display: none;
}
@media (min-width: 1025px) {
  nav.breadcrumb ol li {
    display: flex;
  }
  nav.breadcrumb ol li.mobile {
    display: none;
  }
  nav.breadcrumb ol li:nth-of-type(2) .separator {
    display: none;
  }
}
nav.breadcrumb ol li.active, nav.breadcrumb ol li:hover {
  color: var(--Color_Text);
}

body.ratsuchende .block.block-type-video figure {
  width: 100%;
  background: var(--Color_Grey);
}
@media (min-width: 1367px) {
  body.ratsuchende .block.block-type-video figure {
    display: grid;
    grid-template-columns: calc(66.66666% + 0.75rem) auto;
  }
}
body.ratsuchende .block.block-type-video .wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
body.ratsuchende .block.block-type-video iframe {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: grayscale(1);
}
body.ratsuchende .block.block-type-video iframe:hover {
  filter: none;
}
body.ratsuchende .block.block-type-video figcaption {
  padding: calc(var(--Spacing_Main) / 2);
  background: var(--Color_Purple);
}
body.ratsuchende .block.block-type-video figcaption .title {
  hyphens: auto;
  -webkit-hyphens: auto;
}
body.ratsuchende .block.block-type-video figcaption .credits {
  margin-top: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 768px) {
  body.ratsuchende .block.block-type-video figcaption {
    padding: var(--Spacing_Main);
    display: flex;
    flex-direction: column;
  }
  body.ratsuchende .block.block-type-video figcaption .credits {
    margin-top: auto;
    padding-top: calc(var(--Spacing_Main) / 2);
    font-style: italic;
  }
  body.ratsuchende .block.block-type-video figcaption .credits p {
    margin-bottom: 0.5em;
  }
  body.ratsuchende .block.block-type-video figcaption .credits p:last-of-type {
    margin-bottom: 0;
  }
}
body.ratsuchende .block.block-type-video {
  margin-top: var(--Spacing_Main);
}
body.ratsuchende .block.block-type-video figure {
  display: block;
}
body.ratsuchende .block.block-type-video figure figcaption h2 {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
body.ratsuchende .block.block-type-video figure figcaption p {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
body.ratsuchende .block.block-type-video figure figcaption p:last-of-type {
  margin-bottom: 0;
}

body.home .breadcrumb {
  display: none;
}
body.home .shortdesc {
  line-height: 1.35;
  padding-top: 1.25rem;
}
body.home .featuredslider a.sliderInner.hasimage .content .teaser,
body.home section.grid .col4 .sliderInner .content .teaser,
body.home section.layout.map > .inner .teaser {
  line-height: 1.3;
}
body.home main {
  padding: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 768px) {
  body.home main {
    padding: var(--Spacing_Main);
  }
}
body.home main section {
  margin-bottom: calc(var(--Spacing_Main) * 2);
}
body.home main section.featuredslider {
  margin-bottom: calc(var(--Spacing_Main) * 2 + 22px);
}
@media (max-width: 1024px) and (orientation: landscape) {
  body.home main section.featuredslider {
    margin-bottom: calc(var(--Spacing_Main) * 2 + 36px);
  }
}
body.home main section .title {
  margin-bottom: var(--Spacing_Main);
}
body.home .featuredslider {
  position: relative;
}
body.home .featuredslider .swiper-pagination {
  position: relative;
  margin-top: 0.7rem;
}
body.home .featuredslider .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color);
}
@media (max-width: 1024px) and (orientation: landscape) {
  body.home .featuredslider .swiper-pagination {
    margin-top: 0.5rem;
    padding: 0 3rem;
  }
}
body.home .featuredslider .swiper-button-prev {
  justify-content: start;
}
@media (min-width: 1025px) {
  body.home .featuredslider .swiper-button-prev {
    justify-content: center;
  }
}
body.home .featuredslider .swiper-button-next {
  justify-content: end;
}
@media (min-width: 1025px) {
  body.home .featuredslider .swiper-button-next {
    justify-content: center;
  }
}
body.home .featuredslider .swiper-button-prev svg, body.home .featuredslider .swiper-button-next svg {
  width: 20px;
  height: 20px;
}
body.home .featuredslider .swiper-button-prev, body.home .featuredslider .swiper-button-next {
  top: unset;
  bottom: -6px;
}
@media (min-width: 1025px) {
  body.home .featuredslider .swiper-button-prev, body.home .featuredslider .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    bottom: unset;
  }
}
body.home .featuredslider a.sliderInner {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 60vh;
  width: 100%;
  padding: var(--Spacing_Main);
  position: relative;
}
@media (max-width: 1024px) and (orientation: landscape) {
  body.home .featuredslider a.sliderInner {
    min-height: 22rem;
    padding: calc(var(--Spacing_Main) / 2);
  }
}
body.home .featuredslider a.sliderInner .readmore > span.inner {
  position: relative;
  display: -webkit-inline-box;
}
body.home .featuredslider a.sliderInner .readmore > span.inner * {
  z-index: 1;
  position: relative;
}
body.home .featuredslider a.sliderInner .readmore > span.inner:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: width 0.5s;
  left: 0;
  z-index: 0;
}
body.home .featuredslider a.sliderInner .readmore > span.inner:hover:after {
  width: 100%;
}
body.home .featuredslider a.sliderInner.allgemein {
  background-color: var(--Color_Orange);
}
body.home .featuredslider a.sliderInner.allgemein .readmore span:after {
  background: var(--Color_LightOrangePlain);
}
body.home .featuredslider a.sliderInner.ratsuchende {
  background-color: var(--Color_Purple);
}
body.home .featuredslider a.sliderInner.ratsuchende .readmore span:after {
  background: var(--Color_LightPurplePlain);
}
body.home .featuredslider a.sliderInner.projekte {
  background-color: var(--Color_Yellow);
}
body.home .featuredslider a.sliderInner.projekte .readmore span:after {
  background: var(--Color_LightYellowPlain);
}
body.home .featuredslider a.sliderInner.hasimage {
  display: grid;
  grid-template-rows: 20% auto;
}
@media (min-width: 415px) {
  body.home .featuredslider a.sliderInner.hasimage {
    grid-template-rows: 40% auto;
  }
}
@media (min-width: 1025px) {
  body.home .featuredslider a.sliderInner.hasimage {
    display: grid;
    grid-template-columns: calc(66.66666% + 0.75rem) 33.33333%;
    grid-template-rows: unset;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  body.home .featuredslider a.sliderInner.hasimage {
    grid-template-columns: 42% 1fr;
    grid-template-rows: unset;
  }
}
body.home .featuredslider a.sliderInner.hasimage {
  padding: 0;
}
body.home .featuredslider a.sliderInner.hasimage figure {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
body.home .featuredslider a.sliderInner.hasimage figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
body.home .featuredslider a.sliderInner.hasimage .content {
  padding: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 415px) {
  body.home .featuredslider a.sliderInner.hasimage .content {
    padding: var(--Spacing_Main);
  }
}
body.home .featuredslider a.sliderInner.hasimage .content .teaser {
  width: 100%;
}
@media (max-width: 413px) {
  body.home .featuredslider a.sliderInner.hasimage .content .teaser {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
body.home .featuredslider a.sliderInner .content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
body.home .featuredslider a.sliderInner .content .title {
  margin-bottom: var(--Spacing_Main);
}
@media (max-width: 1024px) and (orientation: landscape) {
  body.home .featuredslider a.sliderInner .content .title {
    margin-bottom: calc(var(--Spacing_Main) / 2);
  }
}
body.home .featuredslider a.sliderInner .content .teaser {
  width: 30%;
}
@media (max-width: 1024px) and (orientation: landscape) {
  body.home .featuredslider a.sliderInner .content .teaser {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (min-width: 1001px) {
  body.home section .tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: calc(var(--Spacing_Main) / 2);
    justify-content: space-between;
  }
}
body.home section .tiles .tile {
  display: block;
}
body.home section .tiles .tile, body.home section .tiles .sliderInner {
  padding: calc(var(--Spacing_Main) / 2);
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 1001px) {
  body.home section .tiles .tile, body.home section .tiles .sliderInner {
    padding: var(--Spacing_Main);
    margin-bottom: 0;
  }
}
body.home section .tiles .tile .readmore > span.inner, body.home section .tiles .sliderInner .readmore > span.inner {
  position: relative;
  display: -webkit-inline-box;
}
body.home section .tiles .tile .readmore > span.inner *, body.home section .tiles .sliderInner .readmore > span.inner * {
  z-index: 1;
  position: relative;
}
body.home section .tiles .tile .readmore > span.inner:after, body.home section .tiles .sliderInner .readmore > span.inner:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: width 0.5s;
  left: 0;
  z-index: 0;
}
body.home section .tiles .tile .readmore > span.inner:hover:after, body.home section .tiles .sliderInner .readmore > span.inner:hover:after {
  width: 100%;
}
body.home section .tiles .tile.allgemein, body.home section .tiles .sliderInner.allgemein {
  background: var(--Color_Orange);
}
body.home section .tiles .tile.allgemein .readmore span:after, body.home section .tiles .sliderInner.allgemein .readmore span:after {
  background: var(--Color_LightOrangePlain);
}
body.home section .tiles .tile.ratsuchende, body.home section .tiles .sliderInner.ratsuchende {
  background: var(--Color_Purple);
}
body.home section .tiles .tile.ratsuchende .readmore span:after, body.home section .tiles .sliderInner.ratsuchende .readmore span:after {
  background: var(--Color_LightPurplePlain);
}
body.home section .tiles .tile.projekte, body.home section .tiles .sliderInner.projekte {
  background: var(--Color_Yellow);
}
body.home section .tiles .tile.projekte .readmore span:after, body.home section .tiles .sliderInner.projekte .readmore span:after {
  background: var(--Color_LightYellowPlain);
}
body.home section .tiles .tile .subhead, body.home section .tiles .sliderInner .subhead {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
body.home section.layout.map {
  display: block;
}
@media (min-width: 769px) and (max-width: 1280px) {
  body.home section.layout.map {
    margin-left: calc(var(--Spacing_Main) * -1);
    margin-right: calc(var(--Spacing_Main) * -1);
  }
}
@media (min-width: 769px) {
  body.home section.layout.map > .inner {
    display: flex;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  body.home section.layout.map > .inner {
    display: block;
  }
}
body.home section.layout.map > .inner .column.col4 {
  background: var(--Color_Grey);
  padding-bottom: var(--Spacing_Main);
  padding-top: var(--Spacing_Main);
}
body.home section.layout.map > .inner .column.col4 .filter {
  display: none;
}
@media (min-width: 1025px) {
  body.home section.layout.map > .inner .column.col4 .filter {
    display: block;
  }
}
@media (min-width: 769px) {
  body.home section.layout.map > .inner .column.col4 {
    width: calc(33.33333% - 0.75rem);
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  body.home section.layout.map > .inner .column.col4 {
    display: none;
  }
}
body.home section.layout.map > .inner .mapcontainer .mapinner {
  height: 50vh;
}
@media (min-width: 1025px) {
  body.home section.layout.map > .inner .mapcontainer .mapinner {
    height: 85vh;
  }
}
body.home section.layout.map > .inner .teaser {
  margin-bottom: calc(var(--Spacing_Main) * 1.75);
}
body.home section.block-type-pagesection a, body.home section.block-type-autopagesection a, body.home section.grid a {
  display: block;
}
body.home section.block-type-pagesection .tiles .sliderInner .content, body.home section.block-type-pagesection .col4 .sliderInner .content, body.home section.block-type-autopagesection .tiles .sliderInner .content, body.home section.block-type-autopagesection .col4 .sliderInner .content, body.home section.grid .tiles .sliderInner .content, body.home section.grid .col4 .sliderInner .content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.home section.block-type-pagesection .tiles .sliderInner .content .huge, body.home section.block-type-pagesection .col4 .sliderInner .content .huge, body.home section.block-type-autopagesection .tiles .sliderInner .content .huge, body.home section.block-type-autopagesection .col4 .sliderInner .content .huge, body.home section.grid .tiles .sliderInner .content .huge, body.home section.grid .col4 .sliderInner .content .huge {
  font-size: 30px;
  line-height: 1.25;
}
body.home section.block-type-pagesection .tiles .sliderInner .content .date, body.home section.block-type-pagesection .col4 .sliderInner .content .date, body.home section.block-type-autopagesection .tiles .sliderInner .content .date, body.home section.block-type-autopagesection .col4 .sliderInner .content .date, body.home section.grid .tiles .sliderInner .content .date, body.home section.grid .col4 .sliderInner .content .date {
  margin-bottom: calc(var(--Spacing_Main) / 2);
  font-feature-settings: "tnum";
}
body.home section.block-type-pagesection .tiles .sliderInner .content .readmore, body.home section.block-type-pagesection .col4 .sliderInner .content .readmore, body.home section.block-type-autopagesection .tiles .sliderInner .content .readmore, body.home section.block-type-autopagesection .col4 .sliderInner .content .readmore, body.home section.grid .tiles .sliderInner .content .readmore, body.home section.grid .col4 .sliderInner .content .readmore {
  margin-top: auto;
  padding-top: var(--Spacing_Main);
  text-align: right;
}
body.home section.block-type-pagesection .tiles .sliderInner .content .readmore > span.inner, body.home section.block-type-pagesection .col4 .sliderInner .content .readmore > span.inner, body.home section.block-type-autopagesection .tiles .sliderInner .content .readmore > span.inner, body.home section.block-type-autopagesection .col4 .sliderInner .content .readmore > span.inner, body.home section.grid .tiles .sliderInner .content .readmore > span.inner, body.home section.grid .col4 .sliderInner .content .readmore > span.inner {
  position: relative;
  display: -webkit-inline-box;
}
body.home section.block-type-pagesection .tiles .sliderInner .content .readmore > span.inner *, body.home section.block-type-pagesection .col4 .sliderInner .content .readmore > span.inner *, body.home section.block-type-autopagesection .tiles .sliderInner .content .readmore > span.inner *, body.home section.block-type-autopagesection .col4 .sliderInner .content .readmore > span.inner *, body.home section.grid .tiles .sliderInner .content .readmore > span.inner *, body.home section.grid .col4 .sliderInner .content .readmore > span.inner * {
  z-index: 1;
  position: relative;
}
body.home section.block-type-pagesection .tiles .sliderInner .content .readmore > span.inner:after, body.home section.block-type-pagesection .col4 .sliderInner .content .readmore > span.inner:after, body.home section.block-type-autopagesection .tiles .sliderInner .content .readmore > span.inner:after, body.home section.block-type-autopagesection .col4 .sliderInner .content .readmore > span.inner:after, body.home section.grid .tiles .sliderInner .content .readmore > span.inner:after, body.home section.grid .col4 .sliderInner .content .readmore > span.inner:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: width 0.5s;
  left: 0;
  z-index: 0;
}
body.home section.block-type-pagesection .tiles .sliderInner .content .readmore > span.inner:hover:after, body.home section.block-type-pagesection .col4 .sliderInner .content .readmore > span.inner:hover:after, body.home section.block-type-autopagesection .tiles .sliderInner .content .readmore > span.inner:hover:after, body.home section.block-type-autopagesection .col4 .sliderInner .content .readmore > span.inner:hover:after, body.home section.grid .tiles .sliderInner .content .readmore > span.inner:hover:after, body.home section.grid .col4 .sliderInner .content .readmore > span.inner:hover:after {
  width: 100%;
}
body.home section.block-type-autopagesection .teaser {
  width: 50%;
}
body.home section.grid {
  margin-top: -2.5rem;
}
body.home section.grid > .row > .column > h2,
body.home section.grid > .row > .column > h3 {
  margin-bottom: 1.25rem;
  margin-top: calc(var(--Spacing_Main) * 2);
  font-size: 42px;
}
body.home section.grid .row {
  margin-bottom: 1.25rem;
}
@media (min-width: 769px) {
  body.home section.grid .row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.25rem;
  }
  body.home section.grid .row > *:first-of-type.col8 {
    grid-column: 1/3;
  }
  body.home section.grid .row > *:first-of-type.col12 {
    grid-column: 1/4;
  }
  body.home section.grid .row > *:last-of-type.col8 {
    grid-column: 2/4;
  }
}
body.home section.grid .row a {
  display: block;
  height: 100%;
  padding: calc(var(--Spacing_Main) / 2);
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 768px) {
  body.home section.grid .row a {
    padding: var(--Spacing_Main);
    margin-bottom: 0;
  }
}
body.home section.grid .row a.allgemein {
  background: var(--Color_Orange);
}
body.home section.grid .row a.allgemein .readmore span:after {
  background: var(--Color_LightOrangePlain);
}
body.home section.grid .row a.ratsuchende {
  background: var(--Color_Purple);
}
body.home section.grid .row a.ratsuchende .readmore span:after {
  background: var(--Color_LightPurplePlain);
}
body.home section.grid .row a.projekte {
  background: var(--Color_Yellow);
}
body.home section.grid .row a.projekte .readmore span:after {
  background: var(--Color_LightYellowPlain);
}
body.home section.grid .row a .subhead {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
body.home section.grid .row figure {
  position: relative;
  height: 25vh;
}
@media (min-width: 768px) {
  body.home section.grid .row figure {
    height: 100%;
  }
}
body.home section.grid .row figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-position: 50% 48%;
     object-position: 50% 48%;
}
body.home section.video .block.block-type-video figure {
  width: 100%;
  background: var(--Color_Grey);
}
@media (min-width: 1367px) {
  body.home section.video .block.block-type-video figure {
    display: grid;
    grid-template-columns: calc(66.66666% + 0.75rem) auto;
  }
}
body.home section.video .block.block-type-video .wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
body.home section.video .block.block-type-video iframe {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: grayscale(1);
}
body.home section.video .block.block-type-video iframe:hover {
  filter: none;
}
body.home section.video .block.block-type-video figcaption {
  padding: calc(var(--Spacing_Main) / 2);
  background: var(--Color_Purple);
}
body.home section.video .block.block-type-video figcaption .title {
  hyphens: auto;
  -webkit-hyphens: auto;
}
body.home section.video .block.block-type-video figcaption .credits {
  margin-top: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 768px) {
  body.home section.video .block.block-type-video figcaption {
    padding: var(--Spacing_Main);
    display: flex;
    flex-direction: column;
  }
  body.home section.video .block.block-type-video figcaption .credits {
    margin-top: auto;
    padding-top: calc(var(--Spacing_Main) / 2);
    font-style: italic;
  }
  body.home section.video .block.block-type-video figcaption .credits p {
    margin-bottom: 0.5em;
  }
  body.home section.video .block.block-type-video figcaption .credits p:last-of-type {
    margin-bottom: 0;
  }
}

main .container .content {
  padding: calc(var(--Spacing_Main) / 2);
}
main .container {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 769px) {
  main .container {
    display: grid;
    grid-template-columns: 33.333% auto;
    flex: 1;
  }
  main .container.reverse {
    grid-template-columns: auto 33.333%;
  }
  main .container .content {
    padding: var(--Spacing_Main);
  }
}
main .container .aside {
  width: 100%;
  height: 100%;
}
main .container .aside.notEmpty {
  padding: var(--Spacing_Main) calc(var(--Spacing_Main) / 2) 0 calc(var(--Spacing_Main) / 2);
}
main .container .aside > * {
  position: sticky;
  top: 86px;
}

.subpagelist {
  width: calc(100% + var(--Spacing_Main));
  margin-left: -1.25rem;
  margin-top: var(--Spacing_Main);
}
@media (min-width: 768px) {
  .subpagelist {
    width: calc(100% + 5rem);
    margin-left: -2.5rem;
  }
}
.subpagelist li {
  margin-bottom: 1px;
}
.subpagelist li a {
  padding: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 768px) {
  .subpagelist li a {
    padding: 2rem 7rem 2rem 5rem;
  }
}
.subpagelist li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subpagelist li a > div {
  width: 90%;
}
.subpagelist li a > div .date {
  margin-bottom: calc(var(--Spacing_Main) / 1.5);
  font-feature-settings: "tnum";
}
.subpagelist li a > div span {
  display: block;
}
.subpagelist li a > div p:first-of-type:not(.date),
.subpagelist li a > div span:first-of-type:not(.date) {
  font-size: 32px;
}
@media (min-width: 768px) {
  .subpagelist li a > div p:first-of-type:not(.date),
  .subpagelist li a > div span:first-of-type:not(.date) {
    font-size: 38px;
  }
}
.subpagelist li a > div p.text,
.subpagelist li a > div span.text {
  margin-top: calc(var(--Spacing_Main) / 3);
}
.subpagelist li a svg {
  transition: 0.25s;
  transform: scale(0.75);
}
@media (min-width: 768px) {
  .subpagelist li a svg {
    transform: none;
  }
}
.subpagelist li a:hover svg {
  transform: translateX(45%);
}

main .layout {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  main .layout {
    flex-direction: row;
  }
  main .layout:not(:first-of-type) .block-type-accordion:first-of-type,
  main .layout:not(:first-of-type) .block-type-personaccordion:first-of-type, main .layout:not(:first-of-type) .block-type-personaccordion:first-of-type, main .layout:not(:first-of-type) .block-type-interview:first-of-type {
    margin-top: -2.5rem;
  }
}
main .layout .column {
  padding: calc(var(--Spacing_Main) / 2);
}
main .layout .column.col8 {
  order: 1;
}
main .layout .column.col4 {
  order: 2;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 769px) {
  main .layout .column.col8 {
    width: 66.66666%;
    padding: var(--Spacing_Main) var(--Spacing_Main) 0 var(--Spacing_Main);
    order: unset;
  }
  main .layout .column.col4 {
    width: 33.33333%;
    padding: var(--Spacing_Main) calc(var(--Spacing_Main) / 2) 0 calc(var(--Spacing_Main) / 2);
    order: unset;
  }
  main .layout .column.col4 > * {
    position: sticky;
    top: 86px;
  }
}
main .layout .column.col12 {
  width: 100%;
}
main .layout .column .pagetitle {
  margin-bottom: calc(var(--Spacing_Main) * 2);
}
main .layout .column .subtitle {
  margin-bottom: calc(var(--Spacing_Main) / 2);
  line-height: 1.25;
}
main .layout .column h3 {
  margin-top: calc(var(--Spacing_Main) / 2);
}

.layout.faq .column.col4 {
  order: 1;
}
.layout.faq .column.col8 {
  order: 2;
}
@media (min-width: 769px) {
  .layout.faq .column.col4 {
    order: 2;
  }
  .layout.faq .column.col8 {
    order: 1;
  }
}
.layout.faq .scroll nav .title {
  margin-top: 0;
  padding-bottom: calc(var(--Spacing_Main) / 3);
}
.layout.faq .scroll nav a {
  margin-top: calc(var(--Spacing_Main) / 3);
  display: inline-grid;
  grid-template-columns: 2rem auto;
  position: relative;
  width: 100%;
  hyphens: auto;
}
.layout.faq .scroll nav a * {
  z-index: 1;
}
.layout.faq .scroll nav a .number {
  transition: transform 0.25s;
  font-feature-settings: "tnum";
}
.layout.faq .scroll nav a:after {
  content: "";
  width: 0;
  height: 100%;
  background: var(--Color_LightPurplePlain);
  transition: width 0.5s;
  position: absolute;
}
.layout.faq .scroll nav a:hover:after {
  width: 100%;
}
.layout.faq .scroll nav a:hover span.number {
  transform: translateX(5px);
}
.layout.faq .scroll + .block-type-image {
  display: none;
}
@media (min-width: 769px) {
  .layout.faq .scroll + .block-type-image {
    display: block;
    margin-top: 0;
  }
}

.layout .col4 .hi > *:not(.visible) {
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.layout .col4 .hi .block-type-image:first-of-type {
  padding-top: 0;
}

.layout .block, .aside .block {
  padding-bottom: calc(var(--Spacing_Main) / 2);
  padding-top: calc(var(--Spacing_Main) / 2);
}
.layout .block:last-of-type.block-type-accordion, .aside .block:last-of-type.block-type-accordion {
  padding-bottom: 0;
}
@media (min-width: 769px) {
  .layout .block:last-of-type:not(.ablock):not(.block-type-personaccordion):not(.block-type-interview), .aside .block:last-of-type:not(.ablock):not(.block-type-personaccordion):not(.block-type-interview) {
    padding-bottom: 7.5rem;
  }
}
.layout .block.block-type-video figcaption, .aside .block.block-type-video figcaption {
  margin-bottom: calc(var(--Spacing_Main) / 2);
  max-width: 38ch;
}
.layout .block.block-type-video iframe, .aside .block.block-type-video iframe {
  width: 100%;
  max-width: 48.4ch;
  border: 0;
  aspect-ratio: 16/9;
  filter: grayscale(1);
}
.layout .block.block-type-video iframe:hover, .aside .block.block-type-video iframe:hover {
  filter: none;
}
.layout .block.block-type-list li, .aside .block.block-type-list li {
  padding-bottom: calc(var(--Spacing_Main) / 3);
  padding-left: 1em;
}
.layout .block.block-type-list li:last-of-type, .aside .block.block-type-list li:last-of-type {
  padding-bottom: 0;
}
.layout .block.block-type-list li:last-of-type:before, .aside .block.block-type-list li:last-of-type:before {
  height: 100%;
}
.layout .block.block-type-list ul > li, .aside .block.block-type-list ul > li {
  list-style: none;
  margin-left: 1em;
  position: relative;
}
.layout .block.block-type-list ul > li:before, .aside .block.block-type-list ul > li:before {
  content: "";
  width: 1em;
  height: calc(100% - var(--Spacing_Main) / 3);
  position: absolute;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 0.7em;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  margin-left: -2em;
}
.layout .block.block-type-list ol > li, .aside .block.block-type-list ol > li {
  list-style: decimal-leading-zero;
  margin-left: 2em;
}
.layout .block.block-type-list ol > li::marker, .aside .block.block-type-list ol > li::marker {
  font-family: Garnett, sans-serif;
  font-size: 90%;
}
.layout .block.block-type-chart canvas + p, .aside .block.block-type-chart canvas + p {
  color: var(--Color_SuperDarkGrey);
}
@media (min-width: 769px) {
  .layout .block.block-type-chart canvas + p, .aside .block.block-type-chart canvas + p {
    max-width: 60ch;
  }
}
.layout .block.block-type-chart .chart-data, .aside .block.block-type-chart .chart-data {
  margin-top: calc(var(--Spacing_Main) / 3);
  overflow-x: auto;
}
.layout .block.block-type-chart .layout .block.block-type-chart table,
.layout .block.block-type-chart .aside .block.block-type-chart table, .aside .block.block-type-chart .layout .block.block-type-chart table,
.aside .block.block-type-chart .aside .block.block-type-chart table {
  width: 100%;
  border-collapse: collapse;
}
.layout .block.block-type-chart .layout .block.block-type-chart th,
.layout .block.block-type-chart .layout .block.block-type-chart td,
.layout .block.block-type-chart .aside .block.block-type-chart th,
.layout .block.block-type-chart .aside .block.block-type-chart td, .aside .block.block-type-chart .layout .block.block-type-chart th,
.aside .block.block-type-chart .layout .block.block-type-chart td,
.aside .block.block-type-chart .aside .block.block-type-chart th,
.aside .block.block-type-chart .aside .block.block-type-chart td {
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--Color_LightGrey);
  text-align: left;
  vertical-align: top;
}
.layout .block.block-type-chart .layout .block.block-type-chart tbody th,
.layout .block.block-type-chart .aside .block.block-type-chart tbody th, .aside .block.block-type-chart .layout .block.block-type-chart tbody th,
.aside .block.block-type-chart .aside .block.block-type-chart tbody th {
  font-weight: 400;
}
.layout .block.block-type-text p, .layout .block.block-type-mdtext p, .aside .block.block-type-text p, .aside .block.block-type-mdtext p {
  margin-bottom: calc(var(--Spacing_Main) / 3);
}
.layout .block.block-type-text p:last-of-type, .layout .block.block-type-mdtext p:last-of-type, .aside .block.block-type-text p:last-of-type, .aside .block.block-type-mdtext p:last-of-type {
  margin-bottom: 0;
}
.layout .block.block-type-faqentry, .aside .block.block-type-faqentry {
  padding: var(--Spacing_Main) 0;
}
@media (min-width: 769px) {
  .layout .block.block-type-faqentry, .aside .block.block-type-faqentry {
    padding: 5rem 0;
  }
}
.layout .block.block-type-faqentry h3, .aside .block.block-type-faqentry h3 {
  margin-bottom: var(--Spacing_Main);
  display: grid;
  grid-template-columns: 2rem auto;
}
.layout .block.block-type-accordion, .layout .block.block-type-qanda, .layout .block.block-type-personaccordion, .layout .block.block-type-fortbildung, .layout .block.block-type-interview, .aside .block.block-type-accordion, .aside .block.block-type-qanda, .aside .block.block-type-personaccordion, .aside .block.block-type-fortbildung, .aside .block.block-type-interview {
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-bottom: 1px;
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 769px) {
  .layout .block.block-type-accordion, .layout .block.block-type-qanda, .layout .block.block-type-personaccordion, .layout .block.block-type-fortbildung, .layout .block.block-type-interview, .aside .block.block-type-accordion, .aside .block.block-type-qanda, .aside .block.block-type-personaccordion, .aside .block.block-type-fortbildung, .aside .block.block-type-interview {
    width: calc(100% + 5rem);
    margin-left: -2.5rem;
  }
}
.layout .block.block-type-accordion .open button svg, .layout .block.block-type-qanda .open button svg, .layout .block.block-type-personaccordion .open button svg, .layout .block.block-type-fortbildung .open button svg, .layout .block.block-type-interview .open button svg, .aside .block.block-type-accordion .open button svg, .aside .block.block-type-qanda .open button svg, .aside .block.block-type-personaccordion .open button svg, .aside .block.block-type-fortbildung .open button svg, .aside .block.block-type-interview .open button svg {
  transform: rotate(180deg) scale(0.75);
}
@media (min-width: 768px) {
  .layout .block.block-type-accordion .open button svg, .layout .block.block-type-qanda .open button svg, .layout .block.block-type-personaccordion .open button svg, .layout .block.block-type-fortbildung .open button svg, .layout .block.block-type-interview .open button svg, .aside .block.block-type-accordion .open button svg, .aside .block.block-type-qanda .open button svg, .aside .block.block-type-personaccordion .open button svg, .aside .block.block-type-fortbildung .open button svg, .aside .block.block-type-interview .open button svg {
    transform: rotate(180deg);
  }
}
.layout .block.block-type-accordion button, .layout .block.block-type-qanda button, .layout .block.block-type-personaccordion button, .layout .block.block-type-fortbildung button, .layout .block.block-type-interview button, .aside .block.block-type-accordion button, .aside .block.block-type-qanda button, .aside .block.block-type-personaccordion button, .aside .block.block-type-fortbildung button, .aside .block.block-type-interview button {
  padding: calc(var(--Spacing_Main) / 2);
}
.layout .block.block-type-accordion button p, .layout .block.block-type-qanda button p, .layout .block.block-type-personaccordion button p, .layout .block.block-type-fortbildung button p, .layout .block.block-type-interview button p, .aside .block.block-type-accordion button p, .aside .block.block-type-qanda button p, .aside .block.block-type-personaccordion button p, .aside .block.block-type-fortbildung button p, .aside .block.block-type-interview button p {
  max-width: calc(100% - 4rem);
}
@media (min-width: 769px) {
  .layout .block.block-type-accordion button, .layout .block.block-type-qanda button, .layout .block.block-type-personaccordion button, .layout .block.block-type-fortbildung button, .layout .block.block-type-interview button, .aside .block.block-type-accordion button, .aside .block.block-type-qanda button, .aside .block.block-type-personaccordion button, .aside .block.block-type-fortbildung button, .aside .block.block-type-interview button {
    padding: var(--Spacing_Main);
  }
}
@media (min-width: 1025px) {
  .layout .block.block-type-accordion button, .layout .block.block-type-qanda button, .layout .block.block-type-personaccordion button, .layout .block.block-type-fortbildung button, .layout .block.block-type-interview button, .aside .block.block-type-accordion button, .aside .block.block-type-qanda button, .aside .block.block-type-personaccordion button, .aside .block.block-type-fortbildung button, .aside .block.block-type-interview button {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 0.75rem;
  }
  .layout .block.block-type-accordion button p, .layout .block.block-type-qanda button p, .layout .block.block-type-personaccordion button p, .layout .block.block-type-fortbildung button p, .layout .block.block-type-interview button p, .aside .block.block-type-accordion button p, .aside .block.block-type-qanda button p, .aside .block.block-type-personaccordion button p, .aside .block.block-type-fortbildung button p, .aside .block.block-type-interview button p {
    max-width: 47ch;
  }
}
.layout .block.block-type-accordion button, .layout .block.block-type-qanda button, .layout .block.block-type-personaccordion button, .layout .block.block-type-fortbildung button, .layout .block.block-type-interview button, .aside .block.block-type-accordion button, .aside .block.block-type-qanda button, .aside .block.block-type-personaccordion button, .aside .block.block-type-fortbildung button, .aside .block.block-type-interview button {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  line-height: 1.35;
}
.layout .block.block-type-accordion button p span, .layout .block.block-type-qanda button p span, .layout .block.block-type-personaccordion button p span, .layout .block.block-type-fortbildung button p span, .layout .block.block-type-interview button p span, .aside .block.block-type-accordion button p span, .aside .block.block-type-qanda button p span, .aside .block.block-type-personaccordion button p span, .aside .block.block-type-fortbildung button p span, .aside .block.block-type-interview button p span {
  display: block;
}
.layout .block.block-type-accordion button svg, .layout .block.block-type-qanda button svg, .layout .block.block-type-personaccordion button svg, .layout .block.block-type-fortbildung button svg, .layout .block.block-type-interview button svg, .aside .block.block-type-accordion button svg, .aside .block.block-type-qanda button svg, .aside .block.block-type-personaccordion button svg, .aside .block.block-type-fortbildung button svg, .aside .block.block-type-interview button svg {
  transition: 0.25s;
  margin-left: auto;
  transform: scale(0.75);
}
@media (min-width: 768px) {
  .layout .block.block-type-accordion button svg, .layout .block.block-type-qanda button svg, .layout .block.block-type-personaccordion button svg, .layout .block.block-type-fortbildung button svg, .layout .block.block-type-interview button svg, .aside .block.block-type-accordion button svg, .aside .block.block-type-qanda button svg, .aside .block.block-type-personaccordion button svg, .aside .block.block-type-fortbildung button svg, .aside .block.block-type-interview button svg {
    transform: none;
  }
}
.layout .block.block-type-accordion .accordioncontent, .layout .block.block-type-accordion .accordionsidecontent, .layout .block.block-type-qanda .accordioncontent, .layout .block.block-type-qanda .accordionsidecontent, .layout .block.block-type-personaccordion .accordioncontent, .layout .block.block-type-personaccordion .accordionsidecontent, .layout .block.block-type-fortbildung .accordioncontent, .layout .block.block-type-fortbildung .accordionsidecontent, .layout .block.block-type-interview .accordioncontent, .layout .block.block-type-interview .accordionsidecontent, .aside .block.block-type-accordion .accordioncontent, .aside .block.block-type-accordion .accordionsidecontent, .aside .block.block-type-qanda .accordioncontent, .aside .block.block-type-qanda .accordionsidecontent, .aside .block.block-type-personaccordion .accordioncontent, .aside .block.block-type-personaccordion .accordionsidecontent, .aside .block.block-type-fortbildung .accordioncontent, .aside .block.block-type-fortbildung .accordionsidecontent, .aside .block.block-type-interview .accordioncontent, .aside .block.block-type-interview .accordionsidecontent {
  display: none;
  padding: 0 calc(var(--Spacing_Main) / 2) 3.75rem calc(var(--Spacing_Main) / 2);
}
@media (min-width: 1025px) {
  .layout .block.block-type-accordion .accordioncontent, .layout .block.block-type-accordion .accordionsidecontent, .layout .block.block-type-qanda .accordioncontent, .layout .block.block-type-qanda .accordionsidecontent, .layout .block.block-type-personaccordion .accordioncontent, .layout .block.block-type-personaccordion .accordionsidecontent, .layout .block.block-type-fortbildung .accordioncontent, .layout .block.block-type-fortbildung .accordionsidecontent, .layout .block.block-type-interview .accordioncontent, .layout .block.block-type-interview .accordionsidecontent, .aside .block.block-type-accordion .accordioncontent, .aside .block.block-type-accordion .accordionsidecontent, .aside .block.block-type-qanda .accordioncontent, .aside .block.block-type-qanda .accordionsidecontent, .aside .block.block-type-personaccordion .accordioncontent, .aside .block.block-type-personaccordion .accordionsidecontent, .aside .block.block-type-fortbildung .accordioncontent, .aside .block.block-type-fortbildung .accordionsidecontent, .aside .block.block-type-interview .accordioncontent, .aside .block.block-type-interview .accordionsidecontent {
    padding: 0 var(--Spacing_Main) 3.75rem var(--Spacing_Main);
  }
}
.layout .block.block-type-accordion .accordioncontent .table, .layout .block.block-type-accordion .accordionsidecontent .table, .layout .block.block-type-qanda .accordioncontent .table, .layout .block.block-type-qanda .accordionsidecontent .table, .layout .block.block-type-personaccordion .accordioncontent .table, .layout .block.block-type-personaccordion .accordionsidecontent .table, .layout .block.block-type-fortbildung .accordioncontent .table, .layout .block.block-type-fortbildung .accordionsidecontent .table, .layout .block.block-type-interview .accordioncontent .table, .layout .block.block-type-interview .accordionsidecontent .table, .aside .block.block-type-accordion .accordioncontent .table, .aside .block.block-type-accordion .accordionsidecontent .table, .aside .block.block-type-qanda .accordioncontent .table, .aside .block.block-type-qanda .accordionsidecontent .table, .aside .block.block-type-personaccordion .accordioncontent .table, .aside .block.block-type-personaccordion .accordionsidecontent .table, .aside .block.block-type-fortbildung .accordioncontent .table, .aside .block.block-type-fortbildung .accordionsidecontent .table, .aside .block.block-type-interview .accordioncontent .table, .aside .block.block-type-interview .accordionsidecontent .table {
  padding-top: calc(var(--Spacing_Main) / 2);
}
.layout .block.block-type-accordion .accordioncontent .table > li, .layout .block.block-type-accordion .accordionsidecontent .table > li, .layout .block.block-type-qanda .accordioncontent .table > li, .layout .block.block-type-qanda .accordionsidecontent .table > li, .layout .block.block-type-personaccordion .accordioncontent .table > li, .layout .block.block-type-personaccordion .accordionsidecontent .table > li, .layout .block.block-type-fortbildung .accordioncontent .table > li, .layout .block.block-type-fortbildung .accordionsidecontent .table > li, .layout .block.block-type-interview .accordioncontent .table > li, .layout .block.block-type-interview .accordionsidecontent .table > li, .aside .block.block-type-accordion .accordioncontent .table > li, .aside .block.block-type-accordion .accordionsidecontent .table > li, .aside .block.block-type-qanda .accordioncontent .table > li, .aside .block.block-type-qanda .accordionsidecontent .table > li, .aside .block.block-type-personaccordion .accordioncontent .table > li, .aside .block.block-type-personaccordion .accordionsidecontent .table > li, .aside .block.block-type-fortbildung .accordioncontent .table > li, .aside .block.block-type-fortbildung .accordionsidecontent .table > li, .aside .block.block-type-interview .accordioncontent .table > li, .aside .block.block-type-interview .accordionsidecontent .table > li {
  padding-bottom: var(--Spacing_Main);
}
.layout .block.block-type-accordion .accordioncontent .table > li .block + .block-type-list, .layout .block.block-type-accordion .accordionsidecontent .table > li .block + .block-type-list, .layout .block.block-type-qanda .accordioncontent .table > li .block + .block-type-list, .layout .block.block-type-qanda .accordionsidecontent .table > li .block + .block-type-list, .layout .block.block-type-personaccordion .accordioncontent .table > li .block + .block-type-list, .layout .block.block-type-personaccordion .accordionsidecontent .table > li .block + .block-type-list, .layout .block.block-type-fortbildung .accordioncontent .table > li .block + .block-type-list, .layout .block.block-type-fortbildung .accordionsidecontent .table > li .block + .block-type-list, .layout .block.block-type-interview .accordioncontent .table > li .block + .block-type-list, .layout .block.block-type-interview .accordionsidecontent .table > li .block + .block-type-list, .aside .block.block-type-accordion .accordioncontent .table > li .block + .block-type-list, .aside .block.block-type-accordion .accordionsidecontent .table > li .block + .block-type-list, .aside .block.block-type-qanda .accordioncontent .table > li .block + .block-type-list, .aside .block.block-type-qanda .accordionsidecontent .table > li .block + .block-type-list, .aside .block.block-type-personaccordion .accordioncontent .table > li .block + .block-type-list, .aside .block.block-type-personaccordion .accordionsidecontent .table > li .block + .block-type-list, .aside .block.block-type-fortbildung .accordioncontent .table > li .block + .block-type-list, .aside .block.block-type-fortbildung .accordionsidecontent .table > li .block + .block-type-list, .aside .block.block-type-interview .accordioncontent .table > li .block + .block-type-list, .aside .block.block-type-interview .accordionsidecontent .table > li .block + .block-type-list {
  padding: calc(var(--Spacing_Main) / 3) 0;
}
.layout .block.block-type-accordion .accordioncontent .table > li.highlight, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight, .layout .block.block-type-qanda .accordioncontent .table > li.highlight, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight, .layout .block.block-type-interview .accordioncontent .table > li.highlight, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight, .aside .block.block-type-accordion .accordioncontent .table > li.highlight, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight, .aside .block.block-type-qanda .accordioncontent .table > li.highlight, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight, .aside .block.block-type-interview .accordioncontent .table > li.highlight, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight {
  font-family: Garnett, sans-serif;
}
.layout .block.block-type-accordion .accordioncontent .table > li.highlight .text, .layout .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-text, .layout .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-list, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight .text, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-text, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-list, .layout .block.block-type-qanda .accordioncontent .table > li.highlight .text, .layout .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-text, .layout .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-list, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight .text, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-text, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-list, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight .text, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-text, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-list, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .text, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-text, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-list, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight .text, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-text, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-list, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .text, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-text, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-list, .layout .block.block-type-interview .accordioncontent .table > li.highlight .text, .layout .block.block-type-interview .accordioncontent .table > li.highlight .block-type-text, .layout .block.block-type-interview .accordioncontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-interview .accordioncontent .table > li.highlight .block-type-list, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight .text, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-text, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-mdtext, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-list, .aside .block.block-type-accordion .accordioncontent .table > li.highlight .text, .aside .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-text, .aside .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-list, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight .text, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-text, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-list, .aside .block.block-type-qanda .accordioncontent .table > li.highlight .text, .aside .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-text, .aside .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-list, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight .text, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-text, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-list, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight .text, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-text, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-list, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .text, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-text, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-list, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight .text, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-text, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-list, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .text, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-text, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-list, .aside .block.block-type-interview .accordioncontent .table > li.highlight .text, .aside .block.block-type-interview .accordioncontent .table > li.highlight .block-type-text, .aside .block.block-type-interview .accordioncontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-interview .accordioncontent .table > li.highlight .block-type-list, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight .text, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-text, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-mdtext, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-list {
  font-family: Garnett, sans-serif;
}
.layout .block.block-type-accordion .accordioncontent .table > li.highlight .text p, .layout .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-text p, .layout .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-list p, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight .text p, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-text p, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-list p, .layout .block.block-type-qanda .accordioncontent .table > li.highlight .text p, .layout .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-text p, .layout .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-list p, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight .text p, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-text p, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-list p, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight .text p, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-text p, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-list p, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .text p, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-text p, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-list p, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight .text p, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-text p, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-list p, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .text p, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-text p, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-list p, .layout .block.block-type-interview .accordioncontent .table > li.highlight .text p, .layout .block.block-type-interview .accordioncontent .table > li.highlight .block-type-text p, .layout .block.block-type-interview .accordioncontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-interview .accordioncontent .table > li.highlight .block-type-list p, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight .text p, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-text p, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-mdtext p, .layout .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-list p, .aside .block.block-type-accordion .accordioncontent .table > li.highlight .text p, .aside .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-text p, .aside .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-accordion .accordioncontent .table > li.highlight .block-type-list p, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight .text p, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-text p, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-accordion .accordionsidecontent .table > li.highlight .block-type-list p, .aside .block.block-type-qanda .accordioncontent .table > li.highlight .text p, .aside .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-text p, .aside .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-qanda .accordioncontent .table > li.highlight .block-type-list p, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight .text p, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-text p, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-qanda .accordionsidecontent .table > li.highlight .block-type-list p, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight .text p, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-text p, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-personaccordion .accordioncontent .table > li.highlight .block-type-list p, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .text p, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-text p, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-personaccordion .accordionsidecontent .table > li.highlight .block-type-list p, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight .text p, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-text p, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-fortbildung .accordioncontent .table > li.highlight .block-type-list p, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .text p, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-text p, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-fortbildung .accordionsidecontent .table > li.highlight .block-type-list p, .aside .block.block-type-interview .accordioncontent .table > li.highlight .text p, .aside .block.block-type-interview .accordioncontent .table > li.highlight .block-type-text p, .aside .block.block-type-interview .accordioncontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-interview .accordioncontent .table > li.highlight .block-type-list p, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight .text p, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-text p, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-mdtext p, .aside .block.block-type-interview .accordionsidecontent .table > li.highlight .block-type-list p {
  display: inline;
}
@media (min-width: 768px) {
  .layout .block.block-type-accordion .accordioncontent .table > li, .layout .block.block-type-accordion .accordionsidecontent .table > li, .layout .block.block-type-qanda .accordioncontent .table > li, .layout .block.block-type-qanda .accordionsidecontent .table > li, .layout .block.block-type-personaccordion .accordioncontent .table > li, .layout .block.block-type-personaccordion .accordionsidecontent .table > li, .layout .block.block-type-fortbildung .accordioncontent .table > li, .layout .block.block-type-fortbildung .accordionsidecontent .table > li, .layout .block.block-type-interview .accordioncontent .table > li, .layout .block.block-type-interview .accordionsidecontent .table > li, .aside .block.block-type-accordion .accordioncontent .table > li, .aside .block.block-type-accordion .accordionsidecontent .table > li, .aside .block.block-type-qanda .accordioncontent .table > li, .aside .block.block-type-qanda .accordionsidecontent .table > li, .aside .block.block-type-personaccordion .accordioncontent .table > li, .aside .block.block-type-personaccordion .accordionsidecontent .table > li, .aside .block.block-type-fortbildung .accordioncontent .table > li, .aside .block.block-type-fortbildung .accordionsidecontent .table > li, .aside .block.block-type-interview .accordioncontent .table > li, .aside .block.block-type-interview .accordionsidecontent .table > li {
    display: grid;
    grid-template-columns: 0.35fr 1fr;
  }
}
.layout .block.block-type-accordion .accordioncontent .table > li .block, .layout .block.block-type-accordion .accordionsidecontent .table > li .block, .layout .block.block-type-qanda .accordioncontent .table > li .block, .layout .block.block-type-qanda .accordionsidecontent .table > li .block, .layout .block.block-type-personaccordion .accordioncontent .table > li .block, .layout .block.block-type-personaccordion .accordionsidecontent .table > li .block, .layout .block.block-type-fortbildung .accordioncontent .table > li .block, .layout .block.block-type-fortbildung .accordionsidecontent .table > li .block, .layout .block.block-type-interview .accordioncontent .table > li .block, .layout .block.block-type-interview .accordionsidecontent .table > li .block, .aside .block.block-type-accordion .accordioncontent .table > li .block, .aside .block.block-type-accordion .accordionsidecontent .table > li .block, .aside .block.block-type-qanda .accordioncontent .table > li .block, .aside .block.block-type-qanda .accordionsidecontent .table > li .block, .aside .block.block-type-personaccordion .accordioncontent .table > li .block, .aside .block.block-type-personaccordion .accordionsidecontent .table > li .block, .aside .block.block-type-fortbildung .accordioncontent .table > li .block, .aside .block.block-type-fortbildung .accordionsidecontent .table > li .block, .aside .block.block-type-interview .accordioncontent .table > li .block, .aside .block.block-type-interview .accordionsidecontent .table > li .block {
  padding-top: 0;
  padding-bottom: 0;
}
.layout .block.block-type-accordion .accordioncontent footer, .layout .block.block-type-accordion .accordionsidecontent footer, .layout .block.block-type-qanda .accordioncontent footer, .layout .block.block-type-qanda .accordionsidecontent footer, .layout .block.block-type-personaccordion .accordioncontent footer, .layout .block.block-type-personaccordion .accordionsidecontent footer, .layout .block.block-type-fortbildung .accordioncontent footer, .layout .block.block-type-fortbildung .accordionsidecontent footer, .layout .block.block-type-interview .accordioncontent footer, .layout .block.block-type-interview .accordionsidecontent footer, .aside .block.block-type-accordion .accordioncontent footer, .aside .block.block-type-accordion .accordionsidecontent footer, .aside .block.block-type-qanda .accordioncontent footer, .aside .block.block-type-qanda .accordionsidecontent footer, .aside .block.block-type-personaccordion .accordioncontent footer, .aside .block.block-type-personaccordion .accordionsidecontent footer, .aside .block.block-type-fortbildung .accordioncontent footer, .aside .block.block-type-fortbildung .accordionsidecontent footer, .aside .block.block-type-interview .accordioncontent footer, .aside .block.block-type-interview .accordionsidecontent footer {
  padding: 2.5rem 2.5rem 3.75rem 2.5rem;
  margin-top: 2.5rem;
  margin-bottom: -3.75rem;
  display: flex;
  flex-wrap: wrap;
  background: var(--Color_Grey);
  color: var(--Color_Text);
  width: calc(100% + 5rem);
  margin-left: -2.5rem;
}
.layout .block.block-type-accordion .accordioncontent footer > *, .layout .block.block-type-accordion .accordionsidecontent footer > *, .layout .block.block-type-qanda .accordioncontent footer > *, .layout .block.block-type-qanda .accordionsidecontent footer > *, .layout .block.block-type-personaccordion .accordioncontent footer > *, .layout .block.block-type-personaccordion .accordionsidecontent footer > *, .layout .block.block-type-fortbildung .accordioncontent footer > *, .layout .block.block-type-fortbildung .accordionsidecontent footer > *, .layout .block.block-type-interview .accordioncontent footer > *, .layout .block.block-type-interview .accordionsidecontent footer > *, .aside .block.block-type-accordion .accordioncontent footer > *, .aside .block.block-type-accordion .accordionsidecontent footer > *, .aside .block.block-type-qanda .accordioncontent footer > *, .aside .block.block-type-qanda .accordionsidecontent footer > *, .aside .block.block-type-personaccordion .accordioncontent footer > *, .aside .block.block-type-personaccordion .accordionsidecontent footer > *, .aside .block.block-type-fortbildung .accordioncontent footer > *, .aside .block.block-type-fortbildung .accordionsidecontent footer > *, .aside .block.block-type-interview .accordioncontent footer > *, .aside .block.block-type-interview .accordionsidecontent footer > * {
  margin-right: calc(var(--Spacing_Main) / 1.5);
  margin-bottom: calc(var(--Spacing_Main) / 3);
}
.layout .block.block-type-accordion .accordioncontent footer .block, .layout .block.block-type-accordion .accordionsidecontent footer .block, .layout .block.block-type-qanda .accordioncontent footer .block, .layout .block.block-type-qanda .accordionsidecontent footer .block, .layout .block.block-type-personaccordion .accordioncontent footer .block, .layout .block.block-type-personaccordion .accordionsidecontent footer .block, .layout .block.block-type-fortbildung .accordioncontent footer .block, .layout .block.block-type-fortbildung .accordionsidecontent footer .block, .layout .block.block-type-interview .accordioncontent footer .block, .layout .block.block-type-interview .accordionsidecontent footer .block, .aside .block.block-type-accordion .accordioncontent footer .block, .aside .block.block-type-accordion .accordionsidecontent footer .block, .aside .block.block-type-qanda .accordioncontent footer .block, .aside .block.block-type-qanda .accordionsidecontent footer .block, .aside .block.block-type-personaccordion .accordioncontent footer .block, .aside .block.block-type-personaccordion .accordionsidecontent footer .block, .aside .block.block-type-fortbildung .accordioncontent footer .block, .aside .block.block-type-fortbildung .accordionsidecontent footer .block, .aside .block.block-type-interview .accordioncontent footer .block, .aside .block.block-type-interview .accordionsidecontent footer .block {
  padding-top: 0;
  padding-bottom: 0;
}
.layout .block.block-type-accordion .accordioncontent footer svg path, .layout .block.block-type-accordion .accordionsidecontent footer svg path, .layout .block.block-type-qanda .accordioncontent footer svg path, .layout .block.block-type-qanda .accordionsidecontent footer svg path, .layout .block.block-type-personaccordion .accordioncontent footer svg path, .layout .block.block-type-personaccordion .accordionsidecontent footer svg path, .layout .block.block-type-fortbildung .accordioncontent footer svg path, .layout .block.block-type-fortbildung .accordionsidecontent footer svg path, .layout .block.block-type-interview .accordioncontent footer svg path, .layout .block.block-type-interview .accordionsidecontent footer svg path, .aside .block.block-type-accordion .accordioncontent footer svg path, .aside .block.block-type-accordion .accordionsidecontent footer svg path, .aside .block.block-type-qanda .accordioncontent footer svg path, .aside .block.block-type-qanda .accordionsidecontent footer svg path, .aside .block.block-type-personaccordion .accordioncontent footer svg path, .aside .block.block-type-personaccordion .accordionsidecontent footer svg path, .aside .block.block-type-fortbildung .accordioncontent footer svg path, .aside .block.block-type-fortbildung .accordionsidecontent footer svg path, .aside .block.block-type-interview .accordioncontent footer svg path, .aside .block.block-type-interview .accordionsidecontent footer svg path {
  stroke: var(--Color_Text);
}
.layout .block.block-type-fortbildung .date, .aside .block.block-type-fortbildung .date {
  display: flex;
}
.layout .block.block-type-fortbildung .infotable, .aside .block.block-type-fortbildung .infotable {
  margin-top: 5rem;
}
.layout .block.block-type-fortbildung .infotable ul.table, .aside .block.block-type-fortbildung .infotable ul.table {
  padding-top: 2.5rem;
}
.layout .block.block-type-fortbildung .infotable li:last-of-type, .aside .block.block-type-fortbildung .infotable li:last-of-type {
  padding-bottom: 0;
}
.layout .block.block-type-accordion.beratungsstellen .accordioncontent > div, .aside .block.block-type-accordion.beratungsstellen .accordioncontent > div {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
.layout .block.block-type-accordion.beratungsstellen .accordioncontent > div .hours p, .aside .block.block-type-accordion.beratungsstellen .accordioncontent > div .hours p {
  margin-bottom: calc(var(--Spacing_Main) / 4);
}
.layout .block.block-type-accordion.beratungsstellen .accordioncontent > div .hours p span, .aside .block.block-type-accordion.beratungsstellen .accordioncontent > div .hours p span {
  display: block;
}
.layout .block.block-type-accordion.beratungsstellen .accordioncontent .assistcontainer button, .aside .block.block-type-accordion.beratungsstellen .accordioncontent .assistcontainer button {
  background: white;
  display: block;
  text-align: center;
  padding: 1.25rem;
}
.layout .block.block-type-accordion.beratungsstellen .accordioncontent .assistcontainer button:first-of-type, .aside .block.block-type-accordion.beratungsstellen .accordioncontent .assistcontainer button:first-of-type {
  margin-bottom: 1.25rem;
}
.layout .block.block-type-accordion.beratungsstellen .accordioncontent p.sub, .aside .block.block-type-accordion.beratungsstellen .accordioncontent p.sub {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
.layout .block.block-type-personaccordion, .layout .block.block-type-interview, .aside .block.block-type-personaccordion, .aside .block.block-type-interview {
  margin-bottom: var(--Spacing_Main);
}
.layout .block.block-type-personaccordion .personaccordion, .layout .block.block-type-interview .personaccordion, .aside .block.block-type-personaccordion .personaccordion, .aside .block.block-type-interview .personaccordion {
  display: flex;
  flex-direction: column;
}
.layout .block.block-type-personaccordion .personaccordion .personimage, .layout .block.block-type-interview .personaccordion .personimage, .aside .block.block-type-personaccordion .personaccordion .personimage, .aside .block.block-type-interview .personaccordion .personimage {
  order: 1;
}
.layout .block.block-type-personaccordion .personaccordion button, .layout .block.block-type-interview .personaccordion button, .aside .block.block-type-personaccordion .personaccordion button, .aside .block.block-type-interview .personaccordion button {
  order: 2;
}
.layout .block.block-type-personaccordion .personaccordion .accordioncontent, .layout .block.block-type-interview .personaccordion .accordioncontent, .aside .block.block-type-personaccordion .personaccordion .accordioncontent, .aside .block.block-type-interview .personaccordion .accordioncontent {
  order: 3;
  padding: 0 1.25rem 0 1.25rem;
}
.layout .block.block-type-personaccordion .personaccordion .accordioncontent .table, .layout .block.block-type-interview .personaccordion .accordioncontent .table, .aside .block.block-type-personaccordion .personaccordion .accordioncontent .table, .aside .block.block-type-interview .personaccordion .accordioncontent .table {
  margin-top: 0;
}
.layout .block.block-type-personaccordion .personaccordion .accordioncontent .text, .layout .block.block-type-interview .personaccordion .accordioncontent .text, .aside .block.block-type-personaccordion .personaccordion .accordioncontent .text, .aside .block.block-type-interview .personaccordion .accordioncontent .text {
  padding-bottom: 2.5rem;
}
@media (min-width: 769px) {
  .layout .block.block-type-personaccordion, .layout .block.block-type-interview, .aside .block.block-type-personaccordion, .aside .block.block-type-interview {
    margin-bottom: 1px;
  }
  .layout .block.block-type-personaccordion .personaccordion, .layout .block.block-type-interview .personaccordion, .aside .block.block-type-personaccordion .personaccordion, .aside .block.block-type-interview .personaccordion {
    display: block;
  }
  .layout .block.block-type-personaccordion .personaccordion .accordioncontent, .layout .block.block-type-interview .personaccordion .accordioncontent, .aside .block.block-type-personaccordion .personaccordion .accordioncontent, .aside .block.block-type-interview .personaccordion .accordioncontent {
    padding: 0 2.5rem 0 2.5rem;
  }
  .layout .block.block-type-personaccordion .personimage, .layout .block.block-type-interview .personimage, .aside .block.block-type-personaccordion .personimage, .aside .block.block-type-interview .personimage {
    display: none;
  }
}
.layout .block.block-type-personaccordion .accordioncontent .table, .layout .block.block-type-interview .accordioncontent .table, .aside .block.block-type-personaccordion .accordioncontent .table, .aside .block.block-type-interview .accordioncontent .table {
  margin-top: var(--Spacing_Main);
  width: calc(100% + 5rem);
  margin-left: -2.5rem;
  padding: var(--Spacing_Main);
}
.layout .block.block-type-personaccordion .accordioncontent .table p.sub, .layout .block.block-type-interview .accordioncontent .table p.sub, .aside .block.block-type-personaccordion .accordioncontent .table p.sub, .aside .block.block-type-interview .accordioncontent .table p.sub {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
.layout .block.block-type-personaccordion .accordioncontent .table li > div, .layout .block.block-type-interview .accordioncontent .table li > div, .aside .block.block-type-personaccordion .accordioncontent .table li > div, .aside .block.block-type-interview .accordioncontent .table li > div {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
.layout .block.block-type-personaccordion .accordioncontent .table a, .layout .block.block-type-interview .accordioncontent .table a, .aside .block.block-type-personaccordion .accordioncontent .table a, .aside .block.block-type-interview .accordioncontent .table a {
  position: relative;
  display: inline-block;
}
.layout .block.block-type-personaccordion .accordioncontent .table a *, .layout .block.block-type-interview .accordioncontent .table a *, .aside .block.block-type-personaccordion .accordioncontent .table a *, .aside .block.block-type-interview .accordioncontent .table a * {
  z-index: 1;
  position: relative;
}
.layout .block.block-type-personaccordion .accordioncontent .table a:after, .layout .block.block-type-interview .accordioncontent .table a:after, .aside .block.block-type-personaccordion .accordioncontent .table a:after, .aside .block.block-type-interview .accordioncontent .table a:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transition: width 0.5s;
}
.layout .block.block-type-personaccordion .accordioncontent .table a:hover:after, .layout .block.block-type-interview .accordioncontent .table a:hover:after, .aside .block.block-type-personaccordion .accordioncontent .table a:hover:after, .aside .block.block-type-interview .accordioncontent .table a:hover:after {
  width: 100%;
}
@media (min-width: 768px) {
  .layout .block.block-type-personaccordion .accordioncontent .table li, .layout .block.block-type-interview .accordioncontent .table li, .aside .block.block-type-personaccordion .accordioncontent .table li, .aside .block.block-type-interview .accordioncontent .table li {
    display: flex;
  }
  .layout .block.block-type-personaccordion .accordioncontent .table li > div, .layout .block.block-type-interview .accordioncontent .table li > div, .aside .block.block-type-personaccordion .accordioncontent .table li > div, .aside .block.block-type-interview .accordioncontent .table li > div {
    width: 80%;
    margin-bottom: 0;
  }
}
.layout .block.block-type-persontable .block-type-persontableitem, .aside .block.block-type-persontable .block-type-persontableitem {
  display: flex;
  flex-direction: column-reverse;
}
.layout .block.block-type-persontable .block-type-persontableitem .personimage, .aside .block.block-type-persontable .block-type-persontableitem .personimage {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 768px) {
  .layout .block.block-type-persontable .block-type-persontableitem, .aside .block.block-type-persontable .block-type-persontableitem {
    display: block;
  }
  .layout .block.block-type-persontable .block-type-persontableitem .personimage, .aside .block.block-type-persontable .block-type-persontableitem .personimage {
    display: none;
    margin-bottom: 0;
  }
}
.layout .block.block-type-persontable .block-type-persontableitem li, .aside .block.block-type-persontable .block-type-persontableitem li {
  padding: calc(var(--Spacing_Main) / 3);
  margin-bottom: calc(var(--Spacing_Main) / 3);
  background: var(--Color_Grey);
}
.layout .block.block-type-persontable .block-type-persontableitem li > div, .aside .block.block-type-persontable .block-type-persontableitem li > div {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
@media (min-width: 768px) {
  .layout .block.block-type-persontable .block-type-persontableitem li, .aside .block.block-type-persontable .block-type-persontableitem li {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .layout .block.block-type-persontable .block-type-persontableitem li > div, .aside .block.block-type-persontable .block-type-persontableitem li > div {
    width: 80%;
    margin-bottom: 0;
  }
}
.layout .block.block-type-interview .text p, .aside .block.block-type-interview .text p {
  margin-bottom: 1em;
}
.layout .block.block-type-interview .text p:last-of-type, .aside .block.block-type-interview .text p:last-of-type {
  margin-bottom: 0;
}
.layout .block.block-type-interview .text p strong, .aside .block.block-type-interview .text p strong {
  font-family: "Garnett", sans-serif;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  display: block;
}
@media (min-width: 768px) {
  .layout .block.block-type-interview .text p, .aside .block.block-type-interview .text p {
    margin-left: 2.5rem;
  }
  .layout .block.block-type-interview .text p strong, .aside .block.block-type-interview .text p strong {
    margin-left: -2.5rem;
  }
}
.layout .block.block-type-image, .aside .block.block-type-image {
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  padding-top: 0;
}
@media (min-width: 769px) {
  .layout .block.block-type-image, .aside .block.block-type-image {
    margin-top: -2.5rem;
  }
}
.layout .block.block-type-image.hidden, .aside .block.block-type-image.hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}
.layout .block.block-type-image.hidden figure, .aside .block.block-type-image.hidden figure {
  transition: max-height 0.75s, opacity 1.75s;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
@media (min-width: 769px) {
  .layout .block.block-type-image.visible, .aside .block.block-type-image.visible {
    opacity: 1;
    visibility: visible;
    height: auto;
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    margin-top: -2.5rem;
  }
  .layout .block.block-type-image.visible figure, .aside .block.block-type-image.visible figure {
    max-height: 999px;
    opacity: 1;
    transition: max-height 0.75s, opacity 1.75s;
  }
}
@media (max-width: 768px) {
  .layout .block.block-type-image:not(.hidden), .aside .block.block-type-image:not(.hidden) {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
  }
}
.layout .block.block-type-sidebar + .block-type-sidebar::before, .aside .block.block-type-sidebar + .block-type-sidebar::before {
  content: "";
  display: block;
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  height: 1px;
  background: var(--Color_BodyBackground);
  position: absolute;
  top: 0;
}
.layout .block.block-type-sidebar, .aside .block.block-type-sidebar {
  position: relative;
}
.layout .block.block-type-sidebar > *, .aside .block.block-type-sidebar > * {
  margin-bottom: calc(var(--Spacing_Main) / 3);
}
.layout .block.block-type-sidebar .block, .aside .block.block-type-sidebar .block {
  padding-bottom: calc(var(--Spacing_Main) / 3) !important;
}
.layout .block.block-type-sidebar .text p, .aside .block.block-type-sidebar .text p {
  margin-bottom: calc(var(--Spacing_Main) / 3);
}
@media (min-width: 768px) {
  .layout .block.block-type-sidebar .text, .aside .block.block-type-sidebar .text {
    max-width: 85%;
  }
}
.layout .block.block-type-url a, .layout .block.block-type-document a, .layout .block.block-type-page a, .layout .block.block-type-email a, .aside .block.block-type-url a, .aside .block.block-type-document a, .aside .block.block-type-page a, .aside .block.block-type-email a {
  display: inline-grid;
  align-items: center;
  position: relative;
  grid-template-columns: 2rem auto;
  grid-column-gap: 0.75rem;
}
.layout .block.block-type-url a:after, .layout .block.block-type-document a:after, .layout .block.block-type-page a:after, .layout .block.block-type-email a:after, .aside .block.block-type-url a:after, .aside .block.block-type-document a:after, .aside .block.block-type-page a:after, .aside .block.block-type-email a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--Color_LightOrange);
  width: 0;
  transition: all 0.5s ease-in;
}
.layout .block.block-type-url a *, .layout .block.block-type-document a *, .layout .block.block-type-page a *, .layout .block.block-type-email a *, .aside .block.block-type-url a *, .aside .block.block-type-document a *, .aside .block.block-type-page a *, .aside .block.block-type-email a * {
  z-index: 1;
}
.layout .block.block-type-url a svg, .layout .block.block-type-document a svg, .layout .block.block-type-page a svg, .layout .block.block-type-email a svg, .aside .block.block-type-url a svg, .aside .block.block-type-document a svg, .aside .block.block-type-page a svg, .aside .block.block-type-email a svg {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 0.25s;
}
.layout .block.block-type-url a:hover:after, .layout .block.block-type-document a:hover:after, .layout .block.block-type-page a:hover:after, .layout .block.block-type-email a:hover:after, .aside .block.block-type-url a:hover:after, .aside .block.block-type-document a:hover:after, .aside .block.block-type-page a:hover:after, .aside .block.block-type-email a:hover:after {
  width: 100%;
}
.layout .block.block-type-url a:hover svg, .layout .block.block-type-document a:hover svg, .layout .block.block-type-page a:hover svg, .layout .block.block-type-email a:hover svg, .aside .block.block-type-url a:hover svg, .aside .block.block-type-document a:hover svg, .aside .block.block-type-page a:hover svg, .aside .block.block-type-email a:hover svg {
  transform: translateX(10px);
}
.layout .block.block-type-logogallery figure, .aside .block.block-type-logogallery figure {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
@media (min-width: 768px) {
  .layout .block.block-type-logogallery figure, .aside .block.block-type-logogallery figure {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.layout .block.block-type-logogallery figure, .aside .block.block-type-logogallery figure {
  grid-gap: var(--Spacing_Main);
}
.layout .block.block-type-logogallery figure > a, .aside .block.block-type-logogallery figure > a {
  padding: 1rem;
  position: relative;
  display: block;
  filter: grayscale(1);
  transition: 0.25s;
}
.layout .block.block-type-logogallery figure > a:hover, .aside .block.block-type-logogallery figure > a:hover {
  filter: grayscale(0);
}
.layout .block.block-type-logogallery figure > a::before, .aside .block.block-type-logogallery figure > a::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.layout .block.block-type-logogallery figure > a img, .aside .block.block-type-logogallery figure > a img {
  position: absolute;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

main.fortbildungskalender .intro {
  margin-bottom: 2.5rem;
}

.layout.beratungsstellen-mobile {
  display: block;
}
@media (min-width: 769px) {
  .layout.beratungsstellen-mobile {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .layout.beratungsstellen-mobile {
    display: block;
  }
  .layout.beratungsstellen-mobile .column.col8 {
    width: 100%;
    padding: var(--Spacing_Main);
  }
}

section.mapsection .col4 {
  display: none;
}
@media (min-width: 769px) {
  section.mapsection .col4 {
    display: block;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  section.mapsection {
    margin-left: calc(var(--Spacing_Main) * -1);
    margin-right: calc(var(--Spacing_Main) * -1);
  }
  section.mapsection .col4 {
    display: none;
  }
  section.mapsection .col8 {
    width: 100%;
    padding: 0;
  }
}

.mapcontainer {
  position: relative;
}
.mapcontainer .mapinner {
  height: 50vh;
  overflow: hidden;
}
@media (min-width: 769px) {
  .mapcontainer .mapinner {
    height: min(90vh, 42rem);
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .mapcontainer .mapinner {
    height: 50vh;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .mapcontainer .mapinner .mapcontainer .mapinner {
    height: min(70vh, 32rem);
  }
}
.mapcontainer .mapinner * {
  font-family: inherit;
}
.mapcontainer .mapinner #mapid {
  width: 100%;
  height: 100%;
}
.mapcontainer .mapinner #mapid.leaflet-container {
  background: transparent;
}
.mapcontainer .mapinner #mapid.leaflet-container:after {
  display: none;
}
.mapcontainer .mapinner #mapid .leaflet-water-pane, .mapcontainer .mapinner #mapid .leaflet-water-pane * {
  cursor: grab !important;
}
.mapcontainer .mapinner #mapid .leaflet-fixed-pane {
  z-index: 402;
}
.mapcontainer .mapinner #mapid .leaflet-div-icon {
  background: none;
  border: none;
}
.mapcontainer .mapinner #mapid .marker-pin {
  background: var(--Color_SuperDarkGrey);
  outline-offset: -1px;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  transition: 0.15s;
}
.mapcontainer .mapinner #mapid .marker-pin.bzhover, .mapcontainer .mapinner #mapid .marker-pin:hover {
  background: var(--Color_Purple);
  box-shadow: 0px 0px 0px 1px var(--Color_ExtremlyDarkGrey);
  transform: scale(1.5);
}
.mapcontainer .mapinner #mapid .marker-pin.bzStick {
  background: var(--Color_ExtremlyDarkGrey);
}
.mapcontainer .mapinner #mapid .marker-pin.bzStick::after {
  content: "";
  border: 1px solid var(--Color_DarkGrey);
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  animation: pulsate-fwd 1.5s ease-in-out infinite both;
}
@keyframes pulsate-fwd {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.mapcontainer .mapinner #mapid .leaflet-overlay-pane {
  cursor: default;
}
.mapcontainer .mapinner #mapid .leaflet-overlay-pane * {
  cursor: default;
}
.mapcontainer .mapinner #mapid path.leaflet-interactive {
  outline: none;
}
.mapcontainer .mapinner #mapid .leaflet-bz-pane {
  z-index: 300;
}
.mapcontainer .mapinner #mapid .leaflet-bz-pane .mobile-tooltip {
  visibility: hidden;
  padding: 0;
  background-color: transparent;
  border: 1px solid blue;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  white-space: normal;
  pointer-events: none;
}
.mapcontainer .mapinner #mapid .leaflet-bz-pane .mobile-tooltip.show {
  visibility: visible;
}
.mapcontainer .mapinner #mapid .leaflet-bz-pane .mobile-tooltip::before {
  display: none;
}
.mapcontainer .mapinner #mapid .point-tooltip {
  display: none;
}
@media (min-width: 768px) {
  .mapcontainer .mapinner #mapid .point-tooltip:after, .mapcontainer .mapinner #mapid .point-tooltip:before {
    display: none;
  }
  .mapcontainer .mapinner #mapid .point-tooltip {
    display: block;
    font-family: inherit;
    line-height: 1.15;
    min-width: 10rem;
    text-align: center;
    box-shadow: none;
    margin-top: 0;
    border-radius: 0;
    border: 1px solid black;
    background: var(--Color_Purple);
    white-space: normal;
    opacity: 1 !important;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .mapcontainer .mapinner #mapid .point-tooltip {
    display: none;
  }
}
.mapcontainer .mapinner #mapid .leaflet-bezirke-pane {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 401;
  font-size: 32px;
  display: none;
}
@media (min-width: 768px) {
  .mapcontainer .mapinner #mapid .leaflet-bezirke-pane {
    font-size: 42px;
    display: block;
  }
}
@media (pointer: coarse) {
  .mapcontainer .mapinner #mapid .leaflet-bezirke-pane {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .mapcontainer .mapinner #mapid .leaflet-bezirke-pane {
    display: none;
  }
}
.mapcontainer .mapinner #mapid .leaflet-bezirke-pane .leaflet-tooltip {
  position: relative;
  background-color: transparent;
  border: none;
  transform: none !important;
  box-shadow: none;
  padding: 0;
  text-align: right;
}
.mapcontainer .mapinner #mapid.leaflet-container a {
  color: inherit;
}
.mapcontainer .leaflet-top {
  top: unset;
  z-index: 400;
}
.mapcontainer .leaflet-left {
  left: unset;
  position: relative;
}
.mapcontainer .leaflet-left .leaflet-control {
  margin-left: 0;
  border-radius: 0;
}
.mapcontainer .leaflet-left .leaflet-control.reset {
  text-align: center;
  padding: 1rem;
  border: 1px solid;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
}

body.popupopen header#main {
  z-index: 9;
}
body.popupopen nav.main {
  top: -100%;
}

.leaflet-control-container {
  display: none;
}

.leaflet-touch .leaflet-bar {
  border: none;
}

.mapcontainer .leaflet-left .leaflet-control {
  width: 100%;
  display: flex;
  justify-content: center;
}

.leaflet-control-fullscreen-button {
  background-color: var(--Color_Purple) !important;
  padding: 1rem;
  font-size: 22px;
  border: 1px solid;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: black;
  max-width: calc(100% - 2rem);
  white-space: normal;
  line-height: 1.2;
}
.leaflet-control-fullscreen-button:focus-visible {
  outline-offset: 4px;
}

@media (max-width: 1024px) {
  .leaflet-control-container {
    display: block;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .leaflet-control-container {
    display: block;
  }
}
body.mapfullscreen #mapid, body.mapfullscreen #mapid *, body.popupopen #mapid, body.popupopen #mapid * {
  pointer-events: auto;
}

body.mapfullscreen {
  overflow: hidden;
}
body.mapfullscreen header#main, body.mapfullscreen header#mobile {
  z-index: 9;
}
body.mapfullscreen nav.main {
  top: -100%;
}
body.mapfullscreen .mapcontainer {
  position: unset;
}
body.mapfullscreen .mapinner.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh !important;
  height: 100dvh !important;
  background: white;
}
body.mapfullscreen .mapinner.fullscreen #mapid {
  background: white;
  height: 100vh;
  height: 100dvh;
}

.leaflet-fixed-pane {
  width: 100%;
}

body.popupopen .leaflet-fixed-pane {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(235, 235, 235, 0.85);
  z-index: 1000 !important;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: 0;
}

body.popupopen:not(.mapfullscreen) .leaflet-fixed-pane {
  align-items: flex-start;
  top: 5rem;
  height: calc(100vh - 5rem);
  height: calc(100dvh - 5rem);
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.popupopen:not(.mapfullscreen) .leaflet-fixed-pane {
    top: 5.8rem;
    height: calc(100vh - 5.8rem);
    height: calc(100dvh - 5.8rem);
  }
}
.leaflet-container .leaflet-popup {
  transform: none !important;
  left: 1.25rem !important;
  top: 1.25rem !important;
  bottom: unset !important;
  right: unset !important;
  text-align: left;
  margin-bottom: 0;
  width: calc(100% - 2.5rem);
  height: calc(100% - 2.5rem);
  max-height: calc(100% - 2.5rem);
  min-height: 0;
}
@media (min-width: 1025px) {
  .leaflet-container .leaflet-popup {
    width: 100%;
    height: auto;
    top: 0 !important;
    left: 0 !important;
  }
}
body.mapfullscreen .leaflet-container .leaflet-popup, body.popupopen .leaflet-container .leaflet-popup {
  width: calc(100% - 2.5rem) !important;
  height: calc(100% - 2.5rem) !important;
  max-height: calc(100% - 2.5rem);
  top: 1.25rem !important;
  left: 1.25rem !important;
}
.leaflet-container .leaflet-popup .leaflet-popup-tip-container {
  display: none;
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
  width: 3rem;
  height: 3rem;
  padding: 0;
  font-size: 0;
  top: calc(var(--Spacing_Main) / 2);
  right: calc(var(--Spacing_Main) / 2);
  transition: 0.25s;
}
@media (min-width: 768px) {
  .leaflet-container .leaflet-popup a.leaflet-popup-close-button {
    top: var(--Spacing_Main);
    right: var(--Spacing_Main);
  }
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button:before, .leaflet-container .leaflet-popup a.leaflet-popup-close-button:after {
  content: "";
  width: 100%;
  height: 2px;
  background: black;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(45deg);
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button:after {
  transform: rotate(-45deg);
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button:hover {
  transform: rotate(90deg);
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper {
  box-shadow: none;
  border-radius: 0;
  color: inherit;
  background: var(--Color_Grey);
  padding: 0;
  height: 100%;
  min-height: 0;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0;
  width: 100% !important;
  line-height: 1;
  height: 100%;
  min-height: 0;
}
@media (min-width: 768px) {
  .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    margin: 0;
  }
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup .inner {
  height: 100%;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p {
  margin: 0;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content header {
  padding: 0;
  background: var(--Color_Purple);
  padding: calc(var(--Spacing_Main) / 2);
  min-height: 5.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content header {
    padding: var(--Spacing_Main);
    min-height: 8rem;
  }
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content header p {
  width: calc(100% - 4rem);
  font-size: 90%;
}
@media (min-width: 768px) {
  .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content header p {
    font-size: inherit;
  }
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower {
  padding: calc(var(--Spacing_Main) / 2);
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower > div {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower > div:last-of-type {
  margin-bottom: 0;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower .mb {
  margin-bottom: calc(var(--Spacing_Main) / 4);
}
@media (min-width: 768px) {
  .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower {
    padding: var(--Spacing_Main);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.25rem;
    grid-row-gap: 2.5rem;
  }
  .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower > div {
    margin-bottom: 0;
  }
}
@media (min-width: 769px) and (max-width: 1428px) {
  .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower {
    grid-template-columns: 1fr 1fr;
    max-height: 50vh;
    overflow-y: auto;
  }
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower * {
  font-size: 18px;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower a {
  position: relative;
  z-index: 1;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower a * {
  position: relative;
  z-index: 1;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower a:after {
  content: "";
  width: 0;
  height: 100%;
  background: var(--Color_Purple);
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  transition: width 0.25s;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower p.head {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower .hours p {
  margin-bottom: calc(var(--Spacing_Main) / 4);
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .lower .hours p span {
  display: block;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer {
  padding: 0 calc(var(--Spacing_Main) / 2) calc(var(--Spacing_Main) / 2) calc(var(--Spacing_Main) / 2);
  text-align: right;
  display: flex;
  justify-content: space-between;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div {
  line-height: 1.25;
  padding: 1rem;
  background: var(--Color_Purple);
  font-family: Garnett, sans-serif;
  font-size: 18px;
  position: relative;
  margin-left: auto;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div * {
  z-index: 1;
  position: relative;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div:after {
  content: "";
  width: 0;
  height: 100%;
  background: var(--Color_BodyBackground);
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  transition: width 0.25s;
  z-index: 0;
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div:hover {
  color: var(--Color_Text);
}
.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer > div:hover:after {
  width: 100%;
}
@media (min-width: 768px) {
  .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .assistcontainer {
    padding: 0 var(--Spacing_Main) var(--Spacing_Main) var(--Spacing_Main);
    justify-content: end;
  }
}

.listcontainer {
  margin-bottom: var(--Spacing_Main);
}
.listcontainer > p {
  margin-bottom: calc(var(--Spacing_Main) / 2);
}
.listcontainer .arraylist li > p:hover span:first-of-type,
.listcontainer .arraylist li > button:hover span:first-of-type {
  padding-left: 2rem;
}
.listcontainer .arraylist li > p.stick:not(.open) span:first-of-type,
.listcontainer .arraylist li > button.stick:not(.open) span:first-of-type {
  padding-left: 2rem;
}
.listcontainer .arraylist li > p.open + .subcontainer,
.listcontainer .arraylist li > button.open + .subcontainer {
  display: block;
}
.listcontainer .arraylist li > p + .subcontainer,
.listcontainer .arraylist li > button + .subcontainer {
  display: none;
  padding-left: 2rem;
  margin-top: calc(var(--Spacing_Main) / 4);
}
.listcontainer .markerlist li, .listcontainer .arraylist li {
  cursor: pointer;
  margin-bottom: calc(var(--Spacing_Main) / 4);
}
.listcontainer .markerlist li > p, .listcontainer .markerlist li > button, .listcontainer .arraylist li > p, .listcontainer .arraylist li > button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
.listcontainer .markerlist li > p span:first-of-type, .listcontainer .markerlist li > button span:first-of-type, .listcontainer .arraylist li > p span:first-of-type, .listcontainer .arraylist li > button span:first-of-type {
  max-width: calc(100% - 4em);
  transition: padding 0.25s;
}
.listcontainer .markerlist li > p span:last-of-type, .listcontainer .markerlist li > button span:last-of-type, .listcontainer .arraylist li > p span:last-of-type, .listcontainer .arraylist li > button span:last-of-type {
  width: 1.25em;
  text-align: left;
  font-feature-settings: "tnum";
}
.listcontainer .markerlist li:hover p span:first-of-type, .listcontainer .markerlist li:hover button span:first-of-type, .listcontainer .arraylist li:hover p span:first-of-type, .listcontainer .arraylist li:hover button span:first-of-type {
  padding-left: 2rem;
}
.listcontainer .markerlist li.stick:not(.open) p span:first-of-type, .listcontainer .markerlist li.stick:not(.open) button span:first-of-type, .listcontainer .arraylist li.stick:not(.open) p span:first-of-type, .listcontainer .arraylist li.stick:not(.open) button span:first-of-type {
  padding-left: 2rem;
}
.listcontainer .markerlist li.open .subcontainer, .listcontainer .arraylist li.open .subcontainer {
  display: block;
}
.listcontainer .markerlist li .subcontainer, .listcontainer .arraylist li .subcontainer {
  padding-left: 2rem;
  margin-top: calc(var(--Spacing_Main) / 4);
}
.listcontainer.places {
  padding-bottom: var(--Spacing_Main);
}
.listcontainer.places input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: none;
  padding: 1em 0;
  background: transparent;
  transition: border-color 0.25s, color 0.25s;
  border-bottom: 1px solid var(--Color_Text);
}
.listcontainer.places input::-moz-placeholder {
  color: var(--Color_Text);
}
.listcontainer.places input::placeholder {
  color: var(--Color_Text);
}
.listcontainer.places input:focus::-moz-placeholder {
  color: black;
}
.listcontainer.places input:focus::placeholder {
  color: black;
}
.listcontainer.places input:focus {
  border-color: black;
}
.listcontainer.places .placeholder {
  margin-top: var(--Spacing_Main);
  margin-bottom: 0;
  text-align: center;
}
.listcontainer.places .placeholder.hide {
  visibility: hidden;
}
.listcontainer.places .markerlist li.hide {
  display: none;
}

body.home .listcontainer .markerlist li.maphover, body.home .listcontainer .markerlist li:hover, body.home .listcontainer .arraylist li p.maphover, body.home .listcontainer .arraylist li p:hover {
  background: var(--Color_Purple);
}
body.home .listcontainer .markerlist li + ul .sub:hover, body.home .listcontainer .arraylist li p + ul .sub:hover {
  background: var(--Color_Purple);
}

body.ratsuchende .listcontainer .markerlist li.maphover, body.ratsuchende .listcontainer .markerlist li:hover, body.ratsuchende .listcontainer .arraylist li p.maphover, body.ratsuchende .listcontainer .arraylist li p:hover {
  background: var(--Color_LightPurplePlain);
}
body.ratsuchende .listcontainer .markerlist li + ul .sub:hover, body.ratsuchende .listcontainer .arraylist li p + ul .sub:hover {
  background: var(--Color_LightPurplePlain);
}

body.suche header .searchfield, body.suche nav.breadcrumb {
  display: none;
}
body.suche main {
  padding: calc(var(--Spacing_Main) / 2);
}
body.suche main .searchfield form > div.inputwrapper:after {
  background-image: unset;
}
body.suche main .searchfield input.btn {
  height: 100%;
}
@media (min-width: 768px) {
  body.suche main {
    padding: var(--Spacing_Main);
  }
}

.searchfield {
  transition: 0.25s;
  position: relative;
}
.searchfield form {
  height: 100%;
  position: relative;
  display: flex;
}
.searchfield form > div.inputwrapper {
  position: relative;
}
.searchfield form > div.inputwrapper:after {
  content: "";
  background: var(--Color_BodyBackground);
  position: absolute;
  height: 2rem;
  width: 2rem;
  top: 0;
  right: 0;
  pointer-events: none;
  background-image: url("./graphics/suche.svg");
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 769px) {
  .searchfield form > div.inputwrapper:after {
    height: 100%;
    background-image: none;
    border-bottom: 1px solid;
    pointer-events: all;
  }
}
.searchfield input.search {
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  transition: opacity 0.25s;
  width: 100%;
  position: relative;
  background-color: inherit;
}
@media (min-width: 768px) {
  .searchfield input.search {
    border-bottom: 1px solid var(--Color_Text);
  }
}
.searchfield input.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2rem;
  padding: 0;
  height: 2rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  .searchfield input.btn {
    height: 100%;
    border-bottom: 1px solid var(--Color_Text);
  }
}
.searchfield input.btn {
  border: none;
  top: 0;
  background-color: var(--Color_BodyBackground);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.searchfield input.submit {
  right: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("./graphics/suche.svg");
}
.searchfield input.cancel {
  right: 3rem;
  border-bottom-color: var(--Color_Text);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("./graphics/cancel.svg");
}

.liveresults.liveresults, .results.liveresults {
  position: absolute;
  top: calc(100% + 1rem);
  background: var(--Color_BodyBackground);
  z-index: 99999;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 5rem);
  overflow: auto;
}
@media (min-width: 768px) {
  .liveresults.liveresults, .results.liveresults {
    max-height: 50vh;
  }
}
.liveresults.liveresults, .results.liveresults {
  display: none;
}
.liveresults.resultsFound, .results.resultsFound {
  border: 1px solid;
  display: block;
}
.liveresults li a, .liveresults li.noresult, .results li a, .results li.noresult {
  display: block;
  padding: calc(var(--Spacing_Main) / 2) calc(var(--Spacing_Main) / 2) calc(var(--Spacing_Main) / 2) var(--Spacing_Main);
}
@media (min-width: 768px) {
  .liveresults li a, .liveresults li.noresult, .results li a, .results li.noresult {
    padding: var(--Spacing_Main);
  }
}
.liveresults li a, .liveresults li.noresult, .results li a, .results li.noresult {
  border-bottom: 1px solid;
  transition: color 0.25s;
}
.liveresults li a:hover, .liveresults li.noresult:hover, .results li a:hover, .results li.noresult:hover {
  background: var(--Color_Grey);
}
.liveresults li a.center, .liveresults li.noresult.center, .results li a.center, .results li.noresult.center {
  text-align: center;
}
.liveresults li a.noresult, .liveresults li.noresult.noresult, .results li a.noresult, .results li.noresult.noresult {
  border-bottom: none;
}
.liveresults li:last-of-type a, .results li:last-of-type a {
  border-bottom: 0;
}
.liveresults li a, .results li a {
  position: relative;
}
.liveresults li a:before, .results li a:before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 100%;
  top: 0;
  left: 0;
}
.liveresults li a.allgemein:before, .results li a.allgemein:before {
  background: var(--Color_Orange);
}
.liveresults li a.allgemein .highlight, .results li a.allgemein .highlight {
  background: var(--Color_Orange);
}
.liveresults li a.ratsuchende:before, .results li a.ratsuchende:before {
  background: var(--Color_Purple);
}
.liveresults li a.ratsuchende .highlight, .results li a.ratsuchende .highlight {
  background: var(--Color_Purple);
}
.liveresults li a.projekte:before, .results li a.projekte:before {
  background: var(--Color_Yellow);
}
.liveresults li a.projekte .highlight, .results li a.projekte .highlight {
  background: var(--Color_Yellow);
}
.liveresults li .parents, .results li .parents {
  margin-top: 1rem;
  color: var(--Color_SuperDarkGrey);
}
.liveresults li .parents span, .results li .parents span {
  margin-right: 0.5rem;
}
.liveresults li .parents .separator, .results li .parents .separator {
  display: inline-block;
  opacity: 1;
}

section .searchfield form {
  height: 4rem;
}
section .searchfield form > div.inputwrapper {
  width: 100%;
}
section .searchfield .liveresults {
  top: 5rem;
  max-height: calc(60vh - 5rem);
}
section .searchfield .results {
  margin-top: 1rem;
  transition: opacity 0.25s;
}
section .searchfield .resultsFound + .results {
  opacity: 0;
  visibility: hidden;
}

header .searchfield {
  margin-left: var(--Spacing_Main);
}
header .searchfield .search {
  width: 2rem;
  height: 2rem;
  color: var(--Color_Text);
}
@media (min-width: 769px) {
  header .searchfield .search {
    width: 100%;
    height: 100%;
  }
}
header .searchfield input.btn {
  width: 0;
  visibility: hidden;
  opacity: 0;
}

body.searchOpen {
  overflow: hidden;
}
@media (min-width: 768px) {
  body.searchOpen {
    overflow: auto;
  }
}
body.searchOpen nav.main.open {
  z-index: 1;
}
body.searchOpen nav.main.open > * {
  opacity: 0;
  visibility: hidden;
}

body.searchOpen header {
  position: relative;
  padding-bottom: 0;
  height: 5rem;
  border-bottom: 1px solid;
}
body.searchOpen header .searchfield input.search, body.searchOpen header .searchfield input.btn {
  border-bottom: none;
}
@media (min-width: 1025px) {
  body.searchOpen header {
    border-bottom: 0;
    padding-bottom: 1rem;
  }
  body.searchOpen header .searchfield input.search, body.searchOpen header .searchfield input.btn {
    border-bottom: 1px solid var(--Color_Text);
  }
}
body.searchOpen header.bar {
  position: fixed;
}
body.searchOpen header .logo, body.searchOpen header .hamburger {
  display: none;
}
body.searchOpen header .searchfield {
  flex: 1;
  margin-left: 0;
  height: 100%;
}
@media (min-width: 768px) {
  body.searchOpen header .searchfield {
    height: auto;
  }
}
body.searchOpen header .searchfield form {
  height: 100%;
}
body.searchOpen header .searchfield form > div.inputwrapper:after {
  display: none;
}
@media (min-width: 1025px) {
  body.searchOpen header .searchfield form > div.inputwrapper:after {
    display: block;
    background-image: none;
    border-bottom: 1px solid;
  }
}
body.searchOpen header .searchfield .search {
  width: 100%;
  font-size: 18px;
  height: 100%;
}
body.searchOpen header:after {
  content: "";
  width: 100%;
  position: absolute;
  background: white;
  height: 100vh;
  top: calc(100% + 1px);
  left: 0;
  z-index: 2;
  transition: 0.5s;
}
@media (min-width: 768px) {
  body.searchOpen header:after {
    display: none;
  }
  body.searchOpen header .searchfield {
    flex: 1;
  }
}
@media (min-width: 1025px) {
  body.searchOpen header .logo {
    display: inline;
    max-width: calc(67% - 2.5rem);
  }
  body.searchOpen header .searchfield {
    margin-left: var(--Spacing_Main);
  }
}
body.searchOpen header input.btn {
  visibility: visible;
  opacity: 1;
  width: 2rem;
  height: 100%;
}
body.searchOpen header div.inputwrapper {
  width: calc(100% - 4rem);
}

.honeypot {
  position: absolute;
  left: -9999px;
}

.formcontainer form {
  padding-bottom: var(--Spacing_Main);
}
.formcontainer form .requiredinfo {
  padding-bottom: var(--Spacing_Main);
  color: var(--Color_SuperDarkGrey);
}
.formcontainer label {
  display: block;
}
.formcontainer label abbr {
  text-decoration: none;
}
.formcontainer .field {
  margin-bottom: var(--Spacing_Main);
}
.formcontainer .field input, .formcontainer .field textarea {
  display: block;
  box-sizing: padding-box;
  overflow: hidden;
  background: transparent;
  transition: 0.25s;
  border: none;
  border-bottom: 1px solid var(--Color_DarkGrey);
  padding: 1rem 0;
  width: 100%;
  resize: none;
  border-radius: 0;
  font: inherit;
  font-family: inherit;
  color: var(--Color_Text);
}
.formcontainer .field input:focus, .formcontainer .field textarea:focus {
  border-bottom: 1px solid;
}
.formcontainer .grouplabel {
  color: var(--Color_SuperDarkGrey);
  padding: 1rem 0;
}
.formcontainer .group.radiogroup {
  padding: 1rem 0 0;
}
.formcontainer .group.radiogroup label {
  display: block;
  cursor: pointer;
}
.formcontainer .group.radiogroup {
  color: var(--Color_SuperDarkGrey);
}
.formcontainer .group.radiogroup .field {
  display: grid;
  grid-template-columns: 1rem auto;
  grid-gap: 1rem;
  align-items: center;
}
.formcontainer .group.radiogroup .field input {
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--Color_Text);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  padding: 0;
  cursor: pointer;
}
.formcontainer .group.radiogroup .field input:checked {
  background: var(--Color_Text);
}
.formcontainer form > div:nth-child(6) {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .formcontainer .group {
    display: flex;
    justify-content: space-between;
  }
  .formcontainer .group .field {
    width: calc(50% - 2.5rem);
  }
}
.formcontainer .terms p {
  margin-bottom: var(--Spacing_Main);
  display: flex;
  align-items: center;
}
.formcontainer .terms p.tiny {
  color: var(--Color_SuperDarkGrey);
}
.formcontainer .terms input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 1rem;
  width: 1rem;
  border: 1px solid var(--Color_Text);
  margin-right: 0.5rem;
  transition: 0.25s;
  cursor: pointer;
}
.formcontainer .terms input[type=checkbox]:checked {
  background: var(--Color_Text);
}
.formcontainer .send {
  text-align: right;
}
.formcontainer input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid;
  padding: 0.5rem var(--Spacing_Main);
  background: inherit;
  cursor: pointer;
  transition: 0.25s;
  color: inherit;
}
.formcontainer input[type=submit]:hover {
  background: black;
  border-color: black;
  color: white;
}
.formcontainer span.alert, .formcontainer span.error {
  font-size: 18px;
  margin-top: 1rem;
  padding: 1rem;
  display: block;
}
.formcontainer div.alert {
  padding: 2rem;
  margin-top: 2.5rem;
}

main.internship .formcontainer {
  margin-top: 2.5rem;
}
main.internship .formcontainer form {
  max-width: 920px;
}
main.internship .formcontainer form > div:nth-child(6) {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  main.internship .formcontainer .special {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: start;
    grid-gap: 2.5rem;
    align-items: baseline;
  }
}

body .cookie_edit {
  margin-bottom: 2rem;
  background: var(--Color_Text);
  color: var(--Color_BodyBackground);
  padding: 1rem;
}
body .cookie_edit:hover {
  background: var(--Color_Orange);
}
body #cc-main {
  --cc-font-family: Garnett, sans-serif;
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-pm-toggle-border-radius: 0;
  --cc-primary-color: #000;
  --cc-secondary-color: #000;
  --cc-btn-primary-bg: #000;
  --cc-toggle-off-bg: #000;
  --cc-toggle-on-bg: #000;
  --cc-cookie-category-block-bg: var(--Color_Grey);
  --cc-cookie-category-block-hover-bg: #000;
  --cc-cookie-category-block-hover-border: #000;
  --cc-separator-border-color: transparent;
  --cc-btn-primary-hover-bg: var(--Color_Orange);
  --cc-btn-primary-border-color: transparent;
  --cc-btn-primary-hover-border-color: transparent;
  --cc-btn-secondary-bg: var(--Color_SuperDarkGrey);
  --cc-btn-secondary-color: #fff;
  --cc-btn-secondary-hover-bg: var(--Color_Orange);
  --cc-btn-secondary-border-color: transparent;
  --cc-btn-secondary-hover-border-color: transparent;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: transparent;
}
body #cc-main .cm, body #cc-main .pm {
  background: var(--Color_Purple);
  border-radius: 0;
  max-width: calc(100% - 2.5rem);
  padding: 20px;
}
@media (min-width: 768px) {
  body #cc-main .cm, body #cc-main .pm {
    max-width: 700px;
    padding: 40px;
  }
}
body #cc-main .cm.cm, body #cc-main .pm.cm {
  top: 12vh;
}
@media (min-width: 768px) {
  body #cc-main .cm.cm, body #cc-main .pm.cm {
    top: 22vh;
  }
}
body #cc-main .cm *, body #cc-main .pm * {
  font-family: Garnett, sans-serif;
  font-size: inherit;
  font-weight: inherit;
}
body #cc-main .cm *:focus-visible, body #cc-main .pm *:focus-visible {
  outline: 4px solid #000 !important;
}
body #cc-main .cm .cm__texts, body #cc-main .pm .cm__texts {
  padding: 0;
}
body #cc-main .cm .cm__title, body #cc-main .cm .pm__title, body #cc-main .pm .cm__title, body #cc-main .pm .pm__title {
  font-weight: 400;
  font-size: 28px;
  padding: 0;
  color: initial;
}
body #cc-main .cm div.pm__body > div.pm__section > div.pm__section-title-wrapper > div, body #cc-main .pm div.pm__body > div.pm__section > div.pm__section-title-wrapper > div {
  display: none;
}
body #cc-main .cm .cm__desc,
body #cc-main .cm div.pm__body > div.pm__section > div.pm__section-desc-wrapper > p, body #cc-main .pm .cm__desc,
body #cc-main .pm div.pm__body > div.pm__section > div.pm__section-desc-wrapper > p {
  font-size: 22px;
  font-family: "Literata", serif;
  font-variation-settings: "wght" 310;
  line-height: 1.3;
  color: inherit;
  padding: 0;
}
body #cc-main .cm .cm__desc.cm__desc,
body #cc-main .cm div.pm__body > div.pm__section > div.pm__section-desc-wrapper > p.cm__desc, body #cc-main .pm .cm__desc.cm__desc,
body #cc-main .pm div.pm__body > div.pm__section > div.pm__section-desc-wrapper > p.cm__desc {
  margin: 10px 0 40px 0;
}
body #cc-main .cm .cm__desc a,
body #cc-main .cm div.pm__body > div.pm__section > div.pm__section-desc-wrapper > p a, body #cc-main .pm .cm__desc a,
body #cc-main .pm div.pm__body > div.pm__section > div.pm__section-desc-wrapper > p a {
  position: relative;
  font-family: inherit;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 94%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
}
body #cc-main .cm .cm__desc a:hover,
body #cc-main .cm div.pm__body > div.pm__section > div.pm__section-desc-wrapper > p a:hover, body #cc-main .pm .cm__desc a:hover,
body #cc-main .pm div.pm__body > div.pm__section > div.pm__section-desc-wrapper > p a:hover {
  animation: border2 0.75s forwards;
}
@keyframes border2 {
  0% {
    background-size: 0% 1px;
  }
  100% {
    background-size: 100% 1px;
  }
}
body #cc-main .cm .cm__btns, body #cc-main .pm .cm__btns {
  border-top: none;
  padding: 0;
  flex-direction: column !important;
}
body #cc-main .cm .cm__btn-group, body #cc-main .pm .cm__btn-group {
  display: flex;
  gap: 1.25rem;
}
body #cc-main .cm .cm__btn, body #cc-main .cm .pm__btn, body #cc-main .cm .pm__btn--secondary, body #cc-main .pm .cm__btn, body #cc-main .pm .pm__btn, body #cc-main .pm .pm__btn--secondary {
  background: #000;
  border: none;
  border-radius: 0;
  justify-self: start;
  font-size: 18px;
  margin-bottom: 0 !important;
}
body #cc-main .cm .cm__btn:hover, body #cc-main .cm .pm__btn:hover, body #cc-main .cm .pm__btn--secondary:hover, body #cc-main .pm .cm__btn:hover, body #cc-main .pm .pm__btn:hover, body #cc-main .pm .pm__btn--secondary:hover {
  background: var(--Color_Grey);
  color: #000;
}
body #cc-main .cm .cm__btn--secondary, body #cc-main .pm .cm__btn--secondary {
  background: transparent;
  font-size: 22px;
  color: #000;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  padding: 0 0 0 1rem;
  position: relative;
}
body #cc-main .cm .cm__btn--secondary:hover, body #cc-main .pm .cm__btn--secondary:hover {
  background: transparent;
}
body #cc-main .cm .cm__btn--secondary:hover::after, body #cc-main .pm .cm__btn--secondary:hover::after {
  background: var(--Color_LightPurplePlain);
  width: 100%;
}
body #cc-main .cm .cm__btn--secondary:hover span, body #cc-main .pm .cm__btn--secondary:hover span {
  background-size: 0% 1px;
}
body #cc-main .cm .cm__btn--secondary::after, body #cc-main .pm .cm__btn--secondary::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: width 0.5s;
  left: 0;
  z-index: 0;
}
body #cc-main .cm .cm__btn--secondary span, body #cc-main .pm .cm__btn--secondary span {
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 100% 94%;
  padding-left: 0.9em;
  background-size: calc(100% - 0.9em) 1px;
  transition: background-size 0.5s ease-in-out;
  z-index: 1;
}
body #cc-main .cm .cm__btn--secondary span::before, body #cc-main .pm .cm__btn--secondary span::before {
  content: "";
  display: inline-block;
  height: 1em;
  top: 10px;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2258%22%20height%3D%2255%22%20viewBox%3D%220%200%2058%2055%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M55.5937%2027.0468H1.50001%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M34.5573%2048.069L55.5866%2027.0396L34.5573%206.01025%22%20stroke%3D%22black%22%20 stroke-width='4' stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  z-index: 1;
}
body #cc-main .cm .pm__close-btn, body #cc-main .pm .pm__close-btn {
  background: transparent;
  color: #000;
}
body #cc-main .cm .pm__close-btn svg, body #cc-main .pm .pm__close-btn svg {
  stroke: #000;
  stroke-width: 1;
  transform: scale(1);
  transition: transform 0.25s ease-in-out;
}
body #cc-main .cm .pm__close-btn:hover svg, body #cc-main .pm .pm__close-btn:hover svg {
  transform: rotate(90deg);
}
body #cc-main .cm .pm__section-arrow, body #cc-main .pm .pm__section-arrow {
  background: transparent;
}
body #cc-main .cm .pm__section-arrow svg, body #cc-main .pm .pm__section-arrow svg {
  stroke: #000;
  stroke-width: 1.5;
  transform: scale(1);
}
body #cc-main .cm .pm__section--toggle.is-expanded .pm__section-title, body #cc-main .pm .pm__section--toggle.is-expanded .pm__section-title {
  color: #fff;
  background: #000;
}
body #cc-main .cm .pm__section--toggle.is-expanded .pm__section-title ~ .section__toggle-wrapper .toggle__icon, body #cc-main .pm .pm__section--toggle.is-expanded .pm__section-title ~ .section__toggle-wrapper .toggle__icon {
  background: var(--Color_DarkGrey);
}
body #cc-main .cm .pm__section--toggle.is-expanded .pm__section-title + .pm__section-arrow svg, body #cc-main .pm .pm__section--toggle.is-expanded .pm__section-title + .pm__section-arrow svg {
  transform: scale(1) rotate(180deg);
  filter: invert(1);
}
body #cc-main .cm .pm__section--toggle .pm__section-title:hover, body #cc-main .pm .pm__section--toggle .pm__section-title:hover {
  color: #fff;
}
body #cc-main .cm .pm__section--toggle .pm__section-title:hover ~ .section__toggle-wrapper .toggle__icon, body #cc-main .pm .pm__section--toggle .pm__section-title:hover ~ .section__toggle-wrapper .toggle__icon {
  background: var(--Color_DarkGrey);
}
body #cc-main .cm .pm__section--toggle .pm__section-title:hover + .pm__section-arrow svg, body #cc-main .pm .pm__section--toggle .pm__section-title:hover + .pm__section-arrow svg {
  filter: invert(1);
}
body #cc-main .cm .pm__btn, body #cc-main .pm .pm__btn {
  font-size: 18px;
  font-weight: 400;
}

main.legal .subtitle, main.contact .subtitle {
  margin-top: calc(var(--Spacing_Main) / 2);
}/*# sourceMappingURL=index.css.map */