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

body {width: 100%; height: 100%;}
body {margin: 0; padding: 0; font-family: 'Open Sans Condensed', sans-serif; font-size:22px; color:#333333; line-height:32px;}

h1 {font-size: 26px;}
h2 {font-size: 24px;}
h1, h2, p {margin: 0 0 30px 0;}

img {width: 100%; height: auto; border: 0 none;}
hr {height: 1px; border: 0; color: #000000; background-color: #000000; margin: 70px auto; width: 50%; max-width: 500px;}
.bild500 {max-width: 500px;}
.bild600 {max-width: 600px;}
.bild700 {max-width: 700px;}
.bild800 {max-width: 800px;}




.header {width: 100%; padding: 50px 0 5px 0; border-bottom: 1px #000000 solid; background:linear-gradient(#d8d8d8, #ffffff);}
.header-inner {width: 90%; max-width: 1000px; margin: 0 auto;}
.brand {width: 60%; max-width: 400px; margin: 0 auto;}

.navi {display: table; margin: 20px auto 0 auto;}

.slider-box {width: 90%; max-width: 1000px; margin: 50px auto 0 auto; padding: 2px; border-top: 1px #000000 solid; border-bottom: 1px #000000 solid; border-left: 1px #000000 solid; border-right: 1px #000000 solid;}

@media screen and (max-width:545px){
	.brand {width: 80%;}
}
@media screen and (max-width:390px){
	.brand {width: 90%;}
	hr {margin: 40px auto;}
}



.content {width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 70px 0 40px 0;}
.content img {border: 1px #000000 solid;}
.content a {text-decoration: none; color: #000000;}
.content a:hover {text-decoration: underline;}

.cont {width: 90%; max-width: 1000px; margin: 0 auto; padding-bottom: 70px;}

.formbox {width: 50%; max-width: 500px; margin: 0 auto;}
@media screen and (max-width:630px){
	.formbox {width: 75%;}
}
@media screen and (max-width:420px){
	.formbox {width: 100%;}
}

.footer {width: 100%; background-color: #d8d8d8; padding: 40px 0 10px 0; border-top: 2px #000000 solid;}
.footer-inner {width: 90%; max-width: 1000px; margin: 0 auto; position: relative;}
.footer-inner a {color: #000000; text-decoration: none;}
.footer-inner a:hover {text-decoration: underline;}
.social-box {width: 170px; position: absolute; right: 0px; bottom: 58px;}
.kontakt-btn, .facebook-btn, .whatsapp-btn {width: 50px; height: 50px; background-position: center center; background-size: cover; cursor: pointer;}
.kontakt-btn {position: absolute; left: 0px; top: 0px; background-image: url(../../../images/elemente/kontakt-btn.png);}
.kontakt-btn:hover {background-image: url(../../../images/elemente/kontakt-btn-hover.png);}
.facebook-btn {position: absolute; left: 60px; top: 0px; background-image: url(../../../images/elemente/facebook-btn.png);}
.facebook-btn:hover {background-image: url(../../../images/elemente/facebook-btn-hover.png);}
.whatsapp-btn {position: absolute; left: 120px; top: 0px; background-image: url(../../../images/elemente/whatsapp-btn.png);}
.whatsapp-btn:hover {background-image: url(../../../images/elemente/whatsapp-btn-hover.png);}
.breaker1, .breaker2 {display: none;}
@media screen and (max-width:750px){
	.social-box {position: relative; right: auto; bottom: auto; margin: 20px auto; height: 50px;}
}
@media screen and (max-width:550px){
	.breaker2 {display: block;}
	.trenner2 {display: none;}
}


.endline {width: 100%; padding: 20px 0; text-align: center; background-color: #333333; color: #999999; font-size: 18px;}
.endline a {color: #999999; text-decoration: none;}
.endline a:hover {text-decoration: underline;}

.whatsapp-box {text-align: center; padding: 20px; background-color: #333333; color: #999999; position: fixed; right: -300px; top: 25%; max-width: 300px; box-sizing: border-box; transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
.whatsapp-box img {max-width: 50px;}
.close-btn {color: #ffffff; cursor: pointer; display: table; border: 2px #ffffff solid; border-radius: 50%; margin: 0 auto; padding: 0 11px;}
.close-btn:hover {color: #999999; border: 2px #999999 solid;}
.wab-on {right: 0px; transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}

/* Formmailer */
.ff_elem {width: 100%; font-family: 'Open Sans Condensed', sans-serif; line-height: 50px; height: 50px; border:2px #333333 solid; border-radius: 0; background-color: transparent; color: #333333; padding-left: 10px; font-size: 22px; max-width: 500px; box-sizing: border-box;}
.right50 select.chzn-done {width: 100%; font-family: 'Open Sans Condensed', sans-serif; line-height: 36px; height: 36px; border:2px #333333 solid; border-radius: 0; background-color: transparent; color: #333333; padding-left: 10px; font-size: 22px; max-width: 500px; box-sizing: border-box;}
.bfSubmitButton {border:0 none; background-color: #000000; color: #ffffff; padding: 5px 10px; cursor: pointer; font-weight: normal; margin-top: 20px; font-size: 22px; transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; font-family: 'Open Sans Condensed', sans-serif;}
.bfSubmitButton:hover {background-color: #333333; transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
input {padding: 0;}
input::-moz-placeholder {color: #333333 !important; opacity: 1;}
#bfElemWrap75 .bfCaptcha {display: table; margin: 0 auto; float: none;}
a.ff_elem img {max-width: 15px; border: 0 none;}
.bfCaptcha a.ff_elem {border: 0 none;}
a.ff_elem {padding: 0; background-color: transparent;}
.bfCaptcha img.ff_capimg {border: 0 none;}