strike { color: grey; } u { text-decoration: none; background-color: yellow } tt { color: #2e3436; } pre { color: #2e3436; margin-left: 20px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } p { margin: 14px 14px; } hr { clear:both; } h1 { column-span: all; } article { columns: 1; } h5 { text-align: right; font-style: italic; color: gray; } a, a:link { text-decoration: none; color:Navy; } a:link:hover, a:link:active { color: Navy; } a:visited, a:visited:hover { color: blue; } span.zim-tag { color: #ce5c00; } div.zim-object { border-style:solid; border-width:10px; border-color: red; } /* ZIM Listen mit Checkboxen */ .checked-box {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAANOgAADMQBiN+4gQAAAAd0SU1FB9gKGQ8sMEGsKGkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAEBUlEQVRIx62V22tdRRTGf7Nn73P2ybntnNOe3NqkPTGgLTVUUZF6QatSLOKTPgqCIqLgQ0H/A1sQQbBYCBb1QfAxiC8tSO1FqHkwJVKtjdTGNraUmObsc9nXmfGh7cGYpM1D5nHWzPetteZb3wg2eB2YqYm4zSadsMtoboiNBH/3TE0awx6j+MRoxoTg/IYRvP19TQrJS0bzhdHGSyKFkLTtjSKwMjyiEz43ynhtP6bdjBCWyFobAf7eT7VhNF/q1FRbjYjmUohlCVPwnB+6FUxMTJipqSmUUhhjEGKd3bMT4ks/Y6oLBK2Yth8hHYtCJXOix7Nf7xLMzc0xOzvLzp078TyPNE3viW3QJPXzhNWbxFFKHCmMhoLn/FHodd48vGfhapdAacXQlkFK5dL6wIUm6fuTZPuvqDQhaMUYYyiVyuQr6rXDexYuAdi3tSv1ZJNs/R/CaszzT+1na88uXFnCEnJVgivBNN8uTJKmHQI/ptOOcXNZzMz9mOqFs90OHpipWcYwlo5P4ebnuOkrvr5wgrH+h3im7y36MzuwRXYZeKha/OhP0EkadFoxQSdGSotedR/+XwMc2XvKdNUFOFqZx6LKZWIiwjgkikNmLp/hm8sH+K1zjFTHXfBYdTi+eJArzXM0GxFxoBDCopLvo/fqEwi1XPkWkGqjFo2TgB1jOYZUKZTS/D1/ncmLh7jon0IbRWoiTi59ymzzJEEQE3cStNZsGxqlfPE57MBbOR8fP3hDGalOO9fq2DlBvmZw8xa2IxACGn6TydlD/O6f5OzSV/zif0cYhLQaEXGkKBbz7Ov/AOlXV1cxgBJRI3fuSTrpTawt18kWIZN1CFuaONI0w0WOXfsI43YIggh/KUSlhqxrMz74AkOZcWBm9QkH+Gw8NDLuITi+m0yzhluSyJzBLcpblUhFxywSRAEtPwQjsKVN30CNh0uvYuOubSHLtN3J0TO1j0pmBNuFbFWRK0gyPRZpktL2I5JQkclKakNlnh54g6ocvevUr/Ai2a7wineEkcJupA3S1Wg0nVZM2E6wbEF5U5G9Q++wI7sfR7h3N8HVNstykBfzH+KJEZwiWD0aIwxCgJ0R1Mu7GXOeJSuK93bZtQIle4D9pUNU5DC5jEsu55AvZakM5NicGyEj8uuz8bUCQgj67QfY671P3vEoeC69gy695U1U7NG7XV0pUwBjDJa1/JJlWWxzHuflzQe5FJ/GsgUVuZ2t8lEkTvfc0aNHb72flBhjVicQQqCUuvM3/M+WDVguWBrMVdDXEGZlBVEUrVCU9d9s5+fnaTQa2PZyPxEIhJaI1EEoZwX4ncynp6fXrmB4eJjR0VFarRbNZnP9P9rt9gohqNVq1Ov1ZbF/AZGev3hLJ2/zAAAAAElFTkSuQmCC)} .xchecked-box {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAANOgAADMQBiN+4gQAAAAd0SU1FB9gKGQ8bDYnDxEwAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAEK0lEQVRIx9WVS2hTWRjHf/eR3CY1nbxMH2YiZRQS6qO13YlMVxY3SnVcuNIBFezGpSADLoQqLu1sHJCqdCFSXFpw4YOCSH3BtFqttTNamabX3DS5bfO6uffMoglja3RGcDMHzuac7/z/53++//cd+L8P6VuCPQYZ8ADNgBd4J31DcDcQs+GnHByRocEDv0kfBSjAOlYCs11Q+gpwDegS8LMJ+3QIK0ATzEhV8Odnz5bzw8P4dJ25aJQ/WlvJ1df/K7hSLtOcTNI+Pk69rpMTgqIQhCDvh1/VSpw79+gRrRMTmLZNezLJJsPg+a5dmOEwQlFqg1sWG16/Jv7sGWXDwBACFQjC9HcwIMONKkGp4PGAJGEDS0IQmZlhnWnye3c3eiyGo6qr3WHbrJ+dJf7gAXI6zSIr72T7/fgzmT4FHnTBsgrQBfYvTU0km5vxz86iADnAm0rRPTWFt7cXZccOJJcLAGHb2K9ekT93jmwmwwdAAFpjI6Ntbfxw5879ag7l6o1sr5eHHR3IsRgeQK/M4sQE+YEB7JcvEY6zAj45SWFgAPPxYwzHoQxIkQjTPT0kIxE+Noj8sexFn4/xnh58iQTeSpHkHAdrbIzi0BCOrmNPTpK/eJHM3bt8sCyKQCiR4NWePWSiUZw1+ZLXJm4pFKLhzBlCsRh2RUXacVgeGaF47RrL58+zcP8+RrmMkCQinZ1EL1zAjERqmkH+tLYl1G3bCJw4QUjT0IA0MJfLMX/5MqmHD0nZNiUgtGULG/r7ccXjINWuWbnmqsuFu7sb/4EDNLlcBIEioNs2KUAFGmMxmk6dQm1tRZI+3xBqEkiShBQOox05Ql1nJ26gvuIUAWiKQnj/ftStW5Fk+YuF+NldsbBA4cYN9KdPmaso8Fc62ZJtk7l1C2t0FGdxESHE1xE4hkHh6lX0oSHSpRIewC/LrPf7CSgKNpCamkI/fZr8pUuIZBIcpyaBunahPp1mub+fDyMjGKUSChCsq6Nh717q9u2jbnSU0uAgRrFIwTThyhUCqRS+hgZKLS1fJvDm87SNjZGcnsYUAjcQ8vsJ9/Xh7u1FDgRQN20iks3iDA+zZFmYhQLqzZtsj8WY3L0baY2Sf55ICCKpFHUzM2SEQAJCHg+hY8fQDh5EDgRWDoRC1J88SePRo2geD0XAcBy8b98Sv3ePYDZbbf2rFQjLIphMsmDbaEBQVQkePox26BCSz7e6i4bDrDt+nGYhmBscpFAskheC4Js3bPR4qHphFYEnlcI7P4/jdqNpGu8TCe4oCsXr1z//F2ga3+/cSfTJE0qmSVYIsKzaOZDcbjKyzFIiwfvt21kMBLA07YsetzWNd+3tLLW0sH5igvT8PH9Go/z44kX+E4LGjg7GDYOcy4XlOEgLC//5P/5LCFzxOPLmzWyIx+m6fduu7v0NVGqyTSycKksAAAAASUVORK5CYII=)} .unchecked-box {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAANOgAADMQBiN+4gQAAAAd0SU1FB9gKGQ8qAt8h3m8AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAA60lEQVRIx+2VsQqDMBRF70sCLg5OLoKgjk7+lJ/hh+STXBwcnRz8ArMEkrxOFktbaC3tULzTg5e8k5vADXDq70VbobXmvu/hvQczg4heHrJfXxQFuq67blZbMc8zpmlCXddIkgTOuZcBUko45zCOI6y1Nz2xFSEEZFmGOI7fGg4A3nsQEZqmuXOu9jallACAtm3fvmutNaIoAjM/dkBECCF89KCbk4eAb+kEnIAT8EsAM0OIz3hSyrssUvss8t5fg+uIrLXPs0gIgWVZYIyBUurQyYdheO4gz3NUVQVjDNZ1PfSjpWmKsixvehfB9GBZ3NndrgAAAABJRU5ErkJggg==)} .migrated-box {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAANOgAADMQBiN+4gQAAAAd0SU1FB+AKHREFA8vJSnkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAC1klEQVRIx+2VT0hUURTGf/e958w4Tc3TYowMw1GyEgwr1MqsFmbZIrIWQZsWJUjbdoHQpl3Qps0swnCRECQFYkR/TC1iKkqmfzAKTo2Vf8hoRsfR995tkRMT87RRWkUHHhy495zvnvvu933wP/75EKkkEAjIYDCIaZpIKRFCZN0kfX9xcTGtra2/irVUEolECIfDlJeXo+s6hmFkDaCqKoZhEAqFSCaTv60pqcSyLAoLC/F4PEtqDmCaJkIIKisrMybX0sdUVRWA5ubmPzdNjjI1cpXkZC/O1fV03PXgdDqRUtpPIITAsqxsDz0Z/3CZQv8uqo4N4C8/Tp2/DdM0MiZQlvk41OTkI/LW1SGtCVb5drD3eCc71wcA+VcAHA5vDd8+3UGakxiJV7i9pdQevU5T1R35pJ3MV5QW1pf+0kWBheJ2SWua8EQXZXsu4fVVYEz1sEKvof5EuxjoPvzpcRvrdp9C2gGMx6cpOHBmbImMesds7BZubwMVDTfXDnQ3vQfK7AC8wLfExMX5whyQc3q2OEnjGm5vE76SQxsfBLr77a7CNf+n0r/l6sSMtsBSnurckiIILCobAtVZhpF4gZF4jubaymj4Ch/fd380LE7bAnjc0NPxk2yqpmEuwGxF0ag+0k5uTpzZeBeaazvj0We8fXojainsb2xh2BZgbe0gSIllzSIUh63wfQ6dZ/O2fbjcKlOj58jJ3cVENESw5yErc9nf2MLQ4jwQAkV1Lqiq37/cZ9WaahJjF9AcmxiPDhLs7ePe23oOnmUwg2hSShQle96tKDjA2HAniusgo9FxnvY9Jxw7RWzGYy92QghM00x5g53qp9sHmtB58/o2umOI2NwGolMnMYUHIb7aAyiKwsjICLqu2/qBEIKUUAohMaSHSLyBSMoPTINQ6CX5+fn2AEVFRZSUlBCPx4nFYhl3L4RESjF/GEgX3pSj+Xw+/H7/b3U/AEOZFnp7O5+5AAAAAElFTkSuQmCC)} ul { list-style-image: none} /* ul rule needed to reset style for sub-bullets */ /* Alles auf der Seite */ * { outline: none; text-decoration: none; } html { padding: 0; border: 0; margin: 0; font-family: sans-serif; background-color: #ffffff; color: black; min-height: 100%; position: relative; } body { padding: 0; border: 0; margin: 0; text-rendering:geometricPrecision; background-color: #ffffff; /*min-height:100vh; position:relative;*/ } #page { margin: 0; padding: 2px 3em 20px 3em; column-gap: 3em; /* padding-left: 320px; */ /* nur, wenn das Menü links liegt */ } #page a { font-weight: bold; } .page-wrapper { min-height: 100%; margin-bottom: 120px; } .footer-wrapper { position: absolute; bottom: 0; left: 0; right: 0; } .attachments { font-size: 80%; display:none; } /*#page br { margin: 1em; }*/ /* Dowbload Links ... weiß nicht ob die in ZIM existieren */ a.download { font-size: 120%; letter-spacing: 0.05em; font-weight: bold; background: #E7E7E7; border: 1px solid #9C9C9C; padding: 0.5em; text-align: center; } /* Header mit Logo etc. */ #header { position: relative; background: #e9e9e9; display: grid; grid-template-columns: 305px 1fr; grid-template-rows: 72px; grid-template-areas: "logo menu"; } /* Das Logobildchen */ #logo { float: left; margin: 4px 15px; padding: 0; filter: drop-shadow(2px 2px 4px #00000088); grid-area: logo; } #logo img { vertical-align: middle; height: 64px; } #logo a { color: white; text-decoration: none; } /* CUSTOM MENU */ #human-menu { height: 72px; line-height: 72px; /* float: left;*/ text-align:center; grid-area: menu; } #human-menu a { display: inline-block; /*color: white;*/ color: #000000; /*padding: 0px 14px;*/ padding: 0px 20px; text-decoration: none; text-align: center; float: center; } #human-menu a:hover, /*#human-menu a:focus,*/ #human-menu a:active { /*color: white;*/ color: black; background-position: top; background: linear-gradient(0deg, #00000000 0%, #00000011 100%); } /* END CUSTOM MENU */ /*background: linear-gradient(180deg, #134e7b 0%, #72abd6 100%);*/ /*background: linear-gradient(180deg, #05141f 0%, #72abd6 100%);*/ /*background: linear-gradient(180deg, #032036 0%, #72abd6 100%);*/ /*filter: drop-shadow(0px 0px 12px #000000dd);*/ /* Menu oben */ .site { background: #303030; margin: 0; padding: 0; width: 100%; clear: both; border-style: solid; border-width: 0px; filter: drop-shadow(0px 4px 4px #00000088); position: relative; /* Für's Menü */ display: block; line-height:30px; z-index: 1; } .site p, .site ul, .site li, .site a, .site div { display:inline-block; color:silver; padding: 0; margin: 0; } .site a { display: inline-block; color: white; padding: 0px 14px 0px 14px; text-decoration: none; text-align: center; line-height:30px; white-space: nowrap; } .site .level-1, .site .level-1-right { border-width: 0px; white-space: no-break; } .site .level-1-right { float: right; } .site ul.level-2 { display: none; /* Submenü versteckt */ background: #282828; position: absolute; background-color: #282828; box-shadow: 0px 8px 16px 0px #00000044; min-width: 200px; } .site li:hover ul.level-2 { display:block; } .site a.caret:focus ~ ul { display:block; } .site .level-2 li, .level-3 li, .level-4 li { display:block; } .site ul.level-3, ul.level-4 { display:block; } .site .level-2 a, .level-3 a, .level-4 a { display:flex; } .site .level-3 li { background-color:#202020; margin-left: 1em; } .site .level-4 li { background-color:#181818; margin-left: 1em; } .site a.caret { padding-right:8px; } .site a.caret + a { padding-left:0px; } .site a:hover, .site a:focus, .site a:active, .site .level-1 li:focus, .site .level-1 li a:active + a, .site .level-1 li a:hover + a, .site .level-1 li a:focus + a, .site .level-1 li:hover a.caret, .site .level-1 li:hover a.caret + a { color: white; text-decoration: none; background-color: transparent; background-position: top; background: linear-gradient(0deg, #ffffff22 0%, #ffffff44 100%); line-height:30px; } .site a.caret:before { content: "▸"; } .site .level-1 li:hover a.caret:before, .site a.caret:focus:before, .site a.caret:hover:before { content: "▾"; } .site a.this { font-weight: bold; font-style:italic; } /* Sprachauswahl Fahnen */ .site .lang { float: right; padding:0; margin-right:4px; } .site .lang a { vertical-align:middle; padding: 0; margin:0; } .site .lang img { height:20px; width: 25px; } /* Hamburger für kleine Displaybreite */ .burger { background: #303030; margin: 0; padding: 0; width: 100%; clear: both; border-style: solid; border-width: 0px; filter: drop-shadow(0px 4px 4px #00000088); display: block; line-height:30px; z-index: 1; } .burger ul, .burger li { margin: 0; padding: 0; list-style-type: none; } .burger a { display: block; color: white; padding: 0px 1em; text-decoration: none; line-height:30px; white-space: nowrap; } .burger a.this { font-weight: bold; font-style:italic; display:block; } .burger a:hover, .burger a:focus, .burger a:active { color: white; text-decoration: none; background-color: transparent; background-position: top; background: linear-gradient(0deg, #ffffff22 0%, #ffffff44 100%); } .burger .level-1 a { background-color:#282828; padding-left: 1em; } .burger .level-2 a { background-color:#202020; padding-left: 2em; } .burger .level-3 a { background-color:#181818; padding-left: 3em; } .burger .level-4 a { background-color:#101010; padding-left: 4em; } .burger ul.level-1 { display: none; } /* Sprachauswahl Fahnen, Burger */ .burger .lang a { float: right; display: inline-block; vertical-align:middle; margin:0; padding: 4px; } .burger .lang a img { height: 20px; width:30px; vertical-align:middle; padding: 0; margin:0; } .burger .lang a.ham { padding:0px 14px; float: left; } .burger .lang a:hover, .burger .lang a:focus, .burger .lang a:active { background: none; } /* Aufklappmenü, Burger */ .burger input:checked ~ ul { display:block; } .burger label { padding: 0px 14px; color:white; content: "☰"; display:inline-block; } .burger label:before { content: "☰"; } .burger input { display:none; } .burger input:checked + label:before { content: "⨯"; } /* Pfad zum Index */ .path { display: block; margin-bottom: 1em; padding: 0; background: #F2F2F2; font-size: 90%; clear: both; color: gray; } .path a, .path span { display: inline-block; padding: 4px 10px; } .path a:link, .path a:visited { color: gray; text-decoration: none; } .path a:hover, .path a:active, .path a:focus { color: black; text-decoration: none; } .path span:not(.prev-next) { height: 15px; padding: 0px; } .path a:before { content: " ᐳ "; padding: 0px 10px 0px 0px; } .path a:first-child:before { content: ""; } /* Navigationspfeile */ .path span.prev-next { color: silver; float: right; padding: 4px 10px; } .path a.prev-next { float: right; } .path a.prev-next:before { content: ""; padding: 0px; } .path a.prev-next:nth-last-child(2) { padding-right: 10px; } /* Backlinks auf die aktuelle Seite */ .backlinks { filter: drop-shadow(0px 4px 4px #00000088); margin-top: 1em; display: block; margin: 0; padding: 4px 20px; white-space: nowrap; /*background: #E9E9F2;*/ background: #F2F2F2; font-size: 80%; clear: both; color: gray; } .backlinks a { padding: 0px 0px 0px 12px; white-space: nowrap; } .backlinks a:after { content: " ⮥"; } .backlinks a:link, .backlinks a:visited { color: gray; text-decoration: none; } .backlinks a:hover, .backlinks a:active, .backlinks a:focus { color: black; text-decoration: none; } /* globaler Index des ganzen Gebildes */ .menu { float: right; margin: 10px 10px 25px 30px; } .menu a { color: #666666; text-decoration: none; } .menu a:link, .menu a:visited { color: gray; text-decoration: none; } .menu a:hover, .menu a:active, .path a:focus { color: black; text-decoration: none; } .menu span { height: 15px; padding: 0px; margin: 0px; } .menu ul, .menu li { margin: 0px; padding-left: 20px; list-style: none; line-height: 20px; } .menu *.level-1, .menu .level-1 li { padding-left: 0px; } .menu li.mark > a:after, .menu li.mark > b:after { content: ' ▸'; color: #333333; } .menu li.open > a:after, .menu li.open > b:after { content: ' ▾'; color: #333333; } .menu a.this { font-weight: bold; font-style: italic; color: black; } /* Fußnote */ .footer { background-color: #303030; padding: 20px 15%; font-size: 90%; text-align: center; color: silver; } .footer a,.footer a:link { text-decoration: none; color: #729fcf; font-weight: bold; } .footer a:hover { text-decoration: none; color: #90c0ff; } /* Dialoge ... sofern itgendwo so was vorkommen sollte */ .dialog form { margin: 0 15px; } .dialog td { border: none; padding: 5px; } .dialog td.label { text-align: right; font-weight: bold; width: 25%; } .dialog td.content input { width: 100%; } /* Trixerei mit
und Inhalt */ article div { break-inside: avoid; background-color: #f0f0f0; border-radius: 1em; border:0.5em; margin: 1em 0em; padding: 0.6em 0.6em 0.1em 1.1em; } article div h2 { margin: 0em; padding: 0em; } article div a { z-index: 10; } article div:first-of-type { margin-top: 0em; } /* Lightbox für Bilderchen */ .lightbox { display: none; position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; background: black; background:rgba(0,0,0,0.9); } .lightbox img { max-width: 100%; max-height: 100%; margin: 0%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); /* das da zentriert */ } .lightbox:target { display: block; outline: none; } /* Gallerie */ .img img { max-width: 100%; margin: 15px 0px; } .img br { display: none; } .img_r img { max-width: 25%; margin: 15px 0px 15px 15px; float:right; } .img_r br { display: none; } .img_l img { max-width: 25%; margin: 15px 15px 15px 0px; float:left; } .img_l br { display: none; } /* NIK multicolumn responsive */ @media screen and (min-width: 1px) { article { columns: 1; } #human-menu { line-height: 31px; height: 31px; text-align: center; } #human-menu a { display: block; } #header { grid-template-areas: "logo logo" "menu menu"; grid-template-rows: 72px 72px; } .site { display: none; } .burger { display: inherit; } .menu { display: none; } #page { padding-left: 0em; padding-right: 0em; } } @media screen and (min-width: 440px) { #human-menu { line-height: 31px; height: 31px; text-align: center; } #human-menu a { display: inline-block; } #header { grid-template-rows: 72px 31px;} #page { padding-left: 1em; padding-right: 1em; } } @media screen and (min-width: 550px) { #human-menu { line-height: 31px; height: 31px; text-align: center; } #human-menu a { display:block; } #header { grid-template-areas: "logo menu"; grid-template-rows: 72px; } .img img { max-width: 47%; margin: 1%; } .lightbox img { max-width: 100%; max-height: 100%; margin: 0%; } #page { padding-left: 2em; padding-right: 2em; } } @media screen and (min-width: 800px) { #human-menu { line-height: 72px; height: 72px; margin-left: 30px; text-align: left; } #human-menu a { display:inline-block; } #page { padding-left: 3em; padding-right: 3em; } .site { display: inherit; } .burger { display: none; } .menu { display: inherit; } .img img { max-width: 28%; margin: 1%; } .lightbox img { max-width: 100%; max-height: 100%; margin: 0%; } } @media screen and (max-width: 880px) { .site li.level_0_right { float:inherit; } } @media screen and (min-width: 881px) { article { columns: 2; } .site { /* Menü bleibt oben "kleben" - Achtung, muss Kind von body sein */ position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } .img img { max-width: 21%; margin: 1%; } .lightbox img { max-width: 100%; max-height: 100%; margin: 0%; } } @media screen and (min-width: 1100px) { article { columns: 3; } } /*html {overflow-y: scroll;}*/ /* Korrigiert Fontsize in Chromium etc. */ html { font-size: 80%; } @supports (-moz-appearance:meterbar) { html { font-size: 100%; } }