:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}#bodyDEV{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#727272}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{margin:0 auto;padding:2rem;text-align:center}.playground{display:flex;flex-direction:row;position:relative}.chessboard{width:880px;height:886px;background-color:#fff;background-image:url(https://freies-schach.de/mainwindow/springerraetsel_assets/src/assets/Schachfeld_Schablone0_web_873x900.jpg);background-repeat:no-repeat;border:1px solid #ccc;position:relative}.chessboardfield{display:flex;align-items:center;align-content:center;justify-content:center}.figurenselector{background-color:#fff;border:1px solid #ccc;padding:10px;overflow:hidden;transition:height .3s ease;height:90px;min-width:90px;z-index:5}.figurenselector:hover{height:auto}.figurenselector_icon{background-image:url(https://freies-schach.de/mainwindow/springerraetsel_assets/src/assets/laeuferundspringer01_90x90.png);width:90px;height:90px}.figurenselector_content{position:relative}.platzhalterLinksOben{background-color:#fff;border:1px solid #ccc;padding:10px;overflow:hidden;transition:height .3s ease;height:90px;min-width:90px;z-index:5}.stellungsGeneratorPlatzhalterLinks{position:absolute;top:112px;left:0;display:flex;flex-direction:column;align-items:stretch;background-color:#fff;border:1px solid #ccc;padding:10px;width:90px;height:754px}.stellungsGenerator{position:absolute;top:112px;left:994px;display:flex;flex-direction:column;align-items:stretch;background-color:#fff;border:1px solid #ccc;padding:10px;width:90px;height:754px}.stellungsGeneratorSlidersRow{display:flex;flex-direction:row;align-items:stretch;justify-content:center;flex-grow:1}.stellungsGeneratorSliders{display:flex;flex-direction:column;flex-grow:1;padding:5px}.stellungsGeneratorButtons{display:flex;flex-direction:column;flex-grow:0;height:90px;border-top:2px solid #ccc;justify-content:center;align-items:stretch;align-content:stretch}input[type=range]{display:flex;flex-grow:1;writing-mode:vertical-lr;direction:rtl;width:10px}label{display:flex;writing-mode:vertical-lr;flex-grow:1}.springerRaetselControl{display:flex;flex-direction:column;justify-content:center;min-width:200px;border:1px solid #ccc;padding:10px}.springerRaetselUberschrift{display:flex;flex-direction:column;justify-content:center;border-bottom:2px solid #ccc;height:100px}.springerRaetselButtons{display:flex;flex-direction:column;justify-content:center;border-bottom:2px solid #ccc;padding:10px}.springerRaetselControlHistory{display:flex;flex-grow:1;flex-direction:column;width:200px;height:500px;overflow-x:hidden;overflow-y:auto}.springerRaetselScore{display:flex;flex-direction:column;justify-content:center;border-top:2px solid #ccc;height:90px}.figurNummer,.figurNummerAutomatic{color:#00f;font-size:2.5em;font-weight:700;text-shadow:1px 2px rgba(0,0,255,.4)}.figurNummerManual{color:#0f0;font-size:2.5em;font-weight:700;text-shadow:1px 2px rgba(0,0,255,.4)}.stepNummerAutomatic{color:#00f}.stepNummerManual{color:#0f0}div.infoText{display:flex;align-items:center;align-content:center;justify-content:center;position:absolute;z-index:100;left:150px;top:790px;width:800px;height:50px;color:#212121;background-color:#fff;border:4px solid rgba(33,33,33,1);border-radius:18px}div.infoTextFadeout{animation:animationInfoTextFadeout 2s}@keyframes animationInfoTextFadeout{0%{color:#212121;background-color:#fff;border:4px solid rgba(33,33,33,1)}to{color:#21212100;background-color:#0000;border:4px solid rgba(100,100,100,0)}}