@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('fonts/roboto-v18-latin-100.eot'); src: local('Roboto thin'), local('Roboto-thin'), url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-100.woff2') format('woff2'), url('fonts/roboto-v18-latin-100.woff') format('woff'), url('fonts/roboto-v18-latin-100.ttf') format('truetype'), url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); }
/* roboto-300 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/roboto-v18-latin-300.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-300.woff2') format('woff2'), url('fonts/roboto-v18-latin-300.woff') format('woff'), url('fonts/roboto-v18-latin-300.ttf') format('truetype'), url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); }
/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v18-latin-500.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-500.woff2') format('woff2'), url('fonts/roboto-v18-latin-500.woff') format('woff'), url('fonts/roboto-v18-latin-500.ttf') format('truetype'), url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v18-latin-700.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-700.woff2') format('woff2'), url('fonts/roboto-v18-latin-700.woff') format('woff'), url('fonts/roboto-v18-latin-700.ttf') format('truetype'), url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); }



html, body{width: 100%; height: 100%; padding: 0px; margin: 0px; position: relative; font-family: 'Roboto', 'Segue', 'Open Sans', 'Helvetica', 'Arial'; font-weight: 100; font-size: 1.0em; background-color: #FFFFFF; background-color: linear-gradient(0deg, rgba(245, 245, 245, 1) 100%), rgba(255, 255, 255, 1) 0%; hyphens: auto;} 

#responsive{display: none; }
#nav{display: inline-block; }

.rechteseitenews{
width: 30%; 
border: 1px solid #999999; 
background-color: #FFFFFF; 
border-radius: 20px; 
padding: 0px; 
margin: 0px 0px 20px 20px;  
float: right; 
}
.headlinenews{
font-size: 1.5em; 
font-weight: 300; 
color: #FFFFFF; 
background-color: #0069B2; 
margin: 0px; 
padding: 10px; 
display: inline-block; 
width: calc(100% - 20px); 
border-radius: 18px 18px 0px 0px; 
}
.inhaltnews{
padding: 10px; 
}



.zeitlos .zeitenbox{display: none; }
.zeitenbox b.umbruch{display: block; }
.zeitenbox{ position: absolute; top: 0px; right: 0px; width: 350px; height: 160px; overflow: hidden; }  
.zeiten{ position: absolute; top: 0px; right: -50px; width: 300px; transform: rotate(0deg); padding: 20px 20px 20px 40px; color: #FFFFFF; background: #579b2a;
background: linear-gradient(90deg,rgba(87, 155, 42, 1) 0%, rgba(87, 199, 133, 1) 81%, rgba(50, 133, 56, 1) 99%); border-radius: 0px  0px 0px 20px; border: 0px solid #0069B2; box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.3); }
.obenrechts{ position: relative; top: 0px; left: 30px; width: 50%;  text-transform: uppercase; }
.obenrechts a{ transition: 0.5s ease-in-out;font-weight: 300; font-size: 1.1em; line-height: 40px; text-decoration: none; color: #FFFFFF; }
.obenrechts a:hover{color: #000000; }
b{font-weight: 300; font-size: 1.2em; }
strong{font-weight: 300; font-size: 1.0em; }
.agb .texte b, .agb .texte strong{font-weight: 300; font-size: 1.0em; }
b.pro{font-weight: 500; font-size: 1.0em;}
h2{font-weight: 300; font-size: 1.7em;}
h3{font-weight: 300; font-size: 1.6em;}
h4{font-weight: 300; font-size: 1.3em; text-align: left;}
h4{font-weight: 300; font-size: 1.5em; text-align: left;}
h4 .orange, h4 .blau, h4 .grau{ font-size: 1.4em; font-weight: 500;}
sub{font-size: 0.6em;}
hr{border-top: 1px solid #999999; border-right: 0px solid #999999; border-left: 0px solid #999999; border-bottom: 0px solid #999999; width: 100%; display: inline-block; margin: 20px 0px 0px 0px;  }
.smaller{font-size:0.8em; }
.small{font-size:0.7em; }
sup{font-size:0.7em; }
table.rechts .abstand{padding: 20px 20px 20px 20px; margin: 20px 20px 20px 20px; display: inline-block; z-index: 200; }

.hr_verlauf { background: #579b2a;
background: linear-gradient(90deg,rgba(87, 155, 42, 1) 0%, rgba(87, 199, 133, 1) 81%, rgba(50, 133, 56, 1) 99%); width: 90%; height: 1px; margin: 50px 5% 0px 5%; display: inline-block; text-align: center; line-height: 0px; color: #DFDFDF; font-size: 1.0em;   text-shadow: -3px -3px 0 #FFFFFF; }

.bildboxcenter{ width: 90%; height: auto; margin: 0px 10% 0px 0%; padding: 0px; display: inline-block; border: 0px solid #FF0000; }

.icon{ float: left; padding: 0px 0px 0px 0px; margin: 30px 25% 0px 25%; width: 50%; height: auto; position: absolute; top: 25%; left: 0%; transition: 0.8s ease-in-out; }
.icon.heizung{top: 30%; left: -40%; width: 130%; }
.icon.container{top: 49%; left: -10%; width: 120%; margin: 30px 0% 0px 0%;  }
.icon.gas{top: 20%; left: 0%; width: 66%; margin: 30px 17% 0px 17%; }
.icon.winterbedarf{top: 40%; left: 0%; width: 70%; margin: 10px 15% 0px 15%; }
.icon.schmierstoffe{top: 45%; left: 0%;}
.icon.reinigungsmittel{top: 42%; left: 0%;}
.icon.arbeitssicherheit{top: 28%; left: 0%; width: 66%; margin: 30px 17% 0px 17%;}
.icon.reinigungpapiere{top: 25%; left: 0%; width: 66%; margin: 30px 17% 0px 17%;}
.icon.muellbeutel{top: 35%; left: 0%;}
.icon.werkzeug{top: 28%; left: 0%; width: 66%; margin: 30px 17% 0px 17%;}
.icon.bigbag{top: 22%; left: 0%; width: 66%; margin: 30px 17% 0px 17%;}

.icon:hover{filter: brightness(0.70); padding: 0px 0px 0px 0px; } 

.icon.container:hover{top: 30%;}
.icon.heizung:hover{top: 25%;}
.icon.gas:hover{top: 10%;}
.icon.winterbedarf:hover{top: 30%;}
.icon.schmierstoffe:hover{top: 32%;}
.icon.reinigungsmittel:hover{top: 22%;}
.icon.arbeitssicherheit:hover{top: 8%;}
.icon.reinigungpapiere:hover{top: 10%;}
.icon.muellbeutel:hover{top: 12%;}
.icon.werkzeug:hover{top: 10%;} 
.icon.bigbag:hover{top: 10%;} 

.texte a.iconbg{ transition: 0.8s ease-in-out; position: relative; background-image:url("images/icons_leistungen/rahmen.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: 0px 40px; display: inline-block; float: left; width: 200px; height: 250px; padding: 0px 0px 0px 0px; margin: 20px 20px 10px 20px; font-size: 0.6em; text-align: center; color: #000000; }

/*nav_aktuellen_Punkt_markieren*/
.start .start, .impressum .impressum, .datenschutz .datenschutz, .agb .agb, .kontakt .kontakt, .aktuelles .aktuelles, .angebote .angebote, .informationen .informationen, .heizen .heizen, .heizoel_diesel .heizoel_diesel, .ihrtank .ihrtank, .energieberatung .energieberatung, .waermeabo .waermeabo, .pellets_briketts_kohle .pellets_briketts_kohle, .containerdienst .containerdienst, .container .container, .bigbag .bigbag, .abfalllexikon .abfalllexikon, .split_mineral .split_mineral, .pferdemist .pferdemist, .industrie .industrie, .sicherheitsausruestung .sicherheitsausruestung, .reinigungsmittel .reinigungsmittel, .reinigungpapiere .reinigungpapiere, .muellbeutel .muellbeutel, .einweghandschuhe .einweghandschuhe, .industriegase_propangas_campinggas .industriegase_propangas_campinggas, .schmierstoffe .schmierstoffe,.oelbindemittel .oelbindemittel, .werkzeuge .werkzeuge, body.impressum #nav ul li a.eins, body.datenschutz #nav ul li a.eins, .agb #nav ul li a.eins, .kontakt #nav ul li a.eins, .angebote #nav ul li a.zwei, .informationen #nav ul li a.zwei, .heizoel_diesel #nav ul li a.drei, .ihrtank #nav ul li a.drei, .energieberatung #nav ul li a.drei, .waermeabo #nav ul li a.drei, .pellets_briketts_kohle #nav ul li a.drei, .container #nav ul li a.vier, .abfalllexikon #nav ul li a.vier, .bigbag #nav ul li a.vier, .split_mineral #nav ul li a.vier, .pferdemist #nav ul li a.vier, .industrie #nav ul li a.fuenf, .sicherheitsausruestung #nav ul li a.fuenf, .reinigungsmittel #nav ul li a.fuenf, .reinigungpapiere #nav ul li a.fuenf, .muellbeutel #nav ul li a.fuenf, .industriegase_propangas_campinggas #nav ul li a.fuenf, .einweghandschuhe #nav ul li a.fuenf, .schmierstoffe #nav ul li a.fuenf, .oelbindemittel #nav ul li a.fuenf, .werkzeuge #nav ul li a.fuenf{color: #DFFFDF !important; } 
/*nav_aktuell*/

