/* ----------------- GLOBAL
Theme-Name: ALTEX
Author: MOLECO GmbH
Author URI: http://www.moleco.de
Description: ALTEX Theme
Version: 1.0
*/

/*
Colors
*/
:root{
    --prime:    #052867;
    --sec:      #124196;
    --acc:      #00D5B4;
    --acc-hover:#19E8C8;
    --black:    #4D4D4D;
    --grey:     #A2AAAD;
    --bg:       #F5F5F5;
}


/*
Main Style
*/
body,html,*{font-size: 16px;font-family:'Unbounded';font-weight: 400;line-height: 1.6;}
html{scroll-behavior: smooth;overflow-x: hidden!important;}
/* .wrapper{overflow-x: hidden;} */
.container{max-width: 1600px;}
.container.small{max-width: 1400px;}
.container-fluid{max-width: 100%;}



a,
a strong{color: var(--white);text-decoration: none;font-size: 100%;transition: all .3s ease;}
a:hover,
a:hover strong{text-decoration: none;color: var(--acc-hover);transition: all .3s ease;}
a:focus{border:none;outline: none;}
*:focus-visible{outline: none;}
*:focus{box-shadow: none!important;}

ul{padding-left: 0;}
ul li{list-style: none;position: relative;padding-left:30px;margin:5px 0;}

.editor ul li, .content ul li{list-style: none;padding-bottom: 5px;}

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

