/*

       ___       _             __    ___
  ____/ (_)___ _(_)___  __  __/ /_  / (_)________ _ _______________
 / __  / / __ `/ / __ \/ / / / __ \/ / / ___/ __ `// ___/ ___/ ___/
/ /_/ / / /_/ / / /_/ / /_/ / /_/ / / / /__/ /_/ // /__(__  |__  )
\__,_/_/\__, /_/ .___/\__,_/_.___/_/_/\___/\__,_(_)___/____/____/
       /____/ /_/

 
 Version: 1.4.4
  Author: digiPublica
 Website: https://www.digipublica.de
 	  Desc: digiPublica Basic CSS for Default NodeTypes

*/

/* -----------------------------------------------
DEFAULT PRESETS
----------------------------------------------- */

:root {
    --max-width: 1500px;
    --border-radius: 0px;
    --grid-gap: 2rem;
}
.main-content {
    display: grid;
}

/* -----------------------------------------------
IMAGES
----------------------------------------------- */
figure {
    margin: 0;
    padding: 0;
}
.image {
    position: relative;
    line-height: 0;
}
.image.width100 {
    width: 100%;
    padding: 0 0 1.95rem 0;
}
.image.width75 {
    width: 75%;
}
.image.width50 {
    width: 50%;
}
.image.width33 {
    width: 33%;
}
.image.width25 {
    width: 25%;
}
.image.width75.left,
.image.width50.left,
.image.width33.left,
.image.width25.left,
.image.width75.left-block,
.image.width50.left-block,
.image.width33.left-block,
.image.width25.left-block {
    float: left;
    padding: 0 2rem 1.95rem 0;
    line-height: 0;
}
.image.width75.center,
.image.width50.center,
.image.width33.center,
.image.width25.center {
    line-height: 0;
    padding: 0 0 1.95rem;
    position: relative;
    margin: 0 auto;
    display: block;
}
.image.width75.right,
.image.width50.right,
.image.width33.right,
.image.width25.right,
.image.width75.right-block,
.image.width50.right-block,
.image.width33.right-block,
.image.width25.right-block {
    float: right;
    padding: 0 0 1.95rem 2rem;
    line-height: 0;
}
.image a {
    display: block;
    padding: 0;
}
.image a:focus-visible {
    outline: #000 solid 2px;
    outline-offset: 5px;
}
.image.left-block,
.image.right-block {
    float: none !important;
}
.image.right-block {
    margin: 0 0 0 auto;
}

/* -----------------------------------------------
IMAGE COPYRIGHT
----------------------------------------------- */

.image-copyright {
    position: absolute;
    bottom: auto;
    transform: translateY(-100%) rotate(-90deg);
    transform-origin: bottom right;
    line-height: 1;
    font-size: .6rem;
    color: #d8d8d8;
    max-width: 45%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.image-copyright::before {
    content: "\f1f9";
    font-family: 'Font Awesome 5 Free';
    padding-right: .25rem;
}

.image.width75.left .image-copyright,
.image.width50.left .image-copyright,
.image.width33.left .image-copyright,
.image.width25.left .image-copyright,
.image.width75.left-block .image-copyright,
.image.width50.left-block .image-copyright,
.image.width33.left-block .image-copyright,
.image.width25.left-block .image-copyright,
.image.width75.center .image-copyright,
.image.width50.center .image-copyright,
.image.width33.center .image-copyright,
.image.width25.center .image-copyright,
.image.width75.right .image-copyright,
.image.width50.right .image-copyright,
.image.width33.right .image-copyright,
.image.width25.right .image-copyright,
.image.width75.right-block .image-copyright,
.image.width50.right-block .image-copyright,
.image.width33.right-block .image-copyright,
.image.width25.right-block .image-copyright,
.image.width100 .image-copyright {
   top: .5rem;
}
.image.width75.left .image-copyright,
.image.width50.left .image-copyright,
.image.width33.left .image-copyright,
.image.width25.left .image-copyright,
.image.width75.left-block .image-copyright,
.image.width50.left-block .image-copyright,
.image.width33.left-block .image-copyright,
.image.width25.left-block .image-copyright {
    right: 2.5rem;
}
.image.width75.center .image-copyright,
.image.width50.center .image-copyright,
.image.width33.center .image-copyright,
.image.width25.center .image-copyright {
    right: .5rem;
}
.image.width75.right .image-copyright,
.image.width50.right .image-copyright,
.image.width33.right .image-copyright,
.image.width25.right .image-copyright,
.image.width75.right-block .image-copyright,
.image.width50.right-block .image-copyright,
.image.width33.right-block .image-copyright,
.image.width25.right-block .image-copyright {
    right: .5rem;
}
.image.width100 .image-copyright {
    right: .5rem;
}

/* -----------------------------------------------
IMAGE RESPONSIVE
----------------------------------------------- */

.image-caption {
    line-height: 1.5;
    color: #757373;
    font-size: 85%;
    padding-top: .5rem;
}

/* -----------------------------------------------
IMAGE RESPONSIVE
----------------------------------------------- */

@media(max-width: 679px) {
    .image.width100.left,
    .image.width100.left-block,
    .image.width100.center,
    .image.width100.right,
    .image.width100.right-block,
    .image.width75.left,
    .image.width75.left-block,
    .image.width75.center,
    .image.width75.right,
    .image.width75.right-block,
    .image.width50.left,
    .image.width50.left-block,
    .image.width50.center,
    .image.width50.right,
    .image.width50.right-block,
    .image.width33.left,
    .image.width33.left-block,
    .image.width33.center,
    .image.width33.right,
    .image.width33.right-block,
    .image.width25.left,
    .image.width25.left-block,
    .image.width25.center,
    .image.width25.right,
    .image.width25.right-block {
        width: 100%;
        float: none;
        padding: 0 0 1rem 0;
    }
    .image.width75.left .image-copyright,
    .image.width50.left .image-copyright,
    .image.width33.left .image-copyright,
    .image.width25.left .image-copyright,
    .image.width75.left-block .image-copyright,
    .image.width50.left-block .image-copyright,
    .image.width33.left-block .image-copyright,
    .image.width25.left-block .image-copyright,    
    .image.width75.center .image-copyright,
    .image.width50.center .image-copyright,
    .image.width33.center .image-copyright,
    .image.width25.center .image-copyright,
    .image.width75.right .image-copyright,
    .image.width50.right .image-copyright,
    .image.width33.right .image-copyright,
    .image.width25.right .image-copyright,
    .image.width75.right-block .image-copyright,
    .image.width50.right-block .image-copyright,
    .image.width33.right-block .image-copyright,
    .image.width25.right-block .image-copyright,    
    .image.width100 .image-copyright {
        right: .5rem;
    }
}

/* -----------------------------------------------
VIDEOS
----------------------------------------------- */

.video {
    position: relative;
    line-height: 0;
}
.video.width100 {
    width: 100%;
    padding: 0 0 1.95rem 0;
}
.video.width75 {
    width: 75%;
}
.video.width50 {
    width: 50%;
}
.video.width33 {
    width: 33%;
}
.video.width25 {
    width: 25%;
}
.video.width75.left,
.video.width50.left,
.video.width33.left,
.video.width25.left,
.video.width75.left-block,
.video.width50.left-block,
.video.width33.left-block,
.video.width25.left-block {
    float: left;
    padding: 0 2rem 1.95rem 0;
    line-height: 0;
}
.video.width75.center,
.video.width50.center,
.video.width33.center,
.video.width25.center {
    line-height: 0;
    padding: 0 0 1.95rem;
    position: relative;
    margin: 0 auto;
    display: block;
}
.video.width75.right,
.video.width50.right,
.video.width33.right,
.video.width25.right,
.video.width75.right-block,
.video.width50.right-block,
.video.width33.right-block,
.video.width25.right-block {
    float: right;
    padding: 0 0 1.95rem 2rem;
    line-height: 0;
}
.video.left-block,
.video.right-block {
    float: none !important;
}
.video.right-block {
    margin: 0 0 0 auto;
}

/* -----------------------------------------------
VIDEO EMBEDDED
----------------------------------------------- */

.video.embedded {
    height: 0;
}
.video.embedded.width100 {
    padding: 0 0 58.25% 0;
}
.video.embedded.width75.left,
.video.embedded.width75.left-block {
    padding: 0 2rem 42.25% 0;
}
.video.embedded.width50.left,
.video.embedded.width50.left-block {
    padding: 0 2rem 28.25% 0;
}
.video.embedded.width33.left,
.video.embedded.width33.left-block {
    padding: 0 2rem 19.25% 0;
}
.video.embedded.width25.left,
.video.embedded.width25.left-block {
    padding: 0 2rem 15.25% 0;
}
.video.embedded.width75.center {
    padding: 0 0 42.25%;
}
.video.embedded.width50.center {
    padding: 0 0 28.25%;
}
.video.embedded.width33.center {
    padding: 0 0 19.25%;
}
.video.embedded.width25.center {
    padding: 0 0 15.25%;
}
.video.embedded.width75.right,
.video.embedded.width75.right-block {
    padding: 0 0 42.25% 2rem;
}
.video.embedded.width50.right,
.video.embedded.width50.right-block {
    padding: 0 0 28.25% 2rem;
}
.video.embedded.width33.right,
.video.embedded.width33.right-block {
    padding: 0 0 19.25% 2rem;
}
.video.embedded.width25.right,
.video.embedded.width25.right-block {
    padding: 0 0 15.25% 2rem;
}
.video.embedded.video-hidden {
    padding: 0 !important;
    height: auto;
}
.video.embedded > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: inherit;
    padding-bottom: 1.95rem !important
}
/* .video[data-video=youtube],
.video[data-video=vimeo] {
    display: none;
} */

