/*
		30.01.17 carsten  		ie 9+ (ohne edge) hack für fehlendes column-count in seo-kategorie-seiten (ganz unten vor media queries)
								Style Angaben fuer das moderne und schlichte Design (eingefuehrt ab X-Artikelsystem(Flaechenvorhaenge), ohne linkem Menue (ausser die Filter))
		02.08.17 Tim			.layout_option_header_schmal: margin-top von 0 auf 80 px gesetzt (fuer den Plissee-Konfi)
		24.03.2020	Swen		#COVID Style eingebaut
		31.03.2021	Swen		#COVID Style eingebaut
*/

/********************************************
 *
 *			GLOBAL
 *
 ********************************************/

.listing_box, .listingBox {
	 margin-right: 1.9%;
 }
.flexFill {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}


#fancybox-content img{ 	/*damit Bilder in Fancybox nicht über den Rand raus gehen || 23.12.2024 David S.*/
    max-width: 100%;
}


 /*
		.layout_option_header_schmal
				Schmaler Header im Layout.
				Wird zum grössten Teil als zusatz an bereits bestehende elemente angehängt
 */
.artikel .gp, .artikel_alle .listing .gp, .warenkorbAehnlichArtikelPreis .gp {
		font-size: .8em;
		margin-top: 10px;
		font-weight: regular!important;
		color: #ccc;
}
.tabs-container .preis .gp {
    position: absolute;
    left: 25%;
    top: 3px;
	visibility:hidden;
}
.tabs-container .preis:hover .gp {
	visibility:visible;
}
.layout_leiste_menue nav {
  /*background: #DA4453;*/
  overflow: hidden;
  /*height: 50px;*/
}

.layout_leiste_menue nav ul { /*margin: 0 0 2em;*/
    list-style: none;
    margin: 0;
padding: 0;
height: 44px;
}

.layout_leiste_menue nav ul li { float: left; }

.layout_leiste_menue nav ul li.more {
  width: 3em;
  text-align: center;
  /*display: none;*/
}

.layout_leiste_menue nav ul li.more:hover ul#overflow {
  opacity: 1;
  visibility: visible;
}

.layout_leiste_menue nav ul li a,
.layout_leiste_menue nav ul li span {
  display: block;

  text-decoration: none;
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.layout_leiste_menue nav ul li a:hover,
.layout_leiste_menue nav ul li span:hover {  }
.layout_leiste_menue #nav {-webkit-transition-duration: 1s;
    transition-duration: 1s;}
.layout_leiste_menue nav #overflow {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 9999999;
    background: #f1f1f1;
    padding: 0;
    margin: 0;
    top: 45px;
}
.layout_leiste_menue nav #overflow li ul { border:2px solid #ddd;background: #f1f1f1; }
.layout_leiste_menue nav #overflow li { float: none;border-bottom:2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd;background: #f1f1f1;}

.layout_leiste_menue nav #overflow li a {

  white-space: nowrap;
  display:block;
  margin:0;
}
.layout_leiste_menue nav #overflow li:hover  {
  border-color:#fff;
  background:#fff;
}
.layout_leiste_menue nav .more span {visibility:hidden;}



body {
		color: #444444;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		font-weight:300;
/*		margin: 18px 50px;*/
		margin: 18px 2.7%;
}

		.layout_option_header_schmal {
				margin-top:0;
		}
.layout_option_header_schmal #layout_header .banner {
				/*display:none;*/
		}
.layout_leiste_full.layout_option_header_schmal {
				position:fixed;
				top:0;
				top: 0;
				z-index: 500;
				margin: 0 auto;
					margin-top: 0px;
				background: #fff;
				width: calc(100% - 10px);
		}
.layout_leiste_full  .banner_links, .minikonfiAktiv .banner_links {
				display: none;
		}

input[type="number"] {

    -webkit-appearance: none;
	-moz-appearance:textfield;

}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.clear {
		clear: both;
		height: 0;
		line-height: 0;
		display: block;		/* sonst wirkt line-height nicht bei inline-Elementen wie <br> */
		overflow: hidden;
}



button, .button, a.button, input[type="submit"]  {
        /* Die Klasse .button kann fuer Links verwendet werden, die wie Buttons aussehen sollen */
        display: inline-block;

		background-color: transparent;
        text-decoration: none;

        cursor: pointer;
		font-size: 1.3em;

		border: 1px solid #b00c28;
		border-radius: 2px;

		padding: 15px 25px;

		color: #b00c28;
}
        button > *, .button > * {
                vertical-align: middle;
        }
        button > img, .button > img {
                /*height: 17px;*/
                /* padding-left: 1ex;        hierfuer muss das Icon rechts vom Text sein */
                /*padding-right: 1ex;*/        /* hierfuer muss das Icon links vom Text sein */
        }
button:hover, .button:hover, a.button:hover, input[type="submit"]:hover {
        box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.25);
}
button:focus, .button:focus, a.button:focus, input[type="submit"]:focus  {
        box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.25);
}
button:active, .button:active, a.button:active, input[type="submit"]:active  {

}
button.highlight, .button.highlight, a.button.highlight, input[type="submit"].highlight  {
		background-color: #a07e84;
		color: #fff;
		border-left: 1px solid #a07e84;
		border-right: 1px solid #a07e84;
		border-top: 1px solid #a07e84;
		border-bottom: 4px solid #806469;
		padding-bottom: 11px;
		padding-right:50px;
}



li, p {
		font-size:15px;
		font-weight:300;
		color:#444;
}
p.kursiv  {font-style:italic;}
h1 {
		font-size:22px;
		font-weight:400;
		color:#444;
}

h2 {
		font-size:20px;
		font-weight:300;
		color:#444;
}


h3 {
		font-size:16px;
		font-weight:400;
		color:#444;
}

img { border:none; }


.mobile_schmal { display:none !important; } /* wird nur in den kleineren Versionen eingeblendet. Dafür wird die große version (grosser_bildschirm') ausgeblendet */
/*.layout_option_header_schmal #leisteNavigationTelefon { display:none !important; }*/
.layout_option_header_schmal .leisteNavigation_ansprechpartner_nameTel { /*display:none !important; raus 20180611 carsten*/ }




.button.link_ambiente {
    display: block;
    padding: 15px 25px!important;
    background-image: none;
}



/********************************************
 *
 *			LAYOUT
 *
 ********************************************/
#feste_breite {
	margin-top: 15px;
}
.layout_option_header_schmal #feste_breite {margin-top:55px;}
.feste_breite {
		max-width: 1900px;
		margin-left: auto;
		margin-right: auto;
		position: relative;	/* fuer die rechten Tabs - die sind absolut */
		width:95%;
}
		.layout_leiste_full {
				/*margin-bottom: 19px;*/		/* wenn das margin-bottom hier erhoeht werden soll, dann vorher bitte mit dem Plissee-Konfigurator abstimmen! */
				border-top: 3px solid #f1f1f1;
				border-bottom: 3px solid #f1f1f1;
				/*margin-top: 26px; keine ahnung warum das drin war - aber falls es für was wichtig war wird es schon jmd auffallen - carsten 20190114 */
		}

		.layout_leiste_full.layout_option_header_schmal {
				margin-top: 0px;
				z-index:500;
		}

				.layout_leiste_full.layout_option_header_schmal .trenn {
						width: 3px;
						background-color: #f1f1f1;
						height: 31px;
						display: inline-block;
						padding: 0;
						flex: 0 auto;
						margin-top: 8px;
				}

				.layout_leiste_full.layout_option_header_schmal .banner_links {
						padding: 0 !important;
						white-space: nowrap;
						margin: 5px 1% 5px 2% !important;
						display: inline-block;
						flex:0 auto;
				}

						.layout_leiste_full.layout_option_header_schmal .banner_links_logo  {
								width: 250px;
								display: inline;
								float: none;
								vertical-align: top;
								margin-top: 3px;
								margin-right: 0px;
						}

						.layout_leiste_full.layout_option_header_schmal .banner_links_schriftzug {
								font-size: 1.5em;
								display: inline-block;
						}




