/*
Theme: Default
Author: LocalBranding
Updated:
*/

/* fix for home */
.home .hero-content h4 {
	margin-top:1rem;
}


/* ---------- ///// CONTAO ACCORDION start ///// ---------- */

.content-accordion {
	padding-left: 2rem;
	padding-right: 2rem;
	max-width: 110rem;
	margin: 0 auto;
	transition: var(--trans-default);
}

.handorgel__header {
/* former  .ui-accordion-header */
	height: 9rem;
	border-bottom:1px solid var(--cc-lightgrey);
	position: relative;
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: center;
	justify-content: space-between;
	font-family: var(--f-family-1);
	font-size: 2.4rem;
	line-height: 3.5rem;
	font-weight: normal;
	transition: var(--trans-default);
	cursor: pointer;
	color: var(--cc-darkgrey);
	background-color: var(--cc-bodybackground);
	
}
.handorgel__header.handorgel__header--open {
	border-bottom: none;	
}
.handorgel__content.handorgel__content--open {
	border-bottom:1px solid var(--cc-lightgrey);
	margin-top: -2rem;
	transition: var(--trans-default);;
}
@media only screen and (max-width:768px){
	.handorgel__header {
    	font-size: 1.8rem;
	}
	.content-accordion .handorgel__header {
	    height: 7rem;
	}
	.handorgel__header .handorgel__header__button::after {
		height: 2rem;
		width: 2rem;
	}
}
h2.handorgel__header {
	font-family: var(--f-family-2);
	font-size: 2.4rem;
}
.handorgel__header:hover {
	
}
.handorgel__header:focus {
	outline: 0;
}
.content-accordion .handorgel__header button {
	height: 100%;
	box-shadow: none;
	border: none;
	background-color: transparent;
	font-weight: 400;
}
@media only screen and (max-width:768px){ 
	.content-accordion .handorgel__header button {
		font-size: calc(var(--f-size-m) - 10%);
		height: auto;
		height: 7rem;
	    padding: 1rem;
	    line-height: 2.4rem;
	}
}
.content-accordion .handorgel__header button:focus,
.content-accordion .handorgel__header button:active {
	color: var(--cc-brandcolor1);
	background-color: var(--cc-bodybackground);
	scale: none;
	box-shadow: none;
	font-weight: 400;
	transition: var(--trans-default);
}
.handorgel__header .handorgel__header__button::after {
	display: block;
	content: "";
	width: 6rem;
	height: 9rem;
	float: right;
	margin-left: 5px;
	background-image:  url("../img/icn/icn_arrow72_right.png"); 
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: var(--trans-default);
	margin-top: -2.4rem;
}
@media only screen and (max-width:768px){ 
	.handorgel__header .handorgel__header__button::after { 
		width: 3rem;
		height: 3rem;		
	}
}
.handorgel__header--open .handorgel__header__button::after {
	transform: rotate(90deg);
	transition: var(--trans-default);
}
.handorgel__content {
	background-color: var(--cc-bodybackground);	
	border-top: none;
}
.handorgel__content .content-text {
	margin: 0 auto 2rem auto;
}
div.ui-accordion-content {
	padding: 0 1rem 4rem;
	background: var(--cc-bodybackground);
	height: auto!important;
}





/* CONTAO SYSTEM MODULES */
.content-headline, .content-text {
	max-width: 110rem;
	margin: 0 auto;
}

@media (max-width:1100px) {
	.content-headline, .content-text {
		margin: 2rem;
	}
}
.ce_youtube {
 position: relative;
 padding-bottom: 56.25%;
 width: 100%;
 height: auto;
 margin-bottom: 5rem;
}

.ce_youtube iframe {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100% !important;
 height: 100% !important;
}
.mod_article > .content-text,
.mod_article > .ce_player{
	margin: 0 auto;
	padding: 2rem;
}
.mod_article > .ce_player video{
	width: 100%!important;
	height: auto!important;
	border: 1px solid black;
}
/* -- Fullscreen Article Header IMG --*/
.lb-fullscreen-hero{
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/* background-attachment: fixed; */
	position: relative;
	padding: 2rem;
	color: var(--cc-black);
}
@media (max-width:768px){
	.lb-fullscreen-hero{
		background-attachment: scroll;
		background-position: center center;
	}
}
.lb-fullscreen-hero .hero-content{
	position: absolute;
	left: 10%;
	left: 10%;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
	width: 75%;
	max-width: 192rem;
}
@media (max-width:1200px){
	.lb-fullscreen-hero .hero-content{
		left: 9rem;
		width: 66%;
	}
}
@media (max-width:1024px){
	.lb-fullscreen-hero .hero-content{
		width: 80%;
		margin: 0 auto;
		text-align: center;
		left: 2rem;
		right: 2rem;
	}
}
@media (max-width:750px){
	.lb-fullscreen-hero .hero-content .button-container{
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
	}
}
.lb-fullscreen-hero .hero-content h1{
	margin-bottom: 0;
}
.lb-fullscreen-hero .hero-content h3{
	margin-bottom: 1rem;
}
.lb-fullscreen-hero .hero-content .hero-intro{
	display: block;
	margin-bottom: 5rem;
}
@media (max-width:1024px){
	.lb-fullscreen-hero .hero-content .hero-intro{
	}
}
.lb-fullscreen-hero .hero-content div{
	margin: 0 auto
}
.lb-fullscreen-hero .hero-content .btn-1st{
}
.lb-fullscreen-hero .hero-content .btn-1st:hover{
	color: var(--spotcolor1);
}

