html {
    background: #e6e9e9;
    background-image: linear-gradient(45deg, rgb(230, 233, 233) 0%, rgb(0, 0, 0) 100%);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
overflow-x:hidden;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 800px;/* 50em war 800px */
    padding: 2em 2em 4em;
    min-height: 100vh;
}

h1 {
    color: #545454;
    font-weight: 100;
    line-height: 1.2;
    font-size: 3em;
    
}

h2, h3, h4, h5, h6 {
    color: #545454;
    font-weight: 600;
    line-height: 1.3;
}




h2 {
    margin-top: 1.78em;
    color: #545454;
}


nav ul {
    text-align: left;
     display: flex;
  flex-direction: column;
      margin: -0.4em;
  padding-left: 0;
}

nav li {
    display: inline-block;
    margin: 0.1em;
    padding: 0.3em;
    top:5px;



}




 nav a {
     position: relative;
      display: block;
      padding: 0.35em;
      text-decoration: none; 
      font-weight: normal;
      border: 1px solid black;
      color: #222; 
      background-color: white; 
         line-height: 0.9;
margin-top:2px;
     margin-left: 0em;
    }

  nav li[aria-current] a {
	background-color: firebrick; 
    color: gold;
  }
	
    /*nav a:focus,
    nav a:hover,
    nav li[aria-current] a:focus,*/
    nav a:hover {    
      color: #00cc7a; 
      border: 1px solid #00cc7a;
    }

details[open] > details {
 max-width:inherit;

    
}

nav summary {
     display: block;
     padding: 0.35em;
     text-decoration: none; 
     font-weight: normal;
     border: 1px solid black;
     color: #222; 
     line-height: 0.9;
     margin-top:0.1em;
     margin-bottom: 0.1em;
    box-sizing: border-box;
    background-color: white;
   /*display: inline-block;*/
    }

 details > summary::-webkit-details-marker {
  display: none;
   
}

/*summary::-webkit-details-marker,
/*summary::marker {
/*	content: "☰ ";/*
/*	/* Verwendung des "Pfeil"-Symbols anstelle des Dreiecks *//*
/*	/* color: gray;*/
/*	font-weight: normal;
}*/


    
details[open] summary {
    color: #00cc7a;
	border: 1px solid #00cc7a;

}
/*blue:#3333ff pink:#FF69B4	violet:#9938fa;*/
summary:focus {
     outline: 0;
     color: black; 
     border: 1px solid black; 
}

summary:hover {
      color: #00cc7a; 
      border: 1px solid #00cc7a;   
}




@media (min-width: 70em) {
  nav ul {	
    flex-direction: row;  
  }
  nav li {
    font-size: 1em;
  }
 nav ul  {
 position:absolute;

 
}
 
	
	
.flex-container {
	display: flex;


	align-items: right;
}

.flex-item {

	margin: 0em;
	padding: 0em;

}
	




.wrap {
	flex-wrap: wrap;
}

	
    
}

a {
    color: #00cc7a;
}

b, strong {
    font-weight: 600;
}

samp {
    display: none;
}

img {
    /*animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;*/
    background: transparent;
    border: 10px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    display: block;
    margin: 1.3em auto;
    max-width: 95%;
}

@keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}
.header {
	display: flex;
    flex-direction: column;
}

.header img {
  animation: none;
  float: left;
  width: 110px;
  height: 110px;
  background: white;
  border: none;
  border-radius: 0px;
  margin-bottom: 1em;
  margin-top: 1px;
  padding-right: 0.7em;
  padding-left: 0;
  padding-top: 1px;
  padding-bottom: 0.7em;
  margin: 0em;
}

.header h1 {
    color: #222;
    font-weight: 100;
    line-height: 1.0;
    font-size: 2.5em;
    margin-top: 0em;
}



.submenu ul {
    text-align: left;
  flex-direction: row;
      margin: 0.1em;
    margin-left: 0em;
          padding: 0em;
    column-gap: 0.1em;
    display: inline-block;
    /*position: absolute;*/
    padding-left: 0.3em;
     padding-right: 0.3em;
    /*padding-right: 0.2em;*/
     border:  1px solid #00cc7a;
     background-color: white; 
    min-width:6em;
}

.submenu li {
margin-right: 0em;
    margin-left: 0em;
     padding: 0em;
     border: none;
    grid-row-gap: 0em;


}

.submenu li:hover {
margin-right: 0em;
    margin-left: 0em;
     padding: 0em;
     border: none;
    grid-row-gap: 0em;


}



.submenu a {
font-size: 1em;
 font-style:italic;
font-weight:400;
    color:#222;
 text-decoration: none;
  text-decoration-color: #222;
    border: none;
margin:0em;
     padding:0em;
    padding-left:0em;
    padding-right:0.2em;
    background-color:white;
     /*    padding: 0.2em;*/
     /*border: 1px solid blue;*/
}

.submenu a:hover {
 font-size: 1em;
 font-style:italic;
  font-weight:400;
 text-decoration:underline;
  text-decoration-color: #222;
    border: none;
    color: #00cc7a; 
    margin:0em;
    padding:0em;
    padding-left:0em;
    padding-right:0.2em;
    /*         padding: 0.2em;*/
    /*background-color:#222;*/
    /* border: 1px solid green;*/

 
}

dt {
  float: left;
  font-weight: 600;
  margin-right: 0.5em;
    font-size: 1em;
}

/* und noch der Doppelpunkt */
dt::after { 
  content: ": "; 
}

/* ein Clearfix für Folge-dd-Elemente */
dd::after {
  clear: left;
  content: " ";
  display: block;
}

.preprints dt {
  float: left;
  font-weight: 600;
    margin-top:0.5em;
    font-size: 1em;
}

.preprints dt::after { 
  content: " "; 
font-size: 1em;
}



/* kein Doppelpunkt */

.preprints dd {
  clear: left;
  content: " ";
  display: block;
   padding-left: 0;
    margin:0;
    font-size: 1em;
}


/* ein Clearfix für Folge-dd-Elemente */
.preprints dd::after {
  clear: left;
  content: " ";
  display: block;
   padding-left: 0;
    margin:0;
    
}


.linkvar {
 font-style:italic;
    color: #00cc7a;
     text-decoration: none;

}

.linkvar:hover {
font-style:italic;
    color:#00cc7a;
 text-decoration: underline;
      text-decoration-color: #545454;
}

.linkvar2 {
    color: #00cc7a;
     text-decoration: none;

}

.linkvar2:hover {
    color:#00cc7a;
 text-decoration: underline;
      text-decoration-color: #00cc7a;
}



.flex-container {
	display: flex;

    
	align-items: right;
}

.flex-item {


}



.wrap {
	flex-wrap: wrap;
}