/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
/* Shell Fonts */
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellBold.woff2') format('woff2'),
         url('fonts/ShellBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellBook.woff2') format('woff2'),
         url('fonts/ShellBook.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellBookItalic.woff2') format('woff2'),
         url('fonts/ShellBookItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellCondensedBold.woff2') format('woff2'),
         url('fonts/ShellCondensedBold.woff') format('woff');
    font-weight: bold;
    font-stretch: condensed;
    font-style: normal;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellCondensedLight.woff2') format('woff2'),
         url('fonts/ShellCondensedLight.woff') format('woff');
    font-weight: 300;
    font-stretch: condensed;
    font-style: normal;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellCondensedMedium.woff2') format('woff2'),
         url('fonts/ShellCondensedMedium.woff') format('woff');
    font-weight: 500;
    font-stretch: condensed;
    font-style: normal;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellHeavy.woff2') format('woff2'),
         url('fonts/ShellHeavy.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellLight.woff2') format('woff2'),
         url('fonts/ShellLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellLightItalic.woff2') format('woff2'),
         url('fonts/ShellLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellMedium.woff2') format('woff2'),
         url('fonts/ShellMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Shell';
    src: url('fonts/ShellMediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

@view-transition{
    navigation: auto;
}

:focus {
    outline: auto;
}

:root{
    --Shell-Yellow-200: #FFC600;

    --Shell-Red-500: #DD1D21;

    --Shell-Ocean-50: #EDF7F9;
    --Shell-Ocean-100: #C0E6EC;
    --Shell-Ocean-200: #81CCD9;
    --Shell-Ocean-300: #54B8C8;
    --Shell-Ocean-400: #0097A9;
    --Shell-Ocean-500: #008192;
    --Shell-Ocean-600: #006B7B;
    --Shell-Ocean-700: #00525E;
    --Shell-Ocean-800: #003A44;
    --Shell-Ocean-900: #002E36;

    --Shell-White-100: #FFFFFF;

    --Shell-Grey-50: #F5F5F5;
    --Shell-Grey-100: #E0E0E0;
    --Shell-Grey-200: #C0C0C0;
    --Shell-Grey-300: #AAAAAA;
    --Shell-Grey-400: #919191;
    --Shell-Grey-500: #757575;
    --Shell-Grey-600: #616161;
    --Shell-Grey-700: #4A4A4A;
    --Shell-Grey-800: #343434;
    --Shell-Grey-900: #292929;

    --breakpoint-navi: 980px;
}

html{
    scroll-padding: 150px 0 0 0;
}

body div.et_pb_section.ocean-bg{
    background-image: linear-gradient(180deg, rgba(0, 151, 169, 0.00) 63.67%, var(--Shell-Ocean-400) 100%), linear-gradient(296deg, var(--Shell-Ocean-400) 8.08%, var(--Shell-Ocean-600) 99.65%)!important;
}


body{
    font-family: 'Shell', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-edge: cap;
}

.et_pb_module.et_pb_text{
    font-weight:500;
}

.et_pb_button{
    font-weight:400;
}

h1,h2,h3,h4,h5,h6{
    leading-trim: both;
    text-box-trim: trim-both;
}
/*
h1 { font-size: clamp(40px, 2.5vw, 100px); }
h2 { font-size: clamp(26px, 2vw, 55px); }
h3 { font-size: clamp(22px, 2vw, 30px); }
h4 { font-size: clamp(22px, 2vw, 30px); }
p  { font-size: clamp(18px, 1.5vw, 22px); }
*/
/*plusoverlay*/
.plusoverlay-bottom:after,
.plusoverlay-left:after,
.plusoverlay-center:after,
.plusoverlay-right:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(/wp-content/uploads/plus-graphic.svg);
    background-size: 2540px;
    background-position: center right;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index:1;
}
.plusoverlay-bottom > div,
.plusoverlay-left > div,
.plusoverlay-center > div,
.plusoverlay-right > div
.plusoverlay-left > div{
    position:relative;
    z-index:2;
}
.plusoverlay-center:after{
    background-position: center center;
}

.plusoverlay-bottom:after{
    background-position: bottom center;

}

.plusoverlay-full:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/plus-graphic.svg);
    background-size: 2540px;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    /* z-index:1000; */
    opacity: 0.3;
}
.plusoverlay-bottom:after{
    background-position: center bottom;
}
.plusoverlay-full.plusoverlay-bottom{
    overflow:visible;
}
.plusoverlay-full.plusoverlay-bottom:after{
    top:unset;
    bottom:-150px;
}

.gradient-plus{
    overflow:visible!important;
}
.gradient-plus:before{
    content: '';
    background-image: linear-gradient(261deg, rgba(237, 247, 249, 0.00) 11.49%, var(--Shell-Ocean-400, #0097A9) 99.37%), url(/wp-content/uploads/Plus-Graphic.webp);
    background-position: center, center;
    background-blend-mode: darken, normal;
    /* backdrop-filter: blur(1.850000023841858px); */
    mix-blend-mode: darken;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    backdrop-filter: blur(1.85px);
    -webkit-backdrop-filter: blur(1.85px);
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0) 100%);
}
.gradient-plus:after{
    content: '';
    background-image: url(/wp-content/uploads/plus-graphic.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 2540px;
    width: 100%;
    height: 100%;
    top: 20%;
    left: 0;
    position: absolute;
    z-index: 1;
    opacity: 0.3;
}
.gradient-plus .et_pb_row{
    width:100%;
    max-width:100%;
    overflow:hidden;
    display:flex;
}
.gradient-plus .et_pb_row .et_pb_column.et-last-child{
    width:80%!important;
    max-width:1900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
@media(max-width:980px){
    .gradient-plus:after{
        background-size: 1500px;
    }
    .plusoverlay-bottom:after,
    .plusoverlay-left:after,
    .plusoverlay-center:after,
    .plusoverlay-right:after{
        background-size: 1500px;
    }
}

/*Header START*/
body .header{
    transition: all 0s ease-in-out!important;
}

body.error404 #page-container #et-boc header .header,
body.whiteheader #page-container #et-boc header .header,
body.scrolled #page-container #et-boc header .header{
    background-color: var(--Shell-White-100)!important;
}
body.error404.menu-hover #page-container #et-boc header .header,
body.whiteheader.menu-hover #page-container #et-boc header .header,
body.scrolled.menu-hover #page-container #et-boc header .header{
    background-color: var(--Shell-Ocean-50)!important;
}
header .et_builder_inner_content{
    z-index:100000;
}
header .header .et_pb_row .et_pb_column:nth-child(2){
    width:calc(100% - 676px)!important;
}
header .header .et_pb_row .et_pb_column:first-child{
    width:268px!important;
}
header .header .et_pb_row .et_pb_column:last-child{
    width:398px!important;
}

html[lang="de-DE"] header .header .et_pb_row .et_pb_column:last-child{
    width:412px!important;
}
html[lang="de-DE"] header .header .et_pb_row .et_pb_column:nth-child(2){
    width:calc(100% - 680px)!important;
}
body #page-container header .header .et_pb_button{
    backdrop-filter: blur(10px);
}
body #page-container header .header .et_pb_button:after{
    filter:grayscale(1) brightness(5);
    
}
body.menu-hover #page-container #et-boc header .header .et_pb_button:after,
body.menu-hover #page-container #et-boc header .header .et_pb_button:after,
body.error404 #page-container #et-boc header .header .et_pb_button:after,
body.whiteheader #page-container #et-boc header .header .et_pb_button:after,
body.scrolled #page-container #et-boc header .header .et_pb_button:after{
    filter: unset;
}
body.menu-hover #page-container #et-boc header .et_pb_section.header .et_pb_button,
body.menu-hover #page-container #et-boc header .et_pb_section.header .et_pb_button,
body.error404 #page-container #et-boc header .et_pb_section.header .et_pb_button,
body.whiteheader #page-container #et-boc header .et_pb_section.header .et_pb_button,
body.scrolled #page-container #et-boc header .et_pb_section.header .et_pb_button{
    background-color: rgba(192, 230, 236, 0.35);
    color: var(--Shell-Ocean-700)!important;
}

header .header .et_pb_menu .et_pb_menu__menu .mobile-item{
    display:none!important;
}



header .header .et-menu li.wpml-ls-item{
    display:none!important;
}
header .header .et_mobile_menu li.wpml-ls-item{
    float:right;
    margin-top:-40px;
}
body #page-container #et-boc header .header .et_mobile_menu .wpml-ls-item a{
    border-radius: 31px;
    background: rgba(192, 230, 236, 0.35)!important;
    border: 0px;
    padding: 7px 45px 7px 15px;
    transition: all 0.3s ease-in-out;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    color: var(--Shell-Ocean-700)!important;
}
header .header .et_mobile_menu li.wpml-ls-item a:after{
    content: "";
    background: url(/wp-content/uploads/world-ocean-icon-1.svg);
    border: 0px;
    width: 21px;
    height: 21px;
    top: 10px;
    right: 15px;
    transition: all 0.3s ease-in-out;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
}

.mobile_nav.closed .et_mobile_menu{
    display:none!important;
}


@media(max-width:1780px){
    .et-db #et-boc header #logo{
        max-width: 180px;
    }
    #stickysidebar {
        display:none;
    }
    header .et_pb_menu__menu{
        display:none!important;
    }
    .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
        list-style: none !important;
        text-align: left;
    }
    header .et_mobile_nav_menu{
        display:flex!important;
    }
    header .header .et_pb_row{
        padding-top:19px!important;
    }
    header .header{
        padding-bottom:1px!important;
    }
    header .header .et_pb_row .et_pb_column:last-child{
        display:none!important;
    }
    body #page-container #et-boc header .header .et_pb_row{
        display: flex;
        justify-content: space-between;
        width: 90% !important;
        padding-inline: 0px !important;
    }
    header .header .et_pb_row .et_pb_column:nth-child(2) {
        margin-left: auto;
        width: auto;
        flex: 1 1 auto;
        display: flex;
        justify-content: flex-end;
    }
    header .header .et_pb_row .et_pb_column:first-child {
        flex: 0 0 auto;
    }
    header .header .et_pb_menu .et_pb_menu__wrap{
        justify-content: flex-end;
        width: 40px;
    }
    header .header .mobile_nav .mobile_menu_bar{
        border-radius: 31px;
        background: rgba(0, 58, 68, 0.35);
        backdrop-filter: blur(10px);
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom:20px;
    }
    header .header .mobile_nav .mobile_menu_bar:before{
        background-image: url(/wp-content/uploads/hamburger-icon.svg);
        width: 24px;
        height: 24px;
        left: unset;
        top: unset;
        content: "";
    }
    body.scrolled header .header .mobile_nav .mobile_menu_bar{
        background: rgba(192, 230, 236, 0);
    }
    body.scrolled header .header .mobile_nav .mobile_menu_bar:before{
        background-image: url(/wp-content/uploads/hamburger-ocean.svg);
    }
    body header .header .mobile_nav.opened .mobile_menu_bar{
        background: rgba(192, 230, 236, 0.35);
    }
    body header .header .mobile_nav.opened .mobile_menu_bar:before{
        background-image: url(/wp-content/uploads/close-ocean-icon.svg);
    }
    header .header .et_pb_menu .et_mobile_menu{
        padding:17px 5% 59px 5%;
    }
    .et_mobile_menu li a:hover, .nav ul li a:hover{
        background-color: transparent!important;
    }
    header .header .et_pb_menu .et_mobile_menu .mobile-item a{
        font-size: 14px!important;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 185.714% */
        color:var(--Shell-Grey-900)!important;
        padding:2px 0;
    }
    .call-us-icon{
        margin-top:9px;
    }
    header .header .et_pb_menu .et_mobile_menu .mobile-item a:before{
        content:"";
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-bottom: -4px;
        margin-right: 6px;
    }
    header .header .et_pb_menu .et_mobile_menu .mobile-item.call-us-icon a:before{
        background-image:url(/wp-content/uploads/call-dark-icon.svg);
    }
    header .header .et_pb_menu .et_mobile_menu .mobile-item.chat-icon a:before{
        background-image:url(/wp-content/uploads/chat-dark-icon.svg);
    }
    header .header .et_pb_menu .et_mobile_menu .mobile-item.calendar-icon a:before{
        background-image:url(/wp-content/uploads/calendar-dark-icon.svg);
    }
    header .header .et_pb_menu .et_mobile_menu .mobile-item.download-icon a:before{
        background-image:url(/wp-content/uploads/download-dark-icon.svg);
    }
    header .header .et_pb_menu .et_mobile_menu .mobile-item.linkedin-icon a:before{
        background-image:url(/wp-content/uploads/linkedin-dark-icon.svg);
    }
}
/*Header END*/
/*Navigation*/
body header{
    transition:all .3s;
    opacity:1;
}
body.footer-visible.scrolled header{
    opacity:0;
    pointer-events: none;
}

