/*
 * Kontaktformular
 */
form[id*="kontaktformular"] .form-group,
form[id*="kontaktformulra"] .form-group
{
	float:left;
	margin:0 0 20px;
	width:100%;
}

form[id*="kontaktformular"] .form-group:last-child,
form[id*="kontaktformulra"] .form-group:last-child
{
	margin-bottom:0;
}

form[id*="kontaktformular"] .form-group label,
form[id*="kontaktformulra"] .form-group label
{
	float:left;
	width:100%;
}

form[id*="kontaktformular"] .form-group input,
form[id*="kontaktformular"] .form-group textarea,
form[id*="kontaktformulra"] .form-group input,
form[id*="kontaktformulra"] .form-group textarea
{
	float:left;
	width:100%;
}

form[id*="kontaktformular"] .form-group .form-check-label input,
form[id*="kontaktformulra"] .form-group .form-check-label input
{
	margin:4px 7px 0 0;
	width:auto;
}

/*
 * Gallery
 */
.mfp-wrap figcaption,
.mfp-wrap .mfp-bottom-bar
{
	display:none;
}

.gallery
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.gallery .magnific-popup
{
	margin:0 30px 30px 0;
	width:calc(100% / 4 - 90px / 4);
}

.gallery .magnific-popup:nth-child(4n)
{
	margin-right:0;
}

.gallery .magnific-popup:last-child
{
	margin-right:0 !important;
}

.gallery .magnific-popup:nth-last-child(-n+4)
{
	margin-bottom:0;
}

/*
 * News
 */
#startnews
{
	float:left;
	position:relative;
	width:100%;
}

#startnews .allnews
{
	position:absolute;
	right:30px;
	top:-30px;
}

.newsarticle
{
	display:flex;
	float:left;
	margin:0 0 60px;
	width:100%;
}

.newsarticle:last-child
{
	margin-bottom:0;
}

.newsarticle .imagewrapper
{
	margin:0 30px 0 0;
	width:470px;
}

.newsarticle .imagewrapper img
{
	border-radius:20px;
	margin:0 auto;
}

.newsarticle .textwrapper
{
	align-self:center;
	width:calc(100% - 500px);
}

.newsarticle .textwrapper a
{
	text-decoration:none;
}

.newsarticle .textwrapper h2 a:hover
{
	text-decoration:underline;
}

#listnews .newsnavigation
{
	align-items:center;
	display:flex;
	float:left;
	margin:15px 0;
	justify-content:center;
	width:100%;
}

#listnews .newsnavigation .arrow
{
	display:block;
	font-size:35px;
}

#listnews .newsnavigation .arrow a
{
	color:#D81277;
}

#listnews .newsnavigation .text
{
	display:block;
	margin:0 15px;
}

.news-single
{
	float:left;
	width:100%;
}

.news-single .teaser-text
{
	font-style:italic;
}

.news-single .news-img-wrap
{
	float:left;
	margin:0 25px 0 0;
	max-width:470px;
}

.news-single .news-img-wrap .outer
{
	margin:0 0 25px 0;
}

.news-single .news-img-wrap .outer img
{
	border-radius:20px;
}

.news-single .news-img-wrap .outer .news-img-caption
{
	font-size:14px;
	margin:5px 0 0;
	text-align:center;
}

.news-single .news-backlink-wrap
{
	float:left;
	width:100%;
}

/*
 * Stellenangebote
 */
#filteroverlay
{
	align-items:center;
	bottom:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	left:0;
	opacity:0;
	padding:20px;
	position:fixed;
	right:0;
	top:0;
	transition-delay:0.3s;
	visibility:hidden;
	z-index:102;
}

.filteropen #filteroverlay
{
	opacity:1;
	transition-delay:0s;
	visibility:visible;
}

#filteroverlay:before
{
	background:#1C0557;
	bottom:0;
	content:'';
	left:0;
	position:absolute;
	top:0;
	transition:all 0.3s ease-in;
	width:0%;
}

.filteropen #filteroverlay:before
{
	width:100%;
}

#filteroverlay .filterkununuwrapper
{
	margin:30px auto 0;
	opacity:0;
	position:relative;
	transition:all 0.1s ease-in-out;
    transition-delay:0s;
	max-width:120px;
}

.filteropen #filteroverlay .filterkununuwrapper
{
    opacity:1;
    transition:all 0.3s ease-in-out;
    transition-delay:0.2s;
}

