/* Fonts */
/**
 * Work Sans
 * 400   : regular
 * 400i  : regular italic
 * 700   : bold
 * @import url('//fonts.googleapis.com/css?family=Noto+Sans:400,400i,700');
 */

@font-face {
    font-family:"Noto Sans";
    font-weight: 400;
    src: url("../../../typo3conf/ext/T8_Jetpack/Resources/Public/Fonts/NotoSans-Regular-400.woff2") format("woff2"), url("../../../typo3conf/ext/T8_Jetpack/Resources/Public/Fonts/NotoSans-Regular.ttf") format("ttf"), url("../../../typo3conf/ext/T8_Jetpack/Resources/Public/Fonts/NotoSans-Italic-400.woff2") format("woff2"), url("../../../typo3conf/ext/T8_Jetpack/Resources/Public/Fonts/NotoSans-Italic.ttf") format("ttf");
}
@font-face {
    font-family:"Noto Sans";
    font-weight: 700;
    src: url("../../../typo3conf/ext/T8_Jetpack/Resources/Public/Fonts/NotoSans-Regular-700.woff2") format("woff2"), url("../../../typo3conf/ext/T8_Jetpack/Resources/Public/Fonts/NotoSans-Bold.ttf") format("ttf");
}

      /**
       *
       * Colour palette *
       * -------- new --------
       * #19418E : blue darker
       * #3BA8DF : blue
       * #E5F4FB : blue lighter
       *
       *
       * -------- old --------
       * #20325D : blue darker
       * #1D71B8 : blue dark
       * #36A9E1 : blue
       * #A6F5FF : blue light ----
       * #E5F4FB : blue lighter
       *
       * #657F92 : bluegray ----
       * #BBCEDC : bluegray light
       *
       * #681D98 : purple
       * #E40475 : pink
       *
       * #4A4A4A : gray dark
       * #9B9B9B : gray
       * #F1F1F1 : gray light
       *
       */

/* Standardschrift */
html {
    font-size: 100%;
}
body {
    /* Standard: Lauftext */
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.875em;
    color: #4a4a4a;
}

/* Sticky Footer: https://codepen.io/dezertdezine/pen/zKjggy */
html, body {
    height: 100%;
}
.wrapper__outer {
    min-height: 100%;
    overflow: scroll;
}
/*body {
    display: flex;
    flex-direction: column;
}*/
body > .anchor, .wrapper__outer > .anchor {
    flex-shrink: 0;
}
.wrapper__outer {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.wrapper {
    flex: 1 0 auto;
}
.footer {
    flex-shrink: 0;
}

/* Grid-Warnings */
.container .container {
    background-color: rgba(189, 0, 0, 0.25);
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}
.container .container::before {
    content: "Fluid Grid-Layout innerhalb Spalte ist nicht erlaubt.";
    position: absolute;
    left: 10px;
    top: 10px;
    background: red;
    color: white;
    display: inline-block;
    padding: .25em .5em;
    font-weight: bold;
    border-radius: 2px;
}

/* Helpers */
.nowrap {
    white-space: nowrap;
}
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
input[type="radio"].visuallyhidden {
    position: absolute;
    opacity: 0;
    top: 50%;
}
.invisible {
    visibility: hidden;
}
.hidden {
    display: none;
}
img {
    /*width: 100%;*/
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.abbr[title] {
    text-decoration: none;
}
.center {
    text-align: center;
}
.content {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
fieldset {
    border: 0;
    padding: 0;
}
address {
    font-style: normal;
}
strong, b {
    font-weight: 700;
}

i, em {
    font-style: italic;
}

.fact {
    font-size: 5em;
    color: #19418E;
    letter-spacing: 0.005em;
    line-height: normal;
}

.fact--subtitle {
    font-weight: 700;
    font-size: 1.25em;
    color: #19418E;
    letter-spacing: 0.015em;
}

.cite {
    font-size: 1.5em;
    color: #19418E;
    line-height: 1.7em;
    margin-bottom: 1.25em;
}

.cite--big {
    font-size: 1.875em;
    line-height: 1.83em;
    margin-bottom: 0.75em;
}

.cite--big + p {
    margin-top: -1em;
}

.lead {
    font-size: 1.125em;
    /*color: #3BA8DF;*/
    color: #19418E;
    line-height: 1.66em;
}

.gray {
    color: #9b9b9b;
}

.text--small {
    font-size: 0.75em;
    line-height: 1.7;
    letter-spacing: 0.015em;
}

.text-point-out {
    color: #E40475;
}

/* Grid */
.col-fix {
    flex: none;
}
.col-flexible {
    flex: 1 1 auto;
}

/* Links */
/**
 * CSS-Selektor ".ce-bodytext a" NICHT nutzen um links zu formatieren(!),
 * da dies nahezu alle Module beeinflusst.
 * Auch die Eigenschaften für den Selektor "a" so beibelassen.
 */
a {
    text-decoration: none;
    color: inherit;
}

.link, .seo-follow-link {
    color: #3BA8DF;
    position: relative;
}

.link:before, .seo-follow-link:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.15em;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    /*width: 0;*/
    width: 100%;
    border-top: 1px solid;
    /*transition: width 0.3s ease;*/
    transition: transform 0.3s ease;
}

.link:hover:before, .seo-followlink:hover:before {
    /*width: 100%;*/
    transform: translateX(-50%) scaleX(1);
}

.link--internal {}
.link--internal-blank {}
.link--external {}
.link--external-blank {}
.link--download {}
.link--mail {}

.link--line, .event-detail__files__link {
    color: #3BA8DF;
    position: relative;
    display: inline-block;
    margin-top: 1.5em;
    padding-left: 1.5em;
    padding-bottom: 0.5em;
    font-size: 1.25em;
    letter-spacing: 0.035em;
    line-height: normal;
    font-weight: 700;
    transition: color 0.3s ease;
}

.link--line:before, .event-detail__files__link:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 4em;
    background: #3BA8DF;
    transition: width 0.3s ease;
    border: none;
    transform: none;
    transition: background-color 0.3s ease, width 0.3s ease-out;
}

.link--line:hover, .event-detail__files__link:hover {
    /*color: #1d71b8;*/
    color: #19418E;
}

.link--line:hover:before, .event-detail__files__link:hover:before {
    transform: none;
    width: 8em;
    /*background: #1d71b8;*/
    background: #19418E;
}

.link--line[href$=".doc"]::after,
.link--line[href$=".docx"]::after,
.link--line[href$=".ppt"]::after,
.link--line[href$=".pptx"]::after,
.link--line[href$=".xls"]::after,
.link--line[href$=".xlsx"]::after,
.link--line[href$=".pdf"]::after,
.link--line[href$=".jpg"]::after,
.link--line[href$=".jpeg"]::after,
.link--line[href$=".png"]::after,
.link--line[href$=".gif"]::after,
.link--line[href$=".tiff"]::after,
.link--line[href$=".bmp"]::after,
.event-detail__files__link[href$=".doc"]::after,
.event-detail__files__link[href$=".docx"]::after,
.event-detail__files__link[href$=".ppt"]::after,
.event-detail__files__link[href$=".pptx"]::after,
.event-detail__files__link[href$=".xls"]::after,
.event-detail__files__link[href$=".xlsx"]::after,
.event-detail__files__link[href$=".pdf"]::after,
.event-detail__files__link[href$=".jpg"]::after,
.event-detail__files__link[href$=".jpeg"]::after,
.event-detail__files__link[href$=".png"]::after,
.event-detail__files__link[href$=".gif"]::after,
.event-detail__files__link[href$=".tiff"]::after,
.event-detail__files__link[href$=".bmp"]::after {
    content: "\f33d";
    font-family: 'Font Awesome 5 Pro';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;

    font-weight: 400;
    margin-left: 0.65em;
    color: inherit;
}

/* Detailpage Imageslider */
.detailpage__imageslider {
    /*margin-top: 2em;*/
    margin-bottom: 2em;
}

.detailpage__imageslider__images.scrollslider__inner {
    align-items: stretch;
    width: calc(100% + 10px);
    margin-left: -10px;
}

.detailpage__imageslider__figure {
    margin: 0;
    padding: 0 10px;

    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 100%;
}
.scrollslider__inner > .detailpage__imageslider__figure {
    flex: 1 0 auto;
}
.scrollslider__inner > .detailpage__imageslider__figure:last-child {
    min-width: 100%;
}
.detailpage__imageslider__image-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.detailpage__imageslider__image {
    width: auto;
    /*height: 70vw;
    max-height: 500px;*/
    margin-left: 0;
    margin-right: auto;
}

.detailpage__imageslider__arrows__list {
    font-size: 1.5em;
    list-style: none;
    padding: 0;
    margin: 0 -0.375em;
    margin-bottom: -0.75em;
    color: #19418E;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.detailpage__imageslider__arrows__item {
    line-height: 1;
    padding: 1.5em 0.5em 0.75em;
    cursor: pointer;
    transition: transform 0.25s ease-in-out;
}

.detailpage__imageslider__arrows__item.scrollslider__btn--next:hover {
    transform: translateX(0.25em);
}
.detailpage__imageslider__arrows__item.scrollslider__btn--prev:hover {
    transform: translateX(-0.25em);
}


/*[href*="//"].link--line:after, [href*="//"].files__link:after {
    content: none;
}*/

h1 .link, h2 .link, h3 .link, h4 .link {
    font: inherit;
    color: inherit;
    text: inherit;
}

/* Tabellen */
.table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table::-webkit-scrollbar {
    height: 1em;
    width: 1em;
}
.table::-webkit-scrollbar-track {
    background: #fff;
}
.table::-webkit-scrollbar-thumb {
    background: #000;
    border: 0.25em solid #fff;
    border-radius: .5em;
}
.contenttable {
    border-collapse: collapse;
    width: 100%;
}
.contenttable caption {
    margin-bottom: 1em;
    text-align: left;
    display: none;
}
.contenttable td {
    min-width: 230px;
    background-size: 20px 100%;
}
.contenttable td,
.contenttable th {
    padding: 0.5em 0.75em;
    border: 1px solid #ccc;
    transition: background-color .125s;
}
.contenttable p {
    margin: 0;
}

/* Tabelle Mouseover */
/* .contenttablecell-hover {
    background-color: #f9f9f9;
}
th.contenttablecell-hover.contenttablecell-hover--vertical,
th.contenttablecell-hover.contenttablecell-hover--horizontal {
    background-color: #efefef;
}
.contenttablecell-hover--horizontal {}
.contenttablecell-hover--vertical {}
.contenttablecell-hover--horizontal.contenttablecell-hover--vertical {
    background-color: #efefef;
} */

/* Header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;

    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
    transition: none;
}

.header--scroll {
    transition: background-color 0.3s ease, border-width 0s ease 0.2s, box-shadow 0.3s ease 0.2s;
    background-color: #fff;
    border-bottom: 2px solid #F1F1F1;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
}

.logo-col {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.header__logo-link {
    display: block;
    /*padding-bottom: 1.05em;*/
    padding-bottom: 1.5em;
}

.header__logo-image {
    margin-left: 0;
}

/* Navigations */
.navigations {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Navigation: Main */
.navigation {
    color: inherit;
}
.navigation__list {
    list-style: none;
    padding: 0;
    margin: 0 -1.25em;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.navigation__item {}

.navigation__link {
    display: block;
    padding: 0.85em 1em 1.25em;
    padding: 0.5em 0.85em 1.25em;

    font-size: 1.25em;
    font-size: 1.15em;
    letter-spacing: 0.015em;
    font-weight: 700;
    color: #19418E;

    position: relative;
}

.navigation__link:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0.85em;
    left: 0;
    height: 3px;
    width: 0;
    background: #3BA8DF;
    transition: width 0.3s ease;
    transform-origin: left;
}

.navigation__link:hover, .navigation__link--active {
    color: #3BA8DF;
}

.navigation__link:hover:after {
    width: 3em;
}

.navigation__link--active:after {
    width: 3em;
}

/* Navigation: Main > Sub
.navigation__level2 {
    display: none;
    position: absolute;
    top: 2.5em;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #efeff0;
    min-width: 100%;
    padding-top: .25em;
    padding-bottom: .5em;
}
.navigation__item:hover > .navigation__level2 {
    display: block;
}
.navigation__level2-link {
    display: block;
    color: inherit;
    text-decoration: none;
    background-color: inherit;
    white-space: nowrap;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .25em;
    padding-bottom: .25em;
}
.navigation__level2-link:not(.navigation__level2-item--active):hover {
    background-color: rgba(0,0,0,0.65);
    color: white;
}
.navigation__level2-item--active {
    background-color: #000000;
    color: white;
}
*/

/* Navigation: Meta */
.navigation-meta {
    display: flex;
    justify-content: flex-end;

    /* language nav */
    position: relative;
    padding-right: 3.26em;
}

/* no lang nav */
.navigation-meta__list:not(.navigation-meta__list--language):last-child {
    margin-right: -3.95em;
}

.navigation-meta__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.navigation-meta__item {}

.navigation-meta__link {
    display: block;
    padding: 1.5em 1em 1em;
    font-size: 0.875em;
    line-height: normal;
    letter-spacing: 0.035em;
    color: #19418E;
    position: relative;
}

.navigation-meta__link:hover, .navigation-meta__link--active {
    color: #3BA8DF;
}

.navigation-meta__item__image,
.slicknav-meta__item__image {
    width: 1.125em;
    height: 1.125em;
    margin-top: 0.125em;
    transition: transform 0.25s ease-in-out;
}

.navigation-meta__item__image.navigation__image--replaced,
.slicknav-meta__item__image.navigation__image--replaced {
    margin-top: 0;
    margin-bottom: -3px;
}

.navigation-meta__link:hover .navigation-meta__item__image,
.slicknav-meta__link:hover .slicknav-meta__item__image {
    transform: scale(1.15);
}

/* Navigation Language */
.navigation-meta__list--language {
    position: absolute;
    top: 0.5em;
    right: -0.5em;
    padding-right: 0.5em;
    overflow: hidden;
    max-height: 3.315em;
    transition: max-height 0.3s ease, background-color 0.3s ease 0.1s;

    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    z-index: 6;
}

.navigation-meta__list--language:not(.navigation-meta__list--language--open) {
    max-height: 3.315em !important;
}

.navigation-meta__list--language--open:not(.navigation-meta__list--language--in-progress) {
    max-height: none !important;
}

.navigation-meta__list--language--in-progress.navigation-meta__list--language--open {
    background: #fff;
    transition: max-height 0.3s ease, background-color 0.3s ease;
}

.navigation-meta__list--language--open {
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
    background: #fff;
}

.navigation-meta__item--language--active {
    order: -1;
    position: relative;
}

.navigation-language__arrow {
    font-size: 0.875em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-32%);
    cursor: pointer;
    transition: transform 0.3s ease;
}

.navigation-meta__list--language--open .navigation-language__arrow  {
    transform: translateY(-34%) rotate(180deg);
}

.navigation-meta__link--language:hover {
    color: #3BA8DF;
}

.navigation-meta__link--language--active, .navigation-meta__link--language--active:hover {
    color: #19418E;
}

.navigation-meta__link--language {
    padding: 0.75em 1.35em 0.75em 1em;
}

.navigation-meta__link--language--active {
    padding: 1em 1.35em 0.75em 1em;
}

/*
.navigation-meta__link:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1em;
    left: 0;
    height: 2px;
    width: 0;
    background: #3BA8DF;
    transition: width 0.3s ease;
    transform-origin: left;
}

.navigation-meta__link:hover, .navigation-meta__link--active {
    color: #3BA8DF;
}

.navigation-meta__link:hover:after {
    width: 3em;
}

.navigation-meta__link--active:after {
    width: 3em;
}
*/

/* Navigation Category (Buttons) */
.navigation-category {
    display: block;
    margin-top: 1.5em;
    margin-bottom: 2em;
}

.navigation-category--ecosystem {
    margin-bottom: 3.5em;
}
.navigation-category--buttons-and-list {
    display: block;
}
.navigation-category__list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: -0.75em auto;
    padding: 0;
    max-width: 980px;
}

.navigation-category__list--news {
    margin-bottom: -7em;
}

