.tw-hf-footer-col-a11y-mobile{display:none!important}
.tw-hf-header,
.tw-hf-footer,
.tw-hf-panel,
.tw-hf-a11y {
    --tw-hf-ink: #071735;
    --tw-hf-text: #24385e;
    --tw-hf-muted: #65779a;
    --tw-hf-line: #dce5f2;
    --tw-hf-soft: #f7faff;
    --tw-hf-blue: #075ff7;
    --tw-hf-blue-2: #086df5;
    --tw-hf-green: #079867;
    --tw-hf-shadow: 0 6px 16px rgba(16, 35, 70, .032);
    --tw-hf-shadow-hover: 0 5px 12px rgba(7, 95, 247, .055);
    --tw-hf-radius: 18px;
    box-sizing: border-box;
    color: var(--tw-hf-ink);
    font-family: inherit;
}

.tw-hf-header *,
.tw-hf-footer *,
.tw-hf-panel *,
.tw-hf-a11y * {
    box-sizing: border-box;
}

.tw-hf-overlay[hidden],
.tw-hf-panel[hidden],
.tw-hf-filter-panel[hidden],
.tw-hf-suggestions[hidden],
.tw-hf-a11y-panel[hidden] {
    display: none !important;
}

.tw-hf-legacy-hidden {
    display: none !important;
}

.tw-hf-header svg,
.tw-hf-panel svg,
.tw-hf-a11y svg {
    width: 1.18em;
    height: 1.18em;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.tw-hf-skip {
    position: fixed;
    top: .75rem;
    left: .75rem;
    z-index: 100050;
    transform: translateY(-160%);
    border: 2px solid var(--tw-hf-blue, #075ff7);
    border-radius: 999px;
    background: #fff;
    color: #071735;
    font-weight: 800;
    line-height: 1;
    padding: .8rem 1rem;
    text-decoration: none;
}

.tw-hf-skip:focus {
    transform: translateY(0);
    outline: none;
    box-shadow: 0 0 0 4px rgba(7, 95, 247, .16);
}

.tw-hf-header {
    position: sticky;
    top: 0;
    z-index: 9990;
    width: 100%;
    border-bottom: 1px solid var(--tw-hf-line);
    background: rgba(255, 255, 255, .97);
}

body.admin-bar .tw-hf-header {
    top: 32px;
}

.tw-hf-inner {
    display: grid;
    grid-template-columns: auto minmax(320px, 1fr) minmax(300px, 520px) auto;
    align-items: center;
    gap: 1.35rem;
    width: min(100% - 4rem, 1820px);
    min-height: 86px;
    margin: 0 auto;
}

.tw-hf-logo {
    display: inline-flex;
    align-items: baseline;
    gap: 0;
    color: var(--tw-hf-ink);
    font-size: clamp(1.55rem, 1.2rem + .7vw, 2.12rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    white-space: nowrap;
}

.tw-hf-logo strong {
    color: var(--tw-hf-blue);
    font: inherit;
}

.tw-hf-logo-static {
    pointer-events: auto;
    cursor: pointer;
}

.tw-hf-nav,
.tw-hf-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.tw-hf-nav {
    justify-content: center;
}

.tw-hf-nav a {
    border-radius: 999px;
    color: #27577f;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    padding: .82rem .92rem;
    text-decoration: none;
    white-space: nowrap;
}

.tw-hf-nav a:hover,
.tw-hf-nav a:focus-visible,
.tw-hf-nav a[aria-current="page"] {
    background: #eef6ff;
    color: var(--tw-hf-blue);
    outline: none;
}

.tw-hf-search-wrap {
    position: relative;
    min-width: 0;
}

.tw-hf-search {
    display: grid;
    grid-template-columns: minmax(104px, 132px) minmax(120px, 1fr) 46px 46px;
    align-items: center;
    min-width: 0;
    height: 48px;
    border: 1px solid var(--tw-hf-line);
    border-radius: 999px;
    background: #fff;
    box-shadow: var(--tw-hf-shadow);
    overflow: hidden;
}

.tw-hf-search:focus-within {
    border-color: rgba(7, 95, 247, .38);
    box-shadow: 0 0 0 3px rgba(7, 95, 247, .10), 0 6px 14px rgba(8, 21, 47, .04);
}

.tw-hf-search select,
.tw-hf-search input,
.tw-hf-search button {
    min-width: 0;
    height: 100%;
    border: 0;
    background: transparent;
    color: var(--tw-hf-ink);
    font: inherit;
}

.tw-hf-scope-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    border-right: 1px solid var(--tw-hf-line);
    color: var(--tw-hf-text);
    font-size: .92rem;
    font-weight: 800;
    padding: 0 .75rem 0 1rem;
    text-align: left;
}

.tw-hf-scope-button svg {
    width: .95em;
    height: .95em;
    flex: 0 0 auto;
}

.tw-hf-search input {
    font-size: .96rem;
    font-weight: 650;
    padding: 0 .8rem;
}

.tw-hf-search input::placeholder {
    color: #8b9ab3;
}

.tw-hf-search button {
    display: grid;
    place-items: center;
    color: var(--tw-hf-blue);
    cursor: pointer;
}

.tw-hf-search button:hover,
.tw-hf-search button:focus-visible {
    background: #eef6ff;
    color: var(--tw-hf-blue);
    outline: none;
}

.tw-hf-filter-toggle {
    border-left: 1px solid var(--tw-hf-line) !important;
}

.tw-hf-filter-panel,
.tw-hf-suggestions {
    position: absolute;
    left: 0;
    top: calc(100% + .55rem);
    z-index: 10020;
    border: 1px solid var(--tw-hf-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(16, 35, 70, .045);
}

.tw-hf-suggestions {
    right: 0;
}

.tw-hf-filter-panel {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    right: auto;
    width: max-content;
    min-width: min(100%, 340px);
    max-width: min(calc(100vw - 2rem), 640px);
    overflow-x: auto;
    padding: .65rem;
}

.tw-hf-filter-panel button {
    min-height: 38px;
    border: 1px solid var(--tw-hf-line);
    border-radius: 999px;
    background: #fff;
    color: var(--tw-hf-text);
    cursor: pointer;
    font: inherit;
    font-weight: 850;
    padding: .45rem .75rem;
}

.tw-hf-filter-panel button:hover,
.tw-hf-filter-panel button:focus-visible,
.tw-hf-filter-panel button.is-active {
    border-color: rgba(7, 95, 247, .32);
    background: #eef6ff;
    color: var(--tw-hf-blue);
    outline: none;
}

.tw-hf-suggestions {
    display: grid;
    gap: .15rem;
    max-height: min(360px, 64vh);
    overflow-y: auto;
    padding: .55rem;
}

.tw-hf-suggestion {
    display: grid;
    gap: .18rem;
    border-radius: 12px;
    color: var(--tw-hf-ink);
    font-weight: 850;
    line-height: 1.25;
    padding: .72rem .82rem;
    text-decoration: none;
}

.tw-hf-suggestion:hover,
.tw-hf-suggestion:focus-visible {
    background: #eef6ff;
    color: var(--tw-hf-blue);
    outline: none;
}

.tw-hf-suggestion span {
    color: var(--tw-hf-muted);
    font-size: .82rem;
    font-weight: 750;
}

.tw-hf-suggestion-empty {
    color: var(--tw-hf-muted);
    font-weight: 750;
    padding: .72rem .82rem;
}

.tw-hf-actions {
    justify-content: flex-end;
}

.tw-hf-action,
.tw-hf-menu-button,
.tw-hf-close,
.tw-hf-a11y-toggle,
.tw-hf-a11y-panel button {
    min-height: 44px;
    border: 1px solid var(--tw-hf-line);
    background: #fff;
    color: var(--tw-hf-ink);
    cursor: pointer;
    font: inherit;
    font-weight: 850;
    text-decoration: none;
    appearance: none;
}

.tw-hf-header button,
.tw-hf-panel button,
.tw-hf-a11y button {
    background-image: none !important;
    text-shadow: none !important;
}

.tw-hf-action {
    position: relative;
    display: grid;
    place-items: center;
    width: 46px;
    border-radius: 999px;
}

.tw-hf-action:hover,
.tw-hf-action:focus-visible,
.tw-hf-menu-button:hover,
.tw-hf-menu-button:focus-visible,
.tw-hf-close:hover,
.tw-hf-close:focus-visible,
.tw-hf-a11y-toggle:hover,
.tw-hf-a11y-toggle:focus-visible,
.tw-hf-a11y-panel button:hover,
.tw-hf-a11y-panel button:focus-visible {
    border-color: rgba(7, 95, 247, .32);
    box-shadow: var(--tw-hf-shadow-hover);
    color: var(--tw-hf-blue);
    outline: none;
    background: #eef6ff;
}

.tw-hf-count {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
    min-width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: var(--tw-hf-green);
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
    line-height: 16px;
    text-align: center;
}

.tw-hf-count.is-visible {
    display: block;
}

.tw-hf-menu-button {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    height: 46px;
    border-radius: 999px;
    padding: 0 1rem;
}

.tw-hf-overlay {
    position: fixed;
    inset: 0;
    z-index: 9995;
    background: rgba(7, 23, 53, .32);
}

body.tw-hf-menu-open {
    overflow: hidden;
}

.tw-hf-panel {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: .95rem;
    width: min(88vw, 500px);
    height: 100vh;
    padding: clamp(1rem, 1.7vw, 1.7rem);
    border-left: 1px solid #dbe5f3;
    background: #f6f9ff;
    box-shadow: -12px 0 32px rgba(7, 23, 53, .075);
    transform: translateX(104%);
    transition: transform .22s ease;
}

body.admin-bar .tw-hf-panel {
    top: 32px;
    height: calc(100vh - 32px);
}

.tw-hf-panel.is-open {
    transform: translateX(0);
}

.tw-hf-panel-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.tw-hf-close {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    min-height: 46px;
    border-radius: 999px;
    padding: 0;
    color: var(--tw-hf-blue);
}

.tw-hf-panel .tw-hf-search {
    grid-template-columns: minmax(98px, 118px) minmax(90px, 1fr) 46px 46px;
    width: 100%;
}

.tw-hf-panel .tw-hf-search-wrap {
    z-index: 2;
}

.tw-hf-panel-nav {
    display: grid;
    gap: .08rem;
    align-content: start;
    overflow-y: auto;
    padding: .2rem 0;
}

.tw-hf-panel-nav a {
    border-radius: 14px;
    color: var(--tw-hf-ink);
    font-size: clamp(1.18rem, .98rem + .52vw, 1.48rem);
    font-weight: 900;
    line-height: 1.15;
    padding: .46rem .65rem;
    text-decoration: none;
}

.tw-hf-panel-nav a:hover,
.tw-hf-panel-nav a:focus-visible,
.tw-hf-panel-nav a[aria-current="page"] {
    background: #eef6ff;
    color: var(--tw-hf-blue);
    outline: none;
}

.tw-hf-panel-more {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    width: 100%;
    padding-top: .82rem;
    border-top: 1px solid var(--tw-hf-line);
}

.tw-hf-panel-more a {
    display: flex;
    min-width: 0;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: .22rem .5rem;
    color: var(--tw-hf-text);
    font-size: clamp(.74rem, 1.15vw, .9rem);
    font-weight: 750;
    line-height: 1.18;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.tw-hf-panel-more a + a {
    border-left: 1px solid var(--tw-hf-line);
}

.tw-hf-panel-more a:hover,
.tw-hf-panel-more a:focus-visible {
    color: var(--tw-hf-blue);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    outline: none;
}

.tw-hf-footer {
    width: 100%;
    border-top: 1px solid var(--tw-hf-line);
    background: linear-gradient(180deg,#edf5ff 0%,#e7f0fc 100%);
}

.tw-hf-footer-inner {
    display: grid;
    grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(160px, 1fr));
    gap: clamp(1.5rem, 3vw, 4rem);
    width: min(100% - 4rem, 1740px);
    margin: 0 auto;
    padding: clamp(3rem, 5vw, 5.2rem) 0 2rem;
}

.tw-hf-footer-brand p {
    max-width: 440px;
    margin: 1.35rem 0 0;
    color: #334b70;
    font-size: 1.01rem;
    font-weight: 650;
    line-height: 1.62;
    text-wrap: balance;
}

.tw-hf-footer-col {
    display: grid;
    gap: .9rem;
    align-content: start;
}

.tw-hf-footer-col h2 {
    margin: 0 0 .35rem;
    color: var(--tw-hf-ink);
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.2;
}

.tw-hf-footer-col a {
    position: relative;
    color: #415a7d;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    padding-left: 1.05rem;
    text-decoration: none;
}

.tw-hf-footer-col a::before {
    content: "";
    position: absolute;
    top: .58em;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: #8eb4e8;
}

.tw-hf-footer-col a:hover,
.tw-hf-footer-col a:focus-visible {
    color: var(--tw-hf-blue);
    outline: none;
}

.tw-hf-footer-bottom {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, auto);
    align-items: center;
    gap: 1rem;
    margin-top: 1.2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(186, 208, 239, .7);
    color: #566f94;
    font-weight: 800;
}

.tw-hf-footer-bottom p {
    margin: 0;
}

.tw-hf-footer-bottom-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .75rem;
    text-align: right;
}

.tw-hf-footer-bottom a,
.tw-hf-footer-a11y-link {
    color: #566f94;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
}

.tw-hf-footer-bottom a:hover,
.tw-hf-footer-bottom a:focus-visible,
.tw-hf-footer-a11y-link:hover,
.tw-hf-footer-a11y-link:focus-visible {
    color: var(--tw-hf-blue);
    outline: none;
    text-decoration: underline;
}

.tw-hf-footer-a11y-link {
    display: inline-grid;
    place-items: center;
    width: 38px;
    min-width: 38px;
    min-height: 34px;
    border: 1px solid rgba(186, 208, 239, .85);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    cursor: pointer;
    padding: 0;
}

.tw-hf-footer-a11y-link svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.tw-hf-a11y {
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 9992;
}

.tw-hf-a11y-toggle {
    display: grid;
    place-items: center;
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 999px;
    padding: 0 !important;
    color: var(--tw-hf-blue);
    box-shadow: var(--tw-hf-shadow);
}

.tw-hf-a11y.is-launcher-hidden .tw-hf-a11y-toggle {
    display: none !important;
}

.tw-hf-a11y-panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + .75rem);
    display: grid;
    gap: .36rem;
    width: min(90vw, 330px);
    max-height: min(56vh, 460px);
    overflow-y: auto;
    padding: .65rem;
    border: 1px solid var(--tw-hf-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(16, 35, 70, .06);
}

.tw-hf-a11y-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .1rem .1rem .4rem;
}

.tw-hf-a11y-head strong {
    color: var(--tw-hf-ink);
    font-size: 1rem;
    font-weight: 900;
}

.tw-hf-a11y-head button {
    display: grid;
    place-items: center;
    width: 38px;
    min-height: 38px;
    border-radius: 999px;
    padding: 0;
}

.tw-hf-a11y-panel > button {
    width: 100%;
    border-radius: 12px;
    min-height: 38px;
    padding: .48rem .66rem;
    text-align: left;
}

.tw-hf-a11y-panel button[aria-pressed="true"] {
    border-color: rgba(7, 95, 247, .38);
    background: #eef6ff;
    color: var(--tw-hf-blue);
}

.tw-hf-a11y-reset {
    color: #50617d;
}

.tw-hf-a11y-hide {
    color: #50617d;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
}

html.tw-a11y-large body {
    font-size: 112%;
}

html.tw-a11y-lineheight body {
    line-height: 1.72;
}

html.tw-a11y-spacing body {
    letter-spacing: .025em;
    word-spacing: .08em;
}

html.tw-a11y-readable body {
    font-family: Arial, Verdana, system-ui, sans-serif;
}

html.tw-a11y-underline a {
    text-decoration: underline !important;
    text-underline-offset: .18em;
}

html.tw-a11y-contrast {
    filter: contrast(1.12);
}

html.tw-a11y-contrast .tw-hf-header,
html.tw-a11y-contrast .tw-hf-footer,
html.tw-a11y-contrast .tw-hf-panel,
html.tw-a11y-contrast .tw-hf-a11y {
    --tw-hf-text: #10213e;
    --tw-hf-muted: #344667;
    --tw-hf-line: #9fb2d3;
}

html.tw-a11y-focus :focus-visible {
    outline: 4px solid rgba(7, 95, 247, .55) !important;
    outline-offset: 3px !important;
}

html.tw-a11y-headings h1,
html.tw-a11y-headings h2,
html.tw-a11y-headings h3,
html.tw-a11y-headings h4 {
    background: linear-gradient(90deg, rgba(7, 95, 247, .10), rgba(7, 95, 247, 0)) !important;
    border-radius: 8px;
    padding-inline: .12em;
}

html.tw-a11y-mask body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9991;
    pointer-events: none;
    background:
        linear-gradient(to bottom, rgba(7, 23, 53, .12), transparent 34%, transparent 66%, rgba(7, 23, 53, .12));
    mix-blend-mode: multiply;
}

html.tw-a11y-reduce *,
html.tw-a11y-reduce *::before,
html.tw-a11y-reduce *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
}

/* ToolWissen harmony layer: neutralize theme-red button bleed and keep shadows consistent. */
.tw-hf-header,
.tw-hf-panel,
.tw-hf-footer,
.tw-hf-a11y,
.twtools,
.twmv,
.twlc24-card,
.twtd,
.tw-blog-hero,
.tw-blog-shell {
    --tw-harmony-shadow: 0 6px 16px rgba(16, 35, 70, .032);
    --tw-harmony-hover-shadow: 0 5px 12px rgba(7, 95, 247, .055);
    --tw-harmony-blue: #075ff7;
    --tw-harmony-soft: #eef6ff;
    --tw-harmony-line: #dce5f2;
}

button.tw-hf-menu-button,
button.tw-hf-close,
button.tw-hf-a11y-toggle,
.tw-hf-a11y-panel button,
.tw-hf-filter-panel button,
.tw-hf-search button {
    border-color: var(--tw-hf-line) !important;
    background-color: #fff !important;
    color: var(--tw-hf-ink) !important;
    box-shadow: none !important;
}

button.tw-hf-close,
button.tw-hf-a11y-toggle,
.tw-hf-search button,
.tw-hf-a11y-head button {
    color: var(--tw-hf-blue) !important;
}

button.tw-hf-menu-button:hover,
button.tw-hf-menu-button:focus-visible,
button.tw-hf-close:hover,
button.tw-hf-close:focus-visible,
button.tw-hf-a11y-toggle:hover,
button.tw-hf-a11y-toggle:focus-visible,
.tw-hf-a11y-panel button:hover,
.tw-hf-a11y-panel button:focus-visible,
.tw-hf-filter-panel button:hover,
.tw-hf-filter-panel button:focus-visible,
.tw-hf-filter-panel button.is-active,
.tw-hf-search button:hover,
.tw-hf-search button:focus-visible {
    border-color: rgba(7, 95, 247, .30) !important;
    background-color: var(--tw-harmony-soft) !important;
    color: var(--tw-harmony-blue) !important;
    box-shadow: var(--tw-harmony-hover-shadow) !important;
}

