/*
		20.05.2020	David S.	.SeoVideo hinzugefügt
		20210908	carsten	.seo zu den h2 hinzugefügt
    29.09.2021	David D.	css für glidejs hinzugefügt
*/

/*
blau rgba(23, 98, 169, 1) oder #1762a9
türkis: rgba(23, 98, 169, 1) oder #1762a9
*/
.button_box:after {
    content: "";
    display: block;
    clear: both;
}
#text_inhalt * {box-sizing:border-box;}
#text_inhalt h2.seo {margin: 60px 0;}
#text_inhalt article h2.seo { margin-top:0;}
#text_inhalt article + div {
    margin: 10px auto;
}
.teaserbox_wrap {
	/* text-align:center; */
	display: flex;
	justify-content: space-between;
}
.teaserbox { width:49%;display:inline-block;position:relative;}
.teaserbox.einsam {
    width: 100%;
}
article .achtung, article .tipp  {
    padding: 1em;
    padding-left: 1em;
    border: 5px solid #7bcbc8;
    padding-left: 60px;
    position: relative;
	font-style:italic;
}
article .tipp > span  {
	font-weight:bolder;
}
article .achtung::before,article .tipp::before {
    display: block;
    content: "!";
    position: absolute;
    left: 10px;
    font-size: 100px;
	font-style:normal;
    font-weight: bolder;
    /*top: 10%;*/
    width: 40px;
    text-align: center;
    color: #1762a9;
	line-height: 1;
}
article .tipp::before {
    content: "!";
    font-size: 50px;
	font-style:normal;
    /*top: 0;*/
 }


 
/* ##########################        CSS für Cards        ###########################################################*/



#cards, #cards * {
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: 600;
}
#cards {
	display: flex;
	justify-content: space-between;
	color: #13436F;
	font-family: "Open Sans";
	font-size: 1rem;
}
#cards .mobileContent {
	display: none !important;
}
#cards .reiterGroup {
	display: flex;
	justify-content: space-between;
}
#cards > div {
	width: 30%;
	max-width: 450px;
	margin-bottom: 3em;
	opacity: 1;
	transition: opaciy 0.15s;
}

#cards > div > a {
	text-decoration: none;
	box-shadow: 0px 2px 4px #00000042;
	display: block;
}

#cards > div > a {
	color: #13436F;
}



#cardsV2, #cardsV2 * {
	box-sizing: border-box;
	font-size: 1rem;
	font-size: 0.86799vw;
	font-size: clamp(12px, 0.86799vw, 1em);
	font-weight: 400;
}

#cardsV2 {
	display: flex;
	justify-content: space-between;
	gap: 2.5em;
	padding: 0 1.5em;
	margin-bottom: 4em;
}


#cardsV2 .card {
	text-decoration: none;
	font-size: 1rem;
	font-weight: 400;
	color: #444;
	display: flex;
	flex-flow: column;
	flex: 1 1 33.3333333333%;
	max-width: 430px;
	position: relative;
	margin-top: 3em;
}


#cardsV2 .card > div:not(.reiter) {
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 20px 40px #08080800;
	transition: box-shadow .25s;
}

#cardsV2 .card.dfFertig > div:not(.reiter) {
	box-shadow: 0px 20px 40px #0808084D;
}

#cardsV2 .card:hover > div:not(.reiter) {
	box-shadow: 0px 20px 40px #0808084D;
}
#cardsV2 .card.dfMass:hover ~ .card.dfFertig > div,
#cardsV2 .card.dfPlissee:hover ~ .card.dfFertig > div {
	box-shadow: 0px 20px 40px #08080800;
}
#cardsV2 .reiter, #cardsV2 .head {
	background: #13436F;
	color: #fff;
}
#cardsV2 .dfFertig .reiter, #cardsV2 .dfFertig .head,
#cardsV2 .dfPlissee .reiter, #cardsV2 .dfPlissee .head 
,#cardsV2 .cardSekundaer .reiter, #cardsV2 .cardSekundaer .head	{
	background: #E5DFD9;
	color: #444;
}
#cardsV2 .dfPlissee .reiter, #cardsV2 .dfPlissee .head  {
	background: #E6E6E6;
}
#cardsV2 .cardGhost .reiter, #cardsV2 .cardGhost .head{
	background: #ffffff;
	color: #444;
}


#cardsV2 .reiter {
	padding: .625em;
	border-radius: .75em .75em 0 0;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, -102%);		
}
#cardsV2 .head,
#cardsV2 .dfFertig .head > div:first-child {
	display: flex;
	flex-flow: column;
	padding: .625em;
	border: 1px solid #E6E6E6;
	border-bottom: 0;
	font-weight: 300;
}
#cardsV2 .dfMass .head,
#cardsV2 .dfFertig .head > div:first-child,
#cardsV2 .dfPlissee .head {
	font-size: 1.0625em;
	/*font-size: clamp(12px, 1vw, 17px);*/
}
#cardsV2 .dfFertig .head {
	flex-flow: row;
	justify-content: space-between;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#cardsV2 .dfFertig .head > div:first-child {
	border: 0;
	padding: 0;
	margin: .625em 0;
}
#cardsV2 .tipp {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	background: #c00;
	color: #fff;
	padding: 0 .75em;
	text-transform: uppercase;
	clip-path: polygon(    10% 0%,
						0% 100%,
						100% 100%,
						100% 0%);
}
#cardsV2 .tipp small {
	font-weight: 600;
	font-size: 1.0625em;
	/*font-size: clamp(12px, 1vw, 17px);*/
	line-height: 1em;
}
#cardsV2 .tipp span {
	font-weight: 600;
	font-size: 1.75em;
	/*font-size: clamp(20px, 1vw, 28px);*/
	line-height: 1em;
}
#cardsV2 .head b {
	font-weight: 600;
	font-size: 1.1em;
	/*font-size: clamp(14px, 1vw, 19.5px);*/
}
#cardsV2 .cardContent {
	border: 1px solid #E6E6E6;
	border-top: 0;
	display: grid;
	grid-template-areas: "imgs"
						 "details"
						 "preisContent"
						 "konfiBtn";
	height: 100%;
}
#cardsV2 .imgs {
	grid-area: imgs;
	position: relative;
}
#cardsV2 .imgs img:first-child {
	display: block;
	width: 100%;
}
#cardsV2 .imgs > .massIcon,
#cardsV2 .imgs > .logo {
	position: absolute;
	right: 1em;
	transform: translate(0, -66%);
}
#cardsV2 .imgs > .massIcon{
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	border-radius: 5px;
}
#cardsV2 .imgs > .logo {
	left: 0;
	transform: translate(0, -100%);
	box-sizing: border-box;
	width: 40%;
	padding: 3% 22% 3% 5%;
	background: linear-gradient(to right, rgba(255, 255, 255, .5), rgba(255, 255, 255, .3) 100%);
}
	#cardsV2 .imgs > .logo.logoLyselHome{
		padding: 0;	
	}

