/* Login Styles */
#loginPage {text-align: center;}
#loginPage img {margin: 25px 0;}
#loginPage #loginForm input#loginInput {border: 1px solid #ccc;padding: 5px;}
#loginPage #loginForm input#loginButton {padding: 5px 10px;border: 1px solid #ccc;}
body#login {background-color: #fff;}

.newsabsatz{height:93%;}
.descbox, .newscontent, .sliderout, .flexslider, .slides, .singledate{
height: 100%;
}

/* Main Styles */
*{padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
body {background-color:#FFFFFF; color: #000000;font-family: 'Lato', sans-serif;}
body.noScroll{overflow: hidden;}
.hidden, a.anchor {display: none;}/* Sprungmarke und nicht sichtbarer Menupunkt */

#result_list small {width:auto;padding:0.5em 1em 0.5em 0; float: left;}
.flex-control-paging li a span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%)translateY(-50%);
}
#site-canvas > [class*=exception] {transition: all 1s ease 0s;}

.newsabsatz .flexslider .slides img {
    width: 100% !important;
}
.content h1{font-size:1.3em;}
.content h2{font-size:1.1em;}
.pfadex5 .gaswaerme{display:none;}
.strom{display:none;}
.pfadex5 .strom{display:block!important;}

a[href^=tel]{color:#606060!important;text-decoration:none!important;font-size:inherit;font-style:inherit;font-weight:inherit;border:none!important;padding:0!important;margin:0!important;}
a[href^=tel]:hover{background:none!important;}

input[type="text"],input[type="submit"],input#consumption,input[type="button"] {-webkit-appearance: none;border-radius: 0;-webkit-border-radius:0;}

.content table {clear: both;}

main p{margin-bottom:1em;}

.wrap{margin:0 auto 100px;}
.exception_4.wrap,.exception_224.wrap{margin:0 auto;}
.exception_4 main,.exception_224 main{display:block;float:left;width:100%;}

#sliderarea .slides li{z-index:0!important;}

#lekompakt_result #article_teaser .left{width:29.48%;float:left;margin:0 1em 0 0;}

#article_contact{border: 1px solid #435362;display: inline;float: left;list-style-type: none;margin: 1em 0;padding: 20px;width:100%;}
#article_contact .contact{font-weight:bold;margin-bottom:0.5em;}
#article_contact .phone{margin-top:0.5em;}
#article_teaser .right {float: right;width: 68%;}

.floatend{clear:both;}

#bg {background-image: url(img/bgbg.jpg);background-repeat: no-repeat;background-attachment: fixed;background-position: center center;height: 100%;background-size: cover;position: relative;} 
html, body {height: 100%;}
#top {height: 37px;width: 100%;overflow:xhidden;z-index:100;
	-webkit-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.75);}
#bottom {height: 120px;bottom: 0px;width: 100%;z-index:100;width:100%;padding: 10px;
	-webkit-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.75);}

