/* Basis*/
body {
    background-color: #fff;
    font-family: Open Sans;
	font-size: 16px;
	line-height: 1.5;
}
.center {
    text-align: center;
}
.mobile-check, .button-nav-search{
    display: none;
    opacity: 0;
}


/* .mod_newslist{
	background-image: url("../../files/css/forest-2165911_1920.jpg");
	background-size: 100%;
    
	width: 100% !important;
} */
.front{
	text-align: center;
	max-width: 100%;
	background-repeat: no-repeat;
  	background-size: cover;
    position:relative;
}
.front.hg-1{
	background-image: url("../../files/css/Kopfbilder/Shooting_01.jpg");
	background-attachment: scroll;
	background-position:center bottom;
	height: 550px;
}

/* auf fixed stellen*/
.front.hg-2, .front.hg-3, .front.hg-5, .front.hg-6{
	background-position:center center;
	background-attachment: scroll;
	height: 350px;
}
.front.hg-2{
	background-image: url("../../files/css/Kopfbilder/Shooting_03.jpg");
}
.front.hg-3{
	background-image: url("../../files/css/Kopfbilder/Shooting_04.jpg");
}
.front.hg-5{
	background-image: url("../../files/css/Kopfbilder/Shooting_05.jpg");
}
.front.hg-6{
	background-image: url("../../files/css/Kopfbilder/Shooting_06.jpg");
}
#main .ce_text.beige, .beige {
    background-color: #fbf4e2;
    text-align: center;
	max-width: 100%;
}


#main .ce_text, .auto, h1{
	margin: auto;
}
.head{
	height: 410px;
	background-color: #fbf4e2;
	text-align: center;
	max-width: 100%;
	padding-top: 100px;
}
.head-klein{
	height: 250px;
	background-color: #fbf4e2;
	text-align: center;
	max-width: 100%;
	padding-top: 70px;
}

.schatten img, .mod_newslist .image_container img {
    margin-right: 65px;
	margin-left: 65px;
}
.schatten a {
	display: block;
	padding-top: 35px;
	padding-bottom: 10px;
	color: #0B0197;
	font-size: 18px;
	font-weight: 400;
}
.startbild{
	margin-top: -400px;
	z-index: 999;
}
.rand img{
	 padding:10px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35); /* WebKit */
    -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35); /* Firefox */
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35); /* Standard */ 
	background-color: #fbf4e2;
	margin-right: 25px;
	margin-left: 25px;
}
.start img{
	margin-left: 135px;
}
.start .ce_inside{
	text-align: left !important;
	margin-top: 170px;
	}



/* h und Schriften */
.head h1, .head-klein h1, .video h1 {
    color: #0b0197;
    font-size: 30px;
    font-weight: 700;
	padding-top: 30px;
}
.head h2, .head-klein h2, .video h2 {
    color: #846d71;
    font-size: 40px;
    line-height: 30px;
	margin:0 0 10px;
}
h1, .kaffee h2 {
    color: #0b0197;
    font-size: 30px;
    font-weight: 600;
	padding-top: 52px;
}
.kaffee h1 {
	color: #000;
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px;
	margin-bottom: -30px !important;
}
h2 {
    color: #846d71;
    font-size: 40px;
   	letter-spacing: 2px;
	font-weight: 200;
}
.home h2 {
    color: #000;
    font-size: 32px;
    line-height: 32px;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 0;
}
.float{
	float: left;
	overflow: hidden;
}
.rand{
	margin: 28px 0 50px 0!important;
}
/* 2 nebeneinander */
.zwei{
	width: 45%;
}
.zwei h3{
	color: #0b0197;
}
.copyright {
    font-size: 14px;
}
 #footer img {
        border: none;
        margin: 15px 50px 35px 50px;
}
.ce_text.float a{
	text-decoration: none;
}
.ce_text.float > div {
	text-align:center;
}
.fett {
    font-weight: 200;
}
.margin10{
	margin-bottom: -10px;
}
.schrift_blau{
	color: #0b0197;
	font-weight: 700;
}
.schrift_braun, .schrift_braun a{
	color: #846D71;
	text-decoration: none;
}
.schrift_braun_gross{
	color: #846D71;
	font-weight: 600;
	font-size: 20px;
}

.font30{
    font-size: 30px;
    font-weight: 500;
    margin-top: 41px;
	margin-bottom: -15px;
	}
.font30.blau {
	color: #0B0197;
	}
	
