.domus-merkzettel__tab-icon--barriere {
    font-size: 1.55rem;
    color: #bf9359;
    line-height: 1;
}

.domus-barriere-panel {
    --domus-barriere-gold-antique: #b88a3c;
    --domus-barriere-gold-frame: #c99845;
    --domus-barriere-text: var(--wp--preset--color--dunkelgrau, #2d2d2d);
}

.domus-barriere-panel__header {
    margin-bottom: 0.9rem;
}

.domus-barriere-panel__hint {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.5;
    color: rgba(45, 45, 45, 0.8);
    text-align: center;
}

.domus-barriere-panel__tools {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.domus-barriere-panel__label {
    display: block;
    margin-bottom: 0.65rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--domus-barriere-gold-antique);
    text-align: center;
}

.domus-barriere-panel__font-row {
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    gap: 0.55rem;
    align-items: center;
}

.domus-barriere-panel__reset-button {
    display: block;
    text-align: center;
    padding: 0.7rem 0.6rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(160, 120, 64, 0.2);
    color: var(--domus-barriere-text);
    font-size: 0.88rem;
    line-height: 1.35;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
}

.domus-barriere-panel__icon-button,
.domus-barriere-panel__toggle-button {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(160, 120, 64, 0.24);
    background: #fff;
    color: var(--domus-barriere-text);
    cursor: pointer;
    font: inherit;
}

.domus-barriere-panel__icon-button {
    min-height: 42px;
    font-size: 1.1rem;
    font-weight: 700;
}

.domus-barriere-panel__toggle-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    padding: 0.8rem 0.95rem;
    font-size: 0.92rem;
}

.domus-barriere-panel__toggle-button:hover,
.domus-barriere-panel__toggle-button:focus-visible,
.domus-barriere-panel__icon-button:hover,
.domus-barriere-panel__icon-button:focus-visible,
.domus-barriere-panel__reset-button:hover,
.domus-barriere-panel__reset-button:focus-visible {
    border-color: var(--domus-barriere-gold-antique);
    box-shadow: none;
    outline: 0;
}

.domus-barriere-panel__toggle-button[aria-pressed="true"],
.domus-barriere-panel__icon-button.is-active,
.domus-barriere-panel__reset-button.is-active {
    background: rgba(191, 147, 89, 0.14);
    border-color: var(--domus-barriere-gold-antique);
}

.domus-barriere-panel__toggle-label {
    display: block;
    width: 100%;
    text-align: center;
}

.domus-barriere-panel__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 66px;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: rgba(155, 120, 66, 0.1);
    color: var(--domus-barriere-gold-antique);
    font-size: 0.78rem;
    font-weight: 700;
    align-self: center;
}

html.domus-barriere-font-1,
html.domus-barriere-font-1 body {
    font-size: 19px;
}

html.domus-barriere-font-2,
html.domus-barriere-font-2 body {
    font-size: 20.5px;
}

html.domus-barriere-font-3,
html.domus-barriere-font-3 body {
    font-size: 22px;
}

html.domus-barriere-font-4,
html.domus-barriere-font-4 body {
    font-size: 24px;
}

html.domus-barriere-line-relaxed body,
html.domus-barriere-line-relaxed .entry-content,
html.domus-barriere-line-relaxed .wp-site-blocks,
html.domus-barriere-line-relaxed main,
html.domus-barriere-line-relaxed article,
html.domus-barriere-line-relaxed .domus-archiv-karte__excerpt,
html.domus-barriere-line-relaxed .domus-residenz-eintrag__teaser,
html.domus-barriere-line-relaxed p,
html.domus-barriere-line-relaxed li,
html.domus-barriere-line-relaxed blockquote,
html.domus-barriere-line-relaxed .wp-block-paragraph,
html.domus-barriere-line-relaxed .wp-block-list {
    line-height: 1.9;
}

html.domus-barriere-line-relaxed .domus-sprungmarken,
html.domus-barriere-line-relaxed .domus-sprungmarken *,
html.domus-barriere-line-relaxed .domus-residenz-nav,
html.domus-barriere-line-relaxed .domus-residenz-nav * {
    line-height: inherit !important;
}

html.domus-barriere-gold-focus :where(a, button, input:not([type="hidden"]), textarea, select, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible,
html.domus-barriere-gold-focus :where(a, button, input:not([type="hidden"]), textarea, select, summary, [role="button"], [tabindex]:not([tabindex="-1"])):hover {
    outline: none !important;
    border-radius: 10px;
    border-color: var(--domus-barriere-gold-frame) !important;
    box-shadow: 0 0 0 8px rgba(201, 152, 69, 0.92) !important;
}

html.domus-barriere-gold-focus a:focus-visible,
html.domus-barriere-gold-focus a:hover {
    padding: 0.08em 0.24em;
    margin: -0.08em -0.24em;
}

html.domus-barriere-gold-focus .domus-merkzettel__tab:hover,
html.domus-barriere-gold-focus .domus-merkzettel__tab:focus-visible,
html.domus-barriere-gold-focus .domus-merkzettel-merken-btn:hover,
html.domus-barriere-gold-focus .domus-merkzettel-merken-btn:focus-visible,
html.domus-barriere-gold-focus .domus-residenz-nav__item:hover,
html.domus-barriere-gold-focus .domus-residenz-nav__item:focus-visible,
html.domus-barriere-gold-focus .domus-sprungmarken__link:hover,
html.domus-barriere-gold-focus .domus-sprungmarken__link:focus-visible {
    outline: none !important;
    border-radius: 10px;
    border-color: var(--domus-barriere-gold-frame) !important;
    box-shadow: 0 0 0 8px rgba(201, 152, 69, 0.92) !important;
}

html.domus-barriere-gold-focus .domus-barriere-panel__toggle-button:hover,
html.domus-barriere-gold-focus .domus-barriere-panel__toggle-button:focus-visible,
html.domus-barriere-gold-focus .domus-barriere-panel__icon-button:hover,
html.domus-barriere-gold-focus .domus-barriere-panel__icon-button:focus-visible,
html.domus-barriere-gold-focus .domus-barriere-panel__reset-button:hover,
html.domus-barriere-gold-focus .domus-barriere-panel__reset-button:focus-visible {
    border-color: var(--domus-barriere-gold-frame) !important;
    box-shadow: 0 0 0 8px rgba(201, 152, 69, 0.92) !important;
}

html.domus-barriere-gold-focus a:hover img,
html.domus-barriere-gold-focus a:focus-visible img,
html.domus-barriere-gold-focus button:hover img,
html.domus-barriere-gold-focus button:focus-visible img {
    box-shadow: 0 0 0 8px rgba(201, 152, 69, 0.92) !important;
    border-radius: 10px;
}

@media (prefers-reduced-motion: reduce) {
    .domus-barriere-panel__toggle-button,
    .domus-barriere-panel__icon-button,
    .domus-barriere-panel__reset-button {
        transition: none !important;
    }
}
