.hidden {
	display: none !important;
	visibility: hidden !important;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
	display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
	display: none !important;
}

@media (max-width: 767px) {
	.visible-xs {
		display: block !important;
	}

	table.visible-xs {
		display: table;
	}

	tr.visible-xs {
		display: table-row !important;
	}

	th.visible-xs,
	td.visible-xs {
		display: table-cell !important;
	}
}

@media (max-width: 767px) {
	.visible-xs-block {
		display: block !important;
	}
}

@media (max-width: 767px) {
	.visible-xs-inline {
		display: inline !important;
	}
}

@media (max-width: 767px) {
	.visible-xs-inline-block {
		display: inline-block !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm {
		display: block !important;
	}

	table.visible-sm {
		display: table;
	}

	tr.visible-sm {
		display: table-row !important;
	}

	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm-block {
		display: block !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm-inline {
		display: inline !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm-inline-block {
		display: inline-block !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md {
		display: block !important;
	}

	table.visible-md {
		display: table;
	}

	tr.visible-md {
		display: table-row !important;
	}

	th.visible-md,
	td.visible-md {
		display: table-cell !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md-block {
		display: block !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md-inline {
		display: inline !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md-inline-block {
		display: inline-block !important;
	}
}

@media (min-width: 1200px) {
	.visible-lg {
		display: block !important;
	}

	table.visible-lg {
		display: table;
	}

	tr.visible-lg {
		display: table-row !important;
	}

	th.visible-lg,
	td.visible-lg {
		display: table-cell !important;
	}
}

@media (min-width: 1200px) {
	.visible-lg-block {
		display: block !important;
	}
}

@media (min-width: 1200px) {
	.visible-lg-inline {
		display: inline !important;
	}
}

@media (min-width: 1200px) {
	.visible-lg-inline-block {
		display: inline-block !important;
	}
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.hidden-lg {
		display: none !important;
	}
}

.visible-print {
	display: none !important;
}

@media print {
	.visible-print {
		display: block !important;
	}

	table.visible-print {
		display: table;
	}

	tr.visible-print {
		display: table-row !important;
	}

	th.visible-print,
	td.visible-print {
		display: table-cell !important;
	}
}

.visible-print-block {
	display: none !important;
}

@media print {
	.visible-print-block {
		display: block !important;
	}
}

.visible-print-inline {
	display: none !important;
}

@media print {
	.visible-print-inline {
		display: inline !important;
	}
}

.visible-print-inline-block {
	display: none !important;
}

@media print {
	.visible-print-inline-block {
		display: inline-block !important;
	}
}

@media print {
	.hidden-print {
		display: none !important;
	}
}

/* Premium-Kunstrasen */


/* Startseite: VIDEO */
/* Setzen Sie die maximale Höhe und das versteckte Überlaufverhalten */
#VideoSS {
	max-height: 650px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

/* Das Video auf 100% Breite und variabler Höhe */
.video-container video {
	width: 100%;
	height: auto;
}

/* Produktbild Anpassen an Viewport bei Artikeldetails -> Vorschau Bild */
.slick-fullscreen img {
	width: auto;
	height: 100%;
}

/* Startseite: Bilder unter "Topseller" */
.thumbnail .caption {
	padding: 20px 9px 9px 9px;
	color: #313131;
}


/* Accordion-Menü Startseite */
body {
	font-family: Arial, sans-serif;
	margin: 0;
}

#ACCORDION .accordion-item {
	border-bottom: 1px solid #ccc;
}

#ACCORDION .accordion-header {
	display: flex;
	align-items: center;
	padding: 10px 0;
	cursor: pointer;
}

#ACCORDION .accordion-header img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

#ACCORDION .accordion-header h2 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 24px !important;
	font-weight: 400;
}

#ACCORDION .accordion-content {
	display: none;
	padding: 0 10px 10px 55px;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out; /* Änderung zu ease-in-out für ein gleichmäßigeres Öffnen und Schließen */
	max-height: 0;
}

#ACCORDION .accordion-item.active .accordion-content {
	display: block;
	max-height: 1000px; /* Setze einen Wert groß genug, um den Inhalt aufzunehmen */
}

#ACCORDION .toggle-icon {
	margin-left: auto; /* Setzt den Abstand zum rechten Rand */
	font-weight: bold; /* Betont das Symbol */
	cursor: pointer; /* Zeigt an, dass das Symbol klickbar ist */
}

#ACCORDION .accordion-item.active .toggle-icon::after {
	content: "\2013"; /* Unicode für "-" nach oben */
	font-size: 2rem;
}

#ACCORDION .accordion-item:not(.active) .toggle-icon::after {
	content: "\002B"; /* Setzt das Symbol auf "+" für geschlossene Menüs */
	font-size: 2rem;
}

#ACCORDION h2 {
	text-transform: none;
}

/* Accordion-Menü Startseite - ENDE */


/* Klickleiste "Gratis Musterbox" am rechten Rand */
.kl-home {
	right: -120px;
	top: 50%;
	width: 230px;
	transform: rotate(-90deg);
}


/* Accordion-Menü Startseite */
#ACCORDION #content3 #ss-block2 .col-md-4 {
	padding-left: 0;
}

#ACCORDION #content3 #ss-block2 {
	padding-top: 20px;
}

#ACCORDION #content4 #ss-block3 .col-md-6 {
	padding-left: 0;
}

#ACCORDION #content4 #ss-block3 {
	padding-top: 20px;
}

#ACCORDION {
	margin-top: 50px;
	padding: 30px 40px 50px 40px;
	border-radius: 15px;
	background-color: #dddddd4f;
}


/* Manuelle Produktliste (z.B. beim Rasensorten-Vergleich)*/
#ProduktListe .ProduktBezeichnung {
	text-align: center;
	position: relative;
	bottom: 150px;
}

#ProduktListe .ProduktBezeichnung a {
	color: #0e4194;
	font-weight: 400;
	text-transform: uppercase;
}

