* { 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; }
/* 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:80%; 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:140%; font-weight:600; margin-bottom:.6rem; margin-top:1.5rem; line-height:1.75rem; }
h2 { font-size:118%; font-weight:600; margin-bottom:.6rem; margin-top:1.2rem; 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%; }

div.zitat blockquote {margin:3em 0 0 1em; padding-left:1em; border-left:2px solid grey;}
div.zitat blockquote + div {margin:0.5em 0 1em 6em; text-align:right;}
div.zitat img {float:right; margin-left:1em;}

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-left:-14rem; float:left; padding:1rem; padding-top:4rem; padding-bottom:4rem; font-family:ibm-plex-sans, Helvetica, sans-serif; color:#444; font-size:0.88rem; background-color: #eee; }
div.termine {width:12rem; }
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:2em; width:232px; max-width:13rem; padding-right:18px; margin-right:1rem; text-align:center; box-sizing: border-box; }
div.coverbild img {width:232px; max-width:12rem; border:0; margin-bottom:0.2rem;}
/* 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;}
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$=".pdf"]:after, div.main a[href$=".epub"]: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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAIAAAAy3EnLAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAPUlEQVQYlWP8//8/AwwwMqbD2f//z2TABpiwiuIBw0EDIySUkMMHGWCGFRMuCVyCTLikiYoHuCJcqhkYGABL+xuXUqSO1QAAAABJRU5ErkJggg=='); }
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='); }

sup.refs a[href^=http]:before, sup.refs a[href^="#"]:before { content:''; } 
div.inhalt a[href^="loesung"]:before { content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD2SURBVBiVXZG9SgNhEEXPfLsiW2jeQRBBy7WwsBCURBQjYd1SxMZKEJ9ELGMjpNRs8AeRbBtBMcTSV7AOFhqiGavsN/GWh3vvzDCy0c3mApGUCWmjvZx8WCKoSuWtdY2SFDZ4CUrR2uP81mDMHCI6/RUegrz7NCva/67bRgdwt7r7GfxSA/q+VQ/KvezIhL3KveaOqNyMC4AhMlpvx2nHWWMe792L8mDQFOrOMEkANrtZVYVtg4bI6BQg9KarBRUaNqzCcR6nnaKx+nQ7oxK2gJIx1fM4ufBXq8og+rkEXSwGKs/BbHRi15LKa3MJJ/tM6vz/Z/4AUvROEvTXaB4AAAAASUVORK5CYII='); white-space: nowrap; }
div.inhalt a[href^="problem"]:before { content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD5SURBVBiVXZExSgNhEIW/+cGQRiVForUgQnIBwcY1dqIgYiO7BFOkEsSTiFjFQiHZThBBxCpaLKIn8AoxphBjE13csZDszjrdfLx5M4+RwfregiRuF1MS0ylHYT/HFOSt7l+i7GSU51GhtLp4d/o1QU5A3biwD7ykQmV5Zvzeto4OoPx4/unEbQMfxrUx8IJW1pp6XQs2Bb2eGACxCPVKL4ycFc7fd28Ebg2aUpVjzOSfo+dvKWwYFIvoUU449PwlETq5YZWDSi+MUuFwpTmdCFfArEnennvonqWpFSQpfl8A1WyjPo2KpUN7lvS9Rs3JT2Chizn5/5lfDlxKDW4/yJcAAAAASUVORK5CYII='); white-space: nowrap; }
div.inhalt a[href^="massnahmen"]:before { content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEASURBVBiVVZC/SsNwFIW/+0uz+IcugrbgoIugL+AoOIqCiHOJgg5KNVl8BgeNa4W00lUQQXyCIvoETo5ilg6KRbApuU5prgfu8nE4594rs3F70ctlF6OhG3b74WFqmaAqtfjmFnSnhLxMVAZrb83mb8EcIppleQC8FlBh9Wc01bKJDqB/tv/t1NsW+DLmRi1uH5iWUvXLzqai90WAQKbIehoFPWeNH1HwoPBoUn1E43H1OPEi2RLYMHUZKuE/Y/0qWUKka5kKx2kU9AAqADPnybTmcgdUzeNaabh3XV6tKr7vOsCy2e150huc2LW8uerCCqLzCE/FjCSL3k+PPq3xD6RAUwwWrPMvAAAAAElFTkSuQmCC'); white-space: nowrap; }
div.inhalt a[href^="umsetzen"]:before { content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADbSURBVBiVXZExagJREIa/WVmxCbmDhQFzAUshZYiNWFoYCLooKx4jTTQqLGsj2AoiSE5goXgAr+AVEtdlLFQyz7/83jfvzbwRgn4eMjVs0nTGpHewSECF1nAOVA3f4kuZUfh3Ax6IcvxtAHsjlkg0vrvxmo9xgUy6Ax7NaZOoO3FFgObwDdHl5SUAEkReiMK154hxuEL4McRHtY+pvCQYVFBeDUkQ6bliMHhCZeYwoUMUrv/F988HVBbOIGh8G+QqqpDNTYGi+YwNvte1XQntr2dOXt3pVfX7fjNnzVM8AmKgywQAAAAASUVORK5CYII='); white-space: nowrap; }
div.inhalt a[href^="ursachen"]:before { content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADwSURBVBiVXZExSgNBFIa/NzOLNot3sBH0ApaCnZJNZFFJIWJjJYgnEcvYCCkEVwxZRTxACj2BV7CWNInZnWchrm+d8pv/e29+RvQhX41VtY85Lvih5KMPy0QVqYvePZD/YX3z6deW7LzMG1kE9cvxROHd+Jv1dGnQ2gIg3cdpUNkDPs3dcV30ThvVWtVdtwMy/h0ALDTqdtIvJ84Gw2H5BDwblDgnlxjzZ2KRZcCuQYsY9aIV1CJbQ93QMhHOkn45aYJaZmmlbgSsmOYDfzC+blqrIvXM3Qism5WvPp2d22fJ/Laz4Xw4apUKcvX/Z74BvQJMF/B39TwAAAAASUVORK5CYII='); white-space: nowrap; }
/* div.inhalt a[href^="ursachen"]:before { content: ">"; font:Serif; white-space: nowrap; font-weight:900; color:#8CB202; } */
div.inhalt a.perma:before { content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALPwAACz8BScUy+wAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD1SURBVCiRfdExKEVxFMfxz/WkeBlkE4tFEsVmsFFMTG9gkl2y6BYzk1UWZVYGRgOZKErZGA0YGIT0EINz63q9+371H845/+85v///lDRWD1IsoAtX+G4ETOEFz3H5CxcoFwGTeMch2iM3gldsJHWAVgyhKTp/5mp76K8FpvGEnzin6MzVz3GcB+bC90HAy3jDftRTf58wngGzAWyHteHIz2MCKzE5zYABfASQhKUbjKEXmwGs5m1t4RKliAfxkHtXFUt5oBnd/i/tGn2YQQtOcKtGa7hDR8QJ1nEU1uuqHN3vsRtTq6gUAdly27CIUTxiB2dF0C+qljm175/vtgAAAABJRU5ErkJggg=='); }
span.todo { border: 1px solid #f00; background-color:#f88; }
/* div.main a[target^="no"]:before { content: ''; background:url('pfeil_ziele.png'); width: 8px; height: 12px; display: block; } */

/* ab hier Navigation */

.nav { min-height:60px; background-color:#fff; list-style-type: none; background-image:url('data:image/png;base64,'); background-repeat:repeat-x; padding-top:4rem; margin:0 auto; max-width:43rem; min-width:16rem; padding-left:0.5em; padding-right:0.5em;  padding-bottom:1rem; }
.nav ul { margin:0 auto; }
.nav li { width:15%; min-width:6.6em; height:60px; text-align:center; margin:0; padding:0; padding-left:10px; padding-right:8px; display: inline-block; vertical-align: middle; font-size:105%; line-height:60px; background-color:#000; 
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA8CAYAAABraOoRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEvSURBVFiFzZgxUgMxEARbRPANp/AUeItDQmJnvAXewz0DyIZIV4ctn1arqYIN7aqu2b6TtWskPeIoSR+Sbh0gSXpxgT4lHRwgSXpzgTQl/gyUF6/LyolvgHLiG6Cc+CugcfE7oCHxNzvfHYBnR6Ix8R1QXHwAFBMfBHXF78neVl98MJHUER9NBHAHvDoS1WqKL5I0kApgAe5LKd/bD0daq9UUn0kE8AU8lFKWmUTQEp+Q3RSfba3WKj7bWq1V/GwiqOINIID32dbWsrXmSHQqpSz/5vEf18M78Vb/uhT+/NCetpBsItsP2/EcAgzLvn7rDkBs19GF4Eyi/qwUBFmGCMtYEx60erL3BQcTjW0BU4IDIMvAblshLEuNbc2yLH6WVdS2HFvWddsfCE/TEOAHFf436nMzcRAAAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA8CAYAAABraOoRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEoSURBVFiFxZg7koMwEAV7iMw1uA932WxTpxvuWXwVO8TXcPicCJeKjxGawX4ZCrpmGklIIOmigJikDrgBJxxpzOwO/HkgAAYgqQWuQFddEYCZPYAfb1WveMTbBFQtvskfPOJtOlArvpkOfF38rLUMtEv8rLUxUTN+rKqVNJS0VgLrQ0AJtim+FNRJerwDrcrO81Hxe2Gr4msqWxRfA1oUvxuUYOco0Ex8FSjB+hBQgl2iQC/xLlCCnaNAraTBDUqwvmjRfiRhrYXIDnv9IRMyZImELdqQbSRsY1PEVjsVXAVaEpxnz1r7xXF8HqvZ/GSXgvyHiHeCi0FbgvNsyS4WfPxhFPgvhaymVHCe464QVM7gY65ZfEvwTHat4Dxja+4tIu4HAhGCgScH9xPiLdgwMAAAAABJRU5ErkJggg==');
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
	background-size: 12px 60px, 12px 60px;
	/*border-top-right-radius: 6px;
	border-bottom-right-radius: 6px; */ /*das war drin für initiative */
}
.nav li#navind { width:7%; padding-left:0; min-width:2.5em; background-color:#fff; vertical-align: middle; }
/* nav .nav li#navmassnahmen { width:36%; min-width:17em; } */
* html .nav li { display: inline; } *:first-child+html li { display: inline; }
.nav li a { text-decoration:none; color:#ffffff; }
.nav a:hover { color:#ffc; }
.nav li#navind a { color:#000; }
.nav li#navind > a:before { content:url("buch2.png"); }
/* .nav li#navind a:before { content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACTwAAAk8B95E4kAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGuSURBVDiNzdQxixNBFMDx/5vMYiSGYGHhFiKY0y5knSqFsJcTRG30Kj/AfSHR0g9wVl4l2q1IiiVZCOG2UfTQHOKJTbgospEZm9sQg6u7YuHr5s2b37xhhoF/HPKnAmOM55x7ICJn6/X6zmAwOP5r0Bjjiciuc277JPVysVjcnEwmXyqDa9gn4Bi4BETA7SRJvv5qnSrCgMc5JiJbWusQeAOEwLNOp9MoBeYYcDfHRqPRfhzHh0qpTeAtcE1rvdfr9U7/FizC8vnhcDgFNoEDEbmeZdleGIb1VUPKYmsbXwBeABeB581m804URd+WHVbBAJIkeW+tDYF3wI35fP6k3W6fApCq2Gp0u92NWq0WAT7wdDabbSvgfo4ppfplMYDxePxaRPrAR+BWq9V6qAAHTJVSfWvtAQVPqSCUc25qrd0CPgDnlpcSBIGvlHoF7CZJslNGM8Y8Au5Zay9nWfY5TdPvq934QENENsq2d1LbAPw0TTPAVjleqfj/Qb2ecM5dNcaMyix2zl0pBLXWR9baDDgDmApNZVrro3zw038YBIEvIucrYHiedxjH8RL8AREPrq5BIM1wAAAAAElFTkSuQmCC'); } */
/* .nav li > div { vertical-align:middle; display: none; line-height:1.35em; font-size:85%; color:#eee; padding:0; margin:0; } */

/* .nav li#navumsetzen { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA8CAYAAABraOoRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEvSURBVFiFzZgxUgMxEARbRPANp/AUeItDQmJnvAXewz0DyIZIV4ctn1arqYIN7aqu2b6TtWskPeIoSR+Sbh0gSXpxgT4lHRwgSXpzgTQl/gyUF6/LyolvgHLiG6Cc+CugcfE7oCHxNzvfHYBnR6Ix8R1QXHwAFBMfBHXF78neVl98MJHUER9NBHAHvDoS1WqKL5I0kApgAe5LKd/bD0daq9UUn0kE8AU8lFKWmUTQEp+Q3RSfba3WKj7bWq1V/GwiqOINIID32dbWsrXmSHQqpSz/5vEf18M78Vb/uhT+/NCetpBsItsP2/EcAgzLvn7rDkBs19GF4Eyi/qwUBFmGCMtYEx60erL3BQcTjW0BU4IDIMvAblshLEuNbc2yLH6WVdS2HFvWddsfCE/TEOAHFf436nMzcRAAAAAASUVORK5CYII='); padding-right: 0;} */       /* kein pfeil rechts hinter initiative, sondern boegen */

.nav li#navzoe { width:7%; padding-left:0; min-width:2.5em; background-color:#fff; }
/********************* nav li#navzoe a:before { content:url("logo-zoe-transparent.png"); height="45%";} */

#problem li#navproblem>a:first-of-type, #ursachen li#navursachen>a:first-of-type, #ziel li#navloesung>a:first-of-type, #massnahmen li#navmassnahmen>a:first-of-type, #umsetzen li#navumsetzen>a:first-of-type, #press li#navpre>a:first-of-type { text-decoration: underline; }

li#navproblem { background-color:#E9425C; min-width:5.4em; }
li#navursachen { background-color:#fca950; min-width:5.6em; }
li#navloesung { background-color:#47ccad; min-width:4.5em;}
li#navmassnahmen { background-color:#198e9e; min-width:6.6em; }
li#navumsetzen { background-color:#006891; min-width:5em; }
li#navzoe { background-color:#F8D100; }

.dropdown-content { display: none; position: relative; left: -10px; /* adapted to padding-left of li element */ padding: 2px 5px 5px 5px; background-color: #198e9e; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; line-height:1.35em; font-size:80%; color:#eee; text-align:left; width: auto; min-width:8.5em; } /* width: auto; */
#navmassnahmen:hover .dropdown-content { display: block; }
#navind:hover .dropdown-content { display: block; }

/* li#navkontakt { background-color:#fff; }
#kontakt li#navkon>a:first-of-type { text-decoration: underline; } */

@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:0rem; float:none; padding-top:1em; width:100%; }
div.cover { box-sizing: border-box; padding-top:1em; width:100%; margin: 0 auto; padding-left:5%; padding-bottom:1rem; }
div.main { border-left:0 }
/* .nav {margin-left:0rem; float:none; width:100%; box-sizing: border-box; padding-top:1em; } */
}