@font-face {
font-family:'Lato';
font-style:normal;
font-weight:300;
src:url(../fonts/lato-v14-latin-300.eot);
src:local('Lato Light'),local(Lato-Light),url(../fonts/lato-v14-latin-300.eot?#iefix) format("embedded-opentype"),url(../fonts/lato-v14-latin-300.woff2) format("woff2"),url(../fonts/lato-v14-latin-300.woff) format("woff"),url(../fonts/lato-v14-latin-300.ttf) format("truetype"),url(../fonts/lato-v14-latin-300.svg#Lato) format("svg")
}

@font-face {
font-family:'Lato';
font-style:normal;
font-weight:400;
src:url(../fonts/lato-v14-latin-regular.eot);
src:local('Lato Regular'),local(Lato-Regular),url(../fonts/lato-v14-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/lato-v14-latin-regular.woff2) format("woff2"),url(../fonts/lato-v14-latin-regular.woff) format("woff"),url(../fonts/lato-v14-latin-regular.ttf) format("truetype"),url(../fonts/lato-v14-latin-regular.svg#Lato) format("svg")
}

@font-face {
font-family:'Lato';
font-style:italic;
font-weight:400;
src:url(../fonts/lato-v14-latin-italic.eot);
src:local('Lato Italic'),local(Lato-Italic),url(../fonts/lato-v14-latin-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/lato-v14-latin-italic.woff2) format("woff2"),url(../fonts/lato-v14-latin-italic.woff) format("woff"),url(../fonts/lato-v14-latin-italic.ttf) format("truetype"),url(../fonts/lato-v14-latin-italic.svg#Lato) format("svg")
}

@font-face {
font-family:'Lato';
font-style:normal;
font-weight:700;
src:url(../fonts/lato-v14-latin-700.eot);
src:local('Lato Bold'),local(Lato-Bold),url(../fonts/lato-v14-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/lato-v14-latin-700.woff2) format("woff2"),url(../fonts/lato-v14-latin-700.woff) format("woff"),url(../fonts/lato-v14-latin-700.ttf) format("truetype"),url(../fonts/lato-v14-latin-700.svg#Lato) format("svg")
}

#banner {
padding-top:60px
}

.banner .tp-bullets.preview4 .bullet,.banner .tp-bullets.preview2 .bullet,.banner .tp-bullets.horizontal .tp-bullet {
background:rgba(162,27,56,0.6)!important
}

.banner .tp-bullets.preview4 .bullet:hover,.banner .tp-bullets.preview4 .bullet.selected,.banner .tp-bullets.preview2 .bullet:hover,.banner .tp-bullets.preview2 .bullet.selected,.banner .tp-bullets.horizontal .tp-bullet:hover,.banner .tp-bullets.horizontal .tp-bullet.selected {
background:#fff!important
}

.banner .tiny_bullet_slider .tp-bullet:before {
content:" ";
position:absolute;
width:100%;
height:25px;
top:-12px;
left:0;
background:transparent
}

.bullet-bar.tp-bullets:before {
content:" ";
position:absolute;
width:100%;
height:100%;
background:transparent;
padding:10px;
margin-left:-10px;
margin-top:-10px;
box-sizing:content-box
}

.banner .bullet-bar .tp-bullet,.banner .tp-bullets.preview4 .bullet,.banner .tp-bullets.preview2 .bullet,.banner .tp-bullets.horizontal .tp-bullet {
width:60px!important;
height:3px!important;
position:absolute;
background:#aaa;
background:rgba(204,204,204,0.5);
cursor:pointer;
box-sizing:content-box;
border-radius:0!important
}

.banner .bullet-bar .tp-bullet:hover,.banner .bullet-bar .tp-bullet.selected,.banner .tp-bullets.preview4 .bullet:hover,.banner .tp-bullets.preview4 .bullet.selected,.banner .tp-bullets.preview2 .bullet:hover,.banner .tp-bullets.preview2 .bullet.selected,.banner .tp-bullets.horizontal .tp-bullet:hover,.banner .tp-bullets.horizontal .tp-bullet.selected {
width:60px!important;
height:3px!important;
position:absolute;
background:#aaa;
cursor:pointer;
box-sizing:content-box;
background:rgba(204,204,204,1);
border-radius:0!important
}

.tp-bannertimer {
height:5px;
background:#a21b38!important;
display:inherit
}

.tp-headline {
font-family:'Lato',sans-serif;
color:#fff;
font-weight:700;
text-shadow:1px 2px 2px #000
}

.tp-subline {
font-family:'Lato',sans-serif;
color:#fff;
font-weight:700;
text-shadow:1px 2px 2px #000
}

.header {
z-index:300;
position:relative
}

.header-first {
padding:0
}

.transparent-header header.header.transparent-header-on,.fixed-header-on .header.fixed:not(.dark) {
background-color:rgba(255,255,255,1);
border-bottom:1px solid rgba(0,0,0,0.07);
border-top-color:#fff
}

#logo {
width:300px;
height:auto;
margin:20px 0 0;
transition:all .2s ease-in-out
}

.fixed-header-on #logo {
width:160px;
height:auto;
margin:5px 0 0;
transition:all .2s ease-in-out
}

.header .navbar-nav li .nav-link {
font-size:20px;
font-weight:400
}

.fixed-header-on .navbar-nav {
margin-top:0!important;
transition:all .2s ease-in-out
}

.adresszeile {
width:100%;
height:40px;
padding:10px 15px 0 0;
text-align:right;
color:#a21b38;
font-size:14px
}

.adresszeile a {
color:#a21b38
}

.fixed-header-on .adresszeile {
display:none;
color:#fff;
transition:all .9s ease-in-out
}

p.large {
margin-bottom:60px;
font-size:18px;
font-weight:700
}

h2.title {
font-size:45px;
margin-bottom:15px;
text-transform:none;
margin-top:50px;
font-weight:300
}

.red-bg {
background-color:#a21b38;
color:#fff
}

.gray-bg {
background-color:#444a51;
color:#fff
}

.light-gray-bg {
border:none;
background-color:#f3f3f3
}

.dark-bg {
background-color:#444a51
}

.ambiente_calltoaction {
padding:50px 0
}

.drips {
width:100%;
height:200px!important;
background:url(../images/drips_grey.png) no-repeat;
background-position:top right;
background-size:50%
}

.pb-80 {
padding-bottom:80px
}

.divider_leistungen {
background:url(../images/divider/01.jpg) no-repeat;
background-position:top center;
background-size:cover
}

.divider_partner {
background:url(../images/divider/02.jpg) no-repeat;
background-position:top center;
background-size:cover
}

.divider {
width:100%;
height:320px!important
}

.card {
border-radius:0;
margin-bottom:10px;
border:none
}

.collapse-style-3 .card-block {
padding:20px
}

.lpic {
width:90px;
height:auto;
float:left;
margin-right:20px
}

.card h2 {
text-transform:none;
font-size:18px!important;
background:#444a51
}

.collapse-style-3 .card-header a {
background-color:#a21b38;
font-size:18px;
font-weight:400;
padding:8px 40px 8px 15px
}

.collapse-style-3 .card-header a.collapsed {
background-color:#444a51
}

.maler-icon {
width:auto;
height:30px;
float:left;
margin-right:15px
}

.h2-abstand {
margin-top:5px
}

.farbdesigner {
width:100%;
height:320px!important;
background:url(../images/leistungen/farbdesigner_online.png) no-repeat;
background-position:top center;
background-size:cover
}

.logo-footer {
width:40%;
height:auto
}

.kontakt {
padding-top:280px;
padding-bottom:50px;
background:url(../images/footer.jpg) no-repeat;
background-position:top center;
background-size:cover
}

#referenzen {
padding:50px 0 120px
}

