body {
    --mt-ekp-radius: 22px;
    --lm-bg1: rgba(248, 252, 255, 0.94);
    --lm-bg2: rgba(231, 241, 252, 0.82);

    --mt-ekp-shadow: 0 4px 8px rgba(15, 23, 42, 0.05);

    --mt-ekp-outline-bg-active: #e8f0fe;
    --mt-ekp-outline-bg-hover: #f7f7f8;
    --mt-ekp-outline-text: #323c54;

    --mt-ekp-image-shadow: 0 2px 4px rgb(0 0 0 / 5%), 0 4px 8px rgb(0 0 0 / 4%);
}
.imp-menu-button {
    display: none !important;
}
.mt-inhalt-section-notizen {
    margin-bottom: 100px;
}

.mt-inhalt-section-notizen .mt-inhalt-notizen-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mt-inhalt-section-notizen .mt-inhalt-notizen-header h1 {
    margin-right: auto;
}

.mt-inhalt-section-notizen .mt-inhalt-notizen-actions {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.mt-inhalt-section-notizen .mt-inhalt-notizen-modified-date {
    font-size: 0.75rem;
    color: #8a90a1;
    white-space: nowrap;
}

.mt-inhalt-section-notizen .mt-inhalt-notizen-edit-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid rgba(18, 24, 38, 0.16);
    border: 1px solid transparent;
    border-radius: 999px;
    background: #fff;
    color: #2b3140;
    color: slategray;
    font-size: 0.92rem;
    /* font-weight: 600; */
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(18, 24, 38, 0.08);
    transition:
        transform 0.16s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease;
}

.mt-inhalt-section-notizen .mt-inhalt-notizen-edit-btn:hover {
    transform: translateY(-0.5px);
    /* border-color: rgba(36, 107, 250, 0.42);
    background-color: #f5f9ff;
    color: #1f4fb8;
    box-shadow: 0 2px 6px rgba(31, 79, 184, 0.14); */
    box-shadow: 0 2px 6px rgb(148 148 148 / 14%);
    background: linear-gradient(90deg, rgb(183 201 84 / 20%) 5%, rgb(9 121 24 / 12%) 90%);
    color: var(--main-link-color-red);
    border-color: rgb(183 201 84 / 20%);
}

.mt-inhalt-section-notizen .mt-inhalt-notizen-edit-btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(31, 79, 184, 0.14);
}

.mt-inhalt-section-notizen .mt-inhalt-notizen-edit-btn:focus-visible {
    outline: 2px solid #2f6df8;
    outline-offset: 2px;
}

body.single-meditrick {
    background: white;
}

header.masthead {
    position: relative;
    z-index: 99999999;
}

.x-navbar.mt-ekp-navbar-mode-lernen {
    border-bottom: 3px solid #6f42c1;
}
.x-navbar.mt-ekp-navbar-mode-wiederholen {
    border-bottom: 3px solid #379bd5;
}

.mt-ekp-hidden-container {
    display: none;
}

.mt-ekp-title-container {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 32px;
}

/* EKP title row: post title fit-content, rep date right-aligned */
.mt-ekp-title-container.mtsr-ekp-statusbar {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 8px;
}

.mt-ekp-title-container.mtsr-ekp-statusbar .mt-ekp-title-row {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    gap: 12px;
}

.mt-ekp-title-container.mtsr-ekp-statusbar .entry-title {
    flex: 0 1 auto;
    flex-grow: 0;
    width: fit-content;
    max-width: 100%;
    margin: 0;
}

.mt-ekp-title-container.mtsr-ekp-statusbar .mtsr-ekp-statusbar-daterow {
    flex: 1 1 auto;
    width: auto;
    margin-left: auto;
    justify-content: flex-end;
}

.mt-ekp-title-container .mtf-ekp-ratedot-container {
    margin-left: 6px;
    padding-left: 2px;
}
.mt-ekp-title-container .mtf-ekp-ratedot-container {
    margin-left: -3px;
}
.mtsr-ekp-repmode-title-container .mtf-ekp-ratedot-container {
    margin-left: 0px;
    padding-left: 0px;
}
.mtsr-ekp-repmode-title-container .mtsr-ekp-statusbar-click,
.mtsr-ekp-statusbar-click .mtf-ratedot {
    font-size: 0.9em !important;
}

.mtf-ekp-ratedot-container .mtf-ratedot {
    font-size: unset !important;
}
.mtsr-ekp-repmode-title-container .mtsr-ekp-statusbar-mtsricon {
    padding-left: 3px;
}
.mt-ekp-title-container .mtf-ekp-ratedot-container .mtf-ratedot-click {
    height: auto;
}
.mt-ekp-title-container .mtf-ekp-ratedot-container i.ic-dot {
    font-size: 0.8em;
}

.tooltip_content.mode-search .mt-ekp-tooltip-bottom-controls-container-item {
    display: none;
}

/* === LAYOUT === */
.mt-outline-layout {
    display: flex;
    /* gap: 1.25rem; */
    align-items: flex-start;
}

/* === OUTLINE (SUMMARY) === */
.mt-outline {
    flex: 0 0 260px;
    position: sticky;
    top: 1rem;
    max-height: 75vh;
    overflow: auto;
    padding: 0.75rem 0.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;

    border-radius: var(--mt-ekp-radius);
    background: linear-gradient(180deg, var(--mt-ekp-bg1), var(--mt-ekp-bg2));
    background: linear-gradient(180deg, rgb(248 252 255 / 58%), rgb(231 241 252 / 22%));
    border: 1px solid rgb(15 23 42 / 5%);
    box-shadow: var(--mt-ekp-shadow);
    margin-top: 12px;
}

.mt-outline h3 {
    margin: 0 0 0.5rem;
    font:
        600 14px/1.2 system-ui,
        sans-serif;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    opacity: 0.7;
}

.mt-outline ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mt-outline a {
    display: block;
    text-decoration: none;
    padding: 8px 12px;

    border-radius: 12px;
    margin: 0.15rem 0;
    font:
        500 14px/1.3 system-ui,
        sans-serif;
    color: var(--mt-ekp-outline-text);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mt-ekp-inhalt-erklaerbaer-menu-wrapper li.mt-inhalt-erklaerbaer-sub a {
    padding: 6px;
}

.mt-outline a:hover {
    background: var(--mt-ekp-outline-bg-active);
    color: var(--mt-ekp-outline-text);
}

.mt-outline a.is-active {
    /* border-left-color: #111; */
    color: var(--mt-ekp-outline-text);
    background: linear-gradient(346deg, rgb(36 182 228 / 0.44), rgb(74 214 201 / 0.34));
}

.mt-outline li[data-level="2"] a {
    /* padding-left: 1.25rem; */
    font-weight: 500;
}

.mt-outline li[data-level="3"] a {
    padding-left: 1rem;
    font-weight: bold;
    opacity: 0.9;
}

.mt-outline li[data-level="4"] a {
    padding-left: 1.75rem;
    font-weight: 400;
    opacity: 0.85;
    font-size: 13px;
}

.mt-outline li[data-level="5"] a {
    padding-left: 2.5rem;
    font-weight: 400;
    opacity: 0.8;
    font-size: 12.5px;
}

.mt-outline li[data-level="6"] a {
    padding-left: 3.25rem;
    font-weight: 400;
    opacity: 0.75;
    font-size: 12px;
}

/* Add explicit markers for deeper Erklaerbaer outline levels (4+) */
.mt-outline li[data-level="4"] a,
.mt-outline li[data-level="5"] a,
.mt-outline li[data-level="6"] a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.45rem;
}

.mt-outline li[data-level="4"] a::before,
.mt-outline li[data-level="5"] a::before,
.mt-outline li[data-level="6"] a::before {
    flex: 0 0 auto;
    line-height: 1.3;
    opacity: 0.8;
}

.mt-outline li[data-level="4"] a::before {
    content: "\2022";
}

.mt-outline li[data-level="5"] a::before,
.mt-outline li[data-level="6"] a::before {
    content: "-";
}

.mt-outline li.mt-inhalt-erklaerbaer-sub {
    display: none;
}

.mt-outline li.mt-inhalt-erklaerbaer-sub.is-visible {
    display: block;
}
.mt-ekp-inhalt-erklaerbaer-menu-wrapper.active {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.28), rgb(255 255 255 / 0.1));
    border-radius: 18px;
    padding: 8px;

    box-shadow: 0 4px 18px rgb(15 23 42 / 0.04);
    margin: 8px 0;

    border: 2px solid #bce9ef;
}

/* === CONTENT CONTAINER === */
/* When the user scrolls up inside this box (desktop), script_frontend-dev-5.js may nudge the
   page scroll so the meditrick tab bar stays below the sticky header — see mtEkpInhaltTabBarScrollHelper. */
.mt-ekp-inhalt-content-scroll-container {
    overflow: auto;
    position: relative;
    /* required for sticky + offset math */
    max-height: 75vh;
    scroll-behavior: smooth;
    padding-left: 1.5rem;
    padding-right: 1.5rem;

    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 24px;
    padding-bottom: 100px;
}
.mt-ekp-inhalt-section-content {
    line-height: 1.6em;
}

/* Sticky headings inside the container */
.mt-ekp-inhalt-content-scroll-container h1,
.mt-ekp-inhalt-content-scroll-container h2,
.mt-ekp-inhalt-content-scroll-container h3,
.mt-ekp-inhalt-content-scroll-container h4,
.mt-ekp-inhalt-content-scroll-container h5,
.mt-ekp-inhalt-content-scroll-container h6 {
    /* position: sticky; */
    /* top: 0px;
    background: white; */

    z-index: 1;
    scroll-margin-top: calc(var(--mt-sticky-offset, 8px) + 6px);
    padding: 0.25rem 0;
    margin-top: 0px;
    padding-top: var(--mt-sticky-offset, 8px);
    /* box-shadow: var(--box-shadow-default); */
    /* border-bottom: 1px solid #e5e7eb; */
}
.mt-ekp-inhalt-content-scroll-container td {
    border: 0px;
}

/* Invisible scroll anchors (no layout shift) */
.mt-scroll-anchor {
    position: relative;
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
}

.mt-inhalt-section {
    line-height: 1.4;
    /* border-bottom: 1px solid #f0f0f0; */
    /* padding-bottom: 8px;
    padding-top: 8px; */
}
.mt-inhalt-section::after {
    content: "";
    display: block;
    width: 80%;
    height: 5px;
    border-radius: 5px;
    background: #f2f2f2;
    margin: 0 auto;
    margin-top: 32px;
}
.mt-inhalt-section:last-child::after {
    display: none;
}

.mt-inhalt-section h1 {
    font-size: 1.45rem;
    font-weight: 900;

    line-height: 1.3em;

    /* padding-bottom: 9px; */
    /* margin-bottom: 9px; */
    padding-bottom: 4px;
    border-bottom: 0px;
    color: var(--mt-ekp-outline-text);
    letter-spacing: 1px;
    /* font-family: sans-serif; */
    /* border-top: 1px solid #e5e7eb; */
}
.mt-inhalt-section h2 {
    font-size: 2rem;
}
.mt-inhalt-section h3 {
    font-size: 1.25rem;
}
.mt-inhalt-section h4 {
    font-size: 1.15rem;
}
.mt-inhalt-erklaerbaer {
    /* margin-top: 24px; */
}
.mt-inhalt-erklaerbaer h1 {
    display: inline-block !important;
}
.mt-inhalt-erklaerbaer-h1-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
/* Title + (optional) .mt-ekp-tts-preserve (info) + TTS: speaker flush right */
.mt-inhalt-erklaerbaer-h1-row h1 {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    flex-wrap: wrap;
    gap: 6px 8px;
    padding-right: 0 !important;
}
.mt-inhalt-erklaerbaer-h1-row h1 .mt-tts-speaker {
    margin-left: auto !important;
}
button.mt-ekp-erklaerbaer-info-open {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid rgb(50 60 84 / 18%);
    border: 1px solid rgb(50 60 84 / 4%);
    border-radius: 50%;
    background: #fff;
    color: rgb(50 60 84 / 55%);
    cursor: pointer;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 1px;
    /* box-shadow: 0 1px 2px rgb(15 23 42 / 6%); */
    transition:
        background 0.15s,
        border-color 0.15s,
        color 0.15s;
}
button.mt-ekp-erklaerbaer-info-open:hover,
button.mt-ekp-erklaerbaer-info-open:focus-visible {
    background: #f0f6fc;
    color: #0c4a6e;
    border-color: rgb(12 74 110 / 28%);
    outline: none;
}
button.mt-ekp-erklaerbaer-info-open .x-icon {
    font-size: 12px;
}
.mt-ekp-erklaerbaer-info-root {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10000050;
    align-items: center;
    justify-content: center;
    padding: 20px 16px;
    box-sizing: border-box;
}
.mt-ekp-erklaerbaer-info-root.is-open {
    display: flex;
}
.mt-ekp-erklaerbaer-info-root h3 {
    margin: 0 !important;
}
.mt-ekp-erklaerbaer-info-backdrop {
    position: absolute;
    inset: 0;
    background: rgb(15 23 42 / 0.45);
    cursor: pointer;
}
.mt-ekp-erklaerbaer-info-panel {
    position: relative;
    z-index: 1;
    max-width: 26rem;
    width: 100%;
    background: #fff;
    color: #1e293b;
    border-radius: 20px;
    box-shadow:
        0 20px 50px rgb(15 23 42 / 18%),
        0 0 0 1px rgb(15 23 42 / 6%);
    padding: 1rem 1.1rem 1.15rem 1.1rem;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 0.5rem;
    row-gap: 0.75rem;
}
/* Title + close on one row; paragraph full width below */
button.mt-ekp-erklaerbaer-info-panel-close {
    flex: 0 0 auto;
    position: static;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition:
        background 0.15s,
        color 0.15s;
}
button.mt-ekp-erklaerbaer-info-panel-close:hover,
button.mt-ekp-erklaerbaer-info-panel-close:focus-visible {
    background: #f1f5f9;
    color: #64748b;
    outline: none;
}
.mt-ekp-erklaerbaer-info-panel-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.3;
    color: #0f172a;
}
.mt-ekp-erklaerbaer-info-panel-text {
    flex: 0 0 100%;
    width: 100%;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #475569;
}
.mt-inhalt-erklaerbaer-img {
    float: right;
}
.mt-inhalt-erklaerbaer-img img {
    width: 164px;
    border-radius: 12px;
    object-fit: cover;
    margin-right: 6px;
}

.mt-ekp-inhalt-erklaerbaer-menu-wrapper .mt-inhalt-erklaerbaer-img {
    height: 28px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: rotateY(180deg) translate(calc(50% + 18px), calc(25% - 2px));
    /* display: none; */
    border-radius: 50%;
    /* border: 1px solid black; */
    width: 39px;
    margin: 0 !important;
}
.mt-ekp-inhalt-erklaerbaer-menu-wrapper .mt-inhalt-erklaerbaer-img img {
    width: 41px;
}

.mt-inhalt-erklaerbaer h2,
.mt-inhalt-erklaerbaer h3,
.mt-inhalt-erklaerbaer h4,
.mt-inhalt-erklaerbaer h5,
.mt-inhalt-erklaerbaer h6 {
    margin-top: 24px;
    /* margin-bottom: 12px; */
    font-weight: bold;
}

.mt-ekp-abb-inline-preview {
    display: inline-block;
    cursor: pointer;
    border: 1px solid rgb(235 241 251);
    border-radius: 20px;
    /* overflow: hidden; */
    vertical-align: middle;
    position: relative;
    transition:
        border-color 0.15s,
        box-shadow 0.15s;
    padding: 4px 6px;
}
.mt-ekp-abb-inline-preview:hover {
    border-color: rgb(186 213 244 / 36%);
    box-shadow: 0 2px 8px rgb(102 133 195 / 12%);
}
.mt-ekp-abb-inline-thumb {
    height: 160px;
    max-width: max-content;
    display: block;
    border-radius: 14px;
}
.mt-ekp-abb-inline-interactive-icon {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background: rgba(255, 255, 255, 1);
    border-radius: 7px;
    /* border-radius: 50%; */
    padding: 3px;
    line-height: 0;
    box-shadow: 0 1px 8px rgb(0 0 0 / 5%);
}
.mt-inhalt-erklaerbaer .mt-ekp-abb-inline-interactive-icon {
    border-radius: 50%;
}

.mt-ekp-abb-inline-interactive-icon .mt-ekp-figure-dropdown-interactive-icon {
    width: 20px;
    height: 20px;
    display: block;
}
.mt-ekp-abb-inline-title-wrapper {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 8px 5px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0 0 5px 5px;
    pointer-events: none;
}
.mt-inhalt-abbildungen .mt-ekp-abb-inline-title {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: clip;
}
/** INHALT ABBILDUNGEN */
.mt-inhalt-abbildungen {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.mt-inhalt-abbildungen .mt-ekp-abb-inline-preview {
    padding: 4px;
    width: 160px !important;
    height: 160px !important;
}
.mt-inhalt-abbildungen .mt-ekp-abb-inline-thumb {
    height: 100%;
    max-width: 100%;
    display: block;
    border-radius: 16px;
    object-fit: cover;
}
.mt-inhalt-abbildungen .mt-ekp-abb-inline-interactive-icon {
    z-index: 5;
}
.mt-inhalt-abbildungen .mt-ekp-abb-inline-title-wrapper {
    display: block;
    background: rgb(235 242 250 / 50%);
    background: rgb(208 233 249 / 79%);
    border-radius: 0 0 18px 18px;
    color: #373a49;
    color: #3e547b;
    padding: 4px 10px;
    height: 40px;
    word-wrap: break-word;
    white-space: pre-wrap;
    backdrop-filter: blur(1px);
    font-size: 12px;
    /* font-weight: 600; */
}
.mt-inhalt-abbildungen .mt-ekp-abb-inline-title-wrapper.has-icon {
    padding: 4px 6px 4px 40px;
}
.mt-inhalt-abbildungen .mt-ekp-abb-inline-preview:hover {
    border-color: rgb(186 213 244 / 77%);
}
.mt-inhalt-abbildungen .mt-ekp-abb-inline-preview:hover .mt-ekp-abb-inline-title-wrapper {
    background: linear-gradient(346deg, rgb(36 182 228 / 58%), rgb(74 214 201 / 47%));
    background: #aedbf3ba;
    color: #0e2654;
    backdrop-filter: blur(4px) brightness(12);
}

.mt-inhalt-abbildungen .mt-ekp-abb-inline-preview:hover .mt-ekp-figure-dropdown-interactive-icon-container {
    background: rgb(185 222 224 / 54%);
    background: linear-gradient(346deg, rgb(36 182 228 / 44%), rgb(74 214 201 / 34%));
}

.figure_menu_item:hover .mt-ekp-figure-dropdown-interactive-icon-container {
    background: #4e94b7;
    background: #6697b0;
}
/** === GENERAL STYLES === */

.mt-untertitel {
    margin: 0;
    font-size: 150%;
    line-height: 1.05;
    color: #45818e;
    letter-spacing: 0.01em;
    margin-top: 8px;
    margin-left: 8px;
}
.mt-untertitel.mt-ekp-title-container-with-ekp-statusbar {
    margin-left: 28px;
}
.mt-untertitel.mt-ekp-title-container-with-mtsr-statusbar {
    margin-left: 60px;
}

.mtsr-ekp-repmode-title-element.element-left-container .mtsr-ekp-statusbar-daterow {
    color: #929292;
}

.mtsr-ekp-statusbar .mtsr-main-icon {
    top: 2px;
    position: relative;
}
.mt-ekp-breadcrumb-ekp-mode .mtsr-main-icon {
    font-size: 1em;
    margin-right: 2px;
}
.meditrick_wrapper {
    position: relative;
    margin-bottom: 242px;
    background: white;
}
.meditrick_wrapper.mt-ekp-search-active {
    margin-top: 100px;
}

.meditrick_wrapper.mode-embed.mt-ekp-search-active {
    margin-top: 200px;
}
.text_line.cat {
}

.hidePoint {
    opacity: 0 !important;
}

/* Option/Alt key: hide point markers without removing them from layout (vs display:none). */
.hidePointAlt {
    visibility: hidden !important;
}

.text_line.cat .text_line_content {
    display: flex;
    color: #afafaf;
}

.mt-ekp-tooltip-cat1 {
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 1 auto;
    margin-right: 0.1em;
}

.mt-ekp-tooltip-cattrenner {
    margin-right: 0.2em;
}

.mt-ekp-tooltip-cat2 {
    flex: 0 0 auto;
    color: #8d8d8d;
}

.ekp_x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(calc(50% - 6px));
}
.ekp_x:hover {
    cursor: pointer;
}

.ekp_x i {
    color: #cacaca;
}

.ekp_x:hover i {
    color: #bdbdbd;
}

.hint_msg_dropd {
    background: white;
    display: inline-block;
    padding: 20px;
    border-radius: 15px;
}

/** breadcrumbs */
.mt-ekp-breadcrumb-container-wrapper {
    position: fixed;

    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    margin-top: -7px;

    user-select: none;
}
.mt-ekp-breadcrumb-container-wrapper.scrolled .mt-ekp-breadcrumb-container {
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.06),
        0 1px 2px rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid #eaeaea;
    /* background: rgb(111 66 193);
    background: rgb(111 66 193 / 3%); */
    /* Translucent tint + blur are painted via ::before (see below) so the
       container itself is NOT a backdrop-filter element. Rationale:
       `backdrop-filter` (like `transform`) turns an element into a
       containing block for position: fixed descendants. The breadcrumb
       level-1 dropdowns are position: fixed but are NOT portaled to
       <body> in non-overlay mode — they live inside this container. With
       backdrop-filter on the container, their fixed coordinates resolve
       against the container instead of the viewport, so the dropdown
       jumps to a wrong position the moment `.scrolled` is toggled. */
    background: transparent;
    position: relative;
    isolation: isolate;
}
.mt-ekp-breadcrumb-container-wrapper.scrolled .mt-ekp-breadcrumb-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(250 249 253 / 83%);
    backdrop-filter: blur(24px) brightness(1.83);
    -webkit-backdrop-filter: blur(24px) brightness(1.83);
    z-index: -1;
    pointer-events: none;
}
.mt-ekp-breadcrumb-container {
    display: flex;
    /* gap: 6px; */
    margin-bottom: 8px;
    margin-top: -6px;
    margin-left: -10px;
    max-width: 1200px;
    background: white;
    margin: 0px auto !important;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.mt-ekp-breadcrumb-left-item {
    display: flex;
    align-items: center;
}

.mt-ekp-breadcrumb-right-cluster {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-left: auto;
    flex: 0 1 auto;
    min-width: 0;
}

/* Deck LL queue — “Als Nächstes” (EKP breadcrumb, mt-spacedrep displayer) */
.mtsr-als-naechstes {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    max-width: min(52vw, 320px);
    font-size: 12px;
    line-height: 1.25;
    color: #323c54;
    position: relative;
}

.mtsr-als-naechstes-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(18, 24, 38, 0.14);
    border: 0px solid transparent;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.8);
    padding: 3px 8px;
    cursor: pointer;
    color: inherit;
    max-width: 100%;
}

.mtsr-als-naechstes-trigger:hover {
    background: rgba(247, 247, 248, 0.95);
}

.mtsr-als-naechstes-label {
    color: rgb(50 60 84 / 48%);
    font-size: 11px;
    white-space: nowrap;
    user-select: none;
}

.mtsr-als-naechstes-icon {
    display: inline-flex;
    color: #2563eb;
    flex-shrink: 0;
}

.mtsr-als-naechstes-title-container {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.mtsr-als-naechstes-title-link {
    color: #1e293b;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 11rem;
}

.mtsr-als-naechstes-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    color: #323c54;
    flex-shrink: 0;
    transition: background 0.15s ease;
}

.mtsr-als-naechstes-menu-btn:hover {
    background: rgba(18, 24, 38, 0.06);
}

.mtsr-als-naechstes-hamburger {
    display: block;
    width: 16px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
    box-shadow:
        0 -5px 0 currentColor,
        0 5px 0 currentColor;
}

.mtsr-als-naechstes-popover {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 4001;
    min-width: 240px;
    max-width: min(92vw, 340px);
    max-height: min(56vh, 360px);
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    border-radius: 18px;
    border: 1px solid #d5e2ef;
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
    box-shadow:
        0 18px 36px rgb(22 56 94 / 16%),
        0 2px 10px rgb(0 0 0 / 6%);
    overflow: hidden;
}

.mtsr-als-naechstes-popover[hidden] {
    display: none !important;
}

.mtsr-als-naechstes-popover.is-open:not([hidden]) {
    display: flex !important;
    z-index: 999999 !important;
}

.mtsr-als-naechstes-popover-inner {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: inherit;
}

.mtsr-als-naechstes-popover-head {
    flex-shrink: 0;
    padding: 10px 12px 6px;
    font-size: 11px;
    font-weight: 600;
    color: rgb(50 60 84 / 55%);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.mtsr-als-naechstes-jumpbar {
    display: flex;
    justify-content: space-around;
    gap: 6px;
    padding: 10px 10px 10px;
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(32, 72, 120, 0.12);
}

.mtsr-als-naechstes-jump-btn {
    border: 1px solid rgba(32, 72, 120, 0.2);
    border-radius: 999px;
    background: #fff;
    padding: 4px 11px;
    font-size: 11px;
    line-height: 1.2;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease;
}

.mtsr-als-naechstes-jump-btn:hover {
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.28);
}

.mtsr-als-naechstes-jump-btn.is-active,
.mtsr-als-naechstes-jump-btn[aria-current="true"] {
    background: #4f9ac2;
    color: #fff;
    border-color: #4f9ac2;
    box-shadow: 0 4px 10px rgba(27, 87, 128, 0.24);
}

.mtsr-als-naechstes-list {
    list-style: none;
    margin: 0;
    padding: 4px 0 8px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: min(48vh, 300px);
}

.mtsr-als-naechstes-popover-scroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: min(52vh, 380px);
    padding: 2px 4px 8px;
}

.mtsr-als-naechstes-popover-scroll .mtsr-als-naechstes-list {
    max-height: none;
    overflow: visible;
}

.mtsr-als-naechstes-section {
    padding: 0 6px;
}

.mtsr-als-naechstes-section-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 10px 6px;
    font-size: 11px;
    font-weight: 600;
    color: rgb(50 60 84 / 58%);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.mtsr-als-naechstes-section-count {
    font-size: 11px;
}

.mtsr-als-naechstes-li .mtsr-als-naechstes-rowlink {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    color: #1e293b;
    text-decoration: none;
    font-size: 13px;
    border-radius: 12px;
    transition:
        background-color 0.15s ease,
        transform 0.15s ease;
}

.mtsr-als-naechstes-li .mtsr-als-naechstes-rowlink:hover {
    background: rgba(37, 99, 235, 0.07);
    transform: translateX(1px);
}

.mtsr-als-naechstes-li.is-current .mtsr-als-naechstes-rowlink {
    font-weight: 600;
    background: rgba(79, 154, 194, 0.18);
}

.mtsr-als-naechstes-thumb-wrap {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.06);
    box-shadow: 0 4px 8px rgb(15 23 42 / 14%);
}

.mtsr-als-naechstes-thumb {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.mtsr-als-naechstes-thumb--empty {
    display: block;
    width: 100%;
    height: 100%;
}

.mtsr-als-naechstes-dot-wrap {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
}

.mtsr-als-naechstes-lernampel-dot {
    font-size: 0.52em;
    line-height: 1;
    top: 1px;
    position: relative;
}

.mtsr-als-naechstes-row-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mtsr-als-naechstes-row-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.mtsr-als-naechstes-row-meta {
    font-size: 11px;
    color: rgb(50 60 84 / 52%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 6px;

    display: flex;
    justify-content: space-between;
    gap: 6px;
}
.mtsr-als-naechstes-row-meta-marked {
    background: #fcffcb;
    border-radius: 4px;
    padding: 1px 2px;
    color: #dcac4e;
}
.mtsr-als-naechstes-row-meta-marked-icon {
    margin: 0 2px;
    opacity: 0.7;
}
.mtsr-als-naechstes-count-separator {
    margin: 0 2px;
}
.mtsr-als-naechstes-sheet-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 8px env(safe-area-inset-bottom, 12px);
}

.mtsr-als-naechstes-jumpbar--sheet {
    position: sticky;
    top: 0;
    z-index: 3;
}

/* Mobile bottom sheet */
.mtsr-als-naechstes-sheet-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10040;
    background: rgba(15, 23, 42, 0.45);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.mtsr-als-naechstes-sheet-overlay.is-open {
    display: block;
    opacity: 1;
}

.mtsr-als-naechstes-sheet-overlay[hidden] {
    display: none !important;
}

body.mtsr-als-naechstes-open {
    overflow: hidden;
}

.mtsr-als-naechstes-sheet {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10041;
    max-height: min(72vh, 520px);
    border-radius: 16px 16px 0 0;
    background: #fff;
    box-shadow: 0 -8px 32px rgb(0 0 0 / 18%);
    flex-direction: column;
    transform: translateY(100%);
    transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
}

.mtsr-als-naechstes-sheet[hidden] {
    display: none !important;
}

.mtsr-als-naechstes-sheet.is-open:not([hidden]) {
    display: flex !important;
    transform: translateY(0);
}

.mtsr-als-naechstes-sheet-handle {
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: rgba(15, 23, 42, 0.15);
    margin: 8px auto 4px;
}

.mtsr-als-naechstes-sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 12px 10px;
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
}

.mtsr-als-naechstes-sheet-close {
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: rgb(50 60 84 / 55%);
    border-radius: 8px;
}

.mtsr-als-naechstes-sheet-close:hover {
    background: rgba(18, 24, 38, 0.06);
}

.mtsr-als-naechstes-list--sheet {
    flex: 1;
    min-height: 0;
    max-height: none;
}

@media (max-width: 719px) {
    .mtsr-als-naechstes-popover {
        display: none !important;
    }

    .mtsr-als-naechstes {
        max-width: min(42vw, 200px);
    }
}

@media (min-width: 720px) {
    .mtsr-als-naechstes-sheet-overlay,
    .mtsr-als-naechstes-sheet {
        display: none !important;
    }
}

.mt-ekp-other-faecher-container {
    padding-right: 10px;
    color: #d4d4d4;
    font-size: 11px;
    user-select: none;

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 3px;
}
.mt-ekp-other-faecher-container.hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
}
span.mt-ekp-breadcrumb-ekp-mode-label {
    font-size: 11px;
    color: #d4d4d4;
    user-select: none;
}

.mt-ekp-breadcrumb-ekp-mode {
    padding: 2px 4px;
    position: relative;
    cursor: pointer;
}
.mt-ekp-breadcrumb-ekp-mode i {
    margin-left: 2px;
}
.mt-ekp-breadcrumb-ekp-mode .mode-item {
    padding: 2px 8px;
    padding-right: 10px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.8;
    display: inline-flex;
    align-items: center;
    gap: 9px;
}
.mt-ekp-breadcrumb-ekp-mode > .mode-item {
    padding: 0px;
}
.mt-ekp-breadcrumb-ekp-learn-mode-label {
    width: max-content;
}
.mt-ekp-breadcrumb-ekp-mode .mode-lernen {
    color: green;
    color: #6f42c1;
}
.mt-ekp-breadcrumb-ekp-mode .current-mode {
    font-weight: bold;
}

.mt-ekp-breadcrumb-ekp-mode .current-mode .mode-lernen:hover {
    /* color: #2c3d5b; */
    /* background-color: rgba(72, 127, 161, 0.12); */
    background: linear-gradient(135deg, rgba(111, 66, 193, 0.1) 0%, rgba(111, 66, 193, 0.06) 100%);
}