.headline{font-weight: 700;display: block;color:#124196;line-height: 1;font-family:'Unbounded';}
h1{line-height: 1.1;margin:0px 0;}
h2{position: relative;padding-bottom:5px;margin:0px 0;font-size: 40px;}
h3{color:#124196;padding-bottom:5px;font-weight:500!important;}
.subline, .topline{position: relative;font-size: 130%;;color:#00D5B4!important;font-family:'Unbounded';padding-bottom: 35px;display:block;}
.hauptsubline{color:#00D5B4;font-size: 130%;padding-bottom: 50px;}
p{font-family:'Montserrat'!important;color: var(--prime);font-size: 17px;font-weight: 500;line-height: 25px;}

.agb h2,
.datenschutzerklaerung h2,
.impressum h2{padding-bottom: 20px;padding-top: 40px;}

.agb .flx_textblock,
.datenschutzerklaerung .flx_textblock,
.impressum .flx_textblock{margin-top: 200px;}

.agb p,
.datenschutzerklaerung p,
.impressum p{line-height: 1.8;}

.gtc h2,
.privacy-policy h2,
.imprint h2{padding-bottom: 20px;padding-top: 40px;}

.gtc .flx_textblock,
.privacy-policy .flx_textblock,
.imprint .flx_textblock{margin-top: 200px;}

.gtc p,
.privacy-policy p,
.imprint p{line-height: 1.8;}

.swiper-pagination-bullet{width: 15px!important;height: 15px!important;background-color: var(--grey)!important;background: var(--grey)!important;}
.swiper-pagination-bullet-active{background-color: var(--acc)!important;}

.buttons{padding: 15px;}
.btn{position: relative;font-weight: 700;color:var(--white)!important;background:var(--sec);border-radius: 0;padding: 15px 50px 15px;transition: all .3s ease;line-height: 1;text-align: center;font-size: 110%;border: none;font-family:'Unbounded';}
.btn:hover{background: var(--prime);transition: all .3s ease;color: var(--white)!important;}
.btn.secondary{background: var(--white);color: var(--prime)!important;}
.btn.secondary:hover{background: var(--acc-hover);color: var(--white)!important;}
.btn.arrow{background:transparent;color:#124196!important;padding:0;padding-right:20px;background-image:url('src/media/icons/arrow_right.png');background-size:10px;background-position:right center;background-repeat:no-repeat;}
.btn.arrow:hover{color:var(--white)!important;}


strong{font-weight: 600;font-size: 100%;}

blockquote p{font-size: 125%;font-weight: 700;position:relative;}
blockquote p:before{content:'';display:block;width:150px;height:150px;opacity:0.2;background:url('src/media/icons/quote_left.png');background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;bottom:-50px;left:-100px;}
blockquote p:after{content:'';display:block;width:150px;height:150px;opacity:0.2;background:url('src/media/icons/quote_right.png');background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;top:-50px;right:-100px;}

input{cursor: auto;}
input, 
textarea, 
select{padding: 7px 20px 10px;border: none;background-color: var(--bg);margin: 5px 0;}
input[type="submit"]{background:var(--acc);color:var(--prime);}
input[type="submit"]:hover{background:var(--acc-hover);}
label{padding: 0 15px;}
.uacf7-row{width: 100%;margin: 0 auto;}
#send.btn{width: max-content!important;float: right;padding: 10px 45px 13px 45px!important;color: var(--white);}
.wpcf7-not-valid{margin-bottom: 0!important;}
.wpcf7-not-valid-tip{line-height: 1;margin: 0 0 15px;color: var(--acc)!important;}
.wpcf7-form-control{margin-bottom: 5px;}
.wpcf7-acceptance{margin-top: 15px;display: block;}
.wpcf7-list-item{margin-left: 0;}
.wpcf7-not-valid{margin-bottom: 0!important;}
.wpcf7-form-control{margin-bottom: 5px;}
.wpcf7-acceptance{margin-top: 15px;display: block;}
.wpcf7-list-item-label a{color: var(--acc);}
.infotext{display:block;margin:25px;}

 

div[class^="flx_"], div[class*="flx_"]{margin: 100px 0;position: relative;top: 0;}

.shadow{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.backgroundbox{background-image: linear-gradient(to top, #00000077 0%, transparent 50%);z-index: 9;}

/*Icons für Kontakt*/

.kontakt a{margin:10px 0;margin-left: 0px;}
a.tel{position: relative;padding-left:45px;}
a.tel::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/call.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-2.5px;left:0px;transition: all ease .3s;}
a.whats{position: relative;padding-left:45px;}
a.whats::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/whatsapp.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-2.5px;left:0px;transition: all ease .3s;}
a.mail{position: relative;padding-left:45px;}
a.mail::before{content:'';width:30px;height:30px;display:block;background:url('src/media/icons/mail.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-2.5px;left:0px;transition: all ease .3s;}

.datenschutzerklaerung .inhaltsbloecke,
.impressum .inhaltsbloecke{margin-top: 200px;}


.sprungmarke{margin-top:-100px!important;padding-top:150px!important;}


.fancybox-overlay{background-color:rgba(0,0,0,0.7);}

/*
--------------------------Header--------------------------
*/
#page-header{position: absolute;top: -1px;right: 0;left: 0;z-index: 2;background: rgba(255, 255, 255, 0.9);transition: all ease .3s;display: flex;align-items: center;padding-bottom:0px;}
#page-header .container{display: flex;}

#page-header .divlogo{align-content:center;}

#page-header .logo .bild{opacity: 1;transition: all ease .3s;display: block;width: 80%;}
#page-header.bottom .logo .bild{width:45%;}
#page-header .logo .bildres{opacity: 0;transition: all ease .3s;display: none;height: 50px;}
#page-header.bottom .logo .bildres{opacity: 1;transition: all ease .3s;display: block;}
#page-header.bottom .row.small.nav{display:none;}
#page-header.bottom .divlogo{align-content:end;}
#page-header.bottom .navigation .menu{margin:0;}
#page-header.bottom .navigation .menu li{align-content:center;}
#page-header.bottom .navigation .menu li a{padding-bottom:0;}
#page-header.bottom .menues{align-content:center;}


#page-header .nav{display: flex;justify-content:end;width:100%;}
#page-header .navigation .menu{display: flex;margin:0px;justify-content: end;}
#page-header .navigation .menu li:before{display:none;}
#page-header .navigation .menu li a{color:#052867;font-weight: 500;display:inline-block;padding-bottom:25px;}
#page-header .navigation .menu li:last-child a{position: relative;font-weight: 500;color:var(--prime);padding: 8px 30px 10px;transition: all .3s ease;line-height: 1;text-align: center;font-size: 100%;border: none;background:var(--acc);margin-left:25px;}
#page-header .navigation .menu li:last-child a:hover{background: var(--acc-hover);transition: all .3s ease;color: var(--prime);}
#page-header .navigation .menu li a:hover{color: var(--acc);}
#page-header .navigation .menu li.current > a{color: var(--acc);}
#page-header .navigation .menu li.current:hover > a{color: var(--acc-hover);}
#page-header .navigation .menu > li:last-child.current_page_item::after{display: none;}
#page-header .navigation .menu > li:last-child{padding-left: 0;}
#menu-modal button{background-color: var(--acc);color: var(--white);font-weight: bold;border-radius: 30px;padding: 5px 35px 10px;margin: 0 0 0 10px;cursor: pointer;list-style: none;transition: all ease .3s;}
#menu-modal button:hover{background-color: var(--acc-hover);transition: all ease .3s;}

#page-header .navigation .menu li.menu-item-has-children{cursor: context-menu;}
#page-header .navigation .menu li.menu-item-has-children:hover .sub-menu{position: absolute;top:100%;left: 20px;width:max-content;transition: all ease .3s;display: flex;padding: 0;flex-direction:column;}
#page-header .navigation .menu .sub-menu{display: none;background-color: var(--sec);transition: all ease .3s;box-shadow: 0 0px 15px #0007;}
#page-header .navigation .menu .sub-menu .items{display: flex;flex-direction: column;}
#page-header .navigation .menu .sub-menu .submenubild{transition: all ease .3s;width: 300px;height: 300px;object-fit: cover;}
#page-header .navigation .menu .sub-menu li{display: flex;align-items: center;transition: all ease .3s;position:relative;padding: 10px;margin:0px 20px;padding: 5px 0;border-bottom: 1px solid var(--white);}
#page-header .navigation .menu .sub-menu li a{font-weight: 400;padding: 10px 0!important;width: fit-content;width: 250px;color:var(--white);display:block;}
#page-header .navigation .menu .sub-menu li.current > a{font-weight: 700;}
#page-header .navigation .menu .sub-menu li.current:hover > a{color: var(--acc-hover);}
#page-header  #mainmenu{width: 100%;}

#page-header .navigation .menu .sub-menu li:hover a{font-weight: 700;color: var(--white);}
#page-header .navigation .menu .sub-menu li:last-child{border-bottom: none;}
#page-header .navigation .menu .sub-menu li:last-child a{background-color: transparent;border-radius: 30px;padding: 10px 0;border-bottom: none;margin:0;color:var(--white);text-align:left;}

#page-header .menu-mobile .menu li.menu-item-has-children.active .sub-menu{display: block;top: 32.5px;left: 20px;transition: all ease .3s;}
#page-header .menu-mobile .menu li.current_page_item a{color: var(--acc);font-weight: 700;}
#page-header .menu-mobile .menu li a{font-weight: 700;}
#page-header .menu-mobile .menu .sub-menu{display: none;padding: 0 20px;background-color: var(--prime);transition: all ease .3s;width: 100%;}
#page-header .menu-mobile .menu .sub-menu li{display: block;transition: all ease .3s;position:relative;margin: 0;padding-left: 0;}
#page-header .menu-mobile .menu .sub-menu li.current_page_item a{color: var(--acc);}
#page-header .menu-mobile .menu .sub-menu li a{padding: 5px 0;width: 100%;display: block;margin: 0;}
#page-header .menu-mobile .menu .sub-menu li:hover a{color: var(--acc);}

#page-header .menu-mobile .menu li{position: relative;}
#page-header .menu-mobile .menu li.menu-item-has-children::before{content: '';background: url('src/media/icons/arrow-right.svg')no-repeat;background-size: auto;background-size: 100%;display: block;width: 11px;height: 23px;position: absolute;left: 5px;top: 7px;cursor: pointer;transition: 0.3s;}
#page-header .menu-mobile li.menu-item-has-children.active::before{transform: rotate(90deg);transition: 0.3s;}
#page-header .menu-mobile.active li.menu-item-has-children.active .sub-menu{display: block;margin: 10px 0;padding: 0 20px;}
#page-header .menu-mobile .menu-menu-container{margin-bottom: 50px;}
#page-header .menu-mobile .menu-menu-container #menu-modal{text-align: center!important;}
#page-header .menu-mobile .menu-menu-container #menu-modal button{margin: 0;width: max-content;}

#page-header .menuburgerbutton{width: 45px;height: 40px;cursor: pointer;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;z-index: 100;position: relative;margin-top: 5px;}
#page-header .menuburgerbutton li{padding-left: 0;}
#page-header .menuburgerbutton li::before{display: none!important;}
#page-header .menuburgerbutton span{margin: 4px;height: 7px;border-radius: 7px;width: 7px;background: var(--sec);opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#page-header .menuburgerbutton div:nth-child(1) span:nth-child(3){background: var(--acc);}
#page-header .menuburgerbutton.active div span{background: var(--acc);}
#page-header .menuburgerbutton.active div:nth-child(1) span:nth-child(2){background: var(--sec);}
#page-header .menuburgerbutton.active div:nth-child(3) span:nth-child(2){background: var(--sec);}
#page-header .menuburgerbutton.active div:nth-child(2) span:nth-child(odd){background: var(--sec);}

#page-header .menues .navigation{display: flex;flex-wrap: nowrap;justify-content: end;width:100%;}
#page-header .small.nav{display: flex;margin-top: 20px;}
#page-header .small.nav a{color:var(--prime);font-weight: 600;}
#page-header .small.nav ul{display: flex;justify-content: end;padding-right: 15px;}
#page-header .small.nav li:first-child{padding-right: 20px;}
#page-header .language-switcher {display:flex;}

#page-header .logo .bild img{width: 80%; padding-top: 20px;}


#menu-item-864, #menu-item-865, #menu-item-866, #menu-item-867{display:none;}



/*----------------------WPML Switcher-------------------------*/
#page-header .language{/*display: flex;*/display: none;justify-content: end;position: relative;}
#page-header.bottom .language{display: none;}

#page-header .language span{color: var(--white);font-weight: 700;line-height: 0.7;}
.switch{position: absolute;width: 35px;height: 15px;margin: 0 10px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.switch label{position: absolute;top: 0;left: 0;width: 36px;height: 16px;border-radius: 50px;background: linear-gradient(to bottom,#0A142722, #4C5058);cursor: auto;transition: all 0.3s ease;padding: 0;}
.switch label:after{content: '';position: absolute;top: 1px;left: 1px;width: 14px;height: 14px;border-radius: 50%;background-color: var(--acc);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;}
.switch.active label:after{content: '';position: absolute;top: 1px;left: 19px;width: 14px;height: 14px;border-radius: 50%;background-color: var(--acc);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;}

.wpml-ls-legacy-list-horizontal .wpml-ls-item{margin-left: 10px;}
.wpml-ls-legacy-list-horizontal > ul li a{padding: 10px;}
.wpml-ls-legacy-list-horizontal > ul li a span{display:none;}
.wpml-ls-legacy-list-horizontal > ul li::before{display: none;}
.wpml-ls-legacy-list-horizontal > ul li.wpml-ls-item-de{position: relative;}
.wpml-ls-legacy-list-horizontal > ul li.wpml-ls-item-de:after{content:'';display:block;width:1px;height:18px;background:var(--prime);position:absolute;top:0;right:0;}
.wpml-ls-legacy-list-horizontal > ul li.wpml-ls-item-de a::after{content: 'DE';position: absolute;left: 0;top: 0;color: var(--prime);opacity:0.5;}
.wpml-ls-legacy-list-horizontal > ul li.wpml-ls-item-en a::after{content: 'EN';position: absolute;left: 0;top: 0;color: var(--prime);opacity:0.5;}
.wpml-ls-legacy-list-horizontal > ul li.wpml-ls-current-language a::after{font-weight: 700;opacity:1;}
.wpml-ls-legacy-list-horizontal > ul li img{display: none!important;}

#page-header .menu-mobile .menu{margin-top:100px;}

#page-header.bottom{box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.3);transition: all ease .3s;padding: 10px 0;}
#page-header.bottom .wpml-ls-legacy-list-horizontal{display: none;}


@keyframes fadein {
    from { top: -200px; }
    to   { top: -75px; }
}
@-moz-keyframes fadein {
    from { top: -200px; }
    to   { top: -75px; }
}
@-webkit-keyframes fadein {
    from { top: -200px; }
    to   { top: -75px; }
}
@-ms-keyframes fadein {
    from { top: -200px; }
    to   { top: -75px; }
}

/*################################################*/

#page-header.bottom{position:fixed;top:-75px;left:0;right:0;z-index: 1000;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
    -webkit-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);-moz-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);
}   

/*
--------------------------Pagefooter--------------------------
*/
#page-footer{background: var(--prime);padding: 50px 0;color:var(--white);}
#page-footer span strong{font-weight: 700;}
#page-footer .headline{color: #00D5B4;font-size: 130%;margin-bottom:15px;}
#page-footer ul li{list-style: none;padding-left: 0;}
#page-footer ul li:before{display:none;}

#page-footer .menu{margin-bottom: 30px;}
#page-footer .social ul{padding-left: 0;}

#page-footer .container{position: relative;}
#page-footer #backtotop{position: absolute;right:0;top:0;z-index:9999;}

#page-footer .adresse{padding-bottom: 50px;}
#page-footer .kontakt{display: grid;}
#page-footer .kontakt .btn{margin-top:35px;width:325px;background:var(--acc);}
#page-footer .kontakt .btn:hover{background:var(--acc-hover);}
#page-footer .sonstiges ul li{margin: 0px;}

#page-footer .socials div{display:inline-block;width:50px;margin-right:5px;}
#page-footer .socials .linkedin a::before{background:url('src/media/icons/linkedin icon.png');content: '';width:42px;height:42px;position: relative;left:0;top:0;cursor: pointer;transition: 0.3s;display: flex;}
#page-footer .socials .insta a::before{background:url('src/media/icons/insta icon.png');content: '';width:42px;height:42px;position: relative;left:0;top:0;cursor: pointer;transition: 0.3s;display: flex;}
#page-footer .socials .facebook a::before{background:url('src/media/icons/facebook icon.png');content: '';width:42px;height:42px;position: relative;left:0;top:0;cursor: pointer;transition: 0.3s;display: flex;}
#page-footer .socials .xing a::before{background:url('src/media/icons/xing icon.png');content: '';width:42px;height:42px;position: relative;left:0;top:0;cursor: pointer;transition: 0.3s;display: flex;}

#page-footer .row.unten{margin-top: 70px;}
#page-footer .row.unten .copyright span{font-size:75%;display:block;margin-bottom:5px;}
#page-footer .row.unten ul{margin:0;text-align:right;}
#page-footer .row.unten li{margin: 0px 10px;display:inline-block;width:max-content;}
#page-footer .row.unten li a{font-size:75%;position: relative;}
#page-footer .row.unten li a:after{content:'';display:block;width:1px;height:100%;position:absolute;top:0;right:-12.5px;background:var(--white);}
#page-footer .row.unten li:last-child a:after{display:none;}