/* design-detailseite-breit.css ist die design-detailseite.css fuer das breite layout (ohne rechte Seitenleiste) */

#sortierung_umschalter_leiste{
	display: none;
}

.zusatz .button {
	background-position: 3.5em;
	background-size: 2em 2em;
	background-repeat: no-repeat;
}

.zusatz a.button img{
	float: left;
	margin-right: 1em;
}
.zusatz a.design_link_button{
	background-image: url(/bilder/layout/icon_zahnrad.svg);
		padding-left: calc(5em + 20px) !important;
}
.zusatz a.design_link_motor{
	background-image: url(/i/stoffuebersicht/icon-blitz-weiss.svg);
		padding-left: calc(5em + 20px) !important;
}
a.button_muster{
	background-color: #F2F2F4;
	color: #0E0E0F;
		padding-left: calc(2.5em + 20px) !important;
}


	


.design_buttons_kunden{
	border: 2px solid #F2F2F4;
	color: #0E0E0F;
	padding: 0.5em;
	font-weight: 500;
}
	.design_buttons_kunden_1{
		color: #0E0E0F !important;
	}


	
	
	
.design_eigenschaften .design_top_ueberschrift{
	color: #0E0E0F !important;
	font-weight: 500 !important;
}	

.design_eigenschaften .design_eigenschaften_ueberschrift{
	font-size: 1.125em; 
	font-weight: 500;
	color: #0E0E0F;
}


.design .oben_flex_wrapper .zusatz{
	margin: 1em auto!important;
}

.hersteller_banner{
	display: block; 
	margin: 0 auto;
	text-align: center;
}
.design_top_bewertungen{
	text-align: center;
}
	.design_top_bewertungen a:link, .design_top_bewertungen a:visited{
		color: black;
		text-decoration: none;
		border: none; 
	}
	
.design_abpreis{
	font-weight: 500 !important;
	font-size: 1.6em !important; 
	color: #0E0E0F;
}




.stoffeigenschaftenIcons{
	margin-top: 0!important;
	text-align: center;
}
	.stoffeigenschaftenIcons img{
		width: 2em !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.lichttechnischeWerte img{
		width: 3em !important;
	}
	
.box_klappe, .eigenschaften_inhalt{
	box-sizing: border-box;
}	
.box_klappe{
	background-color: #F2F2F4;
	border: 2px solid #F2F2F4;
	width: 100%;
	background-position: 10px!important;
	background-repeat: no-repeat;
	margin-top: 2em;
	padding-left: 40px !important;
	padding: 10px;
	font-size: 1.1em;
	font-weight: 400;
}
	.box_klappe.eigenschaften{
		background-image: url(/i/stoffauswahl/icon_info.svg);
	}
	
	.design_eigenschaften_liste .box_klappe::after{
		content: url(/bilder/pfeil-unten-grau.svg);
		display: flex;
		bottom: 50%;
		transform: translate(0, 50%);  
		position: absolute;
		right: 1em;		
	}
			.design_eigenschaften_liste .box_klappe.aktiv::after{
				transform: rotate(180deg) translate(0, -50%);
			}

.eigenschaften_inhalt{
	padding: 1em;
	border: 2px solid #F2F2F4;
	width: 100%;
}
	.eigenschaften_inhalt.stoffeigenschaftenIcons {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
		grid-gap: 1em;
	}
		.eigenschaften_inhalt.stoffeigenschaftenIcons div {
			display: flex; 
			align-items: center;
			flex-flow: column;
		}
		




.banner_versandtext{
	text-align: right;
}




.design_gruppe_weitere .karusell_wrapper{
	position: relative;
	height: 4em;
	display: flex;
	align-items: center;
}
	.karusell_wrapper .karusell{
		display: flex; 
		overflow: hidden;
	}	
	
			.design_gruppe_weitere .karusell_wrapper .nav_weiter, .design_gruppe_weitere .karusell_wrapper .nav_zurueck{
				width: 2em;
				height: 2em;		
				max-width: 20%;
				background-color: #0E0E0F;
				background-image: url(/bilder/pfeil-rechts-weiss.svg);
				background-repeat: no-repeat;
				background-size: 30%;
				background-position: 50%;
				position: absolute;
			}
			.design_gruppe_weitere .karusell_wrapper .nav_weiter{
				right: 0;
			}
			.design_gruppe_weitere .karusell_wrapper .nav_zurueck{
				left: 0;
				transform: rotate(180deg);
			}
			.design_gruppe_weitere .karusell{
				width: 60%;
				position: absolute;
				left: 50%;
				transform: translate(-50%); 
			}
			

.design_gruppe_weitere a{
	position: relative;
	padding: 0 5px;
	max-width: 3em;
}			
.design_gruppe_weitere a.aktiv::after {
	content: url(/bilder/haken_gruen.svg);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);  
	display: flex;
	padding: 5px; 
	background-color: white;
	border-radius: 100%;
	width: 1.5em;
	height: 1.5em;
}


.design_gruppe_weitere a img{
		width: 100%;
}


.design_eigenschaften .massanfertigung img{
	width: 2em;
}

.design_big_lupe{
	width: 2em;
	background-color: rgba(255,255,255,0.5);
	padding: 0.5em;
	right: 0 !important;
}

@media (max-width: 1260px) {
	.design .oben_flex_wrapper .bildspalte, .design .oben_flex_wrapper .zusatz {
		flex: 0 1 45% !important; 
	}
}

@media (max-width: 1024px) {
	.design .oben_flex_wrapper .bildspalte, .design .oben_flex_wrapper .zusatz{
		flex: 0 1 40%!important;
	}
}

@media (max-width: 768px) {
	.design .oben_flex_wrapper .bildspalte, .design .oben_flex_wrapper .zusatz{
		flex: 0 1 100% !important;
	}
}

@media (max-width: 500px) {


	.zusatz .button
	{
			background-size: 1.5em 1.5em;
			display: inline-flex		!important;
			align-items: center;
			justify-content: center;
			padding-left: 1em			!important;
			padding-right: 2em			!important;		/* fuer den Pfeil */
	}
	

	.design_link_button {
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 1em			!important;
			font-size: 20px 			!important;
			font-weight: bold			!important;
			cursor: pointer;
			padding-top: 3%				!important;
			padding-bottom: 3%			!important;
			max-width: none;
			width: auto;
	}


	.artikelKonfigurieren .buttonKonfigurierenMobile{
		background-color: #F2CB05 !important;
		color: #0E0E0F !important; 
	}
	.zusatz a.design_link_button{
		padding-left: calc(3em + 20px) !important;
	}
	.zusatz a.design_link_motor{
		padding-left: calc(3em + 20px) !important;
	}
}

@media (min-width: 501px) {
	.design_abpreis{
		margin-top: 100px !important;
	}	
}