#filteroverlay .selectwrapper
{
	background:#fff;
	border-radius:20px;
	margin:30px 0;
	opacity:0;
	overflow-y:auto;
	overflow-x:hidden;
	padding:30px;
	position:relative;
	transition:all 0.1s ease-in-out;
	transition-delay:0s;
	max-width:600px;
	width:100%;
}

.filteropen #filteroverlay .selectwrapper
{
	opacity:1;
	transition:all 0.3s ease-in-out;
	transition-delay:0.2s;
}

#filteroverlay .selectwrapper .filter
{
	color:#78849E;
	display:block;
	font-size:14px;
	font-weight:800;
	position:absolute;
	right:30px;
	top:10px;
}

#filteroverlay .selectwrapper .row
{
	margin:0 0 30px;
	width:100%;
}

#filteroverlay .selectwrapper .row:last-child
{
	margin-bottom:0;
}

#filteroverlay .selectwrapper .row .title
{
	cursor:pointer;
	display:block;
	font-weight:800;
	margin:0 0 10px;
	padding:0 0 0 13px;
	position:relative;
}

#filteroverlay .selectwrapper .row .title:after
{
	background:rgba(69,79,99,0.2);
	bottom:0;
	content:'';
	height:1px;
	left:0;
	position:absolute;
	width:100%;
}

#filteroverlay .selectwrapper .row .title:before
{
	color:#D81277;
	content:"\f0da";
	font-family:"Font Awesome 5 Free";
	font-size:22px;
	font-weight:900;
	left:0;
	line-height:22px;
	position:absolute;
	top:calc(50% - 11px);
	transition:all 0.3s ease-in-out;
}

#filteroverlay .selectwrapper .row.open .title:before
{
	transform:rotate(90deg);
}

#filteroverlay .selectwrapper .row .wrapper
{
	max-height:0px;
	opacity:0;
	overflow:hidden;
	transition:all 0.3s ease-in-out;
	width:100%;
}

#filteroverlay .selectwrapper .row.open .wrapper
{
	max-height:900px;
	opacity:1;
}

#filteroverlay .selectwrapper .row .wrapper .checkbox
{
	font-size:16px;
	margin:0 0 5px 0;
}

#filteroverlay .selectwrapper .row .wrapper .checkbox:last-child
{
	margin-bottom:0;
}

#filteroverlay .selectwrapper .row .wrapper .checkbox input[type="checkbox"]
{
	float:left;
	margin:4px 8px 0 0;
}

#filteroverlay .buttonwrapper
{
	opacity:0;
	transition:all 0.1s ease-in-out;
	transition-delay:0s;
	width:100%;
	max-width:600px;
}

.filteropen #filteroverlay .buttonwrapper
{
	opacity:1;
	transition:all 0.3s ease-in-out;
	transition-delay:0.2s;
}

#filteroverlay .buttonwrapper button[type="submit"]
{
	font-size:22px;
	line-height:22px;
	padding:20px 25px 15px;
	text-align:center;
	width:100%;
} 

#filteroverlay .buttonwrapper button[type="submit"] .searchsymbol
{
	display:inline-block;
	padding:0 0 0 40px;
	position:relative;
}

#filteroverlay .buttonwrapper button[type="submit"] .searchsymbol:before
{
	content:"\f002";
	font-family:"Font Awesome 5 Free";
	font-size:28px;
	font-weight:900;
	left:0;
	position:absolute;
	top:calc(50% - 12px);
}

#stellenregionen a
{
	display:inline-block;
	margin:0 20px 15px 0;
	text-decoration:none;
}

#stellenregionen a:last-child
{
	margin-right:0;
}

#stellenregionen a:hover
{
	text-decoration:underline;
}

#stellenlist
{
	float:left;
	padding:70px 0 0;
	position:relative;
	width:100%;
}

#stellenlist #filterwrapper
{
	background:#2A2E43;
	left:0;
	padding:15px 0;
	position:fixed;
	top:94px;
	width:100%;
	z-index:99;
}

#stellenlist #filterwrapper #openfilter
{
	padding-left:35px;
	position:relative;
}