.breadcrumb_erklaerung {
		margin-left: 0;
}
				.layout_leiste_menue {
						position: relative;
						display: flex;
						align-items: center;
						justify-content: space-between;
						height:44px;
				}
						.layout_leiste_menue > * {
								vertical-align: middle;
						}
						#menue_wrap {
								flex: 0 0 auto;
								display: inline-block;		/* diese zusaetzlichen Angaben sind fuer Browser (z.B. IE9), die display: flex noch nicht koennen - browser, die flex unterstuetzen ignorieren diese Angabe (display im Kind-Element einer Flex-Box) */
								padding-left: 8px;
								border-right: 3px solid #f1f1f1;
								height:auto;
								position:relative;
								width: 131px;
								cursor:pointer;
						}
						#menue_line_icon_left {		/* Menue "Line" Abstand nach links */
								margin-left: 1.8em;
						}
						.menue_line_icon {
								font-weight: bold;
								color: #888888;
								padding-left: 0;
								padding-right: 0;
								padding-top: 0.5em;
								padding-bottom: 0.5em;
								cursor: default;
								/* visibility: hidden; */
								display: none;

								-webkit-user-select: none;  /* Chrome all / Safari all */
								-moz-user-select: none;     /* Firefox all */
								-ms-user-select: none;      /* IE 10+ */
								user-select: none;

								flex: 0 0 auto;
						}
								.menue_line_icon:hover {
										color: #000000;
								}
						.menue_line_auslassung {
								color: #888888;
								padding-left: 1em;
								padding-right: 1em;
								padding-top: 1em;
								padding-bottom: 1em;
								cursor: default;
								display: none;

								-webkit-user-select: none;  /* Chrome all / Safari all */
								-moz-user-select: none;     /* Firefox all */
								-ms-user-select: none;      /* IE 10+ */
								user-select: none;

								flex: 0 0 auto;
						}
						nav.menue_line {
								font-size: 16px;
								flex: 0 auto;
								display: flex;
								width:97.6%;
								margin-left:5px;
								/*width: calc(100% - 131px);*/
						}

								.wrap_kategorie_links {
										overflow: hidden;
										white-space: nowrap;
										padding-top: 3px;
										/*width: 80%;*/

								}

										.wrap_kategorie_links.layout_option_header_schmal {
												width: 49%;
										}


								.menue_line span, #leisteNavigationTelefon span {

										padding: 10px;
										display: inline-block;
										color: #888888;
										font-weight: bold;
								}
								.menue_line a, #leisteNavigationTelefon a {

										color: #888888;
										text-decoration: none;
										display: inline-block;
										position:relative;
										font-size:1em;
										padding: 8px 9px;;
										padding-bottom: 13px;
										margin:0 5px;
								}

								#leisteNavigationTelefon a {
									padding: 0;

									margin: 0 5px;
								}

										.layout_leiste_menue a.active {
												background-image: -moz-linear-gradient(top, #a07e84 50%, #a07e84 50%);
												background-image: -webkit-linear-gradient(top, #a07e84 50%, #a07e84 50%);
												background-image: -ms-linear-gradient(top, #a07e84 50%, #a07e84 50%);
												background-image: linear-gradient(top, #a07e84 50%, #a07e84 50%);
												color: #ffffff;
										}
										.layout_leiste_menue a:hover:not(.active, .online, .offline) {
												background-image: -moz-linear-gradient(top, #a07e84 50%, #a07e84 50%);
												background-image: -webkit-linear-gradient(top, #a07e84 50%, #a07e84 50%);
												background-image: -ms-linear-gradient(top, #a07e84 50%, #a07e84 50%);
												background-image: linear-gradient(top, #a07e84 50%, #a07e84 50%);
												color:#ffffff;
										}
										.layout_leiste_menue a:hover .line,
										.layout_leiste_menue a.active .line {
												position: absolute !important;
												width: 114%;
												height: 3px;
												background-color: #a07e84;
												display: block;
												left: -7%;
												bottom: 0px;
										}

										.layout_leiste_menue a.active .line {
												background-color: #a07e84;
										}

								#leisteNavigationTelefon {
										cursor: auto;
										/*margin-top: 1px;*/
										flex: 0 1 auto;
										margin-left: 10px;
										position:relative;
										background-color: #fff;
										white-space: nowrap;

								}

										#leisteNavigationTelefon .slide {
												display: flex;
												display: -ms-flexbox;
												align-items: center;
										}

										#leisteNavigationTelefon .slide.first {
												height:44px;
												/*border-bottom: 3px solid #f1f1f1;*/
										}

												#leisteNavigationTelefon .slide.first .niemandDa {
	font-size: 0.8rem;
	font-weight: 400;
	padding-top: 5px;
	padding-top: 4px;
	margin-right: 15px;
												}


	/*
	#leisteNavigationTelefon .slide.first .niemandDa a {
			color: blue;
			text-decoration: underline;
			padding: 0;
			font-size: 0.9em;
	}

				#leisteNavigationTelefon .slide.first .niemandDa a:hover {
						background:none;
						color:#a07e84;
				}
	*/

										#leisteNavigationTelefon .other {
											display: none;
											position: absolute;
											left: 33px;
											top: 70px;
											z-index: 100;
											border: 3px solid #eee;

											border-radius: 2px;
											/*width: 230px;*/
										}
										#leisteNavigationTelefon .other div.slide:first-child {
											display: none;

										}

				/*

								#leisteNavigationTelefon {
										cursor: auto;
										margin-top: 1px;

										flex: 0 1 auto;
										margin-left: 30px;
										position: absolute;
										right: 0px;
										background-color: #fff;
										top: -55px;

										top:0;
								}

										#leisteNavigationTelefon .slide {
												display: flex;
												display: -ms-flexbox;
												align-items: center;
										}

										#leisteNavigationTelefon .slide.first {
												height:44px;
												border-bottom: 3px solid #f1f1f1;
										}

												#leisteNavigationTelefon .slide.first .niemandDa {
	font-size: 0.8rem;
	font-weight: 400;
	padding-top: 5px;
	padding-top: 4px;
	margin-right: 15px;
												}
									*/


	/*
	#leisteNavigationTelefon .slide.first .niemandDa a {
			color: blue;
			text-decoration: underline;
			padding: 0;
			font-size: 0.9em;
	}

				#leisteNavigationTelefon .slide.first .niemandDa a:hover {
						background:none;
						color:#a07e84;
				}
	*/
/*

										#leisteNavigationTelefon .other {
												display: none;
												position: relative;
												right: -46px;
												top: 0;
												z-index:100;
												border-left: 3px solid #eee;
												border-right: 3px solid #eee;
												border-bottom: 3px solid #eee;
												border-radius:2px;
												width:230px;
										}
										*/

										.layout_option_header_schmal #leisteNavigationTelefon .other {
												width: 172px;
												top: -3px;
										}
										.layout_option_header_schmal #leisteNavigationTelefon:hover  .other {
											top: 55px!important;
										}
