* { border:0; margin:0; padding:0; font-size: 100.01%; }

@font-face { font-family: 'ibm-plex-sans'; src: url('IBMPlexSans-Regular.woff2') format('woff2'); }
@font-face { font-family: 'ibm-plex-serif'; src: url('IBMPlexSerif-Regular.woff2') format('woff2'); }

body { background-color: #eee; font-family:ibm-plex-sans, Helvetica, sans-serif; color:#333; overflow-y: scroll; font-size:1.1rem; } /*  style="background-color:#ddd;" */
div.borderbottom { border-bottom:30px solid #004C66; margin: 0em auto; }

div.main { box-sizing: border-box; width:99%; max-width:70rem; min-width:17rem; background-color: #fff; background-repeat:no-repeat; padding:0; margin: 0em auto; text-align:left; border-left:14rem solid #eee; min-height:55rem; }

div.inhalt { font-family:ibm-plex-sans, Helvetica, sans-serif; color:#444; text-align:left; font-size:0.98rem; line-height:1.55rem; max-width:43rem; margin:0 auto; padding-left:1rem; padding-right:1rem; }
div.inhalt a, div.annotate a, div.licence a, div.cover a { color:#44A; text-decoration:underline; text-decoration-style: dotted; }
div.inhalt a:visited, div.annotate a:visited, div.licence a:visited, div.cover a:visited { color:#447; text-decoration:underline; text-decoration-style: dotted; }
div.inhalt a:hover, div.annotate a:hover, div.licence a:hover, div.cover a:hover { color:#444; text-decoration:underline; text-decoration-style: solid; }
div.inhalt p  { text-align:left; margin:0.8em auto 0.8em auto; }
/* div.inhalt p { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } Silbentrennung nach http://www.stichpunkt.de/html/umbruch.html */
div.inhalt li,div.inhalt ul,div.inhalt ol { text-align:left; margin-bottom: 0.5em; margin-left:8pt; max-width:43rem; }
ul.nb { list-style-type:none; list-style-position:outside; text-indent:-8pt; margin-left:0 !important; }
ul.nb ul { list-style-position:inside; text-indent:0pt; margin-left:10px; }
/* div.inhalt ul.nb ul { margin-top:2pt; list-style-type:disc; list-style-position:outside; }
div.inhalt ul ul li { margin:0 8pt 2pt 8pt; } */
ul.lit { list-style-type:none; list-style-position:outside; text-indent:-1em; margin-left:1em; font-size:85%; margin-top:0.5em; }
ul.lit ul { list-style-type:none; list-style-position:outside; text-indent:-1em; margin-left:1em; margin-top:0.2em; }
ul.lit ul li { margin-bottom:2pt; }
sup.refs { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }
/* .subs { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; bottom: -0.25em;; } */
div.licence { text-align:right; font-size:85%; margin:8pt; margin-top:5em; padding-left:5em; }
h1,h2,h3,div.accordion label { text-align:left; padding-left:0pt; font-family:ibm-plex-serif, Palatino, serif; color: #004C66; }
h1 { font-size:150%; font-weight:600; margin-bottom:.6rem; margin-top:2.4rem; line-height:1.75rem; }
h2 { font-size:118%; font-weight:600; margin-bottom:.6rem; margin-top:1.5rem; line-height:1.45rem; }
h3,div.accordion label { margin: .9em 0 0.6em 2pt; line-height:1.45em; }
div.imgfloat { float:right; clear:right; margin-left:1rem; margin-bottom:1rem; border:1px solid #ddd; text-indent:0; font-size:85%; }

table { border-collapse: collapse; border-bottom: 2px solid #666; }
th { border-bottom: 2px solid #666; padding: 0.5em; text-align:left; }
td { border-bottom: 1px solid #666; padding: 0.5em; }

div.annotate, div.licence{ width:12rem; margin-left:-14rem; float:left; clear:left; margin-right:1rem margin-bottom:1.5rem; padding:0.5rem 1rem 1rem; font-family:ibm-plex-sans, Helvetica, sans-serif; color:#777; font-size:0.8rem; background-color: #eee;}
div.annotate { text-align:right; }
div.licence {text-align:left; }
div.cover { width:12rem; margin-top:5rem; margin-left:-14rem; float:left; padding:1rem; padding-top:4rem; padding-bottom:4rem; font-family:ibm-plex-sans, Helvetica, sans-serif; color:#444; font-size:1.2rem; background-color: #eee; }
div.termine { width:12rem; font-size:0.88rem; font-family:ibm-plex-sans, Helvetica, sans-serif; }
div.termine ul { margin:0.3em 0 1.2em 0.6rem;  list-style-type:none; list-style-position:outside; text-indent:-0.6rem; }

div.coverbild { float:left; margin-bottom:2rem; width:250px; max-width:15rem; margin-right:1rem; } /* max-width war 13rem */
div.coverbild img { width:374px; max-width:15rem; border:0; margin-bottom:0.2rem;} /* max-width war 15rem */
/* accordion */

div.inhalt div.accordion h3 a { color:#004C66; text-decoration:none; }
/* #problem  div.inhalt div.accordion h3 a[target="no"]:before { content:url('pfeil_problem_u.png'); }
#ziel     div.inhalt div.accordion h3 a[target="no"]:before { content:url('pfeil_ziel_u.png'); }
#ursachen div.inhalt div.accordion h3 a[target="no"]:before { content:url('pfeil_ursachen_u.png'); }
#massnahmen div.inhalt div.accordion h3 a[target="no"]:before { content:url('pfeil_massnahmen_u.png'); }
div.accordion h3 a:visited { color:#004C66; text-decoration:none; }
div.accordion h3 a:hover { color:#004C66; text-decoration:underline; }  */
div.accordion { max-width:41.5rem; margin-top: 0.6rem; margin-bottom: 0.6rem; }
div.accordion>div { background-color:#ffdfa0; border: 2px solid #fff; border-collapse:collapse; padding:0px 4px 2px 6px; }
div.accordion p { margin-left:3pt; margin-right:3pt; }

/* accordion styles */

.tab { position: relative; margin-bottom: 1px; min-width: 94%; overflow: hidden; } /*war: relative*/
input { position: absolute; opacity: 0; z-index: -1; }
div.accordion label { position: relative; display: block; background: #ffdfa0; font-weight: bold; line-height: 1.5; cursor: pointer; }
.tab-content { max-height: 0; overflow: hidden; background: #ffdfa0; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s; }
.tab-content p { margin: 1em; }
input:checked ~ .tab-content { max-height: 200em; }
div.accordion label::after { position: absolute; right: 0; top: 0; display: block; width: 2em; height: 2em; line-height: 1.5; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
div.accordion input[type=checkbox] + label::after { content: "+"; }
div.accordion input[type=radio] + label::after { content: "\25BC"; }
div.accordion input[type=checkbox]:checked + label::after { transform: rotate(315deg); /* 315deg */ content: "+"; }
div.accordion input[type=radio]:checked + label::after { transform: rotateX(180deg); }

/* #problem div.accordion label::after { color:#db3e40; }
#ursachen div.accordion input[type=checkbox]:checked + label::after { color:#8CB202; content:"+"; transform: rotate(-315deg); }
#ursachen div.accordion label::after { color:#8CB202; } */

span.termine_mehr, span.forschung_mehr {float:right; display:block}
body#termine span.termine_mehr, body#forschung span.forschung_mehr {display:none;}


div.mainauswahl li a:before {  white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAIAAAAy3EnLAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAQElEQVQYlZWQMRIAIAjDrJ/1Tb42Do5A0Y5cQzgEjJ/MdCqtP8AwAsw+2K+GytMAMQ0QT1L61ntJbDtD2i4NJgcjlBhuJvorDgAAAABJRU5ErkJggg=='); }
/* hinter externen Links kein Symbol, daher auskommentiert --  div.main a[href^=http]:after {  white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUKJFjZMAL0v5jis1iZMKvaRYjNlEWwibj1ZT2H9Nk7IbgcR66BoSBODQha0C2HcLGoQmmEHtA4HEedg0MDAwMRHkcnwFEAwBUqg/mYjCi7wAAAABJRU5ErkJggg=='); } */
div.main a[href^='https://de.wikipedia.org']:after, div.main a[href^='https://en.wikipedia.org']:after {  white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAANsAAADbABfWVZ+gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADpSURBVCiR3c2tSoNxGIbx3/sOxpKoR2AYhmGRTTCteAJmWZP5sWBRMXkAYhCLggoWtax4AAajQRQEbUuCBgWHwoLb3r9hY8qGHoBXu2/u63kiPcpTRGPEL8Q1WtOoEQeSLKkLkiIhHX9L9RusEzLsPaLUOdL+RI79N8Jwn1RtE7YIK52cbBJWiUrY7nTRJIdnPySonyPL0gRHd3gnpDloUB7HA0KfVG1jh2StWzwRFbpf5micQsoAxXuau+RvCQ3iHIVXjHB8+Yt01SI/hA0yyzSfcUJc4fpjcN9jfpTFmW6IWJj9Y/wv+AJD1UDIwaqcmAAAAABJRU5ErkJggg=='); }
div.main a[href$=".nb"]:after { white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABnElEQVQokXWSvUtbYRjFf7lJ9bVRQ7UZNINITRWxCGpai3SyRR0UnEUnO1aoFbp0cus/UMTZ0cHRD2wyCKW0xSGiuVKsIEnMjYnRa75M7306xASheqbDeTjDec5B7kHpUL9T17hBNnGKbV4AYJ8ZJJa+VE7k4rEqd1VI3WMv4U8f6OzrJ7W5xW5wh1RfgFjwK0Mz09DSCoDDKpUkbxjUKMW3+Xd0GwapkyjbiSQ5zcFYraJbP8ShVNkgIhJb3yD0dpZGXzODnX6urm1yGkg6jbl/RMfoMPUvnvNgeAQNoHV0hKfj45inBhfhPYrnKTxKcXAS5RKhmIjiCgzibGsvZ8iGgmi/vvPqWRfqoZtzzyPSoR2aixZuVy3uDj/Onl4AtKyuU4hE6Pq4QL7Fh3PoJV53HU0NCq8D/to2yX2d7NoqIlLOUPnUz4EAYZ+XyXonR7sRMtcWxSd+Xq+sUMrnqfE0QqWQQjwuv5eX5SxyIHsTb8T8vCiFtVVJzkyJbdvV4qqG2+KP93NiXWbKummKlcn8b7iNq+M/9y1G/gHTVTkPi/7TswAAAABJRU5ErkJggg=='); }
div.main a[href$=".pdf"]:after { white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEVJREFUGJXFkDEOACAMAkviW/VN+lkcdCnWJk7eWAokwDYkCTSLILsBgJwrw2/RSiYuhksODEOrHd8bTvNzg4i3afOQlAn93hO2PNwa8AAAAABJRU5ErkJggg=='); }
div.main a[href^="#"]:before { white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAO0lEQVQokWNkwABp/1H5sxgx1SAAEz5JYsCoAQwMSCGMHvroAHtsoAniMgR3VGKRIC0d4ABp/wl7CQIAc/QK2QPyNFEAAAAASUVORK5CYII='); }
div.main a[href^="#top"]:before { white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAIAAAAy3EnLAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAOklEQVQYlWP8//8/AxJgZExnYGD4/38mAw7AhKkamYFPA5oiXHqY8EhjF0T2A7IKXN5gwiqKBwwHDQBpJg6DrkknIQAAAABJRU5ErkJggg=='); }
div.main a[href^="./"]:before { white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAIAAAAy3EnLAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAQ0lEQVQYlWP8//8/AymACZnDyJhOggZiVDMwMDBCnIRH9f//M9FtINJsdCeRoAHNUvyAER6sEIcR1IxwEpH2MJIacQDARRhuPWP4eAAAAABJRU5ErkJggg=='); }
span.tel:before { white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAVElEQVQokZ2RwQ0AIAgDi8PqTE5bX5qglYj3giiFgpEkAszaisl+vJfXYpWHAuqzmgAUAJVAdfkN23cwO8tuAmchW+wElOf0BD9iUiBjwV0h2vaNAR3xjWZFBzPTAAAAAElFTkSuQmCC'); }
span.mail:before { white-space: nowrap; content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAU0lEQVQokZWRwRHAIAgED4dataZUi69kFA8k92KAXR4I0A0/Y/Z8tUYDH5FB+20Fo6W3zw40f91LMngTMMkNPgRMksFUsEI3OBRU4VRQjQLx+yqZk64m2RuI1b4AAAAASUVORK5CYII='); }

/* ab hier Navigation */

.nav { min-height:60px; background-color:#fff; list-style-type: none; background-image:url('data:image/png;base64,'); margin:0 auto 1rem auto; max-width:43rem; min-width:16rem; padding-left:0.5em; padding-right:0.5em; padding-top:4rem; }
.nav ul { margin:0 auto; }
.nav li { padding: 0 0.8rem; height:60px; text-align:center; margin:0; display: inline-block; vertical-align: middle; font-size:105%; line-height:60px; background-color:#0000A0; }
* html .nav li { display: inline; } *:first-child+html li { display: inline; }
.nav li a { text-decoration:none; color:#fff; }

/* li#navind a:hover, li#navtea a:hover, li#navakt a:hover, li#navpub a:hover, li#navpre a:hover { color:#ffc; }
*/

/* redesign */

/* .nav { border-bottom: 1px solid #ccc; } */
.nav li { background-color:#fff; border-bottom: 1px solid #ccc; } /* border-top: 2px dashed #ccc; border-bottom: 2px dashed #ccc;} */
.nav li a { text-decoration:none; color:#444; }
.nav a:hover { color:#000; }
#index li#navind, #science li#navsci, #press li#navpre, #kabarett li#navkab, #presse li#navpre, #publ li#navpub, #aktiv li#navakt, #team li#navtea, #kontakt li#navkon { background-color:#fff; border-bottom: 3px #ea8c2c solid; }
li#navtea a:hover, li#navind a:hover { color:#000; }


#index li#navind a:hover, #aktiv li#navakt a:hover, #team li#navtea a:hover, #presse li#navpre a:hover, #publ li#navpub a:hover, #kontakt li#navkon a:hover { color:#000; } /* war: { color:ff9; } */
@media only screen and (max-width: 58rem) {
div.annotate, div.licence {margin-left:0rem; float:none; width:100%; box-sizing: border-box; padding-top:1em; }
div.termine {margin-left:2rem; margin-top:2rem; float:none; padding-top:1em; width:15rem; overflow:hidden; }
div.termine ul li { }
div.cover { box-sizing: border-box; padding-top:1em; width:100%; margin: 0 auto; padding-left:5%; padding-bottom:1rem; margin-top:0; }
div.main { border-left:0 }
div.nav { clear:both; }
/* .nav {margin-left:0rem; float:none; width:100%; box-sizing: border-box; padding-top:1em; } */
}