@charset "UTF-8";
body {
	background: #EFEFEF;
	margin: 0;
	padding: 0;
	color: #999;
	
	font-family: 'Signika', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 130%;
}

	


/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 5px;	
	font-size: 1em;
}

h1 {  color: #906;
}

h2 {  color: #999;
}

a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */

a {  color: #906;
}
a:link {
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
}

ul { 
	margin: 0;
	padding-left: 15px;
	padding-top: 0;
	padding-bottom: 0;
	list-style-type: square;
}

li { 
	margin-bottom: 4px;
	margin-left: 5px;	
	list-style-type: square;
	padding-left: 0px;
	list-style-position: outside;
}


hr {clear:both; margin-top:10px; }

.Daten {font-weight:bold; }


/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*/
 
 #inhalt form {
	
	margin: 10px; 
	 
 }
 
.form-group yform-element {


}

label {
	display:block;
	margin-top:10px;
}

 #Inhalt form input {
	width: 500px;
	max-width: 80%;

}


 #Inhalt form input[type=radio] {
	width: 20px; background-color:#099;
}

.radio {
	width: 120px; float: left;	
}

.checkbox {

}

#Inhalt form input[type=checkbox] {
	width: 20px;
}

select {
	width: 500px;
	max-width: 80%;
	color: #666;
}


 #Inhalt form textarea {
	width: 500px;
	margin-bottom:10px;
	max-width: 80%;
}

 #Inhalt form hr {
	 border: 0; height: 2px; background: #906; margin: 15px 0;
}

.zweispaltig {
	
width: 160px;
float: left;
display: block;
margin-top: 10px;	
margin-bottom: 15px;
	
}

form img {
	width: 300px;
	margin: 10px;
	max-width: 100%;
}


button {
	margin-top:10px;
	width: 500px;
	min-height: 28px;
}

.block {
clear:both;	
}

.alert li {
	
	color: #906;
	font-weight: bold;
}
 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */


.swiper-container {

        width: 500px;
	height: 500px;
	max-width: 100%;
    }

.swiper-container img {
	max-width: 100%;
    }
	
.swiper-slide {
        text-align: left;
        background: #fff;

        /* Center slide text vertically
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; */
    }
	
	/* .swiper-button-next, .swiper-button-prev { display: none; } */
	



/* Kleine Monitore */
#kopf { width:100%; height:110px; margin: 0 auto; background: #FFF; background-image:url(kopf_739.jpg); background-repeat:no-repeat; background-size:auto; }
#container { width: 100%; margin: 0 auto; background: #FFF; }
#Navigation { background: #FFF; }
#Aktuelles { background: #FFF; clear:left; margin-top:10px; }
#Inhalt { background: #FFF; }

#Navigation .navbutton {  padding:0; float:left;}
#Navigation .navbutton a { color:#FFF; background-color:#906; display:block; padding:3px; margin:2px; font-size:1em; text-decoration:none; font-weight:bold; }
#Navigation .navbutton a.on { background-color:#F93;}

img {margin: 0 10px 5px 0; width:130px; float:left; }

.rechts {  
	float: right;
	margin: 0 5px;
}
.links { 
	float: left;
	margin-right: 5px;
}
.clear { 

	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

iframe {width:100%; height:300px;}


/* Tabletts */
@media only screen and (min-width: 760px) {
#kopf { width:740px; height:165px; background-image:url(kopf_740.jpg); }
#container { width: 740px; }
#Navigation {float:left; display:block; width:200px; margin-right:10px; }
#Aktuelles { }
#Inhalt {float:left; display:block; width:500px; }

#Navigation .navbutton {  width:190px; padding:0;  float:left;}
#Navigation .navbutton a { width:190px; background-color:#906; color:#FFF; display:block; padding:4px; margin:5px; font-size:1em; text-decoration:none; }
#Navigation .navbutton a.on { background-color:#F93; color:#FFF;  }

img {width:180px;}

form img {
	width: 300px;
	margin: 10px;
}
	
iframe {width:490px; height:300px;}

}

/* Mittlere Monitore */
@media only screen and (min-width: 980px) {
#kopf { width:960px; height:185px; background-image:url(kopf_960.jpg); }
#container { width: 960px; }
#Navigation { }
#Aktuelles { }
#Inhalt {width:700px; }
	
img {width:250px;}

form img {
	width: 300px;
	margin: 10px;
}
	
iframe {width:690px; height:500px;}



}

/* Große Monitore */
@media only screen and (min-width: 1280px) {	
	
}