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

/* First Stage */
.first-stage {width: 100%;}

.bild-preview {width: 42.8571426%; max-width: 600px; box-sizing: border-box; position: relative; float: left;}
.bp-border {border: 1px #f3f3f3 solid; border-radius: 8px;}
.product-order, .description-box {width: 45.71428544%; max-width: 640px; margin-left: 11.42857136%; float: left;}
.product-order h1 {color: #07668c; text-transform: none; font-size: 32px;}
.product-order p {line-height: 25px;}
.select-box {width: 100%; border: 1px #096B90 solid; border-radius: 8px; box-sizing: border-box; padding: 0 10px; line-height: 40px; height: 40px; color: #032B44; margin-bottom: 40px;}
.option-heading {color: #032b44; margin-bottom: 10px; display: table;}
.getfiles {margin-bottom: 60px;}
.download-file, .video-file {text-decoration: none; font-size: 14px; color: #032b44;}
.download-file:hover, .download-file2:hover, .video-file:hover {color: #00adef;}
.download-file a::before, .download-file2::before, .video-file::before {font-family: 'FontAwesome'; color: #00adef; margin-right: 20px; font-size: 24px; width: 22px; display: inline-block;}
.download-file a::before, .download-file2::before {content: "\f019";}
.video-file::before {content: "\f152";}
.videolink ul {margin: 0;}
.videolink li {list-style-type: none; font-size: 14px;}
.videolink li::before {font-family: 'FontAwesome'; content: "\f152"; color: #00adef; margin-right: 20px; margin-left: -40px; font-size: 24px; width: 22px; display: inline-block;}
.trenner {width: 1px; height: 40px; background-color: #e2e2e2; margin: 0 20px; float: left;}
.first-stage .blue-btn {cursor: pointer;}
.first-stage .blue-btn::before {font-family: 'FontAwesome'; color: #ffffff; margin-right: 20px; content: "\f07a";}
.first-stage .aaa-btn::before {font-family: 'FontAwesome'; color: #ffffff; margin-right: 20px; content: "\f00c";}
#AngebotAnfordern {display: table;}
.kat-info {font-size: 14px; color: #afafaf;}

.getfiles2 {line-height: 40px; height: 40px; margin-bottom: 60px;}
.download-file2 {text-decoration: none; font-size: 14px; color: #032b44; float: left;}

.basket-prod {width: 65px; max-width: 65px; float: left; position: relative; background-color: #00adef; height: 65px; box-sizing: border-box; padding: 20px 15px; margin-top: -20px;}
.left-btn {float: left; margin-right: 10px; display: table;}
.basket-prod .anzahl-basket {top: 5px; border: 1px #fff solid; border-radius: 50%; width: 12px;}

@media screen and (max-width: 1100px){
	.trenner {display: none;}
	.download-file2 {float: none; display: table;}
}
@media screen and (max-width: 700px){
	.bild-preview, .product-order, .description-box {float: none; width: 100%; max-width: none;}
	.product-order, .description-box {margin-left: 0;}
	.bild-preview {margin-bottom: 40px;}
}
@media screen and (max-width: 384px){
	.left-btn .blue-btn {font-size: 18px; padding: 18px 24px;}
	.basket-prod {width: 59px; max-width: 59px; height: 59px; margin-top: -17px;}
}
@media screen and (max-width: 344px){
	.left-btn .blue-btn {font-size: 18px; padding: 18px 20px;}
}
@media screen and (max-width: 333px){
	.basket-prod {margin-top: 20px;}
}

/* Second Stage (Slider) */

/* Third Stage */
.third-stage {width: 100%; background-color: #f3f3f3; padding: 30px 0 26px 0;}
.third-stage-inner {width: 94%; max-width: 1400px; margin: 0 auto; font-weight: bold;}
.third-stage-navi {float: left; margin-right: 70px; color: #979797; border-bottom: 2px transparent solid; padding-bottom: 4px; cursor: pointer;}
.third-stage-navi:hover {color: #032b44; border-bottom: 2px #00adef solid;}
.third-stage-inner .active {color: #032b44!important; border-bottom: 2px #00adef solid;}
.third-stage-content {width: 100%; background-color: #f8f8f8;}
.third-stage-content-inner {width: 94%; max-width: 1400px; margin: 0 auto; padding: 40px 0 80px 0;}
.tsci1 h3 {color: #00adef!important; font-size: 20px!important; text-transform: none;}
.tsci2 h3 {color: #fff!important; font-size: 18px!important; margin: 0 0 0px 0; text-transform: none;}
.tsci2 p {font-size: 16px; line-height: normal; margin: 0 0 0px 0;}
.tsci2 {padding: 40px 0 80px 0!important;}
.tsc-invisible {display: none;}
.tsc-visible {display: block;}

.td-box {max-width: 810px; margin: 0 auto 10px auto; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.td-name, .td-text {padding: 10px; box-sizing: border-box;}
.td-name {width: 250px; background-color: #00adef;}
.td-text {width: 550px; margin-left: 10px; background-color: #f3f3f3; border: 1px #e7e7e7 solid;}
@media screen and (max-width: 856px){
.td-box {max-width: 550px;}
.td-name, .td-text {float: none; width: 100%; max-width: 550px; min-width: 0;}
.td-text {margin-left: 0;}
}
@media screen and (max-width: 760px){
	.third-stage-navi {margin-right: 40px;}
}
@media screen and (max-width: 660px){
	.third-stage-navi {margin-right: 0px; float: none;}
	#descriptionheader, #orderinfoheader {display: table;}
	#orderinfoheader, #technicalheader {margin-top: 10px;}
}

/* Fourth Stage */
.fourth-stage {width: 100%; max-width: 1400px; display: flex; flex-wrap: wrap; justify-content: center;}
/*
.propro4 {width: 22.142857%; max-width: 310px; margin: 0 1.4285714% 60px 1.4285714%;}
.propro3 {width: 28.57142857%; max-width: 400px; margin: 0 2.38095238% 60px 2.38095238%;}
.propro2 {width: 47.142857%; max-width: 660px; margin: 0 1.4285714% 60px 1.4285714%;}
.propro1 {width: 100%; max-width: 1400px; margin: 0 auto 60px auto; float: none!important;}
*/
.property-box {width: 290px; margin: 30px; text-align: center; color: #096B90; font-weight: bold;}
.property-box::before {font-family: 'FontAwesome'; color: #00adef; margin: 0 auto 25px auto; display: block; font-size: 40px; content: "\f058";}
@media screen and (max-width: 940px){
	.propro4 {width: 45.47306473%; max-width: 401.7999px; margin: 0 2.2634676% 60px 2.2634676%;}
}
@media screen and (max-width: 560px){
	.propro4 {width: 100%; max-width: 350px; margin: 0 auto 60px auto; float: none;}
}
@media screen and (max-width: 470px){
	.propro3 {width: 100%; max-width: 350px; margin: 0 auto 60px auto; float: none;}
}
@media screen and (max-width: 400px){
	.propro2 {width: 100%; max-width: 350px; margin: 0 auto 60px auto; float: none;}
}

/* Fifth Stage */
.fifth-stage {width: 100%; background-image: url("../../../images/elemente/backgroung-zubehoer.jpg"); background-position: center center; background-size: cover; padding: 40px 0;}
.fifth-stage h2, .fifth-stage .hr-blau {color: #ffffff;}
.fifth-stage .hr-blau {background-color: #ffffff;}
.fifth-stage-box {width: 100%; max-width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
/*
.eqbo4 {width: 22.142857%; max-width: 310px; margin: 0 1.4285714%;}
.eqbo3 {width: 28.57142857%; max-width: 400px; margin: 0 2.380952378%;}
.eqbo2 {width: 28.57142857%; max-width: 400px; margin: 0 10.714285714%;}
.eqbo1 {width: 100%; max-width: 360px; margin: 0 auto; float: none!important;}
*/
.zubehoer-box {width: 290px; margin: 30px; background-color: #ffffff; border-radius: 8px; box-sizing: border-box; padding: 20px 20px 30px 20px; text-align: center; min-height: 396px;}
.zubehoer-box .headlines {font-size: 22px;}
.zubehoer-box .headlinezusatz {color: #096b90; font-style: italic;}
.zubehoer-box .image {width: 100%; max-width: 150px; height: 150px; border-radius: 50%; background-color: #f3f3f3; vertical-align: middle; margin: 20px auto; border: 4px #f3f3f3 solid; overflow: hidden;}
.zubehoer-box .text {font-size: 12px; margin-bottom: 40px;}
.zubehoer-box .blue-btn {padding: 10px 20px; font-size: 16px;}
.zubehoer-box .blue-btn::before {font-family: 'FontAwesome'; color: #ffffff; margin-right: 15px; content: "\f07a";}



/* Sixth Stage */
.sixth-stage {width: 100%; max-width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
/*
.sibo4 {width: 22.142857%; max-width: 310px; margin: 0 1.4285714%;}
.sibo3 {width: 28.57142857%; max-width: 400px; margin: 0 2.380952378%;}
.sibo2 {width: 28.57142857%; max-width: 400px; margin: 0 10.714285714%;}
.sibo1 {width: 100%; max-width: 360px; margin: 0 auto; float: none!important;}
*/
.similar-box {width: 290px; margin: 30px; border: 1px #096b90 solid; border-radius: 8px; box-sizing: border-box; padding: 20px 20px 30px 20px; text-align: left; min-height: 450px; color: #096b90; position: relative; background-color: #ffffff;}
.similar-box .headline {background-color: transparent; height: 40px; line-height: 20px;}
.similar-box .headline h2 {font-size: 18px; font-weight: normal; color: #096b90; text-transform: none!important;}
.similar-box .katzusatz {font-size: 12px; color: #00adef;}
.similar-box .image {width: 80%; height: 250px; margin: 50px auto 0px auto}
.sibo2 .image {margin: 50px auto!important;}
.similar-box .basket-btn {max-width: 26px; position: absolute; left: 20px; bottom: 20px; cursor: pointer;}
.similar-box .right-btn {max-width: 26px; position: absolute; right: 20px; bottom: 20px; cursor: pointer;}