@charset "UTF-8";                     

body { font-size: 100%; font-family: "LithosPro", Verdana, Arial, Sans-Serif; background-color: #fff; margin: 0 auto; }
html, body, #wrappergesamt { height: 100%; }
img { max-width: 100%; }
a img { border: none; }
a { outline: none; }
/* ##########################    Foto-Galerie    ########################## */
#section { background-color: #C7B299; overflow: hidden; padding: 0 1%; margin-top: 5%; clear: both;}
#section p { font-family: Candara, Verdana; font-size: 0.9em;}

/* ##########################    Wrapper    ########################## */

#wrappergesamt {	margin: 0 auto; font-size: 1em;	background-color: #C7B299; min-width: 10em; max-width: 60em; }
.wrapper { background-color: #C7B299; overflow: hidden; padding: 0 5%; clear: all; }
.wrapper div { background-color: #C7B299;}
article {	overflow: hidden; background-color: #C7B299; }
/* ##########################    Kopf    ########################## */

#logo {width: 22%; float: left; margin-top:0.5%;	}
@media all and (max-width: 40em){ #logo { width: 18%; } }
@media all and (max-width: 29em){ #logo { width: 15%; } }
@media all and (max-width: 25em){ #logo { float: none; margin: 0 auto;  padding-right: 0; } }			          

#name { width: 73%; float: right; margin-top: 3%; padding-right: 5%; }
@media all and (max-width: 29em){ #name { width: 79%; } }
@media all and (max-width: 25em){ #name { width: 100%; float: none; margin: 0 auto; padding-right: 0; } }
@media all and (max-width: 17em){ #name { border-bottom: 1px dashed #fff; } }

/* ##########################    Inhalt    ########################## */
#sectionli {	width: 20%;	float: left; margin-top: 2%; padding: 1% 0 0 5%; }
@media all and (max-width: 40em){ #sectionli { width: 15%; padding-left: 6%; } }				
@media all and (max-width: 29em){ #sectionli { padding: 0; margin: 0 auto; float: none; display: inline-block; display: inline;  } }								

#sectionre {	 width: 70%; float: right; margin-top: 3%; padding-right: 5%; }
@media all and (max-width: 29em){ #sectionre { width: 90%; float: none; padding: 0; margin: 0 auto;  } }

/* ##########################    Haupt-Navi    ########################## */
#navi { padding-left: 0; margin-top: 3%; } 
#navi ul { text-align: center; }

#navigation { width: 100%; }
@media all and (max-width: 25em){ #navigation { width: 80%; padding-left: 13%; } }
#navigation ul { list-style-type: none; color: #fff; padding: 0; margin: 0; }
#navigation li { display: inline-block; display: inline;  }
#navigation a, #navigation strong  { text-decoration: none; padding-right: 3%;}
/* ##########################    Icon-Navi    ########################## */

#navisub { width: 100%; }
#navisub { font-size: 0.8em; padding: 0 0 0 5%; }
@media all and (max-width: 29em){ #navisub { padding: 0 2% 0 2%; margin: 2% 0 0 0; } }
#navisub ul { list-style-type: none; color: #fff; padding: 0; margin: 0; }
@media all and (max-width: 29em){ #navisub ul { text-align: center; } }
#navisub li {	display: block; padding: 0 0 10% 0; }
@media all and (max-width: 29em) { #navisub li, #navisub a { display: inline; display: inline-block; padding: 3%; } }
#navisub a, #navisub strong { display: block; padding: 0% 0%; }

/* ##########################    Footer    ########################## */
#navifooter {	 width: 100%; font-family: 'Lithos', "LithosPro"; font-size: 1em; }
#navifooter { font-size: 0.8em; font-weight: lighter; text-transform: lowercase; letter-spacing: 0.8em; }
#navifooter ul { list-style-type: none; color: #fff; padding: 0; margin: 0; }
#navifooter ul { padding-top: 5%; padding-bottom: 1%; }
#navifooter li { display: inline-block; display: inline; }
#navifooter a, #navifooter strong { text-decoration: none; padding: 5px 10px 5px 5px; color: #fff; font-weight: normal; }
#navifooter strong { font-weight: bold; }

#navigation a:hover, #navigation a:focus, #navigation a:active, #navifooter a:hover, #navifooter a:focus, #navifooter a:active, .navisub a:hover, .navisub a:focus, .navisub a:active { text-decoration: underline; }

footer p { font-size: 0.8em; font-weight: lighter; letter-spacing: 0.4em; color: #fff; text-align: left; }
footer {	padding-left: 1%; background-color: #C7B299; }

.video-container { position: relative; overflow: hidden; padding-bottom: 56.25%; padding-top: 10%; margin-top: 5%; height: 0; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }