#content
{
	float:left;
	width:100%;
}

.contentelement
{
	float:left;
	width:100%;
}

.contentelement.notop
{
	padding-top:0;
}

.contentelement.nobottom
{
	padding-bottom:0;
}

.contentelement.defaulttop
{
	padding-top:90px;
}

.contentelement.smalltop
{
	padding-top:60px;
}



.contentelement.defaultbottom
{
	padding-bottom:90px;
}

.contentelement.smallbottom
{
	padding-bottom:60px;
}

.contentelement.nobottom
{
	padding-bottom:0;
}

/*transparent*/
.bgcolor-0 {background-color: var(--bgcolor-0);}
/*weiss*/
.bgcolor-1 {background-color: var(--bgcolor-1);}
/*hellgrau*/
.bgcolor-2 {background-color: var(--bgcolor-2);}
/*cyan*/
.bgcolor-3 {background-color: var(--bgcolor-3);}
/*cyan 40%*/
.bgcolor-4 {background-color: var(--bgcolor-4);}
/*cyan 20%*/
.bgcolor-5 {background-color: var(--bgcolor-5);}
/*rot*/
.bgcolor-6 {background-color: var(--bgcolor-6);}
/*rot 40%*/
.bgcolor-7 {background-color: var(--bgcolor-7);}
/*grün*/
.bgcolor-8 {background-color: var(--bgcolor-8);}
/*grün 60%*/
.bgcolor-9 {background-color: var(--bgcolor-9);}
/*lila*/
.bgcolor-10 {background-color: var(--bgcolor-10);}
/*gelb*/
.bgcolor-11 {background-color: var(--bgcolor-11);}
/*pink*/
.bgcolor-12 {background-color: var(--bgcolor-12);}
/*orange*/
.bgcolor-13 {background-color: var(--bgcolor-13);}
/*text grau*/
.bgcolor-14 {background-color: var(--bgcolor-14);}

.bgcolor-14 h1,
.bgcolor-14 h2,
.bgcolor-14 h3,
.bgcolor-14 h4,
.bgcolor-14 h5,
.bgcolor-14 h6,
.bgcolor-14 p,
.bgcolor-14 span,
.bgcolor-14 li,
.bgcolor-14 a {
    color: #fff;
}

.bgcolor-6 h1,
.bgcolor-6 h2,
.bgcolor-6 h3,
.bgcolor-6 h4,
.bgcolor-6 h5,
.bgcolor-6 h6,
.bgcolor-6 p,
.bgcolor-6 span,
.bgcolor-6 li,
.bgcolor-6 a {
    color: #fff;
}



.swiper-wrapper{height:auto!important;}

/*
 * ### Textmedia-Element ###
 */
.textimage
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.textimage header
{
	margin:0 0 30px;
	order:1;
	width:100%;
}

.textimage .textwrapper p:last-child
{
	margin-bottom:0;
}

/* 
 * Bild oben:  .imageorient-0
 */

.textimage.imageorient-0 .filewrapper
{
	margin:0 0 30px;
	order:2;
	width:100%;
}

.textimage.imageorient-0 .filewrapper.notext
{
	margin-bottom:0;
}

.textimage.imageorient-0 .filewrapper picture,
.textimage.imageorient-0 .filewrapper .imagezoom
{
	margin:0 0 30px;
}

.textimage.imageorient-0 .filewrapper picture:last-child,
.textimage.imageorient-0 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-0 .filewrapper picture img,
.textimage.imageorient-0 .filewrapper .imagezoom img
{
	margin:0 auto;
}

.textimage.imageorient-0 .textwrapper
{
	order:3;
	width:100%;
}

.textimage.imageorient-0 .htmlwrapper
{
	order:4;
	width:100%;
}

/* 
 * Bild oben:  .imageorient-8
 */

.textimage.imageorient-8 .filewrapper
{
	order:3;
	width:100%;
}

.textimage.imageorient-8 .filewrapper picture,
.textimage.imageorient-8 .filewrapper .imagezoom
{
	margin:0 auto 30px;
}

