/* Texte */
.text-weiss,
.text-weiss *{
	color:var(--weiss);
}
.text-gold,
.text-gold *{
	color:var(--gold);
}
.text-hellgold,
.text-hellgold *{
	color:var(--hellgold);
}
.text-dunkelblau,
.text-dunkelblau *{
	color:var(--dunkelblau);
}
.text-dunkelgrau,
.text-dunkelgrau *{
	color:var(--dunkelgrau);
}
h1,h2,h3,h4,.h1-size,.h2-size,.h3-size,.h4-size{
	text-wrap:balance;
}
/* Backgroundcolors */
.bg-schwarz-80{
	background-color:var(--schwarz-80);
}
.bg-dunkelgrau{
	background-color:var(--dunkelgrau);
}
.bg-dunkelblau{
	background-color:var(--dunkelblau);
}
.bg-weiss-80{
	background-color:var(--weiss-80);
}
.bg-gold{
	background-color:var(--gold);
}
.bg-gold-10{
	background-color:var(--gold-10);
}
.bg-hellgold{
	background-color:var(--hellgold);
}

#cta-footer.bg-pos-center-bottom{
	background-position: center bottom !important;
}

/* Backgroundimages */
.bg-half-right{
	position:relative;
	background-position: right center;
	background-size: auto 100%;
	background-repeat:no-repeat;
}
.bg-half-left{
	position:relative;
	background-position: left center;
	background-size: auto 100%;
	background-repeat:no-repeat;
}
.bg-half-left .wpb_content_element{
	text-align:right;
}

.bg-half-right:before{
	content:""; position:absolute; top:0px; right:0px; width:50%; height:100%;
}
.bg-half-left:before{
	content:""; position:absolute; top:0px; left:0px; width:50%; height:100%;
}

.vc_section[data-vc-full-width-temp].bg-half-right.bg-translatey,
.vc_section[data-vc-full-width-temp].bg-half-left.bg-translatey{
	overflow:visible;
}
.bg-half-right.bg-translatey:before{
	content:""; position:absolute; top:100px; right:0px; width:50%; height:100%;
}
.bg-half-left.bg-translatey:before{
	content:""; position:absolute; top:100px; left:0px; width:50%; height:100%;
}

@media (max-width: 992px) {	
	.bg-half-right,
	.bg-half-left{
		padding-top:45% !important;
	}
	.bg-half-right.bg-translatey,
	.bg-half-left.bg-translatey{
		padding-top:5% !important;
		padding-bottom:45% !important;
	}
	.bg-half-right:before,
	.bg-half-left:before{
		content:"";
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:40%;
		background-color:transparent;
	}	
	.bg-half-right.bg-translatey:before,
	.bg-half-left.bg-translatey:before{
		content:"";
		position:absolute;
		top:auto;
		bottom:0px;
		left:0px;
		width:100%;
		height:40%;
		background-color:transparent;
	}	
	.bg-half-left .wpb_content_element{
		text-align:left;
	}
}
@media (max-width: 768px) {	
	.bg-half-right,
	.bg-half-left{
		padding-top:50% !important;
	}
	.bg-half-right.bg-translatey,
	.bg-half-left.bg-translatey{
		padding-top:5% !important;
		padding-bottom:50% !important;
	}
	.bg-half-right:before,
	.bg-half-left:before{
		content:"";
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:35%;
		background-color:transparent;
	}
	.bg-half-right.bg-translatey:before,
	.bg-half-left.bg-translatey:before{
		content:"";
		position:absolute;
		top:auto;
		bottom:0px;
		left:0px;
		width:100%;
		height:35%;
		background-color:transparent;
	}	
}
@media (max-width: 576px) {	
	.bg-half-right,
	.bg-half-left{
		padding-top:100% !important;
	}
	.bg-half-right.bg-translatey,
	.bg-half-left.bg-translatey{
		padding-top:5% !important;
		padding-bottom:100% !important;
	}
	.bg-half-right:before,
	.bg-half-left:before{
		content:"";
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:35%;
		background-color:transparent;
	}	
	.bg-half-right.bg-translatey:before,
	.bg-half-left.bg-translatey:before{
		content:"";
		position:absolute;
		top:auto;
		bottom:0px;
		left:0px;
		width:100%;
		height:35%;
		background-color:transparent;
	}	
}