/* ///// START: --->  FULLSCREEN BANNER ///// */
.lb-fullscreen-banner{
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
	background-color: var(--spotcolor1);
	padding: 2rem;
}
@media only screen and (max-width: 768px){
  .lb-fullscreen-banner{
      background-attachment: scroll;
  }
}
@media only screen and (max-width: 480px){
  .lb-fullscreen-banner{
      height: 50vh;
  }
}
@media only screen and (max-width: 480px){
  body.home .lb-fullscreen-banner{
      height: 100vh;
  }
}
.lb-fullscreen-banner .hero-content{
	max-width: 140rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	}
}
.lb-fullscreen-banner .hero-content span h1{
	font-weight: 400;
  font-family: var(--f-family-2);
  font-size: 3rem;
  line-height: 4rem;
  text-align: center;
	max-width: 80%;
}
.lb-fullscreen-banner .big-logo{
  width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
}
.lb-fullscreen-banner .big-logo img{
  width: 100%;
}
.lb-fullscreen-banner .button-row{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* ///// <--- END:  FULLSCREEN BANNER ///// */
/* -- LB - Text & Image left/right --*/
.lb-text-image_left,
.lb-text-image_right{
	overflow: visible;
}
.image-content{
	padding: 0;
	overflow: visible;
	text-align: center;
}
.text-content {
	padding: 3rem;
	display: table;
}
@media (max-width:991px){
	.text-content{
		min-height: auto;
	}
}
@media (max-width: 991px){
	.text-content figure{
		display: block;
	}
}
/* -- LB - Text & Button --*/
.lb-text-button .container-wrapper {
	display: flex;
    flex-flow: nowrap;
    justify-content: center;
    margin-bottom: 5rem;
}
.lb-text-button .container-wrapper figure {
	display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
@media (max-width: 991px){
	.lb-text-button .container-wrapper figure{
    	align-items: flex-start;
	}
	.lb-text-button .container-wrapper figure h1,
	.lb-text-button .container-wrapper figure h2,
	.lb-text-button .container-wrapper figure h3,
	.lb-text-button .container-wrapper figure h4,
	.lb-text-button .container-wrapper figure h5,
	.lb-text-button .container-wrapper figure h6,
	.lb-text-button .container-wrapper figure a,
	.lb-text-button .container-wrapper figure p {
		text-align: left;
	}
}
/* -- rsce_text-image-fullscreen -- */
.container-wrapper-fullscreen {
	width: 100%;
	display: flex;
}
.image-content-fullscreen {
	width:40%;
}
.image-content-fullscreen img {
	width: 100%;
}
.text-content-fullscreen {
	width:60%;
	padding: 4rem 10rem;
	max-width: 90rem;
}
.text-content-innerwrapper-fullscreen {
	height:100%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
}

@media (max-width:990px){
	.container-wrapper-fullscreen {
		display:block;
	}
	.image-content-fullscreen {
		width:100%;
		padding: 2rem;
	}
	.text-content-fullscreen {
		width:100%;
		padding: 0 2rem 2rem 2rem ;
	}
}

/* -- rsce_lb_slider_staticPlus -- */
.lb-slider-static {
	width: 100%;
	height: 60rem;
	display: flex;
}
.slider-static-container {
	width: 35%;
	height: 100%;
	padding:3rem 6rem;
}
.slider-static-content {
	height:100%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
}
.swiper-container  {
	width: 65%;
	height: 100%;
}

.swiper-container .swiper-wrapper {
	height: 100%;
	width: 100%;
}
.swiper-container .swiper-slide {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.slider-static-container .button-container {
	margin-top: 2rem;
}
@media only screen and (max-width:900px) {
	.slider-static-container, .swiper-container  {
		width: 100%;
	}
	.slider-static-container {
		padding: 2rem;
	}
}
@media only screen and (max-width:800px) {
	.lb-slider-static {
		height: auto;
		flex-flow: column wrap;
		flex-direction: column-reverse;
	}
	.swiper-container {
		height: 50rem;
	}
}
/* -- rsce_lb_slider_staticPlus / swiper buttons left + right */
.lb-slider .swiper-button-next, .lb-slider .swiper-button-prev {
	display:none;
}
@media only screen and (max-width:700px){
	.swiper-button-next, .swiper-button-prev{width: 2.2rem; display: block;}
	.lb-slider .textContainer-wrapper {padding-left: 4.3rem; padding-right: 4.3rem;}
}
.lb-slider-outerWrapper:hover .swiper-button-prev, .lb-slider-outerWrapper:hover .swiper-button-next {
	display:block;
}

/* -- Article with Image Left or Right-- */
.lb-text-image .container-wrapper{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	padding: 4rem 0rem;
}
@media (max-width: 1400px){
	.lb-text-image .container-wrapper{
		padding: 2rem 6rem;
		height: auto;
	}
}
@media (max-width: 999px){
	.lb-text-image .container-wrapper{
		display:flex;
		flex-direction: column-reverse!important;
		height: auto;
		margin: 0 auto;
		margin-bottom: 0;
		padding: initial;
		position: relative;
	}
}
.lb-text-image .text-content{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 1199px){
	.lb-text-image .text-content{
		padding: 2rem;
		width: 100%;
	}
}
.lb-text-image .text.content figure{
	display: flex;
	justify-content: center;
}
.lb-text-image .image-content{
	position: relative;
}
@media (max-width: 1000px){
.lb-text-image .image-content{
		margin-top: 4rem;
	}
}
@media (max-width: 767px){
.lb-text-image .image-content{
		width: 100%;
	}
}
.lb-text-image .image-content:before{
	content:'';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
	display: block;

}
.lb-text-image img{
	width: 40rem;
	height: 30rem;
	z-index: 1;
	object-fit: contain;
  border-radius: var(--theme-radius);
}
@media (max-width: 999px){
.lb-text-image img{
		margin-bottom: 3rem;
	}
}
@media (max-width: 480px){
.lb-text-image img{
		width: 90%;
		height: auto;
	}
}
.lb-text-image .button-container {
	margin-top: 2rem;
}
/* -- LB - Contact with Map->Right --*/
.lb-contact_map-right,
.lb-contact_map-left{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--bodybackground);
}
@media (max-width: 600px){
	.lb-contact_map-right,
	.lb-contact_map-left{
		display: block;
		color: var(--black);
	}
}

.map-content{
	padding: 0;
}
.map-content .dlh_googlemap {
	min-height: 70rem;
}
/* -- Maps / Open Street Map -- */
.ol-viewport{
  border-radius: var(--theme-radius);
}
/* -- LB - Contact Form -- */
.lb-contact-form{
	min-height: 70rem;
	padding: 5rem;
	min-height: 70rem;
	position: relative;
}
@media (max-width:768px){
	.lb-contact-form{
		padding: 3rem 0;
	}
}
.lb-contact-form .text-content{
	padding-top: 0;
	min-height: auto;
}
.lb-contact-form .text-content h2{
	margin-top: 0;
}
.content-form{
	padding-top: 2rem;
}
@media (max-width:768px){
	.content-form{
		padding-top: 0rem;
	}
}
/* -- LB - Price Packages - Cols */
.lb-price-cols{
	text-align: center;
	padding: 6rem 0;
}
.lb-price-cols h2,
.lb-price-cols h3{
	color: var(--black);
}
.lb-price-cols h3{
	font-size: 2.8rem;
	line-height: 3.8rem;
	margin: 0 auto;
}
.lb-price-cols h4{
	font-size: 2.8rem;
	line-height: 3.8rem;
	color: var(--spotcolor1);
	margin: 0;
}
.price-cols-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 3rem;
}
@media (max-width: 768px){
	.price-cols-container{
		display: block;
	}
}/**/
.lb-price-single-col{
	float: left;
	padding: 2rem;
	margin: 1rem;
	background: var(--white);
	width: 30%;
	border: 1px solid var(--lightgrey);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 20rem;
	align-content: stretch;
}
@media (max-width: 1200px){
	.lb-price-single-col{
		min-height: 30rem;
	}
}
@media (max-width: 768px){
	.lb-price-single-col{
		width: 100%;
		min-height: auto;
		margin: 1rem auto;
	}
}
.lb-price-text{
	margin: 0;
}
.lb-price-description{
	width: 100%;
	align-self: center;
}
.lb-price-single-col .btn-1st{
	margin: 0 auto;
	min-width: 100%;
	align-self: flex-end;
}
/* ------- Single Map 100% Width ----- */
#anfahrt{
	padding: 0 15rem;
	margin-bottom: 6rem;
}
@media (max-width: 991px){
	#anfahrt{
		padding: 0 9rem;
	}
}
@media (max-width: 768px){
	#anfahrt{
		padding: 0 6rem;
	}
}
@media (max-width: 500px){
	#anfahrt{
		padding: 0 5rem;
	}
}
/* ----- FOOTER -----*/