.warenkorbicon img {
    margin: 3px 12px;
}
.mailicon img {
    margin: 4px 3px;
}





								/* Script mit ereignis auf leisteNavigation_ansprechpartner_Bild  und leisteNavigation_ansprechpartner_nameTel
								#leisteNavigationTelefon:hover .other {
										display: block;
								}*/


										#leisteNavigationTelefon .other .slide {
												border-top: 1px solid #f1f1f1;
												background-color:#fff;
												padding-left: 10px;
										}
												#leisteNavigationTelefon .other .slide:nth-child(2) {
														border-top: none;
												}
												#leisteNavigationTelefon .slide > * > img {
														vertical-align: middle;
														max-height: 82px;
												}
										.leisteNavigation_ansprechpartner_nameTel {
												flex: 0 1 auto;
												font-size:1em;
												text-align:right;
												white-space: nowrap;
										}

												.leisteNavigation_ansprechpartner_nameTel i {
														font-size:0.8em;
												}

												.leisteNavigation_ansprechpartner_nameTel strong {
														font-weight:400;
												}

										.leisteNavigation_ansprechpartner_Bild {
												-webkit-flex: 0 1 auto;
												flex: 0 1 auto;
												padding:5px;
												background-color:#f1f1f1;
												border:5px solid #fff;
												margin-left: 0.5em;
												margin-right: 0.5em;
										}
												.leisteNavigation_ansprechpartner_Bild.layout_option_header_schmal {
														padding: 0px;
														border: none;
														margin-top: 3px;
												}
														.leisteNavigation_ansprechpartner_Bild.layout_option_header_schmal img {
																max-height: 43px !important;
																width: auto !important;
														}


										.leisteNavigation_ansprechpartner_livechat, .chaticon {
												flex: 0 1 auto;
												font-size: 1.2em;
												white-space: nowrap;

												text-transform: uppercase;
												font-style: italic;
										}
										.leisteNavigation_ansprechpartner_livechat a, .leisteNavigation_ansprechpartner_livechat .online
, .chaticon a  , .chaticon .online                                         {
												padding-right: 40px!important;
                                                background:url('/bilder/layout/icon_livechat.svg') right center no-repeat;
												font-weight:400;
												background-size: 22px;

										}
                                        .leisteNavigation_ansprechpartner_livechat a:hover {
												background: transparent;
                                                background-color: transparent;
                                                background-image: none;

										}
										.leisteNavigation_ansprechpartner_livechat a.online  {

												background:url('/bilder/layout/icon_livechat.svg') right center no-repeat;
												font-weight:400;

										}
                                        .leisteNavigation_ansprechpartner_livechat a.online span {color:#444;}
										.leisteNavigation_ansprechpartner_livechat a.offline {
                                                display:none;
												background:url('/bilder/layout/icon_livechat_offline.svg') right center no-repeat;
										}

												.leisteNavigation_ansprechpartner_livechat img {
														vertical-align: top !important;
												}

												.leisteNavigation_ansprechpartner_livechat span {
														padding-right: 0.5em;
												}
												.leisteNavigation_ansprechpartner_livechat span strong {
														font-weight:600;
												}

										.leisteNavigation_ansprechpartner_mailicon {
												display: inline-block;
												border-left: 3px solid #f1f1f1;
												padding-left: 0.8em;
												padding-right: 11px;
										}

												.leisteNavigation_ansprechpartner_mailicon a {
														padding:0;
												}

												.leisteNavigation_ansprechpartner_mailicon img {
														vertical-align: top !important;
														padding: 5px 0 6px 0;
												}

										.leisteNavigation_ansprechpartner_Tel_symbol {
												border-right: 3px solid #f1f1f1;
												border-left: 3px solid #f1f1f1;
												padding: 0.3em;
												padding-left: 0.8em;
												display: none;
												padding-right: 0.8em;
												margin-right: 0.8em;
										}

								.layout_leiste_menue .icon {

										display: inline-block;
										border-left: 3px solid #f1f1f1;
										height: 35px;
										padding: 5px 8px!important;
										box-sizing: border-box;
								}


								.layout_leiste_menue .banner_suche, .warenkorbicon, .mailicon {

										overflow: hidden;
										width: 31px;

										height: 31px;
										flex: 0 1 auto;
                                        text-align:center;
										display: inline-block;
										border-left: 3px solid #f1f1f1;
										padding-right: 11px;
										padding-top: 0;
										margin-top: 4px;
										padding-bottom: 4px;
										padding-left: 5px;
								}

										.layout_leiste_menue .banner_suche:hover,
										.layout_leiste_menue .banner_suche.open {
												background:none;
												width:180px;
												transition:all ease 0.8s;

										}

												.layout_leiste_menue .banner_suche:hover input[type="search"],
												.layout_leiste_menue .banner_suche.open input[type="search"] {
														height:34px;
														border: 1px solid #888888;
														transition:all ease 0.8s;


												}

												.layout_leiste_menue .banner_suche:hover input[type="submit"],
												.layout_leiste_menue .banner_suche.open input[type="submit"] {
														right:11px;
														transition:all ease 0.8s;
												}


										.layout_leiste_menue .banner_suche input[type="search"] {
												min-width: 0 !important;
												border:none;
												height:0;
										}

										.layout_leiste_menue .banner_suche input[type="submit"] {
												position: absolute;
												right: 4px;
												top: 0px;

										}


				.layout_leiste_breadcrumb {

						display: -webkit-flex;
						display: flex;
						-webkit-justify-content: space-between;
						justify-content: space-between;
						-webkit-flex-wrap: wrap;
						flex-wrap: wrap;
						min-height:50px;
				}
						.layout_breadcrumb {
								position: relative;
								display: -webkit-flex;
								display: flex;
								-webkit-align-items: center;
								align-items: center;
								margin-top: 0;
						}
								.breadcrumb_erklaerung {
										display: inline-block;
								}
								.breadcrumbs {
										display: inline-block;
								}

		.banner_zahlarten {
				text-align: right;
		}
				/*.banner_zahlarten_info {
						font-size: 11px;
						cursor: pointer;
						flex: 0 auto;
						margin-top: 35px;
				}*/
				.banner_zahlarten_info {
    font-size: 11px;
    cursor: pointer;
    flex: 0 auto;
    margin-top: 35px;
    text-align: center;
    vertical-align: baseline;
}
						.banner_zahlarten_info img {
								display: inline-block;
								vertical-align: middle;
								margin-right: 1em;
						}
						.banner_zahlarten_info div {
								display: inline-block;
								vertical-align: middle;
								font-weight: 400;
								font-size:0.95em;
								margin-right: 1em;
						}
						.banner_zahlarten_info div {
    display: table-cell;
    min-width: 90px;
}


		.banner {
				color: #888888;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				/*-webkit-align-items: center;*/
		}
				.banner > * {
						white-space: nowrap;
						display: inline-block;		/* Eine Darstellungshilfe fuer den IE9 (der noch kein Flex kann) - sonst hat das hier keien Auswirkung und keine Sinn*/
				}
				.banner a {
						text-decoration: none;
				}

				.banner_links {
						flex: 0 0 auto;
						margin:15px auto;
				}
						.banner_links_logo {
								border: 0;
								display: inline-block;
								float: left;
								margin-right: 0.5em;
								max-width: 100%;
						}
						.banner_links_text {
								display: inline-block;
								margin-left: 12px;
								vertical-align: middle;
						}
								.banner_links_schriftzug {
										font-size: 2.7em;
										color: #888888;
								}

								.banner_links_slogan {
										display:inline-block;
										font-size: 1em;
										color: #888888;
										clear:both;
										float: left;
										margin-left: 2em;
										margin-top: 0.5em;
								}
/*
				.banner_wrapper_ws {
						background-color: #f1f1f1;
						height: 50px;
						display:flex;
						flex: 0 auto;
						width:45%;
						margin-top: 28px;
				}*/
				.banner_wrapper_ws {
    background-color: #f1f1f1;

    display: flex;
    flex: 1 auto;
    width: 45%;
    margin: 28px auto;
}


				.banner_suche {
						flex: 1 1 auto;
						padding-left: 0.6em;
						/*padding-right: 3em;*/
						font-size: 13px;
						/*padding-top: 0.6em;*/
						padding:1em;
						position:relative;
				}
/*
						.banner_suche input[type="search"] {
								width: 100%;
								height:34px;
								padding:0;
								padding-left:2%;
								box-sizing: border-box;
								border-radius:0;
								-webkit-border-radius:0;
								-webkit-appearance: none;
								box-shadow: inset 0 0px 5px 0 #bbb;
								border: 1px solid #888888;
								font-family: 'Open Sans', sans-serif;
								color:#7f7f7f;
						}*/
						.banner_suche input[type="search"] {
    width: calc(100% - 40px);
    min-width: 210px;
    height: 40px;
    padding: 0;
        padding-left: 0px;
    padding-left: 2%;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    box-shadow: inset 0 0px 5px 0 #bbb;
    border: 1px solid #888888;
    font-family: 'Open Sans', sans-serif;
    color: #7f7f7f;
}
								.banner_suche input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
										color: #7a7a7a;
								}
								.banner_suche input::-moz-placeholder { /* Firefox 19+ */
										color: #7a7a7a;
								}
								.banner_suche input:-ms-input-placeholder { /* IE 10+ */
										color: #7a7a7a;
								}
								.banner_suche input:-moz-placeholder { /* Firefox 18- */
										color: #7a7a7a;
								}
								.banner_suche input:placeholder {
										color: #7a7a7a;
								}
