@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");*{margin:0;padding:0}body{overflow:hidden;background-color:#999}body,input{font-family:'Open Sans', sans-serif}.selection,.filters{box-sizing:border-box;overflow:hidden}.selection{height:53vh}.filters{height:47vh}input[type=text]:focus{border:2px solid blue}.selection .image-scroll{color:#222;position:absolute;top:16vh;font-size:8vh;cursor:pointer;text-shadow:0 0 10px #EFEFEF}.selection .image-scroll.scroll-left{left:0}.selection .image-scroll.scroll-right{right:0}.selection .images{height:100%;display:flex;align-items:center;overflow-x:scroll}.selection .images .img-container{position:relative;margin-left:96px}.selection .images .img-container:last-child{margin-right:96px}.selection .images .img-container.klein+.selection .images .img-container.klein{margin-left:48px}.selection .images .img-container.mittel+.selection .images .img-container.klein,.selection .images .img-container.klein+.selection .images .img-container.mittel{margin-left:72px}.selection .images .img-container.mittel+.selection .images .img-container.mittel{margin-left:96px}.selection .images .img-container.mittel+.selection .images .img-container.gross,.selection .images .img-container.gross+.selection .images .img-container.mittel{margin-left:120px}.selection .images .img-container.gross+.selection .images .img-container.gross{margin-left:144px}.selection .images .img-container.quadratisch.mittel{height:65%}.selection .images .img-container.quadratisch.klein{height:50%}.selection .images .img-container.quadratisch.gross{height:80%}.selection .images .img-container.hoch.mittel{height:80%}.selection .images .img-container.hoch.klein{height:65%}.selection .images .img-container.hoch.gross{height:100%}.selection .images .img-container.breit.mittel{height:65%}.selection .images .img-container.breit.klein{height:50%}.selection .images .img-container.breit.gross{height:80%}.selection .images .img-container img{height:100%}.selection .images .img-container .overlay{position:absolute;top:0;width:100%;height:100%;box-sizing:border-box;padding:12px;background-color:#222;color:#EFEFEF;display:none;flex-direction:column;justify-content:space-between;opacity:0.7}.selection .images .img-container .overlay .title{font-weight:700}.selection .images .img-container .overlay .remove-preview{float:right;align-self:flex-end}.selection .images .img-container .overlay .remove-preview img{width:30px}.filters{display:flex;margin-left:calc(100vw/16)}.filters .column{width:calc(100vw/8);box-sizing:border-box;padding-top:24px}.filters .column:first-child{padding-left:24px}.filters .column .category:nth-child(2n){margin-top:24px}.filters .column .category h3{margin-bottom:1rem;font-weight:400}.filters .column .category h5{margin:16.8px;margin-top:0;margin-left:0;font-size:1rem;font-weight:400}.filters .column .category .content{padding:18px;padding-top:0;padding-left:0}.filters .column .category .content .filter{display:flex;align-items:center;padding:6px;cursor:pointer}.filters .column .category .content .filter .filter-count{font-size:0.8em;color:white;margin-left:0.5em}.filters .column .category .content .filter:first-child{padding-top:0 !important}.filters .column .category .content .filter .indicator{width:1rem;height:1rem;margin-right:1rem;background-color:#DDD;display:inline-block}.filters .column .category .content .filter .indicator.active{background-color:#333}.actions.hud{width:calc(100vw / 7);left:calc((100vw - (100vw / 7)) / 2)}.choice{position:absolute;height:47vh;width:100%;top:100vh;background-color:#EFEFEF;transition:top 1s ease 0s}.choice .goback.hud{position:sticky;width:calc(100vw / 7);left:calc((100vw - (100vw / 7)) / 2)}.choice .images{display:grid;grid-template-columns:repeat(9, 1fr);grid-gap:24px;margin:24px;max-height:30vh;overflow-y:scroll;padding-right:24px}.choice .images img{width:100%;height:100%;object-fit:cover;background-color:#DDD}.fragments{display:none}.imprint h3{margin-bottom:12px}.imprint p{margin-bottom:36px}body[data-page=collections] .collections{margin-top:10vh;padding:10vh;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));grid-column-gap:1rem;grid-row-gap:1rem}body[data-page=collections] .collections .collection{padding:48px;border:1px solid black}body[data-page=collections] .selection{margin-top:10vh;padding:10vh}body[data-page=collections] .selection .info{font-size:1.3rem}body[data-page=kuckucksei] .row{justify-content:space-around}body[data-page=kuckucksei] .img-container{position:relative}body[data-page=kuckucksei] .img-container.quadratisch.mittel{width:22.5%}body[data-page=kuckucksei] .img-container.quadratisch.klein{width:15%}body[data-page=kuckucksei] .img-container.quadratisch.gross{width:30%}body[data-page=kuckucksei] .img-container.hoch.mittel{height:60%}body[data-page=kuckucksei] .img-container.hoch.klein{height:40%}body[data-page=kuckucksei] .img-container.hoch.gross{height:80%}body[data-page=kuckucksei] .img-container.breit.mittel{width:22.5%}body[data-page=kuckucksei] .img-container.breit.klein{width:19.5%}body[data-page=kuckucksei] .img-container.breit.gross{width:30%}body[data-page=kuckucksei] .img-container img{height:100%}body[data-page=kuckucksei] .img-container .overlay{position:absolute;top:0;width:100%;height:100%;box-sizing:border-box;padding:12px;background-color:#222;color:#EFEFEF;display:none;flex-direction:column;justify-content:space-between;opacity:0.7}body[data-page=kuckucksei] .img-container .overlay .title{font-weight:700}body[data-page=kuckucksei] .img-container .overlay .remove-preview{float:right;align-self:flex-end}body[data-page=kuckucksei] .img-container .overlay .remove-preview img{width:30px}.menu,.menu-container{position:absolute;background-color:#EFEFEF;color:#222;width:33.33%;left:33.335%;top:0;padding-top:12px;padding-bottom:12px;font-size:1.2rem;display:flex;justify-content:space-around;align-items:center}.menu .item,.menu-container .item{cursor:pointer}.menu .item a,.menu-container .item a{text-decoration:none;color:#222}.menu-container{z-index:10}.menu-container .menu-item{padding-top:6px;padding-bottom:6px}.hud{position:absolute;background-color:#555;color:#EFEFEF;padding:24px;font-size:1rem;box-sizing:border-box;max-width:12.5vw}.hud.top{top:0;transition:top 0.4s ease-in-out 0s}.hud.bottom{bottom:0;transition:bottom 0.4s ease-in-out 0s}.hud .line{display:flex;justify-content:space-between;align-items:center}.hud .line:not(:first-child){margin-top:12px}.hud input{border:none;padding:6px;font-size:1rem}.hud input[type=text]{width:50%;box-sizing:border-box;text-align:right}.hud input[type=submit]{width:100%;cursor:pointer;background-color:#CCC}.hud input[type=submit]:hover{background-color:#CCC}button{border:none;padding:12px;padding-left:24px;padding-right:24px;cursor:pointer;background-color:#CCC}button:hover{background-color:#999}.alert,.prompt{position:absolute;width:50vw;left:25vw;top:35vh;background-color:white;box-shadow:5px 5px 10px #DDD;display:flex;flex-direction:column;justify-content:space-between;border-radius:6px}.alert h3,.prompt h3{font-size:2rem;font-weight:400}.alert .foot,.prompt .foot{background-color:#EEE;color:white;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.alert .head h3,.alert .content,.prompt .head h3,.prompt .content{padding-top:48px;padding-left:48px;padding-right:48px}.alert .content,.prompt .content{line-height:1.7rem;padding-bottom:48px}.alert .content label,.prompt .content label{display:block;margin-top:24px}.alert .content input[type=text],.prompt .content input[type=text]{width:50%;padding:12px;margin-top:6px;border:none;background-color:#EFEFEF;border-bottom:3px solid #CCC;font-size:1.3rem}.alert .foot,.prompt .foot{padding:24px}.alert .content,.alert .foot button,.prompt .content,.prompt .foot button{font-size:1.2rem}.alert .foot,.prompt .foot{display:flex;justify-content:flex-end}.alert .foot button,.prompt .foot button{margin-left:12px}.alert{width:70vw;height:inherit;left:15vw;top:20vh}.alert .offers{display:flex;justify-content:space-between}.alert .offers .offer{width:12%}.alert .offers .offer p{text-align:center;font-size:1.5rem;margin-bottom:24px}.alert .offers .offer img{display:block;height:110px;margin-left:auto;margin-right:auto;margin-bottom:24px}.alert .offers .offer button{margin-top:12px;width:100%}body.wervechselt{background-color:#999;height:100vh;display:flex;justify-content:center}body.wervechselt h1{position:absolute;top:5%;left:0;background-color:white;width:90%;margin-left:5%;margin-right:5%;text-align:center;padding-top:16px;padding-bottom:16px;box-sizing:border-box}body.wervechselt .back{position:absolute;left:5%;top:15%;text-decoration:none;color:black}body.wervechselt .img{width:33vw}body.wervechselt .btn{width:unset;margin:24px;background-color:white;padding:12px;box-sizing:border-box}body.wervechselt .btn.nomargin{margin:0}body.wervechselt .row{display:flex;justify-content:space-between;align-items:center;height:100%;width:90%}body.wervechselt .row.wide{width:100%}body.wervechselt .col{display:flex;flex-direction:column;justify-content:center;padding:24px}body.wervechselt #suggested,body.wervechselt #correct{background-color:white;padding:24px}.btn{border:none;padding:6px;font-size:1rem;width:100%;cursor:pointer;background-color:#CCC}.btn:hover{background-color:#CCC}input[data-nextpage='0']{display:none}.upside-down{transform:rotate(180deg)}
/*# sourceMappingURL=main.css.map */