.navigation-category__list--buttons-and-list {
    display: block;
}
.navigation-category__item {
    display: inline-block;
    max-width: 100%;
    margin: 0.75em;
}
.navigation-category__item--buttons-and-list {
    display: block;
    width: 100%;
}
/* Navigation Category (DropDown) */
.navigation-category--dropdown {
    position: relative;
    max-width: 100%;
    display: flex;
    margin-bottom: .5em;
}
.button--dropdown-button {}
.button--dropdown-button-active ~ .navigation-category__list--dropdown {
    display: block;
}
.navigation-category__list--dropdown {
    position: absolute;
    z-index: 1;
    top: 3.125em;
    left: 0;
    display: inline-block;
    display: none;
    width: 100%;
    /* background-color: #eeeeef; */
}
.navigation-category__item--dropdown {
    float: none;
    display: block;
    background-color: #eeeeee;
}
.navigation-category__drowndown-children-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.navigation-category__drowndown-children-item {}
.navigation-category__drowndown-children-link {
    display: block;
    padding: .5em 1em;
}
.navigation-category__dropdown-main-cat-wrap {
    display: flex;
    /* flex-direction: row-reverse; */
}

/* Kategorie-Menu: Hauptkategoriebuttons mit Unterkategorieliste */
.navigation-categroy-list {}
.navigation-category-list--buttons-and-list {
    margin-bottom: 1em;
}
.navigation-category-list__link--active {
    font-weight: 700;
}
/* covid button */
.covidbutton {
    position: absolute;
    top: -75px;
    left: 47.5%;
    text-align: center;

    padding: 20px;
    background: #19418E;
    border-radius: 50%;
    color: white;
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.25s ease-in-out;
    z-index: 2;
    cursor: pointer;
}

.covidbutton__text {
    font-size: 1.1em;
    padding-top: 2.5em;
}

.covidbutton__text__big {
    /*font-size: 1.75em;*/
	font-size: 1.35em;
    line-height: 1.35;
}

.covidbutton__text__big::before {
    content: "\f03d";
    font-family: FontAwesome;
    padding-right: 0.5em;
}

/* Banner & Claim */
.main--nobanner {
    padding-top: 10.75em; /* nav 8.75em, normal banner 10.75em*/
}

.banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2em 0;
    position: relative;
    padding-top: 9.75em; /* nav 8.75em */
    margin-bottom: 1em;
}

.banner:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 6em;
    height: 100vw;
    width: 100vh;
    background: #e5f4fb;
    z-index: -1;
    transform: rotate(45deg);
    transform-origin: right bottom;
}
/* banner in ecosystem */
.header + .container + .main .banner {
    flex-direction: row-reverse;
}
.header + .container + .main .banner::before {
    content: none;
}
.header + .container + .main .banner__text {
    margin-left: auto;
    margin-right: 0;
    max-width: 680px;
}
.header + .container + .main .banner__text .ce-bodytext{
    max-width: 650px;
}
.header + .container + .main .banner__image {
    padding-left: 0;
    padding-right: 3em;
}

@media (orientation: landscape) {
    .banner::before {
        width: 100vw;
        height: 100vw;
    }
}

@media (orientation: portrait) {
    .banner::before {
        width: 100vh;
        height: 100vh;
    }
}

@media (max-width: 480px) and (orientation: portrait) {
    .banner::before {
        width: 200vh;
        height: 200vh;
        bottom: auto;
        top: calc(-200vh + 113vw);
    }
}

@media (max-width: 480px) and (orientation: landscape) {
    .banner::before {
        width: 200vw;
        height: 200vw;
    }
}

.banner__text {
    width: 55%;
    max-width: 650px;
    margin-left: 0;
    margin-right: auto;
}

.banner__text .ce-bodytext {
    max-width: 600px;
}

.banner__image {
    width: 45%;
    padding-left: 3em;
}

.banner__image .gallery__figure {
    margin: 0;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;

}

.banner__image--square .gallery__figure {
    border-radius: 0;
    margin-top: 2em;
}

.banner.banner--contact {
    margin-bottom: -4em;
    padding-bottom: 0;
}

/* Banner(-Slider) JETPACK
.banner {
    position: relative;
    z-index: 1;
}
.banner-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;

    // 800/3200*100
    padding-bottom: 25%;

    // 900/1600*100
    // padding-bottom: 56.25%; */ /* Bei Anpassung beachte .banner-slider__element-wrap--video .plyr__controls
}
.banner-slider--background-transparent { background-color: transparent; color: #000000 }
.banner-slider--background-white { background-color: #ffffff; color: #000000 }
.banner-slider--background-black { background-color: #000000; color: #ffffff }

.banner-slider--keep-ratio {}
.banner-slider--fix-height {
    padding-bottom: 0;
    min-height: 450px;
}
.banner-slider--content-always-visible {
    padding-bottom: 0;
    height: 450px;
    max-height: calc(100vh - 250px);
}

[data-banner-slider-text]::before {
    content: attr(data-banner-slider-text);
    color: inherit;
    font-size: 3em;
    line-height: 1em;
    position: absolute;
    top: 80px;
    right: 176px;
    left: 176px;
    bottom: 80px;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0;
    z-index: 1;
}

.banner-slider__elements {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1000%;
    transition: all .75s cubic-bezier(0.79, 0, 0.36, 1);
}
.banner-slider__figure {
    width: 10%;
    margin: 0;
    float: left;
    height: 100%;
    position: relative;
}
.banner-slider__element-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: 50% 50%;
}
.banner-slider__element-wrap--image-orientation-middle {}
.banner-slider__element-wrap--image-orientation-top { background-position: 50% top }
.banner-slider__element-wrap--image-orientation-bottom { background-position: 50% bottom }

// https://jsfiddle.net/c6Lj9ek2/7/
.banner-slider__element-wrap--video {
    right: auto;
    bottom: auto;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    transform: translateX(-50%) translateY(-50%);
}
.banner-slider__element-wrap--video-orientation-middle {}
.banner-slider__element-wrap--video-orientation-top {
    top: 0;
    transform: translateX(-50%) translateY(0);
}
.banner-slider__element-wrap--video-orientation-bottom {
    top: auto;
    transform: translateX(-50%) translateY(0);
    bottom: 0;
}
.banner-slider__element-wrap--video .plyr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-slider__element-wrap--video .plyr__controls {
    display: none;
}
.banner-slider__element {
    display: none;
}
.banner-slider__element--image {}
.banner-slider__element--video {
    position: absolute;
    display: block;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-slider__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 50%;
    display: flex;
}
.banner-slider__caption-text {
    background-color: rgba(0, 0, 0, 0.65);
    color: #ffffff;
    padding: 1em 1.5em;
}
.banner-slider__video-button {
    background-color: rgb(0, 0, 0);
    border: 0;
    width: 3.6em;
    display: block;
    background-image: url(../images/icon-play.svg);
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: center;
    cursor: pointer;
    outline: none;
    padding: 1em 1.5em;
    font: inherit;
}
.banner-slider__video-button--playing {
    background-image: url(../images/icon-pause.svg);
}
.banner-slider__arrows {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    z-index: 10;
}
.banner-slider__arrow-item {
    float: left;
}
.banner-slider__arrows-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}
.banner-slider__arrow-button {
    background-color: #000000;
    padding: 2em 2em 2em;
    display: block;
    cursor: pointer;
    position: relative;
}
.banner-slider__arrow-button::before {
    content: "";
    background-image: url(../images/icon-arrow-left--white.svg);
    width: 1.5em;
    height: 1em;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.banner-slider__arrow-button::after {
    content: "";
    position: absolute;
    height: 2em;
    right: 0;
    top: 1.5em;
    width: 0.03125em;
    background-color: white;
}
.banner-slider__arrow-button--next::before {
    background-image: url(../images/icon-arrow-right--white.svg);
}
.banner-slider__arrow-button--next::after {
    right: auto;
    left: 0;
}

.banner-slider__radio-nr-1:checked ~ .banner-slider__arrows .banner-slider__arrows-list--1 { display: block }
.banner-slider__radio-nr-1:checked ~ .banner-slider__elements { transform: translateX(0%); }
.banner-slider__radio-nr-2:checked ~ .banner-slider__arrows .banner-slider__arrows-list--2 { display: block }
.banner-slider__radio-nr-2:checked ~ .banner-slider__elements { transform: translateX(-10%); }
.banner-slider__radio-nr-3:checked ~ .banner-slider__arrows .banner-slider__arrows-list--3 { display: block }
.banner-slider__radio-nr-3:checked ~ .banner-slider__elements { transform: translateX(-20%); }
.banner-slider__radio-nr-4:checked ~ .banner-slider__arrows .banner-slider__arrows-list--4 { display: block }
.banner-slider__radio-nr-4:checked ~ .banner-slider__elements { transform: translateX(-30%); }
.banner-slider__radio-nr-5:checked ~ .banner-slider__arrows .banner-slider__arrows-list--5 { display: block }
.banner-slider__radio-nr-5:checked ~ .banner-slider__elements { transform: translateX(-40%); }
.banner-slider__radio-nr-6:checked ~ .banner-slider__arrows .banner-slider__arrows-list--6 { display: block }
.banner-slider__radio-nr-6:checked ~ .banner-slider__elements { transform: translateX(-50%); }
.banner-slider__radio-nr-7:checked ~ .banner-slider__arrows .banner-slider__arrows-list--7 { display: block }
.banner-slider__radio-nr-7:checked ~ .banner-slider__elements { transform: translateX(-60%); }
.banner-slider__radio-nr-8:checked ~ .banner-slider__arrows .banner-slider__arrows-list--8 { display: block }
.banner-slider__radio-nr-8:checked ~ .banner-slider__elements { transform: translateX(-70%); }
.banner-slider__radio-nr-9:checked ~ .banner-slider__arrows .banner-slider__arrows-list--9 { display: block }
.banner-slider__radio-nr-9:checked ~ .banner-slider__elements { transform: translateX(-80%); }
.banner-slider__radio-nr-10:checked ~ .banner-slider__arrows .banner-slider__arrows-list--10 { display: block }
.banner-slider__radio-nr-10:checked ~ .banner-slider__elements { transform: translateX(-90%); }
*/

/* Banner Slider (Home) */
/* Scrollslider */
.scrollslider {
	position: relative;
}

.scrollslider__inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;

    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollslider__inner::-webkit-scrollbar {
    width: 0 !important;
    display: none !important;
    -webkit-appearance: none;
}

.scrollslider__inner > * {
    scroll-snap-align: start;
    flex: none;
}

/* Banner Slider */
.banner.banner--slider {
    display: block;
    margin-bottom: 3em;
}
.banner.banner--slider:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 6em;
    right: auto;
    height: 100vw;
    width: 100vh;
    background: #e5f4fb;
    z-index: -1;
    transform: rotate(-45deg);
    transform-origin: left bottom;
}

@media (orientation: landscape) {
    .banner.banner--slider::before {
        width: 100vw;
        height: 100vw;
    }
}
@media (orientation: portrait) {
    .banner.banner--slider::before {
        width: 100vh;
        height: 100vh;
    }
}
@media (max-width: 480px) and (orientation: portrait) {
    .banner.banner--slider::before {
        width: 200vh;
        height: 200vh;
        bottom: auto;
        top: calc(-200vh + 113vw);
    }
}
@media (max-width: 480px) and (orientation: landscape) {
    .banner.banner--slider::before {
        width: 200vw;
        height: 200vw;
    }
}