/* -----------------------------------------------
VIDEO RESPONSIVE
----------------------------------------------- */

@media(max-width: 679px) {
    .video.width100.left,
    .video.width100.left-block,
    .video.width100.center,
    .video.width100.right,
    .video.width100.right-block,
    .video.width75.left,
    .video.width75.left-block
    .video.width75.center,
    .video.width75.right,
    .video.width75.right-block,
    .video.width50.left,
    .video.width50.left-block,
    .video.width50.center,
    .video.width50.right,
    .video.width50.right-block,
    .video.width33.left,
    .video.width33.left-block,
    .video.width33.center,
    .video.width33.right,
    .video.width33.right-block,
    .video.width25.left,
    .video.width25.left-block,
    .video.width25.center,
    .video.width25.right,
    .video.width25.right-block {
        width: 100%;
        float: none;
        padding: 0 0 1rem 0;
    }
    .video.embedded.width100.left,
    .video.embedded.width100.left-block,
    .video.embedded.width100.center,
    .video.embedded.width100.right,
    .video.embedded.width100.right-block,
    .video.embedded.width75.left,
    .video.embedded.width75.left-block,
    .video.embedded.width75.center,
    .video.embedded.width75.right,
    .video.embedded.width75.right-block,
    .video.embedded.width50.left,
    .video.embedded.width50.left-block,
    .video.embedded.width50.center,
    .video.embedded.width50.right,
    .video.embedded.width50.right-block,
    .video.embedded.width33.left,
    .video.embedded.width33.left-block,
    .video.embedded.width33.center,
    .video.embedded.width33.right,
    .video.embedded.width33.right-block,
    .video.embedded.width25.left,
    .video.embedded.width25.left-block,
    .video.embedded.width25.center,
    .video.embedded.width25.right,
    .video.embedded.width25.right-block {
        padding: 0 0 58.25% 0;
    }
    .video.embedded > iframe {
        padding-bottom: 1rem !important
    }
}

/* -----------------------------------------------
ARTICLE PUBLISHED DATE
----------------------------------------------- */

.article-published {
    display: none;
    padding: 0 2rem;
    margin: 2rem 0 -3rem;
}
.article-published span:first-child {
    font-weight: bold;
}

/* -----------------------------------------------
LIGHTBOX
----------------------------------------------- */
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10011;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10012;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../Images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../Images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../Images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../Images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* -----------------------------------------------
TEXTS
----------------------------------------------- */

.black-text {
  color: #000;
}
.white-text {
  color: #FFF;
}

/* -----------------------------------------------
ASSETLIST
----------------------------------------------- */

.assetlist {
    margin: 0 0 2rem 0;
}
.assetlist ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.assetlist li {
    border-bottom: 2px solid;
    border-color: rgb(128 128 128 / 20%) !important;
    padding: 1rem 0;
}
.assetlist li:first-of-type {
    border-top: 2px solid;
}
.assetlist li::before,
.assetlist li::after {
  display: none;
}
.assetlist .asset {
    display: block;
    padding: 0;
    background: none;
    color: inherit;
}
.assetlist .asset:focus-visible {
    outline: 2px solid #000;
    outline-offset: 5px;
}
.assetlist .asset::after {
    display: none;
}
.assetlist .asset > *:not(img) {
    padding-left: calc(30px + 1rem);
    padding-top: .25rem;
    padding-bottom: .25rem;
    display: block;
}
.assetlist .asset img {
    width: 30px;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.assetlist .asset .asset-size {
    font-style: italic;
}
.assetlist .asset .asset-title {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500;
}

/* -----------------------------------------------
ACCORDION
----------------------------------------------- */

.accordion {
    margin: 0 0 2rem 0;
    border-bottom: 2px solid;
    border-color: rgb(128 128 128 / 20%) !important;
}
.accordion-title {
    text-decoration: none !important;
    position: relative;
    display: block;
    padding-right: 2rem;
    background: none;
}
.accordion-title:focus-visible {
    outline: 2px solid #000;
    outline-offset: 5px;
}
.accordion-title h1,
.accordion-title h2,
.accordion-title h3,
.accordion-title p {
    margin-bottom: 0;
}
.accordion-title i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #3e3d40;
    font-size: 1em;
    line-height: 0;
    transition: all .4s;
}
.accordion-title.ui-state-active i {
    transform: rotate(45deg);
}
.accordion-content {
    position: relative;
}
.accordion-title {
    border-top: 2px solid;
    border-color: inherit;
    padding: 1rem 0;
}

