*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header{text-align:center;background:#ffffffe6;border-radius:15px;margin-bottom:20px;padding:20px;box-shadow:0 8px 25px #0000001a}h1{color:#2c3e50;margin-bottom:10px;font-size:1.8rem}#status{color:#e74c3c;font-weight:700}main{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;display:flex}#location-info{background:#fffffff2;border-radius:10px;padding:15px;font-family:Courier New,monospace;font-size:.9rem;box-shadow:0 4px 15px #0000001a}#content-display{background:#fffffff2;border-radius:15px;flex-direction:column;align-items:center;min-height:200px;padding:20px;display:flex;box-shadow:0 8px 25px #00000026}#content-title{color:#2c3e50;text-align:center;margin-bottom:15px}#content-image{border-radius:10px;max-width:100%;max-height:300px;margin-bottom:15px;box-shadow:0 4px 15px #0000001a}audio{width:100%;margin-bottom:15px}#content-text{text-align:center;margin-top:15px;line-height:1.6}#demo-controls{text-align:center;background:#ffffffe6;border-radius:10px;padding:15px;box-shadow:0 4px 15px #0000001a}#demo-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff6b6b,#feca57);border:none;border-radius:25px;padding:12px 24px;font-size:1rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 15px #0000001a}#demo-btn:hover{transform:translateY(-2px)}#demon-str p{color:#666;margin-top:10px;font-size:.9rem}#stations-list{background:#ffffffe6;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0000001a}#stations-list h3{color:#2c3e50;text-align:center;margin-bottom:15px}#mode-toggle{gap:10px;margin-bottom:15px;display:flex}.mode-btn{cursor:pointer;background:#fffc;border:2px solid #3498db;border-radius:20px;flex:1;padding:8px 12px;font-size:.9rem;transition:all .2s}.mode-btn.active{color:#fff;background:#3498db;border-color:#2980b9}.mode-btn:hover:not(.active){background:#3498db1a}#stations-container{gap:10px;display:grid}.station-item{cursor:pointer;background:#3498db1a;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .3s;display:flex}.station-item:hover{background:#3498db33;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.station-item.active{background:#2ecc7133;border:2px solid #27ae60;transform:none}.station-item.archive-mode{cursor:grab}.station-item .info{flex:1}.station-item .distance{color:#2c3e50;font-weight:700}footer{text-align:center;color:#2c3e50;background:#fffc;border-radius:10px;margin-top:40px;padding:15px;font-size:.9rem}@media (width>=768px){body{padding:40px}h1{font-size:2.5rem}main{gap:30px}#content-display{min-height:300px;padding:30px}#stations-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.password-overlay{backdrop-filter:blur(10px);z-index:10000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.password-modal{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:400px;padding:30px;animation:.3s ease-out modalFadeIn;box-shadow:0 20px 40px #0000004d}.password-modal h2{color:#2c3e50;margin-bottom:15px;font-size:1.4rem}.password-modal p{color:#666;margin-bottom:20px;line-height:1.5}#password-input{text-align:center;border:2px solid #ddd;border-radius:10px;width:100%;margin-bottom:20px;padding:15px;font-size:1.1rem;transition:border-color .2s}#password-input:focus{border-color:#3498db;outline:none}#password-submit{color:#fff;cursor:pointer;background:linear-gradient(45deg,#27ae60,#2ecc71);border:none;border-radius:25px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 15px #0003}#password-submit:hover{transform:translateY(-2px)}.password-overlay.hidden{opacity:0;pointer-events:none}.error{color:#e74c3c;margin-top:10px;font-weight:700}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}
/*# sourceMappingURL=Webseite.c01aef74.css.map */