﻿/**
* Override the rules generated with {Less} with pure {Css}

*/

/**
* HEADER
*/
/* Berater Kontakt */
.fspace {
		margin-bottom:10px;
	
}





::selection {
  background-color: #f5ce1d; 
  color: #000;
}


::-webkit-selection {
  background-color: #f5ce1d; 
  color: #000; 
}





.winterrabattImg {
	height:300px;
}



/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    // line-height: 50px;
	min-height:80px;
    padding: 8px 0 8px 30px;
    font-family: Arial;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    //display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/







/*
Grabsteine

*/

.gDesignerblueBackground {
	background-image: url(/shop/templates/fairpreis/grabsteindesigner/img/infos/headback.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat:no-repeat;
}

.gDesignerBoxShadow {
	 background-repeat: no-repeat;
	 background-size: cover;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;	
	background-color:white;
}
.gDesignerGold {
	background-color: #f9eaa3; background-image: -webkit-gradient(linear, left top, left bottom, from(#f9eaa3), to(#f7d83a));
	background-image: -webkit-linear-gradient(top, #f9eaa3, #f7d83a);
	background-image: -moz-linear-gradient(top, #f9eaa3, #f7d83a);
	background-image: -ms-linear-gradient(top, #f9eaa3, #f7d83a);
	background-image: -o-linear-gradient(top, #f9eaa3, #f7d83a);
	background-image: linear-gradient(to bottom, #f9eaa3, #f7d83a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f9eaa3, endColorstr=#f7d83a);

	
	
}








.modal-content {
	text-alin:left;
}
.gDesignerPriceTableTD {
	border:1px solid #CCC;
	padding:10px;
	vertical-align:top;
}
.gDesignerPriceTableTH  {
	font-weight:bold;
	vertical-align:top;
	border:1px solid #CCC;
	padding:10px;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
}



/* Schatzkiste */

body {
	/*background-color:#fffff7;*/
	background: radial-gradient(circle, #ffffff, #dadada);
}


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

.mb { margin-bottom: 40px; }
.mt { margin-top: 40px; }

.grau1 {
	background-color:#f7f7f7;
}




.parallax {
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
	
}

.fullpicture {
	position: relative;
	background-color: #5b6d68;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: relative;
	background-position: center center;
	margin-top: 0px;
	padding-top: 60px;

	/*min-height: 450px;*/
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}

.fullpicture .layer {
	background-color: #5b6d68;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 1;
}

.fullpicture .container {
	position: relative;
	z-index: 3;
}
.fullpicture .centered {
	position: relative;
	z-index: 2;
}


.fullpicture p {

}


.button {
	border-radius:5px !important;
}












.startseite-teambanner-p {
	font-size:1.5em;
	
}
.startseite-text-ivp-p {
	text-align:right;
	
}

.startseite-box-green {
	border:1px solid #211350; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;
	padding: 20px;
	background-color: #211350; background-image: -webkit-gradient(linear, left top, left bottom, from(#211350), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #211350, #FFFFFF);
	background-image: -moz-linear-gradient(top, #211350, #FFFFFF);
	background-image: -ms-linear-gradient(top, ##211350, #FFFFFF);
	background-image: -o-linear-gradient(top, #211350, #FFFFFF);
	background-image: linear-gradient(to bottom, #211350, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#211350, endColorstr=#FFFFFF);
	border-radius:10px;

}

.startseite-box-yellow {
	border:1px solid #ffd616; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;
	padding: 20px;
	background-color: #ffd616; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd616), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #ffd616, #FFFFFF);
	background-image: -moz-linear-gradient(top, #ffd616, #FFFFFF);
	background-image: -ms-linear-gradient(top, ##ffd616, #FFFFFF);
	background-image: -o-linear-gradient(top, #ffd616, #FFFFFF);
	background-image: linear-gradient(to bottom, #ffd616, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd616, endColorstr=#FFFFFF);
	border-radius:10px;
}

.startseite-box-green2 {
	border:1px solid #211350; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;
	padding: 20px;
	background-color:#211350;
	border-radius:10px;

}

.startseite-box-yellow2 {
	border:1px solid #ffd616; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;
	padding: 20px;
	background-color:#ffd616;
	border-radius:10px;
}












.strtseite-box-grey {
	/*border:1px solid #eeeeee; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;*/
	padding: 20px;
	border-radius:10px;
	/*background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#FFFFFF));*/
	/*background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);*/
	/*background-image: -moz-linear-gradient(top, #eeeeee, #FFFFFF);*/
	/*background-image: -ms-linear-gradient(top, #eeeeee, #FFFFFF);*/
	/*background-image: -o-linear-gradient(top, #deeeeee, #FFFFFF);*/
	/*background-image: linear-gradient(to bottom, #eeeeee, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eeeeee, endColorstr=#FFFFFF);*/
	
	background-color:#FFF;
	
}
#startseite-kontakt {
	padding:0px;
	
}
.startseite-kontakt-pg {
	background-color:#fafadb;
	padding:10px;
	min-height:70px;
}

.startseite-grey {
	margin-top:10px;
	border: 1px solid #ccc;
	padding: 20px;
	border:1px solid #eeeeee; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;
	background-image: url(/shop/media/fairpreis/pictures/startseite/grey.jpg);
	 background-repeat: no-repeat;
	 background-size: cover;
	
}


@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}

div.uf {
	background-color:#f7f7f7;
	border: 1px solid #ccc;
	margin-top:20px;

	
}
div.uf:hover {
	background-color:#fcf4ca;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);

}

div.phil {
	border: 1px solid #ccc;
	padding: 20px;
	border:1px solid #eeeeee; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;
	padding: 20px;
	/*background-image: url(/shop/media/fairpreis/pictures/philosophie/grey_background.jpg);*/
	background-color:#FFF;
	 background-repeat: no-repeat;
	 background-size: cover;
	 border-radius:10px;
	
}
div.phil-grey:hover, .phil-grey:focus, .phil-grey:active {
	border-radius:10px;
	 background-repeat: no-repeat;
	 background-size: cover;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}
.phelpc {
	border-radius:10px;
	background-color:#FFF;
}

div.phil-green {
	background-image: url(/shop/media/fairpreis/pictures/philosophie/grey_background.jpg);
	 background-repeat: no-repeat;
	 background-size: cover;

}

div.phil-trans {
	background-image: url(/shop/media/fairpreis/pictures/philosophie/trans.png);
	 background-repeat: no-repeat;
	 background-size: cover;
	 width: 100%;
	 height:100%;
	 padding:10px;

}
div.phil-green:hover, .phil-green:focus, .phil-green:active {
	background-image: url(/shop/media/fairpreis/pictures/philosophie/grey_background.jpg);
	 background-repeat: no-repeat;
	 background-size: cover;
}


.p1 {
	margin:0px;
	padding:0px;
	background-image: url(/shop/media/fairpreis/pictures/p1.jpg);
	background-color:#000;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
}



.p2 {
	margin:0px;
	padding:0px;
	background-image: url(/shop/media/fairpreis/pictures/p2.jpg);
	background-color:#000;
	transition: background 0.5s linear;
}








#spring-background {
	background-image: url(/shop/media/fairpreis/pictures/spring/background.jpg);
	
}



@media (max-width: 767px) {
	
	
	#schatzkiste-background-open {
		min-height:600px;
		margin:0px;
		padding:0px;
		background-image: url(/shop/media/fairpreis/pictures/schatzkiste/background_mobile.jpg);
	}
	#schatzkiste-background-close {
		min-height:600px;
		margin:0px;
		padding:0px;
		background-image: url(/shop/media/fairpreis/pictures/schatzkiste/background_mobile.jpg);
	}
	
	
}
@media (min-width: 768px) {
	
	
	#schatzkiste-background-open {
		min-height:600px;
		margin:0px;
		padding:0px;
		background-image: url(/shop/media/fairpreis/pictures/schatzkiste/background_open.jpg);
	}

	#schatzkiste-background-close {
		min-height:600px;
		margin:0px;
		padding:0px;
		background-image: url(/shop/media/fairpreis/pictures/schatzkiste/background_close.jpg);
	}

	
}



#newsletter-box1 {
	min-height:350px; 
	background-image: url(/shop/media/fairpreis/pictures/newsletter/box1_background_md.jpg);
	background-repeat:no-repeat;
}


#newsletter-box2-left {
	min-height:250px; 
	background-image: url(/shop/media/fairpreis/pictures/newsletter/box2_background_lg.jpg);
	background-repeat:no-repeat;
	padding-left:200px;
}

#newsletter-box2-right {
	min-height:250px; 
	border:1px solid #eeeeee; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;
	padding: 20px;
	background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	background-image: -moz-linear-gradient(top, #eeeeee, #FFFFFF);
	background-image: -ms-linear-gradient(top, #eeeeee, #FFFFFF);
	background-image: -o-linear-gradient(top, #deeeeee, #FFFFFF);
	background-image: linear-gradient(to bottom, #eeeeee, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eeeeee, endColorstr=#FFFFFF);
}


@media (max-width: 576px) {

	#newsletter-box1 {
	min-height:350px; 
	background-image: url(/shop/media/fairpreis/pictures/newsletter/box1_background_xxs.jpg);
	background-repeat:no-repeat;
	}

	
	#newsletter-box2-left {
		min-height:220px; 
		background-image: url(/shop/media/fairpreis/pictures/newsletter/box2_background_xs.jpg);
		background-repeat:no-repeat;
		padding-left:80px;
	}
	
	#start-teambanner-text {
		margin-top: 20px;
	}
	#startseite-teambanner-pid {
		text-align:center;
	}
	#startseite-text-ivp-pid {
		text-align:center;
	}
	#startseite-text-ivp {
		margin-top:10px;
	}
	#startseite-bild-ivp-1 {
		display:inline;
		margin:0 auto;
	}
	#startseite-bild-ivp-2 {
		display:none;
	}
	#startseite-code-box {
		margin-left:5px;
		margin-right:5px;
	}
	#startseite-login-box {
		margin-left:5px;
		margin-right:5px;
	}
	#startseite-bild-kontakt-2 {
		display:none;
	}

}