.banner.banner--slider .banner__inner {
    align-items: stretch;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
}
.banner.banner--slider .banner__item {
    width: 100%;
    flex: 1 0 auto;

    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.banner.banner--slider .banner__image {
    width: 50%;
    padding-left: 20px;
    padding-right: 4em;
}
.main > .container .banner.banner--slider .banner__image {
    width: 33.3333%;
    padding-left: 20px;
}
.banner.banner--slider .banner__image .gallery__figure {
    margin-left: 0;
    max-width: 570px;
}
.banner.banner--slider .banner__text {
    width: 50%;
    padding: 0 20px;
}
.main > .container .banner.banner--slider .banner__text {
    width: 66.6666%;
    max-width: unset;
}

.banner.banner--slider .banner__text > *:first-child {
    margin-top: 0;
}

.banner__inner-wrap {
    position: relative;
}

.banner__nav__list {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.75em;
    color: #19418E;
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.banner__nav__item {
    padding: 1em 0.5em;
    text-align: center;
    cursor: pointer;
    transition: transform 0.3s ease;

    position: absolute;
    top: 50%;
}
.banner__nav__item.scrollslider__btn--next {
    right: -2em;
    transform: translateY(-50%) translateX(100%);
}
.banner__nav__item.scrollslider__btn--prev {
    left: -2em;
    transform: translateY(-50%) translateX(-100%);
}
.banner__nav__item.scrollslider__btn--next:hover {
    transform: translateY(-50%) translateX(100%) translateX(0.25em);
}
.banner__nav__item.scrollslider__btn--prev:hover {
    transform: translateY(-50%) translateX(-100%) translateX(-0.25em);
}

.banner__scrolldown {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 2.5em;
    line-height: 1;
    z-index: 2;
    position: relative;
}

.banner__scrolldown .fas.fa-sort-down {
    color: #3BA8DF;
    transition: opacity 0.65s ease-in-out, transform 0.35s ease-in-out;
}

.banner__scrolldown .fas.fa-sort-down:first-child {
    opacity: 0.25;
}

.banner__scrolldown .fas.fa-sort-down:last-child {
    opacity: 1;
}

.banner__scrolldown:hover .fas.fa-sort-down {
    transform: translateY(0.15em);
}

.banner:not(.banner--slider) + .banner__scrolldown.banner__scrolldown--ecosystem {
    top: -3em;
}

@keyframes transparentToNon {
    0% {opacity: 0.25;}
    50% {opacity: 1;}
    100% {opacity: 0.25;}
}
@keyframes nonToTransparent {
    0% {opacity: 1;}
    50% {opacity: 0.25;}
    100% {opacity: 1;}
}

.banner.banner--slider .banner__scrolldown .fas.fa-sort-down:first-child {
    margin-bottom: -0.5em;
}

.banner.banner--slider .banner__scrolldown:hover .fas.fa-sort-down:first-child {
    animation: transparentToNon 2s infinite;
    transform: translateY(0.15em);
}
.banner.banner--slider .banner__scrolldown:hover .fas.fa-sort-down:last-child {
    animation: nonToTransparent 2s infinite;
    animation-delay: 1.5s;
    transform: translateY(0.25em);
}

.banner:not(.banner--slider) + .banner__scrolldown {
    top: -1.5em;
}


/* Breadcrumb
.breadcrumb {
    background-color: #eeeeef;
}
.breadcrumb__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-right: 1em;
    line-height: 1.5em;
    padding-top: .25em;
    padding-bottom: .25em;
}
.breadcrumb__item {}
.breadcrumb__item:not(:last-child)::after {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .65em;
    position: relative;
    top: -.125em;
}
.breadcrumb__link {
    display: inline-block;
    padding: .5em 1em;
    text-align: right;
}
.breadcrumb__link--no-link {
    cursor: default;
}
.breadcrumb__item:last-child .breadcrumb__link {
    padding-right: 0;
}
*/

/* Video Elemente */
.video {
    margin: 0;
    padding: 0;
}
.video__video {
    max-width: 100%;
    height: 0;
}
.video__video:not(.plyr__video-wrapper) {
    /**
     * plyr greift nicht auf iPhones für mp4
     * Es wird das normale HTML5 Video-Tag eingsetzt.
     * Deshalb höhe auf auto, statt 0, damit Video sichtbar.
     */
    height: auto;
}
.plyr__play-large {
    cursor: pointer;
    border: 0;
    background-color: #19418E;
    padding: 26px;
    border-radius: 50%;
    outline: 0;
}
.plyr--video .plyr__controls {
    padding-top: 10px;
}

.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover {
    background-color: #19418E;
}

.plyr__progress--played, .plyr__volume--display {
    color: #19418E;
}

.plyr input[type=range]:active::-webkit-slider-thumb {
    background:#19418E;
    border-color:#fff;
    -webkit-transform:scale(1.25);
    transform:scale(1.25);
}

.plyr input[type=range]:active::-moz-range-thumb {
    background:#19418E;
    border-color:#fff;
    transform:scale(1.25);
}

.plyr input[type=range]:active::-ms-thumb {
    background:#19418E;
    border-color:#fff;
    transform:scale(1.25);
}

/* Formulare */
.form {}
.form__legend {
    /*border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px*/
}
.form__fieldwrap {
    margin-top: 20px;
    margin-bottom: 10px;
    /*display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;*/
}
.powermail_fieldwrap_startup_programm {
    margin-top: -0.15em !important;
}
.form__label {
    display: inline-block;
    margin-bottom: 0.5em;
    font-weight: 700;
    letter-spacing: 0.025em;
    color: #19418E;
}

.form__label--checkbox, .form__label--radio {
    font-weight: 400;
    letter-spacing: inherit;
    color: inherit;
}
.form__input {
    font: inherit;
    color: #4a4a4a;
    width: 100%;
    border: 1px solid #c6d2e1;
    background-color: transparent;
    border-radius: 2px;
    padding: 0.5em 1em;
    outline: none;
    box-shadow: none;
    background-clip: padding-box;
}
.form__input--textarea {
    padding-top: 0.85em;
    padding-bottom: 0.85em;
    min-height: 5em;
}
.form__input:focus {
    border-color: #19418E;
}
.form__checkboxes--error .form__label {
    /*color: #A53239;*/
}
.form__input:required {}
.form__input:invalid {}
.form__input:invalid:focus {
    border-color: #A53239;
}
.form__input:valid {}
.form__input:valid:focus {
    border-color: #19418E;
}

.powermail_fieldwrap_type_file .form__label {
    display: block;
}

.form__input--file {
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.form__input--file + .form__label--file {
    padding-left: 1.35em;
    padding-right: 1.35em;
}

.form__input--file:focus + .form__label--file,
.form__input--file + .form__label--file:hover {
    background-color: transparent;
    border-color: #19418E;
    color: inherit;
}

/* Formular: Select */
.form__input--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    display: block;
    min-width: 150px;
    padding-right: 2.75em;
    background-image: url(../images/chevron-down.svg);
    background-size: 0.85em;
    background-position: right 0.85em center;
    background-repeat: no-repeat;
}

.col12 > .form__input--select {
    width: auto;
}

/* Formular: Checkbox */
.form__fieldwrap--check {
    margin-top: 1.25em;
}

.form__checkboxes {
    display: grid;
    grid-template-rows: 1fr auto auto auto auto auto auto;
    grid-gap: 0 20px;
    grid-auto-flow: column;
}

.form__checkbox-wrap > input {
    /*display: none;*/
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.form__checkbox-wrap > input:focus + .form__label--checkbox:before {
    border-color: #19418E;
}

.form__checkbox-wrap > input + .form__label--checkbox {
    padding-left: 1.85em;
    cursor: pointer;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 1.2;
    display: flex;
}

.form__checkbox-wrap > input + .form__label--checkbox:before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    border: 1px solid #c6d2e1;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
}

.form__checkbox-wrap > input:checked + .form__label--checkbox:before {
    background-color: #19418E;
    border-color: #19418E;
    background-image: url(../images/icon-check.svg);
    background-size: 0.75em;
    background-repeat: no-repeat;
    background-position: center;
}

/* Formular: Radio */
.form__fieldwrap--radio {
    margin-top: 1.25em;
}

.form__fieldwrap--radio .radio > input {
    /*display: none;*/
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.form__fieldwrap--radio .radio > input:focus + .form__label--radio:before {
    border-color: #19418E;
}

.form__fieldwrap--radio .radio > input + .form__label--radio {
    padding-left: 1.85em;
    cursor: pointer;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 1.2;
    display: flex;
}

.form__fieldwrap--radio .radio > input + .form__label--radio:before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    border: 1px solid #c6d2e1;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.form__fieldwrap--radio .radio > input:checked + .form__label--radio:before {
    background-color: transparent;
    border-width: 0.45em;
    width: 0.25em;
    height: 0.25em;
    border-color: #19418E;
    background-image: url(../images/icon-check.svg);
    background-size: 0.75em;
    background-repeat: no-repeat;
    background-position: center;
}

.input-after-checkbox {
    margin-top: -0.35em;
}

.input-after-checkbox .form__label {
    display: none;
}

/* Form Grades (Stars) */
.form__input--grade {
    /*display: none;*/
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.form__grades {
    display: flex;
    justify-content: flex-start;
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.form__label--grade {
    opacity: 0.25;
    font-size: 1.25em;
    color: #19418E;
    margin: 0;
    cursor: pointer;
    padding: 0.25em 0.4em 1em;
}

.form__grades.form__grades--somevalueselected .form__label--grade {
    opacity: 1;
}

.form__input--grade:checked ~ .form__label--grade {
    opacity: 0.25;
}
.form__input--grade:checked + .form__label--grade {
    opacity: 1;
}
.form__label--grade:hover ~ .form__label--grade {
    opacity: 0.25;
}
.form__label--grade:hover,
.form__label--grade.hovered {
    opacity: 1;
}

/* Score */
.form__input--score {
    /*display: none;*/
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.form__score {
    display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.form__score__item {
    padding: 0.5em 0.5em 1em;
}

.form__label--score {
    color: #19418e;
    background-color: rgba(25, 65, 142, 0.15);
    border-radius: 50%;
    width: 2em;
    height: 2em;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 1em;
    margin: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    cursor: pointer;
}

.form__input--score:checked + .form__label--score {
    background-color: #19418e;
    color: #fff;
}

/* Description (survey, questionaire) */
.form__labeldescription {
    font-size: 0.85em;
    color: #9b9b9b;
    margin-bottom: 1em;
    margin-top: -0.5em;
}

.form__labeldescription p {
    margin-bottom: 0;
}

.col6.col-medium-6.col-empty-right {
   width: 100%;
   padding-right: calc(50% + 20px);
}

/* Placeholder text */
::-webkit-input-placeholder {
    color: #c6d2e1;
}
:-moz-placeholder {
    color: #c6d2e1;
}
::-moz-placeholder {
    color: #c6d2e1;
}
:-ms-input-placeholder {
    color: #c6d2e1;
}

/* Form errors */
.parsley-errors-list,
.powermail-errors-list,
.form__errors {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.85em;
    margin-top: 0.5em;
    color: #A53239;
}

/* New Form Style (Refresh), with Steps */
.form__legend {
    display: none;
}
.form--stepsstyle .form__fieldset {
    position: relative;
    padding-bottom: 3em;
}
.form--stepsstyle .form__fieldset:not(.form__fieldset--last)::before {
    content: "";
    display: block;
    border-left: 1px solid #9B9B9B;
    position: absolute;
    top: 4.5em;
    bottom: 1em;
    left: calc(-6 * 1.875 * 0.675em + 1.875 * 1.875 * 0.675em / 2 + 20px);
}
.form--stepsstyle .form__legend {
    display: block;

    font-size: 1.875em;
    line-height: 1.83em;
    margin-bottom: 0.75em;
    color: #19418E;
    font-style: italic;

    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.form--stepsstyle .form__legend__number {
    flex: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;

    font-size: 0.675em;
    color: #fff;
    width: 1.875em;
    height: 1.875em;
    font-style: normal;
    background-color: #19418E;
    border-radius: 50%;
    font-weight: 700;


    margin-left: -6em;
    margin-right: 4.125em;
}

.form--stepsstyle .form__fieldwrap--submit {
    padding-bottom: 3em;
}

/* Form Radio Buttons */
.form__radio__buttonslist {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-star;
    margin: -0.5em;
}

.form__radio__buttonslist__item {
    padding: 0.5em;
}

.button.button--form__radio {
    padding-left: 1.25em;
    padding-right: 1.25em;
    transition: background-color 0.25s ease-in-out, color 0.15s ease-in-out;
}

.form__radio:checked + .button.button--form__radio {
    background-color: #19418E;
    color: #fff;
    outline: none;
}

.form__fieldwrap--buttonslist ~ .form__fieldwrap--text {
    margin-top: 2em;
}



/* Accordion */
.accordion__head {
    cursor: pointer;
}
.accordion__content {
    overflow: hidden;
    transition: height 0.5s ease;
}

.accordion__content:not(.accordion__content--inprogress){
    height: auto !important;
}
.accordion__content.accordion__content--closed {
    height: 0 !important;
}


/* Headings */
h1, .heading--h1, h2, .heading--h2, h3, .heading--h3, h4, .heading--h4 {
    line-height: normal;
    margin-top: 1.15em;
    margin-bottom: .65em;
}

.gridsection__header h1, .gridsection__header .heading--h1, .gridsection__header h2, .gridsection__header .heading--h2, .gridsection__header h3, .gridsection__header .heading--h3, .gridsection__header h4, .gridsection__header .heading--h4 {
    margin-bottom: 1.5em;
}

h1, .heading--h1 {
    font-size: 3.125em;
    letter-spacing: 0.016em;
    color: #19418E;
    font-weight: 400;
}

h2, .heading--h2 {
    font-size: 2.5em;
    letter-spacing: 0.0175em;
    color: #19418E;
    font-weight: 400;
    margin-bottom: 1em;
}

h3, .heading--h3 {
    font-size: 1.5em;
    letter-spacing: 0.016em;
    color: #3BA8DF;
    font-weight: 700;
}

h4, .heading--h4 {
    font-size: 1.25em;
    letter-spacing: 0.015em;
    color: #19418E;
    font-weight: 700;
}

h5, .heading--h5 {
    font-size: 1em;
    letter-spacing: 0.015em;
    color: inherit;
    font-weight: 700;
    margin-bottom: 0;
}

h3 + p, .heading--h3 + p{
    margin-top: 1em;
}

h4 + p, .heading--h4 + p{
    margin-top: 0.5em;
}

p + h1, p + .heading--h1, p + h2, p + .heading--h2, p + h3, p + .heading--h3, p + h4, p + .heading--h4, p + h5, p + .heading--h5 {
    margin-top: 1.65em;
}

.heading--left { text-align: left }
.heading--right { text-align: right }
.heading--center { text-align: center }

.heading--section {
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    line-height: 2.5em;
    color: #19418E;
    font-weight: 400;

    position: absolute;
    left: calc((100vw - 100%)/-2);
    transform: rotate(-90deg) translateX(-100%);
    transform-origin: left top;
    padding-top: 20px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.heading--section:after {
    content: "";
    display: block;
    height: 1px;
    width: 8em;
    background-color: #19418E;
    margin-left: 1em;
}

.heading--small {
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    line-height: 2.5em;
    color: #19418E;
    font-weight: 400;
}

.heading--small + h2,
.heading--small + .heading--h2 {
    margin-top: 0;
}
.heading--small + h3,
.heading--small + .heading--h3,
.heading--small + h4,
.heading--small + .heading--h4 {
    margin-top: 0.5em;
}


.ce-bodytext strong [class*="fa-"]:first-child {
    font-size: 1.75em;
    line-height: 2;
}

/* Paragraphs */
p, .paragraph {
    color: inherit;
    margin-top: 0;
    margin-bottom: 1em;
}

/* Aligments */
.align-center { text-align: center }
.align-left { text-align: left }
.align-right { text-align: right }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }

/* Floats */
.float-right { float: right }
.float-left { float: left }

/* Anker */
.anchor {
    display: block;
    top: -8em;
    z-index: -3 !important;
    visibility: hidden;
    pointer-events: none;
    position: relative;
}

#top {
    top: 0;
}

/* Lists */
/* CSS-Klasse .list NICHT formatieren */
.ce-bodytext ul {
    padding-left: 0;
    list-style: none;
    margin-top: -0.25em;
    margin-bottom: 2em;
}

.ce-bodytext ul li {
    position: relative;
    padding-left: 1.875em;
}

.ce-bodytext ul li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;

    font-size: 0.4em;
    font-weight: 600;
    margin-top: 2em;
    padding-left: 1.35em;
    box-sizing: border-box;

    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.ce-bodytext ul + p > .link--line:first-child {
    margin-top: 0.15em;
}

.ce-bodytext ul.list--hearts li {
    padding-left: 3em;
    margin-top: 1.25em;
}

.ce-bodytext ul.list--hearts li:before {
    content: "\f004";
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;

    font-size: 1.75em;
    font-weight: 400;
    margin-top: 0.1em;
    padding-left: 0;
    box-sizing: border-box;

    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

/* Lazyload */
.main .container > .content-section > *, .footer .container > .content-section > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

.lazyshow {
    opacity: 1 !important;
    transform: none !important;
}

/* Backgrounds & section paddings */
.main {
    /**
     * Prevents horizontal scrollbars if background-grey is applied
     * applied on .wrapper
    overflow: hidden;
    */

    /* wegen Inhaltselemente am Ende "Dateiliste" und  DropDown.
    padding-bottom: 3em;*/
}

.main .container > .content-section {
    padding-bottom: 4.5em;
    padding-top: 4.5em;
    position: relative;
}

.main .container .content-section--no-paddings {
    /**
     * Wegen CType shortcut.
     * Siehe: fileadmin/theme/extensions/fluid_styled_content/Resources/Private/Layouts/Default.html
     * Verhindert doppelte paddings
     */
    padding-bottom: 0;
    padding-top: 0;
}

.main .container > .content-section--no-space-before {
    padding-top: 0;
}

.main .container > .content-section--no-space-after {
    padding-bottom: 0;
}

.main .container > .content-section > header .heading,
.container > .content-section .ce-bodytext > .heading:first-child,
.content-section > header ~ [class^="col"] > [data-ctype]:first-child .ce-bodytext h2:first-child,
.content-section > header ~ [class^="col"] > [data-ctype]:first-child .ce-bodytext h3:first-child,
.content-section > header ~ [class^="col"] > [data-ctype]:first-child .ce-bodytext h4:first-child,
.content-section > header ~ [class^="col"] > [data-ctype]:first-child .ce-bodytext h5:first-child,
.main .container > .content-section [data-ctype] .anchor + .heading,
.main .container > .content-section [data-ctype] .anchor + .heading--section + .heading {
    margin-top: 0;
}

.content--gap-right {
    margin-right: 4em;
}

.content--small {
    max-width: 980px;
    margin: auto;
}

.content--smaller {
    max-width: 620px;
    margin: auto;
}

[class*="background-triangle-"] {
    position: relative;
}

[class*="background-triangle-"] > * {
    z-index: 1;
}

[class*="background-triangle-"]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100vh;
    height: 100vw;
    left: 0;
}

@media (orientation: landscape) {
    [class*="background-triangle-"]::before {
        width: 100vw;
        height: 100vw;
    }
}

@media (orientation: portrait) {
    [class*="background-triangle-"]::before {
        width: 100vh;
        height: 100vh;
    }
}

@media (max-width: 480px) and (orientation: portrait) {
    [class*="background-triangle-"]::before {
        width: 200vh;
        height: 200vh;
    }
}

@media (max-width: 480px) and (orientation: landscape) {
    [class*="background-triangle-"]::before {
        width: 200vw;
        height: 200vw;
    }
}

.background-triangle-left-small-lightblue::before  {
    background-color: #E5F4FB;
    transform: translateX(-100%) translateY(5em) rotate(45deg);
    transform-origin: right top;
    left: 8.5em;
    top: -2em;
}

.background-triangle-left-small-bright::before  {
    /*background-color: #A6F5FF;*/
    background-color: #E5F4FB;
    transform: translateX(-100%) translateY(5em) rotate(45deg);
    transform-origin: right top;
    left: 8.5em;
    top: -2em;
}

.background-triangle-left-big-lightblue::before  {
    background-color: #E5F4FB;
    transform: translateX(-100%) translateY(0) rotate(45deg);
    transform-origin: right top;
    left: calc(25% + 5em);
}

.background-triangle-left-big-bright::before  {
    /*background-color: #A6F5FF;*/
    background-color: #E5F4FB;
    transform: translateX(-100%) translateY(0) rotate(45deg);
    transform-origin: right top;
    left: calc(25% + 5em);
}

.background-triangle-right-small-lightblue::before  {
    background-color: #E5F4FB;
    transform: translateX(100%) translateY(5em) rotate(-45deg);
    transform-origin: left top;
    left: auto;
    right: 8.5em;
}

.background-triangle-right-small-bright::before  {
    /*background-color: #A6F5FF;*/
    background-color: #E5F4FB;
    transform: translateX(100%) translateY(5em) rotate(-45deg);
    transform-origin: left top;
    left: auto;
    right: 8.5em;
}

.background-triangle-right-big-lightblue::before  {
    background-color: #E5F4FB;
    transform: translateX(100%) translateY(0) rotate(-45deg);
    transform-origin: left top;
    left: auto;
    right: calc(25% + 5em);
}

.background-triangle-right-big-bright::before  {
    /*background-color: #A6F5FF;*/
    background-color: #E5F4FB;
    transform: translateX(100%) translateY(0) rotate(-45deg);
    transform-origin: left top;
    left: auto;
    right: calc(25% + 5em);
}

/* Buttons */
.button,
.pagination a {
    display: inline-block;
    font: inherit;
    font-weight: 700;
    font-size: 0.875em;
    letter-spacing: 0.075em;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0.5em 2.5em;
    background-color: #f1f1f1;
    outline: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    transition: background-color 0.25s ease-in-out, color 0.15s ease-in-out;
}

.button:hover,
.button:focus,
.button--active,
.pagination .active a {
    background-color: #19418E;
    color: #fff;
    outline: none;
}

.button--cta {
    background-color: #19418E;
    padding: 0.5em 3em;
    color: #fff;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.button--cta:hover {
    background-color: #3BA8DF;
    box-shadow: 10px 10px 20px 0 rgba(155, 155, 155, 0.5);
    transform: scale(1.0125);
}

p.lead + p .button--cta, .banner__text .button--cta {
    margin-top: 2em;
}

p .button--cta {
    margin-bottom: 1em;
}

.button--small {
    font-size: 0.85em;
}

.button--ghost {
    background-color: transparent;
    /*border: 1px solid #c6d2e1;
    color: #19418E;*/
    background-color: transparent;
    border: 1px solid #c6d2e1;
    font-weight: 400;
    transition: all 0.3s ease;
}

.button--ghost:hover, .button--ghost:focus, .button--ghost:active {
    background-color: transparent;
    border-color: #19418E;
    color: inherit;
}

.button--has-no-action {
    cursor: default;
}

.button--has-no-action:hover,
.button--has-no-action:focus {
    background-color: #eeeeee;
    color: inherit;
}

.button--category {
    /*float: left;
    margin-right: .5em;
    margin-bottom: .5em;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;*/
}

.button--fullwidth {
    width: 100%;
    margin: 0;
}

.button--text-align-left {
    text-align: left;
}

.button--submit {
    color: #fff;
    background-color: #19418E;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.button--submit:hover {
    background-color: #3BA8DF;
    box-shadow: 10px 10px 20px 0 rgba(155, 155, 155, 0.5);
    transform: scale(1.0125);
}

.button--reset {}

.button--dropdown {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
    text-align: left;
    flex-grow: 1;
}
.button--dropdown-button {
    flex-grow: 1;
    text-align: left;
    margin-left: .5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    padding-right: 2.875em;
}
.button--dropdown-button::after {
    content: "\f078";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 1em;
    margin-top: 0.1875em;
}
.button--dropdown-button-active::after {
    content: "\f077"
}
.button--dropdown-button
.button--dropdown {
    float: none;
    display: block;
    margin-right: 0;
    margin-bottom: 0;
    text-align: left;
}
.button--drowndown-children-link {
    float: none;
    display: block;
    margin-right: 0;
    text-align: left;
    margin-left: 1.5em;
}

.button--expand-button {
    background-image: url(../images/icon-plus.svg);
    background-position: center;
    background-size: .75em .75em;
    background-repeat: no-repeat;
    font-size: inherit;
    /* margin-right: .5em; */
}
.button--expand-button:hover,
.button--expand-button:focus {
    background-image: url(../images/icon-plus--white.svg);
}

/* Messages */
.message {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0.75em 1em;
    background-color: #f1f1f1;
    cursor: default;
}
.message p {
    margin-bottom: 0;
}
.message--bad {
    border-color: rgba(165, 50, 57, 0.25);
    background-color: rgba(165, 50, 57, 0.15);
    color: #A53239;
}
.message.message--inline {
    background: none;
    text-align: center;
    border: none;
}

/* Zitate
.quote {
    text-align: center;
    margin-bottom: 3em; // 60/20
    margin-top: 1.75em; // 35/20
}
.quote::before {}
.quote__content {
    padding: 0 2.5em; // 50/20
}
.quote__cite-text {
    font-size: inherit;
    font-weight: 500;
    margin-bottom: 0.8em; // 16/20
    display: block;
}
.quote__cite-text::before,
.quote__cite-text::after {
    content: none;
}
.quote__footer {}
.quote__source {
    font-size: 14px;
    color: #9b9b9b;
    font-style: normal;
    line-height: 1.8571428571428572em; // 26/14
}
*/

/* Text Media, round images */
.textmedia-cols__content {
    align-items: center;
}

.textmedia-cols__content--left .textmedia-cols__imagecol .gallery__figure {
    max-width: 500px;
    margin-right: 3em;
    margin-left: auto;
}

.textmedia-cols__content--right .textmedia-cols__imagecol .gallery__figure {
    max-width: 350px;
    margin-right: auto;
    margin-left: 3em;
}

.textmedia-cols__imagecol .gallery__figure {
    margin: 0;
    padding: 0;
}

.textmedia-cols__imagecol--round .gallery__figure {
    border-radius: 50%;
    overflow: hidden;
}

.textmedia-cols__content--right .textmedia-cols__textcol {
    max-width: 57%;
    margin-left: auto;
    margin-right: 0;
}
.textmedia-cols__content--right .textmedia-cols__imagecol {
    max-width: 43%;
}

.textmedia-cols__textcol .ce-bodytext {
    max-width: 560px;
}

/* News List */
.news-list {
    margin-top: -20px;
    margin-bottom: -20px;
}

.news-list__empty {
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    letter-spacing: 0.015em;
    margin-top: 1em;
}

.news-list__main {
    flex: 1 0 auto;
}

.news-list__main, .news-list__main-inner {
    height: 100%;
}

.news-list__main-inner {
    background-color: #fff;
    border: 1px solid #F1F1F1;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.news-list__main-inner:hover {
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.0125);
}

.news-list__image-wrap {
    flex: none;

    transition: filter 0.35s ease-in-out;
}

.news-list__image-wrap--no-media {
    filter: none;
    padding: 0;
}

.news-list__contents-wrapper {
    flex: 1 0 auto;
    display: flex;
}

.news-list__contents {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px;
}

.news-list__heading {
    margin-top: 0;
    display: -webkit-box;
}

/* Maximale Zeilenanzahl */
@supports (-webkit-line-clamp: 2) and (-webkit-box-orient: vertical) {
    .news-list__heading {
        -webkit-line-clamp: 3; /* number of lines to show */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.news-list__date {
    order: -1;
    margin-bottom: 1.5em;
    font-size: 0.875em;
}

.news-list__category {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 1em;
    font-size: 0.875em;
}

.news-list__date-time {
    font-weight: 700;
    letter-spacing: 0.025em;
}

.news-list__category-list {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -0.25em -0.75em 0.5em -0.75em;
}

.news-list__category__item {
    padding: 0.075em 1em;
    border-radius: 1em;
    background-color: #F1F1F1;
    margin: 0.25em;
    line-height: 1.75em;
}

.news-list__article-wrap {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
}

.news-list__article-wrap:last-child {
    border-bottom: none;
}
.news-list__article {
    height: 100%;
}
.news-list__article-wrap--two-columns .news-list__teaser {
    flex-grow: 1;
}
.news-list__article-wrap--three-columns .news-list__teaser {
    flex-grow: 1;
}

/* Maximale Zeilenanzahl */
@supports (-webkit-line-clamp: 3) and (-webkit-box-orient: vertical) {
    .news-list__article-wrap--two-columns .news-list__heading {
        -webkit-line-clamp: 3; /* number of lines to show */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
.news-list__article-wrap--three-columns .news-list__article {
    flex-direction: column;
    width: calc(100% + 40px);
}

.news-list__footer {
    flex-shrink: 0;
}

.news-list__article-wrap--three-columns {}
.news-list__article-wrap--three-columns .news-list__article {

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .news-list__article-wrap--three-columns .news-list__article {
        flex-direction: row;
        height: auto;
    }
}
.news-list__article-wrap--three-columns .news-list__main {}
.news-list__article-wrap--three-columns .news-list__main-inner {}
.news-list__article-wrap--three-columns .news-list__image-wrap {}
.news-list__article-wrap--three-columns .news-list__image-link {}
.news-list__article-wrap--three-columns .news-list__image {}
.news-list__article-wrap--three-columns .news-list__contents-wrapper {}
.news-list__article-wrap--three-columns .news-list__contents {}
.news-list__article-wrap--three-columns .news-list__header {}
.news-list__article-wrap--three-columns .news-list__heading {}
.news-list__article-wrap--three-columns .news-list__heading-link {}
.news-list__article-wrap--three-columns .news-list__heading-text {}
.news-list__article-wrap--three-columns .news-list__date {}
.news-list__article-wrap--three-columns .news-list__date-time {}
.news-list__article-wrap--three-columns .news-list__footer {}

/* News List Slider */
.newslist_slider__wrapper__outer {
    position: relative;
    margin-right: -20px;
}

.newslist_slider__wrapper {
    width: 100%;
    overflow: hidden;
    padding-right: calc((100vw - 1440px)/2); /* 1400 = content width */
    box-sizing: content-box;
    display: flex;
    position: relative;
}

.newslist_slider__wrapper__inner {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -15px;
    padding-bottom: 50px; /* box shadow */
    transition: transform 0.5s ease;
}

.newslist_slider__article {
    /*width: calc(50% - 30px);*/
    width: 100%;
    max-width: 400px;
    min-width: 100px;
    height: 100%;
    margin: 0 15px;
}

.newslist_slider__article {
    flex: none;
    background-color: #fff;
    border: 1px solid #F1F1F1;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.newslist_slider__article:hover {
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.0125);
}

.news-list__heading {
    font-weight: 700;
    color: #19418E;
    font-size: 1.25em;
    letter-spacing: 0.015em;
}

.news-list__article {
    position: relative;
}

.news-list__heading-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.newslist_slider__text {
    padding: 35px 30px 20px;
}

.newslist_slider__dots {
    display: none;
    /*padding-right: calc((100vw - 1440px)/2); /* 1400 = content width */
    /*flex: 1 0 auto;*/
    padding: 0 4em;
}
.newslist_slider__dots__list {
    /*width: calc(50% - 15px);
    max-width: 400px;
    min-width: 272px;*/
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.newslist_slider__dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    transition: border-width 0.3s ease;
    cursor: pointer;
    margin: 0.35em 0.25em 0 0.25em;
}

.newslist_slider__dot--active {
    border-width: 8px;
}

.newslist_slider__button {
    position: absolute;
    top: 0;
    bottom: 50px;
    width: 10em;
    max-width: 25vw;
    cursor: pointer;
    z-index: 5;
    transition: opacity 0.3s ease;
    opacity: 0;
    overflow: hidden;

    display: flex;
    align-items: center;
}

.newslist_slider__button:hover {
    opacity: 1;
}

.newslist_slider__button .fas, .newslist_slider__button .fa {
    font-size: 1.25em;
    color: #3BA8DF;
    margin: 0 1em;

    width: 1.85em;
    height: 1.85em;
    border-radius: 50%;
    border: 3px solid #3BA8DF;
    display: flex;
    justify-content: center;
    align-items: center;
    /*box-shadow: 0 0 0.5em 0.25em rgba(255,255,255,0.25), inset 0 0 0.5em 0.25em rgba(255,255,255,0.25);*/
}

.newslist_slider__button--back {
    justify-content: flex-start;
    left: 0;
    /*background-image: linear-gradient(to right, #fff, rgba(255,255,255,0) 80%);*/
}

.newslist_slider__button--back .fas:before, .newslist_slider__button--back .fa:before {
    margin-top: 0.05em;
    margin-right: 0.15em;
}

.newslist_slider__button--forward {
    justify-content: flex-end;
    right: 0;
    /*background-image: linear-gradient(to left, #fff, rgba(255,255,255,0) 80%);*/
}

.newslist_slider__button--forward .fas:before, .newslist_slider__button--forward .fa:before {
    margin-top: 0.05em;
    margin-left: 0.15em;
}

.newslist_slider__nav-all {
    display: flex;
    justify-content: flex-start;
}

/* special slider nav position if the slider is in a grid and not the first column */
[class^="col"] + [class^="col"] .newslist_slider__nav-all {
    position: absolute;
    top: 0.9em;
    left: -8em;
}

.newslist_slider__button-nav__item {
    font-size: 1.75em;
    cursor: pointer;
    color: #19418E;
    background-color: transparent;
    border: none;
    transition: padding 0.3s ease;
    width: 1.625em;
    padding: 0;
    text-align: center;
}

.newslist_slider__button-nav__item:focus {
    outline: none;
}

.newslist_slider__button-nav__item--forward:hover {
    padding-left: 0.5em;
}

.newslist_slider__button-nav__item--back:hover {
    padding-right: 0.5em;
}

/* News-Detail */
.news-detail {
    margin-top: 2em;
}

.news-detail__share {
    margin-top: 3em;
    margin-bottom: 1em;
}

.news-detail__title {
    margin-top: 0;
}

.news-detail__teaser {
    font-weight: 700;
    letter-spacing: 0.015em;
}

.news-detail__date-category {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.news-detail__date {
    font-weight: 700;
    letter-spacing: 0.025em;
}

.news-detail__categories {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 0.875em;
    margin: 0 -0.25em;
    padding-left: 0.75em;
}

.news-detail__category__item {
    padding: 0 1em;
    border-radius: 1em;
    background-color: #F1F1F1;
    margin: 0 0.25em;
    line-height: 1.75em;
}

.news-detail__backlink {
    margin-top: 1em;
}

/* News-Detail: Related News-Items */
.news-detail__related-news-image-col {
    order: -2;
}
.news-detail__related-news-date-col {
    order: -1;
}
.news-detail__related-news-title {
    margin-bottom: 0;
}
.news-detail__related-news-article {
    margin-bottom: 40px;
}
.news-detail__related-news-date {
    margin-top: .5em;
    display: block;
    margin-bottom: -.9em;
}

/* EVENTS */
/* Event List */
.event-list {
    margin-top: 30px;
    margin-bottom: -20px;
}

.event-list__item__article {
    margin: 20px 0;
}

.event-list__item__inner {
    padding: 50px 45px 30px 45px;
    border: 1px solid #F1F1F1;
    background-color: #fff;
    display: flex;
    position: relative;
    height: 100%;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.event-list__item__inner:hover {
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.0125);
}

.event-list__item__main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.event-list__item__header {
    flex: 1 0 auto;
}

.event-list__item__teaser {
    padding-bottom: 1em;
}
.event-list__item__teaser-wrap {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease-in-out;
}
.news-list__article-wrap--events .event-list__article {
    height: auto;
    min-height: 100%;
}

.event-list__item__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.event-list__item__date {
    order: -1;
    font-size: 2.8125em;
    /*color: #3BA8DF;*/
    color: #19418E;
    line-height: 1.7em;
}

.event-list__item__heading {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    color: #19418E;
    font-weight: 400;
}

/* Maximale Zeilenanzahl */
@supports (-webkit-line-clamp: 2) and (-webkit-box-orient: vertical) {
    .event-list__item__heading {
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.event-list__all-link {
    margin-top: 2em;
}

/* Event Detail */
.event-detail__heading {
    margin-top: 0;
}

.event-detail__date {
    /*color: #19418E;
    font-size: 1.25em;
    letter-spacing: 0.015em;
    margin-bottom: 1em;*/
}

.event-detail__icon {
    min-width: 1.25em;
    text-align: left;
}

.event-detail__teaser {
    margin-top: 1em;
}

.event-detail__programm {
    margin-top: 2.5em;
}

.event-detail__backlink {
    margin-top: 3em;
}

/* Event Detail Files */
.event-detail__files__list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.5em;
}
.event-detail__files__name {
    text-decoration: none !important;
    display: inline-block;
    width: calc(100% - 13em);
    font-weight: 700;
    letter-spacing: 0.015em;
}

.event-detail__files__link {
    margin-top: 0.25em;
}

.event-detail__files__description {
    display: block;
    color: #9B9B9B;
    font-size: 0.875em;
    /*margin-top: -0.35em;*/
    margin-top: 1em;
}
.event-detail__files__size {
    display: none;
    /*display: inline-block;
    float: right;
    width: 13em;
    text-align: right;
    box-sizing: border-box;
    padding-right: 2.25em;
    position: absolute;
    right: 0;
    top: 1em;
    color: #9B9B9B;
    font-size: 0.875em;
    margin-top: -0.35em;*/
}
.event-detail__files__item {
    margin: 0;
    /*border-bottom: 1px solid #F1F1F1;*/
    padding: 1em 0 .5em;
    /*background: url('../images/file-icons/Icon_Default.svg') no-repeat right .75em;
    background-size: 1.5em 2em;*/
    position: relative;
    box-sizing: content-box; /* behebt unschönes ruckeln wegen jQuery slideUp() und slideDown() Animation */
}

.event-list__item--slider__date {
    margin-top: 1.25em;
    line-height: 1.5;
    margin-bottom: 1.25em;
}

.event-list__item--slider__location {
    color: #19418E;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.125em;
}

.event-list__item--slider__location__icon {
    padding-right: 0.5em;
}

.newslist_slider__text {
    position: relative;
}

.event-list__item--slider__cta {
    position: absolute;
    top: 1em;
    right: 1em;
    transform: translateY(-100%);
    border-radius: 50%;
    background-color: #E40476;
    color: #fff;
    width: 7.5em;
    height: 7.5em;
    padding: 0.5em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;

}

/* Event List new */
.news-list__article--event.event-list__article {
    flex: none;
    background-color: #fff;
    border: 1px solid #F1F1F1;
    transition: box-shadow 0.3s ease, transform 0.3s ease;

    display: flex;
    flex-direction: column;
}

.news-list__article--event.event-list__article:hover {
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.0125);
}

.news-list__article--event.event-list__article > .event-list__item__text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.news-list__article--event.event-list__article > .event-list__item__text > .news-list__teaser {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.news-list__article--event.event-list__article > .event-list__item__text > .news-list__teaser > .event-list__item--slider__location-outer {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.news-list__article--event.event-list__article.event-list__article--noimage > .event-list__item__text > .news-list__teaser > .event-list__item__teaser-wrap {
    flex-grow: 1;
}
.news-list__article--event.event-list__article.event-list__article--noimage > .event-list__item__text > .news-list__teaser > .event-list__item--slider__location-outer {
    flex-grow: 0;
    padding-top: 0.5em;
    position: relative;
}
.news-list__article--event.event-list__article.event-list__article--noimage > .event-list__item__text > .news-list__teaser > .event-list__item--slider__location-outer::before {
    content: "";
    display: block;
    height: 2em;
    position: absolute;
    top: -2em;
    left: 0;
    right: 0;
    background-image: linear-gradient(#fff, transparent);
}

/* Team, Ecosystem */
.t8_team-list__content, .t8_ecosystem-list__content {
    margin-top: -20px;
    margin-bottom: -20px;
    /*justify-content: center;*/
}

.t8_team-list__content {
    transition: opacity 0.25s ease-in-out;
}

/* first of a content-section */
.container > .content-section > [data-ctype="list"]:first-child > .t8_team-list__content, .container > .content-section > [data-ctype="list"]:first-child > .t8_ecosystem-list__content {
    margin-top: -5em;
}

.container > .content-section > [data-ctype="list"]:first-child > .t8_team__filter__form + .t8_team-list__content {
    margin-top: 2em;
}

/* first of a content-section with heading */
.container > .content-section > [data-ctype="list"]:first-child > .heading + .t8_team-list__content, .container > .content-section > [data-ctype="list"]:first-child > .heading + .t8_ecosystem-list__content {
    margin-top: 2em;
}

.t8_team-list__item, .t8_ecosystem-list__item {
    margin-top: 20px;
    margin-bottom: 20px;
}

.t8_team-list__item__inner, .t8_ecosystem-list__item__inner {
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    cursor: pointer;

    border: 1px solid #F1F1F1;
    background-color: #fff;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    position: relative;
}

.t8_team-list__item__inner > *, .t8_ecosystem-list__item__inner > * {
    max-width: 100%;
}

.t8_team-list__item__inner:hover, .t8_ecosystem-list__item__inner:hover,
.t8_team-list__item__inner.hovered, .t8_ecosystem-list__item__inner.hovered,
.t8_team-list__item__inner__open, .t8_ecosystem-list__item__inner__open {
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
    /*transform: scale(1.0125); z-index problem */
}

.t8_team-list__item__inner:hover .t8_team-list__plus,
.t8_team-list__item__inner.hovered .t8_team-list__plus,
.t8_ecosystem-list__item__inner:hover .t8_ecosystem-list__plus,
.t8_ecosystem-list__item__inner.hovered .t8_ecosystem-list__plus {
    color: #3BA8DF;
}

.t8_team-list__image-wrap {
    border-radius: 50%;
    overflow: hidden;
    margin-left: -0.5em;
    margin-right: -0.5em;
    max-width: calc(100% + 1em);
}

.t8_team-list__text-wrap, .t8_ecosystem-list__text-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.t8_team-list__text-wrap {
    flex: 1 0 auto;
}

.t8_team-list__shortdescription {
    flex: 1 0 auto;
}

.t8_team-list__title, .t8_ecosystem-list__title {
    margin-bottom: 0;
}

.t8_team-list__footer, .t8_ecosystem-list__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.t8_team-list__plus__wrapper {
    flex: 1 0 auto;
    display: flex;
    justify-content: flex-end;
}

.t8_team-list__linkedinlink {
    color: #3BA8DF;
    font-size: 1.35em;
    margin-right: 0.675em;
}

.t8_team-list__plus, .t8_ecosystem-list__plus {
    color: #9b9b9b;
    border: 2px solid;
    border-radius: 50%;
    font-size: 0.9em;
    width: 1.65em;
    height: 1.65em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: transform 0.3s ease;
}

.t8_team-list__plus__bar:first-child, .t8_ecosystem-list__plus__bar:first-child {
    border-bottom: 2px solid;
    position: absolute;
    left: 0.35em;
    right: 0.35em;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.t8_team-list__plus__bar:last-child, .t8_ecosystem-list__plus__bar:last-child {
    border-right: 2px solid;
    position: absolute;
    left: 50%;
    top: 0.35em;
    bottom: 0.35em;
    transform: translateX(-50%);
    transition: transform 0.3s ease;
}

.t8_team-list__item__inner__open .t8_team-list__plus, .t8_ecosystem-list__item__inner__open .t8_ecosystem-list__plus {
    transform: rotate(90deg);
}

.t8_team-list__item__inner__open .t8_team-list__plus__bar:first-child, .t8_ecosystem-list__item__inner__open .t8_ecosystem-list__plus__bar:first-child {
    transform: rotate(90deg);
}

.t8_team-list__description, .t8_ecosystem-list__description {
    /*color: #9b9b9b;
    font-style: italic;
    padding-top: 2em;*/
    padding-bottom: 30px;
    margin-bottom: 0;
}

.t8_team-list__description p:last-child {
    margin-bottom: 0;
}

.t8_team-list__expandible__wrap, .t8_ecosystem-list__expandible__wrap {
    position: absolute;
    /*top: calc(100% + 30px);
    left: -30px;
    right: -30px;*/
    top: 100%;
    left: -1px;
    right: -1px;
    background-color: #fff;
    border: 1px solid #F1F1F1;
    border-top: 0;
    padding: 0 30px;
}

.t8_team-list__item__inner:hover .t8_team-list__expandible__wrap, .t8_ecosystem-list__item__inner:hover .t8_ecosystem-list__expandible__wrap,
.t8_team-list__item__inner.hovered .t8_team-list__expandible__wrap, .t8_ecosystem-list__item__inner.hovered .t8_ecosystem-list__expandible__wrap,
.t8_team-list__item__inner__open .t8_team-list__expandible__wrap, .t8_team-list__item__inner__open .t8_ecosystem-list__expandible__wrap,
.t8_team-list__expandible__in-progress.t8_team-list__expandible__wrap, .t8_team-list__expandible__in-progress.t8_ecosystem-list__expandible__wrap {
    box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
    z-index: 3;
    /*transform: scale(1.0125); z-index problem */
}

.t8_team-list__expandible, .t8_ecosystem-list__expandible {
    transition: height 0.5s ease;
    overflow: hidden;

    /*position: relative;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: -30px;
    margin-left: -30px;
    margin-right: -30px;
    box-sizing: content-box;*/
}



/*.t8_team-list__expandible:after, .t8_ecosystem-list__expandible:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -30px;
    right: -30px;
    border-top: 1px solid #F1F1F1;
}*/

.t8_team-list__expandible:not(.t8_team-list__expandible__in-progress), .t8_ecosystem-list__expandible:not(.t8_ecosystem-list__expandible__in-progress) {
    height: auto !important;
}

.t8_team-list__expandible.t8_team-list__expandible__closed, .t8_ecosystem-list__expandible.t8_ecosystem-list__expandible__closed {
    height: 0 !important;
}

/* Team Filter */
.t8_team__filter {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin: -1em;
}

.t8_team__filter__item__radio {
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.t8_team__filter__item {
    padding: 1em;
    position: relative;
}

.t8_team__filter__item__radio:checked + .t8_team__filter__item__label,
.t8_team__filter__item__label--active {
    background-color: #19418E;
    color: #fff;
    outline: none;
}

.t8_team__filter__item__children {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    position: absolute;
    left: 1em;
    bottom: 0.5em;
    transform: translateY(100%);
    background-color: #f1f1f1;
    transition: opacity 0.25s ease-in-out, visibility 0s ease-in-out 0.25s;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
}

.t8_team__filter__item:hover .t8_team__filter__item__children {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}

.t8_team__filter__item__children .t8_team__filter__item__label {
    white-space: nowrap;
    font-weight: 400;
    background: transparent;
}

.t8_team__filter__item__children .t8_team__filter__item__label:hover,
.t8_team__filter__item__children .t8_team__filter__item__radio:checked + .t8_team__filter__item__label {
    color: #19418E;
    background: transparent;
}

.t8_team__filter__item__label__icon--children {
    padding-left: 0.75em;
    margin-right: -0.75em;
    font-size: 0.875em;
}

/* Ecosystem */
.t8_ecosystem-list__item__inner {
    height: auto;
}
.t8_ecosystem-list__item {}

.t8_ecosystem-list__image-wrap__outer {
    position: relative;
    height: 0;
    padding-bottom: 88.5%;
}

.t8_ecosystem-list__image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.t8_ecosystem-list__img {
    max-height: 100%;
    width: auto;
}

.t8_ecosystem-list__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    /*display: block;
    width: 100%;
    max-height: 100%;*/
}

.t8_ecosystem-list__img-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.t8_ecosystem-list__description {
    margin-top: 0;
    padding-top: 1em;
}

.t8_ecosystem-list__title {
    margin-top: 0;
    padding-top: 1.15em;
}

/* Grafik */
.tx-t8-ecosystem .banner {
    padding-top: 0;
    margin-bottom: 4em;
}
.navigation--ecosystem__nav {
    padding: 5em;
}
.navigation--ecosystem__list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;

    background-size: 0;
}

.navigation--ecosystem__list:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 5px solid #BBCEDC;
    background-color: #fff;
    /*background-image: url(../images/logo-ecosystem.svg);*/
    background-image: inherit;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.navigation--ecosystem__item {
    width: 8em;
    height: 8em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4em;
    margin-top: -4em;
}

.navigation--ecosystem__link {
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: italic;
    line-height: 1.5;
    padding: 0.5em;
}

/* Dateiliste */
.files.files--cols {
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 1em;
    margin-bottom: 1em;
}
.files.files--cols .files__list {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
}
.files__list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.5em;
}
.files__name {
    text-decoration: none !important;
    display: inline-block;
    width: calc(100% - 13em);
    font-weight: 700;
    letter-spacing: 0.015em;
}

.files__link {
    text-decoration: none;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4a4a4a;
}

/*.files__link::after {
    content: none;
}

.files__link::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}*/

.files__link__text,
.files__link__text__title {
    position: relative;
}

.files__link__text:after,
.files__item--image .files__link__text__title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.15em;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    /*width: 0;*/
    width: 100%;
    border-top: 2px solid;
    /*transition: width 0.3s ease;*/
    transition: transform 0.3s ease;
}

.files__link:hover .files__link__text:after,
.files__item--image .files__link:hover .files__link__text__title::after {
    /*width: 100%;*/
    transform: translateX(-50%) scaleX(1);
}

.files__link {
    margin-top: 0.25em;
    margin-bottom: 0.65em;
}

.files__description {
    display: block;
    color: #9B9B9B;
    font-size: 0.875em;
    margin-top: -0.65em;
    /*margin-top: 1em;*/
}
.files__size {
    display: none;
    /*display: inline-block;
    float: right;
    width: 13em;
    text-align: right;
    box-sizing: border-box;
    padding-right: 2.25em;
    position: absolute;
    right: 0;
    top: 1em;
    color: #9B9B9B;
    font-size: 0.875em;
    margin-top: -0.35em;*/
}
.files__item {
    margin: 0;
    border-bottom: 1px solid #F1F1F1;
    padding: 1em 0 .5em;
    /*background: url('../images/file-icons/Icon_Default.svg') no-repeat right .75em;
    background-size: 1.5em 2em;*/
    position: relative;
    box-sizing: content-box; /* behebt unschönes ruckeln wegen jQuery slideUp() und slideDown() Animation */
}

.files__item {
    padding-left: 1.75em;
}

.files__item .files__link__text::before {
    content: "\f15b";

    display: inline-block;
    font: normal normal normal 14px/1 'Font Awesome 5 Free';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 1.25em;
    position: absolute;
    left: -1.75rem;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.files__item[data-file-name$=".doc"] .files__link__text::before,
.files__item[data-file-name$=".docx"] .files__link__text::before {
    content: "\f1c2";
}
.files__item[data-file-name$=".doc"],
.files__item[data-file-name$=".docx"] {}

.files__item[data-file-name$=".ppt"] .files__link__text::before,
.files__item[data-file-name$=".pptx"] .files__link__text::before {
    content: "\f1c4";
}
.files__item[data-file-name$=".ppt"],
.files__item[data-file-name$=".pptx"] {}

.files__item[data-file-name$=".xls"] .files__link__text::before,
.files__item[data-file-name$=".xlsx"] .files__link__text::before {
    content: "\f1c3";
}
.files__item[data-file-name$=".xls"],
.files__item[data-file-name$=".xlsx"] {}

.files__item[data-file-name$=".pdf"] .files__link__text::before {
    content: "\f1c1";
}
.files__item[data-file-name$=".pdf"] {}

.files__item[data-file-name$=".jpg"] .files__link__text::before,
.files__item[data-file-name$=".jpeg"] .files__link__text::before,
.files__item[data-file-name$=".png"] .files__link__text::before,
.files__item[data-file-name$=".gif"] .files__link__text::before,
.files__item[data-file-name$=".tiff"] .files__link__text::before,
.files__item[data-file-name$=".bmp"] .files__link__text::before {
    content: "\f1c5";
}
.files__item[data-file-name$=".jpg"],
.files__item[data-file-name$=".jpeg"],
.files__item[data-file-name$=".png"],
.files__item[data-file-name$=".gif"],
.files__item[data-file-name$=".tiff"],
.files__item[data-file-name$=".bmp"] {}

/* Image Download View */
.files__item--image {
    display: flex;
    padding-left: 0;
    padding-top: 1em;
    padding-bottom: 1em;
}
.files__item--image:first-child {
    border-top: 1px solid #F1F1F1
}
.files__item__image {
    width: 100%;
}
[width="0"].files__item__image {
    width: 0;
}
.files__item--image .files__size {
    display: inline;
}
.files__item--image .files__name {
    font-weight: 400;
    padding-left: 1.5em;
}
.files__item--image .files__link__text__title {
    display: block;
    font-weight: 700;
    white-space: normal;
    line-height: 1.275;
    padding-bottom: 0.15em;
}
.files__item--image .files__description {
    margin-top: 0;
    margin-bottom: 0.75em;
    line-height: 1.375;
}
.files__item--image .files__extension {
    text-transform: uppercase;
    padding-left: 1.75em;
}
.files__item--image .files__link,
.files__item--image .files__link__text {
    display: block;
}
.files__item--image .files__link__text:after {
    content: none;
}
.files__item--image .files__link__text:before {
    align-items: flex-end;
    left: 0;
    margin-bottom: 0.15em;
}
.files__link__image {
    display: block;
    width: 40%;
    flex: none;
    background-color: #EFEFEF;
}
.files__link__image::before {
    content: "";
    display: block;
    padding-bottom: 64.28%;
    float: left;
}

/* Image-Gallery / Images */
.gallery {
    /*margin-bottom: -20px;*/
}

.gallery__figure {
    position: relative;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}

.container--no-gaps .gallery__figure,
.content--no-gaps .gallery__figure {
    margin-bottom: 0;
}

.container--no-gaps .gallery,
.content--no-gaps .gallery {
    margin-bottom: 40px;
}

.gallery__link {
    display: block;
}
.gallery__image {
    display: block;
    max-width: 100%;
}
.gallery__figure:hover .gallery__image { }
.gallery__image--force-100-percent {
    max-width: none;
    width: 100%;
}
.gallery__caption {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em;
    padding-top: 1em;
}

/* Text & Media (Positionierung) */
.ce-right.ce-intext:not(.ce-nowrap) .gallery {
    display: inline-block;
    float: right;
    margin-left: 12px;
    width: 33.333333333333336%; /* tbd: media query */
}
.ce-left.ce-intext:not(.ce-nowrap) .gallery {
    display: inline-block;
    float: left;
    margin-right: 12px;
    width: 33.333333333333336%; /* tbd: media query */
}
.ce-right .gallery__image {
    margin-left: auto;
    margin-right: 0;
}
.ce-left .gallery__image {
    margin-left: 0;
    margin-right: auto;
}
.ce-textpic.ce-nowrap .gallery {
    margin-top: -10px;
}
.ce-textpic.ce-nowrap .ce-bodytext > *:first-child {
    margin-top: 0;
}

/* Navigation Pagination */
.navigation-pagination {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}
.navigation-pagination__info {}
.navigation-pagination__list,
.navigation-pagination .pagination { /* genericcatalogue */
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0 auto;
    margin-left: -.25em;
}
.navigation-pagination__item,
.navigation-pagination .pagination li { /* genericcatalogue */
    float: left;
    margin-right: .25em;
    margin-left: .25em;
    margin-bottom: .25em;
}
.navigation-pagination__item--current {}
.navigation-pagination__item--last {}
.navigation-pagination__item--next {}
.navigation-pagination__text,
.navigation-pagination .page { /* genericcatalogue */
    min-width: 3.125em; /* 50/16 */
}
.navigation-pagination__link {}

/* Product DB */
.project-navigation {}
.project-navigation__list {}
.project-navigation__item {}
.project-navigation__item--reset {}
.project-navigation__sub {}
.project-navigation__button--active {}
.project-navigation__button--maincategory:hover,
.project-navigation__button--maincategory:focus {}
.project-navigation__button--active + .project-navigation__sub {}
.project-navigation__sub li::before {}
.product-items {}
.product-items__item {}
.product-items__item-description {}
.product-items__item-description::before,
.product-items__item-description::after {}
.product-items__item:hover .product-items__item-description {}
.product-items__item-link {}
.product-items__item-description p {}

.category__description--hidden{
        display: none;
}

.category__description {
    padding-bottom: 2em;
}

/******************************************************
------------------------------------------------------
* SUCHE (ke_search)
------------------------------------------------------
******************************************************/
.form__fieldwrap--search {
    margin-top: 1.75em;
    margin-bottom: 1.75em;
}

.form__input__wrap {
    position: relative;
}

.form__input__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    border: none;
    color: #657F92;
    background: none;
    margin: 0;
    padding: 0.5em 0.25em;
}

.form__input__btn:hover,
.form__input__btn:focus,
.form__input__btn:active {
    background: transparent;
    color: #19418E;
}

.form__input__btn:last-child {
    right: 0.75em;
}

.form__fieldwrap--search {
    display: flex;
    justify-content: space-between;
}

.form__fieldwrap--search .form__input__wrap {
    flex: 1 0 auto;
    margin-right: 20px;
}

.button.button--search {
    padding-left: 1.75em;
    padding-right: 1.75em;

    background-color: #19418E;
    color: #fff;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.button.button--search:hover {
    background-color: #3BA8DF;
    box-shadow: 10px 10px 20px 0 rgba(155, 155, 155, 0.5);
    transform: scale(1.0125);
}

.button.button--search [class*="fa-"] {
    font-size: 1.5em;
    margin-top: 0.35em;
    margin-bottom: -0.35em;
}

.searchresults .message + .searchresults__number {
    margin-top: 3em;
}

.searchresults__results {
    margin-top: 2em;
    margin-bottom: 2em;
}

.searchresults__number {
    font-weight: 700;
    letter-spacing: 0.025em;
    margin-top: 1.5em;
}

.searchresults__item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

    padding: 1.75em 0;
    border-bottom: 2px solid #F1F1F1;
}
.searchresults__item:first-child {
    border-top: 2px solid #F1F1F1;
}

.searchresults__item__text {
    flex: 1 1 auto;
    width: 100%;
    padding: 0 0.75em;
}

.searchresults__item__image-wrap {
    flex: none;
    padding: 0 0.75em;
}

.searchresults__item__title {
    margin-top: 0;
}

.searchresults__item__url {
    font-size: 0.75em;
    margin-bottom: 0.675em;
}

/**************************
* Textmarkierungen (z.B. in Suchresultaten)
**************************/
.mark, .searchresults .hit {
	background-color: #f1f1f1;
	color: inherit;
	padding: .25em .25em;
	font-weight: 700;
}

/* Image slider*/
.image-slider {
    position: relative;
    width: 100%;
}
.image-slider__images {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all .75s cubic-bezier(0.79, 0, 0.36, 1);
    transition: all .75s cubic-bezier(0.79, 0, 0.36, 1);
}
.image-slider__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    border: 0;
    height: 100%;
}
.image-slider__images { width: 1000% }

.image-slider__figure {
    width: 10%;
    margin: 0;
    float: left;
    height: 100%;
    position: relative;
}

.image-slider__radio-nr-1:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(0); transform: translateX(0) }
.image-slider__radio-nr-2:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-10%); transform: translateX(-10%) }
.image-slider__radio-nr-3:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-20%); transform: translateX(-20%) }
.image-slider__radio-nr-4:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-30%); transform: translateX(-30%) }
.image-slider__radio-nr-5:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-40%); transform: translateX(-40%) }
.image-slider__radio-nr-6:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.image-slider__radio-nr-7:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-60%); transform: translateX(-60%) }
.image-slider__radio-nr-8:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-70%); transform: translateX(-70%) }
.image-slider__radio-nr-9:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-80%); transform: translateX(-80%) }
.image-slider__radio-nr-10:checked ~ .image-slider__images-wrap .image-slider__images { -webkit-transform: translateX(-90%); transform: translateX(-90%) }

