/* 	LocalBranding Core CSS (Contao)
		Author: LocalBranding 2019
		Theme:	LB_KF WEBSITE MODULES
*/
/* CONTAO SYSTEM MODULES */
.mod_article > .ce_text,
.mod_article > .ce_player{
	max-width: 140rem;
	margin: 0 auto;
	text-align: center;
	padding: 5rem 2rem;
}
.mod_article > .ce_player video{
	width: 100%!important;
	height: auto!important;
	border: 1px solid black;
}
section.ce_accordion {
	padding: 0 2rem;
}
/* -- 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-white);
}
@media (max-width:768px){
	.lb-fullscreen-hero{
		background-attachment: scroll;
		background-position: center center;
	}
}
@media (max-width: 480px){
  .lb-fullscreen-hero{
      background-image: none!important;
  }
}
.lb-fullscreen-hero .hero-content{
	position: absolute;
	left: 10%;
	top: 50%;

	margin: 0 auto;
	width: auto;
	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;
	}
}
.lb-fullscreen-hero .hero-content .hero-headline {
	display: inline-block;
	margin: 0;
	width: auto;
	padding: 0 4rem 0 4rem;
	text-align: center;
	background-color: var(--cc-brandcolor1);
	border-radius: 10rem;
}
.lb-fullscreen-hero .hero-content .hero-headline h1 {
	margin: 0;
}
@media (max-width:1200px){
	.lb-fullscreen-hero .hero-content .hero-headline {
		padding: 2rem;
	}
	.lb-fullscreen-hero .hero-content .hero-headline h1{
		font-size: 9rem;
		line-height: 9rem;
	}
}
@media (max-width:1024px){
	.lb-fullscreen-hero .hero-content .hero-headline h1{
		font-size: 7rem;
		line-height: 7rem;
	}
}
.lb-fullscreen-hero .hero-content .hero-subline {
	margin: 0 5rem;
	width: auto;
	text-align: center;
	padding: 1rem 2rem;
	background-color: var(--cc-brandcolor2);
	border-radius: 8rem;
	position: sticky;
    margin-top: -1rem;
}
.lb-fullscreen-hero .hero-content .hero-subline h3 {
	margin: 0;
	hyphens: none;
}

.lb-fullscreen-hero .hero-content .btn-1st:hover{
	color: var(--cc-brandcolor1);
}
.icn_arrow-down{
	position: absolute;
	height: 4.4rem;
	width: 2.0rem;
	background-image: url('../img/icn/icn_down-arrow.png');
	background-repeat: no-repeat;
	background-position: right center;
	bottom: 6rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
}
.lb-fullscreen-hero .icn_arrow-down{
	display: none;
}
/* -- Fullscreen as single img (not as background) plain without text with the class hero-image-- */
.content-image.hero-image figure {
	width: 100%;
	}
.content-image.hero-image figure img {
	width: 100%;
	height: auto;
	margin-top: 10rem;
}
/* -- Fullscreen Article Header IMG full width start-- */
.lb-fullscreen-hero-width100 {
	height: 50rem;
	width: 100%;
	background-repeat: no-repeat;
	padding: 2rem;
	color: var(--cc-white);
	background-attachment: fixed;
	background-position: top center;
	position: relative;
}
@media (max-width:768px){
	.lb-fullscreen-hero-width100 {
		background-attachment: scroll;
		background-position: top center;
	}
}
.lb-fullscreen-hero-width100 .hero-content{
	position: absolute;
	left: 10%;
	left: 10%;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
	width: 55%;
	max-width: 192rem;
}
@media (max-width:1200px){
	.lb-fullscreen-hero-width100 .hero-content{
		left: 9rem;
		width: 66%;
	}
}
@media (max-width:1024px){
	.lb-fullscreen-hero-width100 .hero-content{
		width: 80%;
		margin: 0 auto;
		text-align: center;
		left: 2rem;
		right: 2rem;
	}
}
.lb-fullscreen-hero-width100 .hero-content h1{
	margin-bottom: 5rem;
}
.lb-fullscreen-hero-width100 .hero-content h3{
	margin-bottom: 1rem;
}
.lb-fullscreen-hero-width100 .hero-content .hero-intro{
	display: block;
	margin-bottom: 5rem;
}
.lb-fullscreen-hero-width100 .hero-content div{
	margin: 0 auto
}
.lb-fullscreen-hero-width100 .hero-content .btn-1st:hover{
	color: var(--cc-brandcolor1);
}
.icn_arrow-down{
	position: absolute;
	height: 4.4rem;
	width: 2.0rem;
	background-image: url('../img/icn/icn_down-arrow.png');
	background-repeat: no-repeat;
	background-position: right center;
	bottom: 6rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
}
.lb-fullscreen-hero-width100 .icn_arrow-down{
	display: none;
}
@media (max-width:768px){
	.lb-fullscreen-hero .hero-content .hero-headline h1 {
		font-size: var(--font-l);
	}
	.lb-fullscreen-hero .hero-content .hero-subline h3{
		font-size: var(--font-s);
		line-height: 2.4rem;
		font-weight: 400;
	}
}
/* -- Fullscreen Article Header IMG full width end-- */