.textimage.imageorient-8 .filewrapper picture:last-child,
.textimage.imageorient-8 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-8 .filewrapper picture img,
.textimage.imageorient-8 .filewrapper .imagezoom img
{
	margin:0 auto;
}

.textimage.imageorient-8 .textwrapper
{
	margin:0 0 30px;
	order:2;
	width:100%;
}

.textimage.imageorient-8 .textwrapper.noimage
{
	margin-bottom:0px;
}

/* 
 * Bild in-Text rechts:  .imageorient-17
 * Bild in-Text links: .imageorient-18
 */

.textimage.imageorient-17 header,
.textimage.imageorient-18 header
{
	order:0;
	width:100%;
}

.textimage.imageorient-17 .filewrapper
{
	float:right;
	margin:0 0 0 30px;
	max-width:calc(50% - 15px);
}

.textimage.imageorient-18 .filewrapper
{
	float:left;
	margin:0 30px 0 0;
	max-width:calc(50% - 15px);
}

.textimage.imageorient-17 .filewrapper picture,
.textimage.imageorient-17 .filewrapper .imagezoom,
.textimage.imageorient-18 .filewrapper picture,
.textimage.imageorient-18 .filewrapper .imagezoom
{
	margin:0 0 30px;
}

/* 
 * Bild rechts:  .imageorient-25
 * Bild links: .imageorient-26
 */
.textimage.imageorient-25 .filewrapper
{
	margin:0 0 0 30px;
	order:3;
	width:calc(50% - 15px);
}

.textimage.imageorient-26 .filewrapper
{
	margin:0 30px 0 0;
	order:2;
	width:calc(50% - 15px);
}

.textimage.imageorient-25 .filewrapper picture,
.textimage.imageorient-25 .filewrapper .imagezoom,
.textimage.imageorient-26 .filewrapper picture,
.textimage.imageorient-26 .filewrapper .imagezoom
{
	margin:0 auto 30px;
}

.textimage.imageorient-25 .filewrapper picture:last-child,
.textimage.imageorient-25 .filewrapper .imagezoom:last-child,
.textimage.imageorient-26 .filewrapper picture:last-child,
.textimage.imageorient-26 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-25 .textwrapper,
.textimage.imageorient-26 .textwrapper
{
	width:calc(50% - 15px);
}

.textimage.imageorient-25 .textwrapper
{
	order:2;
}

.textimage.imageorient-26 .textwrapper
{
	order:3;
}

/*
 * Bild rechts:  .imageorient-27
 * Bild rechts:  .imageorient-28
 */
.textimage.imageorient-27,
.textimage.imageorient-28
{
	align-items:center;
}

.textimage.imageorient-27 header,
.textimage.imageorient-28 header
{
	order:1;
	width:100%;
}

.textimage.imageorient-27 .filewrapper
{
	order:3;
	width:calc(50% - 15px);
}

.textimage.imageorient-27 .filewrapper picture,
.textimage.imageorient-27 .filewrapper .imagezoom
{
	margin:0 auto 30px;
}

.textimage.imageorient-27 .filewrapper picture:last-child,
.textimage.imageorient-27 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-27 .textwrapper
{
	margin:0 30px 0 0;
	order:2;
	width:calc(50% - 15px);
}

.textimage.imageorient-28 .filewrapper
{
	margin:0 30px 0 0;
	order:2;
	width:calc(50% - 15px);
}

.textimage.imageorient-28 .filewrapper picture,
.textimage.imageorient-28 .filewrapper .imagezoom
{
	margin:0 auto 30px;
}

.textimage.imageorient-28 .filewrapper picture:last-child,
.textimage.imageorient-28 .filewrapper .imagezoom:last-child
{
	margin-bottom:0;
}

.textimage.imageorient-28 .textwrapper
{
	order:3;
	width:calc(50% - 15px);
}
.imageCaption {margin-top:10px; font-size: 13px;}
.imageCaption p {margin-bottom:0px;}


.vorientation-1{}
.vorientation-2{align-items: center;}
.vorientation-3{align-items: flex-end;}

.vorientation-2 .textwrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}





/*
 * ### 2 Spalten-Element ###
 */
