/*
 * Preisdarstellung: netto oder brutto, per Klasse am Container.
 *
 * Aus template/bootstrap40/template_head.php, Block hinter
 * $_SESSION[PRICES_VAT_SWITCH]. Der Alt-Shop rendert IMMER beide Preise
 * und blendet einen per CSS aus -- die Klasse am umschliessenden Element
 * entscheidet:
 *
 *   show_price_as_netto          netto fett, brutto weg
 *   show_price_as_brutto         brutto fett, netto weg
 *   show_price_as_brutto__netto  brutto fett, netto klein daneben
 *
 * Das ist mehr als Kosmetik: B2B sieht netto, B2C brutto. Wer nur einen
 * Preis rendert, kann nicht umschalten, ohne die Seite neu zu bauen.
 */
.show_price_as_brutto__netto .priceNetto { font-style: italic;}
            .show_price_as_brutto__netto .priceBrutto {font-weight: bold;}
            .show_price_as_brutto__netto .footnotePriceNetto {display:none;}

            .show_price_as_netto .priceNetto { font-weight: bold;}
            .show_price_as_netto .priceBrutto,
            .show_price_as_netto .priceDivider {display:none;}
            .show_price_as_netto .footnotePriceBrutto {display:none;}

            .show_price_as_netto .staffelpreis_brutto {display:none;}
            .show_price_as_netto .staffelpreis_netto {font-size: 28px; font-weight: 700;}

            .show_price_as_brutto .priceBrutto  { font-weight: bold;}
            .show_price_as_brutto .priceNetto,
            .show_price_as_brutto .priceDivider {display:none;}
            .show_price_as_brutto .footnotePriceNetto {display:none;}

            .show_price_as_brutto .staffelpreis_netto {display:none;}

/*
 * Die Umschalter in der Kopfzeile: Knopf statt Link.
 *
 * Das Theme stylt `.menu__item-link` schon vollstaendig -- auch fuer
 * ein <button>, denn es setzt selbst `background:transparent;
 * border:none; width:100%` (kritisch.css). Zwei Dinge fehlen:
 *
 *   1. base.css schliesst mit `button{margin-bottom:10px}` fuer die
 *      Formulare der Popups. In einer Klappliste reisst das zwischen
 *      jeden Eintrag eine Luecke. Der Alt-Shop half sich in seiner
 *      Formularfassung mit `style="margin-bottom:-2px"` -- hier steht
 *      es einmal zentral statt sechzigmal am Element.
 *   2. Der Mauszeiger: Ein <button> bekommt ihn nicht von allein, und
 *      ein Eintrag, der sich nicht wie ein Link anfuehlt, wird nicht
 *      angeklickt.
 */
.gmx-menuknopf {
    margin-bottom: 0;
    cursor: pointer;
    /* Im Desktopmenue setzt `.menu__item-link` das schon selbst; im
       Mobilmenue NICHT -- dort traegt `.mobile-links__item-link` keine
       dieser Angaben, und der Browser zeichnete seine eigenen Knoepfe:
       grau hinterlegt, mit Rahmen, Text mittig (gemessen 21.10.2026
       bei 375 px). Padding und Schriftgroesse bleiben dem Theme
       ueberlassen -- die unterscheiden sich zwischen beiden Menues. */
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    color: inherit;
}
.mobile-links__item-link.gmx-menuknopf { font-weight: 500; }
.gmx-menuknopf:hover { color: #0a3f67; }
.gmx-menuknopf[aria-current] { font-weight: 700; }
