:root {
--coezbay-dark: #0d0f10;
--coezbay-surface: #171a1c;
--coezbay-cream: #f2f0ea;
--coezbay-gold: #c7b28b;
--coezbay-gold-hover: #ecd7ac;
--coezbay-border: #72787c;
}
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--coezbay-header-height, 90px) + var(--coezbay-admin-offset, 0px) + 24px); }
body { margin: 0; }
.wp-site-blocks { min-height: 100vh; padding: 0; }
.wp-site-blocks > * { margin-block-start: 0; }
*, *::before, *::after { box-sizing: border-box; }
img, video { max-width: 100%; }
a { text-underline-offset: .2em; text-decoration-thickness: 1px; }
a:hover { color: var(--coezbay-gold-hover); }
:where(a, button, input, textarea, select):focus-visible {
outline: 2px solid var(--coezbay-gold-hover);
outline-offset: 4px;
}
.coezbay-header {
background: var(--coezbay-dark);
color: var(--coezbay-cream);
border-bottom: 1px solid #303436;
} .wp-site-blocks > .coezbay-header {
position: sticky;
top: var(--coezbay-admin-offset, 0px);
z-index: 100;
transition: background-color .2s ease, border-color .2s ease;
}
.coezbay-overlay-header .wp-site-blocks > .coezbay-header {
background: transparent;
border-bottom-color: transparent;
}
.coezbay-overlay-header .wp-site-blocks > .coezbay-header + .coezbay-main {
margin-top: calc(-1 * var(--coezbay-header-height)) !important;
}
.wp-site-blocks > .coezbay-header.coezbay-header-scrolled {
background: rgba(13, 15, 16, .85);
border-bottom-color: #303436;
}
@media (prefers-reduced-motion: reduce) {
.wp-site-blocks > .coezbay-header { transition: none; }
}
.coezbay-header-inner {
width: 100%;
max-width: none;
margin-inline: 0;
padding: 20px 32px;
gap: 24px;
}
.coezbay-brand-group { gap: 12px; flex-shrink: 0; }
.coezbay-brand-mark { margin: 0; flex-shrink: 0; }
.coezbay-brand-mark img { display: block; width: 42px; height: 42px; object-fit: contain; }
.coezbay-brand { margin: 0; font-size: 26px; font-weight: 600; line-height: 1.2; letter-spacing: .025em; }
.coezbay-brand a { color: var(--coezbay-cream); text-decoration: none; }
.coezbay-brand a:hover { color: var(--coezbay-gold-hover); }
.coezbay-navigation { margin-inline-start: auto; font-size: 16px; font-weight: 500; line-height: 1.5; }
.coezbay-navigation .wp-block-navigation__container { gap: 24px; }
.coezbay-header .coezbay-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: var(--coezbay-gold); text-decoration: none; }
.coezbay-header .coezbay-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { color: var(--coezbay-gold-hover); text-decoration: underline; }
.coezbay-navigation .wp-block-navigation-submenu__toggle,
.coezbay-navigation .wp-block-navigation__responsive-container-open,
.coezbay-navigation .wp-block-navigation__responsive-container-close {
color: var(--coezbay-gold);
min-width: 44px;
min-height: 44px;
}
.coezbay-navigation .wp-block-navigation__submenu-icon { color: var(--coezbay-gold); }
.coezbay-navigation .wp-block-navigation__submenu-container {
background: var(--coezbay-surface);
border: 1px solid var(--coezbay-border);
color: var(--coezbay-cream);
padding: 8px;
min-width: 170px;
border-radius: 6px;
}
.coezbay-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 10px 14px; }
.coezbay-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-submenu:last-child > .wp-block-navigation__submenu-container {
inset-inline-start: auto;
inset-inline-end: 0;
}
.coezbay-navigation .wp-block-navigation__responsive-container.is-menu-open {
background: var(--coezbay-dark);
color: var(--coezbay-cream);
padding: 24px;
}
.coezbay-navigation .is-menu-open .wp-block-navigation__container { gap: 16px; align-items: flex-start; }
.coezbay-navigation .is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start; padding-top: 64px; }
.coezbay-navigation .is-menu-open .wp-block-navigation-item { align-items: flex-start; }
.coezbay-navigation .is-menu-open .wp-block-navigation-item__content { font-size: 18px; padding-block: 6px; }
.coezbay-navigation .is-menu-open .wp-block-navigation__submenu-container {
border: 0;
background: transparent;
padding: 8px 0 0 16px;
}
.coezbay-main { margin: 0; min-height: 50vh; }
.coezbay-main > .wp-block-post-content { margin-block-start: 0; }
.coezbay-main > .wp-block-post-content:not(:has(> .coezbay-startseite)) {
padding: 0 24px 64px;
}
.coezbay-page-heading { padding: 64px 24px 32px; }
.coezbay-page-heading .wp-block-post-title { max-width: 1100px; margin: 0 auto; overflow-wrap: anywhere; }
.coezbay-main p, .coezbay-main li { overflow-wrap: anywhere; }
.coezbay-startseite { margin: 0; }
.coezbay-startseite > * { margin-block-start: 0; }
.coezbay-startseite .coezbay-hero-video,
.coezbay-startseite > .wp-block-video { margin: 0; background: #000; }
.coezbay-hero-video video,
.coezbay-startseite > .wp-block-video video {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.coezbay-kontakt .wp-block-image img { width: 150px; height: 150px; object-fit: contain; }
.coezbay-formular { width: 100%; max-width: 640px; margin-inline: auto; }
.coezbay-intro .wp-block-buttons { margin-top: 32px; }
.wp-block-button .wp-block-button__link:hover,
input.wpcf7-submit:hover {
background-color: var(--coezbay-gold-hover) !important;
color: var(--coezbay-dark) !important;
}
.wpcf7 { width: 100%; max-width: 640px; margin-inline: auto; }
.wpcf7 form { margin: 0; color: var(--coezbay-cream); font-size: 16px; line-height: 1.5; }
.wpcf7 form p { margin: 0 0 22px; }
.wpcf7 label, .wpcf7-form-control-wrap { display: block; text-align: left; }
.wpcf7 label { font-weight: 500; }
.wpcf7-form-control-wrap { margin-top: 8px; }
.wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),
.wpcf7 textarea, .wpcf7 select {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 14px;
border: 1px solid var(--coezbay-border);
border-radius: 6px;
background: var(--coezbay-dark);
color: var(--coezbay-cream);
font: inherit;
font-weight: 400;
text-align: left;
}
.wpcf7 textarea { min-height: 180px; resize: vertical; }
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder { color: #b1b4b3; opacity: 1; }
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { border-color: var(--coezbay-gold); }
.wpcf7 input.wpcf7-submit {
display: block;
width: auto;
min-height: 48px;
margin: 28px auto 0;
padding: 14px 28px;
border: 1px solid transparent;
border-radius: 6px;
background: var(--coezbay-gold);
color: var(--coezbay-dark);
font: inherit;
font-weight: 600;
cursor: pointer;
}
.wpcf7 input.wpcf7-submit:disabled { opacity: .65; cursor: wait; }
.wpcf7 .wpcf7-not-valid-tip { color: #d97e7e; font-size: 14px; margin-top: 6px; }
.wpcf7 form .wpcf7-response-output { padding: 16px; margin: 24px 0; border-radius: 6px; color: var(--coezbay-cream); }
.wpcf7 form.sent .wpcf7-response-output { border-color: #85aa91; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { border-color: #d97e7e; }
.wpcf7-spinner { display: block; margin: 12px auto; }
.grecaptcha-badge { bottom: 100px !important; } .wpcf7-form:has(+ .brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="contact-form-seven-recaptcha"]) p:has(> .wpcf7-submit) {
display: none;
}
.coezbay-global-footer { margin-top: 0; background: var(--coezbay-surface); border-top: 1px solid #303436; }
.coezbay-footer-inner { max-width: 1280px; margin-inline: auto; padding: 32px 24px; }
.coezbay-footer-links { gap: 12px 24px; }
.coezbay-footer-links p { margin: 0; font-size: 16px; }
.coezbay-footer-copyright { margin: 0; font-size: 14px; color: #c3c5c1; } .wp-site-blocks:has(.wp-block-post-content .coezbay-rechtliches) > .coezbay-global-footer { display: none; }
.coezbay-query { max-width: 1100px; margin-inline: auto; padding: 48px 24px 64px; }
.coezbay-query .wp-block-post { padding-block: 24px; border-bottom: 1px solid #303436; }
@media (max-width: 781px) {
.coezbay-header-inner { padding: 16px 20px; gap: 16px; }
.coezbay-brand { font-size: 22px; }
.coezbay-brand-mark img { width: 36px; height: 36px; }
.coezbay-navigation .wp-block-navigation__container { gap: 16px; }
.coezbay-footer-inner { align-items: flex-start !important; }
}
@media (max-width: 600px) {
.coezbay-header-inner { padding: 12px 20px; }
.coezbay-footer-inner { flex-direction: column; gap: 24px; }
.coezbay-footer-links { align-items: flex-start; flex-direction: column; gap: 12px; }
.coezbay-page-heading { padding-top: 40px; }
.coezbay-intro, .coezbay-kontakt, .coezbay-blog { padding-block: 48px !important; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
}