.twtools button:hover,
.twtools a:hover,
.twmv button:hover,
.twmv a:hover,
.twlc24-card button:hover,
.twlc24-card a:hover,
.tw-detail button:hover,
.tw-detail a:hover {
    box-shadow: var(--tw-harmony-hover-shadow) !important;
}

.twtd .twtd-round-button:hover,
.twtd .twtd-mini-arrow:hover,
.twtd .twtd-more-button:hover,
.twtd .twtd-lower-action:hover {
    box-shadow: var(--tw-harmony-hover-shadow) !important;
}

.twtools input:focus,
.twtools select:focus,
.twmv input:focus,
.twmv select:focus,
.tw-hf-search input:focus,
.tw-hf-scope-button:focus-visible {
    outline: none !important;
    border-color: rgba(7, 95, 247, .34) !important;
    box-shadow: 0 0 0 3px rgba(7, 95, 247, .08) !important;
}

@media (prefers-reduced-motion: reduce) {
    .tw-hf-panel {
        transition: none;
    }
}

@media (max-width: 1280px) {
    .tw-hf-inner {
        grid-template-columns: auto minmax(220px, 1fr) auto;
    }

    .tw-hf-nav {
        display: none;
    }
}

@media (max-width: 980px) {
    .tw-hf-inner {
        grid-template-columns: auto 1fr auto;
        width: min(100% - 2rem, 980px);
        min-height: 78px;
    }

    .tw-hf-header > .tw-hf-inner > .tw-hf-search-wrap {
        display: none;
    }
}

@media (max-width: 782px) {
    body.admin-bar .tw-hf-header {
        top: 46px;
    }

    body.admin-bar .tw-hf-panel {
        top: 46px;
        height: auto;
        max-height: calc(100dvh - 46px);
    }
}

@media (max-width: 720px) {
    .tw-hf-inner,
    .tw-hf-footer-inner {
        width: min(100% - 1.25rem, 720px);
    }

    .tw-hf-logo {
        font-size: 1.55rem;
    }

    .tw-hf-action {
        width: 42px;
        min-height: 42px;
    }

    .tw-hf-menu-button {
        min-width: 44px;
        min-height: 42px;
        padding: 0 .72rem;
    }

    .tw-hf-menu-button span {
        max-width: 0;
        overflow: hidden;
    }

    .tw-hf-panel {
        width: 100vw;
        gap: 1rem;
        padding: 1.15rem;
    }

    .tw-hf-panel-nav a {
        font-size: 1.36rem;
        padding-block: .48rem;
    }

    .tw-hf-panel-more {
        gap: .45rem .7rem;
    }

    .tw-hf-footer-inner {
        grid-template-columns: 1fr;
        padding-top: 2.5rem;
    }

    .tw-hf-footer-bottom {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        padding-right: 0;
    }

    .tw-hf-footer-bottom-links {
        justify-content: start;
        text-align: left;
    }
}

@media (max-width: 430px) {
    .tw-hf-inner {
        gap: .55rem;
    }

    .tw-hf-actions {
        gap: .28rem;
    }

    .tw-hf-panel {
        padding: 1rem;
    }

    .tw-hf-panel-top {
        align-items: center;
    }

    .tw-hf-panel .tw-hf-search {
        grid-template-columns: 1fr 46px 46px;
        height: auto;
        border-radius: 18px;
    }

    .tw-hf-panel .tw-hf-scope-button {
        grid-column: 1 / -1;
        min-height: 42px;
        border-right: 0;
        border-bottom: 1px solid var(--tw-hf-line);
    }

    .tw-hf-panel .tw-hf-search input {
        min-height: 46px;
    }

    .tw-hf-panel .tw-hf-filter-toggle {
        border-left: 1px solid var(--tw-hf-line) !important;
    }

    .tw-hf-panel .tw-hf-filter-panel,
    .tw-hf-panel .tw-hf-suggestions {
        position: static;
        width: 100%;
        min-width: 0;
        margin-top: .55rem;
        max-height: 260px;
    }

    .tw-hf-panel-nav {
        gap: .1rem;
    }

    .tw-hf-panel-nav a {
        font-size: 1.25rem;
        border-radius: 12px;
        padding: .42rem .55rem;
    }

    .tw-hf-a11y-panel {
        right: -.35rem;
        width: min(92vw, 334px);
        max-height: min(72vh, 560px);
    }
}

/* v1.0 final polish: one clear search control, no duplicate settings icon, calmer menu rhythm. */
.tw-hf-search {
    grid-template-columns: minmax(104px, 136px) minmax(120px, 1fr) 54px !important;
}

.tw-hf-search-submit {
    border-left: 1px solid var(--tw-hf-line) !important;
}

.tw-hf-filter-toggle {
    display: none !important;
}

.tw-hf-panel {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.tw-hf-panel .tw-hf-search {
    grid-template-columns: minmax(100px, 138px) minmax(0, 1fr) 54px !important;
    height: 52px;
}

.tw-hf-panel .tw-hf-search-wrap {
    display: grid;
    gap: .55rem;
}

.tw-hf-panel .tw-hf-filter-panel {
    position: static;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    box-shadow: var(--tw-hf-shadow);
}

.tw-hf-panel-nav {
    min-height: 0;
    padding-right: .2rem;
}

.tw-hf-panel-nav a {
    font-size: clamp(1.08rem, .96rem + .36vw, 1.34rem);
    line-height: 1.12;
    padding: .42rem .58rem;
}

html body .tw-hf-header button,
html body .tw-hf-panel button,
html body .tw-hf-a11y button,
html body button.tw-hf-a11y-toggle,
html body .tw-hf-a11y-panel button,
html body .tw-hf-footer-a11y-link {
    background-color: #fff !important;
    color: var(--tw-hf-ink) !important;
    border-color: var(--tw-hf-line) !important;
    box-shadow: none !important;
}

html body .tw-hf-search-submit,
html body button.tw-hf-close,
html body button.tw-hf-a11y-toggle,
html body .tw-hf-a11y-head button,
html body .tw-hf-footer-a11y-link {
    color: var(--tw-hf-blue) !important;
}

html body .tw-hf-header button:hover,
html body .tw-hf-header button:focus-visible,
html body .tw-hf-panel button:hover,
html body .tw-hf-panel button:focus-visible,
html body .tw-hf-a11y button:hover,
html body .tw-hf-a11y button:focus-visible,
html body .tw-hf-footer-a11y-link:hover,
html body .tw-hf-footer-a11y-link:focus-visible,
html body .tw-hf-a11y-panel button[aria-pressed="true"] {
    background-color: #eef6ff !important;
    border-color: rgba(7, 95, 247, .30) !important;
    color: var(--tw-hf-blue) !important;
    box-shadow: 0 5px 12px rgba(7, 95, 247, .055) !important;
    outline: none;
}

html body .tw-hf-a11y-panel {
    width: min(92vw, 360px);
    max-height: min(68vh, 560px);
}

html.tw-a11y-align body {
    text-align: left !important;
}

html.tw-a11y-gray body {
    filter: saturate(.48);
}

html.tw-a11y-images img,
html.tw-a11y-images picture,
html.tw-a11y-images video,
html.tw-a11y-images canvas {
    opacity: .08 !important;
    filter: grayscale(1) !important;
}

/* Focused v1.0 patch: keep menu icon/text on one optical baseline. */
.tw-hf-actions {
    align-items: center !important;
}

.tw-hf-action,
.tw-hf-menu-button {
    height: 54px;
    min-height: 54px;
    line-height: 1 !important;
}

.tw-hf-action {
    width: 54px;
}

.tw-hf-menu-button {
    align-items: center !important;
    justify-content: center !important;
    gap: .68rem;
    padding: 0 1.35rem;
}

.tw-hf-menu-button span {
    display: inline-flex;
    align-items: center;
    line-height: 1 !important;
}

.tw-hf-menu-button svg {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    transform: translateY(.5px);
}

.tw-hf-a11y-panel {
    gap: .5rem;
    width: min(92vw, 390px);
    max-height: min(74vh, 680px);
    padding: .75rem;
}

.tw-hf-a11y-controls,
.tw-hf-a11y-section,
.tw-hf-a11y-actions {
    display: grid;
    gap: .48rem;
}

.tw-hf-a11y-section {
    padding-top: .58rem;
    border-top: 1px solid rgba(220, 229, 242, .9);
}

.tw-hf-a11y-section:first-child {
    border-top: 0;
    padding-top: 0;
}

.tw-hf-a11y-section h2 {
    margin: .1rem .18rem;
    color: var(--tw-hf-muted);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.tw-hf-a11y-section button,
.tw-hf-a11y-actions button,
.tw-hf-a11y-range {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--tw-hf-line);
    border-radius: 12px;
    background: #fff;
    color: var(--tw-hf-ink);
    box-shadow: none;
}

.tw-hf-a11y-section button,
.tw-hf-a11y-actions button {
    padding: .52rem .68rem;
    text-align: left;
}

.tw-hf-a11y-range {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .38rem .65rem;
    padding: .6rem .68rem .55rem;
}

.tw-hf-a11y-range span,
.tw-hf-a11y-range output {
    color: var(--tw-hf-ink);
    font-size: .92rem;
    font-weight: 850;
    line-height: 1.2;
}

.tw-hf-a11y-range output {
    color: var(--tw-hf-blue);
}

.tw-hf-a11y-range input {
    grid-column: 1 / -1;
    width: 100%;
    accent-color: var(--tw-hf-blue);
}

.tw-hf-a11y-section button[aria-pressed="true"] {
    border-color: rgba(7, 95, 247, .38);
    background: #eef6ff;
    color: var(--tw-hf-blue);
}

html.tw-a11y-range-font body {
    font-size: var(--tw-a11y-font, inherit);
}

html.tw-a11y-range-zoom body {
    zoom: var(--tw-a11y-zoom, 1);
}

html.tw-a11y-range-lineheight body {
    line-height: var(--tw-a11y-lineheight, inherit);
}

html.tw-a11y-range-letter body {
    letter-spacing: var(--tw-a11y-letter, normal);
}

html.tw-a11y-range-word body {
    word-spacing: var(--tw-a11y-word, normal);
}

html.tw-a11y-range-paragraph p,
html.tw-a11y-range-paragraph li,
html.tw-a11y-range-paragraph .tw-blog-card,
html.tw-a11y-range-paragraph .twlc24-card {
    margin-bottom: var(--tw-a11y-paragraph, initial);
}

html.tw-a11y-range-heading h1,
html.tw-a11y-range-heading h2,
html.tw-a11y-range-heading h3,
html.tw-a11y-range-heading h4 {
    zoom: var(--tw-a11y-heading, 100%);
}

html.tw-a11y-range-content main,
html.tw-a11y-range-content article,
html.tw-a11y-range-content .site-main,
html.tw-a11y-range-content .tw-blog-archive-inner,
html.tw-a11y-range-content .twtools,
html.tw-a11y-range-content .twmv {
    max-width: var(--tw-a11y-content, 100%) !important;
    margin-inline: auto !important;
}

html.tw-a11y-range-scrollmargin :target {
    scroll-margin-top: var(--tw-a11y-scrollmargin, 80px);
}

html.tw-a11y-range-cardspacing .twlc24-card,
html.tw-a11y-range-cardspacing .tw-blog-card,
html.tw-a11y-range-cardspacing .twmv-card,
html.tw-a11y-range-cardspacing .twtools-card {
    margin-bottom: var(--tw-a11y-cardspacing, 0);
}

html.tw-a11y-range-brightness body,
html.tw-a11y-range-contrastfilter body,
html.tw-a11y-range-saturation body {
    filter: brightness(var(--tw-a11y-brightness, 1)) contrast(var(--tw-a11y-contrastfilter, 1)) saturate(var(--tw-a11y-saturation, 1));
}

html.tw-a11y-range-dim body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9988;
    pointer-events: none;
    background: rgba(7, 23, 53, var(--tw-a11y-dim, 0));
}

html.tw-a11y-range-maskheight.tw-a11y-mask body::after {
    background:
        linear-gradient(to bottom, rgba(7, 23, 53, .14), transparent var(--tw-a11y-maskheight, 32%), transparent calc(100% - var(--tw-a11y-maskheight, 32%)), rgba(7, 23, 53, .14));
}

html.tw-a11y-range-imageopacity img,
html.tw-a11y-range-imageopacity picture,
html.tw-a11y-range-imageopacity video,
html.tw-a11y-range-imageopacity canvas {
    opacity: var(--tw-a11y-imageopacity, 1) !important;
}

html.tw-a11y-range-button button,
html.tw-a11y-range-button .button,
html.tw-a11y-range-button [role="button"] {
    font-size: var(--tw-a11y-button, inherit);
    min-height: 48px;
}

html.tw-a11y-range-link a {
    font-size: var(--tw-a11y-link, inherit);
}

html.tw-a11y-range-icon svg {
    font-size: var(--tw-a11y-icon, inherit);
}

html.tw-a11y-range-focusring :focus-visible {
    outline-width: var(--tw-a11y-focusring, 4px) !important;
}

html.tw-a11y-range-border button,
html.tw-a11y-range-border a,
html.tw-a11y-range-border input,
html.tw-a11y-range-border select,
html.tw-a11y-range-border textarea,
html.tw-a11y-range-border .twlc24-card,
html.tw-a11y-range-border .tw-blog-card {
    border-width: var(--tw-a11y-border, 1px) !important;
}

html.tw-a11y-range-panelscale .tw-hf-a11y-panel {
    transform: scale(var(--tw-a11y-panelscale, 1));
    transform-origin: right bottom;
}

html.tw-a11y-dark body {
    background: #071735 !important;
    color: #eff6ff !important;
}

html.tw-a11y-dark a {
    color: #8fb8ff !important;
}

html.tw-a11y-contrast-soft body {
    filter: contrast(.92) saturate(.9);
}

html.tw-a11y-invert body {
    filter: invert(1) hue-rotate(180deg);
}

html.tw-a11y-warm body::before,
html.tw-a11y-cool body::before,
html.tw-a11y-reduce-blue body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9987;
    pointer-events: none;
}

html.tw-a11y-warm body::before {
    background: rgba(255, 244, 214, .18);
}

html.tw-a11y-cool body::before {
    background: rgba(220, 239, 255, .18);
}

html.tw-a11y-reduce-blue body::before {
    background: rgba(255, 232, 190, .24);
}

html.tw-a11y-no-center body * {
    text-align: left !important;
}

html.tw-a11y-no-uppercase body * {
    text-transform: none !important;
}

html.tw-a11y-hyphenation body {
    hyphens: auto;
}

html.tw-a11y-bold body {
    font-weight: 650;
}

html.tw-a11y-lists li {
    margin-block: .4em;
}

html.tw-a11y-numbers :is(time, data, .tw-hf-count, [class*="rating"], [class*="score"]) {
    border-radius: 999px;
    background: #eef6ff;
    color: var(--tw-hf-blue, #075ff7);
    padding-inline: .25em;
}

html.tw-a11y-focus-strong :focus-visible {
    outline: 5px solid rgba(7, 95, 247, .72) !important;
    outline-offset: 4px !important;
}

html.tw-a11y-large-cursor,
html.tw-a11y-large-cursor * {
    cursor: zoom-in !important;
}

html.tw-a11y-touch button,
html.tw-a11y-touch a,
html.tw-a11y-touch input,
html.tw-a11y-touch select {
    min-height: 48px;
}

html.tw-a11y-keyboard :focus {
    outline: 3px solid rgba(7, 95, 247, .5) !important;
}

html.tw-a11y-skiplink .tw-hf-skip {
    transform: translateY(0);
}

html.tw-a11y-link-targets a[target="_blank"]::after {
    content: "↗";
    font-size: .85em;
    margin-left: .2em;
}

html.tw-a11y-buttons button,
html.tw-a11y-buttons .button,
html.tw-a11y-buttons [role="button"] {
    border-color: rgba(7, 95, 247, .35) !important;
}

html.tw-a11y-forms input,
html.tw-a11y-forms select,
html.tw-a11y-forms textarea {
    border-color: rgba(7, 95, 247, .42) !important;
    background: #fff !important;
}

html.tw-a11y-stop-sticky .tw-hf-header,
html.tw-a11y-stop-sticky [style*="position: sticky"] {
    position: static !important;
}

html.tw-a11y-hide-decor [aria-hidden="true"],
html.tw-a11y-hide-decor .decor,
html.tw-a11y-hide-decor [class*="decoration"] {
    display: none !important;
}

html.tw-a11y-images-dim img,
html.tw-a11y-images-dim picture,
html.tw-a11y-images-dim video,
html.tw-a11y-images-dim canvas {
    filter: grayscale(.8) contrast(.8) !important;
    opacity: .42 !important;
}

html.tw-a11y-simple-layout .twlc24-card,
html.tw-a11y-simple-layout .tw-blog-card,
html.tw-a11y-simple-layout .twmv-card {
    box-shadow: none !important;
}

html.tw-a11y-card-borders .twlc24-card,
html.tw-a11y-card-borders .tw-blog-card,
html.tw-a11y-card-borders .twmv-card {
    border-color: rgba(7, 95, 247, .34) !important;
}

html.tw-a11y-tooltips [title] {
    text-decoration: underline dotted rgba(7, 95, 247, .55);
    text-underline-offset: .18em;
}

html.tw-a11y-tables table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html.tw-a11y-tables th,
html.tw-a11y-tables td {
    border: 1px solid rgba(7, 95, 247, .18) !important;
    padding: .6em !important;
}

html.tw-a11y-landmarks main,
html.tw-a11y-landmarks nav,
html.tw-a11y-landmarks aside,
html.tw-a11y-landmarks footer,
html.tw-a11y-landmarks header {
    outline: 2px dashed rgba(7, 95, 247, .18);
    outline-offset: -2px;
}

@media print {
    html.tw-a11y-print .tw-hf-header,
    html.tw-a11y-print .tw-hf-a11y,
    html.tw-a11y-print .tw-hf-overlay,
    html.tw-a11y-print .tw-hf-panel {
        display: none !important;
    }
}

@media (max-width: 720px) {
    .tw-hf-panel-nav a {
        font-size: 1.18rem;
        padding: .38rem .5rem;
    }
}

@media (max-width: 430px) {
    .tw-hf-panel .tw-hf-search {
        grid-template-columns: minmax(0, 1fr) 52px !important;
        height: auto;
        border-radius: 16px;
    }

    .tw-hf-panel .tw-hf-scope-button {
        grid-column: 1 / -1;
        min-height: 44px;
        border-right: 0;
        border-bottom: 1px solid var(--tw-hf-line);
    }

    .tw-hf-panel .tw-hf-search input {
        min-height: 48px;
    }

    .tw-hf-panel .tw-hf-filter-panel {
        max-height: 138px;
    }

    .tw-hf-panel-nav a {
        font-size: 1.12rem;
        padding: .36rem .48rem;
    }
}

/* v1.0 Feinschliff: Header-Suche und Menü-Button sauberer ausrichten */
html body .tw-hf-search {
    grid-template-columns: minmax(96px, 118px) minmax(0, 1fr) 52px 52px !important;
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

html body .tw-hf-scope-button {
    min-width: 0;
    padding: 0 1rem 0 1.1rem !important;
    font-size: .98rem !important;
    font-weight: 800 !important;
}

html body .tw-hf-search input {
    padding: 0 1rem !important;
    font-size: .98rem !important;
    font-weight: 650 !important;
}

html body .tw-hf-search input::placeholder {
    color: #8b98ae !important;
    opacity: 1 !important;
}

html body .tw-hf-search-submit,
html body .tw-hf-filter-toggle {
    width: 52px !important;
    min-width: 52px !important;
}

html body .tw-hf-header .tw-hf-actions {
    align-items: center !important;
}

html body .tw-hf-menu-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .62rem !important;
    min-height: 54px !important;
    height: 54px !important;
    padding: 0 1.35rem !important;
    line-height: 1 !important;
}

html body .tw-hf-menu-button span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

html body .tw-hf-menu-button svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    transform: translateY(.5px) !important;
}

