@charset "utf-8";
/* CSS Document */



html, body {
	font-size: 16px;
	/* */
	font-family:'FontNormal', sans-serif;
	color:#000;
	font-weight:300;

}

.displaynone{display: none !important}
h1.nostyleH1{margin-top: 0 !important ; margin-bottom: 0 !important;line-height: normal !important; font-size: 100% !important}
a, a:hover, a:focus,a:visited,a:active{color: #000}
a:hover, a:focus,a:visited,a:active{outline: 0}
input::-moz-focus-inner { 
  border: 0; 
}
p{margin-bottom: 20px}
button{background:  transparent;border: none}
.lineheigthnormal{line-height: normal !important}
.hrnomargin{margin: 0;padding: 0}
.hrbaustelle{border-top: 1px solid #000 !important}
.hrblack{border-top: 1px solid #000}
strong{font-weight: 700}
.form-control{-webkit-border-radius: 0;-moz-border-radius: 0 ;-ms-border-radius: 0;-o-border-radius: 0; border-radius:0; border-color: #9c9e9f} 

.letterspacingnormal{letter-spacing: normal}

header{padding: 0;color: #000; text-transform: uppercase}

.gruen{color:#69be00 !important}
.weiss{color: #fff !important}
.gruenback{background-color: #69be00}
.grau{color: #9c9e9f}
.hellgrau{color: #f3f2f1}
.hellgrauback{background: #f3f2f1}
.grauback{background: #F3F2F1;}
.graubackfoerderpr{background: #f9f9fa}
.blau{color: #00b1ff}
.blauback{background: #00b1ff}
.orange{color: #ffb200}
.orangeback{background: #ffb200}
.magenta{color: #f0f}
.magentaback{bckground: #f0f}
.magentarot{color: #e5007d}
.magentarotback{background: #e5007d}
.viarot{color: #e43412}
.viarotback{background: #e43412}
.viarotblass{color: #f3a494}
.viablau{color: #00b1ff}
.viablauback{background: #00b1ff}
.viablau_blass{color: #8cdcff}
.viablauback_blass{color: #8cdcff}
.vialila{color: #8b198b}
.vialilaback{background: #8b198b !important}
.vialilablass{color: #cb98cb}
.viaorange{color: #ffb200}
.viaorangeback{background: #ffb200}
.viagruen{color: #69be00}
.viagruenback{background: #69be00}
.viadunkelblau{color: #002f7a}
.viadunkelblauback{background: #002f7a}
.weissback{background: #fff}
.rot{color: #c00}
.schwarz{color: #000}
.grauformTK{background: #e1e1e3 !important}

.font12{font-size: 12px}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font28{font-size: 28px}
.font34{font-size: 34px}
.font37{font-size: 37px}
.font36{font-size: 36px}
.font50{font-size: 50px !important}
.font60{font-size: 60px}
.font70{font-size: 70px}
.font80{font-size: 80px}
.font130{font-size: 130px}

.font28 small{font-size: 14px}

.normalfont{font-size: 16px; font-weight: 100}

.width140{width: 140px !important}
.width165{width: 165px !important}

.fontweight_normal{font-weight: 300 !important}

.height40{height: 40px}

.opacity02{opacity: 0.2}
.opacity05{opacity: 0.5}
.opacity05nocursor{opacity: 0.5; cursor: auto}

/* .roboto{ font-weight: 100} */

.boxheight{ box-sizing:border-box;}

.paddingL0noXS{padding-left: 0}
.paddingL0{padding-left: 0}
.padding0{padding: 0 !important}
.paddinbottom0{padding-bottom: 0 !important}
.paddingr0{padding-right: 0 !important}
.paddinlr0{padding-left: 0; padding-right: 0}
.padddingLR5{padding-right: 5px; padding-left: 5px}
.paddingR5{padding-right: 5px !important}
.paddingLR15{padding-left: 15px; padding-right: 15px}
.paddingR30noxl{padding-right: 30px}
.padding10{padding: 10px}
.padding2040{padding: 20px 40px}
.paddingL10 {padding-left: 10px !important;}
.paddingL20 {padding-left: 20px !important;}
.paddingL40 {padding-left: 40px !important;}
.paddingL50 {padding-left: 50px !important;}
.paddingT5{padding-top: 5px !important}
.paddingT10{padding-top: 10px !important}
.paddingt35{padding-top: 35px}
.marginLR0{margin-left: 0 !important ; margin-right: 0 !important}
.marginl3{margin-left: 3px !important}
.marginT7{margin-top: 7px}
.marginL13{margin-left: 13px !important}
.marginL15{margin-left: 15px}
.marginl20{margin-left: 20px}
.marginl5{margin-left: 5px}
.marginl54{margin-left: 54px}
.marginr0{margin-right: 0 !important}
.marginR15{margin-right: 15px}
.marginR5percent{margin-right: 5%}
.marginR2percent{margin-right: 2%}
.marginR8percent{margin-right: 8%}
.marginLR_minus20{margin-left: -20px !important; margin-right: -20px !important}
.marginLR_minus15{margin-left: -15px !important; margin-right: -15px !important}
.marginbottom0{margin-bottom: 0 !important}
.marginbottom5{margin-bottom: 5px}
.marginbottom10{margin-bottom: 10px !important}
.marginbottom14{margin-bottom: 14px !important}
.marginbottom20{margin-bottom: 20px}
.marginbottom24{margin-bottom: 24px !important}
.margintop_minus3{margin-top: -3px}
.margintop0{margin-top: 0 !important}
.margintop15{margin-top: 15px !important}
.margintop20{margin-top: 20px !important}
.margintop30{margin-top: 30px !important}
.width100percent{width: 100% !important}
.width60px_no_xs{width: 60px !important}
.widthAuto{width: auto}
.width100percent.btn-group{width: 100% !important}

.linheightnormal{line-height: normal !important}
.left20top17{left: 20px !important;top: 17px !important}



  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }


.floatleftnoxs{float: left}
/*.btn{font-weight: 300; -webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important; border-radius:0 !important;} */
.btnbestellenpadding{padding-left: 65px; padding-right: 65px}
.text-center-no-mobile{text-align: center}
.btn-gruen-weisstxt{ color: #fff; background-color: #69be00}

.NEWgruen .btn-gruen-weisstxt{padding-left: 10%; padding-right: 10%; color: #fff; background-color: #69be00}
.NEWgruen .gruenback,.gruenback  {background-color: #69be00; color: #fff}

.errors,.error{ color:#F00 !important;}
 .invalidValue, .required{ background: #FFDFDF; border:1px solid #F00 !important; }
.requiredValue ,  .required{ background: #FFFFDF; border:1px solid #F00 !important; }

.height34{height: 34px}

.bottomabsolute{position: absolute; bottom: 10px}

.displayinlineblock{display: inline-block}
.fielddisplaynone{display: none}
.greenbox,.erfolgbox{ background: #69be00; padding: 40px; color: #fff}
.greenbox h3, .erfolgbox h3{margin-top: 0}

.greenboxsmall{background: #69be00; padding: 10px 80px;}

.display_table{display: table; margin-bottom: 15px}
.panel-default > .panel-heading h3{color: #69be00; text-align: center;font-size: 40px; font-weight: 900; margin-top: 10px}
.panel-default > .panel-heading a:hover,.panel-default > .panel-heading a:focus, .panel-default > .panel-heading a:active{color: #69be00}
ul, ol{padding-left: 15px}

.ullimarginbottom li{margin-bottom: 20px}
.underlinehover{text-decoration: underline; cursor: pointer}

.schlusstabelle td{padding: 0 3px}

@media(min-width:768px){
.tableV01 .checkbox{margin-top: 1px !important;margin-bottom: 0px !important;}
}

.zusammfassungnowrap{white-space: nowrap}
@media  (max-width: 767px)  {
	.panel-default > .panel-heading h3{font-size: 20px; }
	
	.marginl5{margin-left: 0}
	.zusammfassungnowrap{white-space: normal}
	.padding0xs{padding: 0 !important}
	body{-ms-word-break: break-all;word-break: break-all;word-break: break-word;}
	.header-mobile{padding: 10px}
	.headerpicmobile{padding: 20px; background: url(../images/bannermobile/Startseite_m.jpg) no-repeat; background-size:cover; background-position: center top;min-height: 231px}
	
	.floatleftnoxs{float: none}
	.startpics{text-align: center; }
	.startpics .boxheight{padding: 0 0 5px 0 !important; }
	div.boxheight[style],div.boxheighta[style],div.boxheightb[style],div.boxheightbxdsl[style],div.boxheightbdsl[style],div.boxheightbereitstellungdsl[style],div.boxheightrouterdsl[style],div.boxheightaktiondsl[style]{height: auto !important}
	.startpics img{margin: 0 auto}
	.paddinlr0{padding-left: 15px; padding-right: 15px}
	.paddingL0noXS{padding-left: 15px}
	.btn-film, .btn-aquarium, .btn-hafen,.btn-infra, .btn-stromcamp{margin-bottom: 10px}
	.registrierenmobilbtn{font-size: 20px;}
	.anmeldenxs{padding: 10px; font-size: 16px; float: left}
	.mobileblauback{background: #00caff; padding: 0 30%; margin-bottom: 20px;position: relative}
	.mobilegruenback{background: #69be00; padding: 0 30%; margin-bottom: 20px; position: relative}
	.mobileorangeback{background: #ffb200; padding: 0 30%; margin-bottom: 20px; position: relative}
	.mobiledunkelrotback{background: #740f2d; padding: 0 30%; margin-bottom: 20px; position: relative}
	
	.width140, .width165{width: auto !important}

	
	[class*=col-]{margin-bottom: 40px}
	.hinweiskreis{position: absolute;
top: 25%;
right: 7%;
height: 70px;}
	.text-center-no-mobile{text-align: left}
	
	.text-center-no-mobile .checkbox-inline + .checkbox-inline{margin-left: 0;}
}

.super-select {position: relative;outline: none;font-size: 12px}
.super-select .form-control[readonly]{background-color: #fff !important; cursor: pointer}
/*.super-select label{font-size: 16px} */
.super-select-button {border-left: none;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.super-select-button:hover,.super-select-button:focus,.super-select-button:active,.super-select-button{background-color: #fff; border-color: #fff}
.super-select-box {display: inline-block; z-index: 3333;position: absolute; left: 0; top: 34px; width:100%;}
.super-select-box ul{list-style: none; padding-left: 0px;/* border: 1px solid #ccc; border-top: none; */background: #fff;}
.super-select-box li{/*border-bottom: 1px solid #ccc;*/ padding: 6px ; text-align: left; padding-left:6px; font-size: 12px}
.super-select-box li:hover {/*background-color: #69be00;*/ cursor: pointer; color: #000 }
.super-select-box-open {display: inline-block; }
.super-select-box-close {display: none;}


::-webkit-input-placeholder {

 color: #9c9e9f !important;
}
:-moz-placeholder { 

 color: #9c9e9f !important;

}
::-moz-placeholder { 

 color: #9c9e9f !important; 

} 
:-ms-input-placeholder { 
 font-size: 14px; 
 color: #9c9e9f !important;

}


.bannerstart{background-image: url(../images/backstart.jpg) ;background-size:cover;  -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover; background-repeat: no-repeat;background-attachment: fixed; background-position: right top; padding-left: 0; min-height: 414px}

@media(min-width:768px) and (max-width:1199px){
	.bannerstart{background-image: url(../images/backstart.jpg) ; background-size: auto;  -webkit-background-size: auto;
      -moz-background-size: auto;
      -o-background-size: auto; background-repeat: no-repeat;background-attachment: fixed; background-position: right top; padding-left: 0; }
}

.bannermain{ /*background-image: url(assets/images/banner/backaquarium.jpg); */
}
.txtbannerstart{ padding: 20px 30px 20px 20px; background: #fff; text-align: right; margin-top: 70px; font-size: 42px; width: 49.333%}
.txtbannermain { /*text-align: right;*/margin-top: 70px;font-size: 42px; /*width: 100%; */
    /*
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,0) 34%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 34%,rgba(255,255,255,0) 34%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 34%,rgba(255,255,255,0) 34%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	*/
}

.txtbannermaininnen {
    text-align: left;
    width: auto;
    background: #fff;
    padding: 20px 30px 20px 20px;
    display: inline-block;
	line-height: normal
}


.tabgroup{width: 73%;margin: 0 auto;margin-top: 70px}







/*.infokreis2{top: 0px;}*/

.infokreis a:active,.infokreis a:focus{color: #69be00;}

.infokreis.leftinfokreis{left: 0}

.pfeilul {list-style: none;  padding: 0;}
.pfeilul li { padding-left: 1em;padding-bottom: 2px; padding-right: 10px; padding-top: 2px; margin-bottom: 4px;   position: relative;}
.pfeilul li:before{  content: "\f105";   font-family: FontAwesome; left: 0; position: absolute; width: 1.3em;bottom:0; top: 0; }


.slogantabgroupStart{margin-bottom: 10px; margin-top: 15px}
.slogantabgroup{font-size: 28px; color: #fff; margin-bottom: 15px}
.panel-default > .panel-heading{background-color: rgba(255,255,255,0.7);}


.infokreisf {
   border: 1px solid #000; -webkit-border-radius: 50%;-moz-border-radius: 50% ;-ms-border-radius: 50%;-o-border-radius: 50%; border-radius:50%; position: relative;  font-size: 14px; width: 55px; height: 55px; display: table; margin: 0 auto; background: #fff
}
	 .infokreisf a {
    display: table-cell;
    color: inherit;
    vertical-align: middle;
    text-align: center;
}
.infokreisf .noaktive{
    display: table-cell;
    color: inherit;
    vertical-align: middle;
    text-align: center;
}
.bannerergebnisstromnew #warenkorb{font-size: 18px}
.bannerergebnisstromnew  .font28{font-size: 28px}
@media (max-width: 767px) {
	.bannerergebnisstromnew  .font28{font-size: 16px}
	.bannerergebnisstromnew #warenkorb{font-size: 16px}
	.zusammenfassungtable{margin-top: 15px}
	.bannerergebnissTK{background: #69be00; padding: 5px 0 5px 0}
	.bannerergebnissTK .font28Form{font-size: 14px !important}
	.warenkorbholder{float: right; cursor: pointer;font-size: 26px; }
	.bannerergebnissTK .badge{ position: absolute; top: -10px;left: 17px;width: 24px;height: 24px;padding: 4px;}
	
	.bannerstart .slogantabgroup{position: relative; background-color: transparent}
	.nav > li { border-bottom: 1px solid #69be00}
	.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
	.panel-default > .panel-heading{background-color: #69be00;}
	.grauformTK .panel-default > .panel-heading{background:none;}
	.tableergebnis .infokreis, .weissbox .infokreis, .weissboxprod .infokreis, .infokreis {
    position: relative;
    font-size: 14px;
    width: 55px;
    height: 55px;
    margin: 0 auto;
    left: auto;
    right: auto;
		margin-bottom: 30px;
}
	
	 
	
	.pfeilul{margin-left: 20px}
	.headerergnis{width: 100%}
	.tableergebnis .box{padding: 30px}
	.bannerstart{background: #fff;  min-height: auto}
	.container-fluid.bannerstart{padding: 0}
	.panel-group{margin-bottom: 0 !important}
	.text-center-xs{text-align: center}
	
	
	.slogantabgroup{font-size: 18px; color: #000; margin-bottom: 20px; padding: 5px; background: #fff; margin: 0 auto; display: inline-block; padding-left: 15px; padding-right: 15px; margin-top: 7px; position: absolute;bottom: 10px}
	.txtbannerstart, .txtbannermain{font-size: 16px; width: 90%}
	
	.tabgroup{width: 100%; margin-top: 44px}
	 .js-tabcollapse-panel-body{background: #f0f8e5 !important;}
}
.tab-content{background: #f0f8e5;padding: 28px 21px 1px 21px}

.tabgroup .nav > li > a{font-size: 18px; color: #000;background: #f8f7f6;-webkit-border-radius: 0;-moz-border-radius: 0 ;-ms-border-radius: 0;-o-border-radius: 0; border-radius:0; padding: 10px 5px; display: block}
.tabgroup .panel-title > a{display: block; text-align: center}
 .tabgroup .nav-tabs > li > a {margin-right: 3px;}
/*.nav-tabs.nav-justified > li{margin-right: 3px} */
.panel{background-color: transparent}


.panel-body{background-color: #fff}

.nav-tabs > li.active a{background: #f0f8e5; font-size: 18px}
.navbar-default{font-size: 18px}
.dropdown-menu{font-size: 16px}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #fff;
	  font-size: 28px;
	  font-weight: 900

  }
}

@media(min-width:768px) and (max-width:991px){
	.txtbannermaininnen {padding: 15px 30px 15px 22px;}
	.dropdown-menu{font-size: 14px}
	.registrieren .btn{font-size: 12px}
	.txtbannerstart{font-size: 22px !important; width: 44%}
	.txtbannermain{font-size: 22px !important; }
	.tabgroup{width: 95%}
	.tabgroup .nav > li > a{font-size: 14px}
	.navbar-default{font-size: 12px; margin-top: 0}
	.navbar-right{display: none}
	.nav > li > a{padding: 10px 12px}
	.headerergnis{width: 80%}
	
	.row.tableergebnis, .row.tk-produkte{margin-left: 0 !important; margin-right: 0 !important}
}
@media(min-width:992px) and (max-width:1199px){
	.tableergebnis .infokreis, .weissbox .infokreis, .weissboxprod .infokreis, .infokreis{ right: -14px; }
	.txtbannermaininnen {padding: 15px 30px 15px 22px;}
	.txtbannerstart{font-size: 35px; width: 51%}
	.txtbannermain{font-size: 35px; }
	.tabgroup{width: 90%}
	.navbar-default{font-size: 14px}
	
	
	.tableergebnis .kopf{font-size: 20px; color: #69be00; font-weight: 800; margin-bottom: 20px; }
	.tableergebnis .infokreis{ top:10px;right: 0px; padding: 10px;font-size: 14px}
	.headerergnis{width: 70%}
	
	
}
.weissboxweitereprodukte{background: #fff;padding:10px 20px}
.tabgroup .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {border-color: #f0f8e5;color: #000; background: #f0f8e5}

.tabgroup .bootstrap-select.btn-group .dropdown-toggle .newcaret{left: 90% !important}
.tabgroup .bootstrap-select.btn-group .dropdown-toggle .filter-option{padding-left: 0 !important}
.no-results{display: none !important}
.tabgroup .bootstrap-select .btn-default:hover, .tabgroup .bootstrap-select .btn-default:focus, .tabgroup .bootstrap-select .btn-default:active{background: #fff; border-color: #000}

.stromrechnerstartfields{color: #a49b97; font-weight: 100 !important}
.stromrechnerstartfields label{font-weight: 300}
.stromrechnerstartfields .col-sm-4{padding-left: 10px; padding-right: 10px}
.btn-green{background: #69be00; border-color: #69be00;/*border-radius: 0;*/color: #fff;font-weight: 300}


.NEWgruen .btn-green{background: #69be00; border-color: #69be00;/*border-radius: 0;*/color: #000;font-weight: 300}


.btn-green.disabledIX{border-color: #9c9e9f}

.btn-gruen_100percentleft{background: #ccc ;color: #000; -webkit-border-radius: 0;-moz-border-radius: 0 ;-ms-border-radius: 0;-o-border-radius: 0; border-radius:0; padding-left: 20px; padding-right: 20px; text-align: left; width: 100%; margin-bottom: 15px;-ms-word-break: break-all;word-break: break-all;word-break: break-word;white-space: normal !important;word-wrap: break-word !important;}
.btn-gruen_100percentleft:visited{color: #000}
.btn-gruen_100percentleft:hover, .btn-gruen_100percentleft:active,.btn-gruen_100percentleft:focus{color: #fff; background: #69be00}


.btn-tiolila_100percentleft{background: #f2f2f3 ;color: #000; -webkit-border-radius: 0;-moz-border-radius: 0 ;-ms-border-radius: 0;-o-border-radius: 0; border-radius:0; padding-left: 20px; padding-right: 20px; text-align: left; width: 100%; margin-bottom: 15px;-ms-word-break: break-all;word-break: break-all;word-break: break-word;white-space: normal !important;word-wrap: break-word !important;}
.btn-tiolila_100percentleft:visited{color: #000}
.btn-tiolila_100percentleft:hover, .btn-tiolila_100percentleft:active,.btn-tiolila_100percentleft:focus{color: #000; background: #cb98cb}

.btn-gruen_100percentcenter{background: #69be00;color: #000; -webkit-border-radius: 0;-moz-border-radius: 0 ;-ms-border-radius: 0;-o-border-radius: 0; border-radius:0; padding-left: 20px; padding-right: 20px; text-align: center; width: 100%; margin-bottom: 15px;-ms-word-break: break-all;word-break: break-all;word-break: break-word;white-space: normal !important;word-wrap: break-word !important;}
.btn-gruen_100percentcenter:visited{color: #000}
.btn-gruen_100percentcenter:hover, .btn-gruen_100percentleft:active,.btn-gruen_100percentleft:focus{color: #fff; background-color: #69be00; border-color: #69be00}

.btn-gruen_100percentLeftleft{background: #69be00;color: #000; -webkit-border-radius: 0;-moz-border-radius: 0 ;-ms-border-radius: 0;-o-border-radius: 0; border-radius:0; padding-left: 20px; padding-right: 20px; text-align: left; width: 100%; margin-bottom: 15px;-ms-word-break: break-all;word-break: break-all;word-break: break-word;white-space: normal !important;word-wrap: break-word !important;}
.btn-gruen_100percentLeftleft:visited{color: #000}
.btn-gruen_100percentLeftleft:hover, .btn-gruen_100percentLeftleft:active,.btn-gruen_100percentLeftleft:focus{color: #fff; background-color: #69be00; border-color: #69be00}

.btn-green_bestellen_flach{background: #69be00; border-color: #69be00;/*border-radius: 0;*/color: #fff;font-weight: 300; padding: 4px 12px}


.NEWgruen .btn-green_bestellen_flach{background: #69be00; border-color: #69be00;/*border-radius: 0;*/color: #000;font-weight: 300; padding: 4px 12px}


.btn-green_bestellen_flach.disabledIX{border-color: #9c9e9f}

.btn-blau{background: #00cbff; border-color: #00cbff;-webkit-border-radius: 0;-moz-border-radius: 0 ;-ms-border-radius: 0;-o-border-radius: 0; border-radius:0;color: #000;font-weight: 300}
.btn-blau:hover, .btn-blau:focus, .btn-blau:active{background: #fff;border-color: #00cbff}

.btn-weiss{background: #fff; color: #000;margin-bottom: 12px;

margin-top: 12px;}




.btnopacity .btn{
	background-color: #9d9d9c;
	color: #fff;

}

.btnopacity:hover,.btnopacity:focus,.btnopacity:active{
	background-color: transparent;

}







footer{background: #f7f4f4; color: #9f8c86; font-size: 16px; padding: 20px 0 70px 0}
footer a{color: #000;}





/* flex ====================================== */

.vcenter {
  display: flex;
  flex-direction: row;
}

.vcenter > [class^="col-"] {
  display: flex;
  align-items: center;     
  justify-content: center;
	/*background: #ccc; */
	padding-bottom: 15px; padding-top: 15px
}

.nationalpark{font-size: 12px; padding-bottom: 5px; text-align: right; margin-top: 0px}
.nationalpark img{vertical-align: text-bottom; margin-right: -5px}
.nationalpark .txtpartner{margin-right: 59px; width: auto; margin-top: 6px; text-transform: uppercase; color: #000}

@media (max-width: 767px) {
	.aktionmobile .vcenter{display: block}
	.meldungstartseite .vcenter{display: block;}
	.meldungstartseite .padding0{padding: 20px !important}
	#anpassform #btn-ok{margin-top:0 !important}
	.headerpicmobilemain{padding-left: 0 !important}
	.stromrechnerstartfields [class*="col-"]{margin-bottom: 15px}
	.nationalpark{text-align: center; padding-top: 30px; padding-bottom: 10px; }
}
.tableergebnis .nolistyle:before{content: ''}

@media(min-width:768px) and (max-width:991px){
	.nationalpark{float: right}
	.nationalpark img{width: 149px; height: 50px;padding-top: 10px;margin-right: -21px;}
	.nationalpark .txtpartner{margin-top: 11px;width: auto;text-transform: uppercase; margin-right: 43px}
}

@media(min-width:992px) and (max-width:1199px){
	.nationalpark img{width: 149px; height: 50px;padding-top: 0px;}
	.nationalpark .txtpartner{margin-top: 8px;margin-right: 26px;}
}

.registrieren .btn-group:hover ul.dropdown-menu{
	display: block;
	margin-top:0px
}



	 
.headlinecontent{color: #9c9e9f; margin-top: 10px; margin-bottom: 20px}
.emopic{max-width: 80%; margin: 0 auto}
@media(max-width:768px){
	.emopic{margin-bottom: 30px; max-width: 120px; height: auto}
}

.positionrelative{position: relative}



.headlinemobile{font-size: 60px; font-weight: 400; text-align: center;line-height: 42px; margin-top: 10px;margin-bottom: 10px}
.headlinemobile .mobilline{font-size: 44px; opacity: 0.7}
.headlinemobile .subline{font-size: 40px; font-weight: 600; color: #fff; width: 60px; height: 60px; margin: 0 auto; padding: 9px; margin-top: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;}

.headlinemobile .subline.weisbackmobile{background: #fff; color: #8b198b}

.headlinemobile .sublinemini{font-size: 36px; font-weight: 600; color: #fff; width: 60px; height: 60px; margin: 0 auto; padding: 9px; margin-top: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;}
.text-left-important{text-align: left}



.weissbox_nomarginRL{background: #fff;padding: 20px;margin-left: 0; margin-right: 0; padding-bottom: 1px}

.headlinenrmal_left{color: #9c9e9f; font-size: 32px; font-weight: 300; text-align: left;margin-bottom: 20px}


.zahlenfaktenboxleer{padding: 20px;margin-left: 15px; margin-right: 15px}

.graubox_standard{background: #f2f2f3; padding-bottom: 20px; padding-top: 20px}
.weissbox_standard{background: #fff; padding-bottom: 20px; padding-top: 20px}

.grauboxwindbonus{background: #a49b97;margin-left: -20px;margin-right: -20px;}
.graubox_mobilitaet{background: #f2f2f3; }
.graubox_flex{display: flex;padding-right: 0; position: relative}
.graubox_flex .grbox_flexer {
  align-self: center; padding-left: 15px; width: 100%
}
.appsm{position: absolute; bottom: 20px; padding-left: 15px}
.flex-container {display:-webkit-box;display:-ms-flexbox;display:flex;}

.flex-item-center { display:flex;padding: 20px;margin-left: 15px; margin-right: 15px; justify-content: center;align-items:center;text-align: center}

@media(max-width:768px){
	.graubox_mobilitaet{font-size: 16px}
	.zahlenfaktenbox img, .graubox_standard img, .tablecellmobile img{max-width: 120px; height: auto}
	.grauboxwindbonus img, .zahlenfaktenbox img.autopicmobile{max-width: inherit}
	.flex-container{display: inline}
	.flex-item-center{display: inline; margin-left: 0; margin-right: 15px; width: 100%}
}
@media(min-width:768px) and (max-width:991px){
	.text-center-sm{text-align: center}
	.graubox_mobilitaet{font-size: 16px}
	.newzahlenboxen.zahlenfaktenbox, .grauboxverticalmiddle{padding: 15px;
margin-left: 0;
margin-right: 0;
font-size: 14px;
border-left: 12px solid #fff;
border-bottom: 12px solid #fff;}
	.flex-item-center {-ms-word-break: break-all;word-break: break-all;word-break: break-word;}
	
	.noGasContainer .weissbox{margin-left: 0; margin-right: 0}
	.noGasContainer [class*="col-"] {margin-bottom: 40px;}
	.tk-produkte .weissboxprod{margin-bottom: 40px;margin-left: 0; margin-right: 0}
}
.strukturkreis{width: 70px; height: 70px;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;border-radius: 50%; color: #fff; display: table;float: left; margin-right: 20px}
.strukturkreis .inhaltkreis{display: table-cell; vertical-align: middle; text-align: center; font-size: 22px;  }
.halterstruktur{display: table}
.tablecell,.tablecellmobile{display: table-cell; vertical-align: middle}


.cursor, .hidepic{cursor: pointer}


label{font-weight: 400}







.bannerergebnisstrom a{color: #fff}





/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
	/*margin-left: 0; margin-right: 0  */
}


@media(max-width:991px){
	.row-eq-height {display: block; }
}

.container {
  padding-right: 15px;
  padding-left: 15px;
}

h4 {
  margin-top: 25px;
}
.row {
  margin-bottom: 20px;
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}
.row-eq-height[class*="col-"] {
  padding-top: 20px;
  padding-bottom: 20px;

}


.row-centered {
    display: flex;
    justify-content: space-between;
}
	
	@media(max-width:991px){
		.row-centered{display: inline}
	}

/* Suche */
.ajaxSearch_result{border-bottom: 1px solid #ccc; margin-bottom: 20px}
.ajaxSearch_resultLink{font-weight: 800}
.ajaxSearch_grpResultName{margin-bottom: 20px}
.paging1{margin-bottom: 20px}

/*#plz{background: url(../images/icons/kw1.svg); background-repeat: no-repeat; background-position:  45px 6px; background-size: 84px 20px;} */

.ui-autocomplete-loading {background: white url("../images/bx_loader.gif") right center no-repeat;}
  .ui-autocomplete {max-height: 100px;overflow-y: auto;overflow-x: hidden;}
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-size:12px}
.ui-widget.ui-widget-content {
  z-index: 1051 !important;
}
 .ui-autocomplete {
  min-height: 400px;
}
.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-autocomplete{min-height: 400px;}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;

}
.ui-menu-item {list-style-type: none;padding: 4px;cursor: pointer;}
/*.ui-menu-item:hover{background: #69be00;color: #fff; } */
.ui-autocomplete{min-height: 300px;}

.btn-grau{background: #ccc; border-color:#ccc}
.btn-grau:hover,.btn-grau:focus,.btn-grau:active{border-color:#ccc}

.btn-graudunkel{background: #808080; border-color:#808080;color: #fff !important}
.btn-graudunkel:hover,.btn-grau:focus,.btn-grau:active{border-color:#808080}


.bootstrap-select.form-control {
    padding: 6px 10px;
	border: 1px solid #9c9e9f;
	-webkit-border-radius: 0;-moz-border-radius: 0 ;-ms-border-radius: 0;-o-border-radius: 0; border-radius:0;
	
}
.bootstrap-select .btn-default{border-radius: 0;border-color: #fff ; color: #9c9e9f}



.btn-rund-faq{ padding:15px; width:80px; height:80px; font-size: 34px; border-color: #ffb200; background:#ffb200; color:#fff;-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;-ms-border-radius: 50% !important;-o-border-radius: 50% !important; border-radius:50% !important; margin-left:2%}

@media(max-width:1199px){
	.faqsuche .form-control{width: 80%}
}



@media(max-width:768px){
	
	.btn-rund-faq{ padding:10px; width:40px; height:40px; font-size: 14px; border-color: #ffb200; background:#ffb200; color:#fff;-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;-ms-border-radius: 50% !important;-o-border-radius: 50% !important; border-radius:50% !important; margin-left:2%}
	
	.headlinecontent{font-size: 18px;margin-bottom: 20px;}

	.width60px_no_xs{width: 100%  !important}
	.faqsuche{padding: 5px 5px 1px 5px}
	.faqsuche .form-control{display: inline-block; width: 63%}
}

.ueberblick{border-bottom:1px solid #000; padding-bottom:5px;}
.porduktname_formular{font-size:28px}

.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: transparent; }

/* Back to top button ============================*/
#back-top {position: fixed;bottom: 0px;right:10px;z-index:1888; background: #626161; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; border-radius:50%;width:50px; height:50px;}
#back-top a{display:block;color:#fff; padding:5px 8px}
#back-top a:hover {color: #000;}
#back-top a:hover{ text-decoration:none !important; color:#fff}
#back-top a{color:#fff}
#back-top:hover{ background:#878787}
/* Back to top button ============================*/





#formrechner .form-group.row{margin-top: 0}




/* FORM placholder NEW 12.12.2018 ================================== */

.form-wrapper {

}

.form-group {
  position: relative;
}

.form-label {
	font-size: 12px;
  position: absolute;
  left: 6px;
  top: 0px;
  color: #999;
  /*background-color: #fff; */
  z-index: 10;
  transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
}
.form-label.textfeldlabel{left: 22px}
/*.selectformgroup .form-label{top:-18px} */

.focused .form-label, .selectformgroup .focused .form-label {
  -webkit-transform: translateY(-125%);
          transform: translateY(-125%);
  font-size: 0.75em; color: #999;
}
.focused .form-label .sr-only{position: relative !important; width: auto; height: auto; margin: 0}

.focused .form-label::before, .focused .form-label .sr-only {
  -webkit-transform: translateY(-125%);
  transform: translateY(-31%);
  font-size: 1em;
  color: #999;
}
.form-input{
  position: relative;
  /*padding: 12px 0px 5px 0; */
	padding: 14px 6px 4px 6px;
  width: 100%;
  outline: 0;
  border: 0;
	/*
  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out;
	*/
}
.form-input:focus {
 /* box-shadow: 0 2px 0 0 #ccc; */
}

.form-input.filled {
 /* box-shadow: 0 2px 0 0 #69be00; */
}
.filter-option{margin-left: 7px; margin-top: -5px;padding: 0 0 10px 0; font-size: 12px}
.focused .filter-option{margin-left: 0; margin-top: 0;padding: 0; font-size: 16px;color: #000}

.infokreismini,.infokreisminiRight {
    border: 1px solid #000;
    width: 33px;
    height: 33px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    padding: 6px;
    font-size: 12px;
    margin-top: -8px;
	background-color: #fff;
	
}
.infokreismini{ right: 15px;left: 0;top: 12px;}
.infokreisminiRight{ right: 0; top: 9px}

.infokreismini, .infokreisminiPositionRelative a:active,.infokreismini a:focus, .infokreisminiRight, .infokreisminiRight a:active,.infokreisminiRight a:focus{color: #69be00;}

.infokreisminiPositionRelative {
    border: 1px solid #000;
    width: 33px;
    height: 33px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 6px;
    font-size: 12px;
    margin-top: -8px;
	background-color: #fff;
	
	display: inline-block;
}
	.infokreisminiPositionRelativeModal{
border: 1px solid #9c9e9f;
width: 21px;
height: 21px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
padding: 2px;
font-size: 12px;
margin-top: -8px;


display: inline-block;
text-align: center;
	}
.infokreisminiPositionRelativeModal a{display: block; color: #69be00;}






@media (max-width: 767px) {
	.marginbottom0 [class*="col-"] {
    margin-bottom: 3px;
}
	
	
	
.infokreismini, .infokreisminiPositionRelative,.infokreisminiRight {
    width: 38px;
    height: 38px;
    
    padding: 7px;
    font-size: 12px;
    margin-top: -12px;
    
}
	.infokreismini, .infokreisminiPositionRelative{top: 12px;left: 0; right: 15px;}
	.infokreisminiRight{top: 9px;right: 0;padding-top: 9px}

}
 textarea.paddingarea{padding-top: 20px}
.dropdownclass .bootstrap-select{top: -15px}
.dropdownclass .dropdown-toggle{padding: 12px 6px 0 6px;}
.dropdownclass .form-label{left: 13px}
/* FORM placholder NEW 12.12.2018 ================================== */

#datenanpassen_btn:hover{text-decoration: none; color: #fff}
#formdatenanpassendiv{margin-top: 20px;}
#formdatenanpassendiv .focused label{color: #fff}
#formdatenanpassendiv label{color: #999}
.unterbrecherverboten{opacity: 0.2;pointer-events: none;}

.startmodal{top: 24%}

.paketboxbestnobest{height: 52px}

.bs-caret{position: relative}

.pfeilnewarrow_newcaret_holder .bs-caret{display: none}

.bootstrap-select.btn-group .dropdown-toggle .newcaret {left: 0;}
.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    border-bottom: none;
    margin-right: 15px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {padding-left: 0px;}

.ulnostyle{list-style: none}





 [data-autocomplete-filter-error="true"]:not(:empty)
{position: absolute; top:40px; left: 0; background: #f3f2f1;  padding: 10px;z-index: 1897;width: 269px;}

[data-autocomplete-filter-error-type="streetident"]:not(:empty)
{position: absolute; top:40px; right: 0; background: #f3f2f1;  padding: 10px;z-index: 1897;width: 269px}


[data-autocomplete-filter-info="true"]:not(:empty)
{position: absolute; top:-64px; left: 0; background: #f3f2f1;  padding: 10px;z-index: 1897;width: 400px;}








@media(min-width:768px) and (max-width:991px){
	.btnopacity [class*="col-"] {margin-bottom: 5px !important;}
}






.ixtechacc small{color: #000}

.ixtechacc.panel-group {
  margin-bottom: 3px;
}
.accordeonneu_tio .panel-default {
  padding-bottom: 10px;
	
}

.panel {
  box-shadow: none !important;border: none
}
.panel {
  background-color: transparent;
}
.accordeonneu_tio .ixtechacc .panel-default > .panel-heading {
  /*background-color: #f2f2f3; */
	border-bottom: 3px solid #69be00; border-top: 3px solid #69be00;
padding: 0
}
.accordeonneu_tio .panel-default > .panel-heading {
  color: #333;
  /*background-color: #f5f5f5; */
  border-color: #ddd;
}
.accordeonneu_tio .ixtechacc .panel-title a {
  display: block;
  text-decoration: none;
  position: relative;
  color: #69be00;
  font-weight: 700;
  background: #fff;
  padding: 15px;
}
.text-center-important {
  text-align: center !important;
}
button {
  background: transparent;
  border: none;
}
strong {
  font-weight: 700;
}
.accordeonneu_tio .ixtechacc .panel-title > a::after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.accordeonneu_tio .ixtechacc .panel-title > a::after {
  content: '';
  background: url("../images/icons/icon_acc_close_tio.svg") no-repeat;
  height: 50px;
  width: 50px;
  position: absolute;
  left: 15px;
  top: 50%;
  padding-left: 10px;
}
.accordeonneu_tio .ixtechacc .panel-title a {
  color: #69be00;
  font-weight: 700;
}

.accordeonneu_tio .ixtechacc .panel-title > a[aria-expanded="true"]::after {
  height: 50px;
  width: 50px;
  content: '';
  background: url("../images/icons/icon_acc_open_tio.svg") no-repeat;

}
.accordeonneu_tio .ixtechacc .panel-title > a::after {
  content: '';
  background: url("../images/icons/icon_acc_close_tio.svg") no-repeat;
  height: 50px;
  width: 50px;
  position: absolute;
  left: 15px;
  top: 50%;
  padding-left: 10px;
}
@media(max-width:767px){
.accordeonneu_tio .ixtechacc .panel-title > a[aria-expanded="true"]::after {height: 35px;width: 35px;}
.accordeonneu_tio .ixtechacc .panel-title > a::after {height: 35px;width: 35px;}
.panel-default > .panel-heading a:focus, .panel-default > .panel-heading a:active {  color: #fff;}
.panel-default > .panel-heading {  color: #fff;}
}



.txtbannermaininnenvia {
  text-align: left;
  width: auto;
	color: #fff;
  background: transparent;
  padding: 20px 30px 0px 5px;
  display: inline-block;
  line-height: normal;
}
.txtbannermainvia{margin-top: 0px;
  font-size: 44px;}

.viaclass{font-size: 58px}
.viatvlila{color: #cb98cb;font-size: 42px}
.tvinternet{font-size: 24px;}
.tvinternet img{vertical-align: unset;margin-right: 16px}


@media (max-width: 991px) {
	.preisboxweitereIP .preisiptv {
  margin-top: 0px !important;
}
	.centermobile{text-align: center}
.marginbottom_leerzeile .col-md-4{margin-bottom: 20px}
	.marginbottom_leerzeile .paddingt20r20l20{padding: 20px !important}
	.viaiptvcontentdivinner50,.viaiptvcontentdivinner51,.viaiptvcontentdivinner52,.viaiptvcontentdivinnerBK {
  margin: 0 0 0 15px; background-image: none !important
	}
	.preisiptv{margin:  0 auto}
	.via_iptv_button{background: #fff !important; color: #8b198b !important; margin-top: 40px; margin-bottom: 20px}
	.viatvinfos li::before {
  left: initial !important;
  top: 6px;
  margin-left: -15px;
}
}




/*.accordeonneu_tio .glasanschlussacc .panel-body{background: #fff;padding: 0} */
.monat{font-size: 12px;margin-top: -10px; }

.blackopacity{background: #240525} 


.noliste{list-style-type: none !important; font-weight: 600}







.marginnewrouterbox{margin-top: 20px !important;margin-bottom: 20px}
@media (max-width: 991px) {
	.preisboxweitereIP .preisiptv {
  margin-top: 0px !important;
}
	.centermobile{text-align: center}
.marginbottom_leerzeile .col-md-4{margin-bottom: 20px}
	.marginbottom_leerzeile .paddingt20r20l20{padding: 20px !important}
	.viaiptvcontentdivinner10,.viaiptvcontentdivinner11,.viaiptvcontentdivinner12,.viaiptvcontentdivinnerBK {
  margin: 0 0 0 15px; background-image: none !important
	}
	.preisiptv{margin:  0 auto}
	.via_iptv_button{background: #fff !important; color: #8b198b !important; margin-top: 40px; margin-bottom: 20px}
	.produktbox2022.innerprodbox2022 .via_iptv_button{background: #8b198b !important; color: #fff !important; margin-top: 40px; margin-bottom: 20px; font-size: 18px}
	.weissboxprod2022 .via_iptv_button{background: #8b198b !important; color: #fff !important; margin-top: 40px; margin-bottom: 20px; font-size: 18px}
	.via_iptv_button.verfuegbarkeitanchor{background: #8b198b !important; color: #fff !important; margin-top: 40px; margin-bottom: 20px; font-size: 18px}
	.viatvinfos li::before {
  left: initial !important;
  top: 6px;
  margin-left: -15px;
}
}



.zusatzoptionen .radio .cr.newcr {
  border: 1px solid #9d9d9c;
  width: 27px;
  height: 27px;
}

@media (max-width: 767px){
	.weissboxprod2022 .prodbox .prodboxpreis{position: absolute; bottom: -109px; border-radius: 50%;  left: 50%; transform: translateX(-50%);font-size: 46px; color: #fff;  height: auto; width: 100%; text-align: center; vertical-align: middle;cursor: pointer}
	.zusatzoptionen .radio .cr.newcr {
  border: 1px solid #9d9d9c;

}
	.zusatzoptionen .radiobigtxtNew{margin-left: 31px;position: relative;margin-top: -5px}
	.aktionlilaNew{padding-left: 51px; font-size: 16px}
	.preisrouterNew{font-size: 60px}
	.routerboxcontent.paddingR20{padding-right: 10px !important}
}

@media(min-width:768px) and (max-width:991px){
	.marginbottom40sm{margin-bottom: 40px}
	.aktionlilaNew{padding-left: 96px; font-size: 16px}
	.zusatzoptionen .radiobigtxtNew {margin-left: 22px;text-align: left}
}
@media(min-width:992px) and (max-width:1199px){
	.zusatzoptionen .radiobigtxtNew {margin-left: 18px;text-align: left}
	
}



a.vialila:active,a.vialila:focus,a.vialila:visited{color: #8b198b !important}


@media(min-width:992px) and (max-width:1199px){

	.accordeonneu_tio h3{font-size: 22px}
	
}



.weisserror{background: #c00; padding: 10px; margin-bottom: 25px; color: #fff; margin-top: 10px}

/* Form Rechner ende  ====================================================== */




@media (min-width: 768px){
	.radio, .radioinlinegroup {margin-top: 0px !important;}
	.checkbox {margin-top: 6px !important;}
	.radioinlinegroup .radio-inline + .radio-inline{margin-left: 47px;}
}





 .flexbox-panel {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-start;
     align-items: center;
     align-content: center;
}

.flexbox-item {
     flex: 0 1 auto;
	
}

.flex-item:nth-child(1) {
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: auto;
}

.flex-item:nth-child(2) {
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: auto;
}

.flex-item:nth-child(3) {
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: auto;
}

@media (max-width: 768px){
	.flexbox-panel{display: inline}
}




.prefooter{margin-top: 250px}

.centerradio{width: fit-content; margin: 0 auto}

.pfeilnewarrow_close{
	 content: '';
	background: url(../images/icons/icon_pfeil_grau_close.svg) no-repeat;
      background-size: 9px 14px;
	padding-left: 10px;
	margin-right: 20px
}

.pfeilnewarrow_open{
	  content: '';
	background: url(../images/icons/icon_pfeil_grau_open.svg) no-repeat;
     background-size: 9px 14px;
	padding-left: 10px;
	margin-right: 20px
}
.pfeilnewarrow_newcaret{
 margin-left: 14px; margin-top: 3px
}
.pfeilnewarrow_newcaret::before{
	position: absolute;
		content:"";
	background: url(../images/icons/icon_pfeil_grau_close.svg) no-repeat;
     background-size: 7px 13px;
	top: 2px;
	left: -14px;
	width: 20px;height: 20px
}
.pfeilnewarrow_newcaret_holder   .newcaret{display: none !important}
.text-left-important{text-align: left !important}







@media (max-width: 768px) {
	.pfeilacc  .panel-default > .panel-heading {background-color: #fff !important;}
	.pfeilacc a{padding-left: 20px}
	.pfeilacc .panel-body {padding-left: 50px !important;}
	.pfeilacc .paddingL40{padding-left: 15px !important}
}

@media(min-width:768px) and (max-width:991px){
	.barrierebuttons img{height: auto;width: 20px}
	.pfeilacc a{padding-left: 31px}
	.pfeilacc .panel-body {padding-left: 48px !important;}
	.pfeilacc .paddingL40{padding-left: 15px !important}
}






.bannerergebnisstrom.tkneu:hover{background-color: #771477 !important }


.umzubuttonicon{width: 300px; height: 48px; position: fixed;bottom: -4px; left: 12%;z-index: 888}
#closeumzug{cursor: pointer}

 .super-select-box li{color: #000 !important}
@media(max-width:768px){
	.umzubuttonicon{bottom: 0; left: 3%}
	.pfeilacc a{display: block; padding-left: 10px}
	.pfeilacc .panel-body{padding-left: 42px !important; padding-top: 0}
}





.width20percent{width: 20% !important}
.width60percent{width: 60% !important}



.barrierebuttons{float: right}
.barrierebuttons img{cursor: pointer;height: 34px; width: 34px;padding: 0;}
.barrierebuttons button{padding: 0  !important}
.barrierebuttons .standard,.barrierebuttons .kontrast, .barrierebuttons .schwarzweiss{float: left;position: relative; margin: 0 4px;padding-bottom: 4px}
.barrierebuttons .standard.active,.barrierebuttons .kontrast.active, .barrierebuttons .schwarzweiss.active{border-bottom: 8px solid #000}

.barrierebuttons .standard .info,.barrierebuttons .kontrast .info, .barrierebuttons .schwarzweiss .info{position: absolute; top:44px;display: none;left: 50%;  transform: translate(-50%);}

.barrierebuttons .standard:hover  .info,.barrierebuttons .kontrast:hover  .info,.barrierebuttons .schwarzweiss:hover  .info {display: inline;}



@media(max-width:768px){
	.font24{font-size: 18px !important}
	.NKB_header.openNKB:before,.NKB_header.closeNKB:before{ height: 20px;width: 20px;left: 9px}
	.NKB_header{padding-left: 30px; padding-right: 30px;font-size: 14px}
	.NKB_body {
  padding: 5px 12px 20px 12px;
  width: 100%;
  margin: 0 auto;
  font-weight: normal;
  text-align: left;
  font-size: 14px;
}
	h3{font-size: 16px}
	.panel-title.container{padding-right: 0; padding-left: 0}
	#back-top{right: 20px;width: 35px;height: 35px}
	.fa-2x{font-size: 1em;}
	.weissboxprod2022 .prodnameprodbox,.zusatztioprodname {font-size: 48px;}
	.weissboxprod2022 .preis,.produktbox2022 .preis{font-size: 64px}
}


	  /* banner main */
@media(min-width:1200px){
	.bannermainBaum{background-image: url(../images/banner/banner_baumpflanzprojekt.jpg);background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right top;
padding-left: 0;
min-height: 872px;}
	}
@media(min-width:768px) and (max-width:991px){
	.bannermainBaum{background-image: url(../images/banner/banner_baumpflanzprojekt.jpg);background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
padding-left: 0;min-height: 597px;}
}
@media(min-width:992px) and (max-width:1199px){
	.bannermainBaum{background-image: url(../images/banner/banner_baumpflanzprojekt.jpg);background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
padding-left: 0;min-height: 613px;}
}
/*
	@media  (max-width: 767px)  {

		.bannermainBaum{padding: 20px; background: url(../images/banner/banner_baumpflanzprojekt_m.jpg) no-repeat;  background-size:cover; background-position: center top;min-height: 212px}
}
*/


/* Baumppflanzprojekt ########################################################################################## */ 
.Baumprojektheader{padding: 0 !important;text-transform:none; position: relative}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.BaumHederBox{background: #69be00;color: #fff;padding: 15px 30px; margin: 0 auto}
.BaumHederBox a{color: #fff}
.BaumHederBox .row{margin-bottom: 0}
.BaumFortschritt{border: 6px solid #69be00;border-radius: 50%;width: 200px; height: 200px; background: #fff;color: #69be00; padding: 19px; text-transform: none; text-align: center;font-weight: 800;position: absolute;right: 24%;bottom: -20px;line-height: normal}
.BaumFortschritt .BaumZahlbox{  display: flex;align-items: center;justify-content: center;margin-top: 10px;margin-bottom: 10px}
.BaumFortschritt .BaumProzentZahl{font-weight: 700; font-size: 80px; line-height: 60px; display: flex;  align-items: center; justify-content: center;}
.BaumFortschritt  .BaumProzent{font-size: 47px;display: flex;  align-items: center; justify-content: center;font-weight: 800}

.baumheadlinebannerinner{font-family:'FontNormal', sans-serif;color: #fff;font-size: 88px;font-weight: 800; text-shadow: 0px 0px 15px rgba(0,0,0,0.89); line-height: 88px; margin-top: 24px}
.fuenfhundert_baeume{ position: absolute;bottom: 13%;left: 23%}
.icon_zurueckstartseite{margin-left: 60px}

.backer_left{background: #F5F5F5;background: linear-gradient(270deg, rgba(245, 245, 245, 0) 26%, rgba(245, 245, 245, 1) 26%);padding: 20px; margin-top: 100px}
.backer_rigth{background: #F5F5F5;background: linear-gradient(90deg,rgba(245, 245, 245, 0) 26%, rgba(245, 245, 245, 1) 26%);padding: 20px; margin-top: 100px;position: relative}

.backer_left .row,.backer_rigth .row {margin-bottom: 0}

/*.backer_rigth .col-sm-3{height: 100px} */

.pic_right{margin-top: -71px}
.pic_left{position: absolute;left: 0;bottom: -40px}

.backer_rigth .paddingRc{padding-right: 0;padding-left: 60px}

.headlinecontentBaum{font-family:'FontNormal', sans-serif;font-size: 58px;font-weight: 800;line-height: 52px;margin-bottom: 20px}
.paddingRc{padding-right: 46px}
.btn-gruen-weisstxt{border-radius: 30px; font-size: 28px;font-weight: 900;padding-left: 20%; padding-right: 20%;}

.baumpflanzboxVertrag{border-radius: 15px 15px 0 0;padding:10px 85px;background: #fff;-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.7); 
box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.7);width: fit-content;margin: 0 auto; font-size: 30px; text-align: center;font-weight: 900; margin-top: 115px;z-index: 888;position: fixed;bottom: -4px;left: 35%}
.baumpflanzboxVertrag .baumboxcontent{font-size: 20px}
.baumpflanzboxVertrag  .icon_bbaumspaten{position: absolute;left: 0;bottom: 28px}

#an-close {
  border: 1px solid red;
  height: 9%;
  width: 35%;
  position: absolute;
  left: 12%;
  top: 72%;
}
#an-Baum {
  border: 1px solid red;
  height: 9%;
  width: 35%;
  position: absolute;
  left: 53%;
  top: 72%;
}

@media(max-width:768px){
	.baumpflanzboxVertrag{font-size: 16px; padding: 10px 20px 10px 45px; bottom: 0;left: 0;right: 0}
	.baumpflanzboxVertrag .baumboxcontent{font-size: 12px}
	.baumpflanzboxVertrag .icon_bbaumspaten{left: 0}
	.baumpflanzboxVertrag .icon_bbaumspaten img{height: auto; width: 44px}
	.btn-gruen-weisstxt{border-radius: 30px; font-size: 20px;font-weight: 900;padding-left: 14%; padding-right: 14%;}
	footer .text-center{	text-align: right !important;}
	.icon_zurueckstartseite{font-size: 14px; text-transform: none;margin-left: 0;text-align: right}
	.mobilehead{padding: 20px}
	.mobilehead .row{margin-bottom: 0}
	 .mobilehead  [class*="col-"]{margin-bottom:0 } 
	.mobilehead a{text-decoration: none}
	.BaumFortschritt{position: relative; right: auto;left: auto; margin: 0 auto; height: 188px; width: 188px}
	.headlinecontentBaum{text-align: center;font-size: 34px;line-height: 34px}
	.backer_left, .backer_rigth{background:#F5F5F5; text-align: center;margin-bottom: 170px;margin-top: 43px}
	.pic_right{margin-top: 40px;margin-bottom: -151px;padding: 0 40px}
	.paddingRc{padding-right: 0}
	.backer_rigth .paddingRc{margin-bottom: 0;padding-left: 0}
	.pic_left{position: relative}
	.mobilbox{background: #f5f5f5; padding: 20px; text-align: center; margin-top:80px;margin-bottom: 1%}
	.mobilbox .boximagemobil{max-width: 60%; height: auto;margin-bottom: -38%}
	.minusmarginmobile{margin-top: -10px !important}
}

@media(min-width:768px) and (max-width:991px){
	.baumpflanzboxVertrag{font-size: 16px; padding: 10px 20px 10px 45px; }
	.baumpflanzboxVertrag .baumboxcontent{font-size: 14px}
	.baumpflanzboxVertrag .icon_bbaumspaten{left: 4px}
	.baumpflanzboxVertrag .icon_bbaumspaten img{height: auto; width: 44px}
	.backer_rigth .paddingRc{padding-right: 20px;padding-left: 60px}
	.btn-gruen-weisstxt{border-radius: 30px; font-size: 20px;font-weight: 900;padding-left: 14%; padding-right: 14%;}
	.BaumHederBox .row{margin-bottom: 0}
	.BaumHederBox {  padding: 15px 20px;width: 90%;}
	.baumheadlinebannerinner{font-size: 60px; line-height: normal}
	.fuenfhundert_baeume{ bottom: 12%;}
	.BaumFortschritt{bottom: -22px}
	.headlinecontentBaum{font-size: 41px;line-height: 44px}
	
	.backer_left{background: #F5F5F5;background: linear-gradient(270deg, rgba(245, 245, 245, 0) 13%, rgba(245, 245, 245, 1) 13%);padding: 20px; margin-top: 100px}
.backer_rigth{background: #F5F5F5;background: linear-gradient(90deg,rgba(245, 245, 245, 0) 13%, rgba(245, 245, 245, 1) 13%);padding: 20px; margin-top: 100px}
}
@media(min-width:992px) and (max-width:1199px){
	.baumpflanzboxVertrag{font-size: 20px; padding: 10px 20px 10px 45px; }
	.baumpflanzboxVertrag .baumboxcontent{font-size: 16px}
	.baumpflanzboxVertrag .icon_bbaumspaten{left: 4px}
	.baumpflanzboxVertrag .icon_bbaumspaten img{height: auto; width: 44px}
	.baumheadlinebannerinner{font-size: 60px; line-height: normal}
	.fuenfhundert_baeume{ bottom: 9%;}
	.BaumFortschritt{bottom: -22px}
	.backer_left{background: #F5F5F5;background: linear-gradient(270deg, rgba(245, 245, 245, 0) 13%, rgba(245, 245, 245, 1) 13%);padding: 20px; margin-top: 100px}
.backer_rigth{background: #F5F5F5;background: linear-gradient(90deg,rgba(245, 245, 245, 0) 13%, rgba(245, 245, 245, 1) 13%);padding: 20px; margin-top: 100px}
}



/* Baumppflanzprojekt ########################################################################################## */ 




/* PRINT ================================== */
@media print{
	header a[href]::after {
  content: " <" attr(href) ">";
display: none;
}
	.collapse, .panel-heading {display: block !important; width: 100% !important; float: none !important;clear: left}
	.panel-heading:after{ display: block;content: '\A'; white-space: pre;page-break-inside: avoid;clear: left}
	.hiddenforprint{display: none !important}
	.socials,.registrieren,.navbar-default,.btnopacity,footer{display: none}
	.btn-block{display: none}
	[id*="option"]{display: block !important}
}

#ausblendero .checkbox label{
	padding-left: 0
}

/* PRINT ende ================================== */