@font-face {
    font-family: 'Roboto';
    src: url(./Font/Roboto/Roboto-Regular.woff) format('woff'),
         url(./Font/Roboto/Roboto-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Roboto';
    src: url(./Font/Roboto/Roboto-Medium.woff) format('woff'),
         url(./Font/Roboto/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
  }

@font-face {
    font-family: 'Roboto';
    src: url(./Font/Roboto/Roboto-Bold.woff) format('woff'),
         url(./Font/Roboto/Roboto-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
  }

@font-face {
    font-family: 'Roboto';
    src: url(./Font/Roboto/Roboto-Italic.woff) format('woff'),
         url(./Font/Roboto/Roboto-Italic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
  }

@font-face {
    font-family: 'Roboto';
    src: 
         url(./Font/Roboto/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
  }

body{
    --orange: #ee7623;
    --blue: #004a98;
    /* --blue: #3972AF; */
    --lightblue: #edf6ff;
    --green: #b4bd00;
    --indigo: #0f206c;
    --indigorgb: 15, 32, 108;
    --red: #d84325;
    --yellow: #ffb600;
    --dividercolor: #777;
    --dividercolorrgb: 119, 119 ,119;
    --smallSize: 14px;
    --normalSize: 18px;
    --bigSize: 32px;
    --headline2: 24px;
    --headline3: 20px;
    --big-width: 1920px;
    --slider-width: 1600px;
    --small-width: 1280px;
    --small-gap: 96px;
    --smaller-gap: 48px;
    --standard-spacing: 20px;
    --half-standard-spacing: 10px;
    --boxshadow: 0 6px 10px rgba(52, 67, 81, 12%);
    --standard-margin: 96px;
    --slider-height: 450px;
    --slider-height-tablet: 400px;
    --slider-height-mobile: 350px;
    --slider-headline: 42px;

    font-family: 'Arial';
    color: var(--blue);
    font-size: var(--normalSize);

}

header h2, h2, .h2{
    /* andere schriftart? */
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 24px;
}

h2.ce-headline-center{
    text-align: center;
}
header h3, h3, .h3{
    font-size: var(--headline3);
    font-weight: 500;
    margin-bottom: 16px;
}

header{
    max-width: var(--small-width);
    width: 100%;
    margin: auto;
}

#stage{
    margin-top: 120px;
}

.default-wrapper .ce-textpic{
    text-align: center;
}

p{
    font-size: var(--normalSize);
}

.text > p {
    max-width: 900px !important;
    margin: auto;
}

a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
    color: var(--orange);
}

#content-wrapper {
    max-width: var(--big-width);
    width: 100%;
    margin: auto;
    margin-top: var(--small-margin);
}

#entries > * {
    padding-left: var(--standard-spacing);
    padding-right: var(--standard-spacing);
}

.blue-text{
    color: var(--blue);
}
.more{
    color: var(--blue);
    border: 1px solid var(--blue);
    padding: 15px 25px 14px 24px;
    display: block;
    width: fit-content;
    margin-top: 16px;
}

button, button.navbar-toggler{
    border: none;
}
button:focus, button:focus-visible, button.navbar-toggler:focus, button.navbar-toggler:focus-visible{
    outline: none;

}

.nhcarousel-indicators button{
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 2px solid var(--blue);
    color: transparent;
}

.nhcarousel-indicators button.active{
    background-color: var(--blue);
}

.nhcarousel-indicators{
    gap: 10px;
}


/* #entries ul {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 10px;
}

#entries li{
    position: relative;
}

#entries ul li:before {
	content: "";
    height: 16px;
    width: 16px;
    background-color: var(--blue);
	position: absolute;
	left: 0;
    top: 8px;
} */

/* button */

.nh-button { 
    width: 197px;
    height: 42px;
    background: var(--orange);
    color: #fff;
    /* text-transform: uppercase; */
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 38px;
    font-size: 1rem;
}

.nh-button:hover {
    color: #fff;
}

.nh-button.simple {
    background: none;
    border: 2px solid var(--orange);
    color: var(--blue);
}

.nh-button.simple.white {
    border-color: #fff;
    color: #fff;
}

.nh-button.simple:hover {
    color:  var(--blue);
}

.nh-button.simple.white:hover {
    color: #fff;
}


/* *** */
@media screen and (max-width: 450px){
    body{
        --slider-height: 390px;
        --slider-headline: 34px;
        --headline2: 34px;
        --bigSize: 21px;
    }

    #content-wrapper{
        margin-top: 80px;
    }
}
/**********
*** FOOTER ***
*****/

.footer-wrapper {
    width: 100%;
    background-color: #012041;
    min-height: 392px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--lightblue);
    flex-direction: column;
    flex-wrap: wrap;
    font-size: var(--smallSize);
}


