body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/* Basis*/
/* fonts/open-sans-v27-300 - latin */@font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 300;  font-display: swap;  src: local(''),       url('../../files/fonts/open-sans-v27-latin-300.woff2') format('woff2'),       url('../../files/fonts/open-sans-v27-latin-300.woff') format('woff');}/* fonts/open-sans-v27-regular - latin */@font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 400;  font-display: swap;  src: local(''),       url('../../files/fonts/open-sans-v27-latin-regular.woff2') format('woff2'),       url('../../files/fonts/open-sans-v27-latin-regular.woff') format('woff');}/* fonts/open-sans-v27-600 - latin */@font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 600;  font-display: swap;  src: local(''),       url('../../files/fonts/open-sans-v27-latin-600.woff2') format('woff2'),       url('../../files/fonts/open-sans-v27-latin-600.woff') format('woff');}/* fonts/open-sans-v27-300italic - latin */@font-face {  font-family: 'Open Sans';  font-style: italic;  font-weight: 300;  font-display: swap;  src: local(''),       url('../../files/fonts/open-sans-v27-latin-300italic.woff2') format('woff2'),       url('../../files/fonts/open-sans-v27-latin-300italic.woff') format('woff');}/* fonts/open-sans-v27-italic - latin */@font-face {  font-family: 'Open Sans';  font-style: italic;  font-weight: 400;  font-display: swap;  src: local(''),       url('../../files/fonts/open-sans-v27-latin-italic.woff2') format('woff2'),       url('../../files/fonts/open-sans-v27-latin-italic.woff') format('woff');}
body {
    background-color: #fff;    		color: #000000;	font-family: 'Open Sans';	font-weight: 300;	line-height: 1.5;	text-align: justify;}
.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;
}
.justify > div {text-align: justify !important;}
.rsts-view {    height: 550px;}
/* Slider */
.rsts-skin-light .rsts-prev, .rsts-skin-light .rsts-next, .rsts-skin-light .rsts-thumbs-prev, .rsts-skin-light .rsts-thumbs-next{
   opacity: 1;
   background: none;
    box-shadow: none !important;
}
.rsts-skin-light .rsts-view {border:0 !important;}
.front.hg_L, .front.hg_O, .front.hg_T{
	background-attachment: scroll;	
	background-position: right bottom;	
	height: 550px;}
/* Hintergrund-Slider-full */
	.front.hg_L{	
	background-image: url("../../files/css/Kopfbilder/HG_L-Multinova.jpg");}
	.front.hg_O{	
	background-image: url("../../files/css/Kopfbilder/HG_O-Multinova.jpg");}
	.front.hg_T{	
	background-image: url("../../files/css/Kopfbilder/HG_T-Multinova.jpg");}
.sliderblock{
	text-align: left;}	
