body #shiftnav-toggle-main {
display: none;
}
.mm_header_new{  background: linear-gradient(to right, #101079 0%, #0056a1 50%, #101079 100%) !important;
background-position: center 100%;
background-size: 100% 200%;
position: fixed;
width: 100%;
z-index: 999;
top: 0;
left: 0; }
.mm_header_new.active {
background-color: #fff;
}
.mm_header_new.scrolled {
background-position: center 0;
}
.header_container_menu ul{
list-style:none;
display:flex;
margin:0;
padding:0;
}
.header_container_menu ul:not(.sub-menu) > li{
margin-right:54px;
color: #fff; -webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.mm_header_new.active .header_container_menu ul li,
body[data-title="Referenzen"] .mm_header_new:not(.scrolled) .header_container_menu ul li,
body[data-title="Impressum"] .mm_header_new:not(.scrolled) .header_container_menu ul li,
body[data-title="Datenschutzerklärung"] .mm_header_new:not(.scrolled) .header_container_menu ul li {
color: #6c6c6c;
}
.mm_header_new.active .header_container_menu ul.menu > li {
position: relative;
z-index: 2;
} .mm_header_new .header_container_menu ul.menu > li.menu-item-has-children > .menu-item-link:before {
top: -6px;
}
.mm_header_new.active .header_container_menu ul.menu > li > .menu-item-link:hover:before,
.mm_header_new.active .header_container_menu ul.menu > li.current-menu-item > .menu-item-link:before {
opacity: 1;
}
.header_container_menu ul li .menu-item-link {
display: inline-block;
position: relative;
z-index: 1;
cursor: pointer;
} .header_container_menu ul.menu > li.menu-item-has-children {
font-family: Nexa-Regular, sans-serif;
font-weight: 400;  }
.header_container_menu ul.menu > li.menu-item-has-children > .menu-item-link {
padding-right: 16px;
}
.header_container_menu ul.menu > li.menu-item-has-children > .menu-item-link:after {
content: '<';
font-family: Nexa-Regular, sans-serif;
font-size: 15px;
font-weight: 400;
position: absolute;
right: 0;
top: 7px;
writing-mode: vertical-rl;
line-height: 7px;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-ms-transition: -ms-transform .4s;
-o-transition: -o-transform .4s;
transition: transform .4s;
}
.header_container_menu ul.menu > li.menu-item-has-children > .menu-item-link:hover:after {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.header_container_logo{
width:182px;
}
.header_container_logo a {
display: block;
}
.header_container_logo svg { fill: #e2f9ff;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.header_container_logo a:hover svg {
fill: #8fa9bd;
}
.mm_header_new.active .header_container_logo svg {
fill: #0055A9;
}
.header_container_menu ul:not(.sub-menu) > li:last-child{
margin-right:45px;
}
.header_inner{
display:flex;
justify-content: space-between;
align-items: center;  padding: 21px 0;
-webkit-transition: padding .6s;
-moz-transition: padding .6s;
-ms-transition: padding .6s;
-o-transition: padding .6s;
transition: padding .6s;
}
.mm_header_new.scrolled .header_inner {
padding: 26px 0;
}
.header_inner .header_inner_left {
position: relative;
display: flex;
align-items: center;
gap: 0 20px;
z-index: 3;
}
.header_inner .header_inner_left .header_project_back_button {
display: inline-flex;
position: relative;
}
.header_inner .header_inner_left .header_project_back_button > span {
background: rgba(255,255,255,.1);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform .6s cubic-bezier(0.4, 0, 0, 1), color .6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: -moz-transform .6s cubic-bezier(0.4, 0, 0, 1), color .6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: -ms-transform .6s cubic-bezier(0.4, 0, 0, 1), color .6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: -o-transform .6s cubic-bezier(0.4, 0, 0, 1), color .6s cubic-bezier(0.4, 0, 0, 1);
transition: transform .6s cubic-bezier(0.4, 0, 0, 1), color .6s cubic-bezier(0.4, 0, 0, 1);
}
.header_inner .header_inner_left .header_project_back_button_container.back_button_mobile {
display: none;
}
.header_inner .header_inner_left .header_project_back_button .header_project_back_icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 30.5px;
height: 30.5px;
border-radius: 50%;
}
.header_inner .header_inner_left .header_project_back_button .header_project_back_icon.icon_hover,
.header_inner .header_inner_left .header_project_back_button:hover .header_project_back_icon.icon_normal {
-webkit-transform: scale3d(0,0,1);
-moz-transform: scale3d(0,0,1);
-ms-transform: scale3d(0,0,1);
-o-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
}
.header_inner .header_inner_left .header_project_back_button .header_project_back_icon.icon_hover {
position: absolute;
top: 0;
right: 0;
}
.header_inner .header_inner_left .header_project_back_button:hover .header_project_back_icon.icon_hover {
-webkit-transform: scale3d(1,1,1) translate3d(0,0,0);
-moz-transform: scale3d(1,1,1) translate3d(0,0,0);
-ms-transform: scale3d(1,1,1) translate3d(0,0,0);
-o-transform: scale3d(1,1,1) translate3d(0,0,0);
transform: scale3d(1,1,1) translate3d(0,0,0);
}
.header_inner .header_inner_left .header_project_back_button .header_project_back_icon svg {
width: 12px;
fill: #fff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: fill .6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: fill .6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: fill .6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: fill .6s cubic-bezier(0.4, 0, 0, 1);
transition: fill .6s cubic-bezier(0.4, 0, 0, 1);
}
.header_inner .header_inner_left .header_project_back_button .header_project_back_text {
display: inline-block;
padding: 10px 16px 8px;
border-radius: 35px;
color: #fff;
font-size: .7815rem;
line-height: 1;
}
.header_inner .header_inner_left .header_project_back_button:hover .header_project_back_text {
-webkit-transform: translate3d(-30.5px, 0, 0);
-moz-transform: translate3d(-30.5px, 0, 0);
-ms-transform: translate3d(-30.5px, 0, 0);
-o-transform: translate3d(-30.5px, 0, 0);
transform: translate3d(-30.5px, 0, 0);
}
.header_inner .header_inner_right {
display: flex;
align-items: center;
}
.header_inner .header_inner_right .mM_button {
background: #f67939;
border: 1px solid rgba(246, 121, 57, 0.3);
}
.header_inner .header_inner_right .mM_button {
border-color: #f67939;
}
.header_inner .header_inner_right .mM_button:active,
.header_inner .header_inner_right .mM_button:focus,
.header_inner .header_inner_right .mM_button:visited {
color: #fff;
}
.header_inner .header_inner_right .mM_button:hover {
color: #f67939;
}
.header_inner .header_inner_right .mM_button_effect_elem span {
background: #fff;
}
.header_inner .header_inner_right .header_hamburger_icon_container {
display: none;
padding: 4px 0;
padding-left: 40px;
margin-top: -8px;
border-left: 1px solid #fff;
margin-left: 45px;
-webkit-transition: border-color .4s;
-moz-transition: border-color .4s;
-ms-transition: border-color .4s;
-o-transition: border-color .4s;
transition: border-color .4s;
}
.mm_header_new.scrolled .header_inner .header_inner_right .header_hamburger_icon_container {
border-left-color: transparent;
}
.mm_header_new.active .header_inner .header_inner_right .header_hamburger_icon_container,
body[data-title="Referenzen"] .mm_header_new:not(.scrolled) .header_inner .header_inner_right .header_hamburger_icon_container,
body[data-title="Impressum"] .mm_header_new:not(.scrolled) .header_inner .header_inner_right .header_hamburger_icon_container,
body[data-title="Datenschutzerklärung"] .mm_header_new:not(.scrolled) .header_inner .header_inner_right .header_hamburger_icon_container {
border-left-color: #6c6c6c;
}
.header_inner .header_inner_right .header_hamburger_icon {
display: flex;
flex-wrap: wrap;
width: 23px;
gap: 5px;
cursor: pointer;
position: relative;
}
.header_inner .header_inner_right .header_hamburger_icon:after {
content: '';
width: 61px;
height: 61px;
border-radius: 50%;
background: #f4f4f4;
position: absolute;
left: -19px;
top: -19px;
-webkit-transform: scale(0);
-webkit-transform-origin: center;
-moz-transform: scale(0);
-moz-transform-origin: center;
-ms-transform: scale(0);
-ms-transform-origin: center;
-o-transform: scale(0);
-o-transform-origin: center;
transform: scale(0);
transform-origin: center;
-webkit-transition: -webkit-transform .6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: -moz-transform .6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: -ms-transform .6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: -o-transform .6s cubic-bezier(0.4, 0, 0, 1);
transition: transform .6s cubic-bezier(0.4, 0, 0, 1);
}
.mm_header_new.scrolled .header_inner .header_inner_right .header_hamburger_icon:after {
opacity: .1;
width: 51px;
height: 51px;
left: -14px;
top: -14px;
}
.header_inner .header_inner_right .header_hamburger_icon:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.header_inner .header_inner_right .header_hamburger_icon .header_hamburger_dot {
width: 4px;
height: 4px;
display: inline-block;
position: relative;
z-index: 2;
background: #fff;
border-radius: 50%;
-webkit-transition: background .4s, -webkit-transform .4s, width .4s, opacity .4s;
-moz-transition: background .4s, -moz-transform .4s, width .4s, opacity .4s;
-ms-transition: background .4s, -ms-transform .4s, width .4s, opacity .4s;
-o-transition: background .4s, -o-transform .4s, width .4s, opacity .4s;
transition: background .4s, transform .4s, width .4s, opacity .4s;
}
.mm_header_new.active .header_inner .header_inner_right .header_hamburger_icon .header_hamburger_dot,
body[data-title="Referenzen"] .mm_header_new:not(.scrolled) .header_inner .header_inner_right .header_hamburger_icon .header_hamburger_dot,
body[data-title="Impressum"] .mm_header_new:not(.scrolled) .header_inner .header_inner_right .header_hamburger_icon .header_hamburger_dot,
body[data-title="Datenschutzerklärung"] .mm_header_new:not(.scrolled) .header_inner .header_inner_right .header_hamburger_icon .header_hamburger_dot {
background: #6c6c6c;
}
.header_inner .header_inner_right .header_container_menu { }
.header_burger_menu_icon,
.header_container_close_button{
cursor:pointer;
}
.mm_header_new .header_main_desktop .sub-menu-wrapper{
position: absolute;
top: -55px;
left: 0;
background: rgba(23, 60, 166, 0.7);
width: 100%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 2;
display: none;
}
.mm_header_new .header_main_mobile .header_container_mobile_hamburger_menu .sub-menu:not(.second_level_submenu) {
display: none;
}
.mm_header_new .header_main_desktop .menu > li > .sub-menu-wrapper > .sub-menu {   display: flex !important;     width: 100%;
height: 100%; padding-top: 204px;
padding-bottom: 31px;  }   .mm_header_new .header_main_desktop .sub-menu li {
color: #6c6c6c;
}
.mm_header_new .header_main_desktop .sub-menu li .header_menu_subitem_content_container {
display: flex; width: 100%;
cursor: pointer;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
} .mm_header_new .sub-menu li .header_menu_subitem_content_container .header_menu_content_text_container {
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.mm_header_new .sub-menu li .header_menu_subitem_content_container:hover .header_menu_content_text_container,
.mm_header_new .sub-menu li .header_menu_subitem_content_container.open .header_menu_content_text_container {
color: #0055A9;
}
.mm_header_new .sub-menu li .header_menu_subitem_content_container .header_menu_content_text p {
margin-bottom: 0;
font-family: Nexa-Regular, sans-serif;
font-weight: 400;
}  .mm_header_new .header_main_desktop .sub-menu.second_level_submenu {
position: absolute;
width: 300px;
right: 0;
top: 43px;
padding-top: 23px;
padding-left: 50px;
}
.mm_header_new .header_main_desktop .sub-menu.second_level_submenu .second_level_title {
color: #0055a9;
margin-bottom: 14px;
}
.mm_header_new .header_main_desktop .sub-menu.second_level_submenu .menu-item-link {
font-family: Nexa-Regular, sans-serif;
font-weight: 400;
display: flex;
}
.mm_header_new .header_main_desktop .sub-menu.second_level_submenu > li:not(:last-child) {
margin-bottom: 10px;
}
.mm_header_new .header_main_desktop .sub-menu.second_level_submenu .menu-item-link svg {
width: 6px;
margin-left: 10px;
fill: #6c6c6c;
}
.menu_item_img{
width: 100px;
height: auto;
}
.header_main_mobile_content{
width: 100vw;
right: 0;
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
-webkit-transform: translateY(-100vh);
-moz-transform: translateY(-100vh);
-ms-transform: translateY(-100vh);
-o-transform: translateY(-100vh);
transform: translateY(-100vh);
overflow: hidden;
top: 0;
height: 100vh;
z-index: 9;
color: #fff;
position: absolute;
background-color: #181d22;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.header_main_mobile_content.open{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header_main_mobile_content .header_main_mobile_background {
position: absolute;
bottom: 0;
right: -145px;
width: 60%;
opacity: .03;
}
.header_main_mobile_content .header_main_mobile_background svg {
fill: #fff;
}
.header_main_mobile_content .header_main_mobile_content_top,
.header_main_mobile_content .header_main_mobile_content_middle,
.header_main_mobile_content .header_main_mobile_content_bottom {
position: relative;
z-index: 3;
}
.header_main_mobile_content .header_main_mobile_content_top {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 40px;
}
.header_main_mobile_content .header_main_mobile_content_top_2 {
display: flex;
align-items: center;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .mm_header_button {
line-height: .6;
}
.mm_header_button svg {
fill: #fff;
width: 15px;
min-width: 15px;
height: 11px;
min-height: 11px;
margin-top: -2px;
margin-left: 7px;
}
.header_inner_right .mm_header_button svg {
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-top: 0;
margin-left: 0;
}
.header_main_mobile_content .mM_button {
background: #f67939;
border-color: #f67939;
color: #fff;
}
.header_main_mobile_content .mM_button:active,
.header_main_mobile_content .mM_button:visited,
.header_main_mobile_content .mM_button:focus {
color: #fff;
}
.header_main_mobile_content .mM_button:hover {
color: #f67939;
}
.header_main_mobile_content .mM_button .mM_button_effect_elem span {
background: #fff;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button {
position: relative;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button:after {
content: '';
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(108,108,108,.5);
position: absolute;
left: -11px;
top: -11px;
-webkit-transform: scale(0);
-webkit-transform-origin: center;
-moz-transform: scale(0);
-moz-transform-origin: center;
-ms-transform: scale(0);
-ms-transform-origin: center;
-o-transform: scale(0);
-o-transform-origin: center;
transform: scale(0);
transform-origin: center;
-webkit-transition: -webkit-transform .6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: -moz-transform .6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: -ms-transform .6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: -o-transform .6s cubic-bezier(0.4, 0, 0, 1);
transition: transform .6s cubic-bezier(0.4, 0, 0, 1);
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button .header_container_close_icon {
position: relative;
width: 18px;
height: 18px;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button .header_container_close_icon:before,
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button .header_container_close_icon:after {
content: '';
width: 22px;
height: 3px;
background: #f4f4f4;
border-radius: 1.5px;
position: absolute;
left: 2px;
top: 0;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left center;
-moz-transform: rotate(45deg);
-moz-transform-origin: left center;
-ms-transform: rotate(45deg);
-ms-transform-origin: left center;
-o-transform: rotate(45deg);
-o-transform-origin: left center;
transform: rotate(45deg);
transform-origin: left center;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button .header_container_close_icon:after {
left: auto;
right: 0;
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: right center;
-moz-transform: rotate(-45deg);
-moz-transform-origin: right center;
-ms-transform: rotate(-45deg);
-ms-transform-origin: right center;
-o-transform: rotate(-45deg);
-o-transform-origin: right center;
transform: rotate(-45deg);
transform-origin: right center;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button:hover .header_container_close_icon:before,
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button:hover .header_container_close_icon:after {
background: #f67939;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close {
padding: 6px 0;
padding-left: 44px;
border-left: 1px solid #f4f4f4;
margin-left: 46px;
}
.header_main_mobile_content .header_main_mobile_content_middle,
.header_main_mobile_content .header_main_mobile_content_middle_2,
.header_main_mobile_content .header_main_mobile_content_bottom,
.header_main_mobile_content .header_main_rechtliches_container,
.header_main_mobile_content .header_main_rechtliches_container ul,
.header_main_mobile_content .header_main_desktop_social_container {
display: flex;
align-items: center;
}
.header_main_mobile_content .header_main_mobile_content_middle_1,
.header_main_mobile_content .header_main_mobile_content_middle_2 {
max-width: 100%;
flex: 0 0 auto;
width: 50%;
}
.header_main_mobile_content .header_main_mobile_content_bottom {
justify-content: space-between;
align-items: flex-end;
padding-bottom: 42px;
}
.header_container_mobil_menu ul{
list-style:none;
margin:0;
padding:0;
}
.header_main_mobile_content .header_main_mobile_content_top_1,
.header_main_mobile_content .header_main_mobile_content_top_2 {
opacity: 0;
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0, 1);
-webkit-transition-delay: .4s;
-moz-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -moz-transform .5s cubic-bezier(0.4, 0, 0, 1);
-moz-transition-delay: .4s;
-ms-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -ms-transform .5s cubic-bezier(0.4, 0, 0, 1);
-ms-transition-delay: .4s;
-o-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -o-transform .5s cubic-bezier(0.4, 0, 0, 1);
-o-transition-delay: .4s;
transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), transform .5s cubic-bezier(0.4, 0, 0, 1);
transition-delay: .4s;
}
.header_main_mobile_content.open .header_main_mobile_content_top_1,
.header_main_mobile_content.open .header_main_mobile_content_top_2 {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header_main_mobile_content .header_container_hamburger_logo a {
display: inline-block;
}
.header_main_mobile_content .header_container_hamburger_logo a svg {
fill: #fff;
width: 182px;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.header_main_mobile_content .header_container_hamburger_logo a:hover svg {
fill: #f67939;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > li:not(.main) {
padding-left: 36px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main {
margin-bottom: 27px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu li {
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-ms-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu li.hover_disabled {
opacity: .4;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu li .menu_item_wrapper {
opacity: 0;
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0, 1);
-webkit-transition-delay: .3s;
-moz-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -moz-transform .5s cubic-bezier(0.4, 0, 0, 1);
-moz-transition-delay: .3s;
-ms-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -ms-transform .5s cubic-bezier(0.4, 0, 0, 1);
-ms-transition-delay: .3s;
-o-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -o-transform .5s cubic-bezier(0.4, 0, 0, 1);
-o-transition-delay: .3s;
transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), transform .5s cubic-bezier(0.4, 0, 0, 1);
transition-delay: .3s;
}
.header_main_mobile_content.open .header_main_mobile_content_middle_1 .menu .menu_item_wrapper {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link {
display: inline-flex;
cursor: pointer;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_counter {
font-size: .75rem;
display: inline-block;
margin-right: 18px;
margin-top: -8px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_title {
font-size: 3.4375rem;
font-family: Nexa-Heavy, sans-serif;
font-weight: 700;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > li:not(.main) .menu_item_link .menu_item_title {
font-size: 1.25rem;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > li:not(.main):not(:last-child) {
margin-bottom: 17px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .career .menu_item_wrapper {
display: flex;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .career .menu_item_wrapper .menu_jobs_count {
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1;
margin-bottom: 0;
font-size: .78125rem;
color: #181d22;
width: 18px;
height: 18px;
border-radius: 50%;
background: #f67939;
padding-top: 4px;
padding-right: 2px;
margin-left: 5px;
margin-top: -10px;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 {
gap: 0 100px;
opacity: 0;
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0, 1);
-webkit-transition-delay: .3s;
-moz-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -moz-transform .5s cubic-bezier(0.4, 0, 0, 1);
-moz-transition-delay: .3s;
-ms-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -ms-transform .5s cubic-bezier(0.4, 0, 0, 1);
-ms-transition-delay: .3s;
-o-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -o-transform .5s cubic-bezier(0.4, 0, 0, 1);
-o-transition-delay: .3s;
transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), transform .5s cubic-bezier(0.4, 0, 0, 1);
transition-delay: .3s;
}
.header_main_mobile_content.open .header_main_mobile_content_middle_2 {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address {
font-size: .9375rem;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address p {
margin-bottom: 0;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address .header_mobile_address_title {
color: #a8a9aa;
font-family: Nexa-Bold, sans-serif;
font-weight: 600;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address .header_mobile_address_city {
margin-bottom: 55px;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address .header_mobile_address_phonemail {
display: inline-block;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address .header_mobile_address_phonemail span {
display: inline-block;
position: relative;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address .header_mobile_address_phonemail span:after {
content: '';
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 1px;
background: currentcolor;
-webkit-transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform: scaleX(0);
-moz-transform-origin: right center;
-ms-transform: scaleX(0);
-ms-transform-origin: right center;
-o-transform: scaleX(0);
-o-transform-origin: right center;
transform: scaleX(0);
transform-origin: right center;
-webkit-transition: -webkit-transform .6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: -moz-transform .6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: -ms-transform .6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: -o-transform .6s cubic-bezier(0.4, 0, 0, 1);
transition: transform .6s cubic-bezier(0.4, 0, 0, 1);
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address .header_mobile_address_phonemail svg {
fill: #f67939;
width: 18px;
margin-right: 8px;
margin-top: -3px;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 .header_main_mobile_content_address .header_mobile_address_phonemail:hover span:after {
-webkit-transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform: scaleX(1);
-moz-transform-origin: left center;
-ms-transform: scaleX(1);
-ms-transform-origin: left center;
-o-transform: scaleX(1);
-o-transform-origin: left center;
transform: scaleX(1);
transform-origin: left center;
}
.header_main_mobile_content .header_main_mobile_content_bottom_1,
.header_main_mobile_content .header_main_mobile_content_bottom_2 {
opacity: 0;
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0, 1);
-webkit-transition-delay: .1s;
-moz-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -moz-transform .5s cubic-bezier(0.4, 0, 0, 1);
-moz-transition-delay: .1s;
-ms-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -ms-transform .5s cubic-bezier(0.4, 0, 0, 1);
-ms-transition-delay: .1s;
-o-transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), -o-transform .5s cubic-bezier(0.4, 0, 0, 1);
-o-transition-delay: .1s;
transition: opacity .8s cubic-bezier(0.4, 0, 0, 1), transform .5s cubic-bezier(0.4, 0, 0, 1);
transition-delay: .1s;
}
.header_main_mobile_content.open .header_main_mobile_content_bottom_1,
.header_main_mobile_content.open .header_main_mobile_content_bottom_2 {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header_main_mobile_content .header_main_mobile_content_bottom_1 .header_main_rechtliches_container {
color: #a8a9aa;
font-size: .9375rem;
gap: 0 40px;
}
.header_main_mobile_content .header_main_rechtliches_container ul li:not(:last-child) {
padding-right: 27px;
position: relative;
}
.header_main_mobile_content .header_main_rechtliches_container ul li:not(:last-child):after {
content: '-';
font-family: Nexa-Regular, sans-serif;
font-size: .9375rem;
color: #a8a9aa;
font-weight: 400;
position: absolute;
right: 9px;
top: 0;
}
.header_main_mobile_content .header_main_rechtliches_container ul li a {
color: #a8a9aa;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.header_main_mobile_content .header_main_rechtliches_container ul li a:hover {
color: #fff;
}
.header_main_mobile_content .header_main_social_container {
gap: 0 20px;
}
.header_main_mobile_content .header_main_social_container .header_main_mobile_social_item {
display: inline-flex;
justify-content: center;
align-items: center;
width: 41px;
height: 41px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,.3);
-webkit-transition: border-color .4s, background .4s;
-moz-transition: border-color .4s, background .4s;
-ms-transition: border-color .4s, background .4s;
-o-transition: border-color .4s, background .4s;
transition: border-color .4s, background .4s;
}
.header_main_mobile_content .header_main_social_container .header_main_mobile_social_item svg {
fill: #fff;
height: 20px;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.header_main_mobile_content .header_main_social_container .header_main_mobile_social_item:hover {
border-color: transparent;
background: rgba(255,255,255,.3);
}
.header_main_mobile_content {
overflow-y: scroll;
} .mm_header_button {
height: 68px;
}
.header_inner_right a.btw_button {    border-radius: 50%;
background: linear-gradient(90deg, #16164d, #0c0c2c);
color: white; font-weight: 500;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
box-shadow:
inset 0 0 8px rgba(100, 150, 255, 0.15),
0 0 10px rgba(50, 100, 255, 0.05);
padding: 20px
}
.header_inner_right .btw_button:before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at center, rgba(100,150,255,0.2), transparent 70%);
opacity: 0;
transition: opacity .4s ease;
z-index: 1;
}
.header_inner_right .btw_button:hover {
transform: translateY(-2px);
box-shadow:
0 0 14px rgba(100, 150, 255, 0.3),
0 0 24px rgba(100, 150, 255, 0.2),
inset 0 0 18px rgba(100, 150, 255, 0.25);
background: linear-gradient(90deg, #1d1d6a, #0e0e3a);
}
.header_inner_right .btw_button:hover:before {
opacity: 1;
}
.menu-header-navigation-neu-container > ul.menu > li > span,
.menu-header-navigation-neu-container > ul.menu > li > a { color: rgba(226, 249, 255, .5);
transition: color .4s;
}
.menu-header-navigation-neu-container > ul.menu > li > span:hover,
.menu-header-navigation-neu-container > ul.menu > li.current-parent-item > span,
.menu-header-navigation-neu-container > ul.menu > li > a:hover,
.menu-header-navigation-neu-container > ul.menu > li.current-menu-item > a,
.menu-header-navigation-neu-container > ul.menu > li.menu-item-has-children.open > span {
color: #fff;
}
span.menu-item-link {
position: relative;
z-index: 3 !important;
}
.first_level_submenu > li span {
position: relative;
}
.first_level_submenu > li span:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 37px;
height: 2px;
background: rgba(255,255,255,.5);
opacity: 0;
transition: opacity .4s;
}
.first_level_submenu > li.current-menu-item span:after,
.first_level_submenu > li span:hover:after {
opacity: 1;
}
.first_level_submenu > li:not(:last-child) {
margin-right: 32px;
}
.first_level_submenu * {
color: #fff;
}
.header_mediaMEANS_link_container {   position: relative;
display: none;
justify-content: center;
align-items: center;
height: 34px;
background: linear-gradient(to right, #101079 0%, #0056a1 50%, #101079 100%);
}
.header_mediaMEANS_link_container a {
display: flex;
align-items: center; font-family: Nexa-Regular, sans-serif;
font-weight: 700; color: #fff; padding-top: 6px; }
.header_mediaMEANS_link_container a p {
color: #e2f9ff;
margin-bottom: 0;
margin-right: 7px; }
.header_mediaMEANS_link_container svg {
fill: #e2f9ff; width: 108px; margin-bottom: 6.5px;
}
.header_mediaMEANS_link_container span {
margin: 0 7px 0 9px;
}
.header_main.header_main_desktop {
background: #08083d; }
.header_inner_right * {
color: #e2f9ff;
}
#menu-header-navigation-neu > li {
position: relative;
}
#menu-header-navigation-neu > li:not(:last-child):after {
content: '';
position: absolute;
top: 4px;
right: -28px;
width: 2px;
height: 13px;
background: rgba(226, 249, 255, .5);
}
.btw_footer_package_item a.btw_button.primary {
--c: #0b0d33;
--cL: #0b0d33;
box-shadow: 0 10px 25px rgba(11, 13, 51, 0.22);
}
@media screen and (min-width: 1200px) {
.header_main_mobile_content .header_container_mobile_hamburger_menu,
.header_main_mobile_content .header_container_mobile_hamburger_menu_2,
.header_main_mobile_content .header_main_mobile_content_middle_3,
.header_main_mobile_content .header_main_mobile_content_bottom_3 {
display: none;
}
}
@media screen and (min-width: 2200px) {
.header_main > .container {
max-width: 95%;
}
}
@media screen and (max-width: 1399px) { .header_container_menu ul:not(.sub-menu) > li,
.header_container_menu ul:not(.sub-menu) > li:last-child {
margin-right: 25px;
}
.header_reference_previews .header_reference_preview_item:nth-child(n+3) {
display: none;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_title {
font-size: 3.038rem;
}
.header_main_mobile_content .header_main_mobile_content_middle_2 {
gap: 0 50px;
} .header_inner_left .header_project_back_button_container:not(.back_button_mobile)  {
position: absolute;
top: 100%;
left: 0;
-webkit-transition: opacity .3s;
-webkit-transition-delay: .3s;
-moz-transition: opacity .3s;
-moz-transition-delay: .3s;
-ms-transition: opacity .3s;
-ms-transition-delay: .3s;
-o-transition: opacity .3s;
-o-transition-delay: .3s;
transition: opacity .3s;
transition-delay: .3s;
}
.mm_header_new.scrolled .header_inner_left .header_project_back_button_container:not(.back_button_mobile) {
opacity: 0;
}
#menu-header-navigation-neu > li:not(:last-child):after {
right: -16px;
}
}
@media screen and (max-width: 1199px) {
.header_main > .container {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
} .header_inner .header_inner_right .mM_button {
padding-left: 20px;
padding-right: 20px;
padding-top: 16px;
padding-bottom: 15px;
}
.header_inner .header_inner_right .header_hamburger_icon_container {
padding-left: 30px;
margin-left: 35px;
} .header_mediaMEANS_link_container {
right: unset;
} }
@media screen and (max-width: 1199px){
.header_inner {
padding: 35px 0;
}
.header_container_menu ul:not(.sub-menu) > li,
.header_container_menu ul:not(.sub-menu) > li:last-child {
margin-right: 25px;
}
.header_container_logo { width: 135px;
}
.header_main_mobile_content .header_container_desktop_hamburger_menu,
.header_main_mobile_content .header_main_mobile_content_middle_2,
.header_inner .header_inner_right .header_container_menu,
.header_inner .header_inner_right .mm_header_button,
.header_main_mobile_content .header_main_mobile_content_top_2 .mm_header_button,
.header_main_mobile_content .header_main_mobile_content_bottom_1,
.header_main_mobile_content .header_main_mobile_content_bottom_2 {
display: none;
}
.header_inner .header_inner_right .header_hamburger_icon_container,
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close {
padding-left: 0;
border: none;
margin-left: 0;
}
.header_main_mobile_content .header_main_mobile_content_middle {
flex-wrap: wrap;
height: 100%;
padding: 50px 30px;
border-radius: 0 20px 0 0;
}
.header_main_mobile_content .header_main_mobile_content_middle_1, .header_main_mobile_content .header_main_mobile_content_middle_3 {
max-width: 100%;
flex: 0 0 auto;
width: 100%;
}
.header_main_mobile_content .header_main_mobile_background {
width: 80%;
}
.header_main_mobile_content .header_main_mobile_content_middle_3 {
margin-top: 30px;
padding-left: 36px;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 {
display: flex;
justify-content: space-between;
width: 100%;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 .header_main_mobile_contacts {
display: flex;
gap: 0 9px;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 .header_main_mobile_contacts .header_main_mobile_contact_item {
display: inline-flex;
justify-content: center;
align-items: center; width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 .header_main_mobile_contacts .header_main_mobile_contact_item svg { width: 16px;
fill: #ff5b4a;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 .header_main_mobile_contacts .header_main_mobile_contact_item:hover {
background: #f67939;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 .header_main_mobile_contacts .header_main_mobile_contact_item:hover svg {
fill: #fff;
}
.header_main_mobile_content .header_container_mobile_hamburger_menu .menu {
overflow: hidden;
position: relative;
overflow-y: scroll;
}
.header_main_mobile_content .header_container_mobile_hamburger_menu .menu > li {
-webkit-transition: opacity .6s cubic-bezier(0.4, 0, 0, 1), -webkit-transform .6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: opacity .6s cubic-bezier(0.4, 0, 0, 1), -moz-transform .6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: opacity .6s cubic-bezier(0.4, 0, 0, 1), -ms-transform .6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: opacity .6s cubic-bezier(0.4, 0, 0, 1), -o-transform .6s cubic-bezier(0.4, 0, 0, 1);
transition: opacity .6s cubic-bezier(0.4, 0, 0, 1), transform .6s cubic-bezier(0.4, 0, 0, 1);
}
.header_main_mobile_content .header_container_mobile_hamburger_menu .menu.menu_is_open > li {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.header_main_mobile_content .header_container_mobile_hamburger_menu .menu.menu_is_open > li:not(.sub_men_open) {
opacity: 0;
}
.header_main_mobile_content .header_container_mobile_hamburger_menu .menu .first_level_submenu {
position: absolute;
left: 125%;
top: 0;
overflow-y: scroll;
width: 100%;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main  .first_level_submenu > li > .menu_item_link .menu_item_title {
font-size: .75rem;
color: #a8a8a9;
font-family: Nexa-Regular, sans-serif;
font-weight: 400;
text-transform: uppercase;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu .sub-menu {
background: #1f2429;
padding: 20px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu .sub-menu .menu_item_title {
font-size: .9375rem;
font-family: Nexa-Regular, sans-serif;
font-weight: 400;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu .sub-menu .menu-item .menu_item_link {
display: block;
position: relative;
padding-right: 15px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu .sub-menu .menu-item .menu_item_link:after {
content: '>';
font-family: Nexa-Regular, sans-serif;
font-weight: 400;
font-size: .9375rem;
color: #f67939;
position: absolute;
right: 5px;
top: 22px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu .sub-menu .menu-item:first-child .menu_item_link:after {
top: 5px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu .sub-menu .menu-item:last-child .menu_item_link:after {
top: 18px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu .sub-menu .menu-item:not(:last-child) .menu_item_link {
padding-bottom: 14px;
border-bottom: 1px solid rgba(255,255,255,.1);
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu .sub-menu .menu-item:not(:first-child) .menu_item_link {
padding-top: 16px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu  .first_level_submenu > .menu-item:not(:last-child) .sub-menu {
margin-bottom: 40px;
}
.sub-menu .submenu_breadcrumb_container {
font-size: .9375rem;
margin-bottom: 20px;
}
.sub-menu .submenu_breadcrumb_container .submenu_breadcrumb_first {
color: #a8a8a9;
cursor: pointer;
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.sub-menu .submenu_breadcrumb_container .submenu_breadcrumb_first:hover {
color: #fff;
}
.sub-menu .submenu_breadcrumb_container .submenu_breadcrumb_divider {
padding: 0 6px;
color: #f67939;
}
.header_inner_left .header_project_back_button_container:not(.back_button_mobile) {
display: none;
}
.header_inner .header_inner_left .header_project_back_button_container.back_button_mobile {
display: block;
}
.header_inner .header_inner_right .header_hamburger_icon_container {
display: block;
}
.header_hamburger_bar {
width: 18px;
height: 2px;
background: #fff;
border-radius: 5px;
}
.header_inner .header_inner_right .header_hamburger_icon_container {
padding: 0;
margin: 0;
}
.header_inner .header_inner_right .header_hamburger_icon:after,
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button:after,
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button:after {
content: none;
}
.header_main_mobile_content .header_container_hamburger_logo a svg {
width: 135px;
}
.header_main_mobile_content .header_main_mobile_content_top {
padding: 22px 0;
}
.header_main_mobile_content .container-top {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close {
padding: 0;
}
.header_container_close_button {
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right, #142d84 0%, transparent 100%);
border-radius: 50%;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button .header_container_close_icon {
width: 13px;
height: 13px;
}
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button .header_container_close_icon:before,
.header_main_mobile_content .header_main_mobile_content_top_2 .header_container_close .header_container_close_button .header_container_close_icon:after {
width: 16px;
height: 2px;
}
.header_main_mobile_content_middle_1_contacts }{
display: flex;
justify-content: space-between;
width: 100%;
}
.header_main_mobile_content {
background: url(//www.bluetheweb.de/wp-content/themes/BLUEtheWEB/img/mobile_menu_background.png) no-repeat;
background-size: cover;
}
.header_main_mobile_content_bottom_3 .btw_button {
padding: 20px 36px 15px;
}
.header_main_mobile_content .container-middle {
max-width: 100%;
height: 100%;
padding-right: 30px;
padding-left: 0;
margin: 0;
}
.header_main_mobile_content_middle {
background: #0b0c30;
}
.container-bottom {
display: none;
}
.header_main_mobile_content .header_main_mobile_content_middle {
align-items: start;
}
#menu-mobile-hamburger-nav > li.main span.menu_item_title:before {
content: '<'
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_counter {
display: none;
}
.header_main_mobile_content_middle_1 .header_main_mobile_content_bottom_3 {
margin-bottom: 52px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_title {
font-size: 1.5rem;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > li:not(.main) .menu_item_link .menu_item_title {
font-size: 1rem;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main {
position: relative;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main:not(.last-child) {
margin-bottom: 22px;
padding-bottom: 14px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, .1);
box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.1);
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 29px;
height: 29px;
background: url(//www.bluetheweb.de/wp-content/themes/BLUEtheWEB/img/link_arrow_right.png);
background-size: 100% 100%;
}
.header_main_mobile_content_bottom_3 .btw_button {
padding: 11px 36px 7px;
box-shadow: 0px 5px 50px 0px rgba(255, 91, 74, 1);
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_title {
text-shadow: 0 0 3px #fff;
}
html[data-agent*="AppleWebKit"][data-agent*="Macintosh"] .header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_title,
html[data-agent*="iPad"] .header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_title,
html[data-agent*="iPhone"] .header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main .menu_item_link .menu_item_title {
text-shadow: none;
}
.menu-mobile-hamburger-nav-2-container ul {
display: flex;
}
.menu-mobile-hamburger-nav-2-container ul li {
position: relative;
padding-left: 0 !important;
}
.menu-mobile-hamburger-nav-2-container ul li a {
text-shadow: 0 0 5px #fff;
}
.menu-mobile-hamburger-nav-2-container ul li:first-child {
padding-left: 9px !important;
}
.menu-mobile-hamburger-nav-2-container ul li:not(:last-child) {
padding-right: 35px;
margin-right: 24px;
}
.menu-mobile-hamburger-nav-2-container ul li:not(:last-child):after {
content: '';
position: absolute;
top: 10px;
right: 0;
width: 5px;
height: 2px;
background: #fff;
box-shadow: 0px 0px 45px 10px rgba(255, 255, 255, 0.1);
}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 575px) {
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > .main > .menu_item_wrapper .menu_item_link .menu_item_title {
font-size: 2.038rem;
}
.header_mediaMEANS_link_container {
display: none;
}
.header_main.header_main_desktop {
border-radius: 0 0 0 0;
}
}
@media screen and (max-width: 459px) {
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > .main > .menu_item_wrapper .menu_item_link .menu_item_title {
font-size: 1.563rem;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 {
flex-direction: column;
justify-content: center;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 > div {
width: 100%;
text-align: center;
}
.header_main_mobile_content .header_main_mobile_content_bottom_3 .header_main_mobile_contacts {
justify-content: center;
}
}
@media screen and (max-width: 400px) {
.header_inner .header_inner_left .header_project_back_button_container {
display: none !important;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > .main > .menu_item_wrapper .menu_item_link .menu_item_title {
font-size: 1.35rem;
}
}
@media screen and (max-width: 375px) { .header_mediaMEANS_link_container a {
font-size: 1rem;
padding: 0 20px;
padding-top: 6px;
}
.header_mediaMEANS_link_container svg {
width: 100px;
}
.header_main_mobile_content .header_main_mobile_content_middle {
padding: 50px 15px;
}
.header_main_mobile_content .container-middle {
padding-right: 15px;
}
}
@media screen and (max-width: 335px) { .header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main:after {
top: -8px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main:first-child {
padding-top: 8px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu .main:first-child:after {
top: 0;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > .main > .menu_item_wrapper .menu_item_link .menu_item_title {
font-size: 1.15rem;
}
}
@media screen and (max-width: 300px) {
.header_mediaMEANS_link_container a {
font-size: .9rem;
padding: 0 15px;
padding-top: 6px;
}
.header_mediaMEANS_link_container svg {
width: 95px;
}
.header_main_mobile_content .header_main_mobile_content_middle_1 .menu > .main > .menu_item_wrapper .menu_item_link .menu_item_title {
font-size: 1.05rem;
}
} .header_reference_previews {
display: flex;
align-items: center;
gap: 12px;
}
.header_reference_preview_item {
position: relative;
display: block;
width: 52px;
height: 52px;
border-radius: 50%;
flex-shrink: 0;
background: none;
border: none;
padding: 0;
cursor: pointer;
transition: transform .25s ease;
}
.header_reference_preview_item:hover {
transform: scale(1.06);
}
.header_reference_preview_item img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
display: block;
position: relative;
z-index: 1;
}
.header_reference_preview_border {
position: absolute;
inset: 0;
border-radius: 50%;
border: 2.5px solid #F47920;
z-index: 2;
pointer-events: none;
animation: headerPreviewPulse 1.8s ease-in-out infinite;
}
.header_reference_preview_item.visited {
z-index: 0;
}
.header_reference_preview_item.visited img {
filter: grayscale(0.85) brightness(0.75);
}
.header_reference_preview_item.visited .header_reference_preview_border {
border-color: rgba(160, 170, 190, 0.45);
animation: none;
}
@keyframes headerPreviewPulse {
0% {
box-shadow: 0 0 0 0 rgba(244, 121, 32, 0.55);
}
70% {
box-shadow: 0 0 0 10px rgba(244, 121, 32, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(244, 121, 32, 0);
}
} .header_ref_popup {
position: fixed;
inset: 0;
z-index: 10001;
background: rgba(8, 8, 50, 0.88);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
opacity: 0;
transition: opacity .35s ease;
color: #fff;
--popup-inset: max(48px, calc((100% - 1200px) / 2));
}
.header_ref_popup.active {
opacity: 1;
} .header_ref_popup_back {
position: absolute;
top: 22px;
left: var(--popup-inset);
z-index: 3;
display: inline-flex;
align-items: center;
gap: 0;
text-decoration: none;
}
.header_ref_popup_back_icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
}
.header_ref_popup_back_icon svg {
width: 10px;
fill: #fff;
transform: rotate(180deg);
}
.header_ref_popup_back_text {
display: inline-block;
padding: 8px 14px 6px;
border-radius: 35px;
background: rgba(255, 255, 255, 0.1);
color: #fff;
font-size: .72rem;
font-family: Nexa-Regular, sans-serif;
line-height: 1;
white-space: nowrap;
} .header_ref_popup_close {
position: absolute;
top: 22px;
right: var(--popup-inset);
z-index: 3;
background: rgba(255, 255, 255, 0.08);
border: none;
color: #fff;
cursor: pointer;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background .2s;
padding: 0;
}
.header_ref_popup_close svg {
width: 16px;
height: 16px;
}
.header_ref_popup_close:hover {
background: rgba(255, 255, 255, 0.16);
} .header_ref_popup_top {
position: absolute;
top: 32px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
text-align: center;
width: 70%;
max-width: 760px;
}
.header_ref_popup_title {
font-family: Nexa-Heavy, sans-serif;
font-size: 1.75rem;
font-weight: 700;
color: #fff;
margin: 0 0 14px;
line-height: 1.2;
}
.header_ref_popup_services {
display: flex;
flex-wrap: wrap;
gap: 4px 14px;
justify-content: center;
}
.header_ref_popup_service {
color: rgba(255, 255, 255, 0.6);
font-size: .8rem;
font-family: Nexa-Regular, sans-serif;
line-height: 1.2;
} .header_ref_popup_slider {
position: absolute;
top: 140px;
bottom: 80px;
left: var(--popup-inset);
right: var(--popup-inset);
}
.header_ref_popup_slide {
outline: none;
height: calc(100vh - 220px);
}
.header_ref_popup_slide img,
.header_ref_popup_slide_video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
border-radius: 16px;
}
.header_ref_popup_slider .slick-list {
height: 100%;
border-radius: 16px;
}
.header_ref_popup_slider .slick-track {
height: 100%;
}
.header_ref_popup_slider .slick-prev,
.header_ref_popup_slider .slick-next {
display: none !important;
} .header_ref_popup_arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 4;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 50%;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
transition: background .25s, border-color .25s, color .25s;
color: rgba(255, 255, 255, 0.85);
}
.header_ref_popup_arrow:hover {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.6);
color: #fff;
}
.header_ref_popup_arrow svg {
width: 18px;
height: 18px;
}
.header_ref_popup_arrow_prev {
left: calc(var(--popup-inset) + 28px);
}
.header_ref_popup_arrow_next {
right: calc(var(--popup-inset) + 28px);
} .header_ref_popup_slider .slick-dots {
top: 26px;
bottom: auto;
display: flex !important;
justify-content: center;
align-items: center;
gap: 0 8px;
padding: 0;
list-style: none;
z-index: 4;
}
.header_ref_popup_slider .slick-dots li {
width: auto;
height: auto;
margin: 0;
opacity: .3;
transition: opacity .4s;
}
.header_ref_popup_slider .slick-dots li.slick-active {
opacity: 1;
}
.header_ref_popup_slider .slick-dots li button {
width: 32px;
height: 2px;
padding: 0;
background: #fff;
border: none;
border-radius: 1px;
cursor: pointer;
}
.header_ref_popup_slider .slick-dots li.slick-active button {
background: #fff;
}
.header_ref_popup_slider .slick-dots li button:before {
display: none;
} .header_ref_popup_footer {
position: absolute;
bottom: 55px;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}
.header_ref_popup_link.btw_button {
white-space: nowrap;
}
.header_ref_popup_link.btw_button svg {
width: 16px;
height: auto;
fill: currentColor;
flex-shrink: 0;
} @media screen and (max-width: 1200px) {
.header_reference_previews {
gap: 8px;
}
.header_reference_preview_item {
width: 42px;
height: 42px;
}
}
@media screen and (max-width: 449px) {
.header_reference_previews {
display: none;
}
}
@media screen and (max-width: 992px) {
.header_ref_popup {
--popup-inset: 32px;
}
.header_ref_popup_top {
top: 78px;
width: calc(100% - 64px);
max-width: 640px;
}
.header_ref_popup_title {
font-size: 1.35rem;
margin-bottom: 10px;
}
.header_ref_popup_slider {
top: 180px;
bottom: 90px;
}
.header_ref_popup_slide {
height: calc(100vh - 270px);
}
.header_ref_popup_footer {
bottom: 65px;
}
}
@media screen and (max-width: 575px) {
.header_ref_popup {
--popup-inset: 12px;
}
.header_ref_popup_top {
top: 68px;
width: calc(100% - 24px);
}
.header_ref_popup_title {
font-size: 1.05rem;
margin-bottom: 8px;
}
.header_ref_popup_service {
font-size: 0.7rem;
}
.header_ref_popup_slider {
top: 150px;
bottom: 80px;
}
.header_ref_popup_slide {
height: calc(100vh - 230px);
}
.header_ref_popup_arrow {
width: 36px;
height: 36px;
}
.header_ref_popup_arrow svg {
width: 18px;
height: 18px;
}
.header_ref_popup_arrow_prev {
left: calc(var(--popup-inset) + 10px);
}
.header_ref_popup_arrow_next {
right: calc(var(--popup-inset) + 10px);
}
.header_ref_popup_back {
top: 14px;
}
.header_ref_popup_back_text {
display: none;
}
.header_ref_popup_close {
top: 14px;
width: 32px;
height: 32px;
}
.header_ref_popup_footer {
bottom: 55px;
}
.header_ref_popup_link.btw_button {
font-size: 0.8rem;
padding: 10px 18px;
}
}