.elementor-kit-7{--e-global-color-primary:#8A5F00;--e-global-color-secondary:#465362;--e-global-color-text:#2B2B2B;--e-global-color-accent:#8A5F00;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --bb-primary:#8A5F00; --bb-primary-light:#9F710C; --bb-primary-dark:#674700; --bb-primary-soft:#F3EADB; --bb-accent-on-dark:#EFB431; --bb-primary-shadow:rgba(138, 95, 0, 0.12); --bb-hero-glow:rgba(159, 113, 12, 0.35); --bb-hero-end:#37414C; --bb-heading:#465362; --bb-text:#2B2B2B; --bb-muted:#6B675F; --bb-border:#C7C5C2; --bb-surface:#F6F3EE; --bb-surface-warm:#EBE9E5; --bb-dark:#465362; --bb-white:#FFFDF9; --bb-font:Inter; --bb-space-xs:0.5rem; --bb-space-s:1rem; --bb-space-m:2rem; --bb-space-l:4rem; --bb-space-xl:6rem; --bb-radius:10px; --bb-container:1200px; }
/* Start custom CSS *//* Website-weites CSS dieses Projekts – ausspielen mit: bash kit.sh */

/* Text links in CI colors; :where() keeps specificity at element level so button classes win. */
a {
    color: var(--bb-primary);
}
a:hover {
    color: var(--bb-primary-dark);
}
:where([data-elementor-type="header"], [data-elementor-type="footer"], .bb-hero, .bb-section-dark) a {
    color: inherit;
}
:where([data-elementor-type="header"], [data-elementor-type="footer"], .bb-hero, .bb-section-dark) a:hover {
    color: var(--bb-accent-on-dark);
}

/* Flip card: the "Mehr Details" link targets .bb-flip-back, the back link targets the .bb-flip wrapper. */
.bb-flip {
    perspective: 1600px;
}
.bb-flip-inner {
    transform-style: preserve-3d;
    transition: transform 0.7s ease;
}
.bb-flip-front,
.bb-flip-back {
    grid-area: 1 / 1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.bb-flip-back {
    transform: rotateY(180deg);
    scroll-margin-top: 120px;
}
.bb-flip {
    scroll-margin-top: 120px;
}
.bb-flip:has(.bb-flip-back:target) .bb-flip-inner {
    transform: rotateY(180deg);
}
@media (prefers-reduced-motion: reduce) {
    .bb-flip-inner {
        transition: none;
    }
}/* End custom CSS */