.blauButton{    
    color: #fff;
	background-color: #0b0197;
    width: 300px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.blauButton a{
	color: #fff;
	text-decoration: none;
}
p.blauButton {
    text-align: center;
    cursor: pointer;
    margin-left: 0px !important;
	margin-top: 13px;
}
.rsts-skin-light .rsts-nav {
   margin: -40px 0 -12px;
 }
 .rsts-skin-light .rsts-nav ul {
  display: inline-block;
  margin: 0 !important;
  padding: 0 10px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none !important;
  -webkit-box-shadow: 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 rgba(0,0,0,0);
  box-shadow: 0 rgba(0,0,0,0) !important;
}
.rsts-skin-light .rsts-nav-bullets a{
	width: 13px !important;
	height: 13px !important;
	background: rgba(11,1,151,0) !important;
	border: 1px solid #0b0197 !important;
}
.rsts-skin-light .rsts-nav-bullets a.active{
	background: #0b0197 !important;
}
.rsts-skin-light .rsts-prev::after, .rsts-skin-light .rsts-next::after, .rsts-skin-light .rsts-thumbs-prev::after, .rsts-skin-light .rsts-thumbs-next::after {
	top: -15px;
	left: 7px;
	font: normal 60px/1 "Tahoma",sans-serif;
	color: #0b0197;
  }

.rsts-skin-light .rsts-nav li
/* Slider Ende*/


#main .ce_text.beige, .beige {
    background-color: #fbf4e2;
    text-align: center;
	max-width: 100%;
}
#main .ce_text, .auto, h1{
	margin: 0 auto;
}
.head{
	height: 410px;
	background-color: #fbf4e2;
	max-width: 100%;
	padding-top: 50px;
    margin-bottom: 30px !important;
}
.head-klein{
	height: 250px;
	background-color: #fbf4e2;
	max-width: 100%;
	margin-bottom: 30px !important;
}
.head .image_container.float_left {
    float: left;
    padding: 0 40px 0 20px;
}
.schatten img, .mod_newslist .image_container img {
    margin-right: 20px;
	margin-left: 20px;
}
.schatten .image_container a{
	padding-top: 25px;
	padding-bottom: 5px;
}
.schatten a {
	display: block;
	padding-top: 10px;
	padding-bottom: 35px;
	color: #0B0197;
	font-size: 22px;
	font-weight: 300;
}
.schatten.kaffee a {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #0B0197;
    font-size: 22px;
    font-weight: 300;
}
.klein{	font-size: 90%;	font-weight: 400;}
.startbild{
	margin-top: -400px;
	z-index: 999;
}
.danke h1{
	text-align: center;
	padding: 100px 0;
	line-height: 48px;
}
.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;
} */
/* flexbox startseite */
.start .ce_inside{
	margin-top: 170px;
	display: flex;
	justify-content: flex-start; 
	flex-wrap: wrap;
	margin: auto;
	height: 100%;
	align-items: center;
	}
.start .image_container.float_left{
	max-width: 40%;
	margin: 20px auto 20px auto;}
.start .sliderblock{
	max-width: 40%;
	margin: 20px auto 20px auto;
}
.mod_rocksolid_slider.block.rsts-main.rsts-direction-x.rsts-type-fade-in-out.rsts-skin-light.rsts-invert-controls.rsts-dragging-disabled{
	margin-bottom: 30px;
}
.rsts-skin-light.rsts-main {
	top: -2px;
}
/* h und Schriften */
.multi {
    background-color: red;
}
.head h1, .head-klein h1, .video h1, .head.blau {
    color: #0b0197;
    font-size: 30px;
    font-weight: 500;
	padding-top: 150px;
}
.head h1, .head-klein h1, .video h1, .head2 h1 {
    color: #846d71;
    font-size: 40px;
    line-height: 36px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 2px;
	font-weight: 200;
}

.bestellen{
	padding-top: 0px;
}
.bestellen h1{
	padding-top: 60px;
}
.ce_image.head.kaffeekreis.block{
	padding: 50px 0;
	height: 100%;
	text-align: center;
}
.zwei_an, .drei_an, .mod_newslist{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	max-width: 992px;
	margin: auto;
}
.mod_newslist > div
	{	margin: 0 auto;}
	
.zwei_an > div {
    margin: 0 auto;
    max-width: 48%;
	min-width: 250px;
	padding: 0 2% 0 0;
}
.zwei_an .blauebox{
	padding: 0 2% 0 2%;
}
.drei_an > div {
    margin: 0 auto;
    max-width: 31%;
	min-width: 300px;
	padding: 0 1% 0 0;
}
.ce_text.center.zwei a{
	text-decoration: none;
	font-weight: 500;}


.mod_newslist .ce_text.block p 
{	min-height: 270px;} 