#ProduktListe .ProduktPREIS {
	position: relative;
	bottom: 155px;
	text-align: center;
	font-weight: 500;
	color: #0e4194;
	margin-top: 10px;
	font-size: 18px;
}

#ProduktListe .ProduktGrundPREIS {
	position: relative;
	bottom: 160px;
	text-align: center;
	font-weight: 300;
	color: #0e4194;
	font-size: 14px;
}

#ProduktListe .ProduktZumArtikel {
	position: relative;
	bottom: 140px;
}

#ProduktListe .ProduktDIV {
	height: 560px;
}

#ProduktListe {
	margin-top: 100px;
}

/* Manuelle Produktliste - ENDE */


.footnote-vat #gaOptout {
	display: none;
}


.KunstrasenVideosDesktopTitel.Startseite {
	font-weight: 300;
	padding: 0 20px 8px;
	font-size: 26px;
}

body[data-page="18"] #ProduktListe {
	margin-top: 50px;
}


body[data-page="2"] .css-tax-container-link.css-tax-container-artikel-link {
	display: none;
}

.ssCenterImg {
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}

#ss-block3 .ub-fussnote {
	margin-left: auto;
	margin-right: auto;
}

#Kundenbilder12.MobilHidden img {
	margin-top: 10px;
}

#Kundenbilder12 {
	margin-top: 50px;
}

.MarginTop {
	margin-top: 10px;
}

.Video-SS-guenstig-teuer {
	margin-top: 35px;
}

body[data-page="2"] #product-list .caption {
	margin-top: -90px;
}

.footer-parallax-mobil {
	display: none;
}

#VideosKunstrasensorten {
	margin-top: 20px;
}

#WawiVideoArtikel {
	margin-top: 30px;
}

.Experten-Tipps-Headline {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

#VideoWrapper\ RichtigePflege {
	margin-top: 30px;
}

#VideoWrapper\ Umwelt {
	margin-bottom: 40px;
}

#VideoWrapper\ Experten-Tipps {
	margin-top: 40px;
	margin-bottom: 100px;
}

.BesenBild {
	float: left;
	max-width: 640px;
	padding-left: 50px;
}

#Ansprechpartner img {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#Ansprechpartner .AnsprechpartnerName {
	text-align: center !important;
	margin-top: 10px;
	font-weight: 500;
	font-size: 20px;
}

#Ansprechpartner .AnsprechpartnerTitel {
	text-align: center !important;
	font-weight: 500;
	font-size: 16px;
	line-height: 0.9;
	font-style: italic;
}

#Ansprechpartner .AnsprechpartnerHeadline {
	font-weight: 600;
	font-size: 30px;
	text-align: center;
	margin-top: 30px;
}

#Ansprechpartner {
	margin-bottom: 100px;
}

#vergleichstabelle tr th {
	min-width: 11rem;
}

.Ausverkauft {
	background-color: #000;
	color: #fff;
	padding: 2px 10px;
	border-radius: 22px;
}

.AusverkauftInner {
	opacity: 0.2;
}


#DirekterVergleich .box-heading {
	margin-left: 0;
	margin-right: 0;
}

.ObererRahmenIMG {
	border-top: 10px solid #fff;
}

.RasenName {
	color: #000;
	font-size: 22px;
	font-weight: 400;
	position: absolute;
	bottom: 15px;
	left: 35px;
	background-color: #ffffffa3;
	padding: 0 15px;
}

.Initiator-Headline {
	font-weight: 500;
	font-size: 22px;
}

.AbstandTOPueberuns {
	margin-top: 42px;
}

#ProduktionDIV {
	margin-top: 70px;
	margin-bottom: 80px;
}

.LagerFoto img {
	width: 378px;
	display: inline;
}

.LagerFoto {
	margin-bottom: 70px;
}

.ProduktionHeadline {
	font-weight: 500;
	font-size: 22px;
}

.ProduktionHeadline2 {
	font-weight: 500;
}

.BildUnterschriftUeberuns {
	margin-top: 5px;
	font-weight: 400;
}

.TOPabstand {
	margin-top: 20px;
}

.ss-produkt-federn {
	text-align: center;
	margin-bottom: 10px;
}

@media (max-width: 485px) {
	.ArtDetailSiegel {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 0;
		justify-content: space-between;
	}

	.ArtDetailSiegel img {
		width: 45%;
	}
}

#tabelle-beschaffenheit tr td {
	padding: 4px 0px;
}

.ScrollHinweis {
	display: none;
}

#TabelleVergleich {
	font-size: 15px;
}

.rating-wrapper {
	padding-left: 0;
	margin-top: -10px;
}

#css-modalTaxZone .modal-footer {
	display: block;
}

#css-modalTaxZone .modal-header {
	display: block;
}

.sd-artikle-matrix label {
	color: inherit;
}

.sd-artikle-matrix .step1 {
	padding: 20px 0;
}

.sd-artikle-matrix .sizes {

}

.sd-artikle-matrix .param {
	font-weight: bold;
}

#size1, #size2 {
	width: 8em;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	margin: 0;
	border: 2px solid #3f7227;
}

.sd-artikle-matrix .inputs-block label {
	width: 6em;
}

.sd-artikle-matrix .input-group input.x {
	width: 0;
	background-color: #3f7227;
	border: none;
	color: white;
	font-weight: bold;
	cursor: default;
}

.sd-artikle-matrix form {
	padding: 30px 0;
}

.sd-artikle-matrix form.active {
	padding: 30px 0;
	background-color: #3f7227;
	color: white;
}

.sd-artikle-matrix h4 {
	color: #3f7227;
	font-weight: bold;
}

.sd-options {
	border-radius: 10px;
}

.sd-option {

}

.sd-options hr {
	border-bottom: 1px solid #3f7227;
	margin-right: -10px;
}