.font40 {
    color: #846d71;
    font-size: 40px;
    margin-bottom: 24px;
    margin-top: 0px;
	font-weight: 300;
	letter-spacing: 3px;
}
.font40.schwarz{
    color: #000;
}
.h-line50{
	margin-top: 30px;
	margin-bottom: 50px;
}
.blauebox, .blauebox a{
	padding: 30px;
	background-color: #0b0197;
	margin-bottom: 10px;
	color: #FBF4E2;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.7;
	font-size: 18px;
	text-decoration: none;
	}
.mini{
	max-width: 500px;
	margin: 30px auto !important;
}
.mitRand, p.header, .pagination p{
	margin: 20px 40px;
}

.blauebox img{
	padding-bottom: 30px;
	padding-top: 30px;
}
.blauebox .font1 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 8px;
	margin: 0px;
  	}
.blauebox .font2{
	font-size: 15px;
	margin: 0px;
}
.blauebox .font3{
	font-weight: 400;
	margin: 80px;
	display: inline-block;
}


/* Bilder */
.image_container.float_right {
    float: right;
    padding-left: 120px;
}
.image_container.float_left {
    float: left;
    padding-right: 120px;
}
.ce_youtube {
	display: table;
    margin-left: auto;
    margin-right: auto;
	padding: 20px 0 20px 0;
    z-index: 99;
}

/* Höhen und Breiten */
.ce_inside, .nav_main .level_1, .ce_table, h1, .mod_artikelblock, .pagination, .bilder_navi_aus
{
    max-width: 992px;
}
.bilder_navi_aus{
	margin: 0 auto 0 auto;
	overflow: auto;
}
.bilder_navi_inn{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* SUCHE */
.search .formbody{
	background-color: #846D71;
	padding: 10px;
	margin: 0;
	height: 50px;
}
.suchleiste{
	margin: 5px auto 10px auto;
	max-width: 992px;
}
.widget{
	float: left;
}
button#ctrl_submit_13{
	color: #846D71;
	background-color: #FBF4E2; 
	height: 40px;
	font: #846D71;
	border:1px solid #846d71;
}
input#ctrl_keywords_13{
	width: 725px;
	margin-left: 115px;
	text-align: center;
	height: 40px;
}
.pagination li{
	float: left;
}
.pagination{
	margin-bottom: 10px;
}
.pagination ul li {
    border: 0 none;
    box-shadow: none;
    float: left;
    margin: 0 0.5rem 0 0 !important;
    opacity: 1;
}
.pagination ul {
    list-style: outside none none;
   }
.pagination ul li {
    background-color: #0B0197;
    color: #fff;
    display: block;
    font-size: 1rem;
    opacity: 1;
    padding: 0.2rem 0.8rem;
    text-decoration: none;
}
.pagination ul li a{
    color: #fff;	
}


.nav_main li.search.last,
.nav_main li.search.last a{
	text-indent: -999.9rem;
    background-position: center center;
    background-repeat: no-repeat;
    width: 29px;
    height: 34px;
	}
.nav_main li.search.last a{
    background-image: url("../../files/css/icon/Suche_MD_braun.svg");
	background-color: #FBF4E2;
	padding: 9px;
	}
.nav_main li.search.last a:hover{
	background-image: url("../../files/css/icon/Suche_MD_weiss.svg");
  	background-color: #846D71;
	padding: 9px;
	}
li.active.search.last{
	background-color: #846D71;
	padding: 9px;
	background-image: url("../../files/css/icon/Suche_MD_weiss.svg");
    margin-right: 18px;
	margin-left: 1px;
}


p.header.even{
	background-color: #fff;
}
.ce_inside, .newsletter, #footer,  .ce_table, .mod_artikelblock{
    margin-left: auto;
    margin-right: auto;
}
#header .ce_image{
	padding-top: 40px;
	padding-bottom: 35px;
	margin-left: auto;
    margin-right: auto;
	overflow: visible;
	max-width: 296px;
}
.box {
    background-image: url("../../files/css/icon/Quadrat_mit_Blumenmuster_MD.svg");
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    height: 520px;
}

.box .ce_inside {
    margin-left: 0;
    margin-right: 0;
	margin-left: auto;
    margin-right: auto;
    height: 440px;
    max-width: 420px;
    padding: 50px;
}
.box .box-innen{
	padding-top: 15px;
	padding-left: 15px;
}
.box h3 {
    color: #0b0197;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
	margin-bottom: 0px;
}
.box .linie{
	margin-top: 0px;
	margin-bottom: -10px;
	margin-left: 23px;
}
.box ul {
    margin-left: 6px;
    padding-left: 6px;	
}
.box li {
    list-style-type: none;
}
.box li::before {
    color: #0b0197;
    content: " . ";
    font-size: 30px;
}
.nav_main {
    border-bottom: 1px solid #846d71;
    }

