@font-face { font-family: Open Sans Bold; src: url(webfonts/OpenSans-BoldItalic.ttf);}
@font-face { font-family: Open Sans; src: url(webfonts/OpenSans-LightItalic.ttf);}

html, body {height: 100%; }
ul, li{ padding: 0;  margin: 0}
ul { margin: 0 0 0 30px; }
body{ margin:0; padding: 0; color:black; background-image:url('/bilder/background-weich-97.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; font-family: 'Open sans', Arial, Verdana;font-weight:300; font-style:italic; overflow-y: scroll; }

body#index{ background-image:url('/bilder/pixabay-2313430-0.jpg'); }
.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;}
.button { display:inline-block; background: rgb(216 241 210 / 95%); color:black; padding: 5px 20px; border-radius: 5px; text-decoration:none;}

h1,h2,h3,.specialFont { font-family: 'Open Sans', sans-serif; font-weight:300;}
h1{ font-size:35px; }
h2 { font-size:25px;}
h3 { font-size:20px;}
img {max-width:100%;height:auto;}
strong { font: 700 19px 'Open Sans Bold', sans-serif; }
a { color:black; }
td {vertical-align:top; }

#top-line, #footer{  background: #2f3339; background: -moz-linear-gradient(left,  #2f3339 0%, #62666a 100%); background: -webkit-linear-gradient(left,  #2f3339 0%,#62666a 100%); background: linear-gradient(to right,  #2f3339 0%,#62666a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3339', endColorstr='#62666a',GradientType=1 );  color:#c6c7c9}
#top-line a, #footer a { color:white;}
#background { position: absolute; opacity: 0.1;    z-index: -99;}
#intro {top:130%;background:#616469; width: 1000px; text-align:center; padding: 0; border-radius: 5px; color:white; position:absolute; left:0; right:0; margin: 0 auto; text-align:center;}

#top-line {    z-index: 119;  position: relative; padding: 15px 0; margin-bottom: 20px; /* position: fixed;  width: 100%;*/ }
header { margin-bottom: 55px;}
header .wrapper {    padding-top: 14px;}
#mainblock {display: none; position:relative;}
#telefon { float:left;}
#navi {text-align:right; margin-right: 30px;}
#navi 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 {min-height: calc(100% - 125px); }
.wrapper.content {min-height: calc(100% - 263px); }
#content{ min-height: calc(100% - 125px); /*padding-top: 50px; */}
.block {margin-bottom: 50px; color: black; padding: 15px 30px 30px; border-radius: 5px; }
.blockStart { padding:10px; margin-top:50px; text-align:center;}
#footer {clear:both; text-align:center; background-color: rgb(92 92 92 / 95%);  padding: 16px; position:relative;}
#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: 70px; 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;     font-family: Arial; font-style: initial; }

#index #footer {display:none; }

@media all and (max-width:1000px){
	#intro {width:100%;}
}

@media all and (max-width:767px){
	.block {margin-bottom: 7px; }
}