body,
#the7-body{
	font-family: var(--font-secondary);
	font-size:18px !important;
	line-height: 1.4em !important;
}
/*
#main .vc_section{
	min-height:100vh;
}
*/
strong{
	font-weight:600;
}
.uppercase{
	text-transform:uppercase;
}

h1,.h1-size,
h2,.h2-size,
h3,.h3-size,
h4,.h4-size,
h5,.h5-size,
h6,.h6-size{
	font-weight:600;
	margin-top:0;
	margin-bottom:12px;
}
h1,
.h1-size{
	font-size:var(--h1-size);
	line-height: var(--h1-line-height);
}
h2,
.h2-size,
.mod_newsreader h1,
.mod_eventreader h1{
	font-size:var(--h2-size);
	line-height: var(--h2-line-height);
}
h3,
.h3-size,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_content_element.dt-style .wpb_accordion_header a{
	font-size:var(--h3-size);
	line-height: var(--h3-line-height);
}
h4,
.h4-size{
	font-size:var(--h4-size);
	line-height: var(--h4-line-height);
}
h5,
.h5-size{
	font-size:var(--h5-size);
	line-height: var(--h5-line-height);
}
h1.regular,
h2.regular,
h3.regular,
h4.regular,
h5.regular{
	font-weight:400;
}
h1.normalcase,
h2.normalcase,
h3.normalcase,
h4.normalcase,
h5.normalcase{
	text-transform:none;
}


p{
	margin-bottom:24px;
}

.wpb_single_image.fullwidth img{
	width:100%;
	height:auto;
}


/* ---------------------------------------------------------------------------------------------------------------- */

.text-petrol,
.text-petrol *{
	color:var(--petrol);
}
.text-gold,
.text-gold *{
	color:var(--gold);
}
.text-white,
.text-white *{
	color:#fff;
}

.vc_section:not(.headerbereich) .text-teaser strong{
	font-size:1.6em;
	line-height:1.2em;
	font-weight:500;
}
.vc_section:not(.headerbereich) .text-tiny-teaser strong{
	font-size:1.4em;
	line-height:1.2em;
	font-weight:500;
}

.bg-lila{
	background:var(--lila);
}
.bg-orange{
	background:var(--orange);
}
.bg-petrol{
	background:var(--petrol);
}
.bg-gruengrau{
	background:var(--gruengrau);
}




.link-btn a{
	display:inline-block;
	background:var(--gold);
	padding-top: 0.5em;
    padding-bottom: 0.5em;
	padding-left:50px;
	padding-right:50px;
	text-decoration:none;
	font-weight:500;
	transition: all .4s;
	color:#fff;
	font-size:24px;
	text-transform:uppercase;
}
.link-btn a:hover{
	background:var(--gruengrau);
}

.link-btn.big-btn a{
	display:inline-block;
	background:url(../images/kreispfeil-orange.svg) no-repeat center top 10px transparent;
	background-size: 100px auto;
	min-width:100px;
	padding-top: 120px;
    padding-bottom: 0.5em;
	padding-left:0px;
	text-decoration:none;
	text-align:center;
	font-weight:600;
	transition: all .4s;
}
.link-btn.big-btn a:hover{
	background:url(../images/kreispfeil-orange.svg) no-repeat center top 0px transparent;
	background-size: 100px auto;
}



/* Content ---------------------------------------------------------------------------------------- */

/* Header */
header{
	position:relative;
}

.sticky-off .branding img{
	width:460px;
	height:auto;
	transition: all .4s;
}
.sticky-on .branding img{
	width:240px;
	height:auto;
	margin-bottom:20px;
}

.masthead-mobile .mobile-header-bar .mobile-branding img,
.sticky-mobile-off .mobile-header-bar .mobile-branding img{
	width:180px;
	height:auto;
	transition: all .4s;
	padding: 10px 0 10px 0;
}
.sticky-mobile-on .mobile-header-bar .mobile-branding img{
	width:100px;
	height:auto;
	padding: 5px 0 5px 0;
}

