html{box-sizing:border-box;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif}*,*:before,*:after{box-sizing:inherit}body{margin:0}header{text-align:center}header img{width:90%;height:auto;max-width:400px}html,body{min-height:100%}body{position:relative}body.overlay:after{content:"";display:block;position:fixed;top:0;left:0;height:100%;width:100%;z-index:10;background-color:rgba(255,255,255,0.8)}#modal.show{transition:all .25s;transition-timing-function:cubic-bezier(0, 1, 0, 1);display:block;top:50%}#modal.hide{transition:all .25s;transition-timing-function:initial;display:block;top:200%}#modal{position:absolute;top:-500%;left:50%;width:80%;margin:-250px 0 0 -40%;z-index:20;background:rgba(54,69,89,0.9)}#modal h3{text-align:center;margin:.9em;padding:3.333em .833em;background:#f0f0f0;color:#364559}#modal p{text-align:center;margin:0;padding:5px;color:#364559}#modal p.color-1{background:#eb7361}#modal p.color-2{background:#3b9bd9}#modal p.color-3{background:#e19e2a}#modal p.color-4{background:#5cb130}#modal p.color-5{background:#364559;color:#afa8a2}#modal p.color-6{background:#afa8a2}#modal div{padding:0 1em 1em 1em}#modal a{text-decoration:none;display:inline-block;width:100%;height:auto;margin:0;padding:1.433em 5em 1.433em .833em;background:#f0f0f0;color:#364559}#modal a:nth-of-type(1)::before{content:"A) "}#modal a:nth-of-type(2)::before{content:"B) "}#modal a:nth-of-type(3)::before{content:"C) "}#modal a:nth-of-type(4)::before{content:"D) "}#modal a:not(:last-child){border-bottom:#0e0e0e 2px solid}#modal a:hover{position:relative;border-left:#e19e2a 5px solid}#modal a:hover:after{position:absolute;content:"";display:inline-block;width:75.6px;height:56.68px;margin:0 0 -1.433em -0.833em;top:0;right:0;background-image:url(img/logowappen.png);background-size:cover}@media all and (max-width:500px){#modal{width:100%;margin:0 0 0 -50%}#modal.show{top:0}}@media all and (min-width:501px) and (max-width:750px){#modal{width:80%;margin:0 0 0 -40%}#modal.show{top:0}}@media all and (min-width:751px) and (max-width:900px){#modal{width:80%;margin:-250px 0 0 -40%}}@media all and (min-width:901px){#modal{width:60%;margin:-250px 0 0 -30%}}.playerinput .color-1{color:#eb7361}.playerinput .color-2{color:#3b9bd9}.playerinput .color-3{color:#e19e2a}.playerinput .color-4{color:#5cb130}.playerinput .color-5{color:#364559}.playerinput .color-6{color:#afa8a2}.playerinput input[type=text]{padding:.5em .6em;margin:auto;margin-top:.2em;display:block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.playerinput input[type=text]:focus{outline:0;border-color:#129fea}input[type=range]{-webkit-appearance:none;margin:7.5px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:5px;cursor:pointer;animate:.2s;background:#dedbd9;border-radius:5px}input[type=range]::-webkit-slider-thumb{height:15px;width:15px;border-radius:100%;background:#3b9bd9;cursor:pointer;-webkit-appearance:none;margin-top:-5px}input[type=range]:focus::-webkit-slider-runnable-track{background:#dedbd9}input[type=range]::-moz-range-track{height:5px;cursor:pointer;animate:.2s;background:#dedbd9;border-radius:5px}input[type=range]::-moz-range-thumb{height:15px;width:15px;border-radius:100%;background:#3b9bd9;cursor:pointer}input[type=range]::-ms-track{height:5px;cursor:pointer;animate:.2s;background:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#dedbd9;border-radius:10px}input[type=range]::-ms-fill-upper{background:#dedbd9;border-radius:10px}input[type=range]::-ms-thumb{height:15px;width:15px;border-radius:100%;background:#3b9bd9;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#dedbd9}input[type=range]:focus::-ms-fill-upper{background:#dedbd9}.button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:100%;padding:.5em 1em;background-color:#0078e7;color:#fff;border:1px solid #999;border:0 rgba(0,0,0,0);text-decoration:none;border-radius:2px}.button:active{box-shadow:0 0 0 1px rgba(0,0,0,0.15) inset,0 0 6px rgba(0,0,0,0.2) inset;border-color:#000\9}.footer{bottom:0;width:100%;margin:auto;margin-top:.2em;color:black}.footer a{text-decoration:none;color:black}.footer .gray{background-color:#eee;color:black}.footer p{text-align:center}.game-field.color-0{background-image:url(img/wappen.png);background-size:contain;background-repeat:no-repeat;background-position:center}.game-field.color-0{background-color:rgba(0,0,0,0)}.color-0 .color-0{background-size:36px 36px;background-image:linear-gradient(135deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1))}.game-field.color-1{background-color:#eb7361}.color-1 .color-1{background-size:36px 36px;background-image:linear-gradient(135deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1))}.game-field.color-2{background-color:#3b9bd9}.color-2 .color-2{background-size:36px 36px;background-image:linear-gradient(135deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1))}.game-field.color-3{background-color:#e19e2a}.color-3 .color-3{background-size:36px 36px;background-image:linear-gradient(135deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1))}.game-field.color-4{background-color:#5cb130}.color-4 .color-4{background-size:36px 36px;background-image:linear-gradient(135deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1))}.game-field.color-5{background-color:#364559}.color-5 .color-5{background-size:36px 36px;background-image:linear-gradient(135deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1))}.game-field.color-6{background-color:#afa8a2}.color-6 .color-6{background-size:36px 36px;background-image:linear-gradient(135deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1))}.game-area-2 .game-field{width:50%;height:50%}.game-area-3 .game-field{width:33.33333333%;height:33.33333333%}.game-area-4 .game-field{width:25%;height:25%}.game-area-5 .game-field{width:20%;height:20%}.game-area-6 .game-field{width:16.66666667%;height:16.66666667%}.game-area-7 .game-field{width:14.28571429%;height:14.28571429%}.game-area-8 .game-field{width:12.5%;height:12.5%}.game-area-container{width:400px;height:400px;padding:10px;margin:auto}.game-area{width:100%;height:100%;background:#fff}.game-field{transition:border-radius 200ms;display:inline-block;border:5px solid #fff;border-radius:10%;text-decoration:none}.game-field::before{padding:-5px;transition:border-radius 200ms;border-radius:10%}.game-field:hover{transition:border-radius 200ms;border-radius:15%}.game-field:hover::before{border-radius:15%}.game-field::before{content:'';display:inline-block;height:100%;vertical-align:middle}.game-field.won{text-align:center;color:#eee;text-shadow:1px 1px 1px #222}.attacked::before{content:'';width:100%;height:100%;background-image:linear-gradient(45deg, rgba(255,255,255,0.2) 47.5%, rgba(0,0,0,0.4) 47.5%, rgba(0,0,0,0.4) 52.5%, rgba(0,0,0,0.2) 52.5%)}.active.active{background-size:36px 36px;background-image:linear-gradient(45deg, rgba(255,255,255,0.2) 25%, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.2) 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, rgba(0,0,0,0.2) 75%, rgba(0,0,0,0.2));border-radius:20%}.active.active::before{border-radius:20%}.kugel{width:20px;height:20px;border-radius:100%;position:absolute;background:radial-gradient(circle at 100% 50%, #fff, #aaa)}/*# sourceMappingURL=style.css.map */