.ki-kreuzwortraetsel-container{max-width:800px;margin:0 auto;padding:30px;background:rgba(255,255,255,.25);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 8px 32px rgba(31,38,135,.15);border:1px solid rgba(255,255,255,.18)}.ki-kreuzwortraetsel-container h2{text-align:center;margin-bottom:30px;color:#1a365d;font-weight:600;position:relative}.ki-kreuzwortraetsel-container h2:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3182ce,#63b3ed);border-radius:3px}.form-row{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:24px}.form-group{flex:1;min-width:200px;margin-bottom:18px}.full-width{flex-basis:100%}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#2c5282}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.7);border:1px solid rgba(74,144,226,.3);border-radius:8px;font-size:15px;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.05)}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.3);background:rgba(255,255,255,.9)}.form-group input[type=file]{width:100%;padding:10px;background:rgba(255,255,255,.6);border-radius:8px;border:1px dashed rgba(74,144,226,.5)}.form-group small{display:block;margin-top:6px;color:#4a5568;font-size:13px}.form-actions{text-align:center;margin-top:35px}button.button{background:linear-gradient(135deg,#3182ce,#4299e1);color:#fff;border:none;padding:12px 28px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px rgba(66,153,225,.4)}button.button:hover{background:linear-gradient(135deg,#2b6cb0,#3182ce);transform:translateY(-2px);box-shadow:0 6px 20px rgba(66,153,225,.5)}button.button:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(66,153,225,.4)}#ki-kreuzwortraetsel-loading{text-align:center;margin:40px 0}.loading-spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(74,144,226,.3);border-top:4px solid #3182ce;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite;margin-top:20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#ki-kreuzwortraetsel-result{margin-top:40px;text-align:center;padding:25px;background:rgba(235,244,255,.7);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(190,227,248,.6);box-shadow:0 8px 20px rgba(49,130,206,.15)}#ki-kreuzwortraetsel-result h3{color:#2c5282;margin-bottom:20px;font-weight:600}.download-buttons{display:flex;justify-content:center;gap:24px;margin-top:25px;flex-wrap:wrap}.download-buttons .button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px rgba(43,108,176,.3)}.download-buttons .button:hover{background:linear-gradient(135deg,#1e4e8c,#2b6cb0);transform:translateY(-2px);box-shadow:0 6px 20px rgba(43,108,176,.4)}.download-buttons .button:first-child{background:linear-gradient(135deg,#2f855a,#38a169);box-shadow:0 4px 15px rgba(56,161,105,.3)}.download-buttons .button:first-child:hover{background:linear-gradient(135deg,#276749,#2f855a);box-shadow:0 6px 20px rgba(56,161,105,.4)}@media (max-width:768px){.ki-kreuzwortraetsel-container{padding:20px}.form-row{flex-direction:column;gap:10px}.form-group{min-width:100%}.download-buttons{flex-direction:column;gap:15px}.download-buttons .button{width:100%}}.form-group select option{background-color:#fff;color:#333;padding:12px}#klassenstufe,#schulform,#schwierigkeit{appearance:none;background-color:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 36px 12px 16px;font-size:16px;color:#333;width:100%;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .3s ease;background-repeat:no-repeat;background-position:right 12px center;background-size:20px}#klassenstufe:hover,#schulform:hover,#schwierigkeit:hover{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 6px 12px rgba(0,0,0,.08)}#klassenstufe:focus,#schulform:focus,#schwierigkeit:focus{outline:none;background-color:rgba(255,255,255,.25);border-color:rgba(100,150,255,.5);box-shadow:0 0 0 3px rgba(100,150,255,.25)}