body
{background-color: #FAD9A7; background-image: url("hintergrund.png"); background-size:cover; background-position: center; font-size: 20px;}
a:link {color: #006d00;}
a:visited {color: #006d00;}
a:hover {color: #ffffff; text-shadow: 3px 3px 4px #777;}
#offen a:link {color: #ffffff; text-shadow: 3px 3px 4px #777;}
#offen a:visited {color: #ffffff; text-shadow: 3px 3px 4px #777;}
#offen a:hover  {color: #ffffff; text-shadow: 3px 3px 4px #777;}
h2 {font-size: 24px;}
h3 {font-size: 22px; text-decoration: underline; margin-bottom: 1px;}
p {font-size: 20px;}
figure {margin-left: 0px;}

summary {color: #006d00; text-decoration: underline; margin-top: 0px; padding-top: 0px;}
summary:hover  {color: #ffffff; text-shadow: 3px 3px 4px #777;}


div.bilderbaum {position: relative; display: flex; justify-content: flex-end; flex-wrap: nowrap; margin: 10px;}
div.bilderbaum img {border: 1px solid  black; border-radius: 5px;}
div.bilderbaum summary {list-style-type: "🔍 groß/klein"; text-decoration: underline ; font-weight:bold; font-size: 0.8em; padding: 20px; margin-left: 20px; margin-right: 20px;}
.grossbild {position: absolute; top: 60px; right: 0px; }

#mehrinfos {
	position: relative;
	border-color: #006d00;
	border-style: ridge;
	border-width: 2px;
}
#kleiner {font-size: 0.6em;}




#rahmen 
{
	padding: 10px;
}

nav.wege ul
{
	display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   padding: 0px;
   margin: 0px;
}
nav.wege li
{
	list-style: none;
	border-color: #006d00;
	border-style: ridge;
	border-width: 2px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 25px;
}

nav.pc ul
{
	display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   padding: 0px;
   margin: 0px;
}

nav.pc li
{
	list-style: none;
	border-color: #000000;
	border-style: ridge;
	border-width: 1px;
	padding-top: 0px;
	padding-left: 4px;
	padding-right: 12px;
	padding-bottom: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-size: 22px;
	text-shadow: 2px 2px 2px #888;
}	

/*
#menue li a:link {color: #fff;}
#menue li a:visited {color: #fff;}
*/	

@media (max-width: 1119px)
{
	body {background-color: #FAD9A7; background-image: url("hintergrund-klein.png"); background-size:cover;} 
	.bildjanein { display: none;}
	li {list-style: none; margin-left: 0px; padding-left: 0px; font-size: 30px;}
	p.liste { width: 640px; margin: 0px; margin-left: 60px; font-size: 1.1em;}
	
	nav.mobil summary {list-style-type: "☰"; font-size: 2.2em; cursor: pointer;}
	nav.mobil summary:hover {font-size: 2.2em; text-shadow: 2px 2px 5px white;}
	nav [open] summary {list-style-type: "✖";}
	nav.pc {display: none;}
	nav.mobil {width: 600px; margin-left: 40px;}
	nav.mobil li {margin-bottom: 10px; padding: 10px; list-style: none; border: 1px solid black; border-radius: 5px;}
	
	.kasten
	{
	border-left: #ba825c ridge 12px;
	border-right: #ba825c ridge 12px;
	border-bottom: #ba825c ridge 1px;
	border-top: #ba825c ridge 1px;
	border-radius: 5px;
	font-size:24px;
	padding: 10px;
	max-width: 1000px;
	min-width: 600px;
	
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	.kastensponsoren
	{
	border-left: #ba825c ridge 12px;
	border-right: #ba825c ridge 12px;
	border-bottom: #ba825c ridge 1px;
	border-top: #ba825c ridge 1px;
	border-radius: 5px;
	font-size: 24px;
	padding: 10px;
	max-width: 1000px;
	min-width: 600px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	footer {font-size: 1.6em;}
}

@media (min-width: 1120px)
{
	ul.archiv li {list-style: circle; list-style-position: outside; font-size: 20px; margin: 10px;}	
	p.liste { width: 550px; margin: 0px; margin-left: 10px;}
	#inhalt
	{
	    display: flex;
   	    justify-content: flex-start;
   	    flex-wrap: wrap;
	}
	.bildjanein {display: block; width: 272px; height: 204px;}
	
	nav.pc { }
	nav.mobil {display: none;}
	
	.kasten
	{
		border-left: #ba825c ridge 12px;
		border-right: #ba825c ridge 12px;
		border-bottom: #ba825c ridge 1px;
		border-top: #ba825c ridge 1px;
		border-radius: 5px;
		font-size:24px;
		padding: 10px;
		max-width: 600px;
		min-width: 550px;
	
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	.kastensponsoren
	{
		border-left: #ba825c ridge 12px;
		border-right: #ba825c ridge 12px;
		border-bottom: #ba825c ridge 1px;
		border-top: #ba825c ridge 1px;
		border-radius: 5px;
		font-size: 24px;
		padding: 10px;
		max-width: 600px;
		min-width: 550px;
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
}



.kastensponsoren ul
{
	list-style: none;
	display: flex;
   justify-content: flex-start;
   flex-wrap: wrap; 
}
.kastensponsoren li
{
	margin: 4px; 
}
.kastenno
{
	border-color: black;
	border-style: solid;
	border-width: 0px;
	padding: 10px;
	max-width: 800px;
	min-width: 700px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.bildrechts
{
	float: right;
	margin-left: 10px;
} 

#sponsoren
{
	border-color: black;
	border-style: solid;
	border-width: 0px;
	float: left;
}

#sponsoren ul
{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
  }
#sponsoren img
{
	float: left;
	margin-right: 4px;
	height: 50px;
	background-color: white;
}

.logo {float: right;}

ul.liste
{
	padding-left: 6px;
}
ul.liste li
{
	display: flex;
   justify-content: flex-start;
   flex-wrap: nowrap;
   margin-bottom: 1px;
}

ul.liste li a
{width: 138px; }

li.zusatzinfos span {display: none;}
li.zusatzinfos:hover span {display: inline;
							position: absolute;
							border: 1px black solid;
							background-color: white;}
span.zusatzinfos {}

footer 		{	position: fixed;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%); /* exakt mittig */
				background-color: #006d00;
				color: white;
				padding: 10px 20px;
				display: inline-flex;  /* Inhalt nebeneinander */

				border: 2px #000000 solid;
				border-radius: 4px;
			}

div#platzhalter {display:block; width:100%; height: 80px;}



/*---------------------------------------*/





.galerie
{
	display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.galerie li
{
list-style-type: none;

margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;

}

.galerie img
{
width: 150px;
height: 84px;
display: block;
padding: 3px;
border: 1px solid #8B0000;
}

.galerie a .gross
{
display: none;
}


.galerie a:hover .gross
{
width: 400px;
height: 200px;
display: block;
position: absolute;
top: 165px;
left: 165px;
z-index: 1;
background: #fff;
}


/*--Spezialangaben für den Internet Explorer 7--*/
*+html .galerie a:hover { z-index: 1;}
*+html .galerie li{position: static;}
*+html .galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html .galerie a:hover {display: block; z-index: 1;}
*html .galerie li{position: static;}