@charset "UTF-8";
    .brinkmann-baut-baeder, h2, h3, h4, h5 {
    font-style: normal;
    letter-spacing: .01651em;
}
embed, img, object, video {
    max-width: 100%}
.ie6 img {
    width: 100%}
@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: 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');
}
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 87.36%;
    padding-left: 1.82%;
    padding-right: 1.82%}
#header, #main {
    padding: 0;
    clear: both;
}
#bader, #heizung {
    padding: 3% 0;
    clear: none;
    float: left;
    margin-left: 0;
    text-align: center;
    display: block;
    width: 100%}
#main {
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    background-color: #fff;
}
#header {
    float: left;
    margin: 0;
    width: 100%;
    display: block;
}
#slogan {
    clear: both;
    float: left;
    margin-bottom: 3%;
    height: 160px;
    width: 100%;
    display: block;
}
#text {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    padding: 3% 0 2% 2%}
#text2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    padding: 2% 0;
}
#text-data {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    padding: 2% 0;
}
#show {
    clear: none;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#kontakt {
    clear: both;
    float: left;
    margin: 2% 0;
    width: 100%;
    display: block;
    border-bottom: solid 2px RGB(192, 192, 192);
}
#kontaktform {
    clear: both;
    float: left;
    margin: 2% 0;
    width: 100%;
    display: block;
}
#footer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    border-top: 3px solid RGBA(92, 155, 203, .3);
    padding: 1.5% 0;
}
.bader {
    background: url(../images/brinkmann-baut-bader-sml.jpg) 50% 8.8% no-repeat, RGB(255, 255, 255) 50% 8.8% no-repeat;
    background-size: contain;
}
.heizung {
    background: url(../images/brinkmann-heizung-vaillant-sm.jpg) 50% 8.8% no-repeat, RGB(255, 255, 255) 50% 8.8% no-repeat;
    background-size: contain;
}
.brinkmann-baut-baeder {
    font-family: Cabin, sans-serif;
    font-size: 1.86em;
    font-weight: 400;
    text-align: center;
    color: RGBA(212, 9, 27, 1);
    display: block;
    margin: 0;
    padding: 1.8% 2% 1% 4%}
.moto, p {
    letter-spacing: .03651em;
    line-height: 145%}