.twocolumn
{
	float:left;
	width:100%;
    overflow:hidden;
}

.twocolumn .column
{
	float:left;
	margin:0 30px 0 0;
	width:calc(100% / 2 - 30px / 2);
}

.twocolumn .column.last
{
	margin-right:0;
}

.twocolumn .column .imagewrapper
{
	float:left;
	width:100%;
  	margin:0 0 15px;


}

.twocolumn .column .imagewrapper picture
{
	margin:0 0 20px;
}

.twocolumn .column .imagewrapper picture:last-child
{
	margin-bottom:0;
}

.twocolumn .column .imagewrapper picture img
{
	margin:0 auto;
}

.twocolumn .column .textwrapper
{
	float:left;
	width:100%;
}

.twocolumn .column .textwrapper p:last-child
{
	margin-bottom:0;
}

.twocolumn .swiper-wrapper .image{height:350px; background-size: cover;}
.twocolumn .swiper-wrapper .swiper-pagination, .twocolumn .swiper-wrapper .swiper-button-prev,  .twocolumn .swiper-wrapper .swiper-button-next {display:none;}
/*
 * ### 3 Spalten-Element ###
 */
.threecolumn
{
	float:left;
	width:100%;
    overflow:hidden;

}

.threecolumn .column
{
	float:left;
	margin:0 30px 0 0;
	width:calc(100% / 3 - 60px / 3);
}

.threecolumn .column.last
{
	margin-right:0;
}

.threecolumn .column .imagewrapper
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

.threecolumn .column .imagewrapper picture
{
	margin:0 0 20px;
}

.threecolumn .column .imagewrapper picture:last-child
{
	margin-bottom:0;
}

.threecolumn .column .imagewrapper picture img
{
	margin:0 auto;
}

.threecolumn .column .textwrapper
{
	float:left;
	width:100%;
}

.threecolumn .column .textwrapper p:last-child
{
	margin-bottom:0;
}

.threecolumn .swiper-wrapper .image{height:200px; 
background-size: cover;}
.threecolumn .swiper-wrapper .swiper-pagination, .threecolumn .swiper-wrapper .swiper-button-prev, .threecolumn .swiper-wrapper .swiper-button-next {display:none;}

/*
 * ### 4 Spalten-Element ###
 */
.fourcolumn
{
	float:left;
	width:100%;
    overflow: hidden;    
}

.fourcolumn .column
{
	float:left;
	margin:0 30px 0 0;
	width:calc(100% / 4 - 90px / 4);
}

.fourcolumn .column.last
{
	margin-right:0;
}

.fourcolumn .column .imagewrapper
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

.fourcolumn .column .imagewrapper picture
{
	margin:0 0 20px;
}

.fourcolumn .column .imagewrapper picture:last-child
{
	margin-bottom:0;
}

.fourcolumn .column .imagewrapper picture img
{
	margin:0 auto;
}

.fourcolumn .column .textwrapper
{
	float:left;
	width:100%;
}

.fourcolumn .column .textwrapper p:last-child
{
	margin-bottom:0;
}


.fourcolumn .swiper-wrapper .image{height:100px; 
background-size: cover;}
.fourcolumn .swiper-wrapper .swiper-pagination, .fourcolumn .swiper-wrapper .swiper-button-prev, .fourcolumn .swiper-wrapper .swiper-button-next {display:none;}


/*
 * ### Small-/Bigcolumn-Element ###
 */
.smallbigcolumn
{
	float:left;
	width:100%;
    overflow: hidden;
}

.smallbigcolumn .smallcolumn
{
	float:left;
	width:calc(100% / 3 - 20px);
}

.smallbigcolumn.smallleft .smallcolumn
{
	margin:0 30px 0 0;
}

.smallbigcolumn.smallright .smallcolumn
{
	margin:0 0 0 30px;
}

.smallbigcolumn .smallcolumn .imagewrapper
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

.smallbigcolumn .smallcolumn .imagewrapper img
{
	margin:0 auto;
}

.smallbigcolumn .smallcolumn .textwrapper
{
	float:left;
	width:100%;
}

