* {
  font-family:Georgia, "Courier New", "Times New Roman", SansSerif;	
}
/* Preload images */
body:after {
  content: 
  url(lightbox2-master/src/images/close.png) 
  url(lightbox2-master/lightbox2-master/src/images/next.png) 
  url(lightbox2-master/lightbox2-master/src/images/prev.png) 
  url(lightbox2-master/lightbox2-master/src/images/loading.gif);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 9999;
  background-color:rgb(95,95,95);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: .9;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height:auto;
  width:inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}


.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color:rgba(55,54,54,.1);
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
 padding-left: 8px; 
 padding-right: 8px; 
 padding-top: 11px; 
 padding-bottom: 11px;
}

  
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background:url(../../lightbox2-master/src/images/loading.gif)) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(lightbox2-master/src/images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 0.3;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(lightbox2-master/src/images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 0.3;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 0px; 
  padding-left: 10px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding-top: 5px;
  padding-bottom: 10px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  line-height: 1.5em;
  margin-left:auto;
  margin-right:auto;
}

.lb-data .lb-caption {
  font-size: 14px;
  font-weight:500;
  font-style:italic;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  padding-top: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  width: 30px;
  height: 30px;
  background: url(lightbox2-master/src/images/close.png) top right no-repeat;
  margin-right:auto;
  margin-left:auto;
  margin-top:15px;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .3;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 0.8;
}

body {
	display: flex;
	flex-flow: row wrap;
	max-width: 1680px;
	justify-content: center;
    /*align-items: center;*/
	margin: 0 auto;
	background-image: url(pics/Duncker.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color:rgba(125,123,119,0.7);
	background-attachment: fixed;
	height: 100%;
}
/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */

header,
nav,
nav a,
article,
section,
aside,
footer {
	border-radius: 4px;
	border: 0px;
	margin: .2em;
	flex: 1 100%;
}

.header a{
	background-color:rgba(238, 239, 239,.1);
	border-radius: 4px;
	border-color: black;	
	align-items: center;
	margin-left: auto;
	margin-right:  auto;
	max-width:110%;
	display: flex;
	flex-flow: nowrap;

}

.header * {
	flex: auto;
}

.header img {
	flex: 1 1 100%;
	height: auto;
	align-items:;
	margin-left: auto;
	margin-right:  auto;
	opacity:.9;
	border-radius: 6px;
	width:75%;
	
}






nav {
	width: 1280px;
	border-top: 0px;
	border-color: rgba(255,255,255,0.5);
	border-radius: 4px;
	background-color:rgba(55,55,55,0.9);
	box-shadow: 1px 4px 12px #666;
	position: sticky;
	top: 2px;
	z-index: 10;
	height:;
	margin-top: -5px;
	margin-bottom: 5px;
	padding-top:0px;
}

nav,
nav ul,
 {
	margin: 0;
	padding: 0;
	padding-right:5em;
	border: none;
	flex-flow: nowrap;	
}

nav ul {
	height: auto;
	max-width: 100%;
    display: none;
    list-style: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 3em;
	
}
nav li {
	height: 100%;
	width: 150px;
	text-align: center;
	position: relative;
	
}

nav li:hover {
	text-decoration: underline;

}

nav ul a{
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size:1em;
	font-weight:600;
	font-stretch: wider;
	color:rgba(238,238,238,.6);
	letter-spacing: 0.25em;
	text-shadow: 1px 0px 1px #CCC;
	margin-bottom:0;
}
.dropdown {
	height: min-content;
	width: auto;
	display:none;
	flex-direction: column;
	position: absolute;
	top:0px;
	background-color: rgb(160,167,163);
	border-radius:3px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:25px;
	padding-left: 30px;
	
}

.dropdown li{
	height: 70px;
	width:100%;
	margin-top:25px;
	margin-bottom:20px;

	
}
.dropdown li a{
	justify-content: center;
	text-shadow:#666 1px 1px 1px;
	padding-left:-30px;
	color: rgb(238,238,238);
	font-size:1.4em;


	
	
}

.expandable_li {
	
	display: flex;
    justify-content: center;
    align-items: flex-start;
	font-size:.8em;
	font-weight:600;
	color:rgba(238,238,238,.7);
	letter-spacing: 0.25em;
	text-shadow: 1px 0px 1px #CCC;
	border-right: 1px solid;
	
    border-color: rgba(244,244,244,.5);
	line-height:26px;
}

#Verein_checkbox {
    border-left: 1px solid;
    border-color: rgba(244,244,244,.5)
}


nav a {
	
	text-decoration: none;
	text-align: center;
}


nav li:hover .dropdown{
	display: flex;	
	border-top:30px;
	border-color:rgba(85,85,85,0.0);

}

nav input[type="checkbox"]{
	display:none;
}


#work {
	letter-spacing: 0.5em; 
	font-size:4em; 
	line-height:1em; 
	color:rgba(125,123,119,0.1); 
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top:100px;
}


