.rgt-ruderampel-wrapper{position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;margin-bottom:2rem}.rgt-ruderampel-wrapper *{box-sizing:border-box}.rgt-ruderampel-wrapper .ruderampel-header{margin-bottom:1.5rem}.rgt-ruderampel-wrapper .ruderampel-title{font-size:1.75rem;font-weight:700;margin:0;color:#2c3e50}.rgt-ruderampel-wrapper .icon-compass{color:#28a745}.rgt-ruderampel-wrapper .icon-water{color:#06c}.rgt-ruderampel-wrapper .icon-wind{color:#17a2b8}.rgt-ruderampel-wrapper .icon-wind-gusts{color:#dc3545}.rgt-ruderampel-wrapper .icon-temperature{color:#ffc107}.rgt-ruderampel-wrapper .icon-water-temperature{color:#007bff}.rgt-ruderampel-wrapper .icon-visibility{color:#6c757d}.rgt-ruderampel-wrapper .icon-wind-arrow{color:#dc3545}.rgt-ruderampel-wrapper .icon-large{font-size:2.5rem}.rgt-ruderampel-wrapper .icon-normal{font-size:1.25rem}.rgt-ruderampel-wrapper .icon-small{font-size:1rem}.rgt-ruderampel-wrapper .section-title{font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem;color:#2c3e50}.rgt-ruderampel-wrapper .traffic-light{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;background:#2d2d2d;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.1);border:1.5px solid #1a1a1a}.rgt-ruderampel-wrapper .traffic-light-small{gap:4px;padding:6px;border-radius:10px;border:1.5px solid #1a1a1a}.rgt-ruderampel-wrapper .traffic-light-light{width:24px;height:24px;border-radius:50%;background:#333;box-shadow:inset 0 2px 8px rgba(0,0,0,.5);transition:all .3s ease}.rgt-ruderampel-wrapper .traffic-light-small .traffic-light-light{width:24px;height:24px}.rgt-ruderampel-wrapper .light-red{background:#4a1f1f}.rgt-ruderampel-wrapper .light-yellow{background:#4a4a1f}.rgt-ruderampel-wrapper .light-green{background:#1f4a1f}.rgt-ruderampel-wrapper .light-red.active{background:radial-gradient(circle at 30% 30%,#ff6b6b,#dc3545);box-shadow:0 0 20px rgba(220,53,69,.8),0 0 40px rgba(220,53,69,.4),inset 0 2px 8px rgba(255,255,255,.3);animation:pulse-red 2s infinite}.rgt-ruderampel-wrapper .light-yellow.active{background:radial-gradient(circle at 30% 30%,#ffeb3b,#ffc107);box-shadow:0 0 20px rgba(255,193,7,.8),0 0 40px rgba(255,193,7,.4),inset 0 2px 8px rgba(255,255,255,.3);animation:pulse-yellow 2s infinite}.rgt-ruderampel-wrapper .light-green.active{background:radial-gradient(circle at 30% 30%,#66bb6a,#28a745);box-shadow:0 0 20px rgba(40,167,69,.8),0 0 40px rgba(40,167,69,.4),inset 0 2px 8px rgba(255,255,255,.3);animation:pulse-green 2s infinite}@keyframes pulse-red{0%,100%{box-shadow:0 0 20px rgba(220,53,69,.8),0 0 40px rgba(220,53,69,.4),inset 0 2px 8px rgba(255,255,255,.3)}50%{box-shadow:0 0 30px rgba(220,53,69,1),0 0 60px rgba(220,53,69,.6),inset 0 2px 8px rgba(255,255,255,.4)}}@keyframes pulse-yellow{0%,100%{box-shadow:0 0 20px rgba(255,193,7,.8),0 0 40px rgba(255,193,7,.4),inset 0 2px 8px rgba(255,255,255,.3)}50%{box-shadow:0 0 30px rgba(255,193,7,1),0 0 60px rgba(255,193,7,.6),inset 0 2px 8px rgba(255,255,255,.4)}}@keyframes pulse-green{0%,100%{box-shadow:0 0 20px rgba(40,167,69,.8),0 0 40px rgba(40,167,69,.4),inset 0 2px 8px rgba(255,255,255,.3)}50%{box-shadow:0 0 30px rgba(40,167,69,1),0 0 60px rgba(40,167,69,.6),inset 0 2px 8px rgba(255,255,255,.4)}}.rgt-ruderampel-wrapper .current-status-section{margin-bottom:2rem}.rgt-ruderampel-wrapper .status-card{position:relative;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:1.5rem;transition:box-shadow .3s ease}.rgt-ruderampel-wrapper .status-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.rgt-ruderampel-wrapper .status-content{display:flex;align-items:center;gap:2rem;position:relative;z-index:0}.rgt-ruderampel-wrapper .status-left{flex-shrink:0}.rgt-ruderampel-wrapper .status-right{flex:1}.rgt-ruderampel-wrapper .status-label{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.rgt-ruderampel-wrapper .status-label.status-green{color:#28a745}.rgt-ruderampel-wrapper .status-label.status-yellow{color:#ffc107}.rgt-ruderampel-wrapper .status-label.status-red{color:#dc3545}.rgt-ruderampel-wrapper .status-label.status-gray{color:#6c757d}.rgt-ruderampel-wrapper .status-message{font-size:1.125rem;color:#495057;margin-bottom:.75rem}.rgt-ruderampel-wrapper .status-timestamp{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.rgt-ruderampel-wrapper .sun-times{font-size:.875rem;color:#6c757d;display:flex;align-items:center;gap:.5rem}.rgt-ruderampel-wrapper .sun-times img{vertical-align:middle}.rgt-ruderampel-wrapper a.status-card-link{display:block;text-decoration:none;color:inherit}.rgt-ruderampel-wrapper a.status-card-link:hover,.rgt-ruderampel-wrapper a.status-card-link:focus{text-decoration:none;color:inherit;outline:none}.rgt-ruderampel-wrapper a.status-card-link:focus-visible{outline:2px solid #0073aa;outline-offset:2px;border-radius:12px}.rgt-ruderampel-wrapper .status-card--linked{cursor:pointer;transition:all .3s ease}.rgt-ruderampel-wrapper a.status-card-link:hover .status-card--linked{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.rgt-ruderampel-wrapper .measurements-section{margin-bottom:2rem}.rgt-ruderampel-wrapper .measurements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.rgt-ruderampel-wrapper .measurement-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:1.25rem;text-align:center;transition:all .3s ease;border-bottom:4px solid transparent}.rgt-ruderampel-wrapper .measurement-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}.rgt-ruderampel-wrapper .card.measurement-card.status-green{border-bottom:3px solid #28a745}.rgt-ruderampel-wrapper .card.measurement-card.status-yellow{border-bottom:3px solid #ffc107}.rgt-ruderampel-wrapper .card.measurement-card.status-red{border-bottom:3px solid #dc3545}.rgt-ruderampel-wrapper .card.measurement-card.status-gray{border-bottom:3px solid #6c757d}.rgt-ruderampel-wrapper .measurement-icon{font-size:2rem;margin-bottom:.75rem;color:#495057}.rgt-ruderampel-wrapper .measurement-label{font-size:.875rem;color:#6c757d;margin-bottom:.5rem;font-weight:500}.rgt-ruderampel-wrapper .measurement-value{font-size:1.25rem;font-weight:700;color:#2c3e50}.rgt-ruderampel-wrapper .wind-dir{font-size:.875rem;color:#6c757d;font-weight:400;margin-left:.25rem}.rgt-ruderampel-wrapper .forecast-section{margin-bottom:2rem}.rgt-ruderampel-wrapper .forecast-main-status{margin-bottom:1.5rem}.rgt-ruderampel-wrapper .forecast-main-status .status-card{margin-bottom:0}.rgt-ruderampel-wrapper .traffic-light-circle{display:flex;align-items:center;justify-content:center}.rgt-ruderampel-wrapper .forecast-worst-period{margin-top:.5rem;font-size:.875rem;color:#6c757d}.rgt-ruderampel-wrapper .forecast-timeline-title{font-size:1.125rem;font-weight:600;margin:1.5rem 0 1rem;color:#2c3e50}.rgt-ruderampel-wrapper .forecast-timeline{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.rgt-ruderampel-wrapper .forecast-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:1rem;text-align:center;transition:all .3s ease;border-bottom:4px solid transparent}.rgt-ruderampel-wrapper .forecast-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}.rgt-ruderampel-wrapper .card.forecast-card.status-green{border-bottom:3px solid #28a745}.rgt-ruderampel-wrapper .card.forecast-card.status-yellow{border-bottom:3px solid #ffc107}.rgt-ruderampel-wrapper .card.forecast-card.status-red{border-bottom:3px solid #dc3545}.rgt-ruderampel-wrapper .card.forecast-card.status-gray{border-bottom:3px solid #6c757d}.rgt-ruderampel-wrapper .period-time{font-size:.875rem;font-weight:700;color:#2c3e50;margin-bottom:.75rem}.rgt-ruderampel-wrapper .period-weather{margin-bottom:.5rem;display:flex;justify-content:center;align-items:center}.rgt-ruderampel-wrapper .period-weather img{display:block}.rgt-ruderampel-wrapper .period-temp{font-size:1.125rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.rgt-ruderampel-wrapper .period-wind,.rgt-ruderampel-wrapper .period-rain{font-size:.8125rem;color:#6c757d;margin-bottom:.25rem}.rgt-ruderampel-wrapper .period-wind i,.rgt-ruderampel-wrapper .period-rain i{margin-right:.25rem;font-size:.75rem}.rgt-ruderampel-wrapper .update-indicator{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.95);padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:.875rem;color:#495057;font-weight:500;display:flex;align-items:center;gap:.5rem}.rgt-ruderampel-wrapper .update-indicator i{color:#007bff}.rgt-ruderampel-wrapper.display-minimal .section-title{display:none}.rgt-ruderampel-wrapper.display-minimal .measurement-label{font-size:.75rem}.rgt-ruderampel-wrapper.display-minimal .status-label strong{font-size:1.25rem}.rgt-ruderampel-wrapper.display-compact{margin-bottom:0}.rgt-ruderampel-wrapper.display-compact .ruderampel-header{margin-bottom:.5rem}.rgt-ruderampel-wrapper.display-compact .ruderampel-title{font-size:1rem}.rgt-ruderampel-wrapper.display-compact .current-status-section{margin-bottom:0}.rgt-ruderampel-wrapper.display-compact .status-card{width:max-content;max-width:100%;padding:.75rem 1rem}.rgt-ruderampel-wrapper.display-compact .status-content{gap:.75rem}.rgt-ruderampel-wrapper.display-compact .traffic-light{gap:3px;padding:4px;border-radius:8px}.rgt-ruderampel-wrapper.display-compact .traffic-light .traffic-light-light{width:16px;height:16px}.rgt-ruderampel-wrapper.display-compact .status-label{font-size:1rem;margin-bottom:.2rem}.rgt-ruderampel-wrapper.display-compact .status-message{font-size:.875rem;margin-bottom:.375rem}.rgt-ruderampel-wrapper.display-compact .status-timestamp{font-size:.75rem;margin-bottom:.2rem}.rgt-ruderampel-wrapper.display-compact .sun-times{font-size:.75rem;gap:.25rem}.rgt-ruderampel-wrapper.display-compact .sun-times img{width:14px !important;height:14px !important}.rgt-ruderampel-wrapper.display-detailed .traffic-light{padding:6px}.rgt-ruderampel-wrapper.display-detailed .traffic-light-light{width:24px;height:24px}.rgt-ruderampel-wrapper.display-detailed .measurement-icon{font-size:2.5rem}.rgt-ruderampel-wrapper.display-detailed .measurement-value{font-size:1.5rem}.rgt-ruderampel-wrapper.display-detailed .status-card{padding:2rem}.rgt-ruderampel-wrapper.color-scheme-dark{background:#1a1a1a;padding:1.5rem;border-radius:12px}.rgt-ruderampel-wrapper.color-scheme-dark .status-card,.rgt-ruderampel-wrapper.color-scheme-dark .measurement-card,.rgt-ruderampel-wrapper.color-scheme-dark .forecast-card{background:#2d2d2d;color:#f8f9fa}.rgt-ruderampel-wrapper.color-scheme-dark .status-message,.rgt-ruderampel-wrapper.color-scheme-dark .measurement-value,.rgt-ruderampel-wrapper.color-scheme-dark .ruderampel-title,.rgt-ruderampel-wrapper.color-scheme-dark .section-title{color:#f8f9fa}.rgt-ruderampel-wrapper.color-scheme-dark .measurement-label,.rgt-ruderampel-wrapper.color-scheme-dark .status-timestamp,.rgt-ruderampel-wrapper.color-scheme-dark .forecast-time{color:#adb5bd}.rgt-ruderampel-wrapper.color-scheme-light{background:#f8f9fa;padding:1.5rem;border-radius:12px}@media (max-width:768px){.rgt-ruderampel-wrapper .status-content{flex-direction:column;text-align:center}.rgt-ruderampel-wrapper .measurements-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.rgt-ruderampel-wrapper .forecast-timeline{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.rgt-ruderampel-wrapper .traffic-light-light{width:36px;height:36px}}@media (max-width:480px){.rgt-ruderampel-wrapper .measurements-grid{grid-template-columns:repeat(2,1fr)}.rgt-ruderampel-wrapper .forecast-timeline{grid-template-columns:repeat(3,1fr)}}