.startcontainer, .bildboxcenter{z-index: 5; position: relative; display: inline-block; }

img.startseite{
width: 30px; 
height: 30px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
position: absolute; 
left: 50px; 
top: 20px; 
opacity: 0.6; 
}

#nav{
background: #579b2a;
background: linear-gradient(90deg,rgba(87, 155, 42, 1) 0%, rgba(50, 133, 56, 1) 99%); 
width: 80%; 
height: 70px; 
margin: 35px 0px 0px 0px; 
padding: 0px 10% 0px 10%; 
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); 
position: relative; 
z-index: 4000; 
}
#nav ul{ 
padding: 0px; 
margin: 0px; 
list-style-type: none; 
}
#nav ul li{
float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
border: 0px solid #FFFFFF;
display: block; 
width: 33%; 
}

#nav ul li a{
color: #FFFFFF; 
text-decoration: none; 
font-size: 1.3em; 
font-weight: 300; 
text-align: center; 
line-height: 70px; 
display: block; 
transition: 0.5s ease-in-out;
border: 0px solid #FFFFFF;
padding: 0px 20px 0px 20px; 
}


#nav ul li ul, #nav ul li ul li{
width: 100%; 
font-size: 0.9em; 
}
#nav ul li ul li a{
line-height: 25px; 
padding: 0px 40px 20px 40px; 
}
#nav ul li.first.aktiv{
margin: 30px 0px 0px 0px; 
}