.footer-wrapper a {
    color: var(--lightblue);
    text-decoration: none;
    border-right: 1px solid rgba(var(--lightbluergb), 0.3);

}

.footer-wrapper a:first-of-type {
    padding-left: 0px;
}

.footer-wrapper a:last-of-type {
    padding-right: 0px;
    border-right: none;
}

.footer-wrapper .menu-wrapper{
    display: flex;
    flex-wrap: wrap;
    max-width: var(--small-width);
    padding: 47px 0 var(--half-standard-spacing) 0;
    width: 100%;
    gap: var(--standard-spacing) 80px;
}

.footer-wrapper .link-wrapper {
    max-width: var(--small-width);
    width: fit-content;
    display: flex;
    justify-content: center;
    height: fit-content;
    border-bottom: 1px solid rgba(var(--lightbluergb), 0.3);
    padding-bottom: 44px;
    flex-direction: column;
    gap: 14px;
}

.footer-wrapper .link-wrapper p{
    margin-bottom: 0px;
}

.footer-wrapper .link-wrapper a, .footer-wrapper .link-wrapper p{
    font-size: 16px;
    opacity: 0.7;
}

.footer-wrapper .footer-info {
    display: flex;
    flex-wrap: wrap;
    max-width: var(--small-width);
    width: 100%;
    padding-bottom: 27px;
    align-items: center;

}


.footer-info span{
    flex: 1;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-wrapper .footer-info img {
    padding-right: 64px;
}

.footer-wrapper img{
    max-width: 100%;
}


.footer-wrapper hr{
    max-width: var(--big-width);
    width: 100%;
    color: #ABC8E7;
    margin: 32px 0;
}

.footer-wrapper .eval-wrapper{
    display: flex;
    gap: 34px;
}

.kennstdueinen{
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: bold;
}


.footer-wrapper .social-links{
    flex: 1;
    display: flex;
    gap: 20px;
    justify-content: right;
}

.footer-wrapper .social-links img{
    padding: 0;
}

.footer-wrapper .legal-wrapper{
    display: flex;
    gap: 20px;
    font-size: var(--smallSize);
    opacity: 0.7;
    color: var(--lightblue);
}
@media screen and (max-width: 1280px){
    .footer-wrapper .menu-wrapper{
        padding-left: var(--standard-spacing);
        padding-right: var(--standard-spacing);
    }
}
/* @media screen and (max-width: 992px){
    .footer-wrapper .link-wrapper{
        width: 45%;
    }
} */

@media screen and (max-width: 768px){
    .footer-wrapper .link-wrapper{
        width: 100%;
    }
}

@media screen and (max-width: 600px){
    .footer-wrapper{
        padding: var(--small-gap) var(--standard-spacing) var(--small-gap) var(--standard-spacing);
    }

    .footer-wrapper .link-wrapper{
        gap: 32px;
        flex-direction: column;
        padding-bottom: 64px;
    }

    .footer-wrapper a{
        border: none;
        padding: 0;

    }

    .footer-wrapper .footer-info{
        gap: 16px;
    }
}
/****************
*** NAV ********
**********/
#header{
    max-width: var(--big-width);
    box-shadow: var(--boxshadow);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 999;
    background: #fff;
}

#header .container-fluid{
    gap: var(--half-standard-spacing);
}

nav.navbar{
    height: 120px;
    align-items: center;
    max-width: var(--small-width);
    width: 100%;
    margin: auto;
    font-weight: 500;
    font-size: var(--smallSize);
    padding: 0;
}

.navbar-brand{
    margin-right: 0;
}

#navbarcontent ul a{
    color: var(--blue);
    font-weight: 500;
    position: relative;
    text-decoration: none;
    padding: 0;
    line-height: 2;
    text-wrap: nowrap;
}

#navbarcontent ul a::after{
    content: none;
}

#navbarcontent .dropdown-item .fa{
    font-size: 12px;
    padding-left: 6px;

}
 
#navbarcontent ul a.active::before, #navbarcontent ul li a:not(.dropdown-item):hover::before{
    content: "";
    height: 4px;
    width: 60px;
    position: absolute;
    background-color: var(--orange);
    bottom: -8px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#navbarcontent ul a:hover, #navbarcontent ul a:active{
    background-color: transparent;
}

#navbarcontent ul .dropdown-menu{
    box-shadow: var(--boxshadow);
    padding: var(--half-standard-spacing) var(--standard-spacing);
    min-width: unset;
    margin-left: -32px;
    margin-top: 40px;
    border: none;
    border-bottom: 8px solid var(--orange);
    border-radius: 0;
    background-clip: border-box;
    font-size: var(--smallSize);
}

.dropdown-item .navtitle{
    font-weight: 400;
}

