:where(a, button, input, select, summary):focus-visible {
outline: 3px solid var(--wp--preset--color--blau);
outline-offset: 2px;
}
:where(a, .wp-element-button) {
transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
img { max-width: 100%; height: auto; } .wp-block-button.is-style-outline > .wp-block-button__link {
background: transparent;
color: currentColor;
border: 2px solid currentColor;
padding: calc(0.8rem - 2px) calc(1.4rem - 2px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(3, 105, 161, .08); } .tw-kopf {
background: var(--wp--preset--color--navy);
color: var(--wp--preset--color--weiss);
}
.tw-kopf a { color: var(--wp--preset--color--weiss); text-decoration: none; }
.tw-kopf a:hover { text-decoration: underline; text-underline-offset: 6px; }
.tw-kopf-innen { min-height: 76px; align-items: center; }
.tw-logo { margin: 0; font-weight: 800; font-size: 1.25rem; letter-spacing: -0.01em; }
.tw-logo a { display: inline-flex; align-items: center; gap: .6rem; }
.tw-logo a:hover { text-decoration: none; }
.tw-logo a::before {
content: "";
width: 32px; height: 32px; flex-shrink: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='12' y='3' width='7' height='42' rx='1.5' fill='%23fff'/%3E%3Crect x='19' y='3' width='9' height='4.5' fill='%23fff'/%3E%3Crect x='19' y='12' width='9' height='4.5' fill='%23fff'/%3E%3Crect x='19' y='21' width='9' height='4.5' fill='%23fff'/%3E%3Crect x='19' y='30' width='9' height='4.5' fill='%23fff'/%3E%3Crect x='19' y='39' width='9' height='4.5' fill='%23fff'/%3E%3Cpath d='M3 31.5Q8 27.5 13 31.5T23 31.5T33 31.5T43 31.5V45H3Z' fill='%237DD3FC' fill-opacity='.28'/%3E%3Cpath d='M3 31.5Q8 27.5 13 31.5T23 31.5T33 31.5T43 31.5' fill='none' stroke='%237DD3FC' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.tw-kopf .wp-block-navigation__responsive-container.is-menu-open {
background: var(--wp--preset--color--navy);
color: var(--wp--preset--color--weiss);
}
.tw-kopf .wp-block-navigation__responsive-container-open,
.tw-kopf .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; } .tw-hero {
background: var(--wp--preset--color--navy);
color: var(--wp--preset--color--weiss);
padding-top: var(--wp--preset--spacing--60);
padding-bottom: var(--wp--preset--spacing--50);
border-top: 1px solid #1E293B;
}
.tw-hero h1 { max-width: 900px; }
.tw-hero p { color: #CBD5E1; font-size: var(--wp--preset--font-size--mittel); max-width: 720px; }
.tw-abschnitt { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--30); }
.tw-feld {
background: #E8ECF1;
border-radius: 16px;
padding: var(--wp--preset--spacing--50) !important;
}
.tw-karte {
background: var(--wp--preset--color--weiss);
border: 1px solid var(--wp--preset--color--linie);
border-radius: 14px;
padding: var(--wp--preset--spacing--40);
}
.tw-karte-dunkel {
background: var(--wp--preset--color--navy);
color: var(--wp--preset--color--weiss);
border-radius: 14px;
padding: var(--wp--preset--spacing--40);
}
.tw-karte-dunkel p { color: #CBD5E1; }
.tw-karte-dunkel .wp-block-button__link { background: var(--wp--preset--color--weiss); color: var(--wp--preset--color--navy); }
.tw-karte-dunkel .wp-block-button__link:hover { background: #E2E8F0; }
.tw-versprechen h3 { margin-top: 0; }
.tw-versprechen p { color: var(--wp--preset--color--text-grau); } .tw-inhalt { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--60); }
.tw-beitragsliste > li {
background: var(--wp--preset--color--weiss);
border: 1px solid var(--wp--preset--color--linie);
border-radius: 12px;
padding: var(--wp--preset--spacing--30);
}
.tw-beitragsliste .wp-block-post-title { font-size: var(--wp--preset--font-size--gross); margin: 0; }
.tw-beitragsliste .wp-block-post-title a { color: inherit; text-decoration: none; }
.tw-beitragsliste .wp-block-post-title a:hover { color: var(--wp--preset--color--blau); }
.tw-beitragsliste .wp-block-post-excerpt { color: var(--wp--preset--color--text-grau); }
.wp-block-post-featured-image img { border-radius: 12px; } .tw-seitenleiste { display: flex; flex-direction: column; gap: 1.25rem; }
@media (min-width: 782px) { .tw-seitenleiste { position: sticky; top: 1.5rem; } } .tw-fuss {
border-top: 1px solid #E2E8F0;
color: var(--wp--preset--color--text-grau);
font-size: var(--wp--preset--font-size--klein);
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.tw-fuss p { margin: 0; } .tw-startseite { padding-top: 0 !important; margin-top: 0 !important; }
.tw-startseite > .wp-block-post-content > .tw-hero:first-child { margin-top: 0; } .is-layout-constrained > :is(.twt-ketten-editor, .twt-generator, .twt-liste, .twt-rechner-gruppe, .twt-anzeige--banner-oben, .twt-karussell, .wp-block-table, .wp-block-columns) {
max-width: var(--wp--style--global--wide-size) !important;
} .is-layout-constrained.is-layout-constrained.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)) {
margin-left: max(0px, calc((100% - var(--wp--style--global--wide-size)) / 2)) !important;
margin-right: auto !important;
} .tw-fusslinks { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.tw-fusslinks a { display: inline-flex; align-items: center; min-height: 44px; } .tw-inhalt:has(.twt-ketten-editor) { padding-top: var(--wp--preset--spacing--30); }
.tw-inhalt:has(.twt-ketten-editor) .wp-block-post-title { font-size: var(--wp--preset--font-size--xl); margin-bottom: 0; }
.tw-inhalt:has(.twt-ketten-editor) .wp-block-post-content > p:first-child { margin-top: .5rem; } .tw-kopf-rechts { gap: 1rem; align-items: center; }
.tw-farbwahl {
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; padding: 0; flex-shrink: 0;
color: #F8FAFC; background: transparent; border: 1px solid #475569; border-radius: 22px; cursor: pointer;
}
.tw-farbwahl:hover { border-color: #F8FAFC; }
.tw-farbwahl-sonne { display: none; }
:root[data-theme="dark"] .tw-farbwahl-sonne { display: block; }
:root[data-theme="dark"] .tw-farbwahl-mond { display: none; }
:root[data-theme="dark"] {
color-scheme: dark;
--wp--preset--color--hell: #0B1220;
--wp--preset--color--weiss: #111A2E;
--wp--preset--color--navy: #E2E8F0;
--wp--preset--color--text-grau: #94A3B8;
--wp--preset--color--linie: #334155;
--wp--preset--color--flaeche: #1E293B;
--wp--preset--color--blau: #38BDF8;
--wp--preset--color--blau-dunkel: #7DD3FC;
} :root[data-theme="dark"] .tw-kopf,
:root[data-theme="dark"] .tw-hero,
:root[data-theme="dark"] .tw-karte-dunkel,
:root[data-theme="dark"] .tw-kopf .wp-block-navigation__responsive-container.is-menu-open { background: #020617; color: #F8FAFC; }
:root[data-theme="dark"] .tw-kopf a { color: #F8FAFC; }
:root[data-theme="dark"] .tw-hero { border-top-color: #1E293B; }
:root[data-theme="dark"] .tw-karte-dunkel .wp-block-button__link { background: #F8FAFC; color: #0F172A; }
:root[data-theme="dark"] .tw-feld { background: #111A2E; }
:root[data-theme="dark"] .tw-karte { border-color: #1E293B; }
:root[data-theme="dark"] .tw-fuss { border-top-color: #1E293B; }
:root[data-theme="dark"] .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(56, 189, 248, .12); }
@media (prefers-reduced-motion: no-preference) {
body, .tw-karte, .twt-karte, .twt-rechner { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
}
.tw-kopf-rechts > p { margin: 0; display: flex; }  .tw-kopf .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
min-width: 220px;
padding: .4rem;
background: #1E293B;
color: #F8FAFC;
border: 1px solid #334155;
border-radius: 12px;
box-shadow: 0 12px 32px rgba(2, 6, 23, .45);
}
.tw-kopf .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
display: flex; align-items: center; min-height: 44px;
padding: .5rem .8rem;
color: #F8FAFC;
border-radius: 8px;
}
.tw-kopf .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.tw-kopf .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
background: rgba(56, 189, 248, .15);
color: #7DD3FC;
text-decoration: none;
}
.tw-kopf .wp-block-navigation .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content { color: #7DD3FC; }
.tw-kopf .wp-block-navigation-submenu__toggle, .tw-kopf .wp-block-navigation__submenu-icon { color: inherit; }
:root[data-theme="dark"] .tw-kopf .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background: #111A2E;
border-color: #1E293B;
box-shadow: 0 12px 32px rgba(0, 0, 0, .6);
} .tw-pfad { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .9375rem; color: var(--wp--preset--color--text-grau); }
.tw-einleitung { font-size: var(--wp--preset--font-size--mittel); color: var(--wp--preset--color--text-grau); }
.tw-seo-text { padding-top: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--40); }
.tw-seo-text h2 { margin-top: 0; } .tw-beitragsliste { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: 1.25rem; }
.tw-beitragsliste > li { margin: 0 !important; } .tw-hero-mit-bild { position: relative; overflow: hidden; }
.tw-hero-bild { display: none; }
@media (min-width: 1100px) {
.tw-hero-mit-bild { --tw-bild: min(34vw, 500px); }
.tw-hero-bild {
display: block; position: absolute; top: 50%; transform: translateY(-50%);
right: max(var(--wp--style--root--padding-right, 1.5rem), calc((100% - var(--wp--style--global--wide-size, 1440px)) / 2));
width: var(--tw-bild); pointer-events: none;
}
.tw-hero-bild svg { display: block; width: 100%; height: auto; }
.tw-hero-mit-bild .alignwide > * { max-width: min(920px, calc(100% - var(--tw-bild) - 3rem)); }
}
@media (min-width: 1100px) { .tw-hero-mit-bild .alignwide > p { max-width: min(720px, calc(100% - var(--tw-bild) - 3rem)); } } @font-face {
font-family: "Jakarta Ersatz";
src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
font-weight: 100 599;
size-adjust: 105.16%;
ascent-override: 98.71%;
descent-override: 21.11%;
line-gap-override: 0%;
}
@font-face {
font-family: "Jakarta Ersatz";
src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Liberation Sans Bold");
font-weight: 600 900;
size-adjust: 101.77%;
ascent-override: 101.99%;
descent-override: 21.81%;
line-gap-override: 0%;
} html, body { overflow-x: clip; } .tw-fuss-versprechen { margin: 0; font-size: .875rem; opacity: .85; } .tw-nach-oben {
position: fixed; right: 1rem; bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); z-index: 9001;
display: inline-flex; align-items: center; justify-content: center;
width: 48px; height: 48px; padding: 0; color: #FFFFFF; background: #0369A1;
border: 0; border-radius: 50%; cursor: pointer; box-shadow: 0 6px 18px rgba(15, 23, 42, .25);
opacity: 0; transform: translateY(10px); transition: opacity .2s ease, transform .2s ease, background .2s ease;
}
.tw-nach-oben[hidden] { display: none; }
.tw-nach-oben.ist-sichtbar { opacity: 1; transform: none; }
.tw-nach-oben:hover { background: #075985; }
.tw-nach-oben:focus-visible { outline: 3px solid #7DD3FC; outline-offset: 3px; }
:root[data-theme="dark"] .tw-nach-oben { color: #0B1220; background: #7DD3FC; box-shadow: 0 6px 18px rgba(0, 0, 0, .5); }
:root[data-theme="dark"] .tw-nach-oben:hover { background: #BAE6FD; }
.wp-site-blocks:focus { outline: none; }
@media (max-width: 600px) { .tw-nach-oben { right: .75rem; bottom: calc(.75rem + env(safe-area-inset-bottom, 0px)); width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) { .tw-nach-oben { transition: none; transform: none; } }
@media print { .tw-nach-oben { display: none !important; } }  .tw-kopf .wp-block-navigation__responsive-container-open {
align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
color: #F8FAFC; border: 1px solid #334155; border-radius: 50%; background: transparent;
}
.tw-kopf .wp-block-navigation__responsive-container-open:hover { background: rgba(255, 255, 255, .08); }
.tw-kopf .wp-block-navigation__responsive-container-open svg { width: 22px; height: 22px; fill: currentColor; } .tw-kopf .wp-block-navigation__responsive-container.is-menu-open {
padding: 0 !important;
text-align: left;
overflow-y: auto;
}
.tw-kopf .is-menu-open .wp-block-navigation__responsive-close { max-width: 560px; margin: 0 auto; width: 100%; }
.tw-kopf .is-menu-open .wp-block-navigation__responsive-dialog { position: relative; padding: 1rem 1.25rem 2.5rem; }
.tw-kopf .is-menu-open .wp-block-navigation__responsive-dialog::before {
content: "Menü"; display: block; min-height: 48px; padding-top: .7rem;
font-size: 1.05rem; font-weight: 800; letter-spacing: .02em; color: #94A3B8;
}
.tw-kopf .is-menu-open .wp-block-navigation__responsive-container-close {
top: 1rem; right: 1.25rem; display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; padding: 0; color: #F8FAFC; border: 1px solid #334155; border-radius: 50%; background: transparent;
}
.tw-kopf .is-menu-open .wp-block-navigation__responsive-container-close:hover { background: rgba(255, 255, 255, .08); }
.tw-kopf .is-menu-open .wp-block-navigation__responsive-container-close svg { width: 22px; height: 22px; fill: currentColor; }
.tw-kopf .is-menu-open .wp-block-navigation__responsive-container-content {
align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; padding-top: .5rem !important;
}
.tw-kopf .is-menu-open .wp-block-navigation__container {
flex-direction: column; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; width: 100%;
}
.tw-kopf .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
flex-direction: column; align-items: stretch !important; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .09);
}
.tw-kopf .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
display: flex; align-items: center; min-height: 56px; padding: .75rem 0 !important;
font-size: 1.25rem; font-weight: 700; line-height: 1.3; color: #F8FAFC;
} .tw-kopf .is-menu-open .wp-block-navigation__submenu-container {
position: static !important; display: flex !important; flex-direction: column; gap: 0 !important;
width: 100% !important; min-width: 0 !important; margin: -.25rem 0 .9rem !important; padding: 0 0 0 .9rem !important;
background: transparent !important; border: none !important; border-left: 2px solid #1E4A6B !important; border-radius: 0 !important;
box-shadow: none !important; opacity: 1 !important; visibility: visible !important; height: auto !important;
}
.tw-kopf .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { width: 100%; }
.tw-kopf .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
display: flex; align-items: center; min-height: 44px; padding: .5rem .75rem !important;
font-size: 1rem; font-weight: 500; color: #CBD5E1; border-radius: 8px;
}
.tw-kopf .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: rgba(56, 189, 248, .12); color: #7DD3FC; text-decoration: none; }
.tw-kopf .is-menu-open .wp-block-navigation__submenu-icon,
.tw-kopf .is-menu-open .wp-block-navigation-submenu__toggle { display: none !important; } .tw-kopf .is-menu-open [aria-current="page"],
.tw-kopf .is-menu-open .current-menu-item > .wp-block-navigation-item__content { color: #7DD3FC !important; }
.tw-kopf .is-menu-open .wp-block-navigation-item__content:hover { text-decoration: none; }
.tw-kopf .is-menu-open .wp-block-navigation-item__content:focus-visible { outline: 3px solid #38BDF8; outline-offset: 2px; border-radius: 6px; }
:root[data-theme="dark"] .tw-kopf .wp-block-navigation__responsive-container-open,
:root[data-theme="dark"] .tw-kopf .is-menu-open .wp-block-navigation__responsive-container-close { border-color: #1E293B; } .tw-kopf .tw-unter-knopf { display: none !important; }
.tw-kopf .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item.has-child {
display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: .5rem;
}
.tw-kopf .is-menu-open .has-child > .wp-block-navigation__submenu-container { grid-column: 1 / -1; display: none !important; }
.tw-kopf .is-menu-open .has-child.tw-offen > .wp-block-navigation__submenu-container { display: flex !important; }
.tw-kopf .is-menu-open .tw-unter-knopf {
display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
color: #CBD5E1; background: transparent; border: 1px solid #334155; border-radius: 50%; cursor: pointer;
transition: transform .2s ease, background-color .15s ease;
}
.tw-kopf .is-menu-open .tw-unter-knopf:hover { background: rgba(255, 255, 255, .08); color: #F8FAFC; }
.tw-kopf .is-menu-open .tw-unter-knopf:focus-visible { outline: 3px solid #38BDF8; outline-offset: 2px; }
.tw-kopf .is-menu-open .tw-offen > .tw-unter-knopf { transform: rotate(180deg); color: #7DD3FC; border-color: #1E4A6B; }
:root[data-theme="dark"] .tw-kopf .is-menu-open .tw-unter-knopf { border-color: #1E293B; }
@media (prefers-reduced-motion: reduce) { .tw-kopf .is-menu-open .tw-unter-knopf { transition: none; } } @media (max-width: 599px) {
.tw-kopf .wp-block-navigation__responsive-container-open:not(.always-shown) { display: inline-flex; }
}
@media (min-width: 600px) {
.tw-kopf .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none !important; }
} .tw-kopf-innen { align-items: center; }
.tw-kopf-rechts { flex-wrap: nowrap; align-items: center; }
.tw-kopf-rechts > .wp-block-navigation { margin: 0; align-items: center; } .tw-beitragsliste .tw-beitragsbild { margin: 0 0 .9rem; max-width: 720px; }
.tw-beitragsliste .tw-beitragsbild img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--wp--preset--color--linie, #CBD5E1); }
.tw-beitragsliste > li + li { margin-top: 2.5rem; } .tw-kopf { position: relative; z-index: 9100; } .tw-treffer-art { margin: 1.5rem 0 .15rem; font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--text-grau, #475569); }
.tw-treffer-art + .wp-block-post-title { margin-top: 0; } .tw-suchknopf {
display: inline-flex; align-items: center; justify-content: center; gap: .5rem; flex-shrink: 0;
width: 44px; height: 44px; padding: 0; box-sizing: border-box;
color: #F8FAFC; background: transparent; border: 1px solid #475569; border-radius: 22px; text-decoration: none;
}
.tw-suchknopf:hover { border-color: #F8FAFC; text-decoration: none; }
.tw-suchknopf:focus-visible { outline: 3px solid #38BDF8; outline-offset: 2px; }
.tw-suchknopf-text, .tw-suchknopf-taste { display: none; }
@media (min-width: 1100px) {
.tw-suchknopf { width: auto; padding: 0 .6rem 0 .9rem; color: #CBD5E1; }
.tw-suchknopf:hover { color: #F8FAFC; }
.tw-suchknopf-text { display: inline; font-size: .95rem; font-weight: 600; }
.tw-suchknopf-taste {
display: inline-block; margin-left: .35rem; padding: .1rem .4rem; font: inherit; font-size: .72rem; font-weight: 700;
color: #94A3B8; border: 1px solid #334155; border-radius: 6px;
}
}
:root[data-theme="dark"] .tw-suchknopf { border-color: #1E293B; }
:root[data-theme="dark"] .tw-suchknopf:hover { border-color: #F8FAFC; }
@media print { .tw-suchknopf { display: none !important; } }
.tw-kopf-rechts > p:has(.tw-suchknopf) { gap: .6rem; align-items: center; }