/* MAIN EINSTELUNGEN */

html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Tipp: Verhindert, dass Padding Elemente breiter macht */
}

body {    
    font-family: Arial, sans-serif; /* "sans-serif" als Fallback hinzufügen */
    font-size: 15px;
    line-height: 1.78em;
    max-width: 250px; /* Hier ist die Breite sicher aufgehoben, falls gewollt */
    margin: 0 auto;   /* Zentriert den gesamten Body, wenn er schmaler als der Bildschirm ist */
}

#main{
    background-color: #7abdff;
     padding-bottom: 10px;
     border-radius: 12px;
}

/* BLOCK_01 = HEUTE */
#block_01 h1 {
    
    margin:10px;
    padding: 10px;
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 22px;
}

.sendung-heute{
    margin:10px;
    padding: 10px;
    background-color: #3399ff;
    text-align: center;
    border-radius: 12px; /* Runde Ecken mit 12 Pixeln Radius */
}

.bg-rot{
    border: 2px solid red;
}


/* BLOCK_02 = MORGEN */
#block_02 h1 {    
    margin:10px;
    padding: 10px;
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 22px;
}

.sendung-morgen{
    margin:10px;
    padding: 10px;
    background-color: #3399ff;
    text-align: center;
    border-radius: 12px; /* Runde Ecken mit 12 Pixeln Radius */
}

span {
    display: block;
}