#navbarcontent ul .dropdown-menu a.activelink .navtitle, #navbarcontent ul a.dropdown-item:hover{
   color: var(--blue);
}

#navbarcontent{
    background-color: #fff;
    padding-left: var(--standard-spacing);
    padding-right: var(--standard-spacing);
}
#navbarcontent .navbar-nav{
    flex: 1;
    justify-content: space-between;
    align-items: center;
}

#navbarcontent:not(.show) .navbar-nav li:last-child a.nav-item {
    background-color: var(--orange);
    color: #fff;
    border-radius: 40px;
    padding:  4px 27px;
} 

.navbar-brand img{
    width: 250px;
    height: auto;
}


nav .telephone{
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 251px;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    height: 54px;
    font-weight: 700;
}

#navbarcontent .telephone a.nav-item{
    position: absolute;
    bottom: -55px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 22px;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: center;
    font-weight: 600;
}

#navbarcontent ul li .telephone a:hover::before {
   content: none;
}

#navbarcontent ul li .telephone a::after{ 
   content: "";
   display: block;
   height: 25px;
   width: 25px;
   background-image: url("../Images/Icons/tel_side.svg");
   background-repeat: no-repeat;
   flex: 0 0 25px;

}


@media screen and (max-width: 1270px){
    #header .container-fluid{
        padding: 0 var(--standard-spacing);
    }
    
}

@media screen and (max-width: 991px){
    #navbarcontent{
        height: 100vh;
        background-color: var(--orange);
        color: #fff;
        width: 100%;
    }

    #navbarcontent .navbar-nav{
        align-items: flex-start;
    }

    nav.navbar{
        height: unset;
    }


    #navbarcontent .navbar-nav .nav-item.dropdown{
        border-bottom: 1px solid rgba(255,255,255, 0.3);
        width: 100%;
        padding-bottom: var(--half-standard-spacing);
    }
    #navbarcontent ul a{
        color: #fff;
    }

    #navbarcontent ul a.active::before, #navbarcontent ul li a:not(.dropdown-item):hover::before {
       content: none;
    }

    #navbarcontent .dropdown-toggle{
        display: flex;
        justify-content: space-between;
    }

    #navbarcontent .dropdown-toggle::after{
        display: inline-block;
        margin-left: 0;
        vertical-align: unset;
        content: "\f078";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        border: unset;
        padding-right: 20px;
        font-size: 16px;
    }

    #navbarcontent .dropdown-toggle.show::after{
        content: "\f077";

    }

    #navbarcontent ul .dropdown-menu {
        box-shadow: none;
        padding: 0  var(--standard-spacing) var(--half-standard-spacing) var(--standard-spacing);
        min-width: unset;
        width: 100%;
        border: none;
        border-radius: 0;
        position: relative;
        margin: 0 0 0 -16px;
        background-color: var(--orange);
    }

    .navbar-brand{
        height: 80px;
        display: flex;
        align-items: center;
        flex: 1;
    }

    #navbarcontent ul .dropdown-menu a.activelink .navtitle, #navbarcontent ul a.dropdown-item:hover{
        color: var(--orange);
    }

    #navbarcontent ul li{
        padding-top: var(--standard-spacing);
    }

}

@media screen and (max-width: 450px) {
    .navbar-brand img{
        max-width: 200px;
        height: auto;
        object-fit: contain;
    }
    span.navtitle{
        display: block;
        text-wrap: pretty;
    }
    
}


/****************
**** STAGE SLIDER ***
******************/

.stageslider-wrapper{
    max-width: var(--big-width);
    width: 100%;
    height: var(--slider-height);
    background-color: var(--orange);
    position: relative;
    overflow: hidden;
    margin-bottom: 49px;
    overflow: hidden;

}

.stageslider-wrapper::after{
    content: "";
    background-color: #001326;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--big-width);
    height: var(--slider-height);
}
.stageslider-wrapper.image{
    height: var(--slider-height);
    margin-top: 120px;
}

.stageslider-wrapper.image img, .stageslider-image img{
    width: 100%;
    height: var(--slider-height);
    object-fit: cover;
}

.stageslider-wrapper .h2{
    font-size: var(--slider-headline);
    margin-bottom: 0;
    color: #fff;
    font-weight: 400!important;
}

.stageslider-wrapper .item-wrapper{
    position: relative;
}

.stageslider-wrapper .stageslider-text{
    background: transparent;
    font-size: var(--normalSize);
    color: #fff;
    max-width: var(--small-width);
    margin: auto;
    width: 100%;
    margin-top: -300px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 3;

}

.stageslider-wrapper .buttonlink{
    margin-top: 24px;
    padding: 5px 18px 6px 16px;
    color: #fff;
    background-color: var(--blue);
}

.stageslider-image{
    position: relative;
}