.mod_navigation {
    color: #0b0197;
    font-size: 16px;
    height: 52px;
    letter-spacing: 2px;
    line-height: 52px;
    text-align: center;
    overflow: visible;
    background-color: #fbf4e2;
}
.mod_navigation li a {
    color: #000;
    margin: 0;
    overflow: visible;
    padding: 0 15px;
    text-decoration: none;
    z-index: 5;
}
.mod_navigation a:hover {
    background-color: #846d71;
    border-bottom: 1px solid #846d71;
    height: 51px;
    text-decoration: underline;
}
.mod_navigation li:hover > ul {
    background-color: #fff;
    border-bottom: 1px solid #846d71;
    border-left: 1px solid #846d71;
    border-right: 1px solid #846d71;
    display: block;
    left: -4px;
    padding: 0;
    white-space: nowrap;
}
.mod_navigation li, .mod_navigation a {
    display: block;
}
.mod_navigation li > ul > li {
    float: none;
}
.mod_navigation li, .mod_customnav li {
    float: left;
    position: relative;
}
.mod_navigation li > ul {
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 1;
}
.mod_navigation .level_2 {
    margin-left: 4px;
	text-align: left;
}
.mod_navigation .level_2 li {
    border-top: 1px solid #846d71;
}
.mod_navigation li .active {
    color: #846d71;
    padding: 0 15px;
    font-weight: normal;
    text-decoration: underline;
	}
.nav_main .level_2 li.first, .nav_main .level_2 li.first a {
    padding-left: -4px;
	}
.level_2 li .active{
	margin-left: -15px;
}
.nav_main .level_1 {
    display: inline-block;
    margin: 0 auto;
    padding: 0 ;
}

/* Navigation Level-2 */

#navi-level2{
	width: 100%;
	background-color: #FBF4E2;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: visible;
	display: flex;
}
#navi-level2 .inside{
	max-width: 813px;
	margin: auto;
	padding: 0px;
	z-index: 0;
}

.mod_navigation.level-2 ul, .leiste ul{
	padding: 0px;
}
.mod_navigation.level-2 li, .leiste li {
	background-color: white;
	height: 50px;
	width:250px;
    margin-right:21px;
	margin-left:0px;
    margin-bottom:10px;
	list-style-type: none;
}
.mod_navigation.level-2 li{
	width:250px;
    }
 .leiste li {
	width:792px;
	}
.leiste li::after { 
		content: "Produkte anzeigen";
		top: -40px;
		position: relative;
		left: 20px; 
		}
.mod_navigation.level-2 a, .leiste  {
	margin: auto;
	display: block;
}
label.button-produkt-menue{
	min-width:100%;
	height: 52px;
}
#unter-navi{	
	display: none;
	opacity: 0;
    }
	
.versteck-navi{
	display: none;
	opacity: 0;	
}	
input:checked ~ #unter-navi{
    display: block;
	z-index: 9999;
	opacity: 100;
	background-color: #fff;
	 transition: opacity .25s ease-in-out;
}
input:checked ~ .button-produkt-menue {
    background-image:url("../../files/css/icon/Ausklappen_Plus_MD.svg");
    background-position: 98% 40%;
	background-repeat: no-repeat;
   background-size: 24px 24px;
	
}
.button-produkt-menue:hover,
.button-produkt-menue:focus,
.button-produkt-menue:active {
    background-image:url("../../files/css/icon/Ausklappen_Plus_MD.svg");
    background-repeat:no-repeat;
    cursor: pointer;
    background-size: 24px 24px;
}

.button-produkt-menue {
    background-image:url("../../files/css/icon/Ausklappen_Plus_MD.svg");
    display: block;
    width: 25rem;
    height: 6rem;
    background-repeat: no-repeat;
    background-position: 98% 40%;
    background-size: 24px 24px;
    position: relative;
    left: 0;
    top: 0;
    z-index: 99;
}	
#anzeigen{
	background-image:url("../../files/css/icon/Ausklappen_Plus_MD.svg");
}

/* Navigation Kaffee */
.mod_navigation.kaffee {
    letter-spacing: 0px;
}
.mod_navigation.kaffee li a{
	padding: 0 0px;
}