.mt-ekp-breadcrumb-ekp-mode .current-mode .mode-wiederholen:hover {
    background: linear-gradient(135deg, rgba(21, 198, 189, 0.1) 0%, rgba(21, 198, 189, 0.06) 100%);
}
.mt-ekp-mode-dropdown {
    position: absolute;
    top: 100%;
    left: 4px;
    background: #ffffff;
    border: 1px solid rgba(120, 130, 150, 0.08);
    border-radius: 10px;
    /* padding: 6px; */
    /* min-width: 200px; */
    width: max-content;
    box-shadow:
        0 12px 32px rgba(20, 30, 50, 0.04),
        0 4px 12px rgba(20, 30, 50, 0.02);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(4px);
    transition:
        opacity 0.15s ease,
        transform 0.15s ease,
        visibility 0.15s ease;
    z-index: 9999999990;
    min-width: 85%;
}

.mt-ekp-breadcrumb-ekp-mode:hover .mt-ekp-mode-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.mtf-fach-breadcrumb-count {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.mt-ekp-mode-dropdown-item {
    display: flex;
    align-items: center;
    gap: 6px;
    /* margin: 2px 4px; */
    border-radius: 10px;
    color: #3e4b62;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.15s ease;
    width: max-content;
    min-width: 100%;
}

.mt-ekp-mode-dropdown-item.mode-lernen:hover {
    background: linear-gradient(135deg, rgba(111, 66, 193, 0.06) 0%, rgba(111, 66, 193, 0.02) 100%);
}
.mt-ekp-mode-dropdown-item.mode-wiederholen:hover {
    background-color: rgba(72, 127, 161, 0.12);
    background: linear-gradient(135deg, rgba(21, 198, 189, 0.08) 0%, rgba(21, 198, 189, 0.02) 100%);
}

.mt-ekp-breadcrumb-ekp-mode.is-spacedrep-exempt .mt-ekp-mode-dropdown {
    display: none !important;
}

.mt-ekp-mode-dropdown-item.mode-wiederholen {
    color: #0d6394;
}

/** RZ22 */

.mt-ekp-desc-blue,
.mt-ekp-desc-asso {
    /*.mteditor .mt-ekp-desc-blue, .mteditor .mt-ekp-desc-asso { */
    color: #2073cf;
}

/* Serien */
.mt-ekp-top-tabs-box {
    /* background: #f2f2f2; */
    /* margin-bottom: 1em; */
    /*  box-shadow: 0 2px 4pxrgb(0 0 0 / 1%),0 4px 18pxrgb(0 0 0 / 7%);  */
}

.mt-ekp-top-tabs-navi {
    display: flex;
    /* border-bottom: 1px solid #e3e3e3; */
    flex-wrap: wrap;
}

.mt-ekp-top-tabs {
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
    /* background: #e2e0e0; */
    border-bottom: 1px solid transparent;
    color: #808080;
    letter-spacing: 0.05em;
    transition: 0.2s;
    /* border-right: 1px solid #cccccc; */
    font-style: italic;
    margin-right: 1px;
}

.mt-ekp-top-tabs.active {
    background: #f2f2f2;
    /* color: rgb(66,66,66); */
    /* border-bottom: 1px #ccc solid; */
    border-radius: 5px 5px 0px 0px;
    /* border-right: #000000; */
}

.mt-ekp-top-tabs:hover {
    background: #ccc;
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
}

.mt-ekp-top-tabs-content-container {
    height: max-content;
    max-height: 450px;
    padding: 8px;
    padding-bottom: 12px;
    padding-top: 12px;
    position: absolute;
    width: 100%;
    background: #f2f2f2;
    z-index: 99999999;
    /* box-shadow: var(--default-box-shadow); */
    border: 1px solid #ccc;
    border-radius: 0px 0px 5px 5px;
}
.mt-ekp-top-tabs-count {
    /* background: #f9f9f9; */
    border-radius: 5px;
    /* padding: 5px;
    padding-top: 2px;
    padding-bottom: 3px; */
    color: #b8b8b8;
    color: rgb(50 60 84 / 59%);
    margin-left: 0.3em;
    font-size: 12px;
}
.mt-ekp-outline-eklaerbaer-reading-icon {
    margin-right: 4px;
    display: none;
}
.mt-outline li a:hover .mt-ekp-read-time,
.mt-outline li.is-active > a .mt-ekp-read-time,
.mt-outline li a.is-active .mt-ekp-read-time {
    background: rgb(255 255 255 / 55%);
    color: rgb(50 60 84 / 85%);
}

.mt-ekp-top-tabs-content {
    display: none;
}
.mt-ekp-top-tabs-content-scroll-container {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* Faktenliste — single column by default; two columns from medium+ viewports only */
.mt-ekp-facts-list {
    column-count: 1;
    column-gap: 28px;
    max-width: 100%;
    margin-bottom: 0px;
    margin-left: 1em;
    margin-right: 1em;
    user-select: none;
}

@media (min-width: 900px) {
    .mt-ekp-facts-list {
        column-count: 2;
    }
}

.mt-ekp-facts-list .fact-list-item {
    /* break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  display: block;*/
}

.mt-inhalt-fakten-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.mt-inhalt-fakten-header h1 {
    margin: 0;
}

.mt-facts-toggle-all {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 4px 12px;
    font-size: 12px;
    color: rgb(50 60 84);
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.mt-facts-toggle-all:hover {
    opacity: 1;
}

.mt-facts-cat-group {
    break-inside: avoid;
}

.mt-facts-cat-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    padding-left: 4px;
}
.mt-facts-cat-toggle:hover {
    background: #e7f4fe;
}

.mt-facts-cat-chevron {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
}

.mt-facts-cat-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.mt-facts-cat-factmark {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    line-height: 1;
    color: #f2b705;
}

.mt-facts-cat-toggle.is-collapsed.mt-facts-cat-has-factmark .mt-facts-cat-factmark {
    display: inline-flex;
}

.mt-facts-cat-chevron::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-top: -2px;
    opacity: 0.5;
}

.mt-facts-cat-toggle.is-collapsed .mt-facts-cat-chevron,
.mt-facts-toggle-all.is-collapsed .mt-facts-cat-chevron {
    transform: rotate(90deg);
}

.mt-facts-cat-items {
    /* overflow: hidden; */
    transition:
        max-height 0.3s ease,
        opacity 0.25s ease;
    break-inside: avoid;
}

.mt-facts-cat-items.is-collapsed {
    max-height: 0 !important;
    opacity: 0;
    pointer-events: none;
}

.mt-ekp-facts-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    padding: 3px 4px;
    justify-content: space-between;
    padding-left: 0.5em;
}
.mt-ekp-facts-row:hover {
    background: rgba(0, 0, 0, 0.1);
    background: var(--mt-ekp-outline-bg-active);
}
.mt-ekp-facts-row.is-current-flash {
    animation: mt-ekp-facts-flash 2.1s ease-out 1;
}
@keyframes mt-ekp-facts-flash {
    0% {
        background: transparent;
        box-shadow: inset 0 0 0 0 transparent;
    }
    20% {
        background: var(--mt-ekp-outline-bg-active);
        /* box-shadow: inset 3px 0 0 0 currentColor; */
    }
    80% {
        background: var(--mt-ekp-outline-bg-active);
        /* box-shadow: inset 3px 0 0 0 currentColor; */
    }
    100% {
        background: transparent;
        box-shadow: inset 0 0 0 0 transparent;
    }
}
.mt-ekp-facts-row-content-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mt-ekp-facts-list hr {
    border-top: 2px solid #d3d3d3;
    margin: 0.2em;
    border-top: 1px solid #d3d3d3;
    margin: 0.75em 3.5em;
}

.mt-ekp-facts-list .mt-ekp-tooltip-bottom-abbildungen-icon {
    filter: brightness(0.85);
}

.mt-ekp-facts-point-icon {
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    display: flex;
    box-sizing: content-box;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    transition: 0.15s ease;
    user-select: none;
}
.fact-list-item:hover .mt-ekp-facts-point-icon.Basiswissen,
.mt-facts-cat-items:hover .mt-ekp-facts-point-icon.Basiswissen,
.hover-heading .mt-ekp-facts-point-icon.Basiswissen {
    border: 2px solid rgb(233 71 71 / 100%);
}
.fact-list-item:hover .mt-ekp-facts-point-icon.Expertenwissen,
.mt-facts-cat-items:hover .mt-ekp-facts-point-icon.Expertenwissen,
.hover-heading .mt-ekp-facts-point-icon.Expertenwissen {
    border: 2px solid rgb(230 156 61 / 100%);
}
.fact-list-item:hover .mt-ekp-facts-point-icon.Quintessence,
.mt-facts-cat-items:hover .mt-ekp-facts-point-icon.Quintessence,
.hover-heading .mt-ekp-facts-point-icon.Quintessence {
    background: rgb(233 71 71 / 90%);
}

.mt-ekp-facts-point-icon.Quintessence {
    background: rgb(0 0 0 / 70%);
    background: rgb(136 157 249 / 14%);
}
.mt-ekp-facts-point-icon.Basiswissen {
    border: 2px solid rgb(0 0 0 / 70%);
    border: 2px solid rgb(136 157 249 / 50%);
}
.mt-ekp-facts-point-icon.Expertenwissen {
    border: 2px dotted rgb(136 157 249 / 50%);
}
.mt-ekp-facts-point-icon .point_number_container {
}
.mt-ekp-facts-point-icon .point_number_container .point_number {
    text-shadow: none;
    line-height: auto;
    font-size: 11px;
    color: #565656;
    color: #838aa8 !important;
    position: relative;
    top: -1.5px;
    transition: 0.15s ease;
}
.mt-ekp-facts-point-icon.Quintessence .point_number_container .point_number {
    color: #e1e1e1 !important;
    color: #727272 !important;
    color: #838aa8 !important;
}
.fact-list-item:hover .mt-ekp-facts-point-icon .point_number_container .point_number,
.mt-facts-cat-items:hover .mt-ekp-facts-point-icon .point_number_container .point_number,
.hover-heading .mt-ekp-facts-point-icon .point_number_container .point_number {
    color: white !important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 66%);
    top: -2px;
    left: -0.5px;
}
.fact-list-item:hover .mt-ekp-facts-point-icon.Quintessence .point_number_container .point_number,
.mt-facts-cat-items:hover .mt-ekp-facts-point-icon.Quintessence .point_number_container .point_number,
.hover-heading .mt-ekp-facts-point-icon.Quintessence .point_number_container .point_number {
    text-shadow: 1px 1px 1px rgb(0 0 0 / 31%);
    transform: none;
}

.mt-ekp-facts-list .text_line.cat:not(.first-cat) {
    margin-top: 8px;
    /* margin-top: 3px; */
    margin-bottom: 2px;
}

.mt-ekp-verwandte-list .text_line.cat.first-cat,
.mt-ekp-verwandte-list .text_line.cat.max-width-cat {
    width: 100%;
}
.mt-ekp-facts-list .text_line.cat .text_line_content {
    color: #353544;
    color: #8d8d8d;
    font-size: 15px;
    /* letter-spacing: -1px; */
    font-weight: bold;
}
.mt-ekp-cat-number {
    margin-right: 0.7em !important;
    opacity: 0.6;
}
.mt-ekp-facts-list .point {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    /* margin-top: -7px; */
    margin-left: -7px;
    top: 8px;
    left: 4px;
    /* margin: 0; */
    color: white;
    line-height: 14px;
}

.mt-ekp-facts-list .point .point_number {
    text-shadow: 1px 1px 2px #363636;
    line-height: 22px;
    font-size: 10px;
    color: #dcdcdc;
}
.mt-ekp-facts-list .text_line.fact {
    font-weight: normal;
    font-size: 13px;
}
.mt-ekp-facts-icons {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    opacity: 0.8;
    padding-right: 0.5em;
}
.mt-ekp-facts-icon {
    font-size: 14px;
    color: #000000;

    color: #cacaca;
}
.mt-ekp-facts-icon.images {
    white-space: nowrap;
    display: flex;
    gap: 4px;
    color: #6f6f6f;
}
.mt-ekp-facts-icons .mt-ekp-facts-icon.mark {
    /* background-color: rgb(255 252 207); */
    background-color: yellow;
    /* color: #ec9d00; */
    color: orange;
    padding: 2px 4px;
    border-radius: 8px;
}
.mt-ekp-fact-edit {
    margin-left: auto;
    opacity: 1;
}

.mt-ekp-verwandte-list {
    display: flex;
    flex-wrap: wrap;
    column-count: 1;
    column-gap: 0;
}
.mt-ekp-verwandte-list .catlistvorschau_mehrteiler {
    margin-bottom: 0px;
}
.mt-ekp-verwandte-list .text_line.cat {
    margin-left: -8px;
}
.mt-ekp-verwandte-list .mt-facts-cat-items {
    min-width: fit-content;
}
.mt-ekp-verwandte-list .text_line.cat .text_line_content {
    color: #797e97;
}
/* Verwandte: title row must NOT make the group wider than its catlist row.
   Trick: take the title row out of intrinsic sizing (width: 0)
   and let it stretch to the resolved group width (min-width: 100%).
   Group is then sized by the catlist below, and the title wraps. */
