body,html{scroll-behavior:smooth;font-family: 'Noto Sans', sans-serif;margin: 0; padding: 0;font-size: 18px;background: #f2f2f2;}
*{box-sizing: border-box; outline: none;}
img{max-width:100%; height: auto;}
.headerhero {width:100%; height: 100vh;position: relative;}
.headerhero .headeranimate{width:100%; height: 100%;}
.headerhero .headeranimate img{width:100%; height: 100%; object-fit: cover;}
.navi{position:fixed; top: 0; width: 100%;left: 0;display: flex; flex-wrap: wrap;transition: all 0.5s;height: 0;}
.row{max-width: 1400px; display: flex; flex-wrap: wrap;width: 100%;margin: 0 auto;padding: 0 15px;align-items: stretch;}
.rowsmall{max-width: 1200px; display: flex; flex-wrap: wrap;width: 100%;margin: 3em auto;padding: 0 15px;}
.logo .logorounden{width: 55%;margin: -30px 15px 15px 0;float:left;}
.logo .logorounden img{
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 37px;padding:45px 28px 28px 28px;
}
.bybachleitner{width:calc(45% - 15px);margin: 10px 0 0 0;float:left;}
.menu-hauptnavigation-container{display: flex; justify-content: flex-end;margin: 20px 0 0 0;}
.logo{width: 35%;}
.navicontainer{width:65%;}
.menu{padding:0; margin: 0;width: 100%;text-align: right;}
.menu li{display:inline-block;margin: 0 0 0 1%;}
.menu li a{text-decoration:none; color: #fff; font-size: 16px;border: 1px solid #FFFFFF;
border-radius: 21px;padding: 5px 10px;transition: all 0.5s; }
.menu li a:hover{background: #fff;color:#00568A;}
.fett a{text-transform: uppercase; font-weight: bold;}
div.navi.fixnav{background: #00568A;height: 70px;z-index: 1111; }
#hamburger {
width: 40px;
height: 40px;
display: block;
position: relative;
float: right;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
input[type=file]::file-selector-button {
color:#fff; border: none;
padding: 10px 20px;
border-radius: .2em;
background:#0D679A;
transition: 1s;
}
input[type=file]::file-selector-button:hover {
background-color: #000;
}
#hamburger span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: rgba(255,255,255,.8);
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#hamburger span:nth-child(1) {
top: 0px;
}
#hamburger span:nth-child(2) {
top: 12px;
}
#hamburger span:nth-child(3) {
top: 24px;
}
#hamburger.open span:nth-child(1) {
top: 14px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#hamburger.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#hamburger.open span:nth-child(3) {
top: 14px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.slogan{position:absolute; width: 100%;max-width: 1400px; margin:auto;  padding: 0 15px;color:#fff;z-index: 1; left: 0; right: 0; bottom: 20%; }
.slogan h1{font-size:60px;margin: 0 0 0.5em 0;line-height: 70px;}
.slogan h2{font-size:36px;margin: 0;line-height: 36px;}
.mobilemenu{display: none;}
.cta-buttons{position:absolute; width: 100%;max-width: 1400px; margin:auto;  padding: 0 15px;color:#fff;z-index: 1; left: 0; right: 0; bottom: 5%; text-align: right;}
.cta-buttons a{float:right; clear: right;background: #00568A; color: #fff; text-decoration: none;transition: all 0.5s;
border: 1px solid #FFFFFF;position: relative;font-size: 18px;
border-radius: 25px;margin: 10px 0;padding:5px 10px 5px 35px;}
.cta-buttons a.telico:before{content:""; position: absolute; left: 10px;top:7px; width: 20px; height: 20px; background-image: url(//transportbegleitung.co.at/wp-content/themes/bachleitner/img/SY_tel.svg);background-size: contain;background-repeat: no-repeat;}
.cta-buttons a.mailico:before{content:""; position: absolute; left: 10px;top:8px; width: 24px; height: 24px; background-image: url(//transportbegleitung.co.at/wp-content/themes/bachleitner/img/SY_mail.svg);background-size: contain;background-repeat: no-repeat;}
.cta-buttons a.mailico{padding:5px 10px 5px 40px;}
.cta-buttons a:hover{background: #006eb3;}
.fixcta-buttons{position:fixed; right: 0; top: 0;}
.fixcta-buttons{position:fixed; top: 50%; right: 0;z-index: 11;}
.fixcta-buttons a{color:#00568A;text-decoration: none;font-size: 14px;}
.genehmigung{border: 1px solid #00568A;padding:10px 20px 10px 10px; float:right; clear: right;text-align: center;
border-radius: 21px;background: #fff;margin: 10px -20px 10px 0;transition: all 0.5s;}
.ht1:hover{margin-right: -20px;}
.ht1{margin-right: -165px;}
.ht2:hover{margin-right: -20px;}
.ht2{margin-right: -261px;border: 1px solid #FF7C2E;}
.orangebtn{color:#FF7C2E!important;}
.fixleftimg{width:60px;}
.fixrightcont{padding: 0 10px; }
.fixcta-buttons ul{margin:0; padding: 0; }
.fixcta-buttons ul li{display: inline-block;vertical-align: middle;}
.col-6{width:calc(50% - 20px);margin: 10px;}
.bgwhite{background:#fff;padding: 15px;}
.imgfull{overflow: hidden;}
.imgfull img{width:100%; height: 100%;object-fit: cover;}
.bgwhite h1{font-size:36px;font-weight: normal;color: #00568A;}
#animation_container {
position:relative;
margin:auto;
}
#animation{width:100%; overflow: hidden;}
.box{width:32.33%;margin:0.5%;background: #fff;text-align: center;padding: 10px;display: flex; flex-wrap: wrap;}
.box img{margin:20px auto 10px auto;display: block;}
.box h3{margin:0 0 10px 0;font-size:24px;line-height: 30px; font-weight: normal;}
.containerbox{display:flex; flex-wrap: wrap;width:100%;}
.containerbild{width:100%;}
.containertitel{align-self:flex-end;width: 100%; text-align: center;}
.hblue{font-size:36px; height: auto; color: #00568A;text-align: center;width:100%;font-weight: normal;}
#welche-begleitung{width:100%;}
.headerkapitel2{width:100%;  overflow: hidden;position: relative;}
.headerkapitel2 img{width:100%; }
.headerkapitel2 h3{font-weight:normal; font-size: 80px; line-height: 85px;color:#fff;}
.rowbottom{max-width: 1400px; display: flex; flex-wrap: wrap;width: 100%;margin: 0 auto;padding: 0 15px;position: absolute; left: 0; right: 0; bottom: 0;}
.stufen .bgwhite h4{font-size:30px;font-weight: normal;margin: 0;}
.stufen .rowsmall{width: 100%;max-width: none;margin:4em 0;padding: 0;}
.stufen .rowsmall:nth-child(odd){justify-content: flex-end;}
.stufen .rowsmall:nth-child(even) .rowsmalljusti{flex-direction:row-reverse;}
.rowsmalljusti{justify-content: flex-end;display: flex; flex-wrap: wrap;width:100%;max-width: 1400px;}
.titelblue{width:100%;display: flex; align-items: center; margin: 0 10px 2em 10px;}
.bluerounden{font-size:45px; height: 60px;color:#fff;display: flex; align-items: center;}
.stufen .rowsmall:nth-child(even) .titelblue{justify-content: flex-end;}
.blueroundeninnen{background: #00568A;border-radius: 43px;padding: 10px 15px; }
.blueroundeninnen span{
margin: 0 0 0 15px;
border: 1px solid #FFFFFF;
border-radius: 43px;
padding: 0 10px;
}
.stufenimg{
width: 50%;
margin: 10px 0;
}
#jobs{display:flex; flex-wrap: wrap;margin-bottom: 3em;padding-top: 100px;}
.block1{width:25%;display: flex; flex-wrap: wrap; align-items: flex-start;
background: transparent linear-gradient(1deg, #00568A 0%, #002B45 100%) 0% 0% no-repeat padding-box;border-radius: 0px 20px 20px 0px;
}
.block2{width:38%;margin:0 1%; background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #00568A;padding: 2%;
border-radius: 20px;}
.block2 h3{color: #0D679A;text-transform: uppercase;text-transform: uppercase;font-size:30px;}
.block3 h3{color: #fff;text-transform: uppercase;text-transform: uppercase;font-size:30px;width: 100%;}
.block3{width:35%;background: transparent linear-gradient(2deg, #00568A 0%, #002B45 100%) 0% 0% no-repeat padding-box;display: flex; flex-wrap: wrap;
border-radius: 20px 0px 0px 20px;padding: 2%;color:#fff;align-items: flex-start;}
.zumformular{display: flex;cursor: pointer;position: relative;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #FFFFFF;
border-radius: 21px;color:#0D679A; text-decoration: none; text-transform: uppercase;padding:5px 15px;
}
.zumformular:after{content:" +";}
.klickedbtn:after{content:" -";}
.bluetitels{
background: #00568A 0% 0% no-repeat padding-box;
border: 1px solid #FFFFFF;
border-radius: 18px;color:#fff;display: flex;align-items: center;
padding:5px 8px;font-size: 20px;margin: 10px auto;
}
.bluetitels span{width:28px; height: 28px; border: 1px solid #fff; border-radius: 50%;text-align: center;margin: 0 10px 0 0;}
.col33{width:31.33%;margin: 1%;}
.unternehmenbild{width:100%; height: 100%;}
.unternehmenbild img{width:100%; height: 100%; object-fit: cover;}
.unternehmencontent .hblue{text-align: left;} 
.unternehmencontent{margin:3em auto;}
.bachleitnerbegleitung{height:calc(50% - 20px);margin-bottom: 20px;padding: 20px;display: flex; flex-wrap: wrap;
background: transparent linear-gradient(1deg, #00568A 0%, #002B45 100%) 0% 0% no-repeat padding-box;
border-radius: 20px;color:#fff;
}
.bachleitnerhaupt{background:#fff;height: 50%;padding: 20px;}
.w30{width:30%;}
.w70{width:70%;}
.gmaps{border: 1px solid #FFFFFF;
border-radius: 21px;background:#fff;font-size:14px; text-decoration: none;color: #00568A;padding: 3px 10px;}
.adressblock{width:100%; margin: 10px 0;}
.roundenatag{
color:#00568A; padding: 5px 10px;text-decoration: none;
border: 1px solid #00568A;
border-radius: 21px;
}
.externelinks{margin:10px 0 0 0; padding: 0;}
.externelinks li{display: inline-block;margin: 5px 0;}
.externelinks li a{font-size:12px;}
.bachleitnerlogolkw{max-width:70%;}
#kontakt{padding:70px 15px 15px 15px;margin-top: -70px;}
.kontaktin{border: 3px solid #00568A;background: #fff;width:100%;padding: 5%;}
.kontakttitel{font-size:36px;color: #00568A;font-style: italic;margin: 0;}
.footwhite{background: #fff;}
.footer{background: transparent linear-gradient(3deg, #00568A 0%, #002B45 100%) 0% 0% no-repeat padding-box;margin-top:3em;}
.footer .col33{margin:0 10px;display: flex; align-items: center; flex-wrap: wrap;padding:10px 2%; color:#fff;width:calc(33.33% - 20px);}
.footer .col33 img{margin:0 auto; display: block;}
.alflstart{align-items: flex-start;}
.footer a{color: #fff;
padding: 10px 10px;
text-decoration: none;
border: 1px solid #fff;
border-radius: 21px;}
.footer .row{max-width: 1450px;}
.c-accordion__title{background:#F2F2F2;padding:5px 10px;font-size: 16px;top: 10px;font-weight: normal;}
.c-accordion__title:after{width:27px; height: 16px; background-image: url(//transportbegleitung.co.at/wp-content/themes/bachleitner/img/arrowtbott@2x.png);content: ""!important;right:10px!important;transition: all 0.5s;}
.is-open>.c-accordion__title:after{top: auto!important;bottom: 0; background-image: url(//transportbegleitung.co.at/wp-content/themes/bachleitner/img/arrowtop@2x.png);}
.c-accordion__content{padding:20px;background:#F2F2F2;}
.c-accordion__item{margin:5px 0;}
#leistungen{padding-top: 70px;}
.stufen .rowsmall:last-child{margin-bottom: 0!important;}
.activehpl{background:#fff;color:#00568A!important; }
#bewerbungsformular{max-width:650px;display: none;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 textarea{border:1px solid #00568A;background: #fff; padding: 10px;margin: 10px 0;width: 100%;}
.wpcf7 label{font-size:14px;}
.wpcf7 label a{color:#00568A;}
.wpcf7 input[type="submit"]{border:2px solid #00568A;background: #fff; padding: 10px;margin: 10px 0;width: 100%;max-width: 250px;border: 1px solid #00568A;border-radius: 21px;text-transform: uppercase;}
.kontaktallg{display:flex;flex-wrap: wrap;width:100%;}
.cf7left{width:50%;padding:0 3% 0 0;}
.cf7right{width:50%;padding: 0 0 0 3%;}
.wpcf7-form{width:100%; display: flex; flex-wrap: wrap;}
.wpcf7{width:100%;}
.orangebtnwithbg{background: #FF7C2E;color:#fff;width:100%; padding:5px 10px;display: flex;}
::-webkit-input-placeholder { font-family: 'Noto Sans', sans-serif;
}
::-moz-placeholder { font-family: 'Noto Sans', sans-serif;
}
:-ms-input-placeholder { font-family: 'Noto Sans', sans-serif;
}
:-moz-placeholder { font-family: 'Noto Sans', sans-serif;
}
#bewerbungsformular .wpcf7-form{display:block;}
.rowindex {
display: block;
margin: 100px auto 0 auto;
}
.rowindex a {
color: #0D679A;
}
@media screen and (max-width: 1200px){
.bluerounden{font-size:36px; line-height: 40px;}
.headerkapitel2 h3{font-size:46px; line-height: 50px;}
.bybachleitner{clear:left;margin: 0;}
.menu li a{font-size:14px;padding: 2.5px 5px;}
}
@media screen and (max-width: 1024px){
.logo{width:20%;}
.navicontainer {
width: 80%;
}
.logo .logorounden{width:100%;}
.menu li a {
font-size: 13px;
}
.box h3{font-size:20px;}
.block2 h3{font-size:22px;}
.block3 h3{font-size:22px;}
.w30{display:none;}
.w30, .w70{width:100%;}
.footer a{font-size:12px;}
.bgwhite h1, .hblue, .headerkapitel2 h3, .blueroundeninnen, .blueroundeninnen span{font-size:28px;line-height: 35px;}
.bybachleitner{width:100%;}
.slogan h1{font-size:48px;line-height: 48px;}
.slogan h2{font-size:24px;line-height: 24px;}
.slogan{bottom:40%;}
}
@media screen and (max-width: 768px){
.mobilemenu{display: block;width:80%;margin: 10px 0 0 0;}
.logo .logorounden{margin:0 0 0 0;width:100%;max-width: 200px;}
.bybachleitner{display: none;}
.navicontainer{width:100%; background: #00568A;padding: 0 10px;}
.menu li{width:100%;margin: 5px 0!important;width:100%;}
.menu{text-align: center;}
.menu li a{border:none;background: #fff;width:100%;float:left;border-radius:0!important;color:#00568A;text-transform: uppercase; font-size: 18px;}
.menu-hauptnavigation-container{margin:10px 0 8px 0;display: none;}
.activehpl{background:#000!important; color:#fff!important;}
.logo .logorounden img{padding: 10px 20px;border-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
div.navi.fixnav{height:auto;}
.box h3{font-size:18px;}
.col-6{width:100%;margin: 0;}
.col33{width:100%;}
.bachleitnerhaupt{height:auto;}
.footer .col33{width:100%;margin: 10px 0;}
.footer .col33{display:block;}
.block1, .block2, .block3{width:100%;margin: 10px 0;}
.box{width:48%;margin: 1%;}
.blueroundeninnen{font-size:24px;}
.logo{width:40%;}
.mobilemenu{width:60%;}
.fixcta-buttons{position: relative;top:auto; right: auto;display: flex; flex-wrap: wrap;}
.fixcta-buttons ul{width:100%;}
.fixleftimg{width:auto;}
.ht1{margin-right:auto;}
.ht2{margin-right:auto;}
.ht1:hover{margin-right: auto;}
.ht2:hover{margin-right: auto;}
.genehmigung{width:calc(100% - 30px);margin: 15px; height: auto;
display: flex;
align-items: center;}
.fixcta-buttons a{width:100%;margin:0;}
#leistungen {
margin-top: -70px;
}
.navi{z-index:111;}
.cf7left, .cf7right{width:100%;padding: 0;}
}
@media screen and (max-width: 480px){
.box {width:98%;}
}