@charset "UTF-8";
html {
    color: #000;
    font-size: 15px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

* {
    outline: none;
}

p,
ul {
    margin-bottom: 1.5rem;
}

a {
    cursor: pointer;
}

::placeholder {
    font-weight: 300;
    color: rgba(0, 0, 0, 0.6);
}

.font-sans {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.font-serif {
    font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
}

.container {
    max-width: 1280px;
}


/*Max Width*/

.sm {
    max-width: 640px;
}

.md {
    max-width: 768px;
}

.lg {
    max-width: 1024px;
}

.xl {
    max-width: 1280px;
}

@media only screen and (min-width: 1100px) {
    .lg\:px-c-0 {
        padding-left: 0;
        padding-right: 0;
    }
}


/*Box Shadow*/

.theme_dark .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(255, 255, 255, 0.1), 0 2px 4px -1px rgba(255, 255, 255, 0.06);
}

.theme_dark .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05);
}

.theme_dark .shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(255, 255, 255, 0.1), 0 10px 10px -5px rgba(255, 255, 255, 0.04);
}

.theme_dark .shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(255, 255, 255, 0.25);
}

.theme_dark .shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.06);
}

.theme_dark .shadow-outline {
    box-shadow: 0 0 0 3px rgba(255, 255, 225, 0.5);
}

.theme_dark {
    color: #fff;
    background-color: #000;
}

.theme_dark .text-white {
    color: #000;
}

.theme_dark .text-black {
    color: #fff;
}

.theme_dark .bg-white {
    background-color: #000;
}

.theme_dark .bg-black {
    color: #000;
    background-color: #fff;
}

.theme_dark [class*="bg-gray"] {
    background-color: #000;
}


/* .theme_dark .header,
.theme_dark .teaser__inner {
    color: #000;
}
*/

.theme_dark .hover\:text-black:hover {
    background-color: #000;
    color: #fff;
}

.theme_dark .border-black {
    border-color: #fff;
}

.theme_dark ::placeholder {
    font-weight: 300;
    color: rgba(255, 255, 255, 0.6);
}

.theme_dark .footer.bg-black,
.theme_dark .team-section .bg-black {
    color: #fff;
    background-color: #000;
}

.theme_dark .swiper-pagination-bullet {
    background: #fff;
}

.theme_dark .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}


/*
.bg-gradient {
    width: 120vw;
    max-width: 1280px;
    background-color: rgba(0, 0, 0, .3);
    height: 100vh;
    margin-left: -24px;
}

.theme_dark .bg-gradient::before {
    content: url('../Images/gradient-text.svg');
}

.bg-gradient::before {
    content: url('../Images/gradient-text-white.svg');
    width: 250%;
    position: absolute;
    bottom: -6%;
    left: -75%;
}

@media only screen and (min-width: 400px) {
    .bg-gradient::before {
        width: 170%;
    }
}

@media only screen and (min-width: 768px) {
    .bg-gradient {
        width: 100%;
        max-width: 1280px;
        background-color: transparent;
        margin-left: 0;
    }
    .bg-gradient::before {
        width: 100%;
        position: absolute;
        bottom: -6%;
        left: -40%;
    }
}

@media only screen and (min-width: 1200px) {
    .bg-gradient::before {
        width: 80%;
        bottom: -6%;
        left: -25%;
    }
}
*/


/* Modifier: Gradient overlay */

.bg-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.bg-gradient {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(72%, rgba(0, 0, 0, 0.5018207966780462)), color-stop(92%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 72%, rgba(0, 0, 0, 0) 92%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 72%, rgba(0, 0, 0, 0) 92%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 72%, rgba(0, 0, 0, 0) 92%);
}

@media (min-width: 768px) {
    .bg-gradient {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(33%, rgba(0, 0, 0, 0.5018207966780462)), color-stop(62%, rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5018207966780462) 33%, rgba(0, 0, 0, 0) 62%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5018207966780462) 33%, rgba(0, 0, 0, 0) 62%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5018207966780462) 33%, rgba(0, 0, 0, 0) 62%);
    }
    .news-single .bg-gradient,
    .slider--half .bg-gradient {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, 0.5018207966780462)), color-stop(100%, rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5018207966780462) 50%, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5018207966780462) 50%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5018207966780462) 50%, rgba(0, 0, 0, 0) 100%);
    }
}

.intro-nav__item {
    min-height: 30vh;
}

.nav-list {
    right: 18px;
}

.nav-toggle {
    cursor: pointer;
    padding: 0;
    margin-right: -4px;
    margin-bottom: .2rem;
}

.nav-toggle .la-bars {
    display: block;
}

/*.header .nav-list__link,
.nav-toggle {
    background-color: #fff;
    color: #000;
}

.header .active .nav-list__link,
.nav-toggle:hover {
    background-color: #000;
    color: #fff;
}*/

.header .nav-list__link {
    padding: 0 .25rem;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}

.pswp__img {
    position: relative;
    margin: 0 auto;
}