.sd-options label {
	min-width: 265px;
	width: 100%;
	margin-left: -4px;
	border-left: 20px solid transparent;
}

.sd-options .radio {
	margin: 15px 0;
}

.sd-options .radio input[type="radio"] {
	width: 16px;
	height: 16px;
	margin: 0 15px 0 0;
}

.sd-options input[type="radio"]:checked + label {
	border-left: 20px solid #fff;
	color: #0e4194;
}

.sd-options .row {
	border-bottom: 1px dashed #ddd;
}

.sd-options .row.last {
	border-bottom: none;
}

.sd-artikle-matrix .total {
	padding: 0 0 25px 37px;
}

.sd-artikle-matrix .action {
	/*display: none;*/
}

#sd-total {
	color: #0e4194;
	font-size: 18px;
	font-weight: bold;
}

#sd-pro1 {
	color: inherit;
	font-size: 14px;
	margin-left: 20px;
	display: none;
}

#product-offer .submit.btn {
	float: unset !important;
	display: none;
}

#lightbox .modal-content {
	display: inline-block;
	text-align: center;
}

#lightbox .close {
	opacity: 1;
	color: rgb(255, 255, 255);
	background-color: rgb(25, 25, 25);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: -15px;
	right: -55px;

	z-index: 1032;
}

/* Lightbox "Schließen" */
/* 
#Galerie .responsive-video {
	height: 375px;
}
video {
	height: 375px;
	margin-left: -14px;
}
*/

.OverlayMobilKategorie {
	position: relative;
	background-color: #ffffffc9;
	bottom: 75px;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	color: #3f7227;
	margin: 9px 5px 1px 5px;
}

#MobilWrapper .col-sm-6 {
	margin-bottom: -58px !important;
}

#ZweiBoxen ul {
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}

#ZweiBoxen ul li {
	display: inline;
}

#ZweiBoxen div {
	display: inline;
}

.MobilHeadlineStartseite {
	text-align: center;
	color: #3f7227;
	font-size: 26px;
	font-weight: 500;
	margin-top: 0;
}

#SterneBewertung {
	background-color: #ddd !important;
	margin-left: -25px;
	margin-right: -25px;
	padding: 5px 60px;
	/*margin-top: 5px;*/
}

#ZweiTopseller {
	margin-bottom: 90px;
	margin-top: 5px;
}

#BekanntAusDenMedien {
	margin-left: -25px;
	margin-right: -25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#ZahlartenSechsMobil img {
	margin-bottom: 20px;
}

#ZahlartenVorteileMobil {
	margin-bottom: 60px;
}

#ZahlartenVorteileMobil p {
	font-size: 13px;
	font-weight: 400;
}

#ZahlartenVorteileMobil {
	height: 60px;
	margin-bottom: 20px;
}

#ZahlartenVorteileMobil i {
	color: #50712c;
}

#EchteKundenbilder {
	text-align: center;
	background-color: #555;
	color: #fff;
	font-weight: 500;
	font-size: 25px;
	margin-left: -25px;
	margin-right: -25px;
	padding: 5px 0;
	border-top: 1px solid #333;
}

#EchteKundenbilderIMG {
	margin-left: -25px;
	margin-right: -25px;
}

#KunstrasenVideosDIV {
	margin-left: -25px;
	margin-right: -25px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 12px 10px 5px 10px;
	margin-bottom: -27px;
}

.KunstrasenVideosTitel {
	font-weight: 600;
	font-size: 28px;
}

#VideoMOBILstartseite {
	margin-left: -25px;
	margin-right: -25px;
}

.KostenloseMusterboxMOBIL {
	margin-left: -25px;
	margin-right: -25px;
	color: #50712c;
	text-align: center;
	font-weight: 600;
	font-size: 25px;
	padding: 20px 10px;
	margin-top: 20px;
}

.MusterkofferMOBILtext {
	text-align: center;
	padding: 0 20px;
	margin-left: -25px;
	margin-right: -25px;
}

.MusterkofferMOBILtext ul {
	text-align: left;
}

.MusterkofferMOBILtext #EineBox {
	height: 60px;
}

#Ratgeber {
	background-color: #555;
	text-align: center;
	padding: 10px 20px 20px 20px;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
}

.KunstrasenRatgeber {
	color: #fff;
	font-weight: 500;
	font-size: 27px;
	margin-bottom: 20px;
}

#RatgeberVideo p {
	color: #F1C40F;
	font-weight: 500;
	font-size: 22px;
	padding-bottom: 10px;
}

#RatgeberVideo {
	border: 10px solid #fff;
	border-radius: 20px;
	padding: 10px;
}

#KunstrasenVerlegenText {
	color: #fff;
	padding: 5px 0;
}

#KontaktMOBILwrapper {
	text-align: center;
	font-size: 18px;
	padding: 20px 10px 10px 10px;
}

.KontaktMOBIL {
	color: #50712c;
	font-weight: 600;
	font-size: 25px;
	padding-bottom: 10px;
}

#KontaktMOBILwrapper p {
	padding-bottom: 10px;
}

#KontaktMOBILwrapper #EineBox {
	height: 81px;
}

#KontaktDatenMOBIL {
	margin-top: 20px;
}

#MobilWrapper {
	margin-bottom: 30px;
}

#EineBox img {
	opacity: 0.7;
}

#KontaktDatenMOBIL p {
	text-align: center;
}

.RueckrufterminVereinbaren {
	text-align: center;
	color: #3f7227;
	font-size: 20px;
	font-weight: 600;
	margin-left: -25px;
	margin-right: -25px;
}

.VorherNachherBild-DIV-Wrapper {
	padding: 0 0 15px 0;
}

.o10 {
	margin-top: 10px;
}

.o20 {
	margin-top: 20px;
}

.o30 {
	margin-top: 30px;
}

.o40 {
	margin-top: 40px;
}

.o50 {
	margin-top: 50px;
}

.o60 {
	margin-top: 60px;
}