.menubox{margin-bottom:1%;overflow:hidden;position:relative;z-index:0;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);}
.menubox h2{float:left;width:100%;color:#FFF;font-weight:normal;font-size:1.2em;padding:1px 10px;position:relative;z-index:3;bottom: 21px;}
.menubox.lek h2,.menubox.Quicklinks h2{bottom: 0;}
.menubox.newsbox h2{bottom: -2px;}
.menubox h2 a{color:#FFF;font-weight:normal;font-size:1em;text-decoration:none;}
.menubox img{width:100%;height: 100%;float:left;}
.menubox.Quicklinks img{width: 100%;height: auto;}
.contentbox{background:rgba(255,255,255,0.8);margin: 0 0 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.contentbox:last-child {margin: 0;}

.contentbox .content{color:#606060;}
/*.contentbox .content{padding:1em;}*/
.row2o4 img{width:100%;height: auto;}
.row2o4 .sendPassord img{width:auto;}
.row1o4 img{margin-right:9px;;}
.row1o4 h3{margin-bottom:0.5em;}


.imgslogan{position:absolute;bottom:10px;right:20px;background:rgba(255,255,255,0.8);padding:0.1em 0.7em;display:none;}

ul.slides:hover li div{display:block;}

h3.imgslogan{bottom:40px!important;display:block!important;}

.company_street{margin-top:0.8em;}
.company_street, .company_town, .company_phone, .company_mail{display:block;font-weight:bold;}
.company_mail a{margin:0px!important;padding:0px!important;border:0px!important;background:none!important;color:#606060!important;}
.company_mail a:hover{background:none!important;color:#606060!important;}

.exception_22 main .submenu {display: none;}
.exception_22 main #slider {display: none;}
.wrap.exception_22 {height: 100%;margin: 0;overflow: hidden;padding: 0;width: 100%;}


.pfadex16 .pfadnavi{background:#F6CF17;}
.pfadex6 .pfadnavi{background:#E67B11;}
.pfadex5 .pfadnavi{background:#CE000C;}
.pfadex9 .pfadnavi, .pfadex8 .pfadnavi, .pfadex10 .pfadnavi, .pfadex4 .pfadnavi, .pfadex29 .pfadnavi, .pfadex28 .pfadnavi, .pfadex7 .pfadnavi{background:#435362;}

.row1o4, .row1o3{width:23%;overflow:hidden;}
.row2o4{float:left;margin-right:1%;overflow:hidden;}

.Strom h2{background-color:#CE000C;}
.Gas h2{background-color:#F6CF17;}
.Fernwärme h2{background-color:#E67B11;}
.Aktuelles h2{background-color:#435362;}
.lek h2, .Stadtwerke h2, .News h2, .documents h2, .contact h2{background-color:#435362;}
.Netze h2{background:url(img/border.png) top left repeat-y;background-size: contain;}
.Kundencenter h2{background:url(img/border.png) top left repeat-y;background-size: contain;}
.Quicklinks h2{background-color:#435362;position: absolute;bottom: 0px;padding: 1px 10px;}
.Quicklinks{background-color: rgba(255,255,255,0.7);}
.newsabsatz, .contactabsatz{position:relative;}
.newsabsatz .newsbg, .contactabsatz .newsbg{position:relative;z-index:1;width: 100%;}
.newsabsatz .newscontent, .contactabsatz .contactcontent{position:absolute;z-index:2;top:0;padding:1em;width:100%;}
.singledate{padding-top: 10px;}
.singledate .descbox h3{font-size: 1em;}
.singledate .descbox a{text-decoration:none;color:#000; transition: all 0.3s ease 0s}
.singledate .descbox a:hover{text-decoration:underline; transition: all 0.3s ease 0s;}

.animate {position: relative;
	-webkit-animation-name: move-logo;
	animation-name: move-logo;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;           
	animation-direction: alternate; 
	-webkit-animation-duration: 3s;
	animation-duration: 3s;}

@-webkit-keyframes move-logo{
	from {left: 0px;top: 20px;}
	to {left: 0px;top: 220px;}}

@keyframes move-logo{
	from {left: 0px;top: 20px;}
	to {left: 0px;top: 220px;}}

.box_menu.menu {top: 330px;height: 330px;overflow: hidden;width:100%;position: absolute;transition-property: all;z-index:2;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);}

.box_menu.menu.active,
.submenu .box_menu.menu.active{top:0;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);}
	
.kachel {background: rgba(67, 83, 98, 0.75) none repeat scroll 0 0;margin: 0;padding: 0;}
.kachel{padding:20px 15px 5px;}
.kachel .flex-control-nav {left: 0;}

#kachel li span {color: #fff;float: left;font-weight: 600;margin: 0 0 10px;width: 100%;font-size:1.1em;}

.kachel_UL1 li a {color: #fff;text-decoration: none;font-size:1.0em;}

#kachel li {list-style: outside none none;}

.Strom .flex-control-paging li a.flex-active,
.Strom .flex-control-paging li:hover a { transition: all 0.3s ease 0s;background: #ce000c!important;border: medium none;border:none;}
.Gas .flex-control-paging li a.flex-active,
.Gas .flex-control-paging li:hover a {background: #F6CF17!important;border: medium none;border:none; transition: all 0.3s ease 0s;}
.Fernwärme .flex-control-paging li a.flex-active,
.Fernwärme .flex-control-paging li:hover a {background: #E67B11!important;border: medium none;border:none; transition: all 0.3s ease 0s;}
.box_menu.menu .flex-control-paging li a {border: none;}
.newsbox.Aktuelles img, .newsbox.News img {opacity: 0.7;}

#topmenu #topmenu_item_177{margin:0;}

#searchSubmit{position: relative;top: 5px;border: none;  background-color: #435362;  background-image: url(img/search.svg);  width: 25px;  height: 20px;  background-size: contain;  background-repeat: no-repeat;}
#searchBar {  width: auto;float: right; margin: 9px 5px 0 0;}
#searchWord {box-shadow: 0px 5px 0px 0px #fff;height: 23px;float: left;margin: 0 5px 0 0;border: none;padding: 0 0 2px;color: #fff;font-family: 'Lato';}
#socialMedia {position: fixed;width: 215px;top: 15%;z-index: 5;right: -182px;}
#socialshareButton {height: 50px;  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);width: 40px;content: "";background: #435362;vertical-align: middle;float: left;margin: 28% 0 0;background-image:url(img/thumbsup.svg);background-repeat:no-repeat;background-size:contain;  background-size: 80%;background-position: 3px 7px;}
#socialshareButton:hover{cursor:pointer; transition: all 0.3s ease 0s;}
#socialshareprivacy {background: rgba(67, 83, 98, 0.75) none repeat scroll 0 0;float: left;width: 175px;padding: 0px 20px;  box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);}
#site-menu-right #socialshareprivacyMobile{clear: both;background: rgba(67, 83, 98, 0.75) none repeat scroll 0 0;width:250px;margin:0 auto;float:none;padding:10px 20px;box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);}

.exception_4 nav.submenu,.exception_4 #slider,.exception_4 aside,.exception_224 nav.submenu,.exception_224 #slider,.exception_224 aside {display: none;}



div#slider {float: left;background: #fff;box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);overflow: hidden;}

section {width: 100%;float: left;}

#contactarea .contentbox {background: none;box-shadow: none; width: 100%;margin: 0 0 20px;}

#lekompakt_result .item{margin: 15px 0;float:left;width:100%;}

#socialshareprivacy .social_share_privacy_area.vertical li.gplus.help_info .info,
#socialshareprivacy .social_share_privacy_area.vertical li .help_info.icon .info {right: 0!important;}

.hidden {display: none !important;}

#lekompakt .content input[type="submit"],
#installateurs  input[type="submit"] {background-color: #435362;background-image: url("img/search.svg");background-repeat: no-repeat;background-size: contain;border: medium none;height: 25px;text-indent: -9999px;width: 25px;}

.content fieldset {margin:0;background: #435362 none repeat scroll 0 0;border: 0;padding: 5px 20px 5px;}
.content #postage_form fieldset{background: none;}
/*.content #postage_form fieldset{background: #FFFFFF;}
 .content #postage_form fieldset label{color: #FFFFFF;} */
#search_text > legend {color: #fff;float: left;margin: 5px 20px 0 0;text-transform: xuppercaase;font-weight: 600;}
#search_text > #input_search {background: #fff none repeat scroll 0 0;border: 1px solid #666;padding: 5px;margin:0 15px 0 0;}

.contentPadding{padding: 15px;}

#lekompakt_result #link_container {float: left;margin: 0 0 20px;width: 100%;}
#lekompakt #link_container > a { transition: all 0.3s ease 0s;background: #fff none repeat scroll 0 0;border: 1px solid #435362;color: #000;float: left;font-weight: 600;margin: 0 5px 0 0;padding: 3px 0;text-align: center;text-decoration: none;width: 30px;  transition: all 0.3s ease 0s;}
#article_detail_page a.goto {margin: 0 15px 15px;}
#lekompakt #link_container > a:hover {background: #435362 none repeat scroll 0 0;color: #fff;  transition: all 0.3s ease 0s;}

#slider .flex-control-nav {display: none;}
.list_headline {border-bottom: 1px solid;float: left;font-size: 1.2em;margin: 0 0 5px;text-transform: xuppercaase;width: 100%;}
#lekompakt_result #result_list {float: left;}
#result_list .FirstLetter {background: #435362 none repeat scroll 0 0;color: #fff;width:30px;font-weight:600;padding:3px 0;text-align:center;float:left; margin: 25px 0 0;}

#lekompakt .headline {float: left;font-size: 1.1em;font-weight: 600;margin: 0 0 10px;width: 100%;}
#result_list .item a, 
a.goto { transition: all 0.3s ease 0s;border: 1px solid #435362;color: #000; margin: 0 0 15px;float: left;font-weight: 600;padding: 5px 15px;clear:both;text-decoration: none; transition: all 0.3s ease 0s;}
#result_list .item a, 
a.goto:hover{background:#435362;color:#fff; transition: all 0.3s ease 0s;}
.teaser {float: left; transition: all 0.3s ease 0s;margin: 0 0 15px;width: 100%;}
#result_list .item a:hover { sbackground: #435362 none repeat scroll 0 0;color: #fff; transition: all 0.3s ease 0s;}

.formLogin tr {float: left;margin: 0 20px 0 0;}
.formLogin tr td {display:inline;margin: 0 10px 0 0;position:relative;vertical-align:middle;}

.LoginInput > input {border: 1px solid #435362;padding: 5px;}
.LoginSubmit > input[type="submit"] {background: #fff none repeat scroll 0 0;border: 1px solid #435362;padding: 5px 15px; transition: all 0.3s ease 0s;}
.LoginSubmit > input[type="submit"]:hover {background: #435362 none repeat scroll 0 0;color: #fff; transition: all 0.3s ease 0s;}
.formLogin {float: left;margin: 0 0 20px;width: 100%;}
.sendPassord .info {float: left;font-weight: 600;margin: 0 0 10px;width: 100%;}
.sendPassord label {float: left;margin: 5px 10px 0 0;}
.sendPassord input[type="text"] {float: left;margin: 0 40px 0 0;border:1px solid #435362;padding:5px;}
.contentbox .headline{ background: #435362 none repeat scroll 0 0;border: 0;padding: 5px 15px 5px;color:#fff;text-transform:xuppercaase;font-weight:600;font-size:1.1em;}

.sendPassord .submit { background: #fff none repeat scroll 0 0;border: 1px solid #435362;padding: 5px 15px; transition: all 0.3s ease 0s;}
.sendPassord .submit:hover { background: #435362;color: #fff; transition: all 0.3s ease 0s;}

.regContact label {clear: both;float: left;margin: 7px 0;width: 300px;}
.regContact select {border: 1px solid #435362;float: left;margin: 2px 0;padding: 5px;width: 300px;}
.regContact input {border: 1px solid #435362;float: left;margin: 2px 0;padding: 5px;width: 300px;}
.regHeader {float: left;margin: 0 0 15px;}
.logout { background: #fff none repeat scroll 0 0;border: 1px solid #435362;clear: both;color: #000;float: left;font-weight: 600;margin: -49px 0 0;padding: 5px 15px;text-decoration: none; transition: all 0.3s ease 0s;}
.regContact .submit {clear: both;float: right;position:relative;margin-top:-30px;}
.regContact .submit input { transition: all 0.3s ease 0s;background: #fff none repeat scroll 0 0;border: 1px solid #435362;color: #000;font-weight: 600;padding: 5px 15px;width: auto; transition: all 0.3s ease 0s;}
.regContact {float: left;margin: 0 0 15px;width: 100%;}
.regContact > form {float: left;width: 100%;}
.logout:hover {background: #435362 none repeat scroll 0 0;color: #fff; transition: all 0.3s ease 0s;}
.regContact .submit input:hover {background: #435362 none repeat scroll 0 0;color: #fff; transition: all 0.3s ease 0s;}

#contactformGenerator fieldset {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;padding: 0;}
#contactformGenerator .captcha {margin: 1em 0;}
#contactformGenerator .captcha img {float: left;margin-right: 1em;width: auto;}
#contactformGenerator .captcha span {clear: both;display: block;}
#contactformGenerator input, #contactformGenerator select {height: 30px;background: #fff none repeat scroll 0 0;border: 1px solid #435362;padding: 5px;line-height: 1;}
#contactformGenerator h2, #contactformGenerator p {clear: both;}
#contactformGenerator select {border: 1px solid #435362;margin: 5px 0;padding: 5px;width: 253px;}
#contactformGenerator textarea {background: #fff none repeat scroll 0 0;border: 1px solid #435362;float: left;padding: 5px;}
#content .contactformular #contactform fieldset {border: 0 none;}
#contactformGenerator input[type="file"]{font-size:0.8em;}
p.infoText {font-size: 0.8em;font-weight: 600;font-style: italic;margin: 15px 0;}
#contactformGenerator .textarea label {width: 100%;float: left;margin: 5px 0;}
#captcha{max-width: none;}
input[type="submit"] {box-shadow: none !important;}

.error, #content .contactformular .error li, #failurebox li {color: red;clear:both;}
.success {color: green;clear:both;}
#failurebox span.error {color: darkgreen !important;font-weight: bold;}

label.radiolabel,label.checkboxlabel {clear: none !important;float: none;padding:0px!important;}
label.checkboxlabel span {}
label.radiolabel input, label.checkboxlabel input {float: left;height: auto !important;margin-right: 10px !important;margin-top: 3px !important;}

.radiobox,.checkboxbox{width:100%;float:left;}

#contactform_inputs > h2 {float: left;margin: 30px 0 10px;width: 100%;}
#contactform_inputs #contact_radio0 {margin: 13px 0;padding: 5px 0;}

#contactform_inputs > h2 {float: left;margin: 15px 0 5px 0;font-size:1.3em;width: 100%;}
.captcha .left {float: left;width: 200px;}
.captcha .right > input {clear: both;width: 245px;}
.captcha .right {float: left;}

.topmenu {float: left;}
#topleft #homebutton {background: #435362 none repeat scroll 0 0;color: #fff;float: left;font-size: 1.5em;height: 37px;padding: 0 7px 0 0;position: relative;text-decoration: none;z-index: 10;width:15%;}
#topcenter .topmenu {float: none;}


#homebutton > span {display: none;}
#topleft #homebutton::after {position: relative;top: 10px;}
.news_head {font-size: 1.2em;font-weight: 600;margin: 0 0 10px; color: #000000;}
.news_item {border-bottom: 1px solid #435362;float: left;margin: 0 0 20px;padding: 0 0 10px;width: 100%;}

#lekompakt #link_container > a.disabled {background: #fff;border: 1px solid #aaa;color: #aaa;cursor:default;}

#news_list #showNextBtn {border: 1px solid #435362;padding: 5px 15px; transition: all 0.3s ease 0s}
#news_list #showNextBtn:hover {background: #435362;color: #fff; transition: all 0.3s ease 0s}


.exception_22 #map {margin: 0;height: 100%;width: 100%;position:absolute;}
.contentbox #map {margin: 0;height: 400px;width:100%;}
#map .leaflet-bottom.leaflet-right {position: initial;}
.row2o4 #map .leaflet-bottom.leaflet-right {margin: 0;}
.exception_22 #map .leaflet-top {top: 45px;}
#map .leaflet-popup-content-wrapper,
#map .leaflet-popup-tip {background: #435362;color: #fff;border-radius: 0;}
#mainarea .content .leaflet-popup-content p{clear: none;float: none;}
#map .leaflet-bar a,
#map .leaflet-bar a:hover {width: 26px;height: 26px;line-height: 26px;display: block;text-align: center;text-decoration: none;border-bottom: none;color: #fff;margin: 0px 0px 1px;background-color: rgb(67, 83, 98) !important;border-bottom:0;}
#map .leaflet-bar a:first-child {border-top-left-radius: 0px;border-top-right-radius: 0px;}    
#map .leaflet-bar a:last-child {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-bottom: medium none;margin: 0px;}
#mapContainer{position: relative;width: 100vw;height: 100vh;}
.exception_198 #mapContainer{width: auto;height: auto;margin-top: 130px;}
.exception_108 #mapContainer{width: auto;height: auto;}
#mapWarning {
  position: absolute;
  top: 50%;
  z-index: 9;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
}
#map{z-index: 10;}
#mapWarning.show{display: block;padding: 15px 25px 10px 25px;text-align: center;}
#mapWarning a{float: none;}

#contactarea a, .contactabsatz .contactcontent .right a,#contactarea .contactButton,#contactFormContainer form #send_contact{border: 1px solid #435362;color: #000;xfloat: left;margin: 10px 0 0;padding: 5px 15px;text-decoration: none; transition: all 0.3s ease 0s;}
#contactarea a:hover, .contactabsatz .contactcontent .right a:hover,#contactarea .contactButton:hover,#contactFormContainer form #send_contact:hover{background: #435362 none repeat scroll 0 0;color: #fff; transition: all 0.3s ease 0s;}
#contactarea .contactButton,#contactFormContainer form #send_contact{background-color: transparent;}
a.various{float:left;}
.content a {color: #000;text-decoration: none;}

.content a[href$='.pdf']{background: rgba(0, 0, 0, 0) url("img/pdf.png") no-repeat scroll 0 0 / 30px auto;padding: 5px 30px;margin: 5px 0px;display: inline-block;}
.content a[href$='.doc'],
.content a[href$='.docx']{background: rgba(0, 0, 0, 0) url("img/doc.png") no-repeat scroll 0 0 / 30px auto;padding: 5px 30px;margin: 5px 0px;display: inline-block;}
.content a[href$='.csv']{background: rgba(0, 0, 0, 0) url("img/csv.png") no-repeat scroll 0 0 / 30px auto;padding: 5px 30px;margin: 5px 0px;display: inline-block;}
.content a[href$='.zip']{background: rgba(0, 0, 0, 0) url("img/zip.png") no-repeat scroll 0 0 / 30px auto;padding: 5px 30px;margin: 5px 0px;display: inline-block;}
.content a[href$='.xlsx'],
.content a[href$='.xls']{background: rgba(0, 0, 0, 0) url("img/xls.png") no-repeat scroll 0 0 / 30px auto;padding: 5px 30px;margin: 5px 0px;display: inline-block;}
  
/*.content .entry-content a,*/
.content .download_file a{clear: both;float: left;height: 30px;margin: 0 0 5px;padding: 7px 0 0 30px;width: auto;}

#mainarea .content p {clear: both;float: left;}
.fancybox-skin {background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0 !important;}

.container_link > a {background: #fff;border: 1px solid #435362;clear: both;float: left;padding: 5px 15px;}
.container_link {clear: both;float: left;}
.container_content {position:relative;clear: both;float: left;margin: 0 0 10px;padding: 5px;background-color: rgb(227, 227, 227);width:100%;color: #606060;}
.single_tarif {margin: 0 0 20px;clear: both;float: left;width:100%}
.trigger, 
.textTrigger,
.single_tarif .trigger, 
.download_element .trigger, 
.documenttrigger{border-bottom: 1px solid #435362;float: left;font-size: 1.1em;font-weight: 600;width: 100%;padding:5px;}
.rate .rate_trigger{float: left;font-weight: 600;width: 100%;padding:5px;}
.rate_container,
.toggle_container, 
.single_tarif .toggle_container, 
.download_element .toggle_container, 
.text_toggle_container,
.document_toggle_container {float: left;padding: 5px 0;width: 100%;display: none;}
.trigger:hover, 
.single_tarif .trigger:hover, 
.documenttrigger:hover, 
.documenttrigger.documenttrigger_active, 
.single_tarif .trigger.trigger_active,
.kombi_rate .rate .rate_trigger:hover,
.rate.single:hover,
.textTrigger:hover,
.textTrigger.textTrigger_active,
.rate.rate_active .rate_trigger{background:#435362;color:#fff;cursor:pointer;}
.search_result_container .trigger h1 {font-size: 1.1em;margin: 0;padding: 5px;}
/*.rate.single.rate.rate_active{background: initial;color: initial;}*/
.rate.single.rate.rate_active:hover{background: initial;color: #606060;}
.rate {
    float: left;
    width: 100%;border-bottom: 1px solid #435362;
}
.trigger .tarif_name,
.rate_trigger .power_name {float: left;}
.trigger .tarif_name .small, .rate_trigger .small {font-size:0.8em;font-weight:normal;}
#tarif_list .headline {padding: 5px 10px;}
#tarif_list #name_head {display: inline-block;}

.kombi_rate .rate_trigger .kombi_name {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.rate.single {
    padding: 0 0/*5px*/ 5px 0;
}

.rate .result_price {
    float: left;
    width: 100%;
    padding: 10px 0 0;    
}

.rate.rate_active .result_price {
    background-color: #435362;
    color: #fff;
}
    
.rate .result_price .full_price {
    float: right;
}
.rate .result_price .full_price {
    font-size: 1.1em;
    font-weight: 600;
}

.trigger .working_price.
.kombi_rate .rate_trigger .kombi_parts .working_price{padding-right: 3px;} 

#search_result,div.downloadcenter{padding-bottom:1em;}

#suchausgabebox #suchergebnisse p{margin-bottom: 15px;}
#suchausgabebox .searchButton{background-color: #435362; background-image: url("img/search.svg"); background-position: 4px center; background-repeat: no-repeat; background-size: contain; border: medium none; height: 21px; position: relative; top: 5px; width: 25px; padding: 6px;}

.news_item .news_head a:hover{text-decoration: underline;}

.first_stage{float: left; list-style: outside none none; width: 100%;}
.first_stage > li{float: left; width: 15%;}
.first_stage ul{list-style: outside none none;}

#smallTarifFinder #search_cheapest_result{float: left; width: 100%;position:absolute;top: -25px;height: 355px;background-color: #fff;display: none;}
#smallTarifFinder #search_cheapest_result #cheapest_result_head{float: left; width: 100%;}
#smallTarifFinder #search_cheapest_result #cheapest_result_body{float: left; width: 100%;}
#smallTarifFinder #search_cheapest_result #cheapest_result_body #tarif_name{float: left; width: 100%;}
#smallTarifFinder #search_cheapest_result #cheapest_result_body #tarif_price{float: right;text-align:right;font-size: 1.3em;font-weight: 600;}
#smallTarifFinder #smallTarifFinderForm{position: relative;height: 100%; float: left; overflow: hidden; width: 100%;padding:10px 20px;}
#smallTarifFinder #smallTarifFinderForm #smallTarifHead{float: left; height: auto; width: 100%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifHead #head_left{float: left; width: 40%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifHead #head_right{float: left; width: 60%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifHead #head_right > input{float: left; margin-top: 9px; width: 9%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifHead #head_right > label{float: left; margin-top: 5px; width: 30%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody{float: left; height: auto;width: 100%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_left{float: left; width: 30%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_right{float: left; margin-left: 25px; width: 60%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_right #consumption{float: left; margin-right: 15px; width: 65%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_right #consumption_lbl{float: left; widht: auto;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_right #image_container{display: block; float: left; height: 32px; margin-top: 10px; width: 100%;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_right #image_container #pair{margin-left: 70px; width:auto;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_right #image_container #fam{margin-left: 93px; width:auto;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_right #image_container #big_fam{margin-left: 95px; width:auto;}
#smallTarifFinder #smallTarifFinderForm #smallTarifBody #body_right #persons{margin: 10px 0 0 9px; width: 92%;}
#postage_calculator input[type="submit"],
#smallTarifFinder #smallTarifFinderForm #btn_submit,
#search_cheapest_result #btn_back {cursor:pointer;position: absolute;bottom: 15px;background: #FFFFFF; border: 1px solid #435362; color: #000000; float: right; margin: 0; padding: 5px 15px; text-align: center; transition: all 0.3s ease 0s; width: auto;}
#smallTarifFinder #smallTarifFinderForm #btn_submit,
#search_cheapest_result #btn_back{right: 20px;}
#postage_calculator input[type="submit"]{left:20px;}
#postage_calculator input[type="submit"]:hover,
#smallTarifFinder #smallTarifFinderForm #btn_submit:hover,
#search_cheapest_result #btn_back:hover {background: #435362; color: #FFFFFF; transition: all 0.3s ease 0s;}
#postage_calculator .content{position: relative;}
form#postage_form {
    margin: 0 0 45px;
}
div#div_postage_location {
    margin: 0 0 15px;
}

label#lbl_postage_location {
    margin: 3px 10px 3px 0;
    padding: 0;
    display: inline-block;
}

select#postage_location {
    padding: 4px;
    border: 1px solid #666;
}

div#div_postage_cat {
    margin: 0 40px 15px 0;
    float: left;
}

div#div_postage_cat label {
    margin: 0 10px 0 0;
}

div#div_postage_cat label input {
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
}

div#customer_group {
    display: inline-block;
    margin: 0 0 15px 0;
}

div#customer_group input[type="radio"] {
    position: relative;
    top: 1px;
}

div#customer_group label {
    margin: 0 10px 0 5px;
}

.inputWrapCalc {
    width: 49%;
    float: left;
}

div.rangeWrap {
    width: 49%;
    float: right;
}

.inputWrapCalc input {
    border: 1px solid #666;
    padding: 4px;
}
.inputWrapCalc > div {
    margin: 0 0 10px;
}
.inputWrapCalc label {
    float: left;
    padding: 4px 0;
    width: 40%;
}



aside .contentbox .content .contactImg {float: left;width: 37%;height:auto;}
aside .contentbox .content p {float: right;width: 58%;}
aside .contactImg > img {height: auto;width: 100%;}


.regContact input[type="checkbox"] {margin: 12px 0;width: initial;}


.contactabsatz .contactcontent{width: 100%;}
.contactabsatz .contactcontent .left{float: left;width: 41%;}
.contactabsatz .contactcontent .right{float: right;}
.contactabsatz .contactcontent .right span{float: left; margin: 5px 0; width: 100%;}

.showContactBox:hover{cursor: pointer;}

#result_list .contentPadding,
#tarif_list .contentPadding {padding: 0 10px;}

.htnt{font-size:0.9em;}

#result_list .legend.headline,
#tarif_list .legend.headline {margin: 0 0 15px;}
#result_list .container_content .container_left,
#tarif_list .container_content .container_left {float: left;margin: 0 0 15px;}
#result_list .container_content .container_download,
#tarif_list .container_content .container_download {float: left;clear: both;}
#result_list .container_content .container_right span.full_price,
#tarif_list .container_content .container_right span.full_price {float: right;font-weight: 600;font-size: 1.5em;text-align: right;padding-right: 10px;}
#result_list .kombi_rate .container_content .container_right span.full_price,
#tarif_list .kombi_rate .container_content .container_right span.full_price {margin:5px 0 0;font-size: 1em;}
#result_list .container_content .container_right span.full_price_head,
#tarif_list .container_content .container_right span.full_price_head {font-weight: 600;margin: 5px 0 0;float: left;}
#result_list .container_content .container_right span.full_price.netto,
#tarif_list .container_content .container_right span.full_price.netto {font-weight: normal;}
#result_list .container_content .container_right span.full_price_head.netto
#tarif_list .container_content .container_right span.full_price_head.netto {font-weight: normal;}
#result_list span.full_price_head span.small,
#tarif_list span.full_price_head span.small{font-size: 0.7em;display: block;font-weight: normal;}

#smallTarifFinder #location select#search_loc {border:1px solid #435362;clear: both;width: 250px;}
#smallTarifFinderForm #location {float: left;}
#clientSelect .left,
#smallTarifFinder #location #search_location_title {width: 175px;float: left;}
#smallTarifFinderForm #search_consumption {float: left;margin: 5px 0;}
#smallTarifFinderForm #search_consumption label#consumption_lbl {width:175px;float: left;}
#smallTarifFinderForm #search_consumption input#consumption {border:1px solid #435362;width: 250px;float: left;}
#image_container img {width:60%;height: auto;}
label#anschlussleistung_lbl {width: 175px;float: left;}
input#anschlussleistung {border:1px solid #435362;float: left;width: 250px;}
div#anschlussleistungWrap {float: left;}
#smallTarifFinder input#btn_submit {float: right;}
#smallTarifFinderForm div#consumeSelect {float: left;margin: 10px 0 0 25px;}
#smallTarifFinderForm div#consumeSelect input#persons {float: left;width: 100%;}
#smallTarifFinderForm #clientSelect {width: 100%;float: left;}
#smallTarifFinderForm #clientSelect span {float: left;margin: 0 15px 0 0;}
input#group_business {margin: 0 5px 0 0;}
#clientSelect .left {float: left;}
#clientSelect .right {float:left;margin: 0 0 5px;}
#clientSelect #private {margin: 0 0 5px;}
input#group_private {margin: 0 5px 0 0;}
#image_container span {width: 20%;float: left;text-align: center;}

div#smallTarifFinder {position: relative;float: left;height: 100%;width:100%}
div#sliderarea {float: left;width:100%;}
#cheapest_result_head .headline {font-size: 1em;color: #fff;}
#cheapest_result_head span#tarif_headline {padding: 5px 10px;background-color: #435262;width: 100%;float: left;}
div#cheapest_result_body_content {width: 100%;float: left;}

#cheapest_result_body .right {float: right;}
#cheapest_result_body span#price_label {float: left;font-weight: 600;}

#contactsearchform fieldset {border: none;padding: 0;margin: 0;}
#contactsearch h2, .intro_padding {padding: 10px;}
#contactsearchform fieldset legend {font-size: 1.1em;color: #fff;float: left;width: 100%;background-color: #435262;padding: 5px 10px;background-color: rgba(0,0,0,0.3);}

#contactsearchform fieldset .contactsearchformContent {float: left;width: 100%;}
#contactsearchform input#search_submit {color: #000;background-color: #fff;border: 1px solid #435362;float: right;}
form#contactsearchform {width: 100%;float: left;background-color:#435362;}
div#contactsearch {position: relative;width: 100%;float: left;height: 100%;}
.contactsearchformContent input {border: 1px solid #666;}
#contactformGenerator input#contact_send {width:auto;}


.hinweis {float: right;}

.pfadnavi {padding: 2px 0;background-color: #435362;padding: 6px 0 4px;height: 25px;}


.textarea .inputWrap {display: block;}

#site-wrapper {position: relative;overflow: hidden;width: 100%;}
#site-wrapper.exception_22 {height:100%;}
#site-canvas {width: 100%;height: 100%;position: relative; min-height: 600px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
	

#site-menu-right {height: 100%;position: absolute;top: 0;float:left;}

#site-menu-right .footermenue, 
#site-menu-left .topmenu{clear:both;margin: 0 auto;width: 250px;float: none;}
#site-menu-right #footermenue, 
#site-menu-left #topmenu{margin:0 0 20px;color:#fff;padding: 10px;float:left;background: rgba(67, 83, 98, 0.75) none repeat scroll 0 0;box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);width:100%;float:left;}
#site-menu-right #footermenue{margin: 10px 0 0;}
#site-menu-right .footermenue a, 
#site-menu-left .topmenu a{color:#fff;font-size:1.0em;text-decoration:none;float:left;text-indent: -14px;margin: 0 0 0 13px;}
#site-menu-left {height: 100%;position: absolute;top: 0;float:right;}
#site-menu-right .footermenue li, 
#site-menu-left .topmenu li {/*margin:5px 0;*/width:100%;float:left;margin-top: 5px;}
#site-menu-right .footermenue li > div, 
#site-menu-left .topmenu li > div{margin:20px 0 0;text-transform:xuppercaase;font-weight:600;font-size:1.2em;}
#site-menu-right .footermenue li li li > div,
#site-menu-right .footermenue li span,  
#site-menu-left .topmenu li li li > div,
#site-menu-left .topmenu li span {margin:10px 0 0;text-transform:initial;width:100%;float:left;font-weight:600;font-size:1.2em;}
#site-menu-left form#searchBar {margin: 20px 0 20px 45px;float: left;}
#site-menu-left #searchSubmit {top: 0;padding: 0 10px;float: left;display: block;background-size: 50%;background-position: 5px 2px;height: 28px;border-bottom: 5px solid #fff;}
#site-menu-left #searchWord {margin:0  ;}
#site-menu-left a#homebutton {color:#fff;float: left;width: 20px;height: 20px;position: absolute;left: 20px;top: 75px;text-decoration:none;font-size:1.2em;}
#site-menu-left li#topmenu_item_180,
#site-menu-right li#footermenue_item_179 {display: none;}
#site-menu-right .innerStatic {display: inline;}

#site-menu-right #footermenue_item_9 .footermenue_UL4,
#site-menu-right #footermenue_item_10 .footermenue_UL3,
#site-menu-left .middle .topmenu_UL3{display: none;}
#site-menu-right #footermenue > li > div > div,
#site-menu-left .middle div {border-bottom: 1px solid;}



header .toggle-nav-left,
header .toggle-nav-right{width:30px;height:30px;text-indent:-9999px;border-radius:5px;;margin:5px;position:relative; 
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;}
header .toggle-nav-left {float:left;}
header .toggle-nav-right {float:right;}

#site-menu-left .fa.fa-times{float:right;}

header .toggle-nav-left span,
header .toggle-nav-right span{ display: block;  position: absolute;  height: 5px;  width: 100%;  background: #fff;  border-radius: 5px;  opacity: 1;  left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;}
	
header .toggle-nav-left span:nth-child(1),
header .toggle-nav-right span:nth-child(1)  {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

header .toggle-nav-left span:nth-child(2),
header .toggle-nav-right span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

header .toggle-nav-left span:nth-child(3),
header .toggle-nav-right span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

header .toggle-nav-left.open span:nth-child(1),
header .toggle-nav-right.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 2px;
  left: 4px;
}

header .toggle-nav-left.open span:nth-child(2),
header .toggle-nav-right.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

header .toggle-nav-left.open span:nth-child(3),
header .toggle-nav-right.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top:23px;
  left:4px;
}

#mainarea .imgWrap .content p {float: none;clear: none;}
#result_list .container_content .container_image,
#tarif_list .container_content .container_image {width: 25%;float: right;}
#result_list .container_content .container_image img.tarif_logo,
#tarif_list .container_content .container_image img.tarif_logo {width: 100%;height: auto;float: left; padding: 5px 10px;}

.download_element, .download_element .document_toggle_container span, .download_element .document_toggle_container a{width: 100%; float: left; }

.single_result > a, .single_result > span{width: 100%; float: left;}
.single_result {float: left;width: 100%;margin: 0 0 20px;}
.single_result > a > span {font-weight: 600;}
#search_result .toggle_container {padding: 10px 0 5px 20px;}
.single_result > a > span:before {content: "⇒";}
#search_result .menubox.contact h2 {bottom: 0;top: inherit;clear: both;position: absolute;}
#search_result .contactabsatz .contactcontent .xright {width: 55%;}
#search_result.row2o4.imgWrap .content img {max-width: 90%;}
#search_result .contactabsatz {height: 100%;}

div#result_list {padding: 15px 0;}
div#result_list span{padding: 0 0.3em;}

#contactsearchform fieldset {float: left;}
select#search_slogan_id {border: 1px solid #666;}
.contactsearchformContent label {color:#fff;}

.content.contentPadding small span{float: left; margin-right: 5px;}

.exception_109 #reg_Passwort,.exception_109 #reg_Passwort_label{display:none;}

.rate_trigger .first_row {
    float: left;
    padding: 5px 0;
    width: 100%;
}
.second_row {
    float: left;
    padding: 5px 0;
    width: 100%;
}

.dataProtection{margin: 50px 0;}
.dataProtection > input{height: auto!important;width: 30px!important;float: left;}
.dataProtection > label{width: 90%!important;float: left;}
.dataProtection a{margin-top: 10px;}

label.label{font-size: 0;}
#extraImpData{display: none;}
#drucken{color: #fff;background-color: #435362;border: 0;padding: 10px;float: right;cursor: pointer;}
#marquee {
	max-width: 100vw; /* iOS braucht das */
	white-space: nowrap;
	overflow: hidden;
	margin: -10px 0 40px 0;	
	font-size: 20px;
	/*position: absolute;
	width: 50%;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);*/
	/* hier evtl. noch font-size, color usw. */
}

#marquee span {
	display: inline-block;
	padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
	animation: marquee 10s linear infinite;
	color: #000;
}

/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
#marquee span:hover {
	animation-play-state: paused 
}

/* Make it move */
@keyframes marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}
.newsbox video{width: 100%;margin-top: 20px;}
#failurebox{padding-left: 20px;margin-bottom: 20px;}
#failurebox li{font-size: 20px;font-weight: bold;}
#success{padding-left: 20px;}
.success{color: green;font-size: 20px;font-weight: bold;}
ul.adsimple-311127639{padding-left: 40px;margin-bottom: 15px;}
#repeatMailLabel,#repeatMail{display: none!important;}
.menubox.contact h2{bottom: 21px;}
#nachOben {   	
    display: none;    
    height: 50px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    width: 50px;
    z-index: 10;
    font-size: 3em;   
	bottom: 40px;
	right: 0;
	background-image:linear-gradient(180deg,#ce000c,#f6cf17,#e67b11);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	cursor: pointer;
}
.projekktor{width: 100%!important;}
#xdownloadcenter ~ img{width: 100%;}
#secondNumber{float: right;padding: 5px 0;}
.ccm-root button.ccm--button-primary,.button.ccm--decline-cookies.ccm--ctrl-init{background-color: #dedede!important;border: 3px solid #dedede!important;color: #524f4f!important;}
.ccm-root button.ccm--button-primary:hover,.button.ccm--decline-cookies.ccm--ctrl-init:hover{background-color:#bdbdbd!important;border-color: #bdbdbd!important;}
.button.ccm--decline-cookies.ccm--ctrl-init,.button.ccm--save-settings.ccm--button-primary.ccm--ctrl-init{text-shadow: 0px 0px 0px rgba(0,0,0,0)!important;}
.ccm-cookie-declaration.ccm-cookie-declaration--loaded thead th{text-align: left!important;}
.ccm-cookie-declaration.ccm-cookie-declaration--loaded table{border-collapse: collapse;}
.ccm-cookie-declaration.ccm-cookie-declaration--loaded table tbody tr:nth-child(2n){background-color: #dedede;}
.ccm-cookie-declaration.ccm-cookie-declaration--loaded table tbody tr:nth-child(2n) td{color: #000;}
.ccm-cookie-declaration.ccm-cookie-declaration--loaded table th,.ccm-cookie-declaration.ccm-cookie-declaration--loaded table td{padding: 10px 5px;}
.exception_22 aside{display: none;}
#errorPage #bottomright{float: right!important;}
#errorPage #errorContent{text-align: center;font-size: 18px;margin-top: 100px;}
#errorPage #errorText span{font-weight: bold;}
#errorPage #linkArea{display: table;width: 300px;margin: 0 auto;}
#errorPage #linkArea a{
	color: #000;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #435362;
	padding: 5px 15px;
	transition: all ease-in-out 0.3s;
	font-size: 16px;
}
#errorPage #linkArea a:hover{color: #fff;background-color: #435362;}
#errorPage #linkArea a:first-child{float: left;}
#errorPage #linkArea a:last-child{float: right;}
.newForm #contactform_inputs{clear: both;}
.newForm #contactform_inputs > .row,.newForm #contactform_inputs > .row .singleRow,.newForm #contactform_inputs + .ds{display: flex;flex-wrap: wrap;justify-content: space-between;clear: both;align-items: first baseline;}
.newForm #contactform_inputs > .row .singleRow{margin-bottom: 10px;width: 100%;}
.newForm #contactform_inputs > .row .singleRow label{width: 100%;line-height: 1em;display: flex;align-items: center;padding-top: 0;}
.newForm #contactform_inputs > .row .singleRow input,.newForm #contactform_inputs > .row .singleRow select{width: 100%;}
#contactformGenerator.newForm input.invalid,#contactformGenerator.newForm select.invalid,#contactformGenerator.newForm textarea.invalid{border: 2px solid red;}
#contactformGenerator.newForm input[type="checkbox"].invalid{outline: 2px solid red;}
.newForm .mailRepeat{display: none;}
.newForm #contactform_inputs + .ds{margin: 20px 0;}
.newForm #contactform_inputs + .ds input{width: 15px;height: 15px;}
.newForm #contactform_inputs + .ds label{width: calc(100% - 25px);line-height: 1em;}
.newForm #contactform_inputs + .ds label a{text-decoration: underline;}
.redStar{color: red;font-weight: bold;font-size: 16px;}
.newForm .errorP{color: red;font-size: 12px;margin-top: 10px;}
.newForm .errorP.errorDs{margin: 10px 0 0 25px;}
.newForm .errorP.errorMailRepeat{margin: 0 0 0 25px;float: none!important;}
.newForm #contactform_inputs > .row .singleRow .errorP{margin-left: 0px;}
.colorGreen{color: green;text-align: center;font-size: 18px;float: none!important;font-weight: bold;}
form.newForm #failureBox h2{text-align: center;}
form.newForm #failureBox ul{display: table;margin: 10px auto;}
form.newForm #failureBox li{margin-bottom: 8px;}
form.newForm.kundeWerden .rowText,form.newForm.defekt .rowText{margin-bottom: 20px;float: left;width: 100%;}
form.newForm.kundeWerden .rowText label,form.newForm.defekt .rowText label,.newForm.leitung .rowText label{margin-bottom: 7px;display: block!important;width: 100%!important;}
form.newForm.kundeWerden .rowText textarea,form.newForm.defekt .rowText textarea,.newForm.leitung .rowText textarea{width: 100%!important;height: 150px;resize: none;}
.newForm.leitung .rowText{margin: 20px 0;float: left;width: 100%;}
form.newForm.leitung .ds{display: flex;justify-content: space-between;width: 100%;margin-bottom: 20px;align-items: center;}
form#contactformGenerator.newForm.leitung .ds input{width: 15px;height: 15px;}
form#contactformGenerator.newForm.leitung .ds label{width: 97%;}
#contactContainer,#contactOverlay{
	position: fixed;
	width: auto;
	height: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#contactContainer{z-index: 8001;scrollbar-width: thin;color: #606060;}
#contactOverlay{z-index: 100;background-color: rgba(0,0,0,.7);}
#contactFormContainer{
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background-color: #f9f9f9;
  z-index: 101;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  overflow: auto;
  width: 90%;
  max-height: calc(100% - 100px);
}
#contactFormContainer #close{float: right;font-size: 18px;font-weight: bold;display: flex;}
#contactFormContainer #close span{margin-right: 10px;cursor: pointer;}
#contactFormContainer #close i{font-size: 21px;cursor: pointer;}
#contactFormContainer #formContainerContact{clear: both;} 
#contactFormContainer form,#contactFormContainer form .row,#contactFormContainer form #data{display: flex;justify-content: space-between;flex-wrap: wrap;}
#contactFormContainer form{padding: 20px 0;}
#contactFormContainer form .line{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
#contactFormContainer form .line > div{width: 100%;}
#contactFormContainer form .line:first-child > div:first-child{order: 2;}
#contactFormContainer form .line:first-child > div:last-child{order: 1;margin: 0 auto 20px;}
#contactFormContainer form .line:first-child > div:last-child img{margin-right: 13px;}
#contactFormContainer form .line:first-child > div:last-child p{width: 58%;}
#contactFormContainer form .row,#contactFormContainer form #data{align-items: center;}
#contactFormContainer form #data img{margin-right: 13px;}
#contactFormContainer form #data p{width: 58%;}
#contactFormContainer form .rowRepeat{display: none;}
#contactFormContainer form .row label{width: 100%;margin-bottom: 5px;}
#contactFormContainer form .row input{width: 100%;padding: 5px;border: 1px solid gray;}
#contactFormContainer form .row{margin-top: 10px;}
#contactFormContainer form .rowText{margin-top: 30px;}
#contactFormContainer form .row input:focus,#contactFormContainer form .rowText textarea:focus{outline: 1px solid gray;}
#contactFormContainer form img{width: 91px!important;}
#contactFormContainer form .name{font-weight: 700;margin-bottom: 10px;display: inline-block;}
#contactFormContainer form .phone{display: inline-block;}
#contactFormContainer form h3{margin-bottom: 10px;}
#contactFormContainer form #ds{margin: 20px 0 7px;display: flex;justify-content: space-between;align-items: first baseline;}
#contactFormContainer form #ds input{width: 15px;margin-right: 10px;}
#contactFormContainer form #ds label{width: calc(100% - 25px);}
#contactFormContainer form textarea{resize: none;width: 100%;height: 200px;padding: 5px;border: 1px solid gray;}
#contactFormContainer form .rowText label{margin-bottom: 10px;display: block;}
#contactFormContainer form #send_contact{color: #606060;font-size: 14px;}
#contactFormContainer form .errorP{color: red;font-size: 13px;margin: 7px 0 0 130px;}
#contactFormContainer form .errorP.errorDs{margin: 0 0 20px 25px;}
#contactFormContainer form .errorP.errorText,#contactFormContainer form .errorP.errorMailRepeat{margin-left: 0px;}
#contactFormContainer #failureBox ul{display: table;margin: 10px auto 20px;}
#contactFormContainer #failureBox .colorGreen{padding-bottom: 10px;}
#contactFormContainer form .line:last-child > div:last-child{margin: 0 auto;}