/* -----------------------------------------------
CONTAINER
----------------------------------------------- */

.container {
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
}
.container.contentwidth {
    max-width: 1100px;
    margin: 0 auto;
}
.container.padding-both .container-content {
    padding: 6rem 2rem;
}
.container.padding-top .container-content {
    padding: 6rem 2rem 0 2rem;
}
.container.padding-bottom .container-content {
    padding: 0 2rem 6rem 2rem;
}
.container.padding-disabled .container-content {
    padding: 0 2rem;
}
.container.padding-auto .container-content {
    padding: 0 2rem;
}
.container-content {
    display: block;
    max-width: var(--max-width);
    grid-gap: var(--grid-gap);
    margin: 0 auto;
    width: 100%;
}
.container .container-content::before,
.container .container-content::after {
    display: none;
}
.container-content > .container-content {
    padding: 3rem 0 !important;
}
/* -----------------------------------------------
VERTICAL ALIGNMENT
----------------------------------------------- */

.container.vertical-top  {
    align-items: flex-start;
}
.container.vertical-center {
    align-items: center;
}
.container.vertical-bottom {
    align-items: flex-end;
}

/* -----------------------------------------------
HEIGHT
----------------------------------------------- */

.container[data-height-desktop~="auto"] {
    min-height: auto;
}
.container[data-height-desktop~="100vh"] {
    min-height: 100vh;
}
.container[data-height-desktop~="75vh"] {
    min-height: 75vh;
}
.container[data-height-desktop~="50vh"] {
    min-height: 50vh;
}
.container[data-height-desktop~="25vh"] {
    min-height: 25vh;
}
.container[data-height-desktop~="100px"] {
    min-height: 100px;
}
.container[data-height-desktop~="150px"] {
    min-height: 150px;
}
.container[data-height-desktop~="200px"] {
    min-height: 200px;
}
.container[data-height-desktop~="250px"] {
    min-height: 250px;
}
.container[data-height-desktop~="300px"] {
    min-height: 300px;
}
.container[data-height-desktop~="350px"] {
    min-height: 350px;
}
.container[data-height-desktop~="400px"] {
    min-height: 400px;
}
.container[data-height-desktop~="450px"] {
    min-height: 450px;
}
.container[data-height-desktop~="500px"] {
    min-height: 500px;
}
.container[data-height-desktop~="550px"] {
    min-height: 550px;
}
.container[data-height-desktop~="600px"] {
    min-height: 600px;
}
.container[data-height-desktop~="650px"] {
    min-height: 650px;
}
.container[data-height-desktop~="700px"] {
    min-height: 700px;
}
.container[data-height-desktop~="750px"] {
    min-height: 750px;
}
.container[data-height-desktop~="800px"] {
    min-height: 800px;
}
.container[data-height-desktop~="850px"] {
    min-height: 850px;
}
.container[data-height-desktop~="900px"] {
    min-height: 900px;
}
.container[data-height-desktop~="950px"] {
    min-height: 950px;
}
.container[data-height-desktop~="1000px"] {
    min-height: 1000px;
}

/* -----------------------------------------------
BACKGROUND IMAGE
----------------------------------------------- */

.container-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}
.container-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.container-image > .image-copyright {
    top: .5rem;
    right: .5rem;
    z-index: 1;
}

/* -----------------------------------------------
BACKGROUND IMAGE OVERLAY
----------------------------------------------- */

.container .black-overlay.container-image::after,
.container .white-overlay.container-image::after,
.container .default-overlay.container-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.container .black-overlay.container-image::after {
    background: rgb(0 0 0 / 50%);
}
.container .white-overlay.container-image::after {
    background: rgb(255 255 255 / 50%);
}
.container .color-overlay,
.mehrspalter .color-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* -----------------------------------------------
BACKGROUND IMAGE BLUR
----------------------------------------------- */

.container .light-blur.container-image img,
.container .medium-blur.container-image img,
.container .strong-blur.container-image img {
    transform: scale(1.03);
}
.container .light-blur.container-image img {
    filter: blur(5px);
}
.container .medium-blur.container-image img {
    filter: blur(10px);
}
.container .strong-blur.container-image img {
    filter: blur(15px);
}

/* -----------------------------------------------
BACKGROUND COLOR
----------------------------------------------- */

.container.disabled-background {
    background: transparent;
}
.container.white-background { 
    background: #FFF;
}
.container.grey-background {
    background: #f4f7fa;
}

/* -----------------------------------------------
RESPONSIVE
----------------------------------------------- */

@media(max-width: 767px) {
    .container[data-height-mobile~="auto"] {
        min-height: auto;
    }
    .container[data-height-mobile~="100vh"] {
        min-height: 100vh;
    }
    .container[data-height-mobile~="100px"] {
        min-height: 100px;
    }
    .container[data-height-mobile~="150px"] {
        min-height: 150px;
    }
    .container[data-height-mobile~="200px"] {
        min-height: 200px;
    }
    .container[data-height-mobile~="250px"] {
        min-height: 250px;
    }
    .container[data-height-mobile~="300px"] {
        min-height: 300px;
    }
    .container[data-height-mobile~="350px"] {
        min-height: 350px;
    }
    .container[data-height-mobile~="400px"] {
        min-height: 400px;
    }
    .container[data-height-mobile~="450px"] {
        min-height: 450px;
    }
    .container[data-height-mobile~="500px"] {
        min-height: 500px;
    }
    .container[data-height-mobile~="550px"] {
        min-height: 550px;
    }
    .container[data-height-mobile~="600px"] {
        min-height: 600px;
    }
    .container[data-height-mobile~="650px"] {
        min-height: 650px;
    }
    .container[data-height-mobile~="700px"] {
        min-height: 700px;
    }
    .container[data-height-mobile~="750px"] {
        min-height: 750px;
    }
    .container[data-height-mobile~="800px"] {
        min-height: 800px;
    }
    .container[data-height-mobile~="850px"] {
        min-height: 850px;
    }
    .container[data-height-mobile~="900px"] {
        min-height: 900px;
    }
    .container[data-height-mobile~="950px"] {
        min-height: 950px;
    }
    .container[data-height-mobile~="1000px"] {
        min-height: 1000px;
    }
}