.mini-widgets .text-area a:not(.dt-btn), .mobile-mini-widgets .text-area a:not(.dt-btn){
	text-decoration: none !important;
}
.sticky-on header::after{
	bottom:0px;
}

.masthead,
.phantom-sticky .sticky-on.masthead:not(.masthead-mobile){
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%) !important;
box-shadow:none;
}


.masthead:not(.side-header) .header-bar{
	align-items:flex-start;
}
.masthead.sticky-off .branding a img, 
.masthead.sticky-off .branding img{
	max-height:280px !important;
	width:auto !important;
	margin-top:20px;
}
.masthead.sticky-on .branding a img, .masthead.sticky-on .branding img{
	margin-top:10px;
}
.masthead.sticky-on .branding a img, 
.masthead.sticky-on .branding img{
	max-height:60px !important;
	width:auto !important;
}

.main-nav > li.act:not(.wpml-ls-item) > a:hover .menu-text, 
.main-nav > li.act:not(.wpml-ls-item) > a:hover .subtitle-text{
	color:var(--gold);
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	.masthead.sticky-off .branding a img, 
	.masthead.sticky-off .branding img{
		max-height:200px !important;
		width:auto !important;
		margin-top:20px;
	}
}
@media (max-width: 992px) {
	.masthead.sticky-off .branding a img, 
	.masthead.sticky-off .branding img{
		max-height:120px !important;
		width:auto !important;
		margin-top:20px;
	}
}
@media (max-width: 768px) {
	.masthead-mobile .mobile-header-bar .mobile-branding img,
	.sticky-mobile-off .mobile-header-bar .mobile-branding img{
		width:120px;
		height:auto;
		transition: all .4s;
		padding: 10px 0 10px 0;
	}
	.sticky-mobile-on .mobile-header-bar .mobile-branding img{
		width:80px;
		height:auto;
		padding: 5px 0 5px 0;
	}
}
@media (max-width: 576px) {

}


@media only screen and (max-width: 1250px) {
	.sticky-off .branding img{
		width:300px;
		height:auto;
		transition: all .3s;
	}
	header::after{
		left:10px;
		bottom:-29px;
		width:150px;
		height:40px;
	}
	.main-nav > li > a{
		/* margin:9px 4px 9px 4px;
		padding: 0px; */
	}
}
@media only screen and (max-width: 990px) {

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

}
@media only screen and (max-width: 500px) {

}


#footer > .wf-wrap{
	position:relative;
	padding-top: 80px;
}
#footer > .wf-wrap::before{
	content:"";
	position:absolute;
	left:-10000px;
	top:0px;
	width:20000px;
	height:50px;
	background:url(../images/welle-bl.png) repeat-x left bottom -1px #fff;
	background-size: 60px auto;
	z-index:100;
}

#footer .wf-container{
	display:flex;
	align-items:flex-start;
}
#footer .wf-container .widget{
	display:flex;
	align-items:flex-end;
}
#footer .wf-container .widget.widget_nav_menu {
	justify-content:flex-end;
	text-align:right;
}

#footer #text-2 img{
	width:400px;
	max-width:90%;
	height:auto;
}

#footer a{
	transition:all .4s;
}
#footer a:hover{
	text-decoration:none;
}
#footer #text-2 li{
	display:inline-block;
}
#footer a.facebook{
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../images/icon-facebook.svg) no-repeat center transparent;
	background-size: 100% auto;
	text-indent:10000px;
	margin-left:4px;
	
}
#footer a.facebook:hover{
	background:url(../images/icon-facebook.svg) no-repeat center var(--gold);
	background-size: 100% auto;
}
#footer a.instagram{
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../images/icon-instagram.svg) no-repeat center transparent;
	background-size: 100% auto;
	text-indent:10000px;
	margin-left:4px;
}
#footer a.instagram:hover{
	background:url(../images/icon-instagram.svg) no-repeat center var(--gold);
	background-size: 100% auto;
}