#stellenlist #filterwrapper #openfilter:before
{
	color:#D81277;
	content:"\f0da";
	font-family:"Font Awesome 5 Free";
	font-size:22px;
	font-weight:900;
	left:20px;
	line-height:22px;
	position:absolute;
	top:calc(50% - 11px);
	transition:all 0.3s ease-in-out;
}

#stellenlist .count
{
	color:#78849E;
	display:block;
	font-size:14px;
	font-style:italic;
	text-align:right;
}

#stellenlist .notfound
{
	color:#D81277;
	display:block;
	font-weight:800;
}

#stellenlist .stelle
{
	background:#fff;
	border-radius:20px;
	float:left;
	margin:0 0 30px;
	padding:20px 30px;
	text-decoration:none;
	width:100%;
}

#stellenlist .stelle:last-child
{
	margin-bottom:0;
}

#stellenlist .stelle .topline
{
	float:left;
	margin:0 0 12px;
	padding:0 0 3px;
	position:relative;
	width:100%;
}

#stellenlist .stelle .topline:before
{
	background:#F4F4F6;
	bottom:0;
	content:'';
	height:1px;
	left:0;
	position:absolute;
	width:100%;
}

#stellenlist .stelle .topline .region
{
	display:block;
	float:left;
	padding:0 0 0 20px;
	position:relative;
	text-transform:uppercase;
}

#stellenlist .stelle .topline .region:before
{
	color:#D81277;
	content:"\f3c5";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	left:0;
	position:absolute;
	top:calc(50% - 16px);
}

#stellenlist .stelle h3
{
	float:left;
	margin:0 0 15px;
	transition:all 0.3s ease-in-out;
	width:100%;
}

#stellenlist .stelle:hover h3
{
	color:#D81277;
}

#stellenlist .stelle .usps
{
	float:left;
	max-height:24px;
	overflow:hidden;
	width:100%;
}

#stellenlist .stelle .usps .usp
{
	float:left;
	margin:0 30px 0 0;
	padding:0 0 0 19px;
	position:relative;
}

#stellenlist .stelle .usps .usp:before
{
	color:#9CB100;
	content:'✓';
	font-weight:800;
	left:0;
	position:absolute;
}

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

#stelle #copyinputfield
{
	opacity:0;
	position:fixed;
	right:0;
	top:0;
	z-index:-10;
}

#stelle .backwrapper
{
	float:left;
	width:100%;
}

#stelle .backwrapper .back
{
	color:#78849E;
	float:left;
	padding:0 0 0 15px;
	position:relative;
	text-decoration:none;
}

#stelle .backwrapper .back:hover
{
	text-decoration:underline;
}

#stelle .backwrapper .back:before
{
	color:#78849E;
	content:"\f0d9";
	font-family:"Font Awesome 5 Free";
	font-size:22px;
	font-style:normal;
	font-weight:900;
	left:0;
	line-height:22px;
	position:absolute;
	top:calc(50% - 13px);
}

#stelle .backwrapper .back.top
{
	margin:0 0 20px;
}

#stelle .stellencolumn
{
	float:left;
	width:calc(100% - 330px);
}

#stelle .stellencolumn h1
{
	float:left;
	margin-bottom:5px;
	width:100%;
}

#stelle .stellencolumn .city
{
	display:block;
	float:left;
	margin:0 0 20px;
	padding:0 0 0 20px;
	position:relative;
	text-transform:uppercase;
	width:100%;
}

#stelle .stellencolumn .city:before
{
	color:#D81277;
	content:"\f3c5";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	left:0;
	position:absolute;
	top:calc(50% - 16px);
}

#stelle .stellencolumn .usps
{
	float:left;
	margin:0 0 30px;
	width:100%;
}

#stelle .stellencolumn .usps .usp
{
	float:left;
	margin:0 30px 0 0;
	padding:0 0 0 19px;
	position:relative;
}

#stelle .stellencolumn .usps .usp:before
{
	color:#9CB100;
	content:'✓';
	font-weight:800;
	left:0;
	position:absolute;
}

#stelle .stellencolumn .description 
{
	float:left;
	width:100%;
}

#stelle .infocolumn
{
	background:#fff;
	border-radius:20px;
	float:right;
	font-size:16px;
	line-height:22px;
	padding:20px 30px;
	position:sticky;
	top:114px;
	width:300px;
}

#stelle .infocolumn .button
{
	font-size:16px;
	line-height:18px;
}

