:focus {
    outline-color: transparent;
    outline-style: auto;
    outline-width: 0px;

    outline: 0;
}

select,
button,
button:focus {
    border: none;
    outline: none;
}

button,
button:focus {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

select:focus::-ms-value,
select:focus::-webkit-value {
    background-color: transparent;
}

*:focus:not(:focus-visible) {
    outline: none;
}

*:focus-visible,
select:focus {
    --select-border: 0px;
    --select-focus: transparent;
    --select-arrow: var(--select-border);
}

iframe:focus {
    outline: none;
}

/* lato-100 - latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;

    src: url("../fonts/lato-v23-latin-100.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-100.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-100.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-100.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-100.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-100.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 100;

    src: url("../fonts/lato-v23-latin-100italic.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-100italic.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-100italic.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-100italic.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-100italic.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-100italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;

    src: url("../fonts/lato-v23-latin-300.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-300.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-300.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-300.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-300.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-300.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 300;

    src: url("../fonts/lato-v23-latin-300italic.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-300italic.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-300italic.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-300italic.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-300italic.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-300italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;

    src: url("../fonts/lato-v23-latin-regular.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-regular.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-regular.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-regular.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;

    src: url("../fonts/lato-v23-latin-italic.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-italic.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-italic.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-italic.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-italic.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;

    src: url("../fonts/lato-v23-latin-700.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-700.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-700.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-700.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-700.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-700.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;

    src: url("../fonts/lato-v23-latin-700italic.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-700italic.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-700italic.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-700italic.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-700italic.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-700italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;

    src: url("../fonts/lato-v23-latin-900.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-900.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-900.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-900.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-900.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-900.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 900;

    src: url("../fonts/lato-v23-latin-900italic.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/lato-v23-latin-900italic.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/lato-v23-latin-900italic.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/lato-v23-latin-900italic.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/lato-v23-latin-900italic.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/lato-v23-latin-900italic.svg#Lato") format("svg"); /* Legacy iOS */
}

/* inter-100 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;

    src: url("../fonts/inter-v12-latin-100.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/inter-v12-latin-100.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/inter-v12-latin-100.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/inter-v12-latin-100.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/inter-v12-latin-100.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/inter-v12-latin-100.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-200 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 200;

    src: url("../fonts/inter-v12-latin-200.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/inter-v12-latin-200.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/inter-v12-latin-200.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/inter-v12-latin-200.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/inter-v12-latin-200.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/inter-v12-latin-200.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-300 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;

    src: url("../fonts/inter-v12-latin-300.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/inter-v12-latin-300.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/inter-v12-latin-300.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/inter-v12-latin-300.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/inter-v12-latin-300.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/inter-v12-latin-300.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-regular - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;

    src: url("../fonts/inter-v12-latin-regular.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/inter-v12-latin-regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/inter-v12-latin-regular.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/inter-v12-latin-regular.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/inter-v12-latin-regular.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/inter-v12-latin-regular.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;

    src: url("../fonts/inter-v12-latin-700.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/inter-v12-latin-700.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/inter-v12-latin-700.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/inter-v12-latin-700.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/inter-v12-latin-700.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/inter-v12-latin-700.svg#Inter") format("svg"); /* Legacy iOS */
}
/* inter-900 - latin */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;

    src: url("../fonts/inter-v12-latin-900.eot"); /* IE9 Compat Modes */
    src:
        local(""),
        url("../fonts/inter-v12-latin-900.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/inter-v12-latin-900.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/inter-v12-latin-900.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/inter-v12-latin-900.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/inter-v12-latin-900.svg#Inter") format("svg"); /* Legacy iOS */
}

html,
body {
    width: 100%;
    min-height: 100%;

    font-family: "Lato";
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;

    background-color: #fff;
    color: #343434;
}

@media (min-width: 992px) {
    body {
        overflow-y: scroll;

        font-size: 18px !important;
        line-height: 1.6;
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 18px !important;
    }
}

/* Globale Formatierungen */

@media (min-width: 992px) {
    .mobil {
        display: none;
    }
    .desktop {
        display: block;
    }
}

@media (max-width: 992px) {
    .mobil {
        display: block;
    }
    .desktop {
        display: none;
    }
}

a,
a:visited {
    text-underline-offset: 4px;

    color: #fff;
    text-decoration: underline;
}

.img-responsive {
    width: 100%;
}

strong {
    font-weight: 700;
}

h2 {
    margin-bottom: 40px;

    font-family: Lato;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;

    color: #343434;
}

.blau h2 {
    color: #fff;
}

h3 {
    margin-top: 5px;
    margin-bottom: 20px;

    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;

    color: #0091be;
}

.pseudoueberschrift {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 15px;
    margin-top: 0px;
    margin-bottom: 15px;

    font-family: "Lato";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-shadow: none;
    text-transform: uppercase;

    color: #c90000;
}

.pseudoueberschrift p {
    margin-bottom: 0px;
}

.zentrieren {
    display: flex;

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

.col-6 figure {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .col-6 figure {
        margin-top: 30px;
    }
}

/* Globale Formatierungen Ende */

/* Menü */
#seitenmenue {
    position: fixed;
    z-index: 900;
    top: 0px;

    display: block;
    overflow: visible;
    width: 100%;

    font-size: 18px;
    font-weight: 300;
    line-height: 1;

    transition: 0.5s;

    background-color: transparent;
}

@media (max-width: 992px) {
}

#seitenmenue a {
    font-family: Lato;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;

    color: #fff;

    text-decoration: none;
}

#seitenmenue a:hover,
.grauer-inhaltsbereich #seitenmenue a.active,
.blauer-inhaltsbereich #seitenmenue a.active,
.roter-inhaltsbereich #seitenmenue a.active {
    text-underline-offset: 12px;
    text-decoration: underline;
}

@media (max-width: 992px) {
    #seitenmenue a {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;

        color: #000;
    }

    #seitenmenue a.active {
        color: #0091be;
    }
}

#navigation {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    #seitenmenue {
    }
}

@media (min-width: 992px) {
    span.navbar-ueberschrift {
        display: none;
    }
}

