/* General */
@import url("font.css");


body {
    margin: auto;
    font-family: "HdM Frutiger Next Pro", sans-serif;
    overflow-x: hidden;
}

body .overline, body h1, body h2, body h3, body h4, body h5, body .teasertext, body b {
    font-family: "HdMFrutigerNextProMedium", sans-serif;
}

.bw_icon img {
    width: 32px;
    height: 32px;
}

li.nav-item.nav-style-mega.active {
    padding-bottom: 60px;
    margin-bottom: -60px;
}

@media(max-width: 767px) {
    :root {
        --padding-106:  3.3125rem;
        --padding-100:  3.125rem;
    }
}

.small-spacing {
    margin-bottom: var(--small-spacing);
}

.medium-spacing {
    margin-bottom: var(--medium-spacing);
}

.medium-spacing-top {
    margin-top: var(--medium-spacing);
}



div#c7 {
    padding-top: 0;
}

video {
    max-width: 100%;
    height: auto;
}

.dropdown-navi-right {
    background-color: var(--White);
    border-top: 0.3125rem solid var(--Red);
    padding: 2.375rem 2.8125rem;
}

.dropdown-navi-right ul.dropdown-nav {
    list-style-type: none;
}

.dropdown-navi-right ul.dropdown-nav a {
    color: var(--Black);
    font-family: "HdM Frutiger Next Pro";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.01rem;
}

.dropdown-nav[data-level="3"] a.nav-link.nav-link-dropdown {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
    padding:0;
}

.dropdown-nav[data-level="3"] a.nav-link.nav-link-dropdown span.subtitle {
    font-family: "HdM Frutiger Next Pro";
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
    letter-spacing: -0.01rem;
}



html {
    font-size:1rem;
}


h1{
  font-family: "HdMFrutigerNextProMedium";
  font-size: 4.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4.375rem; /* 100% */
  letter-spacing: -0.04375rem;
}
/*
h1.h2{
  font-family: "HdMFrutigerNextProMedium";
  font-size: 2.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02875rem;
}
  */

h1.h3,h1.h4,h1.h5{
    font-size: 1.75rem;
    line-height: normal;
}
h2{
  font-size: 2.875rem;
    line-height: normal;
   letter-spacing: -0.02875rem;
}
h2.h1{
   font-size: 4.375rem;
   line-height: 4.375rem; /* 100% */
}
h2.h3{
   font-size: 1.75rem;
    line-height: normal;
}
h3{
  font-size: 1.75rem;
  line-height: normal;
}
h3.h1{
     font-size: 4.375rem;
   line-height: 4.375rem; /* 100% */
}
h3.h2{
   font-size: 2.875rem;
  line-height: normal;
   letter-spacing: -0.02875rem;
}
h4{
  font-size: 1.5rem;
    line-height: normal;
}
h4.h2{
   font-size: 2.875rem;
  line-height: normal;
   letter-spacing: -0.02875rem;
}
h4.h3{
   font-size: 1.75rem;
    line-height: normal;
}
h5{
  font-size: 1.75rem;
    line-height: normal;
}
h5.h2{
   font-size: 2.875rem;
  line-height: normal;
   letter-spacing: -0.02875rem;
}
h5.h3{
   font-size: 1.75rem;
    line-height: normal;
}
.dropdown-nav .nav-link {
    color: black;
}

header#page-header {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
}

.navbar-mainnavigation .dropdown-nav {
    display: block;
}

.navbar-mainnavigation .nav-style-mega .dropdown-menu {
    width: 100%;
    left: 0;
    top: 6.8rem;
    max-width: 1920px;
    background-color: var(--Grey);
    border-radius:0;
    border: unset;
    padding: 0;
}

.navbar-mainnavigation .nav-right-container.d-flex.flex-column.justify-content-center {
    margin-bottom: -80px;
}

header .container-mainnavigation {
    position: unset;
}

ul.dropdown-nav[data-level="3"] {
    display: grid;
}

.dropdown-nav[data-level="3"] {
    display: none!important;
}

.dropdown-nav.active[data-level="3"] {
    display: grid!important;
    grid-template-columns: 33.33% 33.33% 33.33%;
    gap: 1.5rem;
}

li.nav-item.nav-item-level-2 > a {
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.01rem;
}

li.nav-item.nav-item-level-2 > a  {
    padding: 0.9375rem 1.15rem 0.875rem 1rem;
}

li.nav-item.nav-item-level-2.active > a {
    background-color: var(--White);
    border-top: 0.3125rem solid var(--Red) !important;
    padding-top: 0.625rem;
}