article {
	   max-width: 61%;
	   margin:2px;

}
.Hauptfensterinhalt {
    display: flex;
	/*flex-flow: wrap;*/
	flex-direction: column;
    background-color: rgba(255,255,255,0.6);
    border-radius: 0.2em;
    box-shadow: 1px 4px 12px #666;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: rgba(35,35,35,.8);
    text-shadow: rgb(78 78 78 / 30%) 0px 0px 1px;
    line-height: 1.5em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3em;
	border-width: 5px;
	border-color: rgba(155,155,155,0.1);
	border-style:solid;
}
.Thema {
	padding-left: 15px;
	z-index: 1;
	font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: rgba(35,35,35,.8);
    text-shadow: rgb(78 78 78 / 30%) 0px 0px 1px;
    text-align: left;
	line-height:1.4em;
}
 
#Linie-Thema{
	    
    background-color: rgba(15,15,15,0.5);
    margin-left: 15px;
	width: 100%;
    height: 2px;
	margin-top: -10px;
} 
#Unterlinie-Thema{
	    
    background-color: rgba(15,15,15,0.5);
    margin-left: 15px;
	width: 100%;
    height: 1.5px;
	margin-top: -10px;
} 
.Aktuelles ul {
	list-style: none; 
}

.Aktuelles li {
	margin-left:-30px;
	list-style: none; 
}

#cover{
	display: flex;
	z-index: 1;
	
	
}

#cover img{
	float:left;
    width: 70%;
	height: auto;
    padding-left: 15px;
    padding-bottom: 20px;
	object-fit: contain;		
}

#textimage250 {
	max-width:350px;
	display: inline;
    padding-left: 15px;
    padding-bottom: 10px;
	padding-top: 10px;
	object-fit: contain;		
}

#textbild-links {
	display: flex;
	z-index: 1;
}

#textbild-links img{
	float:left;
    width: 55%;
	height: auto;
    padding-left: 15px;
    padding-bottom: 20px;
	object-fit: contain;
}

#Bildbeschreibung-rechts {
	text-align: right;
	padding-left:3em;
	padding-right:1em;
	max-width: auto;
	font-size:0.7em;
	font-weight: 300;
	display:flex;
	flex-direction: column;
	align-items: flex-end;
	/*justify-content: space-evenly;*/
	text-decoration: none;
	color: rgba(35,35,35,.8);
}
#Bildbeschreibung-rechts-1 {
	text-align: right;
	padding-left:3.3em;
	padding-top:20px;
	padding-right:1em;
	max-width: auto;
	font-size:0.7em;
	font-weight: 300;
	display:flex;
	flex-direction: column;
	align-items: flex-end;
	/*justify-content: space-evenly;*/
	text-decoration: none;
	color: rgba(35,35,35,.8);

}
#Bildbeschreibung-center {
	

	font-size:0.7em;
	font-weight: 300;
	text-decoration: none;
	color: rgba(35,35,35,.8);
	text-align: center; 
	margin-left:20px; 
	margin-right: 30px;
	
}

#Bildbeschreibung-unten {
	
	font-size:0.7em;
	font-weight: 300;
	text-decoration: none;
	color: rgba(35,35,35,.8);		
}
#img-text-img {
	display:flex; 
	justify-content: center; 
	align-items: center;
	padding-left: 20px;
}

#img-text-img img{
	width:350px;
	height:auto;



}

.content {
	display: flex;
	flex-direction: column;
	width: 90%;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 20px;
    margin-top: 10px;
}

.content p{
	
    padding-left: 15px;
	font-size: 1em;

    
}
.content a{  
	text-decoration: none;
	color: rgba(35,35,35,.8);
	
}


aside {
	
	max-width: 15%;
	border-width: 5px;
	border-color: rgba(155,155,155,0.1);
	border-style:solid;
}