@media (min-width: 576px) and (max-width: 767px) {
	
	#newsletter-box1 {
	min-height:350px; 
	background-image: url(/shop/media/fairpreis/pictures/newsletter/box1_background_xs.jpg);
	background-repeat:no-repeat;
	
	}
	#newsletter-box1-xs_padding {
			padding-left:260px;
		
	}
	#newsletter-box2-left {
		min-height:220px; 
		background-image: url(/shop/media/fairpreis/pictures/newsletter/box2_background_sm.jpg);
		background-repeat:no-repeat;
		padding-left:200px;
	}
	#start-teambanner-text {
		margin-top: 20px;
	}
	#startseite-teambanner-pid {
		text-align:center;
	}
	#startseite-text-ivp-pid {
		text-align:center;
	}
	#startseite-text-ivp {
		margin-top:10px;
	}
	#startseite-bild-ivp-1 {
		display:inline;
		margin:0 auto;
	}
	#startseite-bild-ivp-2 {
		display:none;
	}
	#startseite-code-button {
		margin-top:10px;
		margin-bottom:20px;
	}
	#startseite-code-box {
		margin-left:5px;
		margin-right:5px;
	}
	#startseite-login-box {
		margin-left:5px;
		margin-right:5px;
	}
	#startseite-bild-kontakt-2 {
		display:inline;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	
	#newsletter-box1 {
	min-height:350px; 
	background-image: url(/shop/media/fairpreis/pictures/newsletter/box1_background_sm.jpg);
	background-repeat:no-repeat;
	}
	#newsletter-box2-left {
		min-height:250px; 
		background-image: url(/shop/media/fairpreis/pictures/newsletter/box2_background_md.jpg);
		background-repeat:no-repeat;
		padding-left:200px;
	}
	#startseite-text-ivp-pid {
		text-align:center;
	}
	#startseite-text-ivp {
		margin-top:10px;
	}

	#startseite-bild-ivp-1 {
		display:inline;
		margin:0 auto;
	}
	#startseite-bild-ivp-2 {
		display:none;
	}
	#startseite-code-button {
		margin-top:10px;
		margin-bottom:20px;
	}
	#startseite-code-box {
		padding-left:0px;
	}
	#startseite-login-box {
		padding-right:0px;
	}
	#startseite-bild-kontakt-2 {
		display:inline;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	
	#newsletter-box2-left {
		min-height:250px; 
		background-image: url(/shop/media/fairpreis/pictures/newsletter/box2_background_md.jpg);
		background-repeat:no-repeat;
		padding-left:200px;
	}

	#startseite-text-ivp {
		margin-top:60px;
	}
	#startseite-bild-ivp-1 {
		display:none;
	}
	#startseite-bild-ivp-2 {
		display:inline;
	}
	#startseite-code-button {
		margin-top:30px;
	}
	#startseite-code-box {
		padding-left:0px;
	}
	#startseite-login-box {
		padding-right:0px;
	}
	#startseite-bild-kontakt-2 {
		display:inline;
	}
}


