html{height:100%;margin:0;padding:0;scroll-behavior:smooth}body{margin:0 auto;padding:0;font-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.3s;transition:0.3s;background-color:#ffffff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='50%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%230EF'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%230FF'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg fill-opacity='.8'%3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}.ui-loader{display:none}#header{grid-area:header}#container{grid-area:content}.sidebar{grid-area:sidebar}.footer{grid-area:footer}#wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding:0}input{margin:0}a:link,a:visited{text-decoration:none;color:blue;-webkit-transition:0.3s;transition:0.3s}a:active{text-decoration:none}a:link:hover{text-decoration:none;color:#8080ff;-webkit-transition:0.3s;transition:0.3s}button{-webkit-transition:0.3s;transition:0.3s;background-color:#333;border:none;color:#e7e7e7;padding:15px 30px;margin:8px 0;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}#reset{background-color:#808080}button:hover{-webkit-transition:0.3s;transition:0.3s;background-color:#9FC131;color:#333}.content{margin:0 auto;padding:0;width:60%;max-width:80%}#content{margin:0 auto;width:100%;max-width:60em;color:#333;margin:0 auto}#topbutton{display:inline-block;background-color:#ffff99;width:50px;height:50px;text-align:center;margin:0;position:fixed;bottom:30px;left:40px;-webkit-transition:background-color 0.3s, opacity 0.5s, visibility 0.5s;transition:background-color 0.3s, opacity 0.5s, visibility 0.5s;opacity:0;visibility:hidden;z-index:150;-webkit-box-shadow:rgba(14,30,37,0.12) 0 2px 4px 0px,rgba(14,30,37,0.32) 0 2px 16px 0;box-shadow:rgba(14,30,37,0.12) 0 2px 4px 0px,rgba(14,30,37,0.32) 0 2px 16px 0}#topbutton:hover{cursor:pointer;background-color:#333;color:#ffff99}#topbutton:active{background-color:#333;color:#ffff99}#topbutton::after{content:"\f151";font-family:"Font Awesome 5 Free";font-weight:normal;font-style:normal;font-size:2em;line-height:50px}#topbutton.show{opacity:1;visibility:visible}#header{margin-bottom:40px;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}#header h1{font:normal 4.0em Georgia, Times, serif;width:100%;text-align:center;margin:40px 0 0;padding:0;color:#333;text-shadow:2px 7px 5px rgba(0,0,0,0.3),0 -4px 10px rgba(255,255,255,0.3)}#header h3{color:#333;font-family:Georgia, Times, serif;text-align:center;letter-spacing:0.07em;margin:20px 0;font-size:15pt;font-weight:bold;text-transform:uppercase;text-shadow:2px 7px 5px rgba(0,0,0,0.3),0 -4px 10px rgba(255,255,255,0.3)}.heading{margin-top:25px;padding:0;font-size:180%}.uncheckall{width:auto;font-size:1.8em;color:#ff6666;opacity:0.7;cursor:pointer;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.warnung{font-size:0.75em;opacity:0.7;margin-left:12px;color:#ff6666;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.uncheckall:hover{color:#ff6666;opacity:1}.sidebar p:first-of-type{width:85%;line-height:160%}#filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#99ff66;padding:30px 60px;font:normal 1em "Roboto Slab", arial, sans-serif;background-color:#484851;z-index:50;overflow-x:hidden;overflow-y:auto;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;outline:none;-webkit-box-shadow:18px 20px 14px -6px rgba(0,0,0,0.3);box-shadow:18px 20px 14px -6px rgba(0,0,0,0.3);border-radius:255px 15px 225px 15px/15px 225px 15px 255px}#filter:hover{-webkit-box-shadow:2px 8px 4px -6px rgba(0,0,0,0.4);box-shadow:2px 8px 4px -6px rgba(0,0,0,0.4)}#filter.lined.thick{border:solid 9px #242429}#filter a{color:white}.sidebar:not(.open){left:100%}.sidebar:not(.open) .show{left:0;z-index:50}.sidebar:not(.open) .hide{right:-50px;z-index:50}.toggle_wrapper{font-size:2em;height:65px;width:65px;color:#fff;background-color:#fa7a35;overflow:hidden;position:fixed;top:30px;right:40px;-webkit-transition:0.3s;transition:0.3s;-webkit-box-shadow:rgba(14,30,37,0.12) 0 2px 4px 0px,rgba(14,30,37,0.32) 0 2px 16px 0;box-shadow:rgba(14,30,37,0.12) 0 2px 4px 0px,rgba(14,30,37,0.32) 0 2px 16px 0}.toggle_wrapper:hover{color:#ffff99;background-color:#333}.toggle_wrapper span{width:65px;height:55px;line-height:65px;text-align:center;background-color:inherit;color:inherit;cursor:pointer;position:absolute;top:0;right:0;-webkit-transition:right 0.25s;transition:right 0.25s}#filter .list-group-item{position:relative;display:block;padding:1px 5px 5px 2px;margin-bottom:1px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}#filter .list-group-item:hover{background-color:#3c3c44;-webkit-transition:all 0.3s;transition:all 0.3s}#filter .list-group-item input{margin-right:15px}#filter .list-group-item label{cursor:pointer}#filter .form_checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:relative;background-color:#f1f1f1;color:#333;top:4px;height:20px;width:20px;border:1px solid #f1f1f1;border-radius:2px;cursor:pointer;margin-right:0;margin-left:2px;outline:none;-webkit-transition:0.2s;transition:0.2s}#filter .form_checkbox:checked::before{position:absolute;font-size:95%;left:2px;top:-2px;color:white;content:'\02714'}#filter .form_checkbox:hover{background-color:#87d37c;border:2px solid #f1f1f1;-webkit-transition:0.2s;transition:0.2s}#filter .form_checkbox:checked{background-color:red;border:2px solid #f1f1f1}#filter .kategorie{margin:30px 0 20px}#filter h3{margin-bottom:10px;font-weight:bold}.name_auswahl{width:235px;height:250px;overflow-y:auto;overflow-x:hidden}.art_auswahl{height:180px;font-size:100%;overflow-y:auto;overflow-x:hidden}.info{width:290px;overflow-y:auto;overflow-x:hidden;line-height:150%}#main{background-color:#fff;font:normal 105%/160% "Roboto Slab", arial, sans-serif;color:#333;max-width:40em;margin:40px auto 1em;padding:3em 2.5em;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.2),0 5px 10px 0 rgba(0,0,0,0.2);box-shadow:0 5px 10px 0 rgba(0,0,0,0.2),0 5px 10px 0 rgba(0,0,0,0.2);-webkit-box-sizing:border-box;box-sizing:border-box}.reload-button{color:#fa7a35;cursor:pointer;display:inline-block;position:absolute;margin:0 auto;bottom:15px;right:25px;font-size:130%;border:1px solid transparent}.reload-button:hover{-webkit-animation:fa-spin 1.4s infinite linear;animation:fa-spin 1.4s infinite linear}#container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0 auto;padding:20px 0 50px;width:90%}#container.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}#container.list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}#container.list .box{width:60%;font-size:150%}#container .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:170px;margin:4px;padding:0 15px;height:120px;color:#fff;font-weight:normal;-webkit-transition-duration:0.4s;transition-duration:0.4s;border:3px solid #333;font-family:"Roboto Slab", Georgia, Times, serif;position:relative;-webkit-transition:0.2s;transition:0.2s;-webkit-box-shadow:4px 8px 8px -2px rgba(81,81,81,0.6);box-shadow:4px 8px 8px -2px rgba(81,81,81,0.6);border-radius:255px 15px 255px 15px/15px 225px 15px 255px;-webkit-animation:fadeInAnimation ease 0.7s;animation:fadeInAnimation ease 0.7s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#container .box:hover{-webkit-transform:translate(-8px, -8px);transform:translate(-8px, -8px);background-color:#f4f4f4 !important;color:#333;border:3px dashed #333;font-weight:bold;-webkit-box-shadow:12px 12px 6px 3px rgba(81,81,81,0.6);box-shadow:12px 12px 6px 3px rgba(81,81,81,0.6)}@-webkit-keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}.box .wort{font-size:120%;font-style:italic;font-weight:bold;margin:0 0 25px;text-shadow:2px 2px rgba(31,31,31,0.6);word-break:break-all}#container .box:hover .wort{text-shadow:none}.box .art{margin-bottom:5px;text-transform:uppercase}#container_eingabe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;padding:0;width:90%}#container_eingabe .box{margin:15px 0;width:400px;height:auto;font-weight:bold;padding:20px;-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.1em;font-weight:normal;line-height:140%;font-family:"Roboto Slab", Georgia, Times, serif;border:4px solid #343148;-webkit-box-shadow:rgba(14,30,37,0.22) 0 2px 4px 0px,rgba(14,30,37,0.72) 0 2px 16px 0;box-shadow:rgba(14,30,37,0.22) 0 2px 4px 0px,rgba(14,30,37,0.72) 0 2px 16px 0}#container_eingabe .box h2{text-align:center}#container_eingabe .box h3{padding:10px 0;margin:0;font-weight:bold}#container_eingabe .box input{padding:10px 5px;font-size:1.2em;width:80%;text-align:center;border:1px solid #333}#container_eingabe .box input:focus{outline:none}#container_eingabe .box p{width:90%;text-align:center}.box_buttons,.box_username{border:1px solid #333;background-color:#ACC7B4;color:#333 !important}.box_vergangenheit{background-color:#6E6E6D;color:#fff}.box_gegenwart{background-color:#175b7f;color:#fff}.box_zukunft{background-color:#F95700;color:#fff}h2{margin-top:0;padding-top:0;font:normal 1.8em "Roboto Slab", Georgia, Times, serif}h3{font:normal 1.2em "Roboto Slab", Georgia, Times, serif;margin:0}#footer{font:normal 100%/150% "Roboto Slab", arial, sans-serif;color:#000;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}#footer .content{font-size:95%;border-radius:25px;line-height:1.8em;margin:60px auto;padding:20px 30px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top:3px solid #454140}@media screen and (max-width: 768px){body{background-image:none;background-color:#63fdff}#header{height:auto;width:100%;margin:0 auto 20px}#header h1{font-size:2.5em;text-shadow:none;text-align:center}#header h3{font-size:120%;text-align:center}#view-grid,#view-list{display:none}#container{width:100%;margin:0 auto}#container_eingabe{width:100%}#container .box{min-width:80%;margin:2px;padding:0 15px;height:120px;font-size:110%}#container.list .box{width:100%;padding:1% 1% calc(1.0% + 5px)}#footer{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}#footer .content{max-width:80%}}