/*  LIGHTBOX  ANFANG----------------------------------------------  */

div#inhalt {
    /* [disabled]margin-left: 5%; */
    /* [disabled]margin-right: 5%; */
}

img {
    /* [disabled]max-height: 80vh; */
}

figcaption a {
  	color: rgba(0,0,0,1); 
	text-decoration: none;
	}

figcaption a:hover {
  	color: rgba(0,0,0,0.32);
}
.figcap-zusatz-p {
	font-size: 0.8rem;
	color: rgba(0,0,0,0.68);
	padding-top: 5px;
}
.startbild {
    width: 80%;
    height: auto;
}
.italic { font-style: italic; }
.small { font-size: 0.8em; }

/** LIGHTBOX MARKUP **/

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(81,81,81,0.9);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
    /* Full width and height */
    display: block;
    width: 100%;
    height: 90%;
    /* Size and position background image */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* [disabled]margin: 100px 0 100px 0; */
	position: relative;
	top: 80px;
}
.pic-size_THB {
    /* [disabled]width: 200px; */
    object-fit: contain;
    width: 100%;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	margin: 10px;
	padding: 20px;
    /* [disabled]height:100%; */
}
.box-element {
	float: left;
}

summary:focus {
    outline: none;
}

summary:hover {
	text-decoration: none;
}
summary {
cursor: pointer;
text-align: left;
vertical-align: bottom;
float: left;
}
.container H2 {
float: left;
margin-top: 0em;
margin-right: 1.5em;
margin-bottom: 10px;
margin-left: 0px;
}
.container p {
    float: left;
    margin-top: 0px;
    margin-bottom: 0;
    background-color: rgba(81,81,81,0.1);
    padding: 8px 16px;
    margin-left: 20px;
    margin-right: 20px;
}



summary::marker {
   color: rgba(255,255,255,1.00);
}

summary {
   position: relative;  
   color: rgba(255,255,255,0.00);	
   }



summary::after {
   content:  "+"; 
   position: absolute;
   color: green;
   font-size: 2em;
   font-weight: bold; 
   right: 1em;
   top: .2em;
   transition: all 0.5s;
} 

details[open] summary::after {
 color: red;
 transform: translate(5px,0) rotate(45deg);
}
/**
summary::-webkit-details-marker {
    color: #fff;
    background-color: #000;
}
summary::-webkit-details-marker {
    display: none;
}
summary:before {

color: #1e4678;
padding-left: 4px;
font: normal normal normal 14px/1 FontAwesome;
content: „f08e“;

}
**/



/*  LIGHTBOX  ---------------------------------------------  ENDE -  */