.dark .footer {
background-color:#444a51;
color:#fff
}

.dark .footer a {
color:#fff
}

.ambiente-datenschutz {
position:fixed;
z-index:99;
bottom:0;
left:0;
right:0;
font-size:15px;
font-weight:400;
background-color:rgba(41,44,48,0.9)
}

.form-control {
font-size:16px;
font-weight:700;
background:#f3f3f3;
color:#444a51
}

.form-group {
margin-bottom:20px
}

.has-error .error {
background:#75172b;
color:#fff;
font-size:13px;
font-weight:400;
border-radius:5px;
padding:8px 14px;
margin:0 0 20px;
display:inline
}

.btn-success {
background-color:#207734;
border-color:#207734
}

@media (max-width: 1030px) {
.divider {
width:100%;
height:250px!important
}

.divider_leistungen {
background-position:top right;
background-size:130%
}

.divider_partner {
background-position:top center;
background-size:cover
}

.adresszeile {
font-size:13px
}

.kontakt {
padding-top:200px;
background:url(../images/footer.jpg) no-repeat;
background-position:top center;
background-size:cover
}
}

@media (max-width: 768px) {
#logo-mobile {
width:300px;
height:auto;
margin:15px 0;
transition:all .2s ease-in-out
}

.fixed-header-on .header.fixed.object-visible #logo-mobile {
width:200px;
height:auto;
margin:0;
transition:all .2s ease-in-out

}

.divider {
width:100%;
height:280px
}

.kontakt {
padding-top:200px;
background-position:-400px 0;
background-size:180%
}

.drips {
width:100%;
height:120px!important;
background:url(../images/drips_grey.png) no-repeat;
background-position:top right;
background-size:55%
}

.hidden-sm {
display:none
}

.grid-space-0-lg-display {
margin-right:0;
margin-left:0
}

.logo-footer {
width:40%;
height:auto
}
}

@media (min-width: 680px) and (max-width: 768px) {
.divider_leistungen {
background-position:top right;
background-size:200%
}

.divider_partner {
background-position:top center;
background-size:180%
}

.divider {
width:100%;
height:280px!important
}

.hidden-md {
display:none
}
}

@media (max-width: 400px) {
#logo-mobile {
width:250px;
height:auto;
margin:15px 0;
transition:all .2s ease-in-out
}

.fixed-header-on .header.fixed.object-visible #logo-mobile {
width:100px;
height:auto;
margin:0;
transition:all .2s ease-in-out
}

.divider {
width:100%;
height:250px!important
}

.divider_leistungen {
background-position:-600px 0;
background-size:350%
}

.divider_partner {
background-position:top left
}

.kontakt {
padding-top:200px;
background-position:-400px 55px;
background-size:250%
}

.logo-footer {
width:90%;
padding-left:10%
}

.drips {
width:100%;
height:100px!important;
background:url(../images/drips_grey.png) no-repeat;
background-position:top right;
background-size:90%
}

.farbdesigner {
width:100%;
height:200px!important;
background-position:top center;
background-size:cover
}
}