/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure,figure img{padding: 0; margin: 0;}
/* roboto-condensed-regular - latin */
@font-face {  font-family: 'Roboto Condensed';  font-style: normal;  font-weight: 400;
  src: url('../fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v18-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */}
@font-face {  font-family: 'Roboto Condensed';  font-style: normal;  font-weight: 700;
  src: url('../fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v18-latin-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */}
html{width: 100%;  overflow-x: hidden !important;height: auto;}
body{font-family: 'Roboto Condensed'; font-size:16px; font-weight: 400; color: #393939;  width: 100%; background: #dadada; font-variant-ligatures: none;}
*{box-sizing: border-box;}
.text-center{text-align: center;}
.text-right{text-align: left;}
.text-left{text-align: left;}
.display{display: none;}
.mobil{display: inherit;}
.clear{clear: both;}
figure{width: 100%; height: auto; position: relative; display: inline-block; text-align: center;}
strong{font-weight: 700;}
p{margin-bottom: 15px;}
a{cursor: pointer}
h1{color: #047b04; font-weight: 400; text-transform: uppercase; padding-bottom: 20px; margin: 0 10px 30px 10px; position: relative; font-size: 1.3em;}
h1::after{content:""; position: absolute; bottom: 0; left: 0; width: 169px; height: 2px; display: block; background:url(../images/h1_after.png) no-repeat left center;}
main .content h3 {    color: #08250b;    text-transform: none; margin-bottom: 20px; padding: 0 30px;}
.row{width: 100%; margin: 0 auto; padding: 0 0px; clear: both; position: relative;}
[class*='col-'], [class*='row-']{width: 100%; padding: 0 0px; margin: 0;}
header, main, footer{width: 100%; height: auto; display: inline-block; position: relative; padding: 0 10px;}
main, footer{margin-top: -4px;}
header{background: #f8f8f8;  border-top: 15px solid #047b04; padding: 0;}
header .logo{width: 100%; height: auto; display: inline-block; padding: 0 10px;}
header .logo img{width: 100%; height: auto; display: inline-block; max-width: 414px;}
header .menu{width: 30px; height: 30px; display: block; background: url(../images/menue.png) no-repeat center center;}
header .menu-close{width: 20px; height: 20px; display: block; background: url(../images/menue-close.png) no-repeat center center;}
header .plus-more{width: 20px; height: 20px; display: block; background: url(../images/submenu.png) no-repeat center center;}
header .mobile_menu_button{background:0px;	padding:24px 0 0 15px;	border:0; float:left;	display:block;}
header .navigation {float:right;}
header .navi {height: 100%; width: 0; position: fixed; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s;	z-index:1001;}
header .navi_bg {content:''; top: 0; width:0%; left: 0%; position: fixed; height: 100%; background:#fff; z-index:1000;}
header nav.mobil-nav ul {list-style:none; padding:0px 0px 20px 0; margin:0px;	}
header nav.mobil-nav ul li {padding:12px 23px; text-align: left; position: relative; border-bottom:1px solid #f1f1f1; display: inline-block; width: 100%; border-left: 5px solid #fff;}
header nav.mobil-nav ul li:hover {background: none; border-left: 5px solid #047b04;}
header nav.mobil-nav ul li a {color:#1f1f1f; text-decoration: none; display: block; font-weight: 500;}
header nav.mobil-nav ul li.submenu .plus {color:#D43A35; padding:10px 20px; position: absolute; right:0px; top:13px; font-size:12px; cursor:pointer;}
header nav.mobil-nav ul li.submenu > ul {display: none;	background:rgba(210,210,210,0.2); margin:10px -23px -12px -23px; padding:0px;}
header nav.mobil-nav ul ul li {border-bottom:1px solid #fff;}
header nav.mobil-nav ul ul li:last-child {	border-bottom: none;}
header .navi .closebtn {position: absolute;top: 15px;right: 15px;margin-left: 50px;cursor:pointer;	font-size:22px;}
header .logomobile {text-align:left;	padding:10px 0;	border-bottom:1px solid #fff;min-width:217px;position:relative;background: #fff;}
header .logomobile a {width:120px;	display: inline-block;}
header .head-green{background:url("../images/bg_haushaltsgeraete.png") no-repeat center center; background-size: cover; text-align: center; position: relative; padding: 20px 0; display: inline-block; margin-top: 20px; width: 100%;}
header .head-green::after{content: ""; width: 100%; height: 1px; display: block; background: #fff; position: absolute; left: 0; right: 0; bottom: 2px;}
header .head-green .slogan{font-size: 1.5em; color: #fff; text-align: right; display: inline-block; float: right; padding: 10px 20px 10px 0; border-right: 5px solid #fff; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); max-width: 800px;}
header .head-green .slogan span{font-size: 0.8em; }

main{background: #d5d5d5; background: -moz-linear-gradient(top,  #d5d5d5 0%, #f1f1f1 100%); background: -webkit-linear-gradient(top,  #d5d5d5 0%,#f1f1f1 100%);background: linear-gradient(to bottom,  #d5d5d5 0%,#f1f1f1 100%); padding-bottom: 30px;}
main .tel-line{width: 100%; padding: 10px; background: #08250b; color: #fff; display:inline-block; padding-top: 15px;}
main .tel-line img{width: auto; height: auto; display: inline-block; float: left; margin: -10px 10px 0 0;}
main .content{width: 100%; display: inline-block; background: #fff; padding: 30px 0;}
main .content p{padding: 0 10px;}
main .content p strong.green{color: #047b04;}
main .content .fullservice{width: 100%; display: inline-block; background:url(../images/service-start.png) no-repeat right center; background-size: cover;padding: 20px 10px; position: relative; margin: 20px 0;}
main .content .fullservice .service-content{background:rgba(255,255,255,0.84); display: inline-block; padding: 20px 15px 20px 10px; text-transform: none;}
main .content .fullservice .service-content h3{color: #047b04; font-weight: 700; font-size: 1.1em; text-transform: none;}
main .content .standort{background: rgba(213,213,213,0.5); display: inline-block; height: auto; margin-bottom: 20px; width: 100%; padding: 15px 10px;}
main .content a{color: #047b04; text-decoration: none; font-weight: 700;}
main .content ul{list-style: none; margin: 0 30px 15px 30px;}
main .content .fullservice .service-content ul{list-style: none; margin-bottom: 0px;}
main .content ul li{margin-bottom: 5px; background: url(../images/list-icon.png) no-repeat left top 3px; padding-left: 15px;}
main .content .fullservice .service-content ul li{margin-bottom: 5px; background: url(../images/list-icon.png) no-repeat left top 5px; padding-left: 15px;}
main .content h2{font-weight: 700; border-left: 4px solid #047b04; padding-left: 10px; font-size: 1.1em; color: #047b04;  margin: 30px 10px 20px 10px;}
.formular{padding: 10px; width: 100%; color: #474747;}
.formular .daten{float: left;width: 100%; margin-bottom: 40px; text-align: left !important;}
.formular .mitteilung{float: left;width: 100%; text-align: left !important;}
.formular .mitteilung.anfrage{width: 100%; padding-bottom: 30px;}
form label {	line-height:1.4;	vertical-align:top;	width:100%;	clear: both; font-size: 1.0em; font-weight:300; margin-top: 10px; color:  #474747; display: block;}
input, select {	border:1px solid rgba(230,230,230,0.9);	 width: 95%;color: #474747; height: 30px;	clear: both;font-family: 'Roboto Condensed'; font-weight:400;  font-size: 0.9em; }
input[type="submit"]{background: #fff;  width: 100%; text-align: center; text-transform:uppercase; float: left; margin-top: 10px; height: 50px; line-height:50px; color: #07220a; border: 1px solid #07220a;}
textarea{border:1px solid rgba(238,238,238,0.9);width: 100%; height: 300px;font-family: 'Roboto Condensed'; font-size: 0.9em; font-weight: 400;}
input:focus {	color: #474747;	border: 1px solid #07220a;	background: rgba(238,238,238,0.4);}
textarea:focus {	color: #474747;	border: 1px solid #07220a;	background: rgba(238,238,238,0.4);}
form .anfrage label{display: inline;}
.formular a{color:#047b04; font-weight: 500; text-decoration: none;}
form fieldset fieldset label {	display:block;	width:auto;}
.error input {    color: red;}
.formular .none{display: none;}

footer{background: #08250b; color: #fff; border-bottom: 15px solid #047b04; padding: 0 10px;}
footer .row{padding: 30px 0}
footer .row::before{width: 100%; height: 10px; background: #047b04; content: ""; position: absolute; display: block; top: -5px; left: 0; right: 0;}
footer .icon{margin-bottom: 10px;}
footer a{color: #fff; text-decoration: none;}

@media screen and (min-width: 400px){
main .tel-line{padding-top: 25px;}
main .tel-line img{margin: -20px 10px 0 0;}
}
@media screen and (min-width: 510px){
header .head-green{padding: 50px 10px;}
header .head-green .slogan{font-size: 1.7em;}
main .tel-line{padding-top: 10px; font-weight: 700;}
main .tel-line span{font-size: 1.5em; display: inline-block; margin: 10px 0 0 10px;position: relative;}
main .tel-line img{margin: -5px 20px 0 0;}
main .content .box-info{margin: 30px 0 20px 0;}
main .content .box-info h2{font-weight: 700; font-size: 1.3em; color: #047b04; margin: 0 0 20px 0; padding-left: 110px;}
main .content .box-info::before{ height: 115px; width: 115px; display: block; content: ""; position: absolute; left: -5px; top: -40px;}
footer [class*='col-'], main .content [class*='col-']{width: 48%; float: left; margin-right: 2%; clear: none;}
footer .pad-top{padding-top: 50px;}
main .content .col-100{width: 100%; margin: 0;}
}
@media screen and (min-width: 610px){
main .content .box-info{margin: 30px 2% 20px 0; width: 48%; float: left; min-height: 250px;}
main .content .box-info h2{font-size: 1.0em; padding-left: 105px;}
}
@media screen and (min-width: 700px){
main .tel-line{width: 100%; padding: 10px 30px; font-size: 1.1em;}
main .content .box-info h2{font-size: 1.2em;}
}
@media screen and (min-width: 850px){
header .head-green{padding: 70px 30px;}
header .head-green .slogan{font-size: 1.9em;}
main .content .box-info h2{font-size: 1.4em;}
}
@media screen and (min-width: 950px){
.display{display: inherit;}
.mobil{display: none;}
header .mobile_menu_button, header .plus-more, header .logomobile, header .navigation{display: none;}
header{padding: 0;}
header .col-40{width: 40%; float: left; clear: none; display: inline-block; padding-left: 10px;}
header .col-60{width: 58%; float: left; clear: none; display: inline-block; margin-left: 2%; padding-right: 10px;}
header nav.top-nav{width: 100%;}
header nav.top-nav ul{list-style: none; width: 100%; padding-top: 20px;}
header nav.top-nav ul li{display: inline-block; float: left;width: 23%; margin-right: 2%;}
header nav.top-nav ul li a{ display: inline-block; float: left; color: #08250b; text-decoration: none; padding-top: 10px;}
header nav.top-nav ul li:hover a{background:url(../images/menu-top_active.png) no-repeat top left;}
main aside.col-20{width: 30%; float: left; clear: none; display: inline-block;}
main aside nav.icon-nav{ width: 100%; display: inline-block; padding: 20px 0;}
main aside nav.icon-nav h2{font-size: 1.3em; margin-bottom: 30px;  border-left: 4px solid #047b04; padding-left: 10px; color: #047b04;}
main aside nav.icon-nav a{width: 50%; height: auto; display: inline-block; float: left;}
main aside nav.icon-nav a img{width: 100%; height: auto; max-width: 158px;}
main aside nav.icon-nav a:hover img{-webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  filter: grayscale(100%);
   transition: all 0.5s ease;}
main aside .box-kontakt{width: 100%; position: relative; margin-top: 100px; background: #fff; border-top: 15px solid #047b04; padding: 50px 10px 20px 10px;}
main aside .box-kontakt::before{content: "";width: 100%; position: absolute; background:url(../images/auto_tvw-elektronik.png) no-repeat center top; background-size: contain; height: 177px; display: block; top: -100px; left: 0; right: 0;}
main aside .box-kontakt p span{color:#fff; font-weight: 700; background: #047b04; border-radius: 20px; text-align: center; display: inline-block; padding: 2px 5px;width: 25px; height: 25px; margin-right: 10px;}
main aside .box-kontakt p span.time{color:inherit; font-weight: 400; background: none; border-radius: 0; text-align: left; display: inline-block; padding: 0;width: 120px; height: auto; margin-right: 10px;}
main aside .box-kontakt a{color: #047b04; text-decoration: none;}
main aside .box-kontakt h2{font-size: 1.1em; margin: 30px 0;  border-left: 4px solid #047b04; padding-left: 10px; color: #047b04;}

main section.col-80{width: 68%; float: left; clear: none; margin-left: 2%;}

footer .col-60{width: 65%; float: left; margin-right: 2%;}
footer .col-30{width: 31%; float: left; margin-right: 2%;}
footer .icon{display: inline-block; padding-bottom: 100px; float: left; margin-right: 10px;}
footer .pad-top{padding-top: 40px;}
}
@media screen and (min-width: 1110px){
header .head-green{padding: 100px 30px;}
header .head-green .slogan{font-size: 1.9em; padding: 20px 20px 20px 0;}
main .content{padding: 50px 0px;}
main .content .fullservice{padding: 30px 30px;}
main .content p{padding: 0 30px;}
.formular{padding: 10px 30px;}
main .content h1{margin: 0 30px 30px 30px;}
main .content h2{margin: 30px 20px 30px 30px;}
}
@media screen and (min-width: 1210px){
.row{width: 1200px; margin: 0 auto;}
header .head-green .slogan{font-size: 2.2em;}

}

.hinweisbox-corona {
   margin-top:10px;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:30px;
   background:#D8D8D8;
   position:relative;
   border: 3px solid #08250B;
   border-radius: 20px;
   padding:20px 20px 20px 20px;
   font-size:18px;
}

.hinweisbox-corona h3 {
   font-size:22px;
}

.hinweisbox-corona ol {
   margin-left:30px;
   margin-bottom:30px;
}

.hinweisbox-corona li {
   line-height:180%;
}