/* 	LocalBranding Core CSS (Contao)
		Author: LocalBranding 2018
		Theme:	LB_Theme_Webiste-Blog
*/
/*------------------------------ GRID ------------------------------*/
.container-fluid{
	padding: 0;
}
/* -- BOOTSTRAP GRID CHANGES -- */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11,
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9{
	padding-left:3.0rem;
	padding-right:3.0rem;
}
html{
	font-size:10px;
	box-sizing: border-box;
	font-family: var(--theme-font-2);
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap:break-word;
}
body{
	margin: 0;
	padding-top: 0rem;
	background-color: var(--bodybackground);
	color: var(--black);
	font-family: var(--theme-font-2);
}
body.systempage{
	padding-top: 10rem;
}
@media (max-width: 1010px){
	body.systempage{
	padding-top: 9.5rem;
	}
}
@media (max-width: 480px){
	body.systempage{
	padding-top: 9.5rem;
	}
}
#wrapper{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
}
/* opacity for face in effect */
.hideme{
	opacity: 0;
}
.grammarly-ghost{
	visibility: invisible;
}
/* ---------- CUSTOM CLASSES ----------**/
.align-center{
	text-align: center;
}
.align-left{
	text-align: left;
}
.align-right{
	text-align: right;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.float-none{
	float: none;
}
.img-center{
	margin: 0 auto;
	display: block;
}
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
:focus{
  outline-color: var(--spotcolor1)!important;
}
/* ------------------------------ CORE ELEMENTS ------------------------------*/
/* fonts */
h1{
	font-family: var(--theme-font-1);
	font-size: var(--font-xxxl);
	font-weight: 600;
	line-height: auto;
	color: var(--spotcolor1);
}
@media (max-width: 699px) {
	h1{
		font-size: var(--font-xxl);
		line-height: 7.0rem;
	}
}
@media (max-width: 480px) {
	h1{
		font-size: var(--font-l);
		line-height: 5.0rem;
	}
}
h2{
	font-family: var(--theme-font-1);
	font-size: var(--font-xxl);
	font-weight: 600;
	line-height: 7.5rem;
	color: var(--spotcolor1);
}
@media (max-width: 699px) {
	h2{
		font-size: var(--font-l);
		line-height:4.0rem;
	}
}
h3{
	font-family: var(--theme-font-1);
	font-size: var(--font-l);
	font-weight: 600;
	line-height: 4.8rem;
	color: var(--spotcolor1);
}
@media (max-width: 699px) {
	h3{
			font-size: var(--font-m);
			line-height: 4rem;
		}
}
h4{
	font-family: var(--theme-font-2);
	font-size: var(--font-m);
	line-height: 4.0rem;
	color: var(--darkgrey);
}
@media (max-width: 699px) {
	h4{
		font-size: var(--font-sm);
		line-height: 3.2rem;
    margin-top: 1rem;
	}
}
h5{
	font-family: var(--theme-font-2);
	font-size: var(--font-m);
	line-height: 4.0rem;
	color: var(--black);
	font-weight: 600;
}
h6{
	font-family: var(--theme-font-1);
	font-size: var(--font-sm);
	line-height: 3.2rem;
	color: var(--darkgrey);
}
@media (max-width: 699px){
  .hero-headline h1{
    line-height: 8.5rem;
  }
}
@media (max-width: 480px){
  .hero-headline h1{
    line-height: 7rem;
  }
}
.hero-headline h1:after,
.blog-article-header h1:after{
	display: none;
}
.hero-subheadline h4,
.blog-article-header .caption h4{
	background-image: none;
	background-color: var(--black);
	width: fit-content;
  padding: 1rem 0rem;
	display: inline;
	box-shadow: var(--box-shadow);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	color: var(--white);
	margin-top: 0.3rem;
	line-height: 5.3rem;
}
@media (max-width: 699px){
  .hero-subheadline h4,
  .blog-article-header .caption h4{
    line-height: 4.8rem;
  }
}
@media (max-width: 480px){
  .hero-subheadline h4,
  .blog-article-header .caption h4{
    line-height: 4.7rem;
  }
}
.h4-center{
  text-align: center;
}
p, table, label, input, textarea, legend, ul, ol,a{
	font-family: var(--theme-font-2);
	font-size: var(--font-s);
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: 0.1rem;
	color: var(--black);
}
/* text links */
a {
	color: var(--spotcolor1);
	text-decoration: none;
}
a:hover, a:focus {
	color: var(--spotcolor1);
	text-decoration: underline;
	/*NEU*/
	transform: scale(1.03);
}
/* buttons */
button, .btn-1st, div.article_3-col_icn a, div.submit_container input,.body-contract .button-link a, .btn-primary, a.hyperlink_txt, input.btn-1st{
	font-family: var(--theme-font-2);
	display: inline-block;
	font-size: var(--font-s);
	font-weight: bold;
	height: 4.0rem;
	line-height: 3.6rem;
	text-align: center;
	background: var(--white);
	color: var(--spotcolor1);
	border: 0.2rem solid var(--spotcolor1);
	min-width: 16.0rem;
	padding: 0 1.0rem;
	transition: var(--theme-transition);
	margin: 1.5rem 0;
	border-radius: var(--theme-radius);
}
button:hover, a.btn-1st:hover, div.article_3-col_icn a:hover, div.submit_container input:hover,.body-contract .button-link a:hover, .btn-primary:hover, a.hyperlink_txt:hover, input.btn-1st:hover{
	color: var(--white);
	background:var(--spotcolor1);
	border-color: var(--spotcolor1);
	transition: var(--theme-transition);
	text-decoration: none;
}
button:active, a.btn-1st:active, .mod_article a:active, div.article_3-col_icn a:active,	div.submit_container input, .body-contract .button-link a:active, .btn-primary:active,
a.hyperlink_txt:active, input.btn-1st:active{
	color: var(--spotcolor1);
	background-color: var(--white);
	transition: var(--theme-transition);
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus,
.btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, a.hyperlink_txt:active, input.btn-1st:active{
	background-color: var(--white);
	border-color: var(--spotcolor1);
	color: var(--spotcolor1);
}
button:focus{
  outline: 0;
}
/* FORMULARS */
.formbody  label span, .field_label{
	display: inline;
}
.formbody span.invisible{
	display: none;
}
.formbody label, .field_label{
	display: block;
	font-size: var(--font-xs);
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: var(--black);
	width: auto;
}
.captcha_text{
	margin-top: 0.5rem;
	font-size: 1.2rem;
}
.mandatory{
	color: var(--spotcolor1);
	margin-left: 0.3rem;
}
.form-control, input, textarea, select{
	padding: 0 1rem ;
	margin: 0 0 1rem 0;
	border: 0.1rem solid var(--lightgrey);
	width: 100%;
	font-size: var(--font-s);
	letter-spacing: 0;
	line-height: 4.0rem;
	transition: var(--theme-transition);
	border-radius: var(--theme-radius);
}
select{
	height: 4rem;
}
.widget-submit{
	margin: 2rem 0;
}
fieldset.radio_container input.radio,	fieldset.checkbox_container input.checkbox{
	width: auto;
	float: left;
	margin-right: 1.0rem;
	margin-bottom: 0!important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: var(--white);
	border:0.1rem solid var(--lightgrey);
}
fieldset.radio_container span{
	margin-right: 1.5rem;
}
fieldset.radio_container span, fieldset.radio_container input.radio{
	float: left;
}
fieldset.radio_container label{
	margin-top: 0!important;
	float: left;
}
textarea{
	height: 12.0rem;
}
input:focus, textarea:focus{
	border: 0.1rem solid var(--spotcolor1);
	outline-color: var(--spotcolor1);
	box-shadow: none;
}
div.widget-captcha span{
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 1.5;
}
p.confirm{
	border-left: 5px solid var(--spotcolor1);
	padding: 1rem;
}
p.invalid-feedback{
  background-color:var(--bodybackground);
  padding: 1rem;
  border-radius: 2px;
  border: 1px solid var(--darkgrey);
  border-left: 5px solid var(--spotcolor2);
}
.contactform_privacy{
	margin-left: 0;
}
.contactform_privacy p,
.contactform_privacy a{
	font-size: var(--font-xxs);
	line-height: 1.8rem;
	color: var(--darkgrey);
	font-weight: 700;
}
.contactform_privacy a{
	color: var(--spotcolor1);
}
.contactform_privacy legend{
	margin-bottom: 0;
	font-size: var(--font-xs);
  font-weight: 600;
  color: var(--black);
  width: auto;
	border-bottom: 0;
}
.contactform_privacy .checkbox{
	margin-top: 0.3rem;
	float: left;
	margin-right: 0.5rem;
  width: auto;
}
.modal .formbody{
  width: 100%;
}
/* Lists */
ul li{
	list-style: none;
}
ol li{
	margin: 1rem 0;
}
.ce_text ul li::before,
.modal-body ul li::before{
	content: "\2022";
	color: var(--spotcolor1);
	display: inline-block;
	width: 1em;
	margin-left: -1.5rem;
}
.systempage-agb ol {
    counter-reset: list;
    margin: 0;
}
.systempage-agb ol > li {
    list-style: none;
    position: relative;
}
.systempage-agb ol > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
}
/* Tables */
table{
	display: table;
	font-size:1.6rem;
	width: 100%!important;
}
@media (max-width:460px){
	table{
		font-size: 1.4rem;
	}
}
tbody{
	display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
tr{
	display: table-row;
  vertical-align: middle;
  border-color: inherit;
  background-color: var(--white);
}
tr.odd{
	background-color: var(--bodybackground);
}
td{
	padding: 1rem;
	font-size: 1.rem;
	text-align: center;
}
@media (max-width:460px){
	td{
		padding: 0.5rem;
	}
}
td p{
	margin: 0;
}
@media (max-width:460px){
	td p{
		font-size: 1.4rem;
	}
}
tr.first{
	background: var(--spotcolor1);
	color: var(--white);
}
/* image behaviour */
.image_container img{
	width: 100%;
	height: auto;
}
/* page loader / progress bar */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: var(--spotcolor2);
	position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 0.3rem;
}
.pre{
	background-color: transparent;
	border: 0;
}
/* ----- COOCKIEBAR -----*/
.cookiebar{
	background-color: var(--bodybackground);
	z-index: 99999;
	height: auto;
  font-size: var(--font-s);
  padding: 2rem;
  border-top: 1px solid var(--lightgrey);
}
.cookiebar-text{
  margin-bottom: 1rem;
}
.cookiebar__message{
  color: var(--black);
  text-align: left;
}
.cookiebar__link{
  color: var(--spotcolor1);
}
.cookiebar__button{
	background-color: transparent;
  color: var(--spotcolor1);
  border: 2px solid var(--spotcolor1);
	padding: 0 1.0rem;
	border-radius: var(--theme-radius);
}
.cookiebar__button:hover{
	background-color: var(--spotcolor1);
}
.cookiebar__button:active{
	background-color: transparent;
}
/* - Search Form Container Toggle - */
.mod_search{
	transition: var(--theme-transition);
	float: left;
	z-index: -1;
}
.mod_search .formbody{
  width: calc( 100% - 4.2rem)!important;
}
.mod_search .widget-text{
	background-color: var(--white);
	border-radius: 0;
	border: 0;
	opacity: 1;
  float: left;
  height: 4rem;
  width: calc(100% - 4.2rem);
  margin-right: -1px;
}
.mod_search .widget-text input{
	margin-bottom: 0;
  height: 4rem;
  border: 0;
  border-bottom: 2px solid var(--black);
}
.mod_search .widget-submit{
  margin: 0;
  height: 4rem;
}
.mod_search .widget-submit button{
	background-color: transparent;
	border: 0;
	border-bottom: 2px solid var(--black);
	font-size: 0;
	background-image:url(../img/icon/system/search.svg)!important;
	background-position:center center;
	background-repeat:no-repeat;
	min-width: 4.2rem!important;
	border-radius:0;
	position: relative;
	margin: 0;
}
.mod_search .widget-submit button:focus,
.mod_search .widget-submit button:active:focus,
.mod_search .widget-submit button:active{
	background-image:url(../img/icon/system/search.svg)!important;
	border: 0;
	background-color: var(--white);
	outline: 0px auto var(--white)!important;
  outline-offset: -2px;
	border-bottom: 2px solid var(--black);
}
/* ------------------------------ HEADER ------------------------------*/
#header{
	transition: var(--theme-transition);
  padding-top: 13rem;
}
#header_sub h1.ce_headline{
	margin-bottom:0;
}
/* Navigation */
.navbar-default{
	border:0;
}
.navbar-default .navbar-toggle{
	border:0;
}
@media (max-width: 1010px){
	.navbar-toggle {
		display: block;
		margin-top:0;
		margin-bottom:0;
	}
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active{
	background:none;

}
.navbar{
	background: var(--spotcolor1);
	padding: 2.0rem 9rem;
	height: 13rem;
}
.navbar .border-pattern{
  background: url('../img/pattern-navbar.png');
  background-position: center;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.6rem;
  height: 1rem;
}
.top-nav-collapse {
	padding: 1.0rem 0;
}
.navbar-brand{
	height: auto;
	margin-left: 0;
	padding:0 1.5rem;
	transition: var(--theme-transition);
}
@media (max-width: 1024px){
	.navbar-brand{
		height:5.0rem;
		margin-left: 0;
		padding:0 3rem;
	}
}
.navbar-brand a{
	overflow:visible;
	color: var(--black);
	font-family: var(--theme-font-2);
	font-size: var(--font-sm);
	font-weight: 600;
}
@media (max-width:911px){
	.navbar-brand a{
		overflow:visible;
		font-size: var(--font-sm);
		font-weight: 600;
		line-height: 4rem;
	}
}
body.systempage .navbar-brand a{
	color: var(--spotcolor1);
}
.navbar-brand a img,
.navbar-brand a svg{
	width: 12.2rem;
  height: auto;
}
@media (max-width: 480px){
	.navbar-brand a{
		height: 5rem;
		overflow: visible;
		font-size: var(--font-sm);
	}
	.navbar-brand a img{

	}
}
@media (max-width: 400px){
	.navbar-brand a img{
    margin-top: 0.8rem;
	}
}
.navbar-default .invisible{
	display: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border: 0;
	position: absolute;
	right: 6rem;
	top: 50%;
	transform: translateY(-50%);
}
/* NAV MAIN UL*/
.navbar ul.level_1{
	list-style-type:none;
	float:right;
	margin:0;
}
.navbar ul.level_1 li{
	float: left;
	line-height: 3rem;
	display: inline-block;
}
@media (max-width: 1010px){
	.navbar ul.level_1 li{
		padding:1.0rem 0;
	}
}
 .modal-body ul.level_1 li::before{
  display: none;
}
.navbar ul.level_1 li a {
	line-height: 3rem;
	font-weight: 600;
	font-size: var(--font-s);
	padding: 1.5rem;
	position: relative;
	z-index: 1;
  color: var(--white);
  transition: var(--theme-transition);
  text-decoration: none;
}
@media (max-width: 1010px){
	.navbar ul.level_1 li a{
	padding: 1.0rem 1.5rem;
	}
}
.navbar ul.level_1 li a.active {
	color: var(--spotcolor1);
}
.navbar ul.level_1 li a::after{
	color: var(--white);
	transition: var(--theme-transition);
	text-decoration: none;
}
.navbar ul.level_1 li a:hover{
	color: var(--subcolor1);
}
.navbar ul.level_1 li.active span{
	padding: 1.3rem 1.5rem;
	font-weight: 600;
	font-size: var(--font-s);
  color: var(--subcolor1);
}
.navbar ul.level_1 li.last span{
	padding: 1.5rem;
	font-size: var(--font-s);
	font-weight: 600;
}
.navbar ul.level_1 li a:active{
	color: var(--spotcolor1);
	text-decoration: none;
	transition: var(--theme-transition);
}
.navbar ul.level_1 li.active span{
	color: var(--subcolor1);
	font-size: var(--font-s);
}
@media (max-width: 1010px){
	.navbar ul.level_1 li.active span{
		padding: 1.0rem 1.5rem;
	}
}
/* --- MOBILE NAV MEDIUM SCREENS --- */
@media (max-width: 1010px) {
	.navbar-header {
		  float: none;
		}
	.navbar-left,.navbar-right {
      float: none !important;
	}
	.navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
      display: none!important;
	}
	.navbar-nav {
      float: none!important;
      margin-top: 0.75rem;
	}
	.navbar-nav>li {
      float: none;
	}
	.navbar-nav>li>a {
      padding-top: 1.0rem;
      padding-bottom: 1.0rem;
	}
	.collapse.in{
      display: block!important;
	}
	.navbar-collapse{
		height:100%;
	}
	.navbar-default{
		border: 0;
		overflow: display;
	}
	button.navbar-toggle{
		min-width:2.2rem;
	}
	.navbar-default .navbar-toggle{
		border:0;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:active,
	.navbar-default .navbar-toggle:focus{
		background:var(--spotcolor1);

	}
	.navbar{
		padding: 1.6rem 0;
	}
	.top-nav-collapse {
		padding: 2.0rem 0;
	}
	/* MENU ICON */
	.navbar-default .navbar-toggle{
		margin-right: 2rem;
		margin-top: 0.7rem;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: var(--white);
		height:0.3rem;
		transition: var(--theme-transition);
	}
	.navbar-default .navbar-toggle:hover .icon-bar-mid{
		margin:0.8rem 0;
		transition: var(--theme-transition);
		height: 0.3rem;
	}
	/* FULL SCREEN MOBILE MODAL NAV*/
	.fullscreen .modal-dialog {
		margin: 0 0 0 0;
		width: 100%;
		height: 100%;
		min-height: 100%;
		padding: 0;
		color: var(--black);
	}
	button.close{
		height: 3.0rem;
		min-width: 2.0rem;
		padding-top: 2.0rem;
		padding: 2.3rem;
		background-image: url('../img/icon/system/close.png')!important;
		background-position: center center;
		background-repeat: no-repeat;
		opacity: 1;
	}
	button.close:hover{
		opacity: 0.8;
		border: 0;
	}
	#menuModal{
		padding-right:0!important;
	}
	.modal-body{
		margin-top:2.0rem;
	}
	.fullscreen .modal-content {
		height: 100%;
		min-height: 100%;
		border-radius: 0;
		color: var(--white);
		background: var(--spotcolor2);
		overflow: auto;
	}
	/* ----- MODAL MOBILE MAIN NAV----- */
  .modal-body{
    text-align: center;
  }
	.modal-body div.mod_search {
		width: 17.0rem;
		margin: 0 auto;
		margin-bottom: 4.0rem;
		height: 4.0rem;
    float: none;
	}
  .modal-body div.mod_search label{
    display: none;
  }
  .modal-body div.mod_search .widget-text{
    max-resolution: -1px;
  }
  .modal-body div.mod_search .widget-submit button{
    background-color: var(--white);
  }
	.fullscreen .modal-body ul.level_1  {
		padding: 0;
		list-style-type: none;
		text-align: center;
		width: 100%;
	}
	.fullscreen .modal-body ul.level_1  li {
		padding: 1.0rem 0 1.0rem 0 ;
		width: 100%;
	}
	.fullscreen .modal-body a,
	.fullscreen .modal-body li.active span {
		color: var(--white);
		font-size: var(--font-m);
		line-height: 5.0rem;
		font-weight: 600;
	}
	.fullscreen .modal-body ul.level_1 >li>a:hover,
	.fullscreen .modal-body ul.level_1  li a.active,
	.fullscreen .modal-body ul.level_1  li a:hover
	{
		text-decoration: none;
		transition:all var(--theme-transition);
	}
	.fullscreen .modal-body ul.level_1  li.active span{
		color: var(--subcolor1);
		text-decoration: none;
	}
}
/* --- MOBILE NAV SMALL SCREENS --- */
@media (max-width: 480px){
		.fullscreen .modal-body a.invisible {
			display:none;
		}
		.fullscreen .modal-body ul {
			padding: 0;
			overflow: auto;
		}
		.fullscreen .modal-body li {
			padding: 4px 0 4px 0 ;
		}
		div.hero-img-container{
			overflow:hidden;
			height:25.0rem;
		}
}
/* ------------------------------ CONTAINER ----------------------------*/
#header .mod_article{
	padding: 0;
  margin: 0;
}
.mod_article{
	padding: 0 9rem;
	overflow: hidden;
}
@media (max-width: 1024px){
	.mod_article{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}
@media (max-width: 768px){
	.mod_article{
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding: 0 6rem;
	}
}
@media (max-width: 500px){
	.mod_article{
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding: 0 2rem;
	}
}
body.systempage	.mod_article{
		margin-bottom: 6rem;
}
/* ------------------------------ CONTRACT PAGES ------------------------------ */
.body-contract .ce_text{

}
.body-contract h1{
  margin-top: 2rem;
  text-align: center;
}
.body-contract h1:after{
  margin: 2rem auto;
}
.body-contract h3{
	font-size: var(--font-m);
	line-height: 3.4rem;
	margin-top: 3rem;
}
.body-contract h5{
	font-size: var(--font-m);
	line-height: 2.4rem;
	margin-top: 3rem;
}
.body-contract .formbody{
  width: 100%;
}
.section-highlight{
	background-color: var(--bodybackground);
	border-top: 1px solid var(--lightgrey);
	padding: 3rem;
	margin: 5rem 0;
}
.section-highlight H2{
	font-size: var(--font-l);
	background-color: var(--bodybackground);
	text-align: center;
	background-repeat: no-repeat;
}
/* ------------------------------ FOOTER ------------------------------ */
#footer{
	background-color: var(--black);
	padding-top: 3rem;
}
#footer p{
  color: var(--lightgrey);
  font-size: var(--font-sm);
  line-height: 3.1rem;
}
.footer_navigations_container .left{
	float: left;
	width: 50%;
}
.footer_navigations_container .left ul,
.footer_navigations_container .right ul{
	padding-left: 0;
}
.footer_navigations_container .right{
	float: right;
	width: 50%;
	text-align: left;
}
.footer_navigations_container .angemeldet{
	color: var(--white);
}
.footer_navigations_container .footer-col .login-link a,
.footer_navigations_container .footer-col .angemeldet a,
.footer_navigations_container .newsletter-link a{
	display: inline-block;
	font-size: var(--font-s)!important;
	font-weight: bold;
	height: 4.0rem;
	line-height: 3.6rem!important;
	text-align: center;
	background: var(--spotcolor1);
	color: var(--white)!important;
	border: 0.2rem solid var(--spotcolor1);
	min-width: 16.0rem;
	padding: 0 1.0rem;
	transition: var(--theme-transition);
	margin: 0 0 1.5rem 0;
	border-radius: var(--theme-radius);
}
.footer_navigations_container .newsletter-link a{
  background: transparent;
}
.footer_navigations_container .newsletter-link a:hover{
  background: var(--spotcolor1);
}
.footer_navigations_container .login-link a:hover,
.footer_navigations_container .angemeldet a:hover{
	color: var(--spotcolor1);
	background: transparent;
	transition: all var(--theme-transition);
	text-decoration: none;
}
.footer_navigations_container .angemeldet .username{
	font-weight: 600;
}
.footer_navigations_container{
	padding:0 9rem;
}
@media (max-width: 1010px) {
	.footer_navigations_container{
		padding:0 6rem;
	}
}
@media (max-width: 549px) {
	.footer_navigations_container{
		padding:0 2rem;
	}
}
.footer_navigations_container h5{
	color: var(--lightgrey);
}
.footer_navigations_container .footer-col{
	width: 20%;
	float: left;
}
@media (max-width: 1010px) {
	.footer_navigations_container .footer-col{
		width: 50%;
		float: left;
		margin-bottom: 2rem;
	}
}
@media (max-width: 549px) {
	.footer_navigations_container .footer-col{
		width: 100%;
		float: none;
		margin-bottom: 4rem;
	}
}
.footer_navigations_container .footer-col ul{
	padding-left: 0;
}
.footer_navigations_container .footer-col ul li{
	margin-bottom: 0.5rem;
}
.footer_navigations_container .footer-col ul.certified li{
	margin-bottom: 2rem;
}
.footer_navigations_container .footer-col a{
	font-size: var(--font-m);
	color: var(--lightgrey);
	transition: all 0.2s;
	line-height: 3rem;
}
.footer_navigations_container .footer-col a:hover{
	text-decoration: none;
	color: var(--white);
}
	.footer-col .invisible{
		display: none;
	}
	.footer-col ul.level_1{
		float: none;
	}
	.footer-col ul.level_1 li{
		float: none;
		display: block;
	}
	.footer-col ul.level_1 li a{
		padding:0 0.8rem;
		color:var(--lightgrey);
		font-size: var(--font-sm);
		line-height:2.1rem;
		font-weight:400;
		border-right:0;
	}
	.footer-col ul.level_1 li a:hover{
		color:var(--white);
		text-decoration:none;
		font-size:1.8rem;
		font-weight:400;
	}
	.footer-col ul.level_1 li.active span{
		color:var(--white);
		text-decoration:none;
		border:0;
		font-size:1.8rem;
		font-weight:400;
		padding: 0;
		padding-left: 1rem;
	}