.image-slider__image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: 50% 50%;
}
.image-slider__images-wrap {
  position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}
.image-slider__video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.image-slider__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*padding: 30px 24px;*/
    padding: 0.85em 1.25em; /* 30/18; 24/18; 8/18 */
    margin-bottom: 0;
    background-color: rgba(25, 65, 142, 0.85);
    color: white;
    font-size: 0.75em;
    line-height: 1.6;
}

.image-slider__caption p {
    margin: 0;
}
.image-slider__arrows-list {
    list-style-type: none;
    display: none;
}
.image-slider__arrows {
    height: 0;
    display: none;
}
.image-slider__radio-nr-1:checked ~ .image-slider__arrows .image-slider__arrows-list-1 { display: block; }
.image-slider__radio-nr-2:checked ~ .image-slider__arrows .image-slider__arrows-list-2 { display: block; }
.image-slider__radio-nr-3:checked ~ .image-slider__arrows .image-slider__arrows-list-3 { display: block; }
.image-slider__radio-nr-4:checked ~ .image-slider__arrows .image-slider__arrows-list-4 { display: block; }
.image-slider__radio-nr-5:checked ~ .image-slider__arrows .image-slider__arrows-list-5 { display: block; }
.image-slider__radio-nr-6:checked ~ .image-slider__arrows .image-slider__arrows-list-6 { display: block; }
.image-slider__radio-nr-7:checked ~ .image-slider__arrows .image-slider__arrows-list-7 { display: block; }
.image-slider__radio-nr-8:checked ~ .image-slider__arrows .image-slider__arrows-list-8 { display: block; }
.image-slider__radio-nr-9:checked ~ .image-slider__arrows .image-slider__arrows-list-9 { display: block; }
.image-slider__radio-nr-10:checked ~ .image-slider__arrows .image-slider__arrows-list-10 { display: block; }