/*
						.banner_suche input[type="submit"] {
								position: absolute;
								right: 1px;
								top: 9px;
								width: 32px;
								height: 32px;
								background-image: url(/bilder/lupe-grau-gross.svg);
								background-repeat: no-repeat;
								background-size: auto 60%;
								padding: 0;
								border: none;
								border-radius: unset;
								background-position: center;
						}
*/
.banner_suche form {
    position: relative;
}
.banner_suche input[type="submit"] {

    position: absolute;
    right: 1px;
    top: 5px;
    width: 32px;
    height: 32px;
    background-image: url(/bilder/lupe-grau-gross.svg);
    background-repeat: no-repeat;
    background-size: auto 60%;
    padding: 0;
    border: none;
    border-radius: unset;
    background-position: center;

}
				.banner_rechts {
						flex: 0 0 auto;
						text-align: right;
						font-size: 0.28cm;
						padding-right: 1em;
						padding-top: 0.8em;
				}
.banner_suche form {
    position: relative;
}
	.banner_rechts_artikel {
								color: #ffffff;
								position: relative;
								background-image: url(/bilder/layout/zaehler.svg);
								background-repeat: no-repeat;
								background-position: left center;
								width: 21px;
								height: 21px;
								text-align: center;
								top: -10px;
								right:-6px;
								background-size: cover;
								display:inline-block;
						}
/*
weiss jmd warum das kopiert war aber doppelt drin?
						.banner_rechts_artikel {
								color: #ffffff;
								position: relative;
								background: url(/bilder/layout/zaehler.svg);
								background-repeat: no-repeat;
								background-position: left center;
								width: 21px;
								height: 21px;
								text-align: center;
								top: -4px;
								margin-right: 10px;
								display:none;
						}

						.banner_rechts_artikel {
							color: #ffffff;
							position: absolute;
							background: url(/bilder/layout/zaehler.svg);
								background-position-x: 0%;
								background-position-y: 0%;
								background-repeat: repeat;
								background-size: auto auto;
							background-repeat: no-repeat;
							background-position: left center;
							width: 18px;
							height: 18px;
							text-align: center;
							top: -6px;
							margin-right: 10px;
							right: 0;
							background-size: cover;
						}
						*/
						.banner_warenkorb > img {
							position: absolute;
							margin-top: 3px;
							right: 0;
						}

						.banner_warenkorb {
								background-color: #f1f1f1;
								padding-left: 6px;
								padding-right: 6px;
								padding-top: 3px;
								padding-bottom: 0px;
								display: inline-block;
								font-size: 1.3em;
								font-weight: 300;
						}
								.banner_warenkorb * {
										vertical-align: middle;
								}

								.banner_warenkorb img {
										padding-left: 30px;
										padding-right: 0px;
										border: 0;
								}
/*
								.banner_rechts_warenkorb {
										color: #444444;
										font-size:15px;
								}*/