.o70 {
	margin-top: 70px;
}

.o80 {
	margin-top: 80px;
}

.o90 {
	margin-top: 90px;
}

.o100 {
	margin-top: 100px;
}

.u10 {
	margin-bottom: 10px;
}

.u20 {
	margin-bottom: 20px;
}

.u30 {
	margin-bottom: 30px;
}

.u40 {
	margin-bottom: 40px;
}

.u50 {
	margin-bottom: 50px;
}

.u60 {
	margin-bottom: 60px;
}

.u70 {
	margin-bottom: 70px;
}

.u80 {
	margin-bottom: 80px;
}

.u90 {
	margin-bottom: 90px;
}

.u100 {
	margin-bottom: 100px;
}

.ou10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.ou20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.ou30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.ou40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.ou50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.ou60 {
	margin-top: 10px;
	margin-bottom: 60px;
}

.ou70 {
	margin-top: 20px;
	margin-bottom: 70px;
}

.ou80 {
	margin-top: 30px;
	margin-bottom: 80px;
}

.ou90 {
	margin-top: 40px;
	margin-bottom: 90px;
}

.ou100 {
	margin-top: 50px;
	margin-bottom: 100px;
}

.VorteilGrafiken-SS {
	width: 26px;
}


/* bis iPhone 13 Max Pro */
@media only screen and (max-width: 428px) {
	.Kunstrasen-Reinigung-IMG, .Kunstrasen-Unkraut-IMG, .Kunstrasen-Garantie-IMG, .Kunstrasen-Hunde-IMG {
		width: 100%;
	}

	#Kunstrasen-Reinigung, #Kunstrasen-Hunde, #Kunstrasen-Garantie, #Kunstrasen-Unkraut, #Kunstrasen-Reinigung {
		margin-right: 0;
	}

	#Kunstrasen-Reinigung #DIVmusterbox, #Kunstrasen-Unkraut #DIVmusterbox, #Kunstrasen-Garantie #DIVmusterbox, #Kunstrasen-Hunde #DIVmusterbox {
		padding: 0;
	}

	.Ratgeberbox {
		min-height: 388px;
	}

	.Ratgeber-Headline {
		line-height: 1.1em;
	}

	.stick-down {
		right: -15px;
	}

	.slick-up {
		left: -15px;
	}

	.rating-wrapper {
		padding-left: 0;
		margin-top: -30px;
		text-align: center;
		padding-right: 0;
	}

	.product-info-inner {
		margin-top: 20px;
	}

	#search {
		margin-top: 10px;
	}

	.UeberunsKatelogIMG {
		width: 100%;
		margin-top: 20px;
	}

	#Galerie {
		margin-top: 0;
		margin-left: -25px;
		margin-right: -25px;
	}

	.Titel-DIV {
		background-color: #3f7227;
		clip-path: none;
	}

	.Titel-DIV-Wrapper {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.Titel-DIV h1 {
		color: #fff;
		font-size: 37px;
		font-weight: 300;
		margin-bottom: 0;
		padding-bottom: 0;
		line-height: 1em;
		text-align: center;
	}

	.Titel-DIV h2 {
		font-size: 22px;
		color: #fff;
		margin-bottom: 15px;
		margin-top: 9px;
		text-align: center;
	}

	.Titel-DIV-Right {
		padding: 10px 15px 30px 15px;
		margin-top: 20px;
	}

	.Titel-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	.button-galerie {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		padding: 13px 5px;
		border: 4px solid #fff;
		border-radius: 10px;
		background: linear-gradient(to bottom, #97bf0d, #97bf0d);
		font: normal normal 300 21px arial;
		color: #fff;
		text-decoration: none;
		width: 100%;
	}

	.Impressionen-DIV-gelb {
		background-color: #f1c40f;
		clip-path: none;
	}

	.Impressionen-DIV-gruen {
		background-color: #3f7227;
		clip-path: none;
	}

	.Impressionen-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	.Impressionen-DIV-Wrapper {
		margin-top: 40px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.Bildunterschrift-Galerie h1 {
		margin-bottom: 0;
		color: #fff;
		padding-bottom: 0;
		font-weight: 600;
	}

	.Bildunterschrift-Galerie h2 {
		color: #fff;
		font-size: 16px;
		margin-top: 5px;
		margin-bottom: 20px;
	}

	.VorherNachher-DIV-Wrapper h1 {
		color: #fff;
		font-size: 38px;
		font-weight: 300;
		text-align: center;
		margin-bottom: 0;
	}

	.VorherNachher-DIV-Wrapper h2 {
		color: #fff;
		font-size: 20px;
		text-align: center;
		margin-bottom: 0;
		margin-top: 20px;
	}

	.VorherNachherBild-DIV-Wrapper {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0 15px;
	}

	.VorherNachher-DIV {
		clip-path: none;
		height: 275px;
	}

	.VorNachBild {
		float: left;
		box-shadow: 0px 12px 16px #333;
	}

	.VorherNachherBild-DIV {
		clip-path: none;
		margin-top: 40px;
		padding-bottom: 35px;
	}

	.VorherNachherBild-DIV-gelb {
		background-color: #f1c40f;
		clip-path: none;
		margin-top: 40px;
	}

	.VorherNachherBild-DIV-gruen {
		margin-top: 40px;
		background-color: #3f7227;
		clip-path: none;
	}

	.ErstesBild {
		border-bottom: 3px solid #fff;
	}

	.VorNachBild.ErstesBild {
		border-right: none;
	}

	.modal-dialog {
		width: 95% !important;
	}

	.modal .Hundevideo video {
		width: 250%;
	}

	#IndividuelleBeratungXS {
		text-align: center;
		font-weight: 500;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: -25px;
		margin-right: -35px;
		background-color: #3f7227;
		color: #fff;
	}

	#IndividuelleBeratungXS a {
		color: #fff;
	}

	.Boxen {
		float: left;
		width: 44%;
		padding: 16px;
		background: #F1C40F;
		box-sizing: border-box;
		color: #000;
		margin-right: 3%;
		margin-left: 3%;
		font-size: 17px;
		border-radius: 15px;
	}

	#ZweiBoxen {
		text-align: center;
		font-weight: 500;
		padding-top: 21px;
		padding-bottom: 20px;
		margin-top: 30px;
		margin-left: -25px;
		margin-right: -25px;
		color: #fff;
		background-image: url(/mediafiles/Bilder/rasen-hintergrund.jpg);
		height: 125px;
	}

	#EineBox {
		height: 95px;
		position: relative;
	}

	.Box {
		float: left;
		width: 100%;
		padding: 16px;
		background: #F1C40F;
		box-sizing: border-box;
		color: #000;
		font-weight: 500;
		text-align: center;
		font-size: 19px;
		border-radius: 15px;
	}

	#shop-nav-xs {
		background-color: #fff;
		border-bottom: 1px solid #aaa !important;
		box-shadow: none;
		top: -64px;
	}

	#shop-nav-xs.navbar-default .navbar-nav > li > a {
		color: #000;
	}

	header #shop-nav-xs .navbar-collapse {
		margin-bottom: 0;
	}

	#evo-nav-wrapper {
		margin-bottom: 10px;
	}

	#LogoMobil {
		margin-top: -14px;
	}

	.IhrKunstrasen {
		text-align: center;
		font-size: 27px;
		font-weight: 500;
		color: #3f7227;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.MobilKatImg {
		border: 5px solid #ddd;
		border-radius: 10px;
	}

	#MobilWrapper .col-sm-6 {
		width: 50%;
		padding: 4px;
	}

	#IndividuelleBeratungXS.RahmenSW {
		border-top: 5px solid #000;
		margin-top: 0;
	}

	video {
		height: 282px;
		margin-left: 0;
	}

	video.KunstrasenVerlegenVideoDiv {
		height: 100%;
	}

	.notification-alert {
		padding: 0;
		margin-bottom: 20px;
		border-radius: 4px;
	}

	.btn-mehrlesen {
		font-size: 12px !important;
		padding: 7px 15px !important;
	}

	.page-current, .page-total {
		font-size: 13px;
	}

	.ArtikeldetailSterne {
		margin-bottom: 30px;
	}

	.TabelleTechnischeDaten {
		font-size: 12px;
	}

	table .LinkeSpalte {
		width: 139px;
		padding-right: 10px !important;
	}

	tbody tr td {
		padding-right: 0 !important;
	}

	.TabelleTechnischeDaten .LinkeSpalte {
		padding-right: 0 !important;
	}

	#DIVmusterbox .headline001 {
		font-size: 21px;
		line-height: 1.2em;
	}

	.AnfordernButton a {
		font-weight: 500;
		text-transform: none;
		background-color: #f1c40f;
		text-decoration: underline;
		padding: 10px 10px;
		border-radius: 10px;
		font-size: 26px;
	}

	.AnfordernButton a:hover {
		font-weight: 500;
		text-transform: none;
		background-color: #f1c40f;
		text-decoration: none;
		padding: 10px 10px;
		border-radius: 10px;
		font-size: 26px;
	}

	.PaddingRechts01 {
		padding-right: 0;
	}

	.bild-ausrichtung {
		float: right;
		margin-top: 10px;
	}

	body[data-page="2"] .AnfordernButton {
		text-align: center;
		margin-top: 25px;
		padding-bottom: 30px;
	}

	body[data-page="31"] #DIVmusterbox {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#FAQmusterbox .AnfordernButton a {
		font-size: 19px;
	}

	.box-heading.u30.o50.margin-aussen-null {
		margin-top: -20px;
	}

	.headline002 {
		font-size: 25px;
	}

	#ss-block3 .ub-fussnote {
		margin-left: 0;
	}

	.LinkerWeisserRahmen {
		border-left: none;
		border-top: 6px solid #fff;
	}

	#DIVmusterbox {
		padding: 0 10px;
	}

	#DIVmusterbox .AnfordernButton a {
		font-size: 24px;
	}

	body[data-page="2"] #product-list h4.title a {
		font-size: 15px;
	}

	/* #product-list .image-box.loaded {max-height: 150px !important;} */
	#product-list .image-box.loaded {
		max-height: 285px !important;
	}

	.WelcherKunstrasenDesktop {
		display: none;
	}

	.sd-artikle-matrix .submit.btn.btn-primary .hidden-xs {
		display: inline !important;
		font-size: 21px;
	}

	body[data-page="1"] .sd-artikle-matrix .submit.btn.btn-primary {
		width: 100%;
	}

	.ScrollHinweis {
		display: inline;
		font-weight: 500;
	}

	.RahmenWeiss {
		border-top: 6px solid #fff;
	}

	#Kunstrasen-Hunde #VideoWrapper Video {
		height: 100%;
		padding-bottom: 20px;
	}

	#VideoWrapper\ RichtigePflege {
		margin-top: -20px;
	}

	.BesenBild {
		float: left;
		max-width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}

	#VideoWrapper\ Experten-Tipps {
		margin-top: 0;
		margin-bottom: 0;
	}

	.Experten-Tipps-Headline {
		font-size: 19px;
		font-weight: 500;
		margin-bottom: -35px;
		line-height: 1.2em;
		margin-top: 20px;
	}

	#Kunstrasen-Hunde #DIVmusterbox {
		margin-top: 0;
	}

	#VideoWrapper Video {
		margin-top: 20px;
	}

	#ss-Kurzvorstellung .box-heading.o60.u30 {
		margin-bottom: 0;
	}

	.footer-parallax-mobil {
		display: inherit;
		margin-bottom: 30px;
	}

	.medien-titel-mobil {
		text-align: center;
		font-weight: 500;
		font-size: 20px;
	}

	#medienanzeigen-mobil img {
		padding: 0 10px 0 10px;
	}

	body[data-page="2"] #product-list .caption {
		margin-top: -72px;
	}

	.Video-SS-guenstig-teuer {
		margin-top: -25px;
	}

	.AbstandObenAAA {
		margin-top: 10px;
	}

	#Kundenbilder12 img {
		margin-top: 10px;
	}

	#Kundenbilder12.MobilHidden {
		display: none;
	}

	#Kundenbilder12.MobilDisplay {
		margin-top: 25px;
	}

	.banner {
		display: none;
	}

	#infozeile-unter-slider {
		display: none;
	}

	.AbstOben {
		margin-top: 20px;
	}

	#ss-Kurzvorstellung .ueberschrift {
		font-size: 32px;
		line-height: 1.2em;
	}

	#ProduktListe .ProduktDIV {
		height: 390px;
	}

	body[data-page="18"] #ProduktListe .ProduktBezeichnung {
		bottom: 120px;
	}

	body[data-page="18"] #ProduktListe .ProduktPREIS {
		bottom: 125px;
	}

	body[data-page="18"] #ProduktListe .ProduktGrundPREIS {
		bottom: 130px;
	}

	body[data-page="18"] #ProduktListe .ProduktZumArtikel {
		bottom: 126px;
	}

	body[data-page="18"] .KunstrasenVideosTitel.Startseite {
		font-weight: 300;
		font-size: 23px;
		padding-bottom: 10px;
	}

	.GLSimg-topMargin {
		margin-top: 40px;
	}

	.VorherNachherBild-DIV-Wrapper {
		padding: 0 15px 15px 15px;
	}

	.VorherNachherBild-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	#ACCORDION {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	/* Produktbilder auf Startseite */
	div#ProduktListe img {
		height: auto !important;
	}
}


