.idlab-opening-hours-list {
    margin-top:20px;
	max-width:300px;
}

.idlab-opening-hours-list ul {
    list-style:none;
    padding:0;
    margin:0;
}

.idlab-opening-hours-list li {
    display:flex;
    font-family:"Overpass";
	font-size:16px;
    justify-content:space-between;
    padding:8px 0;
    border-bottom:1px solid #eee;
}

.idlab-opening-hours-list .day {
    font-weight:600;
}

.idlab-opening-hours-list .time {
    opacity:.8;
}

.idlab-opening-hours-list h3{
font-family:"Overpass";
	font-size:21px;
}

.idlab-opening-status {
    display:inline-flex;
    align-items:center;
    gap:10px;
font-family:"Overpass";
    padding:12px 22px;

    border-radius:999px;

    font-size:16px;
    font-weight:600;

    letter-spacing:.2px;

    backdrop-filter:blur(10px);

    transition:.3s ease;

    box-shadow:
        0 10px 30px rgba(0,0,0,.12);

}


/* geöffnet */

.idlab-opening-status.open {

    background:
    rgba(34,197,94,.15);

    color:#15803d;

    border:
    1px solid rgba(34,197,94,.35);

}



/* geschlossen */

.idlab-opening-status.closed {

    background:
    rgba(239,68,68,.15);

    color:#b91c1c;

    border:
    1px solid rgba(239,68,68,.35);

}



/* Punkt */

.status-dot {

    width:12px;
    height:12px;

    border-radius:50%;

    position:relative;

}



.open .status-dot {

    background:#22c55e;

    box-shadow:
    0 0 0 0 rgba(34,197,94,.7);

    animation:pulse-green 2s infinite;

}



.closed .status-dot {

    background:#ef4444;

}



/* Animation */

@keyframes pulse-green {

    0% {
        box-shadow:
        0 0 0 0 rgba(34,197,94,.7);
    }


    70% {
        box-shadow:
        0 0 0 10px rgba(34,197,94,0);
    }


    100% {
        box-shadow:
        0 0 0 0 rgba(34,197,94,0);
    }

}



/* Hover */

.idlab-opening-status:hover {

    transform:translateY(-2px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.18);

}