.gemeinde-wetter-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:200px;margin:0 auto;color:white}.gemeinde-wetter-card{width:fit-content;padding:10px 22px;box-shadow:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center;border-radius:10px;backdrop-filter:blur(5px)}.gemeinde-wetter-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.2)}.gemeinde-wetter-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.05);border-radius:15px;z-index:1}.card-info-icon{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:3;font-size:14px;opacity:.8}.card-info-icon:hover{background:rgba(255,255,255,.3);opacity:1;transform:scale(1.1)}.card-info-icon i{color:white}.card-main{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;position:relative;z-index:2}.card-icon{width:50px;height:50px;position:relative;z-index:1}.card-temperature{font-size:2em;font-weight:600;color:white;text-shadow:2px 2px 4px rgba(0,0,0,.01);line-height:1;position:relative;z-index:2}.gemeinde-wetter-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.modal-content{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;max-width:650px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalSlideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee;background:var(--e-global-color-sk_color_5,#000);color:white;border-radius:20px 20px 0 0}.modal-header h3{margin:0;font-size:1.4em;font-weight:600}.modal-close{background:0 0;border:none;color:white;font-size:1.5em;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;outline:none}.modal-close:hover,.modal-close:focus{outline:none;background:0 0}.modal-body{padding:25px;color:#333;overflow-y:auto;flex:1}.gemeinde-wetter-current{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:25px;border:1px solid #e9ecef}.gemeinde-wetter-current h3{margin:0 0 20px;font-size:1.5em;font-weight:600;text-align:center;color:#333}.weather-main{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:25px}.weather-icon{width:80px;height:80px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.weather-info{text-align:center}.temperature{font-size:3.5em;line-height:1;font-weight:700;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#333}.feels-like{font-size:1.1em;opacity:.9;margin-bottom:10px;color:#666}.description{font-size:1.3em;font-weight:500;text-transform:capitalize;color:#333}.weather-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,.05)}.detail-item .label{font-weight:500;color:#666}.detail-item .value{font-weight:600;font-size:1.1em;color:#333}.gemeinde-wetter-hourly{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:25px;border:1px solid #e9ecef}.gemeinde-wetter-hourly h3{margin:0 0 20px;font-size:1.5em;font-weight:600;text-align:center;color:#333}.hourly-container{display:flex;overflow-x:auto;gap:15px;padding:10px 0}.hourly-item{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:15px 10px;background:#fff;border-radius:10px;border:1px solid #e9ecef;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.05)}.hourly-item .time{font-size:.9em;font-weight:500;margin-bottom:8px;color:#666}.hourly-item .icon{width:32px;height:32px;margin-bottom:8px}.hourly-item .temp{font-size:1.2em;font-weight:600;margin-bottom:5px;color:#333}.hourly-item .precip{font-size:.8em;color:#666}.gemeinde-wetter-daily{background:#f8f9fa;border-radius:12px;padding:25px;border:1px solid #e9ecef}.gemeinde-wetter-daily h3{margin:0 0 20px;font-size:1.5em;font-weight:600;text-align:center;color:#333}.daily-container{display:flex;flex-direction:column;gap:15px}.daily-item{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:20px;padding:15px 20px;background:#fff;border-radius:10px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,.05)}.daily-item .date{text-align:center;min-width:60px}.daily-item .day{font-size:.9em;font-weight:600;text-transform:uppercase;margin-bottom:5px;color:#333}.daily-item .date-num{font-size:.8em;color:#666}.daily-item .weather{display:flex;align-items:center;gap:15px}.daily-item .weather .icon{width:40px;height:40px}.daily-item .weather .description{font-size:1em;font-weight:500;color:#333}.daily-item .temps{display:flex;flex-direction:column;align-items:center;gap:5px}.daily-item .temps .max{font-size:1.2em;font-weight:600;color:#333}.daily-item .temps .min{font-size:1em;color:#666}.daily-item .precip{font-size:.9em;color:#666;text-align:center}.daily-item .sun-times{display:flex;flex-direction:column;gap:5px;font-size:.8em;color:#666}@media (max-width:768px){.gemeinde-wetter-container{max-width:180px;margin:10px auto}.card-icon{width:56px;height:56px}.card-temperature{font-size:2.4em}.card-info-icon{width:28px;height:28px;font-size:12px}.modal-content{max-width:560px;max-height:95vh;margin:10px}.weather-main{flex-direction:column;gap:20px}.weather-icon{width:64px;height:64px}.temperature{font-size:2.5em}.weather-details{grid-template-columns:1fr}.daily-item{grid-template-columns:1fr;text-align:center;gap:10px}.daily-item .weather{justify-content:center}.daily-item .temps{flex-direction:row;justify-content:center;gap:15px}.daily-item .sun-times{flex-direction:row;justify-content:center;gap:15px}}.hourly-container::-webkit-scrollbar{height:8px}.hourly-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hourly-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.hourly-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.gemeinde-wetter-error{background:#f8d7da;color:#721c24;padding:15px;border-radius:8px;border:1px solid #f5c6cb;margin:20px 0;text-align:center;font-weight:500}.modal-content.closing{animation:modalSlideOut .3s ease}