/* iPhone 11 Pro, X, Xs - LANDSCAPE 812 x 375px */
@media only screen and (max-width: 813px) {
	/*#shop-nav-xs, .navbar.navbar-inverse {margin-top: 10px;}*/
	body[data-page="31"] #DIVmusterbox {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#logo img {
		margin-left: auto;
		margin-right: auto;
	}

	.ss-untertitel {
		padding: 0;
	}

	#evo-nav-wrapper {
		margin-left: -15px;
		padding-right: 0;
	}

	#shop-nav-xs {
		box-shadow: 0px 7px 13px -13px #000;
		border-bottom: 2px solid #F1C40F !important;
		border-top: none;
	}

	#ss-contenttext {
		padding-top: 0px;
	}

	.box-heading.u30.o50.margin-aussen-null {
		margin: 20px 0 0 0;
	}

	.callout-bubble p {
		font-size: 19px;
		padding: 0;
	}

	.headline002 {
		font-size: 28px;
		margin-bottom: 6px;
		line-height: 1.2em;
		margin-top: 20px;
	}

	.ub-sonderpreis {
		border-radius: 15px;
	}

	#ss-verlegeanleitung {
		margin: 30px;
	}

	.ss-block3 .box-heading.o60 {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.SiegelVorteile {
		margin-left: auto;
		margin-right: auto;
	}

	#ss-block3 .ub-fussnote {
		margin-left: 0;
	}

	.PaddingRechts01 {
		padding-right: 0;
	}

	body[data-page="2"] .AnfordernButton {
		margin-top: 30px;
	}

	.WelcherKunstrasenDesktop, #ZweiBoxenDesktop, .ueberschriftKunstrasenKaufen, #BekanntAusDenMedienDesktop, #ZahlartenVorteileDesktop, #ZahlartenSechsDesktop, #EchteKundenbilderDesktop,
	#EchteKundenbilderDesktopIMG, #ZumKRvergleichButton, #KunstrasenVideosDesktopDIV, #VideoDesktopstartseite, #MusterboxWrapperDesktop, #RatgeberWrapperDesktop, #KontaktWrapperDesktop {
		display: none;
	}

	.VorherNachherBild-DIV-Wrapper {
		padding: 0 15px 15px 15px;
	}

	.VorherNachherBild-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	#ACCORDION {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	#ACCORDION #ss-block2 .col-md-3 {
		padding: 0;
		margin-top: 30px;
	}

	#ACCORDION .accordion-header h2 {
		font-size: 20px !important;
	}
}