header .et_pb_row--with-menu,
header .et_pb_column--with-menu,
header .et_pb_column--with-menu .et_pb_module,
header .et_pb_column--with-menu .et_pb_menu_inner_container,
header .et_pb_column--with-menu .et_pb_menu_inner_container,
header .et_pb_column--with-menu .et_pb_menu_inner_container .et-menu.nav > li
{
    position:initial;
}
header .et_pb_column--with-menu .et_pb_menu_inner_container .et-menu.nav > li > .sub-menu{
    pointer-events: none;
    width: 100vw;
    min-height:700px;
    padding:50px 0px 92px 0px;
    left: 0;
    border-top: 0px solid var(--Shell-Ocean-50);
    max-width: 1900px;
    width: 90%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out!important;
    display:none;
}
header .et_pb_column--with-menu .et_pb_menu_inner_container .et-menu.nav > li > .sub-menu > li,
header .et_pb_column--with-menu .et_pb_menu_inner_container .et-menu.nav > li > .sub-menu > li a{
    padding-left: 0px;
}
header .et_pb_column--with-menu .et_pb_menu_inner_container .et-menu.nav > li > .sub-menu:before{
    content: "";
    width: 100vw;
    height: 100%;
    background-color: var(--Shell-Ocean-50);
    background-color: var(--Shell-Ocean-50);
    background-image: url(/wp-content/uploads/plus-graphic.svg);
    background-repeat:no-repeat;
    background-size: 2540px;
    background-position: -52vw -750px;
    transform:rotate(180deg);
    top: 0;
    left: calc(-50vw + 50%);
    position: absolute;
}
header .et_pb_column--with-menu .et_pb_menu_inner_container .et-menu.nav > li.open > .sub-menu,
header .et_pb_column--with-menu .et_pb_menu_inner_container .et-menu.nav > li:hover > .sub-menu{
    pointer-events: all;
    display: grid;
}
header .et_pb_column--with-menu .et_pb_menu_inner_container .et-menu.nav > li > .sub-menu:after{
    content:"";
    background-image:url(/wp-content/uploads/sbrs-navigation-solutions-ev-charging-network.webp);
    background-position: center;
    background-size: cover;
    height:420px;
    width:683px;
    position:absolute;
    right: 0px;
    top: 80px;
    border-radius: 228px;
    object-fit: cover;
}
header .et-menu.nav > li{
    padding-bottom: 42px;
    margin-top:1px!important;
}
header .et-menu.nav > li > a{
    padding:20px;
}
header .et-menu.nav > li > a:hover{
    padding:17px 20px 11px 20px;
}
header .et-menu.nav > li > ul > li > a:hover{
    padding-bottom: 16px;
    padding-top:3px;
}
body #et-boc header.menu-hover .header,
body.mobile_menu_open #page-container #et-boc  header .header{
    background-color: var(--Shell-Ocean-50)!important;
}
body  #page-container #et-boc header.menu-hover .header .et-menu.nav li a,
body.error404 #page-container #et-boc header .header .et-menu.nav li a,
body.whiteheader #page-container #et-boc header .header .et-menu.nav li a,
body.scrolled #page-container #et-boc header .header .et-menu.nav li a{
    color:var(--Shell-Grey-700)!important;
}
body header .header #logo{
    max-height:unset;
}
body header.menu-hover .header #logo img,
body.error404 .header #logo img,
body.whiteheader .header #logo img,
body.scrolled .header #logo img,
body.mobile_menu_open header .header #logo img{
    content:url(/wp-content/uploads/SBRS-Logo-Positive.svg)
}
.et-menu .menu-item-has-children>a:first-child:after{
    content:unset;
}
.et-menu a:hover{
    opacity:1;
}
header .et_pb_menu .et-menu>li{
    padding-left:0px;
    padding-right: 0px;
}
header .et-menu.nav > li.current-menu-item > a:after{
    content: "";
    background-color: var(--Shell-White-100);
    width: 60px;
    height: 2.5px;
    position: absolute;
    margin: 20px 0 0px -30px;
    display: block;
    left: 50%;
    top: 35px;
}
body.scrolled header .et-menu.nav > li.current-menu-item > a:after,
body.menu-hover header .et-menu.nav > li.current-menu-item > a:after{
    background-color: var(--Shell-Ocean-400);
}
header .et-menu.nav > li > .sub-menu{
    /* display: none; */
    box-shadow: unset;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    max-width: 100%;
    opacity:0;
    pointer-events: none;
    margin-top:1px;
}
header .et-menu.nav > li.open > .sub-menu,
header .et-menu.nav > li:hover > .sub-menu{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

header .et-menu.nav > li > .sub-menu > li > a{
    padding-bottom:13px;
}
header .et-menu.nav .sub-menu .sub-menu{
    display: flex;
    position: relative;
    width: auto;
    visibility: visible;
    opacity: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    top: unset;
    left: unset;
    background-color: unset !important;
    padding: 0px !important;
    box-shadow: unset;
}
header .et-menu.nav .sub-menu .sub-menu > li{
    padding: 0px;
}
header .et-menu.nav  li li a{
    width:auto;
}
header .et-menu.nav  li li li a{
    font-weight:400;
    line-height: 30px;
    padding:5px 20px;
}
header .et-menu.nav ul li a:hover{
    background-color: transparent;
}
header .et-menu.nav  li li li a:before{
    content: "";
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    height: 1px;
    width: 0px;
    background-color: var(--Shell-Ocean-400);
    transition: all 300ms ease-in-out;
}
header .et-menu.nav  li li li a:hover:before{
    width:30px;
    margin-right: 5px;
}

header .header .et_pb_menu .et_pb_menu__wrap{
    justify-content: center;
    padding: 0 40px;
}
body.mobile_menu_open:before,
body.menu-hover:before{
    content:"";
    display:block;
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(0, 151, 169,0.85);
    z-index:99;
}

header .header .et_pb_menu__menu .et-menu.nav > li > ul > li > a{
    font-size:30px;
    line-height:40px;
    font-weight:600;
}

.et_mobile_menu a>.plusicon:before {
    content: url(/wp-content/uploads/arrow-right-dark-icon.svg);
    width: 20px;
    height: 20px;
    padding:0 10px;
}
header .header .et_mobile_menu > li > ul{
    display: none !important;
    padding-left: 0px !important;
}
header .header  .et_mobile_menu li.open>ul,
.et_mobile_menu>li.open>.sub-menu {
    display: block !important;
}
.et_mobile_menu .menu-item-has-children>a,
.et_mobile_menu > li > a,
.et_mobile_menu > li > ul > li > a{
    background-color: transparent !important;
    font-weight:600;
}
.et_mobile_menu li a{
    border:0px;
    padding:15px 0;
}
.et_mobile_menu li li{
    padding-left: 0px;
}
header .header .et_mobile_menu{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-top: 0px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    height:auto!important;
}
.admin-bar header .header .et_mobile_menu{
    max-height: calc(100vh - 102px);
}
header .header  .et_pb_fullwidth_menu .et_mobile_menu li ul,
header .header  .et_pb_menu .et_mobile_menu li ul{
    padding-left:0px;
}
header .header  .et_pb_menu .et_mobile_menu .sub-menu .sub-menu{
    padding-bottom:15px;
}
header .header  .et_mobile_menu > li.open > a{
    font-size: 14px!important;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: var(--Shell-Ocean-400)!important;
    padding-left:30px;
    position: relative;
    margin-top: -14px;
}
header .header .et_mobile_menu li.open>a .plusicon:before {
    padding:0px;
    content: url(/wp-content/uploads/arrow-left-ocean-icon.svg);
}
header .header .et_mobile_menu li.open>a .plusicon {
    right: unset;
    left: 0px;
    top: 19px;
    display: flex;
    justify-content: flex-end;
    margin-left: 0px;
    position: absolute;
}
header .header .et_mobile_menu li li .plusicon{
    display:none;
}
.et_mobile_menu li a:hover, .nav ul li a:hover{
    opacity: 1 !important;
}
.et_mobile_menu li li a{
    padding-bottom:10px;
}
.et_mobile_menu li li li a{
    padding: 3px 0;
    font-weight: 400;
    font-size: 22px !important;
}

header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 15px 20px 18px 20px;
    border-radius: 31px;
}
/* @media(max-width:1600px){
    .et_pb_menu__menu{
        display:none;
    }
    .et_mobile_nav_menu{
        display:flex;
    }
} */

/*Navigation END*/
/*Footer START*/

footer .et_pb_row_1-4_3-4 .et-menu.nav{
    max-height:550px; /* maximale Höhe, die du willst */
    column-count: 2; /* gewünschte Anzahl an Spalten */
    column-gap: 0px; /* Abstand zwischen den Spalten */
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
@media(max-width:1600px){
    footer .et_pb_row_1-4_3-4 .et-menu.nav{
        max-height:600px; /* maximale Höhe, die du willst */
    }
}
@media(max-width:1495px){
    footer .et_pb_row_1-4_3-4 .et-menu.nav{
        max-height:650px; /* maximale Höhe, die du willst */
    }
}
footer #menu-footermenue-2 > li,
footer #menu-footermenue-2-de > li{
    width: 50%;
}
footer #menu-footermenue-2,
footer #menu-footermenue-2-de{
    flex-direction: row;
}
footer .footer-menu-col .et-menu.nav > li{
    padding-bottom:31px;
}
footer .footer-menu-col .et-menu.nav > li.menu-item-has-children{
    padding-bottom:30px;
}
footer .et_pb_row_1-4_3-4 .et-menu.nav li{
    break-inside: avoid; /* verhindert, dass ein <li> zerschnitten wird */
    margin-top: 0px;
}
footer .et_pb_row_1-4_3-4 .et-menu.nav>li{
    flex-direction: column;
    width:50%;
}
footer .et_pb_row_1-4_3-4 .et-menu.nav .sub-menu{
    position: relative;
    visibility: visible;
    opacity: 1;
    border: 0px;
    left: unset;
    top: unset;
    margin: 0px;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    width: auto;
    background-color: unset !important;
    display: flex;
    flex-direction: column;
    padding:0px;
}
footer .et_pb_row_1-4_3-4 .et-menu.nav .sub-menu li{
    padding:0px;
}
footer .et_pb_row_1-4_3-4 .et-menu.nav .sub-menu a{
    font-size: 26px!important;
    font-style: normal!important;
    font-weight: 400!important;
    padding:0px 0px;
}
footer .et_pb_row_1-4_3-4 .et-menu.nav.et-menu li li a{
    width:auto;
}
footer .footer-menu-col .et-menu > li  a{
    transition: all 300ms ease-in-out;
}
footer .footer-menu-col .et-menu > li:not(.menu-title) > a:hover{
    transform: translateY(-3px);
}
footer .footer-menu-col .et-menu li a:hover{
    opacity: 1 !important;
}
footer .footer-menu-col .et-menu li li:not(.linked-in) a{
    padding-right:35px!important;
    transition: all 300ms ease-in-out;
}
footer .et-menu li li:not(.linked-in) a:hover{
    padding-right:0px!important;
    background-color: transparent;
}
footer .footer-menu-col .et-menu li li:not(.linked-in) a:before{
    content:"";
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    height: 1px;
    width: 0px;
    background-color: var(--Shell-Ocean-400);
    transition: all 300ms ease-in-out;
}
footer .footer-menu-col .et-menu li li:not(.linked-in) a:hover:before{
    width:30px;
    margin-right: 5px;
}
footer .footer-menu-col .et_pb_menu__wrap,
footer .footer-menu-col .et_pb_menu__menu,
footer .footer-menu-col .et-menu-nav{
    width:100%;
    display: block;
}
footer .linked-in{
    margin-top:10px!important;
    background-color: #0E76A8;
    border-radius:50%;
    width: 60px!important;
    height: 60px;
    
}
footer .linked-in a{
    content:url(/wp-content/uploads/linkedin-icon.svg);
    width: 60px!important;
    height: 60px;
    padding:18px!important;
    display:block;
    background-color: transparent !important;
    transition: all 0.3s ease-in-out;
}
footer .linked-in a:hover{
    background-color: transparent !important;
    opacity: 1 !important;
    padding:15px 18px 21px 18px!important;
}
.metanav{
    margin-left:0px;
}
.metanav li{
    padding:0 40px 0 0!important;
}
.metanav li:first-child{
    padding-left:0px!important;
}
footer .footer-menu-col .et_pb_module{
    width:50%;
}
.footer-menu-col{
    display: flex;
    flex-wrap: wrap;
}
@media(max-width:1300px){
    footer #menu-footermenue-1,
    footer #menu-footermenue-2,
    footer #menu-footermenue-1-de,
    footer #menu-footermenue-2-de{
        max-height: unset;
    }
    footer .et_pb_menu .et_pb_menu__menu #menu-footermenue-1>li,
    footer .et_pb_menu .et_pb_menu__menu #menu-footermenue-2>li,
    footer .et_pb_menu .et_pb_menu__menu #menu-footermenue-1-de>li,
    footer .et_pb_menu .et_pb_menu__menu #menu-footermenue-2-de>li{
        width:100%;
    }
}
@media(max-width:980px){
    /* footer .et_pb_menu .et_pb_menu__menu #menu-footermenue-1>li,
    footer .et_pb_menu .et_pb_menu__menu #menu-footermenue-2>li{
        width:100%;
    } */
    footer .footer-menu-col .et-menu.nav > li > a{
        font-size:26px;
    }
    footer .footer-menu-col .et_pb_module{
        width:50%;
        margin-bottom:0px;
    }
    footer .et_pb_menu .et_pb_menu__menu{
        display: flex!important;
    }
    footer .et_pb_menu .et_mobile_nav_menu{
        display:none!important;
    }

    footer .footer-menu-col .et-menu.nav .sub-menu a{
        font-size: 22px;
        line-height: 26px;
        padding: 3px 0px;
    }
    footer .footer-menu-col .et-menu.nav > li {
        padding-bottom: 6px;
    }
}
@media(max-width:767px){
    footer .footer-menu-col .et-menu.nav > li > a{
        font-size:17px;
    }
    footer .footer-menu-col .et-menu li li:not(.linked-in) a:before{
        margin-bottom: 5px;
    }
    footer #menu-footermenue-2-de > li,
    footer #menu-footermenue-2 > li{
        width: 100%;
    }
    footer .footer-menu-col .et-menu.nav > li.menu-item-has-children{
        padding-bottom:0px;
    }
    footer #menu-footermenue-1-de, footer #menu-footermenue-2-de,
    footer #menu-footermenue-1, footer #menu-footermenue-2{
        flex-wrap: nowrap;
        flex-direction: column;
    }
    footer .et_pb_menu .et-menu-nav>ul ul{
        padding-top:0px;
    }
    footer .footer-menu-col .et-menu.nav > li{
        padding-bottom: 4px;
        padding-left: 0px;
    }
    footer .footer-menu-col .et-menu.nav .sub-menu a{
        font-size: 14px!important;
        line-height: 26px!important;
        font-style: normal!important;
        padding:0px 0px;
    }

    footer .metanav.et_pb_menu--style-left_aligned .et_pb_menu__wrap{
        justify-content: flex-start!important;
    }
    #menu-footer-meta{
        margin-left:0px;
    }
    .metanav li{
        padding:0px 22px 0 0!important;
    }
    footer .linked-in{
        width:40px!important;
        height:40px!important;
    }
    footer .linked-in a{
        content:url(/wp-content/uploads/linkedin-icon.svg);
        width: 40px!important;
        height: 40px;
        padding:10px!important;
    }
    footer .linked-in a:hover{
        padding:7px 10px 13px 10px!important;
    }
    footer #menu-footermenue-2-de .sub-menu, footer #menu-footermenue-1-de .sub-menu,
    footer #menu-footermenue-2 .sub-menu, footer #menu-footermenue-1 .sub-menu{
        padding:0 0 16px 0;
    }
}
@media(max-width:980px){
    footer .footer-menu-col .et_pb_module{
        width:100%;
    }
}
/*Footer END*/