@media (min-width: 1200px) and (max-width: 1400px) {
	#newsletter-box2-left {
		min-height:250px; 
		background-image: url(/shop/media/fairpreis/pictures/newsletter/box2_background_lg.jpg);
		background-repeat:no-repeat;
		padding-left:200px;
	}

	#newsletter-box2-left {
		min-height:250px; 
		background-image: url(/shop/media/fairpreis/pictures/newsletter/box2_background_lg.jpg);
		background-repeat:no-repeat;
		padding-left:200px;
	}
	
	#start-teambanner-text {
        margin-top:0px;
    }
	#startseite-image-text {
		margin-top:20px;
		
	}
	#startseite-text-ivp {
		margin-top:80px;
	}
	#startseite-bild-ivp-1 {
		display:none;
	}
	#startseite-bild-ivp-2 {
		display:inline;
	}
	#startseite-code-button {
		margin-top:40px;
	}
	#startseite-code-box {
		padding-left:0px;
	}
	#startseite-login-box {
		padding-right:0px;
	}
	#startseite-bild-kontakt-2 {
		display:inline;
	}
}

@media (min-width: 1440px)  {
	#start-teambanner-text {
        margin-top:40px;
    }
	
	#startseite-image-text {
		margin-top:40px;
		
	}
	#startseite-text-ivp {
		margin-top:80px;
	}
	#startseite-bild-ivp-1 {
		display:none;
	}
	#startseite-bild-ivp-2 {
		display:inline;
	}
	#startseite-code-button {
		margin-top:40px;
	}
	
	#startseite-code-box {
		padding-left:0px;
	}
	#startseite-login-box {
		padding-right:0px;
	}
	#startseite-bild-kontakt-2 {
		display:inline;
	}
	
	
	
}









.herbst-table {
  border-spacing: 2px;
  border-collapse: separate;
}

.herbst-cell {
	display:table-cell;
}

.herbst-row {
	display:table-row;
}
.herbst-cyellow {
	background-color:#ffe380;
	color:#4a4a4a;
	padding:10px;
}
.herbst-cgrey {
	background-color:#676c6e;
	color:white;
	padding:10px;
}
.herbst-cred {
	background-color:red;
	color:white;
	padding:10px;
}
.herbst-white {
	background-color:white;
	color:black;
	font-weight:bold;
	padding:10px;
	text-align:center;
	border:1px solid #CCC
}

#herbst-ipt {
	height:100%;
	width:115px;
	background-color:white;
	margin:0px;
	padding:10px;
}


.herbst-htext {
	font-size:1.5em;
	font-weight:bold;
}


@media (max-width: 767px) {
	#herbst-background {
		min-height:1000px;
		margin:0px;
		padding:0px;
		background-image: url(/shop/media/fairpreis/pictures/herbst/background.jpg);
	}
}
@media (min-width: 768px) {
	#herbst-background {
		min-height:1000px;
		margin:0px;
		padding:0px;
		background-image: url(/shop/media/fairpreis/pictures/herbst/background.jpg);
	}
}






.cats-bg-sommer {
	background-image: url('/shop/media/fairpreis/pictures/sommer/product_summer.jpg');
	background-size:100%;
	background-repeat: no-repeat;
}

#schatzkiste {
	background-image: url('/shop/media/fairpreis/pictures/schatzkiste/hintergrund.jpg'); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:600px;
	
}
.tbox {

  background-color: white;
  opacity: 0.8;
  padding:5px;
}





#aktion {
	
	
}

#aktion .kopf {
	background-color: white;
	
}

#aktion .aTab {
	padding:1px;
	width:100%;
}

#aktion .aTabHead {
	background-color:#676c6f;
	color:white;
	padding:5px;
	font-weight:bold;
}
#aktion .aTabLineQTY {
	background-color:#ffd96f;
	font-weight:bold;
	color:#000;
	padding:5px;
	border:1px solid #FFF;
}


#aktion .aTabLineStk {
	background-color:#ffd96f;
	font-weight:bold;
	color:#000;
	padding:5px;
	border:1px solid #FFF;
}
#aktion .aTabLineGratis {
	background-color:#FFF;
	font-weight:bold;
	color:red;
	padding:5px;
	border:1px solid #FFF;
}
#aktion .aTabLinePreis {
	background-color:#ffd96f;
	font-weight:bold;
	color:#000;
	padding:5px;
	border:1px solid #FFF;
}

#aktion .Ptabel1 {
	white-space: nowrap;
	font-weight:bold;
	padding-right:5px;
	width:15%
}

#aktion .Ptabel2 {
	width:20%;
	padding-top:4px;
}

#aktion .Ptabel3 {
	width:60%
}





#aktion .aTabLinePlants1 {
	background-color:#ffd96f;
	font-weight:bold;
	color:#000;
	padding:5px;
	border:1px solid #FFF;
	width:30%;
}
#aktion .aTabLinePlants2 {
	background-color:#FFF;
	font-weight:bold;
	color:red;
	padding:5px;
	border:1px solid #FFF;
	width:20%;
}
#aktion .aTabLinePlants3 {
	background-color:#ffd96f;
	font-weight:bold;
	color:#000;
	padding:5px;
	border:1px solid #FFF;
	width:50%;
}









/* Categorie Listing */
#categorie-listing .text-primary {
	color:#656b6e;
}

#categorie-listing .section .title a {
	font-weight:bold;
}


#categorie-listing .section {
	border-width:0px;
	background-color:transparent;
}




/* Product Listing */
.panel-body {
	padding:0px;
}

.listing .section .section-footer {
	margin-top:0px;
	padding:0px;
}

.listing .section {
	margin-bottom:50px;
}

.listing .section .title {
	margin-top:0px;
	margin-bottom:5px
}

.listing .section .title .h1,.listing .section .title .h2,.listing .section .title .h3,.listing .section .title .h4,.listing .section .title .h5 {
	margin:0px
}


.breadcrumb li a {
	color:#777;
}
.breadcrumb>.active {
	color:#777;
	font-weight:bold;
}



/* Product Listing*/
.product-listing .listing .title {
	background-color:#f5ce1d;
	padding:1rem;
	text-align:center;
	border-radius:10px;
}



.product-listing .listing .product-restposten {
	background-color:#656b6e;
	padding:0.8rem;
	color:white;
	text-align:center;
	margin-bottom:0.4rem
	
}

.product-listing .listing .product-price {
	background-color:#656b6e;
	padding:0.8rem;
	color:white;
	text-align:center;
	margin-bottom:0.4rem;
	border-radius:10px;
	
}
.product-listing .products-sort-pages {
	padding-top:0rem
}

.bonusgold {

	background-color:#ffd700;
	color:#1d1353;
		padding:20px;
	border-radius:10px;
}

	
}
.bonusgold2 {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #ffaa22;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	padding:20px;
	border-radius:10px;
}

