@font-face {
font-family: 'arial';
             src: url('wynafont/arial/Arial.eot#')  format('eot'),
                  url('wynafont/arial/Arial.woff')  format('woff'),
                  url('wynafont/arial/Arial.ttf')   format('truetype'),
                  url('wynafont/arial/Arial.svg#svgFontName')  format('svg');
}
@font-face {
font-family: 'arial_bold';
             src: url('wynafont/arial_bold/Arial_Bold.eot#')  format('eot'),
                  url('wynafont/arial_bold/Arial_Bold.woff')  format('woff'),
                  url('wynafont/arial_bold/Arial_Bold.ttf')   format('truetype'),
                  url('wynafont/arial_bold/Arial_Bold.svg#svgFontName')  format('svg');
}
@font-face {
font-family: 'arial_bold_italic';
             src: url('wynafont/arial_bold_italic/Arial_Bold_Italic.eot#')  format('eot'),
                  url('wynafont/arial_bold_italic/Arial_Bold_Italic.woff')  format('woff'),
                  url('wynafont/arial_bold_italic/Arial_Bold_Italic.ttf')   format('truetype'),
                  url('wynafont/arial_bold_italic/Arial_Bold_Italic.svg#svgFontName')  format('svg');
} 
@font-face {
font-family: 'arial_italic';
             src: url('wynafont/arial_italic/Arial_Italic.eot#')  format('eot'),
                  url('wynafont/arial_italic/Arial_Italic.woff')  format('woff'),
                  url('wynafont/arial_italic/Arial_Italic.ttf')   format('truetype'),
                  url('wynafont/arial_italic/Arial_Italic.svg#svgFontName')  format('svg');
} 

strong{
	font-weight: 900;	
}

#beschreibung {
    border: 1px solid rgba(0,0,0,0.3);
	background-color: rgba(255, 255, 255, 0.87);
    position: absolute;
    height: auto;
    width: 130px;
	bottom: 35px;
	right: 35px;
}
.q1 {
}
.q2 {
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top: 1px solid white;
background-image: url(bilder/hintergrund.jpg);
background-size: 100% 100%;
}
a.c1 {
display: inline;
margin-left: 30px;
}
.q3 {
display: none;
margin-left: 50px;
}
.q5 {
display: none;
margin-left: 50px;
}
/*
li.q2:hover>ul.q3{
display: block;
}
li.q4:hover>ul.q5 {
display: block;
}
*/
.q6 {
width: auto;

}

footer#footer {
height: auto;
width: 100%;
background-color: #214e82;
position: relative;
box-sizing: border-box;
display: inline-block;
}
#smallnav {
width: 100%;
position: fixed;
background-color:red;
margin-top: 110px;
z-index: 100000;
display: none;
}
.strich {
height: 4px;
width: 26px;
background-color: #214e82;
margin-top: 4px;
margin-left: 12px;
padding: 0;
display: block;
}
ul {
width: auto;
padding: 0;
margin: 0;
}
li {
width: auto;
}
body,html {
background-color:white;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
a.home {
position: fixed;
z-index: 1002;
width: 250px;
}
/*kopf*/
#kopfteil {
position: fixed;
height: 30px;
width: 100%;
background-color:#214e82;
z-index: 10;
}
p.kontakt {
color:#f2f2f2;
float: left;
padding: 0;
margin: 0;
font-family: arial;
font-size: 12px;
padding-left: 30px;
line-height: 30px;
}
p#kontakt2 {
box-sizing: border-box;
color:#f2f2f2;
padding: 0;
width: 100%;
display: inline-block;
margin: auto;
font-family: arial;
font-size: 12px;
padding-left: 30px;
line-height: 30px;
text-align: center;
}
/*kopf*/
/*navigation*/
h1#logo {
font-size: 16px;
margin: 0;
line-height: 13px;
padding: 12px 0px 0px 0px;
font-family: arial;
letter-spacing: 0;
text-align: center;
}
#schlagschatten {
height: 52px;
width: 100%;
background: url(bilder/schlagschattengross.png) no-repeat;
background-size: 100% 100%;
position: fixed;
margin-top: 50px;
z-index: 100;
opacity: 0.5;
}
#schlagschatten2 {
height: 52px;
width: 100%;
background: url(bilder/schlagschattengross2.png) no-repeat;
background-size: 100% 100%;
z-index: 100;
opacity: 0.5;
margin-top: -52px
}
a{
color: rgb(77, 77, 77);
text-decoration: none;
font-family: arial_bold;
font-size: 11px;
letter-spacing: 2px;
line-height: 50px;
width: 200px;
height: 50px;
display: block;
cursor: pointer;
}
div#navigation {
margin-top: 30px;
width: 100%;
height: 50px;
background-image: url(bilder/hintergrund.jpg);
background-size: 50px 100%;
background-repeat: repeat;
background-color: grey;
position: fixed;
z-index: 100000;
box-sizing: border-box;

