.flausbau-primary-menu a {
color: hsl(var(--primary) / 0.7);
}
.flausbau-primary-menu {
display: flex;
align-items: center;
gap: 2rem;
list-style: none;
margin: 0;
padding: 0;
}
.flausbau-primary-menu li {
list-style: none;
margin: 0;
padding: 0;
}
.flausbau-primary-menu li::marker,
.flausbau-language-toggle li::marker,
.flausbau-mobile-menu li::marker,
.flausbau-footer-menu li::marker {
content: none;
}
.flausbau-primary-menu a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -0.125rem;
height: 2px;
background: hsl(var(--accent));
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.flausbau-primary-menu .current-menu-item > a,
.flausbau-primary-menu .current_page_item > a {
color: hsl(var(--primary));
}
.flausbau-primary-menu .current-menu-item > a::after,
.flausbau-primary-menu .current_page_item > a::after {
transform: scaleX(1);
}
.flausbau-primary-menu a:hover::after,
.flausbau-primary-menu a:focus::after {
transform: scaleX(1);
}
.flausbau-language-toggle {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: hsl(var(--primary) / 0.7);
font-size: 1rem;
}
.flausbau-language-toggle .lang-link {
color: hsl(var(--primary) / 0.5);
text-decoration: none;
border-radius: 0.25rem;
transition: color 0.2s ease;
padding: 0;
font-weight: 600;
}
.flausbau-language-toggle .lang-link.is-active {
color: hsl(var(--primary));
}
.flausbau-language-toggle .lang-sep {
color: hsl(var(--primary) / 0.3);
}
.flausbau-language-toggle .lang-link:hover {
color: hsl(var(--accent));
}
.flausbau-language-toggle.is-mobile {
gap: 0.5rem;
}
.flausbau-language-toggle.is-mobile .lang-link {
padding: 0.5rem 1rem;
border-radius: 0.5rem;
font-weight: 700;
background: hsl(var(--primary) / 0.1);
color: hsl(var(--primary) / 0.7);
}
.flausbau-language-toggle.is-mobile .lang-link.is-active {
background: hsl(var(--primary));
color: #fff;
}
.flausbau-language-toggle.is-mobile .lang-sep {
display: none;
}
.flausbau-language-toggle ul {
display: flex;
gap: 0.4rem;
list-style: none;
margin: 0;
padding: 0;
}
.flausbau-language-toggle li {
margin: 0;
list-style: none;
}
.flausbau-footer-menu .menu-item {
list-style: none;
}
.flausbau-footer-menu {
list-style: none;
margin: 0;
padding: 0;
}
.flausbau-mobile-menu .menu-item a {
display: block;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: hsl(var(--primary) / 0.7);
transition: color 0.2s ease, background 0.2s ease;
}
.flausbau-mobile-nav {
max-height: 0;
opacity: 0;
transform: translateY(-6px);
pointer-events: none;
transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;
border-top-color: transparent;
}
.flausbau-mobile-nav.is-open {
max-height: 70vh;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
border-top-color: hsl(var(--primary) / 0.1);
}
.flausbau-mobile-toggle {
position: relative;
}
.flausbau-mobile-toggle svg {
transition: transform 0.2s ease, opacity 0.2s ease;
}
.flausbau-mobile-toggle .icon-close {
position: absolute;
inset: 0;
margin: auto;
opacity: 0;
transform: scale(0.8);
}
.flausbau-mobile-toggle.is-open .icon-close {
opacity: 1;
transform: scale(1);
}
.flausbau-mobile-toggle.is-open .icon-burger {
opacity: 0;
transform: scale(0.8);
}
.flausbau-mobile-menu .menu-item {
list-style: none;
margin: 0;
padding: 0;
}
.flausbau-mobile-menu .menu-item a:hover,
.flausbau-mobile-menu .current-menu-item > a {
color: hsl(var(--primary));
background: hsl(var(--primary) / 0.1);
}
.flausbau-easy-language {
font-weight: normal;
opacity: 1;
}
.site-header--scrolled {
box-shadow: 0 10px 20px hsl(207 100% 19% / 0.15);
}
.card-bold:hover {
box-shadow: var(--card-shadow-hover);
transform: none;
}
[data-flip-card].is-flipped .transform-style-3d,
[data-bat-card].is-flipped .transform-style-3d {
transform: rotateY(180deg);
}
.wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.75rem;
font-weight: 600;
font-size: 1rem;
padding: 0.75rem 1.5rem;
transition: all 0.2s ease;
font-family: "Leelawadee UI", "Segoe UI", system-ui, -apple-system, sans-serif;
}
.wp-block-button__link:hover {
transform: translateY(-1px);
box-shadow: 0 10px 20px hsl(207 100% 19% / 0.12);
}
.wp-block-button__link:active {
transform: translateY(0);
box-shadow: 0 6px 16px hsl(207 100% 19% / 0.1);
}
.wp-block-button__link:focus-visible {
outline: 2px solid hsl(var(--ring));
outline-offset: 2px;
}
.wp-block-button.is-style-flausbau-accent .wp-block-button__link {
background: hsl(var(--accent));
color: hsl(var(--accent-foreground));
border: none;
}
.wp-block-button.is-style-flausbau-outline .wp-block-button__link {
background: transparent;
border: 1px solid hsl(var(--border));
color: hsl(var(--primary));
}
.wp-block-button.btn-white .wp-block-button__link {
background: #fff;
color: hsl(var(--primary));
border: 1px solid #fff;
}
.wp-block-button.btn-white .wp-block-button__link:hover {
background: #fff;
box-shadow: 0 10px 20px hsl(0 0% 0% / 0.12);
}
.wp-block-button.btn-accent .wp-block-button__link {
background: hsl(var(--accent));
color: hsl(var(--accent-foreground));
border: 1px solid hsl(var(--accent));
}
.wp-block-button.btn-accent .wp-block-button__link:hover {
filter: brightness(0.97);
}
.wp-block-button.btn-primary .wp-block-button__link {
background: hsl(var(--primary));
color: #fff;
border: 1px solid hsl(var(--primary));
}
.wp-block-button.btn-primary .wp-block-button__link:hover {
background: hsl(var(--primary-hover));
}
.wp-block-button.btn-outline-light .wp-block-button__link {
background: #fff;
border: 1px solid hsl(0 0% 100% / 0.5);
color: hsl(var(--primary));
border-radius: 0.75rem;
font-weight: 600;
padding: 0.75rem 1.5rem;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.wp-block-button.btn-outline-light .wp-block-button__link:hover {
background: hsl(var(--accent));
color: #000;
border-color: hsl(var(--accent));
}
.flausbau-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
border-radius: 0.75rem;
font-weight: 600;
padding: 0.75rem 1.5rem;
transition: all 0.2s ease;
}
.flausbau-btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.flausbau-btn-icon svg {
width: 1rem;
height: 1rem;
}
.flausbau-btn--sm {
padding: 0.5rem 1rem;
font-size: 0.875rem;
}
.flausbau-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 20px hsl(207 100% 19% / 0.12);
}
.flausbau-btn--primary {
background: hsl(var(--primary));
color: #fff;
border: 1px solid hsl(var(--primary));
}
.flausbau-btn--primary:hover {
background: hsl(var(--primary-hover));
color: #fff;
border-color: hsl(var(--primary-hover));
}
.flausbau-btn--accent {
background: hsl(var(--accent));
color: hsl(var(--accent-foreground));
}
.flausbau-btn--accent:hover {
filter: brightness(0.97);
}
.flausbau-btn--white {
background: #fff;
color: hsl(var(--primary));
}
.flausbau-btn--white:hover {
background: #fff;
}
.flausbau-btn--white-outline {
background: #fff;
color: hsl(var(--primary));
border: 1px solid #fff;
}
.flausbau-btn--white-outline:hover {
background: hsl(var(--accent));
color: #000;
border-color: hsl(var(--accent));
}
.flausbau-btn--outline {
border: 1px solid hsl(var(--border));
color: hsl(var(--primary));
background: transparent;
}
.flausbau-btn--outline:hover {
background: hsl(var(--primary));
color: #fff;
border-color: hsl(var(--primary));
}
.flausbau-btn--outline-light {
border: 1px solid hsl(0 0% 100% / 0.5);
color: hsl(var(--primary));
background: #fff;
}
.flausbau-btn--outline-light:hover {
background: hsl(var(--accent));
color: #000;
border-color: hsl(var(--accent));
}
.flausbau-tabs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
}
.flausbau-tabs-nav {
position: sticky;
top: 5rem;
z-index: 20;
margin-bottom: 1rem;
border: 1px solid hsl(var(--border));
border-radius: 1rem;
background: hsl(var(--background) / 0.95);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
padding: 0.625rem 0.75rem;
box-shadow: 0 6px 18px hsl(207 100% 19% / 0.08);
}
@media (max-width: 767px) {
.flausbau-tabs-nav {
top: 4.7rem;
}
}
.flausbau-tabs-nav-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0 0.4rem 0.55rem 0.4rem;
}
.flausbau-tabs-nav-title {
color: hsl(var(--primary));
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.flausbau-tabs-nav-hint {
display: inline-flex;
align-items: center;
gap: 0.25rem;
color: hsl(var(--muted-foreground));
font-size: 0.72rem;
}
@media (min-width: 768px) {
.flausbau-tabs {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.flausbau-tab {
border: 1px solid hsl(var(--border));
border-radius: 1rem;
padding: 0.75rem 1rem;
display: flex;
align-items: center;
gap: 0.75rem;
background: hsl(var(--card));
color: hsl(var(--foreground));
transition: all 0.2s ease;
}
.flausbau-tab:hover {
border-color: hsl(var(--primary) / 0.3);
background: hsl(var(--muted) / 0.3);
}
.flausbau-tab.is-active {
background: hsl(var(--primary));
color: #fff;
border-color: hsl(var(--primary));
box-shadow: 0 12px 24px hsl(207 100% 19% / 0.15);
}
.flausbau-tab-icon {
width: 2.75rem;
height: 2.75rem;
border-radius: 0.75rem;
display: grid;
place-items: center;
border: 1px solid hsl(var(--border));
background: hsl(var(--muted));
}
.flausbau-tab.is-active .flausbau-tab-icon {
background: hsl(0 0% 100% / 0.1);
border-color: hsl(0 0% 100% / 0.15);
}
.flausbau-tab-icon svg {
width: 1.25rem;
height: 1.25rem;
color: hsl(var(--primary));
}
.flausbau-tab.is-active .flausbau-tab-icon svg {
color: hsl(var(--accent));
}
.flausbau-tab.is-active .flausbau-tab-sub {
color: hsl(0 0% 100% / 0.85);
}
.flausbau-tab-panel {
display: none;
}
.flausbau-tab-panel.is-active {
display: block;
}
.flausbau-roadmap-desktop {
--flausbau-roadmap-col-gap: 1.5rem;
--flausbau-roadmap-row-gap: 2.25rem;
--flausbau-roadmap-node-size: 1rem;
--flausbau-roadmap-node-wrap-height: 3rem;
--flausbau-roadmap-track-size: 3px;
--flausbau-roadmap-track-muted: hsl(var(--border));
--flausbau-roadmap-track-active: hsl(var(--border));
--flausbau-roadmap-track-current: hsl(var(--border));
}
.flausbau-roadmap-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: var(--flausbau-roadmap-col-gap);
row-gap: var(--flausbau-roadmap-row-gap);
align-items: stretch;
}
.flausbau-roadmap-phase {
position: relative;
display: flex;
flex-direction: column;
gap: 0.85rem;
--flausbau-roadmap-track-color: var(--flausbau-roadmap-track-muted);
}
.flausbau-roadmap-phase.is-past {
--flausbau-roadmap-track-color: var(--flausbau-roadmap-track-active);
}
.flausbau-roadmap-phase.is-current {
--flausbau-roadmap-track-color: var(--flausbau-roadmap-track-current);
}
.flausbau-roadmap-phase.is-pos-1 {
grid-column: 1;
grid-row: 1;
}
.flausbau-roadmap-phase.is-pos-2 {
grid-column: 2;
grid-row: 1;
}
.flausbau-roadmap-phase.is-pos-3 {
grid-column: 3;
grid-row: 1;
}
.flausbau-roadmap-phase.is-pos-4 {
grid-column: 3;
grid-row: 2;
}
.flausbau-roadmap-phase.is-pos-5 {
grid-column: 2;
grid-row: 2;
}
.flausbau-roadmap-phase.is-pos-6 {
grid-column: 1;
grid-row: 2;
}
.flausbau-roadmap-node-wrap {
position: relative;
height: var(--flausbau-roadmap-node-wrap-height);
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
overflow: visible;
}
.flausbau-roadmap-node {
width: var(--flausbau-roadmap-node-size);
height: var(--flausbau-roadmap-node-size);
border-radius: 9999px;
position: relative;
z-index: 2;
box-shadow:
0 0 0 4px hsl(var(--background)),
0 0 0 1px hsl(var(--primary) / 0.12),
0 10px 20px hsl(var(--primary) / 0.16);
}
.flausbau-roadmap-card {
position: relative;
z-index: 2;
background: linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--background) / 0.93) 100%);
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.flausbau-roadmap-phase.is-current .flausbau-roadmap-card {
transform: translateY(-2px);
box-shadow:
0 14px 28px hsl(var(--primary) / 0.14),
0 0 0 1px hsl(var(--accent) / 0.18);
}
.flausbau-roadmap-phase.has-link-right .flausbau-roadmap-node-wrap::after,
.flausbau-roadmap-phase.has-link-left .flausbau-roadmap-node-wrap::before,
.flausbau-roadmap-phase.has-link-down::after {
content: "";
position: absolute;
pointer-events: none;
z-index: 0;
}
.flausbau-roadmap-phase.has-link-right .flausbau-roadmap-node-wrap::after {
top: 50%;
left: 50%;
width: calc(100% + var(--flausbau-roadmap-col-gap));
height: var(--flausbau-roadmap-track-size);
border-radius: 999px;
background: var(--flausbau-roadmap-track-color);
transform: translateY(-50%);
}
.flausbau-roadmap-phase.has-link-left .flausbau-roadmap-node-wrap::before {
top: 50%;
right: 50%;
width: calc(100% + var(--flausbau-roadmap-col-gap));
height: var(--flausbau-roadmap-track-size);
border-radius: 999px;
background: var(--flausbau-roadmap-track-color);
transform: translateY(-50%);
}
.flausbau-roadmap-phase.has-link-down::after {
top: calc((var(--flausbau-roadmap-node-wrap-height) / 2) - (var(--flausbau-roadmap-track-size) / 2));
left: 50%;
width: clamp(2.6rem, 4vw, 3.4rem);
height: calc(100% + var(--flausbau-roadmap-row-gap));
border: var(--flausbau-roadmap-track-size) solid var(--flausbau-roadmap-track-color);
border-left: 0;
border-radius: 0 999px 999px 0;
}
@media (min-width: 1280px) {
.flausbau-roadmap-desktop {
--flausbau-roadmap-col-gap: 1.75rem;
--flausbau-roadmap-row-gap: 2.5rem;
}
}
.flausbau-tab-content p {
margin: 0;
}
.flausbau-tab-content p + p {
margin-top: 1rem;
}
.flausbau-container-narrow,
.flausbau-container-wide,
.flausbau-container-full {
padding-left: var(--flausbau-inline-pad, 0px);
padding-right: var(--flausbau-inline-pad, 0px);
margin-left: auto;
margin-right: auto;
}
.flausbau-container-narrow {
max-width: 56rem;
}
.flausbau-container-wide {
max-width: 80rem;
}
.flausbau-container-full {
max-width: none;
}
.flausbau-panel-header {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1.5rem;
}
.flausbau-panel-icon {
padding: 0.75rem;
border-radius: 0.75rem;
background: hsl(var(--primary) / 0.15);
border: 1px solid hsl(var(--primary) / 0.15);
}
.flausbau-panel-icon svg {
width: 1.5rem;
height: 1.5rem;
color: hsl(var(--primary));
}
.flausbau-contact-card {
background: hsl(0 0% 100% / 0.1);
border-radius: var(--radius);
border: 0;
padding: 1.5rem;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 1px 2px hsl(0 0% 0% / 0.12);
}
.flausbau-icon-circle {
width: 3rem;
height: 3rem;
border-radius: 999px;
background: hsl(0 0% 100% / 0.1);
display: grid;
place-items: center;
margin: 0 auto 1rem auto;
}
.flausbau-icon-circle svg {
width: 1.5rem;
height: 1.5rem;
color: #fff;
}
.flausbau-icon-circle .wp-block-image {
margin: 0;
}
.flausbau-motivation-icon {
align-items: center;
justify-content: center;
}
.flausbau-motivation-icon .wp-block-image {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.flausbau-motivation-icon img {
display: block;
}
.flausbau-scroll-arrow {
position: absolute;
left: 50%;
bottom: 2rem;
transform: translateX(-50%);
cursor: pointer;
border: none;
background: transparent;
color: hsl(0 0% 100% / 0.6);
z-index: 20;
display: grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
opacity: 0;
animation: flausbau-arrow-fade 0.8s ease forwards;
animation-delay: 1s;
}
.flausbau-scroll-arrow svg {
width: 2rem;
height: 2rem;
animation: flausbau-bounce 1.8s ease-in-out infinite;
}
.flausbau-bat-nav {
transition: all 0.2s ease;
}
.flausbau-bat-nav:hover {
border-color: hsl(var(--primary));
background: hsl(var(--primary));
color: #fff;
transform: translateY(-1px);
box-shadow: 0 8px 18px hsl(207 100% 19% / 0.12);
}
.flausbau-bat-nav:disabled {
opacity: 0.45;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.flausbau-animate {
opacity: 0;
}
.animate-fade-up {
animation: flausbau-fade-up 0.6s ease-out forwards;
}
.animate-scale-x {
animation: flausbau-scale-x 0.6s ease-out forwards;
transform-origin: center;
}
.animate-pop {
animation: flausbau-pop 0.55s ease-out forwards;
}
@keyframes flausbau-arrow-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes flausbau-bounce {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
}
@keyframes flausbau-scale-x {
from {
opacity: 0;
transform: scaleX(0);
}
to {
opacity: 1;
transform: scaleX(1);
}
}
@keyframes flausbau-fade-up {
from {
opacity: 0;
transform: translateY(16px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes flausbau-pop {
from {
opacity: 0;
transform: scale(0.92);
}
to {
opacity: 1;
transform: scale(1);
}
}
body.flausbau-page-enter #main-content {
animation-duration: var(--flausbau-page-enter-duration, 550ms);
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
will-change: opacity, transform;
}
body.flausbau-page-enter--fade #main-content {
animation-name: flausbau-page-fade;
}
body.flausbau-page-enter--fade-up #main-content {
animation-name: flausbau-page-fade-up;
}
body.flausbau-page-enter--zoom #main-content {
animation-name: flausbau-page-zoom;
}
body.flausbau-page-enter--slide-left #main-content {
animation-name: flausbau-page-slide-left;
}
body.flausbau-page-enter--slide-right #main-content {
animation-name: flausbau-page-slide-right;
}
@keyframes flausbau-page-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes flausbau-page-fade-up {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes flausbau-page-zoom {
from {
opacity: 0;
transform: scale(0.985);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes flausbau-page-slide-left {
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes flausbau-page-slide-right {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@media (prefers-reduced-motion: reduce) {
body.flausbau-page-enter #main-content {
animation: none !important;
opacity: 1 !important;
transform: none !important;
}
}
.hero-min-height {
min-height: calc(100dvh - 80px);
}
.hero-min-height .wp-block-cover {
min-height: calc(100dvh - 80px) !important;
}
.wp-block-cover.h-full {
min-height: calc(100dvh - 80px);
}
@supports not (height: 100dvh) {
.hero-min-height,
.hero-min-height .wp-block-cover,
.wp-block-cover.h-full {
min-height: calc(100vh - 80px) !important;
}
}
.transform-style-3d {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.backface-hidden {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.flausbau-faq details {
border: 1px solid hsl(var(--border));
border-radius: 0.75rem;
padding: 0 1.25rem;
background: hsl(var(--card));
transition: border-color 0.2s ease;
}
.flausbau-faq details[open] {
border-color: hsl(var(--primary) / 0.3);
}
.flausbau-faq summary {
list-style: none;
cursor: pointer;
padding: 1rem 0;
font-size: 0.875rem;
color: hsl(var(--foreground));
}
.flausbau-faq summary::-webkit-details-marker {
display: none;
}
.flausbau-faq summary:hover {
color: hsl(var(--primary));
}
.flausbau-faq .faq-body {
padding-bottom: 1rem;
font-size: 0.875rem;
color: hsl(var(--muted-foreground));
}
.flausbau-faq-item {
border: 1px solid hsl(var(--border));
border-radius: 0.75rem;
background: hsl(var(--card));
overflow: hidden;
transition: border-color 0.2s ease;
}
.flausbau-faq-item + .flausbau-faq-item {
margin-top: 0.5rem;
}
.flausbau-faq-question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1rem 1.25rem;
background: transparent;
border: none;
text-align: left;
font-size: var(--flausbau-faq-question-size, 0.875rem);
color: hsl(var(--foreground));
cursor: pointer;
}
.flausbau-faq-question:hover {
color: hsl(var(--primary));
}
.flausbau-faq-icon {
width: 1.25rem;
height: 1.25rem;
display: grid;
place-items: center;
transition: transform 0.2s ease;
color: hsl(var(--primary));
}
.flausbau-faq-icon svg {
width: 1.25rem;
height: 1.25rem;
}
.flausbau-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.25s ease;
}
.flausbau-faq-answer-inner {
padding: 0 1.25rem 1rem 1.25rem;
font-size: var(--flausbau-faq-answer-size, 0.875rem);
color: hsl(var(--muted-foreground));
}
.flausbau-faq-answer-inner p,
.flausbau-faq-answer-inner li,
.flausbau-faq-answer-inner span {
font-size: inherit !important;
}
.flausbau-faq-item.is-open {
border-color: hsl(var(--primary) / 0.3);
}
.flausbau-faq-item.is-open .flausbau-faq-icon {
transform: rotate(180deg);
}
.wp-block-button.is-style-flausbau-accent .wp-block-button__link {
background: hsl(var(--accent));
color: hsl(var(--accent-foreground));
border-radius: 0.75rem;
font-weight: 700;
padding: 0.75rem 1.5rem;
}
.wp-block-button.is-style-flausbau-outline .wp-block-button__link {
background: transparent;
border: 1px solid hsl(var(--border));
color: hsl(var(--primary));
border-radius: 0.75rem;
font-weight: 600;
padding: 0.75rem 1.5rem;
}
.wp-block-button.is-style-flausbau-white .wp-block-button__link {
background: #fff;
color: hsl(var(--primary));
border: 1px solid #fff;
border-radius: 0.75rem;
font-weight: 600;
padding: 0.75rem 1.5rem;
}
.wp-block-button.is-style-flausbau-primary .wp-block-button__link {
background: hsl(var(--primary));
color: #fff;
border: 1px solid hsl(var(--primary));
border-radius: 0.75rem;
font-weight: 600;
padding: 0.75rem 1.5rem;
}
.wp-block-button.is-style-flausbau-outline-light .wp-block-button__link {
background: #fff;
border: 1px solid hsl(0 0% 100% / 0.5);
color: hsl(var(--primary));
border-radius: 0.75rem;
font-weight: 600;
padding: 0.75rem 1.5rem;
}
.wp-block-button.is-style-flausbau-outline-light .wp-block-button__link:hover {
background: hsl(var(--accent));
color: #000;
border-color: hsl(var(--accent));
}
.wp-block-heading.is-style-flausbau-display {
font-family: "DM Serif Display", Georgia, serif;
letter-spacing: -0.02em;
}
.wp-block-heading.is-style-flausbau-heading-lg {
font-family: "DM Serif Display", Georgia, serif;
font-size: 1.875rem;
line-height: 1.2;
color: hsl(var(--foreground));
}
@media (min-width: 768px) {
.wp-block-heading.is-style-flausbau-heading-lg {
font-size: 2.25rem;
}
}
.wp-block-heading.is-style-flausbau-heading-md {
font-family: "DM Serif Display", Georgia, serif;
font-size: 1.25rem;
line-height: 1.3;
color: hsl(var(--foreground));
}
.wp-block-separator.is-style-flausbau-accent {
width: 6rem;
height: 4px;
border: 0 !important;
border-top: 0 !important;
background: hsl(var(--accent)) !important;
border-radius: 999px;
opacity: 1 !important;
margin: 1.5rem 0;
}
.wp-block-separator.is-style-flausbau-accent.mx-auto {
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.is-style-flausbau-accent.alignleft {
margin-left: 0;
margin-right: auto;
}
.wp-block-separator.is-style-flausbau-accent.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.is-style-flausbau-accent.alignright {
margin-left: auto;
margin-right: 0;
}
.wp-block-group.is-style-flausbau-border-top-space,
.wp-block-columns.is-style-flausbau-border-top-space {
border-top: 1px solid hsl(var(--border));
margin-top: var(--flausbau-border-space, 2rem);
padding-top: var(--flausbau-border-space, 2rem);
}
.wp-block-group.is-style-flausbau-border-bottom-space,
.wp-block-columns.is-style-flausbau-border-bottom-space {
border-bottom: 1px solid hsl(var(--border));
margin-bottom: var(--flausbau-border-space, 2rem);
padding-bottom: var(--flausbau-border-space, 2rem);
}
.wp-block-group.is-style-flausbau-border-y-space,
.wp-block-columns.is-style-flausbau-border-y-space {
border-top: 1px solid hsl(var(--border));
border-bottom: 1px solid hsl(var(--border));
margin-top: var(--flausbau-border-space, 2rem);
margin-bottom: var(--flausbau-border-space, 2rem);
padding-top: var(--flausbau-border-space, 2rem);
padding-bottom: var(--flausbau-border-space, 2rem);
}
.divider-accent {
width: 6rem;
height: 4px;
border-radius: 999px;
background: hsl(var(--accent));
}
.card-bold {
border-radius: var(--radius);
overflow: hidden;
}
.flausbau-resource-card:hover,
.flausbau-resource-card:focus-within {
box-shadow: var(--card-shadow);
transform: none;
transition: none;
}
.flausbau-resource-content {
min-width: 0;
}
.flausbau-resource-content h3,
.flausbau-resource-content p {
overflow-wrap: anywhere;
}
@media (max-width: 639px) {
.flausbau-resource-card {
max-width: 23rem;
margin-left: auto;
margin-right: auto;
}
.flausbau-resource-layout {
flex-direction: column;
align-items: center;
text-align: center;
}
.flausbau-resource-media .w-40,
.flausbau-resource-media .md\:w-44 {
margin-left: auto;
margin-right: auto;
}
.flausbau-resource-content {
width: 100%;
text-align: center;
}
.flausbau-resource-actions {
display: flex;
justify-content: center;
}
}
.wp-block-button:not(.is-style-flausbau-accent):not(.is-style-flausbau-outline):not(.is-style-flausbau-white):not(.is-style-flausbau-primary):not(.is-style-flausbau-outline-light):not(.btn-white):not(.btn-accent):not(.btn-primary):not(.btn-outline-light) .wp-block-button__link {
background: hsl(var(--primary));
color: #fff;
border: 1px solid hsl(var(--primary));
box-shadow: 0 1px 2px hsl(207 100% 19% / 0.08);
}
.wp-block-button__link:hover {
transform: translateY(-1px);
box-shadow: 0 10px 20px hsl(207 100% 19% / 0.12);
}
.wp-block-button__link:active {
transform: scale(0.98);
}
.wp-block-button.is-style-flausbau-accent .wp-block-button__link {
background: hsl(var(--accent));
color: #000;
border: 1px solid hsl(var(--accent));
}
.wp-block-button.is-style-flausbau-accent .wp-block-button__link:hover {
filter: brightness(0.97);
}
.wp-block-button.is-style-flausbau-outline .wp-block-button__link {
background: transparent;
border: 2px solid hsl(var(--primary));
color: hsl(var(--primary));
}
.wp-block-button.is-style-flausbau-outline .wp-block-button__link:hover {
background: hsl(var(--primary));
color: #fff;
border-color: hsl(var(--primary));
}
.wp-block-button.is-style-flausbau-white .wp-block-button__link {
background: #fff;
color: hsl(var(--primary));
border: 1px solid #fff;
}
.wp-block-button.is-style-flausbau-white .wp-block-button__link:hover {
background: hsl(0 0% 100% / 0.9);
color: hsl(var(--primary));
}
.wp-block-button.is-style-flausbau-primary .wp-block-button__link {
background: hsl(var(--primary));
color: #fff;
border: 1px solid hsl(var(--primary));
}
.wp-block-button.is-style-flausbau-primary .wp-block-button__link:hover {
background: hsl(var(--primary-hover));
}
.wp-block-button.is-style-flausbau-outline-light .wp-block-button__link {
background: #fff;
border: 1px solid hsl(0 0% 100% / 0.5);
color: hsl(var(--primary));
}
.wp-block-button.is-style-flausbau-outline-light .wp-block-button__link:hover {
background: hsl(var(--accent));
color: #000;
border-color: hsl(var(--accent));
}
.flausbau-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: var(--radius);
font-weight: 600;
padding: 0.75rem 1.5rem;
transition: all 0.2s ease;
box-shadow: 0 1px 2px hsl(207 100% 19% / 0.08);
}
.flausbau-btn:hover {
transform: translateY(-1px);
box-shadow: 0 6px 16px hsl(207 100% 19% / 0.12);
}
.flausbau-btn:active {
transform: scale(0.98);
}
.flausbau-btn--outline {
border-width: 2px;
}
.is-style-flausbau-eyebrow {
display: inline-block;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: hsl(var(--accent));
}
.is-style-flausbau-muted:not(.has-text-color) {
color: hsl(var(--muted-foreground));
}
.wp-block-paragraph.is-style-flausbau-lead {
font-size: 1.125rem;
line-height: 1.75rem;
}
.is-style-flausbau-lead:not(.has-text-color) {
color: hsl(var(--muted-foreground));
}
.is-style-flausbau-white:not(.has-text-color) {
color: #fff;
}
.text-muted-foreground,
.text-mute-foreground,
.editor-styles-wrapper .text-muted-foreground,
.editor-styles-wrapper .text-mute-foreground {
color: hsl(var(--muted-foreground));
}
#main-content ul,
#main-content ol {
margin: 0 0 1rem;
padding-left: 1.5rem;
}
#main-content ul {
list-style: disc;
}
#main-content ol {
list-style: decimal;
}
#main-content li + li {
margin-top: 0.35rem;
}
#main-content ul ul {
list-style-type: circle;
}
#main-content ol ol {
list-style-type: lower-alpha;
}
#main-content ul.list-none,
#main-content ol.list-none {
list-style: none;
padding-left: 0;
}
#main-content .list-inside {
list-style-position: inside;
padding-left: 0;
}
#main-content .wp-block-list li::marker {
color: currentColor;
}
.wp-block-list.is-style-flausbau-muted,
.wp-block-list.text-muted-foreground,
.wp-block-list.text-mute-foreground,
.wp-block-list-item.text-muted-foreground,
.wp-block-list-item.text-mute-foreground,
.editor-styles-wrapper .wp-block-list.text-muted-foreground,
.editor-styles-wrapper .wp-block-list.text-mute-foreground,
.editor-styles-wrapper .wp-block-list-item.text-muted-foreground,
.editor-styles-wrapper .wp-block-list-item.text-mute-foreground {
color: hsl(var(--muted-foreground));
}
.wp-block-list.is-style-flausbau-white {
color: #fff;
}
.wp-block-list.is-style-flausbau-muted li,
.wp-block-list.text-muted-foreground li,
.wp-block-list.text-mute-foreground li {
color: inherit;
}
.flausbau-icon-circle img {
filter: brightness(0) invert(1);
}
.flausbau-contact-card {
border: 0;
}