/* montserrat-regular - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/webfonts/montserrat-v30-latin_latin-ext-regular.woff2') format('woff2');
}

/* montserrat-500 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/webfonts/montserrat-v30-latin_latin-ext-500.woff2') format('woff2');
}

/* montserrat-700 - latin-ext_latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/webfonts/montserrat-v30-latin_latin-ext-700.woff2') format('woff2');
}

:root {
    --primary-color: #000000;
    --accent-color-1: #00FFFF; /* Electric Blue */
    --accent-color-2: #FF00FF; /* Magenta */
    --text-color: #FFFFFF;
    --font-family: 'Montserrat', sans-serif;
}

/* Keyframe Animations */
/* @keyframes glow has been removed */

@keyframes button-glow {
    from {
        box-shadow: 0 0 10px var(--accent-color-1), 0 0 20px var(--accent-color-2);
    }
    to {
        box-shadow: 0 0 20px var(--accent-color-1), 0 0 40px var(--accent-color-2);
    }
}


/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--primary-color);
    color: var(--text-color);
    font-family: var(--font-family);
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3 {
    font-weight: 500; /* Reduced font-weight for elegance */
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

h2 {
    font-size: 2.5rem; /* Adjusted for better mobile view */
    color: var(--text-color);
    animation: none;
}

.main-container {
    width: 100%;
    margin: 0 auto;
}

section {
    padding: 80px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Header & Hero Section */
.hero-section {
    min-height: 100vh;
    background: url('../images/bmfg-back.webp') no-repeat center center/cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.main-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    z-index: 1000;
    background: rgba(0,0,0,0.3);
    backdrop-filter: blur(5px);
    transition: background-color 0.3s ease;
    /* animation intentionally removed for clarity */
}

.main-nav.sticky {
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    animation: slide-down 0.5s ease-out;
}

@keyframes slide-down {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.logo {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-color);
    text-shadow: none;
}

.nav-menu {
    display: none;
    list-style: none;
    flex-direction: column;
    width: 100%;
    position: absolute;
    top: 80px;
    left: 0;
    background: rgba(0,0,0,0.95);
    backdrop-filter: blur(10px);
    padding: 20px 0;
}

.nav-menu.active {
    display: flex;
}

.nav-menu li {
    margin: 15px 0;
    text-align: center;
}

.nav-menu a {
    color: var(--text-color);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
    font-size: 1.1rem;
}

.nav-menu a:hover {
    color: var(--accent-color-1);
    text-shadow: none;
}

.hero-content h1 {
    font-size: 14px; /* Final, very small font size for mobile */
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: none;
    line-height:1.1;
}

.hero-content h2 {
    font-size: 1.1rem;
    font-weight: 300;
    margin-bottom: 40px;
    color: var(--text-color);
    animation: none; /* remove glow from subtitle */
    text-shadow: none;
}

.cta-button {
    background: linear-gradient(45deg, var(--accent-color-1), var(--accent-color-2));
    color: var(--text-color);
    padding: 18px 40px;
    text-decoration: none;
    font-weight: 700;
    border: none;
    border-radius: 5px;
    transition: transform 0.3s, box-shadow 0.3s;
    text-transform: uppercase;
    animation: button-glow 1.5s ease-in-out infinite alternate;
    text-shadow: none;
    border-bottom: 2px solid var(--accent-color-1);
}

.cta-button:hover {
    transform: scale(1.1) translateY(-5px);
    box-shadow: 0 0 30px var(--accent-color-1), 0 0 60px var(--accent-color-2);
}


/* Ticket Section */
#tickets {
    background: #050505;
}
#shopify-ticketshop {
    border: 2px solid var(--accent-color-1);
    box-shadow: 0 0 15px var(--accent-color-1);
    padding: 40px;
    margin-top: 30px;
    text-align: center;
    background: rgba(0, 255, 255, 0.05);
    min-height: 500px; /* Verhindert Layout Shift beim Laden des Shops */
}

/* Countdown */
#countdown h2 {
    animation: none;
    margin-bottom: 30px;
}
.countdown-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    text-align: center;
    box-sizing: border-box;
}
.countdown-box {
    border: 1px solid var(--accent-color-1);
    padding: 15px;
    border-radius: 10px;
    min-width: 70px;
    max-width: 90vw;
    flex: 1 1 70px;
}
.countdown-box span {
    display: block;
}
.countdown-box span:first-child {
    font-size: 2.5rem;
    font-weight: 700;
    color: #FFD700; /* Gelb */
}
.countdown-box .label {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--text-color);
    margin-top: 5px;
    word-break: break-word;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}