li.nav-item.nav-item-level-2.active > a span {
    color: var(--Black);
}

li.nav-item[data-level="3"] a span, li.nav-item.nav-style-mega[data-level="1"] span {
    pointer-events: none;
}

header#page-header.scrolled-down {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0.75rem 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 0.75rem 0 rgb(0 0 0 / 20%);
}

.pagelevel-0 header#page-header.active {
    background-color: white !important;
}

li.nav-item.nav-style-mega.active .dropdown-menu.dropdown-menu-mega {
    display: block;
}

@media screen and (max-width: 1920px) {
    html {
     font-size: calc(0.46563rem + 0.55vw);
    }
}
@media screen and (min-width: 1921px) {

    .frame-container-default, .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 93.75rem;
    }

    .full-container .frame-container-default, .full-container .container, .full-container .container-sm, .full-container .container-md, .full-container .container-lg, .full-container .container-xl, .full-container .container-xxl {
        max-width: 93.75rem;
    }
    .doublePic-section  .frame-type-container_1_columns{
      max-width: 93.75rem;
      margin: 0 auto;
    }
    .container-full  {
        max-width: 100%!important;
        --bs-gutter-x: 0;
    }

}
@media screen and (max-width: 1440px) {
   .frame-container-default {
    max-width: 75.75rem;
    padding:0;
  }
   .frame-container-default, .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 75.75rem;
  }
  .carousel .carousel-content-inner {
    max-width: 75.75rem;
  }
}

#mainnavigation > ul.navbar-nav .nav-item a span {
    font-family: 'HdM Frutiger Next Pro';
    font-weight: 700;
}

@media(max-width: 1200px) {
    #mainnavigation > ul.navbar-nav .nav-item a span {
        color: black;
    }
}

#mainnavigation > ul.navbar-nav > .nav-item > a {
    font-weight: 700;
}

#mainnavigation > ul.navbar-nav .nav-item a span.subtitle {
    font-family: 'HdMFrutigerNextProLight', sans-serif;
    font-weight: 500;
}

.container-full, .container-full .frame-container-default {
    width: 100%;
    max-width: 100%;
    margin:auto;
    padding-left: 0;
    padding-right: 0;
}

.container-full .frame-layout-embedded .frame-group-inner {
    padding:0;
}

.frame-background-primary {
    background-color: var(--Red);
}

.frame-background-dark {
    background-color: var(--Black);
}

.frame-background-light {
    background-color: var(--Grey);
}

.frame-background-white {
    background-color: var(--White);
}
.nav-link {
  color: #fff;
}
.heading-style-h4 {
    /* Desktop/heading-style-h4 */
    font-family: "HdM Frutiger Next Pro", serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 26.4px */
    letter-spacing: -0.015rem;
}

.bold {
    font-weight: 700;
}

.text-size-small {
    font-family: "HdM Frutiger Next Pro",serif;
    font-size: 1rem;
    font-style: normal;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.01rem;
}

.text-size-regular {
    /* Desktop/text-size-regular */
    font-family: "HdM Frutiger Next Pro",serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
    letter-spacing: -0.01rem;
}

.frame-layout-right {
    max-width: calc(82.5rem + ((100vw - 82.5rem) / 2)) !important;
    margin-right: auto;
    padding-left: calc(100vw - ((100vw - 80rem) / 2) - 82.5rem);
}

.text-size-small.medium {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
    font-weight: 500;
    font-style: normal;
    color: var(--Black);
}

.heading-style-h3 {
    letter-spacing: -0.0175rem;
    hyphens: auto;
}

.text-size-regular {
    color: var(--Black) !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem;
    letter-spacing: -0.01rem;
}


/* Slider Startpage */
/*
.frame-type-carousel_fullscreen .frame-container {
    width: 100%;
    max-width: unset;
    padding: 0;
}

.frame-type-carousel_fullscreen {
    padding-top: 0;
    margin-top: -110px;
    max-height: 913px;
    overflow-y: hidden;
    position: relative;
}

.frame-type-carousel_fullscreen .carousel-backgroundimage-container:before {
    content: '';
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0.94%, rgba(0, 0, 0, 0.00) 31.26%), linear-gradient(181deg, #000 0.35%, rgba(0, 0, 0, 0.56) 14.24%, rgba(0, 0, 0, 0.33) 26%, rgba(0, 0, 0, 0.20) 35.01%, rgba(0, 0, 0, 0.00) 51.66%);
}

.frame-type-carousel_fullscreen .carousel-text-inner {
    z-index: 9;
}

.carousel-fullscreen .carousel-text-inner {
    margin-left: 0;
    width: 30vw;
}

.carousel-fullscreen h1 {
    color: var(--White) ;
    font-weight: 500;
    line-height: 97%;
    letter-spacing: -1.111px;
    font-size: var(--font-size-100, 100px);
}
.carousel-fullscreen h1::first-line {
    color: var(--Red);
}
.carousel-fullscreen .item {
    height: 913px;
}

.carousel-fullscreen h2.carousel-subheader.awesome.none {
    font-weight: 500;
    line-height: 97%;
    letter-spacing: -1.111px;
}

.contentcontainer-column .container > .two-col > .two-col-left {
    padding: 0;
}

.frame-type-container_1_columns .frame-type-container_3_columns .frame-container.frame-container-default {
    padding: 0;
}
*/