.harrys-dotframe-usf {
	background-color:#e1e4e5;
	border-style: dotted;
	border-color: #FFF;
	border-image-source: url('/shop/media/fairpreis/div/harrys_dotframe.svg');
	border-image-slice:26% 26%;
	border-image-repeat: round;
	border-width:8px;
	padding:5px;
}

.harrys-dotframe-usf-neu {
	border-style: dotted;
	border-color: #FFF;
	border-image-source: url('/shop/media/fairpreis/div/harrys_dotframe.svg');
	border-image-slice:26% 26%;
	border-image-repeat: round;
	border-width:8px;
	padding:5px;
}

.harrys-dotframe {
	/*background-color:#e1e4e5;*/
	/*border-style: dotted;*/
	/*border-color: #FFF;*/
	/*border-image-source: url('/shop/media/fairpreis/div/harrys_dotframe.svg');*/
	/*border-image-slice:26% 26%;*/
	/*border-image-repeat: round;*/
	/*border-width:8px;*/
	padding:5px;
	border-radius:10px;
	background-color:transparent;
	
	
}

.harrys-dotframe-std {
	/*background-color:#e1e4e5;*/
	/*border-style: dotted;*/
	/*border-color: #FFF;*/
	/*border-image-source: url('/shop/media/fairpreis/div/harrys_dotframe.svg');*/
	/*border-image-slice:26% 26%;*/
	/*border-image-repeat: round;*/
	/*border-width:8px;*/
	padding:5px;
	border-radius:10px;
	background-color:transparent;
}


.harrys-dotframe2 {
	/*background-color:transparent;*/
	/*border-style: dotted;*/
	/*border-color: #FFF;*/
	/*border-image-source: url('/shop/media/fairpreis/div/harrys_dotframe.svg');*/
	/*border-image-slice:26% 26%;*/
	/*border-image-repeat: round;*/
	/*border-width:8px;*/
	padding:5px;
	border-radius:10px;
	background-color:transparent;
}






.harrys-dotframe3 {
	/*background-color:transparent;*/
	/*border-style: dotted;*/
	/*border-color: #FFF;*/
	/*border-image-source: url('/shop/media/fairpreis/div/harrys_dotframe.svg');*/
	/*border-image-slice:26% 26%;*/
	/*border-image-repeat: round;*/
	/*border-width:8px;*/
	padding:5px;
	border-radius:10px;
	background-color:transparent;
}


.harrys-dotframe5 {
	/*background-color:#ffda6f;*/
	/*border-style: dotted;*/
	/*border-color: #FFF;*/
	/*border-image-source: url('/shop/media/fairpreis/div/harrys_dotframe.svg');*/
	/*border-image-slice:26% 26%;*/
	/*border-image-repeat: round;*/
	/*border-width:8px;*/
	/*border-top-width:0px;*/
	padding:5px;
	margin:0px;
	border-radius:10px;
	background-color:transparent;
}