.footer .menu li{
	border-width:0px;
	margin: 8px 0 0;
	padding: 8px 0 0;
}
#footer #media_image-2 img{
	height:170px !important;
	width:auto;
	max-width:100%;
}
#footer #text-2,
#footer #text-4,
#footer #text-3{
	padding-top:170px;
}

#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;
}
#bottom-bar a:hover{
	color:var(--gold);
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	#footer > .wf-wrap:before{
		width:320px;
	}
}
@media (max-width: 992px) {
	#footer .mini-nav{
		margin: 10px 0 10px 0;
	}
}
@media (max-width: 768px) {
	#footer,
	#footer .wf-container .widget.widget_nav_menu{
		text-align:center;
	}
	#footer .wf-container,
	#footer .wf-container .widget,
	#bottom-bar .wf-container-bottom{
		display:block;
	}
	#bottom-bar .wf-float-left,
	#bottom-bar .wf-float-right{
		float:none;
		display:block;
		width:100%;
		text-align:center;
		padding: 10px 0 10px 0;
	}
	#footer #text-2,
	#footer #text-4,
	#footer #text-3{
		padding-top:0px;
	}
}
@media (max-width: 576px) {
	#footer > .wf-wrap:before{
		width:200px;
	}
	#footer #text-2,
	#footer #text-4,
	#footer #text-3{
		padding-top:20px;
	}
}



#headerbereich{
	margin-top:-400px;
	position:relative;
}
#headerbereich.tiny{
	min-height:40vh;
}
#headerbereich .wpb_single_image.headline{
	position:absolute;
	left:40px;
	max-width:50%;
	margin-bottom:10px;
	bottom:-1%;
}
#headerbereich .slidezeile{
	min-height:90vh;
	margin:0;
	padding:0;
}
#headerbereich .vc_column-inner{
	margin:0;
	padding:0;
}
#headerbereich .wpb_single_image.headline{
	
} 

#headerbereich .ult-carousel-wrapper{
	padding-bottom:0px;
}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	#headerbereich .wpb_single_image.headline{
		max-width:60%;
		left:20px;
	} 
}
@media (max-width: 992px) {
	#headerbereich .slidezeile{
		min-height:80vh;
		margin:0;
		padding:0;
	}
}
@media (max-width: 768px) {
	#headerbereich .wpb_single_image.headline{
		max-width:70%;
		left:10px;
	} 
}
@media (max-width: 576px) {
	#headerbereich .wpb_single_image.headline{
		max-width:90%;
	} 
}

.home #ueber-uns h1,
.wpb_text_column.schraeg h1,
.wpb_text_column.schraeg .h1-size{
	display:inline;
	padding: .1em 1em .2em 1em;
	text-transform:uppercase;
	line-height:2em;
}
.home #ueber-uns h2,
.wpb_text_column.schraeg h2{
	font-weight:400;
	text-transform:uppercase;
}
.home #ueber-uns .wpb_text_column.schraeg,
.wpb_text_column.schraeg{
	transform:rotate(-5deg);
	margin-bottom:50px;
}
@media (max-width: 1400px) {

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

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

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

}
@media (max-width: 576px) {
	.home #ueber-uns h1,
	.wpb_text_column.schraeg h1{
		display:inline;
		padding: .1em .3em .2em .3em;
		text-transform:uppercase;
		line-height:2em;
	}
}

.wpcf7-list-item{
	margin:0;
}

