/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/*#footer{
	background: #455525;
	color: #fff;
	background: #455525 url(../../images/instagram.svg) 0px 0px no-repeat;
	background-size: 36px auto;
}
#footer a{
	color: #fff;
}*/



/* Font */
/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

body{
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 16px;
	 background: #fff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .productlist-filter-headline, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6{
	font-family: "Roboto Condensed", sans-serif;
	color:#313c1a;
}

h2, .h2{
	font-size: 2rem;
	font-size: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
	font-weight: 700;
	text-transform: uppercase;
}

h3, .h3{
	font-size: 1.4rem;
	font-size: clamp(1.4rem, 1.2799999999999998rem + 0.6000000000000001vw, 2rem);
}

.pt-10{
	padding-top: 50px;
}
.pb-10{
	padding-bottom: 50px;
}
.py-10{
	padding-top: 50px;
	padding-bottom: 50px;
}

.text-accent,
.productbox-price,
.tab-navigation .nav-link{
	font-family: "Roboto Condensed", sans-serif;
}

.breadcrumb-wrapper{
	border-color: transparent;
}

a{color:#313c1a; font-weight: bold; text-decoration: none;}
a:hover{color: #000000;}

ul.d-none.d-md-block {
    padding-left: 14px;
}

/* Main Wrapper */
/*#main-wrapper {
  max-width: 1920px;
  margin: 0 auto;
}*/

@media (min-width: 1300px){
	.container {
    max-width: 103.125rem;
}
}

@media (min-width: 2560px){
.container {
    max-width: 1637px;
}
}


/* Header */
#header-top-bar{
	background: #455525 !important;
	color: #fff;
}
#header-top-bar a{
	color: #fff !important;
}
#layout-header-benefits{
	display: flex;
	min-height: 50px;
	align-items: center;
}
#header-top-bar .flex-row-reverse {
    flex-direction: column !important;
}

#header-top-bar .onlineshop-header{
    padding-top:10px;
	padding-bottom:10px;
	font-weight: bold;
	text-align: left;
}

#header-top-bar a:not(.dropdown-item):not(.btn), header a:not(.dropdown-item):not(.btn) {
    color: #FFFFFF !important;
}
#layout-header-benefits .benefits-item{
	padding-left: 26px;
	margin-right: 50px;
	background: transparent url(../../images/header-checkmark.svg) left center no-repeat;
	background-size: 18px auto;
	font-weight: bold;
}
header #search #search-header{
	background: #f6f6f6;
	border-color: #f6f6f6;
}
header #search .btn-secondary{
	background: #f6f6f6;
	border-color: #f6f6f6;
	color: #535353;
	font-size: 20px;
	padding: 0px 10px;
}
header li.nav-item a {
    font-weight: bold;

}

header a:not(.dropdown-item):not(.btn) {
	color: #555555 !important;
}
@media screen and (min-width: 1300px){
	#header-top-bar .onlineshop-header{
		text-align: center;
	}
}

@media (min-width: 992px){
header .navbar-nav > .nav-item > .nav-link::before {
    border-width: 0 0 11px;
}
}

/* Footer */
#footer .productlist-filter-headline,
#footer .productlist-filter-headline,
#footer h3,
#footer .box-normal-link.dropdown-toggle{
	text-transform: uppercase;
	color: #fff !important;
	font-family: 'Roboto Condensed';
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}
#footer .hotline{
	font-size: 24px;
	font-weight: 700;
	background: transparent url(../../images/footer-hotline.svg) 0px 0px no-repeat;
	background-size: 36px auto;
	padding-left: 50px;
}
#footer .oeffnungszeiten{
	font-size: 13px;
}
#footer li{
	margin-bottom: 0;
}
#footer a.nav-link{
	color: #fff !important;
}
#footer a.nav-link:hover{
	color: #fff !important;
	opacity: 0.5 !important;
}
#footer #copyright > div{
	font-size: inherit;
	text-align: left;
}
#footer #copyright p{
	margin-bottom: 0;
}
#footer #copyright .tiktok{
	background: transparent url(../../images/footer-tiktok.svg) center center no-repeat;
	background-size: auto 100%;
	width: 30px;
	height: 34px;
	display: inline-block;
}
#footer #copyright .instagram{
	background: transparent url(../../images/footer-instagram.svg) center center no-repeat;
	background-size: auto 100%;
	width: 34px;
	height: 34px;
	margin: 0 10px;
	display: inline-block;
}
#footer #copyright .facebook{
	background: transparent url(../../images/footer-facebook.svg) center center no-repeat;
	background-size: auto 100%;
	width: 18px;
	height: 34px;
	display: inline-block;
}
#footer #copyright a:hover{
	opacity: 0.5;
}
#footer .footnote-vat{
	display: none;
}
#footer hr{
	border-top-color: rgba(255,255,255,0.3);
}