/* Buttons */
a.link-btn,
.link-btn a{
	display:inline-block;
	background:var(--gold);
	padding-top: 0.3em;
    padding-bottom: 0.3em;
	padding-left:50px;
	padding-right:50px;
	text-decoration:none;
	font-weight:400;
	transition: all .4s;
	color:#fff !important;
	font-size:1.4rem;
	text-transform:uppercase;
	margin-top:30px;
	border-radius:5px;
}
a.link-btn.btn-bl,
.link-btn.btn-bl a{
	background:var(--dunkelblau);
}
a.link-btn.btn-sw,
.link-btn.btn-sw a{
	background:var(--dunkelgrau);
}
a.link-btn:hover,
.link-btn a:hover{
	background:var(--hellgold);
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	a.link-btn,
	.link-btn a{
		padding-left:20px;
		padding-right:20px;
	}
}


/* Textelemente */
.wpb_text_column.padding-right{
	padding-right:40px;
}
.wpb_text_column.padding-left{
	padding-left:40px;
}
.wpb_text_column.inlineLink a{
	text-decoration:none;
	color: var(--hellgold);
}
.wpb_text_column.inlineLink a:hover{
	color: var(--gold);
}

/* Ausrichtung */
.textDesktopRight{
	text-align:right;
}
@media (max-width: 992px) {
	.textDesktopRight{
		text-align:left;
	}
}
/* Header */
header{
	position:relative;
	align-items:center !important;
}
header:before{
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:-100%;
	width:300%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mobile-header-bar{
	position:relative;
	align-items:center !important;
}
.mobile-header-bar:before{
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:-100%;
	width:300%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.branding *{
	position:relative;
	transition:all .4s;
}

.sticky-off .branding .same-logo{
	padding: 30px 20px 30px 20px;
	margin: 10px 0px 10px 0px;
}
.sticky-on .branding .same-logo{
	padding: 10px 10px 10px 10px !important;
	margin: 10px 0px 10px 0px;
}
.sticky-off .branding a img, .sticky-off .branding img{
	width:320px;
}
.sticky-on .branding a img, .sticky-on .branding img{
	width:200px;
}
.mobile-header-bar .mobile-branding img{
	width:200px;
	margin:10px 0px;
	transition:all .4s;
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	.sticky-off .branding a img, .sticky-off .branding img{
		width:200px;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* Footer */
#footer .widget_media_image img{
	width:300px;
	height:auto;
}
#footer #text-2,
#footer #nav_menu-2{
	text-align:right;
}

.footer .menu li{
	border:0;
	padding:0;
}

#bottom-bar li{
	padding: 0 0 0 20px;
}
#bottom-bar .mini-nav ul>li.act>a .menu-item-text, #bottom-bar .mini-nav>ul>li>a:hover .menu-item-text{
	text-decoration:none;
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
	#bottom-bar{
		padding-bottom:60px;
	}
	#footer,
	#footer #text-2,
	#footer #nav_menu-2{
		text-align:center;
	}
	#bottom-bar ul{
		margin-top:10px;
	}
	#bottom-bar li{
		padding: 0 10px 0 10px;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* Headerbereich Content */
#headerbereich{
	margin-top:-208px;
	position:relative;
}

#headerbereich:after{
	
}