.rahmen img{	border: 16px solid #fbf4e2;	display: block;	margin: auto;}

.slider h2  {
	color: #0b0197;    
	font-size: 30px;    
	font-weight: 500;	
	padding-top: 52px;	
	margin-bottom: -7px;
	}
.kaffee .font30, .tee .font30, .hericium h1 {
	color: #000;
    font-size: 30px;
	line-height: 32px;
    font-weight: 400;
    margin-top: 20px;
}
.hericium h1 {
	margin-bottom: -40px;
	}
.kaffee h1, .tee h1{
	color: #846d71;
	font-size: 40px;    
	line-height: 42px;
	font-weight: 300;
	margin-bottom: 20px;
}
.font22, h4{
	font-size: 22px;
	font-weight: 24px;
	color: #0b0197;
	font-weight: 200;
	}
.zwei_an h4{
	font-size: 16px;
	color: #0b0197;
	font-weight: 500;
	margin: 10px 0 0 0;
	}
h2 {
    color: #846d71;
    font-size: 40px;
   	letter-spacing: 2px;
	font-weight: 200;
}
.home h1, .sliderblock h2 {
    color: #000;
    font-size: 32px;
    line-height: 32px;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 0;
}
.float{
	float: left;
	overflow: hidden;
}
hr {
  border-bottom-color: #505050;
  border-width: 0 0 1px;
  border-style: solid;
  margin: 5px 0;
}
/* .rand{
	margin: 28px 0 50px 0!important;
} */
/* 2 nebeneinander */
.zwei{
	width: 45%;
}
#copyright {
    font-size: 11px;	margin: 1%;
}
 #fuss img {
        border: none;
        margin: 15px 50px 35px 50px;
}

.oeko .caption{
 margin-top: -40px;	
 font-weight: 400;
}

.ce_text.float a{
	text-decoration: none;
}
.tee .ce_text.float > div{
	padding-bottom: 20px;
}
.ce_text.float > div {
	text-align:center;
}
.fett {
    font-weight: 200;
}
.fett2 {
  font-weight: 600;
}
.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;
}
.font25{	
	font-size: 25px;	
	font-weight: 300;
	margin: 0;
	line-height: 25px;
	}
.font30{
    font-size: 30px;
    font-weight: 500;
	margin: 0;
    line-height: 30px;
	}

.head .font30.blau {
	color: #0B0197;	
	padding-top: 150px;	
	}
.head-klein .font30.blau{
	color: #0B0197;	
	padding-top: 100px;
	}
	
.sliderblock .font30{
	color: #0b0197;
}
.blockblauschmal {
    font-weight: 500;
    margin: 0;
    line-height: 30px;
	color: #ffffff;
	background-color: #080197;
}
	
.font40, .pilz h1 {
    color: #846d71;
    font-size: 40px;
	line-height: 45px;
    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{	
	padding: 30px;	
	max-width: 100%;
	background-color: #0b0197;	
	margin-bottom: 50px !important;	
	color: #FBF4E2;	
	font-weight: 400;	
	line-height: 1.7;	
	font-size: 18px;	
	text-decoration: none;
	}
.blauebox a{	max-width: 992px;	text-align: center; background-color: #0b0197;	margin-bottom: 10px;	color: #FBF4E2;	font-weight: 400;	line-height: 1.7;	font-size: 18px;	text-decoration: none;	}
.nieder .blauebox {
  padding: 10px;
  margin: 20px !important;}
.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, .blauebox .font1 a {
    font-size: 30px;
	color: #846d71;
    font-weight: 600;
	margin: 0px;
  	}
.blauebox .font2{
	font-size: 15px;
	margin: 0px;
}
.blauebox .font3{
	font-weight: 400;
	margin: 80px;
	display: inline-block;
}
.ce_hyperlink.center.block img{
	margin-bottom: -15px;
}
.ce_hyperlink.center.block a{
	font-size: 26px;
}

/*login*/
.mod_login {
	max-width: 530px;
	margin: 0 auto;
	min-height: 250px;
}
.widget-password label{
	float: left;
	
}
#password {
	border-radius: 3px;
	box-sizing: border-box;
	transition: border-color .3s ease-in,background-color .3s ease-in;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	background-color: #ffffff;
	border: 1px solid #505050;
	color: #212121;
	font-family: inherit;
	padding: 15px;
	margin-top: 20px;
}
.submit{
	border-radius: 3px;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	background-color: #0b0197;
	border: 1px solid #505050;
	color: #ffffff;
	font-family: inherit;
	padding: 15px;
	margin-top: 20px;
}

.login #username, label{
	display: none; 
}