/*icontag*/
.icontag{
    margin-bottom: 10px!important;
}
.icontag .et_pb_blurb_content{
    display: flex;
    align-items: center;
}
.icontag .et_pb_main_blurb_image{
    margin-bottom:0px;
}

/* Sticky sidebar START*/
#stickysidebar {
    pointer-events: none;
}
#stickysidebar .et_pb_button:focus {
    outline-offset: -2px;
    border-radius: 0 31px 31px 0 !important;
}
/*Anpassung damit Tab Reihenfolge funktioniert*/
#stickysidebar .et_pb_row.stickysidebar-row {
    display: flex;
    flex-direction: row;
    pointer-events: all;
    width: fit-content!important;
    height: 60px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 0 auto;
}

#stickysidebar .et_pb_row.stickysidebar-row .et_pb_column:first-child {
    width: 60px;
    height: 60px;
}

/* Ausgangszustand der zweiten Spalte */
#stickysidebar .et_pb_row.stickysidebar-row .et_pb_column:last-child {
    max-width: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap; /* verhindert Umbrüche */
    transition: max-width 300ms ease-in-out, opacity 300ms ease-in-out;
    opacity: 0;
}

/* Hover-Zustand – Spalte zeigt sich */
#stickysidebar .et_pb_row.stickysidebar-row:hover .et_pb_column:last-child,
#stickysidebar .et_pb_row.stickysidebar-row:focus-within .et_pb_column:last-child {
    max-width: 400px; /* genug für den Inhalt */
    opacity: 1;
}

/* Sticky sidebar END*/

/*default button START*/
body .et_pb_module .et_pb_button{
    text-box-trim: trim-both;
}
body .et_pb_module .et_pb_button:after{
    content: url(/wp-content/uploads/arrow-right-icon.svg);
    width: 24px;
    top: calc(50% + 1px);
    right: 22px;
    transform: translateY(-50%);
    display: block;
}
body .et_pb_module .et_pb_button.dark-button:after{
    content:url(/wp-content/uploads/arrow-right-white-24-icon.svg);
}
body .et_pb_module .et_pb_button.button-dark-mode:after{
    content:url(/wp-content/uploads/arrow-right-ocean-200-24px-icon.svg);
}
body .et_pb_module .et_pb_button:hover:after{
    right: 20px;
}
@media(max-width:768px){
    body .et_pb_module .et_pb_button:after{
        transform: scale(0.85) translateY(-50%);
        right: 16px;
        /* top: 23px; */
    }
    body .et_pb_module .et_pb_button:hover:after{
        right: 16px;
    }
    
    body .et_pb_module .et_pb_button {
        font-size: 17px;
        line-height: 17px!important;
    }

    body .et_pb_module .et_pb_button:after {
        font-size: 17px;
    }
}
/*default button END*/
/*download-ocean Button*/
body .et_pb_module .et_pb_button.download-ocean-button:after{
    content:url(/wp-content/uploads/download-ocean-700-icon.svg);
    background-color: inherit;
    border-radius: inherit;
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    display: flex!important;
    position: absolute;
    right: -43px;
    top: calc(50% + 1px);
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    padding-bottom:0px;
    vertical-align: middle;
    opacity:1!important;
}
body .et_pb_module .et_pb_button.download-ocean-button:hover:after{
    padding-bottom:5px;
}
body .et_pb_module .et_pb_button.download-ocean-button{
    vertical-align: middle;
}
/*download-ocean Button END*/
/*download-ocean Button DARK*/
body .et_pb_module .et_pb_button.download-ocean-button-dark:after{
    content:url(/wp-content/uploads/download-white-icon.svg);
    background-color: inherit;
    border-radius: inherit;
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    display: flex!important;
    position: absolute;
    right: -43px;
    top: calc(50% + 1px);
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    padding-bottom:0px;
    vertical-align: middle;
    opacity:1!important;
}
body .et_pb_module .et_pb_button.download-ocean-button-dark:hover:after{
    padding-bottom:5px;
}
body .et_pb_module .et_pb_button.download-ocean-button-dark{
    vertical-align: middle;
}
/*download-ocean Button DARK END*/
/*download-ocean Button DARK*/
body .et_pb_module .et_pb_button.download-dark-button-big:after,
body .et_pb_module .et_pb_button.download-light-dark-button-big:after,
body .et_pb_module .et_pb_button.download-white-button-big:after,
body .et_pb_module .et_pb_button.download-button-big:after{
    content:url(/wp-content/uploads/download-ocean-700-icon.svg);
    background-color: inherit;
    border-radius: inherit;
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    display: flex!important;
    position: absolute;
    right: -63px;
    top: calc(50% + 1px);
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    padding-bottom:0px;
    vertical-align: middle;
    opacity:1!important;
}
body .et_pb_module .et_pb_button.download-dark-button-big:after{
    content:url(/wp-content/uploads/download-ocean-200-icon.svg);
}
body .et_pb_module .et_pb_button.download-light-dark-button-big:after{
    content:url(/wp-content/uploads/download-white-icon.svg);
}
body .et_pb_module .et_pb_button.download-light-dark-button-big:hover:after,
body .et_pb_module .et_pb_button.download-dark-button-big:hover:after,
body .et_pb_module .et_pb_button.download-white-button-big:hover:after,
body .et_pb_module .et_pb_button.download-button-big:hover:after{
    padding-bottom:5px;
}
body .et_pb_module .et_pb_button.download-light-dark-button-big,
body .et_pb_module .et_pb_button.download-dark-button-big,
body .et_pb_module .et_pb_button.download-white-button-big,
body .et_pb_module .et_pb_button.download-button-big{
    vertical-align: middle;
}
@media(max-width:768px){
    body .et_pb_module .et_pb_button.download-light-dark-button-big:after,
    body .et_pb_module .et_pb_button.download-white-button-big:after,
    body .et_pb_module .et_pb_button.download-button-big:after,
    body .et_pb_module .et_pb_button.download-ocean-button-dark:after,
    body .et_pb_module .et_pb_button.download-ocean-button:after,
    body .et_pb_module .et_pb_button.download-dark-button-big:after{
        transform:scale(1) translateY(-50%);
    }
    body .et_pb_module .et_pb_button.download-light-dark-button-big:after,
    body .et_pb_module .et_pb_button.download-dark-button-big:after,
    body .et_pb_module .et_pb_button.download-white-button-big:after,
    body .et_pb_module .et_pb_button.download-button-big:after{
        right:-43px;
    }
}
/*download-ocean Button DARK END*/
/*Double Button*/
body .et_pb_module .et_pb_button.double-button:after{
    backdrop-filter: blur(10px);
    content:"";
    background-color: inherit;
    border-radius: inherit;
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    display: flex!important;
    position: absolute;
    right: -64px;
    left:unset!important;
    margin-left: unset !important;
    top: 50%;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    opacity:1!important;
}
body .et_pb_module .et_pb_button.double-button:hover:after{
    padding-bottom:3px;
}
body .et_pb_module .et_pb_button.button-play{
    backdrop-filter: blur(10px);
}
body .et_pb_module .et_pb_button.button-play:after{
    content:url(/wp-content/uploads/play-icon.svg)!important;
}

body .et_pb_module .et_pb_button.button-chat:after{
    content:url(/wp-content/uploads/chat-ocean-icon.svg)!important;
}
body #page-container #et-boc header .et_pb_section.header .et_pb_module .et_pb_button.button-chat:hover{
    padding:5px 52px 15px 20px!important;
}
body .et_pb_module .et_pb_button.button-chat:hover:after{
    right: 22px!important;
    top: calc(50% - 2px)!important;
}
body .et_pb_module .et_pb_button.button-chat-ocean:after{
    content:url(/wp-content/uploads/chat-ocean-icon.svg)!important;
}

