

/* Texte */
.text-weiss,
.text-weiss *{
	color:var(--weiss);
}
.text-schwarz,
.text-schwarz *{
	color:var(--schwarz);
}

.text-dunkelgrau,
.text-dunkelgrau *{
	color:var(--dunkelgrau);
}
.text-hellgrau,
.text-hellgrau *{
	color:var(--hellgrau);
}
.text-rot,
.text-rot *{
	color:var(--rot);
}

.big-text{
	font-size: 1.4rem;
	line-height: 1.4em;
}
.tiny-text{
	font-size: 1rem;
	line-height: 1.4em;
}

@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

.wpb_text_column a{
	text-decoration:none;
}


h1,h2,h3,h4{
	text-wrap:balance;
	margin-bottom:24px;
	letter-spacing: 0em;
}
p{
	margin-bottom:24px;
}
b, strong{
	font-weight:600;
}



/* Backgroundcolors */
.bg-dunkelgrau{
	background-color:var(--dunkelgrau);
}
.bg-dunkelergrau{
	background-color:var(--dunkelergrau);
}
.bg-hellgrau{
	background-color:var(--hellgrau);
}
.bg-rot{
	background-color:var(--rot);
}

.colorbox{
	margin-top: var(--standard-margin-top);
	margin-bottom: var(--standard-margin-bottom);
	padding-top: var(--standard-padding-top) !important;
	padding-bottom: var(--standard-padding-bottom) !important;
	border-radius: var(--border-radius);
}



.verlauf-oben,
.verlauf-unten{
	position:relative;
}
.verlauf-oben:before{
	position:absolute;
	content:"";
	top:0px;
	left:-100%;
	width:300%;
	height: var(--bg-verlauf-hoehe);
	background: var(--bg-verlauf-to-bottom);
}
.verlauf-unten:after{
	position:absolute;
	content:"";
	bottom:0px;
	left:-100%;
	width:300%;
	height: var(--bg-verlauf-hoehe);
	background: var(--bg-verlauf-to-top);
}






/* Buttons */


.wpcf7-form input[type="submit"],
a.link-btn,
.link-btn a{
	position: relative;
	display:inline-block;
	background: var(--weiss);
	border: 2px solid var(--weiss);
	border-radius: 26px;
	padding-top: .9em;
    padding-bottom: .9em;
	padding-left:60px;
	padding-right:20px;
	text-decoration:none;
	font-weight:600;
	letter-spacing: .05em;
	transition: all .4s;
	color:var(--dunkelgrau);
	font-size: 1rem;
	line-height: normal;
	text-transform:uppercase;
	text-align:center;
	margin-top:20px;
	text-wrap: balance;
	text-shadow: none !important;
}
.wpcf7-form input[type="submit"]:before,
a.link-btn:before,
.link-btn a:before{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 5px;
	display:inline-block;
	content:"";
	width:40px;
	height:40px;
	background: url(../images/icon-btn-1.svg) no-repeat center transparent;
	background-size: 100% auto;
	transition:  all .5s;
}
.wpcf7-form input[type="submit"]:hover:before,
a.link-btn:hover:before,
.link-btn a:hover:before{
	transform: translateY(-50%) rotate(45deg);
}

.wpcf7-form input[type="submit"]:hover,
a.link-btn:hover,
.link-btn a:hover{
	background:var(--hellgrau) !important;
	color:var(--dunkelgrau);
}

a.link-btn.btn-ws,
.link-btn.btn-ws a{
	background:transparent;
	border: 2px solid var(--weiss);
	color:var(--weiss);
}
a.link-btn.btn-ws:hover,
.link-btn.btn-ws a:hover{
	background:var(--orange);
	color:var(--weiss);
}




@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}


