.rd-container { display:flex; gap:25px; }
.rd-dishes { flex:2; }
.rd-cart { flex:1; border:1px solid #ccc; padding:15px; background:#000000; }

.rd-popup {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.rd-popup.open {
    display: flex;
}

.rd-popup-inner {
    background: white;
    padding: 20px;
    max-width: 500px;
    width: 90%;
    border-radius: 10px;
    position: relative;
}

.rd-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
}


.rd-dish { border-bottom:1px solid #eee; padding:12px 0; display:flex; justify-content:space-between; }
.rd-dish-info { flex:1; }
.rd-dish h3 { margin:0; }
.preis { min-width:80px; text-align:right; font-weight:bold; color:#0073aa; }

.icon-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color:#dfdfdf;
  width: 24px;
  height: 24px;
  border: 2px solid green;
  border-radius: 50%;
  color: green;
  font-weight: bold;
  font-size: 28px;
  cursor: pointer;
  float:right;
}

.rd-cart-item { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid #ddd; }
.rd-cart-text { flex:1; }
.rd-cart-price { width:85px; text-align:right; font-weight:bold; }
.rd-cart-remove { border:none; background:none; color:#c00; font-size:18px; cursor:pointer; }

.rd-cart-total { border-top:2px solid #666; margin-top:10px; padding-top:10px; font-size:1.2em; text-align:right; font-weight:bold;color:#ffffff; }

.rd-extras { display:none; margin-top:5px; }

.rd-cart-mwst{font-size:0.85em; font-style:italic; text-align:right;color:#ffb90f;}
.rd-cart-abhol-liefer {
    text-align: center;       /* zentriert den gesamten Inhalt */
    margin: 15px 0; color:#ffffff;
}

.rd-cart-abhol-liefer label {
    display: inline-block;    /* nebeneinander */
    margin: 0 10px;           /* Abstand zwischen den Optionen */
    font-weight: normal;
}

.rd-cart form button[name="place_order"] {
    display: block;
    margin: 15px auto 0 auto; /* oben 15px, horizontal auto, unten 0 */
}
.rd-cart h2{color:#ffffff;}

.rd-gnr{color:#ffb90f;border:1px solid #ffb90f;display:block;width:30px;float:left;text-align:center;}
.rd-menge{color:#000000;border-radius:5px;}
.preis{color:#ffb90f;}
.button{background-color:#ffb90f;height:24px;border-radius:5px;color:#000000;}
.button-primary{font-weight:bold;}
.rd-toggle-extras{font-weight:bold;}
.rd-dishes h2{font-size:18px;font-weight:bold;color:#ffffff;}
.rd-dishes h3{font-size:14px;color:#ffffff;}
.rd-dish-info{color:#ffffff;}
.rd-dish-info small{color:#ffb90f;font-size:12px;font-style:italic;}
.rd-cart h2{font-size:16px;text-align:center;}
.rd-mindestbstw{text-align:center;font-size:12px;font-style:italic;color:#ffb90f;}
.rd-cart-total{font-size:16px;}
.rd-cart-remove{border:1px solid red;margin:0 0 0 10px;height:30px;border-radius:15px;}
#rd-error-mindest{display:none; color:red; font-weight:bold; padding:5px 0;border:1px solid red;text-align: center;}


.rd-bst-final {
    max-width: 1000px;    /* oder beliebige Breite */
    margin: 0 auto;       /* horizontal zentrieren */
    padding: 20px;        /* Abstand innen, optional */
    box-sizing: border-box; /* padding wird in Breite eingerechnet */
	border:1px solid #ffb90f;border-radius:20px;
}
.bst-final-h1, .bst-final-h2, .bst-final-h3, .bst-final-preis{color:#ffb90f;}

.gerichte-navigation{
	position: sticky;
    top: 0;
	z-index: 9999;
	text-align:center;
	margin-bottom:10px;
}
.g-navi{padding:5px;font-weight:bold;}
.warenkorb{display:none;}


/* ============================================================https://apetito-grill.com/speisekarte/#1
   MODERNES SMARTPHONE-LAYOUT
   Aktiv ab 0–768px (typische Handy- und kleine Tabletbreite)
============================================================ */

@media (max-width: 768px) {

    /* --- Grundlayout --- */
    body {
        background: #111;
        font-size: 15px;
        line-height: 1.4;
        padding: 0 8px;
    }

    .rd-container {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    /* --- Navigation oben --- */
	.warenkorb{
		display: inline-block;
        margin: 0 4px;
        padding: 7px 12px;
        font-size: 14px;
        border-radius: 12px;
        background: #c0ff3e;
		text-align:center;
		color:#000000;
	}
	.warenkorb a{color:#000000;}
	
    .gerichte-navigation {
        background: #000;
        padding: 8px;
        border-bottom: 1px solid #222;
        overflow-x: auto;
        white-space: nowrap;
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .g-navi {
        display: inline-block;
        margin: 0 4px;
        padding: 7px 12px;
        font-size: 14px;
        border-radius: 12px;
        background: #ffb90f;
        color: #000;
        white-space: nowrap;
    }

    /* --- Kategorienamen --- */
    .rd-dishes h2 {
        font-size: 20px;
        padding: 10px;
        background: #181818;
        border-radius: 12px;
        margin-top: 20px;
    }

    /* --- Gerichtskarten --- */
    .rd-dish {
        display: block;
        background: #1d1d1d;
        padding: 15px;
        margin: 12px 0;
        border-radius: 14px;
        border: 1px solid #333;
        box-shadow: 0 0 8px rgba(0,0,0,0.3);
    }

    .rd-dish h3 {
        font-size: 16px;
        margin: 0 0 6px 0;
    }

    .rd-dish-info small {
        font-size: 12px;
        opacity: 0.7;
    }

    .rd-dish-info img {
        max-width: 110px !important;
        margin-top: 6px;
        border-radius: 6px;
    }

    .rd-gnr {
        margin-right: 8px;
        width: auto;
        display: inline-block;
        padding: 2px 6px;
        border-radius: 6px;
        font-size: 13px;
    }

    /* --- Formular / Buttons --- */
    .rd-add-form {
        margin-top: 12px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .rd-menge {
        width: 70px;
        height: 38px;
        font-size: 16px;
    }

    .rd-pizza-size label {
        display: block;
        margin-top: 5px;
        font-size: 15px;
        padding: 6px;
        background: #222;
        border-radius: 8px;
    }

    .preis {
        font-size: 18px;
        text-align: left;
        color: #ffb90f;
        margin-top: 5px;
        font-weight: bold;
    }

    .button,
    .button-primary,
    .rd-toggle-extras,.warenkorb {
        width: 100%;
        padding: 12px;
        height: auto;
        font-size: 15px;
        border-radius: 10px;
        font-weight: bold;
    }

    /* --- Extras einblenden --- */
    .rd-extras label {
        padding: 7px;
        display: block;
        background: #222;
        border-radius: 8px;
        margin: 5px 0;
        font-size: 14px;
    }

    /* --- Warenkorb --- */
    .rd-cart {
        background: #1d1d1d;
        padding: 15px;
        border-radius: 14px;
        border: 1px solid #333;
        box-shadow: 0 0 8px rgba(0,0,0,0.3);
        width: 100%;
    }

    .rd-cart h2 {
        font-size: 20px;
        margin-bottom: 10px;
        color: #ffb90f;
        text-align: center;
    }

    .rd-cart-item {
        background: #222;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
        display: block;
    }

    .rd-cart-text {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .rd-cart-price {
        font-size: 16px;
        text-align: right;
        font-weight: bold;
        margin-top: 5px;
    }

    .rd-cart-remove {
        float: right;
        margin-top: 5px;
        font-size: 16px;
        border-radius: 20px;
        padding: 4px 10px;
        border: 1px solid red;
    }

    .rd-cart-total {
        font-size: 20px;
        margin-top: 12px;
        text-align: right;
    }

    #btn-bestellen {
        margin-top: 15px;
        padding: 14px;
        font-size: 17px;
        border-radius: 12px;
    }
}