:root{
    --white: #ffffff;
    --black: #000000;
    --hell: #F5F3F5;
    --font: #454545;
    --font-hell: #9D9E9F;
}

body,html,*{font-size:17px;line-height:1.8;font-family:'Public Sans';font-weight:400;color:var(--font);}
html{scroll-behavior: smooth;overflow-x:hidden;}

a{color:var(--button);text-decoration:none;font-size:100%;font-weight:700;transition:all .3s ease;}
a:hover{text-decoration:none;color:var(--buttonhover);transition:all .3s ease;}
a:focus{text-decoration:none;}
a:not([href]):not([tabindex]){color:var(--main)}
p a{letter-spacing:0.2px;}

ul{padding:0;margin:0;}
li{list-style:none;position:relative;padding-left:20px;margin:15px 0;}
li:before{content:'';width:7.5px;height: 7.5px;background:var(--main);display:block;position:absolute;top:12px;left:0;border-radius:50%;} 

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

h1{font-size:600%;font-weight:700;display:block;width:max-content;position:relative;color:var(--font);margin:0;line-height:1;}
h2{font-size:300%;font-weight:700;display:block;color:var(--font);margin:0;line-height:1;}
h3{font-size:200%;font-weight:600;display:block;color:var(--font);margin:0 0 15px 0;line-height:1;}

.headline{width:100%;text-transform:uppercase;}
.subline{font-size:150%;font-weight:300;display:block;color:var(--font);position:relative;padding-left:20px;margin-bottom:0;}
.subline:before{content:'/';display:block;position:absolute;top:0;left:0}

.btn{position:relative;padding:10px 25px;font-size:100%;font-weight:500;background:var(--button);color:var(--white);transition:all .3s ease;line-height:1.5;text-align:center;text-transform:uppercase;border-radius:0;}
.btn:hover{background:var(--buttonhover);transition:all .3s ease;color:var(--white);}
.btn.disabled, .btn:disabled{opacity:1;}