.navbar {
    padding: 0px;
    border: none !important;

    background-color: transparent;
    background-image: none;
    color: #fff;
}

@media (min-width: 992px) {
    .startseitenbereich .navbar,
    .startseitenbereich-live-streaming .navbar,
    .startseitenbereich-film .navbar,
    .startseitenbereich-animation .navbar {
        margin-top: 25px;
    }
}

@media (max-width: 768px) {
    .navbar {
        margin-top: 0px;

        justify-content: flex-end;
    }

    .startseitenbereich .navbar {
        margin-top: 0px;
    }
}

.nav {
    padding-left: 0px;
}

ul.nav {
    margin-left: 0px;

    font-weight: 400;
}

.nav > li > a,
.nav > li > a:focus {
    display: block;
    padding: 8px 15px;

    background-color: transparent;
    color: #fff;

    white-space: nowrap;
    text-decoration: none;
}

.nav > li > a:hover,
.nav > li.current > a,
.nav > li.active > a {
    background-color: transparent;
    color: #c90000;
}

button.navbar-toggle {
    color: #999999 !important;
    border-color: #999999;
}
.navbar-toggle .icon-bar {
    color: #999999 !important;
    border-color: #999999 !important;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-header button {
    padding: 0px;

    background-color: transparent;
}

@media (max-width: 768px) {
    .nav {
        display: block;
        padding: 30px;
    }

    .nav > li > a,
    .nav > li > a:focus {
        margin: 10px 0px;
    }
}

button.navbar-toggle {
    z-index: 1000;

    background-color: transparent;
}

@media (min-width: 992px) {
    .navbar-collapse.collapse {
        display: flex;
        overflow: visible !important;
        height: auto !important;
        padding-bottom: 0;

        justify-content: flex-end;
    }

    button.navbar-toggle {
        display: none;
    }
}

.navbar-header,
.navbar-header button {
    z-index: 1000;
}

.navbar-collapse {
    position: relative;
}

@media (min-width: 992px) {
    .navbar-nav li.startseitenbereich {
        display: none;
    }
}

@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: 0px;

        width: 100%;
        padding: 0px 0px 0px 0px;

        background: #fff;
    }

    .navbar-collapse ul {
        padding: 100px 20px 30px 10px;
    }

    .unterseiten .navbar-collapse ul {
        padding: 30px 20px 30px 10px;
    }
}

.navbar ul,
.navbar .dropdown-menu ul {
    list-style-type: none;
}

.navbar ul.navbar-nav {
    display: flex;
    width: 100%;

    flex-direction: row;
    justify-content: space-around;
}

@media (max-width: 992px) {
    .navbar ul.navbar-nav {
        flex-direction: column;
    }
}

#seitenmenue .navbar ul > li {
    margin: 0px 20px;

    float: left;
}

@media (max-width: 1200px) {
    #seitenmenue .navbar ul > li {
        margin: 0px 10px;
    }
}

@media (max-width: 992px) {
    .mobil-aus {
        display: none;
    }

    #seitenmenue .navbar ul > li {
        width: 100%;

        float: none;
    }

    button.navbar-toggle {
        width: 46px;
        margin-top: 22px;
    }

    .navbar-toggle img {
        width: 100%;
        height: auto;
        padding: 8px 6px;
        border-radius: 8px;

        background-color: #fff;
    }

    .unterseiten .navbar-toggle img {
        margin-top: 0px;
        margin-right: 0px;
    }
}

img.logo-menue {
    display: block;
    width: 100%;
    margin-top: 25px;
}

.unterseiten .logo-desktop {
    max-width: 255px;
}

@media (max-width: 992px) {
    .unterseiten .logo-desktop {
        margin-top: 18px;
    }

    img.logo-mobil {
        padding: 9px 0px;
    }
}

.logo-desktop-kurz {
    display: none;
    padding: 15px 0px 15px 40px;

    opacity: 0;
}

.logo-desktop,
.logo-desktop-kurz {
    transition: 0.5s;
}

/* Menü Ende */

.logo-desktop {
    padding: 0px 15px;
}

/* Header */

.header-startseite-autohoehe,
.header-startseite {
    position: relative;
    z-index: 1;

    display: block;
    width: 100%;
}