@media (max-width: 549px) {
	.footer_navigations_container .footer-col ul{
		text-align: center;
	}
	.footer_navigations_container .footer-col ul li a{
		line-height: 3rem;
	}
	.footer_navigations_container h5{
		text-align: center;
	}
}
.footer_navigations_container .footer-col ul.partner li {
	margin-bottom: 2rem;
}
/* --- TOP LINK --- */
 #footer .top-link {
	bottom: 2.5rem;
	position: fixed;
	right: 2.5rem;
	z-index: 5;
}
#footer .top-link span{
	margin-top: 1.5rem;
	color: var(--black);
	text-align:center;
}
#footer .top-link > a {
	background-color: var(--spotcolor1);
	background-image: url('../img/icon/system/top-link.png');
	background-position: center center;
	background-repeat: no-repeat;
	color: var(--black);
	display: block;
	font-size: var(--font-s);
	height: 4.5rem;
	text-align: center;
	width: 4.5rem;
	padding: 1.0rem;
	text-decoration: none;
	border: 0.2rem solid var(--spotcolor1);
	transition: var(--theme-transition);
	box-shadow: var(--box-shadow);
	border-radius: var(--theme-radius);
}
#footer .top-link > a:hover {
	background-image:url('../img/icon/system/top-link-hover.png');
	background-position:center center;
	font-size: var(--font-s);
	background-repeat:no-repeat;
	background-color:var(--white);
}
#footer .top-link > a:active {
	background: var(--spotcolor1);
	font-size: var(--font-s);
	background-image:url('../img/icon/system/top-link-hover.png');
	background-position:center center;
	background-repeat:no-repeat;
	box-shadow: var(--box-shadow);
}

/*------ ACCORDION -----*/

div.ui-accordion-header {
  border-bottom:1px solid #d8d8d8;
  position: relative;
  overflow: hidden;
}

.ui-accordion-header{
  line-height:7.0rem;
  font-size: var(--font-m);
  font-weight: 600;
  transition: all .3s ease-out;
  cursor: pointer;padding: 0 1rem;
}
.ui-accordion-header:hover{
  border-color: var(--spotcolor1);
  background: var(--bodybackground);
}
.ui-accordion-header:focus{
  outline: 0;
  border-color: var(--spotcolor1);
}
.ui-accordion-header span{
  background: url("../img/icon/system/right-orange.png") no-repeat center;
  height: 90px;
  width: 40px;
  float:right;
  transition:all var(--theme-radius);
}
.ui-accordion-header-active span{
  transform: rotate(90deg);
}
div.ui-accordion-content{
  padding: 4.0rem 2rem;
  background: var(--bodybackground);
}

div.ui-accordion-content h3{
  margin-bottom:3.0rem;
}

div.ui-accordion-content .job-contact-box h5{
  margin-top:0;
  line-height:2.5rem;
}