/* Newsmodul Startseite */
.newsletter h2{
	margin: 0px;
	color: #fff;
	font-size: 16px;
}
.mod_artikelblock .ce_text{
	max-width: 47%;
	padding: 10px;
}
.mod_artikelblock_3 .ce_text{
	max-width: 30%;
	padding: 10px;
}
.layout_latest .ce_text{
	max-width: 94%;
}
 .mod_newslist, .mod_artikelblock, .mod_artikelblock_3{
    padding-top: 30px;
	padding-bottom: 30px;
	margin-left: auto;
    margin-right: auto;
    width: 770px;
}
.blocksatz, .mod_newslist, .mod_artikelblock p, .mod_artikelblock_3 p {
    text-align: justify;
}
.mod_newslist .ce_text {
	max-width: 335px;
} 
.mod_newslist h3, .mod_newslist h3 a, .mod_artikelblock h3, .mod_artikelblock_3 h3{
	text-align: center;
	color: #080197;
	text-decoration: none;
	font-size: 16px;
}
.float_above{
    text-align: center;
}
.more{
	display: block;
	margin: auto;
	max-width: 200px;
	background-color: #080197;
	padding: 10px;
}
.more.TCM{
	margin: 0px;
}
.more, .more a{
	color: #FBF4E2;
	font-weight: 700;
	text-decoration: none
}
.float_none{
	float: none;
}

/* Newsletteranmedlung blau */
.newsletter{
	background: #0b0197;
	text-align: center;
	color: #fbf4e2;
	min-height: 230px;
}
.newsletter .hidden{
	padding: 1px 0 0 0;
    margin-bottom: -30px;	
}
.newsletter .form{
margin-left: auto;
margin-right: auto;	
}

.newsletter tr{
	display: inline;
}
.newsletter td{
	width: 0px !important;
}
.newsletter button{
	background: #fbf4e2 !important;
	color: #846D71 !important;
	margin:0;
	font-size: 16px !important;
	border-radius:0 !important;
	height: 41px;
}
.newsletter input {
	background: #fff;
	min-width: 400px;
	border-radius:0 !important;
	height: 29px;
	margin:0 -17px 0 0;
	
}
#footer {
	background-color: #fbf4e2;
	margin-top: 20px;
}
.home #footer {
	margin-top: 0px;
}
#footer .mod_customnav li{
	border-left: 1px solid #846D71;
	padding: 0 30px;
}
#footer .mod_customnav li.first{
	border-left: 0px;
	padding-left: 0px;
}


.mod_customnav li, .mod_customnav a{
	   list-style-type:none;
	   margin-left: 5px;
	   margin-right: 5px;
	   text-transform:uppercase;
	   text-decoration: none;
	   color: #846d71;
}
.mod_customnav {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
/* Slider */

.slider-control{
	margin-top: -80px;
	z-index: 200;
	overflow: auto;
	display: block;
	position: unset !important;
}

.slider-control .slider-prev{
	background-image: url("../../files/css/icon/Pfeil_links_MD.svg");
    margin-left: 30px;
	}
	
.slider-control .slider-next{
	background-image: url("../../files/css/icon/Pfeil_rechts_MD.svg");
    margin-right: 30px;
	}
.slider-control .slider-prev, .slider-control .slider-next{
	text-indent: -999.9rem;
	background-position: center center;
    background-repeat: no-repeat;
	width: 19px;
    height: 28px;
	margin-top: 225px;
}
.slider-control .slider-menu{
	margin-top: 460px;
}

.slider .ce_inside{
	height: 550px;
	background-color: #fbf4e2;
	text-align: center;
	max-width: 100%;
	padding: 0px;
}

/* Kontaktformular */

.kontakt label{
	display: none;
}

.kontakt textarea, .kontakt input{
	background-color: #fbf4e2;
	border:1px solid #fbf4e2;
	padding: 10px;
	margin-bottom: 10px;
	min-width: 100%;
	font: 16px open sans;
}
div.widget.widget-text.vor, div.widget.widget-text.nach {
	width: 44%;
	float: left;
} 
div.widget.widget-text.vor{
	margin-right: 10%;
}
.kontakt .widget{
	float: none;
}
button#ctrl_5.submit.blau{
	padding: 10px;
	background-color: #0b0197;
	margin-bottom: 10px;
	color: #FBF4E2;
	font-weight: 400;
	text-decoration: none;
	width: 44%;
	font-size: 16px;
	}
.widget.widget-submit.blau{
	text-align: right;
}