@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; font-family: 'Rubik', sans-serif; font-size: 17px; background-color: #606060; color: #e2e2e2;}
body {width: 100%; height: 100%;}

img {width: 100%; height: auto; border: 0; display: block;}
h1, h2, h3, h4 {margin: 0 0 40px 0; font-family: 'Oswald', sans-serif;}
h1 {font-size: 32px; color: #ffffff;}
h2 {font-size: 28px; color: #ffffff;}
h3 {font-size: 28px; color: #e2e2e2;}
h4 {font-size: 22px; color: #e2e2e2;}

p {margin: 0 0 40px 0; line-height: 24px;}
.hr140 {height: 3px; border: 0; color: #dddddd; background-color: #dddddd; width: 140px; margin: 40px auto;}
.hrnorm {height: 3px; border: 0; color: #dddddd; background-color: #dddddd; margin: 40px auto;}
.clearer::after {content: ""; display: table; clear: both;}

.btn {padding: 8px 14px; text-decoration: none; color: #606060!important; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; background-color: #dddddd; border-radius: 6px; border: 1px #dddddd solid;}
.btn:hover {color: #dddddd!important; background-color: transparent; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}

.breaker {display: none;}
@media screen and (max-width: 500px){
.artikel {display: block; margin-bottom: 20px;}
}
@media screen and (max-width: 450px){
.breaker {display: block;}
.what {margin-bottom: 20px;}
}



/* Fullscreen */
.fullscreen {position: fixed; width: 100%; height: 100%; left: 0; top: 0;}
.fullscreen .custom {width: 100%; height: 100%;}
.fullscreen-inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; z-index: 10;}
.fullborder {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20;}
.startbrand {width: 80%; max-width: 400px; margin: 0 auto 100px auto;}
.startcont {width: 94%; max-width: 700px; position: absolute; left: 0; right: 0; top: 25%; margin: auto; text-align: center;}
.startcont h2 {font-size: 36px; color: #dddddd; letter-spacing: 5px; font-weight: 600; text-shadow: 3px 3px 10px rgba(0, 0, 0, 1), -3px -3px 10px rgba(0, 0, 0, 1);}
.startcont p {text-shadow: 3px 3px 10px rgba(0, 0, 0, 1), -3px -3px 10px rgba(0, 0, 0, 1);}
.startcont a {text-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.fa1, .fa2, .fa3 {display: block!important; margin: -10px auto; font-size: 20px!important;}
.fa1 {animation: pulse1 2s infinite;}
.fa2 {animation: pulse2 2s infinite;}
.fa3 {animation: pulse3 2s infinite;}
@keyframes pulse1 {
0% {opacity: 1;}
30% {opacity: 0.1;}
100% {opacity: 1;}
}
@keyframes pulse2 {
0% {opacity: 1;}
50% {opacity: 0.1;}
100% {opacity: 1;}
}
@keyframes pulse3 {
0% {opacity: 1;}
70% {opacity: 0.1;}
100% {opacity: 1;}
}

@media screen and (max-width: 540px){
.startbrand {margin: 0 auto 30px auto;}
}
@media screen and (max-width: 490px){
.startbrand {max-width: 70%;}
.startcont h2 {font-size: 26px;}
}



.header {width: 100%; background-color: #525252; border-bottom: 1px #e2e2e2 solid; padding: 20px 0; position: fixed; top: -100px; left: 0; z-index: 1000; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.header-inner {width: 94%; max-width: 1300px; margin: 0 auto; position: relative;}
.brand {width: 60%; max-width: 250px;}
.header-off {top: -100px;}
.header-on, .header-permanent-on {top: 0; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}

.headerbild {width: 100%; position: relative;}
.headerbild::before {position: absolute; bottom: -4px; left: 0; content: url("../../../images/elemente/corner-header.png"); width: 100%; overflow-x: hidden;}
.headercont {width: 94%; max-width: 900px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; height: 500px; vertical-align: middle;}
.headercont h2 {font-size: 42px; color: #dddddd; letter-spacing: 5px; font-weight: 600; text-shadow: 3px 3px 10px rgba(0, 0, 0, 1), -3px -3px 10px rgba(0, 0, 0, 1);}
@media screen and (max-width: 1650px){
.headerbild {overflow-x: hidden;}
.headerbild .custom {margin: 96px -100px 0 -100px;}
}
@media screen and (max-width: 700px){
.headercont h2 {font-size: 28px;}
}
@media screen and (max-width: 620px){
.headercont h2 {margin: 40px 0;}
}
@media screen and (max-width: 480px){
.headercont h2 {font-size: 24px;}
.headerbild::before {bottom: -10px;}
}
@media screen and (max-width: 380px){
.headercont h2 {font-size: 20px;}
.headerbild .custom {margin: 86px -200px 0 -200px;}
}


/* Kontakt Line */
.kontaktline {width: 100%; padding: 35px 0; background-color: #707070; text-align: center; color: #e2e2e2;}
.kontaktline .btn {margin-left: 20px;}
.kontaktline .btn::after {content: "\f061"; font-family: 'FontAwesome'; margin-left: 10px;}

/* Content */
.top100 {top: 100%;}
.top1 {top: auto;}
.row-fluid {width: 100%; position: absolute; background-color: #606060;}

.content-master {width: 100%;}
.content {width: 94%; max-width: 1300px; margin: 0 auto;}
.padding-150 {padding: 150px 0;}
.padding-50 {padding: 50px 0 150px 0;}
.content a {color: #e2e2e2; text-decoration: none;}
.content a:hover {color: #e30046;}
.content li {line-height: 24px;}
.content .fa {margin-right: 15px; width: 20px; text-align: center;}

.cont50 {width: 50%; max-width: 650px; float: left; box-sizing: border-box;}
.leftcont {padding: 0 60px 0 0;}

.content-bg {background-color: rgba(96,96,96,0.9); padding: 40px 40px 20px 40px; box-sizing: border-box; border-radius: 8px; border: 1px #909090 solid;}
@media screen and (max-width: 620px){
.cont50 {width: 100%; float: none;}
.cont50:first-child {margin-bottom: 30px;}
}


/* Ansprechpartner */
.ansprechpartner {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 40px auto;}
.ap-box {width: 285px; margin: 40px 20px; background-color: #707070; box-sizing: border-box; padding: 10px; font-size: 16px; border-radius: 8px; border: #909090 1px solid;}
.ap-inner {padding: 20px 0px;}
.ap-inner p:last-child {margin: 0;}

/* Parallax */
.parallax-section {position: relative; width: 100%; height: 527px;}
.parallax-child-section {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; padding: 100px 0;}
#frontID {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; transform: translateZ(0); will-change: transform; z-index: 1;}
.parallax-main-row {background-attachment: scroll; background-image: url("../../../images/slider/parallax.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}

.parallax-section .custom {position: relative; margin: 0 auto; padding: 100px 0; z-index: 10; width: 94%; max-width: 1300px; text-align: center;}
.parallax-section .custom p {margin: 0;}
.parallax-section .custom p, .parallax-section .custom h2 {text-shadow: 3px 3px 10px rgba(0, 0, 0, 1), -3px -3px 10px rgba(0, 0, 0, 1);}

.parallax-cont {position: relative; margin: 0 auto; padding: 100px 0; z-index: 10; width: 94%; max-width: 1300px; text-align: center;}
.parallax-cont p {margin: 0;}
.parallax-cont p, .parallax-cont h2 {text-shadow: 3px 3px 10px rgba(0, 0, 0, 1), -3px -3px 10px rgba(0, 0, 0, 1);}

/* Leistungen Startseite */
.service-master {width: 100%; padding: 150px 0; background-image: url("../../../images/elemente/man-hg.png"); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.service-main, .serviceparts {width: 100%; max-width: 1330px;margin: 0 auto;}
.serviceparts {width: 100%; max-width: 1330px; display: flex; flex-wrap: wrap; justify-content: center;}
.service-box {width: 302.5px; padding: 0 15px; text-align: center; margin: 50px 15px; box-sizing: border-box; background-color: #707070; border-radius: 8px; position: relative; border: #909090 1px solid; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.service-box img {width: 100%; max-width: 130px; margin: -65px auto 40px auto; position: relative; z-index: 10;}
.service-box h4 {color: #ffffff;}
.service-box::before {content: ""; background-color: #606060; width: 150px; height: 150px; border-radius: 50%; position: absolute; top: -75px; left: 0; right: 0; margin: auto; z-index: 1;}
.service-box:hover {background-color: #585858; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}

.cont-service-master {width: 100%; margin: 40px auto; max-width: 800px;}
.cont-service-master-hg {box-sizing: border-box; padding: 20px; width: 100%; background-color: #707070; border-radius: 8px; border: #909090 1px solid;}
.cs-left {width: 21.25%; max-width: 170px; box-sizing: border-box; padding-right: 5%; float: left;}
.cs-right {width: 78.75%; max-width: 630px; box-sizing: border-box; padding: 20px 0 20px 5%; float: left; border-left: 1px #dddddd solid; min-height: 130px;}
.cs-right h3 {font-size: 18px;}
@media screen and (max-width: 580px){
.cs-left, .cs-right {float: none;}
.cs-left {width: 100%; max-width: 130px; margin: 0 auto 30px auto; padding-right: 0;}
.cs-right {width: 100%; padding: 30px 0 0 0; border-left: none; border-top: 1px #dddddd solid; min-height: 0;}
.hrm {width: 1px; color: #606060; background-color: #606060;}
}

.man-service-master {width: 100%; position: relative; background-color: #707070; overflow-y: hidden;}
.man-service-bild {float: right; width: 50%; max-width: 960px; position: relative;}
.man-service-bild img {min-height: 445px;}
.man-service-bild::before {position: absolute; top: 0; left: 0; content: ""; border-style: solid; border-color: transparent transparent transparent #707070; border-width: 0 0 450px 80px;}
.man-service-master::after {content: ""; display: table; clear: both;}
.man1 {padding: 50px 0;}
.man2 {width: 40%;}
@media screen and (max-width: 1365px){
.man-service-bild::before {display: none;}
.man-service-bild img {min-height: auto;}
.man-service-bild {float: none; width: 100%; margin: 40px auto;}
.man-service-master .content {text-align: center;}
.man2 {width: 100%; max-width: 700px; margin: 0 auto;}
}

.fuhrpark {background-image: url("../../../images/elemente/fuhrpark.jpg"); background-position: center center; background-size: cover; padding: 150px 0 650px 0!important; margin-top: 100px;}
.fahrzeuge {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 40px auto;}
.fahrzeugbox {width: 275px; margin: 25px; box-sizing: border-box; padding: 20px; background-color: #707070;}


/* Footer */
.footer {width: 100%; background-color: #525252; padding: 50px 0; border-top: 1px #e2e2e2 solid; -webkit-box-shadow: 0px -5px 25px -5px rgba(0,0,0,0.75); box-shadow: 0px -5px 25px -5px rgba(0,0,0,0.75);}
.footer-inner {width: 94%; max-width: 1300px; margin: 0 auto; position: relative; line-height: 24px;}
.footer-brand {max-width: 230px; margin: 0 0 40px 0;}
.footer-inner .fa {margin-right: 15px;}
.man-service-footer {width: 60%; max-width: 400px; position: absolute; right: 0; bottom: 0;}

.lastline {width: 100%; padding: 15px 0 30px 0; background-color: #525252;}
.lastline-inner {width: 94%; max-width: 1300px; margin: 0 auto; font-size: 14px; font-weight: 400;}
.lastline-inner a {text-decoration: none; color: #e2e2e2;}
.lastline-inner a:hover {color: #ffffff; text-decoration: underline;}
.breaker2 {display: none;}
.trenner1 {}
@media screen and (max-width: 375px){
.breaker2 {display: block;}
.trenner1 {display: none;}
}
@media screen and (max-width: 750px){
.man-service-footer {position: relative; right: auto; bottom: auto; margin: 80px auto 30px auto; width: 90%;}
}



/* Kontakt */
.formmailer-master {box-sizing: border-box; padding: 40px 20px 20px 20px; background-color: #707070; border-radius: 8px; border: #909090 1px solid;}


/*###################
#### Formmailer #####
###################*/
.formmailer {width: 100%; max-width: 700px; margin: 0 auto;}
.formmailer h2 {display: none;}
.formmailer .formResponsive input.rsform-input-box {width: 100%; line-height: 50px; height: 50px; font-size: 18px; margin-bottom: 15px; box-sizing: border-box; padding: 0 10px; border: 0; border-radius: 0; font-family: 'Rubik', sans-serif; background-color: #e8e8e8;}
.formmailer .formResponsive textarea {width: 100%; font-size: 18px; margin-bottom: 15px; box-sizing: border-box; padding: 20px 10px; font-family: 'Rubik', sans-serif; height: 150px; border: 0; border-radius: 0; background-color: #e8e8e8;}
.formmailer .formDescription, .form-md h2 {display: none;}
.formmailer .formBody img {width: 50%; max-width: 120px;}
.formmailer .formResponsive input.rsform-captcha-box {width: 50%; max-width: 200px; line-height: 36px; height: 36px;}
.formmailer .formResponsive .rsform-submit-button[type="submit"], .formmailer .rsform-captcha-refresh-button {margin: 40px 0 0 0; background-color: #555; color: #fff; font-size: 18px; border-radius: 5px; text-shadow: 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px rgba(0,0,0,0); border: 0; font-family: 'Rubik', sans-serif;}
.formmailer .formResponsive .rsform-submit-button[type="submit"] {padding: 10px 18px; margin-bottom: 40px;}
.formmailer .rsform-captcha-refresh-button {padding: 10px 14px; margin-left: 5px; position: relative; top: 2px;}
.formmailer .rsform-captcha-refresh-button .fa {margin: 0;}
.formmailer .formResponsive .rsform-submit-button[type="submit"]:hover, .formmailer .rsform-captcha-refresh-button:hover {background-color: #3c3c3b; color: #fff;}
.formmailer .formResponsive select.rsform-select-box {line-height: 50px; height: 50px; font-size: 18px; width: 100%; background-color: #fff; color: #555; padding: 0 10px; box-sizing: border-box; font-family: 'Rubik', sans-serif; margin-bottom: 15px;}
.formmailer .rsform-block-sicherheitscode .formControlLabel {background-color: #fff; padding: 5px; display: table; margin-bottom: 15px;}
.rsform-block-name label, .rsform-block-telefon label, .rsform-block-e-mail label, .rsform-block-nachricht label {display: none;}
#system-message-container {display: none;}
.formmailer .formControlLabel {display: none!important;}
.formmailer .formControls {margin-left: 0!important;}
.formmailer .rsform-block {margin-bottom: 0!important;}
.formmailer p {font-size: 14px;}
.formmailer a {color: #e2e2e2; text-decoration: none;}
.formmailer a:hover {color: #fff;}

::placeholder {color: #3c3c3b; opacity: 1;}
:-ms-input-placeholder {color: #3c3c3b;}
::-ms-input-placeholder {color: #3c3c3b;}


/* Downloads */
.dl-master {width: 100%; background-color: #525252; padding: 60px 0; margin-top: -45px;}
.dl-inner {width: 94%; max-width: 1300px; margin: 0 auto;}
.dl-masterbox {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.dl-box {width: 285px; margin: 40px 20px; background-color: #707070; box-sizing: border-box; padding: 30px 10px 10px 10px; font-size: 16px; border-radius: 8px; border: #909090 1px solid;}
.dl-box-inner {padding: 40px 0px 30px 0; text-align: center;}
.dl-box-inner p:last-child {margin: 0;}
.dl-box img {max-width: 200px; margin: 0 auto;}
.animate {border: 2px #e2e2e2 solid;}