@charset "utf-8";
/* CSS Document Foerderverein Phoenix Theaterwelt Wittenberg Seitenstruktur Dr.R.Wasmeier 2023 */
body {/*dunkler Hintergrund, zentriert, 0.5em Abstand oben, maximale Breite, */
	background-color: #200;
  	margin:0 auto;
    margin-top:0.5em;
	max-width:56.25em;
  }
div.gallery figure {
    margin:0;
}
div.gallery figure img {
	display:block;/*notwendig um Abstand zum Uebergeordneten Container zu vermeiden*/
    width: 100%;
}
header a {
	text-decoration:none;
}
header img {
	width:100%;
}
header img.des {
	display:block;
}
header img.res {
	display:none;
}
div.row {
	position:relative;
	clear:both;
	float:right;
}
label.hamburg { 
   position: relative; 
   float:right;
   background-color:#CCC;
   width: 3.8em; 
   height: 2.6em; 
   border-radius: 0.25em; 
   color:black;
}
label.hamburg, input#hamburg {
	display:none;
}
#hamburg:checked + .hamburg  + nav.topmenu { 
    transition: 1s; 
    max-height: 1000px; 
}
.line { 
   position: absolute; 
   left:6px;
   height: 2px; 
   width: 50px; 
   background: #000; 
   border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 10px; }
.line:nth-child(2) { top: 20px; }
.line:nth-child(3) { top: 30px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(10px) rotate(-45deg);
}
#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}
#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-10px) rotate(45deg);
}
.datum-right {
	margin-top:0.5em;
	margin-bottom:0.5em;
	display:block;
	width:100%;
	text-align:right;
	font-size:0.7em;
}
.h2-left {
	margin-bottom:0;
}
	@media all and (max-width: 56.25em){
	div.row {
		top:-40px;
		width:200px;
		height:0px;
	}
	label.hamburg {
		display:block;
	}
	}

nav.topmenu {/*Container f�r Haupt- und Subnavigation*/
	max-width:56.25em;
}
main{
    float:left;
	width:100%;
	min-height:40em;
	color:#eee;
    background-color:#900;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:"Roboto Condensed", "DejaVu Sans Condensed Custom", Arial, sans-serif;*/
	line-height:1.5;
    text-align:justify;
	hyphens: auto;
}
main h1,h2,h3{
	text-align:left;
	color:#ccc;
  }
main h1 {
	font-size:2em;
}
span.h2-left {
	float:left;
	display:block;
	width:90%;
	font-size:1em;
	font-weight:bold;
}
main h2 span.datum-right {
	display:block;
	float:right;
	font-size:0.5em;
}
main article {
	margin-left:2em;
	margin-right:2em;
	margin-top:1em;
}
main article article {
	margin:1em 0em;
}
main figure.voll {
	float:left;
	width:100%;
	margin:0px;
}
main figure.voll img {
	width:100%;
}
main figure.voll figcaption {
	font-size:0.8em;
	font-style:italic;
}
main figure.halblinks {
	float:left;
	width:50%;
	margin:0px;
	margin-right:1em;
}
main figure.halblinks img {
	width:100%;
}
main figure.halblinks figcaption {
	font-size:0.8em;
	font-style:italic;
}
main figure.halbrechts {
	float:right;
	width:50%;
	margin:0px;
	margin-left:1em;
}
main figure.halbrechts img {
	width:100%;
}
main figure.halbrechts figcaption {
	font-size:0.8em;
	font-style:italic;
}
#art_ver {
	border:1px black solid; 
	height:10em; 
	padding:1em; 
	margin-top:1em; 
	border-radius: 15px; 
	background-color:#7a0304
	}
#text-upload {
	border:1px black solid; 
	height:75em;
	width:25em;
	padding:1em;
	margin:0 auto;
	margin-top:1em; 
	border-radius: 15px; 
	background-color:#7a0304;
	}
 main p a {
	 color:red;
 }
 main p a#testlink {
	 color:silver;
 }
 main p a#testlink:hover {
	 color:black;
 }
summary {
   position: relative;
   top:-3em;
   cursor:pointer;
   height:2em;
   }
