/*
#b9ce00 GRÜN
#151515 SCHWARZ
*/


@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;800&display=swap');


html body{
	font-family: 'Maven Pro', sans-serif;
}

/**
*************************************************************
Navi
*************************************************************
**/


.o-navigation__level--1>.o-navigation__item:hover>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item:focus>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item--active>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item--trail>.o-navigation__item__link{
	_color: #fff;
}

.o-navigation__level--1>.o-navigation__item>.o-navigation__item__link{
	letter-spacing: 0;
}


/**
*************************************************************
mini form
*************************************************************
**/
.mini-form .o-row > .m-form-item.o-col {
	padding-top: 0;
}
@media (min-width: 46.25em) {
	.mini-form .o-row > .m-form-item.o-col {
		margin-bottom: 0;
	}
}

.mini-form .o-row .o-form-submit__button {
	border: 0;
	color: #fff;
	font-size: 1em;
	width: 100%;
}

.mini-form .o-form-wrap__required {
	display: none;
}


/**
*************************************************************
HERO
*************************************************************
**/

.o-hero-slider__headline .a-headline span.u-line{
	color: #ce284f;
}

.o-hero-slider__headline .a-headline span.u-line b{
	color: #ce284f;	
}

.o-hero-slider__headline{
}

.a-headline--h1{
}


/**
*************************************************************
Überschirften
*************************************************************
**/

h1{
	font-size: 4.5em;
	line-height: 1;
	font-weight: 700;
}
@media (max-width: 46.24em) {
	h1{
		font-size: 2em;
	}
}

.a-headline--h2{
	font-weight: 700;
	color: #ce284f;
	font-size: 2.5em;
}

@media (max-width: 1000px) {
.a-headline--h2{
	font-weight: 700;
	color: #ce284f;
	font-size: 1.5em;
}

	}


.a-headline--h1{
	font-weight: 700;
	color: #ce284f;
}
.a-headline{
	font-style: normal;
}

/**
*************************************************************
Main Color BLACK
*************************************************************
**/
#main{
	background: #1d1d1d;
}

.o-navigation__inner:before, .o-navigation__inner:after{
	background: #1d1d1d
}
.o-navigation__inner{
	background: #1d1d1d
}


.o-navigation__level--1>.o-navigation__item:hover>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item:focus>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item--active>.o-navigation__item__link, .o-navigation__level--1>.o-navigation__item--trail>.o-navigation__item__link{
	background: rgb(226,125,47);
background: linear-gradient(0deg, rgba(226,125,47,1) 0%, rgba(206,40,79,1) 100%);
color: #fff;
}

.o-navigation__item>.o-navigation__item__link{
	color: #fff;
}



.o-footer{
	color: #fff;
	border-top: 1px solid #fff;
}









/**
*************************************************************
Startseite
*************************************************************
**/

.boxen_mitbildern{
	background-position: right;
	min-height: 900px;
	padding: 30px;
    padding-top: 100px;
}

/**
*************************************************************
CONTENT TEXT
*************************************************************
**/


/**
*************************************************************
VORTEILE
*************************************************************
**/
.vorteile_wrapper{
	padding-left: 10%;
	padding-right: 10%;
}

.vorteile_white{
    background: #fff;
    border-radius: 18px;
    color: #151515 ;
    padding: 40px;


}
.vorteile_white  .a-headline{
    color: #fff ;
    font-weight: 800;
}

.a-edit-text{
	color: #fff ;
}

.a-headline--h3{
	font-size: 1.7em;
}