.mt-ekp-verwandte-list .mt-facts-cat-group {
    min-width: 0;
    max-width: 100%;
    display: grid;
    align-items: end;
}
.mt-ekp-verwandte-list .mt-facts-cat-items {
    min-width: 0;
    max-width: 100%;
}
.mt-ekp-verwandte-list .mt-facts-cat-toggle.mt-ekp-verwandte-cat {
    width: 0;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.mt-ekp-verwandte-list .mt-facts-cat-toggle.mt-ekp-verwandte-cat > .text_line_content {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.mt-ekp-verwandte-list .mt-facts-cat-toggle.mt-ekp-verwandte-cat > .text_line_content .mt-ekp-cat-number {
    display: inline;
}
.mt-ekp-verwandte-list .mt-ekp-cat-title-text {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.mt-ekp-verwandte-list .mtf-lcp-title-line-container {
    font-size: 13px;
}
.mt-ekp-verwandte-list .catlistvorschau_mehrteiler img {
    max-width: 160px;
    border-radius: 14px;
}

.mt-ekp-top-tabs-count .count-comments,
.mt-ekp-top-tabs-count .count-chapters {
    /*opacity: 0.8; */
    margin-left: 6px;
}
.mt-ekp-tab-04 .mt-ekp-top-tabs-content-scroll-container,
.mt-ekp-tab-05 .mt-ekp-top-tabs-content-scroll-container {
    max-height: 400px;
}
.mt-ekp-tab-04 .mt-ekp-top-tabs-content-scroll-container-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mt-ekp-top-tabs-content-scroll-container-flexitem {
    padding-left: 5px;
}
.mt-ekp-top-tabs-content-scroll-container-flexitem .text_line.cat {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
.mt-ekp-top-tabs-content-scroll-container-flexitem:hover .text_line.cat {
    border: 1px solid #bababa;
    cursor: pointer;
}
.mt-ekp-top-tabs-content-scroll-container-flexitem .text_line.cat:hover {
    color: black;
    background: #fbfbfb;
}
.mt-ekp-top-tabs-kapitel-ul {
    list-style-type: none;
    width: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    min-height: 195px;
    max-height: inherit;
    max-width: 100%;
    overflow: scroll;
    margin-bottom: 0px;
    margin-left: 1em;
}

.mt-ekp-top-tabs-kapitel-ul li {
    flex-basis: 50%;
    cursor: pointer;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
}

.mt-ekp-top-tabs-kapitel-ul li:hover {
    background-color: #d5d5d5;
}

.mt-ekp-cat1 {
    margin-left: 0em;
    margin-top: 5px;
    font-weight: 500;
}

.mt-ekp-cat2 {
    margin-left: 1em;
    font-weight: 300;
}

.mt-ekp-cat-number {
    margin-right: 0.3em;
}

.exploration_tab .intro_hint_container {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 99999999;
}

.exploration_tab .intro_hint_container .darken {
    position: absolute;
    width: 100%;
    height: 100%;
    height: 100%;
    background: #8080806e;
    opacity: 1;
    z-index: 2;
}

.exploration_tab .intro_hint_container .hint_msg {
    /*border: 1px solid #dedede;*/

    background: white;

    padding: 20px;
    z-index: 11;
    position: relative;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow:
        0 2px 4px rgb(0 0 0 / 7%),
        0 4px 12px rgb(0 0 0 / 8%);
}

.exploration_tab .intro_hint_container .hint_msg h5 {
    margin-top: 0.7em;
}
.exploration_tab .intro_hint_container .hint_msg span.btns {
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.exploration_tab .hint_msg button {
    outline: none;
    border: none;
    background: none;
    color: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);
    background-image: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 1.3em;
    font-weight: 500;
}

.exploration_tab .hint_msg button span {
    color: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);
    background-image: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.exploration_tab .hint_msg button {
    position: relative;
}
.exploration_tab .hint_msg.line-after {
    opacity: 0;
}
.exploration_tab .hint_msg .line-after::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 10%;
    height: 2px;
    width: 80%;
    background: #444;
    background: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);
    transition: 0.2s;
}
.exploration_tab .hint_msg button:hover .line-after::after {
    width: 100%;
    left: 0%;
}

.mtekp-longdesc-img {
    display: block;
    margin-top: 1em;
}

.mtekp-longdesc-img img {
    max-height: 140px;
    width: auto !important;
    margin: 0 auto;
}

.text_line.mtf-factmark {
    display: inline-block;
}

.tooltipster-box:not(.ekp_quiz_mode_2-nowidth):not(.hidePoints) .tooltipster-content {
    min-width: 360px;
}

.mt-ekp-tooltip-inline-mirror-container .mt-ekp-tooltip-bottom-controls-container-item {
    display: none;
}

.mt-ekp-tooltip-bottom-bottomrow-controls-container {
    display: none;
}

.mt-ekp-tooltip-inline-mirror-container .mt-ekp-tooltip-bottom-bottomrow-controls-container .mt-ekp-tooltip-bottom-controls-container-item {
    display: block;
}

.mt-ekp-tooltip-inline-mirror-container .mt-ekp-tooltip-bottom-bottomrow-controls-container {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
}

.mt-ekp-tooltip-bottom-bottomrow-controls-container .mt-ekp-tooltip-bottom-controls-container-item {
    width: 50%;
}

.mt-ekp-tooltip-bottom-bottomrow-controls-container .mt-ekp-tooltip-bottom-controls-container-item-button {
    width: 100%;
    background: #f8fbfc; /* #f1f3f4; */
}

.mt-ekp-snippet-image-container {
    display: flex;
    justify-content: center;
    align-items: center;

    width: max-content;
    max-width: 100%;
    /* height: 250px; */
    box-sizing: border-box;
    flex-shrink: 0;

    margin: 0 auto;
    margin-top: 6px;
}

.mt-ekp-snippet-image {
    /* border-radius: 14px; */

    position: relative;
    box-sizing: border-box;
    width: max-content;
    max-width: 100%;
    height: 100%;
    max-height: 250px;
    /* margin-top: 0.5rem; */
    overflow: hidden;

    /* border: 4px #ffffff solid; */
    box-sizing: content-box;
    /* border-radius: 14px; */
    overflow: hidden;
    box-shadow: var(--mt-ekp-image-shadow);
    /* box-shadow:
        0px 0px 10px rgb(0 0 0 / 5%),
        0 4px 4px rgb(0 0 0 / 8%); */

    border-radius: 17px;
    border: 3px solid rgb(234 11 11 / 85%);
}

.mt-ekp-snippet-image .mt-snippet-box-tabcontents {
    border: none;
    width: 100%;
}

.mt-ekp-snippet-image-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    /* gap: 4px; */
    width: max-content;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.mt-ekp-snippet-image-row .image_wrapper {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: calc(100% - var(--mt-ekp-snippet-controls-w, 36px));
    height: auto;
    aspect-ratio: var(--mt-ekp-snippet-ar-w, 330) / var(--mt-ekp-snippet-ar-h, 250);
    align-self: stretch;
    box-sizing: border-box;
}

.mt-ekp-snippet-image .mt-snippet-box-wrapper.size-330-250 {
    --mt-ekp-snippet-ar-w: 330;
    --mt-ekp-snippet-ar-h: 250;
}

.mt-ekp-snippet-image .mt-snippet-box-wrapper.size-462-350 {
    --mt-ekp-snippet-ar-w: 462;
    --mt-ekp-snippet-ar-h: 350;
}

.mt-ekp-snippet-image .image_wrapper img.exploration_clear,
.mt-ekp-snippet-image .image_wrapper img.exploration_clear_gif {
    width: 100% !important;
    height: 100% !important;
}

.mt-snippet-box-tabcontents .image_wrapper {
}
.mt-ekp-snippet-image .image_wrapper img {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.mt-ekp-snippet-image .image_wrapper {
    position: relative;
}

.mt-ekp-snippet-image .mt-snippet-box-wrapper.point-style-crosshair-svg .image_wrapper .point_center {
    background-color: rgb(255 255 255 / 88%);
}

.mt-ekp-snippet-controls-column {
    flex: 0 0 var(--mt-ekp-snippet-controls-w, 36px);
    flex-shrink: 0;
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: auto;
    min-width: 36px;
    width: var(--mt-ekp-snippet-controls-w, 36px);
    max-width: var(--mt-ekp-snippet-controls-w, 36px);
    box-sizing: border-box;
}

.mt-ekp-snippet-size-zoom,
.mt-ekp-snippet-nav-controls {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 36px;
    background: rgba(255, 255, 255, 0.93);
    border-radius: 22px;
    padding: 1px;
    opacity: 0.75;
    transition: opacity 0.15s ease;
}

.mt-ekp-snippet-controls-column:hover .mt-ekp-snippet-size-zoom,
.mt-ekp-snippet-controls-column:hover .mt-ekp-snippet-nav-controls,
.mt-ekp-snippet-size-zoom:focus-within,
.mt-ekp-snippet-nav-controls:focus-within {
    opacity: 1;
}

.mt-ekp-snippet-size-btn {
    appearance: none;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 36px;
    padding: 0;
    cursor: pointer;
    color: #1e1e1e;
    border-radius: 50%;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition:
        background 0.12s ease,
        transform 0.1s ease;
}

.mt-ekp-snippet-size-btn:hover:not(:disabled) {
    background: rgba(0, 0, 0, 0.07);
}

.mt-ekp-snippet-size-btn:active:not(:disabled) {
    background: rgba(0, 0, 0, 0.13);
    transform: scale(0.88);
    transition:
        background 0.06s ease,
        transform 0.06s ease;
}

.mt-ekp-snippet-size-btn:disabled {
    opacity: 0.28;
    cursor: default;
}

.mt-ekp-snippet-nav-controls .mt-ekp-snippet-nav-btn {
    appearance: none;
    border: none;
    background: #f8fbfc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 36px !important;
    min-height: 36px;
    padding: 0;
    cursor: pointer;
    border-radius: 8px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.12s ease;
}

.mt-ekp-snippet-nav-controls .mt-ekp-snippet-nav-btn:hover:not(.mt-ekp-nav-arrow-disabled) {
    background: #e3ebf0;
}

.mt-ekp-snippet-nav-controls .mt-ekp-snippet-nav-btn:active:not(.mt-ekp-nav-arrow-disabled) {
    background: #d8e2ea;
}

.mt-ekp-snippet-nav-controls .mt-ekp-tooltip-bottom-controls-container-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
}

.mt-ekp-snippet-nav-controls .mt-ekp-tooltip-bottom-controls-container-item-icon i {
    color: #646c7f;
    line-height: 1;
}

.mt-ekp-snippet-size-glass {
    display: block;
    width: 20px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    margin: 1px 0;
    font-size: 0;
    overflow: hidden;
}

.mt-ekp-snippet-image .point_selected,
.mt-ekp-snippet-image .point {
    background: none !important;

    margin: 0;
}
.mt-ekp-snippet-image .mt-snippet-box-wrapper.point-style-crosshair-svg .image_wrapper .point {
    width: 58px;
    height: 58px;
    opacity: 0.6 !important;
}
/* Quiz modes 3/22 (Schnitzeljagd/Memory): hide crop overlay, inline mirror and
   snippet until the current point is revealed. Re-hidden on every "Weiter" because
   ekp_quiz_mode_3_next_quest re-adds .ekp-quiz-pre-reveal.
   NOTE: .mt-ekp-snippet-image must be listed explicitly — the landscape-short grid
   rule forces it `visibility: visible !important`, which would otherwise override
   the container's inherited hide and leak the snippet through during guessing. The
   3-class pre-reveal selector (0,3,0) outranks that single-class rule (0,1,0).

   The current/next point also keeps its `.point_number` visible (it doubles as the
   getVisPointID navigation cursor, so the class itself can't be removed on "Weiter").
   Hide just the number during guessing so the just-revealed point's number doesn't
   leak onto the board; it reappears on reveal when .ekp-quiz-pre-reveal is dropped. */
@media (max-width: 1000px) {
    .meditrick_wrapper.ekp-quiz-pre-reveal .mt-ekp-crop-overlay,
    .meditrick_wrapper.ekp-quiz-pre-reveal .mt-ekp-tooltip-inline-mirror,
    .meditrick_wrapper.ekp-quiz-pre-reveal .mt-ekp-snippet-image-container,
    .meditrick_wrapper.ekp-quiz-pre-reveal .mt-ekp-snippet-image,
    .meditrick_wrapper.ekp-quiz-pre-reveal .image_wrapper_ekp_image .point.current_point .point_number,
    .meditrick_wrapper.ekp-quiz-pre-reveal .image_wrapper_ekp_image .point.next_point .point_number {
        visibility: hidden !important;
    }
}

/* Fact tooltips: on narrow viewports show a copy below the image (JS sync); desktop unchanged */
@media (min-width: 1001px) {
    .mt-ekp-tooltip-inline-mirror,
    .mt-ekp-snippet-image {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    .mt-ekp-crop-overlay {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    .exploration_tab > .image_wrapper {
        width: 100%;
    }

    .ekp_x {
        display: none;
    }

    .mt-ekp-snippet-image-container {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
    }

    .mt-ekp-snippet-image {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: none;
    }

    .mt-ekp-snippet-image .mt-ekp-snippet-image-row {
        width: 100%;
        max-width: 100%;
        height: auto;
        align-items: center;
    }

    .mt-ekp-snippet-image .mt-snippet-box-wrapper,
    .mt-ekp-snippet-image .mt-snippet-box-tabcontents-cont,
    .mt-ekp-snippet-image .mt-snippet-box-tabcontents {
        width: 100%;
        height: auto;
    }

    .mt-ekp-snippet-image .mt-snippet-box-wrapper.size-330-250 .image_wrapper,
    .mt-ekp-snippet-image .mt-snippet-box-wrapper.size-462-350 .image_wrapper {
        flex: 1 1 auto;
        width: min(var(--mt-ekp-snippet-img-w, 100%), calc(100% - var(--mt-ekp-snippet-controls-w, 36px))) !important;
        height: var(--mt-ekp-snippet-img-h, auto) !important;
        max-width: calc(100% - var(--mt-ekp-snippet-controls-w, 36px)) !important;
        max-height: none !important;
        align-self: auto;
        aspect-ratio: unset;
        min-width: 0;
    }

    .mt-ekp-snippet-image .mt-ekp-snippet-controls-column {
        flex: 0 0 var(--mt-ekp-snippet-controls-w, 36px);
        flex-shrink: 0;
        align-self: center;
        min-width: 36px;
        width: var(--mt-ekp-snippet-controls-w, 36px);
        max-width: var(--mt-ekp-snippet-controls-w, 36px);
    }

    /* Tablet portrait: row1 full image, row2 snippet | text (50/50) */
    @media (max-width: 1000px) and (min-width: 768px) and (orientation: portrait) {
        /* Quiz modes (incl. "What the Fakt") strip `mode-ekp-img` and re-add only
           `mode-ekp-mtquiz`, so match that too — otherwise quiz mode here fell back to the
           stacked base layout instead of the snippet | fact-card 50/50 row. Mirrors the
           short-landscape block. */
        .meditrick_wrapper.mode-ekp-img .exploration_tab,
        .meditrick_wrapper.mode-ekp-mtquiz .exploration_tab {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            grid-template-rows: auto auto;
            gap: 6px;
            align-items: stretch;
        }
        /* Freitext/Anki quiz keeps exploration_tab hidden; the grid !important would leak it back. */
        .meditrick_wrapper.mode-ekp-mtquiz-freitext .exploration_tab {
            display: none !important;
        }

        .exploration_tab > .image_wrapper {
            grid-column: 1 / -1;
            grid-row: 1;
            width: 100% !important;
        }

        .exploration_tab > script {
            display: none !important;
        }

        .mt-ekp-snippet-image-container {
            grid-column: 1;
            grid-row: 2;
            width: 100% !important;
            max-width: 100% !important;
            height: auto;
            min-height: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            align-self: stretch;
            margin: 0;
        }

        .mt-ekp-tooltip-inline-mirror-container {
            grid-column: 2;
            grid-row: 2;
            width: 100%;
            min-width: 0;
            height: 100%;
            min-height: 100%;
            align-self: stretch;
            display: flex;
            flex-direction: column;
        }

        .mt-ekp-tooltip-inline-mirror-container .tooltipster-box {
            height: 100%;
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            min-height: 0;
            box-sizing: border-box;
        }

        .mt-ekp-tooltip-inline-mirror-container .tooltipster-box:not(.ekp_quiz_mode_2-nowidth):not(.hidePoints) .tooltipster-content {
            min-width: 0;
        }

        .mt-ekp-tooltip-inline-mirror {
            margin-top: 0;
            height: 100%;
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            min-height: 0;
            box-sizing: border-box;
        }

        .mt-ekp-tooltip-inline-mirror .mt-ekp-tooltip-inline-mirror-root,
        .mt-ekp-tooltip-inline-mirror .tooltip_content {
            height: 100%;
            flex: 1 1 auto;
            display: grid !important;
            grid-template-rows: minmax(0, 1fr) auto;
            min-height: 0;
        }

        .mt-ekp-tooltip-inline-mirror .mt-ekp-tooltip-bottom-bottomrow-controls-container {
            display: none !important;
        }

        .mt-ekp-tooltip-inline-mirror .mt-ekp-tooltip-content-container {
            grid-row: 1;
            flex: 1 1 0%;
            display: flex;
            flex-direction: column;
            min-height: 0;
            height: 100%;
            width: 100%;
        }

        .mt-ekp-tooltip-inline-mirror .ekp_top_row {
            flex: 1 1 0%;
            display: flex;
            flex-direction: column;
            min-height: 0;
            height: 100%;
        }

        .mt-ekp-tooltip-inline-mirror .ekp_top_row .text_line.cat,
        .mt-ekp-tooltip-inline-mirror .ekp_top_row .text_line.fact,
        .mt-ekp-tooltip-inline-mirror .ekp_top_row .text_line.association {
            flex: 0 0 auto;
        }

        .mt-ekp-tooltip-inline-mirror .ekp_top_row .text_line.description {
            flex: 1 1 0%;
            display: flex !important;
            flex-direction: column;
            justify-content: center;
            align-self: stretch;
            width: 100%;
            min-height: 0;
            height: auto;
        }

        .mt-ekp-tooltip-inline-mirror .ekp_top_row .text_line.description .text_line_content {
            flex: 0 0 auto;
        }

        .mt-ekp-tooltip-inline-mirror .ekp_bottom_row {
            grid-row: 2;
            flex: 0 0 auto;
        }

        .mt-ekp-snippet-image {
            width: var(--mt-ekp-snippet-box-w, max-content) !important;
            max-width: 100% !important;
            height: auto !important;
        }

        .mt-ekp-snippet-image .mt-snippet-box-tabcontents-cont,
        .mt-ekp-snippet-image .mt-snippet-box-tabcontents {
            width: auto;
            max-width: 100%;
        }

        .mt-ekp-snippet-image .mt-ekp-snippet-image-row {
            display: flex !important;
            align-items: center;
            width: max-content;
            max-width: 100%;
            box-sizing: border-box;
        }

        .mt-ekp-snippet-image .mt-ekp-snippet-image-row > .image_wrapper,
        .mt-ekp-snippet-image .mt-snippet-box-wrapper.size-330-250 .image_wrapper,
        .mt-ekp-snippet-image .mt-snippet-box-wrapper.size-462-350 .image_wrapper {
            flex: 0 0 auto;
            grid-column: auto;
            grid-row: auto;
            min-width: 0;
            width: var(--mt-ekp-snippet-img-w, auto) !important;
            max-width: calc(100% - var(--mt-ekp-snippet-controls-w, 36px)) !important;
            height: var(--mt-ekp-snippet-img-h, auto) !important;
            aspect-ratio: unset;
        }

        .mt-ekp-snippet-image .mt-ekp-snippet-controls-column {
            flex: 0 0 36px !important;
            align-self: center !important;
            justify-self: auto !important;
            min-width: 36px !important;
            width: 36px !important;
            max-width: 36px !important;
            margin-left: 0;
            align-items: center !important;
            justify-content: center !important;
        }
    }
    .mt-ekp-tooltip-inline-mirror {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin-top: 0.75rem;
        padding: 0.65rem 0.85rem;
        padding-bottom: 8px;
        border-radius: 14px;
        background: #fff;
        /* box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2); */
        box-shadow:
            0 2px 4px rgb(0 0 0 / 5%),
            0 4px 8px rgb(0 0 0 / 4%);
        box-shadow:
            0px 0px 10px rgb(0 0 0 / 5%),
            0 4px 8px rgb(0 0 0 / 4%);
        z-index: 0;
    }

    .mt-ekp-tooltip-inline-mirror .ekp_bottom_row {
        margin-top: 4px;
    }

    .mt-ekp-tooltip-inline-mirror .ekp_desc_reveal_link {
        font-size: 14px;
    }

    .mt-ekp-snippet-image[hidden] {
        display: none !important;
    }

    .mt-ekp-tooltip-inline-mirror[hidden] {
        display: none !important;
    }

    .mt-ekp-tooltip-inline-mirror .mt-ekp-tooltip-inline-mirror-root {
        display: block;
        max-width: 100%;
    }

    /* Quiz: cloned content is not under .tooltipster-box; match tooltip width/min-width behaviour */
    .mt-ekp-tooltip-inline-mirror.mt-ekp-tooltip-inline-mirror--quiz .mt-ekp-tooltip-inline-mirror-root.tooltip_content,
    .mt-ekp-tooltip-inline-mirror.mt-ekp-tooltip-inline-mirror--quiz .mt-ekp-tooltip-inline-mirror-root .tooltip_content {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .mt-ekp-tooltip-inline-mirror.mt-ekp-tooltip-inline-mirror--quiz
        .mt-ekp-tooltip-inline-mirror-root.tooltip_content.ekp_quiz_mode_2-nowidth,
    .mt-ekp-tooltip-inline-mirror.mt-ekp-tooltip-inline-mirror--quiz
        .mt-ekp-tooltip-inline-mirror-root
        .tooltip_content.ekp_quiz_mode_2-nowidth {
        width: 100%;
    }

    /* Hide real floating tooltips on narrow; mirror + snippet take over. Only opacity+pointer-events — keep in DOM so Tooltipster methods (enable/disable/reposition) still work. */
    .tooltipster-base:not(.mt-ekp-tooltip-inline-mirror-container) {
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media screen and (orientation: landscape) and (max-height: 560px) {
    /* Quiz modes strip `mode-ekp-img` (ekp_quiz_mode_turnon → removeAllEKPModes
       re-adds only `mode-ekp-mtquiz`), so match that class too to give image-based
       quiz modes the same landscape 50/50 grid (full image | snippet, fact box below).
       All child rules in this block are mode-agnostic and already apply. */
    .meditrick_wrapper.mode-ekp-img .exploration_tab,
    .meditrick_wrapper.mode-ekp-mtquiz .exploration_tab {
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 6px;

        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: stretch;
        grid-auto-rows: auto;
        aspect-ratio: auto;
    }
    /* Freitext/Anki quiz (openTab flow) shows the dedicated `_mtquiz` tab and sets
       `exploration_tab` to inline display:none. The grid rule above force-shows it
       via !important, leaking the image/snippet/fact card back in. Only the legacy
       image quiz keeps the image visible; that path never sets
       `mode-ekp-mtquiz-freitext`, so use it to re-hide the image tab here. */
    .meditrick_wrapper.mode-ekp-mtquiz-freitext .exploration_tab {
        display: none !important;
    }
    .exploration_tab > .image_wrapper {
        width: 100%;
        height: fit-content;
    }
    .mt-ekp-snippet-image-container {
        align-self: stretch;
        justify-self: stretch;
        width: 100%;
        max-width: var(--mt-ekp-snippet-box-max-w, 100%);
        height: 100%;
        min-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    .mt-ekp-snippet-image {
        /* un-hide if the min-width:1001px rule also fired (wider landscape screens) */
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        width: var(--mt-ekp-snippet-box-w, max-content) !important;
        height: auto !important;
        max-width: min(100%, var(--mt-ekp-snippet-box-max-w, 100%)) !important;
        max-height: min(var(--mt-ekp-snippet-box-max-h, 100%), 100%) !important;
        min-height: 0 !important;
        flex: 0 0 auto;
        align-self: center;
        box-sizing: border-box;
    }
    .mt-ekp-snippet-image .mt-ekp-snippet-image-row {
        width: max-content;
        max-width: 100%;
        height: auto;
        align-items: center;
        box-sizing: border-box;
    }
    .mt-ekp-snippet-image .mt-ekp-snippet-image-row > .image_wrapper,
    .mt-ekp-snippet-image .mt-ekp-snippet-image-row .image_wrapper {
        flex: 0 0 auto;
        width: var(--mt-ekp-snippet-img-w, auto) !important;
        min-width: 0;
        height: var(--mt-ekp-snippet-img-h, auto) !important;
        max-width: calc(100% - var(--mt-ekp-snippet-controls-w, 36px)) !important;
        max-height: none;
        aspect-ratio: unset;
    }
    .mt-ekp-snippet-image .mt-snippet-box-wrapper.size-330-250 .image_wrapper,
    .mt-ekp-snippet-image .mt-snippet-box-wrapper.size-462-350 .image_wrapper {
        flex: 0 0 auto;
        width: var(--mt-ekp-snippet-img-w, auto) !important;
        min-width: 0;
        height: var(--mt-ekp-snippet-img-h, auto) !important;
        max-width: calc(100% - var(--mt-ekp-snippet-controls-w, 36px)) !important;
        max-height: none;
        aspect-ratio: unset;
    }
    .mt-ekp-snippet-image .mt-ekp-snippet-controls-column {
        flex: 0 0 36px !important;
        flex-shrink: 0;
        align-self: center;
        margin-left: 0;
        height: auto;
        min-width: 36px !important;
        width: 36px !important;
        max-width: 36px !important;
    }
    .mt-ekp-tooltip-inline-mirror-container {
        width: 100%;
        grid-column: 1 / 3;
    }
    .mt-ekp-snippet-image-container .mt-snippet-box-tabcontents-cont {
        display: block;
    }
    /* Fix: propagate definite height through intermediate block wrappers so
       .mt-ekp-snippet-image-row's height:100% resolves against the grid row height
       (driven by the main image in col 1) instead of collapsing to auto/0. */
    .mt-ekp-snippet-image .mt-snippet-box-wrapper,
    .mt-ekp-snippet-image .mt-snippet-box-tabcontents-cont,
    .mt-ekp-snippet-image .mt-snippet-box-tabcontents {
        width: auto;
        height: auto;
        max-height: none;
        min-height: 0;
        box-sizing: border-box;
    }
}

.ekp_top_row {
    position: relative;
    flex-grow: 1;
}
.ekp_bottom_row {
    display: flex;
    justify-content: space-between;
}
.ekp_bottom_row.mtf-factmark-on {
    background: linear-gradient(245deg, #ffffba, #ffff83);

    box-shadow: inset 0 0 8px rgb(255 255 117);

    border-radius: 8px;
}
.mt-ekp-tooltip-content-container {
    display: flex;
    gap: 4px;
}

.mt-ekp-tooltip-bottom-controls-container {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.mt-ekp-tooltip-bottom-line-item-container {
    display: flex;
    gap: 8px;
    align-items: center;
}
.mt-ekp-tooltip-bottom-controls-container-item {
    width: 32px;
    /* background: #f2f2f2; */

    color: #d8d8d8;
}

.mt-ekp-tooltip-bottom-controls-container-item-button {
    border: 0px;
    height: auto !important;
    line-height: unset;
    color: unset;
    background: #f7f7f7;
    border-radius: 8px;
    width: 100%;
}
.mt-ekp-tooltip-bottom-controls-container-item:hover {
    /* background: #e0e0e0; */
    color: gray;
}

.mt-ekp-tooltip-bottom-controls-container-item.top_arrows {
    padding-bottom: 8px;
    font-size: 28px;
    width: 16px;
    color: #c2c2c2;
}
.mt-ekp-tooltip-bottom-controls-container-item-button {
    background: none;
}
.mt-ekp-tooltip-bottom-controls-container-item-button:hover {
    background: #e3ebf0 !important;
    color: #646c7f !important;
}

.mt-ekp-tooltip-bottom-controls-container-item.top_arrows button {
    height: 100% !important;
    width: inherit;
}

.mt-ekp-tooltip-bottom-controls-container-item.top_arrows .mt-ekp-tooltip-bottom-controls-container-item-icon {
    position: relative;
    top: -2px;
}
/* 
.odd .top_arrows {
    display: none;
}
.even .mt-ekp-tooltip-bottom-controls-container-item:not(.top_arrows) {
    display: none;
} */
.mt-ekp-tooltip-bottom-desc-icon {
    margin-right: 0.3em;
    width: 20px;
    display: inline-block;
    background-size: contain;
}
.text_line.bottom_line.additionals {
    display: inline-block;
    text-align: left;
}
.mt-ekp-tooltip-bottom-abbildungen {
    width: 25px;
    display: inline-block;
    padding-left: 3px;
    border-radius: 3px;
}

.mt-ekp-tooltip-bottom-abbildungen-icon {
    display: block;
    width: 20px;
    background-size: contain;
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/figure_tab_icon.png?v=1");
    background-repeat: no-repeat;
}
.figures_container_overlay_mode .mt-ekp-tooltip-bottom-abbildungen-icon {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/figure_tab_icon_fullscreen.png?v=1");
}
.figures_container_overlay_mode .figure_menu_navi:hover .mt-ekp-tooltip-bottom-abbildungen-icon {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/figure_tab_icon_fullscreen_white.png?v=1");
}
.mt-ekp-abbildungen-bracket,
.mt-ekp-abbildungen-bracket-number {
    display: none;
}

.mt-ekp-tooltip-bottom-abbildungen-dropd {
    display: none;
    position: absolute;
    background: white;
    border-radius: 5px;
    padding: 5px;
    text-align: left;
    max-width: 200px;
    width: max-content;
}
.mt-ekp-tooltip-bottom-abbildungen:hover {
    cursor: pointer;
    background: #eeeeee;
}

.mt-ekp-tooltip-bottom-abbildungen:hover .mt-ekp-tooltip-bottom-abbildungen-dropd {
    display: block;
}

.mt-ekp-tooltip-bottom-abbildungen-dropd a {
    display: block;
    font-size: 14px;
}
.fullscreen .tooltipster-content {
    font-size: 1rem;
}

.edit-wp {
    display: inline-block;
    position: relative;
    right: 0;
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
    font-size: 0.85em;
    color: gray;

    text-align: right;
}
.edit-wp .edit-wp-postid,
.edit-wp .edit-wp-mtid {
    color: #999999;
}
.edit-wp-charcounts-longdescs-container {
    color: rgb(105 121 159);
}
.edit-wp-charcounts-longdescs-container:hover {
    cursor: pointer;
}
.edit-wp-charcounts-long-dropd {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.edit-wp-charcounts-bubble {
    margin: 5px;
    background: #f2f2f2;
    border-radius: 5px;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    word-break: break-all;

    line-height: 1.7em;
}

.edit-wp-charcounts-bubble:hover {
    background: #d4d4d4;
    cursor: pointer;
}

.edit-wp a {
    font-size: 1em;
}
.edit-wp a span.dashicons {
    font-size: 0.9em;
    line-height: 0.9em;
    height: 0.9em;
    vertical-align: middle;
    transition: 0s;
    bottom: 1px;
    position: relative;
}

/** overline */

.mt-ekp-overline {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
}
.mt-ekp-overline-left {
    display: flex;

    text-align: left;
    vertical-align: bottom;
}
.mt-ekp-overline-right {
    min-width: 35%;
    text-align: right;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    /* vertical-align: baseline; */
    padding-bottom: 1px;
}

.mtsr-ekp-statusbar {
    display: inline-block;
    color: #b5b5b5;
    padding-right: 1em;
}

.mtsr-ekp-statusbar i.ic-basket {
    font-size: 1.1em;
}

/* Image and points */
.image_wrapper {
    position: relative;
}

.image_wrapper img {
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.exploration_tab .image_wrapper img {
    border-radius: 14px;
    box-shadow: var(--mt-ekp-image-shadow);
}

.exploration_clear_gif {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.defloat {
    clear: both;
}

.point {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-color: red;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    color: white;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.6;
}

.point.tooltip {
    opacity: 0.6;
}

.point.Basiswissen,
.point_search_highlight_type.Basiswissen {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_basiswissen.png");
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0) !important;
}

.point.Expertenwissen,
.point_search_highlight_type.Expertenwissen {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_expertenwissen.png");
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0) !important;
}

.point.Quintessence,
.point_search_highlight_type.Quintessence {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_quintessence.png");
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0) !important;
}

/* EKP-Quiz Mdoe 3 point shake */

@keyframes ekp_quiz_mode_shake {
    20% {
        transform: translateX(3.5px); /* 5 */
    }
    40% {
        transform: translateX(-7px); /* -10 */
    }
    60% {
        transform: translateX(5px); /* 7.5 */
    }
    80% {
        transform: translateX(-3px); /*-5 */
    }
    100% {
        transform: translateX(1.5px); /*2.5 */
    }
}

.ekp_quiz_mode_shake {
    animation: ekp_quiz_mode_shake 300ms;
    animation-timing-function: cubic-bezier(0.53, 0.07, 0.25, 1);
}

/* EKP-Quiz Mdoe 3 point scale */
@keyframes ekp_quiz_mode_scale {
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

.ekp_quiz_mode_scale {
    animation: ekp_quiz_mode_scale 300ms;
}

/* EKP-Quiz Mdoe 2 point scale */
@keyframes ekp_quiz_mode_scale_mode2 {
    30% {
        transform: scale(2.5);
    }
    100% {
        transform: scale(1);
    }
}

.ekp_quiz_mode_scale_mode2 {
    animation: ekp_quiz_mode_scale_mode2 500ms !important;
}

/* EKP-Quiz Mdoe 3 topbar complete */
@keyframes ekp_quiz_mode_bg_complete {
    0% {
        background: linear-gradient(97deg, #6fad6f, #589058);
    }
    50% {
        background: linear-gradient(-197deg, #6fad6f, #589058);
    }

    100% {
        background: linear-gradient(-197deg, #339446, #093281);
    }
}

/* overwrite */

/* scale */

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}

.ekp_quiz_mode_bg_complete {
    /*animation: ekp_quiz_mode_bg_complete 1300ms;*/
    background: linear-gradient(-197deg, #339446, #093281) !important;
    opacity: 0;
}

@keyframes mt-ekp-quiz-tab-green-pulse {
    0% {
        background: transparent;
    }
    30% {
        background: rgba(87, 208, 101, 0.865);
    }
    100% {
        background: transparent;
    }
}

@keyframes mt-ekp-quiz-tab-green-complete {
    0% {
        background: transparent;
    }
    25% {
        background: rgb(84 189 98 / 48%);
    }
    65% {
        background: rgba(84, 189, 98, 0.889);
    }
    100% {
        background: rgba(84, 189, 98, 0.889);
    }
}

.meditrick_wrapper .tab.mt-ekp-quiz-tab-pulse {
    animation: mt-ekp-quiz-tab-green-pulse 1900ms ease-out;
}

.meditrick_wrapper .tab.mt-ekp-quiz-tab-pulse-complete {
    animation: mt-ekp-quiz-tab-green-complete 3300ms ease-out forwards;
}

.fasttrack_content_element.mtf-factmark i,
.fasttrack_content_element.descOn i {
    top: 2px;
    position: relative;
}
.fasttrack_content_element.mtf-factmark i {
    font-size: 14px;
    margin: 0 4px;
    top: 0px;

    margin-left: 6px;
    margin-right: 5px;
    color: #ec9d00;
}

.mtf-factmark i {
    color: #ec9d00;
}
.mtsr-ekp-fasttrack-repeat-presets .mtf-factmark i {
    margin: 0px 3px;
    margin-left: 6px;
}

/* Dropdown icons in .fasttrack_content mirror the .image_wrapper_ekp_image .point::before
   dot styling from the max-width:1000px block. */
.fasttrack_content .fasttrack_quint,
.fasttrack_content .fasttrack_basis,
.fasttrack_content .fasttrack_expert {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    opacity: 0.85;
    background-image: none;
    background-size: auto;
    background-color: rgb(250 41 41 / 95%);
    border: rgb(255 255 255) 1px solid;
    box-shadow: 0 0 6px 1px rgb(255 255 255 / 50%);
    vertical-align: middle;
    margin-left: 3px;
    margin-right: 3px;

    margin-left: 7px;
    margin-right: 5px;
}
.fasttrack_content .fasttrack_basis {
    background-color: rgba(255, 255, 255, 0.95);
    border: rgb(250 41 41) 2px solid;
    box-shadow: none;
}
.fasttrack_content .fasttrack_expert {
    background-color: rgb(244 192 49 / 95%);
}

.point.Schlüsselassoziation {
    background-image:
        url("/wp-content/plugins/meditricks-exploration-images/assets/point_basiswissen.png"),
        url("/wp-content/plugins/meditricks-exploration-images/assets/key_icon.png");
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0) !important;
}

.point_number {
    text-shadow: 1px 1px 1px black;
    line-height: 21px;
    text-align: center;
    width: 100%;
    transition: 0.3s;
    opacity: 1;
}

/* Image markers on narrow viewports: pseudo-element dot instead of PNGs; hide numbers (facts list unchanged) */
@media (max-width: 1000px) {
    .image_wrapper_ekp_image .point {
        /* width: 22px;
        height: 22px; 
        margin-top: -11px;
        margin-left: -11px; */
        opacity: 0.7;
        line-height: 22px;
        background-image: none !important;
        background-color: transparent !important;
        display: flex;

        justify-content: center;
        align-items: center;
        width: 34px;
        height: 34px;
    }

    .image_wrapper_ekp_image .point::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        pointer-events: none;
        opacity: 0.85;
        /* box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); */
        /* background: rgba(220, 38, 38, 0.95); */
        background: rgb(250 41 41 / 95%);
        /* border: rgb(255, 255, 255) 1px solid; */

        border: rgb(255 255 255) 1px solid;
        box-shadow: 0 0 6px 1px rgb(255 255 255 / 50%);
    }

    .image_wrapper_ekp_image .point.current_point::before,
    .image_wrapper_ekp_image .point.next_point::before {
        opacity: 1;
        width: 18px;
        height: 18px;
    }

    .image_wrapper_ekp_image .point.Basiswissen::before,
    .image_wrapper_ekp_image .point.Schlüsselassoziation::before {
        /* background: rgba(220, 38, 38, 0.95); */
        background: rgba(255, 255, 255, 0.95);
        border: rgb(250 41 41) 2px solid;
    }

    .image_wrapper_ekp_image .point.Expertenwissen::before {
        /* background: rgba(208, 170, 66, 0.95); */
        background: rgb(244 192 49 / 95%);
    }

    /* .image_wrapper_ekp_image .point.Quintessence::before {
        background: rgba(217, 119, 6, 0.95);
    } */

    .image_wrapper_ekp_image .point.Quintessence.current_point::before,
    .image_wrapper_ekp_image .point.Quintessence.next_point::before {
        background: rgb(250 41 41 / 58%);
    }

    .image_wrapper_ekp_image .point.Basiswissen.current_point::before,
    .image_wrapper_ekp_image .point.Basiswissen.next_point::before {
        background: rgba(255, 255, 255, 0.65);
    }
    .image_wrapper_ekp_image .point.Expertenwissen.current_point::before,
    .image_wrapper_ekp_image .point.Expertenwissen.next_point::before {
        background: rgb(244 192 49 / 65%);
    }

    .image_wrapper_ekp_image .point .point_number {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        color: #000;
    }
    .image_wrapper_ekp_image .point.Basiswissen .point_number {
        color: #000;
    }
    .image_wrapper_ekp_image .point.Expertenwissen .point_number {
        color: white;
    }
    .image_wrapper_ekp_image .point.Quintessence .point_number {
        color: white;
    }
    .image_wrapper_ekp_image .point.current_point .point_number,
    .image_wrapper_ekp_image .point.next_point .point_number {
        opacity: 1;
        font-size: 10px;
        visibility: visible;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;

        text-shadow: none;
    }

    /* Current vs next: replace highlight_bgr / selected_bgr PNGs with glow (::before) + segmented ring (::after) */
    .image_wrapper_ekp_image .point .point_selected,
    .image_wrapper_ekp_image .point .point_highlight {
        background-image: none !important;
        background-color: transparent !important;
        opacity: 1; /*0.92;*/
        width: 34px;
        height: 34px;
        top: 0px;
        left: 0px;
    }

    .image_wrapper_ekp_image .point .point_selected::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 34px;
        height: 34px;
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
        /* background: radial-gradient(circle, rgba(250, 204, 21, 0.42) 0%, rgba(250, 204, 21, 0.12) 48%, transparent 68%); */
    }

    .image_wrapper_ekp_image .point .point_selected::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 34px;
        height: 34px;
        border-radius: 50%;
        pointer-events: none;
        z-index: 1;
        /* 222, 196, 58 
        253, 224, 71 */
        background: conic-gradient(
            from 18deg,
            rgba(222, 196, 58, 0.88) 0deg 54deg,
            transparent 54deg 88deg,
            rgba(222, 196, 58, 0.88) 88deg 142deg,
            transparent 142deg 178deg,
            rgba(222, 196, 58, 0.88) 178deg 232deg,
            transparent 232deg 268deg,
            rgba(222, 196, 58, 0.88) 268deg 322deg,
            transparent 322deg 360deg
        );
        /* -webkit-mask: radial-gradient(circle at center, transparent 11px, #000 11.5px, #000 16px, transparent 16.5px);
        mask: radial-gradient(circle at center, transparent 11px, #000 11.5px, #000 16px, transparent 16.5px); */
        mask: radial-gradient(circle at center, transparent 13px, #000 13.5px, #000 17px, transparent 17.5px);
        -webkit-mask: radial-gradient(circle at center, transparent 13px, #000 13.5px, #000 17px, transparent 17.5px);
    }

    .image_wrapper_ekp_image .point .point_highlight::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 34px;
        height: 34px;
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
        /* background: radial-gradient(circle, rgba(239, 68, 68, 0.45) 0%, rgba(239, 68, 68, 0.14) 48%, transparent 68%); */
    }

    .image_wrapper_ekp_image .point .point_highlight::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 34px;
        height: 34px;
        border-radius: 50%;
        pointer-events: none;
        z-index: 1;
        background: conic-gradient(
            from 18deg,
            rgba(250, 41, 41, 0.98) 0deg 54deg,
            transparent 54deg 88deg,
            rgba(250, 41, 41, 0.98) 88deg 142deg,
            transparent 142deg 178deg,
            rgba(250, 41, 41, 0.98) 178deg 232deg,
            transparent 232deg 268deg,
            rgba(250, 41, 41, 0.98) 268deg 322deg,
            transparent 322deg 360deg /* rgba(250, 41, 41, 0.98) 332deg 360deg */
        );
        /* -webkit-mask: radial-gradient(circle at center, transparent 11px, #000 11.5px, #000 16px, transparent 16.5px);
        mask: radial-gradient(circle at center, transparent 11px, #000 11.5px, #000 16px, transparent 16.5px); */
        mask: radial-gradient(circle at center, transparent 13px, #000 13.5px, #000 17px, transparent 17.5px);
        -webkit-mask: radial-gradient(circle at center, transparent 13px, #000 13.5px, #000 17px, transparent 17.5px);
    }
}

.ekp_quiz_mode_3 .point_number {
    opacity: 0;
}
.ekp_quiz_mode_3 .point.tooltip {
    opacity: 0.9;
}
.mtf-ratedot-dropdown {
    font-size: 0.9rem;

    /* border: 1px solid white; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    left: 0 !important;
    transform: translateX(0) !important;
}

/* underline (books + feedback) */
.ekp_underline {
    min-height: 30px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.meditrick_wrapper.mode-embed .ekp_underline {
    justify-content: flex-end;
}
.mtsr-repmode-active .ekp_underline .ekp_playlist_quickadd,
.mtsr-repmode-active .ekp_underline .ekp_underline_trenner,
.mtsr-repmode-active .ekp_underline .ekp_feedback_link {
    display: none !important;
}
.ekp_underline.active {
    min-height: 180px;
}
.ekp_underline .ekp_underline_element {
    margin-top: 6px;
    margin-bottom: 5px;
}

.ekp_underline_trenner {
    color: #7a7a7a;
}
.ekp_underline .mt-playlist-dropdown {
    margin-top: 0px;
    margin-bottom: 0px;
}
.mt-playlist-quickadd-addtitle {
    display: none !important;
}

.fullscreen .ekp_underline,
.fullscreen .mt-ekp-banner {
    display: none;
}

.ekp_books {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px !important;
    color: #ababab; /*#616161;*/
    width: 40%;
}

.ekp_books:hover,
.ekp_books:hover .ekp_books_list_ul li a {
    color: #616161;
}
.ekp_books_list_ul li {
    position: relative;
}
.ekp_books_list_ul li a {
    position: relative;
    top: 2px;
    color: #ababab; /*#616161;*/
}

/*feedback */
.fullscreen .ekp_feedback {
    display: none;
}
.ekp_feedback_textarea_container {
    display: inline-block;
}
.ekp_feedback {
    text-align: right;
    margin-top: 3px;
    margin-bottom: 5px;
    width: 100%;
}
.ekp_feedback_link {
    margin-left: 10px;
    bottom: -2px;
    position: relative;
    padding-right: 6px;
}
span.ekp_feedback_title {
    position: absolute;
    top: -2px;
    /* right: 0px; */
    left: 6px;
    transform: translateY(-100%) translateX(100%);
    font-variant: normal;
    border-bottom: 1px solid #ffffff;
    width: 110%;
    color: gray;
    white-space: nowrap;
}
.ekp_feedback_link_a {
    /* font-size: 12px; */
    padding: 4px;
    border-radius: 4px;
    transition: 0.2s;
}
.ekp_feedback_link_a_chevron {
    font-size: 12px;
}
.ekp_feedback_link_a i {
    display: inline-block;
}
.ekp_feedback_link_a.feedback-up {
    color: hsl(120deg 100% 25.1%);
}
.ekp_feedback_link_a.feedback-up:hover {
    color: hsl(120, 79%, 35%);

    background: hsl(120deg 95.24% 91.76%);
}
.ekp_feedback_link_a.feedback-up i {
    transform: rotateY(180deg);
    top: -1px;
    left: 1px;
    position: relative;
}
.ekp_feedback_link.clicked.clicked-up .feedback-up i,
.ekp_feedback_link.clicked.clicked-down .feedback-down i {
    display: none;
}
.ekp_feedback_link.clicked.clicked-up .feedback-up i.clicked,
.ekp_feedback_link.clicked.clicked-down .feedback-down i.clicked {
    display: inline-block;
}
.ekp_feedback_link_a.feedback-down {
    color: hsl(0deg 58.74% 39.16%);
    padding: 4px;
}
.ekp_feedback_link_a.feedback-down:hover {
    color: hsl(0, 60%, 50%);
    background: hsl(0deg 95.24% 91.76%);
}
.ekp_feedback_link_a.feedback-down i {
    top: 1px;
    left: 1px;
    position: relative;
}

.ekp_feedback_link_a i.clicked {
    display: none;
}
.ekp_feedback_chevron_container {
    display: inline-block;
    width: 20px;
}
.ekp_feedback_chevron {
    margin-right: 5px;
}
.ekp_feedback_type_box {
    display: inline-block;
    font-size: 12px;
    font-variant: all-small-caps;
    vertical-align: top;
    text-align: left;

    margin-right: 5px;
    position: relative;
}
.ekp_feedback_close_container {
    position: absolute;
    right: 4px;
    top: 0px;
    transform: translate(0px, -100%);
    font-size: 12px;
}
.ekp_feedback_close {
    color: gray;
}
.ekp_feedback_close:hover {
    color: var(--main-a-color-red-hover);
}
.ekp_feedback_dropdown {
    display: none;
    padding-top: 5px;

    position: relative;
}
.ekp_feedback_dropdown_content {
    padding-bottom: 15px; /*75px;*/

    padding-top: 14px;
}
.ekp_feedback_amboss_msg {
    font-size: 11px;
    display: block;
    margin-bottom: 7px;
    margin-top: 10px;
    padding-right: 5px;
}
.ekp_feedback_amboss_msg input.ekp_feedback_amboss_msg_noreplycheck {
    margin: 0;
    margin-right: 2px;
    margin-left: 5px;
    vertical-align: text-top;
    top: 1px;
    position: relative;
}
.vorschlag .ekp_feedback_amboss_msg {
    color: #d2d2d2;
}
.ekp_feedback_spin {
    display: inline-block;
    height: 100%;
}
.ekp_feedback_spin .mt-gamification-cv-spinner {
    top: 6px !important;
}
.ekp_feedback_type_element {
    position: relative;
    /*	padding:4px;
	border-radius: 3px;*/
}
.ekp_feedback_type_element.vorschlaege {
    font-size: 11px;
    border-top: 1px solid gray;
    padding-top: 1px;
    margin-top: 3px;
}
.ekp_feedback_type_element input {
    margin-right: 2px !important;
}
.ekp_feedback_dropdown:not(.deactivate) .ekp_feedback_type_element:hover {
    color: var(--main-a-color-red-hover);
    /*	background:rgb(249 249 249);*/
}

.ekp_feedback_type_element_click_top {
    position: absolute;
    z-index: 2; /*
	background: red;
	opacity: 0.5;*/
    width: 100%;
    height: 100%;
    left: 0px;
}

.ekp_feedback_type_element_click_top:hover {
    cursor: pointer;
}
.ekp_feedback_type_element_checkbox {
    position: relative;
    /* top: -1px;*/
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.ekp_feedback_text_container {
    margin-left: 5px;
    padding: 0px;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
}

.ekp_feedback_text {
    border: 1px solid rgb(195, 195, 195);
    /*border: none;*/
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none;

    width: 400px;
    height: 51px;
    margin-bottom: 0px;
}

.ekp_feedback_text.email {
    height: auto;
    border-radius: 4px;
    padding-left: 0.65em;
    padding-right: 0.65em;

    margin-top: 10px;

    font-size: 12px;
}
.ekp_feedback_text_email_container {
    display: block;
}
.ekp_feedback_hint_timestamp {
    margin-top: 4px;
}

.ekp_feedback_text.email.deactive {
    background: #f3f3f3;
}

.ekp_feedback_text.email::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 10px;
}
.ekp_feedback_text.email::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 10px;
}
.ekp_feedback_text.email:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 10px;
}
.ekp_feedback_text.email:-moz-placeholder {
    /* Firefox 18- */
    font-size: 10px;
}
.ekp_feedback_text:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.ekp_feedback_text.missing {
    border: 1px solid var(--main-a-color-red-hover);
}

.ekp_feedback_vorschlagsinfo {
    position: absolute;
    font-size: 12px;
    text-align: center;
    width: 65%;
    height: 75%;
    top: 0%;
    right: 0%;
    display: none;
}

.ekp_feedback_vorschlagsinfo a {
    display: block;
    width: 100%;
    height: 100%;
}

.ekp_feedback_vorschlagsinfo a span {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    display: block;
    width: 100%;
}
.ekp_feedback_vorschlagsinfo a span.amboss {
    top: 21%;
}

.vorschlag .ekp_feedback_text,
.vorschlag .ekp_feedback_submit {
    opacity: 0.3;
}

.vorschlag .ekp_feedback_vorschlagsinfo {
    display: block;
}

a.ekp_feedback_submit {
    vertical-align: top;
    line-height: 43px;
}
.ekp_feedback_dropdown.deactivate a.ekp_feedback_submit {
    cursor: default;
}

a.ekp_feedback_submit button,
a.ekp_feedback_link_open {
    background: transparent;
    border: 0px;
    color: gray;
}
a.ekp_feedback_link_open {
    color: #c3c3c3;
    padding: 4px;
    padding-right: 0px;
}

.ekp_feedback_dropdown:not(.deactivate) a.ekp_feedback_submit:hover button,
a.ekp_feedback_link_open:hover {
    color: black;
}
.ekp_feedback_dropdown.deactivate a.ekp_feedback_submit button {
    display: none;
}

.ekp_feedback_success_msg {
    display: none;
    /* width: 200px;*/
    float: right;
    height: 36px;
    color: rgb(14, 83, 14);
    cursor: pointer;
}

.ekp_feedback_success_msg .kleintext {
    font-size: 12px;
    color: black;
    display: block;
}

/* notizen */

.ekp_notizen_dropdown {
    display: none;
    padding-top: 5px;

    position: relative;
    /* position: absolute; */
    width: 100%;
    right: 0;
}
.ekp_notizen_dropdown_content {
    padding-bottom: 75px;
}

.ekp_notizen_link {
    margin-right: 6px;

    border-radius: 5px;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    bottom: -2px;
}

.ekp_notizen_link:hover {
    background: linear-gradient(90deg, rgb(183 201 84 / 20%) 5%, rgb(9 121 24 / 12%) 90%);
}

.ekp_notizen_link.mtf-active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

    background: linear-gradient(90deg, rgb(183 201 84 / 40%) 5%, rgb(9 121 24 / 25%) 90%);
}

.ekp_notizen_link.mtf-active a {
    color: #525252;
}
.ekp_notizen_link_a {
    color: #495b6c !important;
}
.ekp_notizen_link_a i {
    margin-right: 2px !important;
    color: #81a87a;
}

.ekp_notizen_link .notizen-dot,
.mt-ekp-top-tabs-count .notizen-dot {
    color: #dddd44;
    font-size: 0.8em;
    margin-right: 6px;
}

.mt-ekp-top-tabs-count .notizen-dot {
    margin: 0;
    color: #e9eaa9;
    opacity: 1;
}
a.ekp_notizen_submit {
    margin-right: 20px;
}
.ekp_notizen_submit button {
    background-color: transparent; /*#f5f5f5;*/

    position: relative;

    height: 32px;
    width: auto;
    font-size: 16px;
    border: none;
    padding-top: 0px;
    line-height: 1.3em;
}
.ekp_notizen_submit span {
    color: linear-gradient(90deg, rgb(183, 201, 84) 5%, rgb(9, 121, 24) 90%);

    background-image: linear-gradient(45deg, rgb(183, 201, 84) 5%, rgb(9, 121, 24) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1em;
}

.ekp_notizen_submit span i {
    -webkit-text-fill-color: rgb(163, 190, 73);
}

.ekp_notizen_submit_title_title {
    position: relative;
}
.ekp_notizen_submit_title_after {
    opacity: 0;
    transition: 0.2s;
}
.ekp_notizen_submit_title_after::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 15%;
    height: 2px;
    width: 80%;
    background: #444;
    background: linear-gradient(45deg, rgb(183, 201, 84) 30%, rgb(9, 121, 24) 90%);
}
.ekp_notizen_submit:hover .ekp_notizen_submit_title_after {
    opacity: 1;
}

div.mt-ekp-notizen-status-box {
    display: inline-block;
    padding-top: 10px;
    height: 26px;
}

span.mt-ekp-notizen-status-check {
    font-size: 1.1em;
    color: #388d2f;
    top: 3px !important;
}

div.mt-ekp-notizen-cv-spinner {
    height: 100%;

    display: inline-flex;
    left: 3px;
    margin-right: 3px;
}
span.mt-ekp-notizen-spinner {
    width: 15px;
    height: 15px;
    border: 2px #ddd solid;
    border-top: 3px #84b244 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

div.mt-ekp-notizen-spinner-container,
span.mt-ekp-notizen-status-check {
    position: relative;
    top: 4px;

    display: none;
}
/* Tabs */
.meditrick_wrapper .tab {
    display: flex;
    justify-content: space-between;
    position: relative;

    z-index: 2000;

    border-radius: 14px;
    /* border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; */
    background: rgba(240, 245, 250, 0.8);
    border: 1px solid rgba(120, 226, 211, 0.23);
    border-radius: 20px;
    /* background: linear-gradient(180deg, rgb(248 252 255 / 58%), rgb(231 241 252 / 22%)); */
    background: linear-gradient(180deg, rgb(251 253 254), rgb(251 253 255));

    border: 1px solid rgb(15 23 42 / 5%);
    box-shadow: 0px 2px 6px rgb(15 23 42 / 3%);
    /* height: 60px; */
}
.tab_videos,
.tab_content,
.tab_videos_content,
.tab_ekp_quiz_mode_3_content {
    display: inline-block;
}
.tab_content {
    color: #1a6b8a;
    padding: 2px 6px;
    display: flex;
    align-items: center;
    gap: 4px;

    width: 100%;
    z-index: 999999;
}

/* Abbildungen + Quiz + search share one DOM cluster; wide screens flatten into .tab_content flex */
.mt-ekp-tab-tool-cluster {
    display: flex;
    flex-grow: 1;
}
.mt-ekp-tab-tool-cluster .figure-tab {
    order: 1;
}
.mt-ekp-tab-tool-cluster .toggle_ekp_quiz.bigbutton {
    order: 0;
}
/* Search: order + hide by default; mode-* on wrapper shows it (was under .arrow_buttons) */
.mt-ekp-tab-tool-cluster .mt-ekp-search-container {
    order: 2;
    margin-left: auto;
    display: none !important;
}
.mode-video .mt-ekp-tab-tool-cluster .mt-ekp-search-container.mode-show-video,
.mode-ekp-img .mt-ekp-tab-tool-cluster .mt-ekp-search-container.mode-show-ekp-img {
    display: flex !important;
    margin-left: auto;
}

button.tablinks.videosbutton,
.tab_ekp_quiz_mode_3_content {
    display: none;
}

.mode-default button.tablinks.videosbutton {
}

.mode-default .tab_videos_content {
}
.mode-ekp .tab_videos_content {
    display: none;
}
.mode-ekp button.tablinks.videosbutton {
    display: inline-block;
}

/* Video Dropdown */
.mt-video-dropdown-wrap {
    display: inline-block;
    position: relative;
}
.mt-video-dropdown-wrap .mt-video-dropdown-btn {
    display: inline-block !important;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
.mt-video-dropdown-chevron {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    transition: transform 0.2s;
}
/* .mt-video-dropdown-wrap.is-open .mt-video-dropdown-chevron {
    transform: rotate(180deg);
} */
.mt-video-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    background: #fff;
    border: 1px solid rgb(120 160 200 / 21%);
    border-radius: 16px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    z-index: 3000;
    padding: 0;
    margin-top: 2px;
    overflow: hidden;
}
.mt-video-dropdown-wrap.is-open .mt-video-dropdown-menu {
    display: flex;
    flex-direction: column;
}
.mt-video-dropdown-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 34px;
    padding-left: 8px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 0.95em;
    color: #656c7f;
    transition: background 0.15s;
    user-select: none;
}
.mt-video-dropdown-item:hover {
    background: rgb(243 247 250);

    color: #323c54;
}
.mt-video-dropdown-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
    gap: 16px;
}
.mt-video-dropdown-item-duration {
    font-size: 12px;
}
.mt-video-dropdown-item-check-container {
    line-height: 1;
}
.mt-video-dropdown-check {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: #4caf50;
    margin-left: auto;
    position: relative;
    top: 1px;
    opacity: 0;
    visibility: hidden;
}
.mt-video-dropdown-item-check-container.is-watched .mt-video-dropdown-check {
    opacity: 1;
    visibility: visible;
}
.mt-video-dropdown-item.is-active {
    font-weight: 600;
    color: #1a6b8a;
    background: rgb(232 244 250);
}
.mt-video-dropdown-item.is-active .mt-video-dropdown-check {
    top: 1px;
}

/* No playable video: grey tab + outline control + popover */
.mt-ekp-no-video-wrap .mt-ekp-no-video-trigger,
button.tablinks.videosbutton.mt-ekp-no-video-trigger {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    opacity: 0.55;
    cursor: pointer;
    filter: grayscale(0.35);
}
.mt-ekp-no-video-wrap .mt-ekp-no-video-trigger:hover,
button.tablinks.videosbutton.mt-ekp-no-video-trigger:hover {
    opacity: 0.72;
}
.mt-inhalt-nav-no-video-li {
    list-style: none;
}
/* Inhalt nav: quiz type launchers (open Bild-tab quiz) */
.mt-inhalt-nav-quiz-trigger,
.mt-ekp-outline-quiz-nav {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.15rem 0;
    padding: 8px 12px;
    border: none;
    border-radius: 12px;
    background: transparent;
    font:
        500 14px/1.3 system-ui,
        sans-serif;
    color: var(--mt-ekp-outline-text);
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}
.mt-inhalt-nav-quiz-trigger:hover,
.mt-ekp-outline-quiz-nav:hover {
    background: var(--mt-ekp-outline-bg-active);
    color: var(--mt-ekp-outline-text);
}
.mt-inhalt-nav-quiz-heading {
    display: block;
    padding: 8px 12px;
    margin: 0.15rem 0;
    font:
        500 14px/1.3 system-ui,
        sans-serif;
    color: var(--mt-ekp-outline-text);
}
.mt-outline li[data-level="3"] .mt-inhalt-nav-quiz-trigger {
    padding-left: 1.25rem;
    font-size: 13px;
}
/* Outline: no-video control — same box model as .mt-outline a, greyed out */
.mt-ekp-outline-no-video-nav {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.15rem 0;
    padding: 8px 12px;
    border: none;
    border-radius: 12px;
    background: transparent;
    font:
        500 14px/1.3 system-ui,
        sans-serif;
    color: var(--mt-ekp-outline-text);
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: grayscale(0.4);
}
.mt-ekp-outline-no-video-nav:hover {
    background: var(--mt-ekp-outline-bg-active);
    color: var(--mt-ekp-outline-text);
    opacity: 0.7;
    filter: grayscale(0.25);
}
.mt-ekp-no-video-popover {
    position: fixed;
    z-index: 12050;
    min-width: 220px;
    max-width: min(320px, calc(100vw - 24px));
    padding: 0;
    border: none;
    background: transparent;
    pointer-events: none;
}
.mt-ekp-no-video-popover.is-open {
    pointer-events: auto;
}
.mt-ekp-no-video-popover-inner {
    padding: 14px 16px 16px;
    border-radius: 14px;
    background: linear-gradient(165deg, #ffffff 0%, #f4f7fb 100%);
    box-shadow:
        0 4px 24px rgba(15, 35, 52, 0.12),
        0 0 0 1px rgba(120, 160, 200, 0.18);
    color: #2a3344;
    font-size: 0.95rem;
    line-height: 1.45;
}
.mt-ekp-no-video-popover-text {
    margin: 0;
    font-weight: 600;
    text-align: center;
}

.tablinks.exploration_link {
    transition: 0.1s;
    z-index: 5;
}

.mode-default .tablinks.exploration_link {
}

img.ekp_quiz_mode_icon {
    background-size: 100% 100%;
    background-color: transparent !important;
    width: 40px;
    height: 30px;
    opacity: 0.8;
}
img.ekp_quiz_mode_icon.mode_1 {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/q-icon-mode-1.png");
}
img.ekp_quiz_mode_icon.mode_2 {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/q-icon-mode-2.png");
}
img.ekp_quiz_mode_icon.mode_3 {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/q-icon-mode-3.png");
    position: relative;
    top: 1px;
}

.tab_ekp_quiz_mode_3_content {
    min-height: 53px;
    position: relative;
    padding: 3px;
    padding-left: 5px;
    /* width: 100%; */
    transition: 0.5s;
    /* height: 85px; */
    flex-grow: 1;

    padding: 8px;
    padding-left: 12px;
}
.tab_ekp_quiz_mode_3_content.active {
    display: inline-block;
}

.tab_ekp_quiz_mode_3_content .ekp_question {
    /* font-size: 1.15em; */
    width: 97%; /*75%;*/
}

.tab_ekp_quiz_mode_3_content .ekp_question.small {
    /* font-size: 1em; */
}
.tab_ekp_quiz_mode_3_content .ekp_quiz_mode_3_infoline {
    /* position: absolute;
    bottom: 3px; */
    margin-top: 4px;
    color: gray;
}

.tab_ekp_quiz_mode_3_content .ekp_quiz_mode_3_infoline .number,
.tab_ekp_quiz_mode_3_content .ekp_quiz_mode_3_infoline .ekp_quiz_mode_3_reveal {
    display: inline-block;
}

.tab_ekp_quiz_mode_3_content .ekp_quiz_mode_3_infoline .number {
    margin-right: 15px;
}
/*
.tab_ekp_quiz_mode_3_content*/
.ekp_quiz_mode_3_bg,
.ekp_quiz_mode_22_bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;

    opacity: 0;
    background: linear-gradient(97deg, #6fad6f, #589058);
}
.ekp_quiz_mode_22_bg {
    background: linear-gradient(97deg, #6f91ad, #587a90);
    border: 10px solid #d3d3d3;
    border-radius: 14px;
}
.image_wrapper .ekp_quiz_mode_3_bg,
.image_wrapper .ekp_quiz_mode_22_bg {
    z-index: 0;
}

.tab button {
    background-color: inherit;
    display: inline-block;
    border: none;
    /* outline: none; */
    cursor: pointer;

    transition: 0.3s;

    font-size: 14px;
    font-weight: 600;
    padding: 10px 35px;
    line-height: 1.7;

    border-radius: 20px;
    color: #1a6b8a;
    color: rgb(50 60 84 / 75%);
    user-select: none;
    height: fit-content;
    border: 1px solid transparent;

    margin: 4px 0;
}
.tab .toggle_ekp_quiz button {
    padding: 10px 25px;
}

.tab button:hover {
    background-color: rgb(0 7 45 / 7%);
    background-color: rgb(227 237 243);
    color: rgb(70, 70, 70);
    color: rgb(50 60 84 / 85%);
}

.tab button.active,
.mode-ekp .tab button.exploration_link,
.mode-ekp-mtquiz .tab button.exploration_link {
    background-color: rgb(0 7 45 / 10%);
    background: linear-gradient(306deg, rgb(26 107 138 / 18%), rgb(232 244 250 / 51%));
    background: linear-gradient(306deg, rgb(193 227 236 / 79%), rgb(232 247 250 / 86%));
    background: linear-gradient(306deg, rgb(208 234 241), rgb(232 248 251));

    color: var(--mt-ekp-outline-text);
    /* box-shadow: var(--box-shadow-default); */
    /* box-shadow: rgb(0 0 0 / 5%) 0 4px 8px; */
}
.tab button.exploration_link.active,
.mode-ekp .tab button.exploration_link,
.mode-ekp-mtquiz .tab button.exploration_link {
    border: 1px solid #45818e24;
    box-shadow: rgb(0 0 0 / 3%) 0 2px 4px;
    margin: 0;

    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.tabcontent {
    display: none;
    /* padding: 6px 12px; */
    /* border: 1px solid #ccc; */
    border-top: none;
}

.tabcontent.exploration_tab {
    --mt-ekp-snippet-controls-w: 36px;
    /*margin-bottom:4%;  feedbackbutton*/
}
.mt-ekp-tab-ekpbutton-container {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mt-ekp-tab-ekp-mode-buttons {
    display: flex;
    gap: 2px;
    align-items: center;
    background: #e1eff8;
    background: #e1eff8;
    border-radius: 20px;
    height: 43px;
    padding: 0px 16px;
    border: 1px solid #45818e1a;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -20px;
    z-index: 1;
    padding-left: 22px;
    /* box-shadow: rgb(0 0 0 / 5%) 0 4px 8px; */
    display: none;
}
.mt-ekp-tab-ekp-mode-buttons.is-active {
    display: flex;
}

.tabcontent.mtquiz,
.tabcontent.quizinfo {
    position: relative;
    background: white;
    width: 100%;
    min-height: 660px;
    /*	padding-bottom: 60%; */
    /*border:1px solid black;*/
}

.tabcontent.quizinfo {
    display: block;
    padding: 25px;
    line-height: 1.5em;
    font-size: 1.4em;
}

.tabcontent.quizinfo .quizmodus {
    display: inline-block;
}
.tabcontent.quizinfo img {
    vertical-align: text-bottom;
    height: 1em;
    bottom: 0.12em;
    position: relative;
}
.tabcontent.quizinfo .text {
    background: white;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    z-index: 11;
    position: relative;
    border-radius: 8px;
    box-shadow:
        0 2px 4px rgb(0 0 0 / 6%),
        0 4px 12px rgb(0 0 0 / 5%);
}

.tabcontent .mtquiz-container {
    /*border:1px solid green;*/
    /*	position:absolute;*/
}

.figure_tab_wrapper {
    position: relative;
}

.mt-ekp-abbildungen-textlink {
    color: #59648c;
}
.mt-ekp-abbildungen-textlink:hover {
    color: var(--main-a-color-red-hover);
}

/* Embedded video in full width (responsive) */
.embed-vimeo {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%; /*60%;*/
}

.embed-vimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; /*94%;	*/
    width: 100%;
    margin-top: 0 !important;
    background-color: black;
    border-radius: 14px;
    box-shadow:
        0 2px 4px rgb(0 0 0 / 5%),
        0 4px 8px rgb(0 0 0 / 4%);
}

.borlabs-cookie-responsive-iframe-wrapper {
    padding-top: 0 !important;
    padding-bottom: 56.2% !important;
}

.fullscreen .embed-vimeo iframe {
    height: 95vh;
}

.fullscreen .exploration_tab {
    width: 94% !important;
    margin-left: 3% !important;
}
@media screen and (max-width: 1399px) {
    .fullscreen .exploration_tab {
        width: 90% !important;
        margin-left: 5% !important;
    }
}

/* Tooltip styles */
.tooltip_templates {
    display: none;
}

.text_line.fact {
    font-weight: bold;
    color: #000;
    display: block;
    position: relative;
}

.text_line.association {
    font-weight: 500;
    font-style: italic;
    color: #2073cf;
    border-bottom: 1px solid;
    padding-bottom: 0.1em;
    margin-bottom: 0.3em;
    border-color: #dcdcdc;
    display: block;
}

.text_line.description {
    font-weight: 400;
    color: #232323;
    display: block;
    font-size: 14px;
}

.text_line.type {
    font-weight: 300;
    /*width: 75%;*/
    width: calc(50% - 20px);
    min-width: max-content;
    min-width: 140px;
}
.text_line.centerbox {
    width: 30px;
}

.text_line.number {
    font-weight: 300;
    font-size: 0.85em;
    text-align: right;
    /*width: 25%;*/
    width: calc(50% - 20px);
    min-width: max-content;
    min-width: 140px;
}

.point.highlight_point {
    color: red !important;
}

.point_highlight {
    position: absolute;
    display: none;
    width: 48px;
    height: 48px;
    left: -8px;
    top: -8px;
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/selected_bgr.png");
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0);
    opacity: 0.8;
}

.point_selected {
    position: absolute;
    width: 48px;
    height: 48px;
    left: -8px;
    top: -8px;
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/highlight_bgr.png");
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0);
    opacity: 0.8;
}

.current_point:not(.hidePoint) {
    opacity: 1 !important;
}

.next_point:not(.hidePoint) {
    opacity: 1 !important;
}

/* .ekp_quiz_mode_active:not(.ekp_quiz_mode_22) .current_point:not(.hidePoint) {
    opacity: 0.6 !important;
}

.ekp_quiz_mode_active:not(.ekp_quiz_mode_22) .next_point:not(.hidePoint) {
    opacity: 0.6 !important;
} */

.ekp_quiz_mode_active.ekp_quiz_mode_22 .point {
    opacity: 0 !important;
}
.ekp_quiz_mode_active.ekp_quiz_mode_22 .point.reveal {
    opacity: 1 !important;
}

.ekp_quiz_mode_22_click {
    display: none;
}

.ekp_quiz_mode_active.ekp_quiz_mode_22 .ekp_quiz_mode_22_click {
    display: block;
}

.ekp_quiz_mode_22_click a {
    width: 100%;
    height: 100%;
    display: block;

    position: absolute;
    z-index: 10;
}

.ekp_quiz_mode_active .point_selected,
.ekp_quiz_mode_active .point_highlight {
    display: none !important;
}

/* Quiz mode 2 (WTF): show current/next rings again during data-step 0 (question phase) */
.meditrick_wrapper.mt-ekp-quiz-m2-step0-nav-highlight.ekp_quiz_mode_active .point_selected,
.meditrick_wrapper.mt-ekp-quiz-m2-step0-nav-highlight.ekp_quiz_mode_active .point_highlight {
    display: block !important;
}

/* Mode 2 “?” step: full opacity on the active marker so the quiz pulse stays readable (quiz otherwise dims .current_point). */
.meditrick_wrapper.mt-ekp-quiz-m2-step0-nav-highlight.ekp_quiz_mode_active:not(.ekp_quiz_mode_22)
    .image_wrapper_ekp_image
    .point.tooltip.current_point:not(.hidePoint) {
    opacity: 1 !important;
}

/* Story Tab Tooltip Overrides */
.tooltip.story-tab {
    position: relative;
    font-size: inherit;
    opacity: 1;
    line-height: inherit;
    font-weight: inherit;
    transform: inherit;
    display: inherit;
}

.tab button.story-tab,
.tab button.figure-tab,
.tab button.ptx-tab {
    width: 2.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    margin-left: 0em;
    margin-right: 0em;
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/story_tab_icon.png");
    background-repeat: no-repeat;
    background-position: center center;

    position: relative;
}

.tab button.ptx-tab {
    background-size: 100%;
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/ptx_tab_icon.png");

    padding-left: 1.35em;
    padding-right: 1.35em;
}

.tab button.figure-tab {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/figure_tab_icon.png?v=1");
    background-image: none;
    position: relative;

    background-size: contain;
    padding: 6px 26px;

    width: 82px;

    height: 46px;
}
.tab .figure-tab .figure-tab-label {
    background-image: url(/wp-content/plugins/meditricks-exploration-images/assets/figure_tab_icon.png?v=1);
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75%;
    /* width: 2em; */
}
.tab .figure-tab:hover .figure-tab-label {
    filter: contrast(0.5);
}

.story-tab-label {
}

/* Disclaimer Tab Tooltip Overrides */
.tooltip.disclaimer-tab {
    position: relative;
    font-size: inherit;
    opacity: 1;
    line-height: inherit;
    font-weight: inherit;
    transform: inherit;
    display: inherit;
}

.tab button.disclaimer-tab {
    width: 2.5em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    margin-left: 0em;
    margin-right: 0.5em;
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/disclaimer_tab_icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75%;
}

/* Arrow Buttons */

.arrow_buttons {
    display: flex;
    align-items: center;
}

.arrow_left,
.arrow_right,
#toggle_fullscreen,
.factlist_button,
.figure_menu_navi_arrows_arrow {
    cursor: pointer;
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: background-color 0.2s;
}

.arrow_left:hover,
.arrow_right:hover,
#toggle_fullscreen:hover,
.factlist_button:hover {
    background-color: #cedbe6;
}

/* First/last visible fact: grey out nav arrows (tab bar + tooltip) */
.mt-ekp-nav-arrow-disabled,
.mt-ekp-nav-arrow-disabled:hover {
    cursor: default;
    opacity: 0.35;
    background-color: transparent !important;
    pointer-events: none;
}

.mt-ekp-tooltip-bottom-controls-container-item,
.mt-ekp-tooltip-bottom-controls-container-item-button.arrow_left,
.mt-ekp-tooltip-bottom-controls-container-item-button.arrow_right {
    height: 100% !important;
}

div:not(.tooltipster-content) .arrow_left:not(.mt-inside-tooltip) i,
div:not(.tooltipster-content) .arrow_right:not(.mt-inside-tooltip) i,
#toggle_fullscreen i,
.factlist_button i {
    font-size: 1.2em;
    color: #646c7f;
    line-height: 1;
}
#toggle_fullscreen i {
    position: relative;
    top: 1px;
}
#toggle_fullscreen .icon-exit {
    display: none;
}

.fullscreen #toggle_fullscreen .icon-enter {
    display: none;
}

.fullscreen #toggle_fullscreen .icon-exit {
    display: block;
}

.arrow_left.arrow_buttons_active,
.arrow_right.arrow_buttons_active {
    width: 30px;
    height: 30px;
    background-size: 83%;
    position: relative;
    top: -2.5px;
}

.toggle_visibility {
    /*display: block;*/
    position: relative;
    height: 35px;
    padding-top: 5px;
}

/* Fasttrack filter dot — contained inside button width (tab bar + mobile mode bar) */
.meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility.mt-fasttrack-filter-nondefault,
.mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .toggle_visibility.mt-fasttrack-filter-nondefault {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: auto;
    padding-top: 0;
    overflow: visible;
    box-sizing: border-box;
}

.meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility.mt-fasttrack-filter-nondefault::before,
.mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .toggle_visibility.mt-fasttrack-filter-nondefault::before {
    content: "";
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #4caf50;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
    pointer-events: none;
    position: static;
    transform: none;
    opacity: 1;
}

.meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility.mt-fasttrack-filter-nondefault #toggle_visibility_btn,
.mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .toggle_visibility.mt-fasttrack-filter-nondefault #toggle_visibility_btn {
    flex: 0 0 auto;
}

.meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility.mt-fasttrack-filter-nondefault {
    flex: 0 0 calc(35px + 3px + 5px);
}

/* Hover bridge: keep :hover alive while moving cursor from icon to dropdown */
.meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility:hover::after,
.mt-ekp-tab-ekp-mode-buttons .toggle_visibility:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 10px;
    pointer-events: auto;
}
.mt-ekp-tab-ekp-mode-buttons .toggle_visibility,
.mt-ekp-tab-ekp-mode-buttons.toggle_fullscreen,
.mt-ekp-tab-ekp-mode-buttons.arrow_left,
.mt-ekp-tab-ekp-mode-buttons.arrow_right {
    margin-right: 0;
}

.arrow_buttons_active {
    /*background-color: #e2e4e6;*/
    border-radius: 3px;
}
.arrow_buttons_active:hover {
    /*background-color:  #e2e4e6;*/
}

.toggle_ekp_quiz {
    position: relative;
    display: block;
    cursor: pointer;
}

.toggle_ekp_quiz.bigbutton {
    display: inline-block;
    float: none;
    width: auto;
    height: auto;
    /* height: 100%; */
}
.toggle_ekp_quiz.bigbutton.secondary {
    display: none; /*
    float: left;
    top: -15px;*/
}
.toggle_ekp_quiz.bigbutton.secondary.active {
    display: inline-block;
    right: 6px;
}
.toggle_ekp_quiz_btn {
    font-size: 14px;
    color: #646c7f;

    position: relative;
    /*
    background-clip: padding-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;	
	background-image: url('/wp-content/plugins/meditricks-exploration-images/assets/q-icon.png');*/

    position: relative;
    background-clip: padding-box;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-image: url(/wp-content/plugins/meditricks-exploration-images/assets/q-icon.png?v=1);
    background-size: 24px;

    transition: 0.15s;
}

.toggle_ekp_quiz_btn span {
    position: relative;
    top: 1px;
}

.bigbutton.active .toggle_ekp_quiz_btn span {
    font-size: 10px;
    margin-right: 10px;
    color: gray;
    color: #0b2c3c6b;
    transition: 0.1s;

    display: none;
}

.bigbutton .toggle_ekp_quiz_btn {
    text-align: right;
    width: 42px;
    line-height: 24px;
}
.toggle_ekp_quiz.quiz_active button.active {
    padding-left: 28px;
    padding-right: 46px;
    border: 1px solid #d1e5ed;
    margin: 0;
}
.toggle_ekp_quiz_btn.quiz_active {
    height: 24px;
    width: 32px;
}
.bigbutton .active .toggle_ekp_quiz_btn {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/q-icon_active.png?v=1");
    opacity: 0.7;
    color: var(--mt-ekp-outline-text);
}
.bigbutton .active:hover .toggle_ekp_quiz_btn {
    color: var(--mt-ekp-outline-text);
}

.toggle_ekp_quiz:hover .toggle_ekp_quiz_btn {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/q-icon_active.png?v=1");
    opacity: 0.85;
}
.toggle_ekp_quiz_btn.quiz_active,
.toggle_ekp_quiz:hover .toggle_ekp_quiz_btn.quiz_active {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/q-icon_active.png?v=1");
    opacity: 1 !important;
}
.toggle_ekp_quiz:hover .toggle_ekp_quiz_btn {
    color: var(--mt-ekp-outline-text);
}
/*
.toggle_ekp_quiz_btn.quiz_active i {
	color: linear-gradient(45deg , rgb(51 177 20) 00%, rgb(91, 121, 9) 100%);
	background-image: linear-gradient(45deg , rgb(51 177 20) 00%, rgb(91, 121, 9) 100%);
  
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;


	
 }
 .toggle_ekp_quiz_btn.quiz_active:before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
	margin: -3px; 
	border-radius: inherit; 
	background: linear-gradient(45deg , rgb(51 177 20) 00%, rgb(91, 121, 9) 100%);
  }
  */
/* Mode 2 
  */

div.ekp_quiz_questionmark_top {
    display: none;
}

div.ekp_quiz_questionmark_top:hover i.fa-question {
    color: black;
}
a.ekp_quiz_mode_2_top_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

/* Mode 2 (What the Fakt) in the narrow quiz fact box (inline mirror):
   the cloned "?" placeholder sat at the top-left and only its own small box was
   clickable. Make the top row a positioned, min-height card, stretch the "?" to
   fill it and center the glyph, so the whole card is one centered click target.
   Scoped to the quiz mirror in mode 2 (data-ekp-quiz-type="2"); the desktop
   floating tooltip is untouched (its mirror is display:none on ≥1001px). */
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"] .ekp_top_row {
    position: relative;
    min-height: 3.2em;
}
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"] .ekp_quiz_questionmark_top.ekp_quiz_visible {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 1.7em;
    cursor: pointer;
}

/* The tablet-portrait grid forces `.ekp_top_row .text_line.description { display: flex !important }`
   (specificity 0,3,0), which outranked `.ekp_quiz_not-visible { display: none !important }` (0,1,0)
   — so in "What the Fakt" the description (and any not-yet-revealed line) bled through behind the
   "?". Re-assert the quiz hide at higher specificity inside the mirror. */
.mt-ekp-tooltip-inline-mirror .ekp_top_row .text_line.ekp_quiz_not-visible,
.mt-ekp-tooltip-inline-mirror .text_line.ekp_quiz_not-visible,
.mt-ekp-tooltip-inline-mirror .ekp_quiz_not-visible {
    display: none !important;
}

/* Mode-2 question-mark step (data-step 0, set on the mirror by mtEkpFillTooltipInlineMirror):
   a single full-width "?" row at EVERY narrow breakpoint. The 768–1000px tablet-portrait grid
   already collapsed the card chain and hid the controls row, but the <768px base layout and the
   short-landscape layout did not — leaving a tall card with the "?" stuck in a corner. Collapse
   the whole card chain (mirror → root → content-container → top row) to content height, drop the
   grid/flex stretch, and hide the bottom controls row, so all breakpoints render identically. */
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"][data-ekp-quiz-step="0"],
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"][data-ekp-quiz-step="0"] .mt-ekp-tooltip-inline-mirror-root,
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"][data-ekp-quiz-step="0"] .tooltip_content,
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"][data-ekp-quiz-step="0"] .mt-ekp-tooltip-content-container {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    grid-template-rows: none !important;
}
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"][data-ekp-quiz-step="0"] .ekp_bottom_row {
    display: none !important;
}
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"][data-ekp-quiz-step="0"] .ekp_top_row {
    position: relative !important;
    display: block !important;
    height: auto !important;
    min-height: 2.8em !important;
    flex: 0 0 auto !important;
}
.mt-ekp-tooltip-inline-mirror[data-ekp-quiz-type="2"][data-ekp-quiz-step="0"] .ekp_quiz_questionmark_top.ekp_quiz_visible {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    font-size: 1.7em !important;
    cursor: pointer;
}

