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


body {margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.375; color: #303c49; text-align: left; background-color: #fff;}
img {width: 100%; height: auto; border-style: none; display: block;}
a {transition: color .2s ease;}
ul {margin-left: -20px;}
li {margin: 0 0 20px 0; list-style-image: url("../../../images/elemente/li.jpg");}
p {margin: 0 0 20px 0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; margin: 0 0 20px 0;}

.clearer {content: ""; display: table; clear: both;}

.blue-btn {background-color: #303c49; color: #ffffff!important; text-decoration: none; padding: 15px; border-radius: 4px; transition: background .4s ease;}
.blue-btn:hover {background-color: #e40045; text-decoration: none!important;}

.hr-pink {height: 5px; border: 0; color: #e40045; background-color: #e40045; margin: 60px auto;}
.bild800 {max-width: 800px; margin: 0 auto 20px auto; box-sizing: border-box; padding: 15px; border: 1px #d6d8db solid;}



.header {min-height: 78px; background-color: #fff; z-index: 1000; position: relative; top: 0; left: 0; width: 100%;}
.header::after {background: linear-gradient(to left,transparent 0,transparent 100px,#d6d8db 200px); content: ''; display: block; width: 100%; height: .0625rem; left: 0; bottom: 0; position: absolute;}
.header-inner {width: 96%; max-width: 1200px; margin: 0 auto; position: relative;}
.header-content {position: relative; padding: .75rem 0 0 0; margin: 0;}
.page-name {color: #acb1b6; font-size: .8125rem; margin: auto 0;}
.header .logo {position: absolute; right: 0; top: 10px; -webkit-transition: all .2s ease; transition: all .2s ease; width: 9.0625rem; height: auto; z-index: 2;}
.header .logo-wenzel {width: 32%; max-width: 160px; position: absolute; right: 160px; top: 30px;}


/* Navigation */
.main-nav {display: flex; flex-wrap: wrap; position: relative; margin-top: .5rem; max-width: calc(100% - 9.0625rem - 5rem); min-height: 1.5rem;}
nav .nav-item {text-transform: uppercase; font-size: .8125rem; line-height: 1rem; margin-right: 1rem; margin-bottom: .5rem; font-weight: 700;}
nav a {color: #303c49; text-decoration: none; background-color: transparent;}
nav a:hover {color: #e40045;}

.sub-nav {width: 100%; max-width: 1200px; position: absolute; top: 78px; left: 0; box-sizing: border-box; padding: 40px 30px; background-color: #fff; display: none;}
.sub-nav .close-x {position: absolute; top: 40px; right: 20px; width: 24px; height: 24px; cursor: pointer;}
.sub-nav .close-x::after, .sub-nav .close-x::before {content: ''; display: block; height: 2px; left: 0; position: absolute; top: 50%; width: 90%; background-color: #e40045; transition: background .4s ease;}
.sub-nav .close-x::after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.sub-nav .close-x::before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.sub-nav .close-x:hover::after, .sub-nav .close-x:hover::before {background-color: #303c49;}
.sub-nav h4 {font-size: 24px; margin: 0 0 30px 0;}
.sn1, .sn2, .sn3 {max-width: 400px; display: none;}
.sn1 a, .sn2 a, .sn3 a {font-size: .8125rem; color: #303c49; text-decoration: none; display: block; width: 100%; line-height: 40px; border-bottom: 1px #d6d8db solid; box-sizing: border-box; padding: 0 20px; transition: background .4s ease;}
.sn1a1, .sn2a1, .sn3a1 {border-top: 1px #d6d8db solid;}
.sn1 a:hover, .sn2 a:hover, .sn3 a:hover {font-weight: 700; background-color: #f0f1f2;}
.sub1, .sub2, .sub3 {cursor: pointer;}

.mobil-nav {display: none; width: 100%; max-width: 30px; position: absolute; top: 29px; left: 30px; cursor: pointer;}
.closer {display: none; width: 100%; max-width: 30px; position: absolute; top: 24px; left: 30px; cursor: pointer;}
@media screen and (max-width: 795px){
.mobil-nav {display: block;}
.main-nav {display: none;}
.header .logo {width: 115px; top: 6.8px;}
.header .logo-wenzel {right: 125px;}
.header-inner {width: 100%;}
.header-content {display: none;}
}

.mobilnav {width: 100%; height: calc(100% - 78px); background-color: #fff; position: fixed; left: 0; bottom: 0; display: none; overflow-x: hidden;}
.mv-inner {}
.mv-inner ul {margin-left: -40px;}
.mv-inner li {list-style-image: none!important; list-style-type: none!important; box-sizing: border-box; padding: 0 20px;}
.mv-inner li a {border-bottom: 1px #d6d8db solid; width: 100%; display: inline-block; box-sizing: border-box; padding: 0 0 18px 0; text-decoration: none; color: #303c49; font-size: 16px;}
.mv-inner li .separator {padding-bottom: 15px; display: block;}



/* Slider */
.slider {width: 100%; max-width: 1300px; margin: 0 auto;}
.intro-sliding-stage {width: 100%; max-width: 1300px; margin: 0 auto; box-sizing: border-box; padding: 30px; background-color: #303c49;}
.intro-sliding-stage h1 {color: #acb1b6; font-size: 32px;}


/* Zwei Drei Container */
.zwei-container {display: flex; flex-wrap: wrap; width: 65.83333307%; max-width: 790px; float: left;}
.contact-start {width: 31.66666654%; max-width: 380px; float: left; margin-left: 2.49999999%; box-sizing: border-box; padding: 30px 20px; background-color: #f0f1f2;}
.zc {width: 48.10126564%; max-width: 380px; box-sizing: border-box; border: 1px #d6d8db solid; position: relative;}
.zc:last-child {margin-left: 3.7946834%;}
.zc-inner {box-sizing: border-box; padding: 20px 15px 70px 15px;}
.zc-inner h2, .zc-inner p {margin: 0 0 20px 0;}
.zc-inner .blue-btn {position: absolute; left: 15px; bottom: 20px;}

.cs1 span, .cs2 span {width: 90px; display: inline-block;}
.contact-start h2 {margin: 0 0 20px 0; font-size: 36px;}

@media screen and (max-width: 1000px){
.zwei-container {width: 100%; max-width: 1200px; float: none; margin: 0 auto 40px auto;}
.contact-start {width: 100%; max-width: 1200px; float: none; margin-left: auto; margin-right: auto;}
.zc {max-width: 577.2151877px;}
}
@media screen and (max-width: 600px){
.zc {width: 100%; max-width: 600px; margin-left: auto; margin-right: auto;}
.zc:last-child {margin-left: auto; margin-top: 40px;}
}


/* Content */
.content {width: 96%; max-width: 1200px; margin: 40px auto;}
.content a {color: #e40045; text-decoration: none;}
.content a:hover {color: #303c49; text-decoration: underline;}


/* MAN Services */
.man-master {width: 96%; max-width: 1230px; margin: 60px auto;}
.man-services {width: 100%; max-width: 1230px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 60px auto;}
.man-boxes {width: 277.5px; margin: 15px; box-sizing: border-box; border: 1px #303c49 solid; padding: 25px 20px;}
.man-boxes:last-child {background-color: #303c49; color: #ffffff;}
.man-boxes:last-child a {color: #fff; text-decoration: none;}
.man-boxes:last-child a:hover {color: #e40045;}
.man-boxes .fa {color: #e40045; margin-right: 15px;}

/* MAN Aktionen */
.man-aktion {width: 100%; max-width: 1230px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 60px auto;}
.man-aktion-box {width: 380px; margin: 15px; box-sizing: border-box; border: 1px #303c49 solid;}
.mab-inner {box-sizing: border-box; padding: 20px 15px 70px 15px; position: relative;}
.mab-inner h2, .mab-inner p {margin: 0 0 20px 0;}
.mab-inner h2 {font-size: 22px;}
.mab-inner p, .mab-inner li {font-size: 16px;}
.mab-inner .blue-btn {position: absolute; left: 15px; bottom: 20px; font-size: 16px;}


/* Footer */
.footer {width: 100%; background-color: #f0f1f2; padding-bottom: 10px;}
.footer-inner {width: 96%; max-width: 1200px; margin: 0 auto; line-height: 22px; font-size: 16px; padding: 25px 0 15px 0;}
.rechtliches {float: right; color: #838a92; display: table;}
.rechtliches a {color: #838a92; text-decoration: none;}
.rechtliches a:hover {color: #e40045;}
.footer-link {color: #e40045; text-decoration: none;}
.footer-link:hover {color: #303c49; text-decoration: underline;}
.f-breaker {display: none;}
@media screen and (max-width: 800px){
.rechtliches {float: none;}
}
@media screen and (max-width: 540px){
.footer-inner {font-size: 14px; text-align: center;}
.f-breaker {display: block;}
.f-trenner {display: none;}
.footer-inner {text-align: center;}
.rechtliches {margin: 15px auto 0 auto;}
}
@media screen and (max-width: 344px){
.footer-inner {font-size: 13px;}
}


/* Contactfield */
.contact {width: 96%; max-width: 1200px; margin: 40px auto; background-color: #f0f1f2; box-sizing: border-box; padding: 30px 20px;}
.contact h2 {margin: 0 0 20px 0; font-size: 36px;}
.contact-box {width: 50%; max-width: 600px; float: left;}
@media screen and (max-width: 608px){
.contact-box {width: 100%; max-width: 608px; float: none;}
.contact-box:first-child {margin-bottom: 40px;}
}

.ansprechpartner {width: 100%; max-width: 1160px; display: flex; flex-wrap: wrap; justify-content: center;}
.ap-box {width: 356.6666667px; margin: 15px; box-sizing: border-box; border: 1px #e2e2e2 solid; padding: 20px 20px 0px 20px;}
.ap-box a {color: #e40045; text-decoration: none;}
.ap-box a:hover {color: #303c49;}


/* Aktionen */
.pdm-master {width: 96%; max-width: 1230px; margin: 40px auto;}
.pdm-flex {width: 100%; max-width: 1230px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.pdm-box {width: 380px; margin: 15px; box-sizing: border-box; border: 1px #303c49 solid;}
.pdm-box-inner {width: 100%; padding: 25px 20px; box-sizing: border-box;}



/* Formmailer */
.formmailer {width: 100%; max-width: 600px; margin: 0 auto;}
.formmailer .ff_elem {width: 100%!important; max-width: 100%!important; min-width: 100%!important; height: 50px; line-height: 50px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px #303c49 solid; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; color: #303c49; box-sizing: border-box; background-color: transparent;}
.formmailer #ff_elem28 {width: 30px!important; max-width: 30px!important; float: left!important; min-width: 30px!important; border-radius: 0!important; border: 1px #303c49 solid; box-sizing: border-box; margin: 0 15px 80px 0!important;}
.formmailer label.bfGroupLabel {width: 550px!important; display: block!important; padding-top: 13px;}
.formmailer input.ff_elem::placeholder, .formmailer textarea.ff_elem::placeholder {color: #303c49;}
.formmailer input.ff_elem::-webkit-input-placeholder, .formmailer textarea.ff_elem::-webkit-input-placeholder {color: #303c49;}
.formmailer input.ff_elem::-moz-placeholder, .formmailer textarea.ff_elem::-moz-placeholder {color: #303c49; opacity: 1;}
.formmailer input.ff_elem:-ms-input-placeholder, .formmailer textarea.ff_elem:-ms-input-placeholder {color: #303c49;}
.formmailer input.ff_elem:-moz-placeholder, .formmailer textarea.ff_elem:-moz-placeholder {color: #303c49; opacity: 1;}
.formmailer button.bfSubmitButton {background-color: #e40045; color: #ffffff; text-decoration: none; padding: 15px; border-radius: 4px; transition: background .4s ease; float: none!important; border: 0; cursor: pointer;}
.formmailer button.bfSubmitButton:hover {background-color: #303c49;}
.formmailer .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {width: 100%!important; float: none!important;}
.formmailer label.bfGroupLabel a {color: #e40045; text-decoration: none;}
.formmailer label.bfGroupLabel a:hover {color: #303c49;}


.formmailer h2 {display: none;}
.formmailer .formResponsive input.rsform-input-box {width: 100%; line-height: 50px; height: 50px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px #303c49 solid; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; color: #303c49; box-sizing: border-box; background-color: transparent; box-shadow: inset 0 0 0 rgba(0,0,0,0); border-radius: 0; margin-bottom: -10px;}
.formmailer .formResponsive textarea {width: 100%; margin-bottom: 15px; height: 100px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px #303c49 solid; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; color: #303c49; box-sizing: border-box; background-color: transparent; box-shadow: inset 0 0 0 rgba(0,0,0,0); border-radius: 0;}
.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: #e40045; color: #fff; font-size: 18px; border-radius: 4px; text-shadow: 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px rgba(0,0,0,0); border: 0; font-family: 'Open Sans', sans-serif; transition: background .4s ease;}
.formmailer .formResponsive .rsform-submit-button[type="submit"] {padding: 15px; 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: #303c49; 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: 'Open Sans', 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; color: #303c49;}
.formmailer a {color: #e40045; text-decoration: none;}
.formmailer a:hover {color: #303c49;}

::placeholder {color: #303c49; opacity: 1;}
:-ms-input-placeholder {color: #303c49;}
::-ms-input-placeholder {color: #303c49;}