.smallbigcolumn .smallcolumn .textwrapper p:last-child
{
	margin-bottom:0;
}

.smallbigcolumn .bigcolumn
{
	float:left;
	width:calc(100% / 3 * 2 - 10px);
}

.smallbigcolumn .bigcolumn .textwrapper
{
	float:left;
	width:100%;
}

.smallbigcolumn .bigcolumn .textwrapper p:last-child
{
	margin-bottom:0;
}

.smallbigcolumn .swiper-wrapper .image{height:200px; 
background-size: cover;}
.smallbigcolumn .swiper-wrapper .swiper-pagination, .smallbigcolumn .swiper-wrapper .swiper-button-prev, .smallbigcolumn .swiper-wrapper .swiper-button-next {display:none;}


/*
 * Fullwidthslider
 */
.fullwidthslider .image
{
	background-position:center;
	background-size:cover;
	height:550px;
	position:relative;
	width:100%;
}

.fullwidthslider .image .textwrapper{
padding:20px;  
position:absolute;
bottom:20px;  
right:20px;
  background-color:rgba(255,255,255,0.5);
}


.swiper-button-next, .swiper-button-prev{display: none;}
.swiper-pagination-bullet{width:20px; height:20px;}




.newsletterbox .smallbigcolumn{
	
	background: #efefef;
	padding:25px;
	border-radius:25px;
	
}



.newsletterbox  .entry__label {font-weight:bold;}

.newsletterbox .entry__specification, .newsletterbox .entry__choice {font-size:0.7rem;}
.newsletterbox #newsletter_divider {display:block; margin-bottom:0px; }
.newsletterbox .input--hidden {display:none;}

.newsletterbox input#EMAIL {border:0; margin-bottom: -5px; margin-top: 5px; padding:10px; width:75%;}

.checkbox-row {
  display: flex;
  align-items: flex-start; /* Checkbox oben am Text ausrichten */
  gap: 10px;
}

.checkbox-row p{margin-bottom:0px;}

.checkbox-row input[type="checkbox"] {
  margin-top: 0.2em; /* kleine Feinjustierung */
  flex-shrink: 0;
}

.checkbox-text {
  display: block;
}




/*Category Teaser*/


.category_teaser .imagewrapper {
    position: relative;
    padding: 20px;
    min-height: 260px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #d9d7cc;
}

.category_teaser .imagewrapper::after {

content: "";
position: absolute;
left: 15%;
bottom: -60px;
width: 65%;
height: 130px;
background: url('/fileadmin/user_upload/Content/Startpage/wal_shape.svg') no-repeat center bottom;
background-size: 100% auto;
z-index: 1;

}

.category_teaser .textwrapper{margin-top:10px;}


.category_teaser .imagewrapper img {
position: relative;
z-index: 2;
margin: 30px auto;
}

.category_teaser h3{font-size:1.05rem;}

.category_teaser .container{padding-left:0px; padding-right:0px;}






.imageheader.textimage{height:80vh; position:relative; border-bottom: 1px solid var(--primary-color);}
.imageheader.textimage .textwrapper {top:50%; left:5%; position:absolute; width:30%;}
.introboxes {margin-bottom: 90px;}
.introboxes .row{position:relative; top:80px;}
.introboxes .row .row{top:0px;}
.introboxes .row .contentelement {border-radius:35px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin-bottom:20px;}
.introboxes .threecolumn, .introboxes .threecolumn .smallbigcolumn {overflow:visible;}


.bg-overlay-dark-20, .bg-overlay-dark-40, .bg-overlay-dark-60, .bg-overlay-dark-80,
.bg-overlay-light-20, .bg-overlay-light-40, .bg-overlay-light-60, .bg-overlay-light-80
{
  position: relative; /* wichtig für das Overlay */
}

.bg-overlay-dark-20::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.2); /* 20% schwarz */
  pointer-events: none; /* verhindert Klick-Probleme */
}
.bg-overlay-dark-40::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.4); /* 20% schwarz */
  pointer-events: none; /* verhindert Klick-Probleme */
}
.bg-overlay-dark-60::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.6); /* 20% schwarz */
  pointer-events: none; /* verhindert Klick-Probleme */
}
.bg-overlay-dark-80::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.8); /* 20% schwarz */
  pointer-events: none; /* verhindert Klick-Probleme */
}