#footer{
	position: relative;
	margin-top:2rem;
}

#footer:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 5%;
    left: 0;
    right: 0;
    top: -4.9%;
    background-repeat: no-repeat;
	background-size: cover;
    background-image: url(../../images/banner_gruen.svg);
}

@media (min-width: 992px){
#footer:before {

    height: 10%;
    top: -9%;

}
}



/* Startpage */
.theme-default .nivoSlider{
	box-shadow: none;
}
.startpage-quicklinks{
	margin: 40px 0;
	overflow: hidden;
}
.startpage-quicklinks ul{
	list-style: none;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	gap: 24px;
	row-gap: 10px;
}
.startpage-quicklinks ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1 1 0px;
	text-align: center;
}
.startpage-quicklinks a{
	padding: 10px 10px;
	display: block;
	background: #455525;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.25rem;
	font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
	font-weight: 700;
}
.startpage-quicklinks a:hover{
	background: #313c1a;
}

.startpage-quicklinks a:after {
    content: '';
    background-image:url(../../images/arrow.svg);
	background-repeat: no-repeat;
    width: 10px;
    margin-left: 10px;
	margin-top: 6px;
    height: 60%;
    position: absolute;
}

.startpage-quicklinks a:hover span{
	opacity: 0.5;
}
.startpage-quicklinks a span{
	position: relative;
}
.startpage-quicklinks a span:after{
	display: inline-block;
	content: "";
	width: 12px;
	height: 20px;
	background: transparent url(../../images/startpage-quicklinks-arrow.svg) center center no-repeat;
	background-size: auto 20px;
	margin-left: 10px;
}
@media screen and (min-width: 768px) {
	.startpage-quicklinks ul{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.startpage-quicklinks ul li{
		flex:0 1 48%;
	}
	.startpage-quicklinks a{
	padding: 20px 10px;
	}

	.startpage-quicklinks a:after {
		margin-top:8px;
	}

}
@media screen and (min-width: 992px) {
.startpage-quicklinks ul li {
    flex: 1 1 0px;
}
}


.startpage-logos{
	margin-bottom: 40px;
}

.startpage-newsletter{
	color: #fff;
	padding: 160px 20px 30px 20px;
	background: #455525 url(../../images/startpage-newsletter.svg) center 30px no-repeat !important;
	background-size: 100px auto !important;
	min-height: 160px;
}
.startpage-newsletter input[type="text"]{
	padding: 10px;
	border: none;
	background: #fff;
	width: 100%;
}
.startpage-newsletter input[type="button"]{
	border: none;
	background: #EEFF00;
	padding: 10px;
	color: #000;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
.startpage-newsletter a{color:#FFFFFF;}

.startpage-newsletter input::placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

.startpage-newsletter .form-error-msg {
    color: #ff0000;
}

@media screen and (min-width: 768px) {
	.startpage-newsletter{
		padding: 30px 30px 30px 160px;
		background-position: 30px 30px !important;
	}
}

.startpagepanorama{
	min-height: 440px !important;
}

.startpagepanorama:after{
	content: '';
    position: absolute;
    width: 100vw;
    height: 15%;
    left: 0;
    right: 0;
    bottom: -2px;
    background-repeat: no-repeat;
	background-size: cover;
    background-image: url(../../images/banner_weiss.svg);
}

.startpagepanorama.grauoben::before{
    content: '';
    position: absolute;
    width: 100vw;
    height: 8%;
    left: 0;
    right: 0;
    top: -2px;
    background-repeat: no-repeat;
	background-size: cover;
    background-image: url(../../images/banner_grau.svg);
	transform: rotate(180deg);
}

.startpage-highlights-1{
	
}
.startpage-highlights-2{
	margin-bottom: 40px;
}

.startpage-socialmedia a{
	display: block;
	overflow: hidden;
}
.startpage-socialmedia a img{
	transition: all 0.3s;
}
.startpage-socialmedia a:hover img{
	transform: scale(1.1);
	transition: all 0.6s;
}

.container-fluid.opc-Container.mainheader{padding:20px !important}

.mainheader .col.col-md-6.col-lg-6.col-xl-6.col-12 {
    padding-right: 0;
}
.mainheader img{
	vertical-align:bottom;
    border:0;
	margin-bottom: -22px;
	margin-left: 20px;
	right:0;

}

.mainheader p {
	font-size: 1.5625rem;
	font-size: clamp(1.5625rem, 1.4375rem + 0.625vw, 2.1875rem);

}

@media screen and (min-width:768px){
	.mainheader img {
		position: absolute;
		bottom:0;
		right: 0;
		margin-bottom:calc(-83px - -2rem);
		margin-right: -40px;
	}
	.container-fluid.opc-Container.mainheader{padding:40px !important}
}
@media screen and (min-width:1200px){
	.mainheader img{
		position: relative;
		vertical-align:bottom;
		border:0;
		margin-left: 60px;
		bottom:calc(-41px - -2rem);
	}
	.container-fluid.opc-Container.mainheader{padding:60px !important}
}

.mainheader:after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 5%;
    left: 0;
    right: 0;
    bottom: -2px;
    background-repeat: no-repeat;
	background-size: cover;
    background-image: url(../../images/header-trenner.png);
}

@media screen and (min-width:992px){

	.mainheader:after {
		height: 12%;
}
}

@media screen and (min-width:1630px){
.mainheader .card.textarea {
    margin-left: calc((95vw - 103.125rem)/2);
}
}

/* Kategorien */
.sub-categories .caption{
	background: #313c1a;
}
.sub-categories .caption a{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}
.sub-categories .caption a:hover{
	opacity: 0.5;
}
.productbox-column .productbox-inner{
	text-align: center;
}
.productbox-title{
	text-transform: uppercase;
	font-weight: 700;
}
.productbox-title a{
	text-decoration: none;
}

.ribbon-4,
.ribbon-7,
.ribbon-8{
	padding: 0.4rem 1.2rem 0.25rem 1.2rem;
	box-shadow: none;
	user-select: none;
	top: -1rem !important;
}

.productbox.productbox-hover:hover .ribbon-4,
.productbox.productbox-hover:hover .ribbon-7,
.productbox.productbox-hover:hover .ribbon-8{
  top: -2rem !important;
}
.ribbon-4:before,
.ribbon-7:before,
.ribbon-8:before,
.ribbon-4:after,
.ribbon-7:after,
.ribbon-8:after{
	display: none;
}
.ribbon-4{
	color: #fff;
	background: #FFB300;
	background: transparent url(../../images/ribbon-4.svg) 0px 0px no-repeat;
	background-size: 100% 100%;
}
.ribbon-7{
	color: #fff;
	background: #E62F1B;
	background: transparent url(../../images/ribbon-7.svg) 0px 0px no-repeat;
	background-size: 100% 100%;
}
.ribbon-8{
	color: #fff;
	background: #73B700;
	background: transparent url(../../images/ribbon-8.svg) 0px 0px no-repeat;
	background-size: 100% 100%;
}

header .submenu-headline-toplevel{
	font-family: "Roboto Condensed", sans-serif;
	color:#313c1a;
	text-transform: uppercase;
}

header a.submenu-headline-toplevel:not(.dropdown-item):not(.btn){
	color:#313c1a !important;
}

.content-cats-small hr {
   border-color: rgba(255,255,255, 0.0);
}

.box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse{
	background-color: rgba(49, 60, 26, 0.05);
}



/* Produkte */


/*Buttons */

.btn-primary{
    background-color: #EEFF00;
    border-color: #EEFF00;
    color: #000000;
	border-radius: 0px;;
}

.btn-primary:hover {
    background-color: #000000;
    border-color: #000000;
    color: #EEFF00;
}

.btn-lg, .btn-group-lg > .btn {
    border-radius: 0rem;
}


/*Buttons */


/* Banner */

.banner{padding:60px 20px;}

@media screen and (min-width:992px){

	.banner{padding:60px 40px;}
}

@media screen and (min-width:1200px){

	.banner{padding:60px 60px;}
}

/* Banner */

.grau{
	padding-top:8rem;
	padding-bottom: 8rem;
	margin-bottom:8rem;
	margin-top:4rem;
}
.grau:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 5%;
    left: 0;
    right: 0;
    top: -2px;
    background-repeat: no-repeat;
	background-size: cover;
    background-image: url(../../images/banner_weiss.svg);
	transform: rotate(180deg);
}

.grau:after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 5%;
    left: 0;
    right: 0;
	z-index: 9;
    bottom: -2px;
    background-repeat: no-repeat;
	background-size: cover;
    background-image: url(../../images/banner_weiss.svg);
	transform: rotate(0deg);
}
.ohnebalkenunten.grau:after {
	background:none;

}