@media (max-width: 767px) {
    html body .tw-hf-search {
        grid-template-columns: minmax(88px, 104px) minmax(0, 1fr) 48px 48px !important;
        min-height: 52px !important;
        height: 52px !important;
    }

    html body .tw-hf-menu-button {
        padding: 0 1.1rem !important;
        gap: .54rem !important;
    }
}

/* v1.0 final: alte Theme-Fallbacks und doppelte Branding-Zeilen werden bei aktivem ToolWissen-Header nicht angezeigt. */
body .site-header:not(.tw-hf-header),
body header#masthead,
body #site-header,
body .site-branding,
body .site-branding-container,
body .header-inner .site-branding,
body .site-footer:not(.tw-hf-footer),
body footer#colophon,
body .tw-legacy-site-footer {
    display: none !important;
}

/* Kein roter Theme-/Browser-Rand an ToolWissen-Aktionen. */
html body .tw-hf-header button,
html body .tw-hf-header a,
html body .tw-hf-panel button,
html body .tw-hf-panel a,
html body .tw-hf-footer button,
html body .tw-hf-footer a {
    outline-color: var(--tw-hf-blue, #075ff7) !important;
}

/* ==========================================================
   ToolWissen v1.0 – finaler Header-Such- und Menü-Feinschliff
   ========================================================== */
html body .tw-hf-search {
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) 58px !important;
    align-items: stretch !important;
    height: 58px !important;
    min-height: 58px !important;
    border: 1px solid var(--tw-hf-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 5px 18px rgba(16, 35, 70, .035) !important;
}

html body .tw-hf-search:focus-within {
    border-color: rgba(7, 95, 247, .34) !important;
    box-shadow: 0 0 0 3px rgba(7, 95, 247, .08), 0 7px 20px rgba(16, 35, 70, .045) !important;
}

html body .tw-hf-scope-button,
html body .tw-hf-search input,
html body .tw-hf-search-submit {
    min-width: 0 !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

html body .tw-hf-scope-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .55rem !important;
    border-right: 1px solid var(--tw-hf-line) !important;
    color: var(--tw-hf-ink) !important;
    font-size: .96rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    padding: 0 1rem 0 1.15rem !important;
}

html body .tw-hf-scope-button:hover,
html body .tw-hf-scope-button:focus-visible {
    background: #f7faff !important;
    color: var(--tw-hf-blue) !important;
    outline: none !important;
}

html body .tw-hf-search input {
    padding: 0 1.2rem !important;
    color: var(--tw-hf-ink) !important;
    font-size: .98rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}

html body .tw-hf-search input::placeholder {
    color: #8b99b0 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

html body .tw-hf-search-submit {
    display: grid !important;
    place-items: center !important;
    width: 58px !important;
    min-width: 58px !important;
    border-left: 1px solid var(--tw-hf-line) !important;
    color: var(--tw-hf-ink) !important;
    cursor: pointer !important;
}

html body .tw-hf-search-submit:hover,
html body .tw-hf-search-submit:focus-visible {
    background: #eef6ff !important;
    color: var(--tw-hf-blue) !important;
    outline: none !important;
}

html body .tw-hf-actions {
    align-items: center !important;
    gap: .48rem !important;
}

html body .tw-hf-action {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
}

html body .tw-hf-menu-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .58rem !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 1.15rem 0 1.28rem !important;
    border-radius: 999px !important;
    line-height: 1 !important;
}

html body .tw-hf-menu-button span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

html body .tw-hf-menu-button svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    flex: 0 0 auto !important;
    transform: translateY(1.6px) !important;
}

html body .tw-hf-panel .tw-hf-search {
    width: 100% !important;
    grid-template-columns: 132px minmax(0, 1fr) 56px !important;
    height: 56px !important;
    min-height: 56px !important;
}

@media (min-width: 431px) {
    html body .tw-hf-panel .tw-hf-scope-button {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 18px !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 11px 0 15px !important;
    }
    html body .tw-hf-panel .tw-hf-scope-button svg {
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        transform: none !important;
        justify-self: center !important;
    }
}

html body .tw-hf-panel .tw-hf-search-submit {
    width: 56px !important;
    min-width: 56px !important;
}

@media (max-width: 720px) {
    html body .tw-hf-action {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    html body .tw-hf-menu-button {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    html body .tw-hf-menu-button span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    html body .tw-hf-menu-button svg {
        transform: translateY(1px) !important;
    }
}

@media (max-width: 430px) {
    html body .tw-hf-panel .tw-hf-search {
        grid-template-columns: minmax(0, 1fr) 52px !important;
        height: auto !important;
        min-height: 0 !important;
        border-radius: 18px !important;
    }

    html body .tw-hf-panel .tw-hf-scope-button {
        grid-column: 1 / -1 !important;
        min-height: 46px !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--tw-hf-line) !important;
    }

    html body .tw-hf-panel .tw-hf-search input {
        min-height: 52px !important;
    }

    html body .tw-hf-panel .tw-hf-search-submit {
        width: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }
}

/* ==========================================================
   ToolWissen v1.0 – intelligente, kontextbezogene Suche
   ========================================================== */
html body .tw-hf-suggestions {
    right: 0 !important;
    left: 0 !important;
    top: calc(100% + 10px) !important;
    display: grid !important;
    gap: 6px !important;
    max-height: min(520px, 68vh) !important;
    overflow-y: auto !important;
    padding: 10px !important;
    border: 1px solid var(--tw-hf-line) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(16, 35, 70, .12) !important;
    scrollbar-width: thin;
    scrollbar-color: #c9d7eb transparent;
}

html body .tw-hf-suggestion-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 9px 9px !important;
    border-bottom: 1px solid #edf2f8;
}

html body .tw-hf-suggestion-head span {
    color: var(--tw-hf-blue) !important;
    font-size: .76rem !important;
    font-weight: 850 !important;
    letter-spacing: .02em;
    text-transform: uppercase;
}

html body .tw-hf-suggestion-head strong {
    color: var(--tw-hf-muted) !important;
    font-size: .82rem !important;
    font-weight: 750 !important;
}

html body .tw-hf-suggestion-result {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 68px !important;
    padding: 8px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 15px !important;
    background: #fff !important;
    color: var(--tw-hf-ink) !important;
}

html body .tw-hf-suggestion-result:hover,
html body .tw-hf-suggestion-result:focus-within {
    border-color: rgba(7, 95, 247, .18) !important;
    background: #f5f9ff !important;
    color: var(--tw-hf-ink) !important;
    outline: none !important;
    box-shadow: none !important;
}

html body .tw-hf-suggestion-hit {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    color: var(--tw-hf-ink) !important;
    text-decoration: none !important;
    outline: none !important;
}

html body .tw-hf-suggestion-hit:focus-visible {
    border-radius: 10px !important;
    box-shadow: 0 0 0 2px rgba(7, 95, 247, .18) !important;
}

html body .tw-hf-suggestion-media {
    display: grid !important;
    place-items: center !important;
    width: 54px !important;
    height: 54px !important;
    overflow: hidden !important;
    border: 1px solid #e1e9f4 !important;
    border-radius: 13px !important;
    background: #f7faff !important;
    color: var(--tw-hf-blue) !important;
    font-size: .84rem !important;
    font-weight: 900 !important;
}

html body .tw-hf-suggestion-media img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: calc(100% - 8px) !important;
    max-height: calc(100% - 8px) !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 0 !important;
}

html body .tw-hf-suggestion-copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

html body .tw-hf-suggestion-copy strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--tw-hf-ink) !important;
    font-size: .96rem !important;
    font-weight: 850 !important;
    line-height: 1.24 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .tw-hf-suggestion-copy small {
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--tw-hf-muted) !important;
    font-size: .81rem !important;
    font-weight: 620 !important;
    line-height: 1.3 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .tw-hf-suggestion-copy em {
    width: fit-content !important;
    margin-top: 1px !important;
    color: var(--tw-hf-blue) !important;
    font-size: .72rem !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

html body .tw-hf-suggestion-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    flex: 0 0 auto !important;
}

html body .tw-hf-suggestion-collection.twcw-button {
    display: grid !important;
    place-items: center !important;
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dce5f2 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #071735 !important;
    box-shadow: none !important;
    transform: none !important;
}

html body .tw-hf-suggestion-collection.twcw-button svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
}

html body .tw-hf-suggestion-collection.twcw-button:hover,
html body .tw-hf-suggestion-collection.twcw-button:focus-visible,
html body .tw-hf-suggestion-collection.twcw-button[aria-pressed="true"] {
    border-color: rgba(7, 95, 247, .34) !important;
    background: #eef6ff !important;
    color: var(--tw-hf-blue) !important;
    outline: none !important;
}

html body .tw-hf-suggestion-collection.twcw-button:focus-visible {
    box-shadow: 0 0 0 3px rgba(7, 95, 247, .12) !important;
}

html body .tw-hf-suggestion-arrow {
    display: grid !important;
    place-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    color: var(--tw-hf-blue) !important;
    font-size: .94rem !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    outline: none !important;
}

html body .tw-hf-suggestion-arrow:hover,
html body .tw-hf-suggestion-arrow:focus-visible {
    background: #eaf3ff !important;
    color: var(--tw-hf-blue) !important;
}

html body .tw-hf-suggestion-open {
    width: 100% !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    font: inherit !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-top: 2px !important;
    padding: 11px 12px !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
    color: var(--tw-hf-ink) !important;
    text-decoration: none !important;
}

html body .tw-hf-suggestion-open:hover,
html body .tw-hf-suggestion-open:focus-visible {
    border-color: rgba(7, 95, 247, .22) !important;
    background: #eef6ff !important;
    outline: none !important;
}

html body .tw-hf-suggestion-open > span {
    display: grid !important;
    gap: 3px !important;
}

html body .tw-hf-suggestion-open strong {
    color: var(--tw-hf-ink) !important;
    font-size: .89rem !important;
    font-weight: 830 !important;
    line-height: 1.3 !important;
}

html body .tw-hf-suggestion-open small {
    color: var(--tw-hf-muted) !important;
    font-size: .78rem !important;
    font-weight: 620 !important;
}

html body .tw-hf-suggestion-open b {
    color: var(--tw-hf-blue) !important;
    font-size: 1rem !important;
}

html body .tw-hf-suggestion-state {
    display: grid !important;
    gap: 4px !important;
    padding: 16px 14px !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
}

html body .tw-hf-suggestion-state strong {
    color: var(--tw-hf-ink) !important;
    font-size: .92rem !important;
    font-weight: 850 !important;
}

html body .tw-hf-suggestion-state span {
    color: var(--tw-hf-muted) !important;
    font-size: .82rem !important;
    font-weight: 620 !important;
    line-height: 1.45 !important;
}

/* Im Menü dieselbe Suchlogik, aber enger an die Seitenleiste angepasst. */
html body .tw-hf-panel .tw-hf-suggestions {
    max-height: min(430px, 55vh) !important;
}

html body .tw-hf-panel .tw-hf-suggestion-result {
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 60px !important;
    gap: 7px !important;
}

html body .tw-hf-panel .tw-hf-suggestion-hit {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 10px !important;
}

html body .tw-hf-panel .tw-hf-suggestion-media {
    width: 46px !important;
    height: 46px !important;
    border-radius: 11px !important;
}

html body .tw-hf-panel .tw-hf-suggestion-collection.twcw-button {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
}

html body .tw-hf-panel .tw-hf-suggestion-collection.twcw-button svg {
    width: 14px !important;
    height: 14px !important;
}

/* Optische Linie: Scope | Suchtext | Lupe immer vollständig getrennt. */
html body .tw-hf-search > .tw-hf-scope-button {
    border-right: 1px solid var(--tw-hf-line) !important;
}
html body .tw-hf-search > input[data-tw-hf-query] {
    border-right: 0 !important;
}
html body .tw-hf-search > .tw-hf-search-submit {
    border-left: 1px solid var(--tw-hf-line) !important;
}

/* Der Hamburger sitzt optisch exakt auf der Text-Baseline. */
html body .tw-hf-menu-button svg {
    transform: translateY(2px) !important;
}

/* Saubere Umbruchlogik in allen zentralen ToolWissen-Komponenten. */
:where(.tw-home, .tw-ratgeber, .tw-blog-hero, .tw-blog-content, .twlc24, .twtd, .twmv) :where(h1, h2, h3) {
    text-wrap: balance;
}
:where(.tw-home, .tw-ratgeber, .tw-blog-content, .twlc24, .twtd, .twmv) :where(p, li, strong) {
    text-wrap: pretty;
}