#Linie-sidebar{
	text-align:center;
	background-color:rgba(15,15,15,0.5);

	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 2px;

}

#sidebar {
	flex-direction: column;
    width: 14%;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
    padding: 4px;
    background-color: rgba(255,255,255,0.6);
    order: 1;
    border-radius: 4px;
    box-shadow: 0px 0px 9px #666;
    align-items: center;
}



.inner-sidebar {
	display: flex;
	flex-direction: column;
	border: 1px solid;
	border-color:rgba(5,5,5,.0);
	border-radius: 4px;
	align-items: center;
	margin-left:  auto;
	margin-right: auto;
	text-align: center;
	max-width:200px;

	
}

.inner-sidebar h2{
	text-align:center;
	font-size:1.1em;
	letter-spacing: 0.1em;
	padding-top:16px;
	color: rgba(35,35,35,.8);
    text-shadow: rgb(78 78 78 / 30%) 0px 0px 1px;
}
#sidebar-left-position {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.inner-sidebar ul{

	margin-left:  auto;
	margin-right: auto;	
	/*list-style: inside;*/	
}
.inner-sidebar li{
	

	list-style-type: square;
	margin-bottom:20px;
	font-size: .8em;
	text-align: left;

}

.inner-sidebar h4 {
	text-align:center;
	margin-left: auto;
	margin-right:  auto;
	color:rgb(238,238,238);
	background-color:rgb(160,167,163);
	padding: 0.4em;
	margin-top: 24px;
    margin-bottom: 2px;
	width: 150px;
	font-size:1.2em;
	text-shadow:#666 1px 1px 1px;
	font-weight:600;
	letter-spacing: 0.2em;
	opacity:.9;
	border-radius: 4px;	
	font-family: Georgia, "Courier New", "Times New Roman", SansSerif;
}

.inner-sidebar h5 {
	letter-spacing: 1px;
	font-size: .8em;
	font-weight:bold;
	text-decoration:none;
	margin-bottom: -10px;
	margin-top: 2.5em;
	text-shadow:rgba(66,66,68, .1) 0 0 3px;	
	text-decoration: underline;	
}

.inner-sidebar a {
	margin-top: -20px;
	text-decoration: none;
	color: #333;
	font-size:1.3em;
	
}
.inner-sidebar p {

	text-decoration: none;
	color: #333;
	font-size: 0.7em;
	font-weight:bold;
	opacity:.9;
	line-height:2em;
}

#sidebar-rechts-Rand {
	border:1px solid; 
	border-color:rgba(13,7,13,0.3); 
	padding:5px;
	width: 80%;
	height:auto;
}
#sidebar-rechts-ohneRand {
	

	width: 85%;
	height:auto;
}



.footer {
	background-color:rgba(13,7,13,0.8);
	width: 1280px;
	min-height: 30px;
	margin-top: 3px;
	margin-bottom:3px;
	border-radius: 4px;
	box-shadow: 0px 0px 9px #666background: #e4ebf2;
	border-color: #8a9da8;
	display: flex;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
	line-height:2em;
	color:rgba(255,255,255, 0.9);
	letter-spacing:0.3em;
	word-spacing:0.2em;
	text-align: center;
	padding-top:4px;
	padding-bottom:4px;
	align-items: center;
	justify-content: center;
}

div.Galerie {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -20px;
    background: rgba(49,49,49,0);
	
}
div.Galerie-wrapper {
    opacity: 1;
    flex: 0 100%;
    display: flex;
    flex-direction: column;
    /* height: 50px; */
    margin-right: -20px;
    background: rgba(49,49,49,0);
    flex-wrap: wrap;
    justify-content: flex-end;
	padding-right: 50px;
}

div.img {
	width:auto;
	height: auto;
	display:flex;
	background:rgba(49,49,49,0);
	
}

#Galerie-Übersicht {
	width:260px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#Galerie-Übersicht1 {
	width:650px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#Archiv-Bildindex {
	width:500px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
div.img div  {
	border:rgba(92,92,92,0.2) 1px;
	background:rgba(238,238,239,0.3);
	border-style:solid;
	border-radius: 2px;
	box-shadow:rgba(199,200,193,0.3) 0 0 2px;
	
}