#cardsV2 .details, #cardsV2 .preisContent, #cardsV2 .konfiBtn {
	padding: 0 1.5em;
}
#cardsV2 .details .typen,
#cardsV2 .dfFertig .details .typenUe,
#cardsV2 .details .modelle,
#cardsV2 .details .stoffe,
#cardsV2 .details .befestigung,
#cardsV2 .details .profile {
	border-bottom: 2px solid #e4e4e4;
	padding-bottom: .5rem;
}
#cardsV2 .modelle li:first-child {
	font-weight: 400;
	padding: 0;
}
#cardsV2 .dfFertig .details .typen {
	border-bottom: 0;
	padding: 0;
}
#cardsV2 .details {
	grid-area: details;
	margin-top: .75em;
	display: flex;
	flex-flow: column;
}
#cardsV2 .details .typen {
	font-size: .8125em;
}
#cardsV2 .modelle, #cardsV2 .stoffe, #cardsV2 .profile, #cardsV2 .preisContent {
	padding-top: .5em;
	padding-bottom: .5em;
}
#cardsV2 .modelle ul, #cardsV2 .modelle li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#cardsV2 .modelle ul {
	margin: .75em  0 0 .75em;
}
#cardsV2 .modelle li {
	display: flex;
	gap: 1.25em;
	margin-bottom: .5em;
	align-items: center;
}
#cardsV2 .modelle .motor, #cardsV2 .modelle .highlight {
	color: #7BCBC8;
}
#cardsV2 .modelle li:last-child {
	margin-bottom: 0;
}
#cardsV2 .stoffe, #cardsV2 .profile {
	display: flex;
	justify-content: space-between;
	padding-right: 2em;
}
#cardsV2 .stoffe span, #cardsV2 .profile span {
	display: flex;
	gap: .5em;
}
#cardsV2 .stoffe span::before, #cardsV2 .profile span::before {
	content: "";
	width: 2em;
	background: url("/bilder/seo/rollo/icon_stoff_farben.svg") no-repeat 100% 50%;
	background-size: 2em auto;
}
#cardsV2 .profile span::before {
	background-image: url("/bilder/seo/rollo/icon_profil_farben.svg");
}


#cardsV2 .befestigung{
	margin: 1em 0;
}
	#cardsV2 .befestigungHead{
		display: flex;
		justify-content: space-between;
	}
	#cardsV2 .befestigung span:not(.befestigungHead span){
		padding-left: 1.5em;
		background: url("/bilder/seo/befestigung-schrauben.svg") no-repeat 0 50%;
		background-size: 1em auto;
		width: auto;
		font-size: 0.8125em;
		padding-right: 1em;
	}
	#cards .befestigung span.klemmen{
		background-image: url("/bilder/seo/befestigung-klemmen.svg");
	}
	#cards .befestigung span.kleben{
		background-image: url("/bilder/seo/befestigung-kleben.svg");
	}


#cardsV2 .preisContent {
	grid-area: preisContent;
	display: flex;
	gap: 1em;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .75em;
}
#cardsV2 .preisContent > span:first-child {
	display: flex;
	flex-flow: column;
}
#cardsV2 .preisContent > span:first-child small {
	font-size: .75em;
}
#cardsV2 .preisContent > span:last-child small {
	font-size: .875em;
}
#cardsV2 .preisContent > span:last-child b {
	font-weight: 700;
	font-size: 1.5em;
}
#cardsV2 .preisContent > span:last-child span {
	font-weight: 700;
	font-size: 1.125em;
	text-transform: uppercase;
}
#cardsV2 .konfiBtn {
	grid-area: konfiBtn;
	background: #13436F;
	color: #fff;
	display: flex;
	gap: 1em;
	align-items: center;
	justify-content: center;
	padding: .75em 0;
	margin: 0 1.5rem 1.5rem 1.5rem;
	border-radius: 3px;
}
#cardsV2 .konfiBtn .desktop {
	display: none;
}
#cardsV2 .dfFertig .konfiBtn, #cardsV2 .cardSekundaer .konfiBtn {
	background: #7BCBC8;
}
#cardsV2 .dfPlissee .konfiBtn , #cardsV2 .cardGhost .konfiBtn{
	background: #D5D5D5;
}
#cardsV2 .konfiBtn img {
	width: 1.375rem;
	transform: rotate(0deg);
	transition: transform .2s;
}
#cardsV2 .konfiBtn:hover img {
	transform: rotate(360deg);
}
#cardsV2 .konfiBtn {
	font-size: 1.125em;
}
#cardsV2 .haken,
#cardsV2 .modelle li:first-child.haken {
	background-image: url("/bilder/seo/icon_haken.svg");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 1.375rem auto;
	padding-right: 2rem !important;
}
#cardsV2 + p {
	margin-bottom: 6.66666666666666667em;
}

@media (max-width: 1260px) {
	#cardsV2, #cardsV2 * {
		font-size: clamp(13px, 1.19047vw, 1em);
	}
	#cardsV2 {
		margin-bottom: 1.875em;
		flex-flow: column;
	}
	#cardsV2 + p {
		margin-bottom: 6.25em;
	}


	#cardsV2 .card {
		margin: 2em auto;
	}
	
	
	#cardsV2 .card.dfMass {
		order: 2;
	}
	#cardsV2 .card.dfPlissee {
		order: 3;
	}
	#cardsV2 .details .stoffe {
		border-bottom: 0;
	}
	#cardsV2 {
		padding: 0;
	}
	#cardsV2 .card {
		max-width: none;
		width: calc(100% - 8em);
	}
	#cardsV2 .haken {
		padding-right: 2em !important;
	}
	#cardsV2 .cardContent {

		grid-template-columns: 20% 25% 27.5% 27.5%;
		grid-template-rows: auto auto;
		grid-template-areas: "details details imgs imgs"
							 "details details preisContent konfiBtn";
	}
	#cardsV2 .preisContent {
		flex-flow: column;
		gap: 0;
		align-items: start;
		margin-top: auto;
		padding: .5em 1em 0 0;
	}
	#cardsV2 .konfiBtn {
		margin: auto auto 1em auto;
		width: 100%;
	}
	#cardsV2 .details .typen {
		font-size: .625em;
	}
	#cardsV2 .imgs > .massIcon {
		width: 3.125em;
		height: 3.125em;
		right: .5em;
		transform: translate(0, -50%);
	}

	#cardsV2 .modelle ul {
		margin-left: 0;
	}
	#cardsV2 .modelle li img {
		width: 1.666666667em;
		margin: 0;
	}
	#cardsV2 .konfiBtn {
		gap: .3em;
	}
	#cardsV2 .preisContent > span:first-child span {
		/*font-size: .75em;*/
		font-size: clamp(12px, 1.06667em, 1.06667em);
	}
	#cardsV2 .preisContent > span:first-child small {
		font-size: .8em;
	}
	#cardsV2 .imgs > .logo {
		width: 60%;
	}

}
@media (max-width: 768px) {
	#cardsV2, #cardsV2 * {
		font-size: clamp(13px, 2.0869vw, 1em);
	}
	#cardsV2 .card {
		width: calc(100% - 2.25em);
	}
	#cardsV2 .cardContent {
		font-size: .8125em;
	}
	#cardsV2 .preisContent {
		flex-flow: row wrap;
		gap: 0 .5em;
	}
	#cardsV2 .preisContent > span:last-child b {
		font-size: 1.84615em;
	}
	#cardsV2 .cardContent {
		grid-template-columns: 60% 40%;
		grid-template-rows: auto auto 5em;
		grid-template-areas: "details imgs"
							 "details preisContent"
							 "details konfiBtn";
	}
}
@media (max-width: 500px) {

	#cardsV2, #cardsV2 * {
		font-size: clamp(13px, 3.2vw, 1em);
	}
	#cardsV2 .card {
		margin: 2em 0;
		width: 100%;
	}
	#cardsV2 {
		margin-bottom: 4em;
	}
	#cardsV2 .cardContent {
		grid-template-columns: 100%;
		/*grid-template-rows: auto auto auto 5em;*/
		grid-template-rows: auto;
		/*grid-template-areas: "details imgs" "details preisContent" "details konfiBtn";*/
		grid-template-areas: "imgs"
							 "details"
							 "preisContent"
							 "konfiBtn";
	}
	#cardsV2 .details .stoffe {
		border-bottom: 2px solid #e4e4e4;
	}
	#cardsV2 .preisContent {
		flex-flow: row;
		align-items: center;
	}
	#cardsV2 .preisContent > span:last-child b {
		font-size: 1.4em;
	}
	#cardsV2 .konfiBtn {
		margin: auto;
		padding: 1em;
	}
	#cardsV2 .konfiBtn span {
		font-size: 1.25em;
	}
	#cardsV2 .modelle li {
		gap: .75em;
	}
	#cardsV2 .details, #cardsV2 .preisContent {
		padding: 0 1em;
	}

}



