html, body {height: 100%; }
body{ margin:0; padding: 0; font: 14px Arial; background-image:url(../bilder/Schrotthaufen.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

.right{ float:right; margin: 0 0 15px 15px;}
.left { float:left; margin: 0 15px 15px 0;}
.clear { clear:both;}
.wrapper {max-width:1000px; margin: 50px auto; background-color: white;padding: 30px; border-radius:5px;}
.width45 {width:45%;}
.button {padding: 5px 15px; background-color:#65a72d; color:white; border-radius: 5px;}
h1{ font-size:20px; }
h2 { font-size:18px; margin:30px 0 5px;  border-bottom: 1px solid #65a72d; }
h3 { font-size:16px;}
img {max-width:100%;}
a { color:black; font-weight:bold; text-decoration:none }
td {vertical-align:top; }

#top-line {background-color: #61a72a;padding: 7px 0; }
#bottom-line {background-color: #61a72a;height:3px; text-align:center;     margin-top: -3px; }
header { margin-bottom: 0px;}
header .wrapper {    padding-top: 30px;}
#headline-top { font-size: 30px; margin-top:13px; }
#telefon { float:right;     color: black; font-size: 18px; font-weight: bold; margin-top:-60px}
#mail {float:right;}
#mail a {text-decoration:none; }
#logo {float:left; margin-right:50px;}
#unt { font-size: 20px;     padding-top: 14px; text-align: center;}
#logo-text {position: absolute; background-color:white;margin: 51px 5px 0 5px;padding: 0 3px; font-weight:bold; color: #35691d;}
#logo-line { background-color: #b0ca00;  height: 13px; margin-top: 3px;}
#main{ }
#header{}
#content{margin-top:50px;}
#footer {clear:both; text-align:center;  padding: 16px; border-top: 3px solid #61a72a;margin-top:50px;}
#footer .navi-mobi { display:none;}
#footer a {font-weight:normal;}

.spalten { column-width: 50%; text-align:justify; column-gap: 40px;}
.spalten p { margin-top:0; line-height: 20px;}

.scrollup { width: 40px; height: 40px; position: fixed; bottom: 50px; right: 100px; display: none; background-color: white;border:1px solid rgb(120,120,120);color:black; border-radius:10px; font-size:30px;     text-decoration: none; text-align: center; padding-top: 5px; }


.taetigkeit {margin-top: 58px; }
ul.prodlist {margin-left: 0; padding:0; }
.prodlist li {list-style-type: none; width: 18%; text-align: center; float: left; margin: 0 1% 30px;}
.prodlist li:nth-child(5n+1) { clear: left;}


@media all and (max-width:767px){
	.prodlist li {width: 31%;}
	.prodlist li:nth-child(5n+1) { clear: none;}
	.prodlist li:nth-child(3n+1) { clear: left;}
	.wrapper { margin-top: 0; padding-top: 55px; }
	#telefon { margin-top: 25px;  float:none; }
}

@media all and (max-width:600px) {
	.prodlist li {width: 45%;}
	.prodlist li:nth-child(3n+1) { clear:none;}
	.prodlist li:nth-child(2n+1) { clear: left;}
}

@media all and (max-width:500px) {
	#footer .navi-mobi { display:block;}
	.width45 {width:100%; }
	
	
}
@media all and (max-width:480px) {
	#headline-top {clear:both; }
}
@media all and (max-width:450px) {
	.prodlist li {width: 90%;}
}