.stageslider-wrapper .nhcarousel-indicators{
    bottom: 30px;
    position: absolute;
    display: flex;
    z-index: 500;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin: auto;
    width: fit-content;
	display: none;
}

.stageslider-wrapper .nhcarousel-indicators button{
    border-color: #fff;
    background-color: transparent;
}

.stageslider-wrapper .nhcarousel-indicators button.active{
    background-color: #fff;
}


@media screen and (max-width: 992px){
    .stageslider-wrapper{
        display: flex;
        flex-direction: column;
        gap: 24px;
        background-color: #fff;
        height: 100%;
    }

    .stageslider-wrapper .stageslider-text{
        position: relative;
    }

    .stageslider-wrapper .stageslider-image{
        background-color: var(--orange);
    }

    .stageslider-wrapper .nhcarousel-indicators button{
        border-color: var(--blue);
    }
    
    .stageslider-wrapper .nhcarousel-indicators button.active{
        background-color: var(--blue);
    }

    .stageslider-wrapper .stageslider-text::before{
        content: none;
    }

    .stageslider-wrapper .stageslider-text{
        bottom: unset;
        left: unset; 
        padding: 24px 26px 40px 16px;
        width: 100%;
    }

    .stageslider-wrapper .carousel.slide{
        height: 100%;
    }

    .stageslider-wrapper .stageslider-text{
        height: fit-content;
    }
}

@media screen and (max-width: 450px){
    .stageslider-wrapper::after{
        content: none;
    }

    
    .stageslider-wrapper .stageslider-image::after{
        content: "";
        position: absolute;
        top: 90px;
        left: 0;
        width: var(--big-width);
        height: var(--slider-height);
        background-image: url(../Images/slider_bottom_mobile.svg);
        pointer-events: none;
        background-repeat: no-repeat;
    }

    .stageslider-wrapper{
        padding-bottom: 24px;
        margin-bottom: 0;

    }

    .stageslider-wrapper .stageslider-image video, .stageslider-wrapper .stageslider-image img{
        height: var(--slider-height);
        padding-bottom: 32px;
    }
    .stageslider-image .video-button {
        left: 0;
    }


}

/**************
*** ACCORDION **
*****/

.frame-type-shortcut + .accordion-wrapper{
    margin-top: 100px;
}

.accordion-wrapper{
    max-width: var(--big-width);
    width: 100%;
    background-color: var(--lightblue);
    padding-top: 84px;
    position: relative;

}

.accordion-wrapper::before, #c7 .linkbox.img::before{
    content: "";
    background-image: url("../Images/Icons/NH-Icon.png");
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -44px;
    height: 84px;
    width: 84px;
    background-repeat: no-repeat;
    background-size: contain;

}
.accordion-bottom{
    padding: 0px 0px 72px 0px;
}

.accordion-top + .accordion-bottom{
    padding-top: 50px;
}

.accordion-top{
    width: fit-content;
    margin: auto;
}

.accordion-top .h2{
    text-align: center;
}


.accordion-wrapper .content-wrapper{
    max-width: var(--small-width);
    width: 100%;
    margin: auto;

}

.accordion-wrapper .icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    color: var(--orange);
    margin-right: calc(var(--half-standard-spacing) * -1);
}

.accordion-wrapper .accordion-heading:not(.collapsed) .icon i::before{
    content: "\f068";
}

.accordion-wrapper .content-header{
    color: var(--blue);
    margin-bottom: 0;
    flex: 1;
    font-weight: bold;
    
}

.accordion-wrapper .accordion-heading{
    display: flex;
    flex-direction: row;
    font-weight: bold;

    border-bottom: 2px solid var(--orange);
    margin-bottom: var(--half-standard-spacing);
    padding-top: var(--standard-spacing);
    cursor: pointer;
}

.accordion-wrapper .accordion-header{
    font-weight: bold;
    padding: 0 var(--standard-spacing) var(--standard-spacing) var(--standard-spacing);
    font-size: var(--slider-headline);
    text-align: center;
}

.accordion-wrapper .accordion-content{
    padding: var(--standard-spacing) 0;
}

.linkbox.img .solo{
    width: fit-content;
    margin: auto;
    padding-top: 20px;
    padding-bottom: var(--small-gap);
}

/****************
******* ImageText *
********************/

.imagetext-wrapper{
    max-width: var(--big-width);
    margin-bottom: var(--standard-margin);

}

.imagetext-wrapper .text{
    flex: 1;
}

.imagetext-wrapper .content{
    max-width: var(--small-width);
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--smaller-gap);
    align-items: center;

}

.imagetext-wrapper.reverse .content{
    flex-direction: row-reverse;
}

.imagetext-wrapper img{
    max-width: 640px;
    width: fit-content;
    height: auto;
    border-radius: 5px;
}