border-bottom: 1px solid rgba(0,0,0,0.2);
}
header#titel {
height: 100%;
width: 250px;
float: left;
margin: 0;
padding: 0;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.2);
}
ul#navigation1 {
margin: 0; 
padding: 0;
}
.titel2 {
float: left;
position: relative;
line-height: 0px;
display: block;
width: 200px;
text-align: center;
list-style: none;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.2);
border-left:1px solid white;
}
.unterregister2 {
position: absolute;
line-height: 50px;
text-align: center;
list-style: none; 
margin-left: -1px;
z-index: 1000;
display: none;
}
.unterregister {
background-image: url(bilder/hintergrund.jpg);
background-size: 100% 100%;
margin: 0;
padding: 0;
text-align: center;
width: 200px;
margin-left: 0px;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.2);
border-left:1px solid white;
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top:1px solid white;
}

.unterregister3 {
position: absolute;
line-height: 50px;
text-align: center;
width: 200px;
margin: 0;
padding: 0;
top: 0px;
left: 200px;
z-index: 1000;
display: none;
}
.unterregister4 {
background-image: url(bilder/hintergrund.jpg);
background-size: 100% 100%;
line-height: 50px;
text-align: center;
list-style: none; 
width: 200px;
margin: 0;
padding: 0;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.2);
border-left:1px solid white;
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top:1px solid white;
}

li.titel2:hover>ul.unterregister2, li.titel2:active>ul.unterregister2{
display: block;
}
li.unterregister:hover>ul.unterregister3,li.unterregister:active>ul.unterregister3  {
display: block;
}
a:hover,a:active {
letter-spacing: 2.2px;
color:#214e82;
}

li{
list-style: none;
}



/*navigation*/
/*banner*/
section#banner1 {
width: 100%;
height: 500px;
background-color: white;
background: url(bilder/VorlageLogo.jpg) no-repeat;
background-size: cover;
padding-top: 80px;
}
article#banner {
height: 100%;
width: 1200px;
position: relative;
left: 50%;
margin-left: -600px;
}
 #halterrechts
{
width: 50%;
height: 100%;
float: left;
}
#halterlinks {
width: 50%;
height: 100%;
float: left;
}
img#bigbanner {
position: relative;
width:100%;
float: right;
top: 10px;
display: nn
}
p, h1 {
padding: 0px 10px 5px 50px;
font-family: arial;
font-size: 15px;
color:black;
letter-spacing: 1px;
}
h1 {
margin-top: 9%;
color: #214e82;
font-family: arial;
font-size: 18px;
letter-spacing: 2px;

}
/*banner*/


@media screen and (min-width:1050px) {
#smallnav {
display: none;
}
#smallnavigation {
display: none;
}
}
@media screen and (max-width:1050px) {
footer#footer {
padding-top: 30px;
padding-bottom: 30px;
}
.mediaqueries {
display: none;
}
.mediaqueries2 {
text-align: left;
display: block;
margin: 0;
padding: 0;
}
#kontakt2 {
text-align: left;
}
    
#kopfteil {
position: fixed;
height: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
p.kontakt {
color:#f2f2f2;
float: none;
line-height: 20px;
    
}
div#navigation {
margin-top: 60px;

}
    
    
    
    
    