/* Bilder */
.image_container.float_right {    float: right;    padding-left: 120px;}
.image_container.float_left {
    float: left;	padding: 0 3% 0 3%;}.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, .ce_gallery.center.block{    display: flex;    flex-wrap: wrap;    justify-content: center;}.ce_gallery.center.block {    margin: auto;    max-width: 992px;    text-align: center;}.ce_gallery.center.block .image_container {    margin: 0 10px;}.flex_fluessig{	display: flex;		justify-content: center;		}.flex_fluessig .ce_image.block {   width: 100%;	   text-align: center;   }

/* SUCHE */
.search .formbody{
	background-color: #846D71;
	padding: 10px;
	margin: 20px 0 0 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;
	border:1px solid #846d71;
	padding: 0 15px;
	margin-top: auto;
}
input#ctrl_keywords_13{
	min-width: 725px;
	margin-left: 115px;
	text-align: center;
	height: 40px;
}
.highlight {
    background-color: #846d71;
    color: #fff;
}
.blauebox .context {
    font-size: 14px;
}
.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, #fuss,  .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;
	font-weight: normal;
    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: none;
	color: #fff;
	
}
.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: 100;
}
.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;
	margin-bottom: 20px;
}
#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;
	text-align: center;
	font-weight: 500;
}
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;
	padding: 10px 0;
}
.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;
    max-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, .ce_text.blau h3, .drei_an h3, .zwei_an h3, .ce_headline.center.blau, .zwei h3
 {
	text-align: center;	color: #080197;	text-decoration: none;	font-size: 16px;	font-weight: 300;	font-size: 22px;	line-height: 48px;	letter-spacing: 0;}
.ce_headline.center.blau{
	text-transform: none;
}
.float_above{    
	text-align: center;	
	min-width: 330px;
	margin-top: 20px;
}
iframe {
    width: 50%;
    height: 600px;
}
.more{
	display: block;
	margin: auto;
	max-width: 200px;
	background-color: #080197;
	padding: 10px;
}
.more.TCM{
	margin: 0px;
}
.more, .more a{
	display: none;
}.ZuUns, .ZuUns a {   
	color: #FBF4E2;    font-weight: 700;    text-decoration: none;	display: block;	
	margin: auto;
	margin-bottom: 20px;	min-width: 100%;	background-color: #080197;	padding: 6px;	text-align: center}
.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;
	
}
#fuss {
	background-color: #fbf4e2;
	margin-top: 20px;
	padding-top: 20px;
}
.home #fuss {
	margin-top: 0px;
}
#fuss .mod_customnav li{
	border-left: 1px solid #846D71;
	padding: 0 30px;
}
#fuss .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;
	}

/* Browserweiche Crom und Safari */

/* @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.newsletter button{
	display: flex;
	margin-bottom: 20px;
}
} */
/* BREAKPOINTS */
@media (max-width: 991px){
	body {
		font-size: 16px;
		line-height: 24px;
		}	
	iframe {		width: 100%;	}
	.ce_inside, .nav_main .level_1, .ce_table, h1, .suche,.mod_newslist, .mod_artikelblock, .mod_artikelblock_3{
		max-width: 991px;
		padding: 0;
	}
	p{
		margin: 0 20px;
	}
	h2{
		margin-left: 10px;
	}
	.leiste{
		max: 50%;
	}
	.margin10{
		margin-bottom: 10px;
	}
	#container, .inside{
		position: sticky;
	}
	#header{
		height: 75px;
	}
	#header .inside{
		z-index: 10000;
	}
	.head h2, .head-klein h2, .video h2, .head2 h1 {
    letter-spacing: 0;
    }
	#header img {
    height: 60%;
    width: 60%;
	}
	/* schriften  */
		
	.font40, .pilz h1 {
		margin-bottom: 30px;
		margin-top: 25px;
	}	
	/* Hintergrund-Slider-Mittel 670px */
	.front.hg_L{	
	background-image: url("../../files/css/Kopfbilder/mob_HG_L-Multinova.jpg");}
	.front.hg_O{	
	background-image: url("../../files/css/Kopfbilder/mob_HG_O-Multinova.jpg");}
	.front.hg_T{	
	background-image: url("../../files/css/Kopfbilder/mob_HG_T-Multinova.jpg");}
	/* Kopflogo */
	#header .ce_image {
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 296px;
	}
	.head .image_container.float_left img {
		max-height: 300px
	}