/* Main */
#main{
	margin-top: -150px;
}
.noHeader #main{
	margin-top: 0px;
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* Header */
.noHeader .masthead:not(.mixed-header){
	background: var(--gruen);
}
.header-bar{
	align-items: center !important;
}
/*
.masthead:not(.side-header) .header-bar{
	align-items: center;
}
*/
.branding *{
	transition:all .4s;
}
.sticky-off .branding .same-logo{
	/* padding: 30px 20px 20px 20px; */
}
.sticky-on .branding .same-logo{
	/* padding: 5px !important; */
}
.branding img{
	transition:all .4s;
}
.mobile-header-bar{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d2327+0,1d2327+40,1d2327+100&1+0,0+100 */
background: linear-gradient(to bottom,  rgba(29,35,39,1) 0%,rgba(29,35,39,0.6) 40%,rgba(29,35,39,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.sticky-off .branding a img, 
.sticky-off .branding img{
	margin-top:20px;
	width:220px;
}
.sticky-on .branding a img, .sticky-on .branding img{
	width:160px;
}
.mobile-header-bar .mobile-branding img{
	width:205px;
	margin:20px 0px;
	transition:all .4s;
}

.header-bar #primary-menu{

}
.header-bar #primary-menu > li > a .menu-text{
	letter-spacing: .05em;
}
.sub-nav{
	box-shadow: none;
}


@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	.main-nav > li > a {
		margin: 18px 0px 18px 0px;
		padding: 4px 4px 4px 4px;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/*


.main-nav > li > a .menu-text{
		font: normal 300 1.25rem / 1.2em "Commissioner", Helvetica, Arial, Verdana, sans-serif;
	}
.main-nav .sub-nav > li > a, .sub-downwards .sub-nav.sub-nav-widgets > li{
	padding: 10px 10px 10px 0px
}
.main-nav .sub-nav > li:not(.wpml-ls-item) > a{
	position:relative;
}
.main-nav .sub-nav > li:not(.wpml-ls-item) > a:before{
	position:relative;
	display:inline-block;
	content:"";
	background:url(../images/pfeil-gruen.svg) no-repeat left bottom 3px transparent;
	background-size: 16px auto;
	width:30px;
	height:24px;
	opacity:0;
	transition:all .4s;
}
.main-nav .sub-nav > li:not(.wpml-ls-item) > a:hover:before{
	background:url(../images/pfeil-gruen.svg) no-repeat right 5px bottom 3px transparent;
	background-size: 16px auto;
	opacity:1;
}
.sub-nav{
	box-shadow:none;
}

.mini-widgets .text-area a:not(.dt-btn), .mobile-mini-widgets .text-area a:not(.dt-btn){
	text-decoration:none;
}


.dt-mobile-header{
	height:auto;
	min-height:1px;
}
.dt-mobile-header .next-level-button{
	background: url(../images/pfeil-gruen-diag-unten.svg) no-repeat center transparent;
	background-size: 12px auto;
}
.dt-mobile-header .next-level-button svg{
	display:none;
}



*/


/* Footer */


#footer{

}
#footer .wf-container{

}
#footer #nav_menu-2 li{
	border:0;
	padding:0;
	margin-left: 10px;
}
/*
#footer #text-2{
	width:70%;
	box-sizing: border-box;
	padding: 0;
}
#footer #text-2 .textwidget{
	display: flex;
	align-items: center;
}
#footer #text-2 p{
	margin-bottom: 0px;
	margin-right:10px;
}
#footer #nav_menu-2{
	width:30%;
	box-sizing: border-box;
	padding: 0;
}
#footer #nav_menu-2 ul{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
#footer #nav_menu-2 li{
	border:0;
	display: inline-block;
	padding:0;
	margin-left: 10px;
}
#footer #nav_menu-2 li.instagram a{
	background: url(../images/icon-instagram.svg) no-repeat transparent;
	width: 30px;
	height:30px;
	text-indent: -10000px;
	text-align: left;
}
.menu li, .qts-lang-menu li, .widget_pages li{
	margin: 0;
}
*/

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}



/* Module */
.bg-blatt{
	background: url(../images/bg-blatt-green.svg) no-repeat right 50px center transparent;
	background-size: auto 80%;
}







/* Bildelemente Runde Ecken */

.wpb_single_image.borderRadius img{
	border-radius: var(--border-radius);
}


/* Bildelemente Max. Breite */