/* iPhone 11 Pro Max, Xs Max - LANDSCAPE 896 x 414px */
@media only screen and (max-width: 897px) and (orientation: landscape) {
	body[data-page="31"] #DIVmusterbox {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#logo img {
		margin-left: auto;
		margin-right: auto;
	}

	#ZweiBoxen {
		text-align: center;
		font-weight: 500;
		padding-top: 21px;
		padding-bottom: 20px;
		margin-top: 30px;
		margin-left: -40px;
		margin-right: -40px;
		color: #fff;
		background-image: url(/mediafiles/Bilder/rasen-hintergrund.jpg);
		height: 125px;
	}

	.Boxen {
		float: left;
		width: 44%;
		padding: 25px;
		background: #F1C40F;
		box-sizing: border-box;
		color: #000;
		margin-right: 3%;
		margin-left: 3%;
		font-size: 22px;
		border-radius: 15px;
	}

	.IhrKunstrasen {
		text-align: center;
		font-size: 27px;
		font-weight: 500;
		color: #3f7227;
		margin-top: 17px;
		margin-bottom: 0;
	}

	.MobilKatImg {
		border: 5px solid #ddd;
		border-radius: 10px;
		margin-top: 20px;
	}

	.OverlayMobilKategorie {
		position: relative;
		background-color: #ffffffc9;
		bottom: 110px;
		font-size: 19px;
		font-weight: 500;
		text-align: center;
		line-height: 1;
		color: #3f7227;
		margin: 9px 5px 1px 5px;
		padding: 16px 0 10px 0;
	}

	.ss-untertitel {
		padding: 0;
	}

	#BekanntAusDenMedien {
		margin-left: -25px;
		margin-right: -25px;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#ZahlartenVorteileMobil {
		height: 60px;
		margin-bottom: 20px;
	}

	#ZahlartenVorteileMobil .col-sm-6 {
		width: 50%;
		padding: 4px;
	}

	#ZahlartenVorteileMobil .col-sm-6 p {
		font-size: 20px;
		text-align: center;
		line-height: 18px;
	}

	#ZahlartenSechsMobil .col-sm-4 {
		width: 16.66%;
	}

	#ZahlartenSechsMobil {
		margin-bottom: 10px;
	}

	#EchteKundenbilderIMG img {
		width: 100%;
	}

	.MobilHeadlineStartseite {
		text-align: center;
		color: #3f7227;
		font-size: 28px;
		font-weight: 500;
		line-height: 1em;
		margin-bottom: 10px;
	}

	#EineBox {
		height: 95px;
		position: relative;
		margin-top: 20px;
	}

	.Box {
		float: left;
		width: 100%;
		padding: 16px;
		background: #F1C40F;
		box-sizing: border-box;
		color: #000;
		font-weight: 500;
		text-align: center;
		font-size: 25px;
		border-radius: 15px;
	}

	#BekanntAusDenMedien img {
		width: 100%;
	}

	#VideoMOBILstartseite {
		margin-left: -25px;
		margin-right: -25px;
		margin-top: 25px;
	}

	.KontaktMOBIL {
		color: #50712c;
		font-weight: 600;
		font-size: 37px;
		padding-bottom: 10px;
	}

	#KontaktMOBILwrapper p, #KontaktDatenMOBIL p {
		padding-bottom: 10px;
		font-size: 23px;
	}

	#ub-themen, .row.h1-absatz.hidden-xs, .box-heading.u30.o50.margin-aussen-null.hidden-xs, #ss-produkte {
		display: none;
	}

	.KunstrasenVergleichIMG, .KunstrasenBalkonIMG {
		width: 100%;
	}

	.callout-bubble p {
		font-size: 22px;
		padding: 0 20px;
		line-height: 1.3em;
	}

	.callout-bubble .btn.btn-lg.button-faq.o10 {
		margin-bottom: 10px;
	}

	.RasenProspektIMG {
		width: 100%;
	}

	#DIVmusterbox .PaddingRechts01 {
		padding-right: 0;
	}

	.img-responsive.KunstrasenSiegelIMG {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}

	.img-responsive.SiegelMOBIL {
		margin-left: auto;
		margin-right: auto;
	}

	#ss-block2 #ss-verlegeanleitung {
		margin-bottom: 20px;
	}

	#IndividuelleBeratungXS.hidden-sm {
		display: inherit !important;
	}

	#IndividuelleBeratungXS {
		text-align: center;
		font-weight: 500;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: -15px;
		margin-right: -35px;
		background-color: #3f7227;
		color: #fff;
	}

	#affix-Sternebewertung {
		position: fixed;
		top: 0 !important;
		z-index: 999999999999;
		width: 100%;
	}

	#IndividuelleBeratungXS a {
		color: #fff;
	}

	#shop-nav-xs {
		background-color: #fff;
		box-shadow: 0px 7px 13px -13px #000;
		border-bottom: 2px solid #F1C40F !important;
		top: -64px;
	}

	#shop-nav-xs.navbar-default .navbar-nav > li > a {
		color: #000;
	}

	#shop-nav-xs, .navbar.navbar-inverse {
		margin-top: -13px;
	}

	#header-branding #logo {
		top: 105px;
	}

	.banner, #infozeile-unter-slider {
		display: none;
	}

	.container-block.beveled {
		margin-top: 22px;
	}

	#navbar-offcanvas {
		top: 33px;
	}

	.WelcherKunstrasenDesktop, #ZweiBoxenDesktop, .ueberschriftKunstrasenKaufen, #BekanntAusDenMedienDesktop, #ZahlartenVorteileDesktop, #ZahlartenSechsDesktop, #EchteKundenbilderDesktop,
	#EchteKundenbilderDesktopIMG, #ZumKRvergleichButton, #KunstrasenVideosDesktopDIV, #VideoDesktopstartseite, #MusterboxWrapperDesktop, #RatgeberWrapperDesktop, #KontaktWrapperDesktop {
		display: none;
	}

	.VorherNachherBild-DIV-Wrapper {
		padding: 0 15px 15px 15px;
	}

	.VorherNachherBild-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	#ACCORDION {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	#ACCORDION #ss-block2 .col-md-3 {
		padding: 0;
		margin-top: 30px;
	}

	#ACCORDION .accordion-header h2 {
		font-size: 20px !important;
	}
}