#footer .inside{
  display: block;
}
#footer{
	background-color: var(--cc-black);
	padding: var(--s-s) 0;
	max-width: 100%;
	position: relative;
	bottom: 0;
	width: 100%;
}
@media only screen and (max-width:1400px){
  #footer{
    padding: var(--s-m) var(--s-s);
  }
}
.footer_navigations_container{
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: center;
}
.footer_navigations_container .footer-col{
	width: 15%;
  margin: 0 5%;
}
@media (max-width: 991px) {
	.footer_navigations_container .footer-col{
		width: 50%;
		margin-bottom: 2rem;
	}
}
@media (max-width: 549px) {
	.footer_navigations_container .footer-col{
		width: 100%;
		margin-bottom: 4rem;
	}
}
.footer_navigations_container h4{
	font-size: 4rem;
	margin-top: 0;
	color: var(--cc-midgrey);
}
.footer_navigations_container .footer-col ul li{
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.footer_navigations_container .footer-col ul,
.footer_navigations_container .footer-col a,
.footer_navigations_container .footer-col p{
  transition: none;
	color: var(--cc-midgrey);
  padding-left: 0;
  list-style-type: none;
  margin: 0;
  line-height: var(--f_lineheight_s);
}
/* icons in footer links */
.footer_navigations_container .footer-col a img{
	height: 30px;
	width: 30px;
}
.footer_navigations_container .footer-col a:hover{
	text-decoration: underline;
	color: var(--cc-brandcolor1);
}
.footer-col .invisible{
		display: none;
}
/* .footer_navigations_container .footer-col a.btn-primary{
  font-weight: 600;
  color: var(--cc-info);
  border: 2px solid var(--cc-brandcolor1);
  margin: 1rem 0;
  width: 100%;
} */
@media only screen and (max-width: 549px) {
	.footer_navigations_container .footer-col ul{
		text-align: left;
	}
	.footer_navigations_container .footer-col ul li a{
		line-height: 3rem;
	}
}
.footer_navigations_container .footer-col ul.partner li {
	margin-bottom: 2rem;
}
.footer-info{
  width: 100%;
}
.footer-info *{
  color: var(--cc-midgrey);
  /* font-weight: 300; */
  text-align: center;
  margin: 0;
  line-height: var(--f_lineheight_s);
  padding-top: var(--s-s);
}
/* ///// ---------- BLOG MODULE ---------- ///// */
/* -- Blog-Modul -- */
@media only screen and  (max-width: 1024px){
	#mobile-top{
		margin-top: 5rem;
	}
}
div.mod_newslist{ /*Mansory container */
	background-color: transparent;
  float: right;
	width: 75%;
	margin-bottom: var(--s-l);
	position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-top: var(--s-m);
}
@media only screen and  (min-width:1200px){
	div.mod_newslist{
		width: 75%;
	}
}
@media only screen and  (min-width:999px){
	div.mod_newslist{
		width: 75%;
	}
}
@media only screen and  (max-width:768px){
	div.mod_newslist{
    width: 100%;
    float: none;
		margin: 0 auto;
	}
}
@media only screen and  (max-width:500px){
	div.mod_newslist{
    width: 100%;
    flex-flow: column wrap;
	}
}
div.newslist-home{
  width: 100%;
  margin-top: var(--s-l);
}
.blog-card-link{
	display: block;
	width: calc(33% - 2rem);
	height: 40rem;
	margin: 0 1rem;
	margin-bottom: 2rem;
	padding: 0;
	transition: var(--trans-default);
	overflow: hidden;
	background-color: #ffffff;
	position: relative;
	box-shadow: var(--shadow-default);
	border-radius: var(--theme-radius);
}

