@charset "UTF-8";                     

body { font-size: 100%; font-family: "Comic Sans MS", Sans-Serif; background-color: #fff; margin: 0 auto; }
html, body, #wrappergesamt { min-height: 100%; } /* um Footer ganz unten zu haben */

img { max-width: 100%; }
#sectionli  img { display: inline; display: inline-block; text-align: center;  }
#sectionre  img { display: inline; display: inline-block; text-align: center;  }
a img { border: none; }
a { outline: none; }

#wrappergesamt {	margin: 0 auto; font-size: 1em;	background-color: #fff; min-width: 10em; max-width: 60em; }
#wrappergesamt { position: relative; }

.wrapper, .wrapper2 { text-align: center; background-color: #fff; overflow: hidden; margin-top: 3%; clear: all; }
.wrapper2 { text-align: center; padding-right: 10%; }
.wrapper3, .wrapper3 a { text-decoration: none; }
.wrapper4 { text-align: center; }

#section { background-color: #fff; overflow: hidden; padding: 0 1%; margin-top: 5%; clear: both;}
#section p { font-family: Candara, Verdana; font-size: 0.8em;}

article {	overflow: hidden; }
article {	padding-bottom: 2em; } 
body p { font-family: "Comic Sans MS", Sans-Serif; color: #827358; font-weight: normal; font-size: 0.9em; }

h1 { color: #da7267; font-size: 1.1em; font-weight: bold; letter-spacing: 0.2em; font-variant: small-caps; }
h2 { color: #06ecae; font-size: 0.8em; font-weight: bold; letter-spacing: 0.2em; font-variant: small-caps; }
h3 { color: #6a5e48; font-size: 0.8em; font-weight: bold; letter-spacing: 0.2em; font-variant: small-caps; }
h4 { color: #da7267; font-size: 0.8em; font-weight: bold; letter-spacing: 0.2em; font-variant: small-caps; }

#logo { width: 70%; margin: 0 auto; }
@media all and (max-width: 38em){ #logo { width: 100%; } }

#gallery {margin-top: 6%; }

#sectionli {	width: 45%;	float: left; margin-top: 2%; padding: 0 5% 0 0; }
@media all and (max-width: 29em){ #sectionli { width: 100%; float: none; padding: 0; margin: 0 auto;  } }								
#sectionre {	 width: 45%; float: right; margin-top: 2%; }
@media all and (max-width: 29em){ #sectionre { width: 100%; float: none; padding: 0; margin: 0 auto;  } }

#section40 {	 width: 40%; float: left;}
#section60 {	 width: 60%; float: right; }

.bildposition1{ text-align: center; }

#navi { margin-top: 3%; } 
#navi ul { text-align: center; }
#navigation { width: 100%; }
#navigation ul { list-style-type: none; padding: 0; margin: 0;  }
#navigation li { display: inline-block; display: inline; }
#navigation a, #navigation strong   { text-decoration: none; padding-right: 3%; color: #cdea59; }

#navifooter { width: 100%; }
#navifooter { position: absolute; bottom: 0; height: 2em} 
#navifooter ul { list-style-type: none; padding: 0; margin: 0; }
#navifooter li { display: inline-block; display: inline; }
@media all and (max-width: 30em){ #navifooter li { display: block;  } }				
#navifooter a, #navifooter strong { text-decoration: none; padding: 5px 10px 5px 0; color: #c5f472;  }
#navifooter a, #navifooter strong { font-family: Verdana, sans-serif; font-size: 1.2em;  font-variant: small-caps; font-weight: bold; }
#navigation a:hover, #navigation a:focus, #navigation a:active, #navifooter a:hover, #navifooter a:focus, #navifooter a:active { text-decoration: underline; }

.mail a { color: #6a5e48; text-decoration: none; display: inline-block; display: inline; }
.mail { font-family: "Comic Sans MS", Sans-Serif; color: #827358; font-weight: normal; font-size: 0.9em; }