h1 {
    color: #fff;
    font-size: 1.89em;
    font-weight: 500;
    text-align: center;
    letter-spacing: .00651em;
    text-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.moto, h2, h3, h4, h5 {
    color: RGBA(9, 81, 146, 1);
}
.phrase1 {
    padding-top: 9.3%}
.phrase2 {
    padding-top: 3.3%}
h2, h3, h4, h5 {
    font-family: Cabin, sans-serif;
    font-size: 1.88em;
    font-weight: 400;
    margin: 0;
    padding: 0 10% 1% 0;
}
.moto {
    font-family: Arial, sans-serif;
    font-size: 1em;
    padding: 0;
}
A.impressum:link, A.impressum:visited, A.smartphone:link, A:active, A:hover, A:link, A:visited {
    text-align: center;
    text-decoration: none;
    font-family: Arial;
}
p {
    font-size: 1.38em;
    color: RGB(74, 74, 74);
    margin: 0;
    padding: 0 2% 2% 0;
}
.logo_middle {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
A:active, A:hover, A:link, A:visited {
    color: #fff;
    font-size: 1.3em;
}
A.impressum:link, A.impressum:visited {
    color: #D4081A;
    font-size: 1.3em;
}
A.roll:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .6;
}
A.smartphone:link {
    color: RGB(0, 73, 150);
    font-size: 1.4em;
}
.button_bader {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5% 0;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    font-weight: 700;
    color: #FFF;
    background: #004996;
    background-image: -webkit-linear-gradient(top, #004996, #0461bf);
    background-image: -moz-linear-gradient(top, #004996, #0461bf);
    background-image: -ms-linear-gradient(top, #004996, #0461bf);
    background-image: -o-linear-gradient(top, #004996, #0461bf);
    background-image: linear-gradient(to bottom, #004996, #0461bf);
}
.button_bader_visited, .button_heizung {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5% 0;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    font-weight: 700;
    color: #FFF;
}
.button_bader:hover, .button_bader_visited {
    background-color: #a7cfdf;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr=#a7cfdf,  endColorstr=#23538a);
}
.button_bader:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
    background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
    background-image: linear-gradient(to bottom, #a7cfdf, #23538a);
}
.button_bader_visited {
    border-radius: 3px;
    font-size: 1.3em;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
    background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
    background-image: linear-gradient(to bottom, #a7cfdf, #23538a);
}
.button_heizung {
    border-radius: 3px;
    background-color: #FF1A23;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF1A23), to(#C20718));
    background-image: -webkit-linear-gradient(top, #FF1A23, #C20718);
    background-image: -moz-linear-gradient(top, #FF1A23, #C20718);
    background-image: -ms-linear-gradient(top, #FF1A23, #C20718);
    background-image: -o-linear-gradient(top, #FF1A23, #C20718);
    background-image: linear-gradient(to bottom, #FF1A23, #C20718);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr=#FF1A23,  endColorstr=#C20718);
}
.button_heizung:hover, .button_visited {
    background-color: #D60434;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr=#D60434,  endColorstr=#990022);
}
.button_heizung:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D60434), to(#902));
    background-image: -webkit-linear-gradient(top, #D60434, #902);
    background-image: -moz-linear-gradient(top, #D60434, #902);
    background-image: -ms-linear-gradient(top, #D60434, #902);
    background-image: -o-linear-gradient(top, #D60434, #902);
    background-image: linear-gradient(to bottom, #D60434, #902);
}
.button_visited {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5% 0;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    font-weight: 700;
    color: #FFF;
    font-size: 1.3em;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D60434), to(#902));
    background-image: -webkit-linear-gradient(top, #D60434, #902);
    background-image: -moz-linear-gradient(top, #D60434, #902);
    background-image: -ms-linear-gradient(top, #D60434, #902);
    background-image: -o-linear-gradient(top, #D60434, #902);
    background-image: linear-gradient(to bottom, #D60434, #902);
}
#contact-area {
    width: 225px;
    margin-top: 5px;
}
#contact-area input, #contact-area textarea {
    padding: 5px 0;
    width: 225px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    margin: 0 0 15px;
    border: 2px solid #ccc;
    color: RGB(74, 74, 74);
}
#contact-area textarea {
    height: 70px;
}
#contact-area input:focus, #contact-area textarea:focus {
    border: 2px solid #900;
}
#contact-area input.submit-button {
    width: 100px;
    float: center;
}
label {
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 100px;
    padding-top: 5px;
    font-size: 1.4em;
}
@media only screen and (min-width:481px) {
    .gridContainer {
    width: 90.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%}
#bader, #heizung, #kontakt, #slogan {
    float: left;
    width: 100%;
    display: block;
}
#footer, #header, #kontaktform, #main, #text, #text2 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#slogan {
    clear: both;
    margin-bottom: 12%;
    height: 265px;
}
#bader, #heizung {
    clear: none;
    margin: 1% 0;
    padding: 0;
}
#show {
    display: none;
}
#kontakt {
    clear: both;
    margin: 0;
    border-bottom: solid 2px #fff;
}
h1 {
    font-size: 3.4em;
}
.button_bader, .button_heizung {
    padding: 1.5% 0;
    font-size: 1.4em;
}
.phrase1 {
    padding-top: 9.3%}
.phrase2 {
    padding-top: 6.3%}
#contact-area {
    width: 475px;
    margin-top: 5px;
}
#contact-area input, #contact-area textarea {
    padding: 5px 0;
    width: 471px;
    margin: 0 0 10px;
    border: 2px solid #ccc;
}
#contact-area textarea {
    height: 90px;
}
#contact-area input:focus, #contact-area textarea:focus {
    border: 2px solid #900;
}
#contact-area input.submit-button {
    width: 100px;
    float: center;
}
label {
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 100px;
    padding-top: 5px;
    font-size: 1.4em;
}
A.smartphone:link, A.smartphone:visited {
    color: RGB(74, 74, 74);
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 1.3em;
}
}@media only screen and (min-width:769px) {
    .gridContainer {
    width: 98%;
    max-width: 1232px;
    padding-left: 1%;
    padding-right: 1%;
    margin: auto;
}
#kontakt, #text {
    width: 46.9795%}
#bader, #header, #heizung, #main, #slogan {
    margin: 0;
    display: block;
    width: 100%}
#footer, #kontakt, #text {
    clear: both;
    float: left;
    margin-left: 0;
}
#main {
    clear: both;
    float: left;
}
#header {
    clear: both;
    float: left;
    padding: 0;
}
#slogan {
    clear: both;
    float: left;
    height: 390px;
}
#text {
    padding: 2% 0 2% 2%;
    display: block;
}
#text2 {
    clear: none;
    float: left;
    margin-left: 2.0408%;
    padding: 2% 0;
    width: 48.8795%;
    display: block;
}
#bader, #heizung {
    clear: none;
    float: left;
    padding: 0;
}
#show {
    display: none;
}
#kontakt {
    padding: 1% 0 2% 2%;
    display: block;
    border-bottom: solid 2px #fff;
}
#kontaktform {
    clear: none;
    float: left;
    margin: 0 0 0 2.0408%;
    width: 47.9795%;
    padding: 1% 0 2%;
    display: block;
}
#footer {
    width: 100%;
    display: block;
}
.bader {
    background: url(../images/blue.png) 50% 17.6% no-repeat, url(../images/brinkmann-baut-bader.jpg) 50% 15% no-repeat, url(../images/bkgd.png) 50% 0 repeat-x rgba(219, 219, 219, .2);
    background-size: auto auto, auto auto, auto auto;
}
.heizung {
    background: url(../images/red.png) 50% 17.6% no-repeat, url(../images/brinkmann-heizung-vaillant.jpg) 50% 15.4% no-repeat, url(../images/bkgd.png) 50% 0 repeat-x rgba(219, 219, 219, .2);
    background-size: auto auto, auto auto, auto auto;
}
h1 {
    font-size: 3.8em;
    clolor: red;
}
.logo_middle {
    display: block;
    width: 600px;
    min-width: none;
    padding: 0;
    height: auto;
    min-height: noneem;
    margin-right: auto;
    margin-left: auto;
}
.button_bader, .button_heizung {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1.1% 0;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    font-weight: 700;
    color: #FFF;
}
.phrase1, .phrase2 {
    padding-top: 5.3%}
}