/* -----------------------------------------------
SECTION
----------------------------------------------- */

.section {
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
}
.section.contentwidth {
    max-width: 1100px;
    margin: 0 auto;
}
.section.padding-both .section-content {
    padding: 6rem 0;
}
.section.padding-top .section-content {
    padding: 6rem 0 0 0;
}
.section.padding-bottom .section-content {
    padding: 0 0 6rem 0;
}
.section.padding-disabled .section-content {
    padding: 0 0;
}
.section.padding-auto .section-content {
    padding: 0 0;
}
.section-content {
    max-width: var(--max-width);
    display: table;
    margin: 0 auto;
    width: 100%;
    min-height: inherit;
}
.section .section-content::before,
.section .section-content::after {
    display: none;
}
.section-content > .neos-contentcollection {
    display: table-cell;
    height: 100%;
}

/* -----------------------------------------------
VERTICAL ALIGNMENT
----------------------------------------------- */

.section.vertical-top .section-content > .neos-contentcollection {
    vertical-align: top;
}
.section.vertical-center .section-content > .neos-contentcollection {
    vertical-align: middle;
}
.section.vertical-bottom .section-content > .neos-contentcollection {
    vertical-align: bottom;
}

/* -----------------------------------------------
HEIGHT
----------------------------------------------- */

.section[data-height-desktop~="auto"] {
    min-height: auto;
}
.section[data-height-desktop~="100vh"] {
    min-height: 100vh;
}
.section[data-height-desktop~="100px"] {
    min-height: 100px;
}
.section[data-height-desktop~="150px"] {
    min-height: 150px;
}
.section[data-height-desktop~="200px"] {
    min-height: 200px;
}
.section[data-height-desktop~="250px"] {
    min-height: 250px;
}
.section[data-height-desktop~="300px"] {
    min-height: 300px;
}
.section[data-height-desktop~="350px"] {
    min-height: 350px;
}
.section[data-height-desktop~="400px"] {
    min-height: 400px;
}
.section[data-height-desktop~="450px"] {
    min-height: 450px;
}
.section[data-height-desktop~="500px"] {
    min-height: 500px;
}
.section[data-height-desktop~="550px"] {
    min-height: 550px;
}
.section[data-height-desktop~="600px"] {
    min-height: 600px;
}
.section[data-height-desktop~="650px"] {
    min-height: 650px;
}
.section[data-height-desktop~="700px"] {
    min-height: 700px;
}
.section[data-height-desktop~="750px"] {
    min-height: 750px;
}
.section[data-height-desktop~="800px"] {
    min-height: 800px;
}
.section[data-height-desktop~="850px"] {
    min-height: 850px;
}
.section[data-height-desktop~="900px"] {
    min-height: 900px;
}
.section[data-height-desktop~="950px"] {
    min-height: 950px;
}
.section[data-height-desktop~="1000px"] {
    min-height: 1000px;
}

/* -----------------------------------------------
BACKGROUND IMAGE
----------------------------------------------- */

.section-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}
.section-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.section-image > .image-copyright {
    top: .5rem;
    right: .5rem;
    z-index: 1;
}

/* -----------------------------------------------
BACKGROUND IMAGE OVERLAY
----------------------------------------------- */

.section.black-overlay .section-image::after,
.section.white-overlay .section-image::after,
.section.default-overlay .section-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.section.black-overlay .section-image::after {
    background: rgb(0 0 0 / 50%);
}
.section.white-overlay .section-image::after {
    background: rgb(255 255 255 / 50%);
}

/* -----------------------------------------------
BACKGROUND IMAGE BLUR
----------------------------------------------- */

.section.light-blur .section-image img,
.section.medium-blur .section-image img,
.section.strong-blur .section-image img {
    transform: scale(1.03);
}
.section.light-blur .section-image img {
    filter: blur(5px);
}
.section.medium-blur .section-image img {
    filter: blur(10px);
}
.section.strong-blur .section-image img {
    filter: blur(15px);
}

/* -----------------------------------------------
BACKGROUND COLOR
----------------------------------------------- */

.section.disabled-background {
    background: transparent;
}
.section.white-background { 
    background: #FFF;
}
.section.grey-background {
    background: #f4f7fa;
}

/* -----------------------------------------------
RESPONSIVE
----------------------------------------------- */

@media(max-width: 767px) {
    .section[data-height-mobile~="auto"] {
        min-height: auto;
    }
    .section[data-height-mobile~="100vh"] {
        min-height: 100vh;
    }
    .section[data-height-mobile~="100px"] {
        min-height: 100px;
    }
    .section[data-height-mobile~="150px"] {
        min-height: 150px;
    }
    .section[data-height-mobile~="200px"] {
        min-height: 200px;
    }
    .section[data-height-mobile~="250px"] {
        min-height: 250px;
    }
    .section[data-height-mobile~="300px"] {
        min-height: 300px;
    }
    .section[data-height-mobile~="350px"] {
        min-height: 350px;
    }
    .section[data-height-mobile~="400px"] {
        min-height: 400px;
    }
    .section[data-height-mobile~="450px"] {
        min-height: 450px;
    }
    .section[data-height-mobile~="500px"] {
        min-height: 500px;
    }
    .section[data-height-mobile~="550px"] {
        min-height: 550px;
    }
    .section[data-height-mobile~="600px"] {
        min-height: 600px;
    }
    .section[data-height-mobile~="650px"] {
        min-height: 650px;
    }
    .section[data-height-mobile~="700px"] {
        min-height: 700px;
    }
    .section[data-height-mobile~="750px"] {
        min-height: 750px;
    }
    .section[data-height-mobile~="800px"] {
        min-height: 800px;
    }
    .section[data-height-mobile~="850px"] {
        min-height: 850px;
    }
    .section[data-height-mobile~="900px"] {
        min-height: 900px;
    }
    .section[data-height-mobile~="950px"] {
        min-height: 950px;
    }
    .section[data-height-mobile~="1000px"] {
        min-height: 1000px;
    }
}

/* -----------------------------------------------
BUTTON
----------------------------------------------- */

.button {
    display: inline-block;
}
.button .button-content {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: bold;
    overflow: hidden;
    background: none;
}
.button .button-content > * {
    width: 100%;
    padding: .5rem;
    transition: background .25s, border-color .25s, color .25s;
}
.button .button-content > span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.button .button-content > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42.5px;
}
.button .button-content > i::after {
    content: "";
    float: left;
    padding-top: 100%;
}

/* -----------------------------------------------
ALIGNMENT
----------------------------------------------- */