.wpb_single_image.maxWidth50 img{
	max-width:50%;
	height:auto;
}
.wpb_single_image.maxWidth60 img{
	max-width:60%;
	height:auto;
}
.wpb_single_image.maxWidth70 img{
	max-width:70%;
	height:auto;
}
.wpb_single_image.maxWidth80 img{
	max-width:80%;
	height:auto;
}
.wpb_single_image.maxWidth90 img{
	max-width:90%;
	height:auto;
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
	.wpb_single_image.illustration img{
		max-width:60%;
		height:auto;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	.wpb_single_image.illustration img{
		max-width:80%;
		height:auto;
	}
}


/* Reverse Grid. Reihenfolge der Spalten ändert sich */


@media (max-width: 992px) {
	.vc_row.reverse-grid-992 .wpb_column.first{
		order: 2;
	}
	.vc_row.reverse-grid-992 .wpb_column.second{
		order: 1;
	}
}


/* Headerslider */

section.headerslider{
	
}
section.headerslider .sliderzeile{
	position:relative;
	min-height: 90vh;
	background-size:cover;
	background-position: right bottom;
}
section.headerslider .sliderzeile > .ult-item-wrap{
	position:absolute;
	left:10%;
	bottom:25%;
}
section.headerslider .sliderzeile .wpb_text_column:not(.link-btn){
	font-size: 3rem;
	line-height:1.4em;
}
section.headerslider .sliderzeile .wpb_text_column.shadow{
	text-shadow: var(--text-shadow-black);
}
section.headerslider .sliderzeile .wpb_text_column:not(.link-btn) strong{
	font-size: 5rem;
}
section.headerslider .sliderzeile .wpb_text_column.link-btn{
	margin-top: var(--standard-margin-top);
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	section.headerslider .sliderzeile > .ult-item-wrap{
		position:absolute;
		left:10%;
		bottom:20%;
	}
	section.headerslider .sliderzeile .wpb_text_column:not(.link-btn){
		font-size: 2rem;
	}
	section.headerslider .sliderzeile .wpb_text_column:not(.link-btn) strong{
		font-size: 3rem;
	}
	section.headerslider .sliderzeile .wpb_text_column.link-btn{
		margin-top: calc( var(--standard-margin-top) / 2 );
	}
}
@media (max-width: 992px) {
	section.headerslider .sliderzeile.willkommen > .ult-item-wrap{
		position:absolute;
		left:10%;
		bottom:auto;
		top:10%
	}
	.carousel-shortcode.carousel-shortcode-id-925fdbf017e9cf2fab040e360bc485be.reposition-arrows .owl-nav div.owl-prev{
		left:20px !important;
	}
	.carousel-shortcode.carousel-shortcode-id-925fdbf017e9cf2fab040e360bc485be.reposition-arrows .owl-nav div.owl-next{
		right: 20px !important;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	section.headerslider .sliderzeile > .ult-item-wrap{
		position:absolute;
		left:5%;
		bottom:10%;
	}
	section.headerslider .sliderzeile.willkommen > .ult-item-wrap{
		position:absolute;
		left:5%;
		bottom:auto;
		top:5%
	}
}

/* Headerbild */
section.headerbild{
	
}
section.headerbild .wpb_single_image .wpb_wrapper{
	position:relative;
}
section.headerbild .wpb_single_image .wpb_wrapper .vc_single_image-wrapper{
	position:relative;
	z-index:10;
}
section.headerbild .wpb_single_image .wpb_wrapper .vc_figure-caption{
	position:absolute;
	left: 50%;
	bottom: 110px;
	z-index:15;
	font-size: 5rem;
	line-height: 1.2em;
	color:#fff;
	font-weight:400;
	text-transform: uppercase;
	text-shadow: var(--text-shadow-black);
	transform: translateX( calc( var(--wrapperWidth) / 2 * -1 ) );
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	section.headerbild .wpb_single_image .wpb_wrapper .vc_figure-caption{
		left: 50%;
		bottom: 60px;
		font-size: 4rem;
		line-height: 1.2em;
	}
}
@media (max-width: 992px) {
	section.headerbild .wpb_single_image .wpb_wrapper .vc_single_image-wrapper img{
		aspect-ratio: 4/2.5;
		object-fit:cover;
	}
}
@media (max-width: 768px) {
	section.headerbild .wpb_single_image .wpb_wrapper .vc_figure-caption{
		left: 50%;
		bottom: 60px;
		font-size: 3rem;
		line-height: 1.2em;
	}
}
@media (max-width: 576px) {
	section.headerbild .wpb_single_image .wpb_wrapper .vc_single_image-wrapper img{
		aspect-ratio: 1/1;
		object-fit:cover;
	}
}




/* Video */
section#video{
	padding-top:0px !important;
}
#video .vc_column_container .vc_column-inner .wpb_wrapper{
	position:relative;
}
#video .vc_column_container .vc_column-inner .wpb_wrapper .wpb_raw_code.video{
	position:relative;
	z-index:10;
	margin-bottom:0px;
}
#video .vc_column_container .vc_column-inner .wpb_wrapper .wpb_raw_code.video video{
	vertical-align:bottom;
}
#video .vc_column_container .vc_column-inner .wpb_wrapper .wpb_raw_code.sound{
	position:absolute;
	z-index:15;
	left:40px;
	bottom:40px;
	margin-bottom:0px;
}
#video .vc_column_container .vc_column-inner .wpb_wrapper .wpb_raw_code.sound #volume-btn{
	display:inline-block;
	width:50px;
	height:38px;
	cursor:pointer;
	text-indent:-10000px;
	background:url(../images/sound-on.png) no-repeat center transparent;
	background-size: 100% auto;
}
#video .vc_column_container .vc_column-inner .wpb_wrapper .wpb_raw_code.sound #volume-btn.active{
	background:url(../images/sound-off.png) no-repeat center transparent;
	background-size: 100% auto;
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
	#video .vc_column_container .vc_column-inner .wpb_wrapper .wpb_raw_code.video video{
		aspect-ratio: 4/2.5;
		object-fit:cover;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	#video .vc_column_container .vc_column-inner .wpb_wrapper .wpb_raw_code.video video{
		aspect-ratio: 1/1;
		object-fit:cover;
	}
}


