html, body {
	height: 100%;
	width: 100%;
	line-height: 150%;
}

body {font-size:14px; background:#ffffff;}

a {
	color: #2e3233;
	text-decoration: none;
	transition: color .3s;
}

a:hover {text-decoration: none;}

a, area, button, input, label, select, summary, textarea {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

h1, .h1 {
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 30px;
    line-height: 40px;
    margin-top: 24px;
    font-family: sans-serif;
    letter-spacing: 2px;
}
h2, .h2 {font-size: 1.5rem;}
h3, .h3 {font-size: 1.25rem;}
h4, .h4 {font-size: 1rem; margin-bottom: 20px;}
h5, .h5 {font-size: .8rem;font-weight: 400;}
.b-1 {border: 1px solid #ccc;}
table {width: 100%;}
table tr:nth-child(2n+1) {background: #fff;}
textarea {font-family: sans-serif;	width: 99%;	height: 220px;}
#news_ticker {display: none;}
.telnr {width: 199px; display: flex;}
.headphones {padding-top: 10px; margin-right: 12px;}
.nummern {padding-top: 8px; line-height:17px;}
.product_box {flex: 1 1 250px;background: #f6f6f6;	padding: 0 0 15px;margin: 0 10px 20px 10px;	font-size: 14px;line-height: 22px;position: relative;}

.maxwidth {max-width: 900px;}
.maxwidth2 {max-width: 1400px;}
.maxwidth3 {max-width: 700px;margin: 0 auto;}
.displayfull {max-width: none;width: 100%;margin: 0 auto;}
.display {max-width: 1520px;margin: 5px 35px;}

@media screen and (max-width:1300px) {
	.display {margin: 5px 35px;}
}

@media screen and (max-width:1200px) {
	.display {margin: 5px 35px;}
}

@media screen and (max-width:991px) {
	.display {margin: 5px 35px;	}
}

@media screen and (max-width:400px) {
	.display {margin: 5px 5px;	}
}

@media screen and (min-width:1563px) {
	.display {margin: 5px auto;	}
}

@media screen and (min-width:1870px) {
	.display {margin: 5px auto;}
}

.bg {background: #ffffff; border-radius: 30px;}
.bg2 {background: #f6f6f6;text-align: left;}
.container-flex-third {display: flex; align-items: center;}

#product_info2 {background: #f2f2f2; padding: 13px 0;}


#anmeldung {min-height: 65vh; display: flex;justify-content: center;align-items: center;
 & .flex-item {padding: 51px;flex: 1 1 200px; min-height: 350px;}
}

.message {text-align: center;}
.flex-item {margin:0 10px;}
input[type=checkbox] {border-color:#222222;}
#login .flex-item {margin:0 15px 30px; min-height:auto;}
footer {margin-top:0;}
#create_account #gm_privacy {display: block; padding:unset; background: none;}

@media screen and (min-width:770px) {
	footer .box {text-align: left;}
}
.pimg {position: relative;}
.accordion-button {background:#f2f2f2;padding-left: 20px; padding-right:20px;}

#boxen .box {padding: 0;margin-top: 0;margin-bottom: 1rem;}
#boxen .box-heading {padding: 0.5rem 0 0.5rem 0.5rem; width: 100%; font-weight: 300;background: #f6f6f6; color: #666; border-bottom: 1px solid #b5b5b5;}
#boxen .boxcontent {padding: 0.5rem; background: transparent;}
.boxcontent ul li {position: relative; list-style: none;}
.boxcontent ul li ul {padding-left: 2rem;}
#boxen .boxcontent > ul > li a { position: relative;  display: block;}
#slider_galery {margin: 0 10px 13px;  max-width: 1481px;  margin: 0 auto;}
.product_listing .flex-item {background:transparent;}
.product_listing .container-flex-second {align-items: start;}
.h3pname {font-size: 14px; font-weight: 600;}
.product_listing .pdesc {text-align: left; padding-bottom: 9px;}
.product_listing span.price {font-size: 1rem;}

.pimg img {display: block;}
.kleinebilder {max-width: 100px; margin: 0 5px 5px;}

.zubehoer {background: #fff; padding: 50px; margin-top: 60px; border-radius: 30px;}
.zubehoer h3 {font-size:16px; text-transform: uppercase; letter-spacing: 3px;}

.zubehoer_name {font-size: 13px; font-weight: 600; text-align: left; line-height: 18px; border-bottom: 1px solid #ccc;  margin-bottom: 5px; padding-bottom: 7px; min-height: 47px;}
.zubehoer_descr {line-height: 18px; border-bottom: 1px solid #ccc; padding-bottom: 8px; min-height: 45px; overflow:hidden; text-align: left;}
.zubehoer input[type="checkbox"] {margin-top: 14px; border: 3px solid; padding: 0 4px 19px 15px;}
.zubehoer_box {background:#f2f2f2; padding:20px;}

.flex_produktbox {max-width: 354px;}
.showpassword {top: 6px;}
#create_account .account {max-width:540px;}
.anrede_container {padding: 3px 20px;}
.accept_box {margin: 0; padding-left: 10px; padding-top: 6px;}
.create_password_input_field {height: 30px;}

#product_info2 .container-flex-second {align-items: unset;}
#product_info2 .preisline {padding:0 17px;}
#product_info2 .container-flex-second .flex_produktbox {margin:0 10px; padding:0; flex: 1 1 225px;margin-bottom: 50px;background:#f2f2f2;}
#product_details h1 {font-size:25px; letter-spacing: 0;}

#products_ask_a_question {
& h3 {font-size:16px; text-transform: uppercase; letter-spacing: 3px;}
& .container-flex-second {padding: 50px 30px 39px 50px;}
& .flex200 {flex:1;}
}






#properties_selection_container select {padding: 4px; color: #000; font-size: 16px; min-width: 170px;  border: 2px solid #6a8fbd;border-radius: 5px; width: 180px;}
#product_info2 .AlsoPurchasedContentView .display {margin: 0; margin-left: -11px; margin-right: -11px;}
#product_info2 .AlsoPurchasedContentView .flex_produktbox {background:#fff;}

#logo img {max-width:110px;}
#product_info2 .container-flex-second .flex_produktbox img {max-width: 100%; height: auto; display:block;}
#product_details h1 {font-family: sans-serif; margin: 30px 0; font-weight: 500; font-size: 26px;}
#product_info2 li {list-style: initial; text-align: left;}
#product_info2 ul {margin-left: 14px; margin-bottom: 17px;}

#header {background:#fff;
& .container-flex-special {padding:15px 25px;}
}
#navtrail {background:#fff;
& .display {margin:0 auto; padding:5px 0;}
}

.iconabstand {margin:2px 12px;}

@media screen and (max-width:630px){

#header #logo {margin: 0 auto; width: 200px; margin-bottom: 20px; text-align: center;}
#header .nowrap {flex-wrap: wrap;}
#header .flex:nth-child(1) {order:2; width:inherit;}
#header .flex:nth-child(2) {order:1; width:100%;}
#header .flex:nth-child(3) {order:3}
}


#product_listing h1 {font-size:20px;}
#blog_listing .container-flex-special {align-items: unset;}
#blog_listing h2 {font-size:18px;}
#blog_listing .container-flex-special article {margin: 0 10px 20px;flex: 1 1 300px; max-width: 360px;}
#blog_item {max-width: 1000px; margin: 0 auto;}
#infoleiste .vorlage_1 {background: #a99d8c;}
a.shipping {color: #000 !important;}
.HistoryMainContentView {padding:50px 0;}
.HistoryMainContentView img {margin-bottom: -6px; height: 117px; width: auto;}
.product_listings_title {padding:24px; text-align: center;}

.produktbeschreibung {display: flex; flex-wrap:wrap;
& .flex-item {flex:1 1 720px; padding:5% 5% 5% 5%; background:#fff; margin-bottom: 20px;border-radius: 20px;}
& .item {flex:1 1 720px; padding:5% 5% 5% 5%; background:#fff; margin: 0 10px 20px; border-radius: 20px;}
& h3 {font-size: 16px; margin-bottom: 20px; line-height: 22px;}
& .headline {flex: 1 1 100%; text-align: center; margin-bottom: 50px; padding: 30px 15%;}
& .headline h2 {font-size:21px;}
& .headline p {font-size:16px;}
& .auswahl {background: #a79d8e;  color: #fff;}
}

.produktbewertungen {background: #fff; padding: 50px; margin: 40px 0 0 0;border-radius: 30px;}
.accept_box a.shipping {color: #000 !important;}




#product_listing_kattexte .container-flex-special {justify-content: flex-start;}
#product_listing_kattexte .flex-item {text-align: justify;  padding: 0 20px;  margin-bottom: 40px;  background: transparent;}
#product_listing_kattexte h2 {text-transform: uppercase; letter-spacing: 3px; font-size: 15px; font-family: sans-serif; text-align: left;}
#product_listing_kattexte .headline h2 {text-align: center;}

.einbausituationen, .groesse {display: flex; flex-wrap:wrap;}
.einbausituationen .flex-item  {flex:1 1 400px;}
.groesse .flex-item {flex:1 1 260px;}


@media screen and (min-width:991px) {
	.produktbeschreibung	{margin: 0 auto; margin-left: -10px; margin-right:-10px;}
	.produktbeschreibung img {width:70%; height:auto; margin-bottom: 30px;}
	.produktbeschreibung table img {margin-bottom: 0;}
}


.plbox {padding: 0.625rem 1.0625rem 0px 1.0625rem;}


#products_ask_a_question .container-flex-second {background: #fff; border-radius: 30px;}
#properties_selection_container .space-between {justify-content: space-between;}
#categorie_listing {margin-bottom: 70px;
& .plbox {padding: 1.25rem; text-align: center; text-transform: uppercase; letter-spacing: 2px;}
& .container-flex-special {align-items: start;}
}
.cat_box h2 {margin:auto;}
.teaser {max-width: 360px; flex: 1 1 360px;}
.anzahl_container {position:relative;}


.container-flex-special {padding:0;}


.herstellerinformation {background:#fff; padding:50px; margin-top:50px; border-radius: 30px;}
#manu .container-flex-special {padding:3px;}
#manu .container-flex-special:nth-child(odd) {background:rgba(0,0,0,.03)}

#kategorietexte {line-height:24px;
& h2 {text-transform: uppercase; letter-spacing: 3px; font-size: 15px; font-family: sans-serif;}
& .flex-item {text-align: justify; padding:0 40px; margin-bottom: 40px; background: transparent; max-width: 727px;}
& .cfs {padding:50px 0; justify-content: flex-start;}
& .item {flex: 1 1 600px;}
& a {text-decoration: underline;}
}

.textebereich {padding:50px 0 0;}


#product_info {margin:0; padding:2px 0 70px; background:#fff;
	& .thumbs {flex: 0 1 250px;}
	& .product_details {padding-left:20px;}
	& .container-flex-special {align-items: center;}
}


@media screen and (min-width: 971px){
.produkttext .border {padding-right:0;}
}
@media screen and (max-width: 1139px){
#product_info .thumbs {flex: 0 1 100%;}
}

.box_empfehlung {background: #fff; padding: 20px;}
.button_empfehlung {text-wrap: nowrap; padding:6px 15px; background:#a99d8c; text-decoration: none; color:#fff; transition: all .3s ease-in-out; font-weight:500;}
.button_empfehlung:hover {background:#000000; transition: all .3s ease-in-out; text-decoration: none; }
.downloadlinks {display:flex;}
.downloadlinks a {margin:10px 10px 10px 0; padding:6px 15px; background:#222; color:#fff;}
.downloadlinks a:hover {background:#a99d8c; color:#000;}


#gm_privacy {display: flex;justify-content: center; align-items: center; background: #f2f2f2; padding: 5px 31px 4px 12px; margin-bottom: 18px;}
#products_ask_a_question #privacy_accepted {margin-bottom:0 !important; border-color: #000;}
#gm_privacy .green {background:transparent !important;}
.side {text-align: center !important;}


table tr:nth-child(2n+1) {background: rgba(255,255,255,.1);}
table tr td {padding: 3px}

.cfs {display: flex; justify-content: center; flex-wrap: wrap;}
.cfs .item {margin-bottom: 40px; padding:0 20px;}
.cfs h2 {letter-spacing: 2px; text-transform: uppercase; font-size: 15px; font-family: sans-serif;}
@media screen and (max-width:900px) {
	.cfs .item {padding:0;}
}



.categorie_label {text-align: center; background: #f4f4f4; color: #222222; padding: 20px 10px 10px;
& h2 a {text-transform:uppercase; font-size:15px; color:#222222; letter-spacing: 1px;}
}
#content {background:#fff; padding:100px 0;}

#customFile {
    background: #fff;
    padding: 7px 6px;
    border: 1px solid #9eadb7;
    border-radius: 3px;
    font-size: 16px;
  }

  #cross_selling {padding:50px; background:#fff; border-radius:30px; margin-top:30px;
	& h3 {margin-bottom:30px; display: inline-block;}
	& .pdesc {display: flex;flex-wrap: wrap; margin-bottom: 50px;}
	& .btn {display:flex; align-items: center; background: #ececec !important; color:#000; padding: 0px 20px;width: 150px;margin: 0 auto;color: #000;}
	& .pimg {margin-bottom: 8px;}
  }


  #footer {
	& .box_tagcloud a {font-size:14px; margin: 0 5px 0 0;}
  }

  .video {position: relative; padding-top: 56.25%; margin-bottom:20px;}

  .video iframe {width: 100%; height: 100%; position: absolute; left:0; right: 0; top:0;}

  .elemente {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .element {background:#fff; padding: 40px; border-radius: 20px; margin-bottom: 20px;}

  .videolink {display: table;
    padding: 10px 20px;
    background: #20a9b4;
    color: #fff;
    border-radius: 30px;
    margin: 0 5px 15px;
    font-weight: 500;
    transition: all .3s ease;}

	.videolink:hover {background:#000; color:#fff; transition: all .3s ease;}

  .katbeschreibung {
    max-width: 840px; text-align: center; margin: 0 auto 50px; font-size:16px;
    & p {font-size:16px;}
}

.input-element label {top: -10px;}