span.ekp_quiz_desc_show {
    display: none;
}

.ekp_quiz_visible {
    display: block !important;
}
.ekp_quiz_not-visible {
    display: none !important;
}

.ekp_quiz_no-hide {
    opacity: 1 !important;
}
.ekp_quiz_hide {
    opacity: 0 !important;
}

a.ekp_desc_reveal_link,
.mt-ekp-searchbox-results-item {
    color: black;
}
a.ekp_desc_reveal_link:hover {
    color: var(--main-link-color-red);
}

.tooltipster-sidetip .tooltipster-content {
    padding: 6px 10px !important;
}
.tooltipster-sidetip .tooltipster-box {
    border-radius: 10px !important;
}

.tooltipster-base.mt-ekp-tooltip-inline-mirror-container {
    position: relative;
    pointer-events: all;
    z-index: 99;
}

.tooltipster-base .tooltipster-box .text_line.fact {
    position: relative;
}

.tooltipster-base .tooltipster-box .ekp_quiz_hide_text {
    opacity: 0;
}

.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark {
    display: none;
    position: absolute;
    top: 0%;

    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 3px;
}

.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark span.ekp_quiz_questionmark_questionmark {
    width: 25px;
    display: inline-block;
    top: 50%;
    transform: translate(0px, -50%);
    position: relative;
}