/* iPhone 11 Pro, X, Xs - LANDSCAPE 812 x 375px */
@media only screen and (max-width: 813px) and (orientation: landscape) {
	.headline001.o40.SM-TOP40 {
		margin-top: 125px;
	}

	body[data-page="31"] #DIVmusterbox {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.WelcherKunstrasenDesktop, #ZweiBoxenDesktop, .ueberschriftKunstrasenKaufen, #BekanntAusDenMedienDesktop, #ZahlartenVorteileDesktop, #ZahlartenSechsDesktop, #EchteKundenbilderDesktop,
	#EchteKundenbilderDesktopIMG, #ZumKRvergleichButton, #KunstrasenVideosDesktopDIV, #VideoDesktopstartseite, #MusterboxWrapperDesktop, #RatgeberWrapperDesktop, #KontaktWrapperDesktop {
		display: none;
	}

	.VorherNachherBild-DIV-Wrapper {
		padding: 0 15px 15px 15px;
	}

	.VorherNachherBild-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	#ACCORDION {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	#ACCORDION #ss-block2 .col-md-3 {
		padding: 0;
		margin-top: 30px;
	}

	#ACCORDION .accordion-header h2 {
		font-size: 20px !important;
	}
}


/* iPhone 6, 6s, 7, 8 - LANDSCAPE 667 x 375px */
@media only screen and (max-width: 668px) and (orientation: landscape) {
	body[data-page="31"] #DIVmusterbox {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#affix-Sternebewertung {
		position: fixed;
		top: 0 !important;
		z-index: 999999999999;
		width: 100%;
	}

	#IndividuelleBeratungXS.RahmenSW {
		border-top: 5px solid #000;
		margin-top: 0;
	}

	#IndividuelleBeratungXS {
		text-align: center;
		font-weight: 500;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: -25px;
		margin-right: -35px;
		background-color: #3f7227;
		color: #fff;
	}

	#IndividuelleBeratungXS a {
		color: #fff;
	}

	.Boxen {
		float: left;
		width: 44%;
		padding: 25px;
		background: #F1C40F;
		box-sizing: border-box;
		color: #000;
		margin-right: 3%;
		margin-left: 3%;
		font-size: 18px;
		border-radius: 15px;
	}

	#logo {
		height: 40px;
		z-index: 1;
		top: -37px;
	}

	#shop-nav-xs, .navbar.navbar-inverse {
		margin-top: 70px;
	}

	#ss-kostenlose-musterbox img {
		max-width: 100% !important;
	}

	.bild-ausrichtung {
		margin-top: 10px;
		width: 100%;
	}

	#navbar-offcanvas {
		top: -33px;
	}

	.WelcherKunstrasenDesktop, #ZweiBoxenDesktop, .ueberschriftKunstrasenKaufen, #BekanntAusDenMedienDesktop, #ZahlartenVorteileDesktop, #ZahlartenSechsDesktop, #EchteKundenbilderDesktop,
	#EchteKundenbilderDesktopIMG, #ZumKRvergleichButton, #KunstrasenVideosDesktopDIV, #VideoDesktopstartseite, #MusterboxWrapperDesktop, #RatgeberWrapperDesktop, #KontaktWrapperDesktop {
		display: none;
	}

	.VorherNachherBild-DIV-Wrapper {
		padding: 0 15px 15px 15px;
	}

	.VorherNachherBild-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	#ACCORDION {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	#ACCORDION #ss-block2 .col-md-3 {
		padding: 0;
		margin-top: 30px;
	}

	#ACCORDION .accordion-header h2 {
		font-size: 20px !important;
	}
}