.vorteile_white .a-picture{
  animation-name: vorteileAnimate;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes vorteileAnimate {
  0%   {transform: translateY(0px);}
  100%   {transform: translateY(15px);}
}


/**
*************************************************************
WHITE LIST
*************************************************************
**/

.white_list{
	background: #fff;
    border-radius: 18px;
    color: #151515 ;
    padding: 10px;
    margin-bottom: -1rem;
}
.white_list_green{
	background: transparent;
    border-radius: 18px;
    color: #151515 ;
    padding: 10px;
    margin-bottom: -1rem;
    margin-top: 1rem;
}


/**
*************************************************************
Automatik Wrapper
*************************************************************
**/
.automatik_wrapper{
	border-radius: 18px;;
	background: #bacf22;
	padding: 40px;
	position: relative;
	margin-top: 30px;
}

.automatik_wrapper .a-edit-text{
	color: #FFF
}

.automatik_wrapper .a-picture{
	position: absolute;
    width: 380px;
    bottom: 0;
    right: 0;
}

@media (max-width: 700px) {
 .automatik_wrapper .a-picture{
 	display: none;
 }
}

/**
*************************************************************
Green BG
*************************************************************
**/
.green_bg{
    border-radius: 18px;
    padding: 40px;
    position: relative;
background: #fff;
}

.green_bg .a-edit-text{
	color: #1d1d1d;
}

.green_bg .a-cta{
	    border: 2px solid #aeae44;
	    color:#aeae44;
	    background: transparent;
	    width: 100%;
	    border-radius: 10px;
}

.green_bg h2{
	color: #ce284f;
}


.green_bg_bottom{
	background: #aeae44;
	border-radius: 18px;
	padding: 40px;
}

.green_bg_bottom .a-edit-text{
	color: #1d1d1d;
}

/**
*************************************************************
Blue
*************************************************************
**/

.blue_bg{
 border-radius: 18px;
    background: rgb(226,125,47);
background: linear-gradient(0deg, rgba(226,125,47,1) 0%, rgba(206,40,79,1) 100%);
    padding: 40px;
    position: relative;
    border: none;
}

.blue_bg .a-edit-text{
	color: #fff;
}

.blue_bg .a-cta{
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
    width: 100%;
    border-radius: 10px;
}

.blue_bg h2{
	color: #fff;
}

.blue_bg a{
	color:#fff;
}

.blue_bg .a-edit-text a:not(.a-cta){
	color: #fff;
}





.red_bg_bottom{
	background: #670015;
	border-radius: 18px;
	padding: 40px;
}

.red_bg_bottom .a-edit-text{
	color: #fff;
}

.brown_bg_bottom{
	background: #87765F;
	border-radius: 18px;
	padding: 40px;
}

.brown_bg_bottom .a-edit-text{
	color: #fff;
}


.brown_bg_bottom .a-cta{
	background: transparent

}





/**
*************************************************************
BUTTONS
*************************************************************
**/
._a-cta{
border: 2px solid #bacf2c;
    color: #bacf2c;
}
._a-cta:hover{
border: 2px solid #bacf2c;
    color: #fff;
    background: #bacf2c;
}





/**
*************************************************************

*************************************************************
**/
.sortiment_background{
	-webkit-box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
-moz-box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
padding: 54px !important;
}
.sortiment_no_background{
padding: 54px !important;
}

.sortiment_no_background:hover{
	-webkit-box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
-moz-box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);
box-shadow: 0px 0px 32px -13px rgba(72,53,44,0.56);

}

.sortiment_background:hover{
	-webkit-box-shadow: inset 0px 0px 32px -13px rgba(72,53,44,0.56);
-moz-box-shadow: inset 0px 0px 32px -13px rgba(72,53,44,0.56);
box-shadow: inset 0px 0px 32px -13px rgba(72,53,44,0.56);
}



.big_headline{
	font-size:2rem;
}



.checkmark_white{
padding: 20px;
    margin-bottom: 0;
    /* border: 5px solid #f3eb21; */
    border-radius: 10px;
    background-color: #fff;
}

.checkmark_white:hover{
    background-color: #f3eb21;
}

.button_fullwidth a{
	width: 100%;
}



/**Specials**/

.special_angebot{
	background-color: #fff;
    border-radius: 18px;
    padding: 40px;
}

.special_angebot .a-cta{
	background: transparent;
	border: 2px solid #670015;
    color: #670015;
    font-weight: 200;
}


.special_angebot .a-cta:hover{
	background: #670015;
    color: #fff;
}


/**BestPrice**/

.bestprice .a-edit-text{
	color: #FFF;
}

.bestprice .a-cta{
	background: transparent;
	border: 2px solid #fff;
    color: #fff;
    font-weight: 200;
}

.bestprice .a-cta:hover{
	background: #fff;
    color: #670015;
}

/**HEADLINE**/
.o-headline {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

/**Textcolor White**/

.textcolor_white{
	color: #fff;
}

.textcolor_white .a-headline--h2{
	color: #fff;
}

.Spalten{
	border-top: 1px solid #847b7b;
    border-bottom: 1px solid #847b7b;
    padding-top: 82px;
}


.gradient_bg{
	background: rgb(226,125,47);
background: linear-gradient(0deg, rgba(226,125,47,1) 0%, rgba(206,40,79,1) 100%);
}