/* Zeilenschaltung verschwinden lassen	 */
	span.blind{
	display: none;
	}

	/* Mobil Button Check */
	.nav_main{	
		display: none;
		opacity: 0;
		}
	input:checked ~ .nav_main {
		display: block;
		z-index: 9999;
		opacity: 100;
		background-color: #fbf4e2;
	}
	
	
	.button-nav-mobile {
		background-image:url("../../files/css/icon/Burgerbuttons_SM_XS.svg");
		display: block;
		width: 25rem;
		height: 5rem;
		background-repeat: no-repeat;
		background-position: 90% 50%;
		background-size: 1.5rem 2rem;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 99;
	}
	.button-nav-mobile:visited,
	.button-nav-mobile:hover,
	.button-nav-mobile:active {
		background-image:url("../../files/css/icon/Burgerbuttons_SM_XS.svg");
		background-repeat:no-repeat;
		cursor: pointer;
		background-size: auto auto;
		background-size: 1.5rem 2rem;
	}
	input:checked + .button-nav-mobile {
    background-image: url("../../files/css/icon/nav-close.svg");
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-size: 1.5rem 2rem;
    position: absolute;
	display: block;
	}
.button-nav-search{
	background-color: red;
}		
	
/* Suche in Navigation	 */

.nav_main li.search.last{
	display: none;
    opacity: 0;
    }
	
