@charset "utf-8";
* {margin:0;padding:0;}
html  { 
font-family: arial, verdana, sans-serif, albany;
color: #000000; 
}
body {
background: #ff6600;
}
#text1, #text2, #text3, #text4, #text5, #footer, .inhalt {
overflow: auto;
}
#main {
display: block;
max-width: 1000px; margin: 0 auto;
}
@media only screen and (min-width: 1250px) {
#main {max-width: 1000px; margin: 0 auto;}
}
@media screen and (min-width: 851px) {
h1 {font: normal normal bold 2.6em/2.8 arial, sans serif, albany;}
h2 {font: normal normal bold 1.8em/1.6 arial, sans serif, albany;}
h3 {font: normal normal bold 1.3em/1.3 arial, sans serif, albany;}
h4 {font: normal normal normal 1.3em/1.3 arial, sans serif, albany;}
h5 {font: normal normal normal 1em/1.1 arial, sans serif, albany;}
h6 {font: normal normal normal 0.8em/1.4 arial, sans serif, albany;}
p {font: normal normal normal 1.2em/1.8 arial, sans serif, albany;}
div.sticky {
width: 99%;
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 5px 0px;
z-index: 200;
}
#desnavi {
width: 99%;
height: auto;
border-radius: 5px;
position: relative;
margin-top: 10px;
background: rgba(244,244,244,0.2); 
}
#nav1 {
font-family:  Arial, sans-serif;
padding: 0%;
font-size: 13px;
text-align: center;
border: none;
position: relative;
width: 99%;
height: 50px;
margin-top: 0%;
}
.des ul {
text-align: left;
display: inline;
margin: 0;
padding: 0%;
list-style: none;
}
.des ul li {
width: 11%;
border: 1px solid black;
border-radius: 10px;
font: normal 16px arial;
display: inline-block;
text-align: center;
margin: 0;
position: relative;
padding: 15px 0px;
background: rgba(229,229,229,0.6);
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.des ul li:hover {
background: #555;
color: #fff;
}
#smallnav, #buttonnav {display: none;}
.abs ul {
list-style: none;
}
.proj1 {
width: 23%;
}
#tag1 {
width: 50%;
height: auto;
position: relative;
margin: 0 auto;
text-align: center;
background: #ff9900;
}
#tag {
width: 50%;
height: auto;
position: relative;
margin: 0 auto;
text-align: center;
background: #ff9900;
}
#termin {
width: 40%;
height: auto;
margin: -30% 0 0 15%;
display: block;
position: fixed;
background: #ffffcc;
padding: 1% 2%;
z-index: 900;
border: 2px solid #ff0000;
}
/* #termin {display: none !important;} */
#k1, #k2{
width: 40%;
float: left;
margin: 2%;
padding: 10px 2%; 
border: none;
}
}
@media screen and (max-width: 850px) and (min-width: 521px) {
h1 {font: normal normal bold 2.2em/2.0 arial, sans serif, albany;}
h2 {font: normal normal bold 1.6em/1.4 arial, sans serif, albany;}
h3 {font: normal normal bold 1.3em/1.1 arial, sans serif, albany;}
h4 {font: normal normal normal 1.3em/1.1 arial, sans serif, albany;}
h5 {font: normal normal normal 1em/1.1 arial, sans serif, albany;}
h6 {font: normal normal normal 0.8em/0.9 arial, sans serif, albany;}
p {font: normal normal normal 1.2em/1.8 arial, sans serif, albany;}
#main {
margin-left: 1%;
}
#smallnav {
width: 98%;
height: 100%;
text-align: center;
background: rgba(0,153,255,0.4);
position: fixed;
display: none;
z-index: 900;
}
.mobil ul {
text-align: center;
list-style: none;
margin-top: 90px;
background-color: ;
}
.mobil li{
width: 80%;
height:70px;
margin: 0% 9%;
background: rgba(0,153,255,0.8);
border: 1px solid black;
}
.mobil li a{
text-decoration: none;
font-family: arial, sans serif; 
font-weight: bold; 
color: ; 
font-size: 1.5em;    
line-height:2em;
}
#buttonnav {
width: 95%;
height:80px;
margin-top: 1%;
position: fixed;
z-index: 1000;
}
button {
width: 80px;
height:80px;	
float: right;
background:url(bilder/nav80.png);
}
#desnavi, #nav1 {
display: none;
}
.proj1 {
width: 45%;
}
#tag1 {
width: 99%;
height: auto;
position: relative;
margin: 0 auto;
text-align: center;
background: #ff9900;
}
#tag {
width: 99%;
height: auto;
position: relative;
margin: 0 auto;
text-align: center;
background: #ff9900;
}
#termin {
width: 60%;
height: auto;
margin: -30% 0 0 8%;
display: block;
position: fixed;
background: #ffffcc;
padding: 1% 2%;
z-index: 900;
border: 2px solid #ff0000;
}
/* #termin {display: none !important;} */

}
@media screen and (max-width: 520px) {
h1 {font: normal normal bold 2.0em/1.8 arial, sans serif, albany;}
h2 {font: normal normal bold 1.5em/1.4 arial, sans serif, albany;}
h3 {font: normal normal bold 1.3em/1.1 arial, sans serif, albany;}
h4 {font: normal normal normal 1.3em/1.1 arial, sans serif, albany;}
h6 {font: normal normal normal 0.6em/1.4 arial, sans serif, albany;}
p {font: normal normal normal 1.0em/1.2 arial, sans serif, albany;}
#main {
margin-left: 1%;
}
#smallnav {
width: 98%;
height: 100%;
text-align: center;
background: rgba(0,153,255,0.4);
position: fixed;
display: none;
z-index: 900;
}
.mobil ul {
text-align: center;
list-style: none;
margin-top: 60px;
background-color: ;
}
.mobil li{
width: 80%;
height:70px;
margin: 0% 9%;
background: rgba(0,153,255,0.8);
border: 1px solid black;
}
.mobil li a{
text-decoration: none;
font-family: arial, sans serif; 
font-weight: bold; 
color: ; 
font-size: 1.5em;    
line-height:2em;
}
#buttonnav {
width: 95%;
height:70px;
margin-top: 1%;
position: fixed;
z-index: 1000;
}
#buttonnav button {
width: 60px;
height:60px;	
float: right;
background:url(bilder/nav60.png);
}
#desnavi, #nav1 {
display: none;
}
.proj1 {
width: 45%;
}
#tag1 {
width: 99%;
height: auto;
position: relative;
margin: 0 auto;
text-align: center;
background: #ff9900;
}
#tag2 {
width: 99%;
height: auto;
position: relative;
margin: 0 auto;
text-align: center;
color: #000000;
}
#tag {
width: 99%;
height: auto;
position: relative;
margin: 0 auto;
text-align: center;
background: #ff9900;
}
#termin {
width: 60%;
height: auto;
margin: -80% 0 0 8%;
display: block;
position: fixed;
background: #ffffcc;
padding: 1% 2%;
z-index: 900;
border: 2px solid #ff0000;
}
/* #termin {display: none !important;} */
}
.weihnacht {
width: 60%;
height: auto;
position: absolute;
margin: 0% 1% 1% 30%;
}
.weihnacht img{
width: 100%; 
height: auto;
border: none;
}
#main {
position: relative;
z-index: 100;
}
.logo {
width: 25%;
height: auto;
position: relative;
float: left;
margin: 0% 2% 1% 2%;
}
.color {
font-family:  sans-serif, albany, arial, verdana;
color: #6c4033; 
text-align: center;
}
#texta {
width: 98%;
height: auto;
border-radius: 5px;
background: rgba(143,143,143,0.2);
position: relative;
margin-top: 10px; 
}
/* bealide */
#beaslide {
width: 100%;
height: auto;
background: rgba(229,229,229,0.5);
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border-radius: 5px;
}
.beaslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
height: auto;
padding: 0;
margin: 0;
border: none;
cursor: auto;
border-radius: 5px;
}
#s1, #s2 {
position: relative;
width: 100%;
height: auto;
float: left;
padding: 0%;
border-radius: 5px;
}
.beaslides img {
position: static;
top: 0;
left: 0;
height: auto;
width: 100%;
border: none;
}
.beaslides_dot {
width: 100%;
text-align: center;
position: static;
bottom: 0;
z-index: 205;
margin: 0;
padding: 0.3em 0;
border: none;
}
.beaslides_dot li {
display: inline;
margin-right: 5px;
}
.beaslides_dot a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fffc00;
display: inline-block;
width: 10px;
height: 10px;
z-index: 210;
}
.beaslides_dott a {
background: #ff0000;
z-index: 215;
}
/* bealide-ende */
.low {
height: 20px;
position: relative;
}
.hight {
height: 70px;
position: relative;
}
#text1 {
width: 96%;
height: auto;
border-radius: 5px;
background: rgba(143,143,143,0.1);
position: relative;
margin-top: 10px;
padding: 1%; 
}
.center {
text-align: center;
}
#text2, #text4 {
width: 98%;
height: auto;
border-radius: 5px;
background: rgba(143,143,143,0.2);
position: relative;
margin-top: 10px; 
padding: 1%; 
}
#text3 {
width: 98%;
height: auto;
border-radius: 5px;
background: rgba(143,143,143,0.3);
position: relative;
margin-top: 10px; 
padding: 1%; 
}
#text5 {
width: 96%;
height: auto;
border-radius: 5px;
background: rgba(204,204,204,0.4);
position: relative;
margin-top: 10px; 
padding: 1%; 
}
.proj2 {

height: auto;
margin: 10px 0;
padding: 5px;
text-align: center;
}
.proj2 img{
width: 80%; 
height: auto;
}
.proj3 {
height: auto;
margin: 10px 0;
padding: 5px;
text-align: center;
}
.proj3 img{
width: 80%; 
height: auto;
}
#pro2 {
width: 60%;
height: auto;
margin: 0 auto;
text-align: center;
}
#pro1 {
width: 100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-around;
background: rgba(229,229,229,0.9);
}
.proj1 {
height: auto;
margin: 10px 0;
background: #e5e5e5;
padding: 5px;
text-align: center;
}
.proj1 img{
width: 100%; 
height: auto;
border: 1px solid black;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 98%;
}
td, th {
text-align: left;
padding: 8px;
overflow: auto;
}
tr:nth-child(even) {
background-color: rgba(204,204,204,0.4);
}
#sp {
width: 99%; 
height: auto;
position: relative;
border-bottom: 2px solid black;
}
.preis {
float: right;
}
article {
-webkit-hyphens: auto;
}
span {}
#text7 {
width: 96%;
height: 400px;
position: relative;
background: rgba(143,143,143,0.2);
margin-top: 20px;
padding: 10px 1%; 
margin-left: 0%;
} 
#maps {
text-align: center;
padding: 5% 5%;
background-image: url("bilder/area.jpg");
opacity: 0.7;
}
#buttonmap button {
width: 200px;
height:auto;
background: #ff6600;
margin-top:2%;	
padding: 2%;
position: relative;
z-index: 900;
}