.grau_oben{
	padding-top:8rem;
	padding-bottom: 8rem;
	margin-bottom:8rem;
}
.grau_oben:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 5%;
    left: 0;
    right: 0;
    top: -5%;
    background-repeat: no-repeat;
	background-size: cover;
    background-image: url(../../images/banner_grau.svg);
}



/* Robins Angebote */

.robins{
	position: relative !important;
}

.robins .product-wrapper.product-wrapper-product.text-center-util.m-auto.box-slider {
    height: auto !important;
    width: 100%;
	background-color:#455525 ;
	color:#FFFFFF;
	padding-left:0px;
	padding-right: 0px;
}

.robins .product-wrapper.product-wrapper-product.text-center-util.m-auto.box-slider a {
	color:#FFFFFF !important;
	font-size: 2rem;
font-size: clamp(2rem, 1.84rem + 0.7999999999999998vw, 2.8rem);
text-decoration: none;
font-weight: bold;
}

.robins span.item-slider-desc.text-clamp-2 {
    width: 100%;
    padding: 1rem;
	text-align: left;
}
.robins .card.box.box-slider {
	margin-bottom:8rem;
	margin-bottom:4rem;
}
.robins .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding:0rem;
}
.robins .item-slider.productbox-image.square.square-image{
	width: 100%;
	float: inherit;
	background-color: #FFFFFF;
}

