/* CSS Document */


/* ----------------------------- FROM ORIGINAL, BUT MODIFIED ----------------------------- */



@font-face {
  font-family: 'ITC Franklin Gothic Std';
  font-style: normal;
  font-weight: 400;
  src: 
       url('assets/fonts/ITCFranklinGothicStd-Book.woff') format('woff'),
       url('assets/fonts/ITCFranklinGothicStd-Book.ttf') format('ttf'),
       url('assets/fonts/ITCFranklinGothicStd-Book.eot') format('eot');
}

@font-face {
  font-family: 'ITC Franklin Gothic Std';
  font-style: normal;
  font-weight: 700;
  src: 
       url('assets/fonts/ITCFranklinGothicStd-Demi.woff') format('woff'),
       url('assets/fonts/ITCFranklinGothicStd-Demi.ttf') format('ttf'),
       url('assets/fonts/ITCFranklinGothicStd-Demi.eot') format('eot');
}

@font-face {
  font-family: 'ITC Franklin Gothic Std';
  font-style: normal;
  font-weight: 900;
  src: 
       url('assets/fonts/ITCFranklinGothicStd-Hvy.woff') format('woff'),
       url('assets/fonts/ITCFranklinGothicStd-Hvy.ttf') format('ttf'),
       url('assets/fonts/ITCFranklinGothicStd-Hvy.eot') format('eot');
}

body { padding-right: 0 !important }

.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-heavy {
    font-weight: 900 !important;
}

:root {
  --color-primary: #4762ff;
  --color-secondary: #ff6363;
  --color-tertiary: #ac1de1;
  --color-gradient-start: #bfa96d;
  --color-gradient-stop: #ab9454;
  --color-gradient-start-secondary: #0bccee;
  --color-gradient-stop-secondary: #ac1de1;
  --color-gradient-start-tertiary: #ffba83;
  --color-gradient-stop-tertiary: #ffa5cd;
  
  --color-tssgold: #998242;
  --color-tssturquoise: #49b1bb;
  --color-tssturquoise-light: #998242;

}

#content {background-color:#393939}
.row {
 margin-left:0px !important;
 margin-right:0px !important;
}

.row-equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row-equal-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.fancy-box {
	display: flex;
	flex-direction: column;
}
.fancy-box-contents {
	flex-grow: 1;
}

.btn {width:fit-content;}

.bg-tssgold { background: var(--color-tssgold); }
.text-tssgold { color: var(--color-tssgold); }

.border-tssgold { border-color: var(--color-tssgold); }