#stelle .infocolumn .city
{
	display:block;
	float:left;
	margin:0 0 20px;
	width:100%;
}

#stelle .infocolumn .copybuttonwrapper
{
	float:left;
	margin:0 0 15px;
	position:relative;
	width:100%;
}

#stelle .infocolumn .copybuttonwrapper.copied #copyjob
{
	display:none;
}

#stelle .infocolumn .copybuttonwrapper #copied
{
	color:#9CB100;
	display:block;
	font-weight:800;
	max-height:0px;
	opacity:0;
	overflow:hidden;
	transition:opacity 0.3s ease-in-out;
	visibility:hidden;
}

#stelle .infocolumn .copybuttonwrapper.copied #copied
{
	max-height:100px;
	opacity:1;
	visibility:visible;
}

#stelle .infocolumn .routewrapper
{
	float:left;
	width:100%;
}

#stelle .infocolumn .contactwrapper
{
	float:left;
	margin:30px 0 0;
	padding:30px 0 0;
	position:relative;
	width:100%;
}

#stelle .infocolumn .contactwrapper:before
{
	background:#F4F4F6;
	content:'';
	height:1px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}

#stelle .infocolumn .contactwrapper .imagewrapper
{
	margin:0 0 15px;
}

#stelle .infocolumn .contactwrapper .imagewrapper img
{
	margin:0 auto;
}

#stelle .infocolumn .contactwrapper a
{
	display:inline-block;
	margin:0 0 5px;
	padding:0 0 0 23px;
	position:relative;
	text-decoration:none;
}

#stelle .infocolumn .contactwrapper a.email
{
	margin-bottom:0;
}

#stelle .infocolumn .contactwrapper a:hover
{
	text-decoration:underline;
}

#stelle .infocolumn .contactwrapper a:before
{
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	left:0;
	position:absolute;
}

#stelle .infocolumn .contactwrapper a.phone:before
{
	content:"\f879";
}

#stelle .infocolumn .contactwrapper a.email:before
{
	content:"\f0e0";
}

#stelle .infocolumn .jobkununuwrapper
{
	float:left;
    margin:30px 0 0;
    padding:30px 0 0;
    position:relative;
    width:100%;
}

#stelle .infocolumn .jobkununuwrapper:before
{
    background:#F4F4F6;
    content:'';
    height:1px;
    left:0;
    position:absolute;
    right:0;
    top:0;
}

#stelle .infocolumn .jobkununuwrapper img
{
	margin:0 auto;
	max-width:80%;
}

#stelle .schema
{
	height:0;
	opacity:0;
	overflow:hidden;
	visibility:hidden;
}

#stelle .infocolumn .contactwrapper a.branchmail{display:none;}


#kununuwrapper
{
	border:1px solid rgba(69,79,99,0.2);
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	margin:0 20px 0 0;
	padding:15px;
	width:100%;
	max-width:230px;
	min-width:180px;
}

#kununuwrapper .headline
{
	font-size:14px;
	font-weight:800;
	margin:0 0 7px;
}

#kununuwrapper .kununuscore
{
	font-size:24px;
	font-weight:800;
	line-height:26px;
	margin:0 0 7px;
}

#kununuwrapper .stars
{
	display:flex;
	justify-content:center;
	margin:0 0 14px;
}

#kununuwrapper .stars .star
{
	display:block;
	font-size:18px;
}

#kununuwrapper .stars .star:before
{
	color:#D81277;
	content:"\f005";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
}

#kununuwrapper .stars.stars05 .star:nth-child(2),
#kununuwrapper .stars.stars05 .star:nth-child(3),
#kununuwrapper .stars.stars05 .star:nth-child(4),
#kununuwrapper .stars.stars05 .star:nth-child(5)
{
	display:none;
}

#kununuwrapper .stars.stars05 .star:before
{
	content:"\f5c0";
}

#kununuwrapper .stars.stars1 .star:nth-child(2),
#kununuwrapper .stars.stars1 .star:nth-child(3),
#kununuwrapper .stars.stars1 .star:nth-child(4),
#kununuwrapper .stars.stars1 .star:nth-child(5)
{
	display:none;
}

#kununuwrapper .stars.stars15 .star:nth-child(3),
#kununuwrapper .stars.stars15 .star:nth-child(4),
#kununuwrapper .stars.stars15 .star:nth-child(5)
{
	display:none;
}