.home #reservieren{
	position:relative;
	background-image:url(../images/freepik-currywurst-sausages_retuschiert.png);
	background-size: auto 70%;
	background-position: right -140px top 60px;
	background-repeat: no-repeat;
}
.home #reservieren:before{
	position:absolute;
	content:"";
	left:0px;
	top:0px;
	width:100%;
	height:100px;
	background:#fff;
}
@media (max-width: 1400px) {
	.home #reservieren{
		background-image:url(../images/freepik-currywurst-sausages_retuschiert.png);
		background-size: auto 60%;
		background-position: right -80px top 60px;
		background-repeat: no-repeat;
	}
}
@media (max-width: 1200px) {
	.home #reservieren{
		background-image:url(../images/freepik-currywurst-sausages_retuschiert.png);
		background-size: auto 50%;
		background-position: right -140px top 80px;
		background-repeat: no-repeat;
	}
	.home #reservieren:before{
		height:80px;
	}
}
@media (max-width: 992px) {
	.home #reservieren{
		background-image:url(../images/freepik-currywurst-sausages_retuschiert.png);
		background-size: auto 30%;
		background-position: right -40px bottom 40px;
		background-repeat: no-repeat;
		padding-bottom:50%;
	}
}
@media (max-width: 768px) {
	.home #reservieren{
		padding-bottom:60%;
	}
	.home #reservieren:before{
		height:60px;
	}
}
@media (max-width: 576px) {
	.home #reservieren{
		padding-bottom:80%;
	}
	.home #reservieren:before{
		height:50px;
	}
}

.home #speisekarte{
	background-image:url(../images/freepik_fish-chips-with-french-fries.png),url(../images/Slueues-Speisekarte_Mockup.png);
	background-size: auto 500px, auto 500px;
	background-position: left center,center top 40px;
	background-repeat: no-repeat, no-repeat;
	padding-top:500px;
}

@media (max-width: 576px) {
	.home #speisekarte{
		background-image:url(../images/freepik_fish-chips-with-french-fries.png),url(../images/Slueues-Speisekarte_Mockup.png);
		background-size: 60% auto, 90% auto;
		background-position: left top 100px,center top 40px;
		background-repeat: no-repeat, no-repeat;
		padding-top:80%;
	}
}

.home #mohltied,
.home #mohltied .vc_row,
.home #mohltied .vc_row .first{
	position:relative;
}
.home #mohltied .vc_row .first{
	z-index:105;
}
.home #mohltied::before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50px;
	background:url(../images/welle-ws.png) repeat-x left top transparent;
	background-size: 60px auto;
	z-index:100;
}
.home #mohltied::after{
	content:"";
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:140px;
	background:#fff;
	z-index:104;
}
.home #mohltied > div::before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background:url(../images/restaurant-slueues-brunsbuettel-dithmarschen-content-02.jpg) no-repeat center transparent;
	background-size:cover;
	z-index:10;
}
.home #mohltied .wpb_column.first .wpb_single_image{
	position:relative;
	margin-bottom:0px;
}
.home #mohltied .wpb_column.first .wpb_single_image{
	position:relative;
	margin-bottom:0px;
}

@media (max-width: 1400px) {

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

}
@media (max-width: 992px) {
	.home #mohltied::after{
		content:"";
		position:absolute;
		left:0px;
		bottom:0px;
		width:100%;
		height:70px;
		background:#fff;
		z-index:104;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	.home #mohltied{
		padding-top:100px;
		padding-bottom:100%;
	}
	.home #mohltied::after{
		display:none;
	}
	.home #mohltied > div::before{
		content:"";
		position:absolute;
		left:0px;
		top:auto;
		bottom:0px;
		width:100%;
		height:auto;
		padding-bottom:100%;
		background:url(../images/restaurant-slueues-brunsbuettel-dithmarschen-content-02.jpg) no-repeat center transparent;
		background-size:cover;
		z-index:10;
	}

	.home #mohltied .wpb_column.first{
		display:none;
		position:relative;
		z-index:15;
		order:2;
	}
	.home #mohltied .wpb_column.last{
		order:1;
	}
}

.home #jobs{
	background:url(../images/closeup-fresh-croissant-cappuccino-coffee.webp) no-repeat left 30px bottom 20px transparent;
	background-size:auto 500px;;
}
.home #jobs h2{
	display:inline;
	padding: .1em 1em .2em 1em;
	text-transform:uppercase;
	line-height:2em;
}
.home #jobs .wpb_text_column.schraeg{
	transform:rotate(-5deg);
	margin-bottom:50px;
}