/* ContentElement Element DoublePic */

.image-small {
    position: absolute;
    right: -4rem;
    bottom: -4.5rem;
    width: 13.75rem;
    height: 13.75rem;
}

.image-small img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/* Slider */
/*
.ce_slider_element {
    position: relative;
    overflow-x: clip;
}

.slider_item {
    position: absolute;
    padding: 2rem;
    top: 0;
    transition: all ease-in-out 800ms;
}

.slider_item img {
    width: 100%;
    height: auto;
}
*/
/* Infobox */

.ce_infobox_element {
    color: var(--Black);
    padding: 2.5rem;
}

.ce_infobox_element a.text-size-small.bold {
    color: var(--Red);
    text-underline-offset: 0.3125rem;
}

.ce_infobox_element img {
    margin-bottom: 1rem;
}


/* FAQ Vorschautext */

.faq_preview .faq_item {
    margin-bottom: 5rem;
    border-bottom: solid 0.0625rem var(--Grey);
    padding-bottom: 5rem;
}

.faq_preview .faq_item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.faq_preview .faq_item .faq_item_right .faq_item_inline_item {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: solid 0.0625rem var(--Grey);
}

.faq_preview .faq_item .faq_item_right .faq_item_inline_item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.faq_preview .faq_text {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
    letter-spacing: -0.01rem;
}

.faq_preview .faq_item a {
    color: var(--Red);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.01rem;
}

.faq_preview .faq_item .faq_item_right .faq_item_inline_item .faq_title, .faq_preview .faq_item .faq_item_right .faq_item_inline_item .faq_text {
    margin-bottom: 1rem;
}

/* Icongrid */

.icongrid_link_item {
    margin-top: var(--small-spacing);
}

.icongrid_link_item a {
    color: var(--Red);
    text-underline-offset: 5px;
}

.icongrid .ce_infobox_element {
    padding: 0;
}

@media(min-width: 992px) {
    .icongrid .icongrid_item {
        width: calc(33.33% - 2.5rem);
    }
}

@media(max-width: 991px) {
    .icongrid .icongrid_item {
        width: calc(50% - 2.5rem);
    }
}

@media(max-width: 767px) {
    .icongrid .icongrid_item {
        width: 100%;
    }
}

.icongrid .d-flex.icongrid_wrap {
    gap: 3.75rem;
}

.icongrid .bw_icon {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background-color: var(--Red);
    border-radius: 100%;
    margin-bottom: 1.5rem;
}

.icongrid .heading-style-h4 {
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.0175rem;
}

.icongrid .bw_icon span {
    color: var(--White);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}

/* Slick Slider */

.slick-slide img {
    width: 100%;
    height: auto;
}

.slider_wrapper {
    max-width: 120rem;
}

.frame-container.container .slider_wrapper {
    padding-left: 0;
    padding-right: 0;
}

.slider_wrapper .overflow-visible .slick-list {
    overflow: visible;
}


.slick-list {
    margin: 0 -1.875rem;
}
.slick-slide>div {padding: 0 0.625rem;}

.imagetxt-section .bgcolor_2 div * {
    color: var(--White);
}

