/*
Beige #dfded3
Dunkelgrau #444
Dunkelblau 3c5d88

*/

/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800&display=swap');
 */

html body{
	/*line-height: 2em;*/
}

/**
*************************************************************
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;
	_background: #3c5d88;
}

.o-navigation__level--1>.o-navigation__item>.o-navigation__item__link{
    letter-spacing: 0;
    font-weight: 400;
    padding: 0 10px;
}


.o-navigation__level--1>.o-navigation__item>.o-navigation__item__link:hover{
text-decoration: underline;
}
.o-navigation__level--1>.o-navigation__item--active>.o-navigation__item__link{
text-decoration: underline;
}


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



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


/**
*************************************************************
Sociallist
*************************************************************
**/

.o-fixed-social-list__icon{
	background: #3c5d88;
}


/**
*************************************************************
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%;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.05em;
    padding: 14px;
}

.mini-form .o-form-wrap__required {
	display: none;
}
.m-form-item select{
	background: #444;
}

.m-form-item input:not([type='radio']):not([type='checkbox']){
		background: #444;
}
.o-form-select__select-arrow{
	background: #3c5d88;
}
/**
*************************************************************
Kachel Teaser
*************************************************************
**/

.m-kachel-teaser__box{
	border-radius: 10px;
	border: none;

}
.m-kachel-teaser__image{
	border-radius: 10px;
    overflow: hidden;
    
-webkit-box-shadow: inset 0px -47px 36px -9px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -47px 36px -9px rgba(0,0,0,0.75);
box-shadow: inset 0px -47px 36px -9px rgba(0,0,0,0.75);
}

m-kachel-teaser__link{
	-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


.o-kachel-teaser-text .o-kachel-teaser-text__headline{
	text-align: center;
}

.o-kachel-teaser-text .o-kachel-teaser-text__text.a-edit-text {
	color: #fff;
}
.o-kachel-teaser-text .o-kachel-teaser-text__text{
	text-align: center;
	width: 100%;
}

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

.o-hero-slider__headline .a-headline span.u-line{
	background: #FFF;
	color: #3c5d88;
	font-style: normal;
}

.o-hero-slider__headline{
}

.a-headline--h1{
}
.a-headline{
	font-style: normal;
	color: #3c5d88;
	text-transform: uppercase;
}


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

h1{
	font-size: 4em;
	line-height: 1;
	font-weight: 400;
	
}
@media (max-width: 46.24em) {
	 .a-headline,.a-headline--h2{
	 	text-align: center;
	 }
	h1{
		font-size: 2em;
	}
}

.a-headline--h2{
	font-weight: 400;
	color:#3c5d88;
	line-height: 0.8em;
}
.a-headline--h1{
	font-weight: 400;
	color: #3c5d88;
}

.a-headline span{
    font-size: 0.7em;
    letter-spacing: 0.2em;
}

.a-headline .u-line span{
	font-size: 0.5em;
}

.headline_with_line{
	border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    padding-top: 27px;
}

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

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

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


/**
*************************************************************
Gallery
*************************************************************
**/

.roundpicture .m-image-thumbnail{
	overflow: hidden;
	border-radius: 50%;
}



/**
*************************************************************
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: #444 ;
	font-size: 15px;
}
.a-edit-text strong{
	color: #3c5d88 ;
}


.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;;
	background: transparent;
	padding: 30px;
	position: relative;
	border: 1px solid #fff;
}

.green_bg .a-edit-text{
	color: #fff;
	line-height: normal;
}

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

.green_bg h2{
	color: #fff;
	font-size: 2em;
	text-align:center;
	line-height: 0.7em;
}


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

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

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

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

.brown_bg_bottom{
	background: #dfded3;
	border-radius: 10px;
	padding: 28px;
	line-height: 1.2em;
}

/**
.zimmerpreise_extra .brown_bg_bottom{
	background: transparent;
}
**/

.brown_bg_bottom h3{
	font-weight: 600;
	border-bottom: 2px solid #f4f4f8;
    padding-bottom: 21px;
    color: #3c5e88;
}

.brown_bg_bottom .a-edit-text{
}


.brown_bg_bottom .a-picture:first-child {
	margin-top: -28px; 
	margin-right: -28px; 
	margin-left: -28px; 
}

.brown_bg_bottom .a-picture img{
	border-radius:10px;
}


.brown_bg_bottom .a-cta{
}
/*
.brown_bg_bottom tr:nth-child(odd){
	    background: #e8e8de;
}
*/


.transparenttable table{
	background: transparent;
}




/**
*************************************************************
BUTTONS
*************************************************************
**/
._a-cta{
	border: 2px solid #3c5d88;
    color: #fff;
    background: #3c5d88;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
}
._a-cta:hover{
border: 2px solid #3c5d88;
    color: #3c5d88;
    background: transparent;
}

@media (min-width: 75em){
	.a-cta {
	    font-size: 1rem;
	}
}





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

*************************************************************
**/
.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 #3c5d88;
    color: #3c5d88;
}


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


/**BestPrice**/

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

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

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

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


/**Blue info**/
.info_extra{
	background: #3c5d88;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
}

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

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



.o-text{
	margin-bottom: 1rem;
}




/**Gallery**/
.o-gallery picture img{
	border-radius: 10px;
    box-shadow: 2px 3px 13px 1px #00000052;
}

/**FORM**/
.o-form-fieldset{
	background: #dfded3;
    border-radius: 10px;
}

.o-form-checkbox__option-input + .o-form-checkbox__option-input-fake,.o-form-checkbox__option-input:checked + .o-form-checkbox__option-input-fake{
	border: 2px solid #3c5d88;
	background: transparent;
}
/* Styles.css */