@media screen and (max-width: 1270px){
    .imagetext-wrapper .content br{
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .imagetext-wrapper .content, .imagetext-wrapper.reverse .content{
        flex-direction: column-reverse;
        max-width: 100%;
        width: fit-content;
        margin: auto;
        gap: 0;
    }

    .imagetext-wrapper .content .text{
        padding-top: var(--smaller-gap);
        flex: 1;
    }

    .imagetext-wrapper img{
        max-width:100%;
    }
    

}

/********
**** FRAME TYPE TEXT ***
*****/

.frame-type-text{
    max-width: var(--big-width);
    width: 100%;
    /* padding-bottom: var(--small-gap); */
    margin-bottom: var(--small-gap);
}

.frame-type-text .text-center a{ 
   margin: auto;
}

.frame-type-text .default-wrapper{
    max-width: var(--small-width);
    width: 100%;
    margin: auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    row-gap: 20px;
    column-gap: 10px;
}

.frame-type-text header, .frame-type-text p{
    max-width: var(--small-width);
    width: 100%;
    /* margin: auto; */
}

.frame-type-text.no-margin{
    padding-bottom: 0;
    margin-bottom: var(--standard-spacing);
}

.bluebox-wrapper{
    max-width: var(--small-width);
    width: 100%;
    margin: auto;
    background-color: var(--blue);
    color: #fff;
    display: flex;
    padding: 50px;
    align-items: center;
    margin-top: -100px;
    z-index: 501;
}

.bluebox-wrapper a{
    background-color: var(--orange);
    color: #fff;
    border-radius: 40px;
    padding: var(--half-standard-spacing) var(--standard-spacing);
    font-size: var(--bigSize);
    height: 60px;
    display: flex;
    align-items: center;
}


.bluebox-wrapper div{
    flex: 1;
    text-align: center;
}


.bluebox-wrapper + p{
    padding-top: var(--standard-spacing);
}

.bluebox-wrapper h2{
    margin-bottom: var(--normalSize);
}


.bluebox-wrapper table, .bluebox-wrapper tr{
    border: none;
    color: #fff;
    width: fit-content;
    margin: auto;

}

.bluebox-wrapper td:not(:last-child){
    padding-right: 30px;
}

@media screen and (max-width: 768px){
    .bluebox-wrapper{
        flex-direction: column-reverse;
        gap: var(--standard-spacing);
        align-items: center;
    }
}
@media screen and (max-width: 450px){
    .frame-type-text{
        margin-bottom: var(--small-gap);
        padding-bottom: 0;
    }

}


/********
*** FRAME TYPE SHORTCUT **/

#entries .frame-type-shortcut{
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 1280px){
    #entries .frame-type-shortcut{
        padding-left: var(--standard-spacing);
        padding-right: var(--standard-spacing);
    }
}
/****************
*** LINKBOX **
**************/

.linkbox-wrapper{
    width: var(--big-width);
    width: 100%;
    margin: auto;
}

.linkbox-wrapper.blue-bg{
    background-color: var(--lightblue);
} 

 .linkbox-wrapper.blue{
    background-color: transparent;
} 

.linkbox {
    max-width: var(--small-width);
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 50px;
    
}

.linkbox .text {
    max-width: var(--small-width);
    max-width: 100%;
    margin: auto;
    padding: 0;
}
#c9 > .linkbox > .text > p {
    max-width: 632px;
    margin: auto;
}
.linkbox .text p:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.linkbox .background {
    margin-top: 40px;
    /* padding: 130px 20px; */
    max-width: 1740px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: var(--small-gap);
}

.linkbox-wrapper.with-img .linkbox .background{
    margin-bottom: var(--smaller-gap);
}

.linkbox .slider-mobil {
    display: none;
}

.linkbox .box-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
    justify-content: center;
    position: relative;
}

.linkbox .box {
    max-width: 380px;
    width: 100%;
    background-color: var(--lightblue);
    color: var(--blue);
    box-shadow: var(--boxshadow);
    display: flex;
    align-items: baseline;
    flex-direction: column;
    padding: 60px 20px 20px 20px;
    position: relative;
    border-radius: 4px;
}

.linkbox:not(.img) .box .hl3, .background .box-wrapper .box > p{
    /* font-weight: bold; */
    text-align: left;
}

.linkbox:not(.img) .box .hl3{
    padding-bottom: 27px;
}

.linkbox:not(.img) .box::after {
    position: absolute;
    content: "";
    top: 0px;
    right: 0px;
    background: url(../Images/Icons/quote.svg); 
    background-repeat: no-repeat;
    background-size: contain;
    height: 130px;
    width: 130px;
    display: block;
}

.linkbox p:last-of-type {
    /* margin-bottom: 40px; */
}

.layout-1 .linkbox.boxes-2 .box {
    max-width: 570px;
}