body .et_pb_module .et_pb_button.button-world-ocean:after{
    content:url(/wp-content/uploads/world-ocean-icon.svg)!important;
    top: 8px;
    right: 20px;
}
body .et_pb_module .et_pb_button.button-world:hover:after{
    top: 5px;
}
body .et_pb_module .et_pb_button.scroll-button{
    backdrop-filter:blur(10px);
    font-size: 0px!important;
    height: 80px;
    width: 60px;
    padding: 0px !important;
}
body .et_pb_module a.et_pb_button.scroll-button:hover{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
body .et_pb_module .et_pb_button.scroll-button:focus{
    outline-offset: -2px;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes scroll-icon {
    0% {
        transform: translateY(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    50% {
        transform: translateY(20px);
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
    100% {
        transform: translateY(60px);
        opacity: 0;
    }
}
@media(max-width:768px){

    body #page-container .et_pb_section .et_pb_module .et_pb_button.scroll-button:not(.show-mobile){
        display:none;
    }
}
.benefits-teaser-row .et_pb_module{
    opacity: 0;
}
.et-fb-app-frame .benefits-teaser-row .et_pb_module{
    opacity: 1;
}
.benefits-teaser-row .et_pb_module.animate{
    animation: fade-in 1s ease-in-out forwards;
    /* animation-delay: 1000ms; */
}
.benefits-teaser-row .et_pb_module.animate:nth-child(1){
    animation-delay: 100ms;
}
.benefits-teaser-row .et_pb_module.animate:nth-child(2){
    animation-delay: 200ms;
}
.benefits-teaser-row .et_pb_module.animate:nth-child(3){
    animation-delay: 300ms;
}
.benefits-teaser-row .et_pb_module.animate:nth-child(4){
    animation-delay: 400ms;
}
.benefits-teaser-row .et_pb_module.animate:nth-child(5){
    animation-delay: 500ms;
}
.benefits-teaser-row .et_pb_module.animate:nth-child(6){
    animation-delay: 600ms;
}

body .et_pb_module .et_pb_button.scroll-button:after{
    content:url(/wp-content/uploads/bolt-white-17px-icon.svg)!important;
    top: 0;
    right: 18px;
    opacity: 0;
    animation: scroll-icon 2.5s ease-in-out infinite;
}

@media(max-width:768px){
    @keyframes scroll-icon {
        0% {
            transform: translateY(-10px);
            opacity: 0;
        }
        10% {
            opacity: 1;
        }
        50% {
            transform: translateY(0px);
            opacity: 1;
        }
        90% {
            opacity: 0;
        }
        100% {
            transform: translateY(30px);
            opacity: 0;
        }
    }
    body .et_pb_module .et_pb_button.scroll-button:after{
        animation: scroll-icon 2.5s ease-in-out infinite;
    }
    body .et_pb_module .et_pb_button.double-button:after{
        right: -43px;
        font-size: 26px !important;
        transform: scale(1) translateY(-50%);
    }
    body #page-container .et_pb_section .et_pb_module .et_pb_button.scroll-button{
        font-size: 0px!important;
        width: 40px;
        height:53px;
    }
    body #page-container .et_pb_section .et_pb_module .et_pb_button.scroll-button:after{
        top: 13px;
        right: 9px;
    }
}
/*fixed-sidescroller*/
.fixed-sidescroller{
   position: relative;
   min-height: 70vh;
  overflow: hidden;
}
.fixed-sidescroller .et_pb_row{
  display: flex;
  align-items: center; /* vertikal zentrieren */
  position: absolute;
  left: 35%;
  top: 0;
  height: 100vh;
  z-index: 2;
}
.fixed-sidescroller .et_pb_column{
    display:flex;
    flex-direction:row;
    gap:20px;
}
.fixed-sidescroller .et_pb_column .et_pb_module.et_pb_blurb{
    flex-shrink: 0;
}
.fixed-sidescroller .et_pb_module_header{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    text-wrap: balance;
}
.fixed-sidescroller .et_pb_module_header span{
    width:calc(100% - 40px);
}
.fixed-sidescroller .et_pb_blurb:not(.card-round) .et_pb_module_header span:after{
    content:"";
    background:url(/wp-content/uploads/arrow-right-white-icon.svg);
    width:40px;
    height: 40px;
    display: inline-block;
    margin-left:10px;
    margin-bottom: -7px;
    transition:margin .3s;
}
.fixed-sidescroller .card-round .et_pb_module_header:after{
    content:unset;
}
.fixed-sidescroller .et_pb_blurb{
    transition:margin .3s;
}
.fixed-sidescroller .et_pb_blurb:not(.card-round):hover{
    margin-top:-5px;
}
.fixed-sidescroller .et_pb_blurb .et_pb_module_header span{
    transition:padding .3s;
}
.fixed-sidescroller .et_pb_blurb:not(.card-round):hover .et_pb_module_header span{
    padding-left:3px;
}
.fixed-sidescroller.et_pb_blurb:not(.card-round):hover .et_pb_module_header span:after{
    margin-left: 9px;
}
@media(max-width:768px){
    .fixed-sidescroller {
        position: relative;
        min-height: auto;
        overflow-x: auto;
        height: auto !important;
        padding:0 5%;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
    }
    /* .fixed-sidescroller::after {
        content: "";
        display: inline-block;
        width: 5%;
        height: 1px;
    } */

    /* .fixed-sidescroller .et_pb_module_header:after{
        transform:scale(0.75);
    } */
    .fixed-sidescroller .et_pb_row{
        display: inline-block;
        left: unset!important;
        position: relative!important;
        height: auto!important;
        transform: unset!important;
    }
    .fixed-sidescroller .et_pb_column::after {
        content: "";
        flex: 0 0 5vw;
    }
    .fixed-sidescroller .et_pb_column .et_pb_module:last-child{
        margin-right: -20px;
    }
    .fixed-sidescroller .et_pb_module_header span{
        width:100%;
        text-wrap:balance;
    }
    .fixed-sidescroller .et_pb_blurb:not(.card-round) .et_pb_module_header span:after{
        width: 28px;
        height: 28px;
        background-size: 100%;
    }
}

/*fixed-sidescroller END*/

/*animated h1 START*/

/*Animate before and after line width from 0 to 100%*/
@keyframes line-width {
    0% {
        width: 0;
    }
    100% {
        width: calc(100vw - 10px);
    }
    
}
/*Animate before and after line width from 0 to 100%*/
@keyframes line-width-after {
    0% {
        width: 0;
    }
    100% {
        width: calc(100vw - 10px);
    }
    
}

.et_pb_module.et_pb_heading.animated-headline{
    margin-left: 0px!important;
}
.animated-h1 h1{
    font-size: clamp(40px, 5.5vw, 80px) !important;
    line-height: 1.25em !important;
}
.animated-h1 span,
.animated-h1-ocean span{
    margin-top: clamp(10px, 2vw, 50px);
    font-weight: 400;
    /* margin-top: 50px; */
    margin-top: clamp(10px, 2vw, 50px);
    margin-right: 100px;
    float: left;
}
.animated-headline h2,
.animated-headline h1,
.animated-h1 h1,
.animated-h1 h2,
.animated-h1 span,
.animated-h1-ocean h1,
.animated-h1-ocean h2,
.animated-h1-ocean span{
    position:relative;
    /* display:inline-block; */
    display:inline;
}
.animated-h1-ocean h1{
    font-size:clamp(40px, 5.5vw, 80px) !important;
    line-height:1.25em!important;
}
@-moz-document url-prefix() {
    .animated-headline h1,
    .animated-headline h2,
    .animated-h1 h1,
    .animated-h1 h2,
    .animated-h1 span,
    .animated-h1-ocean h1,
    .animated-h1-ocean h2,
    .animated-h1-ocean span{
        position:relative;
        display:inline-block;
        /* display:inline; */
    }
    .wpml-ls-slot-shortcode_actions a, .wpml-ls-legacy-dropdown-click a{
        padding: 11px 52px 21px 20px!important;
    }
    .wpml-ls-slot-shortcode_actions:hover > a.wpml-ls-link, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover{
        padding: 8px 52px 24px 20px!important;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a.wpml-ls-link::after,
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after,
    .wpml-ls-slot-shortcode_actions a.wpml-ls-link::after{
        top:21px!important;
    }
    .wpml-ls-slot-shortcode_actions:hover > a.wpml-ls-link::after {
        top: 18px!important;
    }
}

.mac .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a.wpml-ls-link::after,
.mac .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after,
.mac .wpml-ls-slot-shortcode_actions a.wpml-ls-link::after{
    top:16.5px!important;
}
.mac .wpml-ls-slot-shortcode_actions:hover > a.wpml-ls-link::after {
    top: 13.5px!important;
}

.mac .wpml-ls-slot-shortcode_actions a,
.mac .wpml-ls-legacy-dropdown-click a{
    padding: 11px 52px 15px 20px!important;
}
.mac .wpml-ls-slot-shortcode_actions:hover > a.wpml-ls-link,
.mac .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
.mac .wpml-ls-legacy-dropdown-click a:focus, 
.mac .wpml-ls-legacy-dropdown-click a:hover{
    padding: 8px 52px 18px 20px!important;
}

.animated-headline h2:before,
.animated-headline h1:before{
    content: "";
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: -100vw;
    top: 100px;
    animation: line-width 1s ease-in-out forwards;
    /* animation-delay: 1s; */
    transition: width 0.3s ease-in-out;
}
.animated-h1 span:before{
    content: "";
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: -100vw;
    top: 20px;
    animation: line-width 1s ease-in-out forwards;
    /* animation-delay: 1s; */
    transition: width 0.3s ease-in-out;
}

.animated-headline h1:before{
    top: 170px;
}

.animated-headline h2:after,
.animated-headline h1:after,
.animated-h1 h2:after,
.animated-h1 h1:after{
    content: "";
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    /* left: calc(100% + 10px); */
    margin-left:10px;
    bottom: clamp(30px, 4vw, 60px);
    animation: line-width-after 1s ease-in-out forwards;
    animation-delay: 2.5s;
    transition: width 0.3s ease-in-out;
}
.animated-headline h1:after{
    bottom: 120px;
}
.animated-h1-ocean span:before{
    content: "";
    width: 0%;
    height: 1px;
    background-color: var(--Shell-Ocean-400);
    position: absolute;
    left: -100vw;
    top: 20px;
    transition: width 0.3s ease-in-out;
}
.animated-h1-ocean.animate span:before{
    animation: line-width 1s ease-in-out forwards;
    animation-delay: 0s;
}
.animated-h1-ocean h2:after,
.animated-h1-ocean h1:after{
    content: "";
    width: 0%;
    height: 1px;
    background-color: var(--Shell-Ocean-400);
    position: absolute;
    left: calc(100% + 10px);
    bottom: clamp(30px, 4vw, 60px);
    transition: width 0.3s ease-in-out;
}
.animated-h1-ocean.animate h2:after,
.animated-h1-ocean.animate h1:after{
    animation: line-width-after 1s ease-in-out forwards;
    animation-delay: 1.5s;
}
@media(min-width:980px){
    .animated-headline h1:before,
    .animated-headline h2:before {
        top: clamp(20px, 8.5vw, 140px);
    }
    .animated-headline h2:after,
    .animated-headline h1:after {
        bottom: clamp(40px, 6vw, 100px);
    }
    .animated-headline .et_pb_heading_container h2.et_pb_module_heading,
    .animated-headline .et_pb_heading_container h1.et_pb_module_heading{
        font-size:clamp(40px, 10vw, 160px);
        line-height:clamp(40px, 10vw, 160px);
    }
    @-moz-document url-prefix() {
        .animated-headline h2:before,
        .animated-headline h1:before {
            top: clamp(20px, 8.5vw, 120px);
        }
        .animated-headline h2:after,
        .animated-headline h1:after {
            bottom: clamp(40px, 6vw, 70px);
        }
    }
}
@media(max-width:980px){
    .animated-headline .et_pb_heading_container h2.et_pb_module_heading,
    .animated-headline .et_pb_heading_container h1.et_pb_module_heading{
        font-size:100px;
        line-height:100px;
    }
    .animated-headline h2:before,
    .animated-headline h1:before{
        top: 90px;
    }
    .animated-headline h2:after,
    .animated-headline h1:after{
        bottom: 63px;
    }
}
@media(max-width:980px){
    .animated-h1-ocean span{
        margin-top: 5px;
        margin-right: 40px;
    }
}
@media(max-width:768px){
    .animated-headline .et_pb_heading_container h2.et_pb_module_heading,
    .animated-headline .et_pb_heading_container h1.et_pb_module_heading{
        font-size:40px;
        line-height:50px;
    }
    .animated-headline h2:before,
    .animated-headline h1:before{
        top: 33px;
    }
    .animated-headline h2:after,
    .animated-headline h1:after{
        bottom: 33px;
    }
    .animated-h1 span,
    .animated-h1-ocean span{
        margin-top: 5px;
        margin-right: 20px;
        float: left;
    }
    .animated-headline h1:after,
    .animated-h1 h2:after,
    .animated-h1 h1:after{
        bottom: 30px;
    }
    .animated-h1-ocean h2:after,
    .animated-h1-ocean h1:after{
        bottom: 30px;
    }

    .animated-h1 span,
    .animated-h1-ocean span{
        padding-top: 8px;
        line-height:26px;
        margin-right: 20px;
        float: left;
    }
}

/*animated h1 END*/

.topline-white .et_pb_module_heading,
.topline .et_pb_module_heading,
.topline-ocean-50 .et_pb_module_heading{
    font-weight:400;
}

.topline .et_pb_text_inner{
    font-weight: 400;
}
.topline .et_pb_text_inner p{
    display:inline-block;
    padding:0;
    margin:0px;
}
.topline .et_pb_text_inner:before {
    content: "";
    width: 80px;
    height: 1px;
    background-color: var(--Shell-Ocean-400);
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
}

.topline .et_pb_module_heading:before{
    content:"";
    width: 80px;
    height: 1px;
    background-color: var(--Shell-Ocean-400);
    margin-bottom: 10px;
    margin-right: 10px;
    display:inline-block;
}

.topline-ocean-50 .et_pb_module_heading:before{
    content:"";
    width: 80px;
    height: 1px;
    background-color: var(--Shell-Ocean-50);
    margin-bottom: 10px;
    margin-right: 10px;
    display:inline-block;
}

.topline-white .et_pb_text_inner,
.topline .et_pb_text_inner{
    display:inline-block!important;
}
.topline-white .et_pb_module_heading:before{
    content:"";
    width: 80px;
    height: 1px;
    background-color: var(--Shell-White-100);
    margin-bottom: 10px;
    margin-right: 10px;
    display:inline-block;
}
.topline-white{
    /* white-space: nowrap; */
}

@media(max-width:768px){
    .topline .et_pb_text_inner:before,
    .topline .et_pb_module_heading:before,
    .topline-white .et_pb_module_heading:before,
    .topline-ocean-50 .et_pb_module_heading:before{
        width: 25px;
        margin-bottom: 8px;
    }
    .topline,
    .topline-white,
    .topline-ocean-50{
        white-space: wrap;
    }
}

.btn-group{
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}


/*Filterable Portfolio*/
.et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_portfolio_filters{
    display:none;
}
.et_pb_filterable_portfolio:not(.contact-portfolio) .filter-scroll-to-top{
    display:none!important;
}
.et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_module_header{
    margin-top:auto!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.et_pb_portfolio_filters ul{
    display: flex;
    justify-content: center;
    gap:10px;
}
.et_pb_portfolio_filters ul:before{
    content:url(/wp-content/uploads/filter-icon.svg);
    width: 24px;
    height: 16px;
    padding:6px 3px;
}
.et_pb_portfolio_filter.et_pb_portfolio_filter_all{
    display:none;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
    border-radius: 30px;
    border: 1px solid #fff;
    background: transparent;
    color:#fff;
    padding:10px 15px 12px 15px;
    font-weight: 500;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{
    background: var(--Shell-Yellow-200);
    color: var(--Shell-Grey-700)!important;
    border-color: var(--Shell-Yellow-200);
    border-radius: 30px;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:after{
    content: "";
    background: url(/wp-content/uploads/filter-close.svg) no-repeat;;
    background-size:100%;
    width: 0px;
    height: 0px;
    margin: 0 0 0 0px;
    opacity:0;
    transition:all .3s;
    display:inline-block;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active:after{
    width: 11px;
    height: 10px;
    margin: 0 0 0px 10px;
    opacity:1;
}

/* .et_pb_filterable_portfolio .et_pb_portfolio_item.active{
    transition:all .3s;
    opacity:0;
    transform: translateY(-30px);
}

@keyframes fade-up{
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.et_pb_filterable_portfolio .et_pb_portfolio_item.active.animate{
    animation: fade-up 1s ease-in-out forwards;
    animation-delay: 500ms;
} */
body .et_pb_filterable_portfolio .et_pb_portfolio_item h2.et_pb_module_header{
    font-size:clamp(17px, 2.5vw, 30px)!important;
    line-height:1.33em!important;
}
.et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_portfolio_item{
    transition:margin .3s;
}
@media (pointer: fine) and (hover: hover) {
    .et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_portfolio_item:hover{
        margin-top:-3px;
        margin-bottom:3px;
    }
}
.et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_portfolio_item:hover .et_pb_module_header{
    text-decoration:underline;
}
.et_pb_portfolio_item a:focus{
    outline-offset: -2px;
    border-radius: 20px;
    padding: 1px !important;
}


.et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_portfolio_items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_portfolio_item {
  flex: 1 1 calc(50% - 10px); /* zwei Spalten */
  box-sizing: border-box;
  max-height: 380px;
  min-height:380px;
}

/* Simuliere Muster */
.et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_portfolio_item:nth-child(3n) {
  flex: 1 1 100%; /* über zwei Spalten */
}

/* .et_pb_portfolio_items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2 , 380px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.grid-6 .et_pb_portfolio_items {
    grid-template-rows: repeat(4 , 380px);
}

.et_pb_portfolio_items .et_pb_portfolio_item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.et_pb_portfolio_items .et_pb_portfolio_item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.et_pb_portfolio_items .et_pb_portfolio_item:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
.grid-6 .et_pb_portfolio_items .et_pb_portfolio_item:nth-child(4) { grid-area: 3 / 1 / 4 / 2; }
.grid-6 .et_pb_portfolio_items .et_pb_portfolio_item:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.grid-6 .et_pb_portfolio_items .et_pb_portfolio_item:nth-child(6) { grid-area: 4 / 1 / 5 / 3; } */

.et_pb_portfolio_item{
    border-radius:20px;
    background:var(--Shell-Ocean-700);
    overflow: hidden;
}
.et_pb_portfolio_item > a{
    display:flex;
    height: 100%;
}
.et_pb_portfolio_item .et_portfolio_image{
    height:100%;
}
.et_pb_portfolio_item .et_portfolio_image:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: linear-gradient(270deg, var(--Shell-Ocean-700, #00525E) 0%, rgba(0, 82, 94, 0.00) 50%);
}
.et_pb_portfolio_item .et_portfolio_image img{
    height:100%;
    width: 100%;
    object-fit: cover;
}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination{
    border-top:0px;
}
.et_pb_portfolio_item > a > div{
    width:50%;
    height:100%;
}
.et_pb_portfolio_item .portfolio-content{
    margin-top: auto;
    padding:45px 50px 45px 0px;
    margin-left: -10px;
    z-index: 1;
    display: flex;
    align-items: flex-end;
} 
.et_pb_portfolio_item .project-categories{
    display:flex; 
    gap:7.5px;
    flex-wrap: wrap;
}
.et_pb_portfolio_item .project-categories .project-category{
    background:rgba(0,118,133,0.3);
    border-radius:10px;
    color: var(--Shell-Ocean-50);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0px 10px 5px;
    display: flex;
    align-items: center;
}

.et_pb_portfolio_item .et_pb_module_header{
    margin-bottom:14px;
    line-height: 44px; /* 146.667% */
    letter-spacing: -0.3px;
    padding-bottom: 0px;
}
.et_pb_portfolio_item .post-date{
    color: var(--Shell-Ocean-50);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom:25px;
}

.category-image{
    margin-top:4px;
    margin-right: 2px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{
    text-align: center;
    margin-top:55px;
}

.et_pb_filterable_portfolio .et_pb_section{
    padding:40px 0px 30px 0px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination a{
    font-weight: 500;
    line-height: normal;
    padding: 0 4px;
}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination a:hover,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination a.active{
    border-bottom: 2.5px solid #fff;
}

.et_pb_filterable_portfolio .filter-scroll-to-top{
    position: fixed;
    background-color: var(--Shell-Yellow-200);
    color: var(--Shell-Grey-900);
    border-radius: 30px;
    padding: 2px 15px 12px 15px;
    font-size: 12px;
    font-weight: 500;
    left: calc(50% - 43px);
    top: 120px;
    line-height: 12px;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
@media(max-width:980px){
    .filter-scroll-to-top.visible {
        opacity: 1;
        pointer-events: auto;
    }
}
.et_pb_filterable_portfolio .filter-scroll-to-top .filter-icon{
    content:"";
    background:url(/wp-content/uploads/filter-grey-icon.svg);
    display:inline-block;
    width: 20px;
    height: 30px;
    margin: 0px 0px -10px 10px;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
    transition:all .3s;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{
    color: var(--Shell-Grey-700)!important;
    background-color: var(--Shell-Yellow-200)!important;
    border-color:var(--Shell-Yellow-200)!important;
    margin-top:-3px;
    margin-bottom:2px;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active:hover{
    color: var(--Shell-Grey-700)!important;
    background-color: var(--Shell-Yellow-200)!important;
}

@media(max-width:1400px){


    .et_pb_filterable_portfolio:not(.contact-portfolio) .et_pb_portfolio_item {
        flex: 1 1 calc(100% - 0px); /* zwei Spalten */
        box-sizing: border-box;
        max-height: auto;
        min-height:auto;
    }

    /* Simuliere Muster */

    /* .et_pb_portfolio_items .et_pb_portfolio_item { grid-area: auto!important; }
    .et_pb_portfolio_items {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, auto);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    } */
    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a,
    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
        border-radius:30px;
    }
}
@media(max-width:768px){
    /* .et_pb_filterable_portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_items .et_pb_portfolio_item .et_pb_module_header{
        font-size:17px!important;
        line-height:26px!important;
    } */
    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li{
        width: auto;
    }
    .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
        border-radius:30px!important;
    }
    .et_pb_portfolio_items {
        grid-template-rows: repeat(1, 430px);
    }
    .et_pb_portfolio_item > a{
        flex-direction: column;
    }
    .et_pb_portfolio_item > a > div:first-child{
        width: 100%;
        height: 60%;
    }
    .et_pb_portfolio_item > a > div:last-child{
        width: 100%;
        height: 40%;
    }
    .et_pb_portfolio_item .et_portfolio_image:before {
        width: 100%;
        height: 100%;
        background: linear-gradient(360deg, var(--Shell-Ocean-700, #00525E) 0%, rgba(0, 82, 94, 0.00) 50%);
    }
    .et_pb_portfolio_item .portfolio-content{
        margin-left: 0px;
        padding:0px 40px 40px 40px;
    }
    .et_pb_portfolio_item .et_pb_module_header{
        margin-bottom: 9px;
        line-height: 44px;
        letter-spacing: -0.3px;
    }
    .et_pb_portfolio_item .post-date {
        font-size: 12px;
        margin-bottom: 16px;
    }
    .et_pb_portfolio_item .project-categories .project-category{
        font-size: 12px;
    }
    .et_pb_filterable_portfolio .et_pb_portfolio_filters{
        margin-bottom:30px;
    }
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a,
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
        padding:7px 12px 9px 12px;
    }
    .et_pb_portfolio_filters ul:before {
        padding: 1px 3px;
    }
    .et_pb_portfolio_filters ul{
        gap:15px;
    }
    .category-image {
        margin-top: 1px;
    }
    .et_pb_portfolio_item .project-categories .project-category{
        padding: 1px 10px 4px;
    }
}
@media (max-width: 479px) {
    .et_pb_portfolio_item {
        margin-bottom: 0px;
    }
}
/*Filterable Portfolio END*/
/*Filterable Portfolio Kontakt*/

.contact-portfolio.et_pb_filterable_portfolio .et_pb_blurb_content .et_pb_main_blurb_image img{
    opacity: 1!important;
}
.contact-portfolio.et_pb_filterable_portfolio .et_pb_section {
    padding:20px 0px 30px 0px;
}
.contact-portfolio .et_pb_portfolio_items {
    display: block;
}
.contact-portfolio .et_pb_portfolio_item .portfolio-content {
    padding: 100px 50px  90px 0px;
}
.contact-portfolio .et_pb_portfolio_item {
    display: flex;
    height: 100%;
    min-height: 400px;
    margin-bottom:20px;
}
.contact-portfolio .et_pb_portfolio_item > div:first-child {
    width: 536px;
}
.contact-portfolio .et_pb_portfolio_item > .portfolio-content {
    width: calc(100% - 536px);
    display: block;
    color:#fff;
}
.contact-portfolio .et_pb_row{
    padding:0px;
    margin: 0px;
}
.contact-portfolio .et_pb_portfolio_item .portfolio-content{
    margin-left:0px;
    padding-left:20px;
}
.contact-portfolio .et_pb_portfolio_item .et_pb_blurb_container .et_pb_module_header a {
    font-size:clamp(18px, 2.0vw, 30px)!important;
    line-height: 40px;
    font-weight: 500;
    word-break: break-word;
}
body .contact-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item .et_pb_module_header{
    padding:0;
    margin: 0px;
    font-size: clamp(18px, 2.5vw, 40px) !important;
    font-weight:600;
    line-height:40px;
}
body .contact-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item .et_pb_module .et_pb_text_inner{
    font-size:clamp(12px, 2.0vw, 30px)!important;
    line-height:1.53em;
    letter-spacing: -0.18px;
}
.contact-portfolio .et_pb_portfolio_item .et_pb_main_blurb_image span{
    padding:5px;
    width:35px;
    height:35px;
    border-radius: 5px;
    background-color: var(--Shell-Ocean-800);
}
.contact-portfolio .et_pb_portfolio_item .et_pb_blurb{
    margin-bottom:10px;
}
.contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_main_blurb_image {
    padding-top: 0px;
}
.contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_blurb_container{
    padding: 0 0 0px 10px;
}

.contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_main_blurb_image{
    margin-bottom:0px;
}
.contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_module_header{
    font-weight:500!important;
    padding-bottom:0px;
}

.contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_blurb_content{
    max-width: 100%;
    display: flex;
    align-items: center;
}

.contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_blurb_content .et_pb_module_header{
    transition:margin .3s;
    display:flex;
    
}
.contact-portfolio .et_pb_portfolio_item .et_pb_blurb:hover .et_pb_blurb_content .et_pb_module_header{
    margin-top:-3px;
    margin-bottom:3px;
}


.et_pb_blurb a:hover{
    text-decoration:underline;
}
@media(max-width:1400px){
    .contact-portfolio .et_pb_portfolio_item .et_pb_row .et_pb_column{
        width:100%;
    }
    .contact-portfolio .et_pb_portfolio_item .et_pb_row .et_pb_column:first-child{
        margin-bottom:20px;
    }
}
@media(max-width:1050px){
    .contact-portfolio .et_pb_portfolio_item {
        max-height: max-content;
    }
    .contact-portfolio .et_pb_portfolio_item .et_portfolio_image:before{
        background: linear-gradient(360deg, var(--Shell-Ocean-700, #00525E) 0%, rgba(0, 82, 94, 0.00) 50%);
    }
    .contact-portfolio .et_pb_portfolio_item > div:first-child {
        width: 100%;
        height: 100%;
    }
    .contact-portfolio .et_pb_portfolio_item > .portfolio-content {
        width: 100%;
    }
    .contact-portfolio .et_pb_portfolio_item{
        flex-direction: column;
    }
    .contact-portfolio .et_pb_portfolio_item .portfolio-content{
            padding: 45px 50px 45px 50px;
    }
}
@media(max-width:768px){
    .contact-portfolio .et_pb_portfolio_item .portfolio-content{
        padding: 0px 40px 40px 40px;
    }
    .et_pb_filterable_portfolio .et_pb_section {
        padding: 30px 0px 20px 0px;
    }
    .contact-portfolio .et_pb_portfolio_item .portfolio-content .et_pb_module_header{
        font-size: 22px !important;
        line-height: 34px!important;
    }
    .contact-portfolio .et_pb_module .et_pb_text_inner{
        letter-spacing: -0.18px;
    }
    .contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_module_header,
    .contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_module_header a{
        font-size:18px!important;
    }
    .contact-portfolio .et_pb_portfolio_item .et_pb_blurb .et_pb_blurb_container {
        padding: 0px 0 0px 10px;
    }
}
/*Filterable Portfolio Kontakt END*/
/*TABS*/
.et_pb_tabs{
    border:0px;
}
ul.et_pb_tabs_controls{
    background-color: transparent;
    border: 2px solid var(--Shell-Grey-100);
    border-radius: 40px;
    padding:18px 20px!important;
    display: inline-block;
}
ul.et_pb_tabs_controls li{
    border-radius: 30px;
    transition: all .3s ease;
}
ul.et_pb_tabs_controls li:hover{
    margin-top:-3px;
    margin-bottom: 3px;
}
ul.et_pb_tabs_controls li:hover,
ul.et_pb_tabs_controls li.et_pb_tab_active{
    background: var(--Shell-Yellow-200);
}
ul.et_pb_tabs_controls li{
    height: 40px !important;
}
ul.et_pb_tabs_controls li a{
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding:5px 20px 10px 20px;
}
ul.et_pb_tabs_controls:after{
    border:0px;
}
.et_pb_tabs_controls li{
    border:0px;
}

@media(max-width:768px){
    ul.et_pb_tabs_controls li{
        float:left;
        height: 30px !important;
    }
    ul.et_pb_tabs_controls{
        padding:8px 10px!important;
        border-radius:25px;
    }
    ul.et_pb_tabs_controls li a{
        font-size:12px;
    }
    ul.et_pb_tabs_controls li a{
        padding:5px 12px 10px 12px;
    }
}

/*TABS END*/
/*Counter*/
.et_pb_number_counter{
    max-width:100%!important;
}
.et_pb_number_counter .percent{
    height: auto;
}
.et_pb_number_counter.et_pb_with_title .percent{
    margin-bottom:20px;
}

.et_pb_tab{
    padding: 0px;
}

#counter-row .et_pb_column_1_2{
    width: 50%;
    padding: 0px;
    margin:0px;
}
#counter-row .et_pb_column_1_2 > div{
    margin:-27px 0 -15px 0;
}
#counter-row .et_pb_column_1_2:first-child{
    padding-right: 50px;
    border-right:2px solid var(--Shell-Grey-100);
}
.counter-white-border .et_pb_column_1_2:first-child{
    border-color:var(--Shell-White-100)!important;
}

#counter-row .et_pb_column_1_2:last-child{
    padding-left: 50px;
}
.et_pb_number_counter .percent p,
#counter-row .percent-value{
    font-size: clamp(26px, 6.0vw, 150px)!important;
    line-height: 1em!important;
}

.et_pb_tab_content{
    padding:67px 0;
}
.et_pb_tab_content .et_pb_section,
.et_pb_tab_content .et_pb_row{
    padding:0px;
}

@media(max-width:768px){
    .et_pb_number_counter.et_pb_with_title .percent{
        margin-bottom:12px;
    }
    #counter-row .et_pb_column_1_2 > div{
        margin:-4px 0 -10px 0;
    }
    .et_pb_number_counter .percent p,
    #counter-row .percent-value{
        font-size: 26px!important;
        line-height: 1em!important;
    }
}
@media(max-width:500px){
    #counter-row .et_pb_column_1_2{
        width: 100%;
        padding: 0px;
        margin:0px;
    }
    #counter-row .percent p,
    #counter-row .percent-value{
        /* font-size:100px; */
        line-height: 1em;
    }
    #counter-row .et_pb_column_1_2 > div{
        margin:0px;
    }
}
@media(max-width:500px){
    .et_pb_tab_content{
        padding:22px 0;
    }
        #counter-row .et_pb_column_1_2 > div{
        margin:0;
    }
    .et_pb_number_counter.et_pb_with_title .percent{
        margin-bottom:8px;
    }
    #counter-row{
        padding:0px;
    }
    #counter-row .percent p,
    #counter-row .percent-value{
        /* font-size:40px; */
        line-height: 1em;
    }
    #counter-row h3.title{
        font-size:18px;
        line-height: 26px;
    }
    #counter-row .et_pb_column_1_2{
        width: 100%;
        padding: 0px;
        margin:0px;
    }
    #counter-row .et_pb_column_1_2:first-child{
        padding-right: 0px;
        border-right:0px solid var(--Shell-Grey-100);
        border-bottom:2px solid var(--Shell-Grey-100);
        padding-bottom: 15px;
    }
    .counter-white-border .et_pb_column_1_2:first-child{
        border-color:var(--Shell-White-100);
    }
    #counter-row .et_pb_column_1_2:last-child{
        padding-left: 0px;
        padding-top: 20px;
    }
}

