@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-Thin/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-Thin/font.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-ThinItalic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-ThinItalic/font.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-ExtraLight/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-ExtraLight/font.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-ExtraLightItalic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-ExtraLightItalic/font.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-Light/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-Light/font.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-LightItalic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-LightItalic/font.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-Regular/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-Regular/font.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-Italic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-Italic/font.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-Medium/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-Medium/font.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-MediumItalic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-MediumItalic/font.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-DemiBold/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-DemiBold/font.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-DemiBoldItalic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-DemiBoldItalic/font.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-Bold/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-Bold/font.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-BoldItalic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-BoldItalic/font.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-ExtraBold/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-ExtraBold/font.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-ExtraBoldItalic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-ExtraBoldItalic/font.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-Black/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-Black/font.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../assets/webFonts/TTFirsNeue-BlackItalic/font.woff2') format('woff2'),
         url('../assets/webFonts/TTFirsNeue-BlackItalic/font.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

body {
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(to bottom, #37322a 0%, #0c0909 100%);
    font-family: 'TT Firs Neue', Arial, sans-serif;
}

body.page-boxen {
    background: linear-gradient(to bottom, #4d0000 0%, #0d0000 100%);
}

body.page-mma {
    background: linear-gradient(to bottom, #2a1c14 0%, #14100b 100%);
}

body.page-fma {
    background: linear-gradient(to bottom, #261300 0%, #0d0903 100%);
}

body.page-fitness {
    background: linear-gradient(to bottom, #00756c 0%, #002021 100%);
}

body.page-boxen #textbox-1 {
    background: linear-gradient(to right, #380808 0%, #531c05 100%);
}

.page-boxen :is(.content-card--image, .content-card--dienstag) {
    background: linear-gradient(to right, #531c05 0%, #903006 100%);
}

.page-mma :is(.content-card--image, .content-card--dienstag) {
    background: linear-gradient(to right, hsl(25 33% 13% / 1) 0%, hsl(21 30% 31% / 1) 100%);
}

body.page-fma :is(.content-card--image, .content-card--dienstag) {
    background: linear-gradient(to right, #432a10 0%, #a57545 100%);
}

body.page-boxen .cta-button--primary {
    background: linear-gradient(to right, #622106 0%, #a23607 100%);
    color: #fff;
}

body.page-mma .cta-button--primary {
    background: linear-gradient(to right, hsl(24deg 32.01% 25.47%) 0%, #b37f60 100%);
    color: #fff;
}

body.page-fma .cta-button--primary {
    background: linear-gradient(to right, #764f27 0%, #ffb266 100%);
    color: #fff;
}

.page-boxen .cta-button--secondary {
    background-color: rgb(67 27 22);
}

.page-boxen #textbox-2,
.page-boxen #textbox-3 {
    background: linear-gradient(to right, hsl(0 75% 17% / 1) 0%, hsl(18 89% 20% / 1) 100%);
}

.page-boxen #textbox-4 {
    background: hsl(18 91% 31% / 1);
}

body.page-mma #textbox-1 {
    background: linear-gradient(to right, hsl(27 33% 12% / 1) 0%, hsl(22 32% 15% / 1) 100%);
}

body.page-fma #textbox-1 {
    background: linear-gradient(to right, hsl(28 61% 14% / 1) 0%, #432a10 100%);
}

.page-muay #textbox-1 p {
    color: rgb(239 231 225);
}

body.page-mma #textbox-2,
body.page-mma #textbox-3 {
    background: linear-gradient(to right, hsl(25 32% 17% / 1) 0%, hsl(21.25deg 30.38% 30.98%) 100%);
}

body.page-fma #textbox-2,
body.page-fma #textbox-3 {
    background: linear-gradient(to right, hsl(31 47% 22% / 1) 0%, hsl(30 44% 37% / 1) 100%);
}

body.page-mma #textbox-4 {
    background: #9a6c51;
}

body.page-fma #textbox-4 {
    background: #bc8753;
}

body.page-mma .cta-button--secondary {
    background-color: #2e1f17;
    color: #fff;
}

body.page-fma .cta-button--secondary {
    background-color: #432a10;
    color: #fff;
}

body.page-fitness .content-card--image-fitness {
    background: linear-gradient(to right, #096366 0%, #00998f 100%);
}

body.page-fitness .cta-button--primary-fitness {
    background: linear-gradient(to right, hsl(182 100% 22% / 1) 0%, #009e94 100%);
    color: #fff;
}

body.page-fitness #textbox-1 {
    background: linear-gradient(to right, hsl(183 96% 13% / 1) 0%, hsl(174 91% 14% / 1) 100%);
}

body.page-fitness #textbox-2,
body.page-fitness #textbox-3 {
    background: linear-gradient(to right, #035558 0%, #027168 100%);
}

body.page-fitness #textbox-4 {
    background: #009e94;
}

body.page-fitness .cta-button--secondary {
    background-color: hsl(174 88% 20% / 1);
    color: #fff;
}

body.page-bjj {
    background: linear-gradient(to bottom, #194973 0%, #031022 100%);
}

.page-bjj #textbox-1 {
    background: linear-gradient(to right, hsl(215 63% 16% / 1) 0%, hsl(210 71% 19% / 1) 100%);
}

.page-bjj #textbox-1 p {
    color: #e7e7e7;
}

.page-bjj :is(.content-card--image, .content-card--dienstag) {
    background: linear-gradient(to right, #285695 0%, #1a4b7c 100%);
}

.page-bjj .cta-button--primary {
    background: linear-gradient(to right, #1c6aa8, #529fdd);
    color: #fff;
}

.page-bjj .cta-button--secondary {
    background-color: #225088;
}

body.is-content-blurred {
    overflow: hidden;
    overscroll-behavior: contain;
}

body > *:not(.site-nav):not(.site-nav__menu-overlay) {
    transition: filter 0.5s ease;
}

body.is-content-blurred > :not(.site-nav):not(.site-nav__menu-overlay) {
    filter: blur(10px);
    pointer-events: none;
}

.site-nav__menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding-top: 120px;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 8;
    overflow-y: auto;
    padding-bottom: 0px;
    scrollbar-width: thin;
    scrollbar-color: rgba(173, 171, 170, 0.6) transparent;
}

body.is-content-blurred .site-nav__menu-overlay {
    pointer-events: auto;
    opacity: 1;
    touch-action: pan-y;
}

.site-nav__menu-overlay::after {
    content: '';
    flex: 0 0 0px;
}

.menu-overlay__button {
    background: none;
    border: none;
    font: inherit;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    transform: translateY(-40px) scale(1);
    -webkit-transform: translateY(-40px) scale(1);
    opacity: 0;
    filter: brightness(1);
    -webkit-filter: brightness(1);
    transition: transform 0.16s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease, filter 0.16s ease;
    -webkit-transition: -webkit-transform 0.16s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease, -webkit-filter 0.16s ease;
    text-align: center;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    --menu-entry-delay: 0s;
}

.menu-overlay__button:focus {
    outline: none;
}

.menu-overlay__button-desc {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.04em;
    color: #adabaa;
    padding: 0 50px;
}

.menu-overlay__button--active {
    color: rgba(255, 255, 255, 0.35);
    pointer-events: none;
    cursor: default;
}

.menu-overlay__button--active .menu-overlay__button-label {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
}

.menu-overlay__button[aria-current="page"] .menu-overlay__button-label {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
}

.menu-overlay__button--has-submenu.menu-overlay__button--active {
    pointer-events: auto;
    cursor: pointer;
}

.menu-overlay__button--active .menu-overlay__button-desc {
    text-decoration: none;
    color: rgba(173, 171, 170, 0.4);
}

.menu-overlay__button-label {
    display: block;
}

.is-content-blurred .menu-overlay__button {
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
    opacity: 1;
    filter: brightness(1);
    -webkit-filter: brightness(1);
    transition-delay: 0s, var(--menu-entry-delay), 0s;
    -webkit-transition-delay: 0s, var(--menu-entry-delay), 0s;
}

.is-content-blurred .menu-overlay__button:nth-child(1) {
    --menu-entry-delay: 0.05s;
}

.is-content-blurred .menu-overlay__button:nth-child(2) {
    --menu-entry-delay: 0.15s;
}

.is-content-blurred .menu-overlay__button:nth-child(3) {
    --menu-entry-delay: 0.25s;
}

.is-content-blurred .menu-overlay__button:nth-child(4) {
    --menu-entry-delay: 0.35s;
}

.is-content-blurred .menu-overlay__button:nth-child(5) {
    --menu-entry-delay: 0.45s;
}

.is-content-blurred .menu-overlay__button:nth-child(6) {
    --menu-entry-delay: 0.55s;
}

.is-content-blurred .menu-overlay__button:nth-child(7) {
    --menu-entry-delay: 0.65s;
}

.is-content-blurred .menu-overlay__button:nth-child(8) {
    --menu-entry-delay: 0.75s;
}

.is-content-blurred .menu-overlay__button:nth-child(9) {
    --menu-entry-delay: 0.85s;
}

.is-content-blurred .menu-overlay__button:nth-child(10) {
    --menu-entry-delay: 0.95s;
}

.menu-overlay__submenu {
    display: none;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    width: 100%;
    max-width: 600px;
    align-self: center;
    padding: 0 50px;
    margin: 0;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-12px);
    transition: padding 0.3s ease;
}

.menu-overlay__submenu.is-open {
    display: flex;
    pointer-events: auto;
    padding: 12px 50px 0;
    margin-bottom: 30px;
    animation: menu-submenu-in 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.menu-overlay__subbutton {
    background: none;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 6px 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    opacity: 0;
    transform: translateY(-16px) scale(1);
    will-change: transform, opacity;
    transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.22s ease;
}

.menu-overlay__subbutton:focus {
    outline: none;
    opacity: 0.8;
}

.menu-overlay__submenu.is-open .menu-overlay__subbutton {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.menu-overlay__subbutton--active {
    color: rgba(255, 255, 255, 0.3);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    pointer-events: none;
    cursor: default;
    opacity: 1;
}

.menu-overlay__subbutton--active:focus {
    opacity: 1;
}

.menu-overlay__button--has-submenu[aria-expanded="true"] .menu-overlay__button-label {
    color: rgba(255, 255, 255, 0.3);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: auto;
    text-underline-offset: 6px;
}

.is-content-blurred .menu-overlay__subbutton:active,
.is-content-blurred .menu-overlay__subbutton.is-pressed {
    transform: translateY(0) scale(0.9);
    opacity: 0.7;
}

@keyframes menu-submenu-in {
    0% {
        opacity: 0;
        transform: translateY(-12px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.menu-overlay__footer {
    max-width: 540px;
    padding: 40px 32px 14px;
    text-align: center;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #c9c6c4;
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
    --menu-entry-delay: 1.05s;
}

.menu-overlay__footer p {
    margin: 0 0 16px;
}

.menu-overlay__footer-highlight {
    display: block;
    margin-bottom: 24px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.06em;
    line-height: 16px;
}

.menu-overlay__footer-logo {
    display: flex;
    justify-content: center;
}

.menu-overlay__footer-logo img {
    width: 50px;
    height: auto;
}

.is-content-blurred .menu-overlay__footer {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition-delay: var(--menu-entry-delay);
    -webkit-transition-delay: var(--menu-entry-delay);
}

.is-content-blurred .menu-overlay__button:active,
.is-content-blurred .menu-overlay__button.is-pressed {
    transform: translateY(0) scale(0.92);
    -webkit-transform: translateY(0) scale(0.92);
    filter: brightness(0.7);
    -webkit-filter: brightness(0.7);
    transition-delay: 0s, 0s, 0s;
    -webkit-transition-delay: 0s, 0s, 0s;
}

.site-nav {
    position: sticky;
    top: 0;
    z-index: 10;
    height: 10%;
    min-height: 70px;
    width: 100%;
    margin: 0;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

.hero {
    padding: 10px;
}
.winter-hero {
    padding: 0 10px;
    margin-bottom: 10px;
}

.hero__wrapper {
    position: relative;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
}

.hero__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero__gradient {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    pointer-events: none;
}

.hero__credit {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 600;
    font-size: 8px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff;
}

.hero__copy {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 15px 15px 15px;
    z-index: 2;
}

.hero__title {
    margin: 0 0 8px;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 0.7;
    color: #fff;
}

.hero__subtitle {
    margin: 0;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}
.winter-hero .hero__subtitle {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15px;
}
.hero__logo {
    display: block;
    max-width: 150px;
    height: auto;
    margin-bottom: 13px;
}
.winter-hero .hero__copy {
    padding-bottom: 32px;
}
.winter-hero .hero__wrapper {
    background: linear-gradient(90deg, hsl(210 100% 30% / 1), #003971);
    position: relative;
}
.winter-hero .hero__wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('../assets/probetraining-winter-warm-up-small.webp');
    background-repeat: no-repeat;
    background-position: 140% center;
    background-size: auto 100%;
    pointer-events: none;
}
.page-muay .winter-hero .hero__wrapper::after,
.page-bjj .winter-hero .hero__wrapper::after,
.page-mma .winter-hero .hero__wrapper::after,
.page-fma .winter-hero .hero__wrapper::after,
.page-boxen .winter-hero .hero__wrapper::after,
.page-fitness .winter-hero .hero__wrapper::after {
    background-position: 150% center;
}
.winter-hero .snow-fall {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
    filter: drop-shadow(0 0 8px #ffffff);
}
.winter-hero .snowflake {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 0.9;
    will-change: transform;
    animation-name: snow-fall-hero;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes snow-fall-hero {
    0% {
        left: var(--x-start);
        top: -10%;
        transform: translate3d(0, 0, 0) scale(var(--scale));
    }
    50% {
        left: var(--x-mid);
        top: var(--y-mid);
        transform: translate3d(0, 0, 0) scale(var(--scale));
    }
    100% {
        left: var(--x-end);
        top: 110%;
        transform: translate3d(0, 0, 0) scale(var(--scale));
    }
}

.site-nav__logo {
    margin-left: 20px;
    padding: 10px 0;
    display: block;
    width: 13%;
    border: none;
    background: none;
    cursor: pointer;
    line-height: 0;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: none;
    filter: none;
    -webkit-transition: -webkit-transform 160ms cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-filter 160ms ease;
    transition: transform 160ms cubic-bezier(0.34, 1.56, 0.64, 1), filter 160ms ease;
}

.site-nav__logo:focus,
.site-nav__logo:focus-visible {
    outline: none;
}

.site-nav__logo:active,
.site-nav__logo.is-pressed {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

.site-nav__logo img {
    display: block;
    width: 100%;
    height: auto;
}

.site-nav__menu-overlay::-webkit-scrollbar {
    width: 6px;
}

.site-nav__menu-overlay::-webkit-scrollbar-thumb {
    background-color: rgba(173, 171, 170, 0.6);
    border-radius: 999px;
}

.site-nav__menu-overlay::-webkit-scrollbar-track {
    background: transparent;
}

.site-nav__menu-trigger {
    margin-left: auto;
    margin-right: 20px;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-size: 30px;
    font-weight: 700;
    color: #2f2f2f;
    cursor: pointer;
    display: grid;
    align-items: center;
    justify-items: end;
    position: relative;
    transition: color 0.3s ease;
    -webkit-tap-highlight-color: transparent;
}

.site-nav__menu-trigger:focus {
    outline: none;
}

.site-nav__menu-trigger-label {
    grid-area: 1 / 1;
    pointer-events: none;
    transition: transform 0.25s ease, opacity 0.25s ease;
    opacity: 0;
    transform: translateY(12px);
}

.site-nav__menu-trigger-label--open {
    opacity: 1;
    transform: translateY(0);
}

.site-nav__menu-trigger.is-active .site-nav__menu-trigger-label--open {
    transform: translateY(-12px);
    opacity: 0;
}

.site-nav__menu-trigger-label--close {
    transform: translateY(12px);
}

.site-nav__menu-trigger.is-active .site-nav__menu-trigger-label--close {
    opacity: 1;
    transform: translateY(0);
}

.content {
    padding: 0px 10px 10px;
    color: #e0e0e0;
}

.content__columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.content__cta-inline {
    display: block;
    width: 100%;
    text-align: center;
}
.content__cta-inline--left {
    background: linear-gradient(to right, #94b2e1, #769fd3);
}
.content__cta-inline--right {
    background: linear-gradient(to right, #749dd2, #568ac3);
}

.content-card {
    border-radius: 8px;
    background-color: rgba(48, 43, 39, 0.9);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 15px;
    color: rgba(227, 215, 205, 0.85);
    padding: 15px;
}

.content-card--left,
.content-card--montag {
    background: linear-gradient(to right, #886d5a, #b69d7c);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.content-card--left p,
.content-card--montag p {
    margin: 0;
}

.content-card__headline {
    font-weight: 700;
}

.content-card--image {
    background: linear-gradient(to right, #886d5a, #b69d7c);
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-card--sonntag {
    background: linear-gradient(to right, #886d5a, #b69d7c);
    padding: 15px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.content-card--freitag {
    background: linear-gradient(to right, #886d5a, #b69d7c);
    padding: 15px;
    display: block;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.content-card--dienstag {
    background: linear-gradient(to right, #b69d7c, #886d5a);
    padding: 15px;
    display: block;
}

.content-card--donnerstag {
    background: linear-gradient(to right, #b69d7c, #886d5a);
    padding: 15px;
    display: block;
}

.content-card--montag,
.content-card--dienstag,
.content-card--mittwoch,
.content-card--donnerstag,
.content-card--freitag,
.content-card--samstag,
.content-card--sonntag {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}

.content-card--montag {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.content-card--dienstag {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.content-card--mittwoch {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    padding: 15px;
    background: linear-gradient(to right, #886d5a, #b69d7c);
}

.content-card--donnerstag {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.content-card--samstag {
    background: linear-gradient(to right, #b69d7c, #886d5a);
    padding: 15px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.content-card--montag .content-card__headline,
.content-card--dienstag .content-card__headline,
.content-card--mittwoch .content-card__headline,
.content-card--donnerstag .content-card__headline,
.content-card--freitag .content-card__headline,
.content-card--samstag .content-card__headline,
.content-card--sonntag .content-card__headline {
    margin: 0 0 0px;
    font-weight: 700;
    color: #ffffff;
}

.content-card--montag .content-card__headline,
.content-card--dienstag .content-card__headline,
.content-card--mittwoch .content-card__headline,
.content-card--donnerstag .content-card__headline,
.content-card--freitag .content-card__headline,
.content-card--samstag .content-card__headline,
.content-card--sonntag .content-card__headline {
    font-size: 15px;
}

.content-card--montag p:not(.content-card__headline),
.content-card--dienstag p:not(.content-card__headline),
.content-card--mittwoch p:not(.content-card__headline),
.content-card--donnerstag p:not(.content-card__headline),
.content-card--freitag p:not(.content-card__headline),
.content-card--samstag p:not(.content-card__headline),
.content-card--sonntag p:not(.content-card__headline) {
    font-size: 11px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0.91875px;
    line-height: 17px;
    text-align: right;
    margin: 0 0 4px;
}

.content-card--dienstag p:not(.content-card__headline) {
    text-align: left;
}

.content-card--donnerstag p:not(.content-card__headline) {
    text-align: left;
}

.content-card--samstag p:not(.content-card__headline) {
    text-align: left;
}

.content-card--sonntag p:not(.content-card__headline) {
    text-align: right;
}

.content-card--montag p:not(.content-card__headline):last-of-type,
.content-card--dienstag p:not(.content-card__headline):last-of-type,
.content-card--mittwoch p:not(.content-card__headline):last-of-type,
.content-card--donnerstag p:not(.content-card__headline):last-of-type,
.content-card--freitag p:not(.content-card__headline):last-of-type,
.content-card--samstag p:not(.content-card__headline):last-of-type,
.content-card--sonntag p:not(.content-card__headline):last-of-type {
    margin-bottom: 0;
}


.content-card--image img,
.content-card--dienstag img {
    width: 100%;
  	max-width: 280px;
    display: block;
}

.content__actions {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.content__actions-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.content__actions-primary .cta-button {
    width: 100%;
    height: 100%;
}

.content__actions-secondary {
    display: flex;
    gap: 8px;
}

.content__actions-secondary .cta-button {
    flex: 1 1 0;
    width: auto;
}

.content__actions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: start;
}

.content__actions-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.content__textbox {
    background: linear-gradient(to right, #2d2825, #352d27);
    border-radius: 8px;
    padding: 15px;
    color: rgba(227, 215, 205, 0.85);
    font-size: 11px;
    line-height: 15px;
}

.content__textbox p {
    margin: 0;
}

#textbox-2,
#textbox-3,
#textbox-4 {
    color: #ffffff;
    align-self: start;
    background: linear-gradient(to right, #4e3e34, #87745d);
}

#textbox-2,
#textbox-3 {
    padding: 12px 15px;
}

.page-bjj #textbox-2,
.page-bjj #textbox-3 {
    background: linear-gradient(to right, #1a4b7c 0%, #285695 100%);
}

.page-bjj #textbox-2 p,
.page-bjj #textbox-3 p {
    color: #ffffff;
}

.page-bjj #textbox-4 {
    background: #7fa6c7;
}

.page-muay #textbox-4 {
    background: #9f856b;
}

#textbox-4 {
    padding: 0;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
}

#textbox-4 .content-card__body {
    padding: 19px 15px 10px;
}

body.page-fitness #textbox-4 .content-card__body {
    padding: 19px 15px 0;
}

#textbox-4 .content-card__image-bottom {
    display: block;
    width: 100%;
    margin-top: 4px;
}

.page-bjj #textbox-3 .content-card__body {
    padding: 19px 15px 54px;
}

.page-bjj #textbox-4 .content-card__body {
    padding: 19px 15px 16px;
}

/* Align feature cards so both columns share the same height on BJJ, Muay Thai, and Boxing pages */
body:not(.page-news):not(.page-oeffnungszeiten) .content__actions-grid {
    align-items: stretch;
}

body:not(.page-news):not(.page-oeffnungszeiten) .content__actions-col {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body:not(.page-news):not(.page-oeffnungszeiten) .content__actions-col > * {
    flex: 0 0 auto;
}

body:not(.page-news):not(.page-oeffnungszeiten) .content__actions-col .content__image,
body:not(.page-news):not(.page-oeffnungszeiten) .content__actions-col .content__placeholder-image {
    flex: 1 1 auto;
}

body:not(.page-news):not(.page-oeffnungszeiten) .content__image,
body:not(.page-news):not(.page-oeffnungszeiten) .content__placeholder-image {
    display: flex;
}


#textbox-2 .content-card__headline,
#textbox-3 .content-card__headline,
#textbox-4 .content-card__headline {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
}

.content__image {
    background: none;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}

.content__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.content__placeholder-image {
    grid-area: placeholder;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    background: none;
    align-self: start;
}

.content__placeholder-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Generic rotator for image galleries outside the News page */
.image-rotator {
    position: relative;
    display: block;
}

.image-rotator img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.image-rotator img:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-rotator img.is-active {
    opacity: 1;
    z-index: 1;
}

.cta-button {
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: rgba(48, 43, 39, 0.95);
    color: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 8px;
    padding: 15px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: none;
    filter: none;
    -webkit-transition: -webkit-transform 160ms cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-filter 160ms ease;
    transition: transform 160ms cubic-bezier(0.34, 1.56, 0.64, 1), filter 160ms ease;
}

.cta-button:focus,
.cta-button:focus-visible {
    outline: none;
    box-shadow: none;
}

.cta-button:active,
.cta-button.is-pressed {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

.cta-button--busy {
    pointer-events: none;
}

.headline-box {
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: rgba(48, 43, 39, 0.95);
    color: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 15px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: default;
    pointer-events: none;
    box-sizing: border-box;
    text-align: center;
}

.headline-box--secondary {
    background: linear-gradient(to right, #8e6d59, #58463a);
    color: #ffffff;
}

.cta-button--primary {
    background: linear-gradient(to right, #886d5a, #b69d7c);
    color: #fff;
}
.page-muay .content__cta-inline.content__cta-inline--left,
.page-bjj .content__cta-inline.content__cta-inline--left,
.page-mma .content__cta-inline.content__cta-inline--left,
.page-fma .content__cta-inline.content__cta-inline--left,
.page-boxen .content__cta-inline.content__cta-inline--left,
.page-fitness .content__cta-inline.content__cta-inline--left {
    background: linear-gradient(to right, #94b2e1, #769fd3);
}
.page-muay .content__cta-inline.content__cta-inline--right,
.page-bjj .content__cta-inline.content__cta-inline--right,
.page-mma .content__cta-inline.content__cta-inline--right,
.page-fma .content__cta-inline.content__cta-inline--right,
.page-boxen .content__cta-inline.content__cta-inline--right,
.page-fitness .content__cta-inline.content__cta-inline--right {
    background: linear-gradient(to right, #749dd2, #568ac3);
}

.cta-button--mobility {
    background: linear-gradient(to right, #00a89c, #006162);
    color: #ffffff;
}

.cta-button--mma-youth {
    background: linear-gradient(to right, #b37f60, #261b13);
    color: #ffffff;
}

.cta-button--bjj {
    background: linear-gradient(to right, #3084c7, #006dc6);
    color: #ffffff;
}

.cta-button__icon {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
}

/* News & Aktuelles page */
body.page-news, body.page-oeffnungszeiten {
    background-color: #0c0c0c;
    background-image: url('../assets/muay-thai-background.svg');
    background-position: top center;
    background-repeat: repeat;
    background-size: auto;
    color: #ffffff;
    line-height: 1.6;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-box, .anfahrt-box, .probetraining-box, .probetraining-kinder-jugend-box, .probetraining-morning-routine-pass-box, .probetraining-one-week-pass-box, .probetraining-trial-tickets-box, .probetraining-trial-kombitickets-box, .probetraining-social-ticket-box, .oeffnungszeiten-box) {
    margin: 30px 10px 0;
    padding: 12px 24px 0px;
    text-align: center;
}
 :is(.page-news, .page-oeffnungszeiten) :is(.probetraining-box, .probetraining-kinder-jugend-box, .probetraining-morning-routine-pass-box, .probetraining-one-week-pass-box, .probetraining-trial-tickets-box, .probetraining-trial-kombitickets-box, .probetraining-social-ticket-box, .oeffnungszeiten-box) {
    margin: 30px 10px 0;
    padding: 12px 0px 0px;
    text-align: center;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-box--secondary, .anfahrt-box--secondary, .probetraining-box--secondary, .probetraining-kinder-jugend-box--secondary, .probetraining-morning-routine-pass-box--secondary, .probetraining-one-week-pass-box--secondary, .probetraining-trial-tickets-box--secondary, .probetraining-trial-kombitickets-box--secondary, .probetraining-social-ticket-box--secondary, .oeffnungszeiten-box--secondary) {
    margin-top: -5px;
    padding-top: 0;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-box__title, .anfahrt-box__title, .probetraining-box__title, .probetraining-kinder-jugend-box__title, .probetraining-morning-routine-pass-box__title, .probetraining-one-week-pass-box__title, .probetraining-trial-tickets-box__title, .probetraining-trial-kombitickets-box__title, .probetraining-social-ticket-box__title, .oeffnungszeiten-box__title) {
    margin: 0;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    color: #b79e7c;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-box__subtitle, .anfahrt-box__subtitle, .probetraining-box__subtitle, .probetraining-kinder-jugend-box__subtitle, .probetraining-morning-routine-pass-box__subtitle, .probetraining-one-week-pass-box__subtitle, .probetraining-trial-tickets-box__subtitle, .probetraining-trial-kombitickets-box__subtitle, .probetraining-social-ticket-box__subtitle, .oeffnungszeiten-box__subtitle) {
    margin: 0;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 45px;
    color: #ffffff;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-actions, .anfahrt-actions, .probetraining-actions, .probetraining-kinder-jugend-actions, .probetraining-morning-routine-pass-actions, .probetraining-one-week-pass-actions, .probetraining-trial-tickets-actions, .probetraining-trial-kombitickets-actions, .probetraining-social-ticket-actions, .oeffnungszeiten-actions) {
    margin: 12px 10px 0;
    text-align: center;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-actions, .anfahrt-actions, .probetraining-actions, .probetraining-kinder-jugend-actions, .probetraining-morning-routine-pass-actions, .probetraining-one-week-pass-actions, .probetraining-trial-tickets-actions, .probetraining-trial-kombitickets-actions, .probetraining-social-ticket-actions, .oeffnungszeiten-actions) .cta-button {
    margin: 0 auto;
    width: 42px;
    height: 41px;
    padding: 0;
    border-radius: 8px;
    gap: 0;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-actions, .anfahrt-actions, .probetraining-actions, .probetraining-kinder-jugend-actions, .probetraining-morning-routine-pass-actions, .probetraining-one-week-pass-actions, .probetraining-trial-tickets-actions, .probetraining-trial-kombitickets-actions, .probetraining-social-ticket-actions, .oeffnungszeiten-actions) .material-icons {
    font-size: 11px;
    font-weight: 700;
}

:is(.page-news, .page-oeffnungszeiten) .cta-button--primary {
    background: #b79e7c;
    color: #ffffff;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry, .anfahrt-entry, .probetraining-entry, .probetraining-kinder-jugend-entry, .probetraining-morning-routine-pass-entry, .probetraining-one-week-pass-entry, .probetraining-trial-tickets-entry, .probetraining-trial-kombitickets-entry, .probetraining-social-ticket-entry, .oeffnungszeiten-entry) {
    margin: 30px 0px 0;
    padding: 16px 0px 8px;
    text-align: center;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__subheadline, .anfahrt-entry__subheadline, .probetraining-entry__subheadline, .probetraining-kinder-jugend-entry__subheadline, .probetraining-morning-routine-pass-entry__subheadline, .probetraining-one-week-pass-entry__subheadline, .probetraining-trial-tickets-entry__subheadline, .probetraining-trial-kombitickets-entry__subheadline, .probetraining-social-ticket-entry__subheadline, .oeffnungszeiten-entry__subheadline) {
    margin: 0;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.4px;
    line-height: 14px;
    text-transform: uppercase;
    color: #aaabac;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__media, .anfahrt-entry__media, .probetraining-entry__media, .probetraining-kinder-jugend-entry__media, .probetraining-morning-routine-pass-entry__media, .probetraining-one-week-pass-entry__media, .probetraining-trial-tickets-entry__media, .probetraining-trial-kombitickets-entry__media, .probetraining-social-ticket-entry__media, .oeffnungszeiten-entry__media) {
    margin: 8px 10px 0;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry--rathenow, .anfahrt-entry--rathenow, .probetraining-entry--rathenow, .probetraining-kinder-jugend-entry--rathenow, .probetraining-morning-routine-pass-entry--rathenow, .probetraining-one-week-pass-entry--rathenow, .probetraining-trial-tickets-entry--rathenow, .probetraining-trial-kombitickets-entry--rathenow, .probetraining-social-ticket-entry--rathenow) :is(.news-entry__media, .anfahrt-entry__media, .probetraining-entry__media, .probetraining-kinder-jugend-entry__media, .probetraining-morning-routine-pass-entry__media, .probetraining-one-week-pass-entry__media, .probetraining-trial-tickets-entry__media, .probetraining-trial-kombitickets-entry__media, .probetraining-social-ticket-entry__media) {
    height: 270px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry--bjj, .anfahrt-entry--bjj, .probetraining-entry--bjj, .probetraining-kinder-jugend-entry--bjj, .probetraining-morning-routine-pass-entry--bjj, .probetraining-one-week-pass-entry--bjj, .probetraining-trial-tickets-entry--bjj, .probetraining-trial-kombitickets-entry--bjj, .probetraining-social-ticket-entry--bjj) :is(.news-entry__media, .anfahrt-entry__media, .probetraining-entry__media, .probetraining-kinder-jugend-entry__media, .probetraining-morning-routine-pass-entry__media, .probetraining-one-week-pass-entry__media, .probetraining-trial-tickets-entry__media, .probetraining-trial-kombitickets-entry__media, .probetraining-social-ticket-entry__media) {
    height: 245px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry--mma-youth, .anfahrt-entry--das-gym, .probetraining-entry--das-gym, .probetraining-kinder-jugend-entry--das-gym, .probetraining-morning-routine-pass-entry--das-gym, .probetraining-one-week-pass-entry--das-gym, .probetraining-trial-tickets-entry--das-gym, .probetraining-trial-kombitickets-entry--das-gym, .probetraining-social-ticket-entry--das-gym) :is(.news-entry__media, .anfahrt-entry__media, .probetraining-entry__media, .probetraining-kinder-jugend-entry__media, .probetraining-morning-routine-pass-entry__media, .probetraining-one-week-pass-entry__media, .probetraining-trial-tickets-entry__media, .probetraining-trial-kombitickets-entry__media, .probetraining-social-ticket-entry__media) {
    height: 245px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry--mobility, .anfahrt-entry--mobility, .probetraining-entry--mobility, .probetraining-kinder-jugend-entry--mobility, .probetraining-morning-routine-pass-entry--mobility, .probetraining-one-week-pass-entry--mobility, .probetraining-trial-tickets-entry--mobility, .probetraining-trial-kombitickets-entry--mobility, .probetraining-social-ticket-entry--mobility) :is(.news-entry__media, .anfahrt-entry__media, .probetraining-entry__media, .probetraining-kinder-jugend-entry__media, .probetraining-morning-routine-pass-entry__media, .probetraining-one-week-pass-entry__media, .probetraining-trial-tickets-entry__media, .probetraining-trial-kombitickets-entry__media, .probetraining-social-ticket-entry__media) {
    height: 480px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry--jompop, .anfahrt-entry--intro, .probetraining-entry--intro, .probetraining-kinder-jugend-entry--intro, .probetraining-morning-routine-pass-entry--intro, .probetraining-one-week-pass-entry--intro, .probetraining-trial-tickets-entry--intro, .probetraining-trial-kombitickets-entry--intro, .probetraining-social-ticket-entry--intro) :is(.news-entry__media, .anfahrt-entry__media, .probetraining-entry__media, .probetraining-kinder-jugend-entry__media, .probetraining-morning-routine-pass-entry__media, .probetraining-one-week-pass-entry__media, .probetraining-trial-tickets-entry__media, .probetraining-trial-kombitickets-entry__media, .probetraining-social-ticket-entry__media) {
    height: 520px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry--rookie, .anfahrt-entry--rookie, .probetraining-entry--rookie, .probetraining-kinder-jugend-entry--rookie, .probetraining-morning-routine-pass-entry--rookie, .probetraining-one-week-pass-entry--rookie, .probetraining-trial-tickets-entry--rookie, .probetraining-trial-kombitickets-entry--rookie, .probetraining-social-ticket-entry--rookie) :is(.news-entry__media, .anfahrt-entry__media, .probetraining-entry__media, .probetraining-kinder-jugend-entry__media, .probetraining-morning-routine-pass-entry__media, .probetraining-one-week-pass-entry__media, .probetraining-trial-tickets-entry__media, .probetraining-trial-kombitickets-entry__media, .probetraining-social-ticket-entry__media) {
    height: 245px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__media--rotating, .anfahrt-entry__media--rotating, .probetraining-entry__media--rotating, .probetraining-kinder-jugend-entry__media--rotating, .probetraining-morning-routine-pass-entry__media--rotating, .probetraining-one-week-pass-entry__media--rotating, .probetraining-trial-tickets-entry__media--rotating, .probetraining-trial-kombitickets-entry__media--rotating, .probetraining-social-ticket-entry__media--rotating) {
    position: relative;
    display: block;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__media--rotating, .anfahrt-entry__media--rotating, .probetraining-entry__media--rotating, .probetraining-kinder-jugend-entry__media--rotating, .probetraining-morning-routine-pass-entry__media--rotating, .probetraining-one-week-pass-entry__media--rotating, .probetraining-trial-tickets-entry__media--rotating, .probetraining-trial-kombitickets-entry__media--rotating, .probetraining-social-ticket-entry__media--rotating) img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__media--rotating, .anfahrt-entry__media--rotating, .probetraining-entry__media--rotating, .probetraining-kinder-jugend-entry__media--rotating, .probetraining-morning-routine-pass-entry__media--rotating, .probetraining-one-week-pass-entry__media--rotating, .probetraining-trial-tickets-entry__media--rotating, .probetraining-trial-kombitickets-entry__media--rotating, .probetraining-social-ticket-entry__media--rotating) img.is-active {
    opacity: 1;
    z-index: 2;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__image, .anfahrt-entry__image, .probetraining-entry__image, .probetraining-kinder-jugend-entry__image, .probetraining-morning-routine-pass-entry__image, .probetraining-one-week-pass-entry__image, .probetraining-trial-tickets-entry__image, .probetraining-trial-kombitickets-entry__image, .probetraining-social-ticket-entry__image, .oeffnungszeiten-entry__image) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__content, .anfahrt-entry__content, .probetraining-textbox, .probetraining-kinder-jugend-textbox, .probetraining-morning-routine-pass-textbox, .probetraining-one-week-pass-textbox, .probetraining-trial-tickets-textbox, .probetraining-trial-kombitickets-textbox, .probetraining-social-ticket-textbox, .oeffnungszeiten-textbox) {
    margin: 8px 10px 0;
    padding: 17px 20px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(87, 75, 65, 0.65), rgba(51, 47, 43, 0.86));
    text-align: center;
    color: #c0c0c1;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-size: 12px;
    line-height: 19px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.anfahrt-entry__content--closing, .probetraining-textbox--closing, .probetraining-kinder-jugend-textbox--closing, .probetraining-morning-routine-pass-textbox--closing, .probetraining-one-week-pass-textbox--closing, .probetraining-trial-tickets-textbox--closing, .probetraining-trial-kombitickets-textbox--closing, .probetraining-social-ticket-textbox--closing, .oeffnungszeiten-textbox--closing) {
    margin: 38px 10px 0;
    background: linear-gradient(90deg, #8b6f58, #6d5643);
    color: #c0c0c1;
}
.page-probetraining .probetraining-textbox--closing,
.page-probetraining-kinder-jugend .probetraining-kinder-jugend-textbox--closing,
.page-probetraining-morning-routine-pass .probetraining-morning-routine-pass-textbox--closing,
.page-probetraining-one-week-pass .probetraining-one-week-pass-textbox--closing,
.page-probetraining-trial-tickets .probetraining-trial-tickets-textbox--closing,
.page-probetraining-trial-kombitickets .probetraining-trial-kombitickets-textbox--closing,
.page-probetraining-social-ticket .probetraining-social-ticket-textbox--closing,
.page-oeffnungszeiten .oeffnungszeiten-textbox--closing {
    color: #e6e6e6;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__content--mobility, .anfahrt-entry__content--mobility, .probetraining-textbox--mobility, .probetraining-kinder-jugend-textbox--mobility, .probetraining-morning-routine-pass-textbox--mobility, .probetraining-one-week-pass-textbox--mobility, .probetraining-trial-tickets-textbox--mobility, .probetraining-trial-kombitickets-textbox--mobility, .probetraining-social-ticket-textbox--mobility, .oeffnungszeiten-textbox--mobility) {
    background: linear-gradient(90deg, rgba(0, 84, 78, 0.9), rgba(0, 49, 49, 0.7));
    color: #c0c0c1;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__title, .anfahrt-entry__title, .probetraining-entry__title, .probetraining-kinder-jugend-entry__title, .probetraining-morning-routine-pass-entry__title, .probetraining-one-week-pass-entry__title, .oeffnungszeiten-entry__title) {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__subtitle, .anfahrt-entry__subtitle, .probetraining-entry__subtitle, .probetraining-kinder-jugend-entry__subtitle, .probetraining-morning-routine-pass-entry__subtitle, .probetraining-one-week-pass-entry__subtitle, .oeffnungszeiten-entry__subtitle) {
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    color: #c0c0c1;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__text, .anfahrt-entry__text, .probetraining-entry__text, .probetraining-kinder-jugend-entry__text, .probetraining-morning-routine-pass-entry__text, .probetraining-one-week-pass-entry__text, .oeffnungszeiten-entry__text) {
    margin: 0 0 16px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__text, .anfahrt-entry__text, .probetraining-entry__text, .probetraining-kinder-jugend-entry__text, .probetraining-morning-routine-pass-entry__text, .probetraining-one-week-pass-entry__text, .oeffnungszeiten-entry__text):last-of-type {
    margin-bottom: 0;
}

.page-probetraining .probetraining-entry__text :is(strong, b),
.page-probetraining-kinder-jugend .probetraining-kinder-jugend-entry__text :is(strong, b),
.page-probetraining-morning-routine-pass .probetraining-morning-routine-pass-entry__text :is(strong, b),
.page-probetraining-one-week-pass .probetraining-one-week-pass-entry__text :is(strong, b),
.page-probetraining-trial-tickets .probetraining-trial-tickets-entry__text :is(strong, b),
.page-probetraining-trial-kombitickets .probetraining-trial-kombitickets-entry__text :is(strong, b),
.page-probetraining-social-ticket .probetraining-social-ticket-entry__text :is(strong, b),
.page-oeffnungszeiten .oeffnungszeiten-entry__text :is(strong, b) {
    color: #ffffff;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__actions, .anfahrt-entry__actions, .probetraining-entry__actions, .probetraining-kinder-jugend-entry__actions, .probetraining-morning-routine-pass-entry__actions, .probetraining-one-week-pass-entry__actions, .probetraining-trial-tickets-entry__actions, .probetraining-trial-kombitickets-entry__actions, .probetraining-social-ticket-entry__actions, .oeffnungszeiten-entry__actions) {
    margin: 8px 10px 0;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__actions, .anfahrt-entry__actions, .probetraining-entry__actions, .probetraining-kinder-jugend-entry__actions, .probetraining-morning-routine-pass-entry__actions, .probetraining-one-week-pass-entry__actions, .probetraining-trial-tickets-entry__actions, .probetraining-trial-kombitickets-entry__actions, .probetraining-social-ticket-entry__actions, .oeffnungszeiten-entry__actions) .cta-button {
    width: 100%;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.8px;
    background: linear-gradient(90deg, #b39874 0%, #7f7051 100%);
}
.page-probetraining-trial-kombitickets .probetraining-trial-kombitickets-entry__actions .cta-button {
    padding-left: 0;
    padding-right: 0;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__actions, .anfahrt-entry__actions, .probetraining-entry__actions, .probetraining-kinder-jugend-entry__actions, .probetraining-morning-routine-pass-entry__actions, .probetraining-one-week-pass-entry__actions, .probetraining-trial-tickets-entry__actions, .probetraining-trial-kombitickets-entry__actions, .probetraining-social-ticket-entry__actions, .oeffnungszeiten-entry__actions) .headline-box {
    width: 100%;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.8px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__actions, .anfahrt-entry__actions, .probetraining-entry__actions, .probetraining-kinder-jugend-entry__actions, .probetraining-morning-routine-pass-entry__actions, .probetraining-one-week-pass-entry__actions, .probetraining-trial-tickets-entry__actions, .probetraining-trial-kombitickets-entry__actions, .probetraining-social-ticket-entry__actions) .cta-button--bjj {
    background: linear-gradient(to right, #3084c7, #006dc6);
    color: #ffffff;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__actions, .anfahrt-entry__actions, .probetraining-entry__actions, .probetraining-kinder-jugend-entry__actions, .probetraining-morning-routine-pass-entry__actions, .probetraining-one-week-pass-entry__actions, .probetraining-trial-tickets-entry__actions, .probetraining-trial-kombitickets-entry__actions, .probetraining-social-ticket-entry__actions) .cta-button--mma-youth {
    background: linear-gradient(to right, #b37f60, #463427);
    color: #ffffff;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__actions, .anfahrt-entry__actions, .probetraining-entry__actions, .probetraining-kinder-jugend-entry__actions, .probetraining-morning-routine-pass-entry__actions, .probetraining-one-week-pass-entry__actions, .probetraining-trial-tickets-entry__actions, .probetraining-trial-kombitickets-entry__actions, .probetraining-social-ticket-entry__actions) .cta-button--mobility {
    background: linear-gradient(to right, #00a89c, #006162);
    color: #ffffff;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__highlight, .anfahrt-entry__highlight, .probetraining-entry__highlight, .probetraining-kinder-jugend-entry__highlight, .probetraining-morning-routine-pass-entry__highlight, .probetraining-one-week-pass-entry__highlight, .probetraining-trial-tickets-entry__highlight, .probetraining-trial-kombitickets-entry__highlight, .probetraining-social-ticket-entry__highlight, .oeffnungszeiten-entry__highlight) {
    font-weight: 600;
    color: #ffffff;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__highlight--italic, .anfahrt-entry__highlight--italic, .probetraining-entry__highlight--italic, .probetraining-kinder-jugend-entry__highlight--italic, .probetraining-morning-routine-pass-entry__highlight--italic, .probetraining-one-week-pass-entry__highlight--italic, .probetraining-trial-tickets-entry__highlight--italic, .probetraining-trial-kombitickets-entry__highlight--italic, .probetraining-social-ticket-entry__highlight--italic, .oeffnungszeiten-entry__highlight--italic) {
    font-style: italic;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__list, .anfahrt-entry__list, .probetraining-entry__list, .probetraining-kinder-jugend-entry__list, .probetraining-morning-routine-pass-entry__list, .probetraining-one-week-pass-entry__list, .probetraining-trial-tickets-entry__list, .probetraining-trial-kombitickets-entry__list, .probetraining-social-ticket-entry__list, .oeffnungszeiten-entry__list) {
    margin: 12px 0 16px;
    padding: 0;
    list-style: none;
    text-align: center;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__list, .anfahrt-entry__list, .probetraining-entry__list, .probetraining-kinder-jugend-entry__list, .probetraining-morning-routine-pass-entry__list, .probetraining-one-week-pass-entry__list, .probetraining-trial-tickets-entry__list, .probetraining-trial-kombitickets-entry__list, .probetraining-social-ticket-entry__list, .oeffnungszeiten-entry__list) li {
    margin: 6px 0;
    padding: 0;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__content, .anfahrt-entry__content, .probetraining-textbox, .probetraining-kinder-jugend-textbox, .probetraining-morning-routine-pass-textbox, .probetraining-one-week-pass-textbox, .probetraining-trial-tickets-textbox, .probetraining-trial-kombitickets-textbox, .probetraining-social-ticket-textbox, .oeffnungszeiten-textbox) + :is(.news-entry__content, .anfahrt-entry__content, .probetraining-textbox, .probetraining-kinder-jugend-textbox, .probetraining-morning-routine-pass-textbox, .probetraining-one-week-pass-textbox, .probetraining-trial-tickets-textbox, .probetraining-trial-kombitickets-textbox, .probetraining-social-ticket-textbox, .oeffnungszeiten-textbox) {
    margin-top: 8px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-entry__content, .anfahrt-entry__content, .probetraining-textbox, .probetraining-kinder-jugend-textbox, .probetraining-morning-routine-pass-textbox, .probetraining-one-week-pass-textbox, .probetraining-trial-tickets-textbox, .probetraining-trial-kombitickets-textbox, .probetraining-social-ticket-textbox, .oeffnungszeiten-textbox) + :is(.anfahrt-entry__content--closing, .probetraining-textbox--closing, .probetraining-kinder-jugend-textbox--closing, .probetraining-morning-routine-pass-textbox--closing, .probetraining-one-week-pass-textbox--closing, .probetraining-trial-tickets-textbox--closing, .probetraining-trial-kombitickets-textbox--closing, .probetraining-social-ticket-textbox--closing, .oeffnungszeiten-textbox--closing) {
    margin-top: 38px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-footer, .anfahrt-footer, .probetraining-footer, .probetraining-kinder-jugend-footer, .probetraining-morning-routine-pass-footer, .probetraining-one-week-pass-footer, .probetraining-trial-tickets-footer, .probetraining-trial-kombitickets-footer, .probetraining-social-ticket-footer, .oeffnungszeiten-footer) {
    margin: 24px 10px 10px;
    padding: 0 20px;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-footer, .anfahrt-footer, .probetraining-footer, .probetraining-kinder-jugend-footer, .probetraining-morning-routine-pass-footer, .probetraining-one-week-pass-footer, .probetraining-trial-tickets-footer, .probetraining-trial-kombitickets-footer, .probetraining-social-ticket-footer, .oeffnungszeiten-footer) p {
    margin: 0 0 20px;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-footer__highlight, .anfahrt-footer__highlight, .probetraining-footer__highlight, .probetraining-kinder-jugend-footer__highlight, .probetraining-morning-routine-pass-footer__highlight, .probetraining-one-week-pass-footer__highlight, .probetraining-trial-tickets-footer__highlight, .probetraining-trial-kombitickets-footer__highlight, .probetraining-social-ticket-footer__highlight, .oeffnungszeiten-footer__highlight) {
    display: block;
    font-weight: 600;
    line-height: 16px;
    color: #ffffff;
    text-align: center;
}

 :is(.page-news, .page-oeffnungszeiten) :is(.news-footer__logo, .anfahrt-footer__logo, .probetraining-footer__logo, .probetraining-kinder-jugend-footer__logo, .probetraining-morning-routine-pass-footer__logo, .probetraining-one-week-pass-footer__logo, .probetraining-trial-tickets-footer__logo, .probetraining-trial-kombitickets-footer__logo, .probetraining-social-ticket-footer__logo, .oeffnungszeiten-footer__logo) {
    margin: 24px 0 0;
    text-align: center;
}
/* Popup page */
body.page-popup {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    line-height: 1.6;
}

.popup-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.9);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    opacity: 0;
    animation: popupOverlayFadeIn 280ms ease forwards;
}

.popup-overlay[hidden] {
    display: none;
}

body.popup-overlay-active {
    overflow: hidden;
}

.popup-overlay__frame {
    width: 100%;
    min-height: calc(100vh - 48px);
    border: 0;
    display: block;
    overflow: auto;
    max-width: 480px;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

.popup-overlay.page-popup > * {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
}

@keyframes popupOverlayFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.page-popup .popup-box {
    margin: -30px 10px 0;
    padding: 0px 24px 0px;
    text-align: center;
}

.page-popup .popup-box--secondary {
    margin-top: -30px;
    padding-top: 0;
}

.page-popup .popup-box__title {
    margin: 0;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    color: #b79e7c;
}

.page-popup .popup-box__subtitle {
    margin: 0;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 45px;
    color: #ffffff;
}

.page-popup .popup-actions {
    margin: -10px 10px 0;
    text-align: center;
}

.page-popup .popup-actions .cta-button {
    margin: 0 auto;
    width: 42px;
    height: 41px;
    padding: 0;
    border-radius: 8px;
    gap: 0;
}

.page-popup .popup-actions .material-icons {
    font-size: 11px;
    font-weight: 700;
}

.page-popup .cta-button--primary {
    background: #b79e7c;
    color: #ffffff;
}

.page-popup .popup-entry {
    margin: 0px 0px 0;
    padding: 10px 30px 8px;
    text-align: center;
}

.page-popup .popup-entry__subheadline {
    margin: 0;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.4px;
    line-height: 14px;
    text-transform: uppercase;
    color: #aaabac;
}

.page-popup .popup-entry__media {
    margin: 8px 10px 0;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}

.page-popup .popup-entry--rathenow .popup-entry__media {
    height: 270px;
}

.page-popup .popup-entry--bjj .popup-entry__media {
    height: 245px;
}

.page-popup .popup-entry--mma-youth .popup-entry__media {
    height: 245px;
}

.page-popup .popup-entry--bjj .popup-entry__content {
    color: #c0c0c1;
}

.page-popup .popup-entry--mma-youth .popup-entry__content {
    color: #c0c0c1;
}

.page-popup .popup-entry--mobility .popup-entry__media {
    height: 480px;
}

.page-popup .popup-entry--jompop .popup-entry__media {
    height: 470px;
}

.page-popup .popup-entry--rookie .popup-entry__media {
    height: 245px;
}

.page-popup .popup-entry__media--rotating {
    position: relative;
    display: block;
}

.page-popup .popup-entry--jompop .popup-entry__media {
    display: none;
}

.page-popup .popup-entry__media--rotating img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.page-popup .popup-entry__media--rotating img.is-active {
    opacity: 1;
    z-index: 2;
}

.page-popup .popup-entry__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-popup .popup-entry__content {
    margin: 8px 10px 0;
    padding: 17px 20px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    color: #c0c0c1;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-size: 12px;
    line-height: 19px;
}

.page-popup .popup-entry__content--mobility {
    background-color: rgba(0, 0, 0, 0.8);
    color: #c0c0c1;
}

.page-popup .popup-entry__title {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}

.page-popup .popup-entry__subtitle {
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    color: #c0c0c1;
}

.page-popup .popup-entry__text {
    margin: 0 0 16px;
}

.page-popup .popup-entry__text:last-of-type {
    margin-bottom: 0;
}

.page-popup .popup-entry__actions {
    margin: 8px 10px 0;
}

.page-popup .popup-entry__actions .cta-button {
    width: 100%;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.8px;
    background: linear-gradient(90deg, #b39874 0%, #7f7051 100%);
}

.page-popup .popup-entry__actions .cta-button--bjj {
    background: linear-gradient(to right, #3084c7, #006dc6);
    color: #ffffff;
}

.page-popup .popup-entry__actions .cta-button--mma-youth {
    background: linear-gradient(to right, #b37f60, #463427);
    color: #ffffff;
}

.page-popup .popup-entry__actions .cta-button--mobility {
    background: linear-gradient(to right, #00a89c, #006162);
    color: #ffffff;
}

.page-popup .popup-entry__highlight {
    font-weight: 600;
    color: #ffffff;
}

.page-popup .popup-entry__highlight--italic {
    font-style: italic;
}

.page-popup .popup-entry__list {
    margin: 12px 0 16px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.page-popup .popup-entry__list li {
    margin: 6px 0;
    padding: 0;
}

.page-popup .popup-entry__content + .popup-entry__content {
    margin-top: 8px;
}

.page-popup .popup-footer {
    margin: 24px 10px 10px;
    padding: 0 20px;
    font-family: 'TT Firs Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.8px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
}

.page-popup .popup-footer p {
    margin: 0 0 20px;
}

.page-popup .popup-footer__highlight {
    display: block;
    font-weight: 600;
    line-height: 16px;
    color: #ffffff;
    text-align: center;
}

.page-popup .popup-footer__logo {
    margin: 24px 0 0;
    text-align: center;
}
.menu-overlay__button-label {
    display: inline-block;
}



#textbox-4 .content-card__image-bottom {
    display: block;
    width: 100%;
}