.button.left {
    margin: 0 1rem 1rem 0;
}
.button.center {
    margin: 0 auto 1rem;
    justify-content: center;
    display: flex;
}
.button.right {
    margin: 0 0 1rem 1rem;
    float: right;
}

/* -----------------------------------------------
COLORS
----------------------------------------------- */

.button.solid a > * {
    border: 2px solid;
}
.button.solid.black-background a > * {
    background: #000;
    border-color: #000;
    color: #FFF;
}
.button.solid.white-background a > * {
    background: #FFF;
    border-color: #FFF;
    color: #000;
}
.button.solid.black-background a:hover > *,
.button.solid.black-background a:focus > *,
.button.solid.black-background a:active > * {
    background: #FFF;
    border-color: #FFF;
    color: #000;
}
.button.solid.white-background a:hover > *,
.button.solid.white-background a:focus > *,
.button.solid.white-background a:active > * {
    background: #000;
    border-color: #000;
    color: #FFF;
}
.button.ghost a > * {
    border: 2px solid;
}
.button.ghost.black-background a > * {
    background: transparent;
    border-color: #000;
    color: #000;
}
.button.ghost.white-background a > * {
    background: transparent;
    border-color: #FFF;
    color: #FFF;
}
.button.ghost.black-background a:hover > *,
.button.ghost.black-background a:focus > *,
.button.ghost.black-background a:active > * {
    background: #000;
    border-color: #000;
    color: #FFF;
}
.button.ghost.white-background a:hover > *,
.button.ghost.white-background a:focus > *,
.button.ghost.white-background a:active > * {
    background: #FFF;
    border-color: #FFF;
    color: #000;
}

/* -----------------------------------------------
MEHRSPALTER
----------------------------------------------- */

.mehrspalter {
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
}
.mehrspalter.contentwidth {
    max-width: 1100px;
    margin: 0 auto;
}
.mehrspalter.padding-both .mehrspalter-content {
    padding: 6rem 2rem;
}
.mehrspalter.padding-top .mehrspalter-content {
    padding: 6rem 2rem 0 2rem
}
.mehrspalter.padding-bottom .mehrspalter-content {
    padding: 0 2rem 6rem 2rem;
}
.mehrspalter.padding-disabled .mehrspalter-content {
    padding: 0 2rem;
}
.mehrspalter.padding-auto .mehrspalter-content {
    padding: 0 2rem;
}
.mehrspalter-content {
    display: grid;
    max-width: var(--max-width);
    grid-gap: var(--grid-gap);
    margin: 0 auto;
    width: 100%;
}
.mehrspalter .mehrspalter-content::before,
.mehrspalter .mehrspalter-content::after {
    display: none;
}

/* -----------------------------------------------
COLUMN LAYOUT
----------------------------------------------- */

.mehrspalter.columns2[data-layout="auto"] .mehrspalter-content {
    grid-template-columns: 1fr 1fr;
}
.mehrspalter.columns2[data-layout="40-60"] .mehrspalter-content {
    grid-template-columns: .4fr .6fr;
}
.mehrspalter.columns2[data-layout="60-40"] .mehrspalter-content {
    grid-template-columns: .6fr .4fr;
}
.mehrspalter.columns2[data-layout="25-75"] .mehrspalter-content {
    grid-template-columns: .25fr .75fr;
}
.mehrspalter.columns2[data-layout="75-25"] .mehrspalter-content {
    grid-template-columns: .75fr .25fr;
}

.mehrspalter.columns3[data-layout="auto"] .mehrspalter-content {
    grid-template-columns: 1fr 1fr 1fr;
}
.mehrspalter.columns3[data-layout="20-20-60"] .mehrspalter-content {
    grid-template-columns: .2fr .2fr .6fr;
}
.mehrspalter.columns3[data-layout="60-20-20"] .mehrspalter-content {
    grid-template-columns: .6fr .2fr .2fr;
}
.mehrspalter.columns3[data-layout="20-60-20"] .mehrspalter-content {
    grid-template-columns: .2fr .6fr .2fr;
}
.mehrspalter.columns3[data-layout="25-25-50"] .mehrspalter-content {
    grid-template-columns: .25fr .25fr .5fr;
}
.mehrspalter.columns3[data-layout="50-25-25"] .mehrspalter-content {
    grid-template-columns: .5fr .25fr .25fr;
}
.mehrspalter.columns3[data-layout="25-50-25"] .mehrspalter-content {
    grid-template-columns: .25fr .5fr .25fr;
}

.mehrspalter.columns4[data-layout="auto"] .mehrspalter-content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mehrspalter.columns5[data-layout="auto"] .mehrspalter-content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.mehrspalter.columns6[data-layout="auto"] .mehrspalter-content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.mehrspalter .spalte {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.mehrspalter .spalte .spalte-content {
    display: table-cell;
    height: 100%;
    width: 100%;
}

/* -----------------------------------------------
COLUMN VERTICAL
----------------------------------------------- */

.mehrspalter.vertical-top  {
    align-items: flex-start;
}
.mehrspalter.vertical-center {
    align-items: center;
}
.mehrspalter.vertical-bottom {
    align-items: flex-end;
}

/* -----------------------------------------------
HEIGHT
----------------------------------------------- */

.mehrspalter[data-height-desktop~="auto"] {
    min-height: auto;
}
.mehrspalter[data-height-desktop~="100vh"] {
    min-height: 100vh;
}
.mehrspalter[data-height-desktop~="75vh"] {
    min-height: 75vh;
}
.mehrspalter[data-height-desktop~="50vh"] {
    min-height: 50vh;
}
.mehrspalter[data-height-desktop~="25vh"] {
    min-height: 25vh;
}
.mehrspalter[data-height-desktop~="100px"] {
    min-height: 100px;
}
.mehrspalter[data-height-desktop~="200px"] {
    min-height: 200px;
}
.mehrspalter[data-height-desktop~="300px"] {
    min-height: 300px;
}
.mehrspalter[data-height-desktop~="400px"] {
    min-height: 400px;
}
.mehrspalter[data-height-desktop~="500px"] {
    min-height: 500px;
}
.mehrspalter[data-height-desktop~="600px"] {
    min-height: 600px;
}
.mehrspalter[data-height-desktop~="700px"] {
    min-height: 700px;
}
.mehrspalter[data-height-desktop~="800px"] {
    min-height: 800px;
}
.mehrspalter[data-height-desktop~="900px"] {
    min-height: 900px;
}
.mehrspalter[data-height-desktop~="1000px"] {
    min-height: 1000px;
}

/* -----------------------------------------------
BACKGROUND IMAGE
----------------------------------------------- */

.mehrspalter-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}
.mehrspalter-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.mehrspalter-image > .image-copyright {
    top: .5rem;
    right: .5rem;
    z-index: 1;
}

/* -----------------------------------------------
BACKGROUND IMAGE OVERLAY
----------------------------------------------- */