.linkbox.boxes-2 .box-wrapper {
    gap: 60px;
}


.linkbox.boxes-2 .content p {
    max-width: calc(100% - 40px);
}

.linkbox.boxes-2 .box-image {
    max-width: 570px;
    height: auto;
}

.box-wrapper .box-image{
    max-width: 380px;
    height: 220px;
    object-fit: cover;
    border-radius: 4px;
}


.box-wrapper .box-image.small{
    width: 62px;
    height: 63px;
    object-fit: contain;
    margin-bottom: 28px;
}

.linkbox.boxes-2 .nh-button{
    background-color: var(--orange);
    color: #fff;
    border-radius: 40px;
    padding: var(--half-standard-spacing) var(--standard-spacing);
}

.linkbox-wrapper.with-slide{
    padding-bottom: 1px;
}

/*** imagelinkbox **/


.linkbox-wrapper.with-img{
    background-color: transparent;
}

.linkbox-wrapper.with-img .linkbox{
    padding-top: 0;
}

#entries .linkbox-wrapper.blue-bg{
    background-color: var(--lightblue);
    padding-bottom: 1px;
}

#entries .linkbox-wrapper.blue-bg.with-img{
		padding-top: 75px;
}

.linkbox .content.image{
    background-color: var(--orange);
    position: relative;
    width: 585px;
    height: 252px;
    border-radius: 4px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    padding: 0px;   
    display: flex;
    flex-direction: row;
}

.linkbox .content.image span{
    padding: 42px 5px 42px 42px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.linkbox .content.image span a{
    color: #fff;
    font-size: 16px;
    padding: 0;
    position: absolute;
    left: 42px;
    bottom: 42px;
    font-weight: normal;
    width: fit-content;

}

.linkbox .content.image img{
    align-self: flex-end;
}

.linkbox .content.image .hl3{
    color: #fff;

}

.box-next, .box-prev {
    position: absolute;
    left: -35px;
    width: 52px;
    height: 52px;
    top: 110px;
    /* background-image: url(../images/icons/slider_prev.svg); */
    /* content: '>'; */
    /* background-color: var(--orange); */
    z-index: 3;
    font: var(--fa-font-solid);
    cursor: pointer;
    border-radius: 4px;
    padding: 17px;
    border: 2px solid #EE7623;
    color: #EE7623;
}

.box-next {
    /* background-image: url(../images/icons/slider_next.svg); */
    right: -35px;
    left: auto;
}

.box-next:hover, .box-prev:hover{
    background-color: var(--orange);
    color: #fff;
}

.box-next::before {
    content: "\f054";
}

.box-prev::before {
    content: "\f053";
}

.linkbox .slider .box-wrapper:not(.active) {
    display: none;
}


.linkbox .indicators {
    /* position: absolute; */
    gap: 14px;
    justify-content: center;
    bottom: 170px;
    height: 24px;
    right: 0;
    left: 0;
    z-index: 2;
    display: flex;
}

.linkbox .indicator {
    height: 24px;
    width: 24px;
    border-radius: 4px;
    background-color: var(--blue);
    /* background-image: url(../images/icons/passive-indicator-white.svg); */
    /* background-repeat: no-repeat;
    background-position: center;
    background-color: transparent; */
    list-style: none;
    /* cursor: pointer; */
}

.linkbox .indicator.active {
    /* background-image: url(../images/icons/active_indicator_white.svg); */
    border: 2px solid var(--orange);
    background-color: #F2F6F9;
}

.linkbox.img .box {
    padding: 0;
    box-shadow: none;
    color: var(--blue);
}

.linkbox .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 20px 30px 20px;
    flex: 1;
    width: 100%;
}

.blue-bg .linkbox.content{
    background-color: var(--lightblue);
}
.linkbox .content p {
    /* opacity: 0.6; */
    font-size: 16px;
    max-width: 236px;
}

.linkbox .content h2 {
    font-size: 1.4rem;
}


.linkbox.img{
    position: relative;
}


.linkbox.img .box::before {
    content: none;
}

.spacer + .name{
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: end;
}

.spacer + .name p:first-child{
    font-weight: bold;
    margin-bottom: 5px;
}

@media screen and (max-width: 900px) {
    .linkbox .box-wrapper {
        padding: 0;
    }
    .linkbox .background {
        padding: 60px 0px 130px !important;
    }
    .linkbox .box {
        padding: 60px 53px;
    }
    .linkbox .hl3 {
        padding-bottom: 10px;
    }
    .linkbox .header,
    .linkbox .subheader {
        padding-left: 20px;
        padding-right: 20px;
    }
    .linkbox .box-image {
        max-width: 100%;
        height: auto;
    }
    .linkbox .slider-desktop {
        display: none;
    }
    .linkbox .slider-mobil {
        display: block;
    }
    
    .linkbox .indicators {
        bottom: -16px;
        position: relative;
    }
    
}