.banner_rechts_warenkorb {
    color: #444444;
    font-size: 15px;

    float: left;
    margin-right: 2em;
    padding-top: 8px;
}
#layout_warenkorb_preis {
    position: absolute;
    right: -5px;
    bottom: -12px;
}
								.banner_rechts_preis {
										color: #444444;
										font-weight: 600;
								}

								.banner_rechts_kasse {
										background-color: #888888;
										color: #ffffff;
										border-radius: 2px;
										padding-left: 0.8em;
										padding-right: 0.8em;
										padding-top: 0.1em;
										padding-bottom: 0.1em;
								}

								.warenkorb_mobil_wrap {
										display: none;
								}
										.warenkorb_mobil {
												border-radius:25px;
												color:#fff;
												border:1px #fff solid;
												background-color: #de8a03;
												background-image: -webkit-linear-gradient(top, #de8a03, #ffffff);
												background-image: -ms-linear-gradient(top, #de8a03, #ffffff);
												background-image: -moz-linear-gradient(top, #de8a03, #ffffff);
												background-image: linear-gradient(top, #de8a03, #ffffff);
												box-shadow: 0px 1px 2px #ffffff;
												display:inline-block;
												padding:1px 1px 1px 1px;
												margin:3px;
												line-height:25px;
												text-align:center;
												height:25px;
												width:25px;
												cursor:pointer;
										}

		/* Die Buttons fuer Filter (Listing) im Handy / Tablet im kleinen Layout - diese werden bei Bedarf eigneschalten */
		/* .filterbutton_menu, .filterbutton, .filterclose { */
				/* display: none; */
		/* } */

		.layout_box_main {

		}

				#layout_entirePage {
						top: 0;		/* wird relevant, wenn per Javascript position auf fixed gesetzt wird */
						position:relative;
				}

						#menue_link {
								font-weight: 400;
								display: inline-block;
								padding-top: 5px;
								padding-bottom: 4px;
								-webkit-touch-callout: none;
								-webkit-user-select: none;
								-khtml-user-select: none;
								-moz-user-select: none;
								-ms-user-select: none;
								user-select: none;
								color: #b00c28;
								font-size: 1rem;
								background: url(/bilder/layout/icon_menueoben.svg);
								background-repeat: no-repeat;
								background-position: left center;
								padding-left: 35px;
						}
								#menue_link > * {
										vertical-align: middle;
								}
								#menue_link img {
										margin-right: 1em;
								}



						#layout_menuWrap {
								position: fixed;
								top: 0;
								left: 0px;
								z-index: 200;
								background-color: #fff;
								overflow: hidden;
								display: inline-block;
								width:0;
								box-sizing:border-box;
								height:100%;
						}


						/* Menü für Große Bildschirme */
								#layout_menuWide {
										background-color: #ffffff;
										color: #444444;
										padding: 0 0 0 0;
										display: block;
										width: 303px;
										border-right: 3px solid #f1f1f1;
										padding-top: 30px;
										box-sizing: border-box;
										height: 100%;
								}



										#layout_menuWide .ueberschrift {
												color: #b00c28;
												font-size: 2em;
												font-weight: 400;
												text-transform: uppercase;
												border: none;
												margin-top: 0;
												padding-top: 0;
												padding-bottom: 8%;
												line-height: 1.3em;
												margin-left: 50px;

												text-align:left;		/* für die unterseiten :( */
												line-height:1.3em;		/* für die unterseiten :( */
								}


										#layout_menuWide .close{
												color: #444;
												padding: 15px 5%;
												font-size: 1em;
												cursor:pointer;
												text-align: right;
												box-sizing: border-box;
												height: 49px;
												margin-top: 26px;
												background: url(/bilder/schliessen-klein.svg);
												background-repeat: no-repeat;
												background-position: 95% center;
												background-color: #f1f1f1;
										}

												#layout_menuWide .close strong {
														font-weight:600;
														font-size: 1.2em;
														margin-right:0.5em;
												}

												#layout_menuWide .close span {
														display: inline-block;
														margin-right: 35px;
														font-size: 0.9em;
												}

										#layout_menuWide .menu_bottom {
												overflow-y: auto;
												height: calc(100% - 133px);;
										}

												#layout_menuWide .menu_bottom .kategorie_link {
														cursor:pointer;
												}
														#layout_menuWide .menu_bottom .kategorie_link a {
																text-decoration:none;
																display:block;
																color: #444444;
														}


												#layout_menuWide .menu_bottom > .kategorie/*, #layout_menuWide .menu_bottom > div */{
														cursor:pointer;
														background: url(/bilder/pfeil-duenn-hellgrau.svg);
														background-position: 95% 9px;
														background-repeat: no-repeat;
														border-bottom: 1px solid #f1f1f1;
														box-sizing: border-box;
														padding-left:3px;
												}
												#layout_menuWide .menu_bottom > div {
														border-bottom: 1px solid #f1f1f1;
														box-sizing: border-box;
														padding-left:3px;
												}

												#layout_menuWide .menu_bottom > .kategorie.aktive {
														background: url(/bilder/pfeil-duenn-violett.svg);
														background-position: 95% 17px;
														background-repeat: no-repeat;
														border-left: 3px solid #a07e84;
														padding-left:0;
												}

												#layout_menuWide .menu_bottom > .kategorie > strong, #layout_menuWide .menu_bottom > div > a > strong, #layout_menuWide .menu_bottom .kategorie > a > strong {
														font-size: 1.2em;
														font-weight: 400;
														display: block;
														height: 42px;
														box-sizing: border-box;
														padding: 10px 0 10px 17%;
														color:#444;
												}

												#layout_menuWide .menu_bottom > .kategorie > a {
														display:inline-block;
														width:70%;
														padding-left:20px;
														box-sizing:border-box;
														text-decoration:none;
												}

												#layout_menuWide .menu_bottom > .kategorie > .wrap {
														overflow:hidden;
														height:0;
												}

												#layout_menuWide .menu_bottom > .kategorie.aktive > .wrap {
														height:auto;
												}

												#layout_menuWide .menu_bottom > .kategorie > .wrap > ul {
														margin: 0px;
														list-style: none;
														padding: 3% 0 3% 22%;
												}

														#layout_menuWide .menu_bottom > .kategorie > .wrap > ul > li {
																font-size: 15px;
																font-weight: 300;
																color: #444;
																padding: 2% 0;
														}

																#layout_menuWide .menu_bottom > .kategorie > .wrap > ul > li > a:before {
																		content: "\00BB \0020";
																}

																#layout_menuWide .menu_bottom > .kategorie > .wrap > ul > li > a {
																		text-decoration: none;
																		color: #888888;
																		font-weight: 300;
																		font-size: 13px;
																		display: block;
																}

																 #layout_menuWide .menu_bottom  .menu_opener {
																		color: #de8903;
																		float: right;
																		display: block;
																		box-sizing: border-box;
																		width: 30%;
																		height: 41px;
																}






				.breadcrumb_erklaerung {
						color: #a07e84;
						text-transform: uppercase;
				}

				.breadcrumbs {
						color: #888888;
				}
						.breadcrumbs > span::after {
								content: '>';
						}
						.breadcrumbs > span:last-child::after {
								content: '';
						}
						.breadcrumbs .item {
								display: inline-block;
								margin-top: 4px;
								margin-bottom: 4px;
								padding-left: 10px;
								padding-right: 10px;
								padding-top: 0;
								padding-bottom: 0;
								font-size: 0.85em;
								/* font-weight: bold; */
						}
						.breadcrumbs span.item {
								cursor: default;
								color: #888888;
						}

						.breadcrumbs a:link, .breadcrumbs a:active , .breadcrumbs a:visited {
								color: #888888;
								text-decoration: none;

						}
						.breadcrumbs a:hover {
								text-decoration: underline;
						}

				.inhalt {
						background-color: #ffffff;
						min-height: 600px; /* dieser Wert wurde per Hand ermittelt, bei nicht ausgeklapptem Menue */
				}
				.layout_option_header_schmal .inhalt {
						min-height: auto;	/* die 600px sind im (Plissee-)Konfigurator bei kleinem Bildschirm (z.B. 768px Hoehe) zuviel. Den Konfi versuche ich mit der Klasse .layout_option_header_schmal zu selektieren */
				}

						.inhalt .text_before h1{
								font-weight: normal;
								font-size: 18px;
								display: inline-block;
						}


						.inhalt_rechts {
								width: 130px;
								float: right;
								color: #5e1717;
								text-align: center;
						}

								.sidebar_erweitert {
										margin-bottom: 1em;
										border: 1px solid #D9BE87;
								}
										.sidebar_erweitert_link {
												display: block;
												margin: auto;		/* hier stand falsch drin: margin-auto; - das habe ich korrigiert - ich hoffe, das geht so in Ordnung: tim */
												width: 128px;
												position: relative;
												background-color: #e99b20;
												text-decoration: none;
										}
												.sidebar_erweitert_bild {
														display: block;
														border: none;		/* um den automatischen Rand vom Link zu entfernen */
												}
												.sidebar_erweitert_pfeil {
														position: absolute;
														top: -1px;
														left: 54px;
														border: none;
												}
												.sidebar_erweitert_text {
														position: absolute;
														top: 12px;
														left: 0;
														font-size: 13px;
														color: #ffffff;
														width: 128px;
														text-align: center;
												}
												.sidebar_erweitert_preisschild {
														position: absolute;
														top: 47px;
														left: 35px;
														border: none;
												}
												.sidebar_erweitert_preis {
														position: absolute;
														top: 51px;
														left: 0;
														color: #de8903;
														width: 128px;
														text-align: center;
												}

								.mitarbeiter_kleiner_bildschirm { display:none !important; }
								.mitarbeiter {
										position: relative;
										border: 1px solid #dbc394;
										background-color: #ffffff;
										margin-bottom: 1em;
										color: #000000;
										padding: 3px;
								}
										.mitarbeiter_name {
												width: 100%;		/* 130px */
												position: relative;
												top:3px;
												bottom: 3px;
												left: 0;
										}

										#inhalt_rechts_outer_icons {
												margin-top: 1em;
												position: relative;		/* auf die Raender schieben */
												top: 1px;
												left: -1px;
										}
												.inhalt_rechts_outer_icon {
														border: 1px solid #f1f1f1;
														display: inline-block;
														width: 41px;
														height: 41px;
														line-height: 41px;
														margin-left: 0;
														margin-right: auto;
														text-align: center;
												}
												.inhalt_rechts_outer_icon.highlight {
														background-color: #f1f1f1;
												}
	.inhalt_rechts_outer_icon img {
			border: 0;	/* falls verlinkt */
			vertical-align: middle;
	}
										#inhalt_rechts_outer_mitarbeiter_alle {
												border-left: 5px solid #f1f1f1;
												border-right: 1px solid #f1f1f1;
										}
										.inhalt_rechts_outer_mitarbeiter {
												border-bottom: 1px solid #f1f1f1;
												padding-top: 1em;
												padding-bottom: 1em;
										}
										.inhalt_rechts_outer_box {
												display: block;
												text-align: left;
												font-size: 11px;
												position: relative;		/* fuer absolute Positionierung des Ab-Preises */
										}
												.inhalt_rechts_outer_box .minPreis {
														position: absolute;
														right: 5px;
														bottom: 36px;
														color: #ffffff;
												}

												/* mindestens ein Mitarbeiter angeschalten */
												.inhalt_rechts_outer_telefonnummer {
														font-weight: bold;
														text-align: center;
														padding-bottom: 6px;
												}
												.inhalt_rechts_outer_text {
														text-align: center;
														padding-top: 1em;
														padding-left: 1em;
														padding-right: 1em;
														border-top: 1px solid #f1f1f1;
												}
												.inhalt_rechts_outer_bild {
														text-align: center;
												}
												.inhalt_rechts_outer_name {
														margin-top:3px;
														margin-bottom: 3px;
														color: #888888;
														text-align: center;
												}
										#inhalt_rechts_outer_mitarbeiter_keiner {
												border-left: 5px solid #f1f1f1;
												border-right: 1px solid #f1f1f1;
												border-top: 1px solid #f1f1f1;
												border-bottom: 1px solid #f1f1f1;
												text-align: center;
												padding: 1em;
												line-height: 1.4em;
										}
												/* kein Mitarbeiter angeschalten */
												.inhalt_rechts_outer_fragen {
														display: block;
												}
												.inhalt_rechts_outer_link {
														display: block;
														margin-top: 1em;
														color: #de8a04;
														text-decoration: none;
												}
	.inhalt_rechts_outer_link:before {
			content: "\00BB \0020";
			color: #de8a04;
	}
	.inhalt_rechts_outer_link:after {
			content: "\0020 \00AB";
			color: #de8a04;
	}
	.inhalt_rechts_outer_link > span{
			color: #de8a04;
			text-decoration: underline;
	}
	.inhalt_rechts_outer_link > span > a {
			color: #de8a04;
	}

								.inhalt_rechts_outer_wrap {
										position: absolute;
										top: 0px;				/* 	Die position muss zusaetzlich noch in der Funktion setSideboxPosition -> var topPosition angepasst werden.
			 *	!!!Mit JS nicht moegich auszulesen da bei .inhalt_rechts_outer position auf fixed steht und somit der bezug verloren geht!!!
			 */
										right: 0;
										text-align: center;
								}
										.inhalt_rechts_outer {
												position: fixed;
												width: 148px;
												background-color: #ffffff;
												color: #444444;
										}
												.inhalt_rechts_outer a {
														text-align: left;
														text-decoration: none;
														color: #444444;
												}

