/* =====================================================================
   UMSATZSTEUER-HINWEIS
   ---------------------------------------------------------------------
   Ein Hinweis je Preisraster, nicht je Preiszahl. Der Text steht direkt
   im HTML und ist damit auch ohne JavaScript sichtbar - eine Pflicht-
   angabe zur Preisauszeichnung darf nicht von einem Skript abhaengen.

   Umschalten auf Regelbesteuerung: siehe assets/js/kgs-steuer.js,
   dort genuegt eine Zeile.

   Zur Gestaltung: der Hinweis soll lesbar sein, aber leiser als der
   Preis. Deshalb 0.78rem gegen 2.3rem Preisgroesse, Grauton statt Gold,
   und eine kurze Goldlinie als Anker - dieselbe Sprache wie die
   Fussnoten der Preisbloecke.
   ===================================================================== */

html body .kgs-ust {
    position: relative;
    z-index: 10;
    max-width: 1150px;
    margin: 22px auto 0;
    padding: 0 4px;
    display: flex;
    align-items: baseline;
    gap: 11px;
    font-family: 'Montserrat', sans-serif;
    /* style.css setzt ab 768px  p { font-size: .95rem !important }  auf dem
       nackten Element-Selektor. Ohne !important gewinnt diese Regel, und der
       Hinweis waere auf dem Handy groesser als auf dem Bildschirm - gemessen
       15,2px gegen 12,5px. */
    font-size: .78rem !important;
    line-height: 1.65 !important;
    letter-spacing: .01em;
}
html body .kgs-ust::before {
    content: '';
    flex: none;
    width: 22px;
    height: 1px;
    margin-top: .62em;
    background: linear-gradient(90deg, rgba(202,138,4,.75), rgba(202,138,4,.15));
}

/* Auf hellen Flaechen */
html body .kgs-ust--hell { color: #78716C; }
/* Auf dunklen Flaechen */
html body .kgs-ust--dunkel { color: #8C857C; }

html body .kgs-ust b {
    font-weight: 600;
    color: inherit;
}

/* Firmen-/B2B-Hinweis: gleiche Sprache, eigener Kasten, weil er
   zusaetzlich die Angebotslogik erklaert. */
html body .kgs-ust--b2b {
    display: block;
    margin-top: 18px;
    padding: 14px 16px;
    border-left: 2px solid rgba(202,138,4,.4);
    border-radius: 0 12px 12px 0;
    background: rgba(202,138,4,.05);
}
html body .kgs-ust--b2b::before { display: none; }

/* Im Buchungsfenster steht der Hinweis direkt unter dem Preis */
html body .kgs-ust--checkout {
    display: block;
    max-width: none;
    margin: -16px 0 24px;
    padding: 0;
    font-size: .72rem !important;
    line-height: 1.6 !important;
    color: #8C857C;
}
html body .kgs-ust--checkout::before { display: none; }

@media (max-width: 900px) {
    html body .kgs-ust { max-width: 460px; margin-top: 20px; font-size: .75rem !important; }
}
@media (max-width: 480px) {
    html body .kgs-ust { gap: 9px; font-size: .72rem !important; }
    html body .kgs-ust::before { width: 16px; }
    html body .kgs-ust--b2b { padding: 12px 13px; }
}