/* Jobs */
.job-listing .job-preview .job-cta .apply-btn{
	background-color: var(--petrol) !important;
	border-radius:0 !important;
}
.job-listing .job-preview .job-cta .apply-btn:hover{
	background-color: var(--gold) !important;
}
.job-listing .job-preview{
	background-color: var(--gruengrau) !important;
	border-radius:0 !important;
	border:0 !important;
	margin-bottom:20px !important;
}
.job-listing .job-preview .job-content .job-additional-information{
	font-style:italic;
}
.job-listing .job-preview .job-content .job-additional-information .job_custom_message{
	font-style:normal;
}


.jobs-template-default #main,
.jobs-template-default #main > .wf-wrap{
	width:100%;
	margin:0;
	padding:0;
}
.jobs-template-default #main{
	margin-top:-400px;
}
.job-post{
	max-width:100% !important;
	margin:0 !important;
	padding-top:0 !important;
}
.job-post-wrapper-nzw{
	max-width:1100px;
	margin: 0 auto;
}
.job-image .job-content-wrap{
	padding:0 !important;
}
.job-post .job-image img{
	border-radius:0 !important;
}

@media (max-width: 1400px) {

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

}
@media (max-width: 992px) {
	.jobs-template-default #main{
		margin-top:-200px;
	}
}
@media (max-width: 900px) {
	.job-post{
		padding:0 !important;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	.jobs-template-default .job-image img{
		aspect-ratio: 1/1;
		object-fit:cover;
	}
	.jobs-template-default .job-post-wrapper-nzw{
		padding: 0px 20px 70px 20px;
	}
}





/* ---------------------------------------------------------------------------------------------------------------- */

/* Headerbereich: Hintergrundbild in der Section definieren. Position default ist Center/Center. Über Klasse andere Positionen möglich*/
/*
section.headerbereich{
	position:relative;
	min-height:60vh;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding-top:0px !important;
}
section.headerbereich.tiny{
	min-height:35vh;
}
section.headerbereich.left-top{
	background-position:left top;
}
section.headerbereich.center-top{
	background-position:center top;
}
section.headerbereich.right-top{
	background-position:right top;
}
section.headerbereich.left-center{
	background-position:left center;
}
section.headerbereich.right-center{
	background-position:right center;
}
section.headerbereich.left-bottom{
	background-position:left bottom;
}
section.headerbereich.center-bottom{
	background-position:center bottom;
}
section.headerbereich.right-bottom{
	background-position:right bottom;
}
section.headerbereich .vc_row,
section.headerbereich .vc_row .vc_column_container{
	min-height:60vh;
	position:relative;
	z-index:20;
}
section.headerbereich.tiny .vc_row,
section.headerbereich.tiny .vc_row .vc_column_container{
	min-height:35vh;
}
section.headerbereich:after{
	content:"";
	position:absolute;
	z-index:10;
	bottom:-1px;
	left:0px;
	width:100%;
	height:50%;
	background:url(../images/nachbarschaftshilfe-westkueste-deko-01.svg) no-repeat left bottom transparent;
	background-size: 100% auto;
}
section.headerbereich.tiny:after{
	content:"";
	position:absolute;
	z-index:10;
	bottom:-1px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/nachbarschaftshilfe-westkueste-deko-01.svg) no-repeat left bottom transparent;
	background-size: 100% auto;
}

/* Teasertext Headerbild groß / orange. Position default ist Center /Center. Über Klasse andere Positionen möglich. */
/*
section.headerbereich .text-teaser{
	position:absolute;
	z-index:100;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
	display:inline-block;	
	text-align:center;
}
section.headerbereich .text-teaser a{
	color:#fff;	
	text-decoration:none;
}
section.headerbereich .text-teaser.top-left{
	top:5%;
	left:0%;
	transform:translate(0%,0%);		
}
section.headerbereich .text-teaser.top-right{
	top:5%;
	left:auto;
	right:0%;
	transform:translate(0%,0%);		
}
section.headerbereich .text-teaser.top-center{
	top:5%;	
	transform:translate(-50%,0%);
}
section.headerbereich .text-teaser.bottom-left{
	top:auto;
	bottom:10%;
	left:0%;
	transform:translate(0%,0%);		
}
section.headerbereich .text-teaser.bottom-right{
	top:auto;
	bottom:10%;
	left:auto;
	right:0%;
	transform:translate(0%,0%);		
}
section.headerbereich .text-teaser.bottom-center{
	top:auto;
	bottom:10%;
	left:50%;
	transform:translate(-50%,0%);		
}
section.headerbereich .text-teaser.center-left{
	top:50%;
	left:0%;
	transform:translate(0%,-50%);		
}
section.headerbereich .text-teaser.center-right{
	top:50%;
	left:auto;
	right:0%;
	transform:translate(0%,-50%);		
}
section.headerbereich .text-teaser:before{
	position:absolute;
	z-index:-1;
	content:"";
	display:block;
	width:100%;
	padding-top:100%;
	background:var(--orange);
	border-radius:50%;
	transition: all .4s;
}
.home section.headerbereich .text-teaser:hover::before{
	background:var(--lila);
}
section.headerbereich .text-teaser .wpb_wrapper{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	aspect-ratio: 1;
	padding:50px;
	font-size:30px;
	line-height:1.1em;
	color:#fff;	
}
.home section.headerbereich .text-teaser .wpb_wrapper{
	font-size:36px;
}


/* Teasertext Headerbild klein / weiß */
/*
section.headerbereich .text-info{
	position:absolute;
	z-index:90;
	top:50%;
	left:50%;
	transform:translate(40%,20%);	
	display:inline-block;	
	text-transform:uppercase;
	font-weight:900;
	text-align:center;
}
section.headerbereich .text-info:hover{
	z-index:110;	
}
section.headerbereich .text-info a{
	color:var(--lila);	
	text-decoration:none;
}
section.headerbereich .text-info:hover a{
	color:#fff;	
}
section.headerbereich .text-info:before{
	position:absolute;
	z-index:-1;
	content:"";
	display:block;
	width:100%;
	padding-top:100%;
	background:#fff;
	border-radius:50%;
	transition: all .4s;
}
section.headerbereich .text-info:hover::before{
	background:var(--lila);
}
section.headerbereich .text-info .wpb_wrapper{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	aspect-ratio: 1;
	padding:60px;
	font-size:36px;
	line-height:1.1em;
	color:var(--lila);	
}
@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	.home section.headerbereich .text-teaser,
	section.headerbereich .text-info{
		left:70%;
	}
	.home section.headerbereich .text-teaser .wpb_wrapper,
	section.headerbereich .text-teaser .wpb_wrapper,
	section.headerbereich .text-info .wpb_wrapper{
		padding:30px;
		font-size:24px;
	}
}
@media (max-width: 992px) {
	section.headerbereich{
		min-height:50vh;
	}
	section.headerbereich .vc_row,
	section.headerbereich .vc_row .vc_column_container{
		min-height:50vh;
	}

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

}
@media (max-width: 576px) {
	section.headerbereich .text-info{
		display:none !important;
	}
	.home section.headerbereich .text-teaser .wpb_wrapper,
	section.headerbereich .text-teaser .wpb_wrapper,
	section.headerbereich .text-info .wpb_wrapper{
		display:none !important;
	}
}

/* Breadcrumbs */
/*
.vc_section.breadcrumbs{
	color:#c8c9c9;
	margin-bottom:20px;
}
.vc_section.breadcrumbs a{
	color:#c8c9c9;
}
.vc_section.breadcrumbs a:hover{
	color:var(--orange);
	text-decoration:none;
}
.vc_section.breadcrumbs .wpb_text_column{
	border-bottom: 2px solid #c8c9c9;
}

/* Bildelemente mit Deko */
/*
.wpb_single_image.bg-pfeilkreis-links,
.wpb_single_image.bg-pfeilkreis-rechts,
.wpb_single_image.bg-pfeilkreis-rechts-invert,
.wpb_single_image.bg-pfeilkreis-unten{
	position:relative;
} 
.wpb_single_image.bg-pfeilkreis-links{
	padding-left:20px;
}
.wpb_single_image.bg-pfeilkreis-links:before{
	position:absolute;
	content:"";
	top:20px;
	left:-20px;
	width:80px;
	height:80px;
	background:url(../images/kreispfeil-weiss.svg) no-repeat center transparent;
	background-size: 100% auto;
} 
.wpb_single_image.bg-pfeilkreis-rechts{
	padding-right:20px;
}
.wpb_single_image.bg-pfeilkreis-rechts:before{
	position:absolute;
	content:"";
	top:20px;
	right:-20px;
	width:80px;
	height:80px;
	background:url(../images/kreispfeil-weiss.svg) no-repeat center transparent;
	background-size: 100% auto;
} 
.wpb_single_image.bg-pfeilkreis-rechts-invert{
	padding-right:20px;
}
.wpb_single_image.bg-pfeilkreis-rechts-invert:before{
	position:absolute;
	content:"";
	top:20px;
	right:-20px;
	width:80px;
	height:80px;
	background:url(../images/kreispfeil-weiss-invert.svg) no-repeat center transparent;
	background-size: 100% auto;
} 
.wpb_single_image.bg-pfeilkreis-unten:before{
	position:absolute;
	content:"";
	bottom:-40px;
	left:20px;
	width:80px;
	height:80px;
	background:url(../images/kreispfeil-weiss-down.svg) no-repeat center transparent;
	background-size: 100% auto;
} 
@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
	.wpb_single_image.bg-pfeilkreis-links:before{
		left:-10px;
		width:60px;
		height:60px;
	} 
	.wpb_single_image.bg-pfeilkreis-rechts:before,
	.wpb_single_image.bg-pfeilkreis-rechts-invert:before{
		right:-10px;
		width:60px;
		height:60px;
	} 
	.wpb_single_image.bg-pfeilkreis-unten:before{
		bottom:-30px;
		left:20px;
		width:60px;
		height:60px;
	} 
}
@media (max-width: 992px) {
	.wpb_single_image.bg-pfeilkreis-links{
		padding-left:0px;
	}
	.wpb_single_image.bg-pfeilkreis-rechts,
	.wpb_single_image.bg-pfeilkreis-rechts-invert{
		padding-right:0px;
	}
	.wpb_single_image.bg-pfeilkreis-links:before,
	.wpb_single_image.bg-pfeilkreis-rechts:before,
	.wpb_single_image.bg-pfeilkreis-rechts-invert:before{
		left: 20px;
		right: auto;
		top:-30px;
		width: 60px;
		height: 60px;
		background:url(../images/kreispfeil-weiss-down.svg) no-repeat center transparent;
		background-size: 100% auto;
	} 
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
	.wpb_single_image.bg-pfeilkreis-links:before,
	.wpb_single_image.bg-pfeilkreis-rechts:before,
	.wpb_single_image.bg-pfeilkreis-rechts-invert:before{
		left: 20px;
		right: auto;
		top:-20px;
		width: 40px;
		height: 40px;
		background:url(../images/kreispfeil-weiss-down.svg) no-repeat center transparent;
		background-size: 100% auto;
	} 
	.wpb_single_image.bg-pfeilkreis-unten:before{
		bottom:-20px;
		left:20px;
		width:40px;
		height:40px;
	} 
}

.wpb_column.richtung.first{
	order:1;
}
.wpb_column.richtung.last{
	order:2;
}

@media (max-width: 992px) {
	.wpb_column.richtung.first{
		order:2;
	}
	.wpb_column.richtung.last{
		order:1;
	}
}
*/