.design .oben_flex_wrapper .zusatz, .artikel .artikel_table_main .right, .artikelMass .artikel_table_main > .spalte_info, .artikel .artikel_table_main .artikelBottom {
		width: 340px;
		min-width: 320px;
		max-width: 340px;
}
.design_top_bewertungen a, .artikel .link_kundenmeinungen, .artikel .link_kundenbilder {
		font-size: 13px!important;
}
.zusatz a.design_link_button:hover, .zusatz a.button:hover	{
			box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.25);
}

.zusatz a.design_link_button, .zusatz a.button	{
			width:90%;
}

.zusatz a.button	{
        padding: 15px 20px;
        white-space:normal!important;
}
.zusatz a.button img	{
        float: right;

}
.artikel .artikel_table_main {
		display:flex;
}
.artikelMass .logo, .artikelMass .m_lysel {max-width:150px!important;}
.artikelMass .zeile_warenkorb .warenkorb {
		background: -moz-linear-gradient(top, #a07e84 0%, #a07e84 100%)!important;
		background: -webkit-linear-gradient(top, #a07e84 0%, #a07e84 100%)!important;
		background: -ms-linear-gradient(top, #a07e84 0%, #a07e84 100%)!important;
		background: -o-linear-gradient(top, #a07e84 0%, #a07e84 100%)!important;
		background-color:#a07e84!important;
		text-transform:none!important;
		background-position:right center!important;
}

.artikelMass .linkMusterSymbol, .artikel .link_dekobeispiele {
		background-color: #a07e84!important;

}
.artikelMass .eigenschaftenBoxen .box .weiterlesen {
    color: #a07e84!important;
}
/* Button um den Footer auszuklappen - Dieser ist nur sichtbar, bei eingeklapptem Footer */
#layoutFooterAusklappButton {
		font-size: 40px;
		position: absolute;
		left: 0;
		bottom: 0;
		cursor: pointer;
		display: inline-block;
}


.eingeklappt #layoutFooterAusklappButton {
		font-size: 40px;
		position: fixed;
		left: 0;
		bottom: 0;
		cursor: pointer;
		display: inline-block;
}

#layout_footer.eingeklappt {
    position: fixed;
    bottom: 0;
    left: 0.5%;
    right: 0.5%;
    z-index: 1;
    width: 99%;
    background-color: #ffffff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
		#layout_footer_content {
				color: #444444;
				clear: both;
				display:flex;
				justify-content: space-between;
				flex-flow: row wrap;
		}
        #layout_footer_content .zahlungsarten img {
			width:100%;
			max-width:120px;
			height:auto;
			margin: 0.5em;
		}


		#layout_footer_content .zahlartenGruppe{
			display: flex;
			justify-content: center;
			align-items: center;
		}
			#layout_footer_content .zahlartenGruppe img{
				max-width: 4em;
			}

		.layout_footer_balken {
				background-color: #f1f1f1;
				margin-bottom: 30px;
				flex: 1 100%;
				height: 6px;
		}
				#layout_footer_seitenanfang {
						position: absolute;
						right: 0;
						top: 0;
						color: #ffffff;
						background-color: #999999;
						font-weight: bold;
						padding-top: 13px;
						padding-bottom: 13px;
						padding-left: 20px;
						padding-right: 20px;
						background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAHklEQVQI12NggIL/UADjM8IEGZAAIyMjIyO6IAwAAPomD/dISgI+AAAAAElFTkSuQmCC);
						background-repeat: no-repeat;
						background-position: center bottom;
						cursor: pointer;
				}
				#layout_footer .bottom_center a {
						color: #b00c28;
				}

		#layout_footer .col {
				flex:0 0 auto;
				text-align:center;
				margin: 0 auto;
		}

				#layout_footer .col .upper {
						text-transform:uppercase !important;
				}

				#layout_footer .col .text_small {
						font-size:1em !important;
				}

				#layout_footer .col .head {
						font-size:1.3em;
						margin-bottom:30px;
				}

				#layout_footer .col a {
						font-size:1em;
						text-decoration:underline;
						color:black;
				}

				#layout_footer .col h3 {
						color:#329800;
						font-weight:bold;
						margin-top:20px;
				}

				#layout_footer .col span {
						line-height:1.4em;
						letter-spacing:0.05em;
				}

				#layout_footer .col ul {
						list-style:none;
						padding:0;
				}

						#layout_footer .col ul li {
								text-decoration:none;
								padding:3px 0;
						}

								#layout_footer .col ul li a {
										text-decoration:none;
								}

								#layout_footer .col ul li a:hover {
										text-decoration:underline;
								}

				#layout_footer .social img {
						max-width: 79px;
						margin-bottom: 1em;
				}

				#layout_footer .social {
						min-height:200px;
				}


		#layout_footer .bottom_center {
				flex: 1 100%;
				text-align: center;
				margin-top: 50px;
		}

				#layout_footer .bottom_center .line {
					width:50%;
					height:1px;
					background-color:#888888;
					margin: 5px auto;
				}