/* ///// 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(--cc-brandcolor1);
	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;
	}
}
/* -- Article with Image Left or Right-- */
.lb-text-image .container-wrapper{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	padding: 8rem 2rem;
}
@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: 0 2rem;
		width: 100%;
	}
}
.lb-text-image .text.content figure{
	display: flex;
	justify-content: center;
}
.lb-text-image .image-content{
	position: relative;
	width: 50%;
}
@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: 100%;
	height: auto;
	z-index: 1;
	object-fit: contain;
	max-height: 50rem;
}
@media (max-width: 999px){
.lb-text-image img{
		margin-bottom: 3rem;
	}
}
/* -- LB - Contact with Map->Right --*/
.lb-contact_map-right,
.lb-contact_map-left{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--cc-bodybackground);
}
@media (max-width: 600px){
	.lb-contact_map-right,
	.lb-contact_map-left{
		display: block;
		color: var(--cc-black);
	}
}
.map-content{
	padding: 0;
}
.map-content .dlh_googlemap {
	min-height: 70rem;
}
/* -- 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(--cc-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(--cc-brandcolor1);
	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(--cc-white);
	width: 30%;
	border: 1px solid var(--cc-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;
	}
}
/* ----- FOOOTER -----*/

#footer .inside{
  display: block;
}
#footer{
	background-color: var(--cc-brandcolor2);
	padding: var(--s-m) 0;
  max-width: 100%;
}
@media only screen and (max-width:1400px){
  #footer{
    padding: var(--s-m) var(--s-s);
  }
}
.cart-checkout #footer{
  margin-top: 4rem;
}
.footer_navigations_container{
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  align-content: center;
  justify-content: space-between;
}
#footer p,
.footer_navigations_container p,
.footer_navigations_container h4,
.footer_navigations_container h5{
	color: var(--cc-white);
}
.footer_navigations_container .footer-col{
	width: 20%;
}
@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: var(--font-l);
  font-weight: 600;
 /* text-transform: uppercase; */