#headerbereich .slidezeile{
	min-height:90vh;
	margin:0;
	padding:0;
}
#headerbereich.tiny .slidezeile{
	min-height:70vh;
}
#headerbereich .vc_column-inner{
	margin:0;
	padding:0;
	background: var(--dunkelgrau);
}
#headerbereich .ult-carousel-wrapper{
	position:relative;
	padding-bottom:0px;
}
#headerbereich .ult-carousel-wrapper .slick-slider .slick-slide{
	position:relative;
	z-index:5;
}
#headerbereich .ult-carousel-wrapper .slick-slider .slick-slide:after{
	content:"";
	position:absolute;
	z-index:10;
	bottom:0px;
	left:-100%;
	width:300%;
	height:300px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: linear-gradient(to top,  rgba(33,33,34,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#headerbereich .ult-carousel-wrapper .slick-slider .slick-dots{
	position:relative;
	transform:translateY(-70px);
}
@media (max-width: 576px) {
	#headerbereich .ult-carousel-wrapper .slick-slider .slick-dots{
		display:none !important;
	}
}
#headerbereich .wpb_text_column.text-container{
	position:absolute;
	left:10%;
	bottom:15%;
}
#headerbereich .wpb_text_column.text-container h1{
	color:#fff;
	text-shadow: var(--text-shadow-black);
}
#headerbereich .wpb_text_column.text-container h1 .text-hellgold{
	text-shadow: var(--text-shadow-white);
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
	#headerbereich .slidezeile{
		min-height: calc( 100vh + 82px );
		margin:0;
		padding:0;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* CTA Footer */
#cta-footer{
	border-bottom: 100px solid #212122;
	overflow:visible;
}
#cta-footer-box{
	position:relative;
	transform:translateY(100px);
	padding: 50px 15px 0px 0px;
}
#cta-footer-box .vc_column-inner{
	position:relative;
	z-index:5;
}
#cta-footer-box:before{
	position:absolute;
	content:"";
	top:0px;
	right:0px;
	width:10000px;
	height:100%;
	background:var(--hellgold);
	z-index:1;
}
#cta-footer a.link-btn:hover{
	background:var(--schwarz);
}
a.telefon{
	display:inline-block;
	text-decoration:none;
	font-weight:600;
	background:url(../images/icon-telefon.svg) no-repeat left 4px center transparent;
	background-size: auto 25px;
	padding-left:50px;
	margin: 15px 0 5px 0;
}
a.email{
	display:inline-block;
	text-decoration:none;
	font-weight:600;
	background:url(../images/icon-email.svg) no-repeat left center transparent;
	background-size: auto 20px;
	padding-left:50px;
	margin: 5px 0 5px 0;
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	#cta-footer strong.h3-size br{
		display:none;
	}
	a.email{
		display:inline-block;
		text-decoration:none;
		font-weight:600;
		background:transparent;
		background-size: auto 20px;
		padding-left:0px;
		margin: 5px 0 5px 0;
	}
}


/* --- Home ----------------------------------------------------------------------------------------------------------- */
#text-gute-kueche {
	padding-top:0;
}
#text-gute-kueche .wpb_single_image img{
	width:70%;
	max-width:100%;
	height:auto;
	padding-left:5%;
}
@media (max-width: 992px) {
	#text-gute-kueche .wpb_single_image img{
		width:90%;
		max-width:100%;
		height:auto;
		padding-left:5%;
	}
}

#so-feiern-wir{
	position:relative;
	overflow:visible;
	padding-top: calc( var(--standard-padding-top) * 1 );
	padding-bottom: calc( var(--standard-padding-bottom) * 1 );
	background:url(../images/beckmanns-event-home-deko-01.png);
	background-position: left 80px bottom 20px;
	background-repeat:no-repeat;
	background-size: 300px auto;
}
#so-feiern-wir .vc_row{
	position:relative;
	z-index:100;
}
#so-feiern-wir:before{
	position:absolute;
	top:20px;
	left:20px;
	content:"";
	width:300px;
	height:250px;
	background:url(../images/beckmanns-event-stilvoll.png);
	background-position: left top;
	background-repeat:no-repeat;
	background-size: 100% auto;
}
#so-feiern-wir:after{
	position:absolute;
	bottom:-80px;
	right:40px;
	content:"";
	width:600px;
	height:250px;
	background:url(../images/beckmanns-event-unkompliziert.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	background-size: 100% auto;
	z-index:90;
}
@media (max-width: 1600px) {
	#so-feiern-wir{
		background:transparent;
	}
}
@media (max-width: 992px) {
	#so-feiern-wir{
		padding-top: calc( var(--standard-padding-top) * 1.5 );
		padding-bottom: calc( var(--standard-padding-bottom) * 1 );
	}
	#so-feiern-wir:before{
		width:200px;
	}
	#so-feiern-wir:after{
		bottom:-40px;
		width:400px;
	}
}
@media (max-width: 576px) {
	#so-feiern-wir{
		padding-top: calc( var(--standard-padding-top) * 1 );
		padding-bottom: calc( var(--standard-padding-bottom) * 1 );
	}
	#so-feiern-wir:before{
		display:none;
	}
	#so-feiern-wir:after{
		display:none;
	}
}