.layout_bar_for_sidebar {
		width: 1040px;		/* Init-Wert - wird von Javascript ueberschrieben */
		margin: auto;
		position: relative;
		top: 0px;
		left: 148px;
		height: 0;
}

#layout_layer_entirePage {
		display: none;
		position: fixed;
		top: 0;
		cursor: pointer;
}

@keyframes layout_toTopButton_FadeIn {
    from {opacity: 0; visibility: hidden; }
    to {opacity: 1; visibility: visible; }
}
@keyframes layout_toTopButton_FadeOut {
    from {opacity: 1; visibility: visible; }
    to {opacity: 0; visibility: hidden;}
}


#layout_toTopButton {
		visibility: hidden;
		right: 0;
		bottom: 50px;
		cursor: pointer;
		position: fixed;
		z-index: 9999;		/* bei einigen Seiten ist bei einigen Elementen der z-index gesetzt - mit dieser Angabe will ich aber wieder drueber sein */
		border: 1px solid #888;
		height: 50px;
}

		#layout_toTopButton.show {
				visibility: visible;
				animation-name: layout_toTopButton_FadeIn;
				animation-duration: 3s;
		}
		#layout_toTopButton.show img {
				width: 100%;
				height: 100%;
		}
		#layout_toTopButton.hide {
				visibility: hidden;
				animation-name: layout_toTopButton_FadeOut;
				animation-duration: 3s;
		}

/* sonstiges */
.fix_underline a img {		/* fuer den Firefox ab v3 bis mindestens v6, dieser stellt sonst bei verlinkten Bildern einen Unterstrich dar */
		vertical-align: middle;
}
.meinung_eigene {
		color: #000 !important;
}
.meinungen b {
    font-weight: bold;
}
.meinung_eigene .sterne ul, .meinung_eigene .sterne li {
		padding: 0;
		margin: 0;
		list-style: none;
}
.meinung_eigene .sterne ul {
		width: 100%;
		clear: both;
}
.meinung_eigene .sterne li {
		width: 2em;
		float: left;
		line-height: 2em;
		margin-right: 0.5em;
}
.meinung_eigene .sterne label {
		display: block;
		width: 2em;
		height: 2em;
		background: url("../bilder/stern-grau.svg") no-repeat 50% 50%;
		background-size: 100% auto;
		display: block;
		cursor: pointer;
}
.meinung_eigene .sterne li:first-child, .meinung_eigene .sterne li:last-child {
		width: auto;
}
.meinung_eigene .sterne input[type=radio] {
		display: none;
}
		.meinung_eigene #star5:checked ~ ul label {
				background-image: url("../bilder/stern-gelb.svg")
		}
		.meinung_eigene #star4:checked ~ ul label[for=star4],
		.meinung_eigene #star4:checked ~ ul label[for=star3],
		.meinung_eigene #star4:checked ~ ul label[for=star2],
		.meinung_eigene #star4:checked ~ ul label[for=star1] {
				background-image: url("../bilder/stern-gelb.svg")
		}
		.meinung_eigene #star3:checked ~ ul label[for=star3],
		.meinung_eigene #star3:checked ~ ul label[for=star2],
		.meinung_eigene #star3:checked ~ ul label[for=star1] {
				background-image: url("../bilder/stern-gelb.svg")
		}
		.meinung_eigene #star2:checked ~ ul label[for=star2],
		.meinung_eigene #star2:checked ~ ul label[for=star1] {
				background-image: url("../bilder/stern-gelb.svg")
		}
		.meinung_eigene #star1:checked ~ ul label[for=star1] {
				background-image: url("../bilder/stern-gelb.svg")
		}
		.sterne:after {
				content: "";
				width: 100%;
				height: 0;
				display: block;
				clear: both;
				visibility: hidden;
		}



.other .slide.mitarbeiter_kleiner_bildschirm  {display:none;}










/* ie 9+ (ohne edge) hack für fehlendes column-count in seo-kategorie-seiten (ganz unten vor media queries) */
@media screen\0 {
    .seo.farbuebersicht ul {
        column-count:1!important;
    }
    .seo.farbuebersicht ul li {
        width: 25%;
        float:left;

    }
}
















