@charset "ISO-8859-1";

/* ************************************************************************************************************ */
/* **************************** FÜR ALLE LAYOUTS - ALLGEMEINES ************************************************ */
/* ************************************************************************************************************ */

#header
{
	  line-height: 0;
}


#container_rahmen
{
	margin: 0.25em 0.625em 0.625em 0.625em;	
}

#container_rahmen H2 {
  margin-top: 0.25em;
}

/* ************************************************************************************************************ */
/* **************************** LAYOUT TextBlock Einspaltig *************************************************** */
/* ************************************************************************************************************ */

#headerAbsatzBlockText
{
	/*margin-left: 0.5em;    */
    line-height: 0;

}

#absatzBlockText
{
	background-color: #f3eee4;
	/*margin: 0.5em ;*/
    padding: 0.5em;
}

/* ************************************************************************************************************ */
/* **************************** Details *************************************************** */
/* ************************************************************************************************************ */
/* Hintergrund:  */
/* detail summary wenn zugeklappt:  */

/* detail summary aufgeklappt: */;
/*details[open] {
  background: transparent;
  color: #3c3c3c;
  margin-bottom: 1em;
}
details {
 background-color: blue;
 color: white;
}

summary::-webkit-details-marker,	
summary::marker {
  content:  " + ";  
  color: white;
  font-size: 2em;
  font-weight: bold;
  transition: all 0.5s;  
  color:  yellow;
}	


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

/*****************/
summary::-webkit-details-marker,	
summary::marker {
  content:  " ++ "; /* Verwendung des "Pfeil"-Symbols anstelle des Dreiecks */
  color: green;
  font-size: 2em;
  font-weight: bold;
  transition: all 0.5s;  
}	

details[open] summary::-webkit-details-marker,
details[open] summary::marker {
  content:  " -- ";
  color: red;
}

/***************/
#akkordeon_sekr:not(:target) .inhalt,
#akkordeon_lebl:not(:target) .inhalt,
#akkordeon_kontakt:not(:target) .inhalt,
#akkordeon_sekr:not(:target) .hide,
#akkordeon_lebl:not(:target) .hide,
#akkordeon_kontakt:not(:target) .hide,
#akkordeon_sekr:target .show, 
#akkordeon_lebl:target .show ,
#akkordeon_kontakt:target .show 
{display: none;}

#akkordeon_sekr, #akkordeon_lebl, #akkordeon_kontakt
{
	width: 100%;
	margin-top: 20px;
}
#akkordeon_sekr:target .inhalt,
#akkordeon_lebl:target .inhalt,
#akkordeon_kontakt:target .inhalt
 {display: block;}

.inhalt {
padding: 20px 20px 1px 0px;
margin: 0px 0px 10px;
}
.show,
.hide {
padding:10px;
background: #00326d;
box-shadow:none!important;
color:#fff;
/*font-weight:bold;*/
}
.show:hover,
.hide:hover {
background: #00326d;
color:#fff!important;
transition:0.2s all ease-in-out!important;
}

.akkordeon_button_open
{
  width: 0px; 
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #ffffff #00326d #00326d #00326d;
}

.akkordeon_button_close
{
  width: 0px; 
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 0  12px 12px 12px;
  border-color:  #00326d #00326d #ffffff #00326d;
}