#wf {
	order: 1;
}
#fertiggroessen {
	order: 3;
}
#lyselhome {
	order: 2;
}
#cards .reiterGroup .reiter {
	padding: 1em;
	text-align: center;
	border-radius: 1em 1em 0 0;
	display: inline-block;
	margin-bottom: 3px;
	background: #13436F;
	color: #fff;
	font-size: 0.87em;
	height: 3.3em;
	width: 12em;
}
#lyselhome .reiterGroup .reiter {
	background: #EBE5E4;
	color: #0E0E0F;
}
#fertiggroessen .reiterGroup {
	visibility: hidden;
}
#cards .header {
	font-size: 1.12em;
	font-weight: 300;
	padding: 1em 0 1em 1em;
}
#cards > div > a, #cards .header, #lyselhome .header > div:last-child {
	border-radius: 0 4px 0 0;
}
#cards > div > a {
	border-radius: 0 4px 4px 4px;
}
#cards .header span {
	font-weight: 600;
	text-transform: uppercase;
}
#cards .header span + span {
	font-weight: 300;
}
#wf .header, #lyselhome .header {
	padding-left: 4em;
	background: #13436F url("/bilder/seo/icon_window_fashion.svg") no-repeat 1.2em 50%;
	background-size: 2.25em;
}

#wf .header, #wf .header span {
	color: #fff;
}
#lyselhome .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 0 4em;
	background: #EBE5E4 url("/bilder/seo/icon_lysel_home.svg") no-repeat 1.2em 50%;
}
#lyselhome .header > div {
	padding: 1em 0;
	font-weight: 300;
}
#lyselhome .header > div:last-child {
	background: url("/bilder/seo/lysel_header_bg.svg") no-repeat 0 0;
	color: #fff;
	padding-left: 3em;
	padding-right: 1em;
	font-weight: 300;
}
#cards i {
	font-style: normal;
	font-weight: 300;
}
#lyselhome .header > div:last-child b {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.31em;
}
#cards .header + li {
	position: relative;
}
#cards .header + li > img:first-child {
	width: 100%;
	display: block;
}
#cards #wf .header + li > img:last-child,
#cards #lyselhome .header + li > img:last-child {
	position: absolute;
	bottom: -34px;
	right: 1em;
}
#cards .modelle, #cards .modelle + div ul {
	margin-bottom: 0.5em;
}
#cards .modelle li, #cards .plisseeDetails li {
	font-weight: 400;
	margin: 0 1.5em;
	background: url("/bilder/seo/icon_haken.svg") no-repeat 100% 50%;
	background-size: 1.5em auto;
	display: flex;
	align-items: center;
	/*margin-bottom: 0.6em;*/
	padding: 0.6em 0;
	justify-content: start;
}
#cards .modelle li img {
	background: #fff;
	margin-right: 2em;
	box-sizing: border-box;
	width: 2.12em;
	height: 2.12em;
}
#cards .modelle li:first-child {
	font-weight: 700;
	padding: 1em 0;
	background-image: none;
}
#cards .modelle li:first-child span {
	font-size: 0.87em;
	background: url("/bilder/seo/icon_stern.svg") no-repeat 0.5em 50%;
	background-size: 1.5em auto;
	padding-left: 2em;
}
#cards #lyselhome .modelle li:first-child span {
	background-image: url("/bilder/seo/icon_herz.svg");
}
#cards .modelle li.extraInfo {
	background-color: #F1F1F1;
	display: block;
	padding: 1em 1.5em;
	padding-right: 4em;
	background-position: calc(100% - 1.5em) 50%;
	margin: 0;
}
#cards .modelle li.extraInfo b {
	display: block;
	margin-bottom: 0.5em;
}
#cards .modelle li.extraInfo p {
	font-weight: 400;
}
#cards .plisseeDetails li {
	justify-content: space-between;
	padding-right: 3em;
	font-weight: 700;
}
#cards .plisseeDetails li span {
	font-weight: 400;
}
#cards .plisseeDetails li.befestigung,
#cards .plisseeDetails li.preis    {
	background: none;
	padding-right: 0;
}
#cards .plisseeDetails li.befestigung span {
	padding-left: 1.5em;
	background: url("/bilder/seo/befestigung-schrauben.svg") no-repeat 0 50%;
	background-size: 1em auto;
	width: auto;
	font-size: 0.8125em;
}
#cards .plisseeDetails li.befestigung span.klemmen {
	background-image: url("/bilder/seo/befestigung-klemmen.svg");
}
#cards .plisseeDetails li.befestigung span.kleben {
	background-image: url("/bilder/seo/befestigung-kleben.svg");
}
#cards .plisseeDetails li:first-child {
	padding-bottom: 0;
}
#cards .borderBottom {
	border-bottom: 1px solid #E7EBEE;
}
#cards .plisseeDetails li.preis, #cards .reiterGroup .mobilPreis, #cards #fertiggroessen .mobilPreis {
	display: grid;
	grid-template-areas:
		"txt preis"
		"txt2 preis";
}
#cards .reiterGroup .mobilPreis, #cards #fertiggroessen .mobilPreis {
	display: none;
}
#cards .preis .txt, #cards .reiterGroup .mobilPreis .txt, #cards #fertiggroessen .mobilPreis .txt {
	grid-area: txt;
	font-weight: 800;
}
#cards .preis .txtPreis, #cards .reiterGroup .mobilPreis .txtPreis, #cards #fertiggroessen .mobilPreis .txtPreis {
	grid-area: preis;
}
#cards .preis .txtPreis span, #cards .reiterGroup .mobilPreis .txtPreis span, #cards #fertiggroessen .mobilPreis .txtPreis span {
	font-size: 1.75em;
	font-weight: 700;
}
#cards #fertiggroessen .mobilPreis .txtPreis span {
	/*font-size: 1.75em;*/
}
#cards .preis .txt2, #cards .reiterGroup .mobilPreis .txt2 {
	grid-area: txt2;
	font-weight: 600;
	font-size: 0.8125em;
}
#cards .konfigBtn, #cards .detailBtn {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	display: block;
	padding: 0 1.5em 1.5em 1.5em;
}
#cards .konfigBtn div, #cards .detailBtn div {
	background: #13436F;
	color: #fff;
	padding: 0.5em 0;
	display: flex;
	transition: background 0.15s, border 0.15s;
}
#cards .konfigBtn div:hover {
	background: #152039;
	border-color: #152039;
}
#cards #lyselhome .konfigBtn div {
	background: #7BCBC8;
}