.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark .ekp_quiz_questionmark_line {
    display: table-cell;
    width: 50%;
    position: relative;
}
.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark .ekp_quiz_questionmark_line .questionmark_line {
    width: 100%;
    height: 1px;
    background: black; /*#4067c5;*/
    display: block;

    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}
.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark .ekp_quiz_questionmark i {
    color: black;
}

.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark a,
.ekp_quiz_desc_show a {
    width: 100%;
    display: table;
    color: black;
}
.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark a {
    position: relative;
    height: 100%;
}
.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark:hover a {
    color: rgb(203, 70, 63);
}
.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark:hover .ekp_quiz_questionmark_line .questionmark_line {
    background-color: rgb(203, 70, 63);
}
.tooltipster-base .tooltipster-box div.ekp_quiz_questionmark:hover {
    background: #f5f5f5;
}

.tooltipster-base .tooltipster-box .ekp_quiz_desc_show {
    width: 100%;
    text-align: center;
    border-radius: 3px;
}

.tooltipster-base .tooltipster-box .ekp_quiz_desc_show:hover {
    background: #f5f5f5;
}

#toggle_visibility_btn {
    display: block;
    cursor: pointer;
    width: 35px;
    height: 25px;
    /* margin-right: 0.3em; */
    position: relative;
}

#toggle_visibility_btn::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #646c7f;
    -webkit-mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye.svg");
    mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.2s;
}

#toggle_visibility_btn:hover::before {
    background-color: #374054;
}

#toggle_visibility_btn.toggled::before {
    background-color: #7a1515;
    -webkit-mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye_off.svg");
    mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye_off.svg");
}

.meditrick_wrapper .tab #toggle_visibility_btn.arrow_buttons_active::before,
.mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile #toggle_visibility_btn.arrow_buttons_active::before {
    background-color: #646c7f;
}

.meditrick_wrapper .tab #toggle_visibility_btn.arrow_buttons_active,
.mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile #toggle_visibility_btn.arrow_buttons_active {
    opacity: 1;
}

.visibility-icon-preview {
    display: inline-block;
    width: 1.5em;
    height: 1em;
    vertical-align: middle;
    background-color: #8b8b8b;
    -webkit-mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye.svg");
    mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.fasttrack_content,
.ekp_quiz_menu_content {
    display: none;
    position: absolute;
    background: #fcfcfc;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 4px 6px;
    padding: 5px;
    color: rgb(63, 63, 63);
    width: 180px;
    left: -10px;
}

.fasttrack_content {
    padding: 0px;
    top: calc(100% + 2px);
    margin-top: 0;
}

.ekp_quiz_menu_content {
    width: auto;
    margin-top: 5px;
    top: 30px;
}
.ekp_quiz_menu_content.new {
    display: none; /*block;*/
    position: absolute;
    background: #fcfcfc;
    box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.07);
    border-radius: 18px;
    left: -1px;
    padding: 10px;
    margin-top: 0px;
    color: rgb(63, 63, 63);
    z-index: 99999;
    width: calc(100% + 2px);
    /* border-top-left-radius: 0px;
    border-top-right-radius: 0px; */
    top: calc(100% + 4px);
}
.ekp_quiz_menu_content.new .ekp_quiz_menu_element_click_top {
    top: 0;
}

.ekp_quiz_menu_content_ul {
    list-style-type: none;
    margin: 0px;

    margin-bottom: 5px;
    display: flex;
}

.ekp_quiz_menu_content_ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 220px;
    width: 20%;
    /*	border: 1px gray solid; */
    border-radius: 5px;
    position: relative;
    padding-top: 1em;
    padding-bottom: 1em;
    transition: 0.1s;
}

.ekp_quiz_menu_content_ul li.mtquiz-mode-4-divided {
    padding: 0;
}
.mtquiz-mode-4-divided.active {
    background-color: unset !important;
}
.mtquiz-mode-4-item-container {
    transition: 0.1s;
    border-radius: 5px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.mtquiz-mode-4-item-container:first-child {
    padding-top: 1em;
}
.mtquiz-mode-4-item-container:last-child {
    padding-bottom: 1em;
}

.ekp_quiz_menu_content_ul li.tipps {
    float: right;
    width: auto;
    max-width: 280px;
    padding-left: 10px;
}

.ekp_quiz_menu_content_ul li:hover:not(.tipps):not(.mtquiz-mode-4-divided),
.mtquiz-mode-4-item-container:hover {
    background-color: #f5f5f5; /*#eaeaea;*/
    cursor: pointer;
}

.ekp_quiz_menu_content_ul li.active {
    background-color: #f1f1f1; /*#e4e4e4;*/

    transition: 0s;
}

.ekp_quiz_menu_content_ul li.active p.ekp_quiz_menu_head {
    font-weight: bold;
}

p.ekp_quiz_menu_head {
    font-size: 1.5em;
    font-variant: small-caps;
    text-align: left;
    margin-left: 1em;
    margin-bottom: 0.5em;
}

p.ekp_quiz_menu_head.tipps {
    text-align: right;

    font-weight: 300;
}

p.ekp_quiz_menu_head2 {
    font-variant: small-caps;

    font-weight: 300;
    color: #2e2e2e;
    font-size: 14px;
}

.ekp_quiz_menu_icon {
    height: 100px;
    height: auto;
    width: 65%;
}
.ekp_quiz_menu_icon.lvl4 {
    height: 83px;
    width: auto;
    max-width: 65%;
}

.ekp_quiz_menu_sub {
    font-weight: 300;
    font-size: 12px;
    color: #a5a5a5; /*#2e2e2e;*/
    width: 70%;
    display: block;
    margin: 0 auto;
    margin-top: 1em;
}
.ekp_quiz_menu_divider {
    background-color: #d4d4d4;
    width: 1px;
    height: 100px;
    float: right;
    position: absolute;
    top: 28%;
    right: -1px;
    transition: 0.1s;
}
.ekp_quiz_menu_divider.lvl45 {
    width: 60%;
    height: 1px;
    top: unset;
    float: none;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
}

.ekp_quiz_menu_content_ul li:hover .ekp_quiz_menu_divider,
.ekp_quiz_menu_content_ul li.active .ekp_quiz_menu_divider {
    opacity: 0;
}
.ekp_quiz_menu_tips_row {
    margin-top: 15px;
}
.ekp_quiz_menu_tips_left {
    width: 70%;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}
.ekp_quiz_menu_tips_right {
    width: 24%;
    display: inline-block;
    vertical-align: top;

    text-align: right;
}
.ekp_quiz_menu_head_tip {
    font-variant: small-caps;
    font-weight: 400;
    color: #989898;
    font-size: 15px;
}
.ekp_quiz_menu_sub_tip {
    font-weight: 300;
    color: #a5a5a5;
    font-size: 12px;
}

img.ekp_quiz_menu_icon_tip {
    width: auto;
    max-height: 65px;
    width: 55px;
}
img.ekp_quiz_menu_icon_tip.pfeil {
    margin-top: 12px;
    margin-right: 2px;
    width: 50px;
}
img.ekp_quiz_menu_icon_tip.filter {
}

.ekp_quiz_menu_close_box {
    width: 100%;
    position: absolute;
}
.ekp_quiz_menu_close {
    left: 50%;
    display: inline-block;
    position: relative;
    transform: translateX(-50%);
    background: #fcfcfc;
    border-radius: 10px;
    width: 45px;
    height: 25px;
    /* box-shadow: 0px 6px 4px rgb(0 0 0 / 10%); */
    box-shadow: 0px 6px 10px rgb(0 0 0 / 3%);
}
.ekp_quiz_menu_close a {
    color: #c5c5c5;

    position: absolute;

    width: 65px;
    height: 40px;
    display: block;
    top: -30%;
    left: -10px;
}

.ekp_quiz_menu_close a:hover {
    color: #484848;
}

.ekp_quiz_menu_close span {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}

/* mode turn off*/

.toggle_ekp_quiz_all_close {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 20;
    text-align: center;
    margin: 4px 0px;
    margin: 0;
    /* top: 50%;
    transform: translateY(-50%);
    height: 100%; */
}
.active .toggle_ekp_quiz_all_close {
    display: block;
}

.toggle_ekp_quiz_all_close span {
    width: 42px;
    /* height: 100%; */
    /*display: block;*/
    height: 46px;
    /* line-height: 44px; */
    /* background: #dadada; */
    /* border-radius: 4px; */
    font-size: 21px;
    transition: 0.15s;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background: linear-gradient(288deg, rgb(194 226 241 / 0%), rgb(203 235 242));
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c2dfea;
    box-shadow: rgb(0 0 0 / 2%) 0 2px 8px;
}
.ekp_quiz_menu_element_click_top_close {
    display: none;
    position: absolute;
    z-index: 20;

    right: 0px;
    top: 0px;
}

.ekp_quiz_menu_element_click_top_close a,
.ekp_quiz_menu_element_click_top_close a:hover {
    text-decoration: none;
    color: black;
}
.toggle_ekp_quiz_all_close a {
    text-decoration: none;
    color: #636c7f;
}
.toggle_ekp_quiz_all_close a:hover {
    color: var(--mt-ekp-outline-text);
}

.ekp_quiz_menu_element_click_top_close span {
    width: 35px;
    height: 35px;
    display: block;
    line-height: 35px;
    background: #dadada;
    border-radius: 7px;
    font-size: 17px;
}

.ekp_quiz_menu_element_click_top_close:hover span,
.toggle_ekp_quiz_all_close:hover span {
    /* background: #cacaca;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%); */
}

.toggle_ekp_quiz_all_close:hover span {
    background: #e0e0e0;
    background: #bfd7e763;
}

/** FASTTRACK */

.mt-ekp-fasttrack-taste-a {
    width: auto;
    height: 14px;
    opacity: 0.5;
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.mt-ekp-fasttrack-hidePoints-erklaerung {
    color: gray;
}

.fasttrack_click_top,
.ekp_quiz_menu_element_click_top,
.figure_menu_filter_click_top {
    position: absolute;
    z-index: 2; /*
	background: red;
	opacity: 0.5;*/
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.ekp_quiz_menu_content input {
    display: none;
}

.fasttrack_click_top:not(.descOn):hover,
.ekp_quiz_menu_element_click_top:hover,
.figure_menu_filter_click_top:hover {
    cursor: pointer;
}

.figure_menu #toggle_visibility_btn {
    background-size: 80%;
}
.figure_menu #toggle_visibility_btn::before {
    -webkit-mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye.svg");
    mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #646c7f;
    transition: background-color 0.2s;
}
.figure_menu #toggle_visibility_btn:hover::before {
    background-color: #374054;
}
.figure_menu #toggle_visibility_btn.toggled::before {
    background-color: #7a1515;
    -webkit-mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye_off.svg");
    mask-image: url("/wp-content/plugins/meditricks-exploration-images/assets/eye_off.svg");
}
.figure_menu #toggle_visibility_btn.arrow_buttons_active::before {
    background-color: #0b2c3c;
}
.figure_menu .fasttrack_content {
    width: max-content;
}
i.mt-ekp-fasttrack-icon {
    margin-left: 6px;
    margin-right: 5px;
}
img.mt-ekp-fasttrack-icon,
img.mt-imp-filter-icon {
    margin-left: 3px;
    margin-right: 3px;
}
img.mt-imp-filter-icon {
    width: 20px;
    height: 16px;

    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
}

.figure_menu .fasttrack_content_element.mt-active img.mt-imp-filter-icon {
    opacity: 0.9;
}
.figure_menu .fasttrack_content_element:hover img.mt-imp-filter-icon {
    opacity: 1;
}

.figure_menu .fasttrack_content_element {
    color: gray;
}
.figure_menu .fasttrack_content_element.mt-active,
.figure_menu .fasttrack_content_element:hover {
    color: #53595f;
}

img.mt-imp-filter-icon-legende {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/mt-imp-filter-legende.png");
    background-size: 16px;
    background-color: rgba(255, 255, 255, 0) !important;
}
img.mt-imp-filter-icon-objects {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/mt-imp-filter-objects.png");
    background-size: 16px;
    background-color: rgba(255, 255, 255, 0) !important;
}
img.mt-imp-filter-icon-static {
    background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/mt-imp-filter-static.png");
    background-size: 20px;
    background-color: rgba(255, 255, 255, 0) !important;
}

.toggle_visibility:hover .fasttrack_content,
.toggle_ekp_quiz:hover .ekp_quiz_menu_content {
    display: block;
}
.fasttrack_content .fasttrack_content_element,
.ekp_quiz_menu_content .ekp_quiz_menu_element {
    display: block;
    cursor: normal;
    padding: 5px 11px;

    border-radius: 2px;
    position: relative;

    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;

    justify-content: space-between;
    gap: 2px;
}
.mt-ekp-figure-menu-buttons .fasttrack_content .fasttrack_content_element {
    justify-content: flex-start;
}

.fasttrack_content .fasttrack_content_element:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.fasttrack_content .fasttrack_content_element:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.fasttrack_content .fasttrack_content_element:hover {
    background: rgb(243 247 250);
}
.meditrick_wrapper.ekp_quiz_mode_active .fasttrack_content .fasttrack_content_element.descOn,
.meditrick_wrapper.ekp_quiz_mode_active .fasttrack_content .fasttrack_content_element.hidePoints {
    color: gray;
}
.fasttrack_content .fasttrack_content_element:not(.descOn):not(.hidePoints):hover,
.ekp_quiz_menu_content .ekp_quiz_menu_element:hover {
    background: #e9e9e9;
    background: rgb(243 247 250);
    /*	cursor:pointer;*/
}
.meditrick_wrapper.ekp_quiz_mode_active .fasttrack_click_top.descOn:hover,
.meditrick_wrapper.ekp_quiz_mode_active .fasttrack_click_top.hidePoints:hover {
    cursor: initial;
}

.meditrick_wrapper:not(.ekp_quiz_mode_active) .fasttrack_click_top.descOn:hover,
.meditrick_wrapper:not(.ekp_quiz_mode_active) .fasttrack_click_top.hidePoints:hover {
    cursor: pointer;
}
.meditrick_wrapper:not(.ekp_quiz_mode_active) .fasttrack_content .fasttrack_content_element.descOn:hover,
.meditrick_wrapper:not(.ekp_quiz_mode_active) .fasttrack_content .fasttrack_content_element.hidePoints:hover {
    background: #e9e9e9;
    background: rgb(243 247 250);
    /*	cursor:pointer;*/
}
.fasttrack_content_element_left {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
    color: var(--mt-ekp-outline-text);
    color: #656c7f;
    font-size: 14px;
}
.fasttrack_content_element:hover .fasttrack_content_element_left {
    color: var(--mt-ekp-outline-text);
}
.mt-ekp-fasttrack-count {
    border-radius: 6px;
    color: rgb(50 60 84 / 59%);
    margin-left: 0.3em;
    font-size: 12px;
    font-weight: bold;
    background: rgb(225 239 248 / 60%);
    background: rgb(222 232 239 / 60%);
    padding: 2px 4px;
}
.fasttrack_content_divider {
    border-top: 1px solid #e7e7e7;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 2px;
    margin-top: 2px;
}

/* Fasttrack row hover + idle pulse (fact #1 only, never with .point_selected): same geometry as EKP search highlight.
   Parent .point background paints above negative-z children; on desktop, move marker to ::after so glow sits underneath. */
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-fasttrack-hover-glow) {
    isolation: isolate;
    opacity: 0.9;
}

.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected)) {
    isolation: isolate;
    opacity: 0.9;
}

.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-lead-point-pulse) {
    isolation: isolate;
    opacity: 1;
}

.image_wrapper_ekp_image:has(.point_search_highlight.mt-lead-point-pulse) {
    overflow: hidden;
    border-radius: 14px;
}

.point_search_highlight.mt-fasttrack-hover-glow,
.point_search_highlight.mt-current-point-idle-pulse {
    animation: mt-fasttrack-hover-pulse 1.85s ease-in-out infinite;
    z-index: 0;
}

.point_search_highlight.mt-lead-point-pulse {
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);
    pointer-events: none;
    z-index: 4;
}

@media (min-width: 1001px) {
    .image_wrapper_ekp_image .point.tooltip.Basiswissen:has(.point_search_highlight.mt-fasttrack-hover-glow),
    .image_wrapper_ekp_image .point.tooltip.Basiswissen:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected)),
    .image_wrapper_ekp_image .point.tooltip.Expertenwissen:has(.point_search_highlight.mt-fasttrack-hover-glow),
    .image_wrapper_ekp_image
        .point.tooltip.Expertenwissen:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected)),
    .image_wrapper_ekp_image .point.tooltip.Quintessence:has(.point_search_highlight.mt-fasttrack-hover-glow),
    .image_wrapper_ekp_image
        .point.tooltip.Quintessence:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected)),
    .image_wrapper_ekp_image .point.tooltip.Schlüsselassoziation:has(.point_search_highlight.mt-fasttrack-hover-glow),
    .image_wrapper_ekp_image
        .point.tooltip.Schlüsselassoziation:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected)) {
        background-image: none !important;
        background-color: transparent !important;
    }

    .image_wrapper_ekp_image .point.tooltip.Basiswissen:has(.point_search_highlight.mt-fasttrack-hover-glow)::after,
    .image_wrapper_ekp_image
        .point.tooltip.Basiswissen:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected))::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        pointer-events: none;
        z-index: 2;
        background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_basiswissen.png");
        background-size: 100% 100%;
        background-color: transparent;
    }

    .image_wrapper_ekp_image .point.tooltip.Expertenwissen:has(.point_search_highlight.mt-fasttrack-hover-glow)::after,
    .image_wrapper_ekp_image
        .point.tooltip.Expertenwissen:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected))::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        pointer-events: none;
        z-index: 2;
        background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_expertenwissen.png");
        background-size: 100% 100%;
        background-color: transparent;
    }

    .image_wrapper_ekp_image .point.tooltip.Quintessence:has(.point_search_highlight.mt-fasttrack-hover-glow)::after,
    .image_wrapper_ekp_image
        .point.tooltip.Quintessence:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected))::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        pointer-events: none;
        z-index: 2;
        background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_quintessence.png");
        background-size: 100% 100%;
        background-color: transparent;
    }

    .image_wrapper_ekp_image .point.tooltip.Schlüsselassoziation:has(.point_search_highlight.mt-fasttrack-hover-glow)::after,
    .image_wrapper_ekp_image
        .point.tooltip.Schlüsselassoziation:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected))::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        pointer-events: none;
        z-index: 2;
        background-image:
            url("/wp-content/plugins/meditricks-exploration-images/assets/point_basiswissen.png"),
            url("/wp-content/plugins/meditricks-exploration-images/assets/key_icon.png");
        background-size: 100% 100%;
        background-color: transparent;
    }
}

/* .image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-fasttrack-hover-glow) .point_number,
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-fasttrack-hover-glow) .point_highlight,
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-fasttrack-hover-glow) .point_selected,
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-lead-point-pulse) .point_number,
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-lead-point-pulse) .point_highlight,
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-lead-point-pulse) .point_selected,
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected)) .point_number,
.image_wrapper_ekp_image
    .point.tooltip:has(.point_search_highlight.mt-current-point-idle-pulse):not(:has(.point_selected))
    .point_highlight {
    position: relative;
    z-index: 3;
} */

/* EKP quiz mode 2 (WTF): subtler, smaller pulse on all visible points */
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-quiz-mode2-pulse) {
    isolation: isolate;
    opacity: 0.92;
}

.point_search_highlight.mt-quiz-mode2-pulse {
    animation: mt-quiz-mode2-point-pulse 1.55s ease-in-out infinite;
    z-index: 0;
}

/* .image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-quiz-mode2-pulse) .point_number,
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-quiz-mode2-pulse) .point_highlight,
.image_wrapper_ekp_image .point.tooltip:has(.point_search_highlight.mt-quiz-mode2-pulse) .point_selected {
    position: relative;
    z-index: 3;
} */

@media (min-width: 1001px) {
    .image_wrapper_ekp_image .point.tooltip.Basiswissen:has(.point_search_highlight.mt-quiz-mode2-pulse),
    .image_wrapper_ekp_image .point.tooltip.Expertenwissen:has(.point_search_highlight.mt-quiz-mode2-pulse),
    .image_wrapper_ekp_image .point.tooltip.Quintessence:has(.point_search_highlight.mt-quiz-mode2-pulse),
    .image_wrapper_ekp_image .point.tooltip.Schlüsselassoziation:has(.point_search_highlight.mt-quiz-mode2-pulse) {
        background-image: none !important;
        background-color: transparent !important;
    }

    .image_wrapper_ekp_image .point.tooltip.Basiswissen:has(.point_search_highlight.mt-quiz-mode2-pulse)::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        pointer-events: none;
        z-index: 2;
        background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_basiswissen.png");
        background-size: 100% 100%;
        background-color: transparent;
    }

    .image_wrapper_ekp_image .point.tooltip.Expertenwissen:has(.point_search_highlight.mt-quiz-mode2-pulse)::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        pointer-events: none;
        z-index: 2;
        background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_expertenwissen.png");
        background-size: 100% 100%;
        background-color: transparent;
    }

    .image_wrapper_ekp_image .point.tooltip.Quintessence:has(.point_search_highlight.mt-quiz-mode2-pulse)::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        pointer-events: none;
        z-index: 2;
        background-image: url("/wp-content/plugins/meditricks-exploration-images/assets/point_quintessence.png");
        background-size: 100% 100%;
        background-color: transparent;
    }

    .image_wrapper_ekp_image .point.tooltip.Schlüsselassoziation:has(.point_search_highlight.mt-quiz-mode2-pulse)::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        pointer-events: none;
        z-index: 2;
        background-image:
            url("/wp-content/plugins/meditricks-exploration-images/assets/point_basiswissen.png"),
            url("/wp-content/plugins/meditricks-exploration-images/assets/key_icon.png");
        background-size: 100% 100%;
        background-color: transparent;
    }
}

@keyframes mt-fasttrack-hover-pulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.4;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.65;
    }
}

@keyframes mt-quiz-mode2-point-pulse {
    0%,
    100% {
        transform: scale(0.86);
        opacity: 0.26;
    }
    50% {
        transform: scale(0.98);
        opacity: 0.44;
    }
}