.btn-arrow{position:relative;padding:10px 0;font-size:120%;font-weight:500;color:var(--white);}
.btn-arrow:after{content:'';display:block;width:25px;height:20px;background:url('media/arrow_right.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:12.5px;right:-35px;}

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

.container{max-width:1550px;}
.container.wide{max-width:1800px;}

.owl-carousel .owl-nav{position:absolute;top:50%;transform:translateY(-50px);width:100%;}
.owl-carousel .owl-nav .owl-prev{position:absolute;top:0;left:-50px;display:block;width:20px;height:35px;background:url('media/arrow-left.svg');background-size:cover;background-position:center;background-repeat:no-repeat;}
.owl-carousel .owl-nav .owl-next{position:absolute;top:0;left:unset;right:-50px;display:block;width:20px;height:35px;background:url('media/arrow-left.svg');background-size:cover;background-position:center;background-repeat:no-repeat;transform:rotate(180deg);}
.owl-carousel .owl-dots{text-align:center;margin-top:25px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;width:15px;height:15px;margin:5px;border-radius:50%;border:solid 1px var(--main);transition:all .3s ease;}
.owl-carousel .owl-dots .owl-dot.active{background:var(--main);transition:all .3s ease;}


input, textarea, select{background:var(--white);padding:15px 0;color: var(--font);font-size:100%;margin-bottom:15px;border:none;border-bottom:solid 2px #bbb;box-shadow:none;line-height:1;width:100%;}
input:focus-visible, textarea:focus-visible, select:focus-visible{outline:none;}
input[type="checkbox"]{margin:0;width:15px;}
input[type="submit"]{width: 50%;border: none;background: var(--main);color: var(--white);font-weight: 500;font-size: 100%;margin:50px 0 0;text-transform:uppercase;}

.wpcf7-pflicht{display: block;width: 100%;text-align: right;color:#999;}
.wpcf7-list-item-label{color:var(--font);}
.wpcf7-list-item{margin:0;}
.wpcf7-form label{padding:0!important;}
.wpcf7-form .wpcf7-quiz-label{color:#999;}

.fancybox-lock .fancybox-overlay{background: rgba(0,0,0,0.8);}

/*------------------------------------Header-------------------------------------------------*/

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

#page-header{padding:20px 0;}
#page-header{position:absolute;top:0;right:0;left:0;padding:25px 0;background:var(--white);-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);z-index:999;}
#page-header .logo img{width:100%;}
#page-header #toppermenu{display:flex;align-items:center;flex-direction: column;}

#page-header .mainheader{width:100%;}
#page-header .mainheader .menu{text-align:right;}
#page-header .mainheader .menu li{display:inline-block;margin:0;padding:0;}
#page-header .mainheader .menu li:before{display:none;}
/* #page-header .mainheader .menu li.current-menu-item:after{content:'';width:7px;height:7px;background:var(--main);display:block;position:absolute;bottom:-7px;left:50%;margin-left:-3.5px;border-radius:50%;transition:all .3s ease;} */
#page-header .mainheader .menu li.current-menu-item > a{color:var(--font);}
#page-header .mainheader .menu li a{font-weight:600;display:block;padding:5px 10px;color:var(--font-hell);text-transform: uppercase;}
#page-header .mainheader .menu li > a:hover{color:var(--font);transition:all .3s ease;}
#page-header .mainheader .menu > li:last-child{padding-left:30px;}
#page-header .mainheader .menu > li:last-child a{color:var(--white);display:inline-block;background:var(--button);border-radius:0;padding:0px 30px;}
#page-header .mainheader .menu > li:last-child:after{display:none;}

#page-header .mainheader .menu li.menu-item-has-children .sub-menu{display:none;position:fixed;top:97px;left:50%;width:100%;max-width:1400px;transform:translateX(-50%);background:var(--white);-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);z-index:1000;text-align:left;padding:5px 0 5px 10px;}
#page-header .mainheader .menu li.menu-item-has-children:hover > .sub-menu{display:block;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li{padding:5px;width:19.6%;text-align:left;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a{padding:0;position:relative;overflow:hidden;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a img{width:100%;transition:all .3s ease;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a:hover img{transform:scale(1.05);transition:all .3s ease;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a span{position: absolute;bottom: 20px;left: 0;padding: 5px 10px;line-height:1.2;background: var(--white);font-size: 80%;font-weight: 600;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li.current-menu-item a{color:var(--font);}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li.current-menu-item:after{display:none;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{left:100%;top:-10px;background:var(--font);}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li a{color:var(--white);}

#page-header .topheader{width:100%;text-align:right;margin: -15px 0px 15px;}
#page-header .topheader .infos{width: max-content;display: inline-block;}
#page-header .topheader .infos .telefon{position:relative;color:var(--font-hell);font-weight:600;margin-right:75px;font-size:80%;}
#page-header .topheader .infos .telefon:hover{color:var(--font);transition:all .3s ease;}
#page-header .topheader .infos .telefon:before{content:'';display:block;width:16px;height:16px;position:absolute;top:0;left:-25px;background:url('media/telefonicon.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
#page-header .topheader .infos .mail{position:relative;color:var(--font-hell);font-weight:600;margin-right:0;font-size:80%;}
/* #page-header .topheader .infos .mail{position:relative;color:var(--font-hell);font-weight:600;margin-right:75px;font-size:80%;} */
#page-header .topheader .infos .mail:hover{color:var(--font);transition:all .3s ease;}
#page-header .topheader .infos .mail:before{content:'';display:block;width:16px;height:16px;position:absolute;top:0;left:-25px;background:url('media/mailicon.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
#page-header .topheader #wpmlmenu{width: max-content;display: inline-block;}
#page-header .topheader #wpmlmenu .wpml-ls-item-de, #page-header .socials #wpmlmenu .wpml-ls-item-en{margin:0;}
#page-header .topheader #wpmlmenu ul{display:flex!important;} 
#page-header .topheader #wpmlmenu ul li{margin:0px;padding-left: 0px;}
#page-header .topheader #wpmlmenu ul li::before{display: none;}
#page-header .topheader #wpmlmenu .wpml-ls-item-de:before, #page-header .socials #wpmlmenu .wpml-ls-item-en:before{display:none;}
#page-header .topheader #wpmlmenu .wpml-ls-item-de .wpml-ls-link{position:relative;padding-right: 10px;}
#page-header .topheader #wpmlmenu .wpml-ls-item-de .wpml-ls-link:before{content:'DE';width:25px;height:25px;color:#E4E4E4;font-weight:600;font-size:80%;}
#page-header .topheader #wpmlmenu .wpml-ls-item-de .wpml-ls-link:after{content:'';width:2px;height:18px;background:var(--font);display:block;position:absolute;top:0;right:0;}
#page-header .topheader #wpmlmenu .wpml-ls-item-en .wpml-ls-link{position:relative;}
#page-header .topheader #wpmlmenu .wpml-ls-item-en .wpml-ls-link:before{content:'EN';width:25px;height:25px;color:#E4E4E4;font-weight:600;font-size:80%;}
#page-header .topheader #wpmlmenu .wpml-ls-link span{display:none;}
#page-header .topheader #wpmlmenu .wpml-ls-current-language .wpml-ls-link:before{color:var(--font);}  
#page-header .topheader .wpml-ls-legacy-list-horizontal{border: none; padding: 0px;}
#page-header .topheader .wpml-ls-legacy-list-horizontal a{padding: 0px 7.5px 0px;}

#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;background:var(--white);-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein 1s; /* Firefox < 16 */-ms-animation: fadein 1s; /* Internet Explorer */-o-animation: fadein 1s; /* Opera < 12.1 */animation: fadein 1s;-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);z-index:999;}
#page-header.bottom .logo img{width:50%;}
#page-header.bottom .topheader{display:none;}
#page-header.bottom .mainheader .menu li.menu-item-has-children .sub-menu{top:55px;}


/*------------------------------------Footer-------------------------------------------------*/

.footer_zertifikate{margin-bottom:50px;padding-top:75px;}
.footer_zertifikate .row{margin-top:50px;}
.footer_zertifikate .item{padding:15px;height:100%;background:var(--white);-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);}
.footer_zertifikate .item a{display:block;height:100%;position:relative;padding-bottom:35px;}
.footer_zertifikate .item .icon{max-width:35%;display:block;margin: auto;}
.footer_zertifikate .item .headline{display:block;margin:25px 0;font-weight:600;font-size:100%;text-align:center;line-height:1.3;}
.footer_zertifikate .item .btn{width:100%;position: absolute;bottom:0;}

#page-footer{background:var(--hell);padding:50px 0 25px;position: relative;z-index:5;}

#page-footer .logo img{max-width:80%;}
#page-footer .headline{font-size:100%;margin-bottom:15px;font-weight:600;}
#page-footer li:before{display:none;}
#page-footer a{position:relative;color:var(--font);display:block;margin-bottom:5px;font-weight:300;padding-left:0;}
#page-footer a:hover{transition:all .3s ease;color:var(--main);}

#page-footer .adresse{position:relative;color:var(--font);display:block;padding-left:0;margin-bottom:10px;}
#page-footer .info li{padding:0;margin:0;}

#page-footer .copyright{display:block;width:100%;margin-top:50px;}
#page-footer .copyright span{float:left;width:50%;text-align:left;color:var(--font);font-size:75%;}
#page-footer .copyright .menu-footermenu-container{float:left;width:50%;text-align:right;}
#page-footer .copyright .menu-footermenu-container .menu{line-height:1.3;}
#page-footer .copyright .menu-footermenu-container li{display:inline-block;padding:0 5px;margin:0;color:var(--font);font-size:75%;position:relative;}
#page-footer .copyright .menu-footermenu-container li:after{content:'|';position:absolute;top:-5px;right:-4px;}
#page-footer .copyright .menu-footermenu-container li:last-child:after{display:none;}
#page-footer .copyright .menu-footermenu-container li a{padding:0;margin:0;line-height:1;}



/*------------------------------ACF-Flexible-Content-----------------------------------------*/

.inhaltsbloecke{margin-top:125px;}
div[class^="flx_"], div[class*="flx_"]{padding:75px 0;}

.flx_headerblock{position:relative;padding:0!important;}
.flx_headerblock img{width:100%;height:auto;}
.flx_headerblock .content{position:absolute;bottom:20%;z-index:10;width:70%;}
.flx_headerblock .content .headerbox{margin:50px 0;}
.flx_headerblock .content .headerbox .headline{font-size:400%;text-transform:uppercase;color:var(--white);width:100%;}
.flx_headerblock .content .subline{color:var(--white);}

.flx_headerblock.mitfarbe{padding:50px 0!important;}
.flx_headerblock.mitfarbe .content{position:unset;width:100%;}
.flx_headerblock.mitfarbe .content .headerbox{margin:0;}

.flx_headerblock.mitbild:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--black);opacity:0.35;}
.flx_headerblock.mitbild .btn{float:left;}
.flx_headerblock.mitbild .youtube-btn{float:left;margin-left: 25px;width: 50px;height: 50px;background:url('media/playbutton.jpg');background-position:center;background-repeat:no-repeat;background-size:100%;border-radius:50%;cursor:pointer;}
.flx_headerblock.mitbild .youtube-btn:hover{transform:scale(1.05);transition:all .3s ease;}
.flx_headerblock.mitbild .youtube-wrapper{display:none;position: fixed;top: 20%;left: 20%;right: 20%;bottom: 15%;-webkit-box-shadow: 20px 20px 25px -15px rgba(0,0,0,0.5);-moz-box-shadow: 20px 20px 25px -15px rgba(0,0,0,0.5);box-shadow: 20px 20px 25px -15px rgba(0,0,0,0.5);z-index:10;}
.flx_headerblock.mitbild .youtube-wrapper.visable{display:block;}
.flx_headerblock.mitbild .youtube-wrapper iframe{border: none;}
.flx_headerblock.mitbild .youtube-wrapper .youtube-close{position:absolute;top:-25px;right:-25px;background:var(--main);color:var(--white);display:block;width:50px;height:50px;text-align: center;font-size: 155%;font-weight: 600;cursor:pointer;transition:all .3s ease;}
.flx_headerblock.mitbild .youtube-wrapper .youtube-close:hover{background:var(--font);transition:all .3s ease;}
.flx_headerblock.mitbild .youtube-background{display:none;position:fixed;top:0;right:0;left:0;bottom:0;background:var(--black);opacity:0.7;z-index:5;}
.flx_headerblock.mitbild .youtube-background.visable{display:block;}

.flx_headerblock.mitvideo:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--black);opacity:0.3;}
.flx_headerblock.mitvideo video{margin-bottom:-10px;}