#so-essen-wir{
	position:relative;
	overflow:visible;
	padding-top: calc( var(--standard-padding-top) * 1 );
	padding-bottom: calc( var(--standard-padding-bottom) * 3 );
}
#so-essen-wir .vc_row{
	position:relative;
	z-index:100;
}
#so-essen-wir:before{
	position:absolute;
	bottom:20px;
	left:20px;
	content:"";
	width:700px;
	height:250px;
	background:url(../images/beckmanns-event-gutes-essen.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	background-size: 100% auto;
}
#so-essen-wir:after{
	position:absolute;
	bottom:-100px;
	right:0px;
	content:"";
	width:650px;
	height:550px;
	background:url(../images/beckmanns-event-home-deko-02.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	background-size: 100% auto;
	z-index:90;
}
@media (max-width: 1400px) {
	#so-essen-wir:before{
		width:40%;
	}
	#so-essen-wir:after{
		width:50%;
	}
}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
	#so-essen-wir:before{
		display:none;
	}
	#so-essen-wir:after{
		width:75%;
	}
}
@media (max-width: 576px) {
	#so-essen-wir:before{
		display:none;
	}
	#so-essen-wir:after{
		width:90%;
	}
}

/* Restaurants */
.wpb_text_column.restaurant{
	position:relative;
	text-align:center;
	min-height:400px;
	background-size:cover;
}
.wpb_text_column.restaurant:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	z-index:3;
	opacity:1;
}
/*
.wpb_text_column.restaurant.seaside:before{
	background:#3281c3;
	opacity:0;
}
*/
.wpb_text_column.restaurant:hover:before{
	opacity:0;
}
.wpb_text_column.restaurant .wpb_wrapper{
	position:relative;
	z-index:5;
	display:flex;
	flex-direction:column;
	height:100%;
	opacity:1;
	transition:all .4s;
}
.wpb_text_column.restaurant:hover .wpb_wrapper{
	opacity:0;
}
.wpb_text_column.restaurant img{
	/*
	width:auto;
	height:200px;
	*/
	max-width:90%;
	margin-top:40px;
	margin-bottom:40px;
}
.wpb_text_column.restaurant.strandhalle img{
	width:284px;
	height:auto;
}
.wpb_text_column.restaurant.slueues img{
	width:212px;
	height:auto;
}
.wpb_text_column.restaurant.seaside img{
	width:548px;
	height:auto;
}
.wpb_text_column.restaurant.landhus img{
	width:548px;
	height:auto;
}
.wpb_text_column.restaurant.gemueshelden img{
	width:200px;
	height:auto;
}
.wpb_text_column.restaurant.manufaktur img{
	width:340px;
	height:auto;
}
.wpb_text_column.restaurant h3{
	text-transform:none !important;
	margin-top:40px;
	margin-bottom:40px;
}

/* Kontaktformular */
.location-anfragen{
	
}
.location-anfragen p{ margin-bottom:20px; }
.location-anfragen .w50{
	display:inline-block;
	width:50%;
	float:left;
	box-sizing:border-box;
}
.location-anfragen .wl{ padding-right:5px; }
.location-anfragen .wr{ padding-left:5px; }
.wpcf7-list-item{ margin:0; font-size:.8em; }
.location-anfragen p.pflicht{  font-size:.8em; text-align:right; font-style:italic; }
.location-anfragen p.quiz-wrap{  font-size:.8em; }
.location-anfragen p.art label{  margin-right:20px; }