#nav ul li.haschild{
position: relative; 
border: 0px solid #FF0000;
}
#nav ul.subnav{
position: absolute; 
max-height: 0px; 
background: #579b2a;
background: rgba(87, 155, 42, 1); 
transition: 1.3s ease-in-out;
padding: 0px 0px 0px 0px; 
border-radius: 0px 0px 10px 10px; 
}
#nav li.haschild ul.subnav a{
display: none; 
text-align: left; 
}
#nav li.haschild ul.subnav a:hover, #nav ul li a:hover, #responsive li.haschild ul.subnav a:hover, #responsive ul li a:hover{
transition: 0.5s ease-in-out;
color: #DFFFDF; 
}

#nav li.haschild ul.subnav.aktiv a{
display: block; 
}
#nav ul.subnav.aktiv{
display: inline-block; 
max-height: 10000px; 
height: auto; 
overflow: visible; 
}

#kopf{
min-height: 480px; 
display: inline-block; 
width: 100%; 
padding: 0px; 
margin: 0px; 
background-color: #333333; 
/*background-image:url("images/oben_background.jpg"); background-size: 100% auto; background-repeat: no-repeat; background-position: 0px 120px; opacity: 1.0; /**/
position: absolute; 
top: 0px; 
}
#signet{
position: relative; top: 40px; left: 0px; width: 100%; height: auto; padding: 0px; margin: 0px; display: inline-block; 
}