.flx_seitenteaser .row{justify-content:center;}
.flx_seitenteaser .item{position:relative;display:block;margin:15px 0;}
.flx_seitenteaser .item:before{content:'';background:var(--black);opacity:0.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;}
.flx_seitenteaser .item:hover:before{opacity:0.3;transition:all .3s ease;}
.flx_seitenteaser .item img{width:100%;height:auto;}
.flx_seitenteaser .item .content{position: absolute;bottom:35px;left:35px;z-index:5;}
.flx_seitenteaser .item .content .headline{color:var(--white);text-transform:uppercase;font-size:200%;line-height:1.1;padding-right:15px;}

.flx_seitenteaser.ganzebreite{padding-top:15px;}
.flx_seitenteaser.ganzebreite .item .content .btn-arrow:after{transition: all .3s ease;}
.flx_seitenteaser.ganzebreite .item:hover .content .btn-arrow:after{right:-45px;transition: all .3s ease;}

.flx_seitenteaser.imcontainer .item .content{left:0;}
.flx_seitenteaser.imcontainer .item .content .headline{padding:0 35px;min-height:50px;}
.flx_seitenteaser.imcontainer .item .content .btn-arrow{padding:10px 60px 10px 35px;background:var(--main);margin-top: 15px;display: block;width: max-content;transition:all .3s ease;}
.flx_seitenteaser.imcontainer .item:hover .content .btn-arrow{padding-right:70px;transition:all .3s ease;}
.flx_seitenteaser.imcontainer .item .content .btn-arrow:after{top:18px;right:15px;}

/* .flx_bildblock{padding:0!important;} */
.flx_bildblock img{width:100%;}
.flx_bildblock.einbild{padding:0!important;}
.flx_bildblock.einbild .imageone{width:100%;display:block;}
.flx_bildblock.zweibilder .imageone{width:75%;display:block;margin-left:25%;}
.flx_bildblock.zweibilder .imagetwo{width: 40%;margin-top: -10%;}

.flx_textblock .headline{margin-bottom:15px;}
.flx_textblock .text ul{margin:25px 0;}
.wartung-instandhaltung.german .flx_textblock .col-md-12.text{margin-top: -150px;}

.flx_textblock.textzwei .left .inner{padding-right:50px;}
.flx_textblock.textzwei .right .inner{padding-left:50px;}
.flx_textblock.textzwei .inner ul{margin-top: 35px;}

.flx_textblock.mitbildlinks .bild{padding-right:100px;}
.flx_textblock.mitbildlinks .bild img{margin-bottom:30px;}
.flx_textblock.mitbildrechts .bild{padding-left:100px;}
.flx_textblock.mitbildrechts .bild img{margin-bottom:30px;}
.schadensanalyse.german .flx_textblock.mitbildrechts h3 strong{  line-height: 1;}

.flx_textblock.headlinelinks{background:var(--hell);}
.flx_textblock.headlinelinks .inhalt{padding-left:50px;border-left:2px solid var(--font);}
.flx_textblock.headlinelinks .headerbox{padding-right:50px;}
.flx_textblock.headlinelinks .headerbox .headline{font-size:265%;}