/* Smartphones (Portrait); Screen = B/w 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) {
	.VorteilGrafiken-SS {
		width: 16px;
	}

	#ZweiTopseller {
		margin-bottom: 40px;
		margin-top: 30px;
	}

	.VorherNachherBild-DIV-Wrapper {
		padding: 0 15px 15px 15px;
	}

	.VorherNachherBild-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	.vorher {
		right: 0 !important;
	}

	.nachher {
		left: 0 !important;
	}

	#ACCORDION {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	#ACCORDION #ss-block2 .col-md-3 {
		padding: 0;
		margin-top: 30px;
	}

	#ACCORDION .accordion-header h2 {
		font-size: 20px !important;
	}
}


/* Tablets, Ipads (portrait); Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
	#Kunstrasen-Reinigung, #Kunstrasen-Hunde, #Kunstrasen-Garantie, #Kunstrasen-Unkraut, #Kunstrasen-Reinigung {
		margin-right: 0;
	}

	.headline001.o40.SM-TOP40 {
		margin-top: 70px;
	}

	.VorherNachherBild-DIV-Wrapper {
		padding: 0 15px 15px 15px;
	}

	.VorherNachherBild-DIV-Wrapper img {
		box-shadow: 0px 12px 16px #333;
	}

	#ACCORDION {
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}

	#ACCORDION #ss-block2 .col-md-3 {
		padding: 0;
		margin-top: 30px;
	}

	#ACCORDION .accordion-header h2 {
		font-size: 20px !important;
	}
}


/* Overlay "vorher/nachher" auf den Galariebildern */
.overlay-container {
	position: relative;
	display: inline-block;
}

.vorher, .nachher {
	position: absolute;
	top: 0;
	padding: 5px 10px;
	background-color: #f1c40f;
	color: black;
	z-index: 1;
	font-weight: 400;
}

.vorher {
	right: -3px;
}

.nachher {
	left: 10px;
}


.sd-artikle-matrix .inputs-block label {
	width: auto;
}

.product-info-inner {
	font-size: 16px;
}

.sd-options .radio {
	display: flex;
	align-items: center;
}

.sd-option .value {
	font-weight: normal;
}

#tabelle-beschaffenheit {
	border-bottom: 1px solid;
	border-top: 1px solid;
}

.product-title, .shortdesc, .product-sku {
	color: #0e4194;
}

.product-sku {
	font-size: 12px;
	font-weight: 400;
}

#product-offer .product-info ul.info-essential {
	margin-top: 0;
}

.product-title.h2 {
	font-weight: 700;
}

h3 {
	color: #333;
	font-size: 22px;
}

.sd-artikle-matrix {
	font-weight: 300;
}

.sd-artikle-matrix h4 {
	font-size: 18px;
}

.price_wrapper
span {
	font-size: 22px;
	/*font-family: 'Roboto';*/
	font-weight: 500;
	color: #0e4194;
}

.product-offer
.price {
	font-size: 28px;
}

body[data-page="1"] .base-price span {
	font-size: 14px;
	color: #173058;
	font-weight: 100;
}

.product-info .vat_info {
	color: #0e4194;
	font-weight: 400;
	font-size: 12px;
}

#quantity-grp .btn-primary {
	color: #fff;
	background-color: #3f7227;
	border-color: #3f7227 !important;
}

#quantity-grp .btn-primary:hover, #quantity-grp .btn-primary:focus {
	background-color: #41A62A;
}

.price_wrapper span {
	font-weight: 500;
}

.price span {
	font-size: 30px;
}