/*Parallax Scroller*/
.parallax-scroller-controls{
    position:relative;
    bottom:40px;
}
.parallax-scroller .et_pb_row:not(.parallax-scroller-controls){
    background-attachment: fixed;
    background-position: center;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 100px);
    margin-top:-100px;
}
.parallax-scroller .et_pb_row:not(.parallax-scroller-controls):before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/wp-content/uploads/plus-graphic.svg) no-repeat center center;
    background-size:2540px;
    background-attachment:fixed;
    opacity:0.3;
    z-index: 1;
}
.parallax-scroller .et_pb_row:first-child{
    margin-top:0px;
    z-index: 10;
}
.parallax-scroller .et_pb_row:nth-child(2){
    z-index: 9;
}
.parallax-scroller .et_pb_row:nth-child(3){
    z-index: 8;
}
.parallax-scroller .et_pb_row:nth-child(4){
    z-index: 7;
}
.parallax-scroller .et_pb_row:nth-child(5){
    z-index: 6;
}
.parallax-scroller .et_pb_row:nth-child(6){
    z-index: 5;
}
.parallax-scroller .et_pb_row:nth-child(7){
    z-index: 4;
}
.parallax-scroller .et_pb_row:nth-child(8){
    z-index: 3;
}
.parallax-scroller .et_pb_row:nth-child(9){
    z-index: 2;
}
.parallax-scroller .et_pb_row:nth-child(10){
    z-index: 1;
}
.parallax-scroller .et_pb_row.parallax-scroller-controls{
    z-index:11;
}
.parallax-scroller .et_pb_row:nth-last-child(2){
    mask-image: unset;
}
.has_et_pb_sticky .parallax-scroller .et_pb_row:nth-last-child(3){
    mask-image: unset;
}