.image-slider__arrow-button {
    width: 4em;
    height: 4em;
    position: absolute;
    top: 50%;
    margin-top: -2em;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    text-align: center;
}
.image-slider__arrow-button--previous {
    left: 0;
}
.image-slider__arrow-button--next {
    right: 0;
}
.image-slider__icon-arrow {
    color: white;
    font-size: 3.75em;
}
/*http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/*/
/*Hide arrows if only one image vorhanden.*/
.image-slider__arrows-list:first-child:nth-last-child(1) {
    display: none !important;
}

.image-slider__thumbnails {
    width: auto;
    float: none;
    margin-top: 20px;
}

.image-slider__thumbnail-label {
    cursor: pointer;
    display: block;
    opacity: .5;
    -webkit-transition: all .75s cubic-bezier(0.79, 0, 0.36, 1);
    transition: all .75s cubic-bezier(0.79, 0, 0.36, 1);
}
.image-slider__thumbnail-item {
    margin-bottom: 20px;
}
.image-slider__radio-nr-1:checked  ~ .image-slider__thumbnails [for="detail-slide-1"] { opacity: 1 }
.image-slider__radio-nr-2:checked  ~ .image-slider__thumbnails [for="detail-slide-2"] { opacity: 1 }
.image-slider__radio-nr-3:checked  ~ .image-slider__thumbnails [for="detail-slide-3"] { opacity: 1 }
.image-slider__radio-nr-4:checked  ~ .image-slider__thumbnails [for="detail-slide-4"] { opacity: 1 }
.image-slider__radio-nr-5:checked  ~ .image-slider__thumbnails [for="detail-slide-5"] { opacity: 1 }
.image-slider__radio-nr-6:checked  ~ .image-slider__thumbnails [for="detail-slide-6"] { opacity: 1 }
.image-slider__radio-nr-7:checked  ~ .image-slider__thumbnails [for="detail-slide-7"] { opacity: 1 }
.image-slider__radio-nr-8:checked  ~ .image-slider__thumbnails [for="detail-slide-8"] { opacity: 1 }
.image-slider__radio-nr-9:checked  ~ .image-slider__thumbnails [for="detail-slide-9"] { opacity: 1 }
.image-slider__radio-nr-10:checked ~ .image-slider__thumbnails [for="detail-slide-10"] { opacity: 1 }