.reference_item .reference-right-wrap {
    padding: 0 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slider-container-references .bgcolor_0 {
    background-color: white;
}

.slider-container-references, .slider-container-filter {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}

.slider-container-references .categories {
    display: inline-block;
    padding: 0 0.75rem;
    background-color: var(--Grey);
    border-radius: 2.5rem;
}

.slider-container-references .reference-text {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.0175rem;
}

.ce_slider_element_references {
    padding: 0.25rem;
}

.slider-container-references .icon-wrap {
    position: relative;
    padding-left: 6.25rem;
}

.slider-container-references .icon-wrap img:first-child {
    position: absolute;
    left: 0;
    border-radius: 100%;
    width: 2.875rem;
    height: 2.875rem;
    background-color: var(--Grey);
}

.slider-container-references .icon-wrap img:nth-child(2) {
    position: absolute;
    left: 2.75rem;
    width: 2.875rem;
    height: 2.875rem;
    background-color: #95BF46;
    border-radius: 100%;
}

.slider-container-references button.slick-next.slick-arrow {
    border: none;
    color: transparent;
    background-image: url(/media/hdm/icons/slider-arrow-icon-black.svg);
    position: absolute;
    right: 3%;
    top: 70%;
    backdrop-filter: none;
    box-shadow: none;
    transition: 0.5s;
}

.slider-container-references button.slick-next.slick-arrow:hover {
    border: none;
    color: transparent;
    background-image: url(/media/hdm/icons/slider-arrow-icon.svg);
    background-color: black;
    position: absolute;
    right: 3%;
    top: 70%;
    backdrop-filter: none;
    box-shadow: none;
}

.slider-container-references button.slick-prev.slick-arrow {
    border: none;
    color: transparent;
    background-image: url(/media/hdm/icons/slider-arrow-icon-black.svg);
    position: absolute;
    right: 10%;
    transform: rotate(0deg);
    left: unset;
    top: 70%;
    backdrop-filter: none;
    box-shadow: none;
    transition: 0.5s;
}

.slider-container-references button.slick-prev.slick-arrow:hover {
    border: none;
    color: transparent;
    background-image: url(/media/hdm/icons/slider-arrow-icon.svg);
    background-color: black;
    position: absolute;
    backdrop-filter: none;
    box-shadow: none;
}

.slider-container-references .slick-slide, .ce_slider_element .slick-slide {
    height: auto;
}

.slider_filter img {
    height: 27.81rem;
    object-fit: cover;
}

.slider_filter .slider_filter_info_wrap * {
    color: var(--White);
}

.slider_filter .slider_item {
    position: relative;
}

.slider_filter .slider_item:before {
    z-index: 9;
    content: '';
    width: calc(100% - (0.625rem * 2));
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 250%);
    position: absolute;
    left: 0.625rem;
    top: 0;
}

.slider_filter .slider_filter_info_wrap {
    z-index: 999;
    position: absolute;
    bottom: -9rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 2rem;
    transition: 0.5s;
}

.slider_filter .slider_item:hover .slider_filter_info_wrap {
    bottom: 0;
}

.slider_filter .slider_filter_info_wrap .text, .slider_filter .slider_filter_info_wrap .link-type-4 {
    opacity: 0;
    transition: 0.5s;
}

.slider_filter .slider_item:hover .slider_filter_info_wrap .text, .slider_filter .slider_item:hover .slider_filter_info_wrap .link-type-4 {
    opacity: 1;
}

.slider-container-filter.bgcolor_4 * {
    color: white;
}

.slider-container-filter.bgcolor_4 a:hover, .slider-container-filter.bgcolor_4 a:hover div {
    color: var(--Red) !important;
}

.slider_filter .slider_item {
    overflow-y: hidden;
}

.scroll-top:active, .scroll-top:focus, .scroll-top:hover {
    background-color: var(--Red);
}

.bgcolor_2 .bgcolor_1 a div {
    color: var(--Red);
}

.bgcolor_2 .bgcolor_1 a:hover div {
    color: var(--White);
}

a.visually-hidden-focusable.page-skip-link {
    background: transparent;
    border: none;
    color: var(--White);
}

a.visually-hidden-focusable.page-skip-link span {
    padding: 1rem 1rem;
    background: var(--Red);
}

.breadcrumb a {
    color: var(--Red);
}



.accessibility a {
    color: var(--Red);
}


.accessibility-inner > div > span:first-child {
    margin-right: 0.25rem;
}

span.material-symbols-outlined.greyscale {
    opacity: 0.4;
}

/* Safari */


.container-logo {
    display: -webkit-inline-flex;
    padding-top: 13px;
    padding-bottom: 20px;
}


@media not all and (min-resolution:.001dpcm) {
    .container-logo {
        display: -webkit-inline-flex;
        padding-top: 0.675rem;
        padding-bottom: 0.675rem;
    }
}

_::-webkit-full-page-media, _:future, :root .safari_only {
.container-logo {
    display: -webkit-inline-flex;
    padding-top: 0.675rem;
    padding-bottom: 0.675rem;
}
}


/* Able Player Reset */
.able-wrapper,
.able-wrapper * {
    box-sizing: inherit;
}