#kununuwrapper .stars.stars15 .star:nth-child(2):before
{
	content:"\f5c0";
}

#kununuwrapper .stars.stars2 .star:nth-child(3),
#kununuwrapper .stars.stars2 .star:nth-child(4),
#kununuwrapper .stars.stars2 .star:nth-child(5)
{
	display:none;
}

#kununuwrapper .stars.stars25 .star:nth-child(4),
#kununuwrapper .stars.stars25 .star:nth-child(5)
{
	display:none;
}

#kununuwrapper .stars.stars25 .star:nth-child(3):before
{
	content:"\f5c0";
}

#kununuwrapper .stars.stars3 .star:nth-child(4),
#kununuwrapper .stars.stars3 .star:nth-child(5)
{
	display:none;
}

#kununuwrapper .stars.stars35 .star:nth-child(5)
{
	display:none;
}

#kununuwrapper .stars.stars35 .star:nth-child(4):before
{
	content:"\f5c0";
}

#kununuwrapper .stars.stars4 .star:nth-child(5)
{
	display:none;
}

#kununuwrapper .stars.stars45 .star:nth-child(5):before
{
	content:"\f5c0";
}

#kununuwrapper .reviews
{
	font-size:14px;
	line-height:16px;
	margin:0 0 10px;
}

#kununuwrapper img
{
	margin:0 auto;
	max-width:70px;
}



span#jobtitleblock{
margin-top:10px;
display: inline-block;
padding: 5px;
background-color: #d0cfcf;
border-radius: 10px;
}

#jobformular .mwformular#applyform{display:block;}
#jobformular .mwformular#commonform{display:none;}
#jobformular .commonform#branch{
display:block;	
}
#jobformular .applyform#branch{
display:none;	
}

#branch{margin-bottom:20px;}
#branch select{
	  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	
	
}


#jobformular .mwformular label{display:block; width:100%;}

#jobformular input{margin-bottom:20px; width:100%; margin-top:5px; border-radius:5px;}
#jobformular textarea{border-radius:5px;  width:100%; }
#jobformular input[type="email"]{
	border:1px solid rgba(69,79,99,0.2);
	border-radius:5px;
	color:#454F63;
 	font-family: 'Noto Sans', sans-serif;
	font-size:17px;
	font-weight:400;
	line-height:27px;
	padding:7px 15px;
}

#jobformular input#dsgvo{
	
	width:20px;
	height:20px;
	float:left;
}

#jobformular div.actions{margin-top:20px;}


#jobformular input.subjectofapply{opacity:0; margin:0; height:0; padding:0;}

a.iconwrapper{text-decoration:none;}
div.iconwrapper{cursor: pointer;}