.image-slider__thumbnail-image {
    display: block;
}
.image-slider__thumbnail-item::before {
    content: none !important;
}
.image-slider__arrow-item::before {
    content: none !important;
}
.image-slider__thumbnail-list {
    list-style: none;
}

/* Footer */
.footer {
    font-size: 0.875em;
    padding: 8em 0 3em;
    position: relative;
    color: #19418E;
}

.footer > .container > .content-section {
    position: relative;
}

.footer > .container > .content-section::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100vh;
    height: 100vw;

    background-color: #E5F4FB;
    transform: translateX(100%) translateY(-1.5em) rotate(-45deg);
    transform-origin: left top;
    right: 27%;
}

@media (orientation: landscape) {
    .footer > .container > .content-section::before {
        width: 100vw;
        height: 100vw;
    }
}

@media (orientation: portrait) {
    .footer > .container > .content-section::before {
        width: 100vh;
        height: 100vh;
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .footer > .container > .content-section::before {
        width: 200vh;
        height: 200vh;
        right: 55%;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .footer > .container > .content-section::before {
        width: 200vw;
        height: 200vw;
        right: 55%;
    }
}

@media (max-width: 480px) and (orientation: portrait) {
    .footer > .container > .content-section::before {
        width: 200vh;
        height: 200vh;
        right: 70%;
    }
}

@media (max-width: 480px) and (orientation: landscape) {
    .footer > .container > .content-section::before {
        width: 200vw;
        height: 200vw;
        right: 70%;
    }
}

.footer .link {
    color: inherit;
}

.footer p {
    margin-bottom: 0;
}

.footer .link:after {
    border-width: 1px;
}

.footer .gallery {
    margin-top: -20px;
}

.footer > .container > .content-section > [class^="col"]:last-child > .content-section {
    flex-wrap: nowrap;
}

.footer > .container > .content-section > [class^="col"]:last-child [class^="col"] {
    width: auto;
    flex: 0 0 auto;
}

.footer > .container > .content-section > [class^="col"]:last-child [class^="col"]:last-child {
    width: auto;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer > .container > .content-section > [class^="col"]:last-child [class^="col"]:last-child > [data-ctype="textmedia"] .ce-bodytext {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 5em;
    margin-bottom: -0.25em;
}

.footer > .container > .content-section > [class^="col"]:last-child [class^="col"]:last-child > [data-ctype="textmedia"] .ce-bodytext p {
    display: inline-block;
    margin: 0 0.5em;
    font-size: 0.857em;
}

/* Footer-Navigation */
/* Social Navigation */
.navigation-footer__list {
    list-style: none;
    padding: 0;
    margin: 0 -0.35em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.navigation-footer__link {
    display: block;
    padding: 0.5em 0.75em;
    font-size: 1.43em;
    color: #3BA8DF;
    transition: color 0.3s ease;
}

.navigation-footer__link:hover {
    /*color: #1d71b8;*/
    color: #19418E;
}

.navigation-footer__text {
    padding: 0;
    vertical-align: middle;
}

.navigation-footer [href*="facebook."] span,
.navigation-footer [href*="twitter."] span,
.navigation-footer [href*="instagram."] span,
.navigation-footer [href*="plus.google."] span,
.navigation-footer [href*="snapchat."] span,
.navigation-footer [href*="youtube."] span,
.navigation-footer [href*="pinterest."] span,
.navigation-footer [href*="linkedin."] span {
	font-family: Font Awesome\ 5 Brands;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;

	display: inline-block;
    width: 100%;
	font-size: inherit;

    text-indent: -9999px;
    white-space: nowrap;
	font-weight: lighter;
    width: 1em;
}

.navigation-footer [href*="facebook."] span:before,
.navigation-footer [href*="twitter."] span:before,
.navigation-footer [href*="instagram."] span:before,
.navigation-footer [href*="plus.google."] span:before,
.navigation-footer [href*="snapchat."] span:before,
.navigation-footer [href*="youtube."] span:before,
.navigation-footer [href*="pinterest."] span:before,
.navigation-footer [href*="linkedin."] span:before {
	text-indent: 0;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
}

.navigation-footer [href*="facebook."] span:before{
  content: "\f39e";
}

.navigation-footer [href*="twitter."] span:before{
  content: "\f099";
}

.navigation-footer [href*="instagram."] span:before{
  content: "\f16d";
}

.navigation-footer [href*="plus.google."] span:before{
  content: "\f0d5";
}

.navigation-footer [href*="snapchat."] span:before{
  content: "\f2ac";
}

.navigation-footer [href*="youtube."] span:before{
  content: "\f167";
}

.navigation-footer [href*="pinterest."] span:before{
  content: "\f231";
}

.navigation-footer [href*="linkedin."] span:before{
  content: "\f0e1";
}



/*
.social-media {
    margin-bottom: 2.2em;
}
.social-media::before,
.social-media::after {
    content: "";
    display: table;
    clear: both;
}
.social-media__list {
    display: inline-block;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 40px;
}
.social-media__item {
    float: left;
    padding-left: 20px;
}

.newsletter {
    margin-bottom: 2.2em;
}
.newsletter__form {}
.newsletter__input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #4a4a4a;
    border: 2px solid white;
}
.newsletter__input-wrap > * {
    width: 100%;
}
.newsletter__hint {
    padding: 14px;
    padding-left: 18px;
    padding-right: 15px;
    text-transform: uppercase;
    width: auto;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
}
.newsletter__hint::before {
    content: attr(data-newsletter-hint);
}
.newsletter__input {
    font-size: 22px;
    line-height: 27px;
    border: 0;
    background-color: white;
    padding-left: 18px;
    padding-right: 18px;
    font-family: 'Noto Sans', sans-serif;
    border-radius: 0;
}
.newsletter__submit {
    width: 115px;
    background-color: #4a4a4a;
    border: 0;
    cursor: pointer;
}
.newsletter__submit i {
    color: white;
    font-size: 30px;
    position: relative;
    left: -2px;
}
*/
/* Mobile Menu */
.slicknav_menu {
    display: none;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;

    background-color: #fff;
    /*border-bottom: 2px solid #F1F1F1;*/
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
}

.slicknav_brand {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 0 0 0 20px;
    height: 60px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: calc(100% - 60px);
}

.slicknav_menu .slicknav_icon-bar {
    background: #222222;
}
.slicknav__logo-link {
    display: block;
}
.slicknav__logo-img {
    height: 40px;
    max-width: 149px;
    margin-left: 0;
}
.slicknav_btn {
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    float: right;
    height: 60px;
    display: flex;
    align-items: center;
    width: 60px;
    justify-content: center;
    background-color: transparent;
    text-shadow: none;
    padding: 0;
    /*background-size: auto 18px;
    background-image: url(../images/navbar.svg);
    background-repeat: no-repeat;
    background-position: center;*/
    outline: none;
}

.slicknav_menu .slicknav_icon {
    position: relative;
    cursor: pointer;
    height: 30px;
    width: 28px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 100%;
    background: #4a4a4a;
    height: 2px;
    margin: 6px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/*.slicknav_btn.slicknav_open .slicknav_icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}*/

.slicknav_btn.slicknav_open .slicknav_icon-bar {
    transform: scaleX(0);
}

.slicknav_btn.slicknav_open .slicknav_icon-bar:first-child {
    transform: translateY(8px) rotate(45deg);
}

.slicknav_btn.slicknav_open .slicknav_icon-bar:last-child {
     transform: translateY(-8px) rotate(-45deg);
}

.slicknav_nav {
    background-color: #fff;
    background-color: #e5f4fb;
    color: #19418E;
    font-size: 1.1em;
    font-weight: 700;
    text-align: center;
    padding: 0;
    max-height: calc(100vh - 60px);
    overflow: auto;

    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.slicknav__item, .slicknav-meta__item {
    width: 100%;
}

.slicknav__item:first-child {
    margin-top: 1.5em;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: inherit;
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav__item .slicknav__link,
.slicknav_nav .slicknav-meta__link,
.slicknav_nav .slicknav__level2-link  {
    display: inline-block;
    padding: 10px 20px;
}
.slicknav_nav .slicknav-meta__link {
    padding: 11px 20px;
    font-size: 1rem;
}

.slicknav__item,
.slicknav-meta__item {
    position: relative;
}

.slicknav_nav .slicknav_open {
    background-color: #fff;
}

.slicknav__level2-item {background-color: #a5a5a5;}
.slicknav__level2-item--active {background-color: #a5a5a5;}

.slicknav__link {
    display: inline-block;
    position: relative;
    outline: none;
}
.slicknav__link:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0.25em;
    left: 0;
    height: 3px;
    width: 0;
    background: #3BA8DF;
    transition: width 0.3s ease;
    transform-origin: left;
}

.slicknav__link:not(.slicknav-meta__link--language):before, .slicknav-meta__link:not(.slicknav-meta__link--language):before {
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    left: calc((100vw - 100%) / (-2));
    top: 0;
    bottom: 0;
}

.slicknav__item--active .slicknav__link {
    color: #3BA8DF;
}

.slicknav__item--active .slicknav__link:after {
    width: 3em;
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    color: inherit;
    /* position: relative; */
    background-color: inherit;
}
.slicknav_nav .slicknav_arrow {
    float: right;
    font-size: inherit;
    color: transparent;
    display: block;
    width: 42px;
    position: relative;
    height: 42px;
    position: absolute;
    right: 9.5px;
    top: 7px;
    /* transform: rotate(45deg); */
}
.slicknav_nav .slicknav_arrow::after {
    content: "+" !important;
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top: 0;
    top: 0;
    background-image: url(../images/plus.svg);
    background-repeat: no-repeat;
    color: transparent;
    background-size: 26px 26px;
    width: 100%;
    height: 100%;
    /* transform: rotate(90deg); */
    background-position: center;
}
.slicknav_open .slicknav_arrow::after {
    /* transform: rotate(45deg); */
    background-image: url(../images/minus.svg);
    background-size: 26px 3px;
    top: -1px;
}
.slicknav-meta__item:not(.slicknav-meta__item--language) {
    font-weight: 400;
}

.slicknav-meta__item--active {
    color: #3BA8DF;
}

.slicknav-meta__item--language {
    width: auto;
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: 3.5em;
    color: #657F92;
}
.slicknav-meta__item:last-child {
    margin-bottom: 3.5em;
}
.slicknav-meta__item--language--active {
    color: #19418E;
}

.slicknav_nav .slicknav__level2 {
    padding-left: 0;
    margin-left: 0;
    background-color: #a5a5a5;
}

/* Sitemap */
.sitemap {}
.sitemap__list {}
.sitemap__item {}
.sitemap__link {}
.sitemap__text {}

/* ToTop-Button */
.totop-button, .scrollbutton {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 65px;
    width: 3.75em;
    height: 3.75em;
    background-color: #19418E;
    border-radius: 50%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 4;

    transform: translateX(5.5em);
    transition: all .125s ease-in-out;

    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.totop-button > span,
.scrollbutton > span {
    font-size: 1.9em;
    margin-left: 0.0125em;
}

.totop-button--visible {
    transform: translateX(0);
}

.scrollbutton {
    transform: none;
    opacity: 1;
    transition: opacity 0.15s ease-in-out 0.35s;
}

.scrollbutton > span {
    transition: transform .35s ease-in-out;
    transform: rotate(180deg);
}

.scrollbutton.scrollbutton--down > span {
    transform: rotate(0);
}

.scrollbutton.scrollbutton--hidden {
    opacity: 0;
}

.contact-button {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 150px;
    width: 3.75em;
    height: 3.75em;
    background-color: #19418E;
    border-radius: 50%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 4;

    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.contact-button > span {
    font-size: 1.75em;
    margin-bottom: 0.15em;
}

/**************************\
  Modal Styles
\**************************/

.modal {
    font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.modal__container {
    background-color: #fff;
    padding: 20px;
    margin: 40px 20px;
    max-width: 80vw;
    max-height: 90vh;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
}

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

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__video {
    width: 100vh;
    height: auto;
    max-width: 100%;
    aspect-ratio: 16/9;
    display: block;
}

.modal__close {
    background: transparent;
    border: 0;
    cursor: pointer;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
    margin-top: 1rem;
    line-height: 1.5;
    color: rgba(0,0,0,.8);
}


@keyframes mmfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes mmslideIn {
    from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}

/* Map */
.map__wrapper {
    width: 100%;
    max-width: 600px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    margin-top: -2em;

    /* safari fix */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.map {
    /*height: 60vh;
    max-height: 550px;*/

    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 100%;
}

/* Cookie-Banner */
.cc-window .cc-body, #cc-tag, #cc-notification, #cc-modal div, #cc-modal span, #cc-modal iframe, #cc-modal h1, #cc-modal h2, #cc-modal h3, #cc-modal h4, #cc-modal h5, #cc-modal h6, #cc-modal p, #cc-modal pre, #cc-modal a, #cc-modal code, #cc-modal em, #cc-modal img, #cc-modal s, #cc-modal small, #cc-modal strong, #cc-modal b, #cc-modal u, #cc-modal i, #cc-modal dl, #cc-modal dt, #cc-modal dd, #cc-modal ol, #cc-modal ul, #cc-modal li, #cc-modal form, #cc-modal label, #cc-settingsmodal div, #cc-settingsmodal span, #cc-settingsmodal iframe, #cc-settingsmodal h1, #cc-settingsmodal h2, #cc-settingsmodal h3, #cc-settingsmodal h4, #cc-settingsmodal h5, #cc-settingsmodal h6, #cc-settingsmodal p, #cc-settingsmodal pre, #cc-settingsmodal a, #cc-settingsmodal code, #cc-settingsmodal em, #cc-settingsmodal img, #cc-settingsmodal s, #cc-settingsmodal small, #cc-settingsmodal strong, #cc-settingsmodal b, #cc-settingsmodal u, #cc-settingsmodal i, #cc-settingsmodal dl, #cc-settingsmodal dt, #cc-settingsmodal dd, #cc-settingsmodal ol, #cc-settingsmodal ul, #cc-settingsmodal li, #cc-settingsmodal form, #cc-settingsmodal label, #cc-tag div, #cc-tag span, #cc-tag iframe, #cc-tag h1, #cc-tag h2, #cc-tag h3, #cc-tag h4, #cc-tag h5, #cc-tag h6, #cc-tag p, #cc-tag pre, #cc-tag a, #cc-tag code, #cc-tag em, #cc-tag img, #cc-tag s, #cc-tag small, #cc-tag strong, #cc-tag b, #cc-tag u, #cc-tag i, #cc-tag dl, #cc-tag dt, #cc-tag dd, #cc-tag ol, #cc-tag ul, #cc-tag li, #cc-tag form, #cc-tag label, #cc-notification div, #cc-notification span, #cc-notification iframe, #cc-notification h1, #cc-notification h2, #cc-notification h3, #cc-notification h4, #cc-notification h5, #cc-notification h6, #cc-notification p, #cc-notification pre, #cc-notification a, #cc-notification code, #cc-notification em, #cc-notification img, #cc-notification s, #cc-notification small, #cc-notification strong, #cc-notification b, #cc-notification u, #cc-notification i, #cc-notification dl, #cc-notification dt, #cc-notification dd, #cc-notification ol, #cc-notification ul, #cc-notification li, #cc-notification form, #cc-notification label {
    font-family: 'Noto Sans', sans-serif;
    letter-spacing: 0 !important;
    font-size: 1em;
    line-height: 1.5 !important;
    font-weight: 400;
    text-transform: uppercase;
    font-weight: normal !important;
}

.dp--cookie-check,.cc-btn.cc-allow,.cc-btn.cc-deny{
    display:none !important;
}
div#cc-notification {
    /*display: none !important;*/
    font-family: inherit !important;
}
div#cc-notification h2 ,.cc-window  .cc-body .cc-message{
    font-size: 0.95em !important;
    color:#4a4a4a !important;
}

div#cc-notification,.cc-window  .cc-body{
    background-color: #fff !important;
    border-top: 2px solid #F1F1F1;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.035);
}
div#cc-notification div#cc-notification-wrapper,.cc-window  .cc-body {
    padding: 0.6em 20px 0 !important;
}
div#cc-notification h2 span, div#cc-notification h2,.cc-window  .cc-body .cc-message{
    margin-bottom: 12px !important;
    padding: 4px 0;
    text-transform: none;
    width: inherit;
}
div#cc-notification h2, div#cc-notification h3, div#cc-notification p {
    font-size: 1em;
    color: #4a4a4a !important;
    line-height: 1.875em;
}
div#cc-notification h2 span {
    font-size: inherit;
}
div#cc-notification a, div#cc-notification a:visited {
    font-size: 1em !important;
    line-height: inherit;
}

div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited,.cc-btn.cc-allow-all,.cc-btn.cc-allow-all:visited{
    font-size: inherit !important;

}
div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited,.cc-btn.cc-allow-all,.cc-btn.cc-allow-all:visited {
    font-size: 1em !important;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border: none;
    margin-bottom: 0 !important;
    font-family: inherit;
    font-weight: 700 !important;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    transition: unset;

    background-color: #19418E !important;
    padding: 0.65em 3em !important;
    color: #fff !important;
    letter-spacing: 0.075em !important;
    border-radius: 0 !important;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
    text-transform: none;
    font-size:0.9em !important;
}
.cc-compliance{
    padding-top:0 !important;
    padding-right:0 !important;
    min-width: unset !important;
}
div#cc-notification ul.cc-notification-buttons li a:after {
    content: none;
}
div#cc-notification ul.cc-notification-buttons li a:hover, div#cc-notification ul.cc-notification-buttons li a:active, div#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:hover, div#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:active, .cc-btn.cc-allow-all:hover{
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 0 !important;

    background-color: #3BA8DF !important;
    border-color: #3BA8DF;
    box-shadow: 10px 10px 20px 0 rgba(155, 155, 155, 0.5);
    transform: scale(1.0125);

}
div#cc-notification ul.cc-notification-buttons,.cc-compliance {
  width: auto !important;
  max-width: 30em !important;
}
div#cc-notification a:not(.cc-link), div#cc-notification a:not(.cc-link):visited,.cc-window  .cc-body .cc-message .cc-link{
    color: #3BA8DF !important;
    text-decoration: none !important;
    text-transform: none;
    position: relative;
}

