/* 11.01.2021 und 13.11.2025 */
@font-face {
    font-family: 'Fraktur Pro';
    src: url('fraktur-pro-webfont.eot');
    src: url('fraktur-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fraktur-pro-webfont.woff') format('woff'),
         url('fraktur-pro-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'FrontPage Pro';
    src: url('frontpage-pro-regular-webfont.eot');
    src: url('frontpage-pro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('frontpage-pro-regular-webfont.woff') format('woff'),
         url('frontpage-pro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Clay Handwriting Pro';
    src: url('clay-handwriting-pro-webfont.eot');
    src: url('clay-handwriting-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('clay-handwriting-pro-webfont.woff') format('woff'),
         url('clay-handwriting-pro-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}





body
{
 max-width:980px;
  
 font-family: 'FrontPage Pro', Verdana, sans-serif;
 font-size:14px;
 color: #000;
 background-color:#00f; 
 background: url(so-white.png) repeat;
 /* Background pattern from subtlepatterns.com */
 
 margin-top: 20px;
 margin-left: 12px;
 margin-right: 12px;
 
}

h1 {font-size:26px;color:#000;margin-bottom:0px;}
h2 {font-size:24px;color:#111;}
h3 {font-size:18px;color:#222;}

p {margin-top:0px;
font-size:18px;

}


img { 
max-width: 100%;

display: block; 
 
height: auto; 
margin: 0 auto;

width : auto\9; /* ie8 */ 
}

a:link, a:visited, a:active, a:hover
{
  text-decoration:none;
  font-weight:bold;
  color:green;
 
}
a:active, a:hover
{
 text-decoration:underline;
}

a:active
{
	font-weight:normal;
	color: #fff;
}


#intro {

padding: 0;
max-width: 450px;

 margin-top: 20px;
 margin-left: 12px;
 margin-right: 12px;

margin-bottom:20px;
}



#title {
text-align:center;
padding: 0;
border-bottom:1px;
margin-bottom:20px;
}


#title h1 {
font-family: 'Fraktur Pro', Verdana, sans-serif;

font-size:30px;
color:green;
margin-bottom:20px;


}

#title h2 {
font-family: 'Fraktur Pro', Verdana, sans-serif;

font-size:28px;
color:green;
margin-bottom:0px;


}

h3 {
font-family: 'Clay Handwriting Pro', Verdana, sans-serif;

font-size:28px;
color: #000;
margin-top:45px;
margin-bottom:30px;




}


#dase {

font-family: 'FrontPage Pro', Verdana, sans-serif;
font-size:14px;
color: #000;
background-color:#fff; 

 margin-top: 20px;
 margin-left: 12px;
 margin-right: 12px;



}

#dase h3 {

font-family: 'FrontPage Pro', Verdana, sans-serif;
font-size:20px;
color: #000;
background-color:#fff; 




}





#slider {

	 max-width: 500px;
	 margin: 0 auto 20px auto;

}

.fraktur {
	font-family: 'Fraktur Pro', Verdana, sans-serif;
}

.size {
	
	font-size:14px;
}

.farbe-green {

color:green;
}


ul.a {
	font-size:18px;
	list-style-type: square;
	
}



#footer {
/* clear:both; */



text-align:center;
height:34px;
padding:5px;
border-top:1px solid #000000;
margin-bottom:20px;
 margin-top: 20px;
 margin-left: 12px;
 margin-right: 12px;



font-family: 'FrontPage Pro', Verdana, sans-serif;


}

#wunsch {
	font-size:24px;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;

 margin-left: 12px;
 margin-right: 12px;

	
	
}

#liedtext {
	text-align: center;
 margin-top: 20px;
 margin-left: 12px;
 margin-right: 12px;


}