@import url("norm.css");
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #73644b;
	background-image: none;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #FFF;
	letter-spacing: 0 em;
	background-size: auto 100%;	
	
	
}
html, body {
	height: 100%;
	width: 100%;
}
h1 {
	display: inline-block;
	width: auto;
	overflow: hidden;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	text-transform: uppercase;
	border-bottom: none;
	color:#FFF;
}
h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	display:inline-block;
	width:auto;
	overflow:hidden;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom:10px;
	text-transform: uppercase;
	border-bottom: none;
	
}
h3 {
	
	
}
h4 {
	
}

h5 {
	width:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	overflow:hidden;
	font-weight: 700;
	font-size: 15px;
	line-height: 15px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	text-transform: uppercase;
	border-bottom: none;
	
}

p {
	text-align:left;
	line-height:20px;
	padding:20px;
	text-align:justify;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#FFF;
	
}

em {
	font-style: italic;	
}
li {
	display:inline;
	margin-left: 2px;
	margin-right:2px;
	font-size:18px;
	list-style-type: none;
}
a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#FFF;
}
a:active {
	color:#F4B9BA;
}
audio {
	display:inline-block;
	margin-bottom:-20px;
	padding-bottom:0px;
}
#nav a {
	color:#000;
	text-decoration:none;
	font-weight:200;
}
.anker {
	visibility: hidden;
	display:block;
}
strong {
	text-transform:uppercase;
	margin-bottom:10px;
	line-height:20px;
}

#wrapper {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	
}
#mainmenu {
	text-align:center;
	width:100%;
	font-size:16px;
	background-image:url(images/hg_menu.png);
	background-repeat:repeat;
	color:#000;
	padding-top:3px;
	padding-bottom:9px;
	margin-top:-8px;
	height:20px;
	overflow:hidden;
}
#content {
	background-image:url(images/trans12.png);
	background-repeat:repeat;
	overflow:hidden;
	
}
#portrait_mobile {
	
	
}
#vita {
	
}
#footer {
	text-align:center;
	width:100%;
	font-size:16px;
	background-image:url(images/hg_menu.png);
	background-repeat:repeat;
	color:#000;
	padding-top:3px;
	padding-bottom:9px;
	height:20px;
	overflow:hidden;
}
#load {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -33px;
	top: 50%;
	background: url(images/page-loader.gif);
	width: 66px;
	height: 66px;
	background-size: 66px 66px;
}
textarea, input {
	background-color: #907065;
	color: #FFF;
	border: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
}
.eingabe {
	color:FFF;
	width:60%;

}
.eingabe:focus {
	background-color: #795E54;
	color:#FFF;
}
#kontakt-kontakt {
	width:auto;
	float:left;
}
#kontakt-formular {
	width:auto;
	float:none;
	clear:both;
}
#kontakt-gb {
	
}
.minibild_g {
	display: inline-block;
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 20%;
	height: auto;
	border: 0px;
	opacity: 1;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.minibild_g:hover {
	opacity: 0.6;
	
}

.image-container {
	border: 5px solid #17661D;
	margin-bottom: 20px;
	width: 97%;
}
.embed-container { 
position: relative; 
padding-bottom: 50.625%; 
height: 0; 
margin:20px;
overflow: hidden; 
max-width: 90%; 

} 

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

table.termine, table.termine td, table.termine tr{
	border: 0px;
	width: auto;
	padding: 4px;
	padding-top: 10px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	letter-spacing: 10%;
	background-color: #1D7E24;
	word-wrap: break-word;
}
table.termine td.ungerade, .ungerade, td.ungerade {
	background-color:#17661D;
}
table.termine {
	width:100%;
}
#bottom {
	visibillity:hidden;
}
#header img {
	width: 100%;
	height:auto;
	
}
#news table, #content table {
	margin:20px;
	line-height:25px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 15px;
	width:94%;
}
#news table td, #content table td {
	
	padding-right:5px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 15px;
	vertical-align: top;
}
.table1 td {
	border-bottom: 1px dotted #FFFFFF;
	vertical-align:top;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 15px;
}


#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

.fb-like {
	display:block;
	margin-left:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	opacity:0.6;
}
.fb-like:hover {
	margin-left:20px;
	margin-bottom:20px;
	opacity:1;
}

@media only screen and (max-width: 400px) {

.minibild_g {
	width: 25%;
	height: auto;
	opacity: 1;
	
}
}
@media only screen and (max-width: 500px) and (min-width: 401px){

.minibild_g {
	width: 20%;
	height: auto;
	opacity: 1;
	
}
}
@media only screen and (max-width: 600px) and (min-width: 501px){

.minibild_g {
	width: 16,6666666%;
	height: auto;
	opacity: 1;
	
}
}
@media only screen and (max-width: 700px) and (min-width: 601px) {

.minibild_g {
	width: 14,28%;
	height: auto;
	opacity: 1;
	
}
}


@media only screen and (max-width: 1200px) and (min-width: 481px) {
#header {
	position:relative;
	height:100px;
	overflow:hidden;
	text-align:center;
}
#header img {
	height: 100%;
	width: auto;
	
}
.minibild_g {
	
	opacity: 1;
	
}
}

@media only screen and (min-width: 800px) {
	
body {
	background-image:url(images/hg_bokeh.jpg);
	background-attachment: fixed;
	background-position: left top;
	background-repeat: no-repeat;
}
#content {
	width:600px;
	margin:0px auto;
}
	
.minibild_g {
	opacity: 1;
	
}
#kontakt-formular {
	width:60%;
	float:right;
	clear:none;
}
}

@media only screen and (min-width: 1000px) {
body {
	background-image: url(images/hg_desktop.jpg);
	background-attachment: fixed;
	background-position: -200px top;
	background-repeat: no-repeat;
	background-size: 1700px auto;
}
#wrapper {
	position:relative;
	margin-left:350px;
}
#header {
	position:relative;
	height:100px;
	top:0px;
	overflow:hidden;
	text-align:left;
}
#header img {
	height: 100%;
	width: auto;
	
}
#mainmenu {
	text-align:left;
	padding-left:20px;
	margin-right:-20px;
	word-spacing:10px;
}
#footer {
	text-align:left;
	padding-left:20px;
}
#portrait_mobile {
	display: none;	
}
#content {
	width:600px;
	margin:0px 0px;
	overflow:hidden;
}
.minibild_g {
	margin:0px;
	padding:0px;
	width:100px;
	height:100px;
	opacity: 1;
}
}




@media only screen and (min-width: 1201px) {
body {
	background-image: url(images/hg_desktop.jpg);
	background-attachment: fixed;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 1700px auto;
	
}
#wrapper {
	position:relative;
	margin-left:550px;
}
#header {
	position:relative;
	height:100px;
	top:0px;
	overflow:hidden;
	text-align:left;
}
#header img {
	height: 100%;
	width: auto;
	
}
#mainmenu {
	text-align:left;
	padding-left:20px;
	margin-right:-20px;
	word-spacing:10px;
}
#footer {
	text-align:left;
	padding-left:20px;
}
#portrait_mobile {
	display: none;	
}
#content {
	width:600px;
	margin:0px 0px;
	overflow:hidden;
}
.minibild_g {
	margin:0px;
	padding:0px;
	width:100px;
	height:100px;
	opacity: 1;
}
}
.minibild_g:hover {
	-webkit-opacity: 1;
	opacity: 0.6;
	
}

#fb-root {
	display:none;
	visibillity:hidden;
	
}