div#cc-notification a:not(.cc-link):before , div#cc-notification a:not(.cc-link):visited:before,.cc-window  .cc-body .cc-message .cc-link:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.15em;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 100%;
    border-top: 1px solid;
    transition: transform 0.3s ease;
}
div#cc-notification a:not(.cc-link):hover,,.cc-window  .cc-body .cc-message .cc-link:hover{
    color: #3BA8DF !important;
}

div#cc-notification a:not(.cc-link):hover:before,.cc-window .cc-body .cc-message .cc-link:hover:before {
    transform: translateX(-50%) scaleX(1);
}

/* mobile */
div#cc-notification.cc-mobile {
    position: relative !important;
    z-index: 1 !important;
    top: 60px;
    bottom: auto !important;
    /*border-bottom: 1px solid #ccc !important;*/
}

div#cc-notification.cc-mobile h2 span, div#cc-notification.cc-mobile h2 {
    font-size: 1em;
    line-height: 1.6;
}

/*div#cc-notification.cc-mobile {
    //position: fixed !important;
    bottom: auto !important;
    top: 58.75px;
    z-index: 999 !important;
}*/

div#cc-notification.cc-mobile ul.cc-notification-buttons li a, div#cc-notification.cc-mobile ul.cc-notification-buttons li a:visited {
    margin-top: 0 !important;
}

div#cc-notification.cc-mobile {
    border-top: 0;
    /*border-bottom: 2px solid #F1F1F1 !important;*/
    box-shadow: none;
}

div#cc-notification.cc-mobile h2 span, div#cc-notification.cc-mobile h2 {
    font-size: 0.95em !important;
}

@media screen and (max-width: 1025px) {
    div#cc-notification h2 {
        margin-right: 0 !important;
    }
    div#cc-notification ul.cc-notification-buttons {
        position: static !important;
        width: auto !important;
    }
    div#cc-notification ul.cc-notification-buttons li a, div#cc-notification ul.cc-notification-buttons li a:visited {
        float: none !important;
        margin-bottom: 1.5em !important;
        font-size: 0.85em !important;
    }
}

/**
 * Media-Queries
 * Defaults: fileadmin/theme/css/t8-grid.css
 */

@media (max-width: 1620px) {
    .banner__nav__item.scrollslider__btn--next {
        right: -0.5em;
    }
    .banner__nav__item.scrollslider__btn--prev {
        left: -0.5em;
    }
}

@media (max-width: 1545px) {
    .heading--section {
        display: none;
    }

    /*.heading--section {
        position: static;
        transform: none;
        justify-content: flex-start;
    }

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

    .heading--center.heading--section:after, .heading--center.heading--section:before, .heading--right.heading--section:before {
        content: "";
        display: block;
        height: 1px;
        width: 3em;
        background-color: #19418E;
        margin: 0 1em;
    }

    .heading--right.heading--section:after {
        content: none;
    }*/

    /* footer */
    .footer > .container > .content-section > [class^="col"]:last-child [class^="col"]:last-child > [data-ctype="textmedia"] .ce-bodytext {
        justify-content: flex-end;
    }
}

@media (max-width: 1520px) {
    .banner__inner-wrap {
        padding-left: 3em;
        padding-right: 3em;
    }
    .banner__nav__item.scrollslider__btn--next {
        right: -0.25em;
        transform: translateY(-50%);
    }
    .banner__nav__item.scrollslider__btn--prev {
        left: -0.25em;
        transform: translateY(-50%);
    }
    .banner__nav__item.scrollslider__btn--next:hover {
        transform: translateY(-50%) translateX(0.25em);
    }
    .banner__nav__item.scrollslider__btn--prev:hover {
        transform: translateY(-50%) translateX(-0.25em);
    }

    .covidbutton {
        left: 43.5%;
    }
}

@media (max-width: 1400px) {
    .navigation--ecosystem__item {
        width: 8vw;
        height: 8vw;
        margin-left: -4vw;
        margin-top: -4vw;
        font-size: 1.15vw;
    }
}

