/*
		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))
		24.03.2020	Swen		#COVID Style eingebaut
		31.03.2021	Swen		#COVID Style ausgebaut
*/

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

/********************************************
 *
 *			GLOBAL
 *
 ********************************************/
/*
blau rgba(23, 98, 169, 1) oder #1762a9
türkis: rgba(23, 98, 169, 1) oder #1762a9
*/

 /*
		.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: 50px;
}

.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: 0;
}

		body.layout_option_header_schmal, .layout_option_header_schmal body {
				margin-top:0;
		}
body.layout_option_header_schmal #layout_header .banner {
				/*display:none;*/
		}
.layout_leiste_full.layout_option_header_schmal {
				position:fixed;
				top:0;
				top: 0;
				z-index: 99;
				margin: 0 auto;
					margin-top: 0px;
				background: #fff;
				/*width: 95%;   nur der Content soll eingerückt sein, die leiste hat 100%*/ 
				width: calc(100% - 10px);
		}
.layout_leiste_full  .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 #1762a9;
		border-radius: 2px;

		padding: 15px 25px;

		color: #1762a9;
}
        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: #1762a9;
		color: #fff;
		border-bottom: 4px solid #013a70;
		padding-bottom: 11px;
}



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

h2 {
		font-size:16px;
		font-weight:600;
		color:#444;
}


h3 {
		font-size:14px;
		font-weight:400;
		color:#444;
}
hr {
	color: #ededed;
	height: 2px;

}
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
 *
 ********************************************/
 
#layout_header {
		margin-top: 18px;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
}
#feste_breite {
		margin-top: 18px;
		margin-bottom: 18px;		
}