@media only screen and (max-width: 999px){
  .blog-card-link{
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}
@media only screen and (max-width:500px){
  .blog-card-link{
    width: 100%;
    height: auto;
    padding-bottom: 0;
    margin: 1rem 0;
  }
}
.blog-card-link .teaser{
  max-height: 20rem;
  color: var(--cc-darkgrey);
}
.blog-card-link .teaser p{
  max-height: 10rem;
  overflow: hidden;
	text-overflow: ellipsis;
}
.layout_latest{
  display: inline-block;
  width: 100%;
	transition: var(--trans-default);
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	padding-bottom: var(--s-s);
}
.layout_latest:hover{
	box-shadow: 2px 2px 18px rgba(var(--black), 0.15);
}
.layout_latest .info{
	font-size: var(--f-size-s);
	color: var(--cc-midgrey);
	margin: 0 2rem;
	display: block;
}
.layout_latest .teaser{
	margin: 0 2rem;
  overflow: hidden;
}
.mod_newslist .layout_latest .image_container{
	overflow: hidden;
	margin-bottom:1rem;
}
.mod_newslist .layout_latest .image_container img{
	width: 100%;
	height: auto;
}
.blog-card-link .image_container{
	position: relative;
}
/* Blog Card Hover */
.blog-card-link .more-title{
  display: none;
}
.blog-card-link .image_container .more-hover{
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: visible;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	background-color: transparent;
	color: transparent;
	text-align: left;
}
.blog-card-link .image_container .more-hover::before{
	content: 'Artikel lesen';
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  text-align: center;
	overflow: visible;
	background-color: transparent;
	opacity: 0;
  color: var(--cc-white);
	font-weight: 700;
	font-size: var(--f-size-l);
	z-index: 3;
  transition: var(--trans-default);
}
@media only screen and  only screen and (max-width: 1200px){
	.blog-card-link .image_container .more-hover::before{
		font-size: 2.4rem;
		line-height: 3.6;
		bottom: 2rem;
	}
}
.blog-card-link:hover .image_container .more-hover::before{
	opacity: 1;
}
/* Hover Title Background */
.blog-card-link .image_container .more-hover::after{
  position: absolute;
  transform: translate(-50%, -50%);
  top: calc(50% - 3px);
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 0;
  content: '';
  background: var(--cc-black);
  opacity: 0.2;
  height: 0;
  overflow: visible;
  transition: var(--trans-default);
  border-radius: 1000px;
}
@media only screen and  only screen and (max-width: 1200px){
  .blog-card-link .image_container .more-hover::after{
  }
}
.blog-card-link:hover .image_container .more-hover::after{
  width: 100%;
  height: 104%;
  border-radius: 0;
}
/* END Blog Card Hover */
/* Teaser Texts and Headlines */
.layout_latest h3 a,
.layout_latest h2 a,
.layout_latest h2,
.layout_latest h3 {
  color: var(--cc-black);
	font-size: var(--f-size-m);
	font-weight: 700;
	line-height: var(--f_lineheight_m);
	background-image: none;
	margin: 0 2rem;
	display: block;
  transition: var(--trans-default);
}
.blog-card-link:hover .layout_latest h2{
  color: var(--cc-brandcolor1);
}
.layout_latest h4{
	font-size: var(--f-size-s);
	line-height: var(--f_lineheight_s);
	margin: 0 2rem 1rem 0rem;
  display: none;
}
.layout_latest mark{
	display: none
}
.blog-card-link:hover .layout_latest mark{
	right: 1rem;
}
.blog-card-link:hover .layout_latest .st0{
	fill: var(--cc-brandcolor1);
}

/* - Category Nav - */
.blog-cat-big{
  float: left;
  width: calc(25% - calc(var(--s-s) * 2));
  margin: 0 var(--s-s);
  border-radius: var(--theme-radius);
  box-shadow: var(--shadow-default);
  margin-top: var(--s-m);
  background-color: var(--cc-white);
}
.blog-cat-big h3{
  margin-left: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.blog-nav-mob{
	display:none;
}
.blog-nav-mob .btn-info,
.tab-nav-mob .btn-info{
	width: 100%;
	border-radius: 0;
	background-color: var(--cc-white);
	color: var(--cc-brandcolor1);
	border: 0!important;
	font-size: 2.4rem;
	font-weight: 600;
	line-height:2rem;
  padding: 0.5em 0;
  margin: 0;
}

.blog-nav-mob .btn-info:active,
.blog-nav-mob .btn-info:focus,
.tab-nav-mob .btn-info:active,
.tab-nav-mob .btn-info:focus{
	border: 0!important;
}

@media only screen and  (max-width: 768px){
	.blog-nav-mob{
		display: block;
    margin: 1rem 0;
    width: 100%;
	}
	.blog-nav-mob ul.level_1{
		background-color: var(--cc-white);
	}
	.blog-nav-mob ul.level_1 li{
		background-color: transparent;
	}
	.blog-nav-mob ul.level_1 li a{
		color: var(--cc-brandcolor1)!important;
	}
	.blog-nav-mob ul.level_1 li.active span{
		color: var(--cc-black)!important;
	}
}

@media only screen and  (max-width: 768px){
	.blog-cat-big{
		display:none;
	}
}
.mod_newscategories{

}
div.mod_newscategories ul {
	float: none;
	margin: 0 auto;
	min-height: 5rem;
	width: 100%;
	padding: 0.5rem 2rem;
}
@media only screen and  (max-width:998px){
	div.mod_newscategories ul {
		width: 100%;
		text-align: left;
	}
}
.mod_newscategories ul li {
	float: none;
	list-style-type: none;
  padding: 0.5rem 0;
}
.mod_newscategories ul li a{
  color: var(--cc-black);
}
.mod_newscategories ul li a:hover{
  color: var(--cc-brandcolor1);
}
.mod_newscategories ul li.active{
  color: var(--cc-brandcolor1);
}
/* .mod_newscategories ul.level_1 li a span{
  color: var(--cc-brandcolor1);
	font-weight: 700;
  font-size: var(--f-size-s);
} */
@media only screen and  (max-width:998px){
	.mod_newscategories ul.level_1 li a{
		font-weight: 400;
		line-height: 3rem;
		padding-left: 0;
		padding-right: 2rem;
	}
}
/* .mod_newscategories ul.level_1 li.active strong{
	padding: 1.1rem 0;
	font-weight: 600;
	font-size: var(--f-size-s);
	color: var(--cc-brandcolor1);
} */
.mod_newscategories ul li.first a,
.mod_newscategories ul li.first span.active{
	padding-left: 0;
}
/* Blog Pagination*/
.mod_newslist .pagination{
	display: flex;
	padding-left: 0;
	margin: 2rem 0;
	border-radius: var(--theme-radius);
}
.mod_newslist .pagination ul{
	display: flex;
}
.mod_newslist .pagination ul li{
	margin-right: 1rem;
}
/* - Blog Reader - Blog Article Page - */
.blog-article-header{
	height: 46.1rem;
  max-width: 76.8rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 2rem;
	position: relative;
  margin: 0 auto;
	padding: 2rem;
}
@media only screen and  (max-width: 500px) {
	.blog-article-header{
		height: 30rem;
	}
}
.mod_newsreader figure.header-blog-article img{
	width:100%;
	height:auto;
}
.mod_newsreader .block{
	margin-bottom: 2rem;
}
@media only screen and  (min-width: 990px) {
	.mod_newsreader .ce_comments{
		width: 70%;
		margin: 0 auto;
	}
}
.mod_newsreader .ce_comments h2{
	text-align: center;
	padding-bottom: 1.0rem;
  margin-bottom: 2.5rem;
}
.mod_newsreader .ce_comments .form{
	width: 70%;
	margin: 0 auto;
}
.mod_newsreader a.btn-1st{
	float: none;
	margin: 0 auto;
}
/*images*/
.mod_newsreader .ce_image .image_container img{
	width: 100%;
	height: auto;
}
.mod_newsreader h2{
	background-image:url('../img/line.svg');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 1.0rem;
    margin-bottom: 2.5rem;
}
.mod_newsreader h4{
	margin-bottom: 1rem;
	margin-top: 3rem;
}
.mod_newsreader .container{
	max-width: 76.8rem!important;
  margin: 0 auto;
  margin-top: 4rem;
}
/* - Blog Comments Section */
.comment_default p.info,
.comment_default p.info a{
	font-size: 1.2rem;
	margin-bottom: 0rem;
}
.comment_default{
	padding: 2rem;
	margin-bottom: 2rem;
	margin: 0 15%;
}
.ce_comments .odd{
	background-color: var(--lightgrey);
}
.ce_comments .last{
	margin-bottom: 3rem;
}
.mod_newsreader .info{
	color:var(--lightgrey);
}
/* - Back To Article List Link -*/
.mod_newsreader .back{
	color: var(--lightgrey);
	margin-bottom: 6rem;
	height: 2.4rem;
}
.mod_newsreader .back svg{
	width: 2rem;
}
.mod_newsreader .back a{
	position: absolute;
	padding: 2rem 2rem 2rem 0;
	font-size:2.4rem;
	color: var(--black);
	margin-left: 0;
	transition: all 0.3s cubic-bezier(.72,.28,.33,.93); /* explorer 10 */
	-webkit-transition: all 0.3s cubic-bezier(.72,.28,.33,.93); /* chrome & safari */
	-moz-transition: all 0.3s cubic-bezier(.72,.28,.33,.93); /* firefox */
	-o-transition: all 0.3s cubic-bezier(.72,.28,.33,.93); /* opera */
}
.mod_newsreader .back a:after{
	content:'Zurück';
	color: var(--bodybackground);
	font-size: 1.6rem;
	transition: all 0.3s cubic-bezier(.72,.28,.33,.93); /* explorer 10 */
	-webkit-transition: all 0.3s cubic-bezier(.72,.28,.33,.93); /* chrome & safari */
	-moz-transition: all 0.3s cubic-bezier(.72,.28,.33,.93); /* firefox */
	-o-transition: all 0.3s cubic-bezier(.72,.28,.33,.93); /* opera */
	display: block;
	float: right;
	margin-left: 1rem;
}
.mod_newsreader .back a:hover{
	margin-left: -1rem;
	text-decoration: none;
}
.mod_newsreader .back a:hover .st0{
	fill: var(--spotcolor1);
}
.mod_newsreader .back a:hover:after{
	content:'Zurück';
	color: var(--black);
	font-size: 1.6rem;
	margin-left:1rem;
}
.mod_newsreader .back a:active:after,
.mod_newsreader .back a:active{
	content:'Zurück';
	color: var(--spotcolor1);
}
.mod_newsreader .back a:hover .arrow-back{
	padding-left:-0.5rem;

}
/* ----- /////// LB CONTACT FORM /////// ----- */
.lb-contact-wrapper{
	  margin-bottom: var(--space-l);
}
@media only screen and (max-width: 1400px){
  .lb-contact-wrapper{
    padding: 0 var(--space-s);
  }
}
.lb-contact-wrapper .contact-row{
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
/* maps container*/
.lb-contact-wrapper .gmaps-wrapper{
  width: 60%;
}
@media only screen and (max-width:1000px){
  .lb-contact-wrapper .gmaps-wrapper{
    width: 50%;
  }
}
@media only screen and (max-width:768px){
  .lb-contact-wrapper .gmaps-wrapper{
    width: 100%;
    margin: var(space-xs) 0;
  }
}
.lb-contact-wrapper h2{
  margin: 0;
}
.gmaps-wrapper button{
	min-width: 3rem;
	height: 3rem;
	margin: 1rem;
	margin-bottom: 0;
	padding: 0;
}
/* form container*/
.lb-contact-wrapper .form-wrapper{
  width: 40%;
  padding-left: var(--space-l);
}
@media only screen and (max-width:1000px){
  .lb-contact-wrapper .form-wrapper{
    width: 50%;
  }
}
@media only screen and (max-width:768px){
  .lb-contact-wrapper .form-wrapper{
    width: 100%;
    margin-top: var(--space-s);
    padding-left: 0;
  }
}
.lb-contact-wrapper .gmaps-wrapper .content,
.lb-contact-wrapper .form-wrapper .content,
.lb-contact-wrapper .content{
  padding: var(--s-xs);
  background: var(--cc-transparent);
  /* height: calc(100% - 8.5rem); */
}
@media only screen and (max-width: 768px){
	.lb-contact-wrapper .gmaps-wrapper .content,
	.lb-contact-wrapper .form-wrapper .content,
	.lb-contact-wrapper .content{
		height: auto;
	}
}
/* .lb-contact-wrapper .gmaps-wrapper .maps{
  overflow: hidden;
} */
.lb-contact-wrapper .form-wrapper .form{
}

/* Text Rows */
.lb-contact-wrapper .text-col-left{
  width: 40%;
  padding-right: var(--space-s);
}
@media only screen and (max-width:1000px){
  .lb-contact-wrapper .text-col-left{
    width: 50%;
  }
}
@media only screen and (max-width:768px){
  .lb-contact-wrapper .text-col-left{
    width: 100%;
    padding-right: 0;
  }
}
.lb-contact-wrapper .text-col-right{
  width: 60%;
  padding-left: var(--space-s);
}
@media only screen and (max-width:1000px){
  .lb-contact-wrapper .text-col-right{
    width: 50%;
  }
}
@media only screen and (max-width:768px){
  .lb-contact-wrapper .text-col-right{
    width: 100%;
    padding-left: 0;
  }
}
.lb-contact-wrapper .container{
  padding: var(--space-xs);
  background-color: var(--white);
  height: 100%;
}
/* content banner */
.lb-content-banner{
	padding: 12rem 2rem;
	min-height: 60rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 900px){
	.lb-content-banner{
		padding: 6rem;
	}
}
@media (max-width: 420px){
	.lb-content-banner{
		padding: 6rem 2rem;
		background-attachment: scroll;
	}
}
/*
.lb-content-banner .overlay-dark{
	width: 100%;
	height: 100%;
	background: var(--cc-black);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.4;
	z-index: -1;
}
*/
.lb-content-banner .banner-content{
	max-width: 110rem;
	z-index: 2;
	padding:2rem;
	background-color: rgba(var(--cc-white-rgb), var(--op-alpha-08));

	border-radius: var(--theme-radius);
}
.lb-content-banner .banner-content h1,
.lb-content-banner .banner-content h2,
.lb-content-banner .banner-content h3,
.lb-content-banner .banner-content h4,
.lb-content-banner .banner-content p{
	color: var(--white);
	margin-top: 0;
}
.lb-content-banner .banner-content table{
	border-radius: 2px;
	overflow: hidden;
}
.lb-content-banner .banner-content table tr{
	border-bottom: 1px solid var(--lightgrey);
	transition: all .1s ease-out;
}
.lb-content-banner .banner-content table tr:hover{
	background: var(--bodybackground);
}
.lb-content-banner .banner-content table tr td{
	width: 25%;
}
.lb-content-banner .banner-content table tr td p{
	color: var(--black);
}
/* content banner home & campaign*/
body.content .lb-content-banner,
body.content .lb-content-banner{
	height: 70vh;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	flex-flow: row nowrap;
}
@media only screen and (max-width:1024px){
  body.content .lb-content-banner,
  body.content .lb-content-banner{
    overflow: hidden;
  }
}
body.content .lb-content-banner .banner-content,
body.content .lb-content-banner .banner-content{
	-ms-align-items: center;
	align-items: center;
	text-align: left;
}
@media only screen and (max-width: 500px){
  body.content .lb-content-banner .banner-content,
  body.content .lb-content-banner .banner-content{
    width: calc(100% - 4rem)!important;
  }
}
.lb-content-banner .banner-image{
	width: 50%;
	height: 100%;
	z-index: 3;
	display: flex;
  position: relative;
}
@media only screen and (max-width:1024px){
	.lb-content-banner .banner-image{
		height: 100%;
	}
  .lb-content-banner .banner-image img{
		height: 100%;
    width: auto;
	}
}

@media only screen and (max-width:899px){
	.lb-content-banner .banner-image{
		display: none;
	}
}
.lb-content-banner .banner-content-img{
  width: auto;
  height: 100%;
  border-radius: var(--theme-radius);
}
@media only screen and (max-width:1399px){
	.lb-content-banner .banner-image img{
		width: 100%;
	  height: auto;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width:500px){
	.lb-content-banner .banner-image img{
		display: none;
	}
}
/*////////// GALLERIES //////////*/
.content-gallery {
	max-width: 140rem;
	margin: 0 auto;
	padding: 3rem 4rem;
}
@media (max-width: 1024px){
	.content-gallery {
		padding: 3rem 2rem;
	}
}
@media (max-width: 768px){
	.content-gallery {
		padding: 2.5rem 2rem;
	}
}
@media (max-width: 400px){
	.content-gallery {
		padding: 2rem;
	}
}
.content-gallery > ul{
	-webkit-column-count: 3;
  -webkit-column-gap: 1;
  -moz-column-count: 3;
  -moz-column-gap: 1;
  column-count: 3;
  column-gap: 1;
	list-style: none;
	padding: 0;
}
@media only screen and (max-width: 768px){
	.content-gallery > ul{
		-webkit-column-count: 2;
	  -moz-column-count: 2;
	  column-count: 2;
	}
}
@media only screen and (max-width: 420px){
	.content-gallery > ul{
		-webkit-column-count: 1;
	  -moz-column-count: 1;
	  column-count: 1;
	}
}
.content-gallery > ul > li:first-child{
	margin-top: 0;
}
.content-gallery > ul > li{
	width: 100%;
	margin: 2rem 0 ;
}
.content-gallery .image_container{

}
.content-gallery .image_container img{
	width: 100%;
	height: auto;
	transition: var(--trans-default);
  border-radius: var(--theme-radius);
}
.content-gallery .image_container img:hover{
	opacity: 0.8;
}
.ol-control:hover, .ol-control button:focus, .ol-control button:hover,
.c4g-permalink-popup button:focus, .c4g-permalink-popup button:hover, 
.c4g-permalink.c4g-open button, .c4g-portside-control.c4g-open button{
	background-color: white !important;
}

/*////////// GALLERIES ////////// VORLAGE */

.content-gallery ul {
	column-count: 3;
	list-style: none;
	padding: 0;
}
.content-gallery ul li {
	padding: 0.5rem;
}
.content-gallery ul li img{
	width: 100%;
	height: auto;
	transition: var(--trans-default);
	border-radius: var(--theme-radius);
}
@media only screen and (max-width: 768px){
	.content-gallery ul {
		column-count: 2;
	}
}
@media only screen and (max-width: 420px){
	.content-gallery ul  {
		column-count: 1;
	}
}
.content-gallery ul li img:hover{
	opacity: 0.8;
}

.ol-control:hover, .ol-control button:focus, .ol-control button:hover,
.c4g-permalink-popup button:focus, .c4g-permalink-popup button:hover,
.c4g-permalink.c4g-open button, .c4g-portside-control.c4g-open button{
	background-color: white !important;
}



/* Overlay Picture Detail View */
#mbCenter{
	background-color: transparent;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
}
#mbOverlay.mbMobile{
	background-color: rgba(0,0,0,0.3);
}
/*////////// TEAM GRID ////////// */
.lb-team-grid *{
	text-align: center;
}
.lb-team-grid .lb-team-grid-block{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	/* align-items: center; */
	padding: 8rem 0;
}
.lb-team-grid .lb-team-tile{
	width: 20%;
	margin: 2rem 2rem;
}
.lb-team-grid .team-img{
	overflow: hidden;
}
.lb-team-grid .team-img img{
	overflow: hidden;
	height: 20rem;
	width: auto;
  border-radius: var(--theme-radius);
}
.lb-team-grid .lb-team-tile *{
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-bottom: 1rem;
}
@media only screen and (max-width:900px){
	.lb-team-grid .team-img img{
		height: 15rem;
	}
}
@media only screen and (max-width:768px){
	.lb-team-grid .lb-team-tile{
		width: 50%;
		margin: 2rem 2rem;
	}
	.lb-team-grid .team-img img{
		overflow: hidden;
		height: 15rem;
		width: auto;
	}
}
@media only screen and (max-width:420px){
	.lb-team-grid .lb-team-tile{
		width: 100%;
		margin: 2rem 2rem;
	}
}
/*////////// LIST BENEFITS WITH LINKS ////////// */

.lb-benefitlist-grid *{
	text-align: center;
}
.lb-benefitlist-grid .lb-benefitlist-grid-block{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	/* align-items: center; */
	padding: 8rem 0;
}
.lb-benefitlist-grid .lb-benefitlist-tile{
	width: 20%;
	margin: 2rem 2rem;
}
.lb-benefitlist-grid .lb-benefitlist-img{
	overflow: hidden;
}
.lb-benefitlist-grid .lb-benefitlist-img img{
	overflow: hidden;
	height: 20rem;
	width: auto;
}
.lb-benefitlist-grid .lb-benefitlist-tile *{
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin-bottom: 1rem;
}
@media only screen and (max-width:900px){
	.lb-benefitlist-grid .lb-benefitlist-img img{
		height: 15rem;
	}
}
@media only screen and (max-width:768px){
	.lb-benefitlist-grid .lb-benefitlist-tile{
		width: 50%;
		margin: 2rem 2rem;
	}
	.lb-benefitlist-grid .lb-benefitlist-img img{
		overflow: hidden;
		height: 15rem;
		width: auto;
	}
}
@media only screen and (max-width:420px){
	.lb-benefitlist-grid .lb-benefitlist-tile{
		width: 100%;
		margin: 2rem 2rem;
	}
}
/* ---------- ///// PAGES SPECIAL RULES start ///// ---------- */


/* -- contao cookiebar -- */
.contao-cookiebar .cc-btn {
	padding: 0 14px!important;
}