@media (prefers-reduced-motion: reduce) {
    .point_search_highlight.mt-fasttrack-hover-glow,
    .point_search_highlight.mt-current-point-idle-pulse,
    .point_search_highlight.mt-lead-point-pulse {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .point_search_highlight.mt-quiz-mode2-pulse {
        animation: none;
        opacity: 0.55;
        transform: none;
    }
}

.ekp_fasttrack_halfdivider {
    width: 13%;
    display: inline-block;
    border-top: 1px solid #dedede;
    vertical-align: baseline;
    margin: 0 auto;
    position: relative;
    top: -2px;
    margin-right: 5px;
    margin-left: 5px;
}

div.fasttrack_content_saved,
.figuresinteractivefilter_content_saved {
    font-size: 10px;
    text-align: center;
    color: #848484;
    margin-top: 2px;
    margin-bottom: 2px;
}
span.ekp_fasttrack_icon_container {
    width: 12.5px;
    display: inline-block;
    margin-left: 3px;
    position: relative;
    bottom: -1px;
    margin-right: 2px;
}
div.fasttrack_content_saved i,
div.figuresinteractivefilter_content_saved i {
    position: absolute;
    right: 1px;
}
div.fasttrack_content_saved i.placeholder,
div.figuresinteractivefilter_content_saved i.placeholder {
    position: relative;
    opacity: 0;
}

div.fasttrack_content_saved i.ekp_fasttrack_error,
div.figuresinteractivefilter_content_saved i.ekp_fasttrack_error {
    transform: rotate(45deg);
    font-size: 1.15em;
    top: -1px;
}
div.fasttrack_content_saved span.ekp_fasttrack_save_text,
div.figuresinteractivefilter_content_saved span.ekp_fasttrack_save_text {
    margin-right: 3px;
}
.ekp_quiz_menu_content .ekp_quiz_menu_element.ekp_mode_active {
    background: #c7c7c7;
}

.fullscreen {
    width: 100%;
}

/* Dropdown */

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 99999;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 9999999;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* Figures (Abbildungen) */

.figures_container_overlay_mode {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    background: rgb(15 15 20 / 88%);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    padding: 0;
    height: 100%;
    width: 100%;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}
.figures_container_overlay_mode.show {
    opacity: 1;
    pointer-events: auto;
    display: flex !important;
}

.figure_element_overlay_mode {
    display: none;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    padding: 24px 21px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.figure_element_overlay_mode.show {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.figures_container_overlay_mode.show .figure_element {
    display: flex !important;
    gap: 20px !important;
    flex: 1 1 0;
    min-height: 0;
    align-items: stretch;
    justify-content: space-between;
}

.figure_image_overlay_close {
    position: fixed;
    /* Center on the desktop/landscape menu bar (10px pad + 32px navi; (52-44)/2 ≈ 4px) */
    top: 4px;
    right: 18px;
    z-index: 9998;
    width: 44px;
    height: 44px;
    background: rgb(255 255 255 / 10%);
    color: rgb(255 255 255 / 85%);
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    transition:
        background 0.2s,
        transform 0.15s,
        color 0.2s;
    border: 1px solid rgb(255 255 255 / 12%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.figures_container_overlay_mode.show .figure_image_overlay_close {
    display: flex;
}

.figure_image_overlay_close:hover {
    background: rgb(255 255 255 / 22%);
    color: #fff;
    transform: scale(1.1);
}

/* Preview bar at bottom of overlay */
.figure_overlay_preview_bar {
    flex-shrink: 0;
    background: rgb(111 111 111 / 45%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid rgb(255 255 255 / 10%);
    padding: 12px 20px;
    padding-top: 0;
    overflow: hidden;
}
.figure_overlay_preview_title_bar {
    /* max-height: 0;
    overflow: hidden;
    opacity: 0; */
    transition:
        max-height 0.2s ease,
        opacity 0.2s ease;
}
.figure_overlay_preview_title_bar.show {
    max-height: 28px;
    opacity: 1;
}
.figure_overlay_preview_title_scroll {
    display: flex;
    gap: 10px;
    overflow: hidden;
    padding: 6px 0 4px;
}
.figure_overlay_preview_title_cell {
    flex-shrink: 0;
    width: 104px;
    color: rgb(255 255 255 / 0%);
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    text-align: center;
    transition: color 0.15s ease;
    pointer-events: none;
}
.figure_overlay_preview_title_cell.show {
    color: rgb(255 255 255 / 85%);
}
.figure_overlay_preview_bar_scroll {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgb(255 255 255 / 20%) transparent;
    padding-bottom: 4px;
    padding-top: 4px;
}
.figure_overlay_preview_bar_scroll::-webkit-scrollbar {
    height: 4px;
}
.figure_overlay_preview_bar_scroll::-webkit-scrollbar-track {
    background: transparent;
}
.figure_overlay_preview_bar_scroll::-webkit-scrollbar-thumb {
    background: rgb(255 255 255 / 18%);
    border-radius: 4px;
}
.figure_overlay_preview_item {
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    transition:
        border-color 0.2s,
        transform 0.15s,
        box-shadow 0.2s;
    opacity: 0.65;
}
.figure_overlay_preview_item:hover {
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgb(0 0 0 / 40%);
}
.figure_overlay_preview_item.active {
    border-color: rgb(255 255 255 / 85%);
    opacity: 1;
    box-shadow:
        0 0 0 1px rgb(255 255 255 / 15%),
        0 4px 16px rgb(0 0 0 / 30%);
}
.figure_overlay_preview_thumb {
    position: relative;
    width: 100px;
    height: 64px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 5%);
}
.figure_overlay_preview_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.figure_overlay_preview_label {
    position: absolute;
    bottom: 4px;
    left: 4px;
    background: rgb(0 0 0 / 55%);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    line-height: 1.3;
    pointer-events: none;
}
.figure_overlay_preview_interactive_icon {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: rgb(255 255 255 / 90%);
    border-radius: 4px;
    padding: 2px;
    line-height: 0;
    pointer-events: none;
}
.figure_overlay_preview_interactive_icon .mt-ekp-figure-dropdown-interactive-icon {
    width: 18px;
    height: 18px;
    display: block;
    fill: #3a7bd5;
}

.figures_container_overlay_mode .figure_menu {
    flex-shrink: 0;
    background: rgb(205 205 205 / 25%);
    border-bottom: 1px solid rgb(255 255 255 / 8%);
    padding: 10px 20px;
    position: relative;
}
.figures_container_overlay_mode .figure_menu_navi_container {
    display: flex;
    align-items: center;
}
.figures_container_overlay_mode .figure_meni_navi_title,
.figures_container_overlay_mode .figure_menu_navi_title {
    color: rgb(255 255 255 / 85%);
}
.figures_container_overlay_mode .figure_menu_navi_arrows_arrow {
    background: rgb(255 255 255 / 10%);
    border-radius: 8px;
}
.figures_container_overlay_mode .figure_menu_navi_arrows_arrow:hover {
    background: rgb(255 255 255 / 20%);
}
.figures_container_overlay_mode .figure_menu_navi_arrows_arrow i {
    color: rgb(255 255 255 / 85%);
}
.figures_container_overlay_mode .figure_menu_navi_arrows_arrow:hover i {
    color: #fff;
}
.figures_container_overlay_mode .figure_menu #toggle_visibility_btn::before {
    background-color: rgb(255 255 255 / 85%);
}
.figures_container_overlay_mode .figure_menu #toggle_visibility_btn:hover::before {
    background-color: #fff;
}
.figures_container_overlay_mode .figure_menu #toggle_visibility_btn.toggled::before {
    background-color: #e85a5a;
}
.figures_container_overlay_mode .figure_menu #toggle_visibility_btn.arrow_buttons_active::before {
    background-color: rgb(255 255 255 / 70%);
}

ul.figure_dropdown {
    list-style-type: none;
    display: none;
    position: absolute;
    min-width: 250px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    z-index: 9999;
    left: 0;
    top: 53px;
    text-align: left;
}

ul.figure_dropdown.show {
    display: block;
}

ul.figure_dropdown li {
    padding: 0.33em 0.25em;
}

ul.figure_dropdown li:hover {
    background: #dddddd;
}

ul.figure_link:hover {
    text-decoration: none;
}

ul.figure_dropdown a {
    color: black !important;
}
ul.figure_dropdown a:hover,
ul.figure_dropdown a:hover li {
}

.mt-figure-imp-hint-mtcrew {
    border-bottom: 1px solid #ccc;
    background-color: #ffebb1;
    box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.135);
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.mt-ekp-figure-dropdown-interactive-icon-container {
    background: #e4e8eb;
    background: #d3dee5;
    background: rgb(211 222 229 / 25%);
    background: linear-gradient(346deg, rgb(36 182 228 / 28%), rgb(74 214 201 / 30%));
    margin-right: 3px;
    border-radius: 3px;
    /* border-radius: 50%; */
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.mt-inhalt-erklaerbaer .mt-ekp-figure-dropdown-interactive-icon-container {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.figure_overlay_preview_item .mt-ekp-figure-dropdown-interactive-icon-container {
    margin-right: 0;
    width: auto;
    height: auto;
}

.figure_button_interactive_activate:hover .mt-ekp-figure-dropdown-interactive-icon-container {
    background: #b2c7dc;
    background: #d3dee5;
}
.mt-ekp-abb-inline-preview .mt-ekp-figure-dropdown-interactive-icon-container {
    margin-right: 0;
}

.mt-ekp-figure-dropdown-interactive-icon {
    width: 20px;
    height: 20px;
    position: relative;
    left: 2px;
    top: 1px;
    transform: scale(1.1) rotate(-75deg);
    stroke: #9fa2a6;
    stroke: rgb(14 38 84 / 20%);
}
.mt-inhalt-erklaerbaer .mt-ekp-figure-dropdown-interactive-icon {
    left: 4px;
    top: 2px;
}
.figure_button_interactive_activate .mt-ekp-figure-dropdown-interactive-icon {
    stroke: #476995;
}
.figure_button_interactive_activate:hover .mt-ekp-figure-dropdown-interactive-icon {
    stroke: #825197;
}
svg.mt-ekp-figure-dropdown-interactive-icon path {
    stroke-width: 4px;
}

.figure_menu_item:hover .mt-ekp-figure-dropdown-interactive-icon
/* .figure_menu_item.active .mt-ekp-figure-dropdown-interactive-icon { */ {
    stroke: #5d7587;

    stroke: #cdcdcd;
    stroke: white;
}

.figure_wrapper {
    display: none;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    /*top: 55px;*/
    /* top: 0; –Anpassung Paul */
    top: 0;
    width: 100%;
    /* height: 100%; –Anpassung Paul */
    height: 100%;
    z-index: 9998;
    background-color: white;
}
.figure_menu {
    background: #f2f2f2;
    margin-top: 2px;
}
.figure_menu_navi_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #517797;
    height: 32px;
    align-items: center;
}

/**
*  ABBILDUNGEN FILTER AUGE
*/
.figure_menu_navi_arrows_arrow:hover i {
    color: #3a7bd5;
}
.figure_wrapper [aria-label][role~="tooltip"]::after,
.figure_menu_navi_dropd [aria-label][role~="tooltip"]::after,
.mt-ekp-abb-inline-preview [aria-label][role~="tooltip"]::after {
    background: rgba(87, 99, 140, 0.9);
    border-radius: 4px;
    color: #ffffff;
    box-shadow: var(--box-shadow-default);
    white-space: pre-wrap;
    width: max-content;

    line-height: 1em;
    padding: 0.5em 0.75em;

    width: 67px;
    text-align: center;
}

.figure_wrapper [role~="tooltip"][data-microtip-position|="top"]::before,
.figure_menu_navi_dropd [role~="tooltip"][data-microtip-position|="top"]::before,
.mt-ekp-abb-inline-preview [role~="tooltip"][data-microtip-position|="top"]::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2887,%2099,%20140,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
        no-repeat;
}
.figure_wrapper [role~="tooltip"][data-microtip-position|="bottom"]::before,
.figure_menu_navi_dropd [role~="tooltip"][data-microtip-position|="bottom"]::before,
.mt-ekp-abb-inline-preview [role~="tooltip"][data-microtip-position|="bottom"]::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2887,%2099,%20140,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
        no-repeat;
}
.figure_wrapper [role~="tooltip"][data-microtip-position="left"]::before,
.figure_menu_navi_dropd [role~="tooltip"][data-microtip-position="left"]::before,
.mt-ekp-abb-inline-preview [role~="tooltip"][data-microtip-position="left"]::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2887,%2099,%20140,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
        no-repeat;
}
.figure_wrapper [role~="tooltip"][data-microtip-position="right"]::before,
.figure_menu_navi_dropd [role~="tooltip"][data-microtip-position="right"]::before,
.mt-ekp-abb-inline-preview [role~="tooltip"][data-microtip-position="right"]::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2887,%2099,%20140,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
        no-repeat;
}
.figure_menu_navi_intabb_info {
    letter-spacing: -0.03em;
}
.figure_menu_navi_intabb_info_title {
    color: #825197;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    letter-spacing: -0.04em;
    background-image: linear-gradient(299deg, rgb(130 81 151), rgb(157 37 163) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.figure_wrapper .mt-ekp-info-card-container {
}
.figure_wrapper .mt-ekp-info-card-content {
    top: 0px;
    overflow-y: auto;
    overflow-x: clip;
}
.figure_wrapper .mt-ekp-info-card-content h4 {
    color: #517797;
}
.figure_wrapper .mt-ekp-info-card-content h3.title {
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    /* line-height: 1.05; */
    /* letter-spacing: 0em; */
    text-transform: none;

    margin-top: 1em;
    margin-bottom: 0.5em;
}
.mt-figure-info-card-row {
    display: flex;
    gap: 6px;
    align-items: center;
    text-align: left;
    padding-left: 2em;
}
/* 
.mt-figure-info-card-row img {
    width: 50%;
} */
.figure_wrapper .mt-figure-info-card-textbox h3 {
    color: rgb(133, 60, 215);
    font-weight: 700;
    font-style: italic;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.4em;
}
.figure_wrapper .mt-figure-info-card-textbox h5 {
    color: #517797;
    color: rgb(64, 103, 197);
    font-weight: bold;
    font-size: 2em;
    margin-top: 0px !important;
    margin-bottom: 0.7em;
}
p.mt-figure-info-card-textbox-paragraph {
    font-size: 1.2em;
    color: #425567;
}
.mt-figure-row-cta {
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin-top: 3em;
    max-width: 100%;
    width: 100%;
}
.mt-figure-cta-more-info {
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: #0073e6;
}

.figure_button_interactive_activate {
    display: none;
    align-items: center;
    gap: 3px;

    border-radius: 18px;
    padding: 10px 18px;
    border: 1px white solid;
    background: rgb(255 255 255 / 80%);

    user-select: none;
}
.figure_button_interactive_activate:hover {
    background-color: rgb(214 239 248);
    background: linear-gradient(35deg, rgb(0 202 255 / 19%), rgb(0 202 255 / 47%));
    background: white;
    cursor: pointer;
}
.figure_menu_navi_arrows {
    display: flex;
    gap: 6px;
}
.figure_menu_navi_arrows_arrow {
    /*background-color: #e3e3e3;
     padding: 4px; */
    height: 32px;
    width: 32px;
    border-radius: 4px;
    margin: 0;
    transition: 0.2s;
}
.figure_menu_navi_arrows_arrow:hover {
    /* background-color: rgb(184, 187, 211);
    background-color: rgb(163 187 212);
    background-color: rgb(0 202 255 / 19%);
    background: linear-gradient(35deg, rgb(0 202 255 / 19%), rgb(0 202 255 / 47%));
    */
    cursor: pointer;
}
.figure_menu_navi_arrows_arrow i {
    font-size: 1.2em;
    color: #646c7f;
    line-height: 1;
    transition: 0.2s;
}
.figure_menu_navi_arrows_arrow {
    position: relative;
    z-index: 0;
}

.figure_menu_navi_arrows_arrow::before,
.mt-ekp-tooltip-bottom-abbildungen-icon-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(35deg, rgb(0 202 255 / 19%), rgb(0 202 255 / 47%));
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: -1;
    border-radius: 8px;
}

.mt-ekp-tooltip-bottom-abbildungen-icon-container::before {
    border-radius: 6px;

    background: #a7cbd1;
    /* background: #e8f4fa; */
}
.mt-ekp-tooltip-bottom-abbildungen-icon-container::before {
    z-index: 0;
}

.figure_menu_navi_arrows_arrow:hover::before,
.figure_menu_navi:hover .mt-ekp-tooltip-bottom-abbildungen-icon-container::before {
    opacity: 1;
}
.figure_menu_navi_arrows_arrow:hover .figure_menu_navi_arrows_arrow_icon {
    filter: brightness(0.5);
}
.figure_menu_left {
    display: flex;
    gap: 2px;
}
.figure_menu_center {
    display: flex;
    align-items: center;
}
.figure_menu .toggle_visibility {
    height: auto;
    padding-top: 0px;
    border-radius: 5px;
    padding-left: 5px;
    height: 32px;
}
.figure_menu #toggle_visibility_btn {
    height: 100%;
}
.figure_menu .fasttrack_content {
    z-index: 10000;

    margin-top: 0px;
    top: unset;
}

.mt-ekp-figure-menu-buttons {
    display: flex;
    gap: 6px;
    align-items: center;
    background: #e1eff8;
    background: #e1eff859;
    border-radius: 20px;
    height: 43px;
    padding: 0px 12px;
    border: 1px solid #45818e1a;
    border: 1px solid #45818e1a;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -20px;
    z-index: 1;
    padding-left: 26px;
    /* box-shadow: rgb(0 0 0 / 5%) 0 4px 8px; */
}

.figure_menu_navi {
    font-size: 1em;
    position: relative;
    /*
    background: #d4dfea;*/
    border-radius: 5px;
    padding-right: 5px;
    height: stretch;

    display: flex;
    align-items: center;
    gap: 3px;
    transition: 0.1s;
    user-select: none;

    /* border: 1px solid #45818e24; */
    border: 1px solid #efefef26;
    box-shadow: rgb(0 0 0 / 3%) 0 2px 4px;

    background: linear-gradient(306deg, rgb(208 234 241 / 22%), rgb(232 248 251 / 21%));
    border-radius: 18px;
    padding: 6px 18px;
    line-height: 1.7;
    z-index: 2;
    background: #6e7276;
}

.figure_menu_navi:hover,
.figure_menu .toggle_visibility:hover {
    cursor: pointer;
    background: #999c9e;
}
.figure_menu_navi .figure_meni_navi_title {
    display: flex;
    align-items: center;
    gap: 5px;
}
.figure_menu_navi .mt-ekp-tooltip-bottom-abbildungen-icon-container {
    border-radius: 3px;
    position: relative;
    transition: 0.1s;
}
.figure_menu_navi .mt-ekp-tooltip-bottom-abbildungen-icon {
    display: inline-block;
    height: 25px;
    width: 25px;
    background-size: 21px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 3px;
    transition: 0.1s;
}
/* .figure_menu_navi:hover .mt-ekp-tooltip-bottom-abbildungen-icon {
    filter: contrast(0.5);
} */
.figure_menu_navi:hover .mt-ekp-tooltip-bottom-abbildungen-icon-container {
    /* background-color: #d4dfea;
    background: linear-gradient(35deg, rgb(0 202 255 / 19%), rgb(0 202 255 / 47%));
*/
}
.figure_menu_navi_dropd {
    display: none;
    position: absolute;
    /* width: 250px; */
    z-index: 9999;
    top: calc(100% + 2px);
    left: 20px;
    background: white;
    border-radius: 14px;
    padding: 0px;
    box-shadow: var(--default-box-shadow);

    /* background: rgb(255 255 255 / 75%);
    backdrop-filter: blur(12px);
    border-radius: 14px; */

    text-align: left;
    user-select: none;
    font-weight: normal;
    /* 
    max-width: 100%;

    width: calc(100% - 40px);
    max-width: fit-content; */

    max-width: min(640px, calc(100vw - 40px));
    width: max-content;

    font-size: 13px;

    overflow: visible; /*auto;*/
    max-height: calc(var(--figure-available-height) - 10px);
}
.figures_container_overlay_mode .figure_menu_navi_dropd {
    width: max-content;
    max-width: min(640px, calc(100vw - 40px));
}

button#figureDropdownButton .figure_menu_navi_dropd {
    top: calc(100% + 2px);
    left: 0px;
}

/* Hover bridge: keep hit area while moving cursor from icon to dropdown */
button#figureDropdownButton:hover::after,
.figure_menu_navi.figureDropdownButton:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 10px;
    pointer-events: auto;
}

.figure_menu_gotop a {
    color: #517797;
}

.figure_number {
    background: #e4e8eb;

    background: #dfe6ed;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 3px;
    border-radius: 3px;
    height: auto;
    line-height: 20px;
}
.figure_menu_item .figure_number {
    color: black;
    color: #656c7f;
}
.figure_menu_item.active .figure_number {
    background: #dcebf8;
}
.figure_menu_item {
    /* padding: 6px;
    padding-top: 2px;
    padding-bottom: 2px; */

    line-height: 1.8em;

    padding: 10px 20px;
    padding-left: 10px;

    /* background: #efefef; */
    /* border-radius: 3px; */
    /* margin: 3px; */
    color: black;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 3px;
    position: relative;

    /* background: rgb(232 232 232 / 77%);
    border-radius: 10px; */

    /* box-shadow: var(--default-box-shadow); */
    /* border: 1px solid #f3f3f3;
    color: var(--mt-ekp-outline-text); */
    color: #656c7f;

    white-space: normal;
}

.figure_menu_item .figure_title {
    white-space: nowrap;
}

.figures_container_overlay_mode .figure_menu_navi_dropd {
    background: rgb(255 255 255 / 85%);
    backdrop-filter: blur(14px);
}

/* Embed: no interactive icon on inhalt/overlay thumbnails */
.meditrick_wrapper.mode-embed .figure_overlay_preview_interactive_icon,
.meditrick_wrapper.mode-embed .mt-inhalt-abbildungen .mt-ekp-abb-inline-interactive-icon,
.meditrick_wrapper.mode-embed .mt-inhalt-erklaerbaer .mt-ekp-abb-inline-interactive-icon {
    display: none !important;
}
.figure_menu_item:hover {
    background: #85a3bd;
    color: #1c253a;
    color: var(--mt-ekp-outline-text);
    color: white;

    background: rgb(91 127 158 / 60%);

    background: rgb(243 247 250);
    color: #323c54;
}