.mehrspalter .black-overlay.mehrspalter-image::after,
.mehrspalter .white-overlay.mehrspalter-image::after,
.mehrspalter .default-overlay.mehrspalter-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.mehrspalter .black-overlay.mehrspalter-image::after {
    background: rgb(0 0 0 / 50%);
}
.mehrspalter .white-overlay.mehrspalter-image::after {
    background: rgb(255 255 255 / 50%);
}

/* -----------------------------------------------
BACKGROUND IMAGE BLUR
----------------------------------------------- */

.mehrspalter .light-blur.mehrspalter-image img,
.mehrspalter .medium-blur.mehrspalter-image img,
.mehrspalter .strong-blur.mehrspalter-image img {
    transform: scale(1.03);
}
.mehrspalter .light-blur.mehrspalter-image img {
    filter: blur(5px);
}
.mehrspalter .medium-blur.mehrspalter-image img {
    filter: blur(10px);
}
.mehrspalter .strong-blur.mehrspalter-image img {
    filter: blur(15px);
}

/* -----------------------------------------------
BACKGROUND COLOR
----------------------------------------------- */

.mehrspalter.disabled-background {
    background: transparent;
}
.mehrspalter.white-background { 
    background: #FFF;
}
.mehrspalter.grey-background {
    background: #f4f7fa;
}

/* -----------------------------------------------
RESPONSIVE
----------------------------------------------- */