.panel {
	background:transparent;
}
.panel-default {
	background:transparent;
	border:0px;
}
.cats-bg-slider {
	background-image: url('/shop/media/fairpreis/pictures/main/plants2025.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	border-radius:10px;
	padding:10px;

	
}

.cats-bg {
	background-image: url('/shop/media/fairpreis/pictures/main/product2025-2.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	border-radius:10px;

}

.cats-bg-usf-neux {
	background-image: url('/shop/media/fairpreis/pictures/main/product2025-2.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	padding:5px;
	border-radius:10px;
}
.cats-bg-usf-neu {
	background-image: url('/shop/media/fairpreis/pictures/main/usf_product_new.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	padding:5px;
	border-radius:10px;
	    
	
	
}

.usf-overlay-label {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
    z-index: 10;
}


.urnbox-with-background {	
	background-image: url('/shop/media/fairpreis/pictures/main/plants2025.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	padding:5px;
	border-radius:10px;
}
.urnbox {
      background-color: #ffffff; 
      border-radius: 15px; 
      border: 1px solid #ccc; 
	  padding:8px;
}


.cats-bg-neu {
	background-image: url('/shop/media/fairpreis/pictures/main/product_neu2025-2.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	border-radius:10px;
}
.cats-bg-neu-april {
	background-image: url('/shop/media/fairpreis/pictures/aktion_april2025/product_neu2025-april.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	border-radius:10px;
}


.cats-bg-plants {
	background-image: url('/shop/media/fairpreis/pictures/main/plants2025.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	border-radius:10px;
}
.cats-bg-plants2 {
	background-image: url('/shop/media/fairpreis/pictures/main/plants2_2025.jpg');
	background-size:100%;
	background-repeat: no-repeat;
	border-radius:10px;
}


.btn {
	border:0px;
	padding:10px;
	background-color:#1d1353;
	color:#ffd700;
	border-radius:10px;
}
.btn a:hover {
	background-color:#ffd700;
	color:#1d1353;
}



.btn-default {
	background-color:#1d1353;
	color:#FFFFFF;
	border-radius:10px;
}
.btn-default:focus,
.btn-default.focus {
	background-color:#1d1353;
	color:#FFFFFF;
}
.btn-default:hover {
	background-color:#1d1353;
	color:#FFFFFF;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-color:#1d1353;
	color:#FFFFFF;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	background-color:#1d1353;
	color:#FFFFFF;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
	background-color:#1d1353;
	color:#FFFFFF;
}

.btn-danger {
	background-color:#1d1353;
	color:#FFFFFF;
	border-radius:10px;
}
.btn-danger:focus,
.btn-danger.focus {
	background-color:#ffd700;
  color: #1d1353;
}
.btn-danger:hover {
	background-color:#ffd700;
  color: #1d1353;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
	background-color:#ffd700;
  color: #1d1353;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
	background-color:#ffd700;
  color: #1d1353;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
	background-color:#ffd700;
  color: #1d1353;
}




.btn-success {

}




.btn-success {
		border-radius:10px;

  color: #ffffff;
	background-color:#1d1353;
}
.btn-success:focus,
.btn-success.focus {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-success:hover {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
	background-color:#ffd700;
	color:#1d1353;
}




.btn-primary {
  color: #ffffff;
	background-color:#1d1353;
}
.btn-primary:focus,
.btn-primary.focus {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-primary:hover {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
	background-color:#ffd700;
	color:#1d1353;
}

.btn-cart {
    color: #ffffff;
	background-color:#1d1353;
}
.btn-cart:hover {
	background-color:#ffd700;
	color:#1d1353;
}




.btn-cart {
    color: #ffffff;
	background-color:#1d1353;
 /* border-color: #10974c;*/
}
.btn-cart:focus,
.btn-cart.focus {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-cart:hover {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-cart:active,
.btn-cart.active,
.open > .dropdown-toggle.btn-cart {
	background-color:#ffd700;
	color:#1d1353;
  background-image: none;
}
.btn-cart:active:hover,
.btn-cart.active:hover,
.open > .dropdown-toggle.btn-cart:hover,
.btn-cart:active:focus,
.btn-cart.active:focus,
.open > .dropdown-toggle.btn-cart:focus,
.btn-cart:active.focus,
.btn-cart.active.focus,
.open > .dropdown-toggle.btn-cart.focus {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-cart.disabled:hover,
.btn-cart[disabled]:hover,
fieldset[disabled] .btn-cart:hover,
.btn-cart.disabled:focus,
.btn-cart[disabled]:focus,
fieldset[disabled] .btn-cart:focus,
.btn-cart.disabled.focus,
.btn-cart[disabled].focus,
fieldset[disabled] .btn-cart.focus {
	background-color:#ffd700;
	color:#1d1353;
}
.btn-cart .badge {
	background-color:#ffd700;
	color:#1d1353;
}



.button.coc-more-link {
    color: #ffffff !important;
	background-color:#1d1353 !important; 
    vertical-align: top;
    margin: 15px 2px 5px 0;
    padding: 0 5px;
    float:right;
    display: inline-block;
}

.button.coc-accept-link {
    color: #ffffff !important;
	background-color:#1d1353 !important;
    vertical-align: top;
    margin: 15px 2px 5px 0;
    padding: 0 5px;
    float:right;
    display: inline-block;
}

.coc-accept-link:hover {
    cursor: pointer;
}

.coc-more-link a:hover {
    text-decoration: none;
}

.btn-danger {
	border-radius:10px;
}



.bgold {
	background-color:#ffd700;
}
.bgold:hover {
	background-color:#1d1353;
	color:#ffffff;
}

.bgold-old {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #ffaa22;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	padding:10px;
}


.buttonYellow {
  color: #ffffff;
	background-color:#1d1353;
	color:#ffd700;
}
.buttonYellow:hover {
	background-color:#ffd700;
	color:#1d1353;
}



.buttonGreen {
    color: #ffffff;
	background-color:#1d1353;
}
.buttonGreen:hover {
	background-color:#ffd700;
	color:#1d1353;
}



.buttonGrey {
    color: #ffffff;
	background-color:#1d1353;
}
.buttonGrey:hover {
	background-color:#ffd700;
	color:#1d1353;
}






.progress {
  height: 22px;
  margin-bottom: 22px;
  overflow: hidden;
  background-color: #1d1353;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 22px;
  color: #ffffff;
  text-align: center;
  background-color: #1d1353;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}








.form-control {
	background:transparent;
	border-radius:5px  !important;
}
.badge {
	border-radius:5px;
	
}


.image-link {
	border-radius: 10px;
}
.btn-secondary {
	border-radius:10px;
}

.checkout-progress {
	border-radius:10px;
}

.table-bordered {
    border-collapse: separate; /* Muss auf separate sein */
    border-spacing: 0; /* Verhindert Lücken zwischen Zellen */
    border-radius: 10px !important;
    border: 1px solid #ddd !important;
    background-color: #fff;
    overflow: hidden;
}



.table-bordered-old {
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    background-color: #fff;
    overflow: hidden;
}
.btn-primary {
	border-radius:10px;
}
.checkout-box {
	background-color:#FFF;
	border-radius:10px;
}

.cats-bg-neu-transparent {
	background-image: url('/shop/media/fairpreis/pictures/main/product_neu_transparent.png');
	background-size:100%;
	background-repeat: no-repeat;
}


.cats-bg-sommerrabatt {
	background-image: url('/shop/media/fairpreis/pictures/sommeraktion/bg_sommerrabatt.jpg');
	background-size:100%;
	background-repeat: no-repeat;
}



.cats-bg-ceaktion {
	/*background-image: url('/shop/media/fairpreis/pictures/main/ce5_background.jpg');*/
	/*background-size:100%;*/
	/*background-repeat: no-repeat;*/
}
.cats-bg-herbst2019 {
	background-image: url('/shop/media/fairpreis/pictures/main/backgroundherbst2019.jpg');
	background-size:100%;
	background-repeat: no-repeat;
}






.cats-bg-kinder {
	background-image: url('/shop/media/fairpreis/pictures/main/product_kinder.jpg');
	background-size:100%;
	background-repeat: no-repeat;
}


/* Navigation links */
.box-categories .panel-heading {
	/* background:#656b6e; */
	background-image: url(/shop/media/fairpreis/pictures/main/panel_head.png);
	background-repeat: repeat-x;
	
}
.box-categories ul li.level-1 a {
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;	
	border-top:0px solid #CCC;
}
.box-categories ul li.level-1 a:hover {
	background-color:#F1F1F1;
}

.box-categories ul li.level-1.active2 a {
	background-color:#F4F4F4;
	color:#000;
	border:0px solid #888;
	border-bottom:0px;
}


.box-categories ul li.level-2 a {
	background-color:#FFF;
	color:#000;
	padding-left:25px;
	border:0px #888 solid;
	border-bottom:0px;
	border-top:1px dotted #CCC;
}


.box-categories ul li.level-2 a:hover {
	background-color:#F1F1F1;
}
.box-categories ul li.level-2.active a{
	color:#000;
	background-color:#F1F1F1;
	/*text-decoration:underline;*/
}


/* TOP */
#header .meta-navigation a {
	color:black;
	font-size:16px;
	text-decoration:none
}

#header .meta-navigation a:hover {
	color:black;
	text-decoration:underline;
}

#header .snakeBackground {
	background-image: url(/shop/media/fairpreis/pictures/main/background13.jpg);
	background-position: center center;
}

#header .topline {
	height:40px;
	/*background-image: url(/shop/media/fairpreis/pictures/main/topline.png)*/
}


/* Logo Streifen RESET und Farbeeinstellungen Buttons */
#header .header-top .col {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


#header .navbar-toggle {
	background-image:none;
	background-color:#333;
}




#footer {
	/*background-image: url(/shop/media/fairpreis/pictures/main/footer.jpg);*/
	background-color:#1d1353;
	background-position: center center;
	padding:0px;
	// box-shadow: 0px 0px 30px 0px #ffda6f;
}

#footer .headline {
	border-bottom-color: #FFF;
	
}



/* 2025 */
/* Bühne: fixe Höhe, Inhalt zentriert */
/* === HARTE OVERRIDES NUR FÜR DEINE CAROUSELS === */

/* Dots-Container: direkt an den unteren Bildrand kleben */
.owl-theme .owl-controls {
  position: absolute;
  bottom: 3px;               /* 3px über dem Bildrand */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
}

/* Basis-Dots = Weiß (nicht transparent) */
.owl-theme .owl-controls .owl-page span {
  background: #ffffff;       /* deckendes Weiß */
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: block;
  margin: 4px;
  transition: background 0.3s, transform 0.3s;
}

/* Aktiver Dot = Gelb */
.owl-theme .owl-controls .owl-page.active span {
  background: #ffd515;
  transform: scale(1.2);     /* etwas größer */
}

/* Hover auf inaktive Dots = ebenfalls Weiß, deckend */
.owl-theme .owl-controls .owl-page:hover span {
  background: #ffffff;
}

/* Navigation */

/* Hauptnavigation Farbe */
#header .navbar-default .navbar-nav>li>a{
	color:white;
	/*background-image: url(/shop/media/fairpreis/pictures/main/nav_yline.png);*/
}





#header	.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #211350;
}

/* Kelein */
@media (max-width:991px){

	#header .navbar-default .navbar-nav .open .dropdown-menu .title {
		color:#000;
		background-color:white;
		font-weight:bold;
		text-align:left;
	}
	#header .navbar-default .navbar-nav  {
		background-color:white;
		border: 2px #CCC solid;
		margin-top:0px;
		padding-top:0px;
		
	}
	#header .navbar-default .navbar-nav>li>a {
		background-color:white;
		color:black;
		background-image: none;
		border-bottom:1px #CCC solid;
	}
	

	
	/* Hintergrund */
	#header .box-search {
		background:transparent;
	}
	#header .navbar-search .box-search .search-box-form .input-group .submit-button {
		background-image:none;
		/* background-color:#333; */
		background:transparent;
	}
	#header  .navbar-default {
		background-image: url(/shop/media/fairpreis/pictures/main/nav_yline2.png);
		background-repeat: repeat-x;
		/*background-color:white;*/
	}
	
	#header .navbar-default .navbar-nav>.open>li {
		background-image:none;
	}

	/* Keinen Border unten wenn toggle offen */
	#header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		background-color:white;
		color:#333;
		background-image:none;
		border-bottom:0px #CCC solid;
	}
	#header  .navbar-default .navbar-nav>.open>a:hover {
		background-color:white;
		color:#333;
	}
	#header .navbar-default .navbar-nav a:hover {
		background-color:white;
		color:#333;
		
	}

	#header .title { 
		border-bottom:0px;
	}

	
	
	#header .navbar-default .navbar-nav .open .dropdown-menu .level-2 {
		margin-left:35px;
		/*background-color:#FFF;*/
		color:#000;
		padding-bottom:5px;
		padding-top:5px;
		border-bottom: 1px solid #eee;
	}
	#header .navbar-default .navbar-nav .open .dropdown-menu .level-2:hover {
		background-color:white;
		color:black;
	}

	
	#header .title { 
		border-bottom:0px;
	}

	#header .navbar-default .navbar-nav .open .dropdown-menu .level-3 {
		margin-left:90px;
		list-style:disc;
	}
	#header .navbar-default .navbar-nav .open .dropdown-menu .level-3 >a, .navbar-default .navbar-nav .open .dropdown-menu .level-3 >a:hover, .navbar-default .navbar-nav .open .dropdown-menu .level-3 >a:focus {
		color:#000;
	}
}
/* groß */
@media (min-width:992px) {
	#header .navbar-default .navbar-nav>li>a:hover {
		background-color:white;
		background-image: none;
		color:black;
	}
	
	/* Aktives Element 1 Ebene*/
	#header .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
		color:black;
		text-decoration:underline;
		background:transparent;
	}
	#header .main-navigation {
		background-image: url(/shop/media/fairpreis/pictures/main/nav_yline2.png);
		background-repeat:repeat-x;
	}
	#header .navbar-default .navbar-nav>li>a:focus {
		/*background-color:white;*/
		background-image: none;
		
	}
	/* Weiss bleiben beim Ausfahren der meganavbar */
	#header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		background-color:#FFF;
		color:#333;
		background-image:none;
	}
	/* Navbar in Großansicht Popup*/
	.navbar-mega {
		padding:19px 0;
		margin:-30px 0 30px;
		list-style-type:none;
		position:relative;
		z-index:1000;
		background-color:#FFF;
		color:#777;
		border-top:5px solid #FFF;
		border-bottom-right-radius:0;
		border-bottom-left-radius:0
	}

	
	
	.navbar-mega .level-2 {
		border-right:1px #CCC dotted;
		padding:5px;
		margin-bottom:5px;
		border-bottom:1px #CCC dotted;
	}
	
	.navbar-mega .level-2:hover {
		background:#f7f7f7;
		color:black;
	}
	.navbar-mega .level-2 .title:a {
		color:#000;
	}
	.navbar-mega .level-2 .title:hover {
		color:#0018a9;
		color:black;
	}
	
	.navbar-mega  .level-3 .title-3:hover {
		background:#f7f7f7;
		color:black;
		
	}
	.navbar-mega .level-3 .title-3:a {
		color:#000;
	}
	.navbar-mega .level-3 .title-3:hover {
		color:#0018a9;
	}
	
	
}


