/**********Diese Datei für Mandantenspezifisches CSS verwenden**************/


.parallaxx {height: 360px;background: top center no-repeat; background-attachment: fixed; overflow: hidden; background-size: cover;
    -webkit-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.35);
    box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.35); }


/*.rte_container{text-align:center; }*/
.rte_container h1{color: #ffffff;padding-top: 50px; margin-bottom: 10px;}
.rte_container p{color: #ffffff; width: 60%; margin:auto; margin-bottom: 30px;}

/*tradegroups*/
.trade-groups .content article.card.item-large {width:48% !important; margin:0 0 2% 0 !important}
.trade-groups .content article.card.item-large:nth-child(2n+2) {margin:0 0 2% 4% !important;}

@media screen and (max-width: 500px){
    .trade-groups .content article.card.item-large {width:100% !important}
    .trade-groups .content article.card.item-large:nth-child(2n+2) {margin:0 0 2% 0 !important;}
}

/*tradegroups*/

/*parallax*/
.rte_container h1{padding-top:30px !important;}
.parallaxx h3 { color: #fff; margin-bottom: 15px; }
.parallaxx .rte_container { padding-top: 30px; margin-top: 65px;text-align:center; }
/*parallax*/

/*footer*/
footer.main address{width:35% !important;}
footer.main address .col_left {width:100%;}
footer.main > .wrp > nav {width:25%;margin: 0 0 0 5% !important;}

@media screen and (max-width: 1023px){
    footer.main>.wrp>nav {width:100%;}
}

@media screen and (max-width: 740px){
    footer.main address .headline {margin-bottom:25px;}
    footer.main address{width:100% !important;margin-bottom:5%;}
    footer.main address .col_left {margin-bottom:5% !important;}
    footer.main > .wrp > nav {width:100%;margin: 0 0 5% 5% !important;}
}
/*footer*/

/* headerimage with text */

@media screen {

    .headline.custom { position: relative;}

    .headline.custom .rte_container{background: none; margin-top: 0;}
}
.headline.custom .imageWrapper {
    height: auto;
    /*min-height: 300px;*/
    overflow: hidden;
}

.headline.custom > .description {
    width: 600px;
    padding: 0;
    position: absolute; top: 85px; right: 45%;
}

.headline.custom > .description > .hint.message {
    background: none!important;
    padding: 0; border: 0; margin: 0;
}

.headline.custom > .description .textWrapper {
    background-color: none;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.headline.custom > .description .textWrapper strong {
    font-size: 24px; line-height: 36px;
    font-family: regular;
    padding: 10px;
    color: #fff!important;
}

.headline.custom > .description .textWrapper p { margin-bottom: 0; }

.headline.custom > .description .textWrapper ul { margin-top: 10px; }

.headline.custom > .description .textWrapper ul li { padding-left: 0px; }

.headline.custom > .description a.btn.success { margin-bottom: 0; }


#detail_infobar_text .rte_container{text-align: left; background: none; margin-top: 0;}

.usp_wrp{float:left;width:33.33%;}
#usp-bar i, #usp-bar .text_wrp{display:inline-block;vertical-align:top;}
#usp-bar i{width:20%;padding:0px;}
#usp-bar .text_wrp{width:80%;text-align:left;padding:0 20px;box-sizing:border-box;}
#usp-bar .text_wrp h3{margin-bottom:0px;color:#8F8681;text-transform:uppercase;font-weight:bold;font-size:16px}
#usp-bar .text_wrp p{font-size:12px;line-height:16px;}
@media screen and (max-width:1280px){#usp-bar i{vertical-align:middle;}
    #usp-bar i:before{background-size:100%}
    #usp-bar .text_wrp{padding:0 10px;vertical-align:middle;}
    #usp-bar .text_wrp h3{font-size:1.5vw;}
}
@media screen and (max-width:1023px){#usp-bar i:before{height:80px;width:65px;}
    #usp-bar .text_wrp{padding:0 20px}
    #usp-bar .text_wrp h3{font-size:1.8vw;}
}
@media screen and (max-width:767px){#usp-bar i{vertical-align:top;}
}
@media screen and (max-width:725px){.usp_wrp{width:100%!important;}
    #usp-bar .text_wrp h3{font-size:2.2vw;}
}
.description .rte_container{background: none;}
.description .rte_container h1{color:#8F8681; padding-top: 0px;}
.description{padding: 0px;}

#slider .slide figcaption p{width: 45%;}

#page article .rte_container,
#contact article .rte_container { text-align: left; background: #fff; }

form .info:hover .tooltip,
form .info:hover .tooltip .rte_container { text-align: left;}