:root { --dna-blende-mode:              1; --dna-schabe-active:            1; --dna-sidepad-under-desktop:    2rem; --dna-yt-mid-vpad-portrait: 1rem; --dna-yt-mid-vpad-landscape: 1rem;  --text-color-main:      #232323;
--link-color-standard:  #063d6b;
--text-color-light:     #FFFFFF;
--color-gold:           #c5a358;
--clu-bg-soft:          #f8f9fa;
--clu-shadow:           0 10px 30px rgba(0, 0, 0, 0.08);
--clu-radius:           16px; --glass-bg:             rgba(255, 255, 255, 0.03);
--glass-blur:           2px;
--glass-border:         rgba(255, 255, 255, 0.15);
--glass-shadow:         0 4px 12px rgba(0, 0, 0, 0.1);
--glass-radius:         var(--clu-radius);
--glass-pad-y:          1.5rem;
--glass-pad-x:          2rem; --container-gap-x:      1.5rem;
--section-gap-y:        clamp(40px, 8vh, 100px); --font-headline:        'Audiowide-Regular', sans-serif;
--font-body:            'Inter-Var', sans-serif;
--font-hand:            'Caveat-Regular', sans-serif;
--font-size-base:       18px; --link-current:         var(--link-color-standard);
--link-hover:           var(--text-color-main); --section-shift-img:    url(//christianermisch.com/cms/wp-content/uploads/2026/02/friends-scaled.avif);
} .page-id-39,
.page-id-42 {
--section-shift-img: url(//christianermisch.com/cms/wp-content/uploads/2026/02/friends-scaled.avif);
} .error404,
.clu-404-bg{
--section-shift-img: url(//christianermisch.com/cms/wp-content/uploads/2026/02/stars.avif);
}  .clu-glass-card,
.clu-glass-element,
.brxe-form input:not([type="submit"]),
.brxe-form textarea {
background-color: var(--glass-bg) !important;
backdrop-filter: blur(var(--glass-blur));
-webkit-backdrop-filter: blur(var(--glass-blur));
border: 1px solid var(--glass-border) !important;
border-radius: var(--glass-radius);
box-shadow: var(--glass-shadow);
transition: all 0.3s ease-in-out;
}
.clu-glass-card {
padding: var(--glass-pad-y) var(--glass-pad-x);
display: inline-block;
}
.clu-glass-card:hover,
.clu-glass-card:focus-within {
border-color: var(--color-gold) !important;
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}  .ratio-1-1       { aspect-ratio: 1 / 1; }
.ratio-3-4       { aspect-ratio: 3 / 4; }
.ratio-4-3       { aspect-ratio: 4 / 3; }
.ratio-16-9      { aspect-ratio: 16 / 9; }
.ratio-wide      { aspect-ratio: 2.35 / 1; }
.ratio-ultrawide { aspect-ratio: 32 / 9; }
[class*="ratio-"] img,
[class*="ratio-"] video {
width: 100%;
height: 100%;
object-fit: cover;
} .show-only-tablet { display: none; }
@media (max-width: 1024px) and (min-width: 768px) {
.hide-on-tablet  { display: none !important; }
.show-only-tablet { display: contents !important; }
} .container-small {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}  .bg-dark-setup {
background-color: #121212 !important;
position: relative;
--text-color-current: #FFFFFF;
}
.bg-dark-setup :is(h1, h2, h3, h4, h5, h6, p, label, .label, .required, .brxe-heading) {
color: var(--text-color-current) !important;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}
.bg-dark-setup a:not(.brxe-button) {
color: #58a6ff !important;
text-decoration: underline;
} .bg-light-setup {
background-color: #FFFFFF !important;
position: relative;
--text-color-current: var(--text-color-main);
}
.bg-light-setup :is(h1, h2, h3, h4, h5, h6, p, label, .label, .brxe-heading) {
color: var(--text-color-current);
text-shadow: none;
}
.bg-light-setup a:not(.brxe-button) {
color: var(--link-color-standard);
} .bg-light-setup .clu-glass-card {
background-color: rgba(0, 0, 0, 0.03) !important;
border: 1px solid rgba(0, 0, 0, 0.1) !important;
} :is(html[data-brx-theme="light"], body.light-theme)
:is(.brxe-section, .clu-section).bg-dark-setup.mobile-no-bg{
background-color: #ffffff !important;
} .brxe-post-content,
.entry-content {
margin: 0;
padding: 0;
}
.brxe-post-content > *:first-child,
.entry-content > *:first-child {
margin-top: 0;
}
.brxe-post-content > *:last-child,
.entry-content > *:last-child {
margin-bottom: 0;
}
figure { margin: 0; } html {
scroll-behavior: smooth;
overflow-x: hidden;
overflow-y: auto;
height: auto;
}
a, button, input[type="submit"], .brxe-button, .clu-button {
transition: all 0.3s ease-in-out;
}
img {
display: block;
max-width: 100%;
height: auto;
}
:focus-visible {
outline: 2px solid var(--color-gold);
outline-offset: 2px;
}
body {
margin: 0;
padding: 0;
color: var(--text-color-main);
background-color: #ffffff;
font-family: var(--font-body);
font-size: 20px;
font-weight: 400;
line-height: 1.6;
overflow-x: hidden;
overflow-y: visible;
height: auto;
min-height: auto;
position: relative;
transition: background-color 0.5s ease, color 0.5s ease;
} h1, h2, h3, h4, h5, h6, .brxe-heading, .clu-heading {
color: var(--text-color-main);
} h1, .brxe-heading.h1, .clu-heading.h1 {
font-family: var(--font-headline);
font-size: clamp(26px, 6vw, 36px);
line-height: 1.1;
font-weight: 400;
letter-spacing: -0.5px;
margin-bottom: 0.75rem;
} h2, .brxe-heading.h2, .clu-heading.h2 {
font-family: var(--font-body);
font-size: clamp(22px, 4vw, 25px);
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.3px;
margin-bottom: 0.5rem;
} h3, .brxe-heading.h3, .clu-heading.h3 {
font-family: var(--font-headline);
font-size: clamp(22px, 5vw, 30px);
line-height: 1.2;
font-weight: 400;
} h4, h5, h6 {
font-family: var(--font-body);
font-size: 20px;
font-weight: 400;
line-height: 1.4;
}
h5, h6 {
font-weight: 700;
} h1 + .brxe-text-basic,
h1 + .clu-text-basic,
h2 + .brxe-text-basic,
h2 + .clu-text-basic,
h3 + .brxe-text-basic,
h3 + .clu-text-basic,
h2 + p,
.brxe-heading + .brxe-text-basic,
.brxe-heading + .clu-text-basic,
.clu-heading + .clu-text-basic,
.brxe-heading + p {
margin-top: 0.5rem !important;
} .brxe-text-basic p,
.clu-text-basic p,
.brxe-post-content p,
.clu-entry-content p {
font-size: 20px;
line-height: 1.65;
margin-bottom: 1.1rem;
}
.text-light {
color: var(--text-color-light) !important;
} .container-post{
padding-left: var(--container-gap-x);
padding-right: var(--container-gap-x);
} .brxe-post-content,
.clu-entry-content,
.entry-content{
padding-left: 0;
padding-right: 0;
}
.brxe-post-content img,
.clu-entry-content img {
max-width: 100%;
height: auto;
}
.clu-header .brxe-text-basic,
.clu-header .clu-text-basic {
margin: 0;
padding: 0;
line-height: 1;
} .clu-text-essay {
display: flex;
flex-direction: column;
gap: var(--clu-essay-space, 3.5rem);
width: 100%;
}
.clu-text-essay .brxe-block,
.clu-text-essay .clu-block {
display: flex;
flex-direction: column;
gap: 0.75rem;
} .clu-text-essay .brxe-heading,
.clu-text-essay .clu-heading {
font-family: var(--font-body) !important;
font-size: 1.1rem;
font-weight: 700;
margin: 0;
color: var(--color-gold);
} .clu-text-essay .brxe-rich-text,
.clu-text-essay .brxe-text-basic,
.clu-text-essay .clu-text-basic {
font-family: var(--font-body);
font-size: 20px;
line-height: 1.6;
}
.clu-text-essay :is(.brxe-rich-text, .brxe-text-basic, .clu-text-basic) a {
color: var(--link-color-standard) !important;
text-decoration: underline;
}
.clu-text-essay :is(.brxe-rich-text, .brxe-text-basic, .clu-text-basic) a:hover {
color: var(--color-gold) !important;
} a {
color: var(--link-current);
text-decoration: underline;
transition: all 0.3s ease-in-out;
}
a:hover,
.clu-header a:hover,
.clu-footer a:hover {
color: var(--link-hover) !important;
text-decoration: underline;
outline: none;
text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor;
}
a:focus {
color: var(--link-current);
text-shadow: none;
} a:active,
.current-menu-item > a,
.current_page_item > a,
a[aria-current="page"] {
text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor;
} .brxe-nav-menu a,
.bricks-mobile-menu a,
.clu-nav-menu a {
font-size: 18px;
font-weight: 400;
} .link-white-to-gold {
color: #FFFFFF !important;
text-decoration: underline;
text-shadow: none;
}
.link-white-to-gold:hover {
color: var(--color-gold) !important;
text-shadow: 0 0 2px var(--color-gold);
}  .clu-header .bricks-nav-menu,
.clu-header .brxe-nav-menu,
.clu-header .header-branding-text {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
.header-branding-text {
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 8px 0;
}
.header-branding-text .header-title {
font-family: var(--font-headline);
font-size: 18px;
color: var(--text-color-main);
display: block;
margin-bottom: 2px;
line-height: 1.1;
font-weight: 400;
}
.header-branding-text .header-slogan {
font-family: var(--font-hand);
font-size: 20px;
color: var(--text-color-main);
display: block;
margin-top: 0;
line-height: 1.2;
font-weight: 400;
}
.clu-header .channel-desc {
font-family: var(--font-headline);
font-size: 14px;
font-weight: 400;
color: var(--text-color-main);
margin-top: 12px;
margin-bottom: 2px;
line-height: 1.2;
text-align: center;
display: block;
}
.clu-header .channel-meta {
font-family: var(--font-body);
font-size: 14px;
color: var(--text-color-main);
line-height: 1.4;
text-align: center;
display: block;
font-weight: 400;
}
.clu-header .channel-meta a {
font-size: 14px;
} .brxe-button,
.clu-button,
.brxe-form button[type="submit"] {
background-color: var(--color-gold) !important;
color: #000000 !important;
border: none;
font-family: var(--font-headline);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 8px;
padding: 12px 24px;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
display: inline-flex;
align-items: center;
justify-content: center;
} .submit-button-wrapper,
.form-group:has(button[type="submit"]),
.clu-button-center {
display: flex;
justify-content: center;
width: 100%;
} .brxe-button:hover,
.clu-button:hover,
.brxe-form button[type="submit"]:hover {
background-color: #ffffff !important;
color: var(--color-gold) !important;
transform: translateY(-2px);
box-shadow: 0 0 15px rgba(197, 163, 88, 0.5),
0 0 30px rgba(197, 163, 88, 0.3);
}
.brxe-button:active,
.clu-button:active,
.brxe-form button[type="submit"]:active {
transform: translateY(-1px) scale(0.98);
} .theme-switch-btn {
font-size: 32px !important;
width: 32px !important;
height: 32px !important;
cursor: pointer;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent;
border: 1px solid transparent;
border-radius: 50%;
aspect-ratio: 1 / 1;
z-index: 100;
pointer-events: auto;
user-select: none;
margin: 0;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
color: #333333;
} body.light-theme .theme-switch-btn {
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.1);
color: var(--text-color-main);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
body.light-theme .theme-switch-btn:hover {
transform: rotate(-180deg) scale(1.15);
background: #ffffff;
border-color: var(--color-gold);
color: var(--color-gold);
box-shadow: 0 10px 25px rgba(197, 163, 88, 0.3);
} body.dark-theme .theme-switch-btn {
background: var(--glass-bg);
border: 1px solid var(--color-gold);
color: var(--color-gold);
box-shadow: 0 0 15px rgba(197, 163, 88, 0.2),
inset 0 0 10px rgba(197, 163, 88, 0.1);
}
body.dark-theme .theme-switch-btn:hover {
transform: rotate(180deg) scale(1.15);
color: #ffffff;
border-color: #ffffff;
box-shadow: 0 0 30px rgba(197, 163, 88, 0.6),
0 0 60px rgba(197, 163, 88, 0.2);
}
.theme-switch-btn:active {
transform: scale(0.95);
transition: transform 0.1s ease;
}
.theme-switch-btn i {
display: inline-block;
font-size: inherit;
}  .brxe-section.bg-dark-setup,
.brxe-section.clu-section-dark {
padding-block: clamp(2.5rem, 5vh, 5rem) !important;
} .brxe-form label,
.brxe-form .label,
.clu-form label {
font-family: var(--font-body);
font-size: 20px;
font-weight: 400;
margin-bottom: 8px;
display: block;
color: var(--text-color-main);
padding-left: 5px;
} .form-on-dark label,
.form-on-dark p,
.form-on-dark .label,
.form-on-dark .required,
.clu-form-dark label,
.mobile-no-bg label {
color: #FFFFFF !important;
} :is(.form-on-dark, .clu-form-dark) .options-wrapper label {
font-size: 15px !important;
font-weight: 700;
line-height: 1.3;
margin: 0;
} :is(.form-on-dark, .clu-form-dark) a.link-white-to-gold {
color: #FFFFFF !important;
text-decoration: underline;
transition: color 0.4s ease, text-shadow 0.4s ease;
}
:is(.form-on-dark, .clu-form-dark) a.link-white-to-gold:hover {
color: var(--color-gold) !important;
text-shadow: 0 0 10px rgba(197, 163, 88, 0.4);
} :is(.brxe-form, .form-on-dark, .clu-form-dark, section.mobile-no-bg) :is(.brxe-heading, .clu-heading) {
font-size: clamp(26px, 6vw, 36px) !important;
line-height: 1.1;
font-family: var(--font-headline) !important;
letter-spacing: -0.5px;
margin-bottom: 1.5rem;
margin-top: 0;
} :is(.brxe-form, .clu-form) .options-wrapper {
list-style: none;
padding: 0;
margin: 0;
}
:is(.brxe-form, .clu-form) .options-wrapper li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
:is(.brxe-form, .clu-form) .options-wrapper input[type="checkbox"] {
flex-shrink: 0;
width: 20px;
height: 20px;
margin: 0;
cursor: pointer;
accent-color: var(--color-gold);
transform: scale(1.1);
display: inline-block;
} :is(.brxe-form, .clu-form) input:not([type="submit"]),
:is(.brxe-form, .clu-form) textarea {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
padding: 12px 18px;
padding-left: 5px;
transition: all 0.3s ease-in-out;
} :is(.form-on-dark, .clu-form-dark) :is(input:not([type="submit"]), textarea, select) {
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
} :is(.brxe-form, .clu-form) :is(input::placeholder, textarea::placeholder) {
color: #FFFFFF !important;
opacity: 1;
} :is(.brxe-form, .clu-form) button[type="submit"] {
width: auto;
min-width: 220px;
margin: 0 auto;
display: block;
} :is(.brxe-form, .clu-form) :is(input:focus, textarea:focus) {
border-color: var(--color-gold) !important;
background-color: var(--glass-bg);
box-shadow: 0 0 15px rgba(197, 163, 88, 0.3);
outline: none;
} :is(.brxe-form, .clu-form) :is(input:not([type="submit"]):hover, textarea:hover) {
transform: translateY(-2px);
border-color: var(--color-gold) !important;
} div.form-group:has(input[name="form-field-wunaiq"]),
#form-field-wunaiq {
opacity: 0;
position: absolute;
top: -9999px;
left: -9999px;
pointer-events: none;
} :is(.brxe-form, .clu-form) .message {
padding: 24px;
margin-top: 25px;
border-radius: 12px;
text-align: center;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
animation: cluFadeIn 0.4s ease-out;
}
:is(.brxe-form, .clu-form) .message.success {
background-color: #15779b;
color: #ffffff;
border: 2px solid #11607d;
}
:is(.brxe-form, .clu-form) .message.error {
background-color: #cf2e2e;
color: #ffffff;
border: 2px solid #a32424;
} .brxe-form :is(input, textarea):-webkit-autofill {
-webkit-text-fill-color: var(--text-color-light) !important;
transition: background-color 5000s ease-in-out 0s;
box-shadow: 0 0 0px 1000px transparent inset !important;
}
.brxe-form :is(input, textarea):focus {
outline: none;
} .brxe-form .message {
padding: 20px;
border-radius: var(--glass-radius);
border: 1px solid var(--glass-border);
backdrop-filter: blur(var(--glass-blur));
-webkit-backdrop-filter: blur(var(--glass-blur));
margin-top: 20px;
font-family: var(--font-body);
font-weight: 500;
transition: all 0.3s ease;
}
.brxe-form .message.success {
background-color: rgba(0, 255, 150, 0.05) !important;
color: #00ff96 !important;
border-color: rgba(0, 255, 150, 0.3) !important;
box-shadow: 0 4px 15px rgba(0, 255, 150, 0.1);
}
.brxe-form .message.error {
background-color: rgba(255, 50, 50, 0.05) !important;
color: #ff3232 !important;
border-color: rgba(255, 50, 50, 0.3) !important;
box-shadow: 0 4px 15px rgba(255, 50, 50, 0.1);
}  :is(.brxe-section, .clu-section).mobile-no-bg,
:is(.brxe-container, .clu-container).mobile-bg-fix,
:is(.brxe-block, .clu-block).mobile-bg-fix{
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.mobile-no-bg {
margin-top: 1rem;
} @media (min-width: 1025px) {
:is(.brxe-section, .clu-section).mobile-no-bg {
background-image: var(--section-shift-img);
background-size: cover;
background-attachment: fixed;
background-position: center center;
} @media (pointer: coarse) {
:is(.brxe-section, .clu-section).mobile-no-bg {
background-attachment: scroll;
}
}
.mobile-bg-fix {
background-image: none !important;
}
} @media screen and (max-width: 1024px) and (min-width: 768px) {
:is(.brxe-section, .clu-section).mobile-no-bg {
background-image: none !important;
}
:is(.brxe-container, .clu-container).mobile-bg-fix {
background-image: var(--section-shift-img);
background-size: cover;
background-position: center top;
background-attachment: scroll;
border-radius: 12px;
padding: 1rem;
width: calc(100% - 30px);
margin-right: auto;
margin-left: auto;
position: relative;
overflow: hidden;
}
} @media (max-width: 767px) {
:is(.brxe-section, .clu-section).mobile-no-bg,
:is(.brxe-container, .clu-container).mobile-bg-fix,
.mobile-no-bg {
background-image: none !important;
background-color: transparent;
padding: 0;
width: 100%;
margin: 0;
}
:is(.brxe-block, .clu-block).mobile-bg-fix {
background-image: var(--section-shift-img);
background-size: cover;
background-position: center top;
padding: 20px;
border-radius: 8px;
width: calc(100% - 20px);
margin-left: auto;
margin-right: auto;
position: relative;
} .container-small {
max-width: 100%;
width: 100%;
margin: 0;
padding-left: 15px;
padding-right: 15px;
}
} .bricks-mobile-menu a,
.brxe-nav-menu .bricks-mobile-menu a {
color: var(--text-color-light) !important;
}
.bricks-mobile-menu a:hover,
.brxe-nav-menu .bricks-mobile-menu a:hover {
color: var(--color-gold) !important;
} #wpadminbar {
z-index: 99999;
position: fixed;
top: 0;
}
#wpadminbar a {
color: #ffffff !important;
text-decoration: none;
text-shadow: none;
font-weight: 400;
} .clu-card {
background-color: var(--text-color-light);
border-radius: var(--clu-radius);
box-shadow: var(--clu-shadow);
padding: 2rem;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
border: 1px solid rgba(0, 0, 0, 0.03);
color: var(--text-color-main);
}
.clu-card:hover {
transform: translateY(-4px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
border-color: var(--color-gold);
}   body.dark-theme {
background-color: #121212 !important;
--text-color-main: #e0e0e0;
--link-current: var(--color-gold);
--link-hover: #ffffff;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) {
background-color: #121212 !important;
--text-color-main: #e0e0e0;
--link-current: var(--color-gold);
--link-hover: #ffffff;
}
} body.dark-theme :is(.bricks-mobile-menu a, #wpadminbar a) {
color: #FFFFFF !important;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) :is(.bricks-mobile-menu a, #wpadminbar a) {
color: #FFFFFF !important;
}
} body.dark-theme :is(.current-menu-item > a, a[aria-current="page"]) {
text-shadow: 0 0 2px var(--color-gold);
color: var(--color-gold) !important;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) :is(.current-menu-item > a, a[aria-current="page"]) {
text-shadow: 0 0 2px var(--color-gold);
color: var(--color-gold) !important;
}
} body.dark-theme :is(.clu-header, #brx-header) a:not(.brxe-button),
body.dark-theme :is(.clu-header, #brx-header) .channel-meta a {
color: var(--color-gold) !important;
}
body.dark-theme :is(.clu-header, #brx-header) a:not(.brxe-button):hover,
body.dark-theme :is(.clu-header, #brx-header) .channel-meta a:hover {
color: #ffffff !important;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) :is(.clu-header, #brx-header) a:not(.brxe-button),
body:not(.light-theme) :is(.clu-header, #brx-header) .channel-meta a {
color: var(--color-gold) !important;
}
body:not(.light-theme) :is(.clu-header, #brx-header) a:not(.brxe-button):hover,
body:not(.light-theme) :is(.clu-header, #brx-header) .channel-meta a:hover {
color: #ffffff !important;
}
} body.dark-theme .header-branding-text :is(.header-title, .header-slogan),
body.dark-theme .clu-header :is(.channel-desc, .channel-meta) {
color: var(--text-color-main) !important;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) .header-branding-text :is(.header-title, .header-slogan),
body:not(.light-theme) .clu-header :is(.channel-desc, .channel-meta) {
color: var(--text-color-main) !important;
}
} body.dark-theme :is(.brxe-button, .clu-button, .brxe-form button[type="submit"]) {
box-shadow: 0 0 10px rgba(197, 163, 88, 0.2);
}
body.dark-theme :is(.brxe-button, .clu-button, .brxe-form button[type="submit"]):hover {
box-shadow: 0 0 20px rgba(197, 163, 88, 0.6),
0 0 40px rgba(197, 163, 88, 0.4);
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) :is(.brxe-button, .clu-button, .brxe-form button[type="submit"]) {
box-shadow: 0 0 10px rgba(197, 163, 88, 0.2);
}
body:not(.light-theme) :is(.brxe-button, .clu-button, .brxe-form button[type="submit"]):hover {
box-shadow: 0 0 20px rgba(197, 163, 88, 0.6),
0 0 40px rgba(197, 163, 88, 0.4);
}
} :is(.brxe-post-navigation, .clu-post-nav) :is(a, .label, .title) {
color: var(--link-current);
}
:is(.brxe-post-navigation, .clu-post-nav) a:hover {
color: var(--link-hover);
}
body.dark-theme :is(.brxe-post-navigation, .clu-post-nav) :is(a, .label, .title) {
color: var(--color-gold) !important;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) :is(.brxe-post-navigation, .clu-post-nav) :is(a, .label, .title) {
color: var(--color-gold) !important;
}
} body.dark-theme :is(.gridjs-pagination, .gridjs-pagination button, .gridjs-summary) {
background-color: #1a1a1a !important;
color: #e0e0e0 !important;
border-color: #333333 !important;
}
body.dark-theme .gridjs-pagination button:hover {
background-color: var(--color-gold) !important;
color: #000000 !important;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) :is(.gridjs-pagination, .gridjs-pagination button, .gridjs-summary) {
background-color: #1a1a1a !important;
color: #e0e0e0 !important;
border-color: #333333 !important;
}
body:not(.light-theme) .gridjs-pagination button:hover {
background-color: var(--color-gold) !important;
color: #000000 !important;
}
} body.dark-theme .clu-card {
background-color: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) .clu-card {
background-color: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
} select {
min-height: 48px;
padding: 10px;
font-size: 16px;
cursor: pointer;
border-radius: 8px;
background-color: var(--glass-bg);
color: var(--text-color-main);
border: 1px solid var(--glass-border);
}
body.dark-theme select option {
background-color: #1a1a1a;
color: #ffffff;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) select option {
background-color: #1a1a1a;
color: #ffffff;
}
} a[href*="cookie"],
:is(#brx-footer, .clu-footer) a {
position: relative;
text-decoration: underline;
display: inline-block;
}
a[href*="cookie"]::after,
:is(#brx-footer, .clu-footer) a::after {
content: '';
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
z-index: 1;
} :is(.brxe-polylang-language-switcher, .clu-lang-switcher) {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 22px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
height: 32px !important;
}
:is(.brxe-polylang-language-switcher, .clu-lang-switcher) li,
:is(.brxe-polylang-language-switcher, .clu-lang-switcher) li a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
} :is(.brxe-polylang-language-switcher, .clu-lang-switcher) .lang-item img {
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
height: 14px !important;
display: block !important;
object-fit: contain !important;
border-radius: 3px;
border: 1px solid transparent;
margin: 0 !important;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
} body.dark-theme .lang-item :is(.current-lang img, a:hover img) {
filter: drop-shadow(0 0 8px var(--color-gold)) brightness(1.1) !important;
border: 1px solid var(--color-gold) !important;
box-shadow: 0 0 15px rgba(197, 163, 88, 0.4) !important;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) .lang-item :is(.current-lang img, a:hover img) {
filter: drop-shadow(0 0 8px var(--color-gold)) brightness(1.1) !important;
border: 1px solid var(--color-gold) !important;
box-shadow: 0 0 15px rgba(197, 163, 88, 0.4) !important;
}
} body.light-theme .lang-item :is(.current-lang img, a:hover img) {
filter: drop-shadow(0 0 6px rgba(35, 35, 35, 0.75)) !important;
border: 1px solid var(--text-color-main) !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
} .lang-item a:hover img {
transform: scale(1.3) translateY(-2px);
z-index: 10;
}
.lang-item:not(.current-lang) img {
opacity: 1;
filter: none;
} .bricks-mobile-menu-toggle span,
.bricks-mobile-menu-toggle .bar-one,
.bricks-mobile-menu-toggle .bar-two,
.bricks-mobile-menu-toggle .bar-three {
background-color: var(--link-color-standard) !important;
transition: background-color 0.4s ease, transform 0.3s ease;
}
body.dark-theme .bricks-mobile-menu-toggle :is(span, [class*="bar-"]) {
background-color: var(--color-gold) !important;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) .bricks-mobile-menu-toggle :is(span, [class*="bar-"]) {
background-color: var(--color-gold) !important;
}
}
.bricks-mobile-menu-toggle:active span {
filter: drop-shadow(0 0 5px var(--color-gold));
} .symbol-wrapper :is(.brxe-image, .clu-image) img {
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
box-shadow 0.4s ease,
border-color 0.4s ease,
filter 0.4s ease;
cursor: pointer;
border-radius: 50%;
border: 2px solid transparent;
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
backface-visibility: hidden;
}
.symbol-wrapper :is(.brxe-image, .clu-image):hover img {
transform: translateY(-3px) scale(1.05);
filter: drop-shadow(0 8px 15px rgba(197, 163, 88, 0.3)) brightness(1.05);
border-color: var(--color-gold);
}
body:not(.dark-theme) .symbol-wrapper :is(.brxe-image, .clu-image):hover img {
box-shadow: var(--clu-shadow);
}
body.dark-theme .symbol-wrapper :is(.brxe-image, .clu-image):hover img {
box-shadow: 0 0 15px rgba(197, 163, 88, 0.3);
filter: brightness(1.2) drop-shadow(0 0 5px rgba(197, 163, 88, 0.2));
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) .symbol-wrapper :is(.brxe-image, .clu-image):hover img {
box-shadow: 0 0 15px rgba(197, 163, 88, 0.3);
filter: brightness(1.2) drop-shadow(0 0 5px rgba(197, 163, 88, 0.2));
}
}
.symbol-wrapper :is(.brxe-block, .clu-block) {
overflow: visible;
} .clu-reveal {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
will-change: opacity, transform;
visibility: hidden;
}
.clu-reveal.is-visible {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
.clu-reveal {
opacity: 1;
transform: translateY(0);
visibility: visible;
transition: none;
}
} .delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; } .error404 h1 {
font-size: clamp(24px, 6vw, 36px);
margin-bottom: 1.5rem;
font-family: var(--font-headline);
}
body.dark-theme.error404 a:not(.brxe-button) {
color: var(--color-gold) !important;
text-shadow: 0 0 12px rgba(197, 163, 88, 0.4);
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme).error404 a:not(.brxe-button) {
color: var(--color-gold) !important;
text-shadow: 0 0 12px rgba(197, 163, 88, 0.4);
}
}
.error404 :is(#brx-content, .clu-content) {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 70vh;
text-align: center;
padding: 20px;
} .clu-divider {
width: 100%;
height: 1px;
margin-top: 12px;
margin-bottom: 12px;
border: none;
display: block;
position: relative;
overflow: hidden;
background-color: color-mix(in srgb, var(--text-color-main), transparent 90%);
}
.clu-divider::after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 100%;
background: var(--color-gold);
transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
transform: translateX(-50%);
box-shadow: 0 0 10px var(--color-gold);
opacity: 0;
}
.clu-divider.is-visible::after {
width: 100%;
opacity: 0.6;
}
body.dark-theme .clu-divider {
background: linear-gradient(90deg,
transparent 0%,
color-mix(in srgb, var(--color-gold), transparent 80%) 50%,
transparent 100%
);
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) .clu-divider {
background: linear-gradient(90deg,
transparent 0%,
color-mix(in srgb, var(--color-gold), transparent 80%) 50%,
transparent 100%
);
}
} .clu-control-center {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;
width: auto;
margin-left: auto;
gap: 22px !important;
}
:is(.clu-info-hub, .brxe-container.footer-hub) {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 4rem;
}
#brxe-nvwbli {
margin-right: 0;
margin-left: 0;
} :where(
.page-cookie-richtlinie, .page-cookie-policy,
.page-impressum, .page-imprint, .page-legal-notice,
.page-datenschutz, .page-privacy-policy,
.page-agb, .page-terms-conditions
) :is(#brx-content, .clu-content) {
padding: clamp(2rem, 5vh, 4rem) var(--container-gap-x);
}
:where(
.page-cookie-richtlinie, .page-cookie-policy,
.page-impressum, .page-imprint, .page-legal-notice,
.page-datenschutz, .page-privacy-policy,
.page-agb, .page-terms-conditions
) :is(#brx-content, .clu-content) :is(h1, h2, h3, p, ul, ol) {
max-width: 800px;
margin-left: auto;
margin-right: auto;
overflow-wrap: break-word;
}
:where(
.page-cookie-richtlinie, .page-cookie-policy,
.page-datenschutz, .page-privacy-policy
) :is(#brx-content, .clu-content, .devowl-wp-react-cookie-banner-cookie-policy) table {
max-width: 100%;
margin: 1.5rem 0;
display: block;
overflow-x: auto;
border-collapse: collapse;
}  :is(html[data-brx-theme="dark"], body.dark-theme) .cookie-policy-scope {
--rcb-dark-bg: #121212;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
:is(.cookie-policy-scope table.devowl-wp-react-cookie-banner-cookie-policy,
.cookie-policy-scope table.devowl-wp-react-cookie-banner-cookie-policy *,
.cookie-policy-scope td,
.cookie-policy-scope th,
.cookie-policy-scope,
.cookie-policy-scope div) {
background-color: var(--rcb-dark-bg) !important;
color: #eeeeee !important;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope thead th {
color: var(--color-gold) !important;
border-bottom: 2px solid var(--color-gold);
text-transform: uppercase;
letter-spacing: 1px;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope tbody tr:hover td {
background-color: #1e1e1e !important;
transition: background-color 0.3s ease;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope :is(.rcb-cookie-policy-pagination, .rcb-cookie-policy-info) {
background-color: var(--rcb-dark-bg) !important;
color: #bbbbbb;
padding: 10px 0;
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) .cookie-policy-scope {
--rcb-dark-bg: #121212;
}
body:not(.light-theme)
:is(.cookie-policy-scope table.devowl-wp-react-cookie-banner-cookie-policy,
.cookie-policy-scope table.devowl-wp-react-cookie-banner-cookie-policy *,
.cookie-policy-scope td,
.cookie-policy-scope th,
.cookie-policy-scope,
.cookie-policy-scope div) {
background-color: var(--rcb-dark-bg) !important;
color: #eeeeee !important;
}
body:not(.light-theme) .cookie-policy-scope thead th {
color: var(--color-gold) !important;
border-bottom: 2px solid var(--color-gold);
}
body:not(.light-theme) .cookie-policy-scope tbody tr:hover td {
background-color: #1e1e1e !important;
}
body:not(.light-theme) .cookie-policy-scope :is(.rcb-cookie-policy-pagination, .rcb-cookie-policy-info) {
background-color: var(--rcb-dark-bg) !important;
color: #bbbbbb;
}
} :is(html[data-brx-theme="dark"], body.dark-theme) .cookie-policy-scope {
scrollbar-color: var(--color-gold) #111;
scrollbar-width: thin;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope ::-webkit-scrollbar {
height: 10px;
width: 10px;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope ::-webkit-scrollbar-thumb {
background-color: var(--color-gold);
border-radius: 10px;
border: 2px solid #111;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope ::-webkit-scrollbar-track {
background: #111;
border-radius: 10px;
} .cookie-policy-scope :is(.gridjs-head, .gridjs-search) {
display: flex;
justify-content: flex-end;
width: 100%;
}
.cookie-policy-scope .gridjs-search input {
margin-left: auto;
border-radius: 8px;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope .gridjs-search input {
background-color: #1e1e1e !important;
color: #eeeeee !important;
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 10px 15px;
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope .gridjs-search input::placeholder {
color: rgba(238, 238, 238, 0.45);
}
:is(html[data-brx-theme="dark"], body.dark-theme)
.cookie-policy-scope .gridjs-search input:focus {
border-color: var(--color-gold);
outline: none;
box-shadow: 0 0 0 3px rgba(197, 163, 88, 0.2);
}
@media (prefers-color-scheme: dark) {
body:not(.light-theme) .cookie-policy-scope .gridjs-search input {
background-color: #1e1e1e !important;
color: #eeeeee !important;
border: 1px solid rgba(255, 255, 255, 0.15);
}
body:not(.light-theme) .cookie-policy-scope .gridjs-search input::placeholder {
color: rgba(238, 238, 238, 0.45);
}
body:not(.light-theme) .cookie-policy-scope .gridjs-search input:focus {
border-color: var(--color-gold);
outline: none;
box-shadow: 0 0 0 3px rgba(197, 163, 88, 0.2);
}
} .cookie-policy-scope :is(input[type="search"], .rcb-cookie-policy__search input):focus {
outline: none;
border-color: var(--color-gold);
box-shadow: 0 0 8px rgba(197, 163, 88, 0.4);
}
.cookie-policy-scope :is(input[type="search"], .rcb-cookie-policy__search input):hover {
border-color: var(--color-gold);
}
:is(html[data-brx-theme="light"], body.light-theme) .cookie-policy-scope input:focus {
border-color: var(--color-gold);
box-shadow: 0 0 5px rgba(197, 163, 88, 0.3);
}  .clu-section      { }
.clu-container    { } .clu-prose        { }
.clu-prose__section { } .clu-divider-wrap { } .clu-navi-header  { }
.clu-navi-footer  { }
.clu-polylang-switcher { } .clu-post-title   { }
.clu-search       { }
.clu-wp-nav       { } .yt-left-wrapper   { }
.yt-middle-wrapper { }
.yt-right-wrapper  { }
.yt-channel-img    { }
.yt-channel-meta   { } .legal-wrapper    { } .clu-post {
margin-bottom: 1rem;
}
.clu-pagination {
margin-top: 1rem;
margin-bottom: 1rem;
}  .clu-prose__title {
font-family: var(--font-headline);
font-size: clamp(26px, 6vw, 36px);
font-weight: 400;
line-height: 1.1;
letter-spacing: -0.5px;
margin-bottom: 1rem;
}
.clu-prose__heading {
font-family: var(--font-body);
font-size: clamp(22px, 4vw, 25px);
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.3px;
margin-bottom: 0.2rem !important;
}
.clu-prose__text {
font-family: var(--font-body);
font-size: 20px;
font-weight: 400;
line-height: 1.6;
}
.clu-prose__text .clu-paragraph {
display: block;
margin: 0 0 1em 0;
}
.clu-prose__text .clu-paragraph:last-child {
margin-bottom: 0;
} .clu-prose__heading + .clu-prose__text {
margin-top: -0.25rem !important;
} :is(.clu-header, .clu-footer, .clu-section, .clu-prose__section) {
margin-top: 1rem;
margin-bottom: 1rem;
} .brxe-section.clu-section {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
} .clu-slogan {
font-family: var(--font-body);
font-size: 18px;
font-weight: 400;
line-height: 1.4;
margin: 0;
color: var(--text-color-main);
}
.clu-single-line {
white-space: nowrap;
} .clu-search input[type="search"] {
border: 1px solid #757575;
color: var(--text-color-light) !important;
padding: 6px 15px;
line-height: 1.2;
height: 40px;
background-color: var(--glass-bg) !important;
backdrop-filter: blur(var(--glass-blur));
border-radius: 4px;
outline: none;
transition: all 0.2s ease-in-out;
}
.clu-search input[type="search"]:is(:hover, :focus) {
border-color: var(--color-gold) !important;
box-shadow: 0 0 8px rgba(197, 163, 88, 0.3);
} :is(html[data-brx-theme="light"], body.light-theme) .clu-search input[type="search"] {
border-color: #d1d1d1;
color: var(--text-color-main) !important;
}
:is(html[data-brx-theme="light"], body.light-theme) .clu-search input[type="search"]:is(:hover, :focus) {
border-color: var(--color-gold) !important;
} .clu-search input[type="search"]:-webkit-autofill,
.clu-search input[type="search"]:-webkit-autofill:hover,
.clu-search input[type="search"]:-webkit-autofill:focus {
-webkit-text-fill-color: var(--text-color-light) !important;
transition: background-color 5000s ease-in-out 0s;
box-shadow: 0 0 0px 1000px var(--glass-bg) inset !important;
-webkit-box-shadow: 0 0 0px 1000px var(--glass-bg) inset !important;
} .clu-search input::-webkit-search-results-button,
.clu-search input::-webkit-search-results-decoration,
.clu-search input::-ms-clear,
.clu-search input::-ms-reveal {
display: none !important;
} #search-input-vtxljq::-webkit-calendar-picker-indicator {
display: none !important;
}  .clu-author-box {
display: flex !important;
flex-direction: row;
align-items: center;
gap: 1rem;
margin-bottom: 2rem;
width: fit-content;
} .clu-author-pic-wrap {
width: 60px;
height: 60px;
flex: 0 0 60px;
min-width: 60px;
display: grid;
place-items: center start;
overflow: hidden;
border-radius: 4px;
border: 1px solid transparent;
box-sizing: border-box;
} .clu-author-pic-wrap.bricks-lazy-hidden,
.clu-author-pic-wrap.bricks-lazy-loading {
opacity: 1 !important;
transform: none !important;
filter: none !important;
} .clu-author-pic {
width: auto !important;
height: auto !important;
max-width: 60px;
max-height: 60px;
display: block;
transition: transform 0.25s ease;
will-change: transform;
transform-origin: 50% 50%;
} .clu-author-pic.schabe-off {
transform: translateY(-4px) scale(0.5); 
} .clu-author-box .clu-meta-data {
margin: 0 !important;
padding: 0 !important;
display: flex;
flex-direction: row; align-items: center;
gap: 0.75rem; flex-wrap: nowrap;  position: relative;
top: -1px; 
} .clu-author-box:has(.schabe-off) .clu-meta-data {
top: -3px; } .clu-author-box .clu-meta-data .item {
display: inline; line-height: 1.2;
margin: 0;
white-space: nowrap; }  .clu-comments{ margin-top: 2rem; }
@media (max-width: 767px){
.clu-comments{ margin-top: 1.25rem; }
} .clu-comments a:not(.brxe-button){
color: var(--link-current);
}
.clu-comments a:not(.brxe-button):hover{
color: var(--link-hover);
} .clu-comments :is(
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea
){
width: 100%;
color: var(--text-color-main);
background-color: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: var(--clu-radius);
padding: 12px 14px;
box-shadow: none;
transition: all 0.25s ease-in-out;
} .clu-comments :is(input, textarea)::placeholder{
color: color-mix(in srgb, var(--text-color-main), transparent 55%);
} .clu-comments :is(input, textarea):focus{
outline: none;
border-color: var(--color-gold);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-gold), transparent 70%);
} .clu-comments textarea{
min-height: 140px;
resize: vertical;
} body.dark-theme .clu-comments :is(input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea){
background-color: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.18);
color: var(--text-color-main); } @media (prefers-color-scheme: dark){
body:not(.light-theme) .clu-comments :is(input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea){
background-color: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.18);
color: var(--text-color-main);
}
} .clu-comments{
margin: 2rem 0 0;
}
@media (max-width: 767px){
.clu-comments{
margin: 1.25rem 0 0;
}
} .clu-comments :is(a.comment-reply-link, input#submit, input[type="submit"].bricks-button){
background-color: var(--color-gold) !important;
color: #000000 !important;
border: none !important;
font-family: var(--font-headline) !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 8px;
padding: 10px 18px;
text-decoration: none !important;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
} .clu-comments .comment-meta .comment-reply-link{
margin-left: 10px;
font-size: 13px;
padding: 7px 12px;
} .clu-comments :is(a.comment-reply-link, input#submit, input[type="submit"].bricks-button):hover{
background-color: #ffffff !important;
color: var(--color-gold) !important;
transform: translateY(-2px);
box-shadow: 0 0 15px rgba(197, 163, 88, 0.5),
0 0 30px rgba(197, 163, 88, 0.3);
} .clu-comments :is(a.comment-reply-link, input#submit, input[type="submit"].bricks-button):active{
transform: translateY(-1px) scale(0.98);
}  .clu-comments :is(
.comment-form-comment label,
label[for="comment"]
){
font-weight: 700;
letter-spacing: 0.2px;
} body.light-theme .clu-comments :is(.comment-form-comment label, label[for="comment"]){
color: #232323 !important;
} body.dark-theme .clu-comments :is(.comment-form-comment label, label[for="comment"]){
color: #ffffff !important;
} @media (prefers-color-scheme: dark){
body:not(.light-theme) .clu-comments :is(.comment-form-comment label, label[for="comment"]){
color: #ffffff !important;
}
} .clu-comments :is(input, textarea):focus{
outline: none;
border-color: var(--color-gold) !important;
box-shadow:
0 0 0 2px rgba(197, 163, 88, 0.55),
0 0 14px rgba(197, 163, 88, 0.35) !important;
} body.dark-theme .clu-comments :is(input, textarea){
border-color: rgba(255, 255, 255, 0.22) !important;
} body.error404 #brx-content{
padding: 0 !important;
}
body.error404 #brx-content .clu-container{
padding-left: 20px;
padding-right: 20px;
} body.dark-theme.error404 #brx-footer a:not(.brxe-button):hover{
color: var(--link-hover) !important; }
@media (prefers-color-scheme: dark){
body:not(.light-theme).error404 #brx-footer a:not(.brxe-button):hover{
color: var(--link-hover) !important;
}
} @media (min-width: 992px){
.clu-control-center{
display: grid !important;
grid-auto-flow: column;
grid-template-columns: 32px 64px 240px; align-items: center !important;
justify-content: end !important;
gap: 22px !important;
} .clu-navi-header{
width: 240px;
}
.clu-navi-header .bricks-nav-menu-wrapper{
width: 100%;
display: flex;
justify-content: flex-end;
}
.clu-navi-header .bricks-nav-menu{
white-space: nowrap;
}
} @media (max-width: 767px) and (orientation: landscape){
:is(.brxe-block, .clu-block).mobile-bg-fix{
background-position: center center !important;
}
} @media (hover: none), (pointer: coarse){ body.light-theme .theme-switch-btn:hover{
transform: none;
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.1);
color: var(--text-color-main);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
body.dark-theme .theme-switch-btn:hover{
transform: none;
background: var(--glass-bg);
border: 1px solid var(--color-gold);
color: var(--color-gold);
box-shadow: 0 0 15px rgba(197, 163, 88, 0.2),
inset 0 0 10px rgba(197, 163, 88, 0.1);
} body.light-theme .theme-switch-btn.clu-tap-anim{
animation: cluThemeTapLight 520ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body.dark-theme .theme-switch-btn.clu-tap-anim{
animation: cluThemeTapDark 520ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.theme-switch-btn{
-webkit-tap-highlight-color: transparent;
}
} @keyframes cluThemeTapLight{
0%{
transform: rotate(-90deg) scale(1.08);
background: #ffffff;
border-color: var(--color-gold);
color: var(--color-gold);
box-shadow: 0 10px 25px rgba(197, 163, 88, 0.25);
}
60%{
transform: rotate(-180deg) scale(1.15);
background: #ffffff;
border-color: var(--color-gold);
color: var(--color-gold);
box-shadow: 0 10px 25px rgba(197, 163, 88, 0.35);
}
100%{
transform: rotate(0deg) scale(1);
background: rgba(255, 255, 255, 0.8);
border-color: rgba(0, 0, 0, 0.1);
color: var(--text-color-main);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
}
@keyframes cluThemeTapDark{
0%{
transform: rotate(90deg) scale(1.08);
background: var(--glass-bg);
border-color: #ffffff;
color: #ffffff;
box-shadow: 0 0 30px rgba(197, 163, 88, 0.45),
0 0 60px rgba(197, 163, 88, 0.18);
}
60%{
transform: rotate(180deg) scale(1.15);
background: var(--glass-bg);
border-color: #ffffff;
color: #ffffff;
box-shadow: 0 0 30px rgba(197, 163, 88, 0.6),
0 0 60px rgba(197, 163, 88, 0.22);
}
100%{
transform: rotate(0deg) scale(1);
background: var(--glass-bg);
border-color: var(--color-gold);
color: var(--color-gold);
box-shadow: 0 0 15px rgba(197, 163, 88, 0.2),
inset 0 0 10px rgba(197, 163, 88, 0.1);
}
}  @media (max-width: 1342px){
.clu-sidepad{
padding-left:  var(--dna-sidepad-under-desktop) !important;
padding-right: var(--dna-sidepad-under-desktop) !important;
padding-left:  calc(var(--dna-sidepad-under-desktop) + env(safe-area-inset-left)) !important;
padding-right: calc(var(--dna-sidepad-under-desktop) + env(safe-area-inset-right)) !important;
}
} @media (max-width: 766px) and (orientation: portrait){
.clu-yt-mid-vpad{
padding-top: var(--dna-yt-mid-vpad-portrait) !important;
padding-bottom: var(--dna-yt-mid-vpad-portrait) !important;
}
}
@media (max-width: 766px) and (orientation: landscape){
.clu-yt-mid-vpad{
padding-top: var(--dna-yt-mid-vpad-landscape) !important;
padding-bottom: var(--dna-yt-mid-vpad-landscape) !important;
}
}  .clu-info-hub{
display:flex;
justify-content:space-between;
align-items:center;
gap:1rem;
flex-wrap:nowrap;
container-type:inline-size; } .clu-info-hub .clu-slogan,
.clu-info-hub .clu-slogan p,
.clu-info-hub .clu-navi-footer a{
white-space:nowrap;
overflow-wrap:normal;
word-break:normal;
hyphens:none;
-webkit-hyphens:none;
} @container (max-width: 520px){
.clu-info-hub .clu-navi-footer .bricks-nav-menu-wrapper{ display:none !important; }
.clu-info-hub .clu-navi-footer .bricks-mobile-menu-toggle{ display:inline-flex !important; }
} @media (max-width: 520px){
#brx-footer .clu-navi-footer .bricks-nav-menu-wrapper{ display:none !important; }
#brx-footer .clu-navi-footer .bricks-mobile-menu-toggle{ display:inline-flex !important; }
}