.rowbox {
		border:0px solid #CCC;
		display:table;
		cursor:pointer;
		width:100%;
		padding:5px 0 5px 25px;
}

.xxx {
		border:1px solid #CCC;
		display:table;
		cursor:pointer;
		width:100%;
		padding:5px 0 5px 25px;
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
		background-color:#f9f9f9;
	
	
}











.hbadge {
	padding:0.6rem;
	float:right;
	background-color:white;
	color:black;
	
	line-height:1rem;
	border:1px #CCC solid;
	border-radius:5px;
}



.usfPaggiRoundi {
	border-radius:10px;

}


/* USF Show*/
.mitAbstand {
	padding-left:0px;
	padding-right:0px;
}
.ohneAbstand {
	padding-left:0px;
	padding-right:0px;
}

#usf-navtop .navtop {
	background-color:#FFFFFF;
	border:1px #CCC solid;
	padding:5px;
	border-radius:5px;
	
}
#usf-navtop .gefunden {
	width:250px;
	float:left;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
}
#usf-navtop .suchfeld {
	width:350px;
	float:left;
}
#usf-navtop .h43 {
	height:43px;
}
#usf-navtop .nav-pills>li>a,.nav-pills>li>a:focus {
	color:#999;
	background-color:#EEE;
}


#usf-navtop  .nav-pills>li>a:hover { 
	color:#fff;
	background-color:#CCC;
}
#usf-navtop .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
	color:#fff;
}