@media screen and (max-width: 667px) {

    .linkbox.boxes-2 .box-image {
        max-width: calc(100vw - 40px);
    }

    .linkbox .content.image{
        max-width: 100%;
        width: fit-content;
    }
    
    
}

@media screen and (max-width: 570px) {

    .linkbox.boxes-2 .box-image {
        max-width:80px;
    }
    
    }
/******
*** FORM ***
*****/

.frame-type-form_formframework .default-wrapper header + p{
    max-width: var(--small-width);
    width: 100%;
    margin: auto;
    padding-bottom: var(--smaller-gap);
}

.frame-type-form_formframework header, .frame-type-form_formframework header + p, .frame-type-form_formframework form{
        max-width: var(--small-width);
        width: 100%;
        margin: auto;
}

.frame-type-form_formframework .background-image{
    margin: auto;
    max-width: var(--big-width);
    width: 100%;
}

.frame-type-form_formframework .background-image{
    width: 100%;
    object-fit: cover;
}

.frame-type-form_formframework form{
    background-color: var(--lightblue);
    margin-top: calc(var(--small-gap) * -1);
    position: relative;
    z-index: 2;
    padding: 52px;
    margin-bottom: var(--standard-margin);
    border-radius: 4px;
    box-shadow: 0px 2px 4px 0px #0000002E;
}

.frame-type-form_formframework form .input:not([type="checkbox"]){
    max-width: 576px;
    width: 100%;
}

.frame-type-form_formframework form .input.checkbox {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-top: 20PX;
}

.frame-type-form_formframework form input[type="checkbox"] {
    position: relative;
    z-index: 0;
    left: -20px;
    top:5px;
  }
.frame-type-form_formframework form input[type="checkbox"] + span::after {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 2px solid #E6E9EC;
    background-color: #fff;
    display: block;
    left: -35px;
    top:5px;
    content: "";
    z-index: 5;
    position: relative;
    padding: 4px;
  }
  
.frame-type-form_formframework form input[type="checkbox"] + span,
.frame-type-form_formframework form input[type="checkbox"] + span .required {
    position: absolute;
  }
	

.frame-type-form_formframework form input[type="checkbox"]:checked+span::after {
    background-color: var(--orange);
    font: var(--fa-font-solid);
    content: "\f00c";
    color: #fff;
    border: none;
  }


 .frame-type-form_formframework form .input.checkbox .form-text {
    color: var(--blue);
    font-size: 12px;
}


.frame-type-form_formframework .row {
    justify-content: space-around;
    margin-bottom: 20px;
}


.frame-type-form_formframework label {
    font-weight: bold;
}

.actions{
    margin-top: 20px;
    margin-left: 50px;
}

.frame-type-form_formframework button {
    width: 244px;
    height: 52px;
    background: var(--orange);
    color: #fff;
    border-color: #fff;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    font-weight: bold;
}

.frame-type-form_formframework button:hover {
    color: #fff;
    background-color: var(--blue);
}

.frame-type-form_formframework input:not([type="checkbox"]), .frame-type-form_formframework textarea{
    min-height: 50px;
    padding: 15px;
    border: 2px solid #E6E9EC;
    color: #90a6bd;
}
.frame-type-form_formframework textarea{
    min-height: 123px;
}

.form-control:hover {
    border: 2px solid #EE7623;

}
.form-control:focus {
    border: 2px solid #EE7623;
    -webkit-box-shadow: none;
    box-shadow: none;
  
}

.contactform-wrapper .row:first-child div:first-child .clearfix:first-child p{
    font-size: var(--bigSize);
    font-weight: bold;
}

.contactform-wrapper .row:first-child .clearfix p{
    font-size: 20px;
}


.contactform-wrapper .row .row{
    display: flex;
    gap: 20px;
    flex-direction: row;
    justify-content: right;
}

.contactform-wrapper .row .row div{
    width: fit-content;
}

.contactform-wrapper .row .row > div p{
    font-size: 18px !important;
    font-weight: bold;
}

.contactform-wrapper .row .row > div + div .clearfix:first-child p{
    /* font-size: 16px !important; */
    font-weight: normal !important;
}
/******
**** Frame type image ***
****/
.frame-type-image .ce-center .image{
    text-align: center;
}

.frame-type-image .ce-center .image img{
    max-width: 100%;
    object-fit: contain;
}


@media screen and (max-width:450px){
    .col-6{
        width: 100%;
    }
    .contactform-wrapper .row .row{
        justify-content: left;
    }

    .frame-type-form_formframework .row{
        justify-content: baseline;
    }
}

/*****************
**** SLIDER BOX ****
******************/

