@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:url(/fonts/Roboto-Thin.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:100;src:url(/fonts/Roboto-ThinItalic.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(/fonts/Roboto-Italic.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(/fonts/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:url(/fonts/Roboto-MediumItalic.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(/fonts/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:url(/fonts/Roboto-BoldItalic.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:url(/fonts/Roboto-Black.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:url(/fonts/Roboto-BlackItalic.ttf) format("truetype")}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{pointer-events:none}img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.MuiGrid-container{width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hide{display:none}.success-badge{position:fixed;top:10px;left:-370px;background-color:green;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:1000;transition:all .5s ease-out}.fly-in{left:10px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.success-badge.fly-in{animation:fadeOut 2s forwards 4s}.weißer_text{color:#fff;font-size:5px}.normaler_text{font-size:10px;background-color:#fff}.chosen-text,.swap-text{font-size:10px;animation:slowShake 1s infinite;color:#fff;background-color:none}.weißer_text-small{color:#fff;font-size:2.5px}.normaler_text-small{font-size:5px;background-color:#fff}.chosen-text-small,.swap-text-small{font-size:5px;color:#fff;background-color:none}.chosen-div,.swap-div{background-color:#7ebcd1;border-radius:50px;animation:slowShake .5s infinite}.shake{animation:shake .5s infinite}.loading{display:flex;justify-content:center;position:relative}.loading--full-height{align-items:center;height:100%}.loading:after{content:"";width:20px;height:20px;border:7px solid transparent;border-top-color:#009579;border-radius:50%;transform:rotate(.16turn);animation:loading 1s ease infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(.16turn);z-index:0}.loading>*{z-index:1;position:relative}.no-select{user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.sitzordnung,.sitzordnung2{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:10px;grid-row-gap:10px;align-items:stretch}.sitzordnungXS{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:5px;grid-row-gap:5px;align-items:stretch}.leicht_gefährdet_oben{border-bottom:3px solid #f6d4d2}.stark_gefährdet_oben{border-bottom:3px solid #e4837e;animation:shake .5s ease-in-out 2}.leicht_gefährdet_unten{border-top:3px solid #f6d4d2}.stark_gefährdet_unten{border-top:3px solid #e4837e;animation:shake .5s ease-in-out 2}.leicht_gefährdet_rechts{border-right:3px solid #f6d4d2}.stark_gefährdet_rechts{border-right:3px solid #e4837e;animation:shake .5s ease-in-out 2}.leicht_gefährdet_links{border-left:3px solid #f6d4d2}.stark_gefährdet_links{border-left:3px solid #e4837e;animation:shake .5s ease-in-out 2}.leicht_gefährdet_oben_links{position:relative}.leicht_gefährdet_oben_links:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:10px solid #f6d4d2;border-right:10px solid transparent}.stark_gefährdet_oben_links{position:relative;animation:shake .5s ease-in-out 2}.stark_gefährdet_oben_links:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:10px solid #e4837e;border-right:10px solid transparent}.leicht_gefährdet_oben_rechts{position:relative}.leicht_gefährdet_oben_rechts:before{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border-bottom:10px solid #f6d4d2;border-right:10px solid transparent}.stark_gefährdet_oben_rechts{position:relative;animation:shake .5s ease-in-out 2}.stark_gefährdet_oben_rechts:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:10px solid #e4837e;border-left:10px solid transparent}.leicht_gefährdet_unten_links{position:relative}.leicht_gefährdet_unten_links:before{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border-bottom:10px solid #f6d4d2;border-right:10px solid transparent}.stark_gefährdet_unten_links{position:relative;animation:shake .5s ease-in-out 2}.stark_gefährdet_unten_links:before{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border-bottom:10px solid #e4837e;border-right:10px solid transparent}.leicht_gefährdet_unten_rechts{position:relative}.leicht_gefährdet_unten_rechts:before{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:10px solid #f6d4d2;border-left:10px solid transparent}.stark_gefährdet_unten_rechts{position:relative;animation:shake .5s ease-in-out 2}.stark_gefährdet_unten_rechts:before{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:10px solid #e4837e;border-left:10px solid transparent}.flip-img{transform:scalex(-1);width:30px;height:30px;margin-right:10px}.highlight-green{animation:highlightGreen 2s forwards}@keyframes highlightGreen{0%{background-color:initial}50%{background-color:#7ebcd1}to{background-color:initial}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes slowShake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-1px) rotate(-1deg)}20%{transform:translate(-1px,1px) rotate(1deg)}30%{transform:translate(1px,1px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0)}70%{transform:translate(1px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.animated_owl{height:100px;width:100px;margin-left:auto;margin-right:auto;background-size:contain;background-repeat:no-repeat;animation-name:owl-animation;animation-duration:3s;animation-iteration-count:1;animation-timing-function:linear}.owl{height:auto;width:100px;margin-left:auto;margin-right:auto}.settings_spin{animation-name:spin;animation-duration:.6s;animation-iteration-count:1;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes owl-animation{0%{background-image:url(https://www.clama-schule.de/wp-content/uploads/2023/05/eule-freigestellt-1.png)}25%{background-image:url(https://www.clama-schule.de/wp-content/uploads/2023/05/eule-winkt-1.png)}50%{background-image:url(https://www.clama-schule.de/wp-content/uploads/2023/05/eule-freigestellt-1.png)}75%{background-image:url(https://www.clama-schule.de/wp-content/uploads/2023/05/eule-winkt-1.png)}to{background-image:url(https://www.clama-schule.de/wp-content/uploads/2023/05/eule-freigestellt-1.png)}}.permission-hint{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#7ebcd1,#5a9fb8);color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;opacity:0;transform:translate(100%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);max-width:300px;border:2px solid rgba(255,255,255,.2)}.permission-hint.fly-in{opacity:1;transform:translate(0)}.permission-hint:before{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #7EBCD1}@media(max-width:768px){.permission-hint{top:70px;right:10px;left:10px;max-width:none;font-size:13px;padding:10px 16px}}