.skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal!important}.skip-link.screen-reader-text:focus{background-color:#eee;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}@view-transition {
navigation: auto;
} @media ( prefers-color-scheme: dark ) {
:root:not( [data-theme="light"] ) {
--wp--preset--color--base: #131313;
--wp--preset--color--base-2: #1e1e1e;
--wp--preset--color--line: #333333;
--wp--preset--color--contrast: #f2f1ed;
--wp--preset--color--muted: #a19e97;
--wp--preset--color--accent-dark: #ff6600;
}
:root:not( [data-theme="light"] ) .lui-header .wp-block-search__input {
background-color: var( --wp--preset--color--base-2 );
color: var( --wp--preset--color--contrast );
}
:root:not( [data-theme="light"] ) .lui-header .wp-block-search__input::placeholder {
color: var( --wp--preset--color--muted );
}
:root:not( [data-theme="light"] ) .wp-element-button,
:root:not( [data-theme="light"] ) .wp-block-button:not( .is-style-lui-outline ) .wp-block-button__link {
color: #ffffff !important;
}
}
:root[data-theme="dark"] {
--wp--preset--color--base: #131313;
--wp--preset--color--base-2: #1e1e1e;
--wp--preset--color--line: #333333;
--wp--preset--color--contrast: #f2f1ed;
--wp--preset--color--muted: #a19e97;
--wp--preset--color--accent-dark: #ff6600;
}
:root[data-theme="dark"] .lui-header .wp-block-search__input {
background-color: var( --wp--preset--color--base-2 );
color: var( --wp--preset--color--contrast );
}
:root[data-theme="dark"] .lui-header .wp-block-search__input::placeholder {
color: var( --wp--preset--color--muted );
}
:root[data-theme="dark"] .wp-element-button,
:root[data-theme="dark"] .wp-block-button:not( .is-style-lui-outline ) .wp-block-button__link {
color: #ffffff !important;
} html {
color-scheme: light dark;
scrollbar-gutter: stable;
}
:root[data-theme="dark"] {
color-scheme: dark;
}
:root[data-theme="light"] {
color-scheme: light;
} .lui-on-dark .has-base-color,
.lui-on-dark.has-base-color,
.lui-on-dark a,
.lui-on-dark h1,
.lui-on-dark h2,
.lui-on-dark h3,
.lui-on-dark h4,
.lui-on-dark .wp-block-site-title,
.lui-on-dark .wp-block-site-title a { color: #ffffff !important;
}
.lui-on-dark .has-contrast-background-color,
.lui-on-dark.has-contrast-background-color {
background-color: #1a1a1a !important;
}
.wp-block-post-terms.lui-badge {
background: #1a1a1a !important;
color: #ffffff !important;
}
.wp-block-post-terms.lui-badge a {
color: #ffffff !important;
}
.lui-hero-overlay,
.lui-hero-overlay .wp-block-post-title,
.lui-hero-overlay .wp-block-post-title a {
color: #ffffff !important;
}
.wp-block-code,
.wp-block-preformatted,
.lui-article-body pre:not( .wp-block-verse ) {
background-color: #1a1a1a !important;
color: #f5f4f2 !important;
} .lui-article-body .wp-block-table {
overflow-x: auto; min-width: 0;
max-width: 100%;
}
.lui-article-body .wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.lui-article-body .wp-block-table th,
.lui-article-body .wp-block-table td {
padding: 0.6em 0.8em;
border: 1px solid var( --wp--preset--color--line );
text-align: left;
vertical-align: top;
}
.lui-article-body .wp-block-table th {
background-color: var( --wp--preset--color--base-2 );
}
.entry-content a[rel~='sponsored']::after,
.wp-block-post-content a[rel~='sponsored']::after {
color: #ffffff !important;
}
.skip-link {
background: #1a1a1a !important;
color: #ffffff !important;
} .has-accent-background-color .wp-block-heading {
color: var( --wp--preset--color--base );
}
.lui-404-code {
font-family: var( --wp--preset--font-family--mono );
font-size: 3.5rem;
font-weight: 700;
} .lui-callout {
border-left: 3px solid var( --wp--preset--color--line );
border-radius: 0 6px 6px 0;
padding: 1rem 1.25rem;
margin: 1.75rem 0;
}
.lui-callout > *:first-child {
margin-top: 0;
}
.lui-callout > *:last-child {
margin-bottom: 0;
}
.lui-callout-label {
font-family: var( --wp--preset--font-family--mono );
font-weight: 700;
text-transform: uppercase;
font-size: var( --wp--preset--font-size--small );
letter-spacing: 0.04em;
margin: 0 0 0.5em !important;
}
.lui-callout.is-info {
border-left-color: var( --wp--preset--color--info );
background: color-mix( in srgb, var( --wp--preset--color--info ) 7%, var( --wp--preset--color--base ) );
}
.lui-callout.is-info .lui-callout-label {
color: var( --wp--preset--color--info );
}
.lui-callout.is-warning {
border-left-color: var( --wp--preset--color--warning );
background: color-mix( in srgb, var( --wp--preset--color--warning ) 7%, var( --wp--preset--color--base ) );
}
.lui-callout.is-warning .lui-callout-label {
color: var( --wp--preset--color--warning );
}
.lui-callout.is-tip {
border-left-color: var( --wp--preset--color--tip );
background: color-mix( in srgb, var( --wp--preset--color--tip ) 7%, var( --wp--preset--color--base ) );
}
.lui-callout.is-tip .lui-callout-label {
color: var( --wp--preset--color--tip );
} .lui-article-body p[class*='has-pale-cyan-blue-background-color'],
.lui-article-body p[class*='has-cyan-bluish-gray-background-color'],
.lui-article-body p[class*='has-vivid-red-background-color'],
.lui-article-body p[class*='has-vivid-green-cyan-background-color'],
.lui-article-body p[class*='has-light-green-cyan-background-color'],
.lui-article-body p[class*='has-luminous-vivid-amber-background-color'],
.lui-article-body p[class*='has-luminous-vivid-orange-background-color'] {
border-left: 3px solid var( --wp--preset--color--info );
border-radius: 0 6px 6px 0;
padding: 1rem 1.25rem !important;
margin: 1.75rem 0;
background: color-mix( in srgb, var( --wp--preset--color--info ) 7%, var( --wp--preset--color--base ) ) !important;
color: inherit !important;
}
.lui-article-body p[class*='has-vivid-red-background-color'] {
border-left-color: var( --wp--preset--color--warning );
background: color-mix( in srgb, var( --wp--preset--color--warning ) 7%, var( --wp--preset--color--base ) ) !important;
}
.lui-article-body p[class*='has-luminous-vivid-amber-background-color'],
.lui-article-body p[class*='has-luminous-vivid-orange-background-color'] {
border-left-color: var( --wp--preset--color--warning );
background: color-mix( in srgb, var( --wp--preset--color--warning ) 7%, var( --wp--preset--color--base ) ) !important;
}
.lui-article-body p[class*='has-vivid-green-cyan-background-color'],
.lui-article-body p[class*='has-light-green-cyan-background-color'] {
border-left-color: var( --wp--preset--color--tip );
background: color-mix( in srgb, var( --wp--preset--color--tip ) 7%, var( --wp--preset--color--base ) ) !important;
} .lui-article-body p[class*='has-pale-cyan-blue-background-color'] a,
.lui-article-body p[class*='has-cyan-bluish-gray-background-color'] a,
.lui-article-body p[class*='has-vivid-red-background-color'] a,
.lui-article-body p[class*='has-vivid-green-cyan-background-color'] a,
.lui-article-body p[class*='has-light-green-cyan-background-color'] a,
.lui-article-body p[class*='has-luminous-vivid-amber-background-color'] a,
.lui-article-body p[class*='has-luminous-vivid-orange-background-color'] a {
color: var( --wp--preset--color--accent ) !important;
text-decoration: underline;
} :where( .wp-block-post-content, .entry-content ) :where( p, li, h1, h2, h3, h4, h5, h6 ) code {
font-family: var( --wp--preset--font-family--mono );
font-size: 0.875em;
background: var( --wp--preset--color--base-2 );
color: var( --wp--preset--color--accent-dark );
padding: 0.15em 0.4em;
border-radius: 4px;
}  .wp-block-query-no-results::before {
-webkit-mask-image: url(//linuxundich.de/en/wp-content/themes/lui-theme/assets/images/l-glyph.svg);
mask-image: url(//linuxundich.de/en/wp-content/themes/lui-theme/assets/images/l-glyph.svg);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.lui-section-title {
display: flex;
align-items: center;
gap: 0.5em;
}
.lui-section-title::before {
content: '';
display: inline-block;
width: 0.7em;
height: 0.7em;
flex-shrink: 0;
background-color: var( --wp--preset--color--accent );
} .lui-category-spotlight {
border-top: 3px solid var( --lui-spotlight-color, var( --wp--preset--color--accent ) );
}
.lui-category-spotlight .lui-section-title::before {
background-color: var( --lui-spotlight-color, var( --wp--preset--color--accent ) );
}
.lui-category-spotlight.is-android {
--lui-spotlight-color: #0099ff; --lui-spotlight-text: #0072be;
}
@media ( prefers-color-scheme: dark ) {
:root:not( [data-theme="light"] ) .lui-category-spotlight.is-android { --lui-spotlight-text: #0099ff; }
}
:root[data-theme="dark"] .lui-category-spotlight.is-android { --lui-spotlight-text: #0099ff; } .lui-topic-label {
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0 0 0.75em;
padding-bottom: 0.5em;
border-bottom: 3px solid var( --wp--preset--color--contrast-2 );
}
.lui-topic-label a {
color: inherit;
text-decoration: none;
} .lui-topic-label {
color: var( --lui-topic-text, inherit );
}
.lui-topic-allgemein {
--lui-topic-text: #52525b;
border-bottom-color: #52525b;
}
.lui-topic-hardware {
--lui-topic-text: #b45309;
border-bottom-color: #b45309;
}
.lui-topic-politik {
--lui-topic-text: #2563eb;
border-bottom-color: #2563eb;
}
.lui-topic-webhosting {
--lui-topic-text: #0573b1;
border-bottom-color: #0693e3;
}
@media ( prefers-color-scheme: dark ) {
:root:not( [data-theme="light"] ) .lui-topic-allgemein { --lui-topic-text: #868692; }
:root:not( [data-theme="light"] ) .lui-topic-hardware { --lui-topic-text: #da640b; }
:root:not( [data-theme="light"] ) .lui-topic-politik { --lui-topic-text: #5183ef; }
:root:not( [data-theme="light"] ) .lui-topic-webhosting { --lui-topic-text: #0693e3; }
}
:root[data-theme="dark"] .lui-topic-allgemein { --lui-topic-text: #868692; }
:root[data-theme="dark"] .lui-topic-hardware { --lui-topic-text: #da640b; }
:root[data-theme="dark"] .lui-topic-politik { --lui-topic-text: #5183ef; }
:root[data-theme="dark"] .lui-topic-webhosting { --lui-topic-text: #0693e3; } @media ( min-width: 600px ) and ( max-width: 781px ) {
.lui-topic-row .wp-block-columns > .wp-block-column {
flex-basis: calc( 25% - ( 3 * var( --wp--preset--spacing--30 ) / 4 ) ) !important;
}
} .lui-search-suggestions {
margin-top: var( --wp--preset--spacing--50 ); text-align: left;
}
.lui-search-suggestions-grid {
display: grid;
grid-template-columns: repeat( 2, 1fr );
gap: var( --wp--preset--spacing--30 );
margin-top: 0.75em;
}
@media ( max-width: 600px ) {
.lui-search-suggestions-grid {
grid-template-columns: 1fr;
}
} .category-android .lui-media-frame:not( :has( img ) ),
.category-android .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #0099ff;
}
.category-hardware .lui-media-frame:not( :has( img ) ),
.category-hardware .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #b45309;
}
.category-politik .lui-media-frame:not( :has( img ) ),
.category-politik .lui-hero:not( :has( img ) ),
.category-politics .lui-media-frame:not( :has( img ) ),
.category-politics .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #2563eb;
}
.category-news .lui-media-frame:not( :has( img ) ),
.category-news .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #dc2626;
}
.category-raspberry-pi .lui-media-frame:not( :has( img ) ),
.category-raspberry-pi .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #c51a4a;
}
.category-spass .lui-media-frame:not( :has( img ) ),
.category-spass .lui-hero:not( :has( img ) ),
.category-fun .lui-media-frame:not( :has( img ) ),
.category-fun .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #9b51e0;
}
.category-sport-outdoor .lui-media-frame:not( :has( img ) ),
.category-sport-outdoor .lui-hero:not( :has( img ) ),
.category-outdoor .lui-media-frame:not( :has( img ) ),
.category-outdoor .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #16a34a;
}
.category-webhosting .lui-media-frame:not( :has( img ) ),
.category-webhosting .lui-hero:not( :has( img ) ),
.category-web-hosting .lui-media-frame:not( :has( img ) ),
.category-web-hosting .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #0693e3;
}
.category-webos .lui-media-frame:not( :has( img ) ),
.category-webos .lui-hero:not( :has( img ) ) {
--lui-fallback-color: #6366f1;
} .lui-section-title a {
color: inherit;
text-decoration: none;
}
.lui-section-title a:hover {
color: var( --wp--preset--color--accent );
}
.lui-category-spotlight .lui-section-title a:hover {
color: var( --lui-spotlight-text, var( --wp--preset--color--accent ) );
}
.lui-more-link {
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.lui-more-link a {
color: var( --wp--preset--color--accent );
text-decoration: none;
}
.lui-more-link a:hover {
text-decoration: underline;
}
.lui-category-spotlight .lui-more-link a {
color: var( --lui-spotlight-text, var( --wp--preset--color--accent ) );
} .skip-link {
background: var( --wp--preset--color--contrast );
color: var( --wp--preset--color--base );
padding: 0.75em 1.25em;
position: fixed;
top: -100px;
left: 1rem;
z-index: 100000;
transition: top 0.2s ease;
border-radius: 0 0 4px 4px;
}
.skip-link:focus {
top: 0;
}
:focus-visible {
outline: 3px solid var( --wp--preset--color--accent );
outline-offset: 2px;
} @media ( max-width: 781px ) {
.lui-two-col {
flex-wrap: wrap !important;
}
} .lui-article-col {
flex: 1 1 68%;
min-width: 0;
} .lui-two-col {
align-items: stretch !important;
} @media ( min-width: 782px ) {
.lui-sidebar-col {
display: flex;
flex-direction: column;
}
.lui-sidebar-col > .wp-block-template-part {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.lui-sidebar-col > .wp-block-template-part > .lui-sidebar {
flex: 1 1 auto;
}
}   .lui-list-card > .lui-media-frame {
flex-basis: 240px;
flex-shrink: 0;
width: 240px;
}
.lui-list-card-body {
flex-grow: 1;
} .lui-list-card {
gap: var( --wp--preset--spacing--30 ) !important;
} .lui-related-card {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: var( --wp--preset--spacing--20 );
} .lui-related-card-body {
flex: 1 1 0%;
min-width: 0;
}
.lui-related-card-body .wp-block-post-title {
margin-top: 0;
margin-bottom: 0;
}
.lui-related-card > .lui-media-frame {
flex-basis: 120px;
flex-shrink: 0;
width: 120px;
} .lui-video-facade,
.lui-video-iframe {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
margin: 0;
border: 0;
border-radius: 8px;
} .lui-video-iframe {
position: static !important;
height: auto !important;
inset: auto !important;
} .wp-block-embed__wrapper:has( .lui-video-embed )::before {
display: none !important;
} .lui-video-embed {
margin: 1.5em 0;
}
.lui-video-facade {
position: relative;
padding: 0;
overflow: hidden;
background: #000;
cursor: pointer;
}
.lui-video-facade img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lui-video-facade-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
width: 68px;
height: 68px;
border-radius: 50%;
background: var( --wp--preset--color--accent );
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease;
}
.lui-video-facade-play::before {
content: '';
margin-left: 4px;
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #ffffff;
}
.lui-video-facade:hover .lui-video-facade-play,
.lui-video-facade:focus-visible .lui-video-facade-play {
transform: translate( -50%, -50% ) scale( 1.08 );
}
.lui-video-facade-note {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0.5em 0.9em;
font-size: 0.8rem;
line-height: 1.3;
color: #ffffff;
text-align: left;
background: linear-gradient( to top, rgba( 0, 0, 0, 0.75 ), rgba( 0, 0, 0, 0 ) );
} .wp-block-query:has( .lui-list-card ) {
container-type: inline-size;
} @container ( max-width: 599px ) {
.lui-list-card {
flex-direction: column;
}
.lui-list-card > .lui-media-frame {
flex-basis: auto;
width: 100%;
}
} header.wp-block-template-part {
position: sticky;
top: var( --wp-admin--admin-bar--height, 0px );
z-index: 999;
} @media screen and ( max-width: 600px ) {
header.wp-block-template-part {
top: 0;
}
} @media ( max-height: 500px ) and ( orientation: landscape ) {
header.wp-block-template-part {
position: static;
}
} .lui-header-blog-separator,
.lui-header-blog-link {
font-family: var( --wp--preset--font-family--heading );
font-weight: 700;
font-size: var( --wp--preset--font-size--xx-large );
line-height: 1;
letter-spacing: -0.01em;
color: var( --wp--preset--color--contrast );
}
.lui-header-blog-separator {
margin: 0 0.25em;
color: var( --wp--preset--color--muted );
}
.lui-header-blog-link {
text-decoration: none;
white-space: nowrap;
}
.lui-header-blog-link:hover {
color: var( --wp--preset--color--accent );
} @media ( max-width: 899px ) {
.lui-header-blog-separator,
.lui-header-blog-link {
display: none;
}
.lui-header-actions .wp-block-navigation__responsive-container-open {
display: flex !important;
}
.lui-header-actions .wp-block-navigation__responsive-container:not( .is-menu-open ) {
display: none !important;
}
} .lui-topic-nav { flex-basis: 100%;
order: 3;
border-top: 1px solid var( --wp--preset--color--line );
margin-top: var( --wp--preset--spacing--20 );
padding-top: var( --wp--preset--spacing--20 ); overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: none;
-ms-overflow-style: none;
}
.lui-topic-nav::-webkit-scrollbar {
display: none;
}
.lui-topic-nav ul {
display: flex;
gap: 1.5rem;
list-style: none;
margin: 0;
padding: 0;
}
.lui-topic-nav li {
flex: 0 0 auto;
}
.lui-topic-nav a {
display: block;
line-height: 1;
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
white-space: nowrap;
text-decoration: none;
color: var( --wp--preset--color--muted ); border-bottom: 2px solid transparent;
padding-bottom: 0.2em;
}
.lui-topic-nav a:hover,
.lui-topic-nav a:focus-visible {
color: var( --wp--preset--color--contrast );
border-bottom-color: var( --wp--preset--color--accent );
} body.category-gnu-linux .lui-topic-nav a[href*="/gnu-linux/"],
body.category-android .lui-topic-nav a[href*="/android/"],
body.category-raspberry-pi .lui-topic-nav a[href*="/raspberry-pi/"],
body.category-hardware .lui-topic-nav a[href*="/hardware/"],
body.category-news .lui-topic-nav a[href*="/news/"] {
color: var( --wp--preset--color--contrast );
border-bottom-color: var( --wp--preset--color--accent );
} @media ( max-height: 500px ) and ( orientation: landscape ) { .lui-header-brand {
order: 1;
gap: 0.5rem !important;
}
.lui-header-actions {
order: 3;
}
.lui-topic-nav {
flex-basis: auto;
order: 2; flex: 1 1 0;
min-width: 0;
margin: 0 var( --wp--preset--spacing--30 );
padding-top: 0;
border-top: 0;
}
.lui-topic-nav a {
padding-bottom: 0;
border-bottom: 0;
} .lui-topic-nav a:hover,
.lui-topic-nav a:focus-visible,
body.category-gnu-linux .lui-topic-nav a[href*="/gnu-linux/"],
body.category-android .lui-topic-nav a[href*="/android/"],
body.category-raspberry-pi .lui-topic-nav a[href*="/raspberry-pi/"],
body.category-hardware .lui-topic-nav a[href*="/hardware/"],
body.category-news .lui-topic-nav a[href*="/news/"] {
color: var( --wp--preset--color--accent );
}
.lui-header {
padding-top: var( --wp--preset--spacing--10 ) !important;
padding-bottom: var( --wp--preset--spacing--10 ) !important;
}
.lui-logo-mark {
width: 24px;
height: 24px;
}
.lui-header .wp-block-social-links {
display: none;
}
.lui-header-actions,
.lui-header-tools {
gap: 0.35rem !important;
}
} @media ( max-width: 599px ) {
.lui-topic-nav {
margin-top: var( --wp--preset--spacing--10 );
padding-top: var( --wp--preset--spacing--10 );
margin-left: calc( -1 * var( --wp--style--root--padding-left, 1rem ) );
margin-right: calc( -1 * var( --wp--style--root--padding-right, 1rem ) );
padding-left: var( --wp--style--root--padding-left, 1rem );
padding-right: var( --wp--style--root--padding-right, 1rem );
}
.lui-topic-nav ul {
gap: 1.1rem;
}
}
.lui-header {
background: var( --wp--preset--color--base );
border-bottom: 1px solid var( --wp--preset--color--line );
} @media ( prefers-reduced-motion: no-preference ) {
.lui-header {
transition: box-shadow 0.2s ease, background-color 0.2s ease;
}
}
.lui-header.is-scrolled { box-shadow: 0 4px 16px rgba( 0, 0, 0, 0.08 );
}
@supports ( backdrop-filter: blur( 1px ) ) or ( -webkit-backdrop-filter: blur( 1px ) ) {
.lui-header.is-scrolled { background: color-mix( in srgb, var( --wp--preset--color--base ) 72%, transparent );
backdrop-filter: blur( 12px );
-webkit-backdrop-filter: blur( 12px );
}
} .lui-header .wp-block-navigation a {
text-decoration: none;
line-height: 1;
}
.lui-header .wp-block-navigation-item.current-menu-item > a {
color: var( --wp--preset--color--accent );
} .lui-header-brand {
flex-shrink: 0;
}
.lui-header-brand .wp-block-site-title,
.lui-header-brand .wp-block-site-title a {
white-space: nowrap;
} .lui-logo-link {
display: flex;
} .lui-wordmark-link {
display: flex;
text-decoration: none;
white-space: nowrap;
}
.lui-wordmark {
font-family: var( --wp--preset--font-family--heading );
font-weight: 700;
font-size: var( --wp--preset--font-size--xx-large );
line-height: 1.05;
letter-spacing: -0.01em;
}
.lui-wordmark-accent {
color: var( --wp--preset--color--accent );
}
.lui-wordmark-muted {
color: var( --wp--preset--color--muted );
font-weight: 400;
}
.lui-wordmark-dark {
color: var( --wp--preset--color--contrast );
} .lui-header .wp-block-social-links {
flex-wrap: nowrap;
flex-shrink: 0;
}
.lui-header .wp-block-social-links .wp-block-social-link {
flex-shrink: 0;
} .lui-header-row {
flex-wrap: wrap !important;
row-gap: var( --wp--preset--spacing--20 ); min-width: 0;
} .lui-header-actions {
flex-wrap: wrap;
row-gap: var( --wp--preset--spacing--20 );
min-width: 0;
}
.lui-header-actions .wp-block-navigation {
flex-grow: 1;
min-width: 0;
}
.lui-header-tools {
min-width: 0;
}
.lui-header-brand .wp-block-site-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
} @media ( max-width: 599px ) {
.lui-header-row {
row-gap: var( --wp--preset--spacing--10 );
}
.lui-header-brand {
gap: 0.5rem !important;
} .lui-header-brand .wp-block-site-title {
font-size: clamp( 0.78rem, 0.41rem + 1.83vw, 1.1rem );
}
.lui-logo-mark {
width: 24px;
height: 24px;
}
.lui-header-actions {
gap: 0.25rem !important;
}
.lui-header-tools {
gap: 0.25rem !important;
} .lui-header .wp-block-social-links {
display: none;
} :root {
--lui-theme-toggle-size: 26px;
--lui-search-toggle-size: 28px;
}
} @media ( max-width: 899px ) {
.wp-block-navigation__responsive-container.is-menu-open {
--navigation-layout-justification-setting: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
border-top: 1px solid var( --wp--preset--color--line );
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child {
border-bottom: 1px solid var( --wp--preset--color--line );
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
display: block;
width: 100%;
padding: 0.9em 0;
font-size: var( --wp--preset--font-size--medium );
font-weight: 600;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
color: var( --wp--preset--color--accent );
} .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container {
box-sizing: border-box !important;
width: 100% !important;
padding-left: 2.5rem !important;
padding-right: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
font-size: var( --wp--preset--font-size--small );
font-weight: 500;
}
} .lui-header .wp-block-search {
display: none;
}
.lui-header-search-toggle {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0; width: var( --lui-search-toggle-size, 40px );
height: var( --lui-search-toggle-size, 40px );
border-radius: 999px;
background: var( --wp--preset--color--accent );
color: #ffffff;
border: none;
cursor: pointer;
padding: 0;
}
.lui-header-tools.is-search-open {
flex: 1 1 auto;
}
.lui-header-tools.is-search-open .lui-header-search-toggle,
.lui-header-tools.is-search-open .wp-block-social-links,
.lui-header-tools.is-search-open .lui-theme-toggle {
display: none;
}
.lui-header-tools.is-search-open .wp-block-search {
display: flex;
width: 100% !important;
flex: 1 1 auto !important;
} .lui-header .wp-block-search__inside-wrapper {
height: 40px;
align-items: center;
gap: 0.5rem;
overflow: visible;
border: none !important;
background: none !important;
}
.lui-header .wp-block-search__input {
height: 40px;
min-height: 0;
box-sizing: border-box;
padding-top: 0;
padding-bottom: 0;
padding-left: 0.85rem;
padding-right: 0.85rem;
line-height: 40px;
border: 1px solid var( --wp--preset--color--line ) !important;
border-radius: 999px !important;
}
.lui-header .wp-block-search__button {
height: 40px;
width: 40px;
min-height: 0;
box-sizing: border-box;
flex-shrink: 0;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border: none !important;
border-radius: 50% !important;
}
.lui-header .wp-block-search__button svg {
width: 18px;
height: 18px;
display: block;
} .lui-media-frame {
position: relative;
overflow: hidden;
display: block;
border-radius: 8px;
container-type: inline-size;
}  .lui-media-frame:not( :has( img ) ),
.lui-hero:not( :has( img ) ) {
cursor: pointer;
}
.lui-media-frame:not( :has( img ) ) {
aspect-ratio: var( --lui-frame-ratio, 4 / 3 );
background-color: var( --wp--preset--color--contrast );
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 37,25 L 63,43 L 37,61 L 37,49 L 47,43 L 37,37 Z' fill='%23ff6600' fill-opacity='0.4'/%3E%3Crect x='37' y='65' width='26' height='10' fill='%23ff6600' fill-opacity='0.4'/%3E%3C/svg%3E"),
linear-gradient( 135deg, var( --lui-fallback-color, var( --wp--preset--color--contrast-2 ) ), var( --wp--preset--color--contrast ) );
background-repeat: no-repeat;
background-position: center;
background-size: 35%, cover;
} .lui-frame-square {
--lui-frame-ratio: 1;
} .lui-frame-square img {
aspect-ratio: 1;
object-fit: cover;
height: 100%;
}
.lui-media-frame img {
transition: transform 0.4s ease;
display: block;
width: 100%;
height: auto;
}
.lui-media-frame:hover img {
transform: scale( 1.04 );
} .lui-media-frame::before,
.lui-media-frame::after,
.lui-hero::before,
.lui-hero::after {
content: '';
position: absolute;
width: 22px;
height: 22px;
z-index: 3;
opacity: 0;
transition: opacity 0.25s ease, transform 0.25s ease;
pointer-events: none;
}
.lui-media-frame::before,
.lui-hero::before {
top: 10px;
left: 10px;
border-top: 3px solid var( --wp--preset--color--accent );
border-left: 3px solid var( --wp--preset--color--accent );
transform: translate( -6px, -6px );
}
.lui-media-frame::after,
.lui-hero::after {
bottom: 10px;
right: 10px;
border-bottom: 3px solid var( --wp--preset--color--accent );
border-right: 3px solid var( --wp--preset--color--accent );
transform: translate( 6px, 6px );
}
.lui-media-frame:hover::before,
.lui-media-frame:hover::after,
.lui-hero:hover::before,
.lui-hero:hover::after {
opacity: 1;
transform: translate( 0, 0 );
}
.lui-hero:hover .wp-block-post-featured-image img {
transform: scale( 1.04 );
} article:has( .wp-block-post-title:hover ) .lui-media-frame::before,
article:has( .wp-block-post-title:hover ) .lui-media-frame::after {
opacity: 1;
transform: translate( 0, 0 );
}
article:has( .wp-block-post-title:hover ) .lui-media-frame img {
transform: scale( 1.04 );
}
.lui-hero:has( .wp-block-post-title:hover )::before,
.lui-hero:has( .wp-block-post-title:hover )::after {
opacity: 1;
transform: translate( 0, 0 );
}
.lui-hero:has( .wp-block-post-title:hover ) .wp-block-post-featured-image img {
transform: scale( 1.04 );
} @media ( max-width: 599px ) {
.lui-hero::before,
.lui-hero::after {
display: none;
}
}
.wp-block-post-terms.lui-badge {
display: inline-block;
background: var( --wp--preset--color--contrast );
color: var( --wp--preset--color--base );
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
padding: 0.3em 0.65em;
border-radius: 2px;
margin-bottom: 0.5em;
}
.wp-block-post-terms.lui-badge a { color: #ffffff !important;
text-decoration: none !important;
}
.wp-block-post-terms.lui-badge::before {
content: '//';
opacity: 0.55;
margin-right: 0.2em;
}
.wp-block-post-terms.lui-badge:hover {
background: var( --wp--preset--color--accent );
} .lui-media-frame .wp-block-post-terms.lui-badge {
position: absolute;
top: 18px;
left: 18px;
z-index: 2;
margin: 0;
max-width: calc( 100% - 1.5rem );
width: -moz-fit-content;
width: fit-content;
white-space: normal;
overflow-wrap: break-word;
line-height: 1.25;
padding: 0.3em 0.55em;
font-size: 0.6875rem;
} .lui-badge-sticky,
.lui-badge-format {
position: absolute;
right: 18px;
z-index: 2;
display: inline-block; margin: 0;
font-family: var( --wp--preset--font-family--mono );
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
padding: 0.3em 0.55em;
border-radius: 2px;
line-height: 1.25;
pointer-events: none;
} .lui-badge-sticky {
top: 18px;
background: var( --wp--preset--color--accent );
color: #ffffff;
}
.lui-badge-format {
bottom: 18px;
background: #1a1a1a;
color: #ffffff;
} .lui-badge-comments {
position: absolute;
bottom: 18px;
right: 18px;
z-index: 2;
margin: 0; background: #1a1a1a;
color: #ffffff;
font-family: var( --wp--preset--font-family--mono );
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.02em;
padding: 0.3em 0.55em;
border-radius: 2px;
line-height: 1.25;
}
.lui-badge-comments:empty {
display: none;
} .lui-media-frame:has( .lui-badge-format ) .lui-badge-comments,
.lui-hero:has( .lui-badge-format ) .lui-badge-comments {
bottom: 50px;
} @container ( max-width: 220px ) {
.lui-badge-sticky {
top: 46px;
right: auto;
left: 18px;
}
} .lui-meta {
color: var( --wp--preset--color--muted );
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
font-variant-numeric: tabular-nums;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
margin-top: 0.25rem;
}
.lui-meta > * {
display: inline-flex;
align-items: center;
} .lui-meta > *:not( :first-child ):not( :empty )::before {
content: '·';
margin-right: 0.5em;
color: var( --wp--preset--color--line );
}
.lui-meta > .lui-comment-count:empty {
display: none;
} .lui-article-header {
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-top: 4px solid var( --wp--preset--color--accent );
border-radius: 10px;
padding: clamp( 1.25rem, 4vw, 2rem );
margin-bottom: var( --wp--preset--spacing--50 );
}
.lui-article-lead {
font-style: normal;
font-size: 1.125rem; line-height: 1.5;
color: var( --wp--preset--color--muted );
border-left: 3px solid var( --wp--preset--color--accent );
padding: 0.15em 0 0.15em 1.1em;
margin-top: var( --wp--preset--spacing--30 );
margin-bottom: var( --wp--preset--spacing--30 ) !important;
}
.lui-article-hero {
position: relative;
border-radius: 8px;
overflow: hidden;
margin-bottom: 0 !important;
}
.lui-article-hero img {
display: block;
width: 100%;
} .lui-image-credit {
position: absolute;
right: 0;
bottom: 0;
max-width: 80%;
margin: 0.6em;
padding: 0.2em 0.6em;
background: rgba( 0, 0, 0, 0.55 );
color: rgba( 255, 255, 255, 0.85 );
font-size: 0.6875rem;
line-height: 1.4;
border-radius: 4px;
text-align: right; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lui-image-credit a { display: inline !important;
color: inherit;
text-decoration: underline;
}
.lui-image-credit a:hover {
color: var( --wp--preset--color--accent );
} .lui-article-body {
position: relative;
margin-top: 0;
font-size: 1rem; }
.lui-article-body h2 {
font-size: 1.5rem; }
.lui-article-body h3 {
font-size: 1.25rem; }
.lui-article-body h4 {
font-size: 1.125rem; }
.lui-article-body pre:not( .wp-block-verse ),
.lui-article-body code {
font-size: 0.8125rem; } .lui-article-body pre:not( .wp-block-verse ) {
font-family: var( --wp--preset--font-family--mono );
border-radius: 6px;
padding: 1rem 1.25rem;
overflow-x: auto;
white-space: pre-wrap;
word-break: break-word;
} .lui-article-body .gallery {
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 200px, 1fr ) );
gap: var( --wp--preset--spacing--30 );
margin: var( --wp--preset--spacing--40 ) 0;
list-style: none;
padding: 0;
}
.lui-article-body .gallery-item {
margin: 0;
}
.lui-article-body .gallery-icon {
position: relative;
overflow: hidden;
border-radius: 8px;
aspect-ratio: 4 / 3;
display: block;
background-color: var( --wp--preset--color--base-2 );
}
.lui-article-body .gallery-icon a {
display: block;
height: 100%;
cursor: zoom-in;
}
.lui-article-body .gallery-icon img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
margin: 0;
transition: transform 0.4s ease;
}
.lui-article-body .gallery-icon:hover img {
transform: scale( 1.05 );
}
.lui-article-body .gallery-caption {
font-size: var( --wp--preset--font-size--small );
color: var( --wp--preset--color--muted );
margin-top: 0.4em;
text-align: center;
} .lui-gallery-lightbox {
position: fixed;
inset: 0;
z-index: 2000;
background: rgba( 0, 0, 0, 0.9 );
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
}
.lui-gallery-lightbox[hidden] {
display: none;
}
.lui-gallery-lightbox figure {
display: flex;
flex-direction: column;
align-items: center;
max-width: 100%;
max-height: 100%;
margin: 0;
}
.lui-gallery-lightbox img { flex: 1 1 auto;
min-height: 0;
max-width: 100%;
object-fit: contain;
border-radius: 4px;
}
.lui-gallery-lightbox-caption {
flex: 0 0 auto;
margin-top: 0.75rem;
padding: 0 1rem;
max-width: 70ch;
color: rgba( 255, 255, 255, 0.85 );
font-size: var( --wp--preset--font-size--small );
text-align: center;
}
.lui-gallery-lightbox-caption[hidden] {
display: none;
}
.lui-gallery-lightbox-close,
.lui-gallery-lightbox-prev,
.lui-gallery-lightbox-next {
position: absolute;
background: rgba( 255, 255, 255, 0.1 );
border: none;
color: var( --wp--preset--color--base );
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 999px;
transition: background 0.2s ease;
}
.lui-gallery-lightbox-close:hover,
.lui-gallery-lightbox-prev:hover,
.lui-gallery-lightbox-next:hover {
background: rgba( 255, 255, 255, 0.25 );
}
.lui-gallery-lightbox-close {
top: 1rem;
right: 1rem;
width: 44px;
height: 44px;
font-size: 1.5rem;
}
.lui-gallery-lightbox-prev,
.lui-gallery-lightbox-next {
top: 50%;
transform: translateY( -50% );
width: 52px;
height: 52px;
font-size: 1.75rem;
}
.lui-gallery-lightbox-prev {
left: 1rem;
}
.lui-gallery-lightbox-next {
right: 1rem;
}
.lui-gallery-lightbox-counter {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX( -50% );
color: rgba( 255, 255, 255, 0.75 );
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
} .lui-gallery-lightbox-prev[hidden],
.lui-gallery-lightbox-next[hidden],
.lui-gallery-lightbox-counter[hidden] {
display: none;
}
.lui-source-line {
margin-top: var( --wp--preset--spacing--30 );
}
.lui-source-line:empty {
display: none;
}
.lui-source-line a {
color: inherit;
text-decoration: underline;
} .lui-tags-share {
align-items: center;
column-gap: var( --wp--preset--spacing--30 );
} .lui-share-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
.lui-share-label {
color: var( --wp--preset--color--muted );
font-family: var( --wp--preset--font-family--body );
font-size: var( --wp--preset--font-size--small );
font-weight: 400;
line-height: 1.5;
}
.lui-tags-share .wp-block-post-terms {
margin: 0;
color: var( --wp--preset--color--muted );
font-family: var( --wp--preset--font-family--body );
font-size: var( --wp--preset--font-size--small );
font-weight: 400;
line-height: 1.5;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
} .lui-tags-share .wp-block-post-terms__separator {
display: none;
}
.lui-tags-share .wp-block-post-terms a {
display: inline-flex;
align-items: center;
padding: 0.5em 1em;
background: var( --wp--preset--color--base );
border: 1px solid var( --wp--preset--color--line );
border-radius: 999px;
color: var( --wp--preset--color--contrast );
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.lui-tags-share .wp-block-post-terms a:hover {
background: var( --wp--preset--color--accent );
color: var( --wp--preset--color--base );
border-color: var( --wp--preset--color--accent );
} .lui-post-nav a {
color: var( --wp--preset--color--contrast );
text-decoration: none;
font-family: var( --wp--preset--font-family--heading );
font-weight: 600;
font-size: var( --wp--preset--font-size--large );
}
.lui-post-nav a:hover {
color: var( --wp--preset--color--accent );
} .lui-post-nav .wp-block-post-navigation-link {
max-width: 45%;
} .post-navigation-link-previous::before,
.post-navigation-link-next::before {
display: block;
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
color: var( --wp--preset--color--muted );
text-transform: uppercase;
letter-spacing: 0.02em;
margin-bottom: 0.25em;
}
.post-navigation-link-previous::before {
content: 'Vorheriger Beitrag';
}
.post-navigation-link-next::before {
content: 'Nächster Beitrag';
text-align: right;
} .lui-post-nav > .wp-block-post-navigation-link:last-child {
margin-left: auto;
text-align: right;
}  .lui-author-box {
align-items: flex-start;
}
.lui-author-box .wp-block-avatar {
flex-shrink: 0;
}
.lui-author-box .wp-block-post-author-name {
margin: 0 0 0.25em;
font-size: var( --wp--preset--font-size--large );
line-height: 1.2;
} .lui-post-footer > .lui-post-nav,
.lui-post-footer > .lui-author-box {
border-top: 1px solid var( --wp--preset--color--line );
padding-top: var( --wp--preset--spacing--40 );
} .lui-below-article-section > .lui-section-title,
.lui-below-article-section > .wp-block-comments-title {
margin-top: 0;
}  .wp-block-comment-template {
box-sizing: border-box;
list-style: none;
margin-bottom: 0;
max-width: 100%;
padding: 0;
}
.wp-block-comment-template li {
clear: both;
}
.lui-comment {
padding-bottom: var( --wp--preset--spacing--40 );
margin-bottom: var( --wp--preset--spacing--40 ) !important;
border-bottom: 1px solid var( --wp--preset--color--line );
}
.wp-block-comment-template > li:last-child > .lui-comment {
border-bottom: none;
margin-bottom: 0 !important;
padding-bottom: 0;
}
.lui-comment-meta {
column-gap: 0.6em;
margin-bottom: 0.4em;
}
.lui-comment-meta .wp-block-comment-author-name {
color: var( --wp--preset--color--contrast );
}
.lui-comment-meta .wp-block-comment-author-name a {
color: inherit;
text-decoration: none;
}
.lui-comment-meta .wp-block-comment-date,
.lui-comment-meta .wp-block-comment-date a {
color: var( --wp--preset--color--muted );
font-size: var( --wp--preset--font-size--small );
font-weight: 400;
text-decoration: none;
}
.wp-block-comment-content p {
margin: 0 0 0.5em;
} .wp-block-comment-template li .wp-block-comment-content ul {
list-style: disc;
margin: 0 0 0.75em;
padding-left: 1.25em;
}
.wp-block-comment-template li .wp-block-comment-content ol {
list-style: decimal;
margin: 0 0 0.75em;
padding-left: 1.25em;
border-left: none;
}
.wp-block-comment-content pre,
.wp-block-comment-content code {
font-family: var( --wp--preset--font-family--mono );
font-size: 0.8125rem;
}
.wp-block-comment-content pre {
background-color: #1a1a1a;
color: #f5f4f2;
border-radius: 6px;
padding: 1rem 1.25rem;
margin: 0 0 0.75em;
overflow-x: auto;
white-space: pre-wrap;
word-break: break-word;
}
.wp-block-comment-content pre code {
background: none;
padding: 0;
}
.wp-block-comment-content code {
background-color: var( --wp--preset--color--base-2 );
border-radius: 4px;
padding: 0.1em 0.4em;
}
.wp-block-comment-reply-link a {
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.02em;
text-decoration: none;
} .wp-block-comment-template li ol {
list-style: none;
margin: var( --wp--preset--spacing--40 ) 0 0;
padding-left: var( --wp--preset--spacing--40 );
border-left: 2px solid var( --wp--preset--color--line );
} .lui-comment-toolbar {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
margin-bottom: 0.5em;
}
.lui-comment-toolbar-button {
min-width: 2.25em;
padding: 0.35em 0.6em;
border: 1px solid var( --wp--preset--color--line );
border-radius: 6px;
background: var( --wp--preset--color--base-2 );
color: var( --wp--preset--color--contrast );
font-family: var( --wp--preset--font-family--mono );
font-size: 0.85rem;
line-height: 1;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.lui-comment-toolbar-button:hover,
.lui-comment-toolbar-button:focus-visible {
background: var( --wp--preset--color--accent );
border-color: var( --wp--preset--color--accent );
color: #ffffff;
}
.lui-comment-hint {
font-size: var( --wp--preset--font-size--small );
color: var( --wp--preset--color--muted );
margin-top: 0.4em;
} .lui-comment-pending-notice {
margin-bottom: var( --wp--preset--spacing--30 );
padding: 1em 1.25em;
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-top: 4px solid var( --wp--preset--color--accent );
border-radius: 8px;
} .lui-comment-notice {
margin-bottom: var( --wp--preset--spacing--30 );
padding: 1em 1.25em;
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-top: 4px solid var( --wp--preset--color--accent );
border-radius: 8px;
}
.lui-comment-notice-error {
border-top-color: var( --wp--preset--color--warning );
} .lui-privacy-notice[hidden] {
display: none;
}
.lui-privacy-notice {
position: fixed;
left: var( --wp--preset--spacing--20 );
right: var( --wp--preset--spacing--20 );
bottom: var( --wp--preset--spacing--20 );
z-index: 1000;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var( --wp--preset--spacing--20 );
max-width: 640px;
margin: 0 auto;
padding: 1em 1.25em;
background: var( --wp--preset--color--contrast );
color: var( --wp--preset--color--base );
border-radius: 8px;
border-top: 4px solid var( --wp--preset--color--accent );
box-shadow: 0 4px 24px rgba( 0, 0, 0, 0.25 );
font-size: var( --wp--preset--font-size--small );
}
.lui-privacy-notice p {
flex: 1 1 240px;
margin: 0;
}
.lui-privacy-notice a {
color: inherit;
text-decoration: underline;
}
.lui-privacy-notice-dismiss {
flex-shrink: 0;
padding: 0.5em 1.25em;
background: var( --wp--preset--color--accent );
color: #ffffff;
border: none;
border-radius: 6px;
font-family: inherit;
font-size: inherit;
font-weight: 600;
cursor: pointer;
}
.lui-privacy-notice-dismiss:hover,
.lui-privacy-notice-dismiss:focus-visible {
background: var( --wp--preset--color--accent-dark );
} .lui-search-embed-facade {
margin: var( --wp--preset--spacing--30 ) 0;
}
.lui-search-embed-toggle {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75em;
width: 100%;
padding: var( --wp--preset--spacing--40 ) var( --wp--preset--spacing--30 );
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-top: 4px solid var( --wp--preset--color--accent );
border-radius: 8px;
color: var( --wp--preset--color--contrast );
font-family: inherit;
text-align: center;
cursor: pointer;
}
.lui-search-embed-toggle svg {
color: var( --wp--preset--color--accent );
}
.lui-search-embed-text {
max-width: 42ch;
color: var( --wp--preset--color--muted );
font-size: var( --wp--preset--font-size--small );
}
.lui-search-embed-cta {
padding: 0.5em 1.25em;
background: var( --wp--preset--color--accent );
color: #ffffff;
border-radius: 6px;
font-weight: 600;
}
.lui-search-embed-toggle:hover .lui-search-embed-cta,
.lui-search-embed-toggle:focus-visible .lui-search-embed-cta {
background: var( --wp--preset--color--accent-dark );
}
.lui-comment-hint code {
font-size: inherit;
background: var( --wp--preset--color--base-2 );
border-radius: 4px;
padding: 0.05em 0.35em;
} .lui-comment-edit {
margin-top: 0.5em;
font-size: var( --wp--preset--font-size--small );
}
.lui-comment-edit-toggle {
border: none;
background: none;
padding: 0;
color: var( --wp--preset--color--accent );
font-family: inherit;
font-size: inherit;
font-weight: 600;
cursor: pointer;
text-decoration: underline;
}
.lui-comment-edit-toggle:hover,
.lui-comment-edit-toggle:focus-visible {
color: var( --wp--preset--color--accent-dark );
} .lui-comment-delete-toggle {
border: none;
background: none;
padding: 0;
margin-left: 0.8em;
color: var( --wp--preset--color--warning );
font-family: inherit;
font-size: inherit;
font-weight: 600;
cursor: pointer;
text-decoration: underline;
}
.lui-comment-delete-toggle:hover,
.lui-comment-delete-toggle:focus-visible {
color: var( --wp--preset--color--accent-dark );
}
.lui-comment-delete-confirm {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 0.6em;
margin-left: 0.8em;
}
.lui-comment-delete-confirm[hidden] {
display: none;
}
.lui-comment-delete-frage {
font-weight: 600;
}
.lui-comment-delete-yes,
.lui-comment-delete-no {
padding: 0.25em 0.8em;
border: 1px solid var( --wp--preset--color--line );
border-radius: 6px;
background: var( --wp--preset--color--base-2 );
font-family: inherit;
font-size: inherit;
cursor: pointer;
}
.lui-comment-delete-yes {
border-color: var( --wp--preset--color--warning );
color: var( --wp--preset--color--warning );
font-weight: 600;
}
.lui-comment-delete-yes[disabled],
.lui-comment-delete-no[disabled] {
opacity: 0.6;
cursor: default;
}
.lui-comment-edit-countdown {
margin-left: 0.6em;
color: var( --wp--preset--color--muted );
}
.lui-comment-edit-form {
margin-top: 0.5em;
}
.lui-comment-edit-textarea {
display: block;
width: 100%;
min-height: 6em;
padding: 0.6em;
border: 1px solid var( --wp--preset--color--line );
border-radius: 6px;
font-family: inherit;
font-size: 1rem;
resize: vertical;
}
.lui-comment-edit-actions {
display: flex;
align-items: center;
gap: 0.6em;
margin-top: 0.5em;
}
.lui-comment-edit-save,
.lui-comment-edit-cancel {
padding: 0.4em 1em;
border: 1px solid var( --wp--preset--color--line );
border-radius: 6px;
font-family: inherit;
font-size: 0.9rem;
cursor: pointer;
}
.lui-comment-edit-save {
background: var( --wp--preset--color--accent );
border-color: var( --wp--preset--color--accent );
color: #ffffff;
}
.lui-comment-edit-save:hover,
.lui-comment-edit-save:focus-visible {
background: var( --wp--preset--color--accent-dark );
border-color: var( --wp--preset--color--accent-dark );
}
.lui-comment-edit-save:disabled {
opacity: 0.6;
cursor: default;
}
.lui-comment-edit-cancel {
background: var( --wp--preset--color--base-2 );
color: var( --wp--preset--color--contrast );
}
.lui-comment-edit-status {
color: var( --wp--preset--color--muted );
} .lui-hero {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.lui-hero .wp-block-post-featured-image {
margin: 0;
}
.lui-hero .wp-block-post-featured-image img {
width: 100%;
height: 62vh;
min-height: 380px;
max-height: 640px;
object-fit: cover;
display: block;
} .lui-hero .lui-media-frame:not( :has( img ) ) { width: 100%;
aspect-ratio: auto;
height: 62vh;
min-height: 380px;
max-height: 640px;
background-color: var( --wp--preset--color--contrast );
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 37,25 L 63,43 L 37,61 L 37,49 L 47,43 L 37,37 Z' fill='%23ff6600' fill-opacity='0.4'/%3E%3Crect x='37' y='65' width='26' height='10' fill='%23ff6600' fill-opacity='0.4'/%3E%3C/svg%3E"),
linear-gradient( 135deg, var( --lui-fallback-color, var( --wp--preset--color--contrast-2 ) ), var( --wp--preset--color--contrast ) );
background-repeat: no-repeat;
background-position: center;
background-size: 280px, cover;
}
.lui-hero-overlay {
position: absolute;
inset: auto 0 0 0;
padding: clamp( 1.25rem, 4vw, 3rem );
background: linear-gradient( 0deg, rgba( 26, 26, 26, 0.92 ) 0%, rgba( 26, 26, 26, 0.6 ) 60%, rgba( 26, 26, 26, 0 ) 100% );
color: var( --wp--preset--color--base );
}
.lui-hero-overlay .wp-block-post-title,
.lui-hero-overlay .wp-block-post-title a {
color: var( --wp--preset--color--base );
margin: 0.35em 0;
}
.lui-hero-overlay p {
color: rgba( 255, 255, 255, 0.85 );
}
.lui-hero-overlay .lui-meta {
color: rgba( 255, 255, 255, 0.75 );
}
.lui-hero-overlay .lui-meta > *:not( :first-child ):not( :empty )::before {
color: rgba( 255, 255, 255, 0.4 );
} .lui-hero .wp-block-post-terms.lui-badge {
position: absolute;
top: 18px;
left: 18px;
z-index: 2;
margin: 0;
padding: 0.3em 0.55em;
font-size: 0.6875rem;
line-height: 1.25;
} @media ( min-width: 600px ) {
.lui-hero-overlay .wp-block-post-excerpt {
max-width: none;
font-size: var( --wp--preset--font-size--large );
}
} @media ( max-width: 599px ) { .lui-hero .wp-block-post-featured-image img {
height: auto;
min-height: 0;
max-height: none;
aspect-ratio: 4 / 3 !important;
}
.lui-hero .lui-media-frame:not( :has( img ) ) {
height: auto;
min-height: 0;
max-height: none;
aspect-ratio: 4 / 3;
}
} @media ( max-width: 599px ) {
.lui-hero-overlay .lui-meta {
flex-wrap: nowrap;
font-size: 0.6875rem;
gap: 0.35em;
}
.lui-hero-overlay .lui-meta > * {
white-space: nowrap;
}
.lui-hero-overlay .lui-meta > .lui-comment-count {
display: none;
}
} .lui-latest-articles-main {
flex: 1 1 65%;
}
.lui-latest-articles-aside {
flex: 1 1 30%;
} @media ( max-width: 599px ) {
.lui-latest-articles-aside {
display: none;
}
.lui-latest-articles-main {
flex: 1 1 100% !important;
}
} @media ( max-width: 599px ) { .lui-hero-overlay {
position: static;
inset: auto;
background: none;
color: inherit !important;
}
.lui-hero-overlay p,
.lui-hero-overlay .lui-meta {
color: inherit !important;
}
.lui-hero-overlay .lui-meta > *:not( :first-child ):not( :empty )::before {
color: var( --wp--preset--color--line );
} .lui-hero-overlay .wp-block-post-title {
position: absolute;
top: calc( 1px + var( --lui-hero-pad ) );
left: calc( 1px + var( --lui-hero-pad ) );
width: calc( 100% - 2 * ( 1px + var( --lui-hero-pad ) ) );
aspect-ratio: 4 / 3;
margin: 0; padding: 1rem 1rem 3.25rem;
display: flex;
align-items: flex-end;
background: linear-gradient( 0deg, rgba( 26, 26, 26, 0.85 ) 0%, rgba( 26, 26, 26, 0.55 ) 55%, rgba( 26, 26, 26, 0 ) 100% );
border-radius: 0 0 8px 8px;
}
.lui-hero-overlay .wp-block-post-title a {
color: #ffffff !important; font-size: 1.375rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} .lui-hero-overlay .wp-block-post-excerpt {
display: block;
} .lui-hero-overlay .wp-block-post-excerpt p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
} @media ( max-width: 599px ) { .lui-hero-slider {
--lui-hero-pad: clamp( 1.25rem, 4vw, 2rem );
}
.lui-hero {
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-top: 4px solid var( --wp--preset--color--accent );
padding: var( --lui-hero-pad );
}
.lui-hero-overlay { padding: var( --wp--preset--spacing--20 ) 0 0;
}
} .lui-hero-slider {
position: relative;
} .lui-hero-slider-controls {
display: contents;
}
@media ( max-width: 599px ) {
.lui-hero-slider-controls {
display: block;
position: absolute; top: calc( 1px + var( --lui-hero-pad ) );
left: calc( 1px + var( --lui-hero-pad ) ); margin: 0;
width: calc( 100% - 2 * ( 1px + var( --lui-hero-pad ) ) ); aspect-ratio: 4 / 3;
pointer-events: none;
}
.lui-hero-slider-controls > * {
pointer-events: auto;
}
} .lui-hero-slider-track .lui-hero-slide {
display: none;
}
.lui-hero-slider-track > * > :first-child .lui-hero-slide {
display: block;
} .lui-hero-slider.is-js-ready .lui-hero-slider-track > * > :first-child .lui-hero-slide:not(.is-active) {
display: none;
}
.lui-hero-slider-track .lui-hero-slide.is-active {
display: block;
animation: lui-hero-fade 0.5s ease;
}
@keyframes lui-hero-fade {
from { opacity: 0; }
to { opacity: 1; }
}
.lui-hero-slider-arrow {
position: absolute;
top: 50%;
z-index: 4;
transform: translateY( -50% );
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: none;
border-radius: 999px;
background: rgba( 26, 26, 26, 0.55 );
color: var( --wp--preset--color--base );
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
transition: background 0.2s ease;
}
.lui-hero-slider-arrow:hover {
background: var( --wp--preset--color--accent );
}
.lui-hero-slider-arrow.is-prev {
left: clamp( 0.5rem, 2vw, 1.25rem );
}
.lui-hero-slider-arrow.is-next {
right: clamp( 0.5rem, 2vw, 1.25rem );
}
.lui-hero-slider-pause {
position: absolute;
bottom: clamp( 0.75rem, 2vw, 1.25rem );
right: clamp( 0.5rem, 2vw, 1.25rem );
z-index: 4;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: none;
border-radius: 999px;
background: rgba( 26, 26, 26, 0.55 );
color: var( --wp--preset--color--base );
font-size: 0.7rem;
line-height: 1;
cursor: pointer;
transition: background 0.2s ease;
}
.lui-hero-slider-pause:hover {
background: var( --wp--preset--color--accent );
}
.lui-hero-slider-dots {
position: absolute;
bottom: clamp( 0.75rem, 2vw, 1.25rem );
left: 50%;
z-index: 4;
display: flex;
gap: 0.5rem;
transform: translateX( -50% );
}
.lui-hero-slider-dot {
width: 9px;
height: 9px;
padding: 0;
border: none;
border-radius: 999px;
background: rgba( 255, 255, 255, 0.5 );
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
.lui-hero-slider-dot.is-active {
background: var( --wp--preset--color--accent );
transform: scale( 1.2 );
} .lui-on-dark,
.lui-on-dark p,
.lui-on-dark li {
color: rgba( 255, 255, 255, 0.82 );
}
.lui-on-dark a {
color: var( --wp--preset--color--base );
}
.lui-on-dark a:hover {
color: var( --wp--preset--color--accent );
}
.lui-on-dark h1,
.lui-on-dark h2,
.lui-on-dark h3,
.lui-on-dark h4,
.lui-on-dark .wp-block-site-title,
.lui-on-dark .wp-block-site-title a {
color: var( --wp--preset--color--base );
} .lui-on-dark {
position: relative;
overflow: hidden;
}
.lui-on-dark::after {
content: '';
position: absolute;
right: -70px;
top: 50%;
transform: translateY( -50% );
width: 360px;
height: 360px;
border-radius: 50%;
background-color: #ffffff;
opacity: 0.045;
pointer-events: none;
}
.lui-on-dark > * {
position: relative;
z-index: 1;
} .lui-footer-latest .lui-section-title {
color: var( --wp--preset--color--base );
margin-bottom: 0;
} .lui-footer-latest .wp-block-post-template {
list-style: none;
margin: var( --wp--preset--spacing--30 ) 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 180px, 1fr ) );
gap: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--40 );
counter-reset: lui-footer-latest;
}
.lui-footer-latest .wp-block-post-template > li { margin-block-start: 0;
counter-increment: lui-footer-latest;
position: relative;
min-width: 0;
padding-left: 1.9em;
}
.lui-footer-latest .wp-block-post-template > li::before {
content: counter( lui-footer-latest, decimal-leading-zero );
position: absolute;
left: 0;
top: 0.15em;
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
font-weight: 600;
color: var( --wp--preset--color--accent );
}
.lui-footer-latest-date {
display: block;
font-family: var( --wp--preset--font-family--mono );
color: rgba( 255, 255, 255, 0.5 );
font-variant-numeric: tabular-nums;
margin: 0 0 0.2em;
}
.lui-footer-latest .wp-block-post-title {
margin: 0;
font-weight: 600;
line-height: 1.35;
}
.lui-footer-latest .wp-block-post-title a {
color: var( --wp--preset--color--base );
}
.lui-footer-latest .wp-block-post-title a:hover {
color: var( --wp--preset--color--accent );
}
.lui-footer-latest .lui-more-link a {
color: var( --wp--preset--color--accent );
} .lui-footer-columns .wp-block-heading {
font-size: var( --wp--preset--font-size--medium );
border-bottom: 2px solid var( --wp--preset--color--accent );
padding-bottom: 0.5em;
display: inline-block;
}
.lui-footer-columns ul {
list-style: none;
padding: 0;
} .lui-footer-columns .wp-block-social-links {
margin: 0;
}
.lui-footer-columns li {
margin-bottom: 0.5em;
} .lui-footer-columns .wp-block-categories li {
display: flex;
align-items: flex-start;
gap: 0.55em;
}
.lui-footer-columns .wp-block-categories li::before {
content: '';
flex: 0 0 auto;
width: 0.55em;
height: 0.55em;
margin-top: 0.4em;
background-color: var( --wp--preset--color--accent );
} .lui-footer-social {
margin-top: var( --wp--preset--spacing--40 ) !important;
gap: 0.85rem;
} .lui-footer-webring {
margin-top: var( --wp--preset--spacing--30 ) !important;
opacity: 0.85;
}
.lui-footer-webring a[aria-label] {
font-size: 1.3em;
line-height: 1;
text-decoration: none;
} .lui-footer-topics {
flex: 0 1 340px;
margin-left: auto;
}
.lui-footer-topics .wp-block-categories {
column-count: 2;
column-gap: 1.5rem;
}
.lui-footer-topics .wp-block-categories li {
break-inside: avoid;
} .lui-sidebar > .wp-block-group {
border: 1px solid var( --wp--preset--color--line );
border-radius: 6px;
padding: var( --wp--preset--spacing--30 );
background: var( --wp--preset--color--base-2 );
}
.lui-sidebar > .wp-block-group.has-accent-background-color {
border-color: var( --wp--preset--color--accent-dark );
} .lui-sidebar-support-box {
position: sticky;
top: var( --lui-support-box-top, auto );
} @media ( max-width: 781px ) {
.lui-sidebar-support-box {
position: relative;
}
} .lui-sidebar-support-box { overflow: hidden;
isolation: isolate;
}
.lui-sidebar-support-box::after {
content: "";
position: absolute;
z-index: -1;
right: -26px;
bottom: -30px;
width: 140px;
height: 173px;
background-color: var( --wp--preset--color--base );
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='225 271 7880 9718'%3E%3Cpath d='M7727 8644l-1133 0c-520,598 -1085,1036 -1692,1313 -191,16 -334,24 -425,24 -259,0 -552,-47 -881,-138l-272 138 -326 0c-744,0 -1117,-267 -1117,-798 0,-31 5,-75 15,-138 -546,-44 -821,-305 -821,-780 0,-51 5,-121 15,-212 -202,-57 -355,-148 -458,-275 -104,-124 -156,-285 -156,-477 0,-155 55,-324 166,-500 -272,-293 -409,-619 -409,-979 0,-415 225,-749 676,-1003 451,-251 1047,-378 1791,-378l189 0c-60,-456 -200,-897 -417,-1322l-122 -212c-262,-501 -394,-889 -394,-1161 0,-754 396,-1226 1192,-1413l220 -54 381 1687 1405 1495c96,112 261,327 500,645l212 280c228,309 389,498 482,565 94,70 244,104 451,104l889 0c272,580 409,1179 409,1790 0,596 -124,1198 -370,1799zm-252 -394c159,-461 236,-902 236,-1322 0,-495 -85,-982 -259,-1464 -637,0 -1036,-39 -1197,-114 -163,-75 -407,-342 -731,-798 -129,-176 -326,-428 -583,-749l-1526 -1625 -303 -1407c-508,174 -762,498 -762,975 0,246 85,515 259,803l98 168c397,659 594,1286 594,1884l8 213 -275 0c-803,0 -1410,80 -1814,238 -407,161 -609,402 -609,726 0,293 106,541 316,743 210,203 467,304 770,304l464 5 1376 -620c-208,-313 -487,-471 -837,-471 -91,0 -208,21 -348,59 -142,42 -308,104 -502,184l-358 16 -357 -381 616 -8c179,-75 340,-132 487,-166 146,-36 280,-54 402,-54 648,0 1122,329 1420,987l-259 122c319,156 565,430 738,819l-298 127c234,148 449,399 646,751l-469 221c256,189 464,453 622,798l-933 417c150,31 280,47 386,47l295 -8c674,-389 1221,-863 1641,-1420l1046 0zm-3462 -1101c-176,-236 -388,-389 -637,-454l-1132 508 -402 0c-381,0 -669,-54 -866,-161 -64,91 -98,179 -98,259 0,156 78,272 231,353 155,78 386,116 694,116l806 0 1404 -621zm319 888c-23,-31 -44,-57 -59,-77 -122,-140 -267,-252 -433,-332l-1164 516 -1228 -8 -23 98c0,298 295,449 889,449l570 0 1448 -646zm161 1024c-36,-44 -62,-80 -83,-106 -96,-138 -218,-259 -365,-371l-1086 485 -700 0 0 46c0,340 246,508 739,508l248 0 1247 -562z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='225 271 7880 9718'%3E%3Cpath d='M7727 8644l-1133 0c-520,598 -1085,1036 -1692,1313 -191,16 -334,24 -425,24 -259,0 -552,-47 -881,-138l-272 138 -326 0c-744,0 -1117,-267 -1117,-798 0,-31 5,-75 15,-138 -546,-44 -821,-305 -821,-780 0,-51 5,-121 15,-212 -202,-57 -355,-148 -458,-275 -104,-124 -156,-285 -156,-477 0,-155 55,-324 166,-500 -272,-293 -409,-619 -409,-979 0,-415 225,-749 676,-1003 451,-251 1047,-378 1791,-378l189 0c-60,-456 -200,-897 -417,-1322l-122 -212c-262,-501 -394,-889 -394,-1161 0,-754 396,-1226 1192,-1413l220 -54 381 1687 1405 1495c96,112 261,327 500,645l212 280c228,309 389,498 482,565 94,70 244,104 451,104l889 0c272,580 409,1179 409,1790 0,596 -124,1198 -370,1799zm-252 -394c159,-461 236,-902 236,-1322 0,-495 -85,-982 -259,-1464 -637,0 -1036,-39 -1197,-114 -163,-75 -407,-342 -731,-798 -129,-176 -326,-428 -583,-749l-1526 -1625 -303 -1407c-508,174 -762,498 -762,975 0,246 85,515 259,803l98 168c397,659 594,1286 594,1884l8 213 -275 0c-803,0 -1410,80 -1814,238 -407,161 -609,402 -609,726 0,293 106,541 316,743 210,203 467,304 770,304l464 5 1376 -620c-208,-313 -487,-471 -837,-471 -91,0 -208,21 -348,59 -142,42 -308,104 -502,184l-358 16 -357 -381 616 -8c179,-75 340,-132 487,-166 146,-36 280,-54 402,-54 648,0 1122,329 1420,987l-259 122c319,156 565,430 738,819l-298 127c234,148 449,399 646,751l-469 221c256,189 464,453 622,798l-933 417c150,31 280,47 386,47l295 -8c674,-389 1221,-863 1641,-1420l1046 0zm-3462 -1101c-176,-236 -388,-389 -637,-454l-1132 508 -402 0c-381,0 -669,-54 -866,-161 -64,91 -98,179 -98,259 0,156 78,272 231,353 155,78 386,116 694,116l806 0 1404 -621zm319 888c-23,-31 -44,-57 -59,-77 -122,-140 -267,-252 -433,-332l-1164 516 -1228 -8 -23 98c0,298 295,449 889,449l570 0 1448 -646zm161 1024c-36,-44 -62,-80 -83,-106 -96,-138 -218,-259 -365,-371l-1086 485 -700 0 0 46c0,340 246,508 739,508l248 0 1247 -562z'/%3E%3C/svg%3E") no-repeat center / contain;
opacity: 0.22;
pointer-events: none;
}
.lui-sidebar h2,
.lui-sidebar h3 {
font-size: var( --wp--preset--font-size--medium );
border-bottom: 2px solid var( --wp--preset--color--accent );
padding-bottom: 0.5em;
display: inline-block;
}
.lui-sidebar .wp-block-categories,
.lui-sidebar .wp-block-latest-comments {
list-style: none; padding: 0;
}
.lui-sidebar .wp-block-categories li {
display: flex;
align-items: flex-start;
gap: 0.55em;
margin-bottom: 0.5em;
}  .lui-mastodon-post-image-wrap {
position: relative;
display: block;
margin-bottom: var( --wp--preset--spacing--20 );
}
.lui-mastodon-post-image {
display: block;
width: 100%;
height: auto;
border-radius: 6px;
} .lui-mastodon-post-image-wrap.is-video::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate( -50%, -50% );
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba( 0, 0, 0, 0.55 ) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat center / 20px;
pointer-events: none;
} .lui-mastodon-box {
position: relative;
overflow: hidden;
isolation: isolate;
}
.lui-mastodon-box::after {
content: "";
position: absolute;
z-index: -1;
right: -22px;
bottom: -22px;
width: 165px;
height: 165px;
background-color: var( --wp--preset--color--contrast );
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z'/%3E%3C/svg%3E") no-repeat center / contain;
opacity: 0.12;
pointer-events: none;
} .lui-sidebar-trending {
list-style: none;
counter-reset: lui-trending;
margin: 0;
padding: 0;
}
.lui-sidebar-trending > li {
counter-increment: lui-trending;
position: relative;
padding-left: 1.6em;
}
.lui-sidebar-trending > li::before {
content: counter( lui-trending );
position: absolute;
left: 0;
top: 0.1em;
font-family: var( --wp--preset--font-family--mono );
font-weight: 700;
color: var( --wp--preset--color--accent );
}
.lui-sidebar-trending .wp-block-post-title {
margin: 0;
line-height: 1.3;
}
.lui-sidebar-trending .wp-block-post-title a {
color: var( --wp--preset--color--contrast );
text-decoration: none;
}
.lui-sidebar-trending .wp-block-post-title a:hover {
color: var( --wp--preset--color--accent );
}
.lui-sidebar-trending p {
margin: 0.2em 0 0;
}
.lui-sidebar .wp-block-categories li::before {
content: '';
flex: 0 0 auto;
width: 0.6em;
height: 0.6em;
margin-top: 0.35em;
background-color: var( --wp--preset--color--accent );
} .wp-block-query-no-results {
text-align: center;
padding: var( --wp--preset--spacing--50 ) 0;
color: var( --wp--preset--color--muted );
}
.wp-block-query-no-results::before {
content: '';
display: block;
width: 56px;
height: 56px;
margin: 0 auto var( --wp--preset--spacing--20 ); background-color: var( --wp--preset--color--line );
} .is-style-lui-card {
border: 1px solid var( --wp--preset--color--line );
border-radius: 8px;
overflow: hidden;
box-sizing: border-box;
transition: box-shadow 0.2s ease, transform 0.2s ease;
} .wp-block-column > .is-style-lui-card {
height: 100%;
}
.is-style-lui-card:hover {
box-shadow: 0 10px 30px rgba( 0, 0, 0, 0.1 );
transform: translateY( -2px );
} .is-style-lui-outline .wp-block-button__link {
background: transparent;
color: var( --wp--preset--color--contrast );
box-shadow: inset 0 0 0 2px var( --wp--preset--color--contrast );
}
.is-style-lui-outline .wp-block-button__link:hover {
background: var( --wp--preset--color--contrast );
color: var( --wp--preset--color--base );
box-shadow: inset 0 0 0 2px var( --wp--preset--color--contrast );
} .is-style-lui-dot {
border: none;
text-align: center;
height: auto;
}
.is-style-lui-dot::before {
content: '● ● ●';
color: var( --wp--preset--color--accent );
letter-spacing: 0.5em;
font-size: 0.75rem;
} .entry-content a[rel~='sponsored']::after,
.wp-block-post-content a[rel~='sponsored']::after { content: var( --lui-werbung-hinweis, 'Affiliate-Link' );
display: inline-block;
margin-left: 0.4em;
font-size: 0.7em;
font-weight: 700;
text-decoration: none;
color: var( --wp--preset--color--base );
background: var( --wp--preset--color--contrast-2 );
padding: 0.1em 0.5em;
border-radius: 3px;
vertical-align: middle;
} .lui-no-link-marker a[rel~='sponsored']::after,
a.lui-no-link-marker[rel~='sponsored']::after {
content: none;
} .wp-block-post-template {
gap: 2rem 1.5rem;
}
.wp-block-post-excerpt {
color: var( --wp--preset--color--muted );
} .wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
font-family: var( --wp--preset--font-family--mono );
font-weight: 500;
text-decoration: none;
}
.page-numbers.current {
color: var( --wp--preset--color--accent );
font-weight: 700;
} .lui-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 0.25rem !important;
} .wp-block-post-featured-image {
border-radius: 8px;
overflow: hidden;
} .entry-content.has-global-padding {
padding-left: 0;
padding-right: 0;
} .wp-block-quote {
position: relative;
overflow: hidden;
}
.wp-block-quote::after {
content: '';
position: absolute;
right: 14px;
bottom: 10px;
width: 46px;
height: 46px;
border-radius: 50%;
background-color: var( --wp--preset--color--accent );
opacity: 0.12;
pointer-events: none;
} .lui-theme-toggle {
display: flex;
align-items: center;
justify-content: center; width: var( --lui-theme-toggle-size, 32px );
height: var( --lui-theme-toggle-size, 32px );
padding: 0;
flex-shrink: 0;
border: none;
border-radius: 999px;
background: transparent;
color: var( --wp--preset--color--contrast );
cursor: pointer;
transition: color 0.2s ease, background 0.2s ease;
}
.lui-theme-toggle:hover {
color: var( --wp--preset--color--base );
background: var( --wp--preset--color--accent );
}
.lui-theme-toggle-icon.is-sun {
display: none;
}
.lui-theme-toggle.is-dark .lui-theme-toggle-icon.is-moon {
display: none;
}
.lui-theme-toggle.is-dark .lui-theme-toggle-icon.is-sun {
display: block;
} .lui-breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
color: var( --wp--preset--color--muted );
margin-bottom: var( --wp--preset--spacing--20 );
}
.lui-breadcrumbs a {
color: inherit;
text-decoration: none;
}
.lui-breadcrumbs a:hover {
color: var( --wp--preset--color--accent );
text-decoration: underline;
}
.lui-breadcrumbs-sep {
opacity: 0.5;
}
.lui-breadcrumbs [aria-current="page"] {
color: var( --wp--preset--color--contrast );
} .lui-reading-progress {
position: fixed;
top: 0;
left: 0;
height: 3px;
width: 0%;
background: var( --wp--preset--color--accent );
z-index: 1000;
pointer-events: none;
} .lui-article-body pre {
position: relative;
}
.lui-copy-code-button {
position: absolute;
top: 0.6em;
right: 0.6em;
font-size: 1.2rem;
line-height: 1;
color: #f5f4f2;
background: rgba( 255, 255, 255, 0.08 );
border: 1px solid rgba( 255, 255, 255, 0.25 );
border-radius: 4px;
padding: 0.25em 0.5em;
cursor: pointer;
opacity: 0;
transition: opacity 0.15s ease, background 0.15s ease;
}
.lui-article-body pre:hover .lui-copy-code-button,
.lui-copy-code-button:focus-visible {
opacity: 1;
}
.lui-copy-code-button:hover {
background: rgba( 255, 255, 255, 0.2 );
}
.lui-copy-code-button.is-copied {
background: var( --wp--preset--color--tip );
border-color: var( --wp--preset--color--tip );
color: #ffffff;
opacity: 1;
} .lui-shell-line {
white-space: pre-wrap;
word-break: break-word;
}
.lui-shell-line--cmd {
display: flex;
align-items: baseline;
gap: 0.6em;
}
.lui-shell-prompt {
flex: 0 0 auto;
color: #6ec98f;
user-select: none;
}
.lui-shell-line--root .lui-shell-prompt {
color: #ff8a65;
}
.lui-shell-cmd {
flex: 1 1 auto;
color: #ffffff;
font-weight: 600;
}
.lui-shell-copy {
flex: 0 0 auto;
align-self: center;
border: 0;
background: none;
color: #f5f4f2;
opacity: 0.35;
cursor: pointer;
font-size: 1.3em;
line-height: 1;
padding: 0.15em 0.3em;
border-radius: 4px;
transition: opacity 0.15s ease, background-color 0.15s ease;
}
.lui-shell-line--cmd:hover .lui-shell-copy,
.lui-shell-copy:focus-visible {
opacity: 1;
background: rgba( 255, 255, 255, 0.1 );
}
.lui-shell-copy.is-copied {
opacity: 1;
color: var( --wp--preset--color--tip );
}
.lui-shell-line--output {
color: #9a9a95;
}
.lui-shell-line--comment {
color: #7a8fa6;
font-style: italic;
} .lui-article-body :is( h2, h3, h4 ) {
position: relative;
}
.lui-heading-anchor {
position: absolute;
left: -1.1em;
top: 0;
bottom: 0;
display: flex;
align-items: center;
opacity: 0;
color: var( --wp--preset--color--accent );
text-decoration: none;
font-weight: 400;
}
.lui-article-body :is( h2, h3, h4 ):hover .lui-heading-anchor,
.lui-heading-anchor:focus-visible {
opacity: 1;
} .lui-toc {
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-radius: 8px;
padding: 1rem 1.25rem;
margin: 1.75rem 0;
}
.lui-toc summary {
cursor: pointer;
font-family: var( --wp--preset--font-family--mono );
font-weight: 700;
text-transform: uppercase;
font-size: var( --wp--preset--font-size--small );
letter-spacing: 0.04em;
color: var( --wp--preset--color--contrast );
}
.lui-toc[open] summary {
margin-bottom: 0.75em;
}
.lui-toc-list,
.lui-toc-list ol {
list-style: none;
margin: 0;
padding: 0;
}
.lui-toc-list li {
margin: 0.4em 0 0;
}
.lui-toc-list ol {
margin-left: 1.1em;
margin-top: 0.4em;
}
.lui-toc-list a {
color: var( --wp--preset--color--muted );
text-decoration: none;
}
.lui-toc-list a:hover {
color: var( --wp--preset--color--accent );
text-decoration: underline;
} .wp-block-rank-math-toc-block {
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-radius: 8px;
padding: 1rem 1.25rem;
margin: 1.75rem 0;
}
.wp-block-rank-math-toc-block::before {
content: 'Inhaltsverzeichnis';
display: block;
font-family: var( --wp--preset--font-family--mono );
font-weight: 700;
text-transform: uppercase;
font-size: var( --wp--preset--font-size--small );
letter-spacing: 0.04em;
color: var( --wp--preset--color--contrast );
margin-bottom: 0.75em;
}
.wp-block-rank-math-toc-block ul {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-rank-math-toc-block ul ul {
margin-left: 1.1em;
margin-top: 0.4em;
}
.wp-block-rank-math-toc-block li {
margin: 0.4em 0 0;
}
.wp-block-rank-math-toc-block a {
color: var( --wp--preset--color--muted );
text-decoration: none;
}
.wp-block-rank-math-toc-block a:hover {
color: var( --wp--preset--color--accent );
text-decoration: underline;
} .lui-external-link-icon {
display: inline-block;
width: 0.7em;
height: 0.7em;
margin-left: 0.25em;
vertical-align: middle;
fill: currentColor;
} .lui-share-buttons {
display: flex;
flex-wrap: wrap; gap: 0.4rem;
}
.lui-share-buttons a,
.lui-share-buttons button {
display: inline-flex;
align-items: center;
gap: 0.4em;
font-family: var( --wp--preset--font-family--mono );
font-size: var( --wp--preset--font-size--small );
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.02em;
color: var( --wp--preset--color--contrast ); background: var( --wp--preset--color--base );
border: 1px solid var( --wp--preset--color--line );
border-radius: 999px;
padding: 0.5em 1em;
text-decoration: none;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.lui-share-buttons a:hover,
.lui-share-buttons button:hover {
background: var( --wp--preset--color--accent );
color: var( --wp--preset--color--base );
border-color: var( --wp--preset--color--accent );
}
.lui-share-buttons svg {
width: 16px;
height: 16px;
} .lui-cmdk-overlay {
position: fixed;
inset: 0;
background: rgba( 0, 0, 0, 0.5 );
z-index: 2000;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 10vh 1rem 1rem;
}
.lui-cmdk-overlay[hidden] {
display: none;
}
.lui-cmdk-panel {
width: min( 600px, 100% );
max-width: 100%;
background: var( --wp--preset--color--base );
color: var( --wp--preset--color--contrast );
border-radius: 10px;
overflow: hidden;
box-shadow: 0 20px 60px rgba( 0, 0, 0, 0.35 );
}
.lui-cmdk-input {
display: block;
width: 100%;
box-sizing: border-box;
padding: 1rem 1.25rem;
font-size: 1.05rem;
font-family: var( --wp--preset--font-family--body );
color: inherit;
background: transparent;
border: none;
border-bottom: 1px solid var( --wp--preset--color--line );
}
.lui-cmdk-input:focus {
outline: none;
}
.lui-cmdk-input:focus-visible { outline: none;
box-shadow: inset 0 0 0 2px var( --wp--preset--color--accent );
}
.lui-cmdk-results {
max-height: 50vh;
overflow-y: auto;
}
.lui-cmdk-result {
display: block;
padding: 0.75rem 1.25rem;
color: inherit;
text-decoration: none;
border-bottom: 1px solid var( --wp--preset--color--line );
}
.lui-cmdk-result:last-child {
border-bottom: none;
}
.lui-cmdk-result.is-active,
.lui-cmdk-result:hover {
background: var( --wp--preset--color--base-2 );
}
.lui-cmdk-empty {
margin: 0;
padding: 1.5rem 1.25rem;
color: var( --wp--preset--color--muted );
font-size: var( --wp--preset--font-size--small );
} #tuxsucht-form,
#tuxsucht-form * {
font-family: var( --wp--preset--font-family--body ) !important;
}
#tuxsucht-form .gsc-control-cse {
padding: 0 !important;
border: none !important;
background-color: transparent !important;
} #tuxsucht-form .gsc-input-box {
border: 1px solid var( --wp--preset--color--line ) !important;
border-radius: 8px !important;
background-color: var( --wp--preset--color--base ) !important;
}
#tuxsucht-form table.gsc-input {
background-color: transparent !important;
}
#tuxsucht-form input.gsc-input {
background-color: transparent !important;
color: var( --wp--preset--color--contrast ) !important;
font-size: 1rem !important;
padding: 0.6rem 0.75rem !important;
}
#tuxsucht-form .gscb_a {
color: var( --wp--preset--color--muted ) !important;
} #tuxsucht-form .gsc-refinementsArea {
background-color: transparent !important;
}
#tuxsucht-form .gsc-refinementHeader {
font-family: var( --wp--preset--font-family--heading ) !important;
font-size: var( --wp--preset--font-size--small ) !important;
color: var( --wp--preset--color--muted ) !important;
background-color: transparent !important;
padding-bottom: 0.5em !important;
border-bottom: 2px solid transparent !important;
}
#tuxsucht-form .gsc-refinementhActive {
color: var( --wp--preset--color--contrast ) !important;
border-bottom-color: var( --wp--preset--color--accent ) !important;
font-weight: 700 !important;
} #tuxsucht-form .gsc-result-info {
color: var( --wp--preset--color--muted ) !important;
font-size: var( --wp--preset--font-size--small ) !important;
padding: 0.75em 0 !important;
} #tuxsucht-form .gsc-webResult.gsc-result {
background-color: transparent !important;
border: none !important;
padding: 1em 0 !important;
}
#tuxsucht-form .gsc-webResult-divider {
border-top: 1px solid var( --wp--preset--color--line ) !important;
margin: 0 !important;
}
#tuxsucht-form a.gs-title {
color: var( --wp--preset--color--accent-dark ) !important;
font-family: var( --wp--preset--font-family--heading ) !important;
font-weight: 700 !important;
font-size: 1.0625rem !important;
text-decoration: none !important;
}
#tuxsucht-form a.gs-title:hover {
color: var( --wp--preset--color--accent ) !important;
text-decoration: underline !important;
} #tuxsucht-form a.gs-title b {
color: inherit !important;
}
#tuxsucht-form .gs-visibleUrl {
color: var( --wp--preset--color--muted ) !important;
font-size: var( --wp--preset--font-size--small ) !important;
}
#tuxsucht-form .gs-snippet {
color: var( --wp--preset--color--contrast ) !important;
font-size: var( --wp--preset--font-size--medium ) !important;
line-height: 1.5 !important;
} #tuxsucht-form .gs-per-result-labels {
margin-top: 0.4em !important;
}
#tuxsucht-form .gs-per-result-labels > span:first-child {
display: none; }
#tuxsucht-form a.gs-label {
display: inline-block;
color: var( --wp--preset--color--accent-dark ) !important;
background: var( --wp--preset--color--base-2 ) !important;
border-radius: 999px !important;
padding: 0.15em 0.7em !important;
text-decoration: none !important;
font-size: var( --wp--preset--font-size--small ) !important;
} #tuxsucht-form .gsc-cursor-page {
color: var( --wp--preset--color--muted ) !important;
border-radius: 4px !important;
padding: 0.3em 0.6em !important;
}
#tuxsucht-form .gsc-cursor-current-page {
color: var( --wp--preset--color--base ) !important;
background: var( --wp--preset--color--accent ) !important;
font-weight: 700 !important;
} #tuxsucht-form .gcsc-find-more-on-google-text,
#tuxsucht-form .gcsc-find-more-on-google-query {
color: var( --wp--preset--color--muted ) !important;
}
#tuxsucht-form .gcsc-find-more-on-google-magnifier path {
fill: var( --wp--preset--color--muted ) !important;
}
#tuxsucht-form .gcsc-branding-img-noclear {
opacity: 0.6;
} .gssb_c {
background-color: var( --wp--preset--color--base ) !important;
border: 1px solid var( --wp--preset--color--line ) !important;
border-radius: 8px !important;
box-shadow: 0 10px 30px rgba( 0, 0, 0, 0.1 );
font-family: var( --wp--preset--font-family--body ) !important;
overflow: hidden;
}
.gssb_c td {
padding: 0.5em 0.9em !important;
color: var( --wp--preset--color--contrast ) !important;
font-size: var( --wp--preset--font-size--medium ) !important;
} .gsc-completion-container {
background-color: transparent !important;
color: inherit !important;
}
.gssb_c tr:hover td,
.gssb_c .gssb_i {
background-color: var( --wp--preset--color--base-2 ) !important;
color: var( --wp--preset--color--contrast ) !important;
} .gsc-completion-selected {
background-color: var( --wp--preset--color--base-2 ) !important;
}
.gssb_c b {
color: var( --wp--preset--color--accent-dark ) !important;
}
.gssb_c img {
opacity: 0.6;
} .lui-contact-notice {
margin-bottom: var( --wp--preset--spacing--30 );
padding: 1em 1.25em;
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-top: 4px solid var( --wp--preset--color--accent );
border-radius: 8px;
}
.lui-contact-notice-error {
border-top-color: var( --wp--preset--color--warning );
}
.lui-contact-form {
max-width: 42rem;
}
.lui-contact-field {
margin-bottom: var( --wp--preset--spacing--20 );
} .lui-contact-field > label {
display: block;
margin-bottom: 0.35em;
font-family: var( --wp--preset--font-family--heading );
font-weight: 700;
}
.lui-contact-field .required {
color: var( --wp--preset--color--warning );
}
.lui-contact-field input[type="text"],
.lui-contact-field input[type="email"],
.lui-contact-field textarea {
box-sizing: border-box;
display: block;
width: 100%;
padding: 0.6em;
border: 1px solid var( --wp--preset--color--line );
border-radius: 6px;
background: var( --wp--preset--color--base );
color: var( --wp--preset--color--contrast );
font-family: inherit;
font-size: 1rem;
}
.lui-contact-field textarea {
resize: vertical;
} .lui-contact-field-honeypot {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.lui-contact-submit {
padding: 0.6em 1.4em;
border: 1px solid var( --wp--preset--color--accent );
border-radius: 6px;
background: var( --wp--preset--color--accent );
color: #ffffff;
font-family: inherit;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
}
.lui-contact-submit:hover,
.lui-contact-submit:focus-visible {
background: var( --wp--preset--color--accent-dark );
border-color: var( --wp--preset--color--accent-dark );
}  .lui-captcha { position: relative;
box-sizing: border-box;
width: 100%;
padding: 0.75em 0.9em;
border: 1px solid var( --wp--preset--color--line );
border-radius: 8px;
background: var( --wp--preset--color--base-2 );
}
.lui-captcha-question {
margin: 0 0 0.55em; padding: 0 11em 0 0;
font-family: var( --wp--preset--font-family--heading );
font-size: 0.9rem;
font-weight: 700;
}
.lui-captcha-row {
display: flex;
align-items: center;
gap: 0.75em;
}
.lui-captcha-icon-wrap { flex: 0 0 auto;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background: var( --wp--preset--color--base );
border: 1px solid var( --wp--preset--color--line );
}
.lui-captcha-icon { width: 65%;
height: 65%;
} .lui-captcha-fieldset {
margin: 0;
padding: 0;
border: 0;
}
.lui-captcha-choices {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-wrap: wrap;
gap: 0.4em;
}
.lui-captcha-choice {
display: flex;
align-items: center;
gap: 0.45em;
padding: 0.3em 0.7em;
font-size: 0.9rem;
line-height: 1.3;
border: 1px solid var( --wp--preset--color--line );
border-radius: 6px;
background: var( --wp--preset--color--base );
cursor: pointer; min-height: 34px;
box-sizing: border-box;
}
@media ( pointer: coarse ) {
.lui-captcha-choice {
min-height: 44px;
}
}
.lui-captcha-choice:hover {
border-color: var( --wp--preset--color--accent );
} .lui-captcha-choice:has( input:checked ) {
border-color: var( --wp--preset--color--accent );
box-shadow: inset 0 0 0 1px var( --wp--preset--color--accent );
}
.lui-captcha-choice:has( input:focus-visible ) {
outline: 2px solid var( --wp--preset--color--accent );
outline-offset: 2px;
}
.lui-captcha-choice input {
flex: 0 0 auto;
margin: 0;
accent-color: var( --wp--preset--color--accent );
} .wp-block-post-comments-form .comment-form .lui-captcha .lui-captcha-choice input[type="radio"]:not( [type="submit"] ) {
display: inline-block;
width: auto;
}
.lui-captcha-refresh { display: inline-flex;
align-items: center;
gap: 0.4em; position: absolute;
top: 0.75em;
right: 0.9em;
margin: 0;
padding: 0;
border: 0;
background: none;
color: var( --wp--preset--color--accent-dark );
font-family: inherit;
font-size: 0.8125rem;
line-height: 1.4;
cursor: pointer;
text-decoration: underline;
}
.lui-captcha-refresh:hover,
.lui-captcha-refresh:focus-visible {
color: var( --wp--preset--color--accent );
}
.lui-captcha-refresh:disabled {
opacity: 0.6;
cursor: default;
text-decoration: none;
}
.lui-captcha-refresh-icon {
flex: 0 0 auto;
} @media ( prefers-reduced-motion: no-preference ) {
.lui-captcha-refresh:disabled .lui-captcha-refresh-icon {
animation: lui-captcha-spin 0.8s linear infinite;
}
}
@keyframes lui-captcha-spin {
to {
transform: rotate( 360deg );
}
}  @media ( max-width: 480px ) {
.lui-captcha {
padding: 0.65em 0.75em;
}
.lui-captcha-question {
padding-right: 2.5em;
}
.lui-captcha-question-prefix,
.lui-captcha-refresh span {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect( 0 0 0 0 );
white-space: nowrap;
}
.lui-captcha-refresh { top: 0.15em;
right: 0.15em;
width: 40px;
height: 40px;
justify-content: center;
}
.lui-captcha-icon-wrap {
width: 52px;
height: 52px;
}
.lui-captcha-row {
align-items: flex-start;
gap: 0.6em;
}
} .wp-block-post-comments-form .comment-form {
display: grid;
grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
gap: 1em 0.9em;
}
.wp-block-post-comments-form .comment-form > * {
grid-column: 1 / -1;
margin-top: 0;
margin-bottom: 0;
}
.wp-block-post-comments-form .comment-form > .comment-form-author,
.wp-block-post-comments-form .comment-form > .comment-form-email,
.wp-block-post-comments-form .comment-form > .comment-form-url {
grid-column: auto;
} .wp-block-post-comments-form .comment-form > .lui-comment-hint {
margin-top: -0.6em;
} .wp-block-post-comments-form .comment-form-cookies-consent input[type="checkbox"] {
align-self: flex-start;
flex: 0 0 auto;
} .wp-block-post-comments-form .comment-form textarea {
min-height: 11em;
resize: vertical;
}
@media ( max-width: 640px ) {
.wp-block-post-comments-form .comment-form {
grid-template-columns: minmax( 0, 1fr );
}
} .lui-article-body .wp-caption {
max-width: 100% !important;
margin: var( --wp--preset--spacing--30 ) auto;
}
.lui-article-body .wp-caption img {
display: block;
max-width: 100%;
height: auto;
border-radius: 8px;
}
.lui-article-body .wp-caption-text {
margin-top: 0.5em;
color: var( --wp--preset--color--muted );
font-size: var( --wp--preset--font-size--small );
text-align: center;
} .lui-contact-intro {
gap: var( --wp--preset--spacing--30 );
margin-bottom: var( --wp--preset--spacing--30 );
}
.lui-contact-photo img {
display: block;
border-radius: 8px;
border: 1px solid var( --wp--preset--color--line );
}
.lui-contact-intro-text {
flex: 1 1 320px;
min-width: 0;
} @media print {
@page {
margin: 2cm;
}
html {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
body {
background: #fff;
color: #000;
font-size: 11pt;
line-height: 1.5;
} #wpadminbar,
.skip-link,
header.wp-block-template-part,
footer.wp-block-template-part,
.lui-breadcrumbs,
.lui-reading-progress,
.lui-cmdk-overlay,
.lui-heading-anchor,
.lui-copy-code-button,
.lui-tags-share,
.lui-post-nav,
.lui-below-article-section,
.lui-sidebar-trending-box,
.lui-sidebar-categories-box,
.lui-sidebar-tags-box,
.wp-block-rank-math-toc-block,
.lui-toc,
.lui-meta > p:last-child {
display: none !important;
} .lui-two-col {
display: block !important;
}
.lui-article-col {
width: 100% !important;
flex: none !important;
} .lui-article-header {
background: none;
border: none;
border-top: 2pt solid var( --wp--preset--color--accent );
border-radius: 0;
padding: 0.5cm 0 0.3cm;
margin-bottom: 0.8cm;
}
.wp-block-post-terms.lui-badge {
display: inline;
background: none;
color: var( --wp--preset--color--accent-dark );
padding: 0;
}
.wp-block-post-terms.lui-badge a {
color: inherit !important;
}
.lui-meta {
color: #333;
font-size: 9pt;
}
.lui-article-lead {
font-size: 13pt;
border-left-width: 2pt;
} .lui-article-hero {
border-radius: 0;
break-inside: avoid;
}
.lui-image-credit {
position: static;
display: block;
max-width: 100%;
margin: 0.25cm 0 0;
padding: 0;
background: none;
color: #555;
font-size: 8.5pt;
font-style: italic;
white-space: normal;
overflow: visible;
text-overflow: clip;
text-align: left;
}
.lui-image-credit a {
color: inherit !important;
} .lui-article-body {
column-count: 2;
column-gap: 1cm;
column-rule: 0.5pt solid #ccc;
font-size: 10.5pt;
text-align: justify;
hyphens: auto;
orphans: 3;
widows: 3;
}
.lui-article-body > p:first-of-type::first-letter {
float: left;
font-family: var( --wp--preset--font-family--heading );
font-size: 3.4em;
font-weight: 700;
line-height: 0.82;
padding-right: 0.08em;
color: var( --wp--preset--color--accent );
}
.lui-article-body h2,
.lui-article-body h3,
.lui-article-body h4,
.lui-article-body figure,
.lui-article-body .wp-block-image,
.lui-article-body .wp-block-gallery,
.lui-article-body pre,
.lui-article-body table {
column-span: all;
}
.lui-article-body h2,
.lui-article-body h3,
.lui-article-body h4 {
break-after: avoid;
}
.lui-article-body figure,
.lui-article-body .wp-block-image,
.lui-article-body pre,
.lui-article-body blockquote,
.lui-article-body table {
break-inside: avoid;
}
.lui-article-body pre {
background: #f5f4f2;
color: #000;
border: 0.5pt solid #ccc;
} .lui-article-body blockquote {
font-family: var( --wp--preset--font-family--heading );
font-size: 13pt;
font-style: italic;
text-align: left;
border: none;
border-top: 1pt solid #000;
border-bottom: 1pt solid #000;
padding: 0.3cm 0;
margin: 0.5cm 0;
}
.lui-source-line {
font-size: 8.5pt;
color: #555;
} .lui-post-footer {
background: none;
border: none;
border-radius: 0;
padding: 0;
break-inside: avoid;
} .lui-post-footer > .lui-author-box {
border-top: 0.5pt solid #000;
padding-top: 0.4cm;
}
a {
color: inherit;
text-decoration: underline;
} .lui-print-colophon {
display: block !important;
margin-top: 1cm;
padding-top: 0.3cm;
border-top: 0.5pt solid #000;
font-size: 8pt;
color: #555;
}
}
.lui-print-colophon {
display: none;
}  .has-border-background-color {
background-color: var( --wp--preset--color--line ) !important;
} .lui-article-body .has-small-font-size {
font-size: 0.875rem !important; }
.lui-article-body .has-medium-font-size {
font-size: 1rem !important; }
.lui-article-body .has-large-font-size {
font-size: 1.125rem !important; } .lui-article-body h5 {
font-size: 1rem;
}
.lui-article-body h6 {
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.04em;
} .lui-article-body kbd {
font-family: var( --wp--preset--font-family--mono );
font-size: 0.8125em;
padding: 0.1em 0.45em;
border: 1px solid var( --wp--preset--color--line );
border-bottom-width: 2px;
border-radius: 4px;
background: var( --wp--preset--color--base-2 );
color: var( --wp--preset--color--contrast );
white-space: nowrap;
} .lui-article-body .wp-block-verse {
font-family: var( --wp--preset--font-family--body );
font-size: 1rem;
font-style: italic;
line-height: 1.65;
white-space: pre-wrap;
padding: 0 0 0 1.25rem;
border-left: 3px solid var( --wp--preset--color--line );
background: none;
overflow-wrap: break-word;
} .wp-block-quote.is-style-plain {
background: none;
border-left: 0;
padding-left: 0;
padding-right: 0;
font-style: italic;
}
.wp-block-quote.is-style-plain::after {
display: none;
} .lui-article-body .wp-block-separator:not( .has-text-color ):not( .has-background ) {
color: var( --wp--preset--color--muted );
opacity: 0.5;
} .lui-article-body .wp-block-details {
background: var( --wp--preset--color--base-2 );
border: 1px solid var( --wp--preset--color--line );
border-radius: 8px;
padding: 0.75rem 1.25rem;
}
.lui-article-body .wp-block-details summary {
cursor: pointer;
font-family: var( --wp--preset--font-family--heading );
font-weight: 700;
color: var( --wp--preset--color--contrast );
}
.lui-article-body .wp-block-details[open] summary {
margin-bottom: 0.75em;
}
.lui-article-body .wp-block-details > :last-child {
margin-bottom: 0;
} .post-nav-links {
font-family: var( --wp--preset--font-family--mono );
font-weight: 500;
font-size: var( --wp--preset--font-size--small );
text-transform: uppercase;
letter-spacing: 0.04em;
color: var( --wp--preset--color--muted );
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin-top: 2rem;
}
.post-nav-links .post-page-numbers {
display: inline-block;
min-width: 2.25rem;
padding: 0.4rem 0.6rem;
border: 1px solid var( --wp--preset--color--line );
border-radius: 3px;
text-align: center;
text-decoration: none;
color: var( --wp--preset--color--accent-dark );
}
.post-nav-links .post-page-numbers.current {
background: var( --wp--preset--color--accent );
border-color: var( --wp--preset--color--accent );
color: #ffffff;
}
.post-nav-links a.post-page-numbers:hover {
border-color: var( --wp--preset--color--accent );
} .lui-article-body :is( .wp-block-archives-dropdown, .wp-block-categories-dropdown ) select {
font: inherit;
min-width: min( 100%, 18rem );
padding: 0.55rem 0.75rem;
border: 1px solid var( --wp--preset--color--line );
border-radius: 3px;
background-color: var( --wp--preset--color--base );
color: var( --wp--preset--color--contrast );
}