.figure_menu_item a {
    color: black;
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.figure_menu_item.active {
    background: #709bbf;
    color: white;

    /* font-weight: 600; */
    color: #1a769a;
    background: rgb(232 244 250);
}

.figure_menu_item:first-child {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.figure_menu_item:last-child {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.mt-ekp-abbildungen-source-container {
    margin-top: 1em;
    font-size: 0.85em;
    color: gray;
}

/** fullscreen */

.figure_wrapper.fullscreen_figure,
.figure_description_wrapper.fullscreen_figure {
    position: absolute;
}

.figure_image_wrapper {
    /* display: flex; –Anpassung Paul */
    align-items: center;
    justify-content: center;
    width: 77%;
    height: 100%;
}

.figure_element_overlay_mode .figure_image_wrapper {
    flex: 1 1 70%;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
}
.figure_element_overlay_mode .figure_image_wrapper.is-interactive,
.figure_element_overlay_mode .figure_image_wrapper.interactive {
    aspect-ratio: 4/3;
    max-width: calc(calc(var(--figure-available-height, 80vh) - 20px) * 4 / 3);
    width: 320px;
}

.figure_image_wrapper img.figure_image {
    max-height: 100%;
}

.figure_element_overlay_mode .figure_image_wrapper img {
    box-shadow: rgb(0 0 0 / 30%) 0 8px 32px;
    border-radius: 14px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.figure_description_wrapper {
    /* position: absolute;*/
    right: 0;
    top: 0;
    bottom: 0;
    width: 22%;
    background-color: #f2f2f2;
    color: #141516;
    padding: 0.75em;
    padding-top: 45px;
    text-wrap: balance;
    overflow-wrap: break-word;
    text-overflow: unset;
    border-radius: 0em 0em 0.1em 0.1em;
    margin-left: 1px;
    z-index: 1;
    box-sizing: content-box;
    height: fit-content;
}

.figure_description_wrapper a {
    color: #6d0909 !important;
    text-decoration: underline !important;
}

.figure_element_overlay_mode .figure_description_wrapper {
    flex: 0 1 30%;
    max-width: 380px;
    border-radius: 14px;
    box-shadow: 0 8px 32px rgb(0 0 0 / 25%);
    padding-top: 18px;
    padding-bottom: 18px;
    /* background: rgb(255 255 255 / 90%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); */
    background: rgb(255 255 255);
    color: #1e2935;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    background: #424242a1;

    color: white;
    height: var(--figure-available-height, 80vh) - 56px;

    padding-right: 46px;
    padding-left: 20px;
    position: relative;
    right: -40px;
    border: 1px solid #505052;
}

.close_figure_wrapper {
    position: absolute;
    right: 16px;
    top: 36px;
    /* top: 65px;  –Anpassung Paul */
    z-index: 99999;
    color: #972727 !important;
    text-decoration: underline !important;
}
.fullscreen .close_figure_wrapper {
    top: 16px;
}

.figure_element {
    height: 100%;
    display: flex;
    padding-top: 2px;
    position: relative;
}

.figure_image_overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.is-interactive .figure_image_overlay {
    display: none;
}
.figure_description_wrapper p {
    margin-bottom: 0em;
}

/** BREITBILD

*/
/* .format169 .figure_image_wrapper,
.format169 .figure_description_wrapper {
    width: 100%;
}
.format169 .figure_description_wrapper {
    padding-top: 1em;
    margin-top: 1px;
    border-radius: 0em 0em 0.1em 0.1em;
    box-sizing: border-box;
} */

.format169.figure_element {
    display: initial;
}
.mt-overlay-container {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;

    z-index: 10000000;
    z-index: 9999;
    top: 0;
    left: 0;
}

.mt-overlay-container .mt-overlay-darken {
    position: absolute;
    width: 100%;
    height: 100%;
    height: 100%;
    background: #8080801f;
    opacity: 0.25;
    z-index: -1;
    border-radius: 14px;
    box-shadow: white 0px 0px 20px 2px inset;
}
.figures_container_overlay_mode .mt-overlay-container .mt-overlay-darken {
    box-shadow: none;
}

.mt-overlay-msg-box-close-inside-icon {
    width: 56px;
    height: 56px;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    top: 0;
    right: 15px;
    z-index: 15;
}
.no-scroll .mt-overlay-msg-box-close-inside-icon {
    right: 0;
}
.mt-overlay-msg-box-close-inside-icon-a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.mt-overlay-msg-box-close-inside-icon-button {
    width: 52px;
    height: 52px;
    /* background: rgb(247, 247, 247); */
    border-radius: 28px;
    vertical-align: middle;
    /* top: 50%; */
    /* right: 50%; */
    display: flex;
    position: relative;
    line-height: 26px;
    font-size: 24px;
    color: gray;
    align-items: center;
    justify-content: center;
}

.mt-overlay-msg-box-close-inside-icon:hover .mt-overlay-msg-box-close-inside-icon-button {
    background: rgb(228, 228, 228);
    background: #fbfdff;
    border: 1px solid #eef1f4;
}

.mt-overlay-icon-close {
    transform: rotate(45deg);
    position: relative;
    top: 1px;
    left: -0.5px;
}

.mt-overlay-msg-box-scroll-indicator {
    width: 44px;
    height: 44px;

    /*background-image:url("assets/reorder.png");
	background-size: contain;*/
    position: absolute;
    right: 35px;
    bottom: 10px;
    opacity: 1;

    font-size: 1.3em;

    vertical-align: bottom;
}
.mt-overlay-msg-box-scroll-indicator i {
    position: absolute;
    bottom: 0;
}
.mt-overlay-msg-box.no-scroll .mt-overlay-msg-box-scroll-indicator {
    display: none !important;
}
.mt-overlay-msg-box-scroll-indicator.fadein {
    -webkit-animation: fadein 0.2s ease-in;
    -moz-animation: fadein 0.2s ease-in;
    animation: fadein 0.2s ease-in;
}
.mt-overlay-msg-box-scroll-indicator.fadeout {
    opacity: 0;

    -webkit-animation: fadeout 0.2s ease-in;
    -moz-animation: fadeout 0.2s ease-in;
    animation: fadeout 0.2s ease-in;
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.mt-overlay-container .mt-overlay-msg-box {
    /*border: 1px solid #dedede;*/

    width: 90%;
    background: white;

    padding: 10px;
    z-index: 11;
    position: relative;
    border-radius: 28px;
    box-shadow:
        0 2px 4px rgb(0 0 0 / 7%),
        0 4px 12px rgb(0 0 0 / 8%);

    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: auto;

    padding-bottom: 60px;
}

.mt-overlay-container .mt-overlay-msg-box h5 {
    margin-top: 0.7em;
}
.mt-overlay-container .mt-overlay-msg-box span.btns {
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.mt-overlay-container .mt-overlay-msg-box .remove_btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 2.5em;
    transition: 0.2s;
    top: -2px;
    position: relative;
}

.mt-overlay-container .mt-overlay-msg-box a .dashicons {
    text-decoration: none;
}
.mt-overlay-container .mt-overlay-msg-box .remove_btn {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
}

.mt-overlay-container .mt-overlay-msg-box .remove_btn span {
    font-size: 1.75em;
    position: relative;
    right: 2.5px;
    top: 2.5px;
}
.mt-overlay-container .mt-overlay-msg-box .remove_btn a {
    text-decoration: none;
    color: #cbcbcb; /*black;*/
}

.mt-overlay-container .mt-overlay-msg-box:hover .remove_btn {
    display: block;
    box-shadow:
        0 2px 4px rgba(107, 81, 81, 0.1),
        0 4px 4px rgba(0, 0, 0, 0.05);
}
.mt-overlay-container .mt-overlay-msg-box .remove_btn a {
    text-decoration: none;
    color: #474747;
}
.mt-overlay-container .mt-overlay-msg-box a:hover {
    color: rgb(156, 0, 0);
}

.mt-overlay-container .mt-overlay-msg-box button {
    outline: none;
    border: none;
    background: none;
    color: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);
    background-image: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 1.3em;
    font-weight: 500;
}

.mt-overlay-container .mt-overlay-msg-box button span {
    color: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);
    background-image: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mt-overlay-container .mt-overlay-msg-box button {
    position: relative;
}
.mt-overlay-container .mt-overlay-msg-box.line-after {
    opacity: 0;
}
.mt-overlay-container .mt-overlay-msg-box .line-after::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 10%;
    height: 2px;
    width: 80%;
    background: #444;
    background: linear-gradient(167deg, rgb(108 125 99) 5%, rgb(64 105 167) 90%);
    transition: 0.2s;
}
.mt-overlay-container .mt-overlay-msg-box button:hover .line-after::after {
    width: 100%;
    left: 0%;
}

.mt-ekp-tabcontents-container {
    position: relative;
    margin-top: 8px;
}
.meditrick_wrapper.info-card-show .mt-ekp-tabcontents-cont {
    overflow: hidden;
}

.meditrick_wrapper.info-card-show .mt-ekp-tabcontents-container .mt-ekp-tabcontents,
.meditrick_wrapper.mtsr-ratebox-show .mt-ekp-tabcontents-container .mt-ekp-tabcontents {
    filter: blur(3px) grayscale(0.75);

    /*margin: -3px -6px -6px -3px;*/
}

.mt-ekp-info-i-container {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid transparent;
    border-bottom: 0;
    width: 28px;
}

.mt-ekp-info-i-container:hover,
.meditrick_wrapper.info-card-show .mt-ekp-info-i-container {
    background-color: #f1f1f1;
    color: #919191;
}

.mt-ekp-info-i-container:hover .mt-ekp-info-i {
    color: #919191;
}
.meditrick_wrapper.info-card-show .mt-ekp-info-i {
    color: #222222;
}

.mt-ekp-info-i {
    display: block;
    margin-left: 0.6em;
    margin-right: 0.6em;
    color: #d3d3d3;
}

.mt-ekp-info-i a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.mt-ekp-info-card-funktionenimfokus {
    text-align: right;
    margin-right: 50px;
    display: flex;
    flex-direction: column-reverse;
    width: fit-content;
    flex-wrap: wrap;
    margin-left: auto;
    position: relative;
    height: auto;
    background: white;
    z-index: 10;
    padding-left: 6px;
    padding-bottom: 3px;

    justify-content: flex-end;
}

.mt-ekp-info-card-funktionenimfokus .row2 {
    font-size: 0.8em;
    color: gray;
}

.meditrick_wrapper.info-card-show .mt-ekp-info-i .info-i-bold,
.mt-ekp-info-i .info-i-light {
    display: initial !important;
}
.mt-ekp-info-i .info-i-bold,
.meditrick_wrapper.info-card-show .mt-ekp-info-i .info-i-light {
    display: none !important;
}

.mt-ekp-info-card {
    top: 3%;
    height: 93%;
    padding: 0px;
}

.mt-ekp-info-card-content {
    height: 100%;
    height: auto;
    overflow: auto; /*
	padding-top:0.5em !important;
	padding-bottom:1em !important;*/

    position: relative;
}

.mt-ekp-info-card-container,
.mt-spacedrep-ratebox-container,
.mt-spacedrep-paywall-container {
    display: none;
}

.mt-ekp-info-card-container .mt-overlay-darken,
.mt-spacedrep-ratebox-container .mt-overlay-darken {
    background: #000;
    opacity: 0.35;
}
.meditrick_wrapper.info-card-show .mt-ekp-info-card-container,
.meditrick_wrapper.mtsr-ratebox-show .mt-spacedrep-ratebox-container,
.meditrick_wrapper.figure-interactive-card-show .mt-figure-interactive-info-card-container,
.meditrick_wrapper.spacedrep-paywall-show .mt-spacedrep-paywall-container {
    display: block;
}

.mt-spacedrep-paywall-container {
    pointer-events: none;
}

.meditrick_wrapper.spacedrep-paywall-show .mt-spacedrep-paywall-container .mt-spacedrep-paywall-msg-box {
    pointer-events: auto;
}

.mt-spacedrep-paywall-msg-box {
    width: 95%;
    min-width: 95%;
    max-width: none;
    padding: 10px 0 24px;
}

.mt-spacedrep-paywall-content {
    text-align: left;
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

.mtsr-entry-title-wrapper {
    color: #9aa4b2;
}
.mtsr-entry-title-wrapper .title-text {
    margin: 0px 8px;
    font-weight: bold;
    color: var(--mt-ekp-outline-text);
}

/* Spaced-rep bar: repmode dropdown + fasttrack repeat presets (page-meditrick-dev-5) */
.mt-spacedrep-ekp-repmode .mtsr-ekp-repmode-title-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 20px;
    justify-content: space-between;
    color: #323c54;
    margin: 12px 0;
    margin-bottom: 8px;
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-repmode-title-element {
    display: flex;
    align-items: center;
    gap: 10px;
    /* z-index: 99999999999; */
}

.mt-spacedrep-ekp-repmode.mtsr-reel .element-left-container > .mt-ekp-title-container.mtsr-ekp-statusbar {
    width: auto;
    flex: 0 0 auto;
}

.mt-spacedrep-ekp-repmode #mtsr-ekp-repmode-selector-form {
    margin-top: 0;
    flex: 0 1 auto;
}
.mtsr-als-naechstes-menu-icon {
    color: #2563eb;
}
.mtsr-als-naechstes-menu-icon i {
    transform: rotateY(180deg);
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-presets {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    flex: 0 1 auto;
    min-width: 0;
}

.mtsr-ekp-combined-container-date-repeat-presets {
    display: flex;
    flex-direction: column;
    gap: 3px;
    position: relative;
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-repmode-repmeta {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45em;
    min-width: 0;
    padding: 0 8px;
    font-size: 0.8125rem;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: rgba(50, 60, 84, 0.68);
    white-space: nowrap;
    user-select: none;
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-repmode-repmeta-sep {
    opacity: 0.38;
    font-weight: 400;
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-repmode-repmeta-last {
    font-weight: 400;
    color: rgba(50, 60, 84, 0.58);
}

/* Als Nächstes — full-width row under repmode dropdown + fasttrack (view-reel queue) */
.mtsr-als-naechstes-repmode-row {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
    user-select: none;
}

.mt-spacedrep-ekp-repmode .mtsr-als-naechstes--repmode-queue {
    max-width: min(96vw, 520px);
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 4px 8px;
    border-radius: 7px;
    border: 1px solid rgba(18, 24, 38, 0.14);
    background: rgba(255, 255, 255, 0.72);
    color: var(--mt-ekp-outline-text, #323c54);
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset .mt-ekp-top-tabs-count {
    margin-left: 0.35em;
    font-size: 11px;
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset:hover {
    background: var(--mt-ekp-outline-bg-hover, #f7f7f8);
    border-color: rgba(18, 24, 38, 0.22);
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset.is-selected {
    background: var(--mt-ekp-outline-bg-active, #e8f0fe);
    border-color: rgba(36, 107, 250, 0.35);
    box-shadow: var(--mt-ekp-shadow);
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset:focus-visible {
    outline: 2px solid rgba(36, 107, 250, 0.45);
    outline-offset: 2px;
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset--inactive {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
    color: rgb(50 60 84 / 42%);
    border-color: rgba(18, 24, 38, 0.08);
    background: rgba(248, 248, 250, 0.85);
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset--inactive:hover,
.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset--inactive.is-selected {
    background: rgba(248, 248, 250, 0.85);
    border-color: rgba(18, 24, 38, 0.08);
    box-shadow: none;
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset--inactive .mt-ekp-top-tabs-count {
    color: rgb(50 60 84 / 38%);
}

.mt-spacedrep-ekp-repmode .mtsr-ekp-fasttrack-repeat-preset--inactive:focus-visible {
    outline: none;
}

.meditrick_wrapper.figure-interactive-card-show .mt-figure-interactive-info-card-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* === Figure interactive info card – modern styling === */
.mt-figure-interactive-info-card-container .mt-overlay-msg-box {
    max-width: 960px;
    width: 92%;
    height: auto;
    padding: 42px 32px;
    overflow-x: clip;
    border-radius: 16px;
    box-shadow:
        0 4px 24px rgb(0 0 0 / 8%),
        0 12px 48px rgb(0 0 0 / 6%);
    border: 1px solid rgb(0 0 0 / 4%);
}

.mt-figure-interactive-info-card-container .mt-ekp-info-card-content {
    padding: 0;
    overflow-x: clip;
}

.mt-figure-interactive-info-card-container .mt-ekp-info-card-content h4 {
    font-size: 0.95em;
    font-weight: 500;
    color: #64748b;
    margin: 0 0 0.5em;
    letter-spacing: 0.01em;
}

.mt-figure-interactive-info-card-container .mt-ekp-info-card-content h3.title {
    font-size: 1.5em;
    font-weight: 700;
    margin: 0 0 1.25em;
    color: #1e293b;
    letter-spacing: -0.02em;
}

.mt-figure-interactive-info-card-container .mt-figure-info-card-row {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    padding-left: 0;
    padding-right: 0;
    align-items: stretch;
}
.mt-figure-row-cta .cs-content a {
    font-size: 1.2em !important;
}

.mt-figure-cta-more-info {
    font-size: 0.7em;
}

@media (min-width: 920px) {
    .mt-figure-interactive-info-card-container .mt-figure-info-card-row {
        flex-direction: row;
        gap: 0.15em;
        align-items: flex-start;
    }
    .mt-figure-interactive-info-card-container .mt-figure-info-card-textbox {
        min-width: 320px;
    }
    .mt-figure-interactive-info-card-container .mt-figure-info-card-row img,
    .mt-figure-interactive-info-card-container .mt-figure-info-card-image {
        min-width: 440px;
        flex-shrink: auto;
        order: 0;
    }
}

.mt-figure-interactive-info-card-container .mt-figure-info-card-row img,
.mt-figure-interactive-info-card-container .mt-figure-info-card-image {
    max-height: 340px;
    object-fit: contain;
    border-radius: 12px;
    order: -1;
}

.mt-figure-interactive-info-card-container .mt-figure-info-card-textbox h3 {
    font-size: 1.35em;
    font-weight: 600;
    font-style: normal;
    color: #6f42c1;
    margin: 0 0 0.35em;
}

.mt-figure-interactive-info-card-container .mt-figure-info-card-textbox h5 {
    font-size: 1.05em;
    font-weight: 600;
    color: #475569;
    margin: 0 0 0.6em;
}

.mt-figure-interactive-info-card-container p.mt-figure-info-card-textbox-paragraph {
    font-size: 0.95em;
    line-height: 1.55;
    color: #475569;
    margin: 0;
}

.mt-figure-interactive-info-card-container .mt-figure-row-cta {
    margin-top: 1.75em;
    gap: 0.75em;
    align-items: center;
}

.mt-figure-interactive-info-card-container .mt-figure-row-cta a.x-btn,
.mt-figure-interactive-info-card-container .mt-figure-row-cta .x-btn,
.mt-figure-interactive-info-card-container .mt-figure-row-cta a[href*="plus"],
.mt-figure-interactive-info-card-container .mt-figure-row-cta a[href*="aktivieren"],
.mt-figure-interactive-info-card-container .mt-figure-row-cta .cs-content a,
.mt-figure-interactive-info-card-container .mt-figure-row-cta > a:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    font-weight: 600;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    border-radius: 10px;
    border: none;
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
    transition:
        box-shadow 0.2s,
        transform 0.15s;
    margin-left: 0px;
}

.mt-figure-interactive-info-card-container .mt-figure-row-cta a.x-btn:hover,
.mt-figure-interactive-info-card-container .mt-figure-row-cta .x-btn:hover,
.mt-figure-interactive-info-card-container .mt-figure-row-cta a[href*="plus"]:hover,
.mt-figure-interactive-info-card-container .mt-figure-row-cta a[href*="aktivieren"]:hover,
.mt-figure-interactive-info-card-container .mt-figure-row-cta .cs-content a:hover {
    box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
}

.mt-figure-interactive-info-card-container .mt-figure-cta-more-info {
    font-size: 0.9em;
    font-weight: 500;
    color: #6366f1;
    margin: 6px;
    margin-bottom: 10px;
}

.mt-figure-interactive-info-card-container .mt-figure-cta-more-info:hover {
    color: #4f46e5;
}

.mt-figure-interactive-info-card-container .mt-overlay-msg-box-close-inside-icon-button {
    color: #94a3b8;
}

.mt-figure-interactive-info-card-container .mt-overlay-msg-box-close-inside-icon:hover .mt-overlay-msg-box-close-inside-icon-button {
    color: #64748b;
    background: rgb(0 0 0 / 4%);
}

.mt-ekp-info-card-container h4 {
    color: #999999;
    font-weight: 300;
    font-size: 1.5em;
    margin: 0;
}
.mt-ekp-info-card-container h3 {
    font-size: 2em;
    margin-top: 0em;
}

.mt-ekp-info-card-container h5 {
    font-size: 1.3em;

    color: #444444;
    margin-bottom: 0.1em;
}

.mt-ekp-info-card-textbox {
    text-align: left;
    padding-left: 20%;
    padding-right: 20%;
    margin-bottom: 2em;
}

.mt-ekp-info-card-textbox:last-of-type {
    margin-bottom: 0em;
}
.mt-ekp-info-card-textbox-paragraph {
    padding-left: 1.5em;
    font-size: 0.9em;
}

.mt-ekp-info-card-timeline {
    margin-top: 1em;
    zoom: 40%;
    margin-left: 7%;
}

.mt-ekp-info-card-headimg {
    zoom: 50%;
    margin-left: 1em;
}

.mt-ekp-info-card-beq {
    position: relative;
    top: -4px;
}

.mt-ekp-info-card-ampel {
    position: relative;
    top: -2px;
}

.mt-ekp-info-card-markieren {
    zoom: 48%;
}

.mt-ekp-info-card-filter {
    position: relative;
    top: 2px;
    zoom: 54%;
}

/** extra wissen tooltip */
.mt-ekp-extrawissen-thumbnail-item {
    /* position relative so that we can use position absolute for the tooltip */
    position: relative;
    /*float: left; */
    margin: 0px 5px;
    display: inline-block;
}
.mt-ekp-extrawissen-thumbnail-item .mt-ekp-extrawissen-bigthumbnail {
    max-height: none !important;
    max-width: none !important;
}

.mt-ekp-extrawissen-thumbnail-item a {
    display: inline-block;
}

.mt-ekp-extrawissen-thumbnail-item img.mt-ekp-extrawissen-thumbnail {
}

.mt-ekp-extrawissen-tooltip {
    /* by default, hide it */
    display: none;
    /* allow us to move the tooltip */
    position: fixed;
    /* align the image properly */
    padding: 8px;
    margin-right: 1em;
    z-index: 99999999;

    background: white;

    border-radius: 8px;
    box-shadow:
        0 2px 4px rgb(0 0 0 / 6%),
        0 4px 12px rgb(0 0 0 / 5%);

    max-width: 450px;
}

.text_line.bottom_line.additionals .mt-ekp-extrawissen-tooltip {
    font-size: 1.2em;
    color: black;
}

.mt-ekp-extrawissen-tooltip span.mt-ekp-extrawissen-overlay {
    /* the png image, need ie6 hack though */
    /* background: url(images/overlay.png) no-repeat;*/
    /* put this overlay on the top of the tooltip image */
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 350px;
    height: 200px;
}
.mt-ekp-extrawissen-tooltip .mt-headline {
    color: #404040; /*#c3c3c3;*/
}

.mt-ekp-extrawissen-thumbnail-item a {
    color: #646464;
}
.mt-ekp-extrawissen-thumbnail-item a:hover {
    color: black;
}
.mt-ekp-extrawissen-body {
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-bottom: 0.4em;
    display: inline-block;
    margin-top: 0.2em;

    max-width: inherit;
    word-wrap: break-word;
}

/** Verwandte Tab - Catlist */
.mt-ekp-top-tabs-content .catlistvorschau_mehrteiler li {
    margin: 0.55em 0.25em 0.15em 0.25em; /*margin: 0.75em 1em 0.75em 0.5em;*/
}
.mt-ekp-top-tabs-content .catlistvorschau_mehrteiler li,
.mt-ekp-top-tabs-content .catlistvorschau_mehrteiler img {
    max-width: 135px; /*max-width: 170px;*/
}
.mt-ekp-top-tabs-content .catlistvorschau_mehrteiler .mtf-lcp-li .mtf-lcp-title {
    flex: 0 1 60%; /*70%; */
}

.mt-ekp-verwandte-list .mtf-lcp-li.thumb-list .mtf-lcp-a {
    max-width: 140px;
}

.mt-ekp-top-tabs-content .mt-lcp-title-hover-content-container {
    background: #f2f2f2;
    border-color: #f2f2f2;
}

.mt-ekp-top-tabs-content-scroll-container-hint {
    font-style: italic;
    color: gray;
    margin-bottom: 8px;
}

.mt-ekp-verwandte-ul-container {
    width: fit-content;
}
.itemcount-1 {
    max-width: 200px;
}
.itemcount-2 {
    max-width: 400px;
}
.itemcount-3 {
    max-width: 600px;
}
.itemcount-4 {
    max-width: 800px;
}
.mt-ekp-top-tabs-content .mt-ekp-tooltip-cat1 {
    flex: 0 101.5 auto;
}
.mt-ekp-top-tabs-content .mt-ekp-tooltip-cat2 {
    /* flex: 0 0 auto; */
    flex: unset;
    color: #8d8d8d;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 0.5 auto;
}
/*
// tablet?
@media screen and (max-width: 979px) {
	.ims_gs_bg {
	  min-height: 694px;
	}
	}
	@media screen and (max-width: 480px) {
	.ims_gs_bg {
	  min-height: 340px;
	}
	}


@media screen and (max-width: 1299px) {
    .meditrickblock {
        width: 75%;
    }
}
@media screen and (max-width: 767px) 

*/

/* mobil */

@media (max-width: 1299px) {
    /**
	MT QUIZ
	**/
    .tabcontent.mtquiz,
    .tabcontent.quizinfo {
        min-height: 495px;
    }

    /* .ekp_quiz_menu_content_ul li {
        width: 135px;
    } */
    .ekp_quiz_menu_icon {
        height: auto;
    }
    .ekp_quiz_menu_content_ul li.tipps {
        max-width: 190px;
    }
    p.ekp_quiz_menu_head {
        font-size: 1.3em;
    }

    .ekp_quiz_menu_content_ul li:nth-child(3) p.ekp_quiz_menu_head {
        text-align: center;
        margin-left: auto;
    }
    .tab_ekp_quiz_mode_3_content .ekp_question {
        /* font-size: 1.1em; */
        width: 95%;
    }

    .tab_ekp_quiz_mode_3_content .ekp_question.small {
        /* font-size: 0.9em; */
    }
    /**
	INFO CARD
	**/
    .mt-ekp-info-card-container h4 {
        font-size: 1.1em;
    }

    .mt-ekp-info-card-container h3 {
        font-size: 1.5em;
    }
    .mt-ekp-info-card-timeline {
        margin-left: 0px;
    }

    .mt-ekp-info-card-funktionenimfokus {
        font-size: 0.7em;
        margin-bottom: 20px;
    }
}

@media (max-width: 1099px) {
    .mt-ekp-info-card-textbox {
        padding-left: 25px;
        padding-right: 25px;
    }

    .mt-ekp-info-card-container .mt-overlay-msg-box-scroll-indicator {
        right: 22px;
    }
    .mt-ekp-info-card-content {
        padding-right: 20px;
    }
}
@media (max-width: 1020px) {
    .ekp_quiz_menu_icon {
        height: auto;
        width: 65%;
    }
    .ekp_quiz_menu_icon.lvl4 {
        height: auto;
    }
    p.ekp_quiz_menu_head {
        font-size: 1.1em;
    }
    p.ekp_quiz_menu_head2 {
        font-size: 10px;
    }

    .ekp_quiz_menu_sub {
        font-size: 10px;
    }

    .ekp_quiz_menu_content_ul li:nth-child(3) p.ekp_quiz_menu_head {
        text-align: center;
        margin-left: auto;
    }
    .tab_ekp_quiz_mode_3_content .ekp_question {
        /* font-size: 1.1em; */
        width: 95%;
    }

    .tab_ekp_quiz_mode_3_content .ekp_question.small {
        /* font-size: 0.9em; */
    }
    .ekp_quiz_menu_head_tip {
        font-size: 13px;
    }
    .ekp_quiz_menu_sub_tip {
        font-size: 11px;
    }

    /**
	INFO CARD

	*/
    .mt-ekp-info-card-container h3 {
        font-size: 1.1em;
    }
    .mt-ekp-info-card-container h4 {
        font-size: 0.85em;
    }
    .mt-ekp-info-card-container h5 {
        font-size: 1.1em;
    }

    /** Verwandte Tab - Catlist */

    .mt-ekp-top-tabs-content .catlistvorschau_mehrteiler li,
    .mt-ekp-top-tabs-content .catlistvorschau_mehrteiler img {
        max-width: 130px;
    }

    .mt-ekp-top-tabs-content .mtf-lcp-li.thumb-list .mtf-lcp-a {
        max-width: 80px;
    }
}
@media (min-width: 768px) and (max-width: 1020px) {
    /* .ekp_quiz_menu_content_ul li {
        width: 130px;
    } */
    .ekp_quiz_menu_content_ul li.tipps {
        max-width: 175px;
    }
}
@media (max-width: 974px) {
    .exploration_tab .intro_hint_container {
        font-size: 0.7em;
    }
    .mtekp-longdesc-img img {
        height: 70px;
    }

    .ekp_quiz_menu_content_ul li.tipps {
        max-width: 125px;
    }
    .ekp_quiz_menu_head_tip {
        font-size: 11px;
    }
    .ekp_quiz_menu_sub_tip {
        font-size: 9px;
    }
}

@media (max-width: 980px) {
    .mt-ekp-breadcrumb-container-wrapper {
        position: relative;
        left: -10px;
        /* margin-left: -10px; */
        width: calc(100% + 20px);
    }
    .mt-ekp-breadcrumb-container-wrapper.scrolled .mt-ekp-breadcrumb-container {
        box-shadow: none;
    }
    .mtf-fach-breadcrumb-post-item.visible {
        display: none;
    }
}

@media (max-width: 906px) {
    .ekp_quiz_menu_content_ul li {
        width: 25%;
    }
    .ekp_quiz_menu_content_ul li.tipps {
        display: none;
    }
    .ekp_quiz_menu_divider.lvl4 {
        display: none;
    }

    .tab_ekp_quiz_mode_3_content .ekp_question {
        /* font-size: 0.9em; */
        width: 95%;
    }

    .tab_ekp_quiz_mode_3_content .ekp_question.small {
        /* font-size: 0.65em; */
    }
    .ekp_quiz_mode_3_infoline {
        font-size: 0.75em;
    }
}

@media (max-width: 700px) {
    .mt-ekp-breadcrumb-ekp-learn-mode-label-modus {
        display: none !important;
    }
}
@media (max-width: 499px) {
    .mtekp-longdesc-img img {
        height: 50px;
    }

    .exploration_tab .intro_hint_container .hint_msg {
        padding: 3px;
    }
    .exploration_tab .intro_hint_container {
        font-size: 0.6em;
    }
    .exploration_tab .intro_hint_container .hint_msg h5 {
        margin-top: 0.7em;
        font-size: 1em;
        font-weight: bold;
        margin: 0;
    }

    .mt-ekp-info-card-container h4 {
        font-size: 0.7em;
    }
    .mt-ekp-info-card-container h3 {
        font-size: 0.9em;
    }
    .mt-ekp-info-card-container h5 {
        font-size: 0.8em;
    }
    .mt-ekp-info-card-textbox-paragraph {
        padding-left: 1.5em;
        font-size: 0.7em;
    }
    .mt-ekp-info-card-headimg {
        zoom: 30% !important;
    }
}

@media (max-width: 494px) {
    p.ekp_quiz_menu_head {
        font-size: 11px;
    }
}

/** ARROW BUTTONS
*/

.mode-ekp .arrow_buttons {
    display: flex;
}

.arrow_buttons > * {
    display: none;
}

.mode-video .arrow_buttons .mode-show-video {
    display: flex !important;
}

.mode-ekp-img .arrow_buttons .mode-show-ekp-img {
    display: flex !important;
}
.mode-ekp-img .mode-show-ekp-img {
    display: flex !important;
}
.mode-ekp-mtquiz .mode-show-ekp-mtquiz {
    display: flex !important;
}
.mode-ekp-mtquiz-freitext .arrow_buttons .mode-show-ekp-mtquiz-freitext {
    display: flex !important;
}

/* === TTS SPEAKER ICONS ON HEADINGS === */

.mt-inhalt-section-tts h1,
.mt-inhalt-section-tts h2,
.mt-inhalt-section-tts h3,
.mt-inhalt-section-tts h4,
.mt-inhalt-section-tts h5,
.mt-inhalt-section-tts h6 {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-right: 24px;
}

/* .mt-ekp-no-tts on a container: TTS script skips it; no TTS heading flex or stray speaker UI */
.mt-ekp-no-tts h1,
.mt-ekp-no-tts h2,
.mt-ekp-no-tts h3,
.mt-ekp-no-tts h4,
.mt-ekp-no-tts h5,
.mt-ekp-no-tts h6 {
    display: block !important;
    justify-content: unset !important;
    align-items: unset !important;
    flex-wrap: unset !important;
    gap: unset !important;
    padding-right: 0 !important;
    position: static;
}
.mt-ekp-no-tts .mt-tts-speaker,
.mt-ekp-no-tts .mt-tts-heading-text {
    display: none !important;
}

.mt-tts-speaker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-left: 6px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: rgba(0, 0, 0, 0.17);
    cursor: pointer;
    vertical-align: middle;
    transition:
        color 0.15s ease,
        background 0.15s ease,
        transform 0.1s ease;
    flex-shrink: 0;
}

.mt-tts-speaker:hover {
    color: #1a73e8;
    background: rgba(26, 115, 232, 0.08);
    transform: scale(1.12);
}

.mt-tts-speaker:active {
    transform: scale(0.92);
}

/* === TTS OVERLAY BAR === */

.mt-tts-bar {
    position: absolute;
    top: 0;
    left: 1%;
    right: 1%;
    z-index: 50;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition:
        transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.mt-tts-bar-visible {
    position: sticky;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

/* .mt-tts-paused {
    opacity: 0.8;
} */

.mt-tts-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition:
        background 0.15s ease,
        transform 0.1s ease;
    color: #333;
    background: rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
}

.mt-tts-btn:hover {
    background: rgba(0, 0, 0, 0.12);
    transform: scale(1.08);
}

.mt-tts-btn:active {
    transform: scale(0.95);
}

.mt-tts-play {
    background: #1a73e8;
    color: #fff;
}

.mt-tts-play:hover {
    background: #1565c0;
}

.mt-tts-stop {
    background: transparent;
    color: rgba(0, 0, 0, 0.4);
    width: 28px;
    height: 28px;
}

.mt-tts-stop:hover {
    background: rgba(211, 47, 47, 0.1);
    color: #d32f2f;
}

.mt-tts-progress {
    flex: 1;
    height: 4px;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    overflow: hidden;
    min-width: 40px;
}

.mt-tts-progress-bar {
    height: 100%;
    width: 0%;
    background: #1a73e8;
    border-radius: 2px;
    transition: width 0.3s ease;
}

.mt-tts-speed-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    padding: 0 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 13px;
    background: transparent;
    color: #555;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease;
    font-family: inherit;
}

.mt-tts-speed-btn:hover {
    background: rgba(0, 0, 0, 0.06);
}

.mt-tts-highlight {
    background: rgba(26, 115, 232, 0.05) !important;
    outline: 2px solid rgba(26, 115, 232, 0.15) !important;
    outline-offset: 2px;
    border-radius: 4px;
    transition:
        background 0.3s ease,
        outline-color 0.3s ease;
}

@media (prefers-color-scheme: dark) {
    .mt-tts-speaker {
        color: rgba(255, 255, 255, 0.3);
    }

    .mt-tts-speaker:hover {
        color: #4da3ff;
        background: rgba(77, 163, 255, 0.12);
    }

    .mt-tts-bar {
        background: rgba(30, 30, 30, 0.92);
        border-bottom-color: rgba(255, 255, 255, 0.08);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }

    .mt-tts-btn {
        color: #e0e0e0;
        background: rgba(255, 255, 255, 0.08);
    }

    .mt-tts-btn:hover {
        background: rgba(255, 255, 255, 0.15);
    }

    .mt-tts-play {
        background: #4da3ff;
        color: #111;
    }

    .mt-tts-play:hover {
        background: #69b3ff;
    }

    .mt-tts-stop {
        color: rgba(255, 255, 255, 0.4);
        background: transparent;
    }

    .mt-tts-stop:hover {
        background: rgba(255, 82, 82, 0.15);
        color: #ff5252;
    }

    .mt-tts-progress {
        background: rgba(255, 255, 255, 0.1);
    }

    .mt-tts-progress-bar {
        background: #4da3ff;
    }

    .mt-tts-speed-btn {
        border-color: rgba(255, 255, 255, 0.15);
        color: #bbb;
    }

    .mt-tts-speed-btn:hover {
        background: rgba(255, 255, 255, 0.08);
    }

    .mt-tts-highlight {
        background: rgba(77, 163, 255, 0.1) !important;
        outline-color: rgba(77, 163, 255, 0.3) !important;
    }
}

/* === VIDEO PREVIEW GRID === */
.mt-video-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
}

.mt-video-preview-card {
    cursor: pointer;
    border-radius: 14px;
    border: 1px solid rgb(15 23 42 / 5%);
    box-shadow: var(--mt-ekp-shadow);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease;
}

.mt-video-preview-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgb(0 0 0 / 20%);
}

.mt-video-preview-thumb {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #111;
}

.mt-video-preview-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.15s ease;
}

.mt-video-preview-card:hover .mt-video-preview-thumb img {
    /* opacity: 0.8; */
}

.mt-video-preview-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.mt-video-preview-play svg {
    width: 40px;
    height: 40px;
    color: #fff;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5));
    opacity: 0.85;
    transition:
        opacity 0.15s ease,
        transform 0.15s ease;
}

.mt-video-preview-card:hover .mt-video-preview-play svg {
    opacity: 1;
    transform: scale(1.1);
}

.mt-video-preview-check {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2ecc40;
    border-radius: 50%;
    pointer-events: none;
}

.mt-video-preview-check svg {
    width: 14px;
    height: 14px;
    color: #fff;
}

.mt-video-preview-duration {
    position: absolute;
    bottom: 6px;
    right: 6px;
    /* background: rgba(0, 0, 0, 0.78); */
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    padding: 3px 5px;
    padding-bottom: 2px;
    border-radius: 3px;
    letter-spacing: 0.03em;
    font-variant-numeric: tabular-nums;
}

.mt-video-preview-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 24px 10px 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 50%, transparent 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    pointer-events: none;
}

.mt-video-preview-overlay-title {
    max-width: 80%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Expert (type 2) – orange/amber */
.mt-video-type-2 .mt-video-preview-thumb {
    border-top: 3px solid #e8a020;
}
.mt-video-type-2 .mt-video-preview-overlay {
    background: linear-gradient(to top, rgba(180, 120, 0, 0.6) 0%, rgba(180, 120, 0, 0.2) 50%, transparent 100%);
}

/* Quint / Turbo (type 3) – red */
.mt-video-type-3 .mt-video-preview-thumb {
    border-top: 3px solid #c83030;
}
.mt-video-type-3 .mt-video-preview-overlay {
    background: linear-gradient(to top, rgba(160, 30, 30, 0.6) 0%, rgba(160, 30, 30, 0.2) 50%, transparent 100%);
}

.figure_element_overlay_mode .figure_description_wrapper {
}

.imp-ui-element {
    z-index: 1 !important;
}

.mtsr-repmode-active .tablinks.inhaltbutton,
.mtsr-repmode-active .tablinks.videosbutton,
.mtsr-repmode-active .tablinks.quizbutton,
.mtsr-repmode-active .tablinks.figure-tab,
.mtsr-repmode-active .toggle_ekp_quiz.bigbutton,
.mtsr-repmode-active .factlist_button {
    display: none !important;
}

.mtsr-repmode-active .mtf-fach-breadcrumb-post-item {
    display: none !important;
}
.mtsr-repmode-active .mt-ekp-tab-ekpbutton-container {
    margin: 4px 0px;
}

/* Tab bar — small screens: wrap .tab_content to two rows, compact buttons */
@media (max-width: 1100px) {
    .meditrick_wrapper .tab {
        height: auto;
        min-height: 0;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
        padding: 5px 6px;
    }

    .meditrick_wrapper.ekp_quiz_mode_active .tab {
        justify-content: space-between;
    }

    .tab_content {
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: center;
        align-self: stretch;
        gap: 4px 6px;
        row-gap: 5px;
        padding: 0;
        width: 100%;
        flex: 1 1 100%;
        min-width: 0;
        box-sizing: border-box;
        justify-content: flex-start;
    }

    /* Primary tabs (Inhalt / Videos) stay on one line where possible */
    .tab_content > .tablinks.inhaltbutton,
    .tab_content > .mt-video-dropdown-wrap {
        flex: 0 0 auto;
    }

    /* Bild + toolbar: stack vertically — was one crowded row */
    /* .mt-ekp-tab-ekpbutton-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        width: 100%;
        flex: 1 1 100%;
        min-width: 0;
        box-sizing: border-box;
    } */

    #toggle_fullscreen i {
        top: 0px;
    }

    .figure_element_overlay_mode .figure_description_wrapper {
        padding-right: 10px;
        right: unset;
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons {
        height: auto;
        min-height: 0;
        width: auto;
        max-width: 100%;
        margin-left: 0;
        padding: 3px 8px;
        border-radius: 12px;
        gap: 1px 3px;
        box-sizing: border-box;
        flex-wrap: nowrap;
        justify-content: flex-start;
        flex: 0 0 auto;
    }

    .mt-ekp-tab-ekpbutton-container > .tablinks.exploration_link {
        align-self: flex-start;
    }

    .mt-ekp-tab-ekp-mode-buttons {
        /* display: flex; */
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        gap: 2px 4px;
        row-gap: 2px;
        margin-left: 0;
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: auto;
        padding: 3px 4px;
        padding-left: 4px;
        box-sizing: border-box;
    }

    /* Quiz + Abbildungen + search: one flex row inside .mt-ekp-tab-tool-cluster */
    .mt-ekp-tab-tool-cluster {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 8px 12px;
        /* width: 100%;
        flex: 1 1 100%; */
        min-width: 0;
        box-sizing: border-box;
    }

    .mt-ekp-tab-tool-cluster .toggle_ekp_quiz.bigbutton {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .mt-ekp-tab-tool-cluster .toggle_ekp_quiz.bigbutton > button {
        padding: 0;
    }

    .mt-ekp-tab-tool-cluster .figure-tab {
        flex: 0 0 auto;
    }

    .mt-ekp-tab-tool-cluster .mt-ekp-search-container {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .tab button {
        padding: 5px 12px !important;
        font-size: 12px;
        line-height: 1.3;
        border-radius: 12px;
    }

    .tab button.figure-tab {
        width: 68px;
        height: 28px;
    }
    .toggle_ekp_quiz .toggle_ekp_quiz_btn {
        font-size: 11px !important;
        line-height: 14px !important;
    }
    .tab .figure-tab .figure-tab-label {
        background-size: contain;
    }

    .mt-video-dropdown-wrap {
        max-width: 100%;
    }

    .mt-video-dropdown-wrap .mt-video-dropdown-btn {
        padding: 5px 10px !important;
    }

    .mt-video-dropdown-item {
        padding: 8px 12px;
        font-size: 0.88em;
    }

    .toggle_ekp_quiz_all_close span {
        width: 32px;
        height: 36px;
        border-radius: 12px;
        font-size: 18px;
    }

    .toggle_ekp_quiz.quiz_active button.active {
        padding-right: 22px !important;
    }
    img.ekp_quiz_mode_icon {
        width: 32px;
        height: 24px;
    }

    .tab_ekp_quiz_mode_3_content {
        /* flex: 1 1 100%;
        width: 100%;
        max-width: 100%; */
        height: auto;
        min-height: 0;
        padding: 4px 6px;
        box-sizing: border-box;
        font-size: 0.8em;
    }

    .tab_ekp_quiz_mode_3_content .ekp_question {
        width: 100%;
    }

    .meditrick_wrapper .tab > .arrow_buttons {
        flex: 1 1 100%;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 4px;
        row-gap: 4px;
        min-width: 0;
    }

    .meditrick_wrapper.ekp_quiz_mode_active .tab > .arrow_buttons {
        flex: unset;
        flex-grow: 1;
    }

    /* Compact icon targets inside tab toolbar only */
    .meditrick_wrapper .tab .arrow_left,
    .meditrick_wrapper .tab .arrow_right,
    .meditrick_wrapper .tab #toggle_fullscreen,
    .meditrick_wrapper .tab .factlist_button {
        width: 26px;
        height: 26px;
        flex: 0 0 26px;
    }

    .meditrick_wrapper .tab .toggle_visibility {
        height: 28px;
        padding-top: 0;
        flex: 0 0 auto;
    }

    .meditrick_wrapper .tab .toggle_visibility.mt-fasttrack-filter-nondefault {
        flex: 0 0 calc(26px + 3px + 5px);
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility.mt-fasttrack-filter-nondefault {
        flex: 0 0 calc(26px + 3px + 5px);
    }

    .meditrick_wrapper .tab #toggle_visibility_btn {
        width: 26px;
        height: 26px;
        min-width: 26px;
        min-height: 26px;
    }

    .meditrick_wrapper .tab .bigbutton .toggle_ekp_quiz_btn {
        width: 34px;
        line-height: 22px;
        background-size: 20px;
    }

    .meditrick_wrapper .tab .ekp_control_arrow i,
    .meditrick_wrapper .tab #toggle_fullscreen i,
    .meditrick_wrapper .tab .factlist_button i {
        font-size: 1.05em;
    }
}

/* Phone / small tablets: exploration icon strip ~ same height as Inhalt / Videos / Bild */
@media (max-width: 767px) {
    .entry-title {
        font-size: 22px !important;
    }
    .mt-untertitel {
        font-size: 18px !important;
    }

    .mt-untertitel.mt-ekp-title-container-with-ekp-statusbar {
        margin-left: 40px !important;
    }

    .mtsr-ekp-statusbar .mtsr-ekp-statusbar-click {
        font-size: 0.9em;
    }
    .mt-ekp-title-container .mtf-ekp-ratedot-container i.ic-dot {
        font-size: 0.6em;
    }
    .meditrick_wrapper .tab .tab_content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: flex-start;
    }

    /* Bild + detail bar on one row; bar is content-width (not full-bleed) */
    .meditrick_wrapper .tab .mt-ekp-tab-ekpbutton-container {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        /* align-self: flex-start; */
        width: auto;
        max-width: 100%;
        flex: 0 1 auto;
        gap: 6px;
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekpbutton-container > .tablinks.exploration_link {
        flex: 0 0 auto;
        align-self: center;
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility {
        height: auto;
        min-height: 0;
        padding-top: 0;
        align-self: center;
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility.mt-fasttrack-filter-nondefault {
        flex: 0 0 calc(22px + 3px + 5px);
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons #toggle_visibility_btn,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .arrow_left,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .arrow_right,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons #toggle_fullscreen,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .factlist_button {
        width: 22px;
        height: 22px;
        min-width: 22px;
        min-height: 22px;
        flex: 0 0 22px;
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .ekp_control_arrow i,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons #toggle_fullscreen i,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .factlist_button i {
        font-size: 0.95em;
    }

    .mt-ekp-tab-tool-cluster .mt-ekp-searchbox-row-icon {
        padding: 4px 6px;
    }

    .mt-ekp-tab-tool-cluster img#mt-playlist-creator-searchbox-icon-img {
        height: 16px;
    }

    /* Mobile: expanded search uses full tab bar; other controls hidden until close */
    .meditrick_wrapper.mt-ekp-tab-search-open .tab > :not(.tab_content) {
        display: none !important;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .tab_content > :not(.mt-ekp-tab-tool-cluster) {
        display: none !important;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .mt-ekp-tab-tool-cluster {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .mt-ekp-tab-tool-cluster .mt-ekp-search-container {
        flex: 1 1 100%;
        width: 100%;
        margin: 0 !important;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .mt-ekp-searchbox-row {
        width: 100%;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .mt-ekp-searchbox-row-input {
        display: flex !important;
        flex: 1 1 auto;
        width: 100% !important;
        margin-right: 0;
        opacity: 1 !important;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .mt-ekp-searchbox-row-icon {
        display: none !important;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .mt-ekp-searchbox-cell.cell-input {
        flex: 1 1 auto;
        min-width: 0;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .mt-ekp-searchbox-cell.cell-input input {
        width: 100%;
        box-sizing: border-box;
    }

    .meditrick_wrapper.mt-ekp-tab-search-open .mt-ekp-searchbox-input-clear {
        padding: 8px;
        padding-right: 6px;
    }

    /* Mobile search results: docked below tab bar (not inside it); hidden while tab floats */
    .meditrick_wrapper.mt-ekp-search-active {
        margin-top: 0 !important;
    }

    .meditrick_wrapper .mt-ekp-searchbox-results.mt-ekp-search-results-mobile {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        width: calc(100% - 16px) !important;
        max-width: none !important;
        max-height: min(42vh, 260px);
        margin: 0 auto 8px;
        box-sizing: border-box;
        z-index: 9007;
        border-radius: 14px;
        border: 1px solid rgb(15 23 42 / 8%);
        box-shadow: 0 4px 14px rgb(15 23 42 / 10%);
    }

    .meditrick_wrapper .mt-ekp-searchbox-results.mt-ekp-search-results-mobile .mt-ekp-searchbox-results-content {
        max-height: min(34vh, 210px);
    }

    .meditrick_wrapper.mt-ekp-search-active:has(.tab.is-floating) .mt-ekp-searchbox-results.mt-ekp-search-results-mobile {
        display: none !important;
    }

    /* Figure list dropdown (tab Bild button + overlay Abbildungen menu) */
    .figure_menu_navi.figureDropdownButton,
    button#figureDropdownButton {
        position: relative;
    }

    .figure_menu_navi_dropd {
        font-size: 12px;
        width: auto !important;
        max-width: calc(100vw - 16px);
        min-width: 0;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: visible;
        max-height: none;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Tab Bild dropdown portaled to <body> by JS (escapes floating-tab backdrop-filter stack) */
    .figure_menu_navi_dropd.is-mt-figure-dropd-portaled {
        position: fixed !important;
        z-index: 9012 !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    .figure_menu_navi_dropd.is-mt-figure-dropd-open {
        display: block !important;
    }

    /* Fullscreen overlay: span the figure menu bar width; scroll only when list is long */
    .figures_container_overlay_mode .figure_menu_navi_dropd {
        left: 12px !important;
        right: 12px;
        max-width: none;
        z-index: 9012;
        max-height: min(50vh, 320px);
        overflow-y: auto;
    }

    /* Overlay toolbar: nav row, then paywall CTA full width */
    .figures_container_overlay_mode .figure_menu {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Taller wrapped menu bar here (~64px) — recenter the close button on it */
    .figure_image_overlay_close {
        top: 10px;
    }

    .figures_container_overlay_mode .figure_menu_navi_container {
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
        height: auto;
        min-height: 0;
        gap: 8px;
        row-gap: 8px;
    }

    .figures_container_overlay_mode .figure_menu_left {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }

    .figures_container_overlay_mode .figure_menu_right {
        display: none;
    }

    .figures_container_overlay_mode .figure_menu_center {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        order: 2;
    }

    .figures_container_overlay_mode
        .figure_menu_center:not(
            :has(.figure_button_interactive_activate[style*="display: flex"], .figure_button_interactive_activate[style*="display:flex"])
        ) {
        display: none;
    }

    .figures_container_overlay_mode .figure_menu_center .figure_button_interactive_activate {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        justify-content: center;
    }

    .figures_container_overlay_mode .figure_menu_center .figure_menu_navi_intabb_info {
        flex: 1 1 auto;
        min-width: 0;
        text-align: center;
    }

    .figure_menu_item {
        padding: 4px 10px;
        min-width: 0;
        white-space: normal;
        flex-wrap: wrap;
    }

    .figure_menu_item .figure_title {
        min-width: 0;
        flex: 1 1 auto;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    ul.figure_dropdown {
        left: auto !important;
        right: 0;
        width: min(250px, calc(100vw - 16px));
        max-width: calc(100vw - 16px);
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    ul.figure_dropdown li {
        overflow-wrap: anywhere;
        word-break: break-word;
        white-space: normal;
    }
}

@media (max-width: 480px) {
    .entry-title {
        font-size: 18px !important;
    }

    .mt-playlist-quickadd-btn {
        height: auto !important;
    }
    .mt-ekp-title-container .mtf-ekp-ratedot-container {
        margin-left: -6px;
    }
    .mt-untertitel {
        font-size: 14px !important;
    }
    .mt-untertitel.mt-ekp-title-container-with-mtsr-statusbar {
        margin-left: 48px !important;
    }
    .mt-untertitel.mt-ekp-title-container-with-ekp-statusbar {
        margin-left: 26px !important;
    }

    .tab_content {
        gap: 3px 4px;
        row-gap: 3px;
    }

    .tab button {
        padding: 4px 9px !important;
        font-size: 11px !important;
        border-radius: 10px !important;
    }

    .tab button .mt-ekp-top-tabs-count {
        font-size: 10px;
    }
    .mtsr-ekp-statusbar .mtsr-ekp-statusbar-click {
        font-size: 0.8em;
    }
    .meditrick_wrapper .tab {
        padding: 4px 6px;
        /* gap: 4px; */
    }

    .mt-ekp-breadcrumb-container {
        padding-left: 0px !important;
    }

    .mt-ekp-breadcrumb-ekp-mode {
        padding: 0 !important;
        font-size: 12px;
    }

    .mt-playlist-quickadd-btn {
        height: auto;
    }
    #mt-playlist-pl_icon-mini {
        height: 12px !important;
    }
    .mt-playlist-quickadd-hoverbtn-title {
        font-size: 12px;
    }
    .ekp_feedback_link {
        margin-left: 2px;
    }
    .ekp_underline_trenner {
        display: none;
    }
    .ekp_notizen_link {
        font-size: 12px;
        margin-right: 0;
        top: 0px;
    }
    .ekp_notizen_dropdown,
    .ekp_feedback_dropdown {
        position: absolute;
        width: 100%;
        right: 0;
        padding-top: 16px;
    }
    .ekp_notizen_dropdown .wp-editor-wrap,
    .ekp_notizen_dropdown .mce-tinymce {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    /* span.ekp_feedback_title {
        display: none;
    } */
    .ekp_feedback_text_container {
        display: flex;
        flex-wrap: wrap;
    }

    .ekp_feedback_textarea_container {
        flex-grow: 1;
        position: relative;
    }
    .ekp_feedback_vorschlagsinfo {
        width: 100%;
        height: 100%;
    }
    .ekp_feedback_text {
        width: 100%;
    }
    .ekp_feedback_hint_timestamp {
        font-size: 12px;
        flex-basis: 1;
    }

    .mt-ekp-searchbox-results {
        width: 100% !important;
    }

    .mt-video-dropdown-wrap .mt-video-dropdown-btn {
        padding: 4px 8px !important;
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons {
        border-radius: 10px;
        margin-left: 0;
        padding: 2px 6px;
        gap: 1px 2px;
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons #toggle_visibility_btn,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .arrow_left,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .arrow_right,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons #toggle_fullscreen,
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .factlist_button {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        flex: 0 0 20px;
    }

    .meditrick_wrapper .tab .arrow_left,
    .meditrick_wrapper .tab .arrow_right,
    .meditrick_wrapper .tab #toggle_fullscreen,
    .meditrick_wrapper .tab .factlist_button {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
    }

    .meditrick_wrapper .tab #toggle_visibility_btn {
        width: 24px;
        height: 24px;
        min-width: 24px;
        min-height: 24px;
    }

    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons .toggle_visibility.mt-fasttrack-filter-nondefault {
        flex: 0 0 calc(20px + 3px + 5px);
    }

    .meditrick_wrapper .tab .toggle_visibility.mt-fasttrack-filter-nondefault {
        flex: 0 0 calc(24px + 3px + 5px);
    }

    .toggle_ekp_quiz_all_close span {
        height: 34px;
    }
}

/* === MOBILE: responsive layout (outline, Inhalt, figures, tabs) === */
@media (max-width: 767px) {
    .mt-spacedrep-ratebox-container .mt-overlay-darken {
        display: none !important;
    }
    .mt-outline-layout,
    .mt-inhalt-layout {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .mt-outline {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        position: relative;
        top: auto;
        max-height: min(50vh, 320px);
        margin-top: 8px;
    }

    .mt-ekp-inhalt-content-scroll-container,
    .mt-inhalt-content {
        flex: 1 1 auto;
        align-self: stretch;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        max-height: none;
        overflow: visible;
        padding-left: 0.65rem;
        padding-right: 0.65rem;
        padding-top: 16px;
        gap: 18px;
    }

    .tabcontent.inhalt_tab {
        overflow-x: hidden;
        max-width: 100%;
        box-sizing: border-box;
    }

    .tabcontent.mtquiz,
    .tabcontent.quizinfo {
        min-height: min(520px, 85vh);
    }

    .meditrick_wrapper {
        margin-bottom: 96px;
    }

    .mt-ekp-title-container {
        margin-top: 16px;
        flex-wrap: wrap;
        gap: 8px;
    }

    .mt-ekp-breadcrumb-container {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        gap: 6px;
        row-gap: 4px;
        margin-bottom: 4px;
    }

    .mt-ekp-breadcrumb-left-item {
        /* flex-direction: column; */
        align-items: stretch;
        flex-wrap: wrap;
        gap: 4px;
        min-width: 0;
        flex: 1 1 auto;
    }

    .mt-ekp-breadcrumb-ekp-mode {
        padding: 0;
        align-self: flex-start;
    }

    .mt-ekp-breadcrumb-ekp-mode .mode-item {
        padding: 2px 6px;
        padding-right: 8px;
        font-size: 12px;
        line-height: 1.3;
        gap: 6px;
        border-radius: 8px;
    }
    .mt-ekp-breadcrumb-ekp-mode .mt-ekp-mode-dropdown {
        margin-left: 0px;
    }
    .mt-ekp-breadcrumb-ekp-mode .mt-ekp-mode-dropdown .mode-item {
        line-height: 1.8;
    }

    .mt-ekp-breadcrumb-ekp-learn-mode-label-modus {
        display: none;
    }

    .mt-ekp-breadcrumb-left-item .mtf-fach-breadcrumbs {
        font-size: 11px;
        line-height: 1.35;
        margin: 0;
        padding: 0;
        min-width: 0;
        width: 100%;
        flex-wrap: wrap;
        flex: 1;
    }

    .mt-ekp-other-faecher-container {
        flex: 1 1 auto;
        min-width: 0;
        padding-right: 0;
        justify-content: flex-end;
    }

    .mt-ekp-other-faecher-container .mtf-fach-other-faecher {
        display: none !important;
    }

    .mt-inhalt-erklaerbaer-img {
        float: none;
        display: block;
        text-align: center;
        margin: 0 auto 12px;
    }

    .mt-inhalt-erklaerbaer-img img {
        max-width: min(164px, 100%);
        height: auto;
    }

    .mt-inhalt-abbildungen {
        justify-content: center;
    }

    .mt-inhalt-abbildungen .mt-ekp-abb-inline-preview {
        width: calc((100% - 6px) / 2) !important;
        max-width: 160px !important;
        height: auto !important;
        aspect-ratio: 1;
        min-height: 0;
    }

    .mt-video-preview-grid {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 132px), 1fr));
        gap: 12px;
    }

    .mt-ekp-inhalt-section-content img,
    .mt-inhalt-section img,
    .mt-ekp-inhalt-content-scroll-container img {
        max-width: 100%;
        height: auto;
        min-width: 100px;
    }

    .mt-ekp-inhalt-content-scroll-container table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mt-inhalt-section-tts h1,
    .mt-inhalt-section-tts h2,
    .mt-inhalt-section-tts h3,
    .mt-inhalt-section-tts h4,
    .mt-inhalt-section-tts h5,
    .mt-inhalt-section-tts h6 {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 8px;
        padding-right: 4px;
    }

    .figure_element {
        flex-direction: column;
        height: auto;
        min-height: 0;
    }

    .format169.figure_element {
        display: flex;
        flex-direction: column;
    }

    .figure_image_wrapper {
        width: 100%;
        height: auto;
    }

    .figure_description_wrapper {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-left: 0;
    }

    ul.figure_dropdown {
        left: auto !important;
        right: 0;
        min-width: 0;
        width: min(250px, calc(100vw - 16px));
        max-width: calc(100vw - 16px);
        box-sizing: border-box;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    ul.figure_dropdown li {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .mt-ekp-facts-list {
        column-gap: 1rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .figures_container_overlay_mode.show .figure_element {
        flex-direction: column;
        gap: 12px !important;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .figure_element_overlay_mode.show {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    .figure_element_overlay_mode .figure_image_wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: 1 1 auto;
        /* Take the space freed by the capped description so the image is visible */
        min-height: 40vh;
    }

    .figures_container_overlay_mode .figure_element_overlay_mode .figure_description_wrapper,
    .figure_element_overlay_mode .figure_description_wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: 0 0 auto;
        /* Cap the description so the image stays visible; scroll inside when long */
        max-height: 30vh;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
        margin-left: 0;
        right: 0;
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
    }

    .figures_container_overlay_mode .figure_element_overlay_mode .figure_description_wrapper .mt-ekp-abbildungen-source-container,
    .figures_container_overlay_mode .figure_element_overlay_mode .figure_description_wrapper .mt-ekp-abbildungen-source-row1,
    .figures_container_overlay_mode .figure_element_overlay_mode .figure_description_wrapper .mt-ekp-abbildungen-source-row2 {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .figure_element_overlay_mode .figure_image_wrapper.is-interactive,
    .figure_element_overlay_mode .figure_image_wrapper.interactive {
        width: min(100%, 320px);
        max-width: 100%;
    }

    .figure_overlay_preview_bar {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
}

@media (max-width: 480px) {
    .mt-ekp-breadcrumb-ekp-mode .mode-item {
        padding: 1px 5px;
        font-size: 11px;
        gap: 4px;
    }

    .mt-ekp-breadcrumb-left-item .mtf-fach-breadcrumbs {
        font-size: 10px;
    }

    .mt-outline {
        max-height: min(45vh, 260px);
        padding: 0.5rem 0.35rem;
    }

    .mt-outline a,
    .mt-outline .mt-inhalt-nav-quiz-trigger {
        padding: 6px 10px;
        font-size: 13px;
    }

    .mt-ekp-outline-no-video-nav {
        padding: 6px 10px;
        font-size: 13px;
    }

    .mt-ekp-inhalt-content-scroll-container,
    .mt-inhalt-content {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}
.figure_element_overlay_mode .figure_overlay_preview_bar {
    display: none !important;
}

/* Mobile landscape: short viewport height, or coarse-pointer touch device in landscape (narrow width) */
@media screen and (orientation: landscape) and (max-height: 560px),
    screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-width: 1024px) {
    .figures_container_overlay_mode .figure_overlay_preview_bar {
        display: none !important;
    }
}

/* Scroll offset compensation for floating bars (value set by JS) */
:root {
    --mt-float-top-offset: 0px;
    --mt-float-tab-offset: 0px;
}
.mt-inhalt-section {
    scroll-margin-top: var(--mt-float-top-offset);
}
.tabcontent.exploration_tab {
    scroll-margin-top: var(--mt-float-top-offset);
}

/* Breadcrumb dropdown opened via JS .is-open on small/touch screens (replaces :hover).
   Positioning is driven by the JS module in script_frontend-dev-5.js; the
   historical blanket `display:none` on level-2 submenus at ≤1000px has
   been removed because level-2 is now portaled to <body> and placed with
   collision-aware fixed coordinates, so it works down to the overlay
   breakpoint. Overlay mode (≤480px) hides level-2 separately (see
   `.is-overlay` rule in mt-fortschritt-faecher.css) so the bottom-sheet
   just offers direct navigation on its top-level items. */
@media (max-width: 1000px) {
    /* Allow the absolutely-positioned dropdown to overflow the wrapper */
    .mtf-fach-breadcrumb-item-wrapper.is-open {
        overflow: visible !important;
    }

    .mtf-fach-breadcrumb-item-wrapper.is-open .mtf-fach-breadcrumb-dropdown {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    /* Dashboard dropdown legacy accordion scaffolding (retained for future
       use; reveal is gated by `.is-accordion-open`, which is not currently
       toggled by any JS — effectively dormant). */
    .mtf-fach-breadcrumb-dropdown.level-dashboard .mtf-fach-breadcrumb-submenu.block-item {
        flex-direction: column;
        align-items: stretch;
    }
    .mtf-fach-breadcrumb-dropdown.level-dashboard .mtf-fach-breadcrumb-dropdown-level2 {
        display: none !important;
        position: static !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        min-width: 0 !important;
        width: 100%;
        padding: 0;
    }
    .mtf-fach-breadcrumb-dropdown.level-dashboard .block-item.is-accordion-open > .mtf-fach-breadcrumb-dropdown-level2 {
        display: flex !important;
        flex-direction: column;
    }
}

/* === Floating tab bar + inhalt nav on mobile scroll (JS adds .is-floating) === */
@media (max-width: 767px) {
    /* Sentinels: zero-height scroll-position markers */
    .mt-tab-float-sentinel,
    .mt-inhalt-nav-float-sentinel,
    .mt-ekp-mode-bar-float-sentinel,
    .mt-breadcrumb-float-sentinel {
        height: 0;
        pointer-events: none;
        visibility: hidden;
        display: block;
    }

    /* Placeholders: hold layout space while element is position:fixed */
    .mt-tab-float-placeholder,
    .mt-inhalt-nav-float-placeholder,
    .mt-ekp-mode-bar-float-placeholder,
    .mt-breadcrumb-float-placeholder {
        display: none;
        pointer-events: none;
    }
    .mt-tab-float-placeholder.is-active,
    .mt-inhalt-nav-float-placeholder.is-active,
    .mt-ekp-mode-bar-float-placeholder.is-active,
    .mt-breadcrumb-float-placeholder.is-active {
        display: block;
    }

    /* --- Floating .mt-ekp-breadcrumb-container-wrapper --- */
    /* Highest z-index — breadcrumb sits above the tab bar */
    .mt-ekp-breadcrumb-container-wrapper.is-floating {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        width: 100% !important;
        z-index: 9011;
        margin: 0 !important;
        box-sizing: border-box;
    }

    /* Match the .scrolled visual style */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mt-ekp-breadcrumb-container {
        /* box-shadow:
            0 1px 3px rgba(0, 0, 0, 0.06),
            0 1px 2px rgba(0, 0, 0, 0.04); */
        border-bottom: 1px solid #eaeaea;
        /* See the `.scrolled` rule for the full rationale: `backdrop-filter`
           on an ancestor makes every `position: fixed` descendant resolve
           against that ancestor instead of the viewport, which breaks
           level-1 dropdown placement. Tint + blur are therefore delegated
           to the ::before pseudo, which is not an ancestor of any node. */
        background: transparent !important;
        position: relative;
        isolation: isolate;
    }
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mt-ekp-breadcrumb-container::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgb(251 253 254 / 97%);
        backdrop-filter: blur(24px) brightness(1.83);
        -webkit-backdrop-filter: blur(24px) brightness(1.83);
        z-index: -1;
        pointer-events: none;
    }

    /* --- Floating .tab --- */
    /* top is set via JS to sit below any floating breadcrumb */
    .meditrick_wrapper .tab.is-floating {
        position: fixed !important;
        top: 0; /* JS overrides with breadcrumb height when applicable */
        left: 0;
        right: 0;
        width: 100% !important;
        z-index: 9010;
        border-radius: 0 !important;
        box-sizing: border-box;
        margin: 0 !important;
        background: linear-gradient(180deg, rgb(251 253 254 / 97%), rgb(241 248 255 / 97%)) !important;
        box-shadow: 0 2px 10px rgb(0 0 0 / 14%) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        border-bottom: 1px solid rgb(15 23 42 / 7%) !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }

    /* --- Floating .mt-inhalt-nav --- */
    /* top is set dynamically via JS to sit below the floating .tab */
    .mt-inhalt-nav.is-floating {
        position: fixed !important;
        left: 0;
        right: 0;
        width: 100% !important;
        z-index: 9009;
        max-height: none !important;
        border-radius: 0 !important;
        box-sizing: border-box;
        margin: 0 !important;
        padding: 0 !important;
        background: rgba(252, 254, 255, 0.97) !important;
        box-shadow: 0 2px 8px rgb(0 0 0 / 11%) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        border-bottom: 1px solid rgb(15 23 42 / 6%);
    }

    /* Horizontal wrapping pill row when floating */
    .mt-inhalt-nav.is-floating ol {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 3px 4px;
        padding: 6px 10px;
        margin: 0;
        list-style: none;
    }

    .mt-inhalt-nav.is-floating li {
        display: flex;
        padding-left: 0 !important;
    }

    /* Collapse sub-items that are normally indented — keep only visible ones */
    .mt-inhalt-nav.is-floating li[data-level="3"] a,
    .mt-inhalt-nav.is-floating li[data-level="4"] a,
    .mt-inhalt-nav.is-floating li[data-level="5"] a,
    .mt-inhalt-nav.is-floating li[data-level="6"] a {
        padding-left: 10px !important;
        font-size: 11px !important;
        opacity: 0.8;
    }

    .mt-inhalt-nav.is-floating .mt-inhalt-nav-quiz-trigger {
        font-size: 12px !important;
        padding: 4px 10px !important;
        white-space: nowrap;
        border-radius: 20px;
        line-height: 1.3;
        opacity: 1;
        display: inline-flex;
        align-items: center;
        width: auto;
        margin: 0;
    }

    .mt-inhalt-nav.is-floating li[data-level="3"] .mt-inhalt-nav-quiz-trigger {
        padding-left: 10px !important;
        font-size: 11px !important;
        opacity: 0.8;
    }

    /* Quiz menu: collapse the whole wrapper into ONE sleek pill — "Quiz 5 | 30".
       Without this the wrapper <div> is a single block flex-item whose three
       <li>s (heading + Freitext + Anki) stack vertically into a tall box. */
    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-quiz-menu-wrapper {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 4px 10px;
        margin: 0;
        border-radius: 20px;
        line-height: 1.3;
    }
    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-quiz-menu-wrapper li {
        display: inline-flex;
        align-items: center;
        padding: 0 !important;
    }
    .mt-inhalt-nav.is-floating .mt-inhalt-nav-quiz-heading {
        padding: 0 !important;
        margin: 0 !important;
        font-size: 12px !important;
        font-weight: 500;
    }
    /* On mobile the Freitext/Anki buttons collapse to just their count badge */
    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-quiz-menu-wrapper .mt-inhalt-nav-quiz-label {
        display: none;
    }
    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-quiz-menu-wrapper li[data-level="3"] .mt-inhalt-nav-quiz-trigger {
        padding: 2px 6px !important;
        font-size: 12px !important;
        width: auto;
        margin: 0;
        border-radius: 12px;
        opacity: 1;
    }
    /* "|" divider between the Freitext count and the Anki count */
    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-quiz-menu-wrapper li[data-level="3"]:not(:last-child)::after {
        content: "|";
        opacity: 0.4;
        margin: 0 1px;
        font-size: 12px;
    }

    .mt-inhalt-nav.is-floating a {
        font-size: 12px !important;
        padding: 4px 10px !important;
        white-space: nowrap;
        border-radius: 20px;
        line-height: 1.3;
        opacity: 1;
        display: inline-flex;
        align-items: center;
    }

    .mt-inhalt-nav.is-floating a.is-active {
        background: linear-gradient(346deg, rgb(36 182 228 / 0.44), rgb(74 214 201 / 0.34));
        color: var(--mt-ekp-outline-text);
    }

    /* Hide erklaerbaer sub-items in floating mode to keep the bar compact */
    .mt-inhalt-nav.is-floating .mt-inhalt-erklaerbaer-sub {
        display: none !important;
    }

    .mt-inhalt-nav.is-floating .mt-inhalt-erklaerbaer-img,
    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-erklaerbaer-menu-wrapper .mt-inhalt-erklaerbaer-img {
        display: none !important;
    }

    /* Erklärbär: no expanded menu-wrapper chrome — same compact pill as other nav items */
    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-erklaerbaer-menu-wrapper,
    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-erklaerbaer-menu-wrapper.active {
        display: contents;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-erklaerbaer-menu-wrapper > li {
        display: flex;
        padding-left: 0 !important;
    }

    .mt-inhalt-nav.is-floating .mt-ekp-inhalt-erklaerbaer-menu-wrapper a > div {
        display: inline;
        position: static !important;
    }

    /* --- Mobile Bild controls bar (second row, like inhalt nav) --- */
    .meditrick_wrapper .tab .mt-ekp-tab-ekp-mode-buttons {
        display: none !important;
    }

    .meditrick_wrapper.mode-ekp-img .tab:not(.is-floating) {
        position: relative;
        z-index: 2001;
    }

    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile {
        display: none;
        position: relative;
        z-index: 1999;
        top: -16px;
        overflow: visible;
        width: 100%;
        max-width: calc(100% - 16px);
        box-sizing: border-box;
        margin: 0 auto !important;
        padding: 16px 10px 8px;
        border-radius: 20px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: 1px solid rgb(15 23 42 / 5%);
        border-top: none;
        background: linear-gradient(180deg, #fff, rgb(251 251 251)) !important;
        box-shadow: 0 2px 6px rgb(15 23 42 / 3%);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        justify-content: center;
        align-items: center;
        gap: 4px 6px;
        height: auto;
        min-height: 0;
        flex-wrap: nowrap;
    }

    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .toggle_visibility {
        position: relative;
        z-index: 2;
        overflow: visible;
        height: auto;
        min-height: 28px;
        padding-top: 0;
    }

    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .toggle_visibility.mt-fasttrack-filter-nondefault {
        min-height: 28px;
        flex: 0 0 calc(28px + 3px + 5px);
    }

    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .fasttrack_content {
        z-index: 99999;
    }

    .toggle_visibility .fasttrack_content {
        left: 50%;
        right: auto;
        top: calc(100% + 2px);
        width: 220px;
        max-width: calc(100vw - 16px);
        box-sizing: border-box;
        transform: translateX(-50%);
    }

    .toggle_visibility:hover .fasttrack_content {
        display: none;
    }

    .toggle_visibility.is-open .fasttrack_content {
        display: block !important;
    }

    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile #toggle_fullscreen,
    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .toggle_fullscreen {
        display: none !important;
    }

    .meditrick_wrapper.mode-ekp-img .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile.mode-show-ekp-img {
        display: flex !important;
    }

    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile #toggle_visibility_btn,
    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .arrow_left,
    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .arrow_right,
    .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile .factlist_button {
        width: 28px;
        height: 28px;
        min-width: 28px;
        min-height: 28px;
        flex: 0 0 28px;
        border-radius: 999px;
        background: rgb(248 252 255 / 92%);
    }

    /* Portrait: pin below floating tab bar (activated when tab floats) */
    @media (orientation: portrait) {
        .meditrick_wrapper.mode-ekp-img .tab.is-floating {
            z-index: 9010;
        }

        .mt-ekp-tab-ekp-mode-buttons.mt-ekp-mode-bar-mobile.is-floating {
            position: fixed !important;
            left: 8px !important;
            right: 8px !important;
            width: auto !important;
            max-width: none;
            transform: none !important;
            z-index: 9008 !important;
            margin: 0 !important;
            padding: 16px 10px 8px;
            border-radius: 20px;
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
            border: 1px solid rgb(15 23 42 / 5%);
            border-top: none !important;
            background: linear-gradient(180deg, #fff, rgb(251 251 251)) !important;
            box-shadow: 0 2px 8px rgb(0 0 0 / 11%);
        }
    }

    /* ── Compact breadcrumb when floating ─────────────────────────────────── */

    /* Hide the "other Faecher" switcher entirely */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mt-ekp-other-faecher-container {
        display: none !important;
    }

    /* Hide middle crumb wrappers */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumb-item-wrapper.mt-bc-hidden {
        display: none !important;
    }

    /* Hide separators that immediately precede a hidden wrapper
       (the sep before the hidden wrapper is visually orphaned) */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumbs > *:has(+ .mt-bc-hidden) {
        display: none !important;
    }

    /* Make the breadcrumbs row non-wrapping so ellipsis can kick in */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumbs {
        flex-wrap: nowrap;
        min-width: 0;
    }

    /* Fach (first real crumb) — shrinks first, ellipsis */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumb-item-wrapper.mt-bc-first-crumb {
        flex: 0 3 auto;
        min-width: 2.5em;
        overflow: hidden;
    }
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumb-item-wrapper.mt-bc-first-crumb .mtf-fach-breadcrumb-item {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Last crumb — shrinks second, ellipsis as fallback */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumb-item-wrapper.mt-bc-last-crumb {
        flex: 0 1 auto;
        min-width: 2.5em;
        overflow: hidden;
    }
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumb-item-wrapper.mt-bc-last-crumb .mtf-fach-breadcrumb-item {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Dashboard crumb — fixed, never shrinks */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumb-item-wrapper.mt-bc-dashboard {
        flex: 0 0 auto;
    }

    /* Show post-item (current page title) as last crumb when floating */
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumb-post-item {
        display: inline-flex !important;
        align-items: center;
        opacity: 1 !important;
        visibility: visible !important;
        flex: 0 1 auto;
        min-width: 2.5em;
        overflow: hidden;
    }
    .mt-ekp-breadcrumb-container-wrapper.is-floating .mtf-fach-breadcrumb-post-item .mtf-fach-breadcrumb-item-wrapper {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}