/* Aftermovie */
.aftermovie-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.video-wrapper {
    width: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    border: 2px solid var(--accent-color-2);
    box-shadow: 0 0 20px var(--accent-color-2);
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Bilder Sektion */
.image-row {
    display: flex;
    overflow-x: auto;
    gap: 15px;
    padding: 15px 0;
}
.image-row a {
    display: block;
    flex-shrink: 0;
    width: 280px;
    aspect-ratio: 280 / 180; /* Seitenverhältnis für Stabilität */
    height: auto; /* Höhe an Seitenverhältnis anpassen */
    border: 2px solid transparent;
    transition: transform 0.3s, border-color 0.3s;
    overflow: hidden; /* Stellt sicher, dass das Bild innerhalb des Rahmens bleibt */
}

.image-row a:hover {
    transform: scale(1.05);
    border-color: var(--accent-color-1);
}

.image-row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#bilder h3 {
    margin-top: 20px;
    text-align: left;
    color: var(--accent-color-1);
    font-size: 1.5rem;
}

.facebook-link {
    text-align: center;
    margin-top: 30px;
}

.facebook-link a {
    color: var(--accent-color-1);
    text-decoration: none;
    font-weight: 500;
    font-size: 1.2rem;
    transition: color 0.3s;
}
.facebook-link a:hover {
    color: var(--text-color);
    text-shadow: none;
}


/* Anfahrt / Map */
.map-container {
    border: 2px solid var(--accent-color-1);
    box-shadow: 0 0 15px var(--accent-color-1);
    margin-bottom:20px;
}

 .address {
    text-align:center;
    font-size:1.2rem;
    font-weight:500;
 }

/* Kontaktformular */
#contact .contact-form-container {
    max-width: 100%; /* Auf mobile volle Breite erlauben, wird durch Section-Padding begrenzt */
    margin: 40px auto;
    padding: 30px;
    border: 2px solid var(--accent-color-1);
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 20px var(--accent-color-1);
    box-sizing: border-box;
}

#contact .form-group {
    margin-bottom: 20px;
}

#contact label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: var(--text-color);
}

#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--accent-color-2);
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--text-color);
    font-family: var(--font-family);
    font-size: 1rem;
    transition: all 0.3s ease;
}

#contact input[type="text"]:focus,
#contact input[type="email"]:focus,
#contact textarea:focus {
    outline: none;
    border-color: var(--accent-color-1);
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.5);
}

#contact textarea {
    resize: vertical;
    min-height: 120px;
}

#contact .cta-button {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.form-messages {
    margin-top: 20px;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.form-messages.show {
    opacity: 1;
    transform: translateY(0);
}

.form-messages.success {
    background-color: rgba(0, 255, 0, 0.2);
    color: #4CAF50;
    border: 1px solid #4CAF50;
}

.form-messages.error {
    background-color: rgba(255, 0, 0, 0.2);
    color: #F44336;
    border: 1px solid #F44336;
}


/* Footer */
.footer-container {
    width: 100%;
    margin: 0 auto;
    background: #0a0a0a;
    padding: 40px 20px;
    border-top: 1px solid var(--accent-color-2);
}

footer {
    text-align: center;
}
.footer-content {
    display:flex;
    flex-direction:column;
    gap:20px;
}

.social-links a, .legal-links a {
    color: var(--text-color);
    text-decoration: none;
    margin: 0 15px;
    transition: color 0.3s;
    font-size: 1.1rem;
}

.social-links a i {
    font-size: 1.5rem; /* Larger icons */
}

.social-links a:hover, .legal-links a:hover {
    color: var(--accent-color-2);
    text-shadow: none;
}


/* Desktop Styles */
@media (min-width: 768px) {
    .main-container {
        max-width: 1200px; /* Globale Anpassung */
        margin: 0 auto; /* Zentrierung */
    }
    .footer-container {
        max-width: 1200px;
    }
    .nav-menu {
        display: flex; /* Override mobile styles */
        position: static;
        flex-direction: row;
        background: none;
        backdrop-filter: none;
        width: auto;
        padding: 0;
    }
     .nav-menu li {
        margin: 0 0 0 30px;
    }
    .burger-menu {
        display: none;
    }
    .hero-content h1 {
        font-size: 5rem;
    }
    .hero-content h2 {
        font-size: 1.8rem;
    }
    .countdown-container {
        gap: 30px;
    }
    .countdown-box {
        padding: 30px 40px;
        min-width: 120px;
    }
    .countdown-box span:first-child {
        font-size: 4rem;
    }
    .countdown-box .label {
        font-size: 1rem;
    }
    .aftermovie-container {
        flex-direction: row;
    }
    .image-row {
        justify-content: center;
        flex-wrap: wrap;
    }
     .image-row a {
        width: 18%; /* 5 images per row */
        height: auto;
        aspect-ratio: 3 / 2; /* Typisches Seitenverhältnis für Querformatbilder */
    }
    .footer-content {
        flex-direction:row;
        justify-content:space-between;
    }
    h2 {
      font-size: 4rem;
    }
    #contact .contact-form-container {
        max-width: 1000px; /* An die Breite der Karte anpassen */
        margin: 40px auto;
    }
}

/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,0));transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/webfonts/fa-brands-400.woff2) format("woff2"),url(../fonts/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/webfonts/fa-regular-400.woff2) format("woff2"),url(../fonts/webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/webfonts/fa-solid-900.woff2) format("woff2"),url(../fonts/webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}