html, body {height: 100%; }
ul, li{ padding: 0;  margin: 0;}
body{ margin:0; padding: 0; font: 18px Arial; background:#cfa76b; text-align:center;}

.right{ float:right; margin: 0 0 15px 15px;}
.left { float:left; margin: 0 15px 15px 0;}
.clear { clear:both;}
.wrapper {max-width:1000px; margin: 0 auto;}

li {width: 45%; float:left; margin: 10px 2.5%; list-style-type:none;}
ul li:nth-child(2n+1) {clear:both;}


h1{ font-size:25px; }
h2 { font-size:22px; clear:both;margin-top:30px;}
h3 { font-size:20px; clear:both;}
img {max-width:100%;height:auto;}

a { color:black; }
td {vertical-align:top; }

#top-line {padding: 7px 0; border-bottom: 1px solid grey; }
header { margin-bottom: 55px;}
header .wrapper {    padding-top: 14px;}
#telefon { float:left;}
#mail {float:right;}
#mail a {text-decoration:none; }
#logo {float:left; }
#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{}
.wrapper.content {min-height: calc(100% - 263px); }
#content{}
#footer {clear:both; text-align:center; background-color: #b0ca00;  padding: 16px; }
#footer .navi-mobi { display:none;}
#footer a {text-decoration:none;}

.spalten { column-width: 250px; 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; }

@media all and (max-width:767px){
	
}
@media only screen and (max-width:700px){
	.block700{float:none !important;display:block !important; margin: 0 auto !important;}
}

@media only screen and (max-width:600px){
	.block600{float:none !important;display:block !important; margin: 0 auto !important;}
}	

@media all and (max-width:500px) {
	.block500{float:none !important;display:block !important; margin: 0 auto !important;}
	#footer .navi-mobi { display:block;}
}

@media only screen and (max-width:400px){
	.block400{float:none !important;display:block !important; margin: 0 auto !important;}
}