div.Galerie div  {
	border:rgba(92,92,92,0.3) 1px;
	background:rgba(233,233,233,0.3);
	border-style:solid;
	border-radius: 2px;
	box-shadow:rgba(199,200,193,0.3) 0 0 2px;
	margin: 10px;
	padding-top: 15px;
}
#Porträt {
	max-width:60%;
	height: auto;
}
#Porträt550px {
	max-width:550px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}

#Porträt250px {
	max-width:250px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}
#text-250px {
	max-width:250px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}

#name {
	font-size:3em;
	letter-spacing: 0.1em; 
	text-align: center; 
	font-weight: 500; 
	color:#993333;  
	text-shadow: 0 0 1px #993333; 
	line-height:1.3em; 
	margin-top:-10px; 
	margin-bottom:15px;
}

#textimage250 {
	width:90%;
	height:auto;
    padding-left: 0px;
    padding-bottom: 15px;
	margin-top:-25px;
	object-fit: contain;		
}


#vorzurück {
	
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    color: rgba(35,35,35,.7);
	font-weight:bold;
	font-size:12px;
	padding-bottom: 5px;

}
#vorzurück a{
	
	text-decoration: none;
	color: rgba(35,35,35,.7);
}

nav input[type="checkbox"]{
    display: none;
}
.toggle_button{
    width: 30px;
    height: 23px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	padding-top: 1em;
    padding-bottom: 1em;
}
.bar{
    height: 4px;
    width: 100%;
    background:  rgba(255,255,255,0.7);
    border-radius: 100px;
}




/* Smart Phones und Tablets mit mittlerer Auflösung */

@media all and (min-width: 550px) {
	
	nav ul {
		height: auto;
		width:100vw;
		display: flex;
		list-style: none;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding-left: 0px;
		padding-right: 2.5em;
		
}
	}
	nav li {
		height: 60%;
		width: 150px;
		margin: 0 10px;
		flex: 1 1 0%;
	}
	
	

	article {
		order: 1;
		width: 100%;
	}
	aside {
		/* durch auto werden die beiden asides in eine Zeile gesetzt */
		
		flex: 1 1 auto;
		order: 3;
	}
	
	
	
	
	.footer {
		order: 5;

	}
	
	@media all and (max-width: 550px) {
		

	.Hauptfensterinhalt {
    display: flex;
    /*flex-flow: wrap;*/
    flex-direction: column;
	max-width: 99%;
    background-color: rgba(255,255,255,0.6);
    border-radius: 0;
    box-shadow: 0px 0px 0px;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: rgba(35,35,35,.8);
    text-shadow: rgb(78 78 78 / 30%) 0px 0px 1px;
    line-height: 1.5em;
    text-align: left;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 0px; 
 
	}
	.content {
    display: block;
    flex-direction: column;
    width: 90%;
    padding-top: 0px;
    margin-top: 10px;
}

.Thema-center {
	padding-left: 15px;
	z-index: 1;
	font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: rgba(35,35,35,.8);
    text-shadow: rgb(78 78 78 / 30%) 0px 0px 1px;
    text-align: center;
	line-height:1.4em;
}

#name {
  font-size: 2.0em;
  font-weight: 700;
  color: #993333;
  text-shadow: 0 0 1px #993333;
  text-align: center;
  line-height: 1.3em;
  letter-spacing: 0.08em;
  margin-top: -8px;
  margin-bottom: 15px;
}

#work {
    letter-spacing: 0.2em;
    font-size: 2.6em;
    line-height: 1em;
    color: rgba(125,123,119,1);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px
}
#cover
{
display: block;  	
}


#cover img{
	float: none; 
	text-align:center;
	margin-left:auto;
	margin-right: auto;
    width: 95%;
	height: auto;
    padding-left: 20px;
	object-fit: contain;		
}

#Porträt {
	display: block; 
	
	max-width:60%;
	height: auto;
}

#Archiv-Bildindex {
	width: 95%;
	height: auto;
	
}

#Bildbeschreibung-rechts {
    display: block; 
	text-align: left;
	margin-left:-5px;
    max-width: auto;
    font-size: 0.7em;
    font-weight: 300;
    text-decoration: none;
    color: rgba(35,35,35,.8);
	margin-top: -5px;
}

#Bildbeschreibung-rechts-1 {
	display: block; 
	text-align: left;
	margin-left:-5px;
    max-width: auto;
    font-size: 0.7em;
    font-weight: 300;
    text-decoration: none;
    color: rgba(35,35,35,.8);
	margin-top: -15px;
}