#ausgabe {
z-index: 500;
}
#footer {
width: 96%;
height: auto;
border-radius: 5px;
background: rgba(143,143,143,0.2);
position: relative;
margin-top: 10px; 
padding: 1%; 
}
a {
text-decoration: none;
color: inherit;
}
.jswarn {font-family: arial, sans serif;font-weight: bold;font-size:1.2em;line-height:1em;color: #ff0000;text-align: center;}
#druck {
display: none;
}
@media print {
#main{
float: none;
margin: 20px 20px 30px 30px;
}
body {
background: #ffffff;
}
h1 {font: normal normal bold 18pt arial, sans serif, albany;}
h2 {font: normal normal bold 14pt arial, sans serif, albany;}
h3 {font: normal normal bold 12pt arial, sans serif, albany;}
h4 {font: normal normal normal 11pt arial, sans serif, albany;}
h5 {font: normal normal normal 10pt arial, sans serif, albany;}
h6 {font: normal normal normal 9pt arial, sans serif, albany;}
p {font: normal normal normal 11pt arial, sans serif, albany;}
#smallnav, #stop1, #buttonnav, #navi, #tag, #beaslide, #desnavi, .mff, #termin, #texta, #text2, #text7 {
display: none;
}
#druck {
display: block;
text-align: center;
}
}