.cis-header{position:sticky;top:0;height:3rem;padding:0 1rem;z-index:80;background-color:#0a4;color:#fff;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cis-header .cis-section{flex:1 0 0;display:flex}.cis-header .cis-section.align-right{justify-content:end}.cis-header .cis-brand{color:inherit;text-decoration:none;font-weight:bold;font-size:1.2rem;display:inline-flex;align-items:center;gap:.5rem}.cis-header .cis-brand svg{height:1.5rem}.cis-header .cis-brand::selection{color:#0a4;background-color:#fff}.cis-header .cis-header-search{box-sizing:border-box;min-width:40%;height:2rem;background-color:#fff;border-radius:.5rem;display:flex;overflow:hidden}.cis-header .cis-header-search:focus-within{box-shadow:0 0 0 2px #000}.cis-header .cis-header-search .cis-search-input{flex-grow:1;margin:0;padding:.2em .5em;width:8rem;font-size:1rem;background:none;border:none;color:#000;outline:0;box-shadow:none}.cis-header .cis-header-search .cis-search-input::placeholder{opacity:.5;color:inherit}.cis-header .cis-header-search .cis-search-button{margin:0;padding:0;width:2.5rem;background:none;border:none;cursor:default}.cis-header .cis-header-search .cis-search-button .cis-search-button-background{height:1.5rem;margin:.25rem 0;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.cis-header .cis-header-search .cis-search-button:last-of-type .cis-search-button-background{margin-right:.25rem}.cis-header .cis-header-search .cis-search-button:first-of-type .cis-search-button-background{margin-left:.25rem}.cis-header .cis-header-search .cis-search-button svg{height:1.25rem;vertical-align:middle}.cis-header .cis-header-search .cis-search-button:hover{color:#fff}.cis-header .cis-header-search .cis-search-button:hover .cis-search-button-background{background-color:#0a4}.cis-header .cis-header-search .cis-search-button:hover svg path{stroke:#fff}@media screen and (max-width: 900px){.cis-header .cis-section:last-child{display:none}}@media screen and (max-width: 550px){.cis-header .cis-section{flex:auto}.cis-header .cis-brand-title{display:none}}.promotion-banner{padding:1rem;background:#0a4;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.promotion-banner h2,.promotion-banner p{margin:0}.promotion-banner .call-to-action{padding:1em 2em;border-radius:.5em;font-weight:bold;text-decoration:none;background:#fff;color:#000;user-select:none;cursor:default}.promotion-banner .call-to-action:hover{background:#eee}.promotion-banner ::selection{background:#000}body{background-color:#fff}.grid-container{box-sizing:border-box;height:calc(100vh - 3rem);padding:1rem;display:grid;grid-template:repeat(4, 1fr)/repeat(4, 1fr);grid-gap:1rem}.grid-container .grid-cell{background-color:#eee;color:#000;text-decoration:none;font-size:1.5rem;font-weight:bold;text-align:center;border-radius:1rem;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0}.grid-container .grid-cell.static{cursor:auto}.grid-container .grid-cell.grid-cell-horizontal{grid-column:span 2}.grid-container .grid-cell.grid-cell-vertical{grid-row:span 2}.grid-container .grid-cell:not(.static):hover{background-color:#0a4;color:#fff}.grid-container .grid-cell:not(.static):hover .feather{opacity:0}.grid-container .grid-cell .subtitle{margin-top:1rem;font-size:.5em;font-style:italic;text-align:center}.grid-container .grid-cell .feather{position:absolute;display:block;width:80%;height:auto;max-height:100%;z-index:-1}.grid-container .grid-cell .feather *{fill:none;stroke:#bbb;stroke-width:.5rem;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}@media screen and (max-width: 900px){.grid-container{height:auto;padding:.5rem;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;grid-gap:.5rem}.grid-container .grid-cell{box-sizing:border-box;padding:3rem 0;grid-column:span 1 !important;max-height:20rem}}@media screen and (max-width: 550px){.grid-container{grid-template-columns:1fr}.grid-container .grid-cell{height:16rem;grid-row:span 1 !important}}.grid-container .grid-cell .button{margin:0;padding:.25em .5em;font-size:1rem;font-weight:bold;text-decoration:none;background-color:#eee;border:none;border-radius:.5rem;color:#000;display:flex;align-items:center;cursor:default}.grid-container .grid-cell .button:hover{background-color:#ddd}.grid-container .grid-cell .button.primary{background-color:#0a4;color:#fff}.grid-container .grid-cell .button.primary:hover{background-color:rgb(0,144.5,57.8)}.grid-container .grid-cell:not(.static):hover[data-label=Schulportal]{background-color:#fb0;color:#000}.grid-container .grid-cell:not(.static):hover[data-label=Datenschutz]{background-color:#098}.grid-container .grid-cell:not(.static):hover[data-label=Github]{background-color:#08f}.grid-container .grid-cell:not(.static):hover[data-label=Snake],.grid-container .grid-cell:not(.static):hover[data-label=Pixelmap]{background-color:#c00}.grid-container .grid-cell:not(.static):hover[data-label=PHP-Cheat-Sheet]{background-color:#75f}.grid-container .grid-cell:not(.static):hover[data-label=Pandora-Beta]{background-color:#7b0}.grid-container .grid-cell:not(.static):hover[data-label=Slides]{background:repeating-linear-gradient(135deg, #80c, #08c, #80c 100vmax);background-size:141.44vmax;animation:slides 8s linear infinite}@keyframes slides{to{background-position:-141.44vmax}}.grid-container .grid-cell:not(.static):hover[data-label=Pad]{background-color:#c04}.grid-container .grid-cell:not(.static):hover[data-label=Wikipedia-GCM]{background-color:#d08}.grid-container .grid-cell:not(.static):hover[data-label=Wheel-of-Names]{overflow:hidden}.grid-container .grid-cell:not(.static):hover[data-label=Wheel-of-Names] svg{display:block !important}.grid-container .grid-cell.timer{width:100%;height:100%;border:none;padding:0}.vertretungsplan{padding:.5rem !important;text-align:center;gap:.5rem}.vertretungsplan .spinner{box-sizing:border-box;width:1em;height:1em;margin-top:1rem;border:.25em solid;color:#0a4;border-color:currentColor currentColor rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;flex-shrink:0;animation:1s spinner linear infinite}@keyframes spinner{from{transform:none}to{transform:rotate(360deg)}}.vertretungsplan .subtitle.error-message{color:#bbb;margin:0}.vertretungsplan .vp-container{width:100%;height:100%;border-radius:.5rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;overflow-y:auto;font-weight:normal}.vertretungsplan .vp-container .vp-general{grid-column:span 2;background:#fff;border-radius:.5rem}.vertretungsplan .vp-container .vp-general .vp-header{position:sticky;top:0}.vertretungsplan .vp-container .vp-general .vp-content{font-size:.8rem;margin:.25rem;text-align:left}.vertretungsplan .vp-container .vp-header{box-sizing:border-box;padding:.25rem;background-color:#0a4;color:#fff;border-radius:.5rem;font-size:.8rem;font-weight:bold;display:flex;align-items:center;justify-content:center}.vertretungsplan .vp-container .vp-header .class-label{position:sticky;top:.25rem}.vertretungsplan .vp-container .vp-body{display:flex;flex-wrap:wrap;gap:.5rem}.vertretungsplan .vp-container .vp-body .vp-content{padding:.25rem;flex-grow:1;background-color:#fff;border-radius:.5rem;font-size:1rem;text-align:left;display:grid;grid-template:1fr auto/1fr auto}.vertretungsplan .vp-container .vp-body .vp-content .vp-content1{width:100%;overflow:auto;scrollbar-width:none;font-size:1rem;white-space:nowrap}.vertretungsplan .vp-container .vp-body .vp-content .vp-content1::-webkit-scrollbar{display:none}.vertretungsplan .vp-container .vp-body .vp-content .vp-content2{color:#0a4}.vertretungsplan .vp-container .vp-body .vp-content .vp-content3{font-size:.8rem;text-align:center;grid-column:span 2}.snake{overflow:hidden}.snake canvas{image-rendering:pixelated;width:100%;height:100%}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:normal;src:url("https://gcm.schule/fonts/ubuntu-r.woff2") format("woff2")}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:bold;src:url("https://gcm.schule/fonts/ubuntu-b.woff2") format("woff2")}@font-face{font-family:"Ubuntu";font-style:italic;font-weight:normal;src:url("https://gcm.schule/fonts/ubuntu-ri.woff2") format("woff2")}@font-face{font-family:"Ubuntu";font-style:italic;font-weight:bold;src:url("https://gcm.schule/fonts/ubuntu-bi.woff2") format("woff2")}body{margin:0;font-family:"Ubuntu","Montserrat",sans-serif}input,button{font:inherit}::selection{background-color:#0a4;color:#fff}.cis-header .secret{font-family:"Comic Sans MS",cursive;color:aqua}@supports(background-clip: text){.cis-header .secret:hover{background:linear-gradient(to right, #f00, #00f);background-clip:text;color:rgba(0,0,0,0) !important;background-size:2rem;animation:secret .25s linear infinite}@keyframes secret{to{background-position:-2rem}}}