function close_tab() {
 window.close();
}  

.divb {
display: flex;
justify-content: center;
}

.mgb {
width: 50%;}

p {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

h5 {
color: #065470; 
font-style: italic;
 font-family: 
arial black, Arial Rounded MT Bold;
 font-weight: bold; 
font-size:1.1em;
line-height: 0em;
 background-color:#ffffff;
}



.trennung {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}


.alinks {

a:hover { font-style: bold;    
-ms-color: white;
-moz-color: white;
-webkit-color: white;
color:white;
-ms-text-decoration-line:underline;
-moz-text-decoration-line:underline;
-webkit-text-decoration-line: underline;
text-decoration-line-line: underline;
   font-size: 1em; font-weight: 600; }

}
/*#f0b200
a:link {  
-webkit-color: red;
  color: red;
   font-size: 2em;
   font-family: arial;

-moz-text-decoration-line: underline;
-ms-text-decoration-line: underline;
-webkit-text-decoration: underline;
text-decoration-line: underline;

font-style: italic;
}

a:visited {
-ms-color: black; 
-moz- color: black;
-webkit- color:  blue;
color: black;
-ms-text-decoration-line: underline;
-moz-text-decoration-line: underline;
-webkit-text-decoration-line:underline;
font-size: 1em; font-style: italic; }

a:hover { font-style: bold;    
-ms-color: blue;
-moz-color: blue;
-webkit-color: blue;
color:blue;
-ms-text-decoration-line:underline;
-moz-text-decoration-line:underline;
-webkit-text-decoration-line: underline;
text-decoration-line-line: underline;
   font-size: 1em; font-weight: 600; }

a:active {    
-ms-color:black;
-moz-color:black;
-webkit-color:black;
color: black;    
-ms-text-decoration-line: underline; 
-moz-text-decoration-line: underline; 
-webkit-text-decoration: underline;
text-decoration-line-line: underline; 

font-size: 1em; font-style:bold; }
*/
#biography  {font-family: arial; color: #3d3e8e; }

.sw {
line-height: 1em;
font-size: 1em;
padding: 2 2 2 2
}

#mittig {
    width: 500px;
    margin: 0 auto;
    background-color: orange;
}

#footer1 {position: fixed; bottom: 1px; width: 100%; height: 2.75em; z-index: 1; color: magenta;  padding: 1px 1px 1px 1px; letter-spacing: 0.25em;
text-align: center; 
background: #eeeeee; 
}

#footer {position: fixed;  bottom: 0.3px; width: 100%; height: 1.25em; z-index: 1; color: magenta;  padding: 1px 1px 1px 1px; letter-spacing: 0.25em;
text-align: center; 
background: #312450; 
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}



/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}



h2 





.




display:link {  
  color: black;
   font-size: 1em;
   font-family: arial;
text-decoration-line: underline;
 
}

didplay:visited  {text-decoration-line: underline;
 color:  black; text-decoration: none;      font-size: 1em; font-weight: 400; }

display:hover {text-decoration-line: underline;
 font-style: bold;    text-decoration: none;   color: blue; font-size: 1em; font-weight: 600; }

display:active { text-decoration-line: underline;
color: red;  text-decoration: none;     font-size: 1em; font-weight: 600; }


/*
summary {  

   font-size: 1em;
   font-family: arial;
font-style: normal;
  background-color: red;
  border: 3em;
  box-shadow: 1px 1px 2px #eeeeee;
  cursor: pointer;
text-decoration-line: underline;
}

summary:link {  

   font-size: 1em;
   font-family: arial;
font-style: normal;
 text-decoration: none;
background-color: #ffffff;
  border: 3em;
  box-shadow: 1px 1px 2px #eeeeee;
text-decoration-line: underline;
  cursor: pointer;}

summary:visited
  { color:  black;      font-size: 1em; font-style: normal; background-color: #ffffff;
  border: 3em;
  box-shadow: 1px 1px 2px #eeeeee;
text-decoration-line: underline;
  cursor: pointer;}

.summary:hover { font-style: normal;  color: red; font-size: 1em; font-style: normal; background-color: #ffffff;
  border: 3em;
  box-shadow: 1px 1px 2px #eeeeee;
text-decoration-line: underline;
  cursor: pointer;
color; #f0f0f0}

summary:active { 
   text-decoration-line: underline;
line-height: 1em;    font-size: 1em; font-style:normal; 
background-color: #ffffff;
  border: 3em;
  box-shadow: 1px 1px 2px #eeeeee;
  cursor: pointer;

}
*/

details {
  font:
    16px "Open Sans",
    Calibri,
    sans-serif;

}

details > summary {
  padding: 0px 6px;

  background-color: #ffffff;
  border: none;
  box-shadow: 3px 3px 4px black;
  cursor: pointer;

}

details > p {
  border-radius: 0 0 10px 10px;
  background-color: #ffffff;
  padding: 0px 6px;
  margin: 0;
  box-shadow: 3px 3px 4px black;
}

details[open] > summary {
  padding: 0px 6px;

  background-color: #ffffff;
  border: none;
  box-shadow: 3px 3px 4px black;
  cursor: pointer;

}



.home-button {
  position: fixed;
  bottom: 20px;
  right: 100px;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

.home-button:hover {
  background-color: #0056b3;
}