/* Buchfarben – generisch, kein buchspezifischer Block mehr nötig.
   Farben kommen als CSS-Variablen aus der XPage (cfBookVars). */

[class$="-bg"] {
    background: var(--p) !important;
}

[class$="-bg"]:hover {
    background: var(--s) !important;
}

[class$="-banner"] {
    background: var(--banner) no-repeat center top #999;
    background-attachment: fixed;
    background-size: cover;
    color: #ffffff;
    padding: 10px 0;
}

[class$="-bt"] a,
a[class$="-bt"],
.newsletter [class$="-bt"] {
    background: linear-gradient(to bottom, var(--p) 0%, var(--s) 100%);
}

[class$="-bt"] a:hover,
a[class$="-bt"]:hover,
.newsletter [class$="-bt"]:hover {
    background: linear-gradient(to bottom, var(--s) 0%, var(--p) 100%);
}

[class$="-sh"] {
    box-shadow: inset 0 1px var(--p);
}

/* Generelle Styles */
.shops {
    max-width: 338px;
    width: 95%;
    margin: 5px 0 10px 0;
    padding: 2px 0;
    font-size: 1.1em;
}

.pricing_block .shops {
    text-align: center;
}

.kis, .bv, .tmnn, .lvmj, .tmtw, .tbsn, .ttmn, .ttpn, .wln,
.biene7, .biene8, .fatm, .fatb, .fatk, .biene9, .fat4 {
    color: var(--p) !important;
}

/* Buchfarbe automatisch nach Position – keine Klassen im Rich-Text nötig */

section.features .fa {
    color: var(--p);
}

.companies h2,
.companies h3,
.companies h4 {
    color: var(--p);
}

section.features a,
.companies a,
section.testimonials a {
    color: var(--p) !important;
    text-decoration: underline;
}

section.features a:hover,
.companies a:hover,
section.testimonials a:hover {
    color: var(--s) !important;
    text-decoration: underline;
}