ul#navigation1 {
margin: 0; 
padding: 0;
display: none;
} 
#smallnavigation {
position: fixed;
top: 60px;
height: 50px;
left: 100%;
width: 50px;
z-index: 1000000000000;
margin-left: -51px;
border-left: 1px solid rgba(0,0,0, 0.2);
}
.strich {
height: 4px;
width: 26px;
background-color: #214e82;
margin-top: 4px;
margin-left: 12px;
padding: 0;
display: block;
}
#smallnav {
width: 100%;
max-height: 70%;
position: fixed;
background-color:grey;
margin-top: 110px;
z-index: 100000;
display: none;
overflow: scroll;
background-image: url(bilder/hintergrund.jpg);
background-size: 100% 100%;
}
#schlagschatten {
display: none;
}
}
@media screen and (max-width:1200px) {
#halterlinks {
display: none;

}
article#banner {
height: 100%;
width: 100%;
position: relative;
left: 0;
margin: 0;
padding: 0;
}
 #halterrechts
{
width: 100%;
height: 100%;
float: left;
}
p, h1 {
padding: 15px 10px 5px 30px;
}
}
@media screen and (max-width:535px) {
section#banner1 {
width: 100%;
height: 600px;
background-color: white;
background: url(bilder/VorlageLogo.jpg) no-repeat;
background-size: cover;
padding-top: 80px;
}
p, h1 {
padding: 15px 10px 5px 30px;
}
}
/*content*/
section#content {
width: 90%;
margin: auto;
height: auto;
background-color: white;
}
h1.titel1 {
padding: 0;
margin: 0;
}
p.text1 {
padding: 0;
margin: 0;
padding-top: 10px;
padding-left: 0px
}
#adresse {
width: 100%;
height:auto;
position: relative;
}
#halter {
box-sizing: border-box;
height: auto;
flex-basis: 50%;
float: left;
padding: 30px;
}

.flexbox_kontakt, .flexbox_adresse{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}

.flexbox_kontakt div, .flexbox_adresse div{
	flex-basis: 50%;
}

#map_canvas {
width: 100%;
box-sizing: border-box;
height: calc(200% - 200px);
float: left;
margin-top: 30px;
} 
.formularstyle{
background: whitesmoke;
border: 1px solid #7e7e7e;
border-radius: 2px;
height: 30px;
padding: 0 15px;
color: black;
font-family: arial;
width: 80%;
outline: 0 none;
}
.formularstylee{
background: whitesmoke;
border: 1px solid #7e7e7e;
border-radius: 2px;
height: 100px;
color: black;
font-family: arial;
width: 282px;
padding-left: 15px;
padding-top: 10px;
    outline: 0 none; }

.area {
padding: 0;
margin: 0;
font-family: arial;
font-size: 10px;
color:grey;
padding-top: 40px;
letter-spacing: 0px;
margin: 0;
width: 400px;
opacity: 1;
}
.none {
padding: 0;
margin:0;
padding-top:10px;
}
.formularstyleee{
background: grey;
border-radius: 2px;
height: 30px;
padding: 0 15px;
color: black;
font-family: arial;
width: 100px;
outline: 0 none;
background: url(bilder/hintergrund.jpg);
text-align: center;
}

#map-container{
	flex-basis: 50%;
	padding-right: 30px;
	padding-bottom: 30px;
	position: relative;
}

/*content*/

/*media*/
@media screen and (max-width:1300px) {
#adresse {
width: 100%;
height:auto;
left: 0%;
margin-left: 0px;
}
#halter {
flex-basis: 50%;
}

section#content{
	margin: 0;
width: 100%;	
}
}
@media screen and (max-width:950px) {
#map_canvas {
height: calc(100% - 30px);
float: left;
display: none;
} 
#beschreibung {
display:none;
}
#halter {
flex-basis: 100%;
margin: auto;
padding: 30px;
}
.flexbox_adresse{
	align-items: center;
}
	
	#adresse{
		justify-content: center;	
	}
	
	#map-container{
	display: none;	
	}
}

/*hide map details*/
.gmnoprint, .gm-style-cc{
	display: none;
}

/*media*/
@media screen and (max-width:550px) {
	.flexbox_kontakt, .flexbox_adresse{
		flex-direction: column;
	}
	
	.flexbox_kontakt div, .flexbox_adresse div{
		margin-bottom: 2em;
	}
	
	.flexbox_kontakt div:last-of-type, .flexbox_adresse div:last-of-type{
		margin-bottom: 0;
	}
	.formularstyle{
	width: 100%;
		box-sizing: border-box;
	}
}
@media screen and (max-width:400px) {
section#banner1 {
height: 700px;

}
	
.formularstyle{
	width: 90%;
	}
}
@media screen and (max-width:305px) {
section#banner1 {
height: 750px;

}}
@media screen and (max-width:280px) {
section#banner1 {
height: 850px;

}}
@media screen and (max-width:260px) {
section#banner1 {
height: 950px;

}}
@media screen and (max-width:240px) {
section#banner1 {
height: 1200px;

}}