/*
Theme Name: Backauf Theme
Theme URI: https://www.backauf.de
Author: Niklas Hasch
Description: Theme
Version: 3.0.1
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import "theme.css";
/*******************
*** RESET
*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: arial, helvetica, sans-serif;line-height: 1.25 !important;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}
/**** VORGEGEBENE REGELN ****/
html{overflow-x: hidden;scroll-behavior: smooth;}
.right{text-align:right;}
p{margin-bottom:1em;font-size:16px;}
h1, h2, h3, h4, h5, h6{margin-bottom:0.5em;font-size:36px;font-weight:bold !important;}
#giant404{font-size:120px;text-align:center;}
#sub404{font-size:26px;text-align:center;}
#rightside{position:fixed;clear:both;height:150px;padding-top:20px;right:-880px;width:1000px;top:66%;transition:right 2.2s ease-in-out;background-color:black;z-index:1003;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}
#rightside.MagicDingDong{right:-1px}
.rightside_left{height:50%;}
.rightside_right{height:50%;}
.clear{clear:both;}
strong{font-weight:bold;}
.center{text-align:center;}
#header_infos{border-bottom:none !important;padding:5px 50px;}
#header_infos a{text-decoration:none;color:#293133;}
#header_infos a:hover{text-decoration:underline;}
#header_infos p{margin-bottom:0px;color:#293133;font-size:16px}
#header_infos .fa-envelope{margin-left:15px;}
.product-category {box-sizing: border-box;}
.product-category a{text-decoration:none !important;}
.woocommerce-loop-category__title > .count{display:none;}
.woocommerce-loop-category__title{font-size:18px !important;font-weight:bold;font-family:sans-serif;text-align:center;}
.woocommerce ul.products li.product a img{margin-bottom:0px;}
.posted_in{display:none;}
/**** EIGENE CSS REGELN ****/
main{max-width:1920px;margin:0 auto;}
#logo{max-width:1530px;margin:0 auto;background-color:#293133;height:45px;padding:15px;margin-top:10px;}
header{background-color:transparent;position:fixed;width:100%;padding-top:10px;padding-bottom:30px;transition-duration: .5s}
header nav{float:right;width:60%;background-color:#293133;}
header nav ul li{margin:0 20px !important;padding-bottom:15px;}
header nav ul li a{font-size:16px;}
header nav ul ul li:hover{background-color:#293133 !important;transition-duration:.5s}
header .panel-grid{margin-bottom: 0!important;}
header nav ul li ul{position:absolute !important;display:none !important;padding:0 !important;font-size:16px !important;margin-top:60px !important;left:0;background-color:#293133}
header nav ul ul li{text-align:left;display:list-item;list-style-type:none;width:100%;position:relative;overflow:visible;background-color:#293133;height:auto;border-bottom: 1px #fdf4e3 solid;line-height:45px !important;padding-bottom:0px;}
header nav ul ul li:last-child{border-bottom:none;}
header nav ul ul li:hover{background-color:transparent;}
header nav ul ul li a{white-space:nowrap;padding:10px 20px}
header nav ul li:hover > ul, header nav ul li ul li:hover > ul{display:inherit !important;}
.menu-item-has-children > a{position:relative;}
.menu-item-has-children > a::after{content:"";display:block;width:16px;height:16px;background-image:url(/wp-content/uploads/2024/04/arrow_down_icon.webp);background-size:cover;position:absolute;left:50%;
bottom: -20px;transform:translateX(-50%);}
.center{text-align:center;}
#header_infos p{text-shadow: 0 0 5px rgba(255, 255, 255, 1);}
#header_infos a{color:#293133 !important;}
body{font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;}
body p{color:#293133 !important;}
.startSlider{position:relative;}
.startSlider .so-panel{margin-bottom:0px !important;}
.sliderBox{position:absolute;bottom:200px;background-color:#fdf4e3;width:375px;padding:25px;left:300px;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.sliderBox h1{font-size:24px;}
.sliderBoxRed {position:absolute;bottom:200px;background-color:#e00034;width:375px;padding:25px;left:300px;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);color:white;display:flex;align-items:center;justify-content:space-between;}
.sliderBoxRed p{color:white !important;}
.sliderBoxRed h1{font-size:24px;color:white;}
.mehrButtonSlider{float:right;margin-bottom:0px;}
.sow-slider-base .sow-slider-pagination li a {background:transparent !important;border:2px solid #656464 !important;height:25px !important;width:25px !important;border-radius:25px !important;opacity:1 !important;}
.sow-slider-base .sow-slider-pagination li.sow-active a {background:#656464 !important}
.stempel_Slider {position:absolute;top:-50px;right:-50px;width:130px;}

.middle{padding:80px 0;}
.greyBG{background-color:#293133;}
.greyBG p{color:#fdf4e3 !important;}
.greyBG h1{color:#fdf4e3 !important;}
.greyBG h2{color:#fdf4e3 !important;}
.greyBG h3{color:#fdf4e3 !important;}
.greyBG h4{color:#fdf4e3 !important;}
.greyBG h5{color:#fdf4e3 !important;}
.traumbodenStart{background-image:url("/wp-content/uploads/2024/04/Traumboden_start.webp");padding:100px;}
.traumbodenStart p{font-size:54px;text-align:center;font-weight:bold !important;text-transform:uppercase;margin-bottom:0;text-shadow:0 0 10px white;line-height:1.25;}
.inline{vertical-align:middle;}
.facebook{margin-right:10px;}
#header_infos{display:flex;justify-content:space-between;align-items:center;max-width:1530px;margin:0 auto;}
.belaege{position: relative;}
.belaege img{opacity:.75;transition-duration: .5s}
.belaege img:hover{opacity:1;transition-duration: .5s}
.belaege h3{font-size:16px;font-weight:normal;}
.belaege .so-panel{position:relative;}
.belaege .widget-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 0, 0, 0.8);
  color: white;
  font-size:18px
}

.center{text-align:center;}
.benefits .widget-title{font-size:20px;margin-top:10px;}
.bold{font-weight:bold !important;}
.smallMarginTop{margin-top:-100px;}
.smallerMarginTop{margin-top:-85px;}
.noMarginTop{margin-top:-160px;}


.subHeadline{}

.auflistung{margin-bottom:50px;}
.greyBG .auflistung li {color:white !important;}
.auflistung li{list-style-type:disc;line-height:1.75;padding-left:10px;margin-left:15px;text-align:left;}

.mitarbeiter img{border-radius:100%;width:80%;}
.grwp_total-rating{color:#fdf4e3;}
.grwp_5_stars{color:#fdf4e3;}
.g-review{background-color:#fdf4e3 !important;}
.grwp-swiper-button-next{background-color:#fdf4e3 !important;}
.grwp-swiper-button-prev{background-color:#fdf4e3 !important;}
.gr-inner-body p{color:black !important;}

.greyBG .bewerbenButton{padding:15px 30px;background-color:#fdf4e3;color:#293133;border:0px;box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;}
.bewerbenButton{padding:15px 30px;background-color:#293133;color:#fdf4e3;border:0px;box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;}
.bewerbenButton:hover{cursor:pointer;}
#ausbildung {position:relative;background-image:url('/wp-content/uploads/2024/05/Karriere_Parallax.webp');background-attachment:fixed;background-size:cover;background-position:center;height:250px;color: white;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;background-position-y: 150px;margin-top:-30px;margin-bottom:-30px;}
#ausbildung p{font-size:54px;text-align:center;font-weight:bold !important;text-transform:uppercase;margin-bottom:0;text-shadow:0 0 10px white;line-height:1.25;}

.twocollums{}
.twocollums input {width:97%;margin-top:10px;}
.twocollums p{width:50%;float:left;}
.wpcf7-form a{color:white;text-decoration: underline;}
.wpcf7-form-control{width:450px;height:40px;margin-bottom:25px;font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;margin-top:10px;}
.wpcf7-list-item{margin-left:0px;}
.wpcf7-form-control input{margin-left:0px;}
.wpcf7-submit{width:unset !important;height:unset !important;font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;}
.wpcf7-textarea{height:120px;font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;width: 99%;margin-top:10px;}
.wpcf7-select{width:458px !important;font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;}
.formButton{padding:15px 30px;background-color:#fdf6e8;color:#293133;border:0px;box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;}

.partner img{width:65%;margin:0 auto;}
.kontaktHeader{padding-top:137px;}

.story-link{font-size:0px;}
.ctl-labels{display:none !important;}

.nameLine::before{content:"";display:inline-block;width:4px;height:16px;background-color:red;margin-right:8px;margin-left:-11px;vertical-align:middle;}

#team{scroll-margin-top: 165px;}
#bewertung{scroll-margin-top: 80px;}
#historie{scroll-margin-top: 80px;}

#bewerben{scroll-margin-top:100px;}

footer p{margin-top:1em;}



@media only screen and (max-width: 1150px) {
    .greyBG{padding:0 20px;} 
    header nav{width:75%;}
}

@media only screen and (max-width: 1024px) {
    main{margin-top:20px;}
    header{display:none;}
    .middle{padding:20px;}
    .sliderBox {background-color:#293133;padding:10px;width:95%;min-height:160px;position:unset;padding:2.5%;max-width:unset;}
    .sliderBox h1{color:white !important;}
    .sliderBox p{color:white !important;font-size:16px;position:unset;}
    .sliderBoxRed {background-color:#293133;padding:10px;width:95%;min-height:160px;position:unset;padding:2.5%;max-width:unset;}
    .sliderBoxRed h1{color:white !important;}
    .sliderBoxRed p{color:white !important;font-size:16px;position:unset;}
    .startSlider{height:470px;margin-top:0;width:112%;margin-left:-6%;margin-right:-6%}
    .belaege a{width:100%;}
    .belaege img{width:100%;}
    .traumbodenStart{margin-left:-6%;margin-right:-6%;}
    .traumbodenStart p{font-size:22px !important;}
    .greyBG{margin-left:-6%;margin-right:-6%;padding-left:6%;padding-right:6%;}
    .mitarbeiter img{width:80%;margin:0 auto;}
    .mitarbeiter p{text-align: center;}
    .wpcf7-form-control{max-width:100%;}
    .sl-wrapper{color:white;}
    .mob-menu-header-holder{background-color:#293133 !important;padding:10px 0;}
    .menu-item-has-children > a::after{background-image:url()}
    .hugeHeadline{font-size:26px !important;}
    .twocollums p:first-child{margin-right:1%;}
    .twocollums p{width:49%;}
    .heroIMG{margin-left:-6%;margin-right:-6%;}
    footer{border-top: 1px solid #293133;}
    .smallMarginTop{margin-top:-50px;}
    .smallerMarginTop{margin-top:-35px;}
}