/* ===================================================================
   Lausitzring Mittagstisch Klettwitz – öffentliche Ansichten
   (bereinigt aus assets/lunchstyle.css der Lausitzring-Altversion:
    Duplikate entfernt, tote Klassen entfernt, TV-Ansicht per .tv-view
    statt Inline-!important gesteuert)
   =================================================================== */

body {
    margin: 0;
    background-image: url("background.jpeg");
    background-size: cover;
    background-attachment: fixed;
    font-family: Verdana, Geneva, sans-serif;
}

/* === Kopfbereich === */
.site-header,
.site-header-mobil {
    color: white;
}

.headline {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
    width: 80%;
}

.headline h1 {
    text-align: center;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/* === Wochentabelle (Desktop) === */
.lunch-plan {
    font-size: 17px;
    border-spacing: 0;
    width: 80%;
    text-align: center;
    margin: 0 auto 30px;
    background: rgba(255, 255, 255, 0.9);
}

.lunch-head {
    font-size: 20px;
    background: #088A08;
    border: 1px solid #088A08;
    color: white;
}

.lunch-head th {
    padding: 10px;
}

.lunch-date,
.lunch-lunch {
    border: 1px solid #000;
    border-bottom: none;
}

.lunch-tr-height {
    height: 80px;
}

.lunch-notice {
    height: 15px;
}

.lunch-notice-inside {
    font-size: 10px;
    margin: 2px;
    border: 1px solid #000;
    border-top: none;
}

.lunch-notice-inside p {
    margin: 0;
}

/* === Wochentabelle (schmale Viewports) / TV-Einzelansicht === */
.lunch-plan-mobile {
    font-size: 16px;
    border-spacing: 0;
    width: 80%;
    text-align: center;
    margin: 60px auto 30px;
    background: rgba(255, 255, 255, 0.9);
}

tr.lunch-head-fake {
    font-size: 20px;
    font-weight: 550;
    background: #088A08;
    color: #fff;
    padding: 10px;
}

.lunch-date-mobile,
.lunch-lunch-mobile {
    border: 1px solid #000;
    border-bottom: none;
    padding-top: 5px;
}

.lunch-notice-mobile {
    font-size: 10px;
    margin: 2px;
    border: 1px solid #000;
    border-top: none;
    height: 20px;
}

.lunch-notice-mobile p {
    margin: 0;
}

/* Umschaltung Desktop-/Schmalansicht für die Wochentabelle */
@media (min-width: 1270px) {
    .lunch-plan { display: table; }
    .lunch-plan-mobile { display: none; }
    .site-header { display: block; }
    .site-header-mobil { display: none; }
}

@media (max-width: 1269px) {
    .lunch-plan { display: none; }
    .lunch-plan-mobile { display: table; }
    .site-header { display: none; }
    .site-header-mobil { display: block; }
}

/* === TV-/Kiosk-Ansicht (heutiger Tag) ===
   Ersetzt die früheren Inline-"display:*!important"-Hacks: die einspaltige
   Tabelle wird unabhängig von der Viewport-Breite groß dargestellt. */
body.tv-view .lunch-plan,
body.tv-view .site-header {
    display: none;
}

body.tv-view .site-header-mobil {
    display: block;
}

body.tv-view .lunch-plan-mobile {
    display: table;
}

body.tv-view .lunch-lunch-mobile {
    font-size: 30px;
}

body.tv-view .lunch-notice-mobile p {
    font-size: 20px;
}

/* === Navigationsbuttons === */
.button {
    padding: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 550;
    background: #6ccc6c;
    border: 1px solid #088A08;
}

.button.active {
    background: #088A08;
}

/* === Vorspeisenportion-Hinweis === */
.vorspeise {
    font-size: 0.8em;
    color: #444;
}

/* === Zusatzstoff-Legende === */
.zusatzstoffe {
    background: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    padding: 10px;
    margin: 20px;
}

/* === Impressum / Datenschutz === */
.impressum-datenschutz {
    text-align: right;
    padding-right: 20px;
    padding-bottom: 10px;
}

.impressum-datenschutz a {
    color: #ffffff;
    background: #000000;
}