.parallax-scroller .et_pb_module:not(.et_pb_code){
  opacity: 0;
  /* transform: translateY(40px); */
  transition: opacity 0.2s linear, transform 0.2s linear;
  will-change: opacity, transform;
}

.et-fb-app-frame .parallax-scroller .et_pb_module{
    opacity: 1;
    /* transform: translateY(0); */
}
.parallax-progress-container {
  display: flex;
  flex-direction: row ;
  gap: 20px;
  padding: 10px 0;
}
.parallax-progress-bar {
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
  padding: 0;
  border: none;
  cursor: pointer;
  position: relative;
}
.parallax-progress-bar:focus-visible {
  outline: 2px solid #444;
}
.parallax-progress-fill {
  height: 100%;
  width: 0%;
  background-color: var(--Shell-Yellow-200);
  backdrop-filter: blur(10px);
  transition: width 0.1s ease-out;
}
@media(max-width:980px){
    .parallax-scroller .et_pb_row:not(.parallax-scroller-controls):before{
        background-size:1500px;
    }
}
/*Download Teaser*/
.download-teaser-row{
    gap: 20px;
    display: flex;
}
.download-teaser-row:after{
    content:unset;
}
.download-teaser.et_pb_blurb{
    display: flex;
    align-items: stretch;
}
.download-teaser .et_pb_blurb_content,
.download-teaser .et_pb_image_wrap.et_pb_only_image_mode_wrap{
    height: auto;
}

.download-teaser .et_pb_image_wrap{
    margin:0;
    flex: 1;
}
.download-teaser .et_pb_image_wrap.et_pb_only_image_mode_wrap img{
    object-fit: cover;
    width: 100%;
    height:100%;
}

.download-teaser.et_pb_blurb .et_pb_blurb_description{
    font-weight:400;
}

.download-teaser .et_pb_blurb_content, .download-teaser .et_pb_blurb_content {
    display: flex;
    align-items: stretch;
}