/* Navigation */
	.nav_main li{
		border-top: 1px solid #846d71;	
	}
	 .nav-wrapper {
		position: fixed;
		right: 0;
		top: 100px;
		width: 25rem;
		height: 100%;
		box-sizing: border-box;
		opacity: 0;
		z-index: -1;
		overflow-y: scroll;
	}
	.mod_navigation {
		height: 44px;
		line-height: 44px;
	}
	 .nav_main {
		height: auto;
		box-sizing: border-box;
		opacity: 1;
		z-index: 100;
		background-color: #fff;
	}
	.nav_main .submenu.open > ul {
		  display: none;
		  opacity: 1;
	}
	.nav_main .level_1{
			  padding: 0;
	 }
	.nav_main .active{
			text-align: left;
	}  
    .nav_main .level_1, .nav_main .level_2, .nav_main .level_3 {
      width: 105%; }
      .nav_main .level_1 li, .nav_main .level_2 li, .nav_main .level_3 li {
        display: block;
        float: none; }
        .nav_main .level_1 li a, .nav_main .level_1 li a:link, .nav_main .level_1 li a:visited, .nav_main .level_2 li a, .nav_main .level_2 li a:link, .nav_main .level_2 li a:visited, .nav_main .level_3 li a, .nav_main .level_3 li a:link, .nav_main .level_3 li a:visited {
          text-align: left;
          line-height: 3rem; }
        .nav_main .level_1 li .active, .nav_main .level_2 li .active, .nav_main .level_3 li .active {
          text-align: left;
          line-height: 3rem; }
        .nav_main .level_1 li:hover .level_2, .nav_main .level_1 li:hover .level_3, .nav_main .level_1 li:focus .level_2, .nav_main .level_1 li:focus .level_3, .nav_main .level_1 li:active .level_2, .nav_main .level_1 li:active .level_3, .nav_main .level_2 li:hover .level_2, .nav_main .level_2 li:hover .level_3, .nav_main .level_2 li:focus .level_2, .nav_main .level_2 li:focus .level_3, .nav_main .level_2 li:active .level_2, .nav_main .level_2 li:active .level_3, .nav_main .level_3 li:hover .level_2, .nav_main .level_3 li:hover .level_3, .nav_main .level_3 li:focus .level_2, .nav_main .level_3 li:focus .level_3, .nav_main .level_3 li:active .level_2, .nav_main .level_3 li:active .level_3 {
          width: auto;
          text-align: left;
          opacity: 1; }
        .nav_main .level_1 li span.active, .nav_main .level_1 li a.trail, .nav_main .level_1 li span.trail, .nav_main .level_2 li span.active, .nav_main .level_2 li a.trail, .nav_main .level_2 li span.trail, .nav_main .level_3 li span.active, .nav_main .level_3 li a.trail, .nav_main .level_3 li span.trail {
          line-height: 3rem; }
    .nav_main li .submenu-toggle, .nav_main ul.level_1 > li .submenu-toggle {
      content: "+";
      cursor: pointer;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 1rem;
      box-sizing: border-box;
      font-size: 3.5rem;
      line-height: 3rem;
      text-align: center;
      font-weight: 300;
      font-style: normal;
      }
      .nav_main li .submenu-toggle:before, .nav_main ul.level_1 > li .submenu-toggle:before {
        content: "+"; }
    .nav_main li.open > .submenu .submenu-toggle {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: -webkit-transform 0.5s;
      -moz-transition: -moz-transform 0.5s;
      transition: transform 0.5s;
    }
    .nav_main .level_2, .nav_main .level_3 {
      position: relative;
      display: none;
      top: 0;
    }
      
      .nav_main .level_2 li, .nav_main .level_3 li {
       /*  float: none;  display: none; */}
    .nav_main .level_2 li span.active, .nav_main .level_2 li .active, .nav_main .level_2 li .trail, .nav_main .level_3 li span.active, .nav_main .level_3 li .active, .nav_main .level_3 li .trail {
          line-height: 3rem !important;
          padding: 0 1.5rem; }
    .nav_main .level_2 li a, .nav_main .level_2 li a:link, .nav_main .level_2 li a:visited, .nav_main .level_3 li a, .nav_main .level_3 li a:link, .nav_main .level_3 li a:visited {
          line-height: 3rem !important;
          padding: 0 1.5rem; }
    .nav_main .level_3 {
      left: auto; 
    }
      
.flex_fluessig {flex-wrap: wrap;}
	#navi-level2 .inside {
	width: 90%;
	}
	.leiste li {
	width: 100%;
	}

	.leiste #navi-level2 .inside {
    width: 90%;
	}
	.mod_navigation.level-2 li {
	width: 100%;}
	#main .ce_text{
		margin-bottom: 10px;
	}	
.zwei_an > div {
	max-width: 100%;
	min-width: 350px;
}
.drei_an > div {
    margin: 0 auto;
    max-width: 48%;
	min-width: 250px;
}
.ce_text.center.float.zwei{
	float: none;
    width: 100%;
	
	}
.hoch
	{margin: 10px 0;
	white-space: nowrap;
	}
.zwei_an > div {
    min-width: 100%;
}
.mod_artikelblock .ce_text,
.mod_artikelblock_3 .ce_text	{
    max-width: 100%;
    margin: 10px;
	}
.ce_text.blauebox.center.mini.block {
    max-width: 80%;
    }
}