@media (max-width: 720px) {
    html body .tw-hf-suggestions {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: 116px !important;
        max-height: min(520px, calc(100vh - 140px)) !important;
        border-radius: 18px !important;
    }

    html body.admin-bar .tw-hf-suggestions {
        top: 148px !important;
    }

    html body .tw-hf-suggestion-result {
        grid-template-columns: minmax(0, 1fr) auto !important;
        min-height: 62px !important;
        gap: 6px !important;
    }

    html body .tw-hf-suggestion-hit {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    html body .tw-hf-suggestion-media {
        width: 48px !important;
        height: 48px !important;
    }

    html body .tw-hf-suggestion-actions {
        gap: 4px !important;
    }

    html body .tw-hf-suggestion-collection.twcw-button {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
    }

    html body .tw-hf-suggestion-collection.twcw-button svg {
        width: 14px !important;
        height: 14px !important;
    }
}


/* v1.0 Suchbereich im Menü: kompakt, aber auf kleinen Smartphones bewusst 3+2 statt 4+1. */
.tw-hf-panel .tw-hf-filter-panel{
    gap:.45rem;
    padding:.6rem;
}
.tw-hf-panel .tw-hf-filter-panel button{
    min-height:34px;
    padding:.36rem .68rem;
    font-size:.92rem;
    line-height:1.08;
    white-space:nowrap;
}
@media (max-width: 420px){
    .tw-hf-panel .tw-hf-filter-panel{
        display:grid;
        grid-template-columns:repeat(6,minmax(0,1fr));
        gap:.42rem;
        width:100%;
        max-height:none;
        overflow:visible;
        padding:.55rem;
    }
    .tw-hf-panel .tw-hf-filter-panel button{
        grid-column:span 2;
        width:100%;
        min-width:0;
        padding:.42rem .35rem;
        font-size:.86rem;
        text-align:center;
    }
    .tw-hf-panel .tw-hf-filter-panel button:nth-child(n+4){
        grid-column:span 3;
    }
}


/* v1.0.1 – zusätzliche Textausrichtung */
html.tw-a11y-align-center body,
html.tw-a11y-align-center body p,
html.tw-a11y-align-center body li,
html.tw-a11y-align-center body h1,
html.tw-a11y-align-center body h2,
html.tw-a11y-align-center body h3,
html.tw-a11y-align-center body h4,
html.tw-a11y-align-center body h5,
html.tw-a11y-align-center body h6,
html.tw-a11y-align-center body small,
html.tw-a11y-align-center body span,
html.tw-a11y-align-center body blockquote,
html.tw-a11y-align-center body figcaption,
html.tw-a11y-align-center body input,
html.tw-a11y-align-center body textarea,
html.tw-a11y-align-center body select{
    text-align:center !important;
}

html.tw-a11y-align-right body,
html.tw-a11y-align-right body p,
html.tw-a11y-align-right body li,
html.tw-a11y-align-right body h1,
html.tw-a11y-align-right body h2,
html.tw-a11y-align-right body h3,
html.tw-a11y-align-right body h4,
html.tw-a11y-align-right body h5,
html.tw-a11y-align-right body h6,
html.tw-a11y-align-right body small,
html.tw-a11y-align-right body span,
html.tw-a11y-align-right body blockquote,
html.tw-a11y-align-right body figcaption,
html.tw-a11y-align-right body input,
html.tw-a11y-align-right body textarea,
html.tw-a11y-align-right body select{
    text-align:right !important;
}


/* ============================================================
   ToolWissen V1.0 – Footer-Harmonie, Seitensuche & echte Lupe
   ============================================================ */
.tw-hf-a11y-find{display:grid;gap:.5rem;padding:.55rem .5rem .65rem;border:1px solid #e2eaf5;border-radius:13px;background:#f8fbff}
.tw-hf-a11y-find h2{margin:0;color:var(--tw-hf-ink);font-size:.82rem;font-weight:900;line-height:1.2}
.tw-hf-a11y-find-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;overflow:hidden;border:1px solid #cedaea;border-radius:10px;background:#fff}
.tw-hf-a11y-find-form:focus-within{border-color:#76a9f5;box-shadow:0 0 0 3px rgba(7,95,247,.08)}
.tw-hf-a11y-find-form input{min-width:0;min-height:38px;padding:0 .65rem;border:0!important;outline:0!important;background:transparent!important;color:var(--tw-hf-ink)!important;box-shadow:none!important;font:inherit;font-size:.78rem}
.tw-hf-a11y-find-form button{display:grid!important;place-items:center!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:0!important;border-left:1px solid #e2eaf5!important;border-radius:0!important;background:#fff!important;color:var(--tw-hf-blue)!important}
.tw-hf-a11y-find-nav{display:grid;grid-template-columns:32px minmax(0,1fr) 32px auto;align-items:center;gap:.35rem}
.tw-hf-a11y-find-nav button{min-width:28px!important;min-height:28px!important;padding:0 .45rem!important;border-radius:8px!important;font-size:.74rem!important}
.tw-hf-a11y-find-nav button:nth-child(1),.tw-hf-a11y-find-nav button:nth-child(3){padding:0!important;font-size:1.2rem!important}
.tw-hf-a11y-find-nav span{min-width:0;color:#5e7190;font-size:.68rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tw-hf-find-hit{padding:.05em .12em;border-radius:.18em;background:#ffed92;color:#071735;box-shadow:0 0 0 1px rgba(160,115,0,.12)}
.tw-hf-find-hit.is-current{background:#ffd44f;box-shadow:0 0 0 3px rgba(7,95,247,.22)}

.tw-hf-magnifier{position:fixed;z-index:10020;width:var(--tw-a11y-magnifier-size,240px);height:var(--tw-a11y-magnifier-size,240px);overflow:hidden;border:var(--tw-a11y-magnifier-border,3px) solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(7,95,247,.72),0 18px 48px rgba(7,23,53,.24);pointer-events:none;contain:layout paint style}
.tw-hf-magnifier[hidden]{display:none!important}
.tw-hf-magnifier-content{display:grid;place-items:center;width:100%;height:100%;padding:18px;background:#fff;color:#071735;transform:scale(var(--tw-a11y-magnifier-scale,1.8));transform-origin:center center;overflow:hidden}
.tw-hf-magnifier-content>*{max-width:100%!important;max-height:100%!important;margin:0!important;box-shadow:none!important;transform:none!important}
.tw-hf-magnifier-content img{width:auto!important;height:auto!important;object-fit:contain!important}
.tw-hf-magnifier-content :is(p,li,a,button,label,h1,h2,h3,h4,h5,h6){color:#071735!important;background:#fff!important;font-family:inherit!important;text-align:left!important}

.tw-hf-reading-guide{position:fixed;z-index:10016;left:0;right:0;height:var(--tw-a11y-reading-guide-height,64px);border-top:1px solid rgba(7,95,247,.35);border-bottom:1px solid rgba(7,95,247,.35);background:rgba(238,246,255,var(--tw-a11y-reading-guide-opacity,.14));box-shadow:0 0 24px rgba(7,95,247,.05);pointer-events:none}
.tw-hf-reading-guide[hidden]{display:none!important}
.tw-hf-crosshair{position:fixed;z-index:10015;inset:0;pointer-events:none}
.tw-hf-crosshair[hidden]{display:none!important}
.tw-hf-crosshair::before,.tw-hf-crosshair::after{content:"";position:fixed;background:rgba(7,95,247,var(--tw-a11y-crosshair-opacity,.28))}
.tw-hf-crosshair::before{left:var(--tw-pointer-x,50vw);top:0;bottom:0;width:var(--tw-a11y-crosshair-size,1px)}
.tw-hf-crosshair::after{top:var(--tw-pointer-y,50vh);left:0;right:0;height:var(--tw-a11y-crosshair-size,1px)}

@media(max-width:720px){
  .tw-hf-magnifier{width:min(var(--tw-a11y-magnifier-size,240px),52vw);height:min(var(--tw-a11y-magnifier-size,240px),52vw)}
}
@media(prefers-reduced-motion:reduce){.tw-hf-find-hit{scroll-behavior:auto}}

/* ============================================================
   ToolWissen v1.0 – Footer final konsolidiert 19.08.2026
   Desktop: 5 logisch gewichtete Spalten.
   Tablet: Markenblock vollbreit + 2x2 Navigationsraster.
   Mobile: klare Einspalten-Struktur.
   Untere Leiste bleibt robust und überlauffrei.
   ============================================================ */
.tw-hf-footer{
  width:100%!important;
  max-width:100%!important;
  margin-top:0!important;
  border-top:1px solid #cbdcf2!important;
  background:linear-gradient(180deg,#eaf3ff 0%,#e2eefc 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
  overflow-x:clip!important;
}
.tw-hf-footer-inner{
  display:grid!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(220px,1.12fr) repeat(4,minmax(0,.82fr))!important;
  column-gap:clamp(1.25rem,2.1vw,2.8rem)!important;
  row-gap:1.5rem!important;
  width:min(calc(100% - 3rem),1740px)!important;
  max-width:calc(100% - 3rem)!important;
  margin:0 auto!important;
  padding-top:clamp(2.2rem,2.7vw,2.9rem)!important;
  padding-bottom:1.55rem!important;
}
/* Der Newsletter wurde unverändert aus der fertigen Detailseiten-Komponente in den globalen Footer verschoben. */
.tw-hf-footer .tw-newsletter-v4{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 .25rem!important;
}
.tw-hf-footer .tw-newsletter-v4-card{
  box-sizing:border-box!important;
  width:100%!important;
  padding:34px 42px!important;
  overflow:hidden!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 8% 20%,rgba(0,102,255,.10),transparent 26%),linear-gradient(135deg,#f7fbff 0%,#eef5ff 100%)!important;
  box-shadow:none!important;
}
.tw-hf-footer .tw-newsletter-v4-layout{
  display:grid!important;
  width:100%!important;
  grid-template-columns:82px minmax(360px,1fr) minmax(520px,.95fr)!important;
  gap:30px!important;
  align-items:center!important;
}
.tw-hf-footer .tw-newsletter-v4-icon{
  display:flex!important;
  width:68px!important;
  height:68px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(0,102,255,.12)!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#0066ff!important;
  box-shadow:none!important;
}
.tw-hf-footer .tw-newsletter-v4-icon svg{width:34px!important;height:34px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
.tw-hf-footer .tw-newsletter-v4-copy,.tw-hf-footer .tw-newsletter-v4-form{min-width:0!important}
.tw-hf-footer .tw-newsletter-v4-title{margin:0 0 9px!important;color:#071735!important;font-size:28px!important;font-weight:850!important;line-height:1.12!important;letter-spacing:-.035em!important}
.tw-hf-footer .tw-newsletter-v4-text{max-width:680px!important;margin:0!important;color:#475569!important;font-size:15.5px!important;font-weight:520!important;line-height:1.55!important}
.tw-hf-footer .tw-newsletter-v4-row{display:grid!important;width:100%!important;grid-template-columns:minmax(0,1fr) 210px!important;gap:14px!important;align-items:center!important}
.tw-hf-footer .tw-newsletter-v4-input{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:54px!important;padding:0 18px!important;border:1px solid rgba(15,23,42,.18)!important;border-radius:13px!important;outline:none!important;background:#fff!important;color:#071735!important;font:inherit!important;font-size:15.5px!important;font-weight:520!important;box-shadow:none!important;transition:border-color .18s ease!important}
.tw-hf-footer .tw-newsletter-v4-input::placeholder{color:#7b8798!important}
.tw-hf-footer .tw-newsletter-v4-input:focus{border-color:rgba(0,102,255,.52)!important;outline:2px solid rgba(0,102,255,.18)!important;outline-offset:1px!important;box-shadow:none!important}
.tw-hf-footer .tw-newsletter-v4-button,.tw-hf-footer .tw-newsletter-v4-button:hover,.tw-hf-footer .tw-newsletter-v4-button:focus,.tw-hf-footer .tw-newsletter-v4-button:active{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;width:100%!important;height:54px!important;align-items:center!important;justify-content:center!important;padding:0 24px!important;border:0!important;border-color:transparent!important;border-radius:13px!important;background:#0066ee!important;color:#fff!important;cursor:pointer!important;font:inherit!important;font-size:15px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}
.tw-hf-footer .tw-newsletter-v4-button:hover,.tw-hf-footer .tw-newsletter-v4-button:focus-visible{background:#0057db!important;transform:translateY(-1px)!important;outline:none!important}

/* Desktop/Tablet: CTA-Typografie an „Filter anwenden“ angleichen; Mobile bleibt unverändert. */
@media(min-width:681px){
  .tw-hf-footer .tw-newsletter-v4-button,
  .tw-hf-footer .tw-newsletter-v4-button:hover,
  .tw-hf-footer .tw-newsletter-v4-button:focus,
  .tw-hf-footer .tw-newsletter-v4-button:active{font-weight:700!important}
}
.tw-hf-footer .tw-newsletter-v4-privacy{display:flex!important;align-items:center!important;gap:9px!important;margin:17px 0 0!important;color:#5f6f84!important;font-size:12.8px!important;font-weight:520!important;line-height:1.32!important;white-space:nowrap!important}
.tw-hf-footer .tw-newsletter-v4-privacy input[type="checkbox"]{flex:0 0 15px!important;width:15px!important;height:15px!important;margin:0!important;align-self:center!important;accent-color:#0066ff!important;cursor:pointer!important}
.tw-hf-footer .tw-newsletter-v4-privacy span{display:block!important;min-width:0!important;white-space:nowrap!important}
.tw-hf-footer .tw-newsletter-v4-privacy a{color:#0066ff!important;font-weight:800!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}
.tw-hf-footer .tw-newsletter-v4-privacy a:hover{text-decoration:underline!important}
.tw-hf-footer .tw-newsletter-v4-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

/* Desktop-Feinschliff 19.08.2026: Newsletter und Footer-Abstände als ein zusammenhängendes Raster.
   Ausschließlich Desktop ab 1181 px – Tablet und Mobile bleiben unverändert. */
@media(min-width:1181px){
  .tw-hf-footer-inner{
    row-gap:1.2rem!important;
    padding-top:2rem!important;
    padding-bottom:1.9rem!important;
  }
  .tw-hf-footer .tw-newsletter-v4{
    /* Bewusster Desktop-Abstand zwischen Newsletter-Karte und Navigationsspalten.
       Nur hier lösen, statt den globalen Grid-Gap oder andere Breakpoints anzufassen. */
    margin:0 0 1.42rem!important;
  }
  .tw-hf-footer .tw-newsletter-v4-card{
    padding:27px 36px!important;
    border-color:rgba(170,194,226,.72)!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.56) 0%,rgba(244,249,255,.48) 100%)!important;
    box-shadow:0 10px 28px rgba(44,83,135,.045)!important;
  }
  .tw-hf-footer .tw-newsletter-v4-layout{
    grid-template-columns:64px minmax(360px,1.02fr) minmax(540px,.98fr)!important;
    gap:22px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-icon{
    width:56px!important;
    height:56px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.88)!important;
  }
  .tw-hf-footer .tw-newsletter-v4-icon svg{
    width:22px!important;
    height:22px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-title{
    margin-bottom:6px!important;
    font-size:26px!important;
    line-height:1.1!important;
  }
  .tw-hf-footer .tw-newsletter-v4-text{
    max-width:610px!important;
    font-size:15px!important;
    line-height:1.46!important;
  }
  .tw-hf-footer .tw-newsletter-v4-row{
    grid-template-columns:minmax(0,1fr) 202px!important;
    gap:12px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-input,
  .tw-hf-footer .tw-newsletter-v4-button{
    height:52px!important;
    min-height:52px!important;
    border-radius:12px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-privacy{
    gap:8px!important;
    margin-top:16px!important;
    font-size:12.5px!important;
    line-height:1.3!important;
  }
}
.tw-hf-footer-brand,
.tw-hf-footer-col,
.tw-hf-footer-bottom{
  min-width:0!important;
}
.tw-hf-footer-brand p{
  max-width:35ch!important;
  margin-top:.9rem!important;
  color:#29466f!important;
  font-size:.98rem!important;
  font-weight:620!important;
  line-height:1.52!important;
  text-wrap:pretty!important;
}
.tw-hf-footer-col{
  display:grid!important;
  align-content:start!important;
  gap:.8rem!important;
}
.tw-hf-footer-col-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#071735!important;
  font:inherit!important;
  text-align:left!important;
  cursor:default!important;
}
.tw-hf-footer-col-title{
  display:block!important;
  font-size:1.08rem!important;
  font-weight:850!important;
  line-height:1.2!important;
}
.tw-hf-footer-col-icon,
.tw-hf-footer-disclaimer-icon{display:none!important}
.tw-hf-footer-col-title-wrap{display:block!important;min-width:0!important;flex:1 1 auto!important}
.tw-hf-footer-disclaimer-content{display:block!important;min-width:0!important}
.tw-hf-footer-col-chevron{
  display:none!important;
  width:1.15rem!important;
  height:1.15rem!important;
  color:#0d63f3!important;
  flex:0 0 auto!important;
}
.tw-hf-footer-col-chevron svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
  transition:transform .22s ease!important;
}
.tw-hf-footer-col.is-open .tw-hf-footer-col-chevron svg{transform:rotate(180deg)!important}
.tw-hf-footer-col-links{
  display:grid!important;
  align-content:start!important;
  gap:.72rem!important;
}
.tw-hf-footer-col h2{
  margin:0 0 .22rem!important;
}
.tw-hf-footer-col a,
.tw-hf-footer-col button{
  color:#35547d!important;
  font-size:1.02rem!important;
  line-height:1.4!important;
}
.tw-hf-footer-col a::before{background:#79a7e5!important}

.tw-hf-a11y{
  right:max(.55rem,env(safe-area-inset-right))!important;
  bottom:max(.55rem,env(safe-area-inset-bottom))!important;
}
.tw-hf-a11y-toggle{
  width:44px!important;
  min-width:44px!important;
  min-height:44px!important;
}

.tw-hf-footer-bottom{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:max-content minmax(260px,1fr) max-content max-content!important;
  align-items:center!important;
  column-gap:clamp(.85rem,1.25vw,1.45rem)!important;
  row-gap:.35rem!important;
  margin-top:.7rem!important;
  padding-top:1.35rem!important;
  border-top:1px solid rgba(186,208,239,.78)!important;
}
.tw-hf-footer-copyright,
.tw-hf-footer-disclaimer,
.tw-hf-footer-cookie-link,
.tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{
  min-width:0!important;
  margin:0!important;
  color:#49688f!important;
}
.tw-hf-footer-copyright{
  font-size:.96rem!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
.tw-hf-footer-disclaimer{
  min-width:0!important;
  max-width:none!important;
  padding:0 .35rem!important;
  font-size:.9rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:center!important;
  text-wrap:balance!important;
  white-space:normal!important;
}
.tw-hf-footer-cookie-link{
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.42rem!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#35547d!important;
  font:inherit!important;
  font-size:.92rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.tw-hf-footer-cookie-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:1.15rem!important;
  height:1.15rem!important;
  color:#0d63f3!important;
  flex:0 0 auto!important;
}
.tw-hf-footer-cookie-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.85!important;
}
.tw-hf-footer-cookie-link:hover,
.tw-hf-footer-cookie-link:focus-visible{
  color:#0b67ef!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
  outline:none!important;
}
.tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.42rem!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:.92rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.tw-hf-footer-a11y-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:1.15rem!important;
  height:1.15rem!important;
  color:#0d63f3!important;
  flex:0 0 auto!important;
}
.tw-hf-footer-a11y-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.85!important;
}
.tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:hover,
.tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:focus-visible{
  color:#0b67ef!important;
  text-decoration:underline!important;
  outline:none!important;
}
.tw-hf-footer-bottom-links{display:none!important}

/* Theme-/Seiten-Abstände vor dem globalen Footer neutralisieren. */
body.home .tw-home ~ .tw-hf-footer,
body:has(.twmv-watch-page) .tw-hf-footer,
body:has(.twmv-compare-page) .tw-hf-footer,
body:has(.twtools) .tw-hf-footer{
  margin-top:0!important;
}

/* Die mobile Barrierefreiheits-Karte darf auf Desktop/Tablet niemals erscheinen. */
@media(min-width:721px){
  .tw-hf-footer .tw-hf-footer-inner > .tw-hf-footer-col-a11y-mobile{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
}

/* Tablet/iPad 19.08.2026 – final konsolidiert.
   Ziel: ein ruhiger Footer mit identischem Abstandsrhythmus, kompaktem 2x2-Raster
   und nur einem Barrierefreiheits-Einstieg im Abschluss. */
@media(min-width:721px) and (max-width:1180px){
  /* Header auf Tablet vollständig deckend halten. */
  .tw-hf-header{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .tw-hf-inner{grid-template-columns:auto 1fr auto!important;width:min(100% - 2rem,1080px)!important;min-height:76px!important;gap:1rem!important}
  .tw-hf-header > .tw-hf-inner > .tw-hf-search-wrap{display:none!important}
  .tw-hf-logo{font-size:1.82rem!important}
  .tw-hf-actions{gap:.38rem!important}

  /* Tablet-Footer: eigenständiges, ruhiges 2-Spalten-System nach der freigegebenen Referenz. */
  .tw-hf-footer{
    border-top:1px solid #cfddf0!important;
    border-radius:24px 24px 0 0!important;
    overflow:hidden!important;
  }
  .tw-hf-footer-inner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:1.05rem!important;
    row-gap:1.16rem!important;
    width:min(calc(100% - 1.55rem),1040px)!important;
    padding-top:1.35rem!important;
    padding-bottom:1.1rem!important;
  }

  /* Newsletter auf Tablet: ohne Icon, zweizeilige Überschrift, danach Formzeile. */
  .tw-hf-footer .tw-newsletter-v4{
    grid-column:1/-1!important;
    margin:0 0 .12rem!important;
  }
  .tw-hf-footer .tw-newsletter-v4-card{
    padding:20px 22px!important;
    border:1px solid rgba(173,201,236,.82)!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(243,248,255,.64))!important;
    box-shadow:none!important;
  }
  .tw-hf-footer .tw-newsletter-v4-layout{
    grid-template-areas:"copy" "form"!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
  }
  .tw-hf-footer .tw-newsletter-v4-icon{display:none!important}
  .tw-hf-footer .tw-newsletter-v4-copy{grid-area:copy!important;min-width:0!important}
  .tw-hf-footer .tw-newsletter-v4-form{grid-area:form!important;min-width:0!important}
  .tw-hf-footer .tw-newsletter-v4-title{
    max-width:520px!important;
    margin:0!important;
    color:#071735!important;
    font-size:17px!important;
    font-weight:820!important;
    line-height:1.28!important;
    letter-spacing:-.012em!important;
  }
  .tw-hf-footer .tw-newsletter-v4-title .tw-copy-desktop,
  .tw-hf-footer .tw-newsletter-v4-title .tw-copy-mobile{display:none!important}
  .tw-hf-footer .tw-newsletter-v4-title .tw-copy-tablet,
  .tw-hf-footer .tw-newsletter-v4-title-tablet{display:inline!important}
  .tw-hf-footer .tw-newsletter-v4-text{display:none!important}
  .tw-hf-footer .tw-newsletter-v4-row{
    grid-template-columns:minmax(0,1fr) minmax(190px,235px)!important;
    gap:12px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-input,
  .tw-hf-footer .tw-newsletter-v4-button{
    height:48px!important;
    min-height:48px!important;
    border-radius:12px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-input{padding:0 16px!important;font-size:14px!important}
  .tw-hf-footer .tw-newsletter-v4-button{font-size:14px!important;padding:0 18px!important}
  .tw-hf-footer .tw-newsletter-v4-privacy{
    display:grid!important;
    grid-template-columns:15px minmax(0,1fr)!important;
    column-gap:9px!important;
    align-items:start!important;
    width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    font-size:12px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }
  .tw-hf-footer .tw-newsletter-v4-privacy input[type="checkbox"]{width:15px!important;height:15px!important;min-width:15px!important;margin:1px 0 0!important}
  .tw-hf-footer .tw-newsletter-v4-privacy span{white-space:normal!important}

  /* Markenleiste exakt als ruhige Logo-/Nutzen-Zeile. */
  .tw-hf-footer-brand{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(270px,.72fr)!important;
    align-items:center!important;
    gap:1.4rem!important;
    min-height:92px!important;
    margin:0!important;
    padding:1.05rem 1.3rem!important;
    border:1px solid rgba(173,201,236,.82)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(243,248,255,.64))!important;
    box-shadow:none!important;
  }
  .tw-hf-footer-brand .tw-hf-logo{
    justify-self:start!important;
    align-self:center!important;
    font-size:2rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer-brand p{
    justify-self:end!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
  }
  .tw-hf-footer-brand .tw-copy-desktop,
  .tw-hf-footer-brand .tw-copy-mobile{display:none!important}
  .tw-hf-footer-brand .tw-copy-tablet.tw-hf-footer-brand-tablet{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.72rem!important;
  }
  .tw-hf-footer-brand-tablet-icon{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:50%!important;
    background:#eaf3ff!important;
    color:#0d63f3!important;
  }
  .tw-hf-footer-brand-tablet-icon svg{
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
  }
  .tw-hf-footer-brand-tablet-copy{
    display:grid!important;
    gap:.16rem!important;
    min-width:0!important;
  }
  .tw-hf-footer-brand .tw-copy-tablet-kicker{
    display:block!important;
    color:#071735!important;
    font-size:.9rem!important;
    font-weight:850!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer-brand .tw-copy-tablet-line{
    display:block!important;
    color:#35547d!important;
    font-size:.78rem!important;
    font-weight:560!important;
    line-height:1.3!important;
    white-space:nowrap!important;
  }

  /* Vier gleichwertige Navigationskarten. */
  .tw-hf-footer-col{
    align-self:stretch!important;
    min-height:144px!important;
    gap:0!important;
    align-content:start!important;
    padding:1.05rem 1.15rem!important;
    border:1px solid rgba(173,201,236,.82)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(243,248,255,.64))!important;
    box-shadow:none!important;
  }
  .tw-hf-footer-col-toggle{cursor:default!important}
  .tw-hf-footer-col-title{font-size:.98rem!important;font-weight:850!important;line-height:1.2!important}
  .tw-hf-footer-col-links{
    gap:.4rem!important;
    margin-top:.5rem!important;
    padding-top:.55rem!important;
    border-top:1px solid rgba(170,199,233,.74)!important;
  }
  .tw-hf-footer-col a,.tw-hf-footer-col button{font-size:.84rem!important;font-weight:620!important;line-height:1.35!important}
  .tw-hf-footer-col a::before{width:4px!important;height:4px!important;top:.62em!important}

  /* Die mobile Barrierefreiheits-Karte bleibt auf Tablet unsichtbar. */
  .tw-hf-footer .tw-hf-footer-inner > .tw-hf-footer-col-a11y-mobile{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Abschluss wie in der Referenz: Linie, Hinweis links / Barrierefreiheit rechts,
     zweite Linie und Copyright als letzte zentrierte Zeile. */
  .tw-hf-footer-bottom{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"disclaimer cookie a11y" "separator separator separator" "copyright copyright copyright"!important;
    align-items:center!important;
    column-gap:1.4rem!important;
    row-gap:0!important;
    margin-top:.52rem!important;
    padding-top:1.22rem!important;
    padding-right:0!important;
    padding-bottom:.12rem!important;
    border-top:1px solid rgba(170,199,233,.74)!important;
  }
  .tw-hf-footer-bottom::after{
    content:""!important;
    grid-area:separator!important;
    display:block!important;
    width:100%!important;
    height:0!important;
    margin:1.18rem 0 .96rem!important;
    border-top:1px solid rgba(170,199,233,.74)!important;
    background:transparent!important;
  }
  .tw-hf-footer-disclaimer{
    grid-area:disclaimer!important;
    justify-self:start!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0 0 0 1.55rem!important;
    color:#5f7695!important;
    font-size:.72rem!important;
    font-weight:560!important;
    line-height:1.3!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer-disclaimer .tw-copy-tablet{display:inline!important}
  .tw-hf-footer-disclaimer .tw-copy-desktop{display:none!important}
  .tw-hf-footer-cookie-link{
    grid-area:cookie!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.4rem!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#35547d!important;
    font-size:.74rem!important;
    font-weight:740!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer-cookie-icon{width:.98rem!important;height:.98rem!important;color:#0d63f3!important}
  .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{
    grid-area:a11y!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.43rem!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0 1.55rem 0 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#35547d!important;
    font-size:.76rem!important;
    font-weight:760!important;
    line-height:1.2!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer-copyright{
    grid-area:copyright!important;
    justify-self:stretch!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#6f84a1!important;
    font-size:.7rem!important;
    font-weight:560!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer-a11y-icon{width:1rem!important;height:1rem!important;color:#0d63f3!important}
  .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:hover{color:#0d63f3!important;text-decoration:none!important}
  .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:focus-visible{outline:2px solid rgba(13,99,243,.38)!important;outline-offset:3px!important;text-decoration:none!important}
}

/* Etwas kompakter auf iPad mini und ähnlich schmalen Tablets, ohne neues Layout. */
@media(min-width:721px) and (max-width:860px){
  .tw-hf-footer-inner{
    width:min(calc(100% - 1.25rem),830px)!important;
    column-gap:.84rem!important;
    row-gap:1rem!important;
    padding-top:1.16rem!important;
    padding-bottom:1.12rem!important;
  }
  .tw-hf-footer .tw-newsletter-v4-card{padding:18px 19px!important}
  .tw-hf-footer .tw-newsletter-v4-title{font-size:16px!important;max-width:470px!important}
  .tw-hf-footer .tw-newsletter-v4-row{grid-template-columns:minmax(0,1fr) minmax(180px,218px)!important;gap:10px!important}
  .tw-hf-footer .tw-newsletter-v4-input,.tw-hf-footer .tw-newsletter-v4-button{height:46px!important;min-height:46px!important}
  .tw-hf-footer .tw-newsletter-v4-privacy{font-size:11.7px!important;margin-top:13px!important}

  .tw-hf-footer-brand{
    min-height:86px!important;
    padding:.96rem 1.08rem!important;
    grid-template-columns:minmax(0,1fr) minmax(250px,.78fr)!important;
    gap:.9rem!important;
  }
  .tw-hf-footer-brand .tw-hf-logo{font-size:1.86rem!important}
  .tw-hf-footer-brand-tablet-icon{width:39px!important;height:39px!important;flex-basis:39px!important}
  .tw-hf-footer-brand-tablet-icon svg{width:20px!important;height:20px!important}
  .tw-hf-footer-brand .tw-copy-tablet-kicker{font-size:.84rem!important}
  .tw-hf-footer-brand .tw-copy-tablet-line{font-size:.73rem!important}

  .tw-hf-footer-col{min-height:136px!important;padding:.95rem 1.03rem!important}
  .tw-hf-footer-col-title{font-size:.94rem!important}
  .tw-hf-footer-col-links{gap:.36rem!important;margin-top:.45rem!important;padding-top:.5rem!important}
  .tw-hf-footer-col a,.tw-hf-footer-col button{font-size:.80rem!important}

  .tw-hf-footer-bottom{column-gap:1rem!important;margin-top:.48rem!important;padding-top:.96rem!important;padding-bottom:.1rem!important}
  .tw-hf-footer-bottom::after{margin:.9rem 0 .78rem!important}
  .tw-hf-footer-disclaimer{padding-left:1rem!important;font-size:.68rem!important}
  .tw-hf-footer-cookie-link{font-size:.68rem!important}
  .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{padding-right:1rem!important;font-size:.72rem!important}
  .tw-hf-footer-copyright{font-size:.67rem!important;padding:0!important}
}

.tw-copy-mobile{display:none!important}
.tw-copy-tablet{display:none!important}
.tw-copy-desktop{display:inline!important}

/* Mobile: Footer – kompakte Karten, saubere Öffnung und ruhiger Abschluss. */
@media(max-width:720px){
  .tw-copy-desktop{display:none!important}
  .tw-copy-mobile{display:inline!important}

  .tw-hf-footer{
    --tw-hf-mobile-total-gutter:clamp(1rem,5vw,1.35rem);
    --tw-hf-mobile-card-gap:clamp(.62rem,2.8vw,.74rem);
    --tw-hf-mobile-section-gap:clamp(.96rem,4.1vw,1.14rem);
    --tw-hf-mobile-small-gap:clamp(.72rem,3.1vw,.86rem);
    position:relative!important;
    border-top:1px solid #d7e5f6!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#eef6ff 0%,#eaf3fe 100%)!important;
  }
  /* Die alte dekorative Wellenfläche sah auf echten 360-px-Geräten wie ein Darstellungsfehler aus. */
  .tw-hf-footer::after{content:none!important;display:none!important}
  .tw-hf-footer-inner{
    position:relative!important;
    z-index:1!important;
    grid-template-columns:1fr!important;
    width:min(calc(100% - var(--tw-hf-mobile-total-gutter)),690px)!important;
    max-width:690px!important;
    row-gap:0!important;
    padding-top:clamp(1.28rem,5.3vw,1.5rem)!important;
    padding-bottom:clamp(1.16rem,4.9vw,1.34rem)!important;
  }

  /* Newsletter – gleiche seitliche Flucht wie alle Footer-Karten. */
  .tw-hf-footer .tw-newsletter-v4{
    grid-column:auto!important;
    order:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 var(--tw-hf-mobile-section-gap)!important;
  }
  .tw-hf-footer .tw-newsletter-v4-card{
    padding:21px 20px 20px!important;
    border:1px solid rgba(199,215,236,.92)!important;
    border-radius:22px!important;
    box-shadow:0 7px 20px rgba(55,91,136,.04)!important;
  }
  .tw-hf-footer .tw-newsletter-v4-layout{
    grid-template-areas:"icon" "copy" "form"!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-icon{
    grid-area:icon!important;
    width:54px!important;
    height:54px!important;
    border-radius:16px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-copy{grid-area:copy!important}
  .tw-hf-footer .tw-newsletter-v4-form{grid-area:form!important}
  .tw-hf-footer .tw-newsletter-v4-title{
    margin-bottom:8px!important;
    font-size:21px!important;
    line-height:1.14!important;
    text-wrap:balance!important;
  }
  .tw-hf-footer .tw-newsletter-v4-text{
    font-size:13.55px!important;
    line-height:1.53!important;
    text-wrap:pretty!important;
  }
  .tw-hf-footer .tw-newsletter-v4-row{grid-template-columns:1fr!important;gap:11px!important}
  .tw-hf-footer .tw-newsletter-v4-input,
  .tw-hf-footer .tw-newsletter-v4-button{height:49px!important;min-height:49px!important}
  .tw-hf-footer .tw-newsletter-v4-privacy{
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr)!important;
    column-gap:9px!important;
    align-items:start!important;
    margin-top:16px!important;
    padding:0 1px!important;
    font-size:12.25px!important;
    line-height:1.46!important;
    white-space:normal!important;
    text-wrap:pretty!important;
  }
  .tw-hf-footer .tw-newsletter-v4-privacy input[type="checkbox"]{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    margin-top:2px!important;
  }
  .tw-hf-footer .tw-newsletter-v4-privacy span{white-space:normal!important}

  /* Akkordeon: geschlossene und geöffnete Karten bleiben auf exakt derselben Flucht. */
  .tw-hf-footer-col{
    order:2!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 var(--tw-hf-mobile-card-gap)!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(199,215,236,.94)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 6px 18px rgba(55,91,136,.04)!important;
  }
  .tw-hf-footer-col-toggle{
    cursor:pointer!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 24px!important;
    align-items:center!important;
    gap:.8rem!important;
    width:100%!important;
    min-height:clamp(60px,17vw,64px)!important;
    margin:0!important;
    padding:clamp(.4rem,1.55vw,.5rem) clamp(.76rem,3.2vw,.9rem)!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  .tw-hf-footer-col-icon{
    display:grid!important;
    place-items:center!important;
    width:clamp(38px,10.8vw,40px)!important;
    height:clamp(38px,10.8vw,40px)!important;
    border-radius:999px!important;
    background:#edf4fd!important;
    color:#1668f3!important;
    flex:0 0 auto!important;
  }
  .tw-hf-footer-col-icon svg,
  .tw-hf-footer-a11y-icon svg,
  .tw-hf-footer-disclaimer-icon svg{
    display:block!important;
    width:21px!important;
    height:21px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .tw-hf-footer-col-title-wrap{display:block!important;min-width:0!important}
  .tw-hf-footer-col-title{
    display:block!important;
    font-size:clamp(.96rem,4.15vw,1.02rem)!important;
    font-weight:850!important;
    line-height:1.16!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
  }
  .tw-hf-footer-col-chevron{
    display:grid!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    color:#1668f3!important;
    justify-self:end!important;
  }
  .tw-hf-footer-col-chevron svg{
    width:19px!important;
    height:19px!important;
    stroke-width:2.3!important;
    transition:transform .18s ease!important;
  }
  .tw-hf-footer-col.is-open .tw-hf-footer-col-chevron svg{transform:rotate(180deg)!important}

  /* Geöffnet: kein zweiter "Kasten" – die Linkzeilen gehören sichtbar zur selben Karte. */
  .tw-hf-footer-col-links{
    display:grid!important;
    gap:0!important;
    margin:0!important;
    padding:0 .88rem .48rem 3.68rem!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .tw-hf-footer-col:not(.is-open) .tw-hf-footer-col-links{display:none!important}
  .tw-hf-footer-col.is-open .tw-hf-footer-col-toggle{min-height:clamp(56px,15.7vw,59px)!important;padding-bottom:.36rem!important}
  .tw-hf-footer-col-links a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.78rem!important;
    min-height:36px!important;
    margin:0!important;
    padding:.44rem .08rem!important;
    border-top:1px solid rgba(200,216,237,.78)!important;
    color:#27476f!important;
    font-size:.82rem!important;
    font-weight:650!important;
    line-height:1.25!important;
    text-decoration:none!important;
  }
  .tw-hf-footer-col-links a::before{content:none!important;display:none!important}
  .tw-hf-footer-col-links a::after{
    content:"›"!important;
    display:block!important;
    flex:0 0 auto!important;
    margin-left:auto!important;
    color:#1668f3!important;
    font-size:1.18rem!important;
    font-weight:500!important;
    line-height:1!important;
  }
  .tw-hf-footer-col-links a:hover,
  .tw-hf-footer-col-links a:focus-visible{color:#0d63f3!important;text-decoration:none!important}

  .tw-hf-footer-col-a11y-mobile{display:block!important;order:2.5!important;width:100%!important;max-width:none!important;margin:0 0 var(--tw-hf-mobile-card-gap)!important}
  .tw-hf-footer-col-a11y-mobile .tw-hf-footer-col-a11y-mobile-toggle{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 24px!important;
    align-items:center!important;
    gap:.8rem!important;
    width:100%!important;
    min-height:clamp(60px,17vw,64px)!important;
    margin:0!important;
    padding:clamp(.4rem,1.55vw,.5rem) clamp(.76rem,3.2vw,.9rem)!important;
    border:0!important;
    background:transparent!important;
    color:var(--tw-hf-text)!important;
    text-align:left!important;
  }
  .tw-hf-footer-col-a11y-mobile .tw-hf-footer-col-icon{
    width:clamp(38px,10.8vw,40px)!important;
    height:clamp(38px,10.8vw,40px)!important;
    background:#edf4ff!important;
    color:#1668f3!important;
  }
  .tw-hf-footer-col-a11y-mobile .tw-hf-footer-col-icon svg{width:21px!important;height:21px!important;stroke-width:1.9!important}
  .tw-hf-footer-col-a11y-mobile .tw-hf-footer-col-title{
    color:var(--tw-hf-text)!important;
    font-size:clamp(.96rem,4.15vw,1.02rem)!important;
    font-weight:860!important;
    line-height:1.16!important;
  }
  .tw-hf-footer-col-a11y-mobile .tw-hf-footer-col-a11y-mobile-arrow{
    justify-self:end!important;
    display:grid!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    color:#1668f3!important;
  }

  /* Brandblock – klare Trennung, identische Außenkante wie die Karten. */
  .tw-hf-footer-brand{
    order:3!important;
    display:block!important;
    margin:0!important;
    padding:var(--tw-hf-mobile-section-gap) 0 var(--tw-hf-mobile-section-gap)!important;
    border-top:1px solid rgba(187,207,234,.9)!important;
    border-bottom:0!important;
  }
  .tw-hf-footer-brand .tw-hf-logo{
    font-size:2.36rem!important;
    line-height:.96!important;
    letter-spacing:-.028em!important;
  }
  .tw-hf-footer-brand p{
    width:100%!important;
    max-width:none!important;
    margin:var(--tw-hf-mobile-small-gap) 0 0!important;
    color:#324f78!important;
    font-size:.96rem!important;
    font-weight:560!important;
    line-height:1.55!important;
    text-wrap:pretty!important;
  }
  .tw-hf-footer-brand-mobile{display:block!important}
  .tw-hf-mobile-brand-copy{display:grid!important;gap:.12rem!important;max-width:34ch!important}
  .tw-hf-mobile-brand-copy>span{display:block!important;text-wrap:pretty!important}
  .tw-hf-mobile-brand-copy--narrow{display:none!important}

  .tw-hf-footer-bottom{
    order:4!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    align-items:start!important;
    justify-items:stretch!important;
    margin-top:.05rem!important;
    padding-top:0!important;
    border-top:0!important;
  }
  .tw-hf-footer-copyright,
  .tw-hf-footer-disclaimer,
  .tw-hf-footer-cookie-link,
  .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{width:100%!important;max-width:none!important}

  .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{display:none!important}

  /* Hinweisblock: genau zwei vollständige Zeilen, gleiche linke/rechte Flucht. */
  .tw-hf-footer-disclaimer{
    order:2!important;
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:center!important;
    gap:.78rem!important;
    margin-top:0!important;
    padding:clamp(.86rem,3.7vw,1rem) 0!important;
    color:#5a7398!important;
    font-size:.695rem!important;
    font-weight:540!important;
    line-height:1.45!important;
    text-align:left!important;
    white-space:normal!important;
    text-decoration:none!important;
    border-top:1px solid rgba(187,207,234,.9)!important;
    border-bottom:1px solid rgba(187,207,234,.9)!important;
  }
  .tw-hf-footer-disclaimer-icon{
    display:grid!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    margin:0 auto!important;
    border:2px solid rgba(89,135,201,.9)!important;
    border-radius:999px!important;
    color:#5f8cca!important;
  }
  .tw-hf-footer-disclaimer-icon svg{width:14px!important;height:14px!important;stroke-width:2!important}
  .tw-hf-footer-disclaimer-content{display:block!important;min-width:0!important}
  .tw-hf-mobile-disclaimer-copy{
    display:grid!important;
    gap:.05rem!important;
    width:100%!important;
    justify-items:start!important;
  }
  .tw-hf-mobile-disclaimer-copy>span{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}

  .tw-hf-footer-cookie-link{
    order:3!important;
    justify-self:center!important;
    width:auto!important;
    margin:var(--tw-hf-mobile-section-gap) auto 0!important;
    padding:.15rem 0!important;
    color:#355a84!important;
    font-size:.78rem!important;
    font-weight:720!important;
    line-height:1.25!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .tw-hf-footer-cookie-icon{width:1rem!important;height:1rem!important}

  .tw-hf-footer-copyright{
    order:4!important;
    margin:0!important;
    padding:var(--tw-hf-mobile-small-gap) 0 0!important;
    color:#5d7292!important;
    font-size:.74rem!important;
    font-weight:500!important;
    line-height:1.35!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
}

@media(max-width:390px){
  .tw-hf-mobile-brand-copy--standard{display:none!important}
  .tw-hf-mobile-brand-copy--narrow{display:grid!important;max-width:30ch!important}
}

/* ============================================================
   ToolWissen v1.0 – Desktop/Tablet Luftigkeit final 19.08.2026
   Ziel: nur etwas mehr vertikaler Atemraum auf Desktop und Tablet.
   Mobile bleibt bewusst unverändert. Bestehendes Layout, Farben,
   Linien, Texte und Funktionslogik werden nicht verändert.
   ============================================================ */
@media(min-width:1181px){
  .tw-hf-footer-inner{
    row-gap:1.45rem!important;
    padding-top:2.25rem!important;
    /* Desktop-Abschluss kompakter: weniger Leerraum unter der unteren Footerzeile. */
    padding-bottom:1.25rem!important;
  }
  .tw-hf-footer .tw-newsletter-v4{
    margin-bottom:1.65rem!important;
  }
  .tw-hf-footer-brand p{
    margin-top:1rem!important;
  }
  .tw-hf-footer-col{
    gap:.8rem!important;
  }
  .tw-hf-footer-col-links{
    gap:.78rem!important;
  }
  .tw-hf-footer-bottom{
    margin-top:.95rem!important;
    padding-top:1.55rem!important;
  }
}

@media(min-width:768px) and (max-width:1180px){
  .tw-hf-footer-inner{
    row-gap:1.32rem!important;
    padding-top:1.5rem!important;
    padding-bottom:1.35rem!important;
  }
  .tw-hf-footer .tw-newsletter-v4{
    margin-bottom:.28rem!important;
  }
  .tw-hf-footer-brand{
    min-height:98px!important;
    padding:1.15rem 1.3rem!important;
  }
  .tw-hf-footer-col{
    min-height:150px!important;
    padding:1.12rem 1.15rem!important;
  }
  .tw-hf-footer-bottom{
    margin-top:.72rem!important;
    padding-top:1.4rem!important;
    padding-bottom:.18rem!important;
  }
  .tw-hf-footer-bottom::after{
    margin:1.26rem 0 1.04rem!important;
  }
}

/* iPad mini / 820px-Klasse: luftiger, aber weiterhin kompakter als große Tablets. */
@media(min-width:768px) and (max-width:860px){
  .tw-hf-footer-inner{
    row-gap:1.12rem!important;
    padding-top:1.28rem!important;
    padding-bottom:1.28rem!important;
  }
  .tw-hf-footer-brand{
    min-height:90px!important;
    padding:1.04rem 1.08rem!important;
  }
  .tw-hf-footer-col{
    min-height:142px!important;
    padding:1.02rem 1.03rem!important;
  }
  .tw-hf-footer-bottom{
    margin-top:.62rem!important;
    padding-top:1.12rem!important;
    padding-bottom:.14rem!important;
  }
  .tw-hf-footer-bottom::after{
    margin:1.04rem 0 .9rem!important;
  }
}

/* ============================================================
   ToolWissen v1.0 – Footer Farb-/Hover-Feinschliff 19.08.2026
   Desktop + Tablet בלבד: bessere visuelle Hierarchie ohne Layout-
   Änderungen auf Mobile. Untere Desktop-Zeile minimal nach oben,
   Barrierefreiheits-Link ohne weißen Hover-Hintergrund.
   ============================================================ */
@media(min-width:721px){
  /* Überschriften etwas ruhiger/blauer, Links klar davon abgestuft. */
  .tw-hf-footer .tw-hf-footer-col-title{
    color:#294d78!important;
  }
  .tw-hf-footer .tw-hf-footer-col a{
    color:#355a84!important;
    transition:color .16s ease!important;
  }
  .tw-hf-footer .tw-hf-footer-col a::before{
    background:#79a7e5!important;
    transition:background-color .16s ease!important;
  }

  /* Gleicher Textlink-Hover wie auf der Startseite: Blau + feine Unterstreichung,
     ohne weiße Fläche, ohne roten Rand und ohne zusätzlichen Schatten. */
  .tw-hf-footer .tw-hf-footer-col a:hover,
  .tw-hf-footer .tw-hf-footer-col a:focus-visible{
    color:#0c4fdd!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:3px!important;
    outline:none!important;
  }
  .tw-hf-footer .tw-hf-footer-col a:hover::before,
  .tw-hf-footer .tw-hf-footer-col a:focus-visible::before{
    background:#1f66ff!important;
  }

  /* Das globale Button-Hover darf diese reinen Textlinks nicht weiß hinterlegen. */
  html body .tw-hf-footer .tw-hf-footer-cookie-link,
  html body .tw-hf-footer .tw-hf-footer-cookie-link:hover,
  html body .tw-hf-footer .tw-hf-footer-cookie-link:focus-visible,
  html body .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text,
  html body .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:hover,
  html body .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:focus-visible{
    background:transparent!important;
    background-color:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  html body .tw-hf-footer .tw-hf-footer-cookie-link:hover,
  html body .tw-hf-footer .tw-hf-footer-cookie-link:focus-visible,
  html body .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:hover,
  html body .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:focus-visible{
    color:#0c4fdd!important;
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:3px!important;
  }
}

/* Desktop-Abschluss: eine saubere Zeile mit vier klar getrennten Bereichen.
   Tablet und Mobile behalten ihre eigenständigen Footer-Layouts. */
@media(min-width:1181px){
  .tw-hf-footer .tw-hf-footer-bottom{
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr) max-content max-content!important;
    align-items:center!important;
    column-gap:0!important;
    row-gap:0!important;
  }
  .tw-hf-footer .tw-hf-footer-copyright,
  .tw-hf-footer .tw-hf-footer-disclaimer,
  .tw-hf-footer .tw-hf-footer-cookie-link,
  .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{
    font-family:inherit!important;
    font-size:.9rem!important;
    font-style:normal!important;
    font-weight:800!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    color:#49688f!important;
  }
  .tw-hf-footer .tw-hf-footer-copyright{
    justify-self:start!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer .tw-hf-footer-disclaimer{
    justify-self:center!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer .tw-hf-footer-cookie-link,
  .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    white-space:nowrap!important;
  }
  .tw-hf-footer .tw-hf-footer-disclaimer,
  .tw-hf-footer .tw-hf-footer-cookie-link,
  .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text{
    position:relative!important;
    margin-left:clamp(.8rem,1.05vw,1.2rem)!important;
    padding-left:clamp(.8rem,1.05vw,1.2rem)!important;
  }
  .tw-hf-footer .tw-hf-footer-disclaimer::before,
  .tw-hf-footer .tw-hf-footer-cookie-link::before,
  .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:50%!important;
    width:1px!important;
    height:1.05em!important;
    background:rgba(126,157,198,.68)!important;
    transform:translateY(-50%)!important;
  }
  .tw-hf-footer .tw-hf-footer-disclaimer:hover,
  .tw-hf-footer .tw-hf-footer-disclaimer:focus-visible,
  .tw-hf-footer .tw-hf-footer-cookie-link:hover,
  .tw-hf-footer .tw-hf-footer-cookie-link:focus-visible,
  .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:hover,
  .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:focus-visible{
    color:#0c4fdd!important;
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:3px!important;
    outline:none!important;
  }
}

/* ============================================================
   ToolWissen v1.0 – Mobile Stabilität + Footer-Hinweisicon
   19.08.2026 | ausschließlich Smartphones bis 720 px
   - verhindert horizontales Wegscrollen auf mobilen Seiten
   - schließt die off-screen Menüfläche sauber aus dem Viewport aus
   - feines Info-Symbol im Footer statt Dokument-/Doppelrand-Optik
   ============================================================ */
@media (max-width: 720px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  /* Der geschlossene Menü-Drawer darf keine horizontale Scrollfläche erzeugen. */
  .tw-hf-panel {
    right: 0 !important;
    width: min(100%, 420px) !important;
    max-width: 100% !important;
    transform: translate3d(104%,0,0) !important;
    will-change: transform;
  }
  .tw-hf-panel.is-open {
    transform: translate3d(0,0,0) !important;
  }

  /* Footer-Hinweis: genau ein feiner Kreis aus dem Icon selbst, kein Doppelrahmen. */
  .tw-hf-footer-disclaimer {
    grid-template-columns: 28px minmax(0,1fr) !important;
    gap: .72rem !important;
  }
  .tw-hf-footer-disclaimer-icon {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #4f83c8 !important;
    box-shadow: none !important;
  }
  .tw-hf-footer-disclaimer-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.55 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
}

@supports not (overflow: clip) {
  @media (max-width: 720px) {
    html,
    body { overflow-x: hidden !important; }
  }
}


/* Seitenweite Stabilität: horizontale Scroller gehören in ihre jeweiligen
   Inhaltscontainer (z. B. Vergleichstabelle), niemals auf die gesamte Seite. */
html, body {
  max-width:100%!important;
  overflow-x:clip!important;
}
.tw-hf-header,
.tw-hf-partner-note,
.tw-hf-footer {
  max-width:100%!important;
}
@supports not (overflow: clip) {
  html, body { overflow-x:hidden!important; }
}

/* ============================================================
   ToolWissen v1.0 – zentraler Partnerhinweis
   EINZIGE Quelle für /tools/, /merkliste/ und /tool-vergleich/.
   ============================================================ */
.tw-hf-partner-note{position:relative;z-index:20;width:100%;margin:0;border:0;border-bottom:1px solid #e7eef7;background:#f7faff;color:#25344d;font-family:inherit;box-sizing:border-box}
.tw-hf-partner-note__inner{display:flex;width:min(100%,1720px);min-height:44px;margin:0 auto;padding:5px clamp(18px,2.2vw,34px);align-items:center;justify-content:center;box-sizing:border-box}
.tw-hf-partner-copy{min-width:0;font-size:clamp(12px,.86vw,15.25px);font-weight:500;line-height:1.35;text-align:center}
.tw-hf-partner-copy--desktop{display:inline;flex:0 0 auto;white-space:nowrap;text-wrap:nowrap}
.tw-hf-partner-copy--tablet,.tw-hf-partner-copy--mobile{display:none}
.tw-hf-partner-link{display:inline;color:#08727d!important;-webkit-text-fill-color:#08727d!important;font-size:inherit;font-weight:800;line-height:inherit;vertical-align:baseline;text-decoration:none!important;white-space:nowrap;background:transparent!important;box-shadow:none!important}
.tw-hf-partner-link:hover,.tw-hf-partner-link:focus{color:#075f69!important;-webkit-text-fill-color:#075f69!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px;background:transparent!important;box-shadow:none!important}
.tw-hf-partner-link:focus-visible{outline:2px solid rgba(7,95,247,.28);outline-offset:3px;border-radius:4px}
@media (min-width:768px) and (max-width:1199px){.tw-hf-partner-note__inner{min-height:56px;padding:10px 20px}.tw-hf-partner-copy--desktop{display:none}.tw-hf-partner-copy--tablet{display:inline}.tw-hf-partner-copy{font-size:13.5px}}
@media (max-width:767px){.tw-hf-partner-note__inner{display:block;min-height:0;padding:10px 14px}.tw-hf-partner-copy--desktop,.tw-hf-partner-copy--tablet{display:none!important}.tw-hf-partner-copy--mobile{width:100%;color:#25344d;text-align:left}.tw-hf-partner-link--mobile{display:inline!important;margin-left:4px;font:inherit;font-weight:800;vertical-align:baseline}}
@media (max-width:479px){.tw-hf-partner-copy--mini{display:block}}
@media (min-width:480px) and (max-width:767px){.tw-hf-partner-copy--mobile-standard{display:block}}
@media (max-width:359px){.tw-hf-partner-note__inner{padding:10px 12px}.tw-hf-partner-copy{font-size:10.65px;line-height:1.42}}
@media (min-width:360px) and (max-width:429px){.tw-hf-partner-note__inner{padding:10px 13px}.tw-hf-partner-copy{font-size:10.85px;line-height:1.43}}
@media (min-width:430px) and (max-width:559px){.tw-hf-partner-note__inner{padding:11px 15px}.tw-hf-partner-copy{font-size:11.45px;line-height:1.44}}
@media (min-width:560px) and (max-width:767px){.tw-hf-partner-note__inner{padding:12px 18px}.tw-hf-partner-copy{font-size:12.1px;line-height:1.45}}
/* iPad Mini / kleine Tablets: die kürzere Tablet-Fassung exakt einzeilig nutzen. */
@media (min-width:720px) and (max-width:767px){
  .tw-hf-partner-note__inner{display:flex;min-height:46px;padding:7px 14px;align-items:center;justify-content:center}
  .tw-hf-partner-copy--mobile{display:none!important}
  .tw-hf-partner-copy--tablet{display:inline!important;max-width:100%;font-size:clamp(11.35px,1.55vw,11.9px);font-weight:500;line-height:1.25;text-align:center;white-space:nowrap;text-wrap:nowrap}
}

/* ============================================================
   ToolWissen v1.0 – Menü-Drawer Tablet/Mobile ohne Leerblock
   Bis 1024 px folgt der Drawer seiner echten Inhaltshöhe. Die
   Navigation belegt keine künstliche 1fr-Restzeile mehr; dadurch
   stehen Impressum, Datenschutz und Affiliate-Hinweis direkt unter
   den Hauptlinks. Nur wenn der Inhalt höher als der Viewport wird,
   scrollt der komplette Drawer. Desktop bleibt unverändert.
   ============================================================ */
@media (max-width: 1024px) {
  html body .tw-hf-panel {
    grid-template-rows:auto auto auto auto!important;
    align-content:start!important;
    height:auto!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  html body.admin-bar .tw-hf-panel {
    height:auto!important;
    max-height:calc(100dvh - 32px)!important;
  }
  html body .tw-hf-panel-nav {
    min-height:0!important;
    overflow:visible!important;
    padding-bottom:.18rem!important;
  }
  html body .tw-hf-panel-more {
    margin-top:.18rem!important;
  }
}
@media (max-width: 782px) {
  html body.admin-bar .tw-hf-panel {
    top:46px!important;
    height:auto!important;
    max-height:calc(100dvh - 46px)!important;
  }
}


/* ============================================================
   ToolWissen v1.0 – Footer-Farbhierarchie nach Markenlogo
   Ausschließlich Farben. Layout, Abstände, Größen und Positionen
   bleiben vollständig unangetastet.
   Tool = Navy #071735 | Wissen/Akzent = Markenblau #075ff7
   ============================================================ */
.tw-hf-footer{
  --tw-footer-brand-navy:#071735;
  --tw-footer-brand-blue:#075ff7;
  --tw-footer-link-blue:#1d63b8;
  --tw-footer-link-blue-hover:#144f93;
  --tw-footer-dot-blue:#73a4dc;
  --tw-footer-action-blue:#1768bf;
  --tw-footer-action-blue-hover:#10569f;
  --tw-footer-brand-neutral:#425a78;
  --tw-footer-brand-muted:#65779a;
}

/* Logo zweifarbig wie im Header. */
.tw-hf-footer .tw-hf-footer-brand .tw-hf-logo,
.tw-hf-footer .tw-hf-footer-brand .tw-hf-logo span{
  color:var(--tw-footer-brand-navy)!important;
}
.tw-hf-footer .tw-hf-footer-brand .tw-hf-logo strong{
  color:var(--tw-footer-brand-blue)!important;
}

/* Beschreibung unter dem Logo bewusst ruhiger als Links/Akzente. */
.tw-hf-footer .tw-hf-footer-brand p,
.tw-hf-footer .tw-hf-footer-brand p span,
.tw-hf-footer .tw-hf-footer-brand-tablet-copy,
.tw-hf-footer .tw-hf-footer-brand .tw-copy-tablet-line,
.tw-hf-footer .tw-hf-mobile-brand-copy{
  color:var(--tw-footer-brand-neutral)!important;
}

/* Spaltenüberschriften = Tool-Navy. */
.tw-hf-footer .tw-hf-footer-col-title{
  color:var(--tw-footer-brand-navy)!important;
}

/* Navigationslinks und ihre kleinen Punkte = Wissen-Blau. */
.tw-hf-footer .tw-hf-footer-col-links a,
.tw-hf-footer .tw-hf-footer-col a{
  color:var(--tw-footer-link-blue)!important;
}
.tw-hf-footer .tw-hf-footer-col-links a::before,
.tw-hf-footer .tw-hf-footer-col a::before{
  background:var(--tw-footer-dot-blue)!important;
}
.tw-hf-footer .tw-hf-footer-col-links a::after{
  color:var(--tw-footer-link-blue)!important;
  border-color:var(--tw-footer-link-blue)!important;
}

/* Link-Hover ausschließlich dunkleres Blau – keine Fläche, kein roter Effekt. */
.tw-hf-footer .tw-hf-footer-col-links a:hover,
.tw-hf-footer .tw-hf-footer-col-links a:focus-visible,
.tw-hf-footer .tw-hf-footer-col a:hover,
.tw-hf-footer .tw-hf-footer-col a:focus-visible{
  color:var(--tw-footer-link-blue-hover)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.tw-hf-footer .tw-hf-footer-col-links a:hover::before,
.tw-hf-footer .tw-hf-footer-col-links a:focus-visible::before,
.tw-hf-footer .tw-hf-footer-col a:hover::before,
.tw-hf-footer .tw-hf-footer-col a:focus-visible::before{
  background:var(--tw-footer-link-blue-hover)!important;
}

/* Kleine Footer-Akzente und Akkordeon-Icons bleiben markenblau. */
.tw-hf-footer .tw-hf-footer-col-icon,
.tw-hf-footer .tw-hf-footer-col-chevron,
.tw-hf-footer .tw-hf-footer-brand-tablet-icon{
  color:var(--tw-footer-action-blue)!important;
}

/* Cookie-Einstellungen + Barrierefreiheit inklusive Icons = ruhiger Markenakzent. */
html body .tw-hf-footer .tw-hf-footer-cookie-link,
html body .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text,
.tw-hf-footer .tw-hf-footer-cookie-icon,
.tw-hf-footer .tw-hf-footer-a11y-icon{
  color:var(--tw-footer-action-blue)!important;
}
html body .tw-hf-footer .tw-hf-footer-cookie-link:hover,
html body .tw-hf-footer .tw-hf-footer-cookie-link:focus-visible,
html body .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:hover,
html body .tw-hf-footer .tw-hf-footer-a11y-link.tw-hf-footer-a11y-text:focus-visible{
  color:var(--tw-footer-action-blue-hover)!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Mobile Barrierefreiheit: Titel wie die übrigen Akkordeon-Überschriften in Navy; Icon und Pfeil bleiben Markenblau. */
@media(max-width:720px){
  .tw-hf-footer .tw-hf-footer-col-a11y-mobile .tw-hf-footer-col-title{
    color:var(--tw-footer-brand-navy)!important;
  }
  .tw-hf-footer .tw-hf-footer-col-a11y-mobile .tw-hf-footer-col-icon,
  .tw-hf-footer .tw-hf-footer-col-a11y-mobile .tw-hf-footer-col-chevron{
    color:var(--tw-footer-action-blue)!important;
  }
}

/* Hinweise und Copyright bleiben zurückhaltend. */
.tw-hf-footer .tw-hf-footer-copyright,
.tw-hf-footer .tw-hf-footer-disclaimer,
.tw-hf-footer .tw-hf-footer-disclaimer-content,
.tw-hf-footer .tw-hf-footer-disclaimer-icon{
  color:var(--tw-footer-brand-muted)!important;
}


/* V1.0 – 2026-08-21 Performance: Pressidium Cookie Consent
 * Die Consent-Funktion bleibt unverändert; nur die nicht zusammengesetzte
 * Slide/Visibility-Animation entfällt. Dadurch erscheint der notwendige Dialog
 * ohne animationsbedingte Renderverzögerung und Lighthouse-Warnung. */
#cm.box.slide{transition:none!important;animation:none!important}

/* 2026-08-22 – Header ohne Textnavigation, stabile Suche und kein Menu-Layoutsprung. */
html{scrollbar-gutter:stable}
body.tw-hf-menu-open{padding-right:0!important}
html body .tw-hf-nav{display:none!important}
html body .tw-hf-action--quick{
  display:inline-flex!important;
}
html body .tw-hf-search,
html body .tw-hf-search:focus-within,
html body .tw-hf-search input,
html body .tw-hf-search input:focus{
  box-shadow:none!important;
  filter:none!important;
}
html body .tw-hf-search input{
  outline:0!important;
}
html body .tw-hf-search input::-webkit-search-decoration,
html body .tw-hf-search input::-webkit-search-cancel-button{
  -webkit-appearance:none;
  appearance:none;
}
html body .tw-hf-search input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
}
@media (min-width:1181px){
  html body .tw-hf-inner{
    grid-template-columns:auto minmax(360px,780px) auto!important;
    width:min(100% - 4rem,1820px)!important;
    gap:1.4rem!important;
  }
  html body .tw-hf-header > .tw-hf-inner > .tw-hf-search-wrap{
    justify-self:center!important;
    width:min(780px,100%)!important;
  }
  html body .tw-hf-actions{
    gap:.72rem!important;
  }
}
@media (max-width:720px){
  html body .tw-hf-action--quick{display:none!important}
}

/* 2026-08-22 – Sternhinweis und Quick-Icon-Zentrierung. */
html body .tw-hf-header{
  background:#fff!important;
  opacity:1!important;
  backdrop-filter:none!important;
}
html body .tw-hf-aff-star{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0 2px!important;
  border:1px solid #b9d2f4!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  color:#075ff7!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  vertical-align:-3px!important;
}
html body .tw-hf-actions{
  align-items:center!important;
}
html body .tw-hf-action--quick{
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
}

/* 2026-08-23 – Affiliate-Hinweis nutzt ein schlichtes Sternchen statt Badge. */
html body .tw-hf-aff-star{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0 1px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:inherit!important;
  vertical-align:baseline!important;
}
html body .tw-hf-action--quick > svg,
html body .tw-hf-action--quick .tw-hf-action-icon,
html body .tw-hf-action--quick span[aria-hidden="true"]{
  display:block!important;
  margin:auto!important;
  transform:none!important;
  line-height:1!important;
}

@media (max-width:720px){
  html body .tw-hf-action--quick{
    display:none!important;
  }
}

/* 2026-08-24: Bewährtes Suchdesign + klickbare Hauptkategorie + professionelles Detail-Overlay */
html body .tw-hf-suggestion-result{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
  min-height:68px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:15px!important;background:#fff!important;color:#071735!important
}
html body .tw-hf-suggestion-result:hover,html body .tw-hf-suggestion-result:focus-within{border-color:rgba(7,95,247,.18)!important;background:#f5f9ff!important;outline:none!important;box-shadow:none!important}
html body .tw-hf-suggestion-hit{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important;color:#071735!important}
html body .tw-hf-suggestion-media-link{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;text-decoration:none!important;border-radius:13px!important;outline:none!important}
html body .tw-hf-suggestion-media-link:focus-visible,html body .tw-hf-suggestion-title-link:focus-visible{box-shadow:0 0 0 2px rgba(7,95,247,.18)!important;outline:none!important}
html body .tw-hf-suggestion-media{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;overflow:hidden!important;border:1px solid #e1e9f4!important;border-radius:13px!important;background:#f7faff!important;color:#075ff7!important;font-size:.84rem!important;font-weight:900!important}
html body .tw-hf-suggestion-media img{display:block!important;width:auto!important;height:auto!important;max-width:calc(100% - 8px)!important;max-height:calc(100% - 8px)!important;object-fit:contain!important;padding:0!important}
html body .tw-hf-suggestion-copy{display:grid!important;gap:3px!important;min-width:0!important}
html body .tw-hf-suggestion-title-link{display:block!important;min-width:0!important;color:#071735!important;text-decoration:none!important;border-radius:8px!important;outline:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .tw-hf-suggestion-title-link strong{display:block!important;min-width:0!important;overflow:hidden!important;color:#071735!important;font-size:.96rem!important;font-weight:850!important;line-height:1.24!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .tw-hf-suggestion-copy small{display:flex!important;align-items:baseline!important;gap:1px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;color:#65779a!important;font-size:.81rem!important;font-weight:620!important;line-height:1.3!important;white-space:nowrap!important}
html body .tw-hf-suggestion-description-text{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important}
html body .tw-hf-suggestion-more{flex:0 0 auto!important;display:inline!important;margin:0!important;padding:0 1px!important;border:0!important;background:transparent!important;color:#075ff7!important;font:inherit!important;font-weight:900!important;line-height:inherit!important;cursor:pointer!important;text-decoration:none!important}
html body .tw-hf-suggestion-more:hover,html body .tw-hf-suggestion-more:focus-visible{text-decoration:underline!important;outline:none!important}
html body .tw-hf-suggestion-category{width:fit-content!important;max-width:100%!important;margin-top:1px!important;margin-bottom:-1px!important;padding-bottom:1px!important;overflow:hidden!important;color:#075ff7!important;font-size:.72rem!important;font-weight:850!important;line-height:1.18!important;text-decoration:none!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body a.tw-hf-suggestion-category:hover,html body a.tw-hf-suggestion-category:focus-visible{text-decoration:underline!important;outline:none!important}
html body .tw-hf-suggestion-actions{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex:0 0 auto!important}
html body .tw-hf-suggestion-collection.twcw-button{display:grid!important;place-items:center!important;width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;margin:0!important;padding:0!important;border:1px solid #dce5f2!important;border-radius:999px!important;background:#fff!important;color:#071735!important;box-shadow:none!important;transform:none!important}
html body .tw-hf-suggestion-collection.twcw-button svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
html body .tw-hf-suggestion-collection.twcw-button:hover,html body .tw-hf-suggestion-collection.twcw-button:focus-visible,html body .tw-hf-suggestion-collection.twcw-button[aria-pressed="true"]{border-color:rgba(7,95,247,.34)!important;background:#eef6ff!important;color:#075ff7!important;outline:none!important}
html body .tw-hf-suggestion-arrow{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:999px!important;color:#075ff7!important;font-size:.94rem!important;font-weight:900!important;text-decoration:none!important;outline:none!important}
html body .tw-hf-suggestion-arrow:hover,html body .tw-hf-suggestion-arrow:focus-visible{background:#eaf3ff!important;color:#075ff7!important}

html.tw-hf-dialog-open{overflow:hidden!important}
html body .tw-hf-dialog-backdrop{position:fixed!important;z-index:1000000!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(14px,2vw,28px)!important;background:rgba(5,18,42,.62)!important;backdrop-filter:blur(3px)!important}
html body .tw-hf-dialog{
  position:relative!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:min(820px,calc(100vw - 48px))!important;
  height:auto!important;max-height:min(86dvh,840px)!important;overflow:hidden!important;padding:0!important;border:1px solid #dbe4f0!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.26)!important;text-align:left!important
}
html body .tw-hf-dialog-close{position:absolute!important;z-index:2!important;top:16px!important;right:16px!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid #dfe7f1!important;border-radius:12px!important;background:#fff!important;color:#071735!important;font-size:25px!important;line-height:1!important;cursor:pointer!important}
html body .tw-hf-dialog-close:hover,html body .tw-hf-dialog-close:focus-visible{border-color:#aac4e4!important;background:#f4f8ff!important;color:#075ff7!important;outline:none!important}
html body .tw-hf-dialog-head{display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;margin:0!important;padding:22px 72px 18px 22px!important;border-bottom:1px solid #e6edf6!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important}
html body .tw-hf-dialog-media{display:grid!important;place-items:center!important;width:66px!important;height:66px!important;overflow:hidden!important;border:1px solid #dfebf6!important;border-radius:14px!important;background:#f7faff!important;color:#17325c!important;font-weight:850!important}
html body .tw-hf-dialog-media img{display:block!important;width:auto!important;height:auto!important;max-width:calc(100% - 8px)!important;max-height:calc(100% - 8px)!important;object-fit:contain!important}
html body .tw-hf-dialog-title-wrap{display:grid!important;gap:4px!important;min-width:0!important}
html body .tw-hf-dialog-eyebrow{width:fit-content!important;margin:0!important;color:#075ff7!important;font-size:11.5px!important;font-weight:850!important;line-height:1.15!important;text-decoration:none!important}
html body a.tw-hf-dialog-eyebrow:hover,html body a.tw-hf-dialog-eyebrow:focus-visible{text-decoration:underline!important;outline:none!important}
html body .tw-hf-dialog h2{margin:0!important;color:#071735!important;font-size:27px!important;font-weight:900!important;line-height:1.18!important}
html body .tw-hf-dialog-subline{color:#71819a!important;font-size:12px!important;font-weight:650!important;line-height:1.3!important}
html body .tw-hf-dialog-body{min-height:0!important;overflow:auto!important;padding:18px 22px 20px!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
html body .tw-hf-dialog-section-label{display:block!important;margin:0 0 9px!important;color:#62738d!important;font-size:11px!important;font-weight:850!important;letter-spacing:.045em!important;line-height:1.2!important;text-transform:uppercase!important}
html body .tw-hf-dialog-overview{margin:0 0 16px!important}
html body .tw-hf-dialog-facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
html body .tw-hf-dialog-fact{display:grid!important;align-content:start!important;gap:5px!important;min-height:80px!important;padding:12px!important;border:1px solid #e0e8f2!important;border-radius:12px!important;background:#f8fbff!important}
html body .tw-hf-dialog-fact>span{color:#73839b!important;font-size:10.8px!important;font-weight:750!important;line-height:1.2!important}
html body .tw-hf-dialog-fact>strong,html body .tw-hf-dialog-fact>a{display:flex!important;align-items:flex-start!important;gap:4px!important;color:#071735!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important;overflow-wrap:anywhere!important;text-decoration:none!important}
html body .tw-hf-dialog-fact>a{color:#075ff7!important}html body .tw-hf-dialog-fact>a:hover,html body .tw-hf-dialog-fact>a:focus-visible{text-decoration:underline!important;outline:none!important}
html body .tw-hf-dialog-quick-section{margin:0 0 17px!important}
html body .tw-hf-dialog-quick{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0!important}
html body .tw-hf-dialog-quick span{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:6px 10px!important;border:1px solid #d8e4f2!important;border-radius:999px!important;background:#fff!important;color:#314967!important;font-size:12px!important;font-weight:750!important}
html body .tw-hf-dialog-section{padding-top:16px!important;border-top:1px solid #e6edf6!important}
html body .tw-hf-dialog-section-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;margin:0 0 9px!important}
html body .tw-hf-dialog-section-head .tw-hf-dialog-section-label{margin:0!important}
html body .tw-hf-dialog-section-head strong{color:#071735!important;font-size:14px!important;font-weight:900!important;line-height:1.2!important}
html body .tw-hf-dialog-copy{max-width:72ch!important;margin:0!important;color:#425776!important;font-size:14.5px!important;line-height:1.7!important}
html body .tw-hf-dialog-copy p{margin:0!important}
html body .tw-hf-dialog-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin:0!important;padding:14px 22px 16px!important;border-top:1px solid #e6edf6!important;background:#fff!important;box-shadow:0 -8px 24px rgba(20,42,78,.035)!important}
html body .tw-hf-dialog-button,html body .tw-hf-dialog-secondary{display:inline-flex!important;min-width:132px!important;min-height:44px!important;align-items:center!important;justify-content:center!important;padding:9px 18px!important;border-radius:10px!important;font:inherit!important;font-size:14px!important;font-weight:850!important;text-decoration:none!important;cursor:pointer!important}
html body .tw-hf-dialog-button{border:1px solid #075ff7!important;background:#075ff7!important;color:#fff!important}
html body .tw-hf-dialog-secondary{border:1px solid #d3deed!important;background:#fff!important;color:#071735!important}
html body .tw-hf-dialog-button:hover,html body .tw-hf-dialog-button:focus-visible{background:#0759e8!important;color:#fff!important;outline:none!important}
html body .tw-hf-dialog-secondary:hover,html body .tw-hf-dialog-secondary:focus-visible{border-color:#a9c3e4!important;background:#f7faff!important;color:#075ff7!important;outline:none!important}

@media(max-width:900px){
  html body .tw-hf-dialog{width:min(720px,calc(100vw - 32px))!important;max-height:88dvh!important}
  html body .tw-hf-dialog-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  html body .tw-hf-suggestion-result{min-height:62px!important;gap:6px!important;padding:7px 8px!important}
  html body .tw-hf-suggestion-hit{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}
  html body .tw-hf-suggestion-media-link,html body .tw-hf-suggestion-media{width:48px!important;height:48px!important}
  html body .tw-hf-suggestion-copy small{font-size:11.5px!important}
  html body .tw-hf-suggestion-actions{gap:4px!important}
  html body .tw-hf-suggestion-collection.twcw-button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}
  html body .tw-hf-suggestion-collection.twcw-button svg{width:14px!important;height:14px!important}
  html body .tw-hf-dialog-backdrop{padding:10px!important}
  html body .tw-hf-dialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:17px!important}
  html body .tw-hf-dialog-close{top:12px!important;right:12px!important;width:38px!important;height:38px!important}
  html body .tw-hf-dialog-head{grid-template-columns:54px minmax(0,1fr)!important;gap:11px!important;padding:16px 58px 14px 14px!important}
  html body .tw-hf-dialog-media{width:54px!important;height:54px!important;border-radius:11px!important}
  html body .tw-hf-dialog h2{font-size:22px!important}
  html body .tw-hf-dialog-body{padding:14px!important}
  html body .tw-hf-dialog-facts{grid-template-columns:1fr 1fr!important;gap:7px!important}
  html body .tw-hf-dialog-fact{min-height:68px!important;padding:10px!important}
  html body .tw-hf-dialog-section-head{display:grid!important;gap:4px!important}
  html body .tw-hf-dialog-copy{font-size:14px!important;line-height:1.62!important}
  html body .tw-hf-dialog-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px 14px 14px!important}
  html body .tw-hf-dialog-button,html body .tw-hf-dialog-secondary{width:100%!important;min-width:0!important;padding-inline:10px!important}
}
@media(max-width:430px){
  html body .tw-hf-dialog-facts{grid-template-columns:1fr!important}
  html body .tw-hf-dialog-fact{min-height:0!important}
  html body .tw-hf-dialog-quick{gap:5px!important}html body .tw-hf-dialog-quick span{font-size:11px!important}
  html body .tw-hf-dialog-actions{grid-template-columns:1fr!important}
}


/* 2026-08-24 – Detailfenster der „…“-Suche: finaler, klarer Informationsaufbau.
   Wichtig: Dieser Block verändert ausschließlich das Detailfenster, nicht das Trefferlayout. */
html body .tw-hf-dialog{
  width:min(940px,calc(100vw - 48px))!important;
  max-height:min(84dvh,780px)!important;
  border-radius:20px!important;
  border:1px solid #d9e3ef!important;
  box-shadow:0 30px 90px rgba(5,24,55,.26)!important;
}
html body .tw-hf-dialog-head{
  grid-template-columns:72px minmax(0,1fr)!important;gap:17px!important;
  padding:20px 74px 18px 22px!important;background:#fff!important;
}
html body .tw-hf-dialog-media{width:72px!important;height:72px!important;border-radius:15px!important;background:#f8fbff!important}
html body .tw-hf-dialog-title-wrap{gap:5px!important}
html body .tw-hf-dialog-eyebrow{
  display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:4px 9px 5px!important;
  border:1px solid #cfe0f6!important;border-radius:999px!important;background:#f3f8ff!important;
  color:#075ff7!important;font-size:11.5px!important;line-height:1.2!important;
}
html body .tw-hf-dialog h2{font-size:28px!important;letter-spacing:-.012em!important}
html body .tw-hf-dialog-subline{font-size:12.5px!important;color:#73839b!important}
html body .tw-hf-dialog-body{
  display:grid!important;
  grid-template-columns:minmax(0,1.42fr) minmax(255px,.78fr)!important;
  grid-template-areas:"description overview" "description quick"!important;
  align-items:start!important;gap:14px!important;padding:18px!important;background:#f7faff!important;
}
html body .tw-hf-dialog-overview{
  grid-area:overview!important;margin:0!important;padding:15px!important;border:1px solid #dce6f2!important;
  border-radius:15px!important;background:#fff!important;
}
html body .tw-hf-dialog-overview .tw-hf-dialog-section-label{margin-bottom:11px!important}
html body .tw-hf-dialog-facts{grid-template-columns:1fr!important;gap:0!important}
html body .tw-hf-dialog-fact{
  grid-template-columns:90px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;min-height:0!important;
  padding:10px 0!important;border:0!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid #edf2f7!important;
}
html body .tw-hf-dialog-fact:first-child{padding-top:0!important}
html body .tw-hf-dialog-fact:last-child{padding-bottom:0!important;border-bottom:0!important}
html body .tw-hf-dialog-fact>span{padding-top:2px!important;font-size:11px!important;color:#72829a!important}
html body .tw-hf-dialog-fact>strong,html body .tw-hf-dialog-fact>a{font-size:13px!important;line-height:1.38!important}
html body .tw-hf-dialog-quick-section{
  grid-area:quick!important;margin:0!important;padding:15px!important;border:1px solid #dce6f2!important;
  border-radius:15px!important;background:#fff!important;
}
html body .tw-hf-dialog-quick{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
html body .tw-hf-dialog-quick span{
  min-height:0!important;padding:8px 10px!important;border-color:#e0e8f2!important;border-radius:10px!important;
  background:#f8fbff!important;font-size:12px!important;line-height:1.35!important;
}
html body .tw-hf-dialog-section{
  grid-area:description!important;align-self:stretch!important;padding:18px 19px 20px!important;
  border:1px solid #dce6f2!important;border-radius:15px!important;background:#fff!important;
}
html body .tw-hf-dialog-section-head{
  display:grid!important;justify-content:initial!important;gap:3px!important;margin:0 0 13px!important;
  padding-bottom:12px!important;border-bottom:1px solid #edf2f7!important;
}
html body .tw-hf-dialog-section-head .tw-hf-dialog-section-label{margin:0!important}
html body .tw-hf-dialog-section-head strong{font-size:17px!important;line-height:1.3!important}
html body .tw-hf-dialog-copy{max-width:none!important;color:#344b69!important;font-size:14.5px!important;line-height:1.72!important;text-align:left!important}
html body .tw-hf-dialog-actions{align-items:center!important;padding:13px 18px 15px!important;background:#fff!important;box-shadow:none!important}
html body .tw-hf-dialog-button,html body .tw-hf-dialog-secondary{min-width:138px!important;min-height:44px!important}

@media(max-width:900px){
  html body .tw-hf-dialog{width:min(720px,calc(100vw - 28px))!important;max-height:90dvh!important}
  html body .tw-hf-dialog-body{grid-template-columns:1fr!important;grid-template-areas:"overview" "quick" "description"!important;gap:12px!important;padding:14px!important}
  html body .tw-hf-dialog-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .tw-hf-dialog-fact{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:11px!important;border:1px solid #e3ebf4!important;border-radius:11px!important;background:#f8fbff!important}
  html body .tw-hf-dialog-fact:first-child,html body .tw-hf-dialog-fact:last-child{padding:11px!important;border:1px solid #e3ebf4!important}
  html body .tw-hf-dialog-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  html body .tw-hf-dialog-backdrop{padding:8px!important}
  html body .tw-hf-dialog{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important}
  html body .tw-hf-dialog-head{grid-template-columns:56px minmax(0,1fr)!important;gap:11px!important;padding:14px 56px 13px 13px!important}
  html body .tw-hf-dialog-media{width:56px!important;height:56px!important;border-radius:12px!important}
  html body .tw-hf-dialog h2{font-size:22px!important}
  html body .tw-hf-dialog-eyebrow{min-height:24px!important;padding:3px 8px 4px!important;font-size:10.8px!important}
  html body .tw-hf-dialog-subline{font-size:11.5px!important}
  html body .tw-hf-dialog-body{padding:10px!important;gap:10px!important}
  html body .tw-hf-dialog-overview,html body .tw-hf-dialog-quick-section,html body .tw-hf-dialog-section{padding:13px!important;border-radius:13px!important}
  html body .tw-hf-dialog-facts{grid-template-columns:1fr 1fr!important;gap:7px!important}
  html body .tw-hf-dialog-fact,html body .tw-hf-dialog-fact:first-child,html body .tw-hf-dialog-fact:last-child{padding:9px!important}
  html body .tw-hf-dialog-quick{grid-template-columns:1fr!important}
  html body .tw-hf-dialog-section-head strong{font-size:15px!important}
  html body .tw-hf-dialog-copy{font-size:13.7px!important;line-height:1.65!important}
  html body .tw-hf-dialog-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important}
  html body .tw-hf-dialog-button,html body .tw-hf-dialog-secondary{width:100%!important;min-width:0!important}
}
@media(max-width:380px){
  html body .tw-hf-dialog-facts{grid-template-columns:1fr!important}
  html body .tw-hf-dialog-actions{grid-template-columns:1fr!important}
}

/* Ratgeber-Treffer haben keine Tool-Faktenleiste: Beschreibung nutzt die volle Dialogbreite. */
html body .tw-hf-dialog--ratgeber .tw-hf-dialog-body{
  grid-template-columns:1fr!important;
  grid-template-areas:"description"!important;
}
html body .tw-hf-dialog--ratgeber .tw-hf-dialog-section{
  width:100%!important;
}

/* 2026-08-24: Nur der sichtbare Hintergrund hinter dem anklickbaren Drei-Punkte-Button in Suchtreffern wird entfernt. */
html body .tw-hf-header .tw-hf-suggestion-more,
html body .tw-hf-panel .tw-hf-suggestion-more,
html body .tw-hf-header .tw-hf-suggestion-more:hover,
html body .tw-hf-header .tw-hf-suggestion-more:focus,
html body .tw-hf-header .tw-hf-suggestion-more:focus-visible,
html body .tw-hf-panel .tw-hf-suggestion-more:hover,
html body .tw-hf-panel .tw-hf-suggestion-more:focus,
html body .tw-hf-panel .tw-hf-suggestion-more:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* 2026-08-24: Dialog-Scrollposition beim Öffnen stabil halten. */
html body .tw-hf-dialog-body{overflow-anchor:none!important;}

/* ============================================================
   ToolWissen v1.0 – Barrierefreiheit Bedien-/Recovery-Final
   2026-08-26
   ============================================================ */
.tw-hf-a11y-head{
  position:sticky;
  top:-.65rem;
  z-index:8;
  margin:-.65rem -.65rem 0;
  padding:.65rem .65rem .52rem;
  border-bottom:1px solid var(--tw-hf-line);
  background:#fff;
}
.tw-hf-a11y-head-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.tw-hf-a11y-head-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border-radius:9px!important;
}
.tw-hf-a11y-head-actions button svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.tw-hf-a11y-shortcuts{
  display:grid;
  gap:6px;
  margin:0 0 4px;
  padding:10px 11px;
  border:1px solid #dbe5f1;
  border-radius:12px;
  background:#f7faff;
  color:#536784;
}
.tw-hf-a11y-shortcuts[hidden]{display:none!important}
.tw-hf-a11y-shortcuts strong{color:var(--tw-hf-ink);font-size:.86rem;font-weight:900}
.tw-hf-a11y-shortcuts p{margin:0;font-size:.75rem;line-height:1.45}
.tw-hf-a11y-shortcuts small{color:#71829a;font-size:.68rem;line-height:1.4}
.tw-hf-a11y-shortcuts kbd{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:21px;padding:0 5px;
  border:1px solid #cfdbe9;border-bottom-width:2px;border-radius:6px;background:#fff;color:#1b3558;
  font:800 .68rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* ============================================================
   ToolWissen v1.0 – Barrierefreiheit: Hilfetexte & Zahlenfelder
   2026-08-26 – konsolidierter aktueller Stand
   - Info-Hinweise bleiben vollständig im Viewport
   - geöffnetes eigenes i verschwindet; andere i liegen nie darüber
   - Zahlenfeld lässt sichtbar Luft zwischen Wert und Spinner
   - identisch auf Desktop, Tablet und Mobile
   ============================================================ */
.tw-hf-a11y-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}
.tw-hf-a11y-section-title h2{margin:.1rem .18rem!important;min-width:0!important;}
.tw-hf-a11y-label-with-info{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
.tw-hf-a11y-label-with-info > label{min-width:0!important;}
.tw-hf-a11y-toggle-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  gap:7px!important;
  align-items:center!important;
  min-width:0!important;
}
.tw-hf-a11y-toggle-row > button[data-tw-hf-a11y-action]{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
}

/* Zahlenwerte: mehr Luft vor den nativen Hoch/Runter-Pfeilen. */
.tw-hf-a11y-range{grid-template-columns:1fr!important;gap:.5rem!important;}
.tw-hf-a11y-range-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;}
.tw-hf-a11y-range-head > label{min-width:0;color:var(--tw-hf-ink);font-size:.9rem;font-weight:850;line-height:1.22;}
.tw-hf-a11y-number-wrap{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  padding:3px 7px 3px 8px!important;
  border:1px solid #d6e0ec!important;
  border-radius:8px!important;
  background:#f8fbff!important;
  color:#506785!important;
  font-size:.72rem!important;
  font-weight:800!important;
}
.tw-hf-a11y-number-wrap input[type="number"]{
  width:108px!important;
  min-width:108px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0 30px 0 10px!important;
  border:0!important;
  background:transparent!important;
  color:var(--tw-hf-blue)!important;
  text-align:left!important;
  font:850 .77rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  box-shadow:none!important;
  outline:none!important;
}
.tw-hf-a11y-number-wrap > span{color:#60728b!important;font-size:.7rem!important;font-weight:800!important;}
.tw-hf-a11y-range > input[type="range"]{grid-column:1!important;margin:0!important;}

/* Info-Schalter selbst liegen normal im Layout. Nur die geöffnete Hilfe
   wird als feste Karte in den sichtbaren Viewport gesetzt. */
.tw-hf-a11y-info{
  position:relative!important;
  z-index:auto!important;
  flex:0 0 auto!important;
}
.tw-hf-a11y-info > summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  border:1px solid #cfdbea!important;
  border-radius:50%!important;
  background:#f8fbff!important;
  color:#60738d!important;
  cursor:pointer!important;
  list-style:none!important;
  font:900 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-align:center!important;
  box-shadow:none!important;
}
.tw-hf-a11y-info > summary::-webkit-details-marker{display:none!important;}
.tw-hf-a11y-info > summary:hover,
.tw-hf-a11y-info > summary:focus-visible{
  border-color:#9fc3ef!important;
  background:#edf5ff!important;
  color:var(--tw-hf-blue)!important;
  outline:none!important;
}
.tw-hf-a11y-control-info > summary{
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
}
.tw-hf-a11y-info[open]{z-index:10040!important;}
.tw-hf-a11y-info[open] > summary{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.tw-hf-a11y-info-popover{
  position:fixed!important;
  z-index:10041!important;
  left:var(--tw-hf-help-left,12px)!important;
  top:var(--tw-hf-help-top,12px)!important;
  right:auto!important;
  bottom:auto!important;
  width:min(460px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  max-height:min(78dvh,700px)!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  scrollbar-gutter:stable both-edges!important;
  overscroll-behavior:contain!important;
  border:1px solid #ccd9e9!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#425873!important;
  box-shadow:0 18px 46px rgba(10,31,66,.18)!important;
  isolation:isolate!important;
  font:650 .78rem/1.64 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.tw-hf-a11y-panel.tw-hf-a11y-help-open .tw-hf-a11y-info > summary{
  visibility:hidden!important;
  pointer-events:none!important;
}
.tw-hf-a11y-info-popover-head{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:48px!important;
  padding:10px 11px 10px 14px!important;
  border-bottom:1px solid #e2eaf4!important;
  background:#fff!important;
}
.tw-hf-a11y-info-popover-head > strong{
  min-width:0!important;
  color:var(--tw-hf-ink)!important;
  font-size:.84rem!important;
  line-height:1.3!important;
  font-weight:900!important;
}
.tw-hf-a11y-info-popover-head > button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  border:1px solid #d4dfec!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#214064!important;
  box-shadow:none!important;
}
.tw-hf-a11y-info-popover-head > button svg{
  width:13px!important;
  height:13px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
}
.tw-hf-a11y-info-popover > p{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
  padding:12px 14px!important;
  border-bottom:1px solid #edf2f8!important;
  color:#415774!important;
  font:650 .79rem/1.64 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.tw-hf-a11y-info-popover > p:last-child{border-bottom:0!important;}
.tw-hf-a11y-info-popover > p > strong{
  color:#132f55!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  font-weight:900!important;
}
.tw-hf-a11y-info-popover > p > span{
  color:#516783!important;
  font:650 .78rem/1.66 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.tw-hf-a11y-info-popover .tw-hf-a11y-info-meta{
  background:#f8fbff!important;
}

/* Das Kürzel-Setup steht bewusst zuerst: eindeutiger AN/AUS-Schalter.
   Nicht nur eine Farbänderung: Der aktuelle Zustand wird immer ausgeschrieben. */
.tw-hf-a11y-section:first-child .tw-hf-a11y-toggle-row:first-of-type > button[data-tw-hf-a11y-action="shortcuts"]{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:8px 9px 8px 13px!important;
  border-color:#c8d9ec!important;
  background:#fff!important;
  color:var(--tw-hf-ink)!important;
  font-weight:900!important;
  text-align:left!important;
}
.tw-hf-a11y-section:first-child .tw-hf-a11y-toggle-row:first-of-type > button[data-tw-hf-a11y-action="shortcuts"]::after{
  content:"Aus";
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:48px!important;
  min-height:28px!important;
  padding:4px 10px!important;
  border:1px solid #d5deea!important;
  border-radius:999px!important;
  background:#f2f5f9!important;
  color:#53667e!important;
  font-size:.72rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.tw-hf-a11y-section:first-child .tw-hf-a11y-toggle-row:first-of-type > button[data-tw-hf-a11y-action="shortcuts"][aria-pressed="true"]{
  border-color:rgba(0,141,87,.35)!important;
  background:#f4fbf8!important;
  color:var(--tw-hf-ink)!important;
}
.tw-hf-a11y-section:first-child .tw-hf-a11y-toggle-row:first-of-type > button[data-tw-hf-a11y-action="shortcuts"][aria-pressed="true"]::after{
  content:"An";
  border-color:#b9e5cf!important;
  background:#e9f8f1!important;
  color:#007a4c!important;
}

/* Mobile Header: identische Logo-Proportion/Strichstärke wie Desktop, nur passend skaliert. */
@media(max-width:720px){
  .tw-hf-header .tw-hf-logo,
  .tw-hf-header .tw-hf-logo span,
  .tw-hf-header .tw-hf-logo strong{
    font-size:clamp(1.68rem,7.6vw,1.82rem)!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  .tw-hf-a11y-panel{width:min(calc(100vw - 20px),350px)!important;max-height:min(72dvh,600px)!important;}
  .tw-hf-a11y-head-actions{gap:4px;}
  .tw-hf-a11y-head-actions button{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;}
  .tw-hf-a11y-head-actions button svg{width:13px!important;height:13px!important;}
  .tw-hf-a11y-info > summary{width:23px!important;min-width:23px!important;height:23px!important;min-height:23px!important;font-size:11px!important;}
  .tw-hf-a11y-control-info > summary{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;}
  .tw-hf-a11y-info-popover{
    width:min(342px,calc(100vw - 18px))!important;
    max-width:calc(100vw - 18px)!important;
    max-height:min(78dvh,600px)!important;
    font-size:.76rem!important;
    line-height:1.56!important;
  }
  .tw-hf-a11y-info-popover-head{min-height:45px!important;padding:8px 9px 8px 12px!important;}
  .tw-hf-a11y-info-popover > p{padding:11px 12px!important;font-size:.76rem!important;line-height:1.58!important;}
  .tw-hf-a11y-info-popover > p > span{font-size:.755rem!important;line-height:1.6!important;}
  .tw-hf-a11y-number-wrap input[type="number"]{
    width:100px!important;
    min-width:100px!important;
    padding-left:9px!important;
    padding-right:27px!important;
  }
}


/* System-Hochkontrast: Bedienelemente bleiben auch bei erzwungenen
   Betriebssystemfarben klar erkennbar und fokussierbar. */
@media (forced-colors: active){
  .tw-hf-a11y-panel,
  .tw-hf-a11y-info-popover,
  .tw-hf-a11y-info-popover-head,
  .tw-hf-a11y-range,
  .tw-hf-a11y-find,
  .tw-hf-a11y-shortcuts,
  .tw-hf-a11y-toggle-row > button,
  .tw-hf-a11y-number-wrap{
    background:Canvas!important;
    color:CanvasText!important;
    border-color:CanvasText!important;
    box-shadow:none!important;
  }
  .tw-hf-a11y-info > summary,
  .tw-hf-a11y-info-popover-head > button,
  .tw-hf-a11y-head-actions > button{
    background:ButtonFace!important;
    color:ButtonText!important;
    border-color:ButtonText!important;
    forced-color-adjust:auto!important;
  }
  .tw-hf-a11y-toggle-row > button[aria-pressed="true"]{
    background:Highlight!important;
    color:HighlightText!important;
  }
  .tw-hf-a11y-panel :focus-visible{
    outline:3px solid Highlight!important;
    outline-offset:3px!important;
  }
}

/* ============================================================
   ToolWissen v1.0 – Barrierefreiheits-Erklärungen final
   2026-08-27: Erklärung vollständig im sichtbaren Bereich,
   mehr Luft zum oberen Rand und ausführlichere Info-Struktur.
   Nur die geöffneten i-Erklärungen werden verändert.
   ============================================================ */
.tw-hf-a11y-info-popover{
  width:min(520px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:var(--tw-hf-help-max-height,min(74dvh,720px))!important;
  scroll-padding-top:62px!important;
  scrollbar-gutter:stable!important;
}
.tw-hf-a11y-info-popover-head{
  min-height:52px!important;
  padding:11px 12px 11px 15px!important;
  box-shadow:0 5px 16px rgba(18,48,86,.045)!important;
}
.tw-hf-a11y-info-popover-head > strong{
  font-size:.86rem!important;
  line-height:1.35!important;
}
.tw-hf-a11y-info-popover > p{
  gap:6px!important;
  padding:13px 15px!important;
}
.tw-hf-a11y-info-popover > p > strong{
  font-size:.79rem!important;
  line-height:1.38!important;
}
.tw-hf-a11y-info-popover > p > span{
  font-size:.785rem!important;
  line-height:1.7!important;
}
.tw-hf-a11y-info-popover .tw-hf-a11y-info-audience{
  background:#fbfdff!important;
}
.tw-hf-a11y-info-popover .tw-hf-a11y-info-tip{
  background:#f7fbff!important;
}
.tw-hf-a11y-info-popover .tw-hf-a11y-info-note{
  background:#fffdf8!important;
}
.tw-hf-a11y-info-popover .tw-hf-a11y-info-meta{
  background:#f5f9ff!important;
}
@media(max-width:720px){
  .tw-hf-a11y-info-popover{
    width:min(360px,calc(100vw - 18px))!important;
    max-width:calc(100vw - 18px)!important;
    max-height:var(--tw-hf-help-max-height,calc(100dvh - 28px))!important;
  }
  .tw-hf-a11y-info-popover-head{min-height:48px!important;padding:9px 10px 9px 13px!important;}
  .tw-hf-a11y-info-popover > p{padding:12px 13px!important;}
  .tw-hf-a11y-info-popover > p > span{font-size:.76rem!important;line-height:1.64!important;}
}
