/*
Theme Name: BackaufTheme-Child
Theme URI: http://www.backauf.de/internetauftritt/
Description: Responsives HTML5 & CSS3 Theme mit SEO-Optimiertem HTML-Code
Version: 2.0 ALPHA
Author: Nico Gutmann
Author URI: http://www.backauf.de/internetauftritt/
Template: BackaufTheme
*/

/***********************************
*** YOUR CODE HERE
***********************************/
@import url('bootstrap.css');  @import url("https://use.typekit.net/tew5sjc.css");
.giovale *{font-family: gioviale, sans-serif!important;
font-weight: 400;
font-style: normal;}
.giovale-bold *{font-family: gioviale, sans-serif!important;
font-weight: 700;
font-style: normal;}
.recherche *{font-family: recherche, sans-serif;}
.text-center *{text-align:center;font-size:40px;}
.zitate h3.widget-title,.Zitate h3.widget-title{text-align:center!important;font-size:48px;line-height:1.4;font-family: recherche, sans-serif!important;font-style: normal;text-transform:initial;}
.zitate .siteorigin-widget-tinymce p,.Zitate .siteorigin-widget-tinymce p{text-align:center!important;}

/**************************
*** CSS Werte
**************************/
main{overflow-y:hidden;}
html{ scroll-behavior: smooth;}
body{font-family:bureau-grot, sans-serif !important;font-style:normal;font-weight:300;}
.welle{position:relative;}
.welle .sow-image-container:after{content:url("/wp-content/uploads/2020/02/Paninkret_Welle_lightblue_rand6px.png");position:absolute;bottom:-4px;z-index:999;width:100%;}
.welle .sow-slider-images .sow-image-container:after{bottom:-14px;}
#page{margin:0 !important;}
#withsidebar #page{margin-top: 120px !important;}
.sow-slider-pagination{margin-bottom:0px !important;}
header{border-top:0px !important;z-index:100000;}
header{margin-top:0px !important;}
header nav{margin-top:5px;}
header nav ul li a{color:#000;text-transform:uppercase;border-top:2px solid transparent;}
header nav ul li.menu-item-has-children a::after{content:'\2ef' !important;position:absolute;top:-11px;font-size:40px;}
header nav ul li.menu-item-has-children ul li a::after{content:' ' !important;position:absolute;top:-11px;font-size:40px;}
header nav ul li a:hover, header nav ul li.current_page_ancestor a{text-decoration:none;border-top-color:#146db4;}
header nav ul ul{padding-top:17px;}
header nav ul ul li:first-child a{border-top-color:transparent !important;}
header nav ul ul li a{border-top-color:black !important;}
header nav ul ul li a:hover{background-color:#d7edfc;}
header nav ul ul li.current-menu-item a, header nav ul ul li.current-menu-ancestor a{background-color:#d7edfc;}
.lang-item-en{padding-left:0px;}
.lang-item-de{padding-right:0px;}
.arrow img{width: 30px;height:auto;margin-top:-165px;z-index:999;position:absolute;margin-left:calc(50% - 15px);opacity:0;transition-duration:3s;}
.arrow img:hover{cursor:pointer;}
a{color:#0f4274 !important;}
ul li{color:#333;padding:5px;}
.arrowVisible img{opacity:1;transition-duration:3s;}
h1, h2, h3, h4, h5, h6{margin-bottom:1em !important;}
.imgShadow{box-shadow: 3px 3px rgba(0, 0, 0, 0.7);}

hr,.decoration{height:5px !important;background:#146db4 !important;width:10% !important;margin-right:90%;margin-bottom:25px;}
.sow-headline-container .decoration .decoration-inside{border:none!important}
.hrdouble{height:5px !important;background:#146db4 !important;width:20% !important;margin-right:80%;margin-top:-20px;}
.hr100{height:5px !important;background:#146db4 !important;width:10% !important;margin-right:90%;margin-top:-20px;}
.hrCenter{height:5px !important;background:#146cb4 !important;width:10% !important;margin:0 auto;margin-top:-20px;}
.hrHistory{width:122px !important;background:#146cb4 !important;margin-top:0px;}
#header_infos{display:none;}

.middle{width:1200px !important;margin:0 auto !important;}
.slider{width:100%;height:auto;}

.borderBlue{border:1px solid #146DB4;}
.borderRight{border:1px solid #146DB4;border-left:0px;height:436px;}
.borderLeft{padding:20px;border:1px solid #146DB4;height:396px;}
.smallRight{padding:10px;height:80px;width:50%;float:left;background-color:#d7edfc;}
.smallLeft{padding:10px;height:80px;width:50%;float:right;background-color:#d7edfc;}
.zsm > div{width:49.5% !important;}
.certificate img{height:150px !important;width:auto;}

.widget-title{font-weight:400 !important;}
.mehr_lesen_button{margin-top:-30px;}
.mehr_lesen_button p a{text-transform:uppercase;}
.back{color:#146BD4;background-color:#fff;border:0px;font-size:14px;text-align:center;font-weight:bold;height:30px;width:105px;position:relative;font-weight:500;text-transform:uppercase;text-align:left;
padding-left:40px;margin-bottom:25px;}
.back:hover{cursor:pointer;}
.back::before{content:'\1f850';font-size:28px;position:absolute;left:10px;top:-5px;}

.createBox{width:25%;min-height:30%;background-color:rgba(255, 255, 255, 0.75);margin-top:-27%;position:absolute;right:10%;padding:35px 25px;
padding-bottom:0px;display:block;}
.createHidden{width:25%;min-height:30%;background-color:rgba(255, 255, 255, 0.75);margin-top:-27%;position:absolute;right:10%;padding:35px 25px;
padding-bottom:0px;display:block;}
.boxSlider{width:25%;min-height:30%;background-color:rgba(255, 255, 255, 0.75);position:absolute;right:10%;padding:35px 25px;
padding-bottom:0px;display:block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}

.sow-headline-container *.sow-headline{line-height:32px !important;text-align:left!important;font-family:bureau-grot-condensed, sans-serif;font-size:30px;color:#0f4274 !important;text-transform:uppercase;margin-bottom:25px !important;text-align:left;}
.headCenter{font-family:bureau-grot-condensed, sans-serif;font-size:30px;color:#0f4274 !important;font-weight:bold;text-align:center;text-transform:uppercase;}
h3.widget-title{line-height:32px;text-align:left!important;font-family:bureau-grot-condensed, sans-serif;font-size:20px;color:#0f4274 !important;font-weight:bold;margin-bottom:0px !important;text-transform:uppercase;}
.subHeadCenter{font-family:bureau-grot-condensed, sans-serif;text-align:center;font-size:20px;color:#0f4274 !important;font-weight:bold;margin-bottom:0px;margin-top:1em;text-transform:uppercase;}
p{color:#333333 !important;font-size:18px;line-height:32px !important;}
.boxBlue{border: 1px solid #146db4;padding:20px;height:300px;}
.center{text-align:center;}
.linkRead{font-size:14px;font-weight:600}
#pg-54-6{margin-bottom:0px !important;}
#panel-621-1-0-0{margin:0px !important;}
.bigFBlue{font-size:22px;color:#1f4f7d !important;text-align:center;margin-bottom:0px;}
.biggerFont{font-size:18px;text-transform:uppercase;text-align:center;}
.quote{font-size:160px;margin-bottom:0px;text-align:center;margin-top:30px;}
.fontLink{font-size:17px;color:#333333;}
.nrHistory{font-size:32px;color:#0f4274 !important;font-weight:bold;margin-bottom:0px;}

.blueBG{background-color:#146db4;height:550px;}
.blueBG > div{padding-top:60px;}
.darkBlue{background-color:#0f4274;}
.lightBlue{background-color:#d7edfc;padding:50px 0;}
#blueTextProducts{padding-top:125px;padding-bottom:50px;margin-top:-30px!important;#margin-bottom:-30px!important}
#blueTextProducts h3{text-align:center; color:#fff; line-height: 3;}
#blueTextProducts h3 a{color:#fff!important}
#blueTextProducts h3 .createArrow:before{color:#fff!important;font-size:26px;}
.abstandUnten{margin-bottom:80px !important;}
.direkt{margin-bottom:0px !important;}
.maps{border-top:1px solid #d7edfc;}
.maps > div > div{line-height:0 !important;}
.headerItems{width:380px;float:right;margin-top:-8.5%;margin-right:30%;}
.fadeIMG > div div{position:relative;}
.fadeIMG > div > div::before{content:" ";position:absolute;background:rgb(255,255,255);width:30px;height:390px;background:linear-gradient(90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
.fadeIMG > div > div >img{height:390px !important;}
.sliderAbstand{margin-bottom:100px !important;}
.abstand200{margin-bottom:200px !important;}
.abstand150{margin-bottom:150px !important;}
.abstand80{margin-bottom:80px !important;}
.abstand30{margin-bottom:30px !important;}
.keinAbstand{margin-bottom:0 !important;}
.homeProduktion{margin-top: -30px;padding: 100px 0;}
.homeProduction{margin-top: -60px;padding: 100px 0;}

.buttonBewerbung{padding:9px 30px;background-color:#fff;border:1px solid #146db4;}
.buttonBewerbung:hover{cursor:pointer;}

.fa{padding-right:5px;}
.fa-long-arrow-right{padding-left:10px;}

.kontaktText{padding:15px 15px 0;position:absolute;top:388px;width:calc(100% - 42px);}
.kontaktBeschreibung{transition-duration:0.8s;opacity:0;position:absolute;min-width:378px;min-height:390px;top:0px;background-color:rgba(0, 0, 0, 0.75)}
.kontaktBeschreibung .fa-envelope-o{font-size:42px;}
.kontaktBeschreibung .fa-phone{font-size:42px;}
.kontaktBeschreibung p{font-size:24px;color:white !important;text-align:center;margin-top:100px;margin-bottom:0px;}
.kontaktBeschreibung a{font-size:24px;color:white !important;text-align:center;margin-top:100px;margin-bottom:0px;}
.kontaktContainer:hover > div > div > div > div > div.kontaktBeschreibung{opacity:1;transition-duration: 0.8s;}
.kontaktContainer{position:relative;height: 500px;width:378px;margin-bottom: 50px;}
.borderDark{height:500px;width:378px;}
.kontaktIMG{position:absolute;min-width:378px;min-height:390px;}

footer{margin:0 !important;}

.searchButton{border:0px;background-color:transparent;}
.fa-search{transform:scaleX(-1);font-size:20px !important;}

#sprachumschalter{float:right;margin-top:2%;}
#sprachumschalter .widget{float:left;}
#sprachumschalter ul{list-style:none;float:left;margin-right:25px;margin-top:0px;margin-left:5px;padding:0;}
#sprachumschalter ul li{display:inline;padding:0;}
#sprachumschalter p{font-size:12px;float:left;}

.so-widget-sow-image h3.widget-title{margin-top: 5px;font-size: 16px;}

ol.sow-slider-pagination li a{width:26px !important;height:26px !important;border-radius:13px !important;}
.sow-slider-pagination{text-align:center !important;bottom:70px !important;}
.cycle-slide, .cycle-slide-active{background-color:white !important}
.sow-slider-image-wrapper{padding:0px !important;max-width:1920px !important;}
#pg-54-5{margin-bottom:0px !important;}

.lBlueBG{background-color:#e0f1fd;padding:30px;}
.lBlueBG p{font-size:16px;text-transform:uppercase;}
.darkBlueBG{background-color:#166db5;height:60px;}
.darkBlueBG:before{font-family: "FontAwesome";content: '\f095';margin-left: 17px !important;transform: rotate(0deg);margin-top: 5px;font-size: 50px;color: #fff;position: absolute;}
.normalBlueBG{background-color:#1a80d4;height:60px;}
.normalBlueBG:before{font-family: "FontAwesome";content: '\f003';font-size: 42px;color: #fff;position: absolute;margin-top: 8px;}
.lightBlueBG{background-color:#4799DC;height:60px;}
.lightBlueBG:before{font-family: "FontAwesome";content: '\f02f';font-size: 42px;color: #fff;position: absolute;margin-top: 9px;margin-left:16px !important}
.ultraLightBlue{background-color:#5daef1;height:60px;}
.ultraLightBlue:before{font-family: "FontAwesome";content: '\f002';height: 45px;color: #fff;position: absolute;font-size: 42px;margin-top: 7px;margin-left: 17px !important;}
#rightside{position:fixed;clear:both;height:240px;right:-270px;width:340px;top:20px;cursor:pointer;list-style:none;transition:right 1.5s ease-in-out;background-color:blue;z-index:20000;}
#rightside.MagicDingDong{right:0px;}
#rightside a{text-align:left;line-height:60px !important;font-size:22px;margin-left:75px;padding-top:0px;color:white !important;}
#rightside a:hover{text-decoration:underline;}
#rightside > *::before{margin-left:15px;}
#rightsideClick{width:70px;height:241px;position:fixed;margin-top:-133px;right:0;z-index:99999;}
#rightsideClick:hover{cursor:pointer;}
#rightsideClick.MagicDingDong{right:270px}
.search-form{margin-left:75px;}
.search-field{margin-top:10px;height:40px;width:85%;border: none;padding-left: 5px;}

footer .textwidget{font-size:20px !important;color:#fff !important;font-weight:100 !important;}

footer ul {list-style:none;padding-left:0px;margin-top:50px;}
footer ul li{padding-left:0px}
footer ul li a{font-size:18px;}

footer a{color:#fff !important;font-size:18px !important;font-weight:100 !important;}
footer .underline{border-bottom:1px solid white;padding-bottom:3px;}
footer p{color:white !important;padding-top:20px;font-size:20px !important;line-height:36px !important;margin-bottom:0px !important;font-weight:100 !important;}
.footerCenter,.footerCenter a{font-size:14px !important;text-align:center;}
footer .widget > div > div{margin-bottom:0px !important;}
.pThin{font-weight:100 !important;font-size:18px !important;}

.createArrow:before{content:"\2192";font-size:24px;color:#0f4274;}
footer .createArrow:before{content:"\2192";font-size:24px;color:white;}

#logo{padding-right:20px !important;}

.wrapper{}
  div[class*="history"] .right{margin-right:-1430px !important;transition-duration: 2s;width:94%;}
  div[class*="history"] .left{opacity:0;transition-duration: 2s;}



div .slideright .right{margin-right:0px !important;}
div .slideright .left{opacity:1 !important;}

@media screen and (min-width:1600px) and (max-width:1680px) {

}
@media screen and (max-width:1680px) {
.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper{height:auto!important}
div[class*="so-widget-sow-layout-slider-default-"]{min-height:auto!important}
.welle .sow-slider-images .sow-image-container:after{bottom:8px;}
.welle .sow-image-container:after{bottom:-6px}
}
@media screen and (max-width:1201px){
.kontakt_mobile_no_flex > div{width: 400px!important}
.lang-item-en{margin-left:5px !important;}
.middle{width: 90%!important;}
.createBox{width:50%;margin-top: -32%}
.smallRight{width:100%;margin-left:-1%;margin-right:0% !important;float:left;}
.smallLeft{width:100%;margin-left:-1%;margin-right:0% !important;float:left;}
.boxSlider{width:50%;top:40%;transform:translateY(-40%);}
.zsm >div{width: 98%!important}
}

@media screen and (max-width:1025px){
.kontakt_mobile_no_flex{display: block!important;}
.kontakt_mobile_no_flex > div{margin: 1%;min-width: 400px;float: left;display: block;}
.createBox{width:65%;margin-top: -34%}
header .middle{display:none;}
.mob-menu-header-holder{height: 100px!important;background-color: #fff!important;z-index:100000!important}
.mobmenu-panel{position:fixed;top:110px;}
#rightside{top:125px;}
#rightsideClick{margin-top:68px;}
body header nav .menu-hauptmenue-container{display:none !important;}
.boxSlider{width:60%;top:47%;}

}

@media screen and (max-width:901px){
.kontaktContainer.active > div > div > div > div > div.kontaktBeschreibung{opacity:1}
  .mobileDisplay{display:none;}
  .mobileTop{margin-top:-125px !important;}
.createBox{width: calc(80% - 50px);margin-top: -36.4%;}
.boxSlider{width: calc(80% - 50px);}
.footerCenter{max-width:100%;}
footer .blueBG{height:auto;}
#rightside{top:110px;}
.sow-headline-container{max-width:90%;}
.so-widget-sow-editor{max-width:90%;}
}

@media screen and (max-width:801px){
  .kontakt_mobile_no_flex{width: 400px!important;}
main{margin-top: 60px!important;}
.createBox{width: calc(100% - 50px);margin-top: -38%;right:0;}
.boxSlider{width: calc(100% - 50px);right:0;top: 30%;transform: translateY(-35%);}
.searchinfo{width:96%;}
.search{width:96%;}
.search h2 a{letter-spacing: -0.7px}
}

@media screen and (max-width:601px){
  .kontakt_mobile_no_flex > div{float: none;}
.mobile_dont_display,#pg-54-2{display: none!important;}
main{margin-top:0!important;}
html main .panel-widget-style-for-54-4-0-0{margin-right:0px !important;}
/*main .panel-widget-style, main .siteorigin-widget-tinymce{margin-right: 70px!important;}*/
main .panel-widget-style, main .lightblue .siteorigin-widget-tinymce{margin-right: 40px!important;}
html .kontakt_mobile_no_flex .panel-widget-style{margin-right:15px !important;}
.mobile_home_text{margin: 10px;}
.mobile_home_text div p{margin-bottom: 0;}
.mobile_home_text > div > div{border-bottom: 1px solid rgba(20,109,180,0.85);margin-bottom: 60px!important;padding: 10px 10px 30px 10px;}
.sow-slider-pagination{display: none!important;}
.sliderAbstand { margin-bottom: 0 !important;}
.homeProduktion{padding: 30px 0;}
.createBox{margin-top:-5%;position:relative;}
#rightsideClick{margin-top:125px;}
.kontaktContainer{margin:0 auto;}
.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper{height:auto !important}
div[class*="so-widget-sow-layout-slider-default-"]{min-height:auto !important}
.smallLeft{margin-right:-6%;}
footer .blueBG{min-height:1050px;}
div .slideright .right{margin-right:-30px !important;}
div[class*="history"] .right{width:100%;}
.lightBlue{padding-left:25px !important;}
.widget-title{max-width:85%;}
html #pgc-w5eaa6e788371b-0-0 {
    margin-bottom: -30px !important;
}
}

@media screen and (max-width:481px){
  header{height:60px!important;}
html .mob-standard-logo{height:60px !important;}
footer .underline{display:none;}
#pg-54-0 > .welle .sow-image-container:after{content:url("");}
.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper{height:400px !important;}
.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper img{display:none !important;}
div[class*="so-widget-sow-layout-slider-default-"]{min-height:400px !important}
.boxSlider > div {padding-right:55px;}
.mobileText *{text-align: left;}
.hrCenter{height:5px !important;background:#146db4 !important;width:10% !important;margin-right:90%;margin-top:-20px;}
sow-slider-image{height:450px !important}
.welle{height:100px !important;}
.sow-headline-container{max-width:83%;}
.so-widget-sow-editor{max-width:83%;}
}

@media screen and (max-width:401px){
header{height:60px!important;}
.kontaktBeschreibung p{margin-top: 55px;}
.kontaktText{top: 309px;}
.borderDark{width:300px;}
.kontaktIMG{min-width: 300px;height: auto}
.kontakt_mobile_no_flex{width: 300px!important;}
.kontaktBeschreibung{min-width: 300px;min-height: 310px;}
.kontaktContainer{width: 300px;margin: 0;height: 410px;}
.smallLeft{margin-right:-6%;}
html .mob-standard-logo{height:55px !important;margin-left:40px;}
#rightside{width:320px;right:-250px;}
sow-slider-image{height:450px !important}
.welle{height:100px !important;}
.sow-headline-container{max-width:83%;}
.so-widget-sow-editor{max-width:83%;}
footer .so-widget-sow-editor{max-width:100%;}

}
@media screen and (max-width:321px){
html .mob-standard-logo{height:50px !important;margin-top:5px;margin-left:40px;}
.sow-slider-images{display:none;}
}
@media screen and (min-width:602px){
  .mobile_home_text{display: none;}

}