/* Blog */

.blog-shortcode.mode-grid{
	
}
.blog-shortcode.mode-grid .post-thumbnail-wrap{
	border-radius: 12px;
	overflow:hidden;
}
.content-bg-on.centered-layout-list article, .content-bg-on.classic-layout-list article{
	background-color:#fff;
	border-radius: 12px;
}
.mode-grid.blog-shortcode .entry-title{
	font-weight:400 !important;
	text-transform:uppercase;
	margin-bottom:12px !important;
}
.blog-shortcode .entry-title a{
	color: var(--rot);
}
.post-details.details-type-link{
	font-weight:400 !important;
	font-weight:400 !important;
	text-transform:uppercase;
	font-size: .875rem;
	color: var(--rot);
	text-decoration:underline;
}
.post-details.details-type-link:hover{
	text-decoration:none;
}
.post-details.details-type-link:after,
#page .post-details i{
	display: none !important;
}

/* Layout */

/*  */

/* Elemente */
/* Bilder mit Radius */
.wpb_single_image.round img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
}

.wpb_single_image.team{
	position:relative;
	text-align: center;
}
.wpb_single_image.team .vc_single_image-wrapper{
	position:relative;
}
.wpb_single_image.team .vc_single_image-wrapper:before{
	position:absolute;
	z-index: 5;
	left: 7%;
	top: 12%;
	content:"";
	width: 80%;
	height:80%;
	background: var(--hellgruen);
	border-radius: 50%;
}
.wpb_single_image.team .vc_single_image-wrapper img{
	position:relative;
	z-index: 10;
	width: 80%;
	border-radius: 50%;
	margin-top: 15%;
	margin-bottom: 5%;
}

/* Textelemente */
.wpb_text_column.erfolgsrezept{
	position:relative;
	padding-left: 110px;
}
.wpb_text_column.erfolgsrezept h3{
	margin-bottom: 10px;
}
.wpb_text_column.erfolgsrezept:before{
	position:absolute;
	top:0px;
	left:0px;
	content:"";
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: var(--hellgruen);
	font-size: 3rem;
	line-height: 88px;
	text-align: center;
	color: var(--weiss);
	font-weight: 900;
}
.wpb_text_column.erfolgsrezept.rezept-1:before{ content:"01"; }
.wpb_text_column.erfolgsrezept.rezept-2:before{ content:"02"; }
.wpb_text_column.erfolgsrezept.rezept-3:before{ content:"03"; }
.wpb_text_column.erfolgsrezept.rezept-4:before{ content:"04"; }
.wpb_text_column.erfolgsrezept.rezept-5:before{ content:"05"; }
.wpb_text_column.erfolgsrezept.rezept-6:before{ content:"06"; }

/* Home */

section.feinkost .wpb_text_column{
	position: relative;
}
section.feinkost .wpb_text_column:before{
	position: relative;
	display:inline-block;
	content: "";
	width: 230px;
	height: 55px;
	background: url(../images/icons-feinkost.svg) no-repeat center transparent;
	background-size: 100% auto;
	margin-bottom: 10px;
}
section.philosophie-first .wpb_text_column.special h2 span.first{
	font: var(--the7-h2-font);
	color: #fff;
	padding-left: 50px;
}
section.philosophie-first .wpb_text_column.special h2 span.last{
	padding-left: 100px;
	font-size: 1.2em;
}
section.philosophie-last .wpb_single_image{
	margin-bottom: 0px;
}

.vc_row.logos-qualitaet{
	
}
.vc_row.logos-qualitaet .wpb_single_image {
	background: #fff;
	border-radius: 50%;
	overflow:hidden;
	text-align:center;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
}
.vc_row.logos-qualitaet .wpb_single_image img{
	width: 70%;
	height: auto;
	max-width: 100%;
}
/* Produkte */


.produkt-detail #willkommen:before{
	background-size: auto 80%;
	background-color: var(--gelb);
}
.wpb_text_column table,
.wpb_text_column table td,
.wpb_text_column table th{
	border-color: var(--weiss);
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
	.produkt-detail #willkommen:before{
		background-size: auto 100%;
		background-color: var(--gelb);
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	.produkt-detail #willkommen:before{
		background-size: auto 90%;
		background-color: var(--gelb);
	}
}