.logorand{width: 360px; height:360px; padding: 0px; margin: 0px; 
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
border-radius: 1000px; 
position: absolute; 
top: 60px; 
left: calc(50% - 180px); 
transition: 1.5s linear;
}

#logooben{
width: 100%; height:100%; padding: 0px; margin: 0px; 
position: absolute; 
top: 0px; 
left: 0px; 

}

.logorand:hover{
width: 280px; height:280px; 
top: 90px; 
left: calc(50% - 140px); 
}



#kopf a{
text-decoration: none;
font-weight: 300;
color: #111166;}

.texte{
display: inline-block; 
width: 75%; 
padding: 0px 0px 0px 0px; 
margin: 50px 12.5% 150px 12.5%; 
border: 0px solid #FF0000; 
font-size: 1.2em; 
}

.texte a{
text-decoration: none; 
color: #000000; 
font-weight: 300; 
}

.bild_box{
display: inline-block; 
width: 300px; 
height: 230px; 
border: 1px solid #999999; 
padding: 10px; 
margin: 10px 10px 10px 10px; 
z-index: 10; 
}
.bild_box.links, .fotolinks{
float: left; 
}
.bild_box.rechts, .fotorechts{
float: right; 
}

img.dowloadpdf{max-width: 100%; }

table.rechts{
border: 0px solid #FFFFFF; 
padding: 0px; 
margin: 0px 0px 0px 30px; 
z-index: 2000; 
position: relative; 
display: block; 
float: right; 
width: calc(40% - 30px); 
height: auto; 
}
table.rechts td{padding: 0px 10px 10px 0px;}
table.rechts.klein{ width: 20%; }
table.rechts img{
width: 100%; 
height: auto; 
padding: 0px; 
margin: 0px; 
display: block; 
border-radius: 20px; 
border: 1px solid #999999; 
}
table.rechts a{
display: inline-block; 
border: 0px solid #FF0000; 
height: auto; 
width: 100%; 
z-index: 210; 
position: relative;  
}

a.bildlink {
padding: 0px; 
margin: 10px 10px 10px 10px; 
}

img.fotorechts{float: right; }

img.fotolinks, img.fotorechts{
background-color: #FFFFFF; 
padding: 0px; 
margin: 0px 10px 10px 10px; 
border-radius: 20px; 
border: 1px solid #999999; 
}

