@charset "utf-8";
/* CSS Document */
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


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

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

hr{border-top: 1px solid #000;}
.hrnomargin{margin: 0;padding: 0}
.hrbaustelle{border-top: 1px solid #000 !important}

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} 

header{padding: 20px 0 0 0;color: #a49b97; text-transform: uppercase}

.gruen{color:#00d600 !important}
.gruenback{background-color: #00d600}
.grau{color: #756a65;}
.hellgrau{color: #f3f2f1}
.hellgrauback{background: #f3f2f1}
.hellblauback{background: #f2fbff}
.grauback{background: #F3F2F1;}
.graubackfoerderpr{background: #f9f9fa}
.blau{color: #00b1ff !important}
.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}
.viablau{color: #00b1ff}
.viablauback{background: #00b1ff}
.vialila{color: #8b198b}
.vialilaback{background: #8b198b}
.viaorange{color: #ffb200}
.viaorangeback{background: #ffb200}
.viagruen{color: #00d600}
.viagruenback{background: #00d600}
.weissback{background: #fff}

.font12{font-size: 12px}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font24{font-size: 24px}
.font28{font-size: 28px}
.font36{font-size: 36px}
.font130{font-size: 130px}

.font28 small{font-size: 14px}

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

.txtuppercase{text-transform: uppercase}
.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-family: 'Roboto', sans-serif; font-weight: 100}

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

.paddingL0noXS{padding-left: 0}
.paddingL0{padding-left: 0}
.padding0{padding: 0 !important}
.padding5{padding: 5px}
.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}
.padding2040{padding: 20px 40px}
.padding6-84{padding: 6px 84px}
.marginLR0{margin-left: 0 !important ; margin-right: 0 !important}
.marginl3{margin-left: 3px !important}
.marginL15{margin-left: 15px}
.marginl20{margin-left: 20px}
.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%}
.marginl20{margin-left: 20px}
.marginbottom0{margin-bottom: 0 !important}
.marginbottom5{margin-bottom: 5px}
.marginbottom10{margin-bottom: 10px !important}
.marginbottom20{margin-bottom: 20px}
.margintop_minus3{margin-top: -3px}
.margintop0{margin-top: 0 !important}
.margintop15{margin-top: 15px}
.width100percent{width: 100%}
.width60px_no_xs{width: 60px !important}
.widthAuto{width: auto}
.width100percent.btn-group{width: 100% !important}

.trenner100{height: 200px}

.underline{text-decoration: underline}

.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{padding-left: 10%; padding-right: 10%; color: #000; background-color: #00d600}

.height34{height: 34px}

.bottomabsolute{position: absolute; bottom: 10px}
.displayblock{display: block}
.displayinlineblock{display: inline-block}
.fielddisplaynone{display: none}
.greenbox{ background: #00d600; padding: 40px}
.greenbox h3{margin-top: 0}

.greenboxsmall{background: #00d600; padding: 10px 80px;}

.barrierebuttons img{cursor: pointer}

.display_table{display: table; margin-bottom: 15px}

ul, ol{padding-left: 15px}

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

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


@media  (max-width: 767px)  {
	
	
	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]{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{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: #00d600; 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}
	.headrow [class*=col-]{margin-bottom: 0px}
	
	.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: #00D600;*/ 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;

}




.dropdown-menu{border: none}
.dropdown-menu > li > a{color: #a49b97;font-weight: 300}



.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){
	html, body {
	font-size: 14px;
	}
	.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: 371px;font-size: 44px; /*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 );
	position: relative;
}

.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}



.tableergebnis{margin-top: 20px; position: relative}
.tableergebnis .box{background: #fff;padding: 30px 20px 0 20px}
.tableergebnis .boxaktionen{background: #fff;padding: 20px 20px 10px 20px}
.tableergebnis .kopf{text-align: center; font-size: 28px; color: #00d600;  margin-bottom: 20px; }
.tableergebnis .kopfheader{margin-top: 20px}
.tableergebnis .kopf .kopfsubheader{/*min-height: 30px; */ font-size: 12px !important;}

.tableergebnis ul, .weissbox_nomarginRL ul, .bestelltemplate ul, .weissboxprod ul, .produktbox ul {list-style: none;  padding: 0;}
.tableergebnis li, .weissbox_nomarginRL li, .bestelltemplate li , .weissboxprod li, .produktbox li { padding-left: 1em;padding-bottom: 2px; padding-right: 10px; padding-top: 2px; margin-bottom: 4px;   position: relative;}
.tableergebnis li:before, .weissbox_nomarginRL li:before,.bestelltemplate li:before, .weissboxprod li:before, .produktbox li:before {  content: "\f105";   font-family: FontAwesome; left: 0px; position: absolute; width: 1.3em;bottom:0; top: 0; }
.tableergebnis li.lihidden:before, .weissbox_nomarginRL li.lihidden:before, .weissboxprod li.lihidden:before , .produktbox li.lihidden:before {  content: "";   font-family: FontAwesome; left: 15px; position: absolute; width: 1.3em;bottom:0; top: 0; }
.tableergebnis .preis, .weissbox .preis, .weissboxprod .preis, .preis{font-size: 50px; position: relative; font-weight: 400;font-family: 'Roboto', sans-serif; }
.tableergebnis .infokreis, .weissbox .infokreis, .weissboxprod .infokreis, .infokreis{border: 1px solid #000; -webkit-border-radius: 50%;-moz-border-radius: 50% ;-ms-border-radius: 50%;-o-border-radius: 50%; border-radius:50%; position: absolute; top: 10px; right: 15px; font-size: 14px; width: 55px; height: 55px; display: table}
.tableergebnis .infokreis a, .weissbox .infokreis a, .weissboxprod .infokreis a, .infokreis a{display: table-cell; color: inherit; vertical-align: middle; text-align: center}
.tableergebnis .unserbester{position: absolute; top: 10px; right: 25px;}
/* .werbebanner_rechnung{position: absolute; right: 0; top: 0; background: #00d600;color: #fff; text-align: center; padding-top: 10px; display: none} */


.weissboxprod .paketbonus,.produktbox .paketbonus{display: none}
/*.infokreis2{top: 0px;}*/

.infokreis a:active,.infokreis a:focus{color: #00d600;}

.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: 150px}
.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;
}


@media (max-width: 767px) {
	.zusammenfassungtable{margin-top: 15px}
	.bannerergebnissTK{background: #00d600; 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 #00d600}
	.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
	.panel-default > .panel-heading{background-color: #00d600;}
	
	.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: 7px}
	.panel-default, .js-tabcollapse-panel-body{background: #F3F2F1 !important;}
}
.tab-content{background: #F3F2F1;padding: 28px 21px 1px 21px}

.tabgroup .nav > li > a{font-size: 18px; color: #7f7e92;background: rgba(255,255,255,0.7);-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: #F3F2F1; font-size: 18px}
.navbar-default{font-size: 18px}
.dropdown-menu{font-size: 16px}

@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; margin-top: 250px;}
	.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){
	.headrow .img-responsive{padding-left: 4px; padding-right: 4px}
	.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; margin-top: 260px}
	.tabgroup{width: 90%}
	.navbar-default{font-size: 14px}
	
	
	.tableergebnis .kopf{font-size: 20px; color: #00d600; font-weight: 800; margin-bottom: 20px; }
	.tableergebnis .infokreis{ top:10px;right: 0px; padding: 10px;font-size: 14px}
	.headerergnis{width: 70%}
	
	
}

.tabgroup .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {border-color: #F3F2F1;color: #000; background: #F3F2F1}

.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}


.btn-green:hover, .btn-green:focus, .btn-green:active{background: #fff;border-color: #00d600}

.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: #00d600}

.btn-gruen_100percentcenter{background: #00d600;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: #00d600; border-color: #00d600}

.btn-green_bestellen_flach{background: #00d600; border-color: #00d600;/*border-radius: 0;*/color: #000;font-weight: 300; padding: 4px 12px}
.btn-green_bestellen_flach:hover, .btn-green_bestellen_flach:focus, .btn-green_bestellen_flach:active{background: #fff;border-color: #00d600}

.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: #fff;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;}

.img-circle{ -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; border-radius:50%;}
.ticker{height: 100px; background: #0f0}


.btnopacity .btn{
	background-color: #00b1ff;
	color: #fff;

}

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

-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);

}

.btn-footer{padding: 4px; color: #fff; font-size: 16px; font-weight: 500; width: 100%; border-radius: 0; text-transform: uppercase}
.btn-footer{background: #042b60}
.btn-footer:hover,.btn-footer:focus,.btn-footer:active{background: #042b60; border-color: #fff; color: #fff}

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







/* checkboxen big ========================== */
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #00b1ff;
    border-radius: 0;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
	background: #fff;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

/* checkboxen big ========================== */



#anpassform .form-group, #anpassform .checkbox{margin-right: 10px; margin-bottom: 10px}
#anpassform .checkbox{line-height: 14px}
#anpassform label{width: 100%}

#anpassform .checkbox .cr,
.radio .cr,#anpassform .form-control {
border-color: #fff	 
}
.formergebnisse .checkbox .cr,
.radio .cr, .formergebnisse .form-control {
border-color: #a9a9a9	 
}
#anpassform .form-control, #anpassform .btn{ box-shadow: 0;
	-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;border-radius: 0 !important; border-color: transparent !important
}
#anpassform #btn-ok{font-size: 22px;padding: 0px 6px;}

#datenrechner span{margin-right: 20px}


.disabledIX{background-color: #9c9e9f}




.heightboxinfodyn{height: 365px !important}
.tableborderbottom{border-bottom: 1px solid #000}


.fernwaermegruenbox{background: #00d600; padding: 20px}

footer{background: #00b1ff; color: #FFFFFF; font-size: 12px; padding: 20px 0 70px 0; margin-top: 14px}
footer a{color: #fff;}


/* 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
}


@media (max-width: 767px) {
	#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: ''}




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

.datenschutz ol { counter-reset: item; padding-left: 0px;  }
.datenschutz li{ display: block; }
.datenschutz li:before { content: counters(item, ".") " "; counter-increment: item; font-size: 18px ;font-weight: 700}
.datenschutz .headfont{font-size: 16px;font-weight: 700 }


.datenschutz ul.stylenormal li:before{counter-reset: item;content: ". "; margin-left: -10px; } 


	 
.headlinecontent{color: #9c9e9f; margin-top: 0; 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: 82px; font-weight: 400; text-align: center;line-height: 42px; margin-top: 10px;margin-bottom: 10px}
.headlinemobile .mobilline{font-size: 59px; opacity: 0.7}
.headlinemobile .subline{font-size: 46px; 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 .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;}





.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){
	.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){
	.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}

/*
.ixtechacc .panel-heading .accordion-toggle:after {

    font-family: 'Glyphicons Halflings';  
    content: "\E134";   
    float: left;        
    color: grey;         
	padding-right: 10px
}
.ixtechacc .panel-heading .accordion-toggle.collapsed:after {
    content: "\E131";   
}
	  .panel-title a{display: block}

*/
label{font-weight: 400}
.ixtechacc .panel-heading .accordion-toggle p:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  
    content: "\f106";   
   /* float: left;        */
    color: #000;         
	padding-left: 10px
}
.ixtechacc .panel-heading .accordion-toggle.collapsed p:after {
    
	content: "\f107"; 
       
}
.ixtechacc .panel-title a{display: block; text-decoration: none}
.ixtechacc .panel-body{background-color: transparent}
.ixtechacc .panel-default > .panel-heading{background-color: #a49b97}
.ixtechacc .doing{background-color: #00d600 !important}
.ixtechacc .panel-heading .accordion-toggle p{margin-bottom: 20px;margin-top: 20px; font-size: 28px}
.panel{box-shadow: none !important}
.panel-default {

    border-color: transparent !important;

}

.ixtechacc .panel-default > .panel-heading.nobackacc{background-color: transparent !important; padding: 0 ; margin-bottom: 15px}

.ixtechacc .panel-default > .panel-heading.nobackacc p{font-size:28px;margin-bottom: 0px;margin-top: 0px;}
 .nobackacc .panel-default{margin-bottom: 20px !important}

.accordeonausbildung_sub .panel-title{background: #f3f2f1;}
.accordeonausbildung_sub .panel-heading {
	padding: 5px 0px;}
.accordeonausbildung_sub .accordion-toggle{ display: block; padding: 10px; font-weight: 600; color: #756a65; text-transform: uppercase; position: relative}

.accordeonausbildung_sub .panel-title > a:after 
{
content: '';background: url("../images/icons/toogelopen.svg") no-repeat;height: 20px;width: 20px;position: absolute;
right: 29px; top: 50%;padding-left: 10px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.accordeonausbildung_sub .panel-title > a[aria-expanded="true"]:after 
{
height: 20px;width: 20px; content: '';background: url("../images/icons/toogleclose.svg") no-repeat;
}

/* */
.accordeonausbildung_sub2 .panel-title{background: #f3f2f1;}
.accordeonausbildung_sub2 .panel-heading {
	padding: 5px 0px;}
.accordeonausbildung_sub2 .accordion-toggle{ display: block; padding: 10px; font-weight: 600; color: #756a65; text-transform: uppercase; position: relative}

.accordeonausbildung_sub2 .panel-title > a:after 
{
content: '';background: none;height: 20px;width: 20px;position: absolute;
right: 29px; top: 50%;padding-left: 10px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.accordeonausbildung_sub2 .panel-title > a[aria-expanded="true"]:after 
{
height: 20px;width: 20px; content: '';background: url("../images/icons/toogleclose.svg") no-repeat;
}
/* */


.karrierestellenausbildung{color: #756a65;}
.boxacc1{background: #f2fbff;  color: #00b1ff;text-align: center}
.karrierestellenausbildung .panel-title a:not(.collapsed)  .boxacc1{background: #daf0fd}
.boxacc1 h3{font-size: 24px; font-weight: 600; margin-bottom: 0; margin-top: 0}
.boxacc1 img{margin-bottom: 5px;}
.boxacc1 .inner{padding: 15px}
.boxacc1 .inner.titlebox{position: relative}

.boxacc1 .inner.titlebox .kreiskarriere, .karrierestellenausbildung .panel-title a:not(.collapsed) .kreiskarriere
{position: absolute; bottom: -40px; height: 70px; width: 70px;left: 50%;transform: translateX(-50%); background-size: 92px 80px;background-repeat: no-repeat}

.boxacc1 .inner.titlebox .kreiskarriere{background: url("../images/icons/icon_pfeilkreisbox.svg"); background-repeat: no-repeat}
.karrierestellenausbildung .panel-title a:not(.collapsed) .kreiskarriere{background: url("../images/icons/icon_pfeilkreisbox_close.svg"); background-repeat: no-repeat }

.boxacc1 .inner.titlebox .kreiskarriere:hover{cursor: pointer}

.karrierestellenausbildung .panel-default > .panel-heading{
   border-color: transparent; padding: 0
}
.karrierestellenausbildung a:focus, .karrierestellenausbildung a:hover{text-decoration: none}
.boxabstandpanel{margin-bottom: 41px}

.pluspunkteneu{color: #756a65; text-align: center}
.pluspunkteneu .header{text-transform: uppercase; font-size: 28px; font-weight: 600}
.pluspunkteneu p{ margin-top: 5px}
.pluspunkteneu .imgblock{height: 83px;position: relative;margin-bottom: 5px}
.pluspunkteneu .imgblock img{position: absolute; bottom: 0;left: 50%;transform: translateX(-50%);}
@media(max-width:767px){
	.boxacc1 h3{font-size: 22px}
	.boxacc1 .inner{padding: 10px}
	.pluspunkteneu .header{font-size: 22px}
	.karrierestellenausbildung .dreiboxen{font-size: 12px}
	.accordeonausbildung_sub .panel-default > .panel-heading, .karrierestellenausbildung .panel-default > .panel-heading, .karrierestellenausbildung .panel-default{background-color: transparent !important;}
	.tablecellmobile{display: inline}
	.patchmodell_kreis { width: 120px; height: 120px; font-size: 84px;}
	
	.preissolar_blau, .preissolar_magenta, .preissolar_orange{ font-size: 50px;}

	.produktbox.bestelltemplate{margin-left: 0; margin-right: 0}
	.produktbox .infokreis,.produktbox .infokreis4, .produktbox .infokreis2, .weissbox_nomarginRL .infokreis3{padding: 14px;}
	
	.boxacc1 .inner.titlebox .kreiskarriere, .karrierestellenausbildung .panel-title a:not(.collapsed) .kreiskarriere {
    bottom: -28px;
    height: 50px;
    width: 50px;
    background-size: 54px 40px;
		background-repeat: no-repeat
}
}

@media(min-width:768px) and (max-width:991px){
	.karrierestellenausbildung .dreiboxen{font-size: 12px}
	.boxacc1 .inner{padding: 10px}
	.boxacc1 h3{font-size: 18px}
	.boxacc1 .inner.titlebox .kreiskarriere {
    position: absolute;
    bottom: -31px;
    height: 50px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../images/icons/icon_pfeilkreisbox.svg");
    background-size: 46px 41px;
		background-repeat: no-repeat
}
	.karrierestellenausbildung .panel-title a:not(.collapsed) .kreiskarriere{
		background: url("../images/icons/icon_pfeilkreisbox_close.svg");position: absolute;
    bottom: -31px;
    height: 50px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%); background-size: 46px 41px;
		background-repeat: no-repeat
	}
	.boxacc1 .panel-title{font-size: 14px}
	.pluspunkteneu .header{font-size: 18px}
.preissolar_blau, .preissolar_magenta, .preissolar_orange{font-size: 40px;}
	#anpassform .form-group{margin-bottom: 30px !important}
	
}
@media(min-width:992px) and (max-width:1199px){
	.boxacc1 .inner.titlebox .kreiskarriere {
    position: absolute;
    bottom: -24px;
    height: 50px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../images/icons/icon_pfeilkreisbox.svg");
    background-size: 50px 50px;
		background-repeat: no-repeat
}
	.karrierestellenausbildung .panel-title a:not(.collapsed) .kreiskarriere{
		background: url("../images/icons/icon_pfeilkreisbox_close.svg");position: absolute;
    bottom: -24px;
    height: 50px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%); background-size: 50px 50px;
	}
	.pluspunkteneu .header{font-size: 22px}
	.newzahlenboxen.zahlenfaktenbox, .grauboxverticalmiddle{padding: 5px;margin-left: 5px; margin-right: 5px; }
	.vialilasolar_blau, .preissolar_magenta, .preissolar_orange{font-size: 60px;}
}
.karrierestellenausbildung .panel-body{padding: 0}
.karrierestellenausbildung .accordeonausbildung_sub .panel-body{padding: 15px}
/*
 * 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}
	}




.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}

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

.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: #fff; background: #00b1ff; font-size: 20px}



.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){
	.headlinecontent{font-size: 18px;margin-bottom: 20px;}
	.ixtechacc .panel-heading .accordion-toggle p{font-size: 18px;margin-bottom: 3px;margin-top: 3px;}
	.ixtechacc .panel-default > .panel-heading.nobackacc p {font-size: 18px;}
	.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:37px;z-index:1888; background: #000; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; border-radius:50%;width:41px; height:41px;}
#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 ============================*/



.minusmargin{margin-top: -13px !important;}

.form-control{border-color: transparent !important; box-shadow: none; background-color: #ebf9ff; color: #00b1ff; padding: 20px }
.form-control.borderred{border: 1px solid #c00 !important;}
.recaptcha-error.borderred{border: 1px solid #c00 !important;width: max-content}
.weisserror {
    background: #c00;
    padding: 10px;
    margin-bottom: 25px;
    color: #fff;
    margin-top: 10px;
}
.aktionvia{padding: 10px;color: #fff; font-weight: 600; text-align: center;margin-left: -20px;margin-right: -20px;margin-top: 20px}

.table-responsive-noslider td, .table-responsive-noslider th{padding: 20px !important}

.table-responsive-noslider, .table-responsive-slider{font-size: inherit}
.table-responsive-slider .table > thead > tr > th{border-bottom: transparent; padding: 5px 30px}
/*.table-responsive-slider .table > tbody > tr > td{border-top: none !important} */
 /*.table-responsive-slider .table > tbody > tr > td{border-top: none;padding: 5px 30px;} */
.table-responsive-slider .table > tbody > tr > td{border-top: 1px solid #000; padding: 5px 30px}

.table-responsive-slider .table > thead > tr > th:first-of-type,.table-responsive-slider .table > tbody > tr > td:first-of-type{padding-left: 10px}
.table-responsive-slider label{padding-left: 10px}
.table-responsive-slider  .radio, .table-responsive-slider .checkbox { margin-top: 0px;margin-bottom: 0px;}
.nomarginbottom{margin-bottom: 0 !important}
.table-responsive-slider p{margin-bottom: 0}
.formergebnisse .table-responsive-slider .checkbox label, .formergebnisse .table-responsive-slider .radio label {
    padding-left: 8px !important;
}
#formrechner .form-group.row{margin-top: 0}
.form-group {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
	.borderbottomblackmobile{border-bottom: 1px solid #000 !important}
	.routerbox .panel-default{background-color: #fff !important}
	.table-responsive-slider .radio label{padding-left: 0}
	#formrechner [class*="col-"] {margin-bottom: 10px;}
	#formrechner .form-control{font-size: 16px}
	
	.table-responsive-slider .table > thead > tr > th:first-of-type,.table-responsive-slider .table > tbody > tr > td:first-of-type{padding-left: 5px !important}
	.table-responsive-slider tr{padding: 10px}
  .table-responsive-noslider table,
  .table-responsive-noslider thead,
  .table-responsive-noslider tbody,
  .table-responsive-noslider th,
  .table-responsive-noslider td,
  .table-responsive-noslider tr,
.table-responsive-slider table,
  .table-responsive-slider thead,
  .table-responsive-slider tbody,
  .table-responsive-slider th,
  .table-responsive-slider td,
  .table-responsive-slider tr
	{
    display: block;
    overflow: hidden; font-size: 14px }
  .table-responsive-noslider thead tr, .table-responsive-slider thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table-responsive-noslider tr:nth-child(odd) td {
    /*border-bottom: 1px solid #666; */
    background-color: transparent; }
	
	.table-responsive-slider tr:nth-child(odd) td {
    border-bottom: transparent;
    background-color: #fff; }
	
  .table-responsive-noslider td, .table-responsive-slider td {
    display: flex;
    border-bottom: transparent; }
    .table-responsive-noslider td:before {
      content: attr(data-label) ": ";
      flex: 0 0 9em;
      font-weight: bold;
      margin-right: 1em;
      margin-bottom: 0.25em; } 
	
	.table-responsive-slider td:before {
      content: attr(data-label) " ";
      flex: 0 0 9em;
      font-weight: bold;
      margin-right: 1em;
      margin-bottom: 0.25em;
	display: block;
	/*	padding-top: 9px; */
	} 
	
	.table-responsive-noslider td, .table-responsive-noslider th, .table-responsive-slider td, .table-responsive-slider th{padding: 5px !important}
	.table-responsive-noslider .text-right, .table-responsive-slider .text-right{text-align: left}
	
	
	.table-responsive-slider td.hiddenxs::before {
    content: attr(data-label) " ";
    flex: 0 0 0em;
    font-weight: bold;
    margin-right: 0;
    margin-bottom: 0.25em;
    display: block;
    padding-top: 9px;
}
	.table-responsive-slider td.hiddenxs  .checkbox label, .table-responsive-slider td.hiddenxs  .radio label {
    padding-left: 0px !important;
}
}
@media(min-width:992px) and (max-width:1199px){
	.radiobigtxt{font-size: 20px}
	.radiobigtxt.radio-inline input[type="radio"] { top: 2px;}
}

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

.form-wrapper {

}

.form-group {
  position: relative;
}

.form-label {
	font-size: 20px;
  position: absolute;
  left: 14px;
  top: 8px;
  color: #00b1ff;
  /*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: 28px}
/*.selectformgroup .form-label{top:-18px} */

.focused .form-label, .selectformgroup .focused .form-label {
  -webkit-transform: translateY(-125%);
          transform: translateY(-125%);
  font-size: 20px; color: #00b1ff;
}

.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 #00d600; */
}


.infokreismini {
    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;
    top: 12px;
    right: 15px;
    padding: 6px;
    font-size: 12px;
    margin-top: -8px;
    left: 0;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
}
.infokreismini, .infokreisminiPositionRelative a:active,.infokreismini a:focus{color: #00d600;}

.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;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
}

.ui-autocomplete{min-height: 400px;}
@media (max-width: 767px) {
	
	.ixtechaccform .panel-heading .accordion-toggle p {
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 20px;
}
	.marginbottom0 [class*="col-"] {
    margin-bottom: 3px;
}
	
	
	.ui-autocomplete{min-height: 300px;}
.infokreismini, .infokreisminiPositionRelative {

    width: 38px;
    height: 38px;

    top: 12px;
    right: 15px;
    padding: 7px;
    font-size: 12px;
    margin-top: -8px;
    left: 0;
}
}
 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: 32px}

.bs-caret{position: relative}
.bootstrap-select.btn-group .dropdown-toggle .newcaret {left: -7px !important;}
.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 !important;}

.ulnostyle{list-style: none}

.suchedesktopbutton{margin-left: 30px}
.paging1Next, .paging1Prev{padding: 6px 15px; background: #f3f2f1}
.ajaxSearch_resultLink{display: block}
.ajaxSearch_resultsDisplayed{margin-left: 5px}
.ajaxSearch_resultsDisplayed:before{content: "("}
.ajaxSearch_resultsDisplayed:after{content: ")"}
.ajaxSearch_highlight{background: #f3f2f1; padding: 4px}
#myModalSearch .modal-body{background: #f3f2f1}

.ui-datepicker{z-index: 12 !important;}

/*.formergebnisse row{margin-bottom: 10px} */
.formergebnisse .checkbox label{padding-left: 0 !important}
.hiddenZeileSumme{display: none}

.checkbox label{padding-left: 0}
/* Kacheln Start =============================================== */

.containerstartkacheln{
	  position: relative;
}

.imagekachelstart {
  display: block;
  width: 100%;
  height: auto;
}

.overlaystartkacheln {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
	text-align: center; color: #fff;
	display: flex;
align-items: center;
justify-content: center;
}

.containerstartkacheln:hover .overlaystartkacheln, .boxvater:hover .overlaystartkacheln, .boxvaterfach:hover .overlaystartkacheln{
  opacity: 1;
}



.paketbonus,.paketbonusbest {margin-left: -20px;margin-right: -20px;padding-left: 20px;}
.bestelltemplate .paketbonus{margin-left: -20px;margin-right: -20px;padding-left: 20px;}

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

 [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 (max-width: 767px) {
	.bestelltemplate .paketbonus{margin-left: 0px;margin-right: 0px;padding-left: 20px;}
	.bestelltemplate ul{padding-left: 20px}
	.bestelltemplate .paketbonus ul{padding-left: 0px}
	[data-autocomplete-filter-error-type="streetident"]:not(:empty){top:47px;width:100%;}
	[data-autocomplete-filter-info="true"]:not(:empty) [data-autocomplete-filter-error="true"]:not(:empty){top:-47px; width: 100%;}
	
}
@media(min-width:768px) and (max-width:991px){
	.bestelltemplate .paketbonus{margin-left: 0px;margin-right: 0px;padding-left: 20px;}
	.bestelltemplate ul{padding-left: 20px}
	.bestelltemplate .paketbonus ul{padding-left: 0px}
	[data-autocomplete-filter-error-type="streetident"]:not(:empty){top:47px;width:220px;}
	[data-autocomplete-filter-info="true"]:not(:empty), [data-autocomplete-filter-error="true"]:not(:empty){top:-64px; width: 220px;}
}
@media(min-width:992px) and (max-width:1199px){
	[data-autocomplete-filter-error-type="streetident"]:not(:empty){top:47px;width:274px;}
	[data-autocomplete-filter-info="true"]:not(:empty), [data-autocomplete-filter-error="true"]:not(:empty){top:-64px; width: 247px;}
}

.cookiebottom{background: #000; color: #fff;padding: 10px;font-size: 12px}
.cookiebottom a{color: #fff}
.cookiebottom .btn{color: #000}
#setcookiebtn{display: inline}

.warenkorbicon{right: 20px}
	  .my-product-total, .my-cart-grand-total{text-align: right}
	  .fixed{-moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);}
.fixed{z-index:999;position: fixed !important;top:0;left:0; width:100%;background: #00d600; }
	  .defaultx{position: relative}



.meldungstartseite{padding: 40px; background: #00d600;}
.meldungstartseite .row{margin-bottom: 0}
.meldungstartseite .left{font-size: 40px; }
.meldungstartseite .right{color: #fff; font-size: 24px;line-height: normal;}
.meldungstartseite span{color: #000; font-weight: 300; font-size: 14px}

@media (max-width: 767px) {
	
	.meldungstartseite{text-align: center}
	.meldungstartseite .left{font-size: 28px; }
	.meldungstartseite .right{ font-size: 22px;}
}

/* google map =============================================== */
/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 35%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
	.Flexible-container {height: 400px}
	
	
}
/* google map ende =============================================== */



.kreiszahl {
    height: 170px;
    width: 170px;
    border-radius: 50%;
    background: #00d600;
    color: #006700;
    text-align: center;
    vertical-align: middle;
	margin: 0 auto;
}
.kreiszahl .child{position: relative; left: 50%;top: 50%;transform: translate(-50%,-50%);  font-size: 120px; font-weight: 400;font-family: 'Roboto', sans-serif;}




.faqbuttonblock{display: inline-flex;align-items:center; margin-bottom: 10px}
.faqtelbutton{
	background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 67%, rgba(255,255,255,1) 97%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 67%, rgba(255,255,255,1) 97%, rgba(0,0,0,1) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 67%, rgba(255,255,255,1) 97%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	border-radius: 5px; height: 50px; width: 70px; text-align: center; color: #fff; display: inline-flex;align-items:center;justify-content : center; font-weight: 600; font-size: 34px; float: left;
	margin-right: 5px
}
.faqtelbutton.smallbutton{
	font-size: 24px; height: 35px;width: 50px; margin-left: 20px; 
}
 .leerbutton{

	 height: 35px;width: 50px; margin-left: 20px; 
}
.faqtable tr{border-bottom: 5px solid transparent}

.faqtablemobilandnomobil{width: 60%}
.faqtablemobilandnomobil tr{border-bottom: 25px solid transparent}
.faqtablemobilandnomobil td:nth-child(1){width: 70%; padding-right: 5%}
.faqtablemobilandnomobil td:nth-child(2){width: 20%; word-break: normal; vertical-align: bottom}
.faqtablemobilandnomobil td:nth-child(3){width: 5%;vertical-align: bottom}
.img-justfied {display: flex;justify-content: space-between;align-items: center; width: 100%; }
@media (max-width:991px) {
	.faqtablemobilandnomobil{width: 100%}
	.faqtablemobilandnomobil td:nth-child(1){width: auto; }
	.faqtablemobilandnomobil td:nth-child(2){width: auto}
	.faqtablemobilandnomobil td:nth-child(3){width: auto; padding-left: 5px}
	.img-justfied{display: block; text-align: center}
	.img-justfied img{display: inline}
}

.stoerer-noxs{position: absolute; top: 64px}


.socials{position: fixed; right: 0px; top: 99px;z-index: 789; }
.socials img{ padding: 0 !important; display: block; margin-bottom: 1px}
.socials .iconpin{position: relative}

/* Side Menu */
#sidebar-wrapper {
  position: fixed;
  z-index: 790;
  right: 0;
  width: 250px;
  height: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: translateX(250px);
}

.sidebar-nav {
  position: absolute;
  top: 79px;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
	background: #00b1ff;
	text-align: left;
	font-weight: 700;
	font-size: 26px;
	height: 514px
}

.sidebar-nav li.sidebar-nav-item a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 15px;
	text-transform: none
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  font-size: 1.2rem;
  background: rgba(52, 58, 64, 0.1);
  height: 80px;
  line-height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.sidebar-nav > .sidebar-brand a {
  color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

a.menu-toggle{color: #00b1ff}
.menu-toggle {
  position: fixed;
  right: 28px;
  top: 20px;
  width: 100px;
  height: 52px;
  text-align: center;
  color: #00b1ff;
  line-height: 50px;
  z-index: 999;
}

.menu-toggle:focus, .menu-toggle:hover {
  color: #00b1ff;
}

.menu-toggle:hover {
  
}

.service-icon {
  background-color: #fff;
  color: #1D809F;
  height: 7rem;
  width: 7rem;
  display: block;
  line-height: 7.5rem;
  font-size: 2.25rem;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
/* Side Menu */

.emovater{position: relative}
.emotitle{position: absolute; bottom: 30px; left: 50%;transform: translateX(-50%); font-size: 24px; font-weight: 600; color: #fff; text-transform: uppercase}

.headline h1,.headline h2{font-size: 44px; text-transform: uppercase; color: #756a65}
.headline{margin-bottom: 40px}
 section{margin-top: 40px;}
@media (max-width: 768px){
	.headline h1{font-size: 30px; }
	 section{margin-top: 40px;padding-top: 52px}
	.headline{margin-bottom: 30px}
	.menu-toggle {position: absolute; right: 0}
	.stoerer-noxs{top: 39%}
	.stoererabstand{height: 111px}
	.socials {right: 0px;top: 107px;z-index: 789; position: absolute}
	.socials img {width: 48px;height: 48px;}
	.sidebar-nav {
	height: auto; font-size: 16px	
	}
}
@media(min-width:768px) and (max-width:991px){
	.emotitle {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: 200px;
    text-align: center;
}
	.headline h1{font-size: 30px; }
.sidebar-nav {
	top: 87px; height: 414px; font-size: 18px
	}
	.socials {right: 0px;top: 107px;z-index: 789; position: absolute}
	.menu-toggle{position: absolute; right: 0px; top: 0}
}
@media(min-width:992px) and (max-width:1199px){
	.emotitle {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: 200px;
    text-align: center;
}
	.headline h1{font-size: 38px}
	.socials , .menu-toggle{ position: absolute}
	.menu-toggle{right: 0;top: 0px;}
	.sidebar-nav {
	top: 79px; font-size: 18px; height: 414px
	}
}




.boxvater {background: url("../images/backboxen.png"); padding-bottom: 20px; position: relative}
.boxvaterfach {background: url("../images/backboxen_fach.png"); padding-bottom: 20px;position: relative}
.boxcolorblau{background:  #00b1ff;}
.boxcolorgruen{background: #00d600}
.boxcolortxtblau{color:#00b1ff }
.boxcolortxtgruen{color: #00d600}
.boxheader{ color: #fff; text-align: center; font-weight: 600; padding: 2px; text-transform: uppercase}
.boxcontent{ padding: 15px 15px 0 15px;  text-transform: uppercase; font-size: 28px; line-height: 100%}
.boxbtn{ color: #fff;width: 85px;height: 85px; margin: 0 auto;border-radius: 50%;font-size: 12px; font-weight: 600;left: 50%;text-align: center; display: block}
.boxvater a{color: #fff}
.boxenhover a:hover{text-decoration: none !important; }
.boxenhover [class^="col-"]{margin-bottom: 40px}
.boxbtn .child{position: relative; text-transform: uppercase; color: #fff; left: 50%;top: 50%;transform: translate(-50%,-50%); }
.fuellerweiss{background: #fff; height: 15px}
@media(min-width:768px) and (max-width:991px){
	.boxcontent{font-size: 18px}
}

.pluspunkte .header{background: url("../images/backboxen.png"); padding: 20px; position: relative; font-weight: 700;font-size: 28px; text-transform: uppercase; color: #00b1ff; margin-bottom: 24px}
.pluspunkte .header .pluspunkt{position: absolute; right: 0px; top: 16px}


#angebote h3{text-transform: uppercase;}

.contacticons{text-align: right; margin-bottom: 40px}
.contacticons img{margin-left: 10px}
/*
.footermenu ul{list-style: none; margin: 0 auto}
.footermenu li{float: left}
*/
.footermenu a{color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700}

.iconsfooter{position: absolute; right: 15px; text-align: center; z-index: 10}
@media (max-width: 767px) {
	 .iconsfooter{position: relative; text-align: center; z-index: 10; margin-top: 20px; margin-bottom: 20px}
 .iconsfooter img:last-child{margin-left: 15px}
 .iconsfooter img:first-child{margin-right: 15px}
}


.nav-justified {
    text-align: center;
	width: 100%;
	margin: 0 auto; 
	 white-space: nowrap !important;
}

.nav-justified > li > a {
    display:inline-block;
    vertical-align:middle;
	padding: 5px;
}

@media (min-width: 768px) {
    .nav-justified > li {
      /*  border-right: 1px solid #d5d5d5; */
    }
}
@media(max-width:1199px){
	.nav-justified{white-space: normal !important;}
}
.nav-justified > li:last-child {
    border-right: 0;
}

.nav > li > a:focus, .nav > li > a:hover{
	color: #042b60;
	background-color: transparent
}

.zoom{transition: transform .2s; }
.zoom:hover {
  transform: scale(1.1); text-decoration: none
}

.messages{background: #c00;
color: #fff;
padding: 15px;
margin-bottom: 20px;
}
.messages ul{list-style-type: none}
.required,.error{border: 3px solid #c00}

#kontaktblase{position: relative;}
#kontaktblase:hover{cursor: pointer}
#kontaktblasecontent{position: absolute; right: 60px; top: 0; background: #00d600; padding: 15px; text-align: center; color: #fff; font-size: 12px; width: 178px}
#kontaktblasecontent a{color: #fff}



.boxcontact .col-sm-6{ text-align: center; text-transform: none}
.boxcontact  .header{background: #756a65; color: #fff; font-weight: 600; font-size: 14px;  text-transform: uppercase; padding: 5px; text-align: center}
.boxcontact .boxcontactcontent{padding-bottom: 15px; padding-top: 15px; background: #f3f2f1; color: #776d68; text-align: 
center}

.buttonbewerben{background: #daf0fd; text-transform: uppercase; padding: 10px 30px;color: #00b1ff; font-weight: bold; font-size: 24px}
a.buttonbewerben{color: #00b1ff !important;}

.cookieconsent-optout-marketing{color: #c00 !important; padding: 40px; text-align: center;border: 3px solid #c00; width: fit-content;margin: 0 auto; margin-top: 50px}
.cookieconsent-optout-marketing a{color: #c00 !important}
.cookieconsent-optout-marketing a{text-decoration: underline !important}

.normalliststyle li{list-style: none !important}
.normalliststyle li:before{content: "-";margin-right: 5px !important}

/* 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}
}

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