:root{--blau:#003572;--pink-hell:#f98ac3;--pink:#F53d9b;--lila:#A8326F;--rot-transp:rgb(255,119,119,.4);--blau-transp2:rgb(0,53,114,.15);--blau-transp3:rgb(0,53,114,.4);--hellgrau:#eee;background-color:var(--blau-transp3)}body{font-family:'Raleway',sans-serif;margin:1em auto;font-size:1.1rem;max-width:1024px;border-radius:15px;border:solid 1px var(--blau);cursor:default;user-select:none;background-color:whitesmoke}html,body,h1,h2,h3,h4,h5{font-family:"Raleway",sans-serif}h1{font-size:2.5rem;font-weight:normal;color:var(--pink-hell);padding-top:10px;pointer-events:none;user-select:none;cursor:default;margin:0}a{color:var(--blau)}#container{max-width:1024px;background-color:whitesmoke;border-radius:15px;border:1px solid var(--blau);box-shadow:0 0 15px rgba(0,0,0,.1)}header{padding:.5em;border-bottom:1px solid #ccc;height:100px}.header-row{display:flex;gap:1em;align-items:center;margin-top:.5em}.nachricht{font-size:.9em;color:#555;flex:1 1 100%;margin-top:.5em}#knopf{margin:10px;color:white;box-shadow:1px 1px darkgrey;padding:8px 20px 8px 20px;background-color:var(--blau);border-radius:15px;cursor:pointer;touch-action:manipulation;margin-top:-15px;font-size:1em;font-family:'Raleway',sans-serif}#knopf:hover{background-color:var(--lila)}main{flex:1;display:flex;flex-wrap:wrap;padding:.5em;gap:1em}.textfeld{flex:2 1 60%;min-width:300px;min-height:100px;padding:1em;border:1px solid #ddd;border-radius:6px;max-height:60vh;overflow:auto}.optionen{flex:1 1 30%;min-width:100px}.optionen ul{list-style:none;padding:0;margin:0}li.option{padding:.5em 1em;background:#e0e0ff;margin:.5em 0;border-radius:4px;cursor:grab;transition:transform .3s ease}.target{background:var(--hellgrau);line-height:2em;padding:.2em .5em;border:1px solid var(--blau);border-radius:5px;width:auto;min-width:5em;height:1.2em;display:inline-block}footer{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:.5em;text-align:center;background-color:grey;max-height:50px;margin:auto;margin-top:1em;padding:10px;border-radius:15px;color:white;border-top:1px solid #ccc}footer div{flex:1 1 20%;min-width:120px}footer a{color:white;margin:auto}#rotation-warning{position:fixed;top:0;left:0;width:100vw;height:100vh;background:white;color:#333;font-size:1.5em;text-align:center;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}#rotation-warning.visible{opacity:1;pointer-events:all}#punkte{margin-left:20px}.bild-rechts{float:right;margin:0 0 1em 1em;max-width:40%;height:auto}.rechts{float:right;margin-left:20px}