/* ==========================================
   TIVOLI LIVE v3.0
   MC Tivoli Spreitenbach
========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial,Helvetica,sans-serif;
}

body{
    background:transparent;
}

#tivoli-live{

    max-width:1200px;
    width:100%;

    margin:auto;

    background:#0A4EA3;

    color:#fff;

    border-radius:18px;

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

    overflow:hidden;

}

/* ===== Live-Leiste ===== */

.live-bar{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

    padding:14px 22px;

    flex-wrap:wrap;

}

/* Logo */

.live-logo{

    font-size:22px;

    font-weight:bold;

    color:white;

    white-space:nowrap;

}

/* Info */

.live-item{

display:flex;

align-items:center;

gap:6px;

white-space:nowrap;

font-size:18px;

color:white;

}

/* Werte */

.live-value{

    color:#FFD400;

    font-weight:bold;

}

/* Trennlinie */

.separator{

    width:1px;

    height:22px;

    background:#FFD400;

    opacity:.5;

}

/* Responsive */

@media(max-width:900px){

.live-bar{

display:flex;

flex-direction:row;

align-items:center;

justify-content:space-evenly;

flex-wrap:wrap;

padding:14px 20px;

}
.separator{

display:none;

}

.live-item{

font-size:15px;

}

.live-logo{

width:100%;

text-align:center;

margin-bottom:5px;

}

}