.containerEng{ max-width: 900px; margin: 0px auto; padding: 0 15px;}
.fulbody{ width: 100%; float: left;}
.grnBg{ width: 100%; float: left;}
.grnBg h1 {
color: #000;
margin: 0px;
font-size: 22px;
padding: 10px;
font-weight:700;
}
.bottomExcessive{ clear:both; padding-top:22px;font-size: 15px;}
.bottomExcessive h3{ margin:0px; margin-top:20px;font-size: 18px;margin-bottom: 7px;}
.bottomExcessive p {
margin: 0px;
font-size: 13px;
font-weight: normal;
}
.boxRt .BoxTitle {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.boxsB .BoxTitle {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.boxsB li img{ display:none;}
.boxsB li.actv img{ display:block;}
#energieA img {margin-top: -105px;position: relative;left: -2px;}
#energieB img {margin-top: -105px;position: relative;left: -2px;}
#energieC img {margin-top: -105px;position: relative;left: -2px;}
#energieD img {margin-top: -105px;position: relative;left: -2px;}
#energieE img {margin-top: -105px;position: relative;left: -2px;}
#energieF img {margin-top: -105px;position: relative;left: -2px;}
#energieG img{margin-top: -105px;position: relative;left: -2px;}
.boxleft{ width: 55%; float: left;}
.boxRt{ width: 40%; float: right;}
.boxsA{ width: 100%; float: left; border: 1px solid #c2def1; border-radius: 10px; padding: 15px;}
.boxsA h5{ color: #000; font: 400 15px/20px Arial, Helvetica, sans-serif; margin:0px;}
.boxsA h6 {
color: #b2c3cf;
font: 400 13px/20px Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 0px;
font-weight: 400;
font-size: 12px;
}.boxsA ul li {
width: 100%;
margin-top: 3px;
float: left;
margin-left: 0px;
}
.boxsA ul li,.boxsB ul li{ padding:0px;}
.boxsA ul li:before,.boxsB ul li:before{ display:none;}
.boxsA ul li > div{ float: left; border-radius: 0 25px 25px 0; padding: 0px 5px;}
.boxsA ul li span{ color: #fff; font: 600 14px/15px Arial, Helvetica, sans-serif;}
.midpanl{ width: 100%; float: left; padding: 30px 10px;}
.boxsA ul li strong{ font: 400 12px/45px Arial, Helvetica, sans-serif; opacity: 0; display: none;}
.boxsA ul li strong em{ position: relative; font-weight: 600; font-size: 22px; line-height: 35px; display: inline-block; padding-left: 33px; font-style: normal;}
.boxsA ul li strong em::before {
content: "";
position: absolute;
top: 19px;
left:4px;
width: 25px;
height: 1px;
background: #000;
}
.boxsA p{ color: #000; font: 400 12px/16px Arial, Helvetica, sans-serif;padding-top: 15px;}
.boxsA ul li.actv span {
font-size: 39px;
line-height: 41px;
}
.boxsA ul li.actv > div{ border: 3px solid #000;}
.boxsA ul li.actv strong{ opacity: 1; display: block;}
.boxsB{ width: 100%; float: left;}
.boxsB li{ width: 100%; float: left;margin-top: 3px; position: relative; list-style:none;}
.boxRt ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.bl{ width: 40%; float: left; display: none;min-height: 50px;
padding: 3px 2px;
border: 2px solid #000; border-right: none; border-radius: 5px 0 0 5px;}
.br{ width: 60%; float: right;}
.bn{ width: 50%; float: left; border-right: 1px solid #000;text-align: center;}
.bn p span{ color: #ccc;}
.bn:last-child{ border: none;}
.boxsB strong{  font: 700 20px/26px Arial, Helvetica, sans-serif;}
.boxsB p{  font:400 10px/11px Arial, Helvetica, sans-serif; margin:0px;}
.br > div{ float: left; padding: 2px 5px; position: relative;}
.actv .br > div::after {
content: '';
width: 0;
height: 0;
position: absolute;
top: -1px;
left: 100%;
border-width: 25px 0px 27px 19px;
border-color: transparent #000 transparent #000;
border-style: solid;
margin-left: 0px;
z-index: 2;
}
.br > div::before {
content: '';
width: 0;
z-index:1;
height: 0;
position: absolute;
top: 0px;
left: 100%;
border-width: 18px 0px 18px 10px;
border-color: transparent #009d6b transparent #009d6b;
border-style: solid;
margin-left: 0px;
}
#energieA .br > div::before{	border-color: transparent #009d6b transparent #009d6b;}
#energieB .br > div::before{	border-color: transparent #53b153 transparent #53b153;}
#energieC .br > div::before{	border-color: transparent #77bd75 transparent #77bd75;}
#energieD .br > div::before{	border-color: transparent #f5e60f transparent #f5e60f;}
#energieE .br > div::before{	border-color: transparent #f0b60e transparent #f0b60e;}
#energieF .br > div::before{	border-color: transparent #eb8335 transparent #eb8335;}
#energieG .br > div::before{	border-color: transparent #da211f transparent #da211f;}
.br > div span{ color: #fff; font: 700 15px/20px Arial, Helvetica, sans-serif;}
.boxsB li.actv .br > div span {
font-size: 35px;
line-height: 44px;-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
}
.boxsB li.actv .br > div::before { border-width:24px 0px 24px 15px;
}
.boxsB li.actv .br > div{ border-top: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #000;min-height: 50px;}
.boxsB li.actv .bl{ display: block;}
.apsu{ position: absolute; top: -30px; left: 0px;display: flex; align-items: flex-end;}
.bl{ position: relative;}
.tptx { width: 100%; float: left;}
.apsu .bn{ border: none;}
.bcTtx{ width: 73%;
float: right;}
.bcTtx p{ color: #00a479;font: 400 13px/20px Arial, Helvetica, sans-serif; padding: 15px;}
.rda p{ color: #d62320;}
.acTxza {
color: #ccc;
font: 400 11px/12px Arial, Helvetica, sans-serif;
width: 23%;
position: absolute;
top: 16px;
left: 0px;
text-align: right;
}
.boxsB li:nth-child(6) .br::before, .boxsB li:nth-child(7) .br::before {
width: 1px;
height: 112%;
background: #ccc;
position: absolute;
top: 0px;
left: -6px;
content: "";
}
.br{ position: relative;}
.midbd{ width: 100%; float: left;}
.pinks{ width: 100%; float: left; background: #e92f88; padding: 10px 15px; }
.pinks h3 {
color: #fff;
margin: 0px;
font-size: 20px;
font-weight:700;
}
.paracont{ width: 100%; float: left; padding: 10px 0;}
.paracont p{ color: #ccc;font: 400 13px/20px Arial, Helvetica, sans-serif; }
.textboxs{ width: 100%; margin: 0px auto; max-width: 500px;}
.textboxsInn{ width: 100%; float: left; margin-top: 10px; background: url(//ketzinger.fr/wp-content/plugins/dpe/images/brd.png) repeat-x bottom center;padding:0 0px 8px;}
.bx50{ width: 50%; float: left;}
.bx50 label {
color: #000;
font: 400 13px/31px Arial, Helvetica, sans-serif;
width: 36%;
float: left;g
text-align: center;
}
.bx50 input[type="text"]{ width: 100%; float: left; border: none; color: #000; font:bold 20px/26px Arial, Helvetica, sans-serif;text-align: center; background: none;}
.bx50 input[type="text"]::placeholder{ opacity: 1;}
.text-center{ text-align: center; margin-top: 10px; float: left; width: 100%;}
.bx50{ position: relative;}
.apsuna {
position: absolute;
top: 7px;
right: 0px;
width: 32px;
text-align: center;
}
.inpt::before {
width: 14px;
height: 14px;
background: #fff;
border-radius: 100%;
content: "";
position: absolute;
bottom: -20px;
left: 50%;
border: 2px solid #e92f88;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.inpt{ position: relative;width: 42%; float: left;}
.textboxsInn{ position: relative;}
.textboxsInn::before {
width: 32%;
position: absolute;
bottom: 2px;
left: 45%;
background: #e92f88;
height: 2px;
content: "";
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
right: 50%;
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
.boxRt {
width: 40%;
float: right;
}
.boxleft {
width: 60%;
float: left;
}
.boxsA ul li.actv span {
font-size: 30px;
line-height: 41px;
}
.boxsA ul li strong em{ font-size: 18px;}
.boxsA ul li strong{ font-size: 10px;}
}
@media only screen and (max-width: 767px) {
.boxsA ul li strong em{font-size: 17px;}
.boxsA ul li strong{ font-size: 11px; line-height: 35px;}
.boxsB strong{ font-size: 14px;}
.boxsB p{ font-size: 9px; line-height: 12px;}
.boxsA ul li strong em{padding-left: 27px;}
.boxsA ul li strong em::before {width: 17px;}
.boxsB li.actv .br > div span{ font-size: 27px;}
.boxsA ul li.actv span {
font-size: 26px;
line-height: 41px;
}
.boxsA{ padding: 9px;}
}
@media only screen and (max-width: 640px) {
.boxsA ul li strong em {
padding-left: 17px;font-size: 14px;
}
.boxsA ul li strong em::before {
width: 12px;left: 1px;
}
.boxsA ul li strong {
font-size: 9px;
line-height: 31px;
}
.boxsA ul li.actv span {
font-size: 18px;
line-height: 41px;
}
.midpanl{ padding: 30px 0;}
.boxleft{ width: 100%;}
.boxRt{ width: 100%;}
.pinks{ padding: 10px 0;}
}
@media only screen and (max-width: 599px) {
.boxsB li.actv .br > div span {
font-size: 21px;
}
.boxsB strong {
font-size: 12px;
}
.boxsB p {
font-size: 8px;
line-height: 10px;
}
.boxsA ul li strong em {
padding-left: 14px;
font-size: 11px;
}
.pinks h3{ font-size: 11px; line-height: 14px;}
}
@media only screen and (max-width: 699px) {
.br > div::before {
border-width: 13px 0px 13px 10px;
}
.bl{ padding:4px 2px;}
}
@media only screen and (max-width: 480px) {
.boxleft {
width: 100%;
float: left;
}
.boxRt {
width: 100%;
float: right; margin-top: 20px;
}
.br > div::before {
border-width: 18px 0px 18px 10px;
}
.bl{ padding:4px 2px;}
}
@media only screen and (max-width: 400px) {
.textboxsInn{ padding: 0 9px 8px;}
.bx50 input[type="text"]{ font-size: 17px;}
.textboxsInn::before {
width: 32%;}
}