#img-text-img {
	display:block;
	text-align:center;
	margin-right:auto;
	margin-left: auto;
}

#img-text-img img{
	
    width: 90%;
    height: auto;
}


#Galerie-Übersicht1 {
	width:80vw;
	height: auto;
}	
/* durch auto werden die beiden asides in eine Zeile gesetzt */

	#sidebar {
    flex-direction: column;
    max-width: 99%;
    margin-right: 1px;
    margin-left: 1px;
	margin-top:2px;
    text-align: center;
    padding: 0px;
    background-color: rgba(255,255,255,0.6);
    order: 2; 
    border-radius: 0px;
    box-shadow: 0px 0px 0px; 
    align-items: center;
}

.inner-sidebar ul{

	margin-left:  auto;
	margin-right: auto;
	padding-left: 0px;	
	list-style: none;	
}
.inner-sidebar li{
    list-style-type: none;
    margin-bottom: 19px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    padding-right: 10px;
    letter-spacing: .17em;
    font-size: .9em;
}
.inner-sidebar h4 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: rgb(238,238,238);
    background-color: rgb(160,167,163);
    padding: 0.6em;
    margin-top: 25px;
    margin-bottom: 0px;
    font-size: 1.3em;
    text-shadow: #666 1px 1px 1px;
    font-weight: 600;
    letter-spacing: 0.2em;
    opacity: .9;
    border-radius: 4px;
	}
	
	.inner-sidebar p {
	margin-top: 35px;
    font-size: 1em;
}
	
	.inner-sidebar h5 {
    margin-bottom: -12px;
    margin-top: 2.5em;
    font-size: 1.2em;
	}
	
	#sidebar-rechts-ohneRand {
	width:280px;
	height:auto;
	
}	
	
	
	#sidebar-rechts-Rand {
	width:280px;
	height:auto;
}

 aside {
    flex: 1 1 auto;
    order: 3;
	max-width: 100%; 
    border-width: ; 
    border-color:; 
    border-style:; 
}

header, nav, nav a, article, section, aside, footer {
    border-radius: 0px; 
    border: 0px; 
    margin: 0em;
    flex: 1 100%;
}
.header img {
    flex: 1 1 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    opacity: .9;
    border-radius: 2px;
    max-width: 91%;
    left: -4px;
    position: relative;
}
.expandable_li {
    
    border-right: 0px ; 
	border-left: 0px;	
}
#Verein_checkbox
{
    
    border-right: 0px ; 
	border-left: 0px;	
}
.toggle_button{
        display: flex;
    }

    .expandable_li{
    display: block;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
	font-size: 1em;
    }
    .expandable_li label{
		    
        padding: 20px 0;
        cursor: pointer;
        display: block;
		
    }
    .expandable_li:hover .dropdown{
        display: none;
    }
    .expandable_li input[type="checkbox"]:checked ~ .dropdown{
        display: block;
    }
    .dropdown{
        position: relative;

		left: 0px;
		margin: 20px;

		justify-content: center;
		background-color: rgb(255 255 255 / 0%);

    }
    .dropdown li{
        padding: 0;
        display: block;
	}
	
    .dropdown li a{
        width: 100%;
        padding: 0;
        justify-content: center;
    }
	
    #toggle_button:checked ~ ul{
        display: block;

    }
	
.bar{
    height: 3px;
    width: 100%;
    background:  rgba(255,255,255,0.8);
    border-radius: 100px;
	transition: 0.5s; 
	transform-origin: center; 
}

.bar:nth-child(1) { }
.bar:nth-child(2) { top: 24px; }
.bar:nth-child(3) { top: 36px; }

#toggle_button:checked + .toggle_button .bar:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

#toggle_button:checked + .toggle_button .bar:nth-child(2){
   opacity:0;
}

#toggle_button:checked + .toggle_button .bar:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
}

.toggle_button {
    width: 30px;
    height: 27px;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.2em;
    padding-bottom: 1em;
	padding-right:8px;

}

	.footer {
		order: 5;
		background-color: rgba(13,7,13,0.7);
		min-height: 30px;
		margin-top: 3px;
		margin-bottom: 3px;
		border-radius: 0px;
		display: flex;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: 400;
		line-height: 1.5em;
		color: rgba(255,255,255, 0.9);
		letter-spacing: 0.2em;
		word-spacing: 0.1em;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 4px;

	}


	
}

	
}