.roter-inhaltsbereich .header-startseite-autohoehe,
.roter-inhaltsbereich .header-startseite {
    background: linear-gradient(180deg, #c90000 0%, #730000 100%);
}

.blauer-inhaltsbereich .header-startseite-autohoehe,
.blauer-inhaltsbereich .header-startseite {
    background: linear-gradient(180deg, #00ace5 0%, #0096c5 100%);
}

.grauer-inhaltsbereich .header-startseite-autohoehe,
.grauer-inhaltsbereich .header-startseite {
    background: linear-gradient(180deg, #9e9e9e 0%, #707070 100%);
}

.header-startseite-autohoehe .ce_player h1,
.header-startseite .ce_player h1 {
    display: none;
}

.header-startseite-autohoehe .ce_player .header-text-title h1,
.header-startseite .ce_player .header-text-title h1,
.ce_player .header-rahmen-autohoehe-title h1 {
    display: block;
}

.header-startseite-autohoehe .ce_player.ueberschrift-aus .header-text-title h1,
.header-startseite .ce_player.ueberschrift-aus .header-text-title h1 {
    display: none;
}

.ce_player .header-rahmen-autohoehe-title {
    position: absolute;
    z-index: 3;

    display: flex;
    width: 100%;
    height: 100%;

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

@media (max-width: 768px) {
    .ce_player .header-rahmen-autohoehe-title {
        position: relative;

        display: flex;
        width: 100%;

        height: 50%;
        margin-top: 160px;
        margin-bottom: 60px;

        align-items: flex-start;
    }
}

.header-startseite .image_container {
    margin: 0 0 0 0;
}

.header-rahmen-autohoehe,
.header-rahmen {
    position: relative;

    display: flex;
    overflow: hidden;

    flex-direction: row;
    justify-content: center;
    align-items: center;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .header-rahmen-autohoehe {
        justify-content: flex-start;
        align-items: center;
    }
}

.header-startseite,
.header-rahmen,
.header-text,
.header-abdunkeln,
.header-abdunkeln-autohoehe,
.header-rahmen .header-video-film {
    width: 100%;
    height: 100vh;
}

.header-rahmen-autohoehe {
    width: 100%;
}

.header-abdunkeln-autohoehe,
.header-video-film-autohoehe {
    display: flex;
    width: 100%;
    height: 100%;

    align-items: flex-end;
}

@media (max-width: 768px) {
    .header-video-film-autohoehe {
        position: relative;

        width: 100%;
        margin-top: 0px;
    }

    .header-abdunkeln-autohoehe {
        display: none;
    }

    .header-rahmen-autohoehe {
        flex-direction: column;
    }
}

.filmheader-unterseiten .header-rahmen-autohoehe .header-video-film-autohoehe video {
    width: 100%;
}

@media (min-width: 1600px) {
    .filmheader-unterseiten .header-abdunkeln,
    .filmheader-unterseiten .header-abdunkeln-autohoehe,
    .filmheader-unterseiten .header-rahmen .header-video-film,
    .filmheader-unterseiten .header-rahmen-autohoehe .header-video-film-autohoehe {
        width: 1600px;
    }
}

.header-rotelinie {
    display: block;
    width: 100%;
    height: 2px;

    background: #c90000;
}

.header-video-film {
    position: relative;

    overflow: hidden;
}

.header-video-film video {
    z-index: 1;

    min-width: 100vw;
    min-height: 100vh;

    object-fit: cover;
}

.header-video-film {
    display: flex;

    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
    .header-startseite,
    .header-rahmen,
    .header-text,
    .header-abdunkeln,
    .header-video-film {
        height: 70vh;
    }

    .header-video-film video {
        min-width: 100vw;
        min-height: 70vh;
    }
}

.header-abdunkeln,
.header-abdunkeln-autohoehe {
    position: absolute;
    z-index: 1;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);
}

.header-startseite-autohoehe h1,
header-startseite h1 {
    margin-bottom: 0px;
}

.header-text {
    position: absolute;
    z-index: 2;

    display: flex;
    width: 50%;
    margin-top: 100px;

    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header-text-alt,
.header-text-title,
.header-text-anfragen,
.header-text-scroll {
    position: relative;

    display: block;
    width: 100%;

    text-align: center;
}

.header-unterseite-inhalt-ueberschrift h1,
.header-neutral h1,
.header-text-title h1,
.ce_player .header-rahmen-autohoehe-title h1 {
    font-family: Lato;
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
    line-height: 84px;
    text-align: center;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);

    color: #fff;
}

@media (max-width: 768px) {
    .header-unterseite-inhalt-ueberschrift h1,
    .header-neutral h1,
    .header-text-title h1,
    .ce_player .header-rahmen-autohoehe-title h1 {
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 34px;
    }
}

.header-unterseite-inhalt-ueberschrift h1 {
    margin-bottom: 70px;
}

.header-unterseite-rahmen .header-rahmen,
.header-unterseite-rahmen .header-video-film,
.header-unterseite-rahmen .header-video-film video,
.header-unterseite-rahmen .header-abdunkeln {
    width: 100%;
    min-width: inherit;
    height: auto !important;
    min-height: inherit;
}

.header-unterseite-rahmen .header-text-title,
.header-unterseite-rahmen .header-video-film {
    position: relative;

    display: block;
    width: 100%;
}

.header-unterseite-rahmen .header-rahmen {
    flex-direction: column;
}

.header-unterseite-rahmen .header-rahmen {
    margin-top: 0px;
}

@media (max-width: 768px) {
    .header-unterseite-inhalt-ueberschrift h1,
    .header-neutral h1,
    .header-text-title h1 {
        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 34px;
    }

    .header-unterseite-inhalt-ueberschrift h1 {
        margin-bottom: 50px;
    }
}

.ueberschrift-aus .header-text-title h1 {
    display: block;
}

.grauer-hintergrund-v3 h1 {
    display: none;
}

.header-rahmen-v3 {
    position: relative;

    display: flex;
    width: 100%;

    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.header-abdunkeln-v3,
.header-text-title-v3 {
    position: absolute;
}

.header-abdunkeln-v3 {
    z-index: 1;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0.3);
}

.header-text-title-v3 {
    z-index: 2;
}

.grauer-hintergrund-v3 .header-text-title-v3 h1 {
    display: block;

    font-family: Lato;
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
    line-height: 84px;
    text-align: center;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);

    color: #fff;
}

@media (max-width: 768px) {
    .grauer-hintergrund-v3 .header-text-title-v3 h1 {
        font-size: 30px;
        line-height: 45px;
    }
}

.header-video-film-v3 {
    display: block;
    padding: 0px;
    margin: 0px;
}

.header-video-film-v3 video {
    width: 100%;
}

.header-text-scroll {
    display: flex;

    flex-direction: row;
    justify-content: center;
    align-items: center;
}

img.pfeilanimation {
    position: absolute;

    display: block;

    animation: pfeilbewegung 1s linear infinite;
}

.header-text-alt {
    width: auto;
    padding: 7px 20px;
    border-radius: 10px;

    font-family: "Lato";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;

    background-color: #fff;
    color: #c90000;
}

.header-text-anfragen {
    margin-bottom: 100px;
}

.header-text-anfragen a,
.header-text-anfragen a:visited {
    padding: 12px 30px;
    border-radius: 50px;

    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1;
    text-transform: uppercase;

    color: #fff;

    background: linear-gradient(222.11deg, #730000 -16.26%, #830000 -2.52%, #a90000 33.79%, #c00000 63.23%, #c90000 81.87%);
    text-decoration: none;
}

.header-text-anfragen a:hover {
    background: linear-gradient(222.11deg, #640101 -16.26%, #760101 -2.52%, #a90000 33.79%, #9a0303 63.23%, #8f0202 81.87%);
}

@media (max-width: 992px) {
    .header-text-title h1 {
        font-size: 40px;
        line-height: 1.2;
    }

    .header-text {
        width: 100%;
    }

    .header-text-anfragen {
        margin-bottom: 60px;
    }

    .header-text-alt {
        font-size: 13px;
    }
}

/* mod article */

.grauer-hintergrund-v3,
.headerbereich-slider,
.kontaktfeld,
.neutral,
.blau,
.hellgrau,
.hellblau,
.neutral-ohne,
.hellgrau-dreieck {
    position: relative;

    display: block;
    width: 100%;
    padding: 70px 0px 35px 0px;
    margin-bottom: 15px;
}

.grauer-hintergrund-v3 {
    padding: 0px;
    margin-bottom: 0px;

    color: #fff;

    background: linear-gradient(180deg, #9e9e9e 0%, #707070 100%);
}

figure.video_container {
    margin: 0px;
}

.blau,
.hellgrau,
.hellblau {
    margin-bottom: 0px;
}

.hellgrau-dreieck {
    position: relative;

    display: flex;

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

.breite-box {
    overflow: visible;
    padding: 44px 66px;
    border-radius: 12px;
    margin: 80px 0px;

    box-shadow: 0px 10px 50px -16px rgba(0, 0, 0, 0.25);

    background: #fff;
}

.schatten {
    overflow: visible;
}

@media (max-width: 768px) {
    .breite-box {
        padding: 45px 40px;
        margin: 10px 0px;
    }
}

.hellgrau-dreieck-hintergrund {
    position: absolute;
    top: 40%;
    left: 0px;

    width: 100%;
    /*
	background-image:url('../files/project/Bilder/svg/graues-dreieck.svg');	
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	*/
}

.blau {
    overflow: hidden;
    padding: 80px 0px 80px 0px;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;

    background-color: #0091be;
    color: #fff;
}

.hellblau {
    padding: 80px 0px 30px 0px;

    background-color: #eaf0f5;
}

.hellgrau {
    padding: 80px 0px 80px 0px;

    background-color: #eaf0f5;
}

.neutral .pseudoueberschrift,
.blau .pseudoueberschrift,
.hellgrau .pseudoueberschrift,
.hellblau .pseudoueberschrift,
.hellgrau-dreieck .pseudoueberschrift {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 15px;

    gap: 10px;
    align-items: flex-start;

    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.48px;
    line-height: 24px; /* 150% */
    text-transform: uppercase;
}

.blau .pseudoueberschrift {
    color: #0091be;
    background: #fff;
}

.neutral .pseudoueberschrift,
.hellblau .pseudoueberschrift,
.hellgrau .pseudoueberschrift,
.hellgrau-dreieck .pseudoueberschrift {
    margin-bottom: 20px;

    color: #fff;
    background: #0091be;
}

.headerbereich-slider {
    z-index: 2;

    padding: 0px 0px 0px 0px;
    margin: -100px 0px 40px 0px;
}

@media (max-width: 768px) {
    .headerbereich-slider .col-md-12 {
        padding: 0px;
    }

    .slick-initialized .slick-slide {
    }
}

@media (min-width: 768px) {
    .headerbereich-slider .slick-list {
        padding: 0px !important;
    }
}

@media (max-width: 768px) {
    .kontaktfeld,
    .neutral,
    .neutral-ohne {
        padding: 60px 0px 0px 0px;
    }
}

@media (min-width: 992px) {
    .neutral .col-lg-7.col-rechts,
    .neutral-ohne .col-lg-7.col-rechts {
        padding-right: 15px;
        padding-left: 65px;
    }

    .neutral .col-lg-7.col-links,
    .neutral-ohne .col-lg-7.col-links {
        padding-right: 65px;
        padding-left: 15px;
    }
}

.neutral .container {
    padding-bottom: 0px;
}

@media (max-width: 768px) {
    .neutral .container {
        padding-bottom: 60px;
    }
}

.abschlusslinie {
    display: block;
    width: 100%;
    height: 2px;
    /* 
	background: linear-gradient(0deg, #2D405D, #2D405D), linear-gradient(90deg, #E224A2 0%, #4E02DA 100%);
	border-radius: 50px;	
	*/
    background-color: #434551;
}

.neutral-ohne .container {
    padding-bottom: 80px;
}

/* Kunden */

.kundengalerie {
    display: none;
}

.kundenblock img {
    max-width: 100%;
}

.kundenblock {
    position: relative;

    display: flex;
    overflow: hidden;
    min-height: 145px;

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

.blockbild {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    width: 100%;
    padding: 40px 40px;
    margin: auto;

    justify-content: center;
    align-items: center;

    transition: 0.5s;
    transition: 1.1s;
}

.horizontal .blockbild.aktiv {
    transform: translateX(0%);
}

.horizontal .blockbild.passiv {
    transform: translateX(100%);
}

.vertikal .blockbild.aktiv {
    transform: translateY(0%);
}

.vertikal .blockbild.passiv {
    transform: translateY(100%);
}

#ende-time {
    position: absolute;
    bottom: 70px;

    color: #4cc8ee;
}

.keine-ueberschrift h4 {
    display: none;
}

.portfolio-rahmen {
    position: relative;

    width: 100%;
    margin-bottom: 40px;
}

.portfolio-bild-rahmen {
    position: relative;

    overflow: hidden;
    border-radius: 12px;
    margin-top: 10px;
    margin-bottom: 20px;

    transition: 0.4s;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.portfolio-bild-rahmen:hover {
    margin-top: 0px;
    margin-bottom: 30px;
}

.portfolio-bild-logo,
.portfolio-bild-blur {
    position: absolute;
    top: 0px;
    left: 0px;

    border-radius: 12px;
}

.portfolio-bild-rahmen,
.portfolio-bild-logo,
.portfolio-bild-blur {
    width: 100%;
    height: 215px;
}

.portfolio-bild-blur {
    z-index: 2;

    transition: 0.4s;

    background-color: #00b0ea;
    opacity: 0;
}

.portfolio-bild-rahmen:hover .portfolio-bild-blur {
    opacity: 0.3;
}

.portfolio-bild-logo {
    z-index: 3;
    top: 230px;

    display: flex;

    justify-content: center;
    align-items: center;

    transition: 0.4s ease-in-out;
}

.portfolio-bild-logo img {
    width: 30%;
}

.portfolio-bild-rahmen:hover .portfolio-bild-logo {
    transform: translate(0px, -230px);
}

.portfolio-text {
    margin-top: 20px;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    color: #828282;
}

.portfolio-text h4 {
    display: block;
    margin-bottom: 5px;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */

    color: #0091be;
}

.videocontainer {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;

    display: none;
    width: 100%;
    height: 100%;

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

    background: rgba(0, 145, 190, 0.6);
}

.videofenster-mit-button {
    position: relative;

    display: block;
}

.videocontainer .videocontainerschliessen {
    position: absolute;
    z-index: 11;
    top: 0px;
    right: 65px;

    display: block;
    height: 111px;
    padding: 20px;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;

    background-color: #fff;
    color: #0091be;
    cursor: pointer;
}

.videofenster {
    margin-top: 111px;
}

.videocontainer .videofenster {
    display: flex;
    padding: 20px;

    background-color: #fff;
}

@media (max-width: 768px) {
    .videocontainer .videocontainerschliessen {
        top: 0px;
        right: 30px;

        height: 65px;
        padding: 10px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    .videocontainer .videocontainerschliessen img {
        width: 50px;
        height: auto;
    }

    .videofenster {
        margin-top: 65px;
    }

    .videocontainer .videofenster {
        padding: 20px;
    }
}

.kontaktfeld {
    padding: 80px 0px 80px 0px;
    margin-top: 50px;

    color: #fff;

    background: linear-gradient(222.11deg, #730000 -16.26%, #830000 -2.52%, #a90000 33.79%, #c00000 63.23%, #c90000 81.87%);
}

.kontaktfeld .pseudoueberschrift {
    margin-bottom: 60px;

    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: none;

    color: #fff;
}

@media (max-width: 768px) {
    .kontaktfeld .pseudoueberschrift {
        margin-bottom: 60px;

        font-size: 45px;
    }
}

/* Formatierungen */

#vorteile,
#technik,
#erfahrung,
#leistungen,
#kontakt {
    padding-top: 190px;
    margin-top: -190px;
}

@media (min-width: 768px) {
    #erfahrung img {
        width: 100%;
        padding: 50px 15px 10px 15px;
    }
}

.boxen {
    position: relative;

    display: flex;
    width: 100%;
    height: 100%;
    padding: 24px;
    border: 0px;
    border-radius: 10px;
    border-radius: 12px;
    margin: 0px;

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

    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;

    transition: 0.4s;

    box-shadow:
        0px 25px 50px -16px rgba(0, 0, 0, 0.25),
        0px -10px 23px -8px rgba(0, 0, 0, 0.02);
    color: #343434;
    cursor: pointer;

    background: #fff;
}

.boxen:hover {
    box-shadow:
        0px 21px 29px -21px rgba(0, 0, 0, 0.25),
        0px -10px 23px -8px rgba(0, 0, 0, 0.02);
    transform: translateY(5px);
}

.boxenbereich .boxen {
    cursor: default;
}

.boxenbereich.row {
    overflow: visible;
}

.boxenbereich .col-md-4 {
    overflow: visible;
    margin-bottom: 50px;
}

.ueberschrift-aus .boxen h3 {
    display: block;

    font-family: Lato;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 129.412% */

    color: #0091be;
}

@media (max-width: 768px) {
    .ueberschrift-aus {
        margin: 0 0 50px 0;
    }
}

.ueberschrift-aus h1,
.ueberschrift-aus h2,
.ueberschrift-aus h3 {
    display: none;
}

#leistungen h3 {
    margin-bottom: 60px;
}

#leistungen .boxen h2,
#leistungen .boxen h3 {
    display: block;
    margin-bottom: 20px;

    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
}

.boxen .claim-icon {
    display: block;
    margin-bottom: 30px;
}

.boxen .claim-icon img {
    width: auto;
    height: 40px;
}

.accordion-v2 .col-md-10,
.accordion-v2 .block,
.header-unterseite-inhalt-ueberschrift,
.keine-ueberschrift,
.portfolio-rahmen,
.accordionbereich.row,
.accordionbereich .col-md-10,
.accordionbereich section {
    overflow: visible;
}

a.hyperlink_txt {
    display: inline-flex;
    padding: 20px 32px;
    border: solid 2px #0091be;
    border-radius: 12px;
    margin-top: 25px;

    gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: center;

    transition: 0.2s;

    color: #0091be;

    background: transparent;
    text-decoration: none;
}

.grosse-schrift {
    font-family: Lato;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px; /* 141.176% */

    color: #343434;
}

@media (min-width: 992px) {
    .grosse-schrift {
        font-size: 34px;
        line-height: 48px; /* 141.176% */
    }
}

/* Slider */
.ce_gallery,
.slick-list,
.slick-track,
.sliderinnenmotiv {
    height: 100%;
}

.slick-slider {
    margin-bottom: 0px;
}

.ce_gallery > ul {
    display: flex;
    padding: 20px 0px;

    justify-content: center;

    background-color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 992px) {
    .ce_gallery.col-lg-7.col-rechts > ul {
        margin-left: -40px;
    }
}

.slick-dots {
    bottom: 0px;
}

.slick-dots li {
    width: 30px;
}

.slick-dots li button:before {
    width: 30px;
    height: 30px;

    font-size: 1px;

    color: #fff;
    opacity: 0;
}

.slick-dots li.slick-active button:before {
    font-size: 1px;

    color: #fff;
    opacity: 0;
}

.slick-dots li {
    width: 17px;
    height: 17px;
    border-radius: 17px;
    margin: 0px 15px;

    background-color: #fff;
    opacity: 0.8;
}

.slick-dots li.slick-active button:before {
    margin-top: 1px;
    margin-left: -7px;

    font-size: 31px;

    color: #fff;
    opacity: 0.4;
}

@media (max-width: 768px) {
    .sliderinnenmotiv {
        height: 280px;
        margin: 0px 10px;
    }
}

@media (min-width: 768px) {
    .sliderinnenmotiv {
        height: 400px;
        margin: 0px 10px;
    }
}

@media (min-width: 992px) {
    .sliderinnenmotiv {
        height: 100%;
        margin: 0px 0px;
    }
}

.slider-standard {
    padding-bottom: 60px;
}

.linker-sliderpfeil,
.rechter-sliderpfeil,
.slick-next,
.slick-prev {
    position: absolute;
    z-index: 3;
    bottom: 10px;

    width: 50px;
    height: 50px;
}

@media (min-width: 768px) {
    .linker-sliderpfeil,
    .col-links .slick-prev {
        left: 20px;
    }

    .rechter-sliderpfeil,
    .col-links .slick-next {
        right: 20px;
    }

    .linker-sliderpfeil,
    .col-rechts .slick-prev {
        left: 20px;
    }

    .rechter-sliderpfeil,
    .col-rechts .slick-next {
        right: 20px;
    }
}

@media (max-width: 768px) {
    .linker-sliderpfeil,
    .rechter-sliderpfeil,
    .slick-next,
    .slick-prev {
        display: none;
    }
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 50px;
    line-height: 1;

    color: #000;
    opacity: 0.7;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-rot,
.slider-braun,
.slider-blau {
    display: flex;
    width: 100%;
    padding: 35px 26px;
    border-radius: 12px;
    margin: 20px 22px 40px 22px;

    gap: 24px;
    flex-direction: column;
    align-items: flex-start;

    font-family: Lato;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 123.077% */
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

    transition: 0.5s;

    color: #fff;
}

.slider-rot:hover,
.slider-braun:hover,
.slider-blau:hover {
    margin-top: 0px;
    margin-bottom: 60px;
}

.slider-rot a,
.slider-braun a,
.slider-blau a {
    margin-top: 0px;

    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    text-underline-offset: 6px;

    color: #fff;

    text-decoration: underline !important;
}

.slider-blau {
    box-shadow: 0px 11px 21px -3px rgba(0, 0, 0, 0.35);
    background: linear-gradient(180deg, #00b0ea 0%, #0091be 100%);
}

.slider-blau:hover {
    box-shadow: 0px 17px 35px -7px rgba(0, 150, 197, 0.5);
}

.slider-braun {
    box-shadow: 0px 11px 21px -3px rgba(0, 0, 0, 0.35);
    background: linear-gradient(180deg, #9e9e9e 0%, #707070 100%);
}

.slider-braun:hover {
    box-shadow: 0px 17px 35px -7px rgba(146, 146, 146, 0.5);
}

.slider-rot {
    box-shadow: 0px 11px 21px -3px rgba(0, 0, 0, 0.35);
    background: linear-gradient(180deg, #c90000 0%, #730000 100%);
}

.slider-rot:hover {
    box-shadow: 0px 17px 35px -7px rgba(193, 0, 0, 0.5);
}

.slider-rot p,
.slider-braun p,
.slider-blau p {
    margin-bottom: 0px;
}

.slider-rot .pseudoueberschrift,
.slider-braun .pseudoueberschrift,
.slider-blau .pseudoueberschrift {
    display: inline-block;
    width: auto;
    padding: 3px 18px;
    border-radius: 15px;

    gap: 10px;
    align-items: flex-start;

    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.48px;
    line-height: 24px; /* 150% */
    text-transform: uppercase;

    background: #fff;
}

.slider-blau .pseudoueberschrift {
    color: #0091be;
}

.slider-braun .pseudoueberschrift {
    color: #707070;
}

.slider-rot .pseudoueberschrift {
    color: #c90000;
}

.headerslider a,
.headerslider a:visited {
    color: #fff;
    text-decoration: none;
}

.headerslider ul {
    min-height: 170px;

    list-style-type: none;
}

.headerslider li {
    padding: 3px 0px;
    margin: 5px 0px 5px -15px;

    font-family: Lato;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    text-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);

    color: #fff;
}

@media (min-width: 992px) {
    .headerslider li {
        font-size: 21px;
        line-height: 26px; /* 123.077% */
    }
}

@media (min-width: 1200px) {
    .headerslider li {
        font-size: 26px;
        line-height: 32px; /* 123.077% */
    }
}

.headerslider li::before {
    display: inline-block;
    width: 30px;
    height: 21px;
    margin-left: -30px;

    background-image: url("../../../Bilder/svg/dreieck-aufzaehlung.svg");
    background-position: 0% 0%;
    background-repeat: no-repeat;

    content: " ";
}

@media (max-width: 768px) {
    .headerslider {
        margin-left: -30px;
    }

    .headerslider ul {
        min-height: 180px;

        list-style-type: none;
    }

    .headerslider li {
        font-size: 21px;
        line-height: 26px;
    }

    .slider-rot,
    .slider-braun,
    .slider-blau {
        margin: 20px 15px 40px 15px;
    }
}

.accordion-v2 section {
    border-radius: 12px;
    margin-bottom: 25px;
    background: #fff;
}

.accordion-v2 .toggler {
    position: relative;
    z-index: 2;

    padding: 30px 25px;
    border-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */

    box-shadow: 0px 6px 23px -8px rgba(0, 0, 0, 0.2);
    color: #343434;
    cursor: pointer;

    background: #fff;
}

.accordion-v2 .toggler.ui-accordion-header-collapsed {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;

    color: #343434;

    background: #fff;
}

.accordion-v2 .accordion {
    padding: 30px 25px 30px 25px;
    border-radius: 0px 0px 4px 4px;
    background: #fff;
}

.accordion-v2 .toggler.ui-accordion-header-active {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;

    color: #fff;

    background: #0096c5;
}

.accordion-v2 .toggler.ui-accordion-header-active::after {
    transform: rotate(0deg);
}

.accordion-v2 .toggler::after svg {
    fill: #c90;
}

.accordion-v2 .toggler::after,
.accordion-v2 .toggler.ui-accordion-header-collapsed::after {
    position: absolute;
    top: 45%;
    right: 20px;

    width: 12px;
    height: 12px;

    transition: 0.2s;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: rotate(180deg);

    content: " ";

    background: transparent url("../../../Bilder/svg/togglerpfeil.svg") no-repeat;
}

.accordion-v2 .toggler.ui-accordion-header-active::after {
    position: absolute;
    top: 45%;
    right: 20px;

    width: 12px;
    height: 12px;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;

    content: " ";

    background: transparent url("../../../Bilder/svg/togglerpfeil_weiss.svg") no-repeat;
}

.lupe {
    display: flex;
    overflow: visible;

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

.lupe img {
    transition: 0.3s;
}

.lupe img:hover {
    transform: scale(1.05);
    webkit-transform: scale(1.05);
}

/* Kontaktformular */

.kontaktformular input[type="text"],
.kontaktformular input[type="email"],
.kontaktformular input[type="tel"],
.kontaktformular textarea {
    display: flex;
    width: 100%;
    padding: 14px 20px;
    border: 1px solid #5687ae;
    border-radius: 10px;
    margin-bottom: 20px;

    align-items: flex-start;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;

    color: #1a1a1a;

    background: rgba(255, 255, 255, 0.75);
}

.kontaktformular input[type="text"]:focus-visible,
.kontaktformular input[type="email"]:focus-visible,
.kontaktformular input[type="tel"]:focus-visible,
.kontaktformular textarea:focus-visible,
.kontaktformular input[type="text"]:active,
.kontaktformular input[type="email"]:active,
.kontaktformular input[type="tel"]:active,
.kontaktformular textarea:active,
.kontaktformular input[type="text"]:focus,
.kontaktformular input[type="email"]:focus,
.kontaktformular input[type="tel"]:focus,
.kontaktformular textarea:focus {
    border: 1px solid #0091be;
}

.kontaktformular textarea {
    height: 284px;
}

.kontaktformular label {
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.48px;
    line-height: 24px; /* 150% */
    text-transform: uppercase;

    color: #5687ae;
}

.kontaktformular .datenschutz {
    margin: 30px 0px 30px 0px;
}

.kontaktformular .datenschutz label {
    line-height: 20px;
    text-transform: none;

    color: #1a1a1a;
}

.kontaktformular .datenschutz legend,
.kontaktformular input[type="text"]:focus::placeholder {
    display: none;
}

.kontaktformular .datenschutz input[type="checkbox"] {
    margin: 7px 20px 0px 0px;

    float: left;
}

.kontaktformular .datenschutz label {
    display: inline-block;
    width: 90%;

    font-size: 16px;
}

.kontaktformular button[type="submit"] {
    padding: 20px 32px;
    border: 2px solid #0091be;
    border-radius: 12px;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: center;

    color: #0091be;

    background: #fff;
}

a.hyperlink_txt:hover,
.kontaktformular button[type="submit"]:hover {
    color: #fff;
    background: #0091be;
}

/* Vimeo */
iframe {
    border: 0px;
}

.uc-embedding-1 {
    width: 100% !important;
    height: auto !important;
}

.video_container iframe {
    width: 100%;
    height: auto;
}

.fuss {
    padding: 80px 0px 80px 0px;

    font-size: 15px;
    line-height: 1.6;

    color: #fff;

    background: linear-gradient(180deg, #00b0ea 0%, #0091be 100%);
}

.fuss .fuss-logo {
    display: block;
    margin-bottom: 30px;
}

.fuss a,
.fuss a:visited {
    text-underline-offset: 4px;

    color: #fff;
    text-decoration: underline;
}

.fuss strong.active,
.fuss a:hover {
    font-weight: 400;

    color: #003446;
    text-decoration: underline;
}

.fuss strong.active {
    text-underline-offset: 4px;
}

.unterseiten .fuss ul,
.fuss ul {
    padding: 0px 0px 0px 0px !important;
    margin-left: 0px;

    list-style-type: none;
}

.fuss ul li {
    margin-bottom: 20px;
}

.fuss strong {
    display: block;
    margin-bottom: 20px;
}

.fuss img.fuss-social-media {
    display: inline-block;
    margin-right: 16px;
}

@media (max-width: 768px) {
    .fuss .col-md-3,
    .fuss .col-md-4 {
        margin-bottom: 30px;
    }

    .fuss {
        padding: 80px 0px 30px 0px;
    }
}

.abstand-10,
.abstand-oben-10 {
    margin-top: 10px;
}

.abstand-20,
.abstand-oben-20 {
    margin-top: 20px;
}

.abstand-30,
.abstand-oben-30 {
    margin-top: 30px;
}

.abstand-40,
.abstand-oben-40 {
    margin-top: 40px;
}

.abstand-50,
.abstand-oben-50 {
    margin-top: 50px;
}

.abstand-60,
.abstand-oben-60 {
    margin-top: 60px;
}

.abstand-70,
.abstand-oben-70 {
    margin-top: 70px;
}

.abstand-80,
.abstand-oben-80 {
    margin-top: 80px;
}

.abstand-10,
.abstand-unten-10 {
    margin-bottom: 10px;
}

.abstand-20,
.abstand-unten-20 {
    margin-bottom: 20px;
}

.abstand-30,
.abstand-unten-30 {
    margin-bottom: 30px;
}

.abstand-40,
.abstand-unten-40 {
    margin-bottom: 40px;
}

.abstand-50,
.abstand-unten-50 {
    margin-bottom: 50px;
}

.abstand-60,
.abstand-unten-60 {
    margin-bottom: 60px;
}

.abstand-70,
.abstand-unten-70 {
    margin-bottom: 70px;
}
.abstand-80,
.abstand-unten-80 {
    margin-bottom: 80px;
}

@keyframes pfeilbewegung {
    0% {
        margin-top: -5px;
    }

    20% {
        margin-top: 5px;
    }

    100% {
        margin-top: -5px;
    }
}

.startseitenbereich {
}

.unterseiten .hauptbereich {
    margin-top: 83px;
}

.header-unterseite-rahmen {
    position: relative;

    width: 100%;
}

.unterseiten-header {
    width: 100%;
    height: 550px;
}

.header-unterseite-inhalt {
    margin-top: -475px;
}

.header-unterseite-inhalt-ueberschrift .pseudoueberschrift {
    margin-bottom: 100px;

    font-family: Lato;
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
    line-height: 84px; /* 120% */
    text-align: center;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);

    color: #fff;
}

@media (max-width: 768px) {
    .unterseiten-header {
        width: 100%;
        height: 330px;
    }

    .header-unterseite-inhalt {
        margin-top: -260px;
    }
}

@media (max-width: 992px) {
    .header-unterseite-inhalt-ueberschrift .pseudoueberschrift {
        margin-bottom: 70px;

        font-size: 28px;
        font-style: normal;
        font-weight: 800;
        line-height: 34px;
    }

    .header-unterseite-inhalt-ueberschrift .col-md-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.header-unterseite-inhalt-ueberschrift .ce_image {
    width: 100%;
}

.unterseiten #seitenmenue {
    display: flex;
    height: 83px;

    justify-content: center;
    align-items: center;

    background-color: #fff;
}

.unterseiten #seitenmenue a,
.unterseiten #seitenmenue a:visited {
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: center;

    color: #000;
}

.unterseiten #seitenmenue a:hover {
    color: #0091be;
}

@media (max-width: 992px) {
    .unterseiten #seitenmenue a,
    .unterseiten #seitenmenue a:visited,
    #seitenmenue a,
    #seitenmenue a:visited {
        font-family: Lato;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        text-align: center;

        color: #343434;
    }

    .unterseiten #seitenmenue {
        display: flex;
        padding-top: 0px;

        justify-content: center;
        align-items: flex-start;

        background-color: #fff;
    }

    .navbar-ueberschrift {
        display: none;
    }

    #seitenmenue .navbar ul > li {
        margin: 10px 10px 0px 10px;

        font-weight: 500;
    }

    .unterseiten .hauptbereich {
        margin-top: 72px;
    }

    .unterseiten #seitenmenue {
        height: 72px;
    }

    .unterseiten .navbar-collapse {
        top: 71px;
    }

    .unterseiten ul {
        padding: 0px 20px 30px 10px;
    }
}

.unterseiten #seitenmenue a.active {
    color: #0091be;
}

.blauer-inhaltsbereich {
}

.blauer-inhaltsbereich .unterseiten-header {
    background: linear-gradient(180deg, #00b0ea 0%, #0091be 100%);
}

.grauer-inhaltsbereich .unterseiten-header {
    background: linear-gradient(180deg, #9e9e9e 0%, #707070 100%);
}

.roter-inhaltsbereich .unterseiten-header {
    background: linear-gradient(180deg, #c90000 0%, #730000 100%);
}

span.telefonicon,
span.mailicon {
    position: relative;

    padding-left: 30px;
}

span.telefonicon:before,
span.mailicon:before {
    position: absolute;
    top: 2px;
    left: 0px;

    width: 20px;
    height: 20px;

    content: " ";
}

span.mailicon:before {
    background-image: url("../../../Bilder/svg/mailicon.svg");
}

span.telefonicon:before {
    background-image: url("../../../Bilder/svg/telefonicon.svg");
}

.breite-box a {
    position: relative;

    padding-bottom: 5px;

    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;

    color: #0096c5;

    border-bottom: 1px solid #0096c5;
    text-decoration: none;
}

.breite-box a:hover {
    color: #046989;
}

.breite-box .kontaktbox-img-caption {
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;

    color: #0096c5;
}

.breite-box .kontaktbox-img-title {
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    color: #828282;
}

/********** */
.softscrollen {
    padding-left: 15px;
}

.videoslider .swiper-slide {
    display: flex;
    width: auto;

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

.videoslider .swiper-slide figure.video_container {
    position: relative;

    margin: 0;
}

/* Portrait */
.videoslider .yt_portrait figure.video_container,
.videoslider .vi_portrait figure.video_container {
    width: 445px;
    aspect-ratio: 9 / 16;
}

@media (max-width: 992px) {
    .videoslider .yt_portrait figure.video_container,
    .videoslider .vi_portrait figure.video_container {
        width: 240px;
    }
}

@media (max-width: 576px) {
    .videoslider .yt_portrait figure.video_container,
    .videoslider .vi_portrait figure.video_container {
        width: 65vw;
    }
}

/* Landscape */
.videoslider .yt_landscape figure.video_container,
.videoslider .vi_landscape figure.video_container {
    width: 560px;
    aspect-ratio: 16 / 9;
}

@media (max-width: 992px) {
    .videoslider .yt_landscape figure.video_container,
    .videoslider .vi_landscape figure.video_container {
        width: 320px;
    }
}

@media (max-width: 576px) {
    .videoslider .yt_landscape figure.video_container,
    .videoslider .vi_landscape figure.video_container {
        width: 65vw;
    }
}

.videoslider figure.video_container iframe {
    position: absolute;

    width: 100%;
    height: 100%;
    border-radius: 12px;

    inset: 0;
}

.videoslider .swiper-wrapper {
    padding-bottom: 30px;

    align-items: center; /* zentriert Landscape-Slides relativ zur Zeile */
}

.videoslider .swiper-button-next,
.videoslider .swiper-button-prev {
    top: 0 !important;

    width: 160px !important;

    height: 100% !important;

    margin-top: 0 !important;

    transition:
        opacity 0.3s ease,
        width 0.3s ease;
}

@media (max-width: 576px) {
    .videoslider .swiper-button-next,
    .videoslider .swiper-button-prev {
        width: 50px !important;
    }
}

.videoslider .swiper-button-next svg,
.videoslider .swiper-button-prev svg {
    width: 50px;
    height: 50px;

    fill: #00a8de;
}

.videoslider .swiper-button-next {
    right: 0 !important;

    justify-content: flex-end;
    background: linear-gradient(90deg, rgba(234, 240, 245, 0) 25.37%, #eaf0f5 100%);
}

.videoslider .swiper-button-prev {
    left: 0 !important;

    justify-content: flex-start;
    background: linear-gradient(270deg, rgba(234, 240, 245, 0) 25.37%, #eaf0f5 100%);
}

.videoslider .swiper-button-next.swiper-button-disabled,
.videoslider .swiper-button-prev.swiper-button-disabled {
    width: 0 !important;

    opacity: 0;
}

/* .videoslider figure.video_container::after {
    position: absolute;
    z-index: 10;

    content: "";

    inset: 0;
    background-color: #fff;
}

.videoslider figure.video_container.clicked::after {
    display: none;
} */