body.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;
		}

		.layout_option_header_schmal .layout_leiste_full {
				margin-top: 0px;
		}
		
		.layout_option_header_schmal #layout_header .banner {
			display:none;
		}

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

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

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

						.layout_option_header_schmal .layout_leiste_full .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;
								height: 44px;
						}
						#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;
						}
						.menue_line {
								font-size: 16px;
								flex: 0 auto;
								display: flex;
								/*width:97.6%;*/
								width: calc(100% - 131px);
								align-items: center;
								overflow:hidden;
						}

								.wrap_kategorie_links {
										overflow: hidden;
										white-space: nowrap;
										padding-top: 3px;
										flex: 1 1 auto;
								}

										.wrap_kategorie_links.layout_option_header_schmal {
												width: 49%;
										}


								.menue_line span {
										padding: 10px;
										display: inline-block;
										color: #888888;
										font-weight: bold;
								}
								.menue_line a {
										color: #888888;
										text-decoration: none;
										display: inline-block;
										position:relative;
										font-size:1em;
										padding: 11px;
										padding-bottom: 13px;
										margin:0 5px;
										font-weight: 300;
										
								}

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

										.menue_line a.active .line {
												background-color: #1762a9;
										}




								#leisteNavigationTelefon {
										cursor: auto;
										flex: 0 1 auto;

								}

										#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:#1762a9;
				}
	*/

										#leisteNavigationTelefon .other {
												display: none;
												position: relative;
												right: -46px;
												top: 20px;
												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;
										}





								/* 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;
										}

												.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;
														}


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

												text-transform: uppercase;
												font-style: italic;
										}
										.leisteNavigation_ansprechpartner_livechat a {
												padding-right: 40px;

										}
                                        .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: 2px 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;
										}

								.menue_line .icon {
										display: inline-block;
										border-left: 3px solid #f1f1f1;
										height: 35px;
										padding: 2px 12px 2px 10px;
										box-sizing: border-box;
								}
								#leisteNavigationTelefon a.icon  {
										background-color: #f5f5f5;
										padding: 2px 12px 2px 10px;
								}

								.menue_line .banner_suche {
										overflow: hidden;
										/*width: 32px;*/
										height: 31px;
										flex: 0 1 auto;
										display: inline-block;
										border-left: 3px solid #f1f1f1;
										padding-right: 11px;
										padding-top: 0;
										margin-top: 0;
										padding-bottom: 4px;
										padding-left: 12px;
								}

										.menue_line .banner_suche:hover,
										.menue_line .banner_suche.open {
												background:none;
												/*width:180px;*/
												transition:all ease 0.8s;
										}

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

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


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



				.layout_leiste_breadcrumb {
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
				}
						.layout_breadcrumb {
								position: relative;
								display: -webkit-flex;
								display: flex;
								-webkit-align-items: center;
								align-items: center;
								margin-top: 0;
								padding-top: 1em;
								padding-bottom: 1em;
						}
								.breadcrumb_erklaerung {
										display: inline-block;
								}
								.breadcrumbs {
										display: inline-block;
								}

		.banner_zahlarten {
				text-align: right;
		}
				.banner_zahlarten_info {
						font-size: 11px;
						cursor: pointer;
						flex: 1 0 auto;
						text-align: center;
						padding-left: 1.5em;
						padding-right: 1.5em;
						color: #888888;
				}
						.banner_zahlarten_info img {
								display: inline-block;
								vertical-align: middle;
								margin-bottom: 6px;
						}
						.banner_zahlarten_info div {
								vertical-align: middle;
								font-weight: 400;
								font-size:0.95em;
						}


		.banner {
				color: #888888;
				display: flex;
				justify-content: space-between;
				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: 12 0 auto;
						display: flex;
				}
						.banner_links_logo {
								border: 0;
								margin-right: 0.5em;
								width:66px;
						}
						.banner_links_text {
								margin-left: 10px;
						}
								.banner_links_schriftzug {
										font-size: 2.7em;
										color: #1762a9;
								}

								.banner_links_slogan {
										display:inline-block;
										font-size: 1.1em;
										color: #1762a9;
										clear:both;
								}

				.banner_wrapper_ws {
						flex: 8 0 auto;
						display: flex;
						align-items: stretch;
				}


				.banner_suche {
						flex: 10 1 auto;
						font-size: 13px;
						display: flex;
						align-items: stretch;
						padding-left: 3em;
						padding-right: 1em;
				}
				.banner_suche form {
						flex: 1 1 auto;
						display: flex;
						align-items: stretch;
				}

						.banner_suche input[type="search"] {
								padding-top: 2%;
								padding-bottom: 2%;
								padding-left: 4%;
								padding-right: 4%;
								box-sizing: border-box;
								-webkit-appearance: none;
								border-top: 2px solid #f1f1f1;
								border-left: 2px solid #f1f1f1;
								border-right: 0;
								border-bottom: 2px solid #f1f1f1;
								border-radius: 2px;
								font-family: 'Open Sans', sans-serif;
								color:#7f7f7f;
								text-transform: uppercase;
								background-color: #f5f5f5;
								flex: 1 1 auto;
						}
								.banner_suche input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
										color: #7bcbc8;
								}
								.banner_suche input::-moz-placeholder { /* Firefox 19+ */
										color: #7bcbc8;
								}
								.banner_suche input:-ms-input-placeholder { /* IE 10+ */
										color: #7bcbc8;
								}
								.banner_suche input:-moz-placeholder { /* Firefox 18- */
										color: #7bcbc8;
								}
								.banner_suche input:placeholder {
										color: #7bcbc8;
								}

						.banner_suche input[type="submit"] {
								background-color: #f5f5f5;
								background-image: url(/bilder/layout/lupe.svg);
								background-repeat: no-repeat;
								background-size: 50%;
								background-position: center;
								border-top: 2px solid #f1f1f1;
								border-left: 0;
								border-right: 2px solid #f1f1f1;
								border-bottom: 2px solid #f1f1f1;
								border-radius: 2px;
								flex: 0 0 auto;
								padding-left: 25px;
								padding-right: 25px;
								padding-top: 10px;
								padding-bottom: 0;
						}

				.banner_rechts {
						flex: 1 0 auto;
						text-align: right;
						font-size: 0.28cm;
						display: flex;
						align-items: stretch;
						justify-content: flex-end;
				}

						.banner_rechts_artikel {
								color: #ffffff;
								position: absolute;
								background: url(/bilder/layout/zaehler.svg);
								background-repeat: repeat;
								background-position: 0% 0%;
								background-repeat: no-repeat;
								width: 21px;
								height: 21px;
								text-align: center;
								top: 5px;
								margin-right: 10px;
								right: 30%;
						}
						.icon.icon_warenkorb {width:30px;height:30px;}
						.layout_option_header_schmal .banner_rechts_artikel {
								width:18px;height:18px;background-size:100% 100%;font-size: .85em;right: 0;top: 2px;
						}
						.banner_rechts_artikel.nicht_anzeigen {display:none;}
						.icon_warenkorb {position:relative;}
						.mobile_schmal .banner_rechts_artikel {left:44%;width:18px;height:18px;background-size:100% 100%;font-size: .85em;}
						.banner_warenkorb {
								background-color: #7bcbc8;
								padding-left: 2em;
								padding-right: 2em;
								padding-top: 5px;
								padding-bottom: 5px;
								/*display: flex;
								align-items: stretch;
								flex-direction: column;*/
								font-size: 1.3em;
								font-weight: 300;
								text-align: center;
								border-radius: 2px;
								position: relative;
						}
								.banner_warenkorb * {
										vertical-align: middle;
								}

								.banner_warenkorb img {
										border: 0;
								}

								.banner_rechts_warenkorb {
										display: block;
										color: #ffffff;
										font-size:15px;
								}

								.banner_rechts_preis {
										display: none;
										color: #ffffff;
										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;
								/*width: 100%;*/
								color: #1762a9;
								font-size: 1rem;
								background: url(/bilder/layout/icon_menueoben.svg);
								background-repeat: no-repeat;
								background-position: left 11px;
								padding-left: 40px;height: 28px;
								line-height: 28px;
								height: 28px;
						}
								#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: #1762a9;
												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 > .kategorie.aktive {
														background: url(/bilder/pfeil-duenn-violett.svg);
														background-position: 95% 17px;
														background-repeat: no-repeat;
														border-left: 3px solid #1762a9;
														padding-left:0;
												}

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

												#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;
																}






				.breadcrumb_erklaerung {
						color: #1762a9;
						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 */
				}

						.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, #1762a9 0%, #1762a9 100%)!important;
		background: -webkit-linear-gradient(top, #1762a9 0%, #1762a9 100%)!important;
		background: -ms-linear-gradient(top, #1762a9 0%, #1762a9 100%)!important;
		background: -o-linear-gradient(top, #1762a9 0%, #1762a9 100%)!important;
		background-color:#7bcbc8!important;
		text-transform:none!important;
		background-position:right center!important;
}

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

}
.artikelMass .eigenschaftenBoxen .box .weiterlesen {
    color: #7bcbc8!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 .payment img {
			width:100%;
			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 .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 .payment img {
										width: 100px;
								}

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


		#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;
		}



/************************************************************/
/*															*/
/*						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;
    }












/*********************************************
 *
 *		MEDIA Einstellungen
 *
 *		Ich versuche mit 4 Media angaben hinzukommen
 *
 *		> 	1260 	ist standard
 *		<= 	1260
 *		<= 	1024
 *		<=	768
 *		<=	480
 *
 *********************************************/

/* 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: 1420px) {
		.layout_leiste_full.layout_option_header_schmal .banner_links_schriftzug { display:none; }
}
@media (max-width: 1220px) {
		.leisteNavigation_ansprechpartner_nameTel { display:none; }
		.leisteNavigation_ansprechpartner_Bild { display:none; }
		.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; }
		#leisteNavigationTelefon .other { top: 44px; right: 0; position: absolute; }
		.banner_warenkorb { flex-direction: row; }
				.banner_rechts_warenkorb { display:none;}

		.mitarbeiter_kleiner_bildschirm { display:flex !important; display:-ms-flexbox !important;}

		#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; }



		/* Liverchat */
		.leisteNavigation_ansprechpartner_livechat { /*overflow: hidden; width:38px*/ }
		.menue_line .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;
		}

		.leisteNavigation_ansprechpartner_livechat a {
				padding-right: 0;
		}
		.banner_rechts_artikel {
								top: 2px;
								right: 10%;
						}
		.mobile_schmal .banner_rechts_artikel {left:45%;}


}