.bg-tssturquoise { background: var(--color-tssturquoise) !important; }
.bg-orange { background: #c56f1f !important; }
1f
.text-tssturquoise { color: var(--color-tssturquoise); }
.border-tssturquoise { border-color: var(--color-tssturquoise) !important; }

.text-red {color:red !important;}


.btn-processdonation {background-color:var(--color-tssturquoise);}
.btn-processdonation:hover {cursor:pointer;}
.btn-processdonation.inactive {background-color:rgba(0, 0, 0, 0.2) !important;}
.btn-processdonation.inactive:hover {cursor:text;}

.text_einleitung a {color:var(--color-tssgold);}


.c_header-businessUnitName {
	font-family: 'ITC Franklin Gothic Std Book', sans-serif;
	height: 21px;
	text-align: left;
	position: relative;
	border-left: 1px solid #998242;
	padding-left: 20px;
	top: 39px;
	margin-left: 20px;
	color: #fff;
	font-size: 16px;
	min-width: 160px;
}

.c_header-businessUnitName:hover {
	color:#fff;
	
}


.team-pullup {
	margin-top: -129px;
}

.main-nav > li > a {
    padding-bottom: 14px;
}


.modal-content {
    background-color: #f4f5f8;
}
.modal-content p a {
    color: var(--color-tssgold);
}
.modal-content p a:hover {
    color: var(--color-tssgold);
	text-decoration:underline;
}

a.remove.ld-cart-product-remove:hover {
	border-color: red;
	background-color: red;
	color: #fff !important;
}
.ld-cart-product:hover .ld-cart-product-remove {
	opacity: 1;
	visibility: visible;
}
a.remove.ld-cart-product-remove {
	font-size: 18px;
	color: #000 !important;
	visibility: visible;
}
a.remove.ld-cart-product-remove {
	display: -webkit-inline-box;
	display: inline-flex;
	width: 20px;
	height: 20px;
	border: 1px solid var(--color-tssturquoise);
	border-radius: 50em;
	position: absolute;
	top: 0;
	right: 37px;
	left:auto;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 18px;
	color: var(--color-tssturquoise) !important;
	
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


.accordion-active-has-fill .active .accordion-title a {
  background-color: var(--color-tssgold);
  color: #fff;
}

.bg-ebony-clay {
  background: var(--color-tssgold) !important;
}

.iconbox-filled-hover.iconbox-light-onhover:hover .iconbox-icon-container {
  color: var(--color-tssgold) !important;
}

.cb-subtitle {
  display: inline-block;
  padding: 3px 10px;
  margin-bottom: 10px;
  background-color: var(--color-tssgold) !important;
  font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 1460px) {
  .fancy-box-overlay.tall.spendenbereich {
    padding-bottom: 67%;
  }
}


.accordion-title a:hover {
  background-color: rgba(230,215,176,0.2);
  
}
.accordion-title-underlined .accordion-expander {
  right: 30px;
}


.iconbox-filled-hover.iconbox-light-onhover.box_1:hover h3, .iconbox-filled-hover.iconbox-light-onhover.box_2:hover h3, .iconbox-filled-hover.iconbox-light-onhover.box_3:hover h3 {
  color: #fff !important;
}
.box_1:hover, .box_2:hover, .box_3:hover {
  color: #fff !important;
}

.box_1:before {background-image: url('../../assets/images/foerderbereiche/2626_AdobeStock_315996404_Nikolauspflege.jpg') !important; }
.box_2:before {background-image: url('../../assets/images/foerderbereiche/AdobeStock_495936151.jpg') !important; }
.box_3:before {background-image: url('../../assets/images/foerderbereiche/4727_gabin-vallet-J154nEkpzlQ-unsplash-small.jpg') !important; }


.box_1:hover:before, .box_2:hover:before, .box_3:hover:before {
	background-color: var(--color-tssgold) !important;
}
.box_1:hover .contents, .box_2:hover .contents, .box_3:hover .contents {
visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.15s, opacity 0.15s linear;
}
.box_1:hover i, .box_2:hover i, .box_3:hover i {
visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.15s, opacity 0.15s linear;
}



.round-top {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.round-bottom {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.submitproject_wrapper {
	background: var(--color-tssturquoise);
	color: #fff;
	padding:0px 10px;
	height: 46px;
	position: fixed;
	right: -77px;
	z-index: 999;
	text-align: center;
	top: calc(50% - 23px);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	transition: all 0.3s;
	white-space:nowrap;
}
.submitproject_wrapper:hover {
	right:-70px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}
.submitproject_wrapper a {color:#fff;}
.submitproject_wrapper a:hover {color:#fff;}

.feedbackmodal .modal-content {height:100%}
.feedbackiframe {width:100%;}

.btn:hover {
	background-color: var(--color-tssturquoise);
	color:#fff;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}

.btn-tssgold:hover {
	background-color: var(--color-tssgold);
		color:#fff;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);

}

.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

}
.modal-header {
    padding: 0;
    border-bottom: none;
}

.modal a.closebutton {
    color:#000;
	border-color:#000;
    position: absolute;
	top: 15px;
	right: 15px;
}

.modal a.closebutton .btn-icon {background-color:#fff;}
.modal a.closebutton:hover {
    color:#000;
	transform:none !important;
}

.btn-continue:hover {cursor:pointer}

.modal.modal-recab a.closebutton {
    position: absolute;
	top: -40px;
	right: -40px;
}

.titlebar-sm .titlebar-inner {
	padding-top: 25px;
	padding-bottom: 25px;
}

/*.headerimage_projekte {width:600px;max-width:50%}*/

.btn.btn-openCart:hover {
    background-color: var(--color-tssgold);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
    color: #fff !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}

.ld-module-cart .ld-module-trigger.btn.btn-openCart:hover > span.ld-module-trigger-count {
    color: #fff;
}


.contact-form select, .contact-form input, .contact-form textarea, .contact-form .ui-selectmenu-button {
    padding-left: 1em;
    padding-right: 1em;

}

.contact-form .themen_checkbox_wrapper{
    margin-bottom:10px;
	display:flex;
}


.contact-form .themen_checkbox_wrapper label {
    vertical-align:middle
}

.contact-form .themen_checkbox_wrapper p {
    margin-bottom:0;
}

.contact-form .themen_checkbox_wrapper input.error {
    border:none;
	outline:none
}
.contact-form p.error {
    color: red;
	margin-top: 17px;
}

.contact-form .themen_checkbox_wrapper input[type="radio"], .contact-form .themen_checkbox_wrapper input[type="checkbox"] {
    margin-bottom: 0;
	margin-right: 1rem;
}


.map_marker {

    background-color: var(--color-tssgold);

}
.map_marker div {

    background-color: var(--color-tssgold);

}

body {
  font-family: 'ITC Franklin Gothic Std Book', sans-serif;
  font-size: 16px;
  line-height: 1.9em;
  color: #060221;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6 .h6 {
  font-family: 'ITC Franklin Gothic Std Book', sans-serif;
  color: #060221;
  padding:0;
}

.h1,
h1 {
  font-size: 50px;
  line-height: 1.4em;
}

.h2,
h2 {
  font-size: 44px;
  line-height: 1.4;
  letter-spacing: 0;
}

.h3,
h3 {
  font-size: 32px;
  line-height: 1.5em;
}

.h4,
h4 {
  font-size: 26px;
  line-height: 1.6em;
}

.h5,
h5 {
  font-size: 20px;
  line-height: 1.6em;
}

.h6,
h6 {
  font-size: 18px;
  line-height: 1.8;
}

.font-family-roboto {
  font-family: 'Roboto', sans-serif;
}

.font-family-amiri {
  font-family: 'Amiri', sans-serif;
}

.main-header .social-icon {
  font-size: 17px;
}

.navbar-brand {
  padding: 17px 0;
}

.navbar-brand img {height:61px; }

.main-header-overlay {
    height:96px;
	background-color:#393939;
}

section#start {margin-top:94px}

.ld-cart-contents {
    width: 100%;
    height: 100%;
    padding: 25px 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
}



.ld-module-cart .ld-module-trigger.btn > span {
    padding: 0em 2.1em;
	height:50px;
	flex-flow: nowrap;
	text-align:center;
}

.ld-module-cart .ld-module-trigger.btn > span {
    padding: 0em 2.1em;
	height:50px;
	flex-flow: nowrap;
	text-align:center;
}

.ld-module-cart .ld-module-trigger.btn:hover > span.ld-module-trigger-count {
    color: #000;
}

.ld-module-trigger-count {
    display: -webkit-inline-box;
    display: inline-flex;
    width: auto;
    height: 18px;
    margin-left: 5px;
    color: white;
	background-color: transparent;
    border-radius: 50em;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
}

.ld-cart-contents .rangeslider--horizontal {
    height: 10px;
    width: 100%;
	margin-top:10px;
}

.ld-cart-contents .rangeslider__handle {
    width: 20px;
    height: 20px;
}
.ld-cart-contents  .rangeslider--horizontal .rangeslider__handle {
	top: -5px;

}


.liquid-progressbar-inner.animatethis > span {
  
  background-image: linear-gradient(
    center bottom,
    rgb(43, 194, 83) 37%,
    rgb(84, 240, 84) 69%
  );

  position: relative;
  /*overflow: hidden;*/
}
.liquid-progressbar-inner.animatethis > span:after,
.animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 3s linear infinite;
  overflow: hidden;
}

.animate > span:after {
  display: none;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}



.rowspendenprojekte {
	padding:0 10%
	}

.openProjekt:hover {cursor:pointer;}
.fancy-box-classes .fancy-box-contents {
	border-bottom: 1px solid #e7e9ef;
	padding:25px;
}
.fancy-box-classes .fancy-box-footer {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 1.0625em 25px;
}

.fancy-box-classes .fancy-box-icon {
	display: inline-block;
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
	opacity: 1;
	color: white;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.fancy-box-classes:hover .fancy-box-icon {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.fancy-box-classes .trainer {
    font-size: 0.8125em;
    color: #333;
}

.fancy-box-classes .fancy-box-footer h6 {
	margin:0	
}

.spenden-image-caption {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%
	
	}
.liquid-counter {
    margin-bottom: 0px;
	display:block;
}

.liquid-progressbar-round .liquid-progressbar-inner {
	border-radius: 0px;
}


#projektmodal .modal-dialog {
	width: 80%;
	margin: 30px auto;
}


.spendenform {
	border-top: 1px solid #ccc;
	padding-top: 21px;
	}

.projekt_subheader {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 15px;
	display:flex;
	display: -webkit-box !important;
}

.projekt_subheader span, .projekt_subheader a  {
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	color: rgba(0, 0, 0, 0.5);
}

.projekt_subheader a  {
	text-decoration:underline;
}
.projekt_subheader a:hover  {
	color: var(--color-tssgold);
}

.projekt_subheader i {
	font-size: 20px !important;
	top: 1px;
	position: relative;
	margin-right: 2px;
}

.rangeslider__fill {
	background: var(--color-tssgold);
    position: absolute;
}

.register_teaser_2 {
position: absolute;
top: -74px !important;
right: 30px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 180px;
}

@media screen and (min-width: 1200px) {
.main-nav > li, .main-nav > li > a {
	-webkit-box-align: flex-end;
	align-items: flex-end;
}
	section#start {min-height:50vh; max-height:600px;}
}
@media screen and (max-width: 1199px) {
	[data-mobile-header-scheme="gray"] .main-header .navbar-header {
		background-color: transparent !important;

	}
	
	section#start {margin-top:80px}
	
	.main-header-overlay {
		height: 81px;
		background-color: #393939;
	}
	
	.main-header .navbar-brand {
		padding: 15px 0;
	}
	
	.nav-trigger .bar {
   	 background-color: #fff;
	}
	
	#main-header-collapse-clone button {display: none;
	}
	
	[data-mobile-nav-style="modern"]::before {
		background-image: -webkit-gradient(linear, right bottom, left top, from(#393939), to(#393939));
		background-image: linear-gradient(to top left, #393939 0%, #393939 100%);
	}
	.navbar-brand img {
    height: 51px;
	}
	
	.c_header-businessUnitName {
		top: 31px;
	}


}



.main-header-overlay {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}

.mainbar-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
	background-color: #393939;
}
.is-stuck {
    background-color: rgba(57, 57, 57, 0.95);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
	  -webkit-animation: none;
    animation: none;
}

.main-nav > li > a {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color:  #fff !important;
}

.is-stuck .social-icon a, .is-stuck .header-module .ld-module-trigger, .is-stuck .main-nav > li > a {
    color:  #fff !important;
}
.is-stuck .social-icon a:hover, .is-stuck .main-nav > li > a:hover, .is-stuck .ld-module-search-visible-form .input-icon {
    color: var(--color-tssgold) !important;
}

.is-stuck .btn-white.btn-bordered:hover {
  border-color: #fff;
  background-color: #fff;
  color: #000 !important;
}


.main-nav > li.is-active > a,
.main-nav > li.current-menu-item > a,
.main-nav > li:hover > a,
.main-nav > li > a:hover {
  color: var(--color-tssgold) !important;
}

.main-nav > li:hover > a.btn-openCart,
.main-nav > li > a.btn-openCart:hover {
  color: #fff !important;
}



.noshadow {box-shadow:none !important}






.location_para_icon {
position: relative;
top: 0px !important;
left: -32px !important;
bottom: unset !important;
margin: 0 !important;
width: 138px;
	}
	
.location_para_image_1 {
position: absolute;
top: 76px !important;
right: 350px !important;
margin: 0 !important;
width: 300px;
	}
	
.location_para_image_2 {
position: absolute;
top: 210px !important;
right: 149px !important;
margin: 0 !important;
width: 200px;
bottom: unset !important;
left: unset !important;
	}
	
.location_para_image_3 {
position: absolute;
top: 300px !important;
right: 189px !important;
margin: 0 !important;
width: 250px;
bottom: unset !important;
left: unset !important;
	}
	
.text-anmeldung  { text-align:center}

.anmeldung_icon {
	position: absolute;
	top: 0px !important;
	right: -40px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 258px;
}
.programm_icon {
	position: absolute;
	top: -190px !important;
	right: 20px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 0;
	width: 188px;
	left: unset !important;
}

.text-podiumsdiskussion { text-align:right;}

.programm_para_1 {
	position: absolute;
	top: -200px !important;
	left: -159px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 248px;
}

.programm_para_2 {
position: relative;
top: 60px !important;
left: 0px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 288px;
}

.programm_para_3 {
position: absolute;
top: 430px !important;
right: -283px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 286px;

}

.programm_para_4 {
position: absolute;
top: 90px !important;
right: -265px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 258px;}

.einleitung_para_1 {
position: absolute;
top: -380px !important;
left: 229px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 288px;
}

.einleitung_para_2 {
position: absolute;
top: -41px !important;
left: 230px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 298px;
}

.einleitung_para_3 {
position: absolute;
top: 10px !important;
left: -42px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 308px;
}

.einleitung_para_4 {
position: absolute;
top: -210px !important;
left: 47px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 228px;
}

.classiccarlounge_icon {
position: absolute;
top: -320px !important;
left: -21px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 270px;
}


.themen_icon {
position: absolute;
top: -30px !important;
left: 568px  !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 258px;
}


.pt-95 { padding-top: 95px; }
.pb-95 { padding-bottom: 95px; }

.windrad {
position: absolute;
left: calc(50% - 479px);
top: 270px;
width: 270px;
}
.emobility {
position: absolute;
left: calc(50% - 270px);
top: 270px;
width: 270px;
}
.digitalisierung {
position: absolute;
left: calc(50% - 61px);
top: 270px;
width: 270px;
}

.termin {
position: absolute;
left: calc(50% - -208px);
top: 270px;
width: 270px;
}

.postconf-recap {
position: absolute;
left: calc(50% - 350px);
top: 270px;
width: 340px;
}

.postconf-login {
position: absolute;
left: calc(50% + 10px);
top: 270px;
width: 340px;
}





.icon_nachhaltigkeit {position: absolute;top: 57px;left: -271px; z-index:1;}

.icon_elektrifizierung {
    position: absolute;
    top: 57px;
    left: inherit;
    right: -271px;
    z-index: 1;
}


.smilingfaceslogo {
 /* position: relative;
  left: 510px;
  top: 120px;*/
  width: 450px;
	margin-bottom: -150px !important; z-index: 99
}
.tenyearslogo {
 /* position: relative;
  left: 510px;
  top: 120px;*/
  width: 300px;
}

.liquid-img-group-container.tenyearslogo {
  margin-bottom:0px;
}

.sealingtext {position: relative;left:100px;top:-60px;}
.sealingbutton {top:-60px;}

.logo_mobile {display:none;}
.logo_tablet {display:none;}
.logo_desktop {display:block;}


.block_elektrifizierung_xs {
	display:none !important;

}
.block_elektrifizierung_md {
	display:flex !important;
}



.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}










.main-footer {
  color: #828282;
}

.main-footer a:not(.btn) {
  color: #828282;
}

.main-footer a:not(.btn):hover {
  color: #fff;
}

.bg-charade { background:#393939 !important;}

.social-icon.scheme-gray a {
  color: #828282;
}
.social-icon.scheme-gray.semi-round a, .social-icon.scheme-gray.round a, .social-icon.scheme-gray.square a, .social-icon.scheme-gray.circle a {
  background-color: #525252;
}

.contact-form-inputs-filled select, .contact-form-inputs-filled input, .contact-form-inputs-filled textarea, .contact-form-inputs-filled .ui-selectmenu-button {
    border: none;
    background-color: #f4f5f8;
}

.contact-form select, .contact-form input, .contact-form textarea, .contact-form .ui-selectmenu-button {
    color: #181b31;
}
.contact-form select:focus, .contact-form input:focus, .contact-form textarea:focus, .contact-form .ui-selectmenu-button:focus {
    color: #181b31;
}

.input-checkbox {margin-bottom:0;}

.contact-form-inputs-filled select.error, .contact-form-inputs-filled input.error, .contact-form-inputs-filled textarea.error, .contact-form-inputs-filled .ui-selectmenu-button.error {
    border: 1px solid red;
}
.contact-form-inputs-filled .input-checkbox.error {
    outline: 1px solid red;
}


.contact-form i.selecticon {
    display: inline-block;
    position: absolute;
    top: 39%;
    z-index: 2;
    right: calc(1em + 17px);
	left:unset;
    margin-top: 0px;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.contact-form label.error {
	font-weight: inherit;
	margin-right: 0;
	color:red;
	margin-top: 0;
	padding-top: 0;
	position: absolute;
	top: 11px;
	right: 23px;
}

.contact-form-inputs-filled button:disabled {
    border: none;
    background-color: #f4f5f8;
	color:#ccc;
	box-shadow:none;
}

.contact-form input[type="submit"], .contact-form button[type="submit"] {
	background-color: var(--color-tssturquoise) !important;
	}
.contact-form-result {
	border:1px solid var(--color-tssturquoise)
}

.contact-form button:disabled {
    background-color:#ddd !important;
}

.contact-form button i {
    display: block;
    position: relative;
    top: 5px;
    z-index: 2;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    font-size: 17px;
    line-height: 17px;
    
	left: inherit;
	margin-top:0;
}

.alx-canvas {
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
    top: 0;
    left: 0;
}
.fancy-box-overlay.tall {
    padding-bottom: 50%;
}
.fancy-box-overlay.tall_zeichnungen {
    padding-bottom: 100%;
}

.fancy-box-overlay.tall_zeichnungen .fancy-box-contents {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}


.bg-gradient-black-transparent-bt {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent)) !important;
    background: linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%, transparent 40%) !important;
}
.liquid-milestone {
    margin-bottom: 0.4em;
}
.liquid-milestone .liquid-milestone-time {
    font-size: 20px;
	margin-top:6px;
    line-height: 0.75em;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--color-tssturquoise);
}

.liquid-milestone h5 {
    
    line-height: 1.4em;
}


.liquid-img-group-browser .liquid-img-group-img-container::before {
    content: none;
    display: inline-block;
    width: 100%;
    padding-top: 0;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: none;
    background-position: center top;
}

.recapplayicon {
	position: absolute;
	top: calc(50% - 27px);
	right: calc(50% - 27px);
	z-index: 9999;
	opacity: 1;
}

.fancy-box-classes {border: 1px solid #eee;}




.tabs-nav-active-underlined .tabs-nav li::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 0;
    pointer-events: none;
    background-color: var(--color-tssturquoise);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

.navbutton_2 {display:none !important; margin-bottom: -3px !important;}
.navbutton_2 a:hover {
		
		-webkit-transform: translate(0, -2px);
		transform: translate(0, -2px);
		}
@media screen and (max-width: 1199px) {
.navbutton_2 {display:flex !important; }
}

@media screen and (min-width: 1200px) and (max-width: 1330px) {
.c_header-businessUnitName {display:none !important; }
}



@media screen and (max-width: 1460px) {
	.nav > li {margin-left:0px;}
	.sealingtext {position: relative;left:0;top:0px;}	
	/*.navbutton { display:none !important}*/
section#start {min-height:50vh; max-height:600px;}
	
.windrad {
position: absolute;
left: calc(50% - 479px);
top: 270px;
width: 270px;
}
.emobility {
position: absolute;
left: calc(50% - 270px);
top: 270px;
width: 270px;
}
.digitalisierung {
position: absolute;
left: calc(50% - 61px);
top: 270px;
width: 270px;
}

.termin {
position: absolute;
left: calc(50% - -208px);
top: 270px;
width: 270px;
}

.postconf-recap {
position: absolute;
left: calc(50% - 350px);
top: 270px;
width: 340px;
}

.postconf-login {
position: absolute;
left: calc(50% + 10px);
top: 270px;
width: 340px;
}

.fancy-box-overlay.tall {
    padding-bottom: 75%;
}

}


@media screen and (max-width: 1200px) { 
section#start {min-height:50vh; max-height:600px;}
.smilingfaceslogo {/*position: relative;left:470px;top:120px; */width:450px;margin-bottom: -150px !important; z-index: 99}
.tenyearslogo {width:250px;}
.rowspendenprojekte {
	padding:0 10%
	}	
	
	
	.logo_mobile {display:none;}
	.logo_tablet {display:block;}
	.logo_desktop {display:none;}



	.windrad {
position: absolute;
left: calc(50% - 479px);
top: 270px;
width: 270px;
}
.emobility {
position: absolute;
left: calc(50% - 270px);
top: 270px;
width: 270px;
}
.digitalisierung {
position: absolute;
left: calc(50% - 61px);
top: 270px;
width: 270px;
}

.termin {
position: absolute;
left: calc(50% - -208px);
top: 270px;
width: 270px;
}

.postconf-recap {
position: absolute;
left: calc(50% - 350px);
top: 270px;
width: 340px;
}

.postconf-login {
position: absolute;
left: calc(50% + 10px);
top: 270px;
width: 340px;
}
	
	
	
.einleitung_para_1 {
position: absolute;
top: -439px !important;
left: 180px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 288px;
}

.einleitung_para_2 {
position: absolute;
top: 60px !important;
left: 223px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 248px;
}

.einleitung_para_3 {
position: absolute;
top: -120px !important;
left: -108px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 338px;
}

.einleitung_para_4 {
position: absolute;
top: -190px !important;
left: 196px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 218px;
}

.classiccarlounge_icon {
position: absolute;
top: -370px !important;
left: -70px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 280px;
}
	
.themen_icon {
position: absolute;
top: -30px !important;
left: 420px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 258px;
}	


.programm_para_1 {
position: absolute;
top: -211px !important;
left: -9px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 238px;
}
.programm_para_2 {
    position: relative;
    top: 60px !important;
    left: 0px !important;
    bottom: unset !important;
    margin: 0 !important;
    z-index: 1;
    width: 272px;
}
.programm_para_3 {
	position: absolute;
	top: 660px !important;
	right: inherit;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 178px;
	left: -180px;
}

.programm_para_4 {
position: absolute;
top: 570px !important;
left: -220px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 198px;
}

.pt-md-270 {padding-top:270px !important}


.location_para_image_1 {
position: absolute;
top: -40px !important;
left: unset !important;
margin: 0 !important;
width: 277px;
right: 300px !important;
}

.location_para_image_2 {
	position: absolute;
	top: 100px !important;
	left: unset !important;
	margin: 0 !important;
	width: 200px;
	bottom: unset !important;
	right: 90px !important;
}

.location_para_image_3 {
	position: absolute;
	top: 166px !important;
	left: unset !important;
	margin: 0 !important;
	width: 250px;
	right: 130px !important;
}

.anmeldung_icon {
position: absolute;
top: -60px !important;
right: -39px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 258px;
}

.text-anmeldung  { text-align:left}
}




@media screen and (max-width: 992px) and (min-width: 1px) {
.text-mobile-center {text-align:center;}
.navbar-header > * {
    -webkit-box-flex: 0;
    flex: auto;
}
}







@media screen and (max-width: 992px) { 
section#start {min-height:50vh; max-height:600px;}
.smilingfaceslogo {/*position: relative;left:360px;top:120px; */width:350px; margin-bottom: -150px !important; z-index: 99;}
.tenyearslogo {width:210px;}
.btn-submitspende {margin-top:30px;}
.rowspendenprojekte {
	padding:0 10%
	}	

    .content h3, .content .h3 {
        font-size: 18px;
    }
	
.logo_mobile {display:block;}
.logo_tablet {display:none;}
.logo_desktop {display:none;}


.register_teaser_2 {
position: absolute;
top: -24px !important;
right: 30px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 180px;
}


.fancy-box-overlay.tall {
    padding-bottom: 50%;
}

.content h4, .content .h4 {
    font-size: 22px;
}

.windrad {
position: absolute;
left: calc(50% - 391px);
top: 410px;
width: 230px;
}
.emobility {
position: absolute;
left: calc(50% - 231px);
top: 410px;
width: 230px;
}
.digitalisierung {
position: absolute;
left: calc(50% - 72px);
top: 410px;
width: 230px;
}

.termin {
position: absolute;
left: calc(50% - -158px);
top: 410px;
width: 230px;
}
.postconf-recap {
position: absolute;
left: calc(50% - 245px);
top: 410px;
width: 250px;}

.postconf-login {
position: absolute;
left: calc(50% + 20px);
top: 410px;
width: 250px;
}


/*.text_einleitung {margin-top:470px;}*/



.einleitung_para_1 {
position: absolute;
top: 137px !important;
left: 390px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 288px;
}

.einleitung_para_2 {
position: absolute;
top: -20px !important;
left: 223px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 248px;
}

.einleitung_para_3 {
position: absolute;
top: 126px !important;
left: 52px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 258px;
}

.einleitung_para_4 {
position: absolute;
top: -120px !important;
left: 476px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 218px;
}

.classiccarlounge_icon {
position: absolute;
top: 31px !important;
left: -50px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 260px;
}



.block_elektrifizierung_xs {
	display:flex !important;

}
.block_elektrifizierung_md {
	display:none !important;
}

.icon_nachhaltigkeit {
position: absolute;
top: -92px;
right:10px;
left:inherit;
z-index: 1;}


.icon_elektrifizierung {
position: absolute;
top: -92px;
left:10px;
right:inherit;
z-index: 1;}


.themen_icon {
	position: absolute;
	top: -30px !important;
	left: 549px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 258px;
}

.text-podiumsdiskussion { text-align:left;}

.programm_icon {
position: absolute;
top: -200px !important;
right: unset !important;
bottom: unset !important;
margin: 0 !important;
z-index: 0;
width: 188px;
left: 20px !important;
}






.programm_para_1 {
position: absolute;
top: -104px !important;
left: unset !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 208px;
right: 30px;
}
.programm_para_2 {
position: absolute;
top: 790px !important;
left: unset !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 272px;
right: 31px;
}

.programm_para_3 {
	position: absolute;
	top: 210px !important;
	right: -192px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 178px;
	left: unset !important;
}
.programm_para_4 {
	position: absolute;
	top: 10px !important;
	right: -255px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 258px;
	left: unset !important;
}
.location_para_icon {
    position: relative;
    top: 0px !important;
    left: -1px !important;
    bottom: unset !important;
    margin: 0 !important;
    width: 138px;
}

.pt-md-50 { padding-top:50px !important;}

.anmeldung_icon {
position: absolute;
top: -89px !important;
right: -10px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 258px;
}
.contact-form i.selecticon {
    top: 50%;
}


.location_para_image_1 {
position: absolute;
top: -40px !important;
left: unset !important;
margin: 0 !important;
width: 277px;
right: 260px !important;
}

.location_para_image_2 {
	position: absolute;
	top: 100px !important;
	left: unset !important;
	margin: 0 !important;
	width: 200px;
	bottom: unset !important;
	right: 50px !important;
}

.location_para_image_3 {
	position: absolute;
	top: 166px !important;
	left: unset !important;
	margin: 0 !important;
	width: 250px;
	right: 90px !important;
}

  .vc_row.pull-up {
    margin-top: -140px;
  }
}


.smilingfaceslogo_alt {display:none;}
.tenyearslogo_alt {display:none;}

@media screen and (max-width: 768px) { 

section#start {min-height:50vh; max-height:600px;}

  .vc_row.pull-up {
    margin-top: -30px;
  }

	
	
.slider_bg {background-image: url(../images/slider_hero/slider_hero_index_mobile_2025.jpg) !important}


.team-pullup {
    margin-top: -59px;
}

.register_teaser_2 {
position: absolute;
top: -24px !important;
right: 30px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 140px;
}

	#smilingfacesintrotext {padding-top:120px !important;}
#smilingfacesintrotext.pt-50, #smilingfacesintrotext .row.pt-50 {padding-top:0 !important;margin-top:-50px;}
#smilingfacesintrotext.pt-100, #smilingfacesintrotext .row.pt-100 {padding-top:0 !important;margin-top:-100px;}
.smilingfaceslogo {/*display:none;*/}
.tenyearslogo  {display:none;}
.smilingfaceslogo_alt {display: block;
position: relative;
top: -100px;
	width: 350px}
	
.tenyearslogo_alt  {display: block;
position: relative;
top: -100px;}


	
	
.rowspendenprojekte {
	padding:0 5%
	}	
	
.windrad {
display:none
}
.emobility {
display:none;
}
.digitalisierung {
display:none;
}

.termin {
position: absolute;
left: calc(50% - 115px);
top: 410px;
width: 230px;
}	

.postconf-recap {
position: absolute;
left: calc(50% - 245px);
top: 350px;
width: 250px;}

.postconf-login {
position: absolute;
left: calc(50% + 20px);
top: 350px;
width: 250px;
}




/*.text_einleitung {margin-top:624px;}*/

.einleitung_para_1 {
position: absolute;
top: 320px !important;
left: inherit !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 39%;
right: 1% !important;
}

.einleitung_para_2 {
position: absolute;
top: -20px !important;
left: inherit !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 239px;
right: -5% !important;
}

.einleitung_para_3 {
position: absolute;
top: 259px !important;
left: -18px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 47%;
}

.einleitung_para_4 {
position: absolute;
top: -45px !important;
left: 16px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 218px;
}

.classiccarlounge_icon {
position: absolute;
top: 190px !important;
left: 29% !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 50%;
}

.themen_icon {
	position: absolute;
	top: 90px !important;
	left: 491px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 258px;
}

.programm_icon {
    position: absolute;
    top: -21px !important;
    right: unset !important;
    bottom: unset !important;
    margin: 0 !important;
    z-index: 0;
    width: 138px;
    left: 10px !important;
}
.programm_para_1 {
position: absolute;
top: -104px !important;
left: unset !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 208px;
right: 30px;
}
.programm_para_2 {
position: absolute;
top: 790px !important;
left: unset !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 272px;
right: 31px;
}

.programm_para_3 {
	position: absolute;
	top: 210px !important;
	right: -192px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 178px;
	left: unset !important;
}
.programm_para_4 {
	position: absolute;
	top: 10px !important;
	right: -255px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 258px;
	left: unset !important;
}
.px-xs-5 {padding: 3rem;}
.pt-sm-150 { padding-top:150px !important;}
.pt-sm-50 { padding-top:50px !important;}



.location_para_image_1 {
    position: absolute;
    top: 0px !important;
    left: unset !important;
    margin: 0 !important;
    width: 230px;
    right: 210px !important;
}

.location_para_image_2 {
    position: absolute;
    top: 120px !important;
    left: unset !important;
    margin: 0 !important;
    width: 200px;
    bottom: unset !important;
    right: -3px !important;
}

.location_para_image_3 {
    position: absolute;
    top: 196px !important;
    left: unset !important;
    margin: 0 !important;
    width: 200px;
    right: 70px !important;
}

.anmeldung_icon {
	position: absolute;
	top: 80px !important;
	right: 0px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 258px;
}



}
@media screen and (max-width: 702px) { 
	.themen_icon {
		position: absolute;
		top: 90px !important;
		left: 405px !important;
		bottom: unset !important;
		margin: 0 !important;
		z-index: 1;
		width: 208px;
	}
}
@media screen and (max-width: 602px) { 
	.themen_icon {
		position: absolute;
		top: 90px !important;
		left: 373px !important;
		bottom: unset !important;
		margin: 0 !important;
		z-index: 1;
		width: 208px;
	}
}

@media screen and (max-width: 576px) { 

	section#start {min-height:50vh; max-height:600px;}
	
.rowspendenprojekte {
	padding:0 0%
	}	

/*.headerimage_projekte {display:none;}*/

.termin {
position: relative;
left: calc(50% - 115px);
top: 20px;
width: 230px;
}


.postconf-recap {
position: relative;
left: calc(50% - 125px);
top: 60px;
width: 250px;}

.postconf-login {
position: relative;
left: calc(50% - 125px);
top: 260px;
width: 250px;}




/*.text_einleitung {margin-top:550px;}*/



.einleitung_para_1 {
position: absolute;
top: 318px !important;
left: inherit !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 55%;
right: -3% !important;
}

.einleitung_para_2 {
position: absolute;
top: -20px !important;
left: inherit !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 55%;
right: -5% !important;
}

.einleitung_para_3 {
position: absolute;
top: 209px !important;
left: -18px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 52%;
}

.einleitung_para_4 {
display:none;
}

.classiccarlounge_icon {
position: absolute;
top: 74px !important;
left: 2% !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 60%;
}


.icon_nachhaltigkeit {
top:-64px;
width:150px;
left:10px;
right:inherit;}

.themen_icon {
	position: relative;
	top: 120px !important;
	left: 150px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 258px;
}

.location_para_image_1 {
    position: absolute;
top: 0px !important;
left: unset !important;
margin: 0 !important;
width: 140px;
right: 150px !important;
}

.location_para_image_2 {
    position: absolute;
top: 88px !important;
left: unset !important;
margin: 0 !important;
width: 170px;
bottom: unset !important;
right: -15px !important;
}

.location_para_image_3 {
   position: absolute;
top: 147px !important;
left: unset !important;
margin: 0 !important;
width: 140px;
right: 20px !important;
}

.anmeldung_icon {
	position: absolute;
	top: 120px !important;
	right: 0px !important;
	bottom: unset !important;
	margin: 0 !important;
	z-index: 1;
	width: 258px;
}


}


@media screen and (max-width: 476px) {
	
	
	
	
	.einleitung_para_1 {
	position: absolute;
top: 142px !important;
left: inherit !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 53%;
right: 0% !important;
}
	
	.einleitung_para_2 {
position: absolute;
top: -20px !important;
left: inherit !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 55%;
right: -5% !important;
	}
	
	.einleitung_para_3 {
position: absolute;
top: 218px !important;
left: -50px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 66%;
	}
	
	.einleitung_para_4 {
	display:none;
	}
	
	.classiccarlounge_icon {
position: absolute;
top: 114px !important;
left: 2% !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 51%;
	}

}


@media screen and (max-width: 400px) { 
.fancy-box-overlay.tall {
    padding-bottom: 100%;
}

	.einleitung_para_1 {
position: absolute;
top: 142px !important;
left: inherit !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 53%;
right: 0% !important;
}
	
	.einleitung_para_2 {
position: absolute;
top: -20px !important;
left: inherit !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 55%;
right: -5% !important;
	}
	
	.einleitung_para_3 {
position: absolute;
top: 218px !important;
left: -50px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 66%;
	}
	
	.einleitung_para_4 {
position: absolute;
top: 305px !important;
left: 156px !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 218px;
display:block;
	}
	
	.classiccarlounge_icon {
position: absolute;
top: 114px !important;
left: -11% !important;
bottom: unset !important;
margin: 0 !important;
z-index: 1;
width: 65%;
	}

.main-header-overlay {
	height: 70px;
}
.navbar-brand img {
	height: 40px;
}	
.c_header-businessUnitName {
	height: 17px;
	padding-left: 15px;
	top: 25px;
	margin-left: 15px;
	font-size: 13px;
}

}


.lity-container {
    width: auto !important;
}


.ld-sf--button-inside [type="submit"] {
	position: relative;
	
}

.ld-sf [type="password"] {
    display: block;
    width: 100%;
    padding: 0 2.5em;
        padding-right: 2.5em;
        padding-left: 2.5em;
    border-width: 1px;
    border-style: solid;
    border-color: #ededed;
    border-radius: 2px;
    background-color: transparent;
    line-height: 1.5em;
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	height:60px;
}

.ld-sf [type="submit"] {
    background-color: var(--color-tssturquoise);
}

.ld-sf [type="submit"]:disabled {
    border: none;
    background-color: #f4f5f8;
	color:#ccc;
	box-shadow:none;
}

.ld-sf [type="text"].error, .ld-sf [type="password"].error {
    border-width: 1px;
    border-style: solid;
    border-color: red;
}



.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}