@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block);*{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Montserrat;font-weight:400;src:url(https://onlinegame.mitmach-krimi.de/static/media/Montserrat-Regular.24785cc015b27a3e964b.ttf) format("truetype")}@font-face{font-family:Montserrat;font-weight:600;src:url(https://onlinegame.mitmach-krimi.de/static/media/Montserrat-Medium.b8c6753baa964ccac1ba.ttf) format("truetype")}@font-face{font-family:Montserrat;font-weight:700;src:url(https://onlinegame.mitmach-krimi.de/static/media/Montserrat-Bold.50f0257aa1e905f4bfaf.ttf) format("truetype")}body{font-family:Montserrat,sans-serif}.material-symbols-outlined{display:inline-flex;font-size:2.5rem;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 40;height:1em;line-height:1;overflow:hidden;width:1em}.material-symbols-outlined.small{font-size:1.5rem;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24}body{font-size:16px}b,strong{font-weight:700}h1{font-size:2rem;line-height:1.22em}h1,h2{font-style:normal;font-weight:400;text-align:center;text-transform:uppercase}h2{font-family:Montserrat;font-size:1.5rem;line-height:1.4em}h3{font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.2em;text-align:center;text-transform:uppercase}h1 p,h2 p,h3 p{margin:0}.App{--game-color:hotpink;--main-background:#fff;--start-background:#121212;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.Button{align-items:center;background-color:var(--game-color);border:none;box-sizing:border-box;color:#fff;display:flex;font-family:Montserrat;font-size:18px;font-style:normal;font-weight:400;height:3.125rem;justify-content:center;line-height:22px;outline:none;padding:.25rem 1rem;text-align:center;text-transform:uppercase}.Button.withIcon{gap:.5rem;justify-content:center;padding:.5rem;& .icon{font-size:2rem}}.Button p{margin:0}.Button b,.Button strong{font-weight:700}.Button:active{opacity:.8}.Button.inActive{background-color:#d3d3d3;color:#a9a9a9}.Button.small{font-size:.875rem;height:2.5rem;line-height:1.0625rem;padding:.15rem .5rem;text-decoration:none}.Button.small,.Button.smaller{font-family:Montserrat;font-style:normal;font-weight:400}.Button.smaller{font-size:12.6px;height:2.1875rem;line-height:15.4px;padding:.175rem .7rem}.Button.full{max-width:400px}.Button.full,.Page{width:100%}.Page{align-items:center;background-color:var(--main-background);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;justify-content:center;max-width:100vw;min-height:100vh;padding:5.75rem 2rem 2rem;position:relative;white-space:pre-wrap;img{max-width:100%}p{margin-block-end:.5rem;margin-block-start:.5rem}h1,h2,h3,h4,h5,h6{margin:0}&>*{max-width:800px}& ul{padding-left:1rem}}.Page.withPopupButton{padding-top:9rem}.Page.Start{background-color:var(--start-background);color:#fff;& .App-logo{max-width:300px}}.Page.Start.ended{top:0}.Page .nextSteps{background:#0000000d;padding:.25rem .5rem .5rem;&>.Button{width:100%}}.Page.Downloads{& .downloadBlock{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:2rem;width:100%}}.Page.Start .GameTitle{border:2px solid var(--game-color);box-sizing:border-box;display:block;padding:1rem}.Page.Start .GameTitle h1,.Page.Start .GameTitle h2,.Page.Start .GameTitle h3{margin:0}.Page.Characters .Roles{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.Page .Times{display:flex;flex-direction:column;gap:1rem;width:100%}.Page .TimeEntry{width:100%}.Page.Hints{gap:2rem}.Page.Hint,.Page.Hints{align-items:stretch;flex-wrap:nowrap;justify-content:flex-start}.Page.Hint{gap:1rem;p{margin:0}}.Page .react-transform-wrapper{height:100%;width:100%}.Page.Hint .tools{background-color:#f0f0f080;display:flex;gap:.2rem;justify-content:flex-end}.CharacterCard{background:#f6f6f6;border-radius:10px 10px 0 0;box-shadow:0 4px 4px #00000026;box-sizing:border-box;height:auto;padding:1rem;width:350px}.CharacterCard .hint{color:#a9a9a9;font-size:.8rem;font-style:italic;margin:0;padding:.5rem}.CharacterCard .close{position:relative}.CharacterCard .close img{height:40px}.CharacterCard .Share{align-items:center;display:flex;height:3.125rem;justify-content:space-evenly}.audioPlayer{align-items:center;border:1px solid #00000017;border-radius:1.5rem;display:flex;flex-direction:column;gap:.75rem;margin-top:3rem;overflow:hidden;width:100%}.audioHint{color:#00000080;font-size:.75rem;opacity:1;transition:opacity .5s ease;&.hidden{opacity:0}}.audioPlayer .audioIcon{-webkit-tap-highlight-color:transparent;color:var(--game-color);cursor:pointer;font-size:5rem;opacity:.85;transition:opacity .2s,transform .2s;-webkit-user-select:none;user-select:none}.audioPlayer .audioIcon:hover{opacity:1;transform:scale(1.07)}.audioPlayer .audioIcon:active{transform:scale(.95)}.audioBottom{width:100%}.audioControls{align-items:center;background-color:#0000000d;display:flex;gap:.6rem;padding:1rem .75rem;width:100%}.audioTime{font-feature-settings:"tnum";color:#00000080;font-size:.8rem;font-variant-numeric:tabular-nums;min-width:2.8rem;text-align:center}.audioProgressBar{background:#0000001f;border-radius:2px;cursor:pointer;flex:1 1;height:4px;padding:0;position:relative}.audioProgressFill{border-radius:2px;height:4px;left:0}.audioProgressFill,.audioProgressThumb{background:var(--game-color);pointer-events:none;position:absolute}.audioProgressThumb{border-radius:50%;height:14px;top:50%;transform:translate(-50%,-50%);transition:transform .1s;width:14px}.audioProgressBar:hover .audioProgressThumb{transform:translate(-50%,-50%) scale(1.3)}.audioTextContainer{border-top:1px solid #0000001a;width:100%}.audioTextToggle{align-items:center;background-color:#0000000d;border:none;color:#00000080;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s;width:100%}.audioTextToggle:hover{background-color:#00000017}.audioTextToggle:after{content:"▼";display:inline-block;font-size:.8rem;transition:transform .3s ease}.audioTextToggle.expanded:after{transform:rotate(180deg)}.audioTextContent{max-height:0;overflow:hidden;padding:0 1rem;transition:max-height .5s ease,padding .5s ease}.audioTextContent.expanded{max-height:2000px;padding:1rem}.player-wrapper{margin:3rem 0;position:relative}.play-button{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:5rem;left:50%;opacity:0;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s}.play-button.show{opacity:1}.play-button:focus{outline:none}.play-button::-moz-focus-inner{border:0}.play-button:focus::-webkit-focus-ring-color{outline:none}.PopupBildOverlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000e6;bottom:0;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.PopupBildOverlay.closing{animation:fadeOut .3s ease-in-out}.PopupBildOverlay .imageContainer{align-items:center;animation:scaleIn .3s ease-in-out;display:flex;justify-content:center;max-height:calc(100vh - 4rem);max-width:calc(100vw - 4rem);position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.PopupBildOverlay.closing .imageContainer{animation:scaleOut .3s ease-in-out}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.PopupBildOverlay .imageContainer img{cursor:default;max-height:calc(100vh - 4rem);max-width:100%;object-fit:contain}.PopupBildOverlay .closeButton{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:1rem;justify-content:center;position:absolute;right:0;top:-1.5rem;transition:opacity .2s ease;width:1rem;z-index:1001}.PopupBildOverlay .closeButton:hover{opacity:.7}.Page.Outro{padding-bottom:2rem}.spielendeBild{border-radius:.5rem;box-shadow:0 4px 6px #0000001a;height:auto;margin:2rem 0;max-width:300px!important;width:100%}.shopifyEmbed{margin-top:2rem;max-width:100%;width:100%}.shopifyEmbed h2{margin-bottom:1.5rem;text-align:center}.error,.loading{padding:2rem;text-align:center}.shopLink{background-color:var(--game-color);border-radius:.25rem;color:#fff;display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:opacity .2s}.shopLink:hover{opacity:.8}.productsGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:2rem 0;width:100%}.productCard{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.productCard:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.productImage{aspect-ratio:1;object-fit:cover;width:100%}.productInfo{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.productTitle{color:#333;font-size:1rem;font-weight:600;margin:0}.productPrice{font-weight:700;margin:0}.productPrice,.viewAllLink{color:var(--game-color);font-size:1.125rem}.viewAllLink{display:block;font-weight:600;margin-top:2rem;padding:1rem;text-align:center;text-decoration:none;transition:opacity .2s}.viewAllLink:hover{opacity:.7}.Header{align-items:center;background-color:var(--game-color);box-sizing:border-box;color:#fff;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);height:3.75rem;justify-content:space-between;left:0;max-width:100%;padding:.625rem;position:fixed;right:0;top:0;width:100vw;z-index:100}.Header .menuIcon{z-index:1000}.Header .roleIcon{font-size:2.5rem;height:2.5rem;width:2.5rem}.Header .characterInfo{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.5rem}.Header .characterName{align-items:flex-end;display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.2;text-align:right}.Header .rounds span{border:none;color:#fff;margin:0 .625rem;text-decoration:none}.Header .rounds span.active,.Header .rounds span:active{font-weight:700}.Header .rounds span.current{border-bottom:1px solid #fff}.Header .rounds span.disabled{opacity:.5}.HintButton{align-items:center;display:flex;flex-direction:column;justify-content:center}.HintButton .icon{cursor:pointer;font-size:2rem}.HintButton .HintLabel{font-size:.65rem;white-space:nowrap}.HintButton .tooltip{background-color:#fff;box-shadow:0 0 5px 0 #0003;color:#000;font-size:.875rem;max-width:15rem;opacity:0;padding:5px;pointer-events:none;position:absolute;text-align:center;transform:translateX(calc(-50% + 20px));transition:opacity 1s;white-space:pre-wrap;width:auto;z-index:1}.HintButton .tooltip:after{border:5px solid #0000;border-top-color:#fff;content:"";left:50%;margin-left:-5px;margin-top:-4px;position:absolute;top:-5px;transform:rotate(180deg)}.HintButton .tooltip.show{opacity:1;transition:opacity .3s}.LanguageSwitch{align-self:flex-end;display:flex;margin-top:auto;padding:0;position:relative;width:100%;.dropdown-toggle{align-items:center;background-color:initial;border:none;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.875rem;font-size:1.25rem;font-weight:500;font-weight:700;gap:1rem;justify-content:space-between;padding:0;text-align:left;text-transform:uppercase}.dropdown-arrow{border-color:#fff #0000 #0000;border-style:solid;border-width:5px 5px 0;content:"";height:0;margin-left:.5rem;transform:rotate(180deg);width:0}.dropdown-arrow,.globe{display:inline-block;vertical-align:middle}.globe{font-size:1.5rem}.dropdown-menu{background-color:var(--game-color);bottom:100%;list-style:none;margin:.25rem 0;padding:.25rem 0;position:absolute;right:0;width:100%;z-index:10}.dropdown-menu li{border-left:2px solid #fff;border-right:2px solid #fff;border-top:2px solid #fff;margin:0;padding:0}.dropdown-menu li:last-child{border-bottom:2px solid #fff}.dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:1.25rem;padding:.5rem 1rem;text-align:left;width:100%}.dropdown-menu button.current{background-color:var(--main-background);color:var(--game-color)}@media (max-width:640px){.dropdown-menu{width:100%}}}.SideMenu{background-color:var(--game-color);bottom:0;box-shadow:0 0 0 #00000080;box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;left:0;min-height:100%;min-width:300px;overflow-y:auto;padding:3.75rem 1.25rem 1.25rem;position:fixed;top:0;transform:translateX(-100%);z-index:100}.SideMenu,.SideMenu .title{transition:all .3s ease-out}.SideMenu .title{color:#fff;margin:0;opacity:0;padding-left:2.5rem;text-align:left;text-transform:uppercase}.SideMenu.open .menuItem,.SideMenu.open .title{opacity:1}.SideMenu.open{box-shadow:0 0 10px #00000080;transform:translateX(0)}.SideMenu .menuItem{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:1rem;height:1.5rem;height:2rem;justify-content:flex-start;opacity:0;transition:all .3s ease-out;.outline{border-radius:100%;outline:2px solid #fff;outline-offset:5px}.current:before{content:"›";display:inline-block;height:100%;width:1rem}.active{text-decoration:underline;text-underline-offset:.25rem}}.SideMenu .menuItem.disabled{opacity:.3}.SideMenu .menuItem .label{font-size:1.25rem;text-transform:uppercase}.SideMenu .characterInfo{background-color:#00000017;border-radius:1rem;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:.5rem}.SideMenu .characterInfo .characterInfoLabel{font-size:.7rem;letter-spacing:.05em;opacity:.7;text-transform:uppercase}.SideMenu .characterInfo .characterInfoRow{align-items:center;display:flex;flex-direction:row;gap:.5rem}.SideMenu .characterInfo .roleIcon{font-size:3.5rem}.SideMenu .characterInfo .roleAvatar{border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;height:3.5rem;object-fit:cover;object-position:top;width:3.5rem}.SideMenu .characterInfo .characterName{display:flex;flex-direction:column;font-size:1.25rem;line-height:1.3}.SideMenu hr{border:1px solid #fff;margin:0;opacity:.4}.PopupBildButtonContainer{align-items:center;background:linear-gradient(180deg,#fff 20%,#fff0 90%);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;left:0;padding:.5rem 1rem 2rem .5rem;position:fixed;right:0;top:3.75rem;z-index:99}
/*# sourceMappingURL=main.7be0498f.css.map*/