@media (max-width: 1350px) and (min-width: 1201px) {
    .mehrspalter.columns6[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}
@media (max-width: 1200px) and (min-width: 1025px) {
    .mehrspalter.columns5[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .mehrspalter.columns6[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }    
}
@media (max-width: 1024px) and (min-width: 768px) {
    .mehrspalter.columns4[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .mehrspalter.columns5[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .mehrspalter.columns6[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr 1fr;
    }    
}
@media (max-width: 767px) and (min-width: 481px) {
    .mehrspalter.columns3[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns3[data-layout="20-20-60"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns3[data-layout="60-20-20"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns3[data-layout="20-60-20"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns3[data-layout="25-25-50"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns3[data-layout="50-25-25"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns3[data-layout="25-50-25"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns4[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns5[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .mehrspalter.columns6[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }    
}
@media (max-width: 480px) {
    .mehrspalter.columns2[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns2[data-layout="40-60"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns2[data-layout="60-40"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns2[data-layout="25-75"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns2[data-layout="75-25"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }  
    .mehrspalter.columns3[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns3[data-layout="20-20-60"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns3[data-layout="60-20-20"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns3[data-layout="20-60-20"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns3[data-layout="25-25-50"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns3[data-layout="50-25-25"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns3[data-layout="25-50-25"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns4[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns5[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }
    .mehrspalter.columns6[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr;
    }    
}
@media (max-width: 767px) { 
    .mehrspalter[data-height-mobile~="auto"] {
        min-height: auto;
    }    
    .mehrspalter[data-height-mobile~="100vh"] {
        min-height: 100vh;
    }
    .mehrspalter[data-height-mobile~="100px"] {
        min-height: 100px;
    }
    .mehrspalter[data-height-mobile~="200px"] {
        min-height: 200px;
    }
    .mehrspalter[data-height-mobile~="300px"] {
        min-height: 300px;
    }
    .mehrspalter[data-height-mobile~="400px"] {
        min-height: 400px;
    }
    .mehrspalter[data-height-mobile~="500px"] {
        min-height: 500px;
    }
    .mehrspalter[data-height-mobile~="600px"] {
        min-height: 600px;
    }
    .mehrspalter[data-height-mobile~="700px"] {
        min-height: 700px;
    }
    .mehrspalter[data-height-mobile~="800px"] {
        min-height: 800px;
    }
    .mehrspalter[data-height-mobile~="900px"] {
        min-height: 900px;
    }
    .mehrspalter[data-height-mobile~="1000px"] {
        min-height: 1000px;
    }
}

/* -----------------------------------------------
PADDING AUTO ALIGNMENT
----------------------------------------------- */

div.padding-auto:first-of-type .container-content,
div.padding-auto:first-of-type .mehrspalter-content,
div.padding-auto:first-of-type .section-content {
    padding: 6rem 2rem 0;
}
div.padding-auto:last-of-type .container-content,
div.padding-auto:last-of-type .mehrspalter-content,
div.padding-auto:last-of-type .section-content {
    padding: 0 2rem 6rem;
}
div.padding-auto:first-of-type:last-of-type .container-content,
div.padding-auto:first-of-type:last-of-type .mehrspalter-content,
div.padding-auto:first-of-type:last-of-type .section-content {
    padding: 6rem 2rem;
}

/* -----------------------------------------------
PAGETEASER
----------------------------------------------- */

.slick-slide {
    height: auto;
}
.pageteaser {
    position: relative;
}
.pageteaser .pageteaser-teaser {
    clear: both;
}
.pageteaser.grid-disabled .pageteaser-teaser:not(:last-child) {
    margin: 0 0 2rem;
}
.pageteaser .pageteaser-content::after {
    display: none;
}
.pageteaser .pageteaser-goto {
    margin-top: 1rem !important;
}
.pageteaser .pageteaser-teaser > span {
    font-style: italic;
    margin: 0 0 .75rem;
    display: block;
}
.pageteaser ul li {
    position: relative;
    display: inline-block;
    padding: 0 0 0 1rem;
}
.pageteaser ul li:first-child {
    padding-left: 0;
}
.pageteaser ul li.pageteaser-category {
    font-weight: 600;
}
.pageteaser ul li:first-child::before {
    display: none;
}
.pageteaser ul li::before {
    content: ".";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    padding-right: .5rem;
    position: absolute;
    left: .25rem;
    top: 35%;
    line-height: 0;
}
.pageteaser-text-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 1.5rem 1.5rem 4rem;
}
.no-images-allowed .pageteaser-text-content {
    position: relative;
    width: 100%;
}
.pageteaser.grid-disabled .pageteaser-text-content {
    position: inherit;
    padding: 0;
}

/* -----------------------------------------------
SLIDER CONDITIONS
----------------------------------------------- */

.slider .pageteaser {
    padding: 0 2rem;
}
.slider .pageteaser > * {
    max-width: calc(var(--max-width) - 4rem);
    margin: 0 auto;
    overflow: hidden;
}
.slider .pageteaser .slick-list {
    margin: 0 -1rem;
}
.slider .pageteaser .pageteaser-teaser {
    margin: 0 1rem !important;
}
.slider[data-show]::before {
    display: none !important;
}
body.dark .slick-dots li button::before {
    color: #fff;
}
body.dark .slick-dots li.slick-active button::before {
    color: #fff;
}

/* -----------------------------------------------
CENTERED SLIDER
----------------------------------------------- */

.stage .slider {
    position: relative;
}
/* margin-top 90px, da sonst das mittlere Bild die Überschrift verdeckt */
.slider[data-centermode="enabled"],
.slider[data-centermode="disabled"] {
    position: relative;
    left: auto;
    bottom: auto;
    right: auto;
    overflow: visible;
}
.slider .pageteaser > * {
    max-width: 1300px;
}
.slider[data-centermode="enabled"] .slider-content,
.slider[data-centermode="enabled"] .slider-content > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.slider[data-centermode="enabled"] .slider-content > div {
    overflow-x: hidden;
}
.slider[data-centermode="enabled"] .pageteaser,
.slider[data-centermode="enabled"] .pageteaser-content {
    overflow: visible !important;
}
.slider[data-centermode="enabled"] .pageteaser.grid-enabled .pageteaser-content {
    display: table !important;
    width: 100%;
    table-layout: fixed;
    padding-bottom: 2rem;
}
.slider[data-centermode="enabled"] .slick-list {
    padding: 0 !important;
    overflow: visible !important;
}
.slider[data-centermode="enabled"] .slick-track {
    margin: 1rem auto 1rem;
    overflow: visible !important;
    display: flex;
}
.slider[data-centermode="enabled"] .slick-slide:not(.slick-center) {
    z-index: -1;
}
.slider[data-centermode="enabled"] .slick-slide.slick-center {
    transform: scale(1.25);
    box-shadow: 0 0 4rem -2rem rgba(0,0,0,.75), 0 0 1rem -.5rem rgba(0,0,0,.75);
}
.slider[data-centermode="enabled"] .slick-slide.slick-center .pageteaser-text-content h3 {
    font-size: 100%;
}
.slider[data-centermode="enabled"] .slick-slide.slick-center .pageteaser-text-content ul li,
.slider[data-centermode="enabled"] .slick-slide.slick-center .pageteaser-text-content p {
    font-size: 75%;
}
.slider[data-centermode="enabled"] .slick-slide.slick-center .pageteaser-text-content .button span {
    font-size: 100%;
    padding: .4rem .5rem;
}
.slider[data-centermode="enabled"] .slick-slide {
    position: relative;
    transition: all .25s;
    overflow: hidden !important;
    grid-template-rows: auto max-content !important;
    min-height: 400px;
    background: rgba(255,255,255,.9);
}
.slider[data-centermode="enabled"] .slick-slide .image {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.slider[data-centermode="enabled"] .slick-slide .image * {
    height: 100%;
    object-fit: cover;
}
.slider[data-centermode="enabled"] .slick-slide .pageteaser-text-content {
    width: 100%;
    grid-row-start: 2;
}
.slider[data-centermode="enabled"] .pageteaser .pageteaser-teaser,
.slider[data-centermode="disabled"] .pageteaser .pageteaser-teaser {
    clear: none;
}
/* Bottom 50% damit die Punkte in der Mitte des Sliders sind */
.slider[data-centermode="enabled"] .slick-dots {
    bottom: -3rem;
}



/* .slider[data-centermode="enabled"] .slider-content::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 25vw;
    z-index: 1;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.slider[data-centermode="enabled"] .slider-content::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 25vw;
    z-index: 1;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(-90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: linear-gradient(-90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
} */
.slick-next,
.slick-prev {
    z-index: 2;
}
@media (max-width: 1100px) {
    .slider[data-centermode="enabled"] .slick-slide {
        min-height: 300px;
    }
}
@media (max-width: 800px) {
    #main .slider[data-centermode="enabled"] .slick-list {
        padding: 0 2rem !important;
    }
    .slider[data-centermode="enabled"] .slick-slide {
        min-height: 500px;
    }
    .slider[data-centermode="enabled"] .slider-content::before,
    .slider[data-centermode="enabled"] .slider-content::after {
        display: none;
    }
    .slick-prev {
        left: 1.5rem;
    }
    .slick-next {
        right: 1.5rem;
    }
    .slider[data-centermode="enabled"] .slick-track {
        margin: auto;
    }
    .slider[data-centermode="enabled"] .slick-slide.slick-center {
        transform: scale(1);
    }
    .slider[data-centermode="enabled"] .slick-slide:not(.slick-center) {
        transform: scale(1);
    }
    .slider[data-centermode="enabled"] .slick-slide.slick-center h3 {
        font-size: 1.5em;
    }
    .slider[data-centermode="enabled"] .slick-slide.slick-center p {
        font-size: 1em;
    }
    .slider[data-centermode="enabled"] .slick-slide.slick-center .button span {
        font-size: 1.1rem;
        padding: .6rem .75rem;
    }
    .slider[data-centermode="enabled"] .slick-dots {
        bottom: 0;
    }
}
@media (max-width: 540px) {
    .slider[data-centermode="enabled"] .slick-slide {
        min-height: 100vw;
    }
    .slider[data-centermode="enabled"] .slick-next,
    .slider[data-centermode="enabled"] .slick-prev {
        bottom: -2rem;
    }
    .slider[data-centermode="enabled"] .slick-next {
        right: 1rem;
    }
    .slider[data-centermode="enabled"] .slick-prev {
        left: 1rem;
    }
}

/* -----------------------------------------------
GRID LAYOUT
----------------------------------------------- */

.pageteaser.grid-enabled .pageteaser-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--grid-gap);
}
.pageteaser.grid-enabled .image {
    padding: 0;
    margin: 0 0 1rem;
}
.pageteaser.grid-enabled.teaserColumns2 .pageteaser-content {
    grid-template-columns: 1fr 1fr;
}
.pageteaser.grid-enabled.teaserColumns3 .pageteaser-content {
    grid-template-columns: 1fr 1fr 1fr;
}

/* -----------------------------------------------
RESPONSIVE
----------------------------------------------- */

@media (max-width: 1024px) and (min-width: 768px) {
    .pageteaser.grid-enabled .pageteaser-content {
        grid-template-columns: 1fr 1fr 1fr;
    } 
}
@media (max-width: 767px) and (min-width: 481px) {
    .pageteaser.grid-enabled .pageteaser-content,
    .pageteaser.grid-enabled.teaserColumns3 .pageteaser-content {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 480px) {
    .pageteaser.grid-enabled .pageteaser-content,
    .pageteaser.grid-enabled.teaserColumns2 .pageteaser-content,
    .pageteaser.grid-enabled.teaserColumns3 .pageteaser-content {
        grid-template-columns: 1fr;
    }
}

/* -----------------------------------------------
IMAGEGALLERY
----------------------------------------------- */

.imagegallery {
    position: relative;
    overflow: hidden;
    margin: 0 0 1rem;
}
/* .imagegallery-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--grid-gap);
    grid-template-areas:
        "large large small-t-l small-t-r"
        "large large small-b-l small-b-r";
} */
.imagegallery-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1rem !important;
}
.imagegallery-content > div:nth-of-type(1) {
    grid-area: inherit;
    height: 20vh;
}
.imagegallery-content > div {
    grid-area: inherit !important;
}

.imagegallery-content::after {
    display: none;
}
.imagegallery-content .image {
    padding: 0 !important;
    height: 20vh;
    overflow: hidden;
}
.imagegallery-content .image a {
    height: 100%;
}
/* .imagegallery-content > div:nth-of-type(1) {
    grid-area: large;
    height: calc(40vh + var(--grid-gap));
}
.imagegallery-content > div:nth-of-type(2) {
    grid-area: small-t-l;
}
.imagegallery-content > div:nth-of-type(3) {
    grid-area: small-t-r;
}
.imagegallery-content > div:nth-of-type(4) {
    grid-area: small-b-l;
}
.imagegallery-content > div:nth-of-type(5) {
    grid-area: small-b-r;
} */
.imagegallery-content img {
    object-fit: cover;
    height: 100%;
}
.imagegallery ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.imagegallery li {
  padding: 0;
}
.imagegallery li::before,
.imagegallery li::after {
  display: none;
}

/* -----------------------------------------------
RESPONSIVE
----------------------------------------------- */

@media (max-width: 767px) and (min-width: 481px) {
    .imagegallery-content {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 480px) {
    .imagegallery-content {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: none !important;
    }
    .imagegallery-content .image {
        grid-area: auto !important;
    }
}

/* -----------------------------------------------
NAVIGATION MENU
----------------------------------------------- */

.navigation.columns > .navigation-menu > .navigation-list {
    display: grid;
    grid-gap: var(--grid-gap);
    width: 100%;
}
.navigation > .navigation-menu > .navigation-list::after {
    display: none;
}

.navigation[data-layout="50-50"] > .navigation-menu > .navigation-list {
    grid-template-columns: 1fr 1fr;
}
.navigation[data-layout="33-33-33"] > .navigation-menu > .navigation-list {
    grid-template-columns: 1fr 1fr 1fr;
}
.navigation[data-layout="25-25-25-25"] > .navigation-menu > .navigation-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.navigation[data-layout="20-20-20-20-20"] > .navigation-menu > .navigation-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.navigation.columns li {
    position: relative;
    padding: 0;
}
.navigation.columns li::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.navigation.columns li::before {
    display: none;
}
.navigation.columns .navigation-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius);
    padding: 2rem;
    text-align: center;
    overflow: hidden;
}
.navigation.columns .navigation-link:focus-visible {
    outline: #000 solid 2px;
    outline-offset: 5px;
}

/* -----------------------------------------------
WITHOUT IMAGES
----------------------------------------------- */

.navigation.columns.images-disabled .navigation-link {
    background: rgb(197 197 197 / 10%);
}

/* -----------------------------------------------
WITH IMAGES
----------------------------------------------- */

.navigation.columns.images-enabled .navigation-link {
    color: #FFF;
}
.navigation.columns.images-enabled .navigation-link > .image {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.navigation.columns.images-enabled .navigation-link > .image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .75;
    z-index: 1;
}

/* -----------------------------------------------
RESPONSIVE
----------------------------------------------- */

@media (max-width: 1200px) and (min-width: 1025px) {
    .navigation[data-layout="20-20-20-20-20"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .navigation[data-layout="25-25-25-25"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .navigation[data-layout="20-20-20-20-20"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 767px) and (min-width: 481px) {
    .navigation[data-layout="33-33-33"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr 1fr;
    }
    .navigation[data-layout="25-25-25-25"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr 1fr;
    }
    .navigation[data-layout="20-20-20-20-20"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 480px) {
    .navigation[data-layout="50-50"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr;
    }  
    .navigation[data-layout="33-33-33"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr;
    }
    .navigation[data-layout="25-25-25-25"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr;
    }
    .navigation[data-layout="20-20-20-20-20"] > .navigation-menu > .navigation-list {
        grid-template-columns: 1fr;
    }
}

/* -----------------------------------------------
COOKIE NOTICE
----------------------------------------------- */

.cookie-notice {
    line-height: 1.5;
    padding: 2rem;
    margin: 1rem 0;
    background: #e8e8ea;
    position: relative;
    z-index: 1;
    border-radius: var(--border-radius);
}
.cookie-notice > span {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.cookie-notice > span i {
    padding-right: 0.5rem;
    font-size: 1.5em;
}

.ui-accordion-header-icon.ui-icon {
    display: none;
}

body.dark .cookie-notice {
    background: #222;
}
body.dark .button.ghost a > * {
    border: 2px solid #fff;
}

/* -----------------------------------------------
DOCUMENT FILTER
----------------------------------------------- */
.grid-enabled.pageteaser .filter-wrap {
    grid-column: 1 / -1;
}
.assetlist .filter-wrap,
.pageteaser-content .filter-wrap {
    margin-bottom: 1rem;
    background: #333;
    padding: 3px 3px 3px .75rem;
    display: grid;
    border-radius: .25rem;
    grid-template-columns: max-content auto;
    align-items: center;
  }
  .assetlist .filter-wrap label,
  .pageteaser-content .filter-wrap label {
    font-weight: bold;
    margin-right: .75rem;
    color: #fff;
  }
  .document-keyword-filter,
  .article-keyword-filter {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .document-filter,
  .article-filter {
    width: 100%;
  }
  .document-keyword-filter input[type="text"]:focus-visible,
  .article-keyword-filter input[type="text"]:focus-visible {
    outline: none !important;
  }
  .document-keyword-filter.frontend-gdc-list .document-filter,
  .article-keyword-filter.frontend-gdc-list .document-filter {
    font-size: 1rem;
    background: #fff;
    padding: .5rem 2rem .5rem .75rem;
    border-radius: 0 .25rem .25rem 0;
    width: 100%;
  }
  .document-keyword-filter.frontend-gdc-list .clear,
  .article-keyword-filter.frontend-gdc-list .clear {
    bottom: 0;
    padding: 0 .75rem;
  }
  .document-keyword-filter.frontend-gdc-list .clear svg,
  .article-keyword-filter.frontend-gdc-list .clear svg {
    vertical-align: middle;
    fill: #333;
  }
  .assetlist-content .button .button-content {
    border: none;
    padding: 0;
  }
  .assetlist-content .button .button-content:hover,
  .assetlist-content .button .button-content:focus {
    background: none !important;
    border-color: none !important;
    color: inherit !important;
  }
  .button .button-content span {
    white-space: normal !important;
    text-overflow: inherit !important;
    overflow: auto !important;
    font-size: 1.1rem;
  }