@media (max-width: 800px) {
	.start .image_container.float_left {
		min-width: 100%;
		margin: 20px auto 0px auto;
	}
	.sliderblock {
		text-align: center;
		min-width: 80%;
	}
	p.blauButton {
    text-align: center;
    cursor: pointer;
    margin: 20px auto !important;
	}
	.head .image_container.float_left {
    float: left;
    padding: 0 0 0 10px;
	}
	.head h2, .head-klein h2, .video h2, .head2 h1 {
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0px;
   }
     .head .image_container.float_left img {
		max-width: 70%;
	}
	.head .font30.blau{
		margin-bottom: 0px;
	}
	.home .head .font30.blau{
		padding-top: 80px;		
	}
	.bilder_navi_inn > div, .ce_gallery.center.block > div{
	margin-top: 20px;
	}
	.rsts-nav-item{
		margin-right: 20px;
	}
}
/*  grün */
 @media (max-width: 670px) {	
	.home h2 {
		font-weight: 400;
		}
	.font30{
		line-height: 50px;
	}
	.head .image_container.float_left img {
		max-width: 30%;
	}
	/* Hintergrund-Slider-Mittel 670px */
	.front.hg_L{	
	background-image: url("../../files/css/Kopfbilder/mini_HG_L-Multinova.jpg");}
	.front.hg_O{	
	background-image: url("../../files/css/Kopfbilder/mini_HG_O-Multinova.jpg");}
	.front.hg_T{	
	background-image: url("../../files/css/Kopfbilder/mini_HG_T-Multinova.jpg");}
.head .font30.blau {
		color: #0B0197;
		padding-top: 0px;
		text-align: center;
		}
.font40, .pilz h1 {
	  margin-bottom: 30px;
	  margin-top: 0px;
	}
.start .sliderblock {
		margin: 0 auto 100px auto;
	}
.head .image_container.float_left{
		float: none;
		text-align: center;
		padding: 0;
	}
.image_container.float_left {
		margin-bottom: 25px;
	}
.ce_text.head.block{
		padding-top: 10px;
	}
.head h1, .head-klein h1, .video h1, .head.blau {
		 padding-top: 10px;
		 text-align: center;
		 letter-spacing: 0px;
	}
.head h2, .head-klein h2, .video h2, .head2 h1 {
		text-align: center;
	}
.ce_inside, .nav_main .level_1, .ce_table, h1, .suche
	{
		max-width: 768px;
	}
.margin10{
		margin-bottom: 10px;
	}	
.formbody {
	margin: 0 20px;
	}
#password{
	max-width: 95%;
}
.kaffee_an .ce_text.block	{
		min-width: 100%;
	}	
.kaffee_an .ce_text.block h4{
		text-align: center;
	}
	.home #fuss {
	margin-top: 0px;
	}
	#fuss .mod_customnav li,
	#fuss .mod_customnav li.first{
		border-left: 0px;
		padding: 0 30px 10px 30px;
		margin: auto;
		min-width: 80%;
		text-align: center;
	}
	.drei_an > div, .zwei_an > div {
    margin: 0 auto;
    max-width: 100%;
	}
	.image_container.float_left, .image_container.float_right {
	  float: none;
	  text-align: center;
	  padding-left: 0px;
	}
	td {
    white-space: normal;
	padding-right: 25px !important;
	}
	.font22, h4 {
	text-align: center;
	}
}
/* blau */
	@media (max-width: 450px) {
		
	.button-produkt-menue {
		background-position: 75% 40%;
		}
	.font40.schwarz{
		letter-spacing: 0px;
		font-size: 36px;
		}
	.newsletter input {
		min-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;	
		}
	.button-produkt-menue {
  	width: 27rem;
	}
	p{
		margin: 0 10px;
	}
		.drei_an > div, .zwei_an > div {
	  margin: 0 auto;
	  max-width: 90%;
	}
	 .head .image_container.float_left img {
		max-width: 50%;
	}
}
	
	@media (max-width: 360px) {
	.blauButton {
		max-width: 95%;
	}
	 .ZuUns, .ZuUns a{
		max-width: 90%;
		min-width: 90%;
		margin-top: 10px;
	}
	 .font40.schwarz {
		font-size: 34px;
	}
	
}

    .tel table {
        border-collapse:separate;
    }

  
    table {
		min-width: 98%;
        margin-bottom:30px;
		margin-top: 20px;
        border-collapse:collapse;
        box-sizing: content-box;
    }

