*,:before,:after{box-sizing:border-box}html{overflow-x:hidden}body,.container{width:100%;overflow-x:hidden}.buttons{flex:1;justify-content:flex-end;display:flex}.buttons input[type=button]{background-color:var(--blau);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:1rem}.buttons input[type=button]:hover{background-color:var(--lila)}header{border-bottom:1px solid #ccc;padding:.5em 12px}.header-row{flex-wrap:wrap;align-items:center;gap:1em;margin-top:.5em;display:flex}main{flex-wrap:wrap;gap:12px;padding:8px 12px;display:flex}.optionen{flex:none;min-width:80px;max-width:160px}.optionen ul{flex-direction:column;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}li.option{border:1px solid var(--lila);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#e0e0ff;border-radius:8px;margin:.4em 0;padding:.3em .8em;display:inline-block}li.option:active{cursor:grabbing}.textfeld{border:1px solid #ddd;border-radius:6px;flex:2 60%;min-width:280px;padding:1em;overflow:auto}.target{border:1px solid var(--blau);vertical-align:middle;background:#eee;border-radius:5px;align-items:center;min-width:5em;min-height:1.8em;padding:.2em .5em;display:inline-flex}#unten{padding:4px 12px}#punkte{color:var(--blau);margin:0;font-size:.95rem}#rotation-warning{color:#fff;text-align:center;z-index:9999;opacity:0;pointer-events:none;background:#003572f2;justify-content:center;align-items:center;padding:20px;font-size:1.4rem;transition:opacity .3s;display:flex;position:fixed;inset:0}#rotation-warning.visible{opacity:1;pointer-events:all}.bild-rechts{float:right;max-width:40%;height:auto;margin:0 0 1em 1em}.rechts{float:right;margin-left:20px}.textfeld img{max-width:100%;height:auto}