.sliderbox {
    max-width: var(--small-width);
    width: 100%;
    padding: 37.5px 50px 72.5px;
    margin: calc(var(--standard-margin) * -1) auto var(--standard-margin) auto;
    z-index: 15;
    position: relative;
    background-color: #fff;
    box-shadow: var(--boxshadow);
    border-radius: 4px;
}

.sliderbox .header {
    margin-bottom: 32px;
    width: fit-content;
}

.sliderbox .header span {
    padding-bottom: 10px;
    line-height: 1.7;
    font-weight: bold;
    font-size: 2rem;
    /* border-bottom: dotted; */
}

.sliderbox .icon-wrapper {
    display: flex;
    /* padding: 0 20px; */
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sliderbox .icon-wrapper .icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: fit-content;
    align-items: center;
    align-self: baseline;
}

.sliderbox .icon-text {
    padding: var(--half-standard-spacing) 0;
    margin: 0;
    line-height: normal;
    font-weight: 420;
    font-size: 1.1rem;
    position: relative;
    border-bottom: 4px solid transparent;
}

.icon-text:hover {
    border-bottom: 4px solid var(--orange);
    cursor: pointer;
}
.sliderbox .icon-text  a{
    color: var(--blue);
}

/* FIXED SIDE */
.fixed-side-wrapper {
    top: 350px;
    position: fixed;
    max-width: var(--big-width);
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 1000;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    white-space: nowrap;
}

.fixed-side {
    float: right;
    height: 50px;
    pointer-events: all;
    overflow: hidden;
    max-width: 50px;
    width: auto;
    display: flex;
    flex-direction: row;
    -webkit-transition: background-color, max-width 0.5s;
    transition: background-color, max-width 0.5s;
    background-color: var(--orange);
    align-items: center;
    font-weight: 400;
    gap: 0 10px;
    border-radius: 0 5px 5px 0;
    text-transform: uppercase;
    color: #fff;
    box-shadow: var(--boxshadow);
}

.gap{
    width: 10px;
}

.fixed-tel,
.fixed-contact,
.fixed-mail,
.fixed-wa {
    flex: 0 0 50px;
    width: 50px;
    height: 25px;
    cursor: pointer;
    background-image: url(../Images/Icons/tel_side.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}

.fixed-side.exp:hover{
    max-width: 300px;
    background-color: #fff;
    color: var(--blue);
    size: 16px;
    width: fit-content;
} 

.fixed-contact{
    background-image: url(../Images/Icons/contact_side.svg);
}

.fixed-mail{
    background-image: url(../Images/Icons/mail_side.svg);
}

.fixed-side.exp:hover .fixed-tel{
    background-image: url(../Images/Icons/tel_side_hover.svg);
}

.fixed-side.exp:hover .fixed-contact{
    background-image: url(../Images/Icons/contact_side_hover.svg);
}

.fixed-side.exp:hover .fixed-mail{
    background-image: url(../Images/Icons/mail_side_hover.svg);
}

#scrollup {
    position: fixed;
    bottom: 100px;
    right: 64px;
    background-color: var(--orange);
    width: var(--smaller-gap);
    height: var(--smaller-gap);
    border-radius: 25px;
    cursor: pointer;
    background-size: 30px;
    color: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(90deg);
}

@media screen and (max-width: 450px) {
    #scrollup{
        right: var(--standard-spacing);
    }
}

#kde-widget{
    max-width: var(--small-width);
    width: 100%;
    margin: auto;
}


/*****
** WalkIn* **
***/
 .walkin-wrapper{
    max-width: var(--small-width);
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0px;
    padding: 50px 0px;
    margin: auto;
    width: fit-content;
 }

 .walkin-wrapper img{
    max-width: 700px;
    width: fit-content;
    object-fit: contain;
 }

 @media screen and (max-width: 700px){
    .walkin-wrapper img{
        max-width: 400px;
        width: 100%;
    }
 }

/** Standard Typo3 */
.image-embed-item {
    height: auto;
    max-width: 100%;
}

/** Location */
.show-location:not(.active) {
    display: none;
}

label[for="new-2411-telephone-1"] span
{
    visibility: hidden;
}

.no-dropdown .dropdown-menu {
    display: none !important;
}

 .modal {
    background: rgba(0, 0, 0, 0.3)
 }
.modal-body button {
    display: block;
    background: rgb(237, 246, 255);
    padding: 5px 10px;
    border: 1px solid rgb(222, 226, 230);
    width: -webkit-fill-available;
    color: #004a98;
}

.modal-body button:hover {
    background: #e05e26;
    color: #fff;
}
.modal:not(.show) {
    display: none;
}
.modal.show {
    display: block;
}
.modal-dialog {
    top: 50%;
    transform: translateY(-50%) !important;
    margin: 0% auto 0 !important;
}