@media (min-width:768px)
{
	/*
	 * Kontaktaufnahme
	 */
	#kontaktaufnahme
	{
		bottom:20px;
		position:fixed;
		right:20px;
		width:340px;
		z-index:99;
	}
	
	#kontaktaufnahme .mobilheadline
	{
		display:none;
	}
	
	#kontaktaufnahme .wrapper
	{
		float:left;
		position:relative;
		width:100%;
	}
	
	#kontaktaufnahme .wrapper.chat
	{
		margin:0 0 20px;
		
		display: none;
	}
	
	#kontaktaufnahme .wrapper .iconwrapper
	{
		background:#1C0357;
		border:5px solid #F6F7F1;
		border-radius:50%;
		cursor:pointer;
		display:block;
		height:90px;
		position:absolute;
		right:0;
		top:-5px;
		width:90px;
		z-index:5;
	}
	
	#kontaktaufnahme .wrapper .iconwrapper .icon
	{
		background:#fff;
		border-radius:50%;
		height:54px;
		left:calc(50% - 27px);
		position:absolute;
		top:calc(50% - 27px);
		width:54px;
	}
	
	#kontaktaufnahme .wrapper.chat .iconwrapper .icon:before
	{
		background:url('../Images/comments-chat.svg') no-repeat;
		content:'';
		height:28px;
		left:calc(50% - 14px);
		position:absolute;
		top:calc(50% - 14px);
		width:28px;
	}
	
	#kontaktaufnahme .wrapper.timify .iconwrapper .icon:before
	{
		background:url('../Images/paper-plane.svg') no-repeat;
		content:'';
		height:20px;
		left:calc(50% - 10px);
		position:absolute;
		top:calc(50% - 10px);
		width:20px;
	}
	
	#kontaktaufnahme .wrapper .iconwrapper .mobil
	{
		display:none;
	}
	
	#kontaktaufnahme .wrapper .textwrapper
	{
		background:#1C0357;
		border-radius:20px;
		color:#fff;
		font-size:14px;
		font-weight:800;
		line-height:20px;
		margin:0 65px 0 0;
		padding:20px 30px 20px 20px;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .desktopchat
	{
		display:block;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .desktopchat
	{
		display:none;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .mobilheadline
	{
		display:block;
		margin:0 0 15px;
		position:relative;
		text-align:center;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .mobilheadline .arrow
	{
		cursor:pointer;
		left:0;
		position:absolute;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options
	{
		display:flex;
		max-height:0px;
		opacity:0;
		overflow:hidden;
		visibility:hidden;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options
	{
		max-height:300px;
		opacity:1;
		visibility:visible;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a
	{
		color:#fff;
		font-weight:400;
		margin:0 15px 0 0;
		opacity:0;
		text-decoration:none;
		transition:all 0.3s ease-in-out;
		width:calc(100% / 3 - 30px / 3);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.facebook
	{
		margin-right:0;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.call,
	#kontaktaufnahme .wrapper .textwrapper .options a.sms
	{
		display:none;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options a
	{
		opacity:1;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options a.whatsapp
	{
		transition-delay:0.2s;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options a.facebook
	{
		transition-delay:0.4s;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a .icon
	{
		background:#fff;
		border-radius:50%;
		display:block;
		height:40px;
		margin:0 auto 5px;
		position:relative;
		width:40px;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.chat .icon:before
	{
		background:url('../Images/comments-chat.svg') no-repeat;
		content:'';
		height:28px;
		left:calc(50% - 14px);
		position:absolute;
		top:calc(50% - 14px);
		width:28px;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.whatsapp .icon:before,
	#kontaktaufnahme .wrapper .textwrapper .options a.facebook .icon:before,
	#kontaktaufnahme .wrapper .textwrapper .options a.call .icon:before,
	#kontaktaufnahme .wrapper .textwrapper .options a.sms .icon:before
	{
		color:#D81277;
		content:"\f232";
		font-family:"Font Awesome 5 Free";
		font-weight:900;
		left:calc(50% - 9px);
		position:absolute;
		top:calc(50% - 9px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.whatsapp .icon:before
	{
		font-family:"Font Awesome 5 Brands";
		font-size:22px;
		font-weight:normal;
		left:calc(50% - 9px);
		top:calc(50% - 10px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.facebook .icon:before
	{
		content:"\f39e";
		font-family:"Font Awesome 5 Brands";
		font-size:20px;
		font-weight:normal;
		left:calc(50% - 6px);
		top:calc(50% - 10px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.call .icon:before
	{
		content:"\f095";
		font-size:16px;
		left:calc(50% - 8px);
		top:calc(50% - 10px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.sms .icon:before
	{
		content:"\f7cd";
		font-size:20px;
		left:calc(50% - 10px);
		top:calc(50% - 10px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a .text
	{
		display:block;
		text-align:center;
	}
}

@media (max-width:767px)
{
	/*
	 * Kontaktaufnahme
	 */
	#kontaktaufnahme
	{
		background:#1C0357;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		bottom:0;
		left:0;
		padding:15px 20px;
		position:fixed;
		transition:all 0.3s ease-in-out;
		width:100%;
		z-index:99;
	}
	
	#kontaktaufnahme.scrolleddown
	{
		bottom:-87px;
	}
	
	#kontaktaufnahme .mobilheadline
	{
		color:#fff;
		display:block;
		font-size:14px;
		font-weight:800;
		line-height:20px;
		margin:0 0 15px;
		text-align:center;
		width:100%;
	}
	
	#kontaktaufnahme .wrapper
	{
		float:left;
		/*width:50%;*/
		width:100%;
	}
	
	#kontaktaufnahme .wrapper.chat{display:block;}
	
	
	#kontaktaufnahme .wrapper .iconwrapper .icon
	{
		background:#fff;
		border-radius:50%;
		display:block;
		height:40px;
		margin:0 auto 4px;
		position:relative;
		width:40px;
	}
	
	#kontaktaufnahme .wrapper.chat .iconwrapper .icon:before
	{
		background:url('../Images/comments-chat.svg') no-repeat;
		content:'';
		height:28px;
		left:calc(50% - 14px);
		position:absolute;
		top:calc(50% - 14px);
		width:28px;
	}
	
	#kontaktaufnahme .wrapper.timify .iconwrapper .icon:before
	{
		background:url('../Images/paper-plane.svg') no-repeat;
		content:'';
		height:20px;
		left:calc(50% - 10px);
		position:absolute;
		top:calc(50% - 10px);
		width:20px;
	}
	
	#kontaktaufnahme .wrapper .iconwrapper .mobil
	{
		color:#fff;
		display:block;
		text-align:center;
	}
	
	#kontaktaufnahme .wrapper .textwrapper
	{
		background:#1C0357;
		bottom:0;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		max-height:0px;
		opacity:0;
		overflow:hidden;
		left:0;
		padding:15px 20px;
		position:absolute;
		right:0;
		top:0;
		visibility:hidden;
		z-index:5;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper
	{
		max-height:300px;
		opacity:1;
		visibility:visible;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .desktopchat
	{
		display:none;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .mobilheadline
	{
		display:block;
		margin:0 0 25px;
		position:relative;
		text-align:center;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .mobilheadline .arrow
	{
		cursor:pointer;
		left:0;
		position:absolute;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options
	{
		display:flex;
		  align-items: center;
    justify-content: center;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a
	{
		color:#fff;
		font-weight:400;
		margin:0 15px 0 0;
		opacity:0;
		text-decoration:none;
		transition:all 0.3s ease-in-out;
		width:calc(100% / 3 - 30px / 3);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a:last-child
	{
		margin-right:0;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options a
	{
		opacity:1;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options a:nth-child(2)
	{
		transition-delay:0.2s;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options a:nth-child(3)
	{
		transition-delay:0.4s;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options a:nth-child(4)
	{
		transition-delay:0.6s;
	}
	
	#kontaktaufnahme .wrapper.open .textwrapper .options a:nth-child(5)
	{
		transition-delay:0.8s;
	}
	
	
	
	#kontaktaufnahme .wrapper .textwrapper .options a .icon
	{
		background:#fff;
		border-radius:50%;
		display:block;
		height:40px;
		margin:0 auto 5px;
		position:relative;
		width:40px;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.chat .icon:before
	{
		background:url('../Images/comments-chat.svg') no-repeat;
		content:'';
		height:28px;
		left:calc(50% - 14px);
		position:absolute;
		top:calc(50% - 14px);
		width:28px;
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.whatsapp .icon:before,
	#kontaktaufnahme .wrapper .textwrapper .options a.facebook .icon:before,
	#kontaktaufnahme .wrapper .textwrapper .options a.call .icon:before,
	#kontaktaufnahme .wrapper .textwrapper .options a.sms .icon:before
	{
		color:#D81277;
		content:"\f232";
		font-family:"Font Awesome 5 Free";
		font-weight:900;
		left:calc(50% - 9px);
		position:absolute;
		top:calc(50% - 9px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.whatsapp .icon:before
	{
		font-family:"Font Awesome 5 Brands";
		font-size:22px;
		font-weight:normal;
		left:calc(50% - 9px);
		top:calc(50% - 12px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.facebook .icon:before
	{
		content:"\f39e";
		font-family:"Font Awesome 5 Brands";
		font-size:20px;
		font-weight:normal;
		left:calc(50% - 6px);
		top:calc(50% - 12px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.call .icon:before
	{
		content:"\f095";
		font-size:16px;
		left:calc(50% - 8px);
		top:calc(50% - 12px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a.sms .icon:before
	{
		content:"\f7cd";
		font-size:20px;
		left:calc(50% - 10px);
		top:calc(50% - 12px);
	}
	
	#kontaktaufnahme .wrapper .textwrapper .options a .text
	{
		display:none;
	}
	
	
	
	
	#kontaktaufnahme .wrapper .textwrapper .options a.facebook, 
	#kontaktaufnahme .wrapper .textwrapper .options a.whatsapp,
	#kontaktaufnahme .wrapper .textwrapper .options a.chat
	{
		display:none;
	}
	
	
}

@media (min-width:1024px) and (max-width:1279px)
{
	/*
	 * News
	 */
	.newsarticle .imagewrapper
	{
		margin:0 30px 0 0;
		width:30%;
	}
	
	.newsarticle .textwrapper
	{
		width:calc(70% - 30px);
	}
}

@media (min-width:768px) and (max-width:1023px)
{
	/*
	 * Gallery
	 */
	.gallery .magnific-popup,
	.gallery .magnific-popup:nth-child(4n),
	.gallery .magnific-popup:nth-last-child(-n+4)
	{
		margin:0 30px 30px 0;
		width:calc(100% / 3 - 60px / 3);
	}
	
	.gallery .magnific-popup:nth-child(3n)
	{
		margin-right:0;
	}
	
	.gallery .magnific-popup:nth-last-child(-n+3)
	{
		margin-bottom:0;
	}
	
	/*
	 * News
	 */
	#startnews
	{
		padding:0 0 40px;
	}
	
	#startnews .allnews
	{
		bottom:-20px;
		right:calc(50% - 75px);
		top:auto;
	}
	
	.newsarticle
	{
		margin-bottom:40px;
	}
	
	.newsarticle .imagewrapper
	{
		margin:0 30px 0 0;
		width:30%;
	}
	
	.newsarticle .textwrapper
	{
		width:calc(70% - 30px);
	}
	
	/*
	 * Stellenangebote
	 */
	#stellenlist
	{
		padding:70px 0 0;
	}
	
	#stellenlist #filterwrapper
	{
		top:70px;
	}
	
	#stelle .stellencolumn
	{
		width:100%;
	}
	
	#stelle .infocolumn
	{
		margin:0 0 20px;
		position:relative;
		top:auto;
		width:100%;
	}
	
	#stelle .infocolumn .contactwrapper a.phone
	{
		margin-right:15px;
	}
}

@media (max-width:767px)
{
	/*
	 * Gallery
	 */
	.gallery .magnific-popup,
	.gallery .magnific-popup:nth-child(4n),
	.gallery .magnific-popup:nth-last-child(-n+4)
	{
		margin:0 20px 20px 0;
		width:calc(100% / 2 - 20px / 2);
	}
	
	.gallery .magnific-popup:nth-child(2n)
	{
		margin-right:0;
	}
	
	.gallery .magnific-popup:nth-last-child(-n+2)
	{
		margin-bottom:0;
	}
	
	/*
	 * News
	 */
	#startnews
	{
		padding:0 0 55px;
	}
	
	#startnews .allnews
	{
		bottom:0;
		right:calc(50% - 75px);
		top:auto;
	}
	
	.newsarticle
	{
		flex-wrap:wrap;
		margin-bottom:45px;
	}
	
	.newsarticle .imagewrapper
	{
		margin:0 0 20px 0;
		width:100%;
	}
	
	.newsarticle .textwrapper
	{
		width:100%;
	}
	
	.news-single .news-img-wrap
	{
		float:none;
		margin:0 0 20px 0;
		width:100%;
		max-width:none;
	}
	
	/*
	 * Stellenangebote
	 */
	#filteroverlay .filterkununuwrapper
	{
        margin-top:10px;
        max-width:80px;
	}
	
	#filteroverlay .selectwrapper
	{
		padding:25px;
	}
	
	#filteroverlay .selectwrapper .filter
	{
		top:5px;
	}
	
	#filteroverlay .buttonwrapper button[type="submit"]
	{
		font-size:18px;
		line-height:24px;
		padding:15px 15px 10px;
	} 
	
	#stellenregionen a
	{
		margin-right:14px;
	}
	
	#stellenlist
	{
		padding:60px 0 0;
	}
	
	#stellenlist #filterwrapper
	{
		top:54px;
	}
	
	#stellenlist .stelle
	{
		padding:20px;
	}
	
	#stellenlist .stelle .topline .region
	{
		font-size:14px;
		padding-left:17px;
	}
	
	#stellenlist .stelle .topline .region:before
	{
		top:calc(50% - 14px);
	}
	
	#stelle .stellencolumn
	{
		width:100%;
	}
	
	#stelle .infocolumn
	{
		margin:0 0 20px;
		padding:20px;
		position:relative;
		top:auto;
		width:100%;
	}
	
	#stelle .infocolumn .contactwrapper .imagewrapper
	{
		display:none;
	}
	
	#stelle .infocolumn .contactwrapper a.phone
	{
		margin-right:15px;
	}
}