.bildboxgalerie{ width: 100%; min-height: 180px;  padding: 0px; margin: 0px; float: left; position: relative; top: -5px; }
.bild_border{min-width: 150px; }
.bild_box_galerie{ width: 12.5%; min-width: 300px; padding: 0px; margin: 0px; float: right; display: inline-block; }
.bild_box_galerie a{ width: 100%; min-height: 180px; display: inline-block; border: 0px solid #FF0000; }
.thumbnail{ width: 100%; min-height: 180px; display: inline-block; padding: 0px; margin: 0px 0px 0px 20px; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: 0.8s ease-in-out; filter: grayscale(0%); border-radius: 15px; }
.thumbnail:hover{ filter: grayscale(100%); }

.bildimtext{ border: 1px solid #FFFFFF; width: calc(100% - 2px); height: auto; padding: 0px; margin: 20px 0px 0px 0px; box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.7); border-radius: 20px; }
.bildimtextklein{ width: 60%; height: auto; padding: 0px; margin: 20px 20% 0px 20%; }
#nachoben{ position: fixed; right: 20px; bottom: 50px; width: 40px; height: 30px; padding: 5px 0px 5px 0px;background-color: #FFFFFF; border-radius: 100px; border: 1px solid #999999; opacity: 0.7; z-index: 10000; }
#footer{ width: 70%; display: inline-block; margin: 0px 0px 0px 0px; padding: 10px 15% 10px 15%; font-size: 1.2em; background: #FFFFFF; text-align: center; border-top: 3px solid #579b2a; border-bottom: 30px solid #579b2a; hyphens: none; position: fixed; bottom: 0px; left: 0px; z-index: 4001; }
#footer a{text-decoration: none; font-weight: 300; color: #000000;  }
.footerbox{text-align: center; }


#slider .startcontainer, #slider_2 .startcontainer, #slider_3 .startcontainer, #slider_4 .startcontainer, #slider_5 .startcontainer, #slider_6 .startcontainer, #slider _7.startcontainer, #slider_8 .startcontainer, #slider_9 .startcontainer, #slider_10 .startcontainer{padding: 0px 0px 0px 20px; display: inline-block; width: calc(100% - 20px); }

.slidercontainer{ width: 90%; margin: 0px; padding: 0px; border: 0px solid #FF0000; display: inline-block; }
#slider, #slider_2, #slider_3, #slider_4, #slider_5, #slider_6, #slider_7, #slider_8, #slider_9, #slider_10{ max-height: 60px; overflow: hidden; width: 100%; margin: 0px 0px 20px 0px; padding: 0px; transition: 0.5s ease-in-out; position: relative; }
#slider.aktiv, #slider_2.aktiv, #slider_3.aktiv, #slider_4.aktiv, #slider_5.aktiv, #slider_6.aktiv, #slider_7.aktiv, #slider_8.aktiv, #slider_9.aktiv, #slider_10.aktiv{ max-height: 200000px; }
#slider .headline, #slider_2 .headline, #slider_3 .headline, #slider_4 .headline, #slider_5 .headline, #slider_6 .headline, #slider_7 .headline, #slider_8 .headline, #slider_9 .headline, #slider_10 .headline{ transition: 0.5s ease-in-out; text-align: left; font-size: 1.3em; font-weight: 300; color: #FFFFFF; line-height: 50px; margin: 0px 0px 40px 0px; padding: 0px 50px 5px 50px; width: calc(100% - 100px); border: 0px solid #FF0000; border-radius: 30px; display: block; background: #579b2a;
background: linear-gradient(90deg,rgba(87, 155, 42, 1) 0%, rgba(87, 199, 133, 1) 81%, rgba(50, 133, 56, 1) 99%);  }
#slider.aktiv .headline, #slider_2.aktiv .headline, #slider_3.aktiv .headline, #slider_4.aktiv .headline, #slider_5.aktiv .headline, #slider_6.aktiv .headline, #slider_7.aktiv .headline, #slider_8.aktiv .headline, #slider_9.aktiv .headline, #slider_10.aktiv .headline{ background: #579b2a;
background: linear-gradient(90deg,rgba(87, 155, 42, 1) 0%, rgba(87, 199, 133, 1) 81%, rgba(50, 133, 56, 1) 99%);  color: #000000; border-radius: 10px 10px 10px 10px; }
#slider h4, #slider_2 h4, #slider_3 h4, #slider_4 h4, #slider_5 h4, #slider_6 h4, #slider_7 h4, #slider_8 h4, #slider_9 h4, #slider_10 h4{ text-align: left; font-size: 1.4em; font-weight: 300; margin: 40px 0px 20px 0px; padding: 0px; }
#slider b, #slider_2 b, #slider_3 b, #slider_4 b, #slider_5 b, #slider_6 b, #slider_7 b, #slider_8 b, #slider_9 b, #slider_10 b{ font-size: 1.0em; font-weight: 300; }

.aktiv .closetab{
position: absolute; 
top: 12px; 
left: 12px; 
width: 30px; 
height: 30px; 
background-color: #FFFFFF; 
display: inline-block; 
border-radius: 50px; 
background-image:url("img/sys/close.png");
background-size: cover; 
background-repeat: no-repeat; 
background-position: center center; 
}

table.sicherheit{padding: 0px 0px 0px 0px; margin: 0px; }
#slider table.sicherheit h4, #slider_2 table.sicherheit h4{font-size: 1.2em; font-weight: 300; color: #0069B2; }
table.sicherheit td, table.standard td{vertical-align: top; border-bottom: 1px solid #999999; padding: 8px 0px 8px 10px; margin: 0px; }
table.sicherheit td.bolder{width: 400px; font-weight: 300; }
table.sicherheit td.last, table.standard td.last{border-bottom: 0px solid #999999; }

table.standard{
padding: 10px 10px 10px 10px; 
margin: 10px 0px 30px 0px; 
width: auto; 
max-width: 60%; 
border: 0px solid #FF0000; 
display: inline-block; 
z-index: 1; 
border: 1px solid #999999; 
}
img.lieferanten{
max-height: 80px; height: auto; background-color: #FFFFFF; padding: 10px; margin: 8px 0px 0px 0px; border-radius: 10px; 
}
img.handschuhe{max-width: 120px; height: auto; background-color: #FFFFFF; padding: 10px; margin: 0px 0px 0px 20px; border-radius: 10px; float: right; }

.karte{ float: right; border: 1px solid #999999; border-radius: 20px; background-color: #FFFFFF; padding: 8px; margin: 0px 15px 0px 30px; width: 40%; max-width: 41%; height: auto; }

ul.lexikon{
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
list-style-type: circle;
list-style-position: inside; 
}
ul.standard{
padding: 0px 0px 0px 0px; 
margin: 10px 0px 30px 0px; 
list-style-image: url('img/sys/list_style.png');
width: auto; 
max-width: 60%; 
border: 0px solid #FF0000; 
display: inline-block; 
}
ul.standard.bold{
font-weight: 300; 
}
ul.standard.bold i{
font-weight: 100; 
}
ul.standard a{
display: inline-block; 
border: 1px solid #FF0000; 
z-index: 100; 
position: relative; 
width: 100%; 
height: 100%; 
}

.archiv{
width: 80%; 
padding: 0px 10% 0px 10%; 
}
.bild_border{
padding: 0px 0px 0px 0px; 
margin: 50px 0px 0px 0px; 
display: inline-block; 
}

.archiv a{
text-decoration: none; 
color: #000000; 
font-weight: 300; 
}
.thumbnail_archiv{
width: 300px; 
height: 200px; 
display: inline-block; 
border: 1px solid #999999; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
}
.ma_text{margin: 0px 0px 30px 0px; border: 0px solid #999999; display: inline-block; height: 30px; font-size: 0.9em; }


@media screen and (min-width: 1000px) and (max-width: 1279px){
#nav ul li a {font-size: 1.1em;padding: 0px 10px 0px 10px;}
#nav ul li ul{width: 130%; }
#nav ul li ul li{width: 100%; }
#nav ul li ul li a { line-height: 25px; padding: 0px 10px 20px 10px; width: calc(100% - 20px); display: inline-block;}
#nav li.haschild ul.subnav a{hyphens: auto; }

.zeitenbox{top: 0px;font-size: 0.8em;}
.zeiten{padding: 10px 20px 10px 40px;}
.rechteseitenews{ width: 100%; }
}

@media screen and (min-width: 850px) and (max-width: 999px){
#nav ul li a { font-size: 1.0em; padding: 0px 5px 0px 5px; }
.zeitenbox{top: 330px; right: 0px;  width: 100%;  height: 80px;  overflow: hidden;}
.zeitenbox .zeiten{display: inline-block; width: 100%; right: 0px; float: left; padding: 10px 0px 10px 0px; border-radius: 0px; text-align: center; }
.zeitenbox b.umbruch{ display: inline-block; width: auto; padding: 0px 10px 0px 0px; font-size: 1.0em; }
#nav ul li ul li a{padding: 0px 10px 20px 10px;}
.slidercontainer{width: 100%; }
#slider .headline, #slider_2 .headline, #slider_3 .headline, #slider_4 .headline, #slider_5 .headline, #slider_6 .headline, #slider_7 .headline, #slider_8 .headline, #slider_9 .headline, #slider_10 .headline {padding: 0px 10px 5px 10px; text-align: center; width: 90%;}
.rechteseitenews{ width: 100%; }
.logorand { width: 260px; height: 260px; left: calc(50% - 130px);}
.logorand:hover{width: 220px; height:220px; top: 60px; left: calc(50% - 110px); }
}

@media screen and (min-width: 300px) and (max-width: 849px){
#nav{display: none; }
#responsive{background-color: #579b2a; background-image: url('../img/sys/nav_resp.png'); background-position: right 1% top 5px; background-repeat: no-repeat; display: inline-block; position: fixed; top: 0px; left: 0px; width: 88%; max-height: 0px; overflow: hidden; padding: 60px 2% 0px 10%; margin: 0px; border: 0px solid #FF0000; z-index: 10001; transition: 0.8s ease-in-out; }

#responsive.offen{max-height: 1000px; position: absolute;  }
#responsive ul{list-style-type: none; padding: 0px 0px 20px 0px; margin: 0px; }
#responsive ul li a{text-decoration: none; margin: 0px; padding: 0px 0px 0px 5px; color: #FFFFFF; font-weight: 300; text-transform: uppercase; }
#responsive ul ul li a{padding: 0px 0px 0px 20px; font-weight: 100; }
img.startseite { left: 15px; top: 15px;}
.zeitenbox{top: 280px; right: 0px;  width: 100%;  height: 80px;  overflow: hidden;}
.zeitenbox .zeiten{display: inline-block; width: 100%; right: 0px; float: left; padding: 10px 0px 10px 0px; border-radius: 0px; text-align: center; }
.zeitenbox b.umbruch{ display: inline-block; width: auto; padding: 0px 10px 0px 0px; font-size: 1.0em; }
kopf { height: 280px; }
.logorand { width: 200px; height: 200px; left: calc(50% - 100px); top: 80px;}
.logorand:hover{width: 180px; height:180px; top: 40px; left: calc(50% - 90px); top: 90px;}
.obenrechts{top: 400px; left: 0px; width: 80%; padding: 0px 10% 0px 10%; margin: 0px; border-bottom: 1px solid #999999; text-align: center; display: inline-block;}
.obenrechts a{font-size: 1.0em; }
.bildboxgalerie{min-height: 99px; max-height: 100px; }
.bild_box_galerie, .bild_box_galerie a, .bildboxgalerie .thumbnail{min-height: 99px; max-height: auto; }
.bild_box_galerie{width: 100%; float: left; border: 0px solid #FF0000; }
#nachoben{bottom: 80px; }
.thumbnail{background-position: center left; margin: 0px; }
.texte{font-size: 1.0em; margin: 480px 12.5% 150px 12.5%;}
table.standard, ul.standard{ width: calc(100% - 20px) !important; max-width: 100%;}
table.rechts.klein, .fotolinks, .fotorechts{width: 50%; margin: 0px 25% 30px 25%;}
table.rechts{width: 90%; margin: 0px 5% 30px 5%;}
.slidercontainer{width: 100%; }
#slider .headline, #slider_2 .headline, #slider_3 .headline, #slider_4 .headline, #slider_5 .headline, #slider_6 .headline, #slider_7 .headline, #slider_8 .headline, #slider_9 .headline, #slider_10 .headline {padding: 0px 10px 5px 10px; text-align: center; width: 90%;}
.aktiv .closetab{ top: 17px; left: 7px; width: 20px; height: 20px; }
h1, h2, h3, h4, h5, h6{ hyphens: none; }
.texte a.iconbg{width: 30%; margin: 20px 10% 10px 10%; min-height: 150px; }
.lb-data .lb-close{right: 0px !important; }
#footer{width: 96%; padding: 10px 2% 10px 2%; font-size: 1.0em; border-bottom: 10px solid #579b2a; }

.icon.heizung{top: 7%; }.icon.container{top: 15%; left: -10%; }.icon.gas{top: 15%; }.icon.winterbedarf{top: 15%; }.icon.schmierstoffe{top: 15%; }.icon.reinigungsmittel{top: 15%; }.icon.arbeitssicherheit{top: 15%; }.icon.reinigungpapiere{top: 15%; }.icon.muellbeutel{top: 15%; }.icon.werkzeug{top: 15%; }.icon.bigbag{top: 15%; }.icon.heizung:hover{top: 7%; }.icon.container:hover{top: 15%; left: -10%; }.icon.gas:hover{top: 15%; }.icon.winterbedarf:hover{top: 15%; }.icon.schmierstoffe:hover{top: 15%; }.icon.reinigungsmittel:hover{top: 15%; }.icon.arbeitssicherheit:hover{top: 15%; }.icon.reinigungpapiere:hover{top: 15%; }.icon.muellbeutel:hover{top: 15%; }.icon.werkzeug:hover{top: 15%; }.icon.bigbag:hover{top: 15%; }
.rechteseitenews{ width: 100%; }

}