#cards #fertiggroessen .konfigBtn div {
	background: #E6E6E6;
	justify-content: center;
	color: #0E0E0F;
}

#cards #fertiggroessen .konfigBtn div:hover img {
	transform: rotate(0deg);
}
#cards #fertiggroessen .konfigBtn > div > span {
	margin-left: 3em;
}
#cards .konfigBtn div img {
	margin-left: 1.5em;
	transform: rotate(0deg);
	width: 1.5em;
	transition: transform 0.15s;
}
#cards .konfigBtn div:hover img {
	transform: rotate(360deg);
}
#cards .konfigBtn div > span {
	width: 100%;
	padding-right: 3em;
	transition: padding 0.15s;
}
#cards .konfigBtn div:hover > span {
	padding-left: 2.5em;
	font-style: italic;
	text-decoration: underline;
}
#cards #fertiggroessen .konfigBtn div > span {
	width: unset;
}
#cards .detailBtn {
	display: none;
}
#cardsBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 50;
	/*background: rgba(0, 0, 0, 0.5);*/
	display: none;
}
@media only screen and (min-width: 1261px) {
	#cards > div > a,
	#cards #wf:hover ~ #lyselhome > a,
	#cards #fertiggroessen:hover ~ #lyselhome > a {
		text-decoration: none;
		box-shadow: 0px 2px 4px #00000042;
		display: block;
	}
	#cards > #lyselhome > a,
	#wf > a:hover,
	#fertiggroessen > a:hover {
		box-shadow: 0px 4px 40px #00000042;
		transition: box-shadow 0.15s;
	}
}

@media only screen and (max-width: 1260px) and (min-width: 764px) {
	#cards .reiterGroup .mobilPreis {
		display: grid;
		width: 50%;
		padding-left: 1.5em;
		padding-right: 4px;
	}
	#cards #fertiggroessen .mobilPreis {
		display: block;
		width: 100%;
	}
	#cards .reiterGroup .mobilPreis .txtPreis {
		text-align: right;
	}
	#fertiggroessen .reiterGroup {
		visibility: visible;
	}
	#fertiggroessen .reiterGroup .reiter {
		visibility: hidden;
	}
	#cards {
	  flex-direction: column;
	}
	#cards > div {
		max-width: none;
		width: 90%;
		margin: 1.5em auto;
		max-width: 800px;
		opacity: 1;
		position: relative;
		z-index: 10;
		background: #fff;
		border-radius: 1em 0 0 0;
		transition: opacity 0.15s;
	}
	#lyselhome {
		order: 1;
	}
	#wf {
	  order: 2;
	}
	#cards > div > a {
		display: flex;
		display: flex;
		position: relative;
		z-index: 10;
	}
	#cards > div#fertiggroessen > a {
		z-index: 5;
	}
	#cards > div#wf > a {
		z-index: 10;
	}
	#cards > div#lyselhome > a {
		z-index: 15;
	}
	#cards > div > a > ul:first-child {
		/*grid-area: headerGroup;*/
		width: 50%;
	}
	#cards > div > a .detailContent {
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: absolute;
		left: 50%;
		z-index: 20;
		background: #fff;
		height: 100%;
		border-radius: 0 4px 4px 0;
		transition: top 0.15s, left 0.15s, height 0.15s;
	}
	#cards .dropdown {
		overflow: hidden;
		height: 0;
	}
	#cards > div > a > div.btns {
		/*grid-area: btns;*/
	}
	#cards .header + li {
		overflow: hidden;
	}
	#cards #wf .header + li > img:last-child, #cards #lyselhome .header + li > img:last-child {
		bottom: 0;
		left: 0;
	}
	#cards .modelle li:first-child {
		padding: 0.5em 0;
	}
	#cards .btns  {
		display: flex;
		align-items: flex-end;
		padding-bottom: 0.5em;
	}
	#cards .konfigBtn img, #cards .konfigBtn div > span span {
		display: none;
	}
	#cards #fertiggroessen .konfigBtn > div > span {
		margin: 0;
	}
	#cards .konfigBtn div > span {
		padding: 0;
	}
	#cards .konfigBtn, #cards .detailBtn {
		padding: 0 0.5em;
	}
	#cards .konfigBtn  {
		padding-right: 0.25em;
	}
	#cards .detailBtn  {
		display: block;
		padding-left: 0.25em;
	}
	#cards .detailBtn div {
		background: #fff;
		color: #7BCBC8;
	}
	#cards .konfigBtn > div, #cards .detailBtn > div {
		text-align: center;
		display: block;
		border-radius: 3px;
		border: 2px solid #7BCBC8;
	}
	#cards .konfigBtn div:hover > span {
		padding-left: 0;
		font-style: normal;
		text-decoration: none;
	}
	#cards #wf .konfigBtn > div,
	#cards #wf .detailBtn > div {
		border-color: #13436F;
	}
	#cards #wf .detailBtn > div {
		color: #13436F;
	}
	#cards #fertiggroessen .konfigBtn > div,
	#cards #fertiggroessen .detailBtn > div {
		border-color: #E6E6E6;
	}
	#cards #fertiggroessen .detailBtn > div {
		color: #080808;
	}
	#cards .plisseeDetails li.preis {
		display: none;
	}
	#cards #fertiggroessen .mobilPreis {
		text-align: center;
	}
}
@media only screen and (max-width: 763px) {
	#cards .mobileContent {
		display: block !important;
	}
	#cards {
		flex-direction: column;
		min-width: 336px;
	}
	#cards .desktopContent {
		display: none !important;
	}
	#cards > div {
		width: 90%;
		margin: 0 auto 3em auto;
	}
	#cards > div > a {
		display: flex;
		flex-wrap: wrap;
		border-radius: 4px;
	}
	#cards > #lyselhome {
		order: 1;
	}
	#cards > #wf {
		order: 2;
	}
	#cards > #fertiggroessen {
		order: 3;
	}
	#cards .reiterGroup {
		flex-direction: column;
	}
	#cards #fertiggroessen .reiterGroup {
		display: none;
	}
	#cards .reiterGroup .mobilPreis {
		display: flex;
		align-items: first baseline;
		justify-content: space-between;
		line-height: 1em;
		margin-bottom: 0.5em;
	}
	
	#cards .reiterGroup .mobilPreis .txt {
		order: 1;
		font-size: 0.75em;
	}
	
	#cards .reiterGroup .mobilPreis .txtPreis {
		order: 3;
		font-size: 0.875em;
	}
	#cards .reiterGroup .mobilPreis .txtPreis span {
		font-size: 1.7em;
		font-weight: 800;
	}
	#cards .reiterGroup .mobilPreis .txt2 {
		order: 2;
		font-size: 0.625em;
		font-weight: 400;
	}
	#cards #fertiggroessen .mobilPreis {
		display: block;
		font-size: 0.75em;
		margin: 0.5em;
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}
	#cards #fertiggroessen .mobilPreis .txtPreis {
		font-size: 14px;
		font-size: 1.16666666666666666666em;
	}
	#cards .header {
		font-size: 0.875em;
		padding: 1em 0 1em 5em;
		width: 100%;
	}
	#cards #fertiggroessen .header {
		padding-left: 1em;
	}
	#lyselhome .header > div:last-child {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	#lyselhome .header > div:last-child b {
		font-size: 1.575em;
	}
	#cards .headerPic, #cards .detailContent {
		width: 50%;
	}
	#cards .headerPic {
		overflow: hidden;
		position: relative;
	}
	#cards .headerPic img:first-child {
		width: 140%;
		display: block;
		min-height: 7.9em;
	}
	#cards .headerPic img:last-child {
		position: absolute;
		bottom: 0;
	}
	#cards #lyselhome .header {
		  display: flex !important;
		  padding-top: 0;
		  padding-bottom: 0;
		  background-size: 2.5em auto;
	}
	#cards #wf .header {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	#cards #wf .header + li > img:last-child, #cards #lyselhome .header + li > img:last-child {
		bottom: 0em;
		left: 0em;
	}
	#cards #lyselhome .modelle li:first-child, #cards .modelle li.extraInfo p {
		display: none;
	}
	#cards .modelle li, #cards .plisseeDetails li {
		margin: 0 0.5em;
		font-size: 0.75em;
	}
	#cards #lyselhome .modelle li {
		background-image: none;
	}
	#cards #lyselhome .modelle li span {
		padding: 1.25em 0.5em;
		display: inline-block;
		background: url("/bilder/seo/done_black_24dp.svg") no-repeat 50% 0;
		background-size: 1.5em auto;
		font-weight: 400;
		font-size: 12px;
	}
	#cards .modelle li.extraInfo {
		padding: 1em 0.5em;
		background-image: none;
		margin: 0 0.5em;
		text-align: center;
	}
	#cards .modelle li img {
		margin-right: 0.5em;
		width: 2.5em;
		height: 2.5em;
	}
	#cards .dropdown {
		overflow: hidden;
		height: 0;
		transition: height 0.15s;
		width: 100%;
		padding: 0 0.5em;
	}
	#cards .modelle {
		margin-bottom: 0;
	}
	#cards #fertiggroessen .konfigBtn > div > span {
		margin: 0;
	}
	/*******************************/
	#cards .mobileContent.btns {
		display: flex !important;
		font-size: 0.875em;
		width: 100%;
	}
	#cards .btns > span {
		width: 50%;
	}
	#cards .btns > span div {
		padding: 0.5em 0;
	}
	#cards .btns > span img, #cards .btns > span  div span > span {
		display: none;
	}
	#cards .detailBtn {
		display: block;
	}
	#cards .konfigBtn, #cards .detailBtn {
		padding: 0.5em;
	}
	#cards .konfigBtn div > span, #cards .detailBtn div > span {
		padding: 0.5em;
	}
	#cards .konfigBtn div:hover > span, #cards .detailBtn div:hover {
		padding: 0.5em;
		font-style: italic;
		text-decoration: underline;
		transition: background 0.15s;
	}
	#cards .detailBtn div:hover {
		background: rgba(75, 5, 5, 0.1);
	}
	#cards .konfigBtn div, #cards .detailBtn div {
		text-align: center;
		display: block;
		border-radius: 3px;
		border: 2px solid #7BCBC8;
	}
	#cards .detailBtn div {
		background: #fff;
		color: #7BCBC8;
	}
	#cards .konfigBtn div, #cards .detailBtn div {
		padding: 0;
	}
	#cards #wf .konfigBtn > div {
		border-color: #13436F;
	}
	#cards #wf .detailBtn > div {
		color: #13436F;
		border-color: #13436F;
	}
	#cards #wf .detailBtn:hover > div {
		background: rgba(23, 27, 35, 0.1);
	}
	#cards #fertiggroessen .konfigBtn > div {
		border-color: #E6E6E6;
	}
	#cards #fertiggroessen .detailBtn > div {
		color: #080808;
		border-color: #E6E6E6;
	}
	#cards #fertiggroessen .detailBtn:hover > div {
		background: rgba(62, 72, 82, 0.1);
	}
}



