@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background-image:url(../images/insel3.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.container{position:relative;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(.7)}.hof-container,.impressum-container{max-width:800px;margin:50px auto;padding:20px;background-color:rgba(0,0,0,.8);color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.5);text-align:left}.hof-container h1,.impressum-container h1,.impressum-container h2,label[for=terms] a:hover{color:#106d91}.impressum-container p{line-height:1.6}.hof-container{text-align:center}.hof-list{list-style-type:none;padding:0}.hof-list li{background-color:rgba(255,255,255,.1);margin:10px 0;padding:10px;border-radius:5px;font-size:1.2em}.menu-container{background-color:rgba(0,0,0,.8);padding:20px 30px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.5);max-width:400px;margin:50px auto;text-align:center;position:relative;z-index:1000}.menu-container h1,.menu-container p{font-size:36px;margin-bottom:20px;color:#fff}.menu-container p{font-size:18px}.button-container,form{display:flex;flex-direction:column}.button-container{gap:20px;margin-top:20px;width:100%}.button-container .btn{color:#fff;padding:15px;text-decoration:none;font-size:20px;border-radius:5px;transition:background-color .3s;display:block;width:100%;box-sizing:border-box}.btn,.btn:hover,.button-container .btn,.button-container .btn:hover,button:hover{background-color:#106d91}.button-container .btn:active{background-color:#106d91;transform:scale(.98)}.btn{color:#fff;padding:15px 30px;text-decoration:none;font-size:20px;border-radius:5px;transition:background-color .3s}#redButton,.red-btn{color:#fff;border:0;cursor:pointer}#redButton{display:block;margin:20px auto;padding:20px 40px;background-color:red;font-size:20px;font-weight:700;border-radius:10px;animation:pulse 1s infinite}.red-btn{background-color:#e74c3c!important;padding:10px 20px;border-radius:15px;font-size:16px;text-decoration:none;display:inline-block;transition:transform .2s ease-in-out}.red-btn:hover{transform:scale(1.1)}.pulsating-text{color:red;font-weight:700;animation:pulse 1.7s infinite}label[for=terms]{display:block;margin-top:15px;font-size:14px;color:#fff}.footer-links a:hover,.hof-list a:hover,label[for=terms] a{color:#106d91;text-decoration:underline}.terms-container{max-width:800px;margin:50px auto;padding:20px;background-color:rgba(0,0,0,.8);color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.5);text-align:left;overflow:visible}.terms-container h1,.terms-container h2{color:#106d91}.terms-container p{line-height:1.6}.footer-links,.overlay{position:absolute;left:50%}.footer-links{bottom:-20px;transform:translateX(-50%);font-size:12px;color:#fff}.footer-links a{color:#106d91;text-decoration:none;margin:0 10px}#username-status{font-size:14px;margin-top:5px}#username-status.verfügbar{color:green}#username-status.vergeben{color:red}form{gap:15px}.pagination li,button,input[type=email],input[type=password],input[type=text]{padding:10px;border:0;border-radius:5px;font-size:16px}.overlay{width:90%;top:30%;transform:translate(-50%,-50%);padding:10px;text-align:center;z-index:10}.overlay p{margin:10px 0;font-size:24px;z-index:10}.overlay h1{font-size:48px;margin:10px 0 20px;z-index:10}.pagination li,button{background-color:#106d91;font-size:18px;cursor:pointer}.datenschutz-container{max-width:800px;margin:50px auto;padding:20px;background-color:rgba(0,0,0,.8);color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.5);text-align:left}.datenschutz-container h1,.datenschutz-container h2{color:#106d91}.datenschutz-container p{line-height:1.6}.back-button{display:block;margin:20px 0;padding:10px 20px;color:#fff;text-align:center;text-decoration:none;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3)}.back-button,.back-button:hover{background-color:#106d91}.hof-list a{color:gold;text-decoration:none;font-weight:700}.hof-list a:hover{color:#ff8c00}.pagination{list-style-type:none;padding:0;display:flex;justify-content:center;gap:10px;margin-top:20px}.pagination li{display:inline;padding:10px 15px;border:1px solid #ddd;margin-right:5px;background-color:#f1f1f1;font-size:14px;color:#333}.pagination li:hover{background-color:#87ceeb;color:#fff}.pagination li.active{background-color:#f39c12;color:#fff;font-weight:700}.pagination li a{text-decoration:none;color:inherit}.pagination li a:hover,button{color:#fff}.pagination li.disabled{color:#ccc;cursor:not-allowed}