summary::marker {
	color:transparent;
}
summary::after {
   content:  "anzeigen..."; 
   position: relative;
   color:#fff;
   font-size: 1em;
   font-weight:normal; 
   right: -6em;
   bottom: 2.6em;
   transition: all 0.5s;
} 
details[open] summary::after {
 color: #fff;
 content:  "verbergen..."; 
}
main video {
	width:100%;
    text-align:center;
}
ul.linklist {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
ul.linklist li {
	float:left;
	margin-left:3em;
	margin-bottom:1em;
	padding:1em;
	border:1px solid white;
	border-radius:1em;
	background-color:#500;
	font-size:0.9em;
}
ul.linklist li {
}
ul.linklist figure {
	margin:0;
	padding:0;
	line-height:0;
}
ul.linklist img {
	max-width:300px;
}
					
ul.linklist a {
	text-decoration:none;
	color:#ccc;
}
ul.linklist a:hover h2{
	color:red;
	text-decoration:underline;
}
ul.linklist h2 {
	margin-top:0;
	clear:both;
	font-size:1.5em;
	/*line-height:1em;*/
	font-weight:normal;
	color:silver;
}
ul.linklist img {
	margin:0px;
	padding:0px;
	margin-left:0px;
}
div.fuss {/*Container f�r Seitenfuss*/
  float:left;
  width:56.25em;
  height:2em;
  margin-bottom:1em;
  background-color:#ccc;
  color:#333;
  }
nav.navi3 {/*Container f�r horizontale Fussnavigation (Webmediawork, Home, Impressum)*/
  float:left;
  margin:0px;
  padding:0px;
  width:56.25em;
  height:2em;
  }

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

@media all and (max-width: 56.25em) and (min-width:40em){
label.hamburg {
	display:block;
}
nav.topmenu { 
    height: auto; 
    max-height:0;
	width:100%;
    overflow:hidden; 
}
span.tex {
	display:none;
}
}
@media all and (max-width: 40em){
div.center {
	margin-top:0em;
	padding-bottom:0em;
}
main {
    width:100%;
	padding-left:0;
	padding-right:0;
}
main article {
	margin-left:1em;
	margin-right:1em;
	margin-top:1em;
}
nav.topmenu { 
    height: auto; 
    max-height:0;
	width:100%;
    overflow:hidden; 
}
span.tex {
	display:none;
}
header{
	width:100%;
}
header img.res {
	display:block;
}
header img.des {
	display:none;
}

ul.linklist li {
	margin-left:1em;
	width:85%;
}
/*ul.linklist li {
}
ul.linklist figure {
	margin:0;
	padding:0;
	line-height:0;
}*/
ul.linklist img {
	max-width:100%;
}


ul.linklist li article figure {
    display: flex; 
    justify-content: center; 
    align-items: center;
}
ul.linklist li article h2 {
	text-align:center;
	text-decoration:underline;
	color:#99F;
}
ul.linklist li article figure img{
	max-width:240px;
	height:auto;
    display: block;
	margin:0 auto;
}
ul.linklist li article p {
	display:block;
	text-align:justify;
	float:left;
	min-width:300px;
}
div.fuss {/*Container f�r Seitenfuss*/
    display:none;
}

}
@media all and (max-width: 40em){
.datum-right {
	text-align:left;
}
.res {
	width:95%;
	float:left;
	height:auto;
}
.res_right {
	width:95%;
	float:right;
	height:auto;
}
.res100 {
	width:95%;
	height:auto;
}
}
@media all and (min-width: 40.01em) and (max-width: 54.99em){
.datum-right {
	text-align:left;
}
.res100 {
	width:100%;
	height:auto;
}
.res {
	width:47%;
	margin:10px;
	height:auto;
	float:left;
}
.res_right {
	width:47%;
	margin:10px;
	height:auto;
	float:right;
}
}
@media all and (min-width: 55em){
.res {
	width:47%;
	margin:10px;
	height:auto;
	float:left;
}
.res_right {
	width:47%;
	margin:10px;
	height:auto;
	float:right;
}
.res100 {
	width:100%;
	height:auto;
}
}
.res0 {
	max-height:400px;
	width:auto;
	margin:4px;
}