/*     Zebra striping */
    tr:nth-of-type(odd) {
        background: #fbf4e2;
    }

   
    th {
        font-weight:bold;
        background: #0B0197;
		color: #FBF4E2;
		text-align:left;
    }

   
    td,
    th {
        padding:10px;
        text-align:right;
        border:1px solid #846D71;   
		}
	td.col_0.col_first{
		text-align: left;
	}
		

   
    @media 
    only screen and (max-width: 900px),
    (min-device-width: 768px) and (max-device-width: 1024px) {
        /* Force table to not be like tables anymore */
        	table, thead, tbody, th, td, tr { 
        		display: block; 
        	}
        	
        	/* Hide table headers (but not display: none;, for accessibility) */
        	thead tr { 
        		position: absolute;
        		top: -9999px;
        		left: -9999px;
        	}
        	
        	tr { border: 1px solid #b7b7b7;
			margin: 0 -1px 0}
        	
        	td { 
        		/* Behave  like a "row" */
        		border: none;
        		border-bottom: 1px solid #b7b7b7; 
        		position: relative;
        		padding-left: 50%; 
        	}
        	
		td.col_0.col_first{
			text-align: right;}
		
        	td:before { 
        		/* Now like a table header */
        		position: absolute;
        		/* Top/left values mimic padding */
        		top: 6px;
        		left: 6px;
        		width: 45%; 
        		padding-right: 10px; 
        		white-space: nowrap;
        	}
        	
               * { box-sizing:content-box !Important;}
        	/*
        	Label the data
        	*/
        	td:nth-of-type(1):before { content: "Sorte"; }
        	td:nth-of-type(2):before { content: "Qualit\E4t"; }
        	td:nth-of-type(3):before { content: "Bestellnummer"; }
		td:nth-of-type(4):before { content: "PZN"; }	
        	td:nth-of-type(5):before { content: "Packungsgr\F6\DF\65"; }
              td:nth-of-type(6):before { content: "Preis"; }
				
    }

    
    @media 
    only screen and (max-width: 900px),
    (min-device-width: 768px) and (max-device-width: 1024px) {
        /*
        	Label the data
        	*/
        	.tier td:nth-of-type(1):before { content: "Dosierung je:"; }
        	.tier td:nth-of-type(2):before { content: "Menge Pilzpulver"; }
        	.tier td:nth-of-type(3):before { content: "Menge Extrakt"; }
    }
	
	   @media 
    only screen and (max-width: 900px),
    (min-device-width: 768px) and (max-device-width: 1024px) {
        /*
        	Label the data
        	*/
        	.kaffee td:nth-of-type(1):before { content: "Sorte"; }
        	.kaffee td:nth-of-type(2):before { content: "Qualit\E4t"; }
        	.kaffee td:nth-of-type(3):before { content: "Bestellnummer"; }
		.kaffee td:nth-of-type(4):before { content: "Packungsgr\F6\DF\65"; }
              .kaffee td:nth-of-type(5):before { content: "Preis"; }		
		.tee td:nth-of-type(1):before { content: "Sorte"; }
        	.tee td:nth-of-type(2):before { content: "Qualit\E4t"; }
        	.tee td:nth-of-type(3):before { content: "Bestellnummer"; }
		.tee td:nth-of-type(4):before { content: "Packungsgr\F6\DF\65"; }
              .tee td:nth-of-type(5):before { content: "Preis"; }	
		.bulk td:nth-of-type(1):before { content: "Sorte"; }
        	.bulk td:nth-of-type(2):before { content: "Pulver"; }
        	.bulk td:nth-of-type(3):before { content: "Extrakt Pulver"; }
		.bulk td:nth-of-type(4):before { content: "Kapseln"; }
              .bulk td:nth-of-type(5):before { content: "Extrakt-Kapseln"; }					  
    }