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

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/public/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/public/fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/public/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/public/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/public/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/public/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/public/fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/public/fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/public/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/public/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/public/fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/public/fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/public/fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/public/fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/public/fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/public/fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../../files/public/fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/public/fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}

html body{
	background-color: #f4f4f8;
	color: #151515;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

/**
*************************************************************
Navi
*************************************************************
**/
.o-navigation,
.o-navigation__inner:before, .o-navigation__inner:after,
.o-navigation__inner
{
	background: #FFF;
	color: #151515;
}



.o-navigation__item>.o-navigation__item__link{
	color: #151515;
	font-weight: 800;
	text-transform: none;

}

.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: #b9ce00;
}

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




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

.o-hero-slider__headline .a-headline span.u-line{
	background: transparent;
	font-weight: 800;
	color: #151515;
	font-style: normal;
}

.o-hero-slider__headline{
	margin: 0;
}

.a-headline--h1{
	font-size: 2.788em;
}


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

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

.a-headline--h2{
	font-weight: 800;
	color: #151515;
}
.a-headline--h1{
	font-weight: 800;
	color: #151515;
}



/**
*************************************************************
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: #151515 ;
    font-weight: 800;
}

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

.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: #b9ce00;
    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;;
	background: #bacf22;
	padding: 40px;
	position: relative;
}

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

.green_bg .a-cta{
	    border: 2px solid #fff;
	    color: #fff;
}

/**
*************************************************************
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%;
}

.o-fixed-social-list__icon, .o-fixed-social-list__content, .a-burger {
    background-color: #b9ce00;
}

@media (max-width: 50em) {
	.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-color: #b9ce00;
	    color: #fff;
	}
	.o-navigation__level--1>.o-navigation__item>.o-navigation__item__link {
	}
}