#usf-navtop  .toppagi {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#usf-navtop  .toppagi>li {
	padding:2px;
	list-style:none;
	float: left;
}
#usf-navtop  .toppagi>li>a,.toppagi>li>a:focus,.toppagi>li>a:hover {
	padding-top:4px;
	color:#000;
	height:33px;
	border:1px #CCC solid;
	background-color:white;
	padding-left:8px;
	padding-right:8px;
	display: block;
}



/* Pagination unten in DB Service */
#usf-show .botpagi li a {
	color:#000;
}
#usf-show .botpagi li a:hover {
	color:#000;
}





#sidemenu {
	padding-left:0px;	
	margin-bottom:10px;
	padding-right:0px;
	border: 0px #CCC solid;
	border-radius:5px;
	padding:10px;
	background-color:white;
	
}
#sidemenu .sidemenu-nowrap {
	white-space: nowrap; 
	display: inline-flex; 
	align-items: center;
}

#sidemenu .respico {
        flex-shrink: 0;
        margin-right: 10px; 
}


#sidemenu .active {
	border:1px solid #CCC;
	display:table;
	cursor:pointer;
	width:100%;
	padding:5px 0 5px 25px;
	border-bottom:0px;
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
#sidemenu .not-active {
	border:1px solid #CCC;
	display:table;
	cursor:pointer;
	width:100%;
	padding:5px 0 5px 25px;
	border-bottom:0px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
}





#sidemenu .menuitem {
	/*padding:0.3125em;*/
	padding:0px;
	padding-left:10px;
	border:0px solid #EEE;
	border-radius:4px;
	margin-top:1px;
	color:#656b6e;
}

#sidemenu .menuitem a {
	color:#656b6e;
	font-size:18px;
	font-weight:normal;
	width:100%;
	display: block;
	text-decoration:none;
	display: flex; 
    align-items: center; 
	

}
#sidemenu .menuitem a:hover {
	color:#656b6e;
	font-size:18px;
	font-weight:normal;
	width:100%;
	display: block;
	text-decoration:none;
	display: flex; 
    align-items: center; 
}

#sidemenu .menuitem {
	/*background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);*/
	/*background-color:#f9f9f9;*/
	border-bottom:0px #EEE solid;
	border-top:0px #CCC solid;
}


#sidemenu .menuitem:hover {
	/* background:linear-gradient(to bottom, #f9f9f9 5%, #f6d850 100%); */
	background-color:#EEEEEE;
}

#sidemenu .menuitem-active {
	padding:0px;
	padding-left:10px;
	border:0px solid #EEE;
	border-radius:4px;
	margin-top:1px;

}

#sidemenu .menuitem-active a {
	color:#656b6e;
	font-size:18px;
	font-weight:bold;
	width:100%;
	display: block;
	text-decoration:none;
	display: flex; 
    align-items: center; 

}
#sidemenu .menuitem-active a:hover {
	color:#656b6e;
	font-size:18px;
	font-weight:bold;
	width:100%;
	display: block;
	text-decoration:none;
	display: flex; 
    align-items: center; 
	
}

#sidemenu .menuitem-active {
	/*background:linear-gradient(to bottom, #f9f9f9 5%, #7a7a7a 100%);*/
	/*background-color:#f5ce1d;*/
	/*border-bottom:1px #EEE solid;*/
	/*border-top:1px #CCC solid;*/
	background-color:#EEEEEE;
}


#sidemenu .menuitem-active:hover {
	/*background:linear-gradient(to bottom, #f9f9f9 5%, #f6d850 100%);*/
	/*background-color:#f5ce1d;*/
	background-color:#EEEEEE;
}






#sidemenu .menuitem2 {
	margin-top:3px;
	padding-left:50px;
	border:0px solid #EEE;
	border-radius:4px;
	margin-top:1px;
	display: flex; 
    align-items: center; 
}

#sidemenu .menuitem2 a {
	color:#656b6e;
	font-size:18px;
	font-weight:normal;
	width:100%;
	display: block;
	text-decoration:none;
	display: flex; 
    align-items: center; 
}
#sidemenu .menuitem2 a:hover {
	color:#656b6e;
	font-size:18px;
	font-weight:normal;
	width:100%;
	display: block;
	text-decoration:none;
	display: flex; 
    align-items: center; 
}

#sidemenu .menuitem2 {
	border-bottom:0px #EEE solid;
	border-top:0px #CCC solid;
}


#sidemenu .menuitem2:hover {
	background-color:#EEEEEE;
}






#sidemenu .menuitem2-active {
	padding-left:50px;
	border:1px solid #EEE;
	border-radius:4px;
	margin-top:1px;
}

#sidemenu .menuitem2-active a {
	color:#656b6e;
	font-size:18px;
	font-weight:bold;
	width:100%;
	display: block;
	text-decoration:none;
	display: flex; 
    align-items: center; 

}
#sidemenu .menuitem2-active a:hover {
	color:#656b6e;
	font-size:18px;
	font-weight:bold;
	width:100%;
	display: block;
	text-decoration:none;
	display: flex; 
    align-items: center; 
}

#sidemenu .menuitem2-active {
	background-color:#EEEEEE;
	border-bottom:1px #EEE solid;
	border-top:1px #CCC solid;
}


#sidemenu .menuitem2-active:hover {
	background-color:#EEEEEE;
}


#sidemenu .sidemenue-resptext {
	white-space: nowrap;
	display: inline-block;
	padding-left:5px;
}


#sidemenu .line-break {
	display:none;
}



#sidemenu .hideme {
	.display: inline-block;
}



@media (min-width: 800px) and (max-width: 1400px) { 

	#sidemenu .sidemenue-resptext {
		white-space: normal;
	}

	#sidemenu .line-break {
		display: inline;
	}
	
	#sidemenu .hideme {
		display:none;
	}
	
	#sidemenu .menuitem {
		padding-left:0px;
	}
	#sidemenu .menuitem-active {
		padding-left:0px;
	}

	#sidemenu .menuitem2 {
		padding-left:20px;
	}
	#sidemenu .menuitem2-active {
		padding-left:20px;
	}
}





#usf-filter {
	padding-left:0px;	
	margin-bottom:10px;
	padding-right:0px;

	border: 1px #CCC solid;
	border-radius:5px;
	padding:6px;
	background-color:white;
}



#usf-filter .active {
	border:1px solid #CCC;
	display:table;
	cursor:pointer;
	width:100%;
	padding:5px 0 5px 25px;
	border-bottom:0px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