.download-teaser a{
    background:var(--Shell-White-100);
    border-radius: 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding:5px 20px 8px 20px;
    position: relative;
    color: var(--Shell-Ocean-500);
    transition: all 0.3s ease-in-out;
    display: inline-block;
    height: 40px; /* feste Höhe */
    line-height: 30px;
    vertical-align: middle;
    float:right;
    margin-right: 45px;;
}
.download-teaser:hover a{
    padding:5px 17px 8px 23px;
}
.download-teaser a:after{
    content:url(/wp-content/uploads/download-ocean-icon.svg);
    background-color: inherit;
    border-radius: inherit;
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    position: absolute;
    right: -43px;
    top: 0;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    padding-bottom:0px;
}
.download-teaser .et_pb_blurb_container{
    padding:50px 45px 50px 0px;
}
.download-teaser .et_pb_blurb_container,
.download-teaser .et_pb_main_blurb_image{
    width:50%;
    height:auto;
    position: relative;
    margin-bottom:0px;
    display: flex;
}
.download-teaser .et_pb_blurb_container{
    margin-left:-30px;
    width:calc(50% + 30px);
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.download-teaser .et_pb_main_blurb_image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, var(--Shell-Ocean-500, #008192) 4.81%, rgba(0, 137, 155, 0.70) 30.77%, rgba(0, 151, 169, 0.15) 55.88%);
    z-index: 1;
}

.download-teaser{
    transition:margin .3s;
}
.download-teaser:hover{
    margin-top:-5px!important;
    margin-bottom:5px!important;
}
.download-teaser:hover .et_pb_module_header{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
}
.download-teaser a:hover{
    text-decoration:none;
}

@media(max-width:1200px){
    .download-teaser .et_pb_image_wrap.et_pb_only_image_mode_wrap img{
        /* max-height: 380px; */
    }
}
@media(max-width:980px){
    .download-teaser-row {
        gap: 15px;
        display: flex;
        flex-direction: column;
    }
    .download-teaser .et_pb_blurb_container{
        padding: 30px 20px 10px 0px;
    }
    .download-teaser a{
        font-size:0px;
        margin-right: -10px;
        margin-top: -25px;
    }
    .download-teaser a:after{
        right: 0;
        padding-top: 13px;
    }
}
@media(max-width:767px){
    .download-teaser .et_pb_image_wrap.et_pb_only_image_mode_wrap img{
        /* max-height: 140px; */
        height:100%;
    }
    .download-teaser .et_pb_module_header{
        padding-bottom:3px;
    }
    .download-teaser a:after{
        right: 0;
        padding-top: 13px;
    }
}
/*WPML Sprachswitch*/
.wpml-ls-legacy-dropdown-click{
    width: 105px;
}
.wpml-ls-statics-shortcode_actions{
    padding:0px;
    border:0px;
}
.wpml-ls-legacy-list-horizontal>ul{
    padding:0px!important;
}
.wpml-ls-slot-shortcode_actions a,
.wpml-ls-legacy-dropdown-click a{
    border-radius: 31px;
    background: rgba(0, 58, 68, 0.35);
    backdrop-filter: blur(10px);
    border: 0px;
    padding: 9px 52px 19px 20px;
    transition: all 0.3s ease-in-out;
    color:#fff;
    font-size:26px;
}
.wpml-ls-legacy-dropdown-click>ul{
    padding:0px;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a.wpml-ls-link:after,
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
.wpml-ls-slot-shortcode_actions a.wpml-ls-link:after
{
    content:"";
    background:url(/wp-content/uploads/word-icon.svg);
    border:0px;
    width: 21px;
    height: 21px;
    top:19px;
    right:22px;
    transition: all 0.3s ease-in-out;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
    border-top:0px;
    margin-top: 10px;
}

.wpml-ls-slot-shortcode_actions:hover>a.wpml-ls-link,
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover{
    background: rgba(0, 58, 68, 0.35);
    padding: 6px 52px 22px 20px;
    color:#fff;
}
body.scrolled .wpml-ls-slot-shortcode_actions:hover>a.wpml-ls-link,
body.scrolled .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
body.scrolled .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover,
body.error404 .wpml-ls-slot-shortcode_actions:hover>a.wpml-ls-link,
body.error404 .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
body.error404 .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover,
body.whiteheader .wpml-ls-slot-shortcode_actions:hover>a.wpml-ls-link,
body.whiteheader .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
body.whiteheader .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover,
body.menu-hover .wpml-ls-slot-shortcode_actions:hover>a.wpml-ls-link,
body.menu-hover .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
body.menu-hover .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover{
    background-color: rgba(192, 230, 236, 0.35);
    color: var(--Shell-Ocean-700) !important;
}

.wpml-ls-slot-shortcode_actions:hover>a.wpml-ls-link:after{
    top: 16px;
}

.error404 .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.whiteheader .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.scrolled .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.error404 .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover,
.whiteheader .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover,
.scrolled .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover{
    background: rgba(192, 230, 236, 0.35);
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover a.wpml-ls-item-toggle:after{
    top: 16px;
}

body.menu-hover header .wpml-ls-legacy-dropdown-click a,
body.menu-hover header .wpml-ls-slot-shortcode_actions a,
body.error404 header .wpml-ls-legacy-dropdown-click a,
body.whiteheader header .wpml-ls-legacy-dropdown-click a,
body.scrolled header .wpml-ls-legacy-dropdown-click a,
body.error404 header .wpml-ls-slot-shortcode_actions a,
body.whiteheader header .wpml-ls-slot-shortcode_actions a,
body.scrolled header .wpml-ls-slot-shortcode_actions a{
    background-color: rgba(192, 230, 236, 0.35);
    color: var(--Shell-Ocean-700) !important;
}

body.menu-hover header .wpml-ls-slot-shortcode_actions a:after,
body.menu-hover header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
body.error404 header .wpml-ls-slot-shortcode_actions a:after,
body.error404 header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
body.error404 header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
body.whiteheader header .wpml-ls-slot-shortcode_actions a:after,
body.whiteheader header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
body.whiteheader header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
body.scrolled header .wpml-ls-slot-shortcode_actions a:after,
body.scrolled header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
body.scrolled header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
    background:url(/wp-content/uploads/world-ocean-icon-1.svg);
    transition: all .3s;
}


footer .wpml-ls-slot-shortcode_actions a{
    background: rgba(192, 230, 236, 0.35);
    backdrop-filter: blur(10px);
    color:var(--Shell-Ocean-700);
}
footer .wpml-ls-slot-shortcode_actions a.wpml-ls-link:after{
    background:url(/wp-content/uploads/world-ocean-icon-1.svg);
}
@media(max-width:768px){
    footer .wpml-ls-slot-shortcode_actions a{
        font-size:18px;
        padding: 7px 47px 12px 15px;
    }
    footer .wpml-ls-slot-shortcode_actions a.wpml-ls-link:after{
        top: 11px;
        right: 17px;
        transform: scale(0.9525);
    }
}
/*WPML Sprachswitch END*/

/*info-icon-ocean*/


.info-icon-ocean .et_pb_blurb_content{
  display:flex;
  align-items:center;
}
.info-icon-ocean .et_pb_main_blurb_image{
  margin-bottom:0px;
  width:60px!important;
}
.info-icon-ocean .et_pb_blurb_position_left .et_pb_blurb_container{
  padding-left:20px;
}

/*info-icon-ocean ENDE*/
.info-icon-table strong{
    font-weight: 500;
}
.info-icon-table .et_pb_blurb_content{
  display:flex;
  align-items:center;
}
.info-icon-table .et_pb_main_blurb_image{
  margin-bottom:0px;
  width:60px!important;
}
.info-icon-table .et_pb_blurb_position_left .et_pb_blurb_container{
  padding-left:20px;
}
@media(max-width:768px){
    .info-icon-table .et_pb_blurb_container{
        width:calc(100% - 60px);
    }
}
/*info-icon-table ENDE*/
.product-slider {
    overflow: visible;
    padding-top:55px;
}
.product-slider .et_pb_media_alignment_center .et_pb_slide_image{
    top:unset!important;
    width: 100%;
}
.product-slider .et_pb_slide_image img{
    height: 100%;
    max-height: 100% !important;
    object-fit: cover;
    object-position: center;
        width: 100%;
}
.product-slider .et_pb_slide{
    height:100%;
    padding:0px;
}

.product-slider .et_pb_slider_container_inner,
.product-slider .et_pb_slide_image{
    height:100%;
}

.product-slider .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image{
    margin-top:0px!important;
}
.product-slider .et_pb_slide_description{
    display:none;
}
.product-slider .et_pb_slides{
    background: #fff;
    border-radius: 20px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    overflow:hidden;
}
.product-slider .et-pb-controllers{
    display:flex;
    gap:20px;
    position: relative;
    margin-top: 60px;
}
.product-slider .et-pb-controllers a{
    width: 100%;
    height: 3px;
    margin:0px;
    opacity: 1;
}
.product-slider .et-pb-controllers a.et-pb-active-control{
    background-color: var(--Shell-Yellow-200)!important;
}
.product-slider .et-pb-slider-arrows{
    position:absolute;
    top:-5px;
    right: 0px;
}

.product-slider .et-pb-slider-arrows a{
    opacity:1;
    position: relative;
    left:unset;
    right: unset;
}
.product-slider.et_pb_slider .et-pb-arrow-next{
    margin-left:8px;
}
.product-slider.et_pb_slider .et-pb-arrow-prev{
    margin-right:8px;
}
.product-slider.et_pb_slider:hover .et-pb-arrow-next{
    right: unset!important;
    
}
.product-slider.et_pb_slider:hover .et-pb-arrow-prev{
    left: unset!important;
}
.product-slider.et_pb_slider .et-pb-arrow-next:hover{
    margin-right: -3px;
    margin-left:11px;
}
.product-slider.et_pb_slider .et-pb-arrow-prev:hover{
    margin-right: 11px;
    margin-left:-3px;
}

.product-slider .et-pb-arrow-next:before{
    content:url(/wp-content/uploads/slider-arrow-right.svg)
}
.product-slider .et-pb-arrow-prev:before{
    content:url(/wp-content/uploads/slider-arrow-left.svg)
}
.product-slider.product-slider-white .et-pb-arrow-next:before{
    content:url(/wp-content/uploads/slider-arrow-right.svg);
    filter:brightness(5);
}
.product-slider.product-slider-white .et-pb-arrow-prev:before{
    content:url(/wp-content/uploads/slider-arrow-left.svg);
    filter:brightness(10);
}
@media(max-width:980px){
    .product-slider .et_pb_slider_container_inner{
        display: flex!important;
        justify-content: center;
    }
    .product-slider .et_pb_slide_image{
        margin-right: 0px;
    }
}
@media(max-width:768px){
    .product-slider .et-pb-controllers{
        margin-top: 20px;
    }
    .et_pb_slide_image, .et_pb_slide_video {
        display: block !important;
    }
}



/*et_pb_accordion START*/
.et_pb_module.et_pb_accordion .et_pb_toggle{
    margin-bottom:20px;
    padding:8px 30px 12px 30px;
}

.et_pb_module.et_pb_accordion .et_pb_section{
    background:transparent;
    padding:0px;
    margin:0px;
}

.et_pb_module.et_pb_accordion .et_pb_toggle .et_pb_toggle_title{
    transition:all .3s;
}
.et_pb_module.et_pb_accordion .et_pb_toggle:hover .et_pb_toggle_title{
    margin-top:-3px;
    margin-bottom:3px;
}
.et_pb_module.et_pb_accordion .et_pb_toggle .et_pb_toggle_title:before{
    content:url(/wp-content/uploads/arrow-right-ocean-35px-icon-3.svg)!important;
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    justify-content: center;
    align-items: center;
    display: flex!important;
    transition:all .3s;
}
.et_pb_module.et_pb_accordion .et_pb_toggle:hover .et_pb_toggle_title:before {
    transform: rotate(90deg);
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    transform: rotate(90deg);
}
/* .et_pb_module.et_pb_accordion .et_pb_toggle.et_pb_toggle_open:hover .et_pb_toggle_title:before {
    transform: rotate(-90deg);
} */

.et_pb_accordion .et_pb_main_blurb_image{
    margin-bottom:0px;
}
.et_pb_accordion .et_pb_module_header{
    padding-bottom:0px;
}
.et_pb_accordion .et_pb_blurb_content{
    max-width: 100%;
    display: flex;
    align-items: center;
}
.et_pb_accordion .et_pb_row{
    gap:20px;
}
.et_pb_accordion .et_pb_row:after{
    content:unset;
}
@media(max-width:768px){
    .et_pb_module.et_pb_accordion .et_pb_toggle{
        padding: 12px 30px 11px 30px;
    }
    .et_pb_module.et_pb_accordion .et_pb_toggle .et_pb_toggle_title:before{
        transform: scale(0.75);
    }
    .et_pb_module.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before{
        transform: rotate(90deg) scale(0.75);
    }
    .et_pb_toggle_content .et_pb_row.accordeon-contact-row .et_pb_text_inner{
        font-size:18px!important;
        line-height: 32px!important;
        margin-bottom:20px!important;
    }
    .et_pb_accordion .et_pb_blurb .et_pb_blurb_content .et_pb_module_header{
        font-size: 22px!important;
        line-height: 34px!important;
    }
}

/*et_pb_accordion END*/
.et_pb_video_overlay_hover:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(227deg, rgba(0, 58, 68, 0.0) 15.3%, #006B7B 108.47%);
    z-index: 1;
}
.et_pb_video_overlay_hover .et_pb_video_play{
    margin-left: 0px;
    margin-top: 0px;
}
.et_pb_video_play:before{
    content:url(/wp-content/uploads/play-white-80px-icon.svg)!important;
    width: 140px;
    height: 140px;
    padding: 20px;
    background: rgba(0, 58, 68, 0.35);
    backdrop-filter: blur(10px);
    border-radius: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
}
.et_pb_video_play_button {
    display: block;
    position: absolute;
    z-index: 100;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-top:130px;
    border-radius: 31px;
    background: rgba(0, 58, 68, 0.35);
    backdrop-filter: blur(10px);
    border:0px;
    padding:10px 20px;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition:all .3s;
}
.et_pb_video_overlay_hover:hover .et_pb_video_play_button{
    padding: 7px 20px 13px 20px;
}
@media(max-width:768px){
    .et_pb_video_play:before{
        transform: translate(-50%, -50%) scale(0.75);
    }
    .et_pb_video_play_button {
        margin-top:100px;
        padding:7px 20px;
        font-size: 17p x;
        display:none;
    }
}
@media(max-width:550px){
    .et_pb_video_play:before{
        transform: translate(-50%, -50%) scale(0.4);
    }
    .et_pb_video_play_button {
        margin-top:60px;
    }
}

/*VIDEO END*/
/*Contact Form*/

.et_pb_contact_field_checkbox label a{
    margin-left:6px;
}
.et_contact_bottom_container{
    margin-top:14px!important;
}
.et_pb_contact_form .et_pb_contact_field .et_pb_contact_form_label{
    display:block;
    color:var(--Shell-White-100);
    margin-bottom:14px;
    padding-left: 30px;
    font-size: 26px;
    font-weight: 500;
}

.et_pb_contact_form_container .input[type="checkbox"]+label{
    display: flex;
    align-items: center;
}
.et_pb_contact_form_container .input[type="checkbox"]+label i{
    width: 60px;
    height: 60px;
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
    top: 3px;
}
.et_pb_contact p input[type=checkbox]:checked+label i{
    background-color: var(--Shell-Yellow-200);
}
.et_pb_contact p input[type=checkbox]:checked+label i:before{
    content: "";
    background: url(/wp-content/uploads/checkmark-grey-60px-icon.svg);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.et_pb_contact_field[data-type=select]:after{
    background-image: url(/wp-content/uploads/arrow-down-ocean-35px-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 35px;
    height: 35px;
    border: 0px;
    bottom: 5px;
    right: 22px;
    top: unset;
}
@media(max-width:768px){
    .et_pb_contact_form .et_pb_contact_field .et_pb_contact_form_label{
        font-size:22px;
    }
}
/*Timeline*/
.et_pb_heading.timeline-header{
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    width: 100%;
    max-width: 100% !important;
}
.timeline-header:after{
    content: "";
    height: 1px;
    width: 50%;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 50px;
}

@media(max-width:980px){
    .timeline-header:after{
        display:none;
    }
}


/*testimonial*/
.testimonial .et_pb_column:first-child:after{
    background-image: linear-gradient(90deg, rgba(0, 129, 146, 0) 41%, #008192 94%);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}
@media(max-width:1500px){
    .testimonial{
        flex-direction:column;
    }
    .testimonial .et_pb_column{
        width:100%!important;
    }
    .testimonial .et_pb_column:first-child{
        min-height:600px;
    }
    .testimonial .et_pb_column:first-child:after{
        background-image: linear-gradient(180deg, rgba(0, 129, 146, 0) 41%, #008192 94%);
    }
    .testimonial .et_pb_column:last-child{
        padding:80px 50px;
    }
}
/*row 20 gap*/
.row-20-gap{
    display:flex;
    gap: 20px;
}
.row-20-gap:after{
    content:unset;
}

/*Certificate images*/
.vertical-teaser-col {
    display: flex;
    flex-direction: column;
    transition:margin .3s;
}
.vertical-teaser-col:hover {
    margin-top:-3px;
    margin-bottom:3px;
}
.vertical-teaser-col:hover .et_pb_text_inner{
    text-decoration:underline;
}
.vertical-teaser-col .et_pb_text{
    height:132px;
    position: relative;
    display: flex;
    align-items: flex-end;
    font-size:clamp(17px, calc(1.1865vw + 13.624px), 30px);
    line-height:1.4667em!important;
}
.vertical-teaser-col .et_pb_text .et_pb_text_inner{
    margin-top:auto!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    position:absolute;
}
.vertical-teaser-col:hover .et_pb_text .et_pb_text_inner{
    overflow: visible;
    -webkit-line-clamp: unset; /* number of lines to show */
    line-clamp: unset;
    -webkit-box-orient: unset;
}
.vertical-teaser-col .et_pb_button{
    line-height: 1.2em !important;
}

.certificate-image{
  aspect-ratio:1;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius: 20px;
}
/*Vertical Teaser*/
@property --gradientColor1 {
  syntax: '<color>';
  initial-value: #008192;
  inherits: false;
}

@property --gradientColor2 {
  syntax: '<color>';
  initial-value: rgba(0, 129, 146, 0.0);
  inherits: false;
}

.teaser-vertical-image .et_pb_image_wrap:after{
  content:"";
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background: linear-gradient(0deg, var(--gradientColor1), var(--gradientColor2) 50%);
  /* background: linear-gradient(0deg, #008192 0%, rgba(0, 129, 146, 0.0) 50%); */
  transition: --gradientColor1 .3s, --gradientColor2 .3s;
}
.vertical-teaser-col:hover .teaser-vertical-image .et_pb_image_wrap:after{
    --gradientColor1: #008192;
    --gradientColor2: rgba(0, 129, 146, 0.5);
}
/* .teaser-vertical-image:hover:after{
    background-image: linear-gradient(0deg, #008192 0%, rgba(0, 129, 146, 0.5) 50%);
} */
.teaser-vertical-image .et_pb_image_wrap{
    width:100%;
    max-height: 380px;
    height: 100%;
    display:block;
}
.teaser-vertical-image .et_pb_image_wrap img{
    width:100%!important;
    object-fit: cover;
    height: 100%;
    max-height:380px;
}
.vertical-teaser-col .et_pb_module.et_pb_text{
    font-weight: 600!important;
}
.teaser-vertical-image+div.et_pb_module{
    margin-top:-10px;
}
@media(max-width:1400px){
    .teaser-vertical-image .et_pb_image_wrap{
        max-height: 260px;
    }
    .teaser-vertical-image .et_pb_image_wrap img{
        max-height:260px;
    }
    .teaser-vertical-image+div.et_pb_module{
        margin-top:-62px;
    }
}
@media(max-width:1280px){
    .teaser-vertical-image+div.et_pb_module{
        margin-top:-18px;
    }
    .teaser-vertical-image .et_pb_image_wrap{
        max-height: 205px;
    }
    .teaser-vertical-image .et_pb_image_wrap img{
        max-height:205px;
    }
}
@media(max-width:768px){
    .teaser-vertical-image+div.et_pb_module{
        margin-top:-59px;
    }
    .teaser-vertical-image .et_pb_image_wrap{
        max-height: 176px;
    }
    .teaser-vertical-image .et_pb_image_wrap img{
        max-height:176px;
    }
} 
@media(max-width:320px){
    .teaser-vertical-image+div.et_pb_module{
        margin-top:-59px;
    }
    .teaser-vertical-image .et_pb_image_wrap{
        max-height: 150px;
    }
    .teaser-vertical-image .et_pb_image_wrap img{
        max-height:150px;
    }
}
@media(max-width:768px){
    .vertical-teaser-col{
        padding: 0px 30px 30px 30px!important;
    }
}
/*Vertical Teaser END*/
.et_pb_toggle_content .et_pb_row.accordeon-contact-row{
    width: 100%!important;
    padding:0px;
}
.et_pb_toggle_content .et_pb_row.accordeon-contact-row .et_pb_text_inner{
    color: var(--Shell-Ocean-800);
    font-size: 26px;
    line-height: 40px; /* 153.846% */
    font-weight:400;
}
.contact-cta-row img{
    object-fit:contain!important;
    object-position: bottom!important;
}
.contact-cta-row:before{
    content: "";
    background-image: linear-gradient(263deg, rgba(0, 151, 169, 0) 31%, #008192 67%);
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: inherit;
}

.et_pb_toggle_content .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{
    width:30px;
}
.et_pb_toggle_content .et_pb_blurb_content .et_pb_module_header a{
    /* font-size:clamp(18px, 2vw, 26px)!important; */
    font-size:26px!important;
}
.et_pb_toggle_content .et_pb_blurb_content .et_pb_module_header{
    display:flex;
}
.et_pb_toggle_content .et_pb_blurb_content .et_pb_module_header a{
    transition: margin .3s;
}
.et_pb_toggle_content .et_pb_blurb_content:hover .et_pb_module_header a{
    margin-top:-3px;
    margin-bottom:3px;
}

.et_pb_toggle_content .et_pb_blurb {
    margin-bottom: 0px!important;
}
.et_pb_toggle_content{
    padding:8px 0 27px 0;
}

@media(max-width:980px){
    .et_pb_toggle_content .et_pb_row .et_pb_column:first-child{
        margin-bottom:20px;
    }
    .et_pb_toggle_content .et_pb_blurb {
        margin-bottom: 5px!important;
    }
    .row-20-gap{
        display:flex;
        flex-wrap: wrap;
    }
    .row-20-gap .et_pb_column_1_4{
        width: calc(50% - 20px)!important;
    }
    .contact-cta-row{
        display: flex;
        flex-direction: column-reverse;
    }
    
    .contact-cta-row .et_pb_image{
        position:relative;
    }
    .contact-cta-row:before{
        content: "";
        background-image: none;
        mix-blend-mode: unset;
    }
    .contact-cta-row .et_pb_image:after{
        content:"";
        display:block;
        width:100%;
        height:100%;
        position: absolute;
        top:0px;
        left:0px;
        background-image: linear-gradient(180deg, rgba(0, 151, 169, 0) 70%, #008192 100%);
    }
    .contact-cta-row .topline-white .et_pb_module_heading:before{
        width: 25px;
    }
}
@media(max-width:768px){
    .et_pb_toggle_content .et_pb_row .et_pb_column:first-child{
        margin-bottom:0px;
    }
    .et_pb_toggle_content .et_pb_blurb_content .et_pb_module_header a{
        font-size:18px!important;
    }
}
@media(max-width:580px){
    
    .row-20-gap .et_pb_column_1_4{
        width: calc(100%)!important;
    }
}

.two-columns-text{
  columns:2;
  columns-gap:20px;
  font-weight:500;
}

.customer-story{
    transition:transform .3s;
}
.customer-story:hover{
    transform:translateY(-3px);
}
.customer-story:hover h2.et_pb_module_heading{
    text-decoration:underline;
}
.customer-story .et_pb_module.et_pb_text{
    font-size:clamp(17px, calc(1.1865vw + 13.624px), 30px)!important;
    line-height:1.4667em!important;
}

@media(max-width:980px){
    .two-columns-text{
        columns:1;
        columns-gap:0px;
    }
    .customer-story{
        display: flex;
        flex-direction: column-reverse;
    }
    .testimonial .et_pb_column_empty,
    .customer-story .et_pb_column_empty{
        height: 300px;
        display: block;
    }
    .tablet-reverse-row{
        display: flex;
        flex-direction: column-reverse;
    }
}
@media(max-width:768px){
    .customer-story .et_pb_column:first    {
        padding:40px;
    }
    .customer-story .et_pb_column:first .et_pb_text{
        margin-bottom:30px;
    }
    .mobile-reverse-row{
        display: flex;
        flex-direction: column-reverse;
    }
}

.addplus .percent-value:before{
    content:"+";
}

/*Benefits teaser*/
.benefits-teaser-row .et_pb_column{
    display:flex;
    flex-wrap: wrap;
    gap:20px;
}
.benefits-teaser-row:after{
    content:unset;
}
.benefits-teaser-row .et_pb_column .et_pb_module{
    width: calc(33.3333333% - 14px);
}
@media(max-width:1280px){
    .benefits-teaser-row .et_pb_column .et_pb_module{
        width: calc(50% - 10px);
    }   
}
@media(max-width:980px){
    .benefits-teaser-row .et_pb_column .et_pb_module{
        width: 100%;
    }   
}
@media(max-width:1600px){
    .break-2-1600{
        display: flex;
        flex-wrap: wrap;
    }
    .row-20-gap.break-2-1600 .et_pb_column{
        width: calc(50% - 10px) !important;
    }
}
@media(max-width:1400px){
    .break-2-1400{
        display: flex;
        flex-wrap: wrap;
    }
    .row-20-gap.break-2-1400 .et_pb_column{
        width: calc(50% - 10px) !important;
    }
    .break-1400,
    .row-20-gap.break-1400{
        display: flex;
        flex-wrap: wrap;
    }
    .break-1400 .et_pb_column,
    .row-20-gap.break-1400 .et_pb_column{
        width: 100%!important;
    }
}
@media(max-width:1280px){
    .break-2-1280{
        display: flex;
        flex-wrap: wrap;
    }
    .row-20-gap.break-2-1280 .et_pb_column{
        width: calc(50% - 10px) !important;
    }
}

.accessible-link:focus {
  text-indent: 0;
  outline: 2px solid auto; /* oder dein Fokusstil */
  background: rgba(255, 255, 255, 0.8); /* falls du visuelles Feedback willst */
}

@media(max-width:1200px){
    .break-2-1200{
        display: flex;
        flex-wrap: wrap;
    }
    .row-20-gap.break-2-1200 .et_pb_column{
        width: 50%!important;
    }
    .break-1200,
    .row-20-gap.break-1200{
        display: flex;
        flex-wrap: wrap;
    }
    .break-1200 .et_pb_column,
    .row-20-gap.break-1200 .et_pb_column{
        width: 100%!important;
    }
}
@media(max-width:980px){
    .row-20-gap.break-2-1600 .et_pb_column,
    .row-20-gap.break-2-1400 .et_pb_column{
        width: 100% !important;
    }
}
@media(max-width:768px){
    .row-20-gap.break-2-1200 .et_pb_column{
        width: 100%!important;
    }
}
.wpa-test-msg{
    display: inline-block;
}


.otgs-development-site-front-end{
    display:none!important;
}

.et_pb_row{
    z-index:2;
}

.gradient-plus .et_pb_row{
    z-index:2;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn,
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn{
    background: var(--Shell-Yellow-200);
    backdrop-filter: blur(10px);
    border-radius: 31px;
    padding: 18px 20px 21px 20px;
    transition: all 0.3s ease-in-out;
    color: #1d232a;
    font-size:26px;
    font-style: normal;
    font-weight: 400;
}
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover,
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn:hover {
    background: var(--Shell-Yellow-200);
    color: #1d232a;
    padding: 15px 20px 24px 20px;
}

@media(max-width:768px){
    body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn,
    body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn{
        font-size:17px;
        padding: 8px 20px 11px 20px;
    }
    body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover,
    body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn:hover {
        padding: 5px 20px 14px 20px;
    }
}

@media(min-width:981px){
    .content-center{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}


.et_pb_video_box iframe{
    width:100%;
    aspect-ratio:16/9;
    height: auto;
}