@media (max-width: 1220px) {


		/*#leisteNavigationTelefon .other { top: 44px; left: 33px; position: absolute; }*/
		.banner_rechts_warenkorb { display:none;}



		#leisteNavigationTelefon .other .slide:nth-child(1) { border-top: none; }
		#leisteNavigationTelefon .other .slide:nth-child(2) { border-top: 1px solid #f1f1f1; }
		.layout_option_header_schmal #leisteNavigationTelefon .other { top:44px; }
		/*#leisteNavigationTelefon a {width:28px;height:28px;}*/



		/* Liverchat */
		.leisteNavigation_ansprechpartner_livechat { /*overflow: hidden; width:38px*/ }
	/*	.layout_leiste_menue .leisteNavigation_ansprechpartner_livechat span { padding:0; }*/
		/*.leisteNavigation_ansprechpartner_livechat a.offline { display: none; }*/
/*		.leisteNavigation_ansprechpartner_livechat a.online {
				display: block;
				color: transparent;
				width: 28px;
				padding: 23px 6px 12px 8px;
				border-left: 3px solid #f1f1f1;
				margin-left: 0px;
				font-size: 0;
				margin-bottom: 0px;
				background-position: 70% center;
		}*/
/*


		*/

		#layout_warenkorb_preis {
			display:none;
		}




}

@media (max-width: 1024px) {
        .layout_option_header_schmal #nav {

			width: 250px;

		}
		.banner_zahlarten_info { display:none; }
/*		.banner_wrapper_ws { width:auto; }*/
		.banner_rechts_warenkorb { display:none; }
		#layout_menuWide .menu_bottom > .kategorie > ul { display:none; }
		#layout_menuWide .menu_bottom > .kategorie { margin-right:2%; }
		.layout_leiste_breadcrumb {min-height: 20px;}
		/*.wrap_kategorie_links a { display:none; }*/
		.layout_leiste_full.layout_option_header_schmal .banner_links_schriftzug { display:none; }
		.layout_leiste_full.layout_option_header_schmal .trenn { display:none; }
        .tel-von-bis, #menue_link span {display:none!important;}
		#menue_link { padding-top: 23px; }
		#menue_wrap { width: auto; padding-left: 11px; padding-top: 8px; }
		#menue_link { width: auto; }
		/*.menue_line { width: 97.6%; }*/
		#leisteNavigationTelefon {
										top: 0;
								}
}
@media (max-width: 800px) {
        .layout_option_header_schmal {
				margin-top: 0;
        }

}

@media (max-width: 768px) {
		.chaticon a, .chaticon .online {
			padding-right: 10px !important;

		}
		.leisteNavigation_ansprechpartner_livechat a span, .chaticon a span {display:none!important;}
        .leisteNavigation_ansprechpartner_livechat a, .chaticon a  {
				padding-right: 0!important;
                font-size:0;
		}
        .online {
			font-size: 0 !important;
			padding: 12px !important;

		}
		.banner { flex-wrap:wrap; }
		.banner_wrapper_ws { flex:0 100%; margin-top:1em; }
		.banner_links {
				margin: 0 auto;
		}
		.layout_leiste_full.layout_option_header_schmal .banner_links_schriftzug { display:none; }
		.layout_leiste_full.layout_option_header_schmal .trenn { display:none; }
        .tel-von-bis, #menue_link span {display:none!important;}
		#menue_link { padding-top: 23px; }
		#menue_wrap { width: auto; padding-left: 11px; padding-top: 8px; }
		#menue_link { width: auto; }
		/*.menue_line { width: 97.6%; }*/
		#leisteNavigationTelefon {
										top: 0;
								}
		.mobile_schmal { display:block !important; }
		.grosser_bildschirm { display:none !important; }
		body:not(.layout_option_header_schmal) .leisteNavigation_ansprechpartner_Tel_symbol { border-left:none; }
		.slide.first .leisteNavigation_ansprechpartner_nameTel {display:none;}
		.slide.first .leisteNavigation_ansprechpartner_Tel_symbol {display:inline-block;}
		.other .slide.mitarbeiter_kleiner_bildschirm  { display:flex !important; display:-ms-flexbox !important;}
		.slide.first .leisteNavigation_ansprechpartner_Bild { display:none; }
        .layout_option_header_schmal .online {
            font-size: 0 !important;
            padding: 12px !important;

        }
		.niemandDa {
			font-size: 10px;

		}

}

@media (max-width: 480px) {
    nav.menue_line {

		display: none;
	}

	.banner_links_logo  {
		/*max-width: 310px;*/
		max-width: 294px;
		margin-right: 0;
	}
	.banner_links_slogan {
		margin-left: 1em;
	}

}

		.niemandDa {
			font-size: 10px;

		}
		#leisteNavigationTelefon {margin-left:0;}
	/*
		.leisteNavigation_ansprechpartner_Tel_symbol { display:block; border-right: none; padding: 0.3em 0; padding-left: 18px; }

		.other .leisteNavigation_ansprechpartner_nameTel { display:block; }
		.other .leisteNavigation_ansprechpartner_Bild { display:block; }

		.other .leisteNavigation_ansprechpartner_Tel_symbol { display:none; }*/
		/*.menue_line {
			font-size: 11px;
		}
		.leisteNavigation_ansprechpartner_livechat a > span:first-child {display:none!important;}
		.leisteNavigation_ansprechpartner_livechat {
				width:34px;
				height:34px;
		}*/
		body { margin:0; padding: 5px;}
		/*.banner a { width: 100%; }*/
		.banner_links_slogan { display: block; text-align: center; width: auto; }
		#layout_menuWrap { padding-top:34px; left: -1px; top: 6px;}
		.banner_warenkorb {	width: auto; padding: 6px 0 5px;position: relative; }
		.meinung_eigene .sterne li { margin-right: 0.25em; }
       /*
	   .menue_line {
                font-size: 12px;
                line-height: .5;
        }*/


@media (max-width: 500px) {
		
		/*
				fuer die Option "mobile": false (z.B. Plissee-Konfigurator)
				.layout_option_mobile_noheaderfooter
		*/
	
		.layout_option_mobile_noheaderfooter {
				padding: 0;
		}
	
		  .layout_option_mobile_noheaderfooter #layout_header
		, .layout_option_mobile_noheaderfooter #layout_menuWrap
		, .layout_option_mobile_noheaderfooter #layout_footer
		{
				display: none;
		}
		.layout_option_mobile_noheaderfooter #feste_breite,	.layout_option_mobile_noheaderfooter #feste_breite {
				margin: 0;
				width: 100%;
		}

		/*
		.inhalt{
			padding: 0 1em;
		}
		.layout_option_mobile_noheaderfooter .inhalt{
			padding: 0;
		}
		.layout_option_mobile_none {
				display: none;
		}
		*/
}

/************************************************************/
/*															*/
/*						tables/tabellen						*/
/*															*/
/************************************************************/

.slider {
        padding-bottom: 1em;
        width: 100%;
        overflow: auto;
        margin: 4em auto 6.6666666667em auto;
    }
    .slider thead {
        font-size: 1rem;
        font-weight: 700;
        background: #F8F8F8;
    }
    .slider tbody {
        font-size: 1rem;
        font-weight: 400;
    }
    .slider table {
        border-collapse: collapse;
    }
    .slider th {
        padding: 1em;
    }
    .slider td {
        padding: 1.25em;
    }
    .slider td, .slider th {
        border: 4px solid #EAEAEA;
        width: 16.6666666666666667%;
        box-sizing: border-box;
        min-width: 160px;
    }
    .slider td {
        text-align: center;
        vertical-align: middle;
    }
    .slider td:first-child img {
        width: 50%;
        max-width: 40px;
    }
    .slider tr .group > span,
    .slider tr .group.double > span span {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .slider tr .group.double > span {
        flex-flow: row;
        gap: 1em;
    }