/* style.css — Theme, Layout & A11y */
*{box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;background:linear-gradient(135deg,#fbeaff 0%,#fff6f9 50%,#f0e6ff 100%);color:#333;line-height:1.6}
header{background:linear-gradient(45deg,#ffb3d1,#ff8cc6);padding:20px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.15);position:sticky;top:0;z-index:100}
header h1{margin:0;font-size:2.5rem;color:#6d1c4d;text-shadow:1px 1px 2px rgba(0,0,0,.1)}
nav{margin-top:10px}nav a{margin:0 15px;text-decoration:none;color:#6d1c4d;font-weight:700;padding:8px 16px;border-radius:20px;transition:.3s}nav a:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}
.hero{text-align:center;padding:60px 20px;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 600%22><defs><linearGradient id=%22grad1%22 x1=%220%25%22 y1=%220%25%22 x2=%22100%25%22 y2=%22100%25%22><stop offset=%220%25%22 style=%22stop-color:%23ff6b9d;stop-opacity:1%22/><stop offset=%22100%25%22 style=%22stop-color:%23c44569;stop-opacity:1%22/></linearGradient></defs><rect width=%221200%22 height=%22600%22 fill=%22url(%23grad1)%22/></svg>');background-size:cover;background-position:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}
.hero h2{font-size:2.8rem;margin-bottom:20px}.hero p{font-size:1.2rem;max-width:600px;margin:0 auto}
.section{background:rgba(255,255,255,.9);padding:40px;margin:30px auto;max-width:800px;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);backdrop-filter:blur(10px)}
.quiz-section{background:linear-gradient(135deg,#fff0f6,#ffeef8)}.news-section{background:linear-gradient(135deg,#f0f8ff,#e6f3ff)}
button{padding:12px 24px;background:linear-gradient(45deg,#ff6f91,#ff4e7a);color:#fff;border:0;border-radius:25px;font-size:1rem;cursor:pointer;margin:8px;transition:.3s;box-shadow:0 4px 15px rgba(255,111,145,.4)}
button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,111,145,.6)}button:active{transform:translateY(-1px)}
button:focus-visible,a:focus-visible,input[type=radio]:focus-visible{outline:3px solid #6d1c4d;outline-offset:2px}
.news-item{border-left:4px solid #ff6f91;padding:15px 20px;margin:20px 0;background:rgba(255,255,255,.7);border-radius:0 10px 10px 0;transition:transform .3s ease;animation:fadeInUp .6s ease forwards}
.news-item:hover{transform:translateX(5px);background:rgba(255,255,255,.9)}.news-item h4{margin:0 0 10px 0;color:#6d1c4d}.news-item a{color:#6d1c4d;text-decoration:none}.news-item a:hover{text-decoration:underline;color:#ff4e7a}
.affiliate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:20px 0}.affiliate-item{text-align:center;padding:20px;background:rgba(255,255,255,.8);border-radius:15px;transition:.3s;text-decoration:none;color:inherit}
.affiliate-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.affiliate-item img{max-width:120px;height:auto;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.15);margin-bottom:15px}
.stats-bar{background:linear-gradient(90deg,#ff6f91,#ff8cc6);color:#fff;text-align:center;padding:15px;margin:30px auto;border-radius:25px;max-width:600px}
.quiz-progress{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin:15px 0}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#ff6f91,#ff4e7a);transition:width .3s}
footer{background:linear-gradient(45deg,#ffe0ec,#ffd1e6);text-align:center;padding:30px;margin-top:50px;border-top:3px solid #ff6f91}
.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #ff6f91;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes fadeInUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(45deg,#ffe0ec,#ffd1e6);padding:20px;text-align:center;box-shadow:0 -4px 15px rgba(0,0,0,.2);border-top:3px solid #ff6f91;z-index:1000}
.frage{background:rgba(255,255,255,.7);padding:20px;margin:15px 0;border-radius:10px;border-left:4px solid #ff6f91}.frage label{display:block;margin:8px 0;padding:8px;cursor:pointer;border-radius:5px;transition:background .2s}.frage label:hover{background:rgba(255,111,145,.1)}
#affiliate-box{display:none}#ad-container{display:none;margin:24px 0}
@media (max-width:768px){.hero h2{font-size:2rem}.section{margin:20px 10px;padding:25px}nav a{margin:5px}}