.flx_textblock.mitslider .sliderwrapper{position: relative;}
.flx_textblock.mitslider .sliderwrapper .slider{width:50vw;}
.flx_textblock.mitslider .sliderwrapper .slider .owl-nav{top:unset;bottom:-15px;}
.flx_textblock.mitslider .sliderwrapper .slider .owl-nav .owl-prev{display:block;width:15px;height:30px;background:url('media/owl-arrow.png');background-size:100%;background-position:center;background-repeat:no-repeat;left:0px;}
.flx_textblock.mitslider .sliderwrapper .slider .owl-nav .owl-next{display:block;width:15px;height:30px;background:url('media/owl-arrow.png');background-size:100%;background-position:center;background-repeat:no-repeat;left:75px;}

.flx_kontaktformular .background{position:relative;z-index:-1;margin-bottom:50px;width: 100%;}
.flx_kontaktformular .headline{margin-bottom:25px;}
.flx_kontaktformular .inhalt{margin:50px 0;}
.flx_kontaktformular .telefon{position:relative;color:var(--font);font-weight:600;font-size:100%;padding-left:40px;display:block;margin:10px 0;}
.flx_kontaktformular .telefon:before{content:'';display:block;width:30px;height:30px;position:absolute;top:0;left:0;background:url('media/telefonicon.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
.flx_kontaktformular .mail{position:relative;color:var(--font);font-weight:600;font-size:100%;padding-left:40px;display:block;margin:10px 0;}
.flx_kontaktformular .mail:before{content:'';display:block;width:30px;height:30px;position:absolute;top:0;left:0;background:url('media/mailicon.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
.flx_kontaktformular .facebook{position:relative;color:var(--font);font-weight:600;font-size:100%;padding-left:40px;display:block;margin:10px 0;}
.flx_kontaktformular .facebook:before{content:'';display:block;width:30px;height:30px;position:absolute;top:0;left:0;background:url('media/facebookicon.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
.flx_kontaktformular .instagram {position:relative;color:var(--font);font-weight:600;font-size:100%;padding-left:40px;display:block;margin:10px 0;}
.flx_kontaktformular .instagram:before{content:'';display:block;width:30px;height:30px;position:absolute;top:0;left:0;background:url('media/instagramicon.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
.flx_kontaktformular .linkedin{position:relative;color:var(--font);font-weight:600;font-size:100%;padding-left:40px;display:block;margin:10px 0;}
.flx_kontaktformular .linkedin:before{content:'';display:block;width:30px;height:30px;position:absolute;top:0;left:0;background:url('media/linkedinicon.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
.flx_kontaktformular .xing{position:relative;color:var(--font);font-weight:600;font-size:100%;padding-left:40px;display:block;margin:10px 0;}
.flx_kontaktformular .xing:before{content:'';display:block;width:30px;height:30px;position:absolute;top:0;left:0;background:url('media/xingicon.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
.flx_kontaktformular .anfahrt{margin-top:50px;position:relative;}
.flx_kontaktformular .anfahrt .btn{position:absolute;top:-15px;right:-50px;}
.wpcf7 form.sent .wpcf7-response-output{border-color: #00a0d2;}
.wpcf7 form.invalid .wpcf7-response-output{border-color: #00a0d2;}

.flx_kontaktformular .formular{padding:50px;margin-top:-125px;background:var(--white);-webkit-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);}
.flx_kontaktformular .formular .headline{font-size: 275%;font-weight: 700;display: block;color: var(--font);line-height: 1;margin-bottom:25px;}
.kontakt.german .flx_textblock h1{font-size: 500%;}

.flx_karriereteaser .background{position:relative;z-index:-1;width: 100%;}
.flx_karriereteaser .wrapper{padding:75px;margin-top:-275px;background:var(--white);-webkit-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);}
.flx_karriereteaser .wrapper .headerbox{margin-bottom:50px;position:relative;width:80%;}
.flx_karriereteaser .wrapper .headerbox .topline{left:unset;right:0;}
.flx_karriereteaser .wrapper .headerbox .topline:after{right:unset;left:-130px;transform:rotate(180deg);}
.flx_karriereteaser .wrapper .headerbox .headline{width:100%;margin-bottom:25px;}
.flx_karriereteaser .wrapper .headerbox .badge{display:block;width:250px;height:250px;background:var(--main);border-radius:50%;position:absolute;right:-275px;top:-125px;font-size:190%;text-align:center;padding:75px 0;color:var(--white);line-height:1;text-transform:uppercase;font-weight:900;transform:rotate(7.5deg);-webkit-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);}
.flx_karriereteaser .wrapper .stellen .subline{font-size: 150%;text-transform: uppercase;color: var(--main);font-weight: 600;display: block;margin-bottom: 50px;padding-left:0;}
.flx_karriereteaser .wrapper .stellen .subline:before{display:none;}
.flx_karriereteaser .wrapper .stellen .item{padding:0 0 15px;margin:15px 0 0;display: block;border-bottom: solid 1px var(--font);position:relative;}
.flx_karriereteaser .wrapper .stellen .item:before{content:'';width:35px;height:35px;border-radius:50%;position:absolute;top:calc(50% - 5px);right:35px;transform:translateY(-50%);transition:all .3s ease;background:url('media/arrow_right_black.png');background-size:50%;background-repeat:no-repeat;background-position:center;}
.flx_karriereteaser .wrapper .stellen .item:hover:before{right:0;background:url('media/arrow_right_blue.png');background-size:50%;background-repeat:no-repeat;background-position:center;transition:all .3s ease;}
.flx_karriereteaser .wrapper .stellen .item .name{font-weight:600;color:var(--font);transition:all .3s ease;display:block;}
.flx_karriereteaser .wrapper .stellen .item:hover .name{color:var(--main);transition:all .3s ease;}
.flx_karriereteaser .wrapper .stellen .item .name .mwd{font-weight:300;font-size:75%;display:block;margin-top:-5px;}
.flx_karriereteaser .wrapper .btn{margin-top:50px;}

.flx_werschaetzungskette .background{position:relative;z-index:-1;}
.flx_werschaetzungskette .headerbox{padding:15px;margin: -35px 0 25px;background:var(--white);text-align:center;-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);}
.flx_werschaetzungskette .headerbox .headline{font-size:200%;color:var(--font);}
.flx_werschaetzungskette .kacheln .item{padding:15px;margin:15px 0;position:relative;transition:all .3s ease;}
.flx_werschaetzungskette .kacheln .item .headline{color:var(--white);width:100%;font-weight:600;font-size:115%;line-height:1.2;transition:all .3s ease;display:block;padding-left:0;}
.flx_werschaetzungskette .kacheln .item .icon{max-height:calc(100% + 10px);position:absolute;left:-25px;top:-5px;opacity:0.6;}
.flx_werschaetzungskette .kacheln .item .infos{opacity:0;position: absolute;top:calc(100% - 2px);left:0;transition:all .3s ease;background:var(--white);width:100%;z-index:9;padding:10px;}
.flx_werschaetzungskette .fertigung .kacheln .item .infos{border:solid 2px #002c50;}
.flx_werschaetzungskette .entwicklung .kacheln .item .infos{border:solid 2px #005484;}
.flx_werschaetzungskette .service .kacheln .item .infos{border:solid 2px #0879b9;}
.flx_werschaetzungskette .kacheln .item .infos li{margin:5px 0;color:var(--font);display: inline-block;padding: 0 5px 0 20px;}
.flx_werschaetzungskette .kacheln .item .infos li:before{content:'//';font-weight:600;background:transparent;top:0;}

.flx_werschaetzungskette .kacheln .item:hover .headline{padding-left:15px;transition:all .3s ease;}
.flx_werschaetzungskette .kacheln .item:hover .infos{opacity:1;transition:all .3s ease;}

.flx_timeline ul.timeline-list {position: relative;margin: 0;padding: 0}
.flx_timeline ul.timeline-list:before {position: absolute;content: "";width: 2px;height: 100%;background-color:var(--main);left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.flx_timeline ul.timeline-list li {position: relative;clear: both;display: table;width: 100%;padding:0;}
.flx_timeline ul.timeline-list li .timeline_content {width: 45%;color: #333;padding: 30px;float: left;text-align: left;}
.flx_timeline ul.timeline-list li:nth-child(2n) .timeline_content {float: right;text-align: left;}
.flx_timeline ul.timeline-list li:before {position: absolute;content: "";width: 25px;height: 25px;background-color:var(--main);left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.flx_timeline ul.timeline-list li:after {position: absolute;content: "";width: 50px;height: 1px;border: 1px solid var(--main);left: 47.5%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.flx_timeline ul.timeline-list li:nth-child(2n):after {position: absolute;content: "";width: 50px;height: 1px;border: 1px solid var(--main);left: 52.5%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.flx_timeline .timeline_content {-webkit-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);;background-color:#fff;}
.flx_timeline .timeline_content span {color: var(--main);font-size:200%;font-weight:900;}
.flx_timeline .timeline_content p{font-size:85%;}
.flx_timeline  #experience{padding-top: 400px; margin-top: -400px;}
/* 
.flx_timeline ul.timeline-list {position: relative;margin: 0;padding: 0}
.flx_timeline ul.timeline-list:before {position: absolute;content: "";width: 2px;height: 100%;background-color:var(--main);left: 0;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.flx_timeline ul.timeline-list li {position: relative;clear: both;display: table;width: 100%;padding:0;}
.flx_timeline ul.timeline-list li .timeline_content {width: 95%;color: #333;padding: 30px;float: right;text-align: left;}
.flx_timeline ul.timeline-list li:nth-child(2n) .timeline_content {float: right;text-align: left;}
.flx_timeline ul.timeline-list li:before {position: absolute;content: "";width: 25px;height: 25px;background-color:var(--main);left: 0;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.flx_timeline ul.timeline-list li:after {position: absolute;content: "";width: 50px;height: 1px;border: 1px solid var(--main);left: 2.5%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.flx_timeline ul.timeline-list li:nth-child(2n):after {position: absolute;content: "";width: 50px;height: 1px;border: 1px solid var(--main);left:2.5%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.flx_timeline .timeline_content {-webkit-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);;background-color:#fff;}
.flx_timeline .timeline_content span {color: var(--main);font-size:150%;font-weight:600;} 
*/

.flx_iconblock{margin:0 0 50px;background:#f2f2f2;padding:150px 0;}
.flx_iconblock .item{padding:0 15px;margin:25px 0;text-align:center;}
.flx_iconblock .item img{max-width:35%;margin:0 auto 25px;display:block;}
.flx_iconblock .item img.full{max-width:100%;}

.flx_accordionblock .card{margin-bottom:25px;}
.flx_accordionblock .card-header .mb-0{font-size:100%;}
.flx_accordionblock .card-header .mb-0 button{width:100%;text-align:left;padding:10px 15px 10px 50px;position: relative;}
.flx_accordionblock .card-header .mb-0 button:before{content:'-';position:absolute;top:-2.5px;left:15px;font-size: 175%;font-weight: 300;}
.flx_accordionblock .card-header .mb-0 button.collapsed:before{content:'+';position:absolute;top:0;left:15px;font-size: 175%;font-weight: 300;}

.flx_accordionblock .card-body{padding:15px;border:solid 1px var(--main);}

.inhaltsbloecke .flx_zurueck{padding: 20px 0px 15px;} 
.inhaltsbloecke .flx_zurueck .zurueckbutton .btn{background-color: transparent; color: var(--font);display: flex;justify-content: end;}
.inhaltsbloecke .flx_zurueck .zurueckbutton .btn::before{content:'';display:flex; justify-content: end;margin-top: -20px; width:60px;height:60px;background:url('media/pfeil-zurueck.png');background-repeat:no-repeat;background-position:center;background-size:100%;}
/* .inhaltsbloecke .flx_zurueck .zurueckbutton .btn:hover::before {transform: rotate(-100deg);transition:all .4s ease;} */
.inhaltsbloecke .flx_zurueck .zurueckbutton .btn:focus{box-shadow: none;}

/*----------------------------------Abweichungen---------------------------------------------*/
.container-fluid{padding-left: 0px!important;padding-right: 0px!important;display: flex;}
.container-fluid > .row{margin-left:0px!important;margin-right:0px!important;}

.impressum .flx_textblock .text ul{margin:0;}

.ueber-mich .flx_headerblock .content{top:35%;}

.lebensmittel-verpackungssektor .flx_bildblock.zweibilder .imagetwo{margin-top:-40%;}

.schweisserei .flx_textblock.headlinelinks ul li{display:inline-block;width:49%;margin:5px 0;}

.datenschutzerklaerung .flx_textblock .text h2{margin-bottom:25px;}

#page151 .headline{text-transform:none!important;}

/*-------------------------------------Karriere Single------------------------------------------*/

#karrieresingle{margin-top:200px;}
#karrieresingle .sidebar{padding-top:150px;margin-top:-150px;}
#karrieresingle .sidebar h2{font-size:175%;}
#karrieresingle .content .title{max-width:100%;margin:35px 0;line-height:1.2;font-size:250%;}
#karrieresingle .content h2{font-size:175%;}

#karrieresingle .bild{position:relative;}
#karrieresingle .badge{position:absolute;top:-50px;right:-50px;}
#karrieresingle .zur-bewerbung{display:none;margin:25px 0;background:#0077b8;font-weight:600;}
#karrieresingle .zur-bewerbung:hover{background:#444;color:#fff;}
#karrieresingle .singlepage-back{margin:75px 0;background:#0077b8;font-weight:600;}
#karrieresingle .singlepage-back:hover{background:#444;color:#fff;}
#karrieresingle .sidebar .headline{margin-bottom:25px;}

/*-------------------------------------Blog Übersicht------------------------------------------*/

#blog{padding:75px 0;}
#blog .inhalt{margin:25px -15px;}
#blog .item{margin:35px 0;position: relative;background:var(--white);-webkit-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);}
#blog .item .text{padding:25px;}
#blog .item .text .headline{font-size:150%;margin-bottom:15px;}
#blog .item .text .teasertext{display: block;margin: 15px 0;line-height: 1.4;}

#blog .right .item:first-child{display:none;}
#blog .right .item .text .headline{font-size:125%;}

/* #blog .item .weiterlesen{position:absolute;bottom:0;right:18px;} */

/*-------------------------------------Blog Single------------------------------------------*/

#blogsingle{margin-top:100px;padding:75px 0;}
#blogsingle .inhaltsbloecke{margin-top:0;}
#blogsingle .content .headline{margin-bottom:35px;}
#blogsingle .back_to_blog{position:fixed;right:50px;bottom:50px;}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){

    .inhaltsbloecke {margin-top: 115px;}

    .headline{font-size:200%;}
    .container{padding:0 35px;}

    .owl-carousel .owl-nav{top:unset;bottom:0;}
    .owl-carousel .owl-nav .owl-prev{left:0;}
    .owl-carousel .owl-nav .owl-next{right:0;}

    #page-header #toppermenu .menu li a{padding:5px 50px;}
    #page-header #toppermenu .menu > li:last-child{padding-left:15px;}

    #page-header #toppermenu .burgerbutton{display:block;width:40px;height:30px;position:absolute;top:35px;right:35px;cursor:pointer;}
    #page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background:var(--main);border-radius:20px;transition:all .3s ease;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:22px;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;}
    #page-header #toppermenu .menu{display: none; position:absolute;top:-25px;right:-110%;left:110%;bottom:0;transition:all .3s ease;background:var(--white);height:100vh;padding-top:50px;}
    #page-header #toppermenu .menu.active{display: block; right:-20px;left:50%;transition:all .3s ease;padding: 100px 0;}
    #page-header #toppermenu .menu li{display:block;padding:15px 0;width:90%;margin:0 auto;}
    #page-header #toppermenu .menu li.menu-item-has-children:after{content: '';display: block;width: 25px;height: 25px;background: url('media/arrow-left.svg');background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(-91deg);position: absolute;top: 50%;margin-top: -10px;right: 0;transition:all .3s ease;}
    #page-header #toppermenu .menu li.menu-item-has-children.active:after{transform: rotate(91deg);transition:all .3s ease;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu{left:40%;transform:translateX(-50%);top:50px;padding:15px;width:70%;max-height:85vh;overflow:scroll;}
    #page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu{display:none;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu{display:block;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li{width:32.9%;display:inline-block;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li a{padding:0;}
    #page-header #toppermenu .menu li.current-menu-item::after, #page-header .middle .menu li.current_page_parent::after{bottom:10px;}

    #page-header.bottom #toppermenu .burgerbutton{top:-5px;}

    #page-header .mainheader .menu li.menu-item-has-children .sub-menu{top: 95px;}
    /* #page-header .mainheader .menu li.menu-item-has-children .sub-menu li a span{left: 20px;} */

    div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}

    .flx_headerblock .content{top:10%;width:45%;}

    .flx_seitenteaser .item .content .headline{font-size: 150%;}

    .flx_karriereteaser .wrapper{margin-top: -205px;}

    .footer_zertifikate .item .headline{font-size: 90%;}

    .flx_textblock.headlinelinks .headerbox .headline{font-size: 215%;}

    .prototypenbau .flx_textblock.mitbildrechts .text{ margin-bottom: 50px;}
    .wartung-instandhaltung .flx_textblock.mitbildrechts .text{ margin-bottom: 50px;}

    .flx_timeline1 #timeline{left:0;}
    .flx_timeline1 #timeline .timline-container{left:15px;}

    #karrieresingle{margin-top:100px;}
    

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){

    input[type="submit"]{width:100%;}

    .inhaltsbloecke{margin-top:95px;}

    .headline{font-size:150%;}
    .subline {margin-bottom: 15px;line-height: 1.2;}
 
    /* #page-header #toppermenu .menu li a{padding:5px 10px;font-size:90%;} */
    /* #page-header #toppermenu .menu > li:last-child{padding-left:10px;} */
    #page-header.bottom .logo img{width:85%;}

    #page-header #toppermenu .burgerbutton{top:20px;}

    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li a span{left: 0px;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li{width: 19%;}

    .flx_headerblock .content .headline{font-size:200%;}
    .flx_headerblock.mitvideo .content a.btn{bottom: 20px;}
    .flx_headerblock.mitvideo .content .headerbox h1{font-size:180%;}
    .flx_headerblock .content p{font-size:100%;}
    .flx_seitenteaser .item .content{left:15px;bottom:15px;}

    .flx_seitenteaser .item .content .headline{font-size: 120%;}
    .flx_seitenteaser .item .content span.btn-arrow{font-size: 100%;}
    .flx_seitenteaser .item .content span.btn-arrow:after{width: 20px;height: 20px;}

    .flx_karriereteaser .wrapper{margin-top: -165px;}
    .flx_karriereteaser .wrapper .headerbox .badge{right: -255px;}

    .flx_textblock.headlinelinks .headerbox .headline{font-size: 175%;}

    .flx_headerblock .content{top:10%;width:90%;}

    .flx_kachelblock .leer{display:none;}
    .flx_kachelblock .right .item{padding:15px;}

    #direkt_kontakt.flx_kontaktformular .formular input[type="submit"]{width: 70%;}

    .kontakt #direkt_kontakt.flx_kontaktformular .formular .headline{font-size: 225%;}
    .kontakt #direkt_kontakt.flx_kontaktformular .anfahrt .btn{right: -20px;}

    .karriere .flx_iconblock .inhalt p{line-height: 1.3;}
    .karriere .flx_iconblock .item img{max-width: 75%;}

    .flx_timeline ul.timeline-list li .timeline_content, .flx_timeline ul.timeline-list li:nth-child(2n) .timeline_content{width:92.5%;float:left;margin:15px 0;text-align:right}
    .flx_timeline ul.timeline-list::before, .flx_timeline ul.timeline-list li::before{left:100%;}
    .flx_timeline ul.timeline-list li::after, .flx_timeline ul.timeline-list li:nth-child(2n)::after{left:96.5%;}

    .flx_textblock.mitslider .sliderwrapper .slider{width:75%}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    
    .inhaltsbloecke{margin-top:130px;}

    .headline{font-size:225%;}
    h2 {font-size: 250%;}

    #page-header .logo img{width:40%;}
    #page-header .topheader {text-align: left;}
    #page-header .topheader .infos{margin-top: 10px;margin-left: 30px;}
    #page-header .topheader #wpmlmenu { float: right;margin-top: 15px;}

    #page-header #toppermenu {order:1;}
    #page-header .w-logo {order:2;}

    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li{width:49.5%;}


    #page-header.bottom .logo img{width:35%;}

    .flx_headerblock .content p{font-size:101%;}
    .flx_headerblock .content .headerbox .headline {font-size:190%;}

    .flx_kachelblock{padding-top:50px!important;}
    .flx_kachelblock .right{margin-top:100px;}
    .flx_kachelblock .left{margin-top:0px;}
    .flx_kachelblock .right .item{margin-bottom:30px;}

    .flx_textblock .text{order:1;}
    .flx_textblock .bild{order:2;}
    .flx_textblock.textzwei .zwei{column-count: 1;}
    .flx_textblock.mitbildlinks .bild{padding-right:15px;}
    .flx_textblock.mitbildrechts .bild{padding-left:15px;}
    .flx_textblock.headlinelinks .inhalt{padding-left: 15px;}
    .flx_textblock.textzwei .right .inner{padding-left: 0;}

    .flx_textblock.mitslider .sliderwrapper .slider{width: 100%;}
    .flx_textblock.mitslider .sliderwrapper{margin-top: 30px;}

    .flx_karriereteaser {margin-top:150px;}
    .flx_karriereteaser .background{display: none;}
    .flx_karriereteaser .wrapper .stellen .subline {margin-top: 30px;}
    .flx_karriereteaser .wrapper .headerbox .badge{width: 220px;height: 220px;right: -205px;font-size: 180%;}

    .flx_kontaktformular input, .flx_kontaktformular textarea{width:100%;}
    .flx_kontaktformular .anfahrt .btn{right:80px;}
    .flx_kontaktformular .formular{margin-top: 20px;}

    .kontakt.german .flx_textblock h1 {font-size:320% ;}
    .kontakt.german .flx_textblock.textzwei h3 {font-size:150% ;}

    #direkt_kontakt.flx_kontaktformular .formular input[type="submit"]{width: 50%;}

    #page-footer a.logo{padding-left:0;}
    #page-footer .col-md-6{margin:25px 0;}
    #page-footer .copyright span{width:100%;}
    #page-footer .copyright .menu-footermenu-container{width:100%;text-align:left;}

    #blog .img img{width: 100%;height: auto;margin-bottom: 25px;}
    #blog .item:nth-child(2n) .date{left:0;right:unset;}

    #blogsingle{padding:50px 0;margin-top:85px;}

    .prototypenbau .flx_textblock.mitbildrechts .text{ margin-bottom: 30px;}
    .prototypenbau .flx_textblock.mitbildrechts .bild{ margin-bottom: 80px;}

    .wartung-instandhaltung .flx_textblock.mitbildrechts .text{ margin-bottom: 30px;}
    .wartung-instandhaltung .flx_textblock.mitbildrechts .bild{ margin-bottom: 80px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

    .inhaltsbloecke{margin-top: 120px;}
    .flx_headerblock .content .headerbox{margin: 40px 0;}

    #page-header #toppermenu .burgerbutton{top:50px;}

    .flx_headerblock.mitbild{position:relative;}
    .flx_headerblock.mitbild:before{content:'';background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 70%);}

    .flx_headerblock .content{position: unset;}
    .flx_headerblock .content .headerbox .headline{font-size: 300%; color:var(--font);font-size: 300%;}
    .flx_headerblock .content .headerbox .subline{ color:var(--font);font-size: 150%;}
    .flx_headerblock .content .headerbox {margin:30px 0;}

    .flx_headerblock.mitvideo::before{bottom: 212px;}

    .flx_iconblock .item img {margin:25px 0;}

    .flx_textblock.textzwei .right .inner{padding-left: 0px;}

    .flx_karriereteaser .wrapper .headerbox .badge{right: -175px;}
    .flx_karriereteaser .wrapper .headerbox .badge{right: -155px;width: 180px;height: 180px;font-size: 140%;top: -125px;padding: 50px 0;line-height: 1.3;}

    .flx_kontaktformular .anfahrt .btn{right: 10px;}

    #page-footer #newsletter input{width:100%;}

    #blogsingle{padding:0;margin-top:85px;}
    #blogsingle .content .beitragsbild img{width: 100%;height: auto;margin-bottom: 25px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    .inhaltsbloecke, #kurssingle{margin-top:85px;}
    .container{padding:0 15px;}

    .headline{font-size:125%;line-height: 1.2;}
    .subline{font-size:90%;margin-bottom:5px;padding-left:10px;}
    /* .inhaltsbloecke{margin-top:85px;} */
    h3 { font-size: 160%;}
    h2 {font-size: 190%;}

#page-header .topheader{display:none;}
#page-header #toppermenu .menu.active{width:100%;left:0px;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu{position: fixed;top: 100px;width: 85%;left: 0;transform: translateX(0);height:650px;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li{width:100%;}

    #page-header .logo img{width:60%;}
    #page-header.bottom .logo img{width:45%;}
    #page-header #toppermenu .burgerbutton{top:-5px;}
    #page-header.bottom #toppermenu .burgerbutton{top:0;}
    
    .flx_headerblock.mitvideo::before{display:none;}
    .flx_headerblock .content{width:100%;}

    div[class^="flx_"], div[class*="flx_"]{padding:25px 0;}

    .flx_textblock.mitslider .sliderwrapper{margin-bottom: 30px;}

    .flx_kachelblock .right{margin-top:25px;}
    .flx_kachelblock .right .kachel:nth-child(2n-1) .item{margin-top:0;}

    .flx_headerblock.mitfarbe{height:125px;}

    .flx_headerblock .content{bottom:5%;}
    .flx_headerblock.mitvideo .content .headerbox h1{font-size: 150%;}
    .flx_headerblock .content .headline{font-size:150%;}
    .flx_headerblock .content .headerbox .headline{font-size: 135%;}
    .flx_headerblock .content p{font-size:90%;margin:15px 0;}

    .flx_karriereteaser .wrapper{margin-top: -65px;padding: 35px;}
    .flx_karriereteaser .wrapper .stellen .item::before{top: calc(50% - -5px);right: -5px;}
    .flx_karriereteaser .wrapper .headerbox .badge{right: -85px;width: 140px;height: 140px;font-size: 110%;top: -125px;padding: 30px 0;line-height: 1.3;}

    .flx_iconblock .item .inhalt h2{font-size: 125%;}

    .flx_kontaktformular .formular{margin-top: 0px;padding:25px;}
    .flx_kontaktformular .formular .headline{font-size:150%;}
    .flx_kontaktformular .background {display: none;}

    .kontakt.german .flx_textblock h1 {font-size:250% ;}

    .flx_timeline ul.timeline-list li::after, .flx_timeline ul.timeline-list li:nth-child(2n)::after{width:25px;}

    .flx_iconblock .item{padding:0;}
    .flx_iconblock .item img{max-width:75%;}

    .prototypenbau .flx_textblock.mitbildrechts .bild{margin-bottom: 120px;}
    .prototypenbau .flx_textblock .text{margin-bottom: 30px;}

    .wartung-instandhaltung .flx_textblock.mitbildrechts .bild{margin-bottom: 120px;}
    .wartung-instandhaltung .flx_textblock .text{margin-bottom: 30px;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

    .inhaltsbloecke, #kurssingle{margin-top:140px;}

    .headline{font-size:115%;}

    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu{top:140px;}


    .flx_headerblock .content .headerbox .subline {font-size: 120%;}
    .flx_headerblock .content .headline{font-size:125%;}
    .flx_headerblock .content p{font-size:80%;}

    #page-header .topheader .infos {display: none;}
    #page-header #toppermenu .menu.active{left:0;}
    #page-header .logo img{width: 80%;}
    .flx_headerblock.mitvideo::before{bottom: 222px;}

    #page-header.bottom #toppermenu .burgerbutton{top: 2px;}

    .flx_zurueck .zurueckbutton {font-size: 14px;}
    .inhaltsbloecke .flx_zurueck .zurueckbutton .btn {justify-content: inherit;}
   
    #page-header {padding: 45px 0;}
    #page-header #toppermenu .burgerbutton{top: 40px;}

    .flx_seitenteaser .item .content .headline{font-size: 120%;}
   
    .flx_kontaktformular .formular{padding: 20px;}
    .flx_kontaktformular .formular .headline{font-size: 190%;}
    .flx_kontaktformular .anfahrt .btn{top: -35px;}

    .kontakt.german .flx_textblock h1 {font-size:180%;}
    .kontakt #direkt_kontakt.flx_kontaktformular .formular .headline{font-size: 165%;}
    #direkt_kontakt.flx_kontaktformular .formular input[type="submit"] {width: 100%;}

    .flx_textblock.headlinelinks .headerbox .headline{font-size: 155%;}

    .flx_timeline1 #timeline .timline-container .time{width:200px;}
    .flx_timeline1 #timeline .timline-container .item{width:330px;}

    .flx_karriereteaser .wrapper .stellen .item::before {right: -20px;}

    #karrieresingle .content .title{font-size:170%;}
    #karrieresingle .badge {right: -20px;}

}