/*  margin-bottom: 0; */
}
.footer_navigations_container h5{
  font-size: var(--font-s);
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
}
.footer_navigations_container .footer-col ul{
	padding-left: 0;
}
.footer_navigations_container .footer-col ul li{
	margin-bottom: var(--s-xxs);
}
.footer_navigations_container .footer-col ul.certified li{
	margin-bottom: var(--s-xs);
}
.footer_navigations_container .footer-col a{
	font-size: var(--font-sm);
	color: var(--cc-white);
	transition: all 0.2s;
	line-height: 3rem;
  font-weight: 300;
}
/* icons in footer links */
.footer_navigations_container .footer-col a img{
	height: 2.4rem;
	width: 2.4rem;
}
.footer_navigations_container .footer-col a:hover{
	text-decoration: none;
	color: var(--cc-white);
}
.footer-col .invisible{
		display: none;
}
.footer_navigations_container .footer-col a.btn-primary{
  font-weight: 600;
  color: var(--cc-white);
  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 h5{
		text-align: left;
	}
}
.footer_navigations_container .footer-col ul.partner li {
	margin-bottom: 2rem;
}
.footer-info{
  width: 100%;
}
.footer-info *{
  color: var(--cc-midgrey);
  font-size: var(--font-xs);
  text-align: center;
}
/* ///// ---------- 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;
}
@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: 48rem;
  margin: 0 1rem;
  margin-bottom: 1.5rem;
	padding: 0;
	transition: var(--trans-default);
  overflow: hidden;
  border-bottom: var(--theme-border-interactive);
  background-color: var(--cc-white);
  position: relative;
}
.blog-card-link::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--s-xl);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  z-index: 10;
}
@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: 25rem;
}
.blog-card-link .teaser p{
  max-height: 12rem;
  overflow: hidden;
	text-overflow: ellipsis;
}
.layout_latest{
	background-color: var(--cc-white);
  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(--cc-black), 0.15);
}
.layout_latest .info{
	font-size: 1.2rem;
	color: var(--cc-lightgrey);
	margin:0 2rem;
	display: block;
}
.layout_latest .teaser{
	margin: 0 2rem 2rem 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: 600;
	font-size: 3.6rem;
	line-height: 4.2rem;
	z-index: 3;
}
@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-brandcolor1);
  opacity: 0.6;
  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 {
	font-family: var(--theme-font1);
	font-size: var(--font-sm);
	font-weight: 600;
	line-height: var(--lh-sm);
	color: var(--cc-black);
	background-image: none;
	margin: 0 2rem;
	display: block;
  transition: var(--trans-default);
}
.layout_latest h4{
	font-size: var(--font-s);
	line-height: var(--lh-s);
	margin: 0 2rem 1rem 0rem;
}
.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{
  border-bottom: var(--theme-border-interactive);
  background-color: var(--cc-white);
  float: left;
  width: calc(25% - 1.5rem);
  margin-right: 1.5rem;
}
.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-white)!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: 1.5rem 2rem 1.8rem 0;
}
@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 2rem;
  border-left: var(--theme-border-white);
  transition: none;
}
.mod_newscategories ul li:hover{
	border-left: var(--theme-border-interactive);
}
.mod_newscategories ul.level_1 li a span{
	font-weight: 600;
  font-size: var(--font-s);
}
@media only screen and  (max-width:998px){
	.mod_newscategories ul.level_1 li a{
		font-weight: 400;
		color: var(--cc-black);
		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(--font-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: 6rem;
}
@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(--cc-lightgrey);
}
.ce_comments .last{
	margin-bottom: 3rem;
}
.mod_newsreader .info{
	color:var(--cc-lightgrey);
}
/* - Back To Article List Link -*/
.mod_newsreader .back{
	color: var(--cc-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(--cc-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(--cc-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;
}
.mod_newsreader .back a:hover{
	margin-left: -1rem;
	text-decoration: none;
}
.mod_newsreader .back a:hover .st0{
	fill: var(--cc-brandcolor1);
}
.mod_newsreader .back a:hover:after{
	content:'Zurück';
	color: var(--cc-black);
	font-size: 1.6rem;
	margin-left:1rem;
}
.mod_newsreader .back a:active:after,
.mod_newsreader .back a:active{
	content:'Zurück';
	color: var(--cc-brandcolor1);
}
.mod_newsreader .back a:hover .arrow-back{
	padding-left:-0.5rem;

}
/* ----- /////// LB CONTACT FORM /////// ----- */
.lb-contact-wrapper{
	  margin-bottom: var(--s-l);
}
@media only screen and (max-width: 1400px){
  .lb-contact-wrapper{
    padding: 0 var(--s-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: 4rem;
	height: 4rem;
	margin: 1rem;
	margin-bottom: 0;
	padding: 0;
}
/* form container*/
.lb-contact-wrapper .form-wrapper{
  width: 40%;
  padding-left: var(--s-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(--s-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-white);
  margin-top: var(--s-l);
  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(--s-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(--s-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(--s-xs);
  background-color: var(--cc-white);
  height: 100%;
}
/* content banner */
.lb-content-banner{
	padding: 6rem 2rem;
	min-height: 40rem;
	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-darkgrey);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.4;
	z-index: -1;
}
.lb-content-banner .banner-content{
	max-width: 120rem;
	z-index: 2;
}
.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(--cc-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(--cc-lightgrey);
	transition: all .1s ease-out;
}
.lb-content-banner .banner-content table tr:hover{
	background: var(--cc-bodybackground);
}
.lb-content-banner .banner-content table tr td{
	width: 25%;
}
.lb-content-banner .banner-content table tr td p{
	color: var(--cc-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%;
}
@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 {
	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;
}
.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 *{
	margin-bottom: 1rem;
	color: var(--cc-brandcolor1)
}

@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;
	}
}

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