@import url("fonts.css");
body, td, th {
    margin: 0;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 16px;
    color: #000000;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-position: center bottom;
}


#kopf {  height:150px; }

#nav {
 width:auto;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 margin:20px 20px 20px 40px;
}


#logo1 {
    width: 43%;
    display: inline-block;
    margin-left: 6%;
}

#logo2 {
    width: 44%;
    display: inline-block;
    text-align: right;
    margin-right: 6%;
}
#nav {
    text-align: center;
    text-transform: uppercase;
    margin-top: 3%;
    padding-bottom: 12px;
}
a.menu {
    margin-right: 15px;
    margin-left: 15px;
    text-decoration: none;
    color: rgba(0,0,0,1.00);
}





img {
	max-width: 100%;
	height: auto;
}
.clear {
	clear: left;
}
article {
    max-width: 786px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4%;
    margin-bottom: 20%;
    padding: 0 30px 0 65px;
}

h1 {
    color: #FF0000;
    text-align: center;
    font-weight: lighter;
}


h2 {
    color: #FF7200;
    font-weight: lighter;
    font-size: 20px;
    margin: 0px;
    text-align: center;
}
a.mail, a.tel {
    color: #FF0000;
    text-decoration: none;
}
.responsiveContainer {
	position: relative;
	padding-bottom: 41%;
	height: 0;
	overflow: hidden;
	padding-top: 11%;
}
.responsiveContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#nav ul li {
 float: left;
 padding: 10px;
}


#nav ul {
 list-style: none;
     margin: 0;
     padding: 0;
     list-style: none;
}


#nav ul li a {
    display: block;
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: none;
	color: #000;
    font-size: 17px;
}

#nav ul li a:hover {
     color: #c1c1c1;
}

#nav ul li.close {
     display: none;
}

.nav-open {   display: none; }


#kopf {
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.86) 0%,rgba(255,244,161,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.86) 0%,rgba(255,244,161,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.86) 0%,rgba(255,244,161,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.86) 0%,rgba(255,244,161,1.00) 100%);
    max-width: 786px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
    padding-top: 2%;
}
@media only screen and (max-width:1500px) {
}
@media screen and (max-width: 640px) {

body {  background-image:none; }

.heller { background-color: rgba(255, 255, 255, 0.4); }

#kopf { margin-top:50px; }

#nav {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     margin: 0;
     padding: 0;
     background:#333;
	 top: -200%;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5 ease-in-out;
 -o-transition: all .5 ease-in-out;
 -ms-transition: all .5 ease-in-out;
 transition: all .5 ease-in-out;
}

#nav ul li {
     float: none;
     text-align: center;
     border-bottom: 1px solid #555;
}

#nav ul li a {
	color: #fff;
}

#nav ul li.close { display: block; }

.nav-open {
     position: fixed;
     top: 0;
     left: 0;
     background: #333;
     display: block;
     width: 100%;
}

.nav-open a {
     padding: 10px 15px;
     display: block;
     color: #ffffff!important;
     text-align: center;
     text-decoration: none;
}

.nav-open a:hover {
     padding: 10px 15px;
     display: block;
     color: #fff;
     text-align: center;
     text-decoration: none;
}

#logo1 {
    width: 65%;
    margin-left: 18%;
}

#logo2 {
    width: 66%;
    margin-left: 17%;
    margin-top:10px;
}


#nav:target { top: 0; }
main	{ padding: 20px 20px 20px 20px;}
article { padding:0;  }
}