.bg-overlay-light-20::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(255, 255, 255, 0.2); /* 20% schwarz */
  pointer-events: none; /* verhindert Klick-Probleme */
}
.bg-overlay-light-40::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(255, 255, 255, 0.4); /* 20% schwarz */
  pointer-events: none; /* verhindert Klick-Probleme */
}
.bg-overlay-light-60::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(255, 255, 255, 0.6); /* 20% schwarz */
  pointer-events: none; /* verhindert Klick-Probleme */
}
.bg-overlay-light-80::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(255, 255, 255, 0.8); /* 20% schwarz */
  pointer-events: none; /* verhindert Klick-Probleme */
}



/***************************

RESPONSIVE VIEWS

********/


@media (min-width:768px) and (max-width:1023px)
{
	/*
	 * ### 3 Spalten-Element ###
	 */
	.threecolumn .column
	{
		margin:0 20px 0 0;
		width:calc(100% / 3 - 40px / 3);
	}
	
	/*
	 * ### 4 Spalten-Element ###
	 */
	.fourcolumn .column
	{
		float:left;
		margin:0 30px 0 0;
		width:calc(100% / 2 - 30px / 2);
	}
	
	.fourcolumn .column:nth-of-type(1n),
	.fourcolumn .column:nth-of-type(2n)
	{
		margin-bottom:30px;
	}
	
	.fourcolumn .column.last,
	.fourcolumn .column:nth-of-type(2n)
	{
		margin-right:0;
	}
	
	
	.category_teaser .imagewrapper::after {

		content: "";
		position: absolute;
		left: 15%;
		bottom: -100px;
		width: 65%;
		height: 220px;
		background: url('/fileadmin/user_upload/Content/Startpage/wal_shape.svg') no-repeat center bottom;
		background-size: 100% auto;
		z-index: 1;

	}

	
	
	
	
}

@media (max-width:767px)
{
	/*
	 * Textmedia-Element
	 */
	.textimage header
	{
		margin:0 0 30px !important;
		order:1 !important;
		width:100% !important;
	}
	
	.textimage .filewrapper
	{
		margin:0 0 30px !important;
		order:2 !important;
		width:100% !important;
		max-width:none !important;
	}
	
	.textimage .filewrapper picture, 
	.textimage .filewrapper .imagezoom
	{
		margin-bottom:0 !important;
	}
	
	.textimage .textwrapper
	{
		order:3 !important;
		width:100% !important;
	}
	.imageheader.textimage .textwrapper {top:50%; left:5%; position:absolute; width:90%;}

	
	.vorientation-1{display:block;}
	.vorientation-2{display:block; }
	.vorientation-3{display:block;}
	
	/*
	 * ### 2 Spalten-Element ###
	 */
	.twocolumn .column
	{
		margin:0 0 40px;
		width:100%;
	}
	
	/*
	 * ### 3 Spalten-Element ###
	 */
	.threecolumn .column
	{
		margin:0 0 40px;
		width:100%;
	}
	
	/*
	 * ### 4 Spalten-Element ###
	 */
	.fourcolumn .column
	{
		margin:0 0 40px;
		width:100%;
	}
	
	/*
	 * ### Small-/Bigcolumn-Element ###
	 */
	
	.smallbigcolumn.smallleft .smallcolumn
	{
		margin:0 0 20px;
		width:100%;
	}
	
	.smallbigcolumn.smallright .smallcolumn
	{
		margin:20px 0 0;
		width:100%;
	}
	
	.smallbigcolumn .bigcolumn
	{
		width:100%;
	}
	
	
	.category_teaser .imagewrapper::after {

			position: absolute;
	left: 22%;
	bottom: -100px;
	width: 50%;
	height: 190px;
	background: url('/fileadmin/user_upload/Content/Startpage/wal_shape.svg') no-repeat center bottom;
	background-size: 100% auto;
	z-index: 1;

	}
	
	
}