@media (max-width: 1325px) {
    .covidbutton {
        left: 32vw;
    }
}
@media (max-width: 1250px) {
    /**
     * Tabellen
     * Entfernung Mouseover Effekt wegen "Scroll-Schatten"
     */
    /* .contenttablecell-hover {
        background-color: transparent;
    }
    th.contenttablecell-hover.contenttablecell-hover--vertical,
    th.contenttablecell-hover.contenttablecell-hover--horizontal {
        background-color: transparent;
    }
    .contenttablecell-hover--horizontal {}
    .contenttablecell-hover--vertical {}
    .contenttablecell-hover--horizontal.contenttablecell-hover--vertical {
        background-color: transparent;
    } */


    .anchor {
        top: -6em;
    }

    /* Footer */
    .footer > .container > .content-section > [class^="col"] {
        width: 100%;
    }
    .footer p {
        text-align: center;
    }
    .footer .gallery__figure {
        max-width: 150px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer > .container > .content-section > [class^="col"]:last-child > .content-section {
        flex-wrap: wrap;
    }

    .footer > .container > .content-section > [class^="col"]:last-child [class^="col"], .footer > .container > .content-section > [class^="col"]:last-child [class^="col"]:last-child {
        width: 100%;
    }

    .footer > .container > .content-section > [class^="col"]:last-child [class^="col"]:last-child > [data-ctype="textmedia"] .ce-bodytext {
        justify-content: center;
        padding-left: 0;
        width: 100%;
        flex: 0 0 auto;
    }

    .navigation-footer__list {
        justify-content: center;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .footer > .container > .content-section > [class^="col"]:last-child [class^="col"]:last-child > [data-ctype="textmedia"] .ce-bodytext p:last-child {
        width: 100%;
    }

    /* Form Steps */
    .form--stepsstyle .form__fieldset {
        padding-left: calc(3.5 * 1.875 * 0.675em + 20px);
    }
    .form--stepsstyle .form__fieldset:not(.form__fieldset--last)::before {
        left: calc(1.875 * 1.875 * 0.675em / 2 + 20px);
    }
    .form--stepsstyle .form__legend__number {
        margin-left: -3.5em;
        margin-right: calc(3.5em - 1.875em);
    }
}

@media screen and (max-width: 1150px) {
    .banner.banner--slider .banner__item {
        align-items: flex-start;
        padding-top: 3em;
    }
    .banner.banner--slider .banner__image {
        padding-right: 2em;
    }

    .main > .container .banner.banner--slider .banner__item {
        align-items: center;
        padding-top: 0;
    }
}

@media (max-width: 1100px) {
    .covidbutton {
        left: 27.5vw;
    }
}

@media screen and (max-width: 1025px) {
    #cc-notification h2 {
        margin-right: 0 !important;
    }
    #cc-notification ul.cc-notification-buttons {
        position: static !important;
        width: auto !important;
    }
    #cc-notification ul.cc-notification-buttons li a,
    #cc-notification ul.cc-notification-buttons li a:visited {
        float: none !important;
        margin-bottom: 1.5em !important;
    }

    .contact-button {
        display: none;
    }
}

@media (max-width: 1023px) {
    body {
        font-size: 95%;
    }

    .covidbutton {
        transform: scale(0.7);
        top: -80px;
        left: auto;
        right: 3em;
    }

    .modal__container {
        max-width: 100vw;
    }
    .modal__video {
        width: 80vw;
    }

    /* Grid */
    .col3.col-medium-6 {
        margin-top: 4em;
    }
    .col6.col-medium-6.col-empty-right {
        width: 100%;
        padding-right: calc(50% + 20px);
    }

    .container > .content-section > header[class*="col"] + .col3.col-medium-6, .container > .content-section > header[class*="col"] + .col3.col-medium-6 + .col3.col-medium-6 {
        margin-top: 0;
    }

    .t8_team-list__item, .t8_ecosystem-list__item {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .news-list__article-wrap {
        margin-top: 0 !important;
    }

    .content--small {
        max-width: none;
        margin: 0 -20px;
    }

    /* section paddings */
    .main .container > .content-section {
        padding-bottom: 3em;
        padding-top: 3em;
    }

    .main .container .content-section--no-paddings {
        /**
         * Wegen CType shortcut.
         * Siehe: fileadmin/theme/extensions/fluid_styled_content/Resources/Private/Layouts/Default.html
         * Verhindert doppelte paddings
         */
        padding-bottom: 0;
        padding-top: 0;
    }

    .main .container > .content-section--no-space-before {
        padding-top: 0;
    }

    .main .container > .content-section--no-space-after {
        padding-bottom: 0;
    }

    .navigation-category__list--news {
        margin-bottom: -4em;
    }

    /* Bildergallerie */
    .ce-left.ce-intext:not(.ce-nowrap) .gallery,
    .ce-right.ce-intext:not(.ce-nowrap) .gallery {
        width: 100%;
    }

    /* Text media */
    .textmedia-cols__content--left {
        flex-direction: column-reverse;
    }

    .textmedia-cols__content--left .textmedia-cols__imagecol .gallery__figure, .textmedia-cols__content--right .textmedia-cols__imagecol .gallery__figure {
        max-width: 175px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 3em;
    }

    .textmedia-cols__content--left .textmedia-cols__imagecol--round .gallery__figure, .textmedia-cols__content--right .textmedia-cols__imagecol--round .gallery__figure {
        max-width: 250px;
        margin-top: 1.5em;
    }

    .textmedia-cols__content--right .textmedia-cols__textcol {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
    .textmedia-cols__content--right .textmedia-cols__imagecol {
        max-width: none;
    }


    /* Uploads/Filelist/Dateiliste */
    .files__name {
        width: calc(100% - 7em);
    }

    /* Mobile Navigation & Header Logo */
    .slicknav_menu {
        display: block;
    }
    .navigations {
        display: none;
    }
    .header__logo-link {
        display: none;
    }

    /* Anpassung Ankerlink wegen fixer mobiler Navigation */
    .anchor {
        top: -4em;
    }

    /* Wrapper - unter mobiler NAvigation platzieren */
    .banner {
        padding-top: 4.15em; /* entspricht höhe mobile navigation */
    }

    .main--nobanner {
        padding-top: 4.15em;
    }

    /* Banner
    .banner-slider {
        // 900/1600*100
        padding-bottom: 56.25%;
    }
    .banner-slider__caption {
        display: none;
    }
    .banner-slider__arrows {
        font-size: .75em;
    }*/

    /* Form Checkboxes */
    .form__checkboxes {
        grid-template-rows: none;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-flow: row;
    }

    /* Produkte-DB, genericcatalogue */
    .chosen-container {
        margin-bottom: 20px;
    }
    .content:not(.content--custom-media) > .tx-genericcatalogue__reset-col {
        width: auto;
    }
    .content:not(.content--custom-media) > .tx-genericcatalogue__textsearch-col {
        width: auto;
        flex-grow: 1;
    }
    .tx_genericcatalogue__select {
        margin-bottom: 20px;
    }

    /* News-Detail */
    .news-detail__article .image-slider {
        margin-bottom: 3em;
    }
    .news-detail__related-news-article {
        margin-bottom: 20px;
    }

    /* Event Detail */
    .event-detail__main .image-slider {
        margin-bottom: 3em;
    }

    /* Banner Contact */
    .banner.banner--contact {
        margin-bottom: -2em;
    }
    .banner:not(.banner--slider) + .banner__scrolldown {
        top: -0.5em;
    }

}

@media (max-width: 860px) {
    .banner,
    .header + .container + .main .banner {
        flex-direction: column;
        padding-top: 6.15em;
    }

    .header + .container + .main .banner {
        padding-top: 2em;
    }

    .banner__image,
    .header + .container + .main .banner__image {
        width: 100%;
        max-width: 250px;
        margin-top: 2em;
        padding: 0;
        margin-left: 0;
        margin-right: auto;
    }
    .main > .container .banner.banner--slider .banner__image {
        width: 100%;
        max-width: none;
        padding: 0 40px;
    }
    .main > .container .banner.banner--slider .banner__text {
        width: 100%;
    }

    .header + .container + .main .banner__text {
        margin-right: auto;
        margin-left: 0;
    }

    .banner__image--square {
        max-width: 350px;
    }

    .banner__image .gallery__figure {
        margin: 0;
    }

    .banner__text {
        width: 100%;
    }

    .banner__text .ce-bodytext {
        max-width: none;
    }

    /* Banner Slider */
    .banner.banner--slider {
        flex-direction: row;
    }
    .banner.banner--slider .banner__item {
        flex-wrap: wrap;
        align-content: flex-start;
        padding-top: 1em;
    }
    .banner.banner--slider .banner__image {
        width: 100%;
        padding-right: 20px;
        max-width: none;
        margin-bottom: 3em;
        margin-top: 0;

        padding-left: 40px;
        padding-right: 40px;
    }
    .banner.banner--slider .banner__image .gallery__figure {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .banner.banner--slider .banner__text {
        width: 100%;
        max-width: none;
    }
    .banner__nav__list {
        justify-content: flex-start;
    }
    .banner__inner-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .banner__nav__item.scrollslider__btn--next {
        right: -20px;
        top: calc(150px + 1rem);
    }
    .banner__nav__item.scrollslider__btn--prev {
        left: -20px;
        top: calc(150px + 1rem);
    }
    .banner__scrolldown {
        /*margin-top: -0.5em;*/
        display: none;
    }

    .banner__image {
        margin-left: auto;
        margin-right: auto;
    }

    .banner > .banner__text {
        order: 2;
    }

    .banner > .banner__image {
        order: 1;
    }

    /* Ecosystem */
    .tx-t8-ecosystem .banner__image--square,
    .header + .container + .main .tx-t8-ecosystem .banner__image--square {
        max-width: 600px;
    }

    .navigation--ecosystem__item {
        width: 8em;
        height: 8em;
        margin-left: -4em;
        margin-top: -4em;
        font-size: 1em;
    }

    /* Banner Contact */
    .banner.banner--contact {
        margin-bottom: 0;
        padding-bottom: 3em;
    }

    /* File List */
    .files.files--cols {
        flex-wrap: wrap;
    }
    .files.files--cols .files__list {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 85%
    }

    /* Headings */
    h1, .heading--h1 {
        font-size: 1.85em;
    }

    h2, .heading--h2 {
        font-size: 1.85em;
    }

    h3, .heading--h3 {
        font-size: 1.35em;
    }

    h4, .heading--h4 {
        font-size: 1.2em;
    }

    .lead {
        font-size: 1.075em;
    }

    .event-list__item__heading {
        margin-top: 0.8em;
        margin-bottom: 1em;
    }

    .event-list__item__date {
        font-size: 2.5em;
    }

    /* Grid */
    .container > .content-section > [class*="col"]:not(.gridsection__header) + [class*="col"], .container > .content-section > header[class*="col"] + .col3.col-medium-6 + .col3.col-medium-6 {
        margin-top: 3em;
    }

    .container > .content-section > [class*="col"]:not(.gridsection__header) + [class*="col"], .container > .content-section.content-section--no-space-after > header[class*="col"] + .col3.col-medium-6,
    .container > .content-section > [class*="col"]:not(.gridsection__header) + [class*="col"], .container > .content-section.content-section--no-space-before > header[class*="col"] + .col3.col-medium-6 {
        margin-top: 1.5em;
    }

    .container > .content-section.content-section--no-space-after + .content-section.content-section--no-space-before {
        margin-top: 1.5em;
    }

    /*.container > .content-section > [class*="col"]:not(.gridsection__header) + [class*="col"], .container > .content-section.content-section--no-space-after > header[class*="col"] + .col3.col-medium-6:first-child {
        margin-top: 0;
    }*/

    .container > .content-section > header[class*="col"] + [class*="col"], .footer .container > .content-section > [class*="col"] + [class*="col"] {
        margin-top: 0;
    }

    .content--gap-right {
        margin-right: 1em;
    }

    .content--smaller {
        max-width: none;
        margin: 0 -20px;
    }

    .col6.col-medium-6.col-empty-right {
        width: 100%;
        padding-right: 20px;
    }

    .t8_team-list__item, .t8_ecosystem-list__item {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .news-list__article-wrap {
        margin-top: 0 !important;
    }

    .newslist_slider__wrapper {
        margin-top: 2em;
    }

    .newslist_slider__article {
        max-width: calc(100vw - 3em);
        width: calc(50vw + 30px);
    }

    [class^="col"] + [class^="col"] .newslist_slider__nav-all {
        position: static;
        top: initial;
        left: initial;
    }

    .background-triangle-left-small-lightblue::before  {
        left: 7.5em;
    }

    .background-triangle-left-small-bright::before  {
        left: 7.5em;
    }

    .background-triangle-right-small-lightblue::before  {
        left: -7.5em;
    }

    .background-triangle-right-small-bright::before  {
        left: -7.5em;
    }

    .totop-button {
        bottom: 20px;
    }

    .contact-button {
        bottom: 90px;
    }

    /* News slider */
    .newslist_slider__button .fas, .newslist_slider__button .fa {
        margin: 0 0.5em;
    }

    /* News-Detail */
    .news-detail__related-news-article {
        margin-bottom: 1em;
        border-bottom: 1px solid #ccc;
    }
    .content--medium-reduce-gaps:not(.content--custom-media) .news-detail__related-news-article {
        padding-bottom: 1em;
    }
    .news-detail__related-news-date-col { order: 0 }
    .news-detail__related-news-image-col { order: 0 }
    .news-detail__related-news-date {
        margin-bottom: 1em;
        margin-top: -.5em;
    }
    .news-detail__related-news-title {
        margin-top: 0;
        margin-bottom: 1em;
    }

    /* Events */
    .event-list__item__inner {
        padding: 30px;
    }

    /* Form Checkboxes */
    .form__checkboxes {
        grid-template-columns: 1fr 1fr;
    }

    /**
     * Korrektur inkonsitente Überschrifteabstände zu Abstätzen oberhalb bei
     * zwei untereinander erfassten Spaltenelementen mit jeweils Inhalt inkl.
     * Überschriften.
     */
    .content-section > [class*="col"]:nth-child(2) >.content-section .col12 > .heading:not(.heading--h1),
    .content-section > [class*="col"]:nth-child(2) + * >.content-section .col12 > .heading:not(.heading--h1) {
        margin-top: 1em
    }

    /* Contact Form Steps */
    .form--stepsstyle .form__legend {
        font-size: 1.5em;
    }

    .form--stepsstyle .form__fieldset {
        padding-left: calc(3.5 * 1.5 * 0.675em + 20px);
        margin-left: -10px;
    }
    .form--stepsstyle .form__fieldset:not(.form__fieldset--last)::before {
        left: calc(1.875 * 1.5 * 0.675em / 2 + 20px);
        top: 3.5em;
    }
    .form--stepsstyle .form__legend__number {
        margin-left: -3.5em;
        margin-right: calc(3.5em - 1.875em);
    }

    /* Map */
    .map__wrapper {
        margin-top: 1.25em;
    }
}

@media (max-width: 680px) {
    /* Suche (ke_search) */
	.searchresults__item {
        flex-wrap: wrap;
    }
    .searchresults__item__image-wrap {
        margin-bottom: 1.5em;
    }

    .modal__container {
        width: 100vw;
        padding: 20px;
    }
    .modal__video {
        width: 100%
    }
}

@media (max-width: 480px) {
    /* Form Checkboxes */
    .form__checkboxes {
        grid-template-columns: 1fr;
    }

    .navigation--ecosystem__nav {
        padding: 20px;
    }

    .navigation--ecosystem__list:before {
        border-width: 3px;
    }

    .navigation--ecosystem__item {
        width: 7em;
        height: 7em;
        margin-left: -3.5em;
        margin-top: -3.5em;
        font-size: 0.85em;
    }

    /* News Slider */
    .newslist_slider__article {
        width: calc(100vw - 80px);
    }

    /* Contact Form Steps */
    .form--stepsstyle .form__legend__text {
        font-size: 0.815em;
        line-height: 1.5;
    }
    .form--stepsstyle .form__fieldset:not(.form__fieldset--last)::before {
        top: 2.75em;
    }

    .covidbutton {
        transform: scale(0.5);
        right: 0.875em;
    }
}


@media (max-width: 380px) {
    .banner__nav__item.scrollslider__btn--next {
        right: -20px;
        top: calc((100vw - 80px)/2 + 1rem);
    }
    .banner__nav__item.scrollslider__btn--prev {
        left: -20px;
        top: calc((100vw - 80px)/2 + 1rem);
    }
}

@media (max-width: 350px) {
    .covidbutton {
        transform: scale(0.375);
        top: -73px;
        right: -0.25em;
    }

    .covidbutton__text {
        font-size: 1.5em;
        padding-top: 0.5em;
    }
}