#usf-filter .not-active {
	border:1px solid #CCC;
	display:table;
	cursor:pointer;
	width:100%;
	padding:5px 0 5px 25px;
	border-bottom:0px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
}


#usf-filter .filterDev {
	padding:0.3125em;
	border:1px solid #EEE;
	border-radius:7px
}





#usf-filter .filterDev a {
	color:#000;
	font-size:18px;
	font-weight:bold;
	width:100%;
	display: block;

}
#usf-filter .filterDev a:hover {
	color:#000;
	font-size:18px;
	font-weight:bold;
	width:100%;
	display: block;
}

#usf-filter .filterDev {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border-bottom:1px #EEE solid;
	border-top:1px #CCC solid;
}


#usf-filter .filterDev:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}












#usf-filter .filterHead2 a {
	color:#000;
	font-size:18px;
	font-weight:bold;
	width:100%;
	display: block;
}
#usf-filter .filterHead2 a:hover {
	color:#000;
	font-size:18px;
	font-weight:bold;
	width:100%;
	display: block;
}

#usf-filter .filterHead2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}


#usf-filter .filterBody {
	padding:0.3125em;
	background-color:#FFFFF;
	
}
	


#usf-filter-xs .filterMenue {
	background-image:none;
	background-color:#333;
		
	
}

#content .buttonStd {
	margin-top:10px;
	margin-bottom:10px;
	background-color:#36870a;
	font-weight:bold;
	color:#FFF;
	border:1px solid #EEE;

}
#content .buttonStd:hover {
	background-color:#36870a;
	font-weight:bold;
	color:#FFF;
	border:1px solid #EEE;
}





#ivp {
	
}


#ivp .cbox {
	border:0px #CCC solid;
	width:100%;
	min-height:200px;
}


#ivp .buttonGreen {
	
	background-color:#36870a;
	font-weight:bold;
	color:#FFF;
	border:1px solid #EEE;
}
#usf-filter .buttonGreen:hover {

	background-color:#36870a;
	font-weight:bold;
	color:#FFF;
	border:1px solid #EEE;
}

#ivp .buttonOrange {

	background-color:#ffda6f;
	font-weight:bold;
	color:#666;
	border:1px solid #EEE;

}
#usf-filter .buttonOrange:hover {
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ffda6f;
	font-weight:bold;
	color:#000;
	border:1px solid #EEE;
}





.FPHead {
	font-weight:bold;
	font-size:20px;
	
}



.FPline {
	clear:both;
	height:1px;
	width:100%;
	background-color:#CCC;
}





.video-popup-inner {
	width:900px;
	height:506px;
	/*width:90%;*/
	padding:20px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	border-radius:3px;
	background:#fff;
}

/* Close Button */
.video-popup-close {
	width:30px;
	height:30px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background-color:#FFF;
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#000;
}

.video-popup-close:hover {
	background:rgba(0,0,0,1);
	text-decoration:none;
}






.button-toggle-more {
	background:linear-gradient(to bottom, #36870a 5%, #36870a 100%);
	background-color:#b8e356;
	border:1px #CCC solid;
	height:35px;
	color:white;
	border-radius:5px;
}
.button-toggle-more :hover {
	background:linear-gradient(to bottom, #f5ce1d 5%, #f5ce1d 100%);
	background-color:#f5ce1d;
	color:white;
}

.button-toggle-fewer  {
	background:linear-gradient(to bottom, #f5ce1d 5%, #f5ce1d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ce1d', endColorstr='#f5ce1d',GradientType=0);
	background-color:#f5ce1d;
	border:1px #CCC solid;
	height:35px;
	color:black;
	border-radius:5px;
}

.button-toggle-fewer :hover {
	background:linear-gradient(to bottom, #f5ce1d 5%, #f5ce1d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ce1d', endColorstr='#f5ce1d',GradientType=0);
	background-color:#f5ce1d;
	color:black;
}





.buttonReset {
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ff0001;
	font-weight:bold;
	color:#FFF;
	border:1px solid #EEE;
}
.buttonReset:hover {
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ff0001;
	font-weight:bold;
	color:#FFF;
	border:1px solid #EEE;
}


#usf-filter .buttonFilter {
	text-align:left;
	background-color:#f5ce1d;
	vertical-align:middle;
	font-weight:bold;
	color:#444;
	border:0px #CCC solid;
}
#usf-filter .buttonAnwenden {
	margin-top:10px;
	margin-bottom:10px;

	font-weight:bold;
	color:#FFF;
	
	/*background-color:#36870a;*/
	border:1px #CCC solid;
	border-radius: 8px;
	
	width:100%;
}
#usf-filter .buttonAnwenden:hover {
	margin-top:10px;
	margin-bottom:10px;
	/*background-color:#45aa0f;*/
	font-weight:bold;
	
	border:1px solid #EEE;
}



#usf-filter .button-3set-green {
	background-color:#ffffff;
}
#usf-filter .button-3set-green:hover {
	background-color:#45aa0f;
	color:#FFF;
}

#usf-filter .button-3set-orange {
	background-color:#ffffff;
}
#usf-filter .button-3set-organge:hover {
	background-color:#f5ce1d;
}

#usf-filter .aktiv-green {
	background-color:#36870a;
	color:#FFF;
}
#usf-filter .aktiv-orange {
	background-color:#f5ce1d;
}





.row-flex-ma {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap; 
}
.col-fixed-ma {
	flex: 0 0 20%; 
	max-width: 20%;
}
.col-dynamic-ma {
	flex: 1; 
	display: flex;
	flex-wrap: wrap; 
	gap: 10px; 
	padding: 10px;
}
.col-dynamic-ma > div {
	height: 200px;
}


@media (min-width: 992px)
	.col-fixed-ma {
		flex: 0 0 25%; 
		max-width: 20%;
	}
	.col-dynamic-ma > div {
		flex: 1 1 calc(20% - 10px); 
	}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.col-fixed-ma {
		flex: 0 0 25%; 
		max-width: 25%;
	}
	.col-dynamic-ma > div {
		flex: 0 0 calc(25% - 10px); 
		height: 150px;
	}
}
@media (min-width: 576px) and (max-width: 767px) { 
	.col-fixed-ma {
		flex: 0 0 35%; 
		max-width: 100%;
	}
	.col-dynamic-ma > div {
		flex: 0 0 calc(50% - 10px); 
		height: 240px;
	}
}
@media (max-width: 575px) { 
	.col-fixed-ma {
		flex: 0 0 100%; 
		max-width: 100%;
	}
	.col-dynamic-ma {
		padding-left:0px;
		padding-right:0px;
	}
	.col-dynamic-ma > div {
		flex: 1 0 calc(50% - 10px); 
		height: 280px;
	}
}