.uebersichtKategorien{
	display: flex;
	margin-bottom: 5em;
	justify-content: space-between;
}
	.uebersichtKategorien .mass, .uebersichtKategorien .fertig{
		display: flex;
		flex-direction: column;
		width: 48%;
	}
		.uebersichtKategorien .mass{
			background: transparent linear-gradient(180deg, rgba(241,135,25,0.05) 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
			border-top: 3px solid #13436F;
		}

		.uebersichtKategorien .fertig{
			background: transparent linear-gradient(180deg, rgba(160,185,222,0.05) 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
			border-top: 3px solid #D5D5D5;
		}

		.uebersichtKategorien .uebersichtKategorienHeader{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0.5em 1em;
			font-weight: 600;
			font-size: 1.1em;
		}
			.uebersichtKategorien .uebersichtKategorienHeader img{
				max-width: 2.5em;
			}
			.uebersichtKategorien .mass .uebersichtKategorienHeader img{
				box-shadow: 0 3px 6px rgba(0,0,0,0.15);
				border-radius: 5px;
			}

		.uebersichtKategorien .kategorien{
			display: grid;	
			grid-template-columns: repeat(3, minmax(120px, 200px));
			grid-gap: 1em;
			justify-content: space-around;
		}
			.uebersichtKategorien .kategorien a{
				box-shadow: 0px 3px 6px #00000029;
				border-radius: 4px 4px 0 0;
				color: #444444;
				text-decoration: none;
				display: flex;
				flex-flow: column;
			}
				.uebersichtKategorien .kategorien .kategoriebez{
					padding: 1.5em 1em;
					font-weight: 400;
					display: flex;
					height: 100%;
					justify-content: center;
					align-items: center;
					flex-wrap: wrap;
				}

			.uebersichtKategorien .kategorien img{
				max-width: 100%;
			}

			@media (max-width: 1500px) {
					.uebersichtKategorien{
						flex-direction: column;
						align-items: center;
					}
					.uebersichtKategorien .mass, .uebersichtKategorien .fertig{
						width: 70%;
						margin: 2em;
					}
			}
			@media (max-width: 768px) {
					.uebersichtKategorien .mass, .uebersichtKategorien .fertig{
						width: 100%;
					}
					.uebersichtKategorien .kategorien{
						grid-template-columns: repeat(auto-fit, minmax(120px, 200px));
					}
			}	
			@media (max-width: 500px) {
					.uebersichtKategorien .kategorien{
						grid-template-columns: repeat(auto-fit, 120px);
					}				
			}

			

h2.farbuebersicht, h2.eignunguebersicht {position:relative;border-bottom: 1px solid #eee;}
h2.farbuebersicht:after {background: rgba(0, 0, 0, 0) url("/bilder/seo/farbeimer.svg") repeat scroll 0 0 / 100% auto;
    content: "";
    display: inline-block;
    left: 0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -23px;
    height: 85px;
    width: 85px;}
h2.eignunguebersicht:after {background: rgba(0, 0, 0, 0) url("/bilder/seo/eigenschaften.svg") repeat scroll 0 0 / 100% auto;
    content: "";
    display: inline-block;
    left: 0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: -23px;
    height: 85px;
    width: 85px;
}

.ab_preis {display:none;}
.haupaufschrift {
    color: #444;
    font-size: 30px;
    font-weight: 300;
}
.box_center {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    bottom: 0;
    height: 190px;
    left: 0;
    margin: auto;
    min-height: 50%;
    padding: 2em 2.5em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70%;
}

	.box_center .explore.standard, .box_center .explore.standard:visited, .box_center .explore.standard:active {
    color: #1762a9;
}
.box_center .explore, .box_center .explore:visited, .box_center .explore:active {
    bottom: 1em;
    display: inline-block;
    left: 0;
    margin: 10px auto;
    position: absolute;
    right: 0;
    max-width: 80%;
}
.box_center .explore.mass:hover,
.box_center .explore.standard:hover, .explore:hover	{
			box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.25);
}
.explore {
    border: 3px solid #1762a9;
    border-radius: 3px;
    display: block;
    padding: 15px 25px;
    text-decoration: none;
	cursor:pointer;
}
div.seo.beliebte_kategorien a.explore:before {
    content:"» "
}
div.seo.beliebte_kategorien a.explore:after {
    content:" «"
}
a.explore:before, div.explore a:before {content:"» "}
a.explore:after, div.explore a:after {content:" «"}
.box_center .explore a:visited, .box_center .explore a:active, .box_center .explore a, .box_center .explore.mass, .box_center .explore.mass:visited, .box_center .explore.mass:active {
    background-color: #7bcbc8;
    color: #fff;
}
div.explore a, div.explore a:visited, div.explore a:active, div.explore a:hover {
        color: #fff;
        text-decoration: none;
}

/*.box_center {max-width: 290px;}  Rollo */
.box_center {max-width: 300px;} /* balkonsicht, markisen plissee, schiebegardinen, lamellen, jalousie */
.einsam .box_center {max-width: 500px;}
.teaserbox > img, .seo.beliebte_kategorien > div > img {
    width: 100%;
}
.seo.beliebte_kategorien > div {max-width: 341px;margin:0 auto;}
.seo.beliebte_kategorien > div > img {max-width: 333px;margin:0 auto;}
.seo.eignunguebersicht ul {list-style:none;list-style-type:none;margin: 0;
    padding: 0;}
.seo.eignungsuebersicht ul li {background-size:50px 50px;}
.seo.farbuebersicht > ul {
list-style:none;
list-style-type:none;
-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    margin: 0
	}
.seo.farbuebersicht ul:after, .seo.eignunguebersicht:after, div.seo.beliebte_kategorien:after {content:"";display:block;clear:both;}
.seo.farbuebersicht li, .seo.eignunguebersicht ul li {
	list-style:none;
	list-style-type:none;
	vertical-align:middle;
	padding-left:60px;
	background-position:left center;
	background-repeat:no-repeat;
    cursor:pointer;
	background-size: 50px auto;
}
.seo.farbuebersicht ul li a, .seo.eignunguebersicht ul li a, .seo.farbuebersicht ul li span, .seo.eignunguebersicht ul li span {
    color: #888;
    display: inline-block;
    text-decoration: none;
    padding: 2em 0;
    cursor:pointer;
}

div.seo.beliebte_kategorien .explore {
    background-color: rgba(103, 203, 200, 0.6);
	border: 1px solid #fff;
    bottom: 2em;
    color: #fff;
    font-size: 1.1em;
    right: 1em;
	position:absolute;
}

.seo.farbuebersicht li.alle { background-image:url(/bilder/seo/tropfen-alle-farben.svg)}
.seo.farbuebersicht li.weiss { background-image:url(/bilder/seo/tropfen-weiss.svg)}
.seo.farbuebersicht li.grau { background-image:url(/bilder/seo/tropfen-grau.svg)}
.seo.farbuebersicht li.beige { background-image:url(/bilder/seo/tropfen-beige.svg)}
.seo.farbuebersicht li.gelb { background-image:url(/bilder/seo/tropfen-gelb.svg)}
.seo.farbuebersicht li.orange { background-image:url(/bilder/seo/tropfen-orange.svg)}
.seo.farbuebersicht li.rot { background-image:url(/bilder/seo/tropfen-rot.svg)}
.seo.farbuebersicht li.violett { background-image:url(/bilder/seo/tropfen-violett.svg)}
.seo.farbuebersicht li.blau { background-image:url(/bilder/seo/tropfen-blau.svg)}
.seo.farbuebersicht li.gruen { background-image:url(/bilder/seo/tropfen-gruen.svg)}
.seo.farbuebersicht li.braun { background-image:url(/bilder/seo/tropfen-braun.svg)}
.seo.farbuebersicht li.schwarz { background-image:url(/bilder/seo/tropfen-schwarz.svg)}
.seo.farbuebersicht li.rosa { background-image:url(/bilder/seo/tropfen-rosa.svg)}
.seo.farbuebersicht li.silber { background-image:url(/bilder/seo/tropfen-silber.svg)}
.seo.farbuebersicht li.holzoptik { background-image:url(/bilder/seo/tropfen-holzoptik.svg)}
.seo.eignungsuebersicht li { background-size:50px 50px;background-position: 50% 50%;}
.seo.eignunguebersicht > div, div.seo.beliebte_kategorien > div {width:25%;float:left;position:relative;margin-bottom:2em;}
.seo.eignunguebersicht li.transparent { background-image:url(/bilder/seo/transparent.svg)}
.seo.eignunguebersicht li.htransparent { background-image:url(/bilder/seo/halbtransparent.svg)}
.seo.eignunguebersicht li.lichtdurchlaessig { background-image:url(/bilder/seo/lichtdurchlaessig.svg)}
.seo.eignunguebersicht li.abdunkelnd { background-image:url(/bilder/seo/abdunkelnd.svg)}
.seo.eignunguebersicht li.verdunkelnd { background-image:url(/bilder/seo/verdunkelnd.svg)}

.seo.eignunguebersicht li.wohnbereich { background-image:url(/bilder/seo/wohnzimmer.svg)}
.seo.eignunguebersicht li.kueche { background-image:url(/bilder/seo/kueche.svg)}
.seo.eignunguebersicht li.kinderzimmer { background-image:url(/bilder/seo/kinderzimmer.svg)}
.seo.eignunguebersicht li.schlafzimmer { background-image:url(/bilder/seo/schlafzimmer.svg)}
.seo.eignunguebersicht li.wintergarten { background-image:url(/bilder/seo/wintergarten.svg)}
.seo.eignunguebersicht li.objekt { background-image:url(/bilder/seo/objekt.svg)}
.seo.eignunguebersicht li.landhaus { background-image:url(/bilder/seo/landhaus.svg)}

.seo.eignunguebersicht li.bildschirm { background-image:url(/bilder/seo/bildschirmarbeitsplatz.svg)}
.seo.eignunguebersicht li.feucht { background-image:url(/bilder/seo/feuchtraum.svg)}
.seo.eignunguebersicht li.waben { background-image:url(/bilder/seo/wabenplissee.svg)}
.seo.eignunguebersicht li.sonnenschutz { background-image:url(/bilder/seo/sonnenschutz.svg)}
.seo.eignunguebersicht li.schwerentflammbar { background-image:url(/bilder/seo/schwer-entflammbar.svg)}
.seo.eignunguebersicht li.guenstig { background-image:url(/bilder/seo/guenstig.svg)}

.seo.eignunguebersicht li.floral { background-image:url(/bilder/seo/floral.svg)}
.seo.eignunguebersicht li.muster { background-image:url(/img/stoffauswahl/icon_muster.svg)}
.seo.eignunguebersicht li.streifen { background-image:url(/bilder/seo/streifen.svg)}
.seo.eignunguebersicht li.motiv { background-image:url(/bilder/seo/motiv.svg)}
.seo.eignunguebersicht li.uni { background-image:url(/bilder/seo/uni.svg)}
.seo.eignunguebersicht li.struktur { background-image:url(/bilder/seo/struktur.svg)}
.seo.eignunguebersicht li.bambus { background-image:url(/bilder/seo/bambusrollo.svg)}
.seo.eignunguebersicht li.oekotex { background-image:url(/bilder/seo/oekotex.svg)}
.seo.eignunguebersicht li.energiespar { background-image:url(/bilder/seo/energiesparen.svg)}
.seo.eignunguebersicht li.doppelrollos { background-image:url(/bilder/seo/doppelrollo.svg)}

.seo.eignunguebersicht li.schmutzabweisend { background-image:url(/bilder/seo/schmutzabweisend.svg)}
.seo.eignunguebersicht li.allergiker { background-image:url(/bilder/seo/fungizid.svg)}
.seo.eignunguebersicht li.qualitaet { background-image:url(/bilder/seo/qualitaet.svg)}
.seo.eignunguebersicht li.halogenfrei { background-image:url(/bilder/seo/pvc-frei.svg)}

.seo.eignunguebersicht li.stark_perforiert { background-image:url('/img/stoffauswahl/icon_stark_perforiert.svg');}
.seo.eignunguebersicht li.leicht_perforiert { background-image:url('/img/stoffauswahl/icon_leicht_perforiert.svg');}
.seo.eignunguebersicht li.aluminium {background-image:url(/img/stoffauswahl/icon_aluminium.svg);}
.seo.eignunguebersicht li.holz {background-image:url(/img/stoffauswahl/icon_holz.svg);}
.seo.eignunguebersicht li.hochglanz {background-image:url(/img/stoffauswahl/icon_hochglanz.svg);}
.seo.eignunguebersicht li.seidenmatt {background-image:url(/img/stoffauswahl/icon_seidenmatt.svg);}
.seo.eignunguebersicht li.matt {background-image:url(/img/stoffauswahl/icon_matt.svg);}
.seo.eignunguebersicht li.holzoptik {background-image:url(/img/stoffauswahl/icon_holzoptik.svg);}
.zweispaltig {
    display: block;
    columns: 2;
}
article {-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
	margin: 60px auto
	}
article p {min-height:50px;}
article .bildaufschrift {
	position:absolute;right:20px;bottom:20px;display:inline-block;color:#fff;font-weight:bold;
}
article > h2 {margin-top:0;}
article img {max-width:99%;margin:1em auto;display: block;}
article img.left {max-width:150px;margin:0 10px 0 0;float: left;}

.artikel_liste * {box-sizing:border-box;}

.artikel_liste {
	display:flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	margin-bottom: 0;
}

.artikel_liste .artikelbox {
	width: calc(24.9% - 15px);
	margin-bottom: 2em;
	margin-right:20px;
	position: relative;
	max-width: 350px;
	min-width: 130px;
}

.artikel_liste .artikelbox_modell {
	width: calc(24.9% - 15px);
	margin-bottom: 2em;
	margin-right:20px;
	position: relative;
	max-width: 260px;
	min-width: 150px;
}

.artikel_liste .artikelbox.empty {
	margin: 0;
}

.boxZweispaltig .artikelbox {
	flex: 1 1 45%;
	margin-right: 20px !important;

}

.artikelbox:nth-child(4n) {
	margin-right:0;
}

.artikel_liste .artikelbox span {
	/*font-size:12pt;*/
	font-size: 1.2em;
	padding-bottom: 0.5em;
	display: block;
}

.artikel_liste .artikelbox span.hidden {
	font-size: inherit;
	padding-bottom: 0;
	display: inline-block;
}

.artikel_liste .artikelbox .box_wrapper {
	position:relative;
	display: block;
}

.artikel_liste .artikelbox .box_wrapper > img {
	width:100%;
}

.artikel_liste .artikelbox .box_wrapper > .artikel_liste_button {
	bottom:1.25em;
	right:1em;
	background-color: #fff;
	color:#000;
	position:absolute;
	padding: 0.5em 1em;
	text-align:center;
	transition: background 0.25s, color 0.25s;
}

.artikel_liste .artikelbox .box_wrapper > .artikel_liste_button:hover {
	background: #444;
	color: #fff;
}

.artikel_liste .artikelbox_modell .box_wrapper {
	position:relative;
	display: block;
}

.artikel_liste .artikelbox_modell .box_wrapper > img {
	width:100%;
}

.artikel_liste .artikelbox_modell .box_wrapper > .artikel_liste_button {
	bottom:1.25em;
	right:1em;
	background-color: #fff;
	color:#000;
	position:absolute;
	padding: 0.5em 1em;
	text-align:center;
	transition: background 0.25s, color 0.25s;
}

.artikel_liste .artikelbox_modell .box_wrapper > .artikel_liste_button:hover {
	background: #444;
	color: #fff;
}

section.spalten {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 40px;
}
section.spalten article {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;*/
    margin-bottom: 2em;

}
  section.spalten article.pageBreakAuto {
    -webkit-column-break-inside: auto;
    page-break-inside: auto;
    break-inside: auto;
  }

      section.spalten article p {
        margin-top: 0;
        margin-bottom: 2em;
      }

.SeoVideo{
	width:100%;
	height:20em;
}

.slider_banner {
	padding-bottom: 2em;
}

.slider_banner .seo_ribbon_wrapper > img{
		min-height: 300px;
		max-height: 400px;
}

.slider_banner .seo_ribbon_wrapper .logos{
	margin: 1em 0;
}
.slider_banner .seo_ribbon_wrapper .logos img{
	max-height: 2em;
	margin: 0.2em;
}


.glide__slide img, .kategorieuebersicht img{
		vertical-align: bottom;
}
.pfeil_slider{
		position: absolute;
		top: calc(50% - 1.5em);
		width: 3em;
		height: 3em;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
}
	.pfeil_slider.pfeil_slider_links{
		transform: rotate(180deg);
	}

.slider_banner .pfeil_slider{
		background-color: #b1b7bb;
		border-radius: 100%;
		background-image: url(/bilder/slider_weiss.svg);
}
		.slider_banner .pfeil_slider.pfeil_slider_rechts{
				right: 2em;
				cursor: pointer;
		}
		.slider_banner .pfeil_slider.pfeil_slider_links{
				left: 2em;
				cursor: pointer;
		}



.karussell .pfeil_slider{
		background-image: url(/bilder/slider_blau.svg);
}
		.karussell .pfeil_slider.pfeil_slider_rechts{
				right: 0;
		}
		.karussell .pfeil_slider.pfeil_slider_links{
				left: 0;
		}


.seo_ribbon_wrapper{
	position: relative;
	background-size: cover;
	height: 350px;
	background-position: 50%;
}
	.seo_ribbon_wrapper .seo_ribbon{
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			width: 42%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			padding-right: 5em;
	}
		.seo_ribbon .seo_ribbon_logo{
			width: 75%;
			margin: 0 auto;
		}
		.seo_ribbon .seo_ribbon_text{
				margin-bottom:1em;
				text-align: center;
				font-weight: 300;
		}
			.seo_ribbon .seo_ribbon_text .haupttext{
					font-size: 1.8em;
					font-style: italic;
					font-weight: 400;
			}
		.seo_ribbon .button.highlight{
				font-size: 1em;
				border-radius: 6px;
				padding: 1em 2em;
				max-width: 80%;

		}
	.seo_ribbon_wrapper .abPreis{
			position: absolute;
			width: 7em;
			height: 7em;
			top: calc(50% - 3.5em);
			right: 21.5em;
			background-color: #3583f7;
			border-radius: 100% 100% 0 100%;
			padding: 1em;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
	}
		.seo_ribbon_wrapper .abPreis span{
				font-size: 1.8em;
		}
	.seo_ribbon_wrapper .seo_ribbon_info{
			position: absolute;
			top: 0;
			right: 20em;
			background-color: #63bea6;
			padding: 0.5em 1em;
			font-weight: bold;
	}


   .seoModellbox li.ue {
				   font-weight: bold;
				   padding-left: 2.5em;
   }
   .seoModellbox a, .seoModellbox ul div {
				   display: block;
				   color: #444;
				   text-decoration: none;
				   background: transparent;
				   /*transition: background 0.25s;*/
				   padding-left: 0.5em;
				   cursor:pointer;
				   font-weight: normal;
				   font-size: 13px;
   }

   .seoModellbox a:before {
				   display: block;
   }
     
   .seoHinweisbox {
					display: flex;
					flex-wrap: wrap;
					/*padding: 0 10px;*/
   }
	.seoHinweisbox div {
					width:100%;
					display:block;
					font-size:18px;
					font-weight:bold;
   }
	.seoHinweisbox > div {
					margin:10px;
   }
	.seoHinweisbox ul, .seoHinweisbox li {
					list-style: none;
					padding: 0;
					margin: 0;
   }
	.seoHinweisbox ul {
					flex: 1;
					border-radius: 3px;
					/*margin-left: 0.5em;*/
					margin-top: 1em;
   }
   .seoHinweisbox li a, .seoHinweisbox ul li div {
					line-height: 2.5em;
					background-image: url("/bilder/stoffauswahl/stoffuebersicht_farben_alle.png");
					background-repeat: no-repeat;
					background-position: 6px 50%;
					background-size: auto 75%;
					padding-left:160px;
					width:85%;
					padding-top:40px;
					padding-bottom:40px;
   }

	#montagevarianten a{background-image: url("/plissee/bilder/plissee_montagevarianten.jpg");border-bottom: 1px solid #cfcfcf;}	
	#schienensystem a{background-image: url("/plissee/bilder/plissee_schienensysteme.jpg");border-bottom: 1px solid #cfcfcf;}
	#modelluebersicht a{background-image: url("/plissee/bilder/plissee_modelluebersicht.jpg");border-bottom: 1px solid #cfcfcf;}	
	#montage a{background-image: url("/plissee/bilder/plissee_montagevideo.jpg");border-bottom: 1px solid #cfcfcf;}
	#messen a{background-image: url("/plissee/bilder/plissee_messanleitung.jpg");border-bottom: 1px solid #cfcfcf;}
	#pflege a{background-image: url("/plissee/bilder/plissee_pflegeanleitung.jpg");}


@media (max-width: 1220px) {
		div.seo.beliebte_kategorien > div {width:50%;}
		.box_center {

			/*height: 70%;
			margin: 0 auto;
			padding: 1em;*/

		}
        .haupaufschrift {

            font-size: 22px;

        }
  .seo_ribbon_wrapper .seo_ribbon{
      width: 55%;
  }
}
@media (max-width: 800px) {
		article {-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
			}
		.explore {

			padding: 5px;
			font-size:.9em;

		}
        .box_center .explore, .box_center .explore:visited, .box_center .explore:active {
            bottom: 5px;

        }
		.seo.eignunguebersicht > div {width:50%;}
        .box_center {

            height: 130px;
                min-height: 50%;
                padding:1em;

        }
  .slider_banner{
		display: none;
	}

  section.spalten {
    column-count: 1;
  }
}

@media (max-width: 660px) {
		.button_box {
			display: block!important;
		}
		.teaserbox { width:100%;}
		.seo.farbuebersicht > ul {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}
		h2.farbuebersicht:after, h2.eignunguebersicht:after {left:auto; right:0;}
		div.seo.beliebte_kategorien .box_center {

			width: 100%;
		}
        .haupaufschrift {

            font-size: 24px;

        }
        .box_center {

            min-height: 40%;


        }
        .seo.farbuebersicht > ul {
			margin:0;
            padding:0;
		}
        .box_center .explore, .box_center .explore:visited, .box_center .explore:active {
            display: inline-block;
            width:90%;
            margin: 0 auto;

        }
}
@media (max-width: 420px) {
        .haupaufschrift {

            font-size: 20px;

        }
		.seo.eignunguebersicht > div { width:100%;text-align:center;}
		.seo.eignunguebersicht ul {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}

		article {padding:1em;}

}

/* event banner */



.eventcontainer{
	position: relative;
	width: 100%;
	margin-bottom: 2em;
  }
  
  .eventcontainer .overLayer{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
  }
  
  .eventcontainer .BackgroundImages img{
	width: 100%;
  }
  
  .eventcontainer .BackgroundImages .px_900{
	display: none;
  }
  
  .eventcontainer .BackgroundImages .px_500{
	display: none;
  }
  .eventcontainer .BackgroundImages .px_300{
	display: none;
  }
  .mob{
	  display: none;
  }
  @media (max-width: 800px) {
	.mob{
		display: block;
	}
  }
  @media (max-width: 900px) {
	.eventcontainer .BackgroundImages .full{
	  display: none;
	}
	.eventcontainer .BackgroundImages .px_900{
	  display: block;
	}
  }
  @media (max-width: 500px) {
	.eventcontainer .BackgroundImages .px_900{
	  display: none;
	}
	.eventcontainer .BackgroundImages .px_500{
	  display: block;
	}
  }
  @media (max-width: 300px) {
	.eventcontainer .BackgroundImages .px_500{
	  display: none;
	}
	.eventcontainer .BackgroundImages .px_300{
	  display: block;
	}
  }

/* Black Friday Stuff */
  
  .blackFridayContainer .overLayer .btn {
	position: absolute;
	display: block;
	background-color: #444444;
	right: 3.1%;
	bottom: 9.3%;
	width: 13.6%;
	height: 12.3%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #fff;
	border-radius: 3px;
  }
  @media (max-width: 900px) {
  
	.blackFridayContainer .overLayer .btn {
	  right: auto;
	  left: 50%;
	  transform: translateX(-50%);
	  bottom: 13.5%;
	  width: 22.8%;
	  height: 20.5%;
	  background-color: #7BCBC8;
	}
  }
  @media (max-width: 500px) {
  
	.blackFridayContainer .overLayer .btn {
	  bottom: 3.0%;
	  width: 56.0%;
	  height: 24.2%;
	}
  }
  @media (max-width: 300px) {
	.blackFridayContainer .overLayer .btn {
	  bottom: 0;
	  transform: translate(-50%, 50%);
	  width: 63.3%;
	  height: 36.8%;
	}
  }