/* FONTS Einlesen */

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('/fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('/fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* kalam-regular - latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/kalam-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kalam'), local('Kalam-Regular'),
       url('/fonts/kalam-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/kalam-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/kalam-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/kalam-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/kalam-v8-latin-regular.svg#Kalam') format('svg'); /* Legacy iOS */
}



/* Fonts ende */


body {
margin:0; padding:0; border:0;
background-color: rgb(220,230,220);

}

#respheader, #linkdivresp {
display: none;
}

a {
color: #aaaaaa;
}

#mainimgmob {
display: none;
}

#mainimg {
display: block;
}

h1, h2, h3 {
font-family: 'Kalam', cursive;
color: rgb(200,200,200);
}

h2 {
color: rgb(125,125,125);
font-size: 2.5em;
}

h3 {
color: rgb(125,125,125);
font-size: 1.4em;
}

p, li {

font-family: 'Source Sans Pro', sans-serif;
color: rgb(100,100,100);
}


p, ul {
font-size: 1.15em;
line-Height: 1.3em;

}

ul ul li {
font-size: 0.9em;
}




header {
position: fixed;
top: 0px;
left: 1px;
width: 100%;
background-color: rgba(220,220,220,0.8);
z-index: 100:


}

header a, header a:hover, header span{
font-family: 'Source Sans Pro', sans-serif;
color: rgb(100,100,100);
text-decoration: none;
font-size: 1.5em;
}

header a:hover {
color: rgb(150,150,150);
text-decoration: none;	
}


#icons {
float:right;
}

#namediv {
font-family: Kalam; 
font-size: 2.5em !important; 
color: rgb(75,75,75);
float: left; 
margin-left: 35px; 
margin-right: 35px;
}	

#mainmenu {
float: left;
margin-left: 5%;
margin-top: 15px;
}

#icons img {
width: 15%;

}



#main, #topquote {
background-color: rgb(220,230,220);
background-size: cover;
}

#super {
background-color: rgb(220,230,220);
background-size: cover;
z-index: 1;
}

#akt {
background-color: rgb(220,230,220);
background-size: cover;
}

#ueber {
background-color: rgb(220,230,220);
background-size: cover;
}

#kosten {
z-index: 2;
background-color: rgb(220,230,220);
background-size: cover;
}

#link {
z-index: 2;
background-color: rgb(220,230,220);
background-size: cover;
}

#impressum {
z-index: 4;
background-color: rgb(220,230,220);
background-size: cover;
}

#datenschutz {
z-index: 4;
background-color: rgb(220,230,220);
background-size: cover;
}



#maincontent, #supercontent, #aktcontent, #uebercontent, #kostencontent, #linkcontent, #impressumcontent, #datenschutzcontent {

width: 75%;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 25px;
padding-left: 50px;
padding-right: 50px;
background-color: rgb(240,240,240);

}


#galeriecontent  {

width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 50px;
}

.galimg {
width: 350px;
float: left;
margin: 10px;
}

#topquote, #mainimg {
margin-bottom: -30px;
}

#topquote h1 {
font-size: 3em;
text-shadow: 2px 2px #444444;
}

h2, h3 {

}

#mainimg {
width: 100%;
margin-top: 83px;
}

#persimg {
float: right;
width: 300px;	
	
}

#teilnehmenbutton {
width: 55%;
margin-left: auto;
margin-right: auto;
padding: 10px;
border: 1px solid rgb(230,230,230);
border-radius: 10px;
background-color: #15729e;
text-align: center;
}

#teilinfo {
text-align: center;
font-family: 'Source Sans Pro', sans-serif;
color: rgb(230,230,230);
font-size: 0.75em;
}

#teilinfo a { 
color: rgb(230,230,230);
}

#teillink a {
text-align: center;
font-family: 'Source Sans Pro', sans-serif;
color: rgb(230,230,230);
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
letter-spacing: 0.5em;
}


@media only screen and (max-width: 1248px) {
header a, header a:hover, header span{
font-size: 1.3em;
}	
	
}	


@media only screen and (max-width: 1135px) {
	
header a, header a:hover, header span{
font-size: 1.3em;
}



#namediv {
font-family: Kalam; 
font-size: 2.5em !important; 
float: none; 
margin-left: 35px; 
margin-right: 35px;
}	
	
#mainmenu {
margin-top: -5px;
margin-bottom: 0px; 
margin-left: 35px;
}

#mainimg {
	margin-top: 118px;
	
}	

#persimg {
width: 200px;	
	
}
	
}

@media only screen and (max-width: 780px) {
header a, header a:hover, header span{
font-size: 1em;
}	
	
}	


/* mobile version */
@media only screen and (max-width: 620px) {
	
#mainmenu, #spacer1 {
display: none;	
	
}	

#respheader {
	
display: block;
}
	
#linkdivresp {
display: block;
position: absolute;
top: 0px;
left: -200px;
z-index: 100;
-webkit-transition: left 1s ease-out;
-moz-transition:  left 1s ease-out;
-o-transition:  left 1s ease-out;
transition: left 1s ease-out;

}
#linkdivresp ul{
width: 180px;
margin-top: -10px;
margin-left: -25px;
background-color: rgba(220,220,220,0.8);
list-style-image: none;
list-style-type: none;
}
#linkdivresp li{
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted rgb(240,240,240);

}
#linkdivresp a{
color: rgb(100,100,100);
text-decoration: none;
font-family: 'Source Sans Pro', sans-serif;
font-size: 0.9em;
}

 
#closer {
display: block;
height: 65px;
z-index: 100;
}	
	

#namediv {
font-size: 2em !important; 
text-align: center;
}		
	
#mainimgmob {
display: block;
margin-top: 70px;
width: 103%;

}

#perimg {
float: none;
}

#mainimg {
display: none;
}

#super {
background-color: rgb(220,230,220);

}

#akt {
background-color: rgb(220,230,220);
}

#ueber {
background-color: rgb(220,230,220);
}

#kosten {
background-color: rgb(220,230,220);
}

#link {
background-color: rgb(220,230,220);
}

#impressum {
background-color: rgb(220,230,220);
}

#datenschutz {
background-color: rgb(220,230,220);
}

header a, header a:hover, header span{
font-size: 1.2em;
}

h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.3em;
}

#topquote h1 {
font-size: 1.5em;
text-shadow: none;
}

#topquote h2 {
text-shadow: none;
}

#teillink a { 
letter-spacing: 0.2em;
}

#teilnehmenbutton {
width: 80%;
}

.galimg {
width: 90%;
float: left;
margin: 10px;
}


}