.inveranstaltung {
width: 15em;
border: 1px solid lightgrey;
margin:1em;
}

@media (min-device-width: 850px) {

body {
font-family: Lora, serif;
	color: black;
	font-size: 24px;
	background-image: url(tile.jpg);
	background-repeat: repeat;
	letter-spacing: .0em;
	}
a {font-weight: bold; text-decoration: none;}
h4 {font-size: 1.1em; margin-top: 1em; margin-bottom: 1em; text-align: center;}
p {margin-top: 1em; margin-bottom: 1em; text-align: justify;}
hr {
height: 10px;
	border: 0;
	box-shadow: 0 9px 5px -10px whitesmoke inset;
}

#logo img {
width: 10em;	
}


input.nav-trigger {
display: none;	
}  

label[for="nav-trigger"] {
display: none;
}

img.intextleft {
margin-top: .5em;
margin-left: 1em;
margin-bottom: .5em;
width: 15em;
float: right;
border: 1px solid lightgrey;
}
	
	
img.intextleft_buchen {
margin-top: 1.2em;
margin-left: 1em;
margin-bottom: .5em;
width: 15em;
float: right;
border: 1px solid lightgrey;
}
	
img.intextright {
margin-top: .5em;
margin-left: 0em;
margin-right: 1em;
margin-bottom: .5em;
width: 15em;
float: left;
border: 1px solid lightgrey;
}
	
	img.startseite{
	width: 100%;
	border: 1px solid lightgrey;
	}

#torbogen_links {
margin-top: -8px;
margin-left: -8px;
float: left;
width: 0px;
position: fixed; 
left:  0px;
top: 0px;
float: left;
z-index: 1000;
}

#torbogen_rechts {
position: fixed;
margin-top: -8px;
margin-right: 0px;
right: 354px;
top: 0px;
width: 0px;
z-index: 1000;
}

#menuzeile {
display: none;	
}

#mainmenu {
	position: absolute;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: .07em;
	top: 6em;
	width: 100%;
  margin-left: auto;
	margin-right: auto;
	height: 1.5em;
	text-align: center;
	background-color: none;
	z-index: 1001;
}

 #maincontent {
	max-width: 34em;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(255,255,255,.4);
	height: auto;
	padding-top: 8em;
    padding-left: 2em;
    padding-right: 2em;
    margin-top: -3.3em;
}

#maincontent a:link {color: #02323e}
#maincontent a:visited {color:#02323e}
#maincontent a:hover {color: white}
#maincontent a:active {color: #02323e} 

#maincontent ul li {
text-align: left;
}	

a img {
	border:0;
}

p.textblock {
font-size: 1em;
}

p.zitat {
font-style: italic;
}

nav {
z-index: 1001;	
}

nav ul ul {
	display: none;
}
/* Die untergeordneten uls werden zunächst nicht dargestellt*/



nav ul li:hover > ul {
		display: block;
	}	
/*  Die untergeordneten uls werden beimm Hovern ausgefahren */

nav ul {
	background-color: none;
	background-image: url(tile.jpg);
	background-repeat: repeat;
	/*
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);   /* #bbbbbb ist untere Farbe des Farbverlaufs */
	/*background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%);   */
	box-shadow: 0px 0px 0px rgba(0,0,0,0); /*Schatten*/
	padding: 0 0px; /*Abstände uls*/
	border: 1px solid lightgrey;
	
	border-radius: 0px;  /*  Abrundung Kanten */
	list-style: none;
	position: relative;
	display: inline-table; /*alles in eine Reihe*/
	-webkit-box-shadow: -5px 4px 70px -19px rgba(0,0,0,0.72);
	-moz-box-shadow: -5px 4px 70px -19px rgba(0,0,0,0.72);
     box-shadow: -5px 4px 70px -19px rgba(0,0,0,0.72);
}

nav > ul {
overflow: hidden;	
}

nav ul:after {
		content: ""; clear: both; display: block;
}
	
nav ul li {
	float: left;
}

nav ul li:hover {
	background: #638188;
}

nav ul li:hover a {
	color: white;
}
	
nav ul li a {
	display: block; 
	padding: 0.3em;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #02323e; text-decoration: none;
}
	