.slider--half .teaser__image {
    height: 40vh;
    min-height: 280px;
}

.teaser__text {
    mix-blend-mode: exclusion;
    color: #fff;
}

@media (min-width: 768px) {
    .nav-list {
        right: auto;
    }
}

.rootnav-list>.rootnav-list__item {
    display: inline-block;
}

.rootnav-list .rootnav-list__item:after {
    content: "\f105";
    font-family: 'Line Awesome Free';
    font-weight: 900;
}

.rootnav-list .rootnav-list__item:last-child:after {
    content: "";
}

.ce-intext {
    display: flex;
    flex-wrap: wrap;
}

.ce-right.ce-intext .ce-gallery {
    order: 2;
}

.ce-intext .ce-gallery {
    width: 100%;
}

@media (min-width: 640px) {
    .ce-intext {
        flex-wrap: nowrap;
    }
    .ce-left.ce-intext .ce-gallery {
        margin-right: 1.5rem;
    }
    .ce-right.ce-intext .ce-gallery {
        margin-left: 1.5rem;
    }
    .ce-intext .ce-gallery,
    .ce-intext .ce-bodytext {
        flex-basis: 50%;
        flex-grow: 1;
    }
}

.ce-gallery {
    display: flex;
    flex-direction: column;
}

.ce-row {
    display: flex;
    flex-wrap: wrap;
}

.ce-column,
[data-ce-columns="1"] .ce-column {
    width: 100%;
    padding-bottom: 1.5rem;
}

@media (min-width: 480px) {
    .ce-column {
        padding-right: 1.5rem;
    }
    .ce-column:last-child {
        padding-right: 0;
    }
    [data-ce-columns="2"] .ce-column,
    [data-ce-columns="3"] .ce-column,
    [data-ce-columns="4"] .ce-column,
    [data-ce-columns="5"] .ce-column {
        width: 50%;
    }
}

@media (min-width: 640px) {
    [data-ce-columns="1"] .ce-column {
        padding-bottom: 0;
    }
    [data-ce-columns="3"] .ce-column,
    [data-ce-columns="4"] .ce-column,
    [data-ce-columns="5"] .ce-column {
        width: 33.333333%;
    }
}

@media (min-width: 768px) {
    [data-ce-columns="4"] .ce-column,
    [data-ce-columns="5"] .ce-column {
        width: 25%;
    }
    [data-ce-columns="5"] .ce-column {
        width: 20%;
    }
}

.image-embed-item {
    width: 100%;
}

.iana .image-embed-item {
    box-shadow: none;
    border-radius: 0;
}

.latest-media .mediaelement-video,
.media-view__video-item {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.latest-media .mediaelement-video iframe,
.media-view__video-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #3b3b3b;
}

.media-view__video-item iframe {
    background-color: transparent;
}

.media-latest-box {
    min-height: 140px;
}

.page-list__item .more {
    min-width: 26px;
    text-align: center;
}

.page-list__item .button.bg-black:hover {
    color: #fff;
}

/**/
.page--standard-page div[id^="c"] {
    margin-bottom: 4rem;
}
.page--standard-page div[id^="c"]:last-child,
.page--standard-page .teaser div[id^="c"]
.page--standard-page .footer div[id^="c"] {
    margin-bottom: 0;
}

/*status box*/
.frame-layout-3001,  .frame-layout-3002 {
    margin: 0 auto 1.5rem auto;
    color: #fff;
    padding: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);
    border-radius: .5rem;
    max-width: 1140px;
}

.frame-layout-3001 a {
    color: #fff;
    text-decoration: underline;
}

.frame-layout-3001 a:hover {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}

.teaser .frame-layout-3001, .teaser .frame-layout-3002 {
    margin: 1.5rem;
}

@media (min-width: 1140px) {
    .teaser .frame-layout-3001, .teaser .frame-layout-3002 {
        margin: 1.5rem auto;
    }
}

.frame-layout-3002 {
    color: #000;
}

.frame-layout-3001 p:last-child,  .frame-layout-3002 p:last-child {
   margin-bottom: 0;
}

@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:flex-row-rev {
        flex-direction: row-reverse;
    }
    .sm\:flex-col {
        flex-direction: column;
    }
    .sm\:flex-col-rev {
        flex-direction: column-reverse;
    }
}

@media (min-width: 768px) {
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-row-rev {
        flex-direction: row-reverse;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:flex-col-rev {
        flex-direction: column-reverse;
    }
}

@media (min-width: 1024px) {
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:flex-row-rev {
        flex-direction: row-reverse;
    }
    .lg\:flex-col {
        flex-direction: column;
    }
    .lg\:flex-col-rev {
        flex-direction: column-reverse;
    }
}

@media (min-width: 1280px) {
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:flex-row-rev {
        flex-direction: row-reverse;
    }
    .xl\:flex-col {
        flex-direction: column;
    }
    .xl\:flex-col-rev {
        flex-direction: column-reverse;
    }
}