@media (max-width: 1024px) {
		.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_full.layout_option_header_schmal .trenn { display:none; }
		.tel-von-bis/*, #menue_link span, .banner_links*/ {display:none!important;}
		/*#menue_link, #menue_wrap {height:40px;width:40px;}*/
		.menue_line {width:100%;}
		/*.menue_line a {
		
			font-size: .8em;
			margin: 0;
			padding: 11px 5px;

		}
		
		#menue_link {
    
			font-size: .85rem;
		}*/
}

@media (max-width: 768px) {
		#menue_link span {
			display: none;
		}
		#menue_link {
			background-position: left center;
		}
		.banner { flex-wrap:wrap; }
		.banner_wrapper_ws { flex:0 100%; margin-top:1em; }
		.wrap_kategorie_links a { display:none; }
		
		
        
		/*#menue_link { padding-top: 23px; }*/
		#menue_wrap { width: auto; padding-left: 11px; padding-top: 8px; }
		#menue_link { width: auto; }
		.menue_line { width: 97.6%; }

		.mobile_schmal {
				display:block !important;
				/*background-color: #7bcbc8;*/
		}
		.grosser_bildschirm { display:none !important; }
		body:not(.layout_option_header_schmal) .leisteNavigation_ansprechpartner_Tel_symbol { border-left:none; }
}

		
@media (max-width: 640px) {
		
		
		.menue_line .banner_suche {
			
			border-left: 0;
			padding-left: 0;
		}
}
@media (max-width: 480px) {
		body { margin:0; padding: 5px;}
		.banner_suche input[type="search"] {
			 
			width: 80px;
		}
		.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; }
		.meinung_eigene .sterne li { margin-right: 0.25em; }
		.banner_suche {padding-left: 0;}
		.banner_links_schriftzug {font-size: 2.2em;}
		.leisteNavigation_ansprechpartner_mailicon {padding-right: 0;}
}



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


@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%;
		}

}