@font-face{font-family:Nunito;src:url(schrift/Nunito-Regular.ttf)}
h1,h2,h3,h4,h5,h6,p,pre,ul,ol{font-family:Nunito,'Trebuchet MS',Helvetica,Arial,sans-serif;font-style:normal}






html{height:100%;background:#fff}
body{margin:16px auto;height:96%;position:relative}
a:link,a:visited{color:inherit}
a:active{color:#6600ff}/* Цвет активных ссылок */
a:hover{color:#6600ff}/* Цвет ссылки при наведении мышью */
ol{margin-top:0;margin-bottom:0}
h1{-webkit-margin-before:0}
h6{background-color:orange}
.verpackung{min-height:100%;position:relative;border-left:1px solid #f3f3f2;border-right:1px solid #f3f3f2;max-width:938px;margin:16px auto}
header{padding:34px 34px 20px 34px;max-width:870px;min-height:100%}
nav{padding:30px 34px 30px 34px;max-width:870px;min-height:100%}
main{padding:64px 64px 210px 64px;max-width:870px;min-height:100%}
footer{text-align:center;padding:34px;height:120px;position:absolute;bottom:0;left:0;right:0}
.absatz{margin-top:0;margin-bottom:0}
.anfang{margin-top:0}
.navliste ul{display:none;top:100%}
.navliste li:hover ul{display:block}
.navliste li:hover ul a{border-style:none}
.navliste,.navliste ul{margin:0;padding:0;list-style:none}
.navliste{height:31px;width:inherit}
.navliste li{float:left;position:relative;min-width:25%}
.navliste li a{display:block;text-decoration:none;padding:4px 0 0 0;height:25px;text-align:center;border:1px solid #fff;border-radius:6px;font-weight:700}
.navliste ul li{float:none}
.navliste ul li a{border-style:none;height:26px;padding:5px 0 0 0}
.navliste li a:hover{border-color:#f5f5f5;background-color:#f5f5f5}
.ordnung1{display:inline-block;margin-right:-4px;padding:10px;min-height:80px;vertical-align:top}
.ordnung2{display:inline-block;margin-right:-4px;padding:16px;min-height:19px;vertical-align:top}
.ordnung2 img{margin:0px auto 0 auto}
.ordnung2 p{margin:0 auto}
.footerline{min-height:8px;max-width:868px;margin:16px auto;width:100%;background-color:orange;border:1px solid orange;border-radius:3px}
.freiespezialisten{text-decoration-line:none}
.grenze{margin:0 auto}
.textposition1{display:inline-block;vertical-align:top;width:60%;margin-right:-4px}
.textposition2{display:inline-block;vertical-align:top;width:40%}
.textposition3{padding-right:10px}
.imgposition1 p img{max-width:100%;width:268px}
.imgposition1 p{margin:0 auto;text-align:right}
.rotzeile{text-indent:30px}
/*.uberschrift{font-weight:700}*/
/*.zweiservices p a{font-weight: bold;text-decoration: none}*/
.leistungen li a{font-weight:700;text-decoration:none}

@media (max-width:640px){
.textposition1{vertical-align:0;width:100%;padding-right:0;margin-right:0}
.textposition2{width:100%;vertical-align:0;padding-left:0}
.imgposition1 p img{padding-left:0}
.imgposition1 p{text-align:center}
}
.imgposition2{max-width:100%;width:300px}
@media (max-width:640px){
.imgposition3{text-align:center}
}
.imgposition4 p{text-align:center;margin:30px auto 0}
.imgposition5 p img{max-width:100%}
.imgposition6 p img{width:688px}
.imgposition7 p img{width:472px}
.imgposition8 p{margin:0 auto}

@media (max-width:640px){
header{padding: 20px 20px 10px 20px}
nav{padding:10px 20px 30px 20px}
footer{padding:20px}
}
@media (max-width:409px){
.ordnung2{padding:8px}
.imgposition9 p{margin:0 auto;text-align:center}
.imgposition9 p img{max-width:100%;width:200px}
h1 { font-size: 1.7rem; margin: .68em 0 }
h2 { font-size: 1.3rem; margin: .76em 0 }
}

@media (min-width:721px) and (max-width:846px){
.navliste ul li a{font-size:80%}
}
@media (max-width:720px){
main{padding:4px 40px 210px 40px}
.navliste{height:100%;max-width:218px;margin:0 auto}
.navliste li{float:none}
.navliste ul{display:block}
}