nav ul ul {
	background: #white; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}

nav ul ul li {
		float: none; 
		border: 1px solid lightgrey;
		position: relative;
		
}

nav ul ul li a {
			padding: 15px 40px;
			color: #02323e;
}	
nav ul ul li a:hover {
			background: #638188;
}
			
	
#content {
	width: auto;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

span.initial {
color: lightgrey;
font-size: 1.3em;
padding-right: .3em;
padding-left: .3em;
border: solid 1px lightgrey;
background-image: url(initial.jpg);
margin-right: .2em;
margin-bottom:.2em;
}

#logo {
height: 3em;
background-image: url('header_background.jpg');	   
}

img.logo {
height: 3em;
}


#footer {
 font-size: smaller;
margin-top: 4em;
}

#footer a:link {color: lightgrey}
#footer a:visited {color: lightgrey}
#footer a:hover {color: white}
#footer a:active {color: lightgrey} 


#social {
 background-color: lightgrey;
 color: white;
}

img.sociallink {
 width: 15%;
 max-width: 30px; 
 margin: 1em; 
}

#mainmenu a {
	margin-left: 10px;
	margin-right: 10px;
}

#submenu {
text-align: center;
}


.responsivevideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsivevideo {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

img.halbebreite {
width: 50%;
}

img.halbebreitezentriert {
width: 50%;
border: 1px solid lightgrey;
}

img.vollebreite {
width:100%;
}


}

@media (max-device-width: 849px) {
	
body {
font-family: Georgia, Times New Roman, serif;
color: black;
font-size: 20px;
text-align: left;
background-image: url(tile_mobile.jpg);
background-repeat: repeat;
}
a {font-weight: bold; text-decoration: none;}
h4 {font-size: 1.1em; margin-top: 1em; margin-bottom: 1em; text-align: center;}
p {margin-top: 1em; margin-bottom: 1em; text-align: left;}
hr { border: 0; height: 0; border-top: 1px solid white; border-bottom: 1px solid white; }

#logo {
background-image: url(tile.jpg);
position: fixed;
top: 0px;
left: 0px;
width: 100%;
padding: 5px;
z-index:98;
}

#logo img{
height: 70px;
}

#torbogen_links img{
width: 0px;
display: none;	
}

#torbogen_rechts img{
width: 0px;
display: none;	
}

#menuzeile {
height: 1.6em;
background: #638188;
}


/* MENU */


.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}



nav {
display: none;	
}

.nav-trigger:checked ~ nav {
display: block;
z-index: 1000;
position: fixed;
top: -1.1em;
right: 0px;
}

label[for="nav-trigger"] {
	font-weight: bold;
	position: fixed;
	top: 0px;
	right: 0px;
	height: 1em;
	color: white;
    z-index: 999;
	padding-bottom: .3em;
	padding-top: .1em;
	padding-left: .5em;
	padding-right: .5em;
    cursor: pointer;
    background-color: #638188;
}

.nav-trigger:checked label {
display: none;
}    

nav {
display: none;	
}

nav ul {
list-style-type: none;
background-color: #638188;
padding: 0px;
}

nav ul li{
border-top: solid 1px lightgrey;
padding: 0.3em;
}

nav ul li a {
color: white;	
text-align: left;
}

nav ul ul {
background-color: #314044;
}

nav ul ul li a {
color: lightgrey;	
}

nav ul li:first-child {
border-top: 0px;	
}

ul ul li:first-child {
border-top: 0px;
}	

/*MENU Ende*/

img.intextleft {
margin-top: .3em;
margin-bottom: .5em;
width: 100%;
border: 1px solid lightgrey;
}

img.intextleft_buchen{
margin-top: .3em;
margin-bottom: .5em;
width: 100%;
border: 1px solid lightgrey;
}

img.startseite {
margin-top: .3em;
margin-bottom: .5em;
width: 100%;
border: 1px solid lightgrey;
}

img.intextright {
margin-top: .3em;
margin-bottom: .5em;
width: 100%;
border: 1px solid lightgrey;
}

img.halbebreitezentriert {
width: 100%;
border: 1px solid lightgrey;
}

span.initial {
color: lightgrey;
font-size: 1.3em;
padding-right: .3em;
padding-left: .3em;
border: solid 1px lightgrey;
background-image: url(initial.jpg);
margin-right: .2em;
margin-bottom:.2em;
}

#content {
text-align: center;	
}

#maincontent {
margin-top: 120px;
margin-left: auto;
margin-right: auto;
max-width: 30em;
}


 #maincontent {
}

#maincontent a:link {color: #02323e}
#maincontent a:visited {color:#02323e}
#maincontent a:hover {color: lightgrey}
#maincontent a:active {color: #02323e} 

.responsivevideo {
text-align: center;	
}


}