.robins .item-slider-price {
    position: relative;
    width: 100%;
    text-align: left;
	padding:1rem;
}
.robins .price.productbox-price.special-price{
	font-size: 2.5rem;
	font-size: clamp(2.5rem, 2.4rem + 0.5vw, 3rem);
}

.robins .instead-of.old-price .text-muted-util {
    color: rgba(255,255,255, 0.5);
}

.robins .opc-Countdown .col {
	color: #FFFFFF !important;
	flex: 0 0 50%;
    max-width: 50%;
	padding-bottom:1rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
}
.robins .opc-Countdown .col  div{
    background: #455525;
}
.robins .opc-Countdown .col  .cntdwn-item{
    padding-top:1rem;
}
.robins .opc-Countdown .col  .cntdwn-unit{
    padding-bottom:1rem;
}
.robins .deal img {
    max-width: 400px;
}

.robins .productbox-price{
	font-size: 3rem;
}

.robins .rob{
	width: 100%;
	height: 100%;
	position: absolute !important;
}


.robins .rob:after {
    content: '';
    background-image: url(../../images/roobins-geilstes-angebot.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 27em;
    right: -16px;
    height: 22em;
    position: absolute;
    bottom: -8em;
    z-index: 1;
}

.robins .slick-slide {
    padding: 0rem;
}
.robins .card.box.box-slider {
	border-color:rgba(255, 255, 255, 0);
	border:0px;
}

@media screen and (min-width:768px){
	.robins .opc-Countdown .col-3 {
		flex: 0 0 25%;
    	max-width: 25%;
	}

	
	.robins .item-slider-price {
		text-align: left;
	}
	.robins .product-wrapper.product-wrapper-product.text-center-util.m-auto.box-slider {
		padding-right: 0rem;
	}

	.robins span.item-slider-desc.text-clamp-2 {
		padding: 1.4rem;
		text-align: left;
		float: right;
	}

	.robins .item-slider-price {
		bottom: 0;
		right: 0;
		padding:1.4rem;
	}
	
	.robins .productbox-price{
		font-size: 4rem;
	}
	.robins .rob:after {
		content: '';
		background-image: url(../../images/roobins-geilstes-angebot.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 30em;
		height: 24em;
		position: absolute;
		bottom: -8em;
		z-index: 1;
	}


	}

	@media screen and (min-width:992px){
		.robins .opc-Countdown .col-3 {
			flex: 0 0 50%;
			max-width: 50%;
		}
		.robins .card.box.box-slider {
			margin-bottom:4rem;
		}
		.robins .rob:after{
			width: 25em;
			height: 20em;
		}
	
	}
@media screen and (min-width:1200px){
.deal {
    margin-top: -6rem;
}
}

@media screen and (min-width:1400px){
	.robins .opc-Countdown .col-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.robins .rob:after{
		width: 35em;
		height: 26em;
	}


}
@media screen and (min-width:1800px){

	.robins .rob:after{
		width: 48em;
		height: 35em;
		bottom:-8.3em;
	}


}

/*Robins Angebote */