.info-popover-block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    line-height: 1;
}

.info-popover-icon {
    font-size: 1.15rem;
    display: block;
    line-height: 1;

    pointer-events: none;
}

.info-popover-block.ipb-corner {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
}

.popover.info-popover-popup {
    --bs-popover-bg: var(--blur-transarancy, rgba(255, 255, 255, 0.75));
    --bs-popover-border-color: var(--border-subtle, rgba(0, 0, 0, 0.14));
    --bs-popover-border-radius: var(--radius, 18px);
    --bs-popover-box-shadow: var(--shadow-elevated, 0 5px 5px rgba(0, 0, 0, 0.18));
    --bs-popover-body-color: var(--text-strong, #1f1f1f);
    --bs-popover-body-padding-x: var(--space-card-x, 32px);
    --bs-popover-body-padding-y: var(--space-card-y, 16px);
    --bs-popover-font-size: 0.9rem;
    --bs-popover-max-width: 340px;
    backdrop-filter: blur(var(--blur-surface, 10px));
    -webkit-backdrop-filter: blur(var(--blur-surface, 10px));
    box-shadow:
        var(--shadow-elevated, 0 5px 5px rgba(0, 0, 0, 0.18)),
        var(--shadow-inset-highlight, 0 2px 0 rgba(255, 255, 255, 0.35) inset) !important;
    font-family: var(--font-sans, 'Open Sans', sans-serif);
    color: var(--text-strong, #1f1f1f);
}

.popover.info-popover-popup .popover-body {
    color: var(--text-strong, #1f1f1f);
    font-family: var(--font-sans, 'Open Sans', sans-serif);
    line-height: 1.6;
}

.popover.info-popover-popup .popover-body > *:last-child {
    margin-bottom: 0;
}

.popover.info-popover-popup .popover-body a {
    color: var(--accent, rgba(60, 120, 255, 0.85));
    text-decoration: underline;
}

.popover.info-popover-popup.bs-popover-bottom .popover-arrow::after,
.popover.info-popover-popup.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
    border-bottom-color: var(--blur-transarancy, rgba(255, 255, 255, 0.75));
}
.popover.info-popover-popup.bs-popover-top .popover-arrow::after,
.popover.info-popover-popup.bs-popover-auto[data-popper-placement^="top"] .popover-arrow::after {
    border-top-color: var(--blur-transarancy, rgba(255, 255, 255, 0.75));
}
.popover.info-popover-popup.bs-popover-end .popover-arrow::after,
.popover.info-popover-popup.bs-popover-auto[data-popper-placement^="right"] .popover-arrow::after {
    border-right-color: var(--blur-transarancy, rgba(255, 255, 255, 0.75));
}
.popover.info-popover-popup.bs-popover-start .popover-arrow::after,
.popover.info-popover-popup.bs-popover-auto[data-popper-placement^="left"] .popover-arrow::after {
    border-left-color: var(--blur-transarancy, rgba(255, 255, 255, 0.75));
}


/* Überschrift im Popover */
.info-popover-popup .popover-body .ipb-pop-heading {
    display: block;
    font-family: var(--font-serif, 'Merriweather', serif);
    font-weight: 700;
    color: var(--text-strong, #1f1f1f);
    margin-bottom: 6px;
}

/* Trennlinie zwischen Heading und Body */
.info-popover-popup .popover-body .ipb-pop-heading + .ipb-pop-body {
    padding-top: 6px;
    border-top: 1px solid var(--border-subtle, rgba(0,0,0,0.1));
    margin-top: 2px;
}

.info-popover-popup .popover-body .ipb-pop-body ul,
.info-popover-popup .popover-body .ipb-pop-body ol {
    padding-left: 18px;
    margin: 4px 0 0;
}

.info-popover-popup .popover-body .ipb-pop-body h4,
.info-popover-popup .popover-body .ipb-pop-body h5 {
    font-size: 0.88rem;
    font-weight: 700;
    margin: 8px 0 2px;
    color: var(--text-strong, #1f1f1f);
}