@charset "UTF-8";

/*
Theme Name: Johanning Aviation
#Theme URI: https://wordpress.org/themes/jha/
Author: the Mipemedia team
Author URI: https://mipe.media
Description: Johanning Aviation description
Requires at least: 5.3
Tested up to: 6.7
Requires PHP: 5.6
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jha
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Custom css start */

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes phoneRise {
    to {
        bottom: 10px;
        opacity: 1;
    }
}

@keyframes cloudDrift {
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes planeFly {
    0% {
        opacity: 0;
        transform: translateX(-30px) rotate(10deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes moveTopAnim {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes MoveUpDown {
    0% {
        bottom: 0;
    }

    50% {
        bottom: 15px;
    }

    100% {
        bottom: 0;
    }
}

body {
    font-family: darkmodedarkmodeoff_light !important;
    overflow-x: hidden;
    scrollbar-color: #1B3046 transparent;
    scrollbar-width: thin;
    animation: fadein 0.2s linear;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    overscroll-behavior-y: none;
    -webkit-text-size-adjust: initial !important;
}

strong,
b {
    font-family: 'darkmodedarkmodeoff_regular';
}

img {
    max-width: 100%;
    width: auto;
}

button {
    outline: none;
    border: none;
    background: transparent;
}

[data-aos] {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

[data-aos].aos-animate {
    opacity: 1;
}

[data-aos="fade-up"] {
    transform: translateY(80px) !important;
}

[data-aos="fade-up"].aos-animate {
    transform: translateY(0) !important;
}

[data-aos="fade-left"] {
    transform: translateX(-80px) !important;
}

[data-aos="fade-left"].aos-animate {
    transform: translateX(0) !important;
}

[data-aos="fade-right"] {
    transform: translateX(80px) !important;
}

[data-aos="fade-right"].aos-animate {
    transform: translateX(0) !important;
}

html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: translate3d(-80px, 0, 0) !important;
    transform: translate3d(-80px, 0, 0) !important;
}

html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 80px, 0) !important;
    transform: translate3d(0, 80px, 0) !important;
}

html:not(.no-js) [data-aos=fade-right].aos-animate {
    -webkit-transform: none !important;
    transform: none !important;
}

html:not(.no-js) [data-aos=fade-up].aos-animate {
    -webkit-transform: none !important;
    transform: none !important;
}

.desktop-hide {
    display: none !important;
}

body .container {
    width: 2042px;
    max-width: 95%;
    padding: 0;
}

video::-webkit-media-controls {
    display: none;
}

.small-container,
.site-main .entry-content,
.site-main .entry-header {
    width: 1752px;
    max-width: 95%;
    margin: 0 auto;
    padding: 0;
}

.home-banner {
    height: 100vh;
    background: #000;
}

.offers-section {
    margin-top: -178px;
}

.buttons-group {
    display: flex;
    gap: 16px;
}

.secondry-btn {
    font-size: 18px;
    color: #fafafa;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    padding: 0 50px;
    border: 2px solid #fafafa;
    background: transparent;
    border-radius: 8px;
    transition: 0.5s all;
    font-family: 'darkmodedarkmodeoff_regular';
}

.secondry-btn:hover {
    background: #fff;
    color: #0c1b2a;
}

.secondry-btn.dark {
    border-color: #0B1B2A;
    color: #0B1B2A;
}

.secondry-btn.dark:hover {
    background: #334455;
    color: #fafafa;
    border-color: #334455;
}

.secondry-btn.dark.wap-icon:hover:before {
    filter: brightness(0) invert(1);
}

.primary-btn {
    background: #fafafa;
    color: #0C1B2A;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    padding: 0 50px;
    font-size: 20px;
    text-transform: uppercase;
    transition: 0.5s all;
    cursor: pointer;
    font-family: 'darkmodedarkmodeoff_regular';
}

.primary-btn:hover {
    background: #334455;
    color: #fff;
}

.primary-btn.dark {
    color: #fff;
    background: #0C1B2A;
}

.primary-btn.dark:hover {
    background: #334455;
}

a.primary-bg-btn {
    background: rgb(255 255 255 / 30%);
    font-size: 18px;
    color: #FAFAFA;
    backdrop-filter: blur(4px);
    padding: 0 50px;
    min-height: 75px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-decoration: none;
    position: relative;
    transition: all 0.5s ease !important;
    font-family: 'darkmodedarkmodeoff_regular';
    text-transform: uppercase;
}

a.primary-bg-btn:hover {
    background: rgb(51 68 85 / 80%);
    color: #fff;
}

a.primary-bg-btn:after {
    content: '';
    border: 2px solid #fff;
    width: calc(100% - 14px);
    height: calc(100% - 12px);
    transition: all 0.5s ease;
    position: absolute;
    border-radius: 8px;
}

.empty-section {
    display: none !important;
}

#wp-admin-bar-new-content {
    display: none;
}

#wp-admin-bar-comments {
    display: none;
}

#wp-admin-bar-user-info {
    display: none;
}

#wp-admin-bar-duplicate-post {
    display: none;
}

#wp-admin-bar-search {
    display: none;
}


/* Site Header */
.mob-header {
    display: none !important;
}

.primary-navigation-open {
    height: 100vh;
    overflow: hidden;
}

.site-header.slider-rev-available.header-sticky {
    position: fixed !important;
}

.home .site-header,
.page-template-aktuelle-angebote .site-header,
.page-template-basis-Flaege .site-header,
.page-template-das-flugzeug .site-header,
.page-template-events .site-header,
.page-template-ansprechpartner-template .site-header,
.page-template-ueberuns-template .site-header {
    background: transparent;
    padding: 45px 60px;
    position: fixed;
}

.site-header,
.site-header.header-sticky,
.home .site-header.header-sticky,
.page-template-aktuelle-angebote .site-header.header-sticky,
.page-template-basis-Flaege .site-header.header-sticky,
.page-template-das-flugzeug .site-header.header-sticky,
.page-template-events .site-header.header-sticky,
.page-template-ansprechpartner-template .site-header.header-sticky,
.page-template-ueberuns-template .site-header.header-sticky {
    padding: 25px 60px;
    background: #1B3046;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.4s ease-in-out;
}

.site-header .row {
    align-items: center;
}

.nav-main {
    display: block;
    position: fixed;
    width: 429px;
    top: 0;
    left: 0;
    background: #0C1B2A;
    height: 100vh;
    overflow-y: auto;
    transition: 0.4s all 0s;
    transform: translateX(-100%);
    z-index: 99;
    scrollbar-color: #1B3046 transparent;
    scrollbar-width: thin;
}

.primary-navigation-open .nav-main {
    transform: translateX(-0%);
    transition-delay: 0.4s;
}

.primary-navigation .primary-menu-container .menu-wrapper {
    padding: 0 60px;
    margin: 0;
    list-style: none;
}

.primary-navigation .primary-menu-container .menu-wrapper a {
    font-size: 20px;
    color: #fafafa;
    text-decoration: none;
    margin-bottom: 42px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    position: relative;
}

.primary-navigation .primary-menu-container .menu-wrapper a::before {
    content: '';
    position: relative;
    display: inline-flex;
    height: 20px;
    width: 0;
    background: url(./assets/images/right-arrow-white.svg) center no-repeat;
    background-size: contain;
    margin-bottom: 1px;
    transition: all 0.3s ease;
}

.primary-navigation .primary-menu-container .menu-wrapper a:hover::before,
.primary-navigation .primary-menu-container .menu-wrapper .current-menu-item a::before {
    width: 20px;
    margin-right: 10px;
}

.primary-navigation .primary-menu-container .menu-wrapper .current-menu-item a {
    font-family: 'darkmodedarkmodeoff_regular';
    color: #fff;

}

.primary-navigation .primary-menu-container .menu-wrapper li:last-child a {
    margin-bottom: 0;
}

.nav-top .site-logo.menu-inner-logo {
    padding: 100px 0;
}

.nav-top .site-logo.menu-inner-logo img.custom-logo {
    max-width: 180px !important;
}

.nav-top .close-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url(./assets/images/close-icon.svg);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 2;
}

.menu_overlay {
    background: rgb(0 0 0 / 60%);
    opacity: 0.60;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 7;
    transition: 0.5s all 0.4s;
    opacity: 0;
    backdrop-filter: blur(5px);
    visibility: hidden;
}

.primary-navigation-open .menu_overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.site-logo img.custom-logo,
.home .site-header.header-sticky .site-logo img.custom-logo,
.page-template-aktuelle-angebote .site-header.header-sticky .site-logo img.custom-logo,
.page-template-basis-Flaege .site-header.header-sticky .site-logo img.custom-logo,
.page-template-das-flugzeug .site-header.header-sticky .site-logo img.custom-logo,
.page-template-events .site-header.header-sticky .site-logo img.custom-logo,
.page-template-ansprechpartner-template .site-header.header-sticky .site-logo img.custom-logo,
.page-template-ueberuns-template .site-header.header-sticky .site-logo img.custom-logo {
    max-width: 168px;
    height: auto;
    transition: all 0.4s ease;
}


.header-sticky .site-logo img.custom-logo {
    max-width: 150px;
}

.home .site-header .site-logo img.custom-logo,
.page-template-aktuelle-angebote .site-header .site-logo img.custom-logo,
.page-template-basis-Flaege .site-header .site-logo img.custom-logo,
.page-template-das-flugzeug .site-header .site-logo img.custom-logo,
.page-template-events .site-header .site-logo img.custom-logo,
.page-template-ansprechpartner-template .site-header .site-logo img.custom-logo,
.page-template-ueberuns-template .site-header .site-logo img.custom-logo {
    max-width: 340px;
}

.site-logo {
    text-align: center;
}

.primary-navigation .menu-button-container span.dropdown-icon.close {
    display: none !important;
}

.primary-navigation span.dropdown-icon span.icon {
    width: 30px;
    height: 3px;
    display: block;
    background: #fff;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
}

.primary-navigation .menu-button-container .button {
    border-radius: 11px;
    background: transparent;
    border: 0;
    width: 175px;
    height: 74px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(30px);
    position: relative;
    font-family: 'darkmodedarkmodeoff_regular';
    transition: all 0.3s ease;
}

header .primary-navigation .menu-button-container .button:hover {
    background-color: #334455 !important;
}

.primary-navigation .menu-button-container .button:before {
    content: '';
    position: absolute;
    width: 161px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.home .site-header .primary-navigation .menu-button-container .button,
.page-template-aktuelle-angebote .site-header .primary-navigation .menu-button-container .button,
.page-template-basis-Flaege .site-header .primary-navigation .menu-button-container .button,
.page-template-das-flugzeug .site-header .primary-navigation .menu-button-container .button,
.page-template-events .site-header .primary-navigation .menu-button-container .button,
.page-template-ansprechpartner-template .site-header .primary-navigation .menu-button-container .button,
.page-template-ueberuns-template .site-header .primary-navigation .menu-button-container .button {
    background: rgb(255 255 255 / 20%);
}

.header-sticky .primary-navigation .menu-button-container .button {
    width: 155px;
    height: 64px;
    background: transparent !important;
}

.header-sticky .primary-navigation .menu-button-container .button:before {
    width: 141px;
    height: 50px;
}

.header-sticky .primary-navigation .menu-button-container .button span.dropdown-icon span.menu-text {
    font-size: 16px;
}

.header-sticky .primary-navigation .menu-button-container .button span.dropdown-icon span.icon {
    width: 28px;
    height: 3px;
}

.primary-navigation .menu-button-container .button span.dropdown-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 19px;
}

.primary-navigation span.dropdown-icon span.icon:not(:last-child) {
    margin-bottom: 6px;
}

.primary-navigation .menu-button-container .button span.dropdown-icon span.menu-text {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'darkmodedarkmodeoff_regular';
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}

.nav-bottom {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.nav-bottom a {
    border: 2px solid #fafafa;
    background: transparent;
    padding: 18px 41px;
    border-radius: 8px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'darkmodedarkmodeoff_regular';
    color: #fafafa;
    transition: 0.4s all ease;
}

.nav-bottom a.wap-icon::before {
    transition: all 0.4s ease;
    filter: brightness(0) invert(1);
}

.nav-bottom a:hover {
    background: #fafafa;
    color: #0c1b2a;
}

.nav-bottom a.wap-icon:hover::before {
    filter: none;
}

.nav-bottom .wp-block-buttons {
    justify-content: center;
}

.nav-bottom section:first-child {
    margin-bottom: 16px;
}

.site-header .header-right {
    display: flex;
    align-items: center;
    column-gap: 24px;
    justify-content: flex-end;
}

.wpml-ls-legacy-dropdown {
    max-width: 134px;
    width: auto;
}

.wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
    color: #fff !important;
    padding: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'darkmodedarkmodeoff_regular';
    padding: 0 !important;
    border: 0;
    width: 134px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: transparent;
    backdrop-filter: blur(30px);
    position: relative;
    font-family: 'darkmodedarkmodeoff_regular';
    transition: all 0.3s ease;
}

.home .site-header .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle,
.page-template-aktuelle-angebote .site-header .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle,
.page-template-basis-Flaege .site-header .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle,
.page-template-das-flugzeug .site-header .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle,
.page-template-events .site-header .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle,
.page-template-ansprechpartner-template .site-header .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle,
.page-template-ueberuns-template .site-header .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
    background: rgb(255 255 255 / 20%);
}

header .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle:hover {
    background: #334455 !important;
}

.wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 60px;
    border: 2px solid #fff;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.header-sticky .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
    width: 104px;
    height: 64px;
    font-size: 16px;
    background: transparent !important;
}

.header-sticky .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle:before {
    width: 90px;
    height: 50px;
}

.wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language ul.wpml-ls-sub-menu {
    border: 0;
}

.wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle:after {
    display: none;
}

.wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle span {
    display: flex;
    align-items: center;
    column-gap: 6px;
}

.wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle span:after {
    content: '';
    background: url(./assets/images/angle-down.svg) center no-repeat;
    background-size: contain;
    width: 16px;
    height: 9px;
    display: inline-block;
    transition: all 0.3s ease;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {
    background: rgb(255 255 255 / 20%) !important;
    border-radius: 8px;
    padding: 15px 15px;
    backdrop-filter: blur(30px);
    color: #fafafa;
    border: 0;
    box-shadow: none;
    margin-top: 1px;
    transition: all 0.3s ease-in-out;
}

.header-right figure {
    margin-bottom: 0;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(30px);
}

.header-right .wp-block-button a {
    background-color: transparent;
    backdrop-filter: blur(30px);
    border-radius: 11px;
    width: 175px;
    height: 74px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'darkmodedarkmodeoff_regular';
    transition: all 0.3s ease;
}

.home .site-header .header-right .wp-block-button a,
.page-template-aktuelle-angebote .site-header .header-right .wp-block-button a,
.page-template-basis-Flaege .site-header .header-right .wp-block-button a,
.page-template-das-flugzeug .site-header .header-right .wp-block-button a,
.page-template-events .site-header .header-right .wp-block-button a,
.page-template-ansprechpartner-template .site-header .header-right .wp-block-button a,
.page-template-ueberuns-template .site-header .header-right .wp-block-button a {
    background-color: rgb(255 255 255 / 20%);
}

header .header-right .wp-block-button a:hover {
    background-color: #334455 !important;
}

.header-right .wp-block-button a:before {
    content: '';
    position: absolute;
    width: 161px;
    height: 60px;
    border: 2px solid #fff;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.header-sticky .header-right .wp-block-button a {
    width: 165px;
    height: 64px;
    font-size: 16px;
    background-color: transparent !important;
}

.header-sticky .header-right .wp-block-button a:before {
    width: 151px;
    height: 50px;
}

.header-right .wp-btn-wrap {
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.header-right .wap-head-btn {
    width: 74px;
    height: 74px;
    font-size: 0;
    background-color: transparent;
    backdrop-filter: blur(30px);
    border-radius: 50%;
    background-image: url(./assets/images/wap-icon-white.svg);
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home .site-header .header-right .wap-head-btn,
.page-template-aktuelle-angebote .site-header .header-right .wap-head-btn,
.page-template-basis-Flaege .site-header .header-right .wap-head-btn,
.page-template-das-flugzeug .site-header .header-right .wap-head-btn,
.page-template-events .site-header .header-right .wap-head-btn,
.page-template-ansprechpartner-template .site-header .header-right .wap-head-btn,
.page-template-ueberuns-template .site-header .header-right .wap-head-btn {
    background-color: rgb(255 255 255 / 20%);
    background-size: 35px;
}

.header-right .wap-head-btn:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    transition: all 0.3s ease;
    opacity: 1;
}

.header-sticky .header-right .wap-head-btn:before {
    width: 50px;
    height: 50px;
}

.home .site-header .header-right .wap-head-btn:before,
.page-template-aktuelle-angebote .site-header .header-right .wap-head-btn:before,
.page-template-basis-Flaege .site-header .header-right .wap-head-btn:before,
.page-template-das-flugzeug .site-header .header-right .wap-head-btn:before,
.page-template-events .site-header .header-right .wap-head-btn:before,
.page-template-ansprechpartner-template .site-header .header-right .wap-head-btn:before,
.page-template-ueberuns-template .site-header .header-right .wap-head-btn:before {
    transition-delay: 0s;
    opacity: 0;
}

header .header-right .wap-head-btn:hover {
    background-color: #334455 !important;
}

.header-sticky .header-right .wap-head-btn {
    width: 64px;
    height: 64px;
    background-size: 20px !important;
    background-color: transparent !important;
}

.header-sticky .header-right .wp-btn-wrap {
    width: 65px;
}

.home .site-header.header-sticky .header-right .wap-head-btn:before,
.page-template-aktuelle-angebote .site-header.header-sticky .header-right .wap-head-btn:before,
.page-template-basis-Flaege .site-header.header-sticky .header-right .wap-head-btn:before,
.page-template-das-flugzeug .site-header.header-sticky .header-right .wap-head-btn:before,
.page-template-events .site-header.header-sticky .header-right .wap-head-btn:before,
.page-template-ansprechpartner-template .site-header.header-sticky .header-right .wap-head-btn:before,
.page-template-ueberuns-template .site-header.header-sticky .header-right .wap-head-btn:before {
    transition-delay: 0.2s;
}

.header-sticky .header-right .wap-head-btn:before {
    opacity: 1 !important;
}

/* header.site-header #primary-mobile-menu,
header.site-header .header-right {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s ease;
} */

/* header.site-header .site-logo {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.4s ease-in-out;
    transition-delay: 0.3s;
} */

/* header.site-header.visible-header #primary-mobile-menu,
header.site-header.visible-header .header-right {
    opacity: 1;
    transform: translateY(0px);
} */

/* header.site-header.visible-header .site-logo {
    opacity: 1;
    transform: scale(1);
} */

/* Revolution Slider */
sr7-module,
sr7-adjuster,
sr7-content {
    height: 100vh !important;
}

.home-slider,
.plane-slider {
    background: #1B3046;
}

.home-slider sr7-grp {
    top: 52% !important;
    transform: translateY(-50%) !important;
}

.plane-slider sr7-grp {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.banner-heading {
    font-family: 'darkmodedarkmodeoff_medium' !important;
}

.banner-sub-heading {
    font-family: 'darkmodedarkmodeoff_light' !important;
}

p.sr7-layer {
    font-family: 'darkmodedarkmodeoff_light' !important;
}

a.sr7-btn {
    font-family: 'darkmodedarkmodeoff_regular' !important;
}

sr7-mask,
sr7-shp,
sr7-bg {
    height: 100% !important;
}

.scroll-icon {
    animation: MoveUpDown 1.5s linear infinite;
    position: relative;
    bottom: 0;
    opacity: 1;
    transition: 500ms all;
    -webkit-transition: 500ms all;
}

.scroll-icon a {
    background-image: url(./assets/images/mouse-icon.svg);
    width: 24px;
    height: 38px;
    display: flex;
    position: absolute;
    bottom: 30px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    transition: 500ms all;
    -webkit-transition: 500ms all;
}

#below-section {
    position: relative;
    top: -115px;
}

/* Top Links */

.top-links ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0 50px;
}

.top-links ul li a,
.top-links ul li span {
    margin-right: 0px;
    padding: 0px 30px;
    background: #334455;
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    text-decoration: none !important;
    column-gap: 10px;
    font-size: 20px;
    transition: all 0.3s ease;
}

.top-links ul li.active span,
.top-links ul li a:hover {
    background: #0C1B2A;
}

.top-links ul li a:before {
    content: '';
    background: url(./assets/images/link-arrow.svg) center no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    display: inline-block;
}

.top-links ul li span::before {
    content: '';
    background: url(./assets/images/offer-icon.svg) center no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.top-links ul li span {
    border-top-left-radius: 16px;
}

.top-links ul li:last-child a {
    border-top-right-radius: 16px;
}

/* Offer Section */
.offers-section {
    margin-top: -62px;
    position: relative;
    z-index: 2;
}

/* Offers Box */
.flight-ticket-offers {
    position: relative;
}

.flight-ticket-offers::before {
    content: '';
    position: absolute;
    left: -23px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #EB4B4B url(./assets/images/offer-icon.svg) center no-repeat;
    background-size: 18px;
}

.offer-box {
    width: calc(100% - 132px);
    height: 220px;
    background: #0C1B2A;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0 30px;
}

.offer-box.no-offers {
    padding-left: 122px;
}

.offer-box:before {
    content: '';
    width: 66px;
    height: 220px;
    background-image: url(./assets/images/left-shape.svg);
    position: absolute;
    left: -66px;
}

.offer-box:after {
    content: '';
    width: 66px;
    height: 220px;
    background-image: url(./assets/images/left-shape.svg);
    position: absolute;
    right: -66px;
    transform: scaleX(-1);
}

.offer-box .offer-box-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.flight-ticket-offers:not(:last-child) {
    margin-bottom: 28px;
}

.offer-box-inner .buttons-group .send-data-button,
.offer-box-inner .buttons-group .primary-btn {
    position: relative;
    z-index: 1;
}

.no-offer-text p {
    font-size: 20px;
    color: #f4f4f4;
    font-weight: 300;
    max-width: 717px;
    margin-bottom: 0;
    line-height: 40px;
}

.flight-date {
    display: block;
}

.flight-date .month {
    color: #B0BEC5;
    font-size: 20px;
    line-height: initial;
    display: block;
    font-weight: 300;
    text-transform: uppercase;
}

.flight-date .date {
    display: block;
    font-size: 20px;
    line-height: initial;
    color: #fff;
    text-align: center;
}

.contry-from,
.contry-to {
    max-width: 315px;
}

.contry-from span:first-child {
    font-size: 20px;
    color: #B0BEC5;
    font-weight: 300;
    display: flex;
    align-items: center;
    column-gap: 9px;
}

.contry-from span:last-child {
    color: #FAFAFA;
    text-transform: uppercase;
    font-size: 20px;
    font-family: darkmodedarkmodeoff_light;
}

.contry-from img,
.contry-to img {
    width: 22px;
    height: 15px;
    border-radius: 3px;
    object-fit: cover;
}

.contry-to span:first-child {
    font-size: 20px;
    color: #B0BEC5;
    font-weight: 300;
    display: flex;
    align-items: center;
    column-gap: 9px;
}

.contry-to span:last-child {
    color: #FAFAFA;
    text-transform: uppercase;
    font-size: 20px;
    font-family: darkmodedarkmodeoff_light;
}

.divide-border {
    background: #B0BEC5;
    width: 1px;
    height: 48px;
}

.price>span:first-child {
    color: #B0BEC5;
    font-size: 20px;
    display: block;
    font-weight: 300;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.price>span:first-child .offer-price-info-box img {
    width: 18px;
    height: auto;
}

.price>span:first-child span {
    position: relative;
    z-index: 2;
    cursor: help;
    margin-top: -3px;
}

.offer-price-info-popup {
    background: #fff;
    border-radius: 20px;
    z-index: 2;
    padding: 20px;
    position: absolute;
    max-width: 300px;
    min-width: 300px;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 20px #0000003d;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    cursor: auto;
}

.offer-price-info-popup.price-popup-show {
    opacity: 1;
    visibility: visible;
}

.offer-price-info-popup .price-info-close {
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    margin: -10px -5px 5px auto;
    background: url(./assets/images/info-close.svg) center no-repeat;
    background-size: 20px;
    cursor: pointer !important;
}

.offer-price-info-popup::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.offer-price-info-popup p {
    margin: 0;
    font-size: 13px;
    color: #0B1B2A;
}

.price>span:last-child {
    color: #FAFAFA;
    text-transform: uppercase;
    font-size: 20px;
    font-family: darkmodedarkmodeoff_light;
}

.price>span:last-child span {
    color: #B0BEC5;
    display: inline-flex;
    align-items: center;
    column-gap: 2px;
}

.price>span:last-child span img {
    transform: scaleX(-1);
    width: 12px;
    height: auto;
    margin: 0 4px 0 1px;
}

/* Flight Options */
.flight-option {
    padding: 215px 0 398px;
    position: relative;
}

.flight-option .container {
    max-width: 2155px;
}

.flight-option:before {
    content: '';
    background-image: url(./assets/images/map.svg);
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
    opacity: 0.03;
    max-width: 2120px;
    background-size: contain;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: top 200px center;
}

.flight-option .row {
    margin: 0 -27px;
}

.flight-option .row .col-md-6 {
    padding: 0 27px;
}

.heading-center {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 97px;
}

.heading-center h3,
h1.entry-title,
.kontact-form .heading-center h1 {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 30px;
    font-family: 'darkmodedarkmodeoff_regular';
    color: #0C1B2A;
}

.heading-center h4 {
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 0px;
    font-weight: 300;
    color: #0C1B2A;
}

.heading-center:has(p) h4 {
    margin-bottom: 30px;
}

.heading-center p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 300;
    color: #0C1B2A;
    max-width: 1037px;
    margin: 0 auto;
}

.heading-center .buttons-group {
    justify-content: center;
    padding-top: 80px;
}

/* info box */
.info-box {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.info-box .info-left {
    background: #0C1B2A;
    padding: 70px 70px 70px 95px;
    width: calc(100% - 210px);
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    -webkit-mask-image: url(./assets/images/jha_tckt_big.svg);
    mask-image: url(./assets/images/jha_tckt_big.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: #0c1b2a;
    mask-position: right;
    min-height: 502px;
}

.info-box .info-left .title {
    font-size: 40px;
    color: #FAFAFA;
    font-weight: 300;
    line-height: initial;
    margin-bottom: 30px;
    display: block;
}

.info-box .info-left p {
    font-size: 20px;
    color: #FAFAFA;
    line-height: 35px;
    font-weight: 300;
    margin-bottom: 0;
}

.info-box .info-left .secondry-btn {
    margin-top: 48px;
}

.info-box .info-left .wp-block-button__link {
    font-size: 18px;
    color: #fafafa;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    background: transparent;
    align-items: center;
    padding: 0 50px;
    border: 2px solid #fafafa;
    border-radius: 8px;
    transition: 0.5s all;
    font-family: 'darkmodedarkmodeoff_regular';
    margin-top: 60px;
}

.info-box .info-left .wp-block-button__link:hover {
    background: #fff;
    color: #0c1b2a;
}

.info-box .info-right {
    width: 210px;
    height: auto;
    margin: 0 0 0 -1px;
}

.info-box .info-right img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    -webkit-mask-image: url(./assets/images/jha_tckt_sml.svg);
    mask-image: url(./assets/images/jha_tckt_sml.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: left;
    background-color: #0c1b2a;
}

/* Our Fleet Section */
.ourFleet-section {
    overflow: hidden;
    background: #AEDBE8;
    padding: 95px 0 70px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1428px;
}

.offers-section+.ourFleet-section {
    margin-top: 150px;
}

.ourFleet-content h4 {
    font-size: 40px;
    line-height: initial;
    color: #0C1B2A;
    font-weight: 300;
    margin-bottom: 30px;
}

.ourFleet-content p {
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 0;
}

.ourFleet-content .secondry-btn {
    margin-top: 75px;
}

.clouds-group .cloud img {
    position: absolute;
    z-index: -1;
    color: #fff;
    transition: none;
    will-change: transform;
    mix-blend-mode: color-dodge;
}

.clouds-group .cloud-1 img {
    max-width: 550px;
    top: 360px;
    left: -500px;
}

.clouds-group .cloud-2 img {
    max-width: 830px;
    bottom: 195px;
    left: 730px;
}

.clouds-group .cloud-3 img {
    max-width: 470px;
    top: 270px;
    z-index: 1;
    right: 540px;
}

.plane-img img {
    max-width: 1895px !important;
    width: -webkit-fill-available !important;
    height: auto !important;
    margin: 0 -545px 0 -340px;
    opacity: 0;
    transform: translateX(150px) rotate(-3deg);
    transition: all 0.5s cubic-bezier(0.54, -0.01, 0.45, 0.94);
    transition-delay: 0.5s;
    width: revert-layer !important;
}

.plane-img.animate img {
    opacity: 1;
    transition-delay: 0s;
    transition: all 1.5s;
    transform: translateX(0px) rotate(0deg);
}

/* Landing Table Section */
.landing-option-section {
    padding: 150px 0;
    min-height: 1328px;
}

.landing-table p {
    margin: 0;
}

.landing-table .table-head {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #707070;
}

.landing-table .table-head .aircraft-head {
    display: flex;
    align-items: flex-end;
    width: 50%;
}

.table-head>.top-head {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 20px 20px 0;
    width: 50%;
}

.landing-table .table-head .aircraft-head .top-head {
    padding: 0 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    width: 50%;
}

.top-head p {
    color: #0C1B2A;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}

.landing-table .table-content {
    display: flex;
    border-bottom: 1px solid #707070;
}

.landing-table .table-content:last-child {
    border-bottom: none;
}

.table-title {
    font-size: 20px;
    color: #000;
    padding: 20px 20px 0 0;
    width: 50%;
    font-family: 'darkmodedarkmodeoff_regular';
}

.aircraft-options {
    display: flex;
    align-items: center;
    width: 50%;
}

.top-head .head-title img {
    object-fit: contain;
    max-width: 70px;
    max-height: 65px;
}

.top-head .head-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    line-height: initial;
    color: #0C1B2A;
    font-family: 'darkmodedarkmodeoff_regular';
}

span.head-subtitle {
    font-size: 18px;
    color: #B0BEC5;
    font-weight: 300;
    line-height: initial;
    margin-top: 6px;
}

.aircraft-options .aircraft-option:nth-child(odd) {
    background: #FAFAFA;
}

.aircraft-option {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 195px;
    width: 50%;
}

.aircraft-option .option {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.aircraft-option span {
    font-size: 30px;
    font-weight: 300;
    color: #0C1B2A;
}

.aircraft-option .option img {
    max-height: 45px;
    max-width: 60px;
}

.landing-table .table-content:nth-child(3) .aircraft-option:nth-child(2) .option img {
    max-height: 34px;
    max-width: 50px;
}

.table-title:last-child,
.aircraft-option:last-child {
    border: none;
}

.page-template-events .advantages-slider-section {
    background: #fafafa;
    padding: 200px 0;
    min-height: auto;
}

/* Propperller Logos Section */
.advantages-slider-section {
    padding: 150px 0 325px;
    min-height: 917px;
}

.advantages-slider {
    padding: 0 25px;
}

.advantages-slider .icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}

.advantages-slider .icon-box .vorteil-img {
    max-height: 85px;
    min-height: 85px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 35px;
}

.advantages-slider .icon-box img {
    max-height: 80px;
    max-width: 90px;
}

.advantages-slider .icon-box .title {
    color: #0C1B2A;
    font-size: 24px;
    line-height: normal;
    font-family: 'darkmodedarkmodeoff_regular';
    margin-bottom: 20px;
}

.advantages-slider .icon-box p {
    font-size: 20px;
    line-height: 34px;
    font-weight: 300;
    color: #0C1B2A;
    margin: 0;
}

body .splide__arrow--prev {
    left: -100px;
}

body .splide__arrow--next {
    right: -100px;
}

.splide__arrows .splide__arrow {
    width: 66px;
    height: 66px;
    background: #F7F7F7 url(./assets/images/arrow-circle-left.svg) center no-repeat;
    font-size: 0;
    outline: none;
    opacity: 1;
    background-size: 50px;
}

.splide__arrows .splide__arrow[disabled] {
    visibility: hidden;
    opacity: 0;
}

.splide__arrows .splide__arrow.splide__arrow--next {
    background: #F7F7F7 url(./assets/images/arrow-circle-right.svg) center no-repeat;
    background-size: 50px;
}

/* Never Miss Offer Section */
.offer-section {
    padding: 150px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 910px;
    position: relative;
}

.offer-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #FAFAFAD4;
    z-index: 1;
}

.offer-section .offer-background-video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.offer-section .small-container {
    position: relative;
    z-index: 2;
}

.offer-content h4 {
    font-size: 40px;
    line-height: initial;
    color: #0C1B2A;
    font-weight: 300;
    margin-bottom: 30px;
}

.offer-content p {
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 0;
}

.offer-content .secondry-btn {
    margin-top: 75px;
}

.offer-image-box {
    max-width: 435px;
    margin-left: auto;
    padding-top: 150px;
    margin-right: 150px;
}

.offer-image-box .circle-mask {
    width: 400px;
    height: 510px;
    border-radius: 250px;
    position: relative;
    background-color: #0c1c2c;
}

.offer-image-box .plane {
    position: absolute;
    top: -150px;
    right: -20px;
    opacity: 0;
    z-index: 1;
    height: auto !important;
    max-height: 116px;
}

.offer-image-box .phone-wrapper {
    width: 400px;
    height: 690px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    border-radius: 250px;
}

.offer-image-box .phone {
    position: absolute;
    bottom: -300px;
    opacity: 0;
    left: 50%;
    width: auto !important;
    height: revert-layer !important;
    transform: translateX(-50%);
    max-height: 607px;
}

.offer-image-box .cloud {
    position: absolute;
    right: 50%;
    bottom: -125px;
    opacity: 0;
    transform: translateX(-40px);
    color: #fff;
    mix-blend-mode: screen;
    z-index: 1;
    max-width: 550px !important;
    width: auto !important;
    height: auto !important;
}

.animation-active .plane {
    animation: planeFly 1s ease-in-out forwards;
    animation-delay: 0.5s;
}

.animation-active .cloud {
    animation: cloudDrift 0.5s ease-in-out forwards;
    animation-delay: 0.5s;
}

.animation-active .phone {
    animation: phoneRise 1s ease-out forwards;
}

/* Partner Section */
.kontact-partner {
    padding: 381px 0;
    min-height: 1387px;
}

.kontact-partner .row {
    align-items: center;
}

.kontact-partner .col-md-4 {
    width: 527px;
}

.kontact-partner .col-md-8 {
    width: calc(100% - 527px);
    padding-left: 165px;
}

.partner-img-wrap {
    display: flex;
    position: relative;
    z-index: 1;
    max-width: 503px;
    height: 625px;
    border-radius: 250px;
    overflow: hidden;
}

.partner-img-wrap .partner-mask {
    width: 100%;
    height: 560px;
    position: absolute;
    z-index: 0;
    bottom: 0px;
    border-radius: 250px;
    margin: 0px auto;
    overflow: hidden;
}

.partner-img-wrap .partner-mask video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.partner-img {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 85%;
    margin: 0 auto;
}

.partner-img img {
    height: auto;
}

.partner-content h3 {
    font-size: 40px;
    font-weight: 300;
    line-height: 54px;
    margin-bottom: 30px;
    color: #0C1B2A;
}

.partner-content p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 300;
    color: #0C1B2A;
    margin-bottom: 0;
}

.partner-content .partner-name {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    margin-top: 80px;
    display: block;
    color: #0C1B2A;
}

.partner-content .buttons-group {
    margin-top: 32px;
    gap: 16px 30px;
}

.wap-icon:before {
    content: '';
    background-image: url(./assets/images/wap-icon.svg);
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    transition: 0.5s all;
}

.secondry-btn.wap-icon:not(.dark):before,
.primary-btn.wap-icon.dark:before {
    filter: brightness(0) invert(1);
}

.secondry-btn.wap-icon:hover:before {
    filter: none;
}

/* CTA Button Box */
.cta-section {
    padding: 247px 0 278px;
    background: #0C1B2A;
    min-height: 1040px;
}

.cta-box {
    position: relative;
}

.cta-box .cta-background-video {
    width: 100%;
    object-fit: cover;
    max-height: 680px;
    border-radius: 30px;
    margin-bottom: -6px;
    transform: scale(1.1);
}

.module-video-active {
    overflow: hidden;
    border-radius: 30px;
}

.cta-box.module-video-active .cta-box-content {
    left: 50% !important;
    transform: translate(-50%, -50%);
    top: 50%;
}

.cta-box.module-video-active .cta-box-content .cta-title {
    display: block;
    margin-bottom: 30px;
}

.cta-box.module-video-active .cta-box-content p {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 75px;
}

.cta-box.module-video-active .cta-box-content a {
    margin-top: 0;
    background: rgb(255 255 255 / 30%);
    font-size: 18px;
    color: #FAFAFA;
    backdrop-filter: blur(4px);
    padding: 0 50px;
    min-height: 75px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-decoration: none;
    position: relative;
    transition: all 0.5s ease !important;
    font-family: 'darkmodedarkmodeoff_regular';
    text-transform: uppercase;
}

.cta-box.module-video-active .cta-box-content a:hover {
    background: rgb(51 68 85 / 80%);
    color: #fff;
}

.cta-box.module-video-active .cta-box-content a:after {
    content: '';
    border: 2px solid #fff;
    width: calc(100% - 14px);
    height: calc(100% - 12px);
    transition: all 0.5s ease;
    position: absolute;
    border-radius: 8px;
}

.cta-box.module-video-active .cta-overlay {
    background: rgb(0 0 0 / 60%);
    border-radius: 30px;
}

.cta-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    background: #0000004a;
}

.cta-box img {
    height: auto;
    width: 100%;
}

.cta-box-content {
    text-align: center;
    position: absolute;
    top: 60%;
    transform: translateY(-60%);
    right: 96px;
}

.cta-box-content span.cta-title {
    font-size: 48px;
    line-height: 64px;
    font-family: 'darkmodedarkmodeoff_regular';
    display: block;
}

.cta-box-content .primary-btn {
    margin-top: 24px;
}

.white-text .cta-box-content span.cta-title {
    color: #FAFAFA;
}

/* Whatsap Section */
.whatsap-section {
    padding: 118px 0 202px;
    background: #0C1B2A;
    overflow: hidden;
    min-height: 1000px;
}

.whatsap-bg {
    position: relative;
}

.whatsap-bg img {
    width: 100%;
    border-radius: 30px;
    height: auto;
    max-height: 680px;
    object-fit: cover;
}

.whatsap-bg:before {
    content: '';
    background: #000000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 30px;
    opacity: 0.6;
}

.whatsap-section .container {
    position: relative;
}

.whatsap-section .wap-content {
    position: absolute;
    top: 50%;
    text-align: center;
    max-width: 968px;
    width: 100%;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
}

.whatsap-section .wap-content span.title {
    font-size: 48px;
    line-height: 64px;
    color: #FAFAFA;
    margin-bottom: 30px;
    display: block;
    font-family: 'darkmodedarkmodeoff_regular';
}

.whatsap-section .wap-content p {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 75px;
}

a.primary-bg-btn.wap-icon:before {
    background-image: url(./assets/images/wap-icon-white.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Gallery Section */
.gallery-section,
.gallery-section-inner {
    background: #0C1B2A;
    padding: 135px 0 115px;
}

.gallery-section {
    min-height: 1369px;
}

.gallery-headings {
    max-width: 1015px;
    margin: 0 auto 85px;
    text-align: center;
}

.gallery-headings h3 {
    font-size: 40px;
    font-weight: 300;
    line-height: 54px;
    margin-bottom: 30px;
    color: #fff;
}

.gallery-headings p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
    line-height: 35px;
}

.gallery-section .heading-center h4,
.gallery-section .heading-center p,
.gallery-section-inner .heading-center h4,
.gallery-section-inner .heading-center p {
    color: #fff;
}

.gallery-slider img {
    height: 790px;
    object-fit: cover;
    cursor: pointer;
}

.splide-actions {
    position: relative;
    margin-top: 40px;
}

.splide-actions .splide__arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.splide-actions .splide__arrow {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    transform: none;
    background-color: #041322 !important;
}

.splide-actions .splide__pagination {
    position: relative;
    bottom: 0;
    padding: 0;
    display: flex !important;
    gap: 22px;
}

.splide-actions .splide__pagination button {
    margin: 0;
    width: 14px;
    height: 14px;
    background: #B0BEC5;
    opacity: 1;
}

.splide-actions .splide__pagination button.is-active {
    transform: none;
    background: #2E4A7D;
}

.gallery-section .splide-actions .splide__pagination button,
.gallery-section-inner .splide-actions .splide__pagination button {
    background: #27333E;
}

.gallery-section .splide-actions .splide__pagination button.is-active,
.gallery-section-inner .splide-actions .splide__pagination button.is-active {
    background: #fff;
}

/* Current Offers */
.current-offers {
    padding: 155px 0 5px;
}

.page-template-aktuelle-angebote .advantages-slider-section {
    padding-bottom: 200px;
    min-height: auto;
}

.page-template-aktuelle-angebote .offer-section {
    background: transparent;
}

/* advantages section */
.advantages-section .icon-box {
    padding: 0 25px;
}

/* Offer section */
.offer-section.no-bg {
    background: transparent;
    padding-top: 300px;
    padding-bottom: 277px;
}

/* CTA Left */
.cta-section.left-text .cta-box-content {
    left: 96px;
    right: auto;
}

/* Aktuelle Details */
.flight-offers {
    padding-top: 83px;
    padding-bottom: 112px;
}

.main-heading h1 {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 15px;
    font-family: darkmodedarkmodeoff_regular;
    color: #0C1B2A;
}

.main-heading h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 55px;
    color: #0C1B2A;
}

.flight-offers .heading-center {
    max-width: 1150px;
}

.flight-offers .heading-center p {
    max-width: 1007px;
    margin: 0 auto;
}

.flight-offer-detail {
    background: #0C1B2A;
    padding: 115px 0;
}

.flight-offer-detail .row {
    align-items: center;
}

.flight-offer-detail .flight-offer-content {
    padding-left: 70px;
}

.detail-box {
    background: #FAFAFA;
    border-radius: 30px;
    padding: 46px 57px;
    max-width: 670px;
}

.detail-box .details {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px;
    border-bottom: 1px solid #B0BEC5;
    padding-bottom: 25px;
    margin-bottom: 42px;
}

.detail-box .details span {
    font-size: 20px;
    color: #B0BEC5;
    display: flex;
    align-items: center;
    width: auto;
    gap: 11px;
}

.detail-box .details span.seats img {
    width: 15px;
    height: auto;
}

.detail-box .details span.flight-date::before {
    content: '';
    position: relative;
    display: inline-flex;
    width: 22px;
    height: 22px;
    background: url(./assets/images/calendar-grey.svg) no-repeat;
    background-size: contain;
}

.detail-box .details span.flight-time::before {
    content: '';
    position: relative;
    display: inline-flex;
    width: 22px;
    height: 22px;
    background: url(./assets/images/clock-grey.svg) no-repeat;
    background-size: contain;
}

.detail-box .details-box-inner {
    padding: 0 40px;
}

.detail-box .details-box-inner span:first-child {
    font-size: 28px;
    color: #B0BEC5;
}

.detail-box .details-box-inner span {
    display: flex !important;
    align-items: center;
    gap: 14px;
}

.detail-box .details-box-inner span img {
    width: 30px;
    height: 18px;
    object-fit: cover;
    border-radius: 5px;
}

.detail-box .details-box-inner span:last-child {
    font-size: 28px;
    color: #0C1B2A;
    text-transform: uppercase;
    font-family: darkmodedarkmodeoff_regular;
}

.detail-box .details-box-inner .flight-icon {
    padding: 71px 0;
}

.detail-box .details-box-inner .flight-to {
    border-bottom: 1px solid #B0BEC5;
    margin-bottom: 45px;
    padding-bottom: 48px;
}

.flight-offer-content h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
    color: #fafafa;
}

.flight-offer-content p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 60px;
    color: #fafafa;
}

.single-fluege .flight-offers {
    padding-bottom: 0;
}

/* About County Slider */
.about-county {
    padding: 200px 0 220px;
    background: #FAFAFA;
}

.about-county .row {
    align-items: center;
}

.about-county .about-content {
    padding-right: 90px;
}

.about-content .title {
    font-size: 30px;
    line-height: 40px;
    color: #0C1B2A;
    margin-bottom: 30px;
    display: block;
}

.about-content p {
    color: #0C1B2A;
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
}

.about-aviation-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-county .about-img {
    border-radius: 30px;
    overflow: hidden;
}

.about-county .about-img img {
    border-radius: 30px;
}

.about-county .splide-actions .splide__arrows {
    max-width: 50%;
    margin-left: auto;
}

.about-county .splide-actions .splide__arrows .splide__arrow,
.events-detail-images .splide-actions .splide__arrows .splide__arrow {
    background-color: #F7F7F7 !important;
}

/* Our Team  */
.our-team-section {
    background-color: #0C1B2A;
    padding: 162px 0 240px;
    position: relative;
    overflow: hidden;
}

.our-team-section:before {
    content: '';
    background-image: url(./assets/images/map-gray.svg);
    position: fixed;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top 120px center;
    background-size: cover;
    top: 0;
    left: 0;
    opacity: 0.05;
}

.our-team-section .container {
    position: relative;
}

.our-team-section+.imageContent-section {
    background: #fff;
}

.heading-center.white-text h3 {
    color: #fafafa;
}

.heading-center.white-text p {
    color: #fafafa;
}

.our-team-section .heading-center {
    padding-bottom: 166px;
}

.our-teams .row {
    row-gap: 170px;
}

.our-teams .team-box {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.our-teams .team-box img,
.our-teams .team-box .partner-img-group {
    height: 100% !important;
    max-width: 417px !important;
    position: relative;
}

.team-image {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}

.partner-img-group {
    border-radius: 250px;
    position: relative;
    overflow: hidden;
    max-height: 563px;
    width: 100%;
    text-align: center;
}

.team-image .partner-mask {
    border-radius: 250px;
    width: 417px;
    height: 485px;
    margin: 0 auto;
    position: absolute;
    z-index: 0;
    bottom: 0;
    overflow: hidden;
}

.team-image .partner-mask video,
.team-image .partner-mask img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}

.team-box .partner-img-group img {
    position: relative;
    z-index: 1;
}

.team-box .team-image::before {
    content: '' !important;
    position: absolute !important;
    top: 45%;
    left: 50%;
    width: 100%;
    height: 435px;
    transform: translate(-50%, -50%);
    background: transparent url(./assets/images/cloud_1.webp) center no-repeat;
    mix-blend-mode: exclusion !important;
    transition: opacity 1.5s ease;
    opacity: 0;
    background-size: contain;
}

.team-box .team-image:hover::before {
    opacity: 1;
}

.team-detail .name {
    font-size: 40px;
    display: block;
    color: #fafafa;
    line-height: 54px;
    margin-bottom: 4px;
}

.team-detail .job {
    font-size: 20px;
    color: #fafafa;
    display: block;
    margin-bottom: 30px;
}

.team-detail a {
    display: inline-block;
    font-size: 20px;
    color: #fafafa;
    text-decoration: none;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding-bottom: 2px;
}

.team-detail a:hover {
    color: #fff;
}

.team-detail a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 45px;
    height: 1px;
    width: 0;
    background: #fff;
    transition: all .5s ease;
}

.team-detail a:hover::after {
    width: 100%;
}

.team-detail {
    text-align: center;
    padding-top: 39px;
    min-height: 263px;
}

.team-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-detail a.email:before {
    content: '';
    background-image: url(./assets/images/email-icon.svg);
    display: inline-block;
    width: 29px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 15px -5px 0;
}

.team-detail a.cp_whatsapp:before {
    content: '';
    background-image: url(./assets/images/wap-icon-white.svg);
    display: inline-block;
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 15px -7px 0;
}

.team-detail a.cp_phone:before {
    content: '';
    background-image: url(./assets/images/phone-bold-icon.svg);
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 15px -5px 0;
}

/* Das Flugzeug Page */
.planTabs-slider {
    padding: 0 100px;
}

.planTabs-slider .nav-tabs {
    flex-wrap: nowrap;
    border: none;
    padding-top: 35px !important;
}

.planTabs-slider .nav-tabs button {
    font-weight: 300;
    font-size: 20px;
    border: none;
    padding: 0;
    color: #0C1B2A;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    transition: all 0.5s ease-in-out;
    padding-bottom: 35px;
}

.planTabs-slider .nav-tabs button::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 16px;
    border-radius: 50px 50px 0 0;
    background: #B0BEC5;
    transition: all 0.3s ease-in-out;
}

.planTabs-slider .nav-tabs button.active {
    font-family: 'darkmodedarkmodeoff_regular';
}

.planTabs-slider .nav-tabs button:hover::after,
.planTabs-slider .nav-tabs button.active::after {
    background: #0C1B2A;
}

.gallery-section-inner.no-data .heading-center {
    display: none;
}

.no-data .no-gallery-data {
    font-size: 20px;
    color: #FAFAFA;
    line-height: 35px;
    font-weight: 300;
    text-align: center;
}

.max-info-section {
    background: #FAFAFA;
    padding: 85px 0;
}

.flight-infos {
    display: flex;
    justify-content: center;
    gap: 25px;
    padding: 0 60px;
}

.max-info-section .flight-infos {
    gap: 0;
}

.flight-infos .splide__track {
    width: 100%;
}

.flight-infos .info-box .title {
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #B0BEC5;
    line-height: initial;
}

.flight-infos .info-box .value {
    font-size: 30px;
    color: #000000;
    line-height: initial;
}

.imageContent-section {
    padding: 215px 0 275px;
}

.imageContent-box+.imageContent-box {
    margin-top: 170px;
}

.imageContent-box {
    display: flex;
    align-items: center;
    gap: 184px;
    justify-content: space-between;
}

.imageContent-box.img-right .image-box {
    order: 2;
}

.imageContent-box .image-box {
    max-width: calc(50% - 45px);
    min-width: calc(50% - 45px);
    border-radius: 30px;
    overflow: hidden;
}

.imageContent-box .image-box img {
    min-height: 600px;
    max-height: 600px;
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    object-fit: cover;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.3s;
}

.imageContent-box .content-box ul {
    padding-left: 22px;
    margin: 0;
}

.imageContent-box .content-box ul li+li {
    margin-top: 8px;
}

.imageContent-box a {
    text-decoration: none;
    display: flex;
}

.imageContent-box .content-box h3 {
    font-size: 40px;
    font-weight: 300;
    line-height: 54px;
    margin-bottom: 24px;
    color: #0C1B2A;
}

.imageContent-box .content-box p,
.imageContent-box .content-box li {
    font-size: 20px;
    line-height: 35px;
    font-weight: 300;
    color: #0C1B2A;
    margin-bottom: 0;
}

.imageContent-box .content-box p+p {
    margin-top: 25px;
}

.imageContent-box .content-box h3:has(~ .sub-title) {
    margin-bottom: 10px;
}

.imageContent-box .content-box .sub-title {
    font-size: 30px;
    font-weight: 300;
    line-height: initial;
    color: #0C1B2A;
    display: block;
    margin-bottom: 40px;
}

.imageContent-box .content-box .buttons-group {
    padding-top: 75px;
}

/* Über Uns Page */
.uberUns-head-section {
    padding: 206px 0;
}

.uberUns-head-section .heading-center {
    padding-bottom: 00;
}

.uberUns-head-section+.imageContent-section {
    padding: 0 0 253px;
}

.imageContent-section.dark-section {
    background: #0C1B2A;
    padding: 260px 0;
}

.imageContent-section.dark-section .content-box h3,
.imageContent-section.dark-section .content-box p,
.imageContent-section.dark-section .content-box li {
    color: #fff;
}

.imageContent-section+.landing-option-section {
    padding-top: 0;
}

.uber-video-section {
    padding: 154px 0 60px;
}

body:not(.home) .landing-option-section {
    min-height: auto;
}

.video-heading {
    max-width: 925px;
    margin-bottom: 105px;
}

.video-heading h4 {
    font-size: 40px;
    font-weight: 300;
    line-height: 54px;
    margin-bottom: 24px;
    color: #0C1B2A;
}

.video-heading p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 0px;
    color: #0C1B2A;
}

.video-box {
    border-radius: 30px;
    display: flex;
    position: relative;
}

.video-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 30px;
    opacity: 0.3;
    transition: all 0.5s ease-in-out;
}

.video-box.hidden::before {
    opacity: 0;
    visibility: hidden;
}

.video-box #playButton {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 158px;
    height: 158px;
    background: transparent url(./assets/images/play-circle.svg) center no-repeat;
    background-size: 85%;
    backdrop-filter: blur(39px);
    border-radius: 50%;
    border: none;
    font-size: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.video-box.hidden #playButton {
    opacity: 0;
    visibility: hidden;
}

.video-box img {
    object-fit: cover;
    background-color: #000;
}

.video-box img,
.video-box iframe,
.video-box video {
    max-height: 1155px;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.tab-content>.tab-pane,
.fade:not(.show) {
    opacity: 1 !important;
}

/* Basic Flight Page */
.basic-flight-section {
    padding: 155px 0 75px;
}

.basic-flight-section .heading-center {
    padding-bottom: 148px;
}

.basic-flights .flight-box {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    transition: all 0.75s ease;
    overflow: hidden;
    border-radius: 30px;
}

.basic-flights .flight-box+.flight-box {
    margin-top: 85px;
    opacity: 1;
}

.basic-flights .flight-box.content-loaded {
    opacity: 1 !important;
}

.flight-box .basic-flight-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.75s ease;
    max-width: 100% !important;
}

.flight-box .basic-flight-content {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 75px 60px;
    align-items: stretch;
}

.flight-box .basic-flight-content .basic-info-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: all 0.5s ease;
    border-radius: 30px;
}

.flight-box:hover .basic-flight-content .basic-info-link {
    background: rgba(0, 0, 0, 0.3);
}

.flight-box:hover .basic-flight-img img {
    transform: scale(1.05);
}

.flight-content-left .flignt-info-box {
    display: flex;
    flex-direction: column;
}

.flignt-info-box .flight-details {
    -webkit-mask-image: url(./assets/images/jha_bsc-flght_big.svg);
    mask-image: url(./assets/images/jha_bsc-flght_big.svg);
    background: #FAFAFA;
    border-radius: 20px 20px 0 0;
    padding: 55px 65px;
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom center;
    width: 473px;
}

.flight-details .details {
    color: #B0BEC5;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 35px;
}

.flight-details .details>span {
    display: flex;
    align-items: center;
    gap: 11px;
}

.flight-details .details>span img {
    min-width: 14px;
    height: auto;
}

.flight-details .details-box-inner span:first-child {
    color: #B0BEC5;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 20px;
    margin-bottom: 2px;
    line-height: initial;
}

.flight-details .details-box-inner span:first-child img {
    border-radius: 5px;
    height: 18px;
    object-fit: cover;
    width: 30px;
}

.flight-details .details-box-inner span:last-child {
    font-size: 20px;
    color: #0C1B2A;
    display: block;
    font-family: 'darkmodedarkmodeoff_regular';
    line-height: initial;
}

.flight-details .details-box-inner .flight-icon {
    margin: 21px 0;
}

.flight-details .details-box-inner .flight-price {
    margin-top: 38px;
}

.flignt-info-box .flight-info-btn {
    -webkit-mask-image: url(./assets/images/jha_bsc-flght_sml.svg);
    mask-image: url(./assets/images/jha_bsc-flght_sml.svg);
    background: #0C1B2A;
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: top center;
    width: 100%;
    text-align: center;
    padding: 44px 20px;
    color: #FAFAFA;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0 0 20px 20px;
    transition: all 0.5s ease-in-out;
}

.flignt-info-box .flight-info-btn:hover {
    background: #334455;
}

.basic-flight-content .flight-content-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.basic-flight-content .flight-content-right .buttons-group {
    position: relative;
}

.flight-content-right .flight-info-icon {
    position: relative;
}

.max-info-section .flight-infos .info-boxs {
    align-items: flex-end;
}

.load-more-flights {
    margin-top: 65px;
    text-align: center;
}

.load-more-flights .load-more {
    font-size: 30px;
    text-decoration: none;
    color: #000000;
    transition: all 0.3s ease;
    cursor: pointer;
}

.load-more-flights .load-more span {
    transition: all 0.3s ease;
    display: inline-block;
}

.load-more-flights .load-more.loading span {
    animation: spin 1s infinite;
}

.load-more-flights .load-more:hover span {
    transform: rotate(90deg);
}

/* Event Detail Page */
.events-detail-heading {
    padding-top: 150px;
}

.imageContent-section.events-details {
    padding: 180px 0 100px;
}

.events-details .imageContent-box .content-box h3 {
    font-size: 34px;
    line-height: 44px;
}

.events-details .load-event {
    text-align: center;
    margin-top: 108px;
}

.imageContent-box:has(.splide) .content-box {
    margin-bottom: 106px;
}

.page-template-events .kontact-partner {
    padding: 300px 0;
}

/* FLugkarte Page Design */
.google-map {
    position: relative;
}

.flight-form-section {
    display: flex;
    align-items: flex-start;
    padding: 85px 110px 85px 75px;
    position: relative;
    justify-content: space-between;
    overflow: hidden;
}

.flight-form-section .form-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 75%);
    transition: all 0.5s ease-in-out;
    z-index: 2;
}

.flight-form-section:has(.form-hide) .form-overlay {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0.3s;
}

.google-map .acf-map {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 2;
}

.flight-form-container {
    max-width: 653px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.5s ease;
    position: relative;
    z-index: 2;
}

.flight-form-container.form-hide {
    transform: translateX(calc(-100% + 50px)) !important;
    z-index: 2;
}

.flight-form-container .flight-box-btn {
    width: 66px;
    height: 66px;
    border-radius: 50px;
    background: #fff url(./assets/images/arrow-circle-left-dark.svg) center no-repeat;
    background-size: 50px;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease;
}

.flight-form-container.form-hide .flight-box-btn {
    transform: rotate(180deg) !important;
}

.flight-form-section .flight-form {
    max-width: 572px;
    border-radius: 16px;
    position: relative;
    z-index: 2;
}

.flight-form-title {
    display: flex;
    background: #fff;
    width: 100%;
    padding: 15px 45px 0;
    border-radius: 16px 16px 0 0;
    -webkit-mask-image: url(./assets/images/jha_map_top.svg);
    mask-image: url(./assets/images/jha_map_top.svg);
    mask-repeat: no-repeat;
    mask-size: 100%;
    mask-position: top center;
}

.flight-form-section .flight-form h1 {
    font-size: 48px;
    line-height: 64px;
    font-family: 'darkmodedarkmodeoff_regular';
    text-align: center;
    color: #0C1B2A;
    padding-bottom: 16px;
    margin-bottom: 55px;
    width: 100%;
    position: relative;
}

.flight-form-section .flight-form h1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 100%;
    background: url(./assets/images/dashed-line.svg) top left repeat-x;
}

.flight-form-section .flight-form .wpcf7 {
    padding: 15px 65px 65px;
    background: #fff;
    border-radius: 0 0 16px 16px;
}

.flight-form .input-group {
    margin-bottom: 35px;
}

.flight-form .input-group label {
    font-size: 20px;
    line-height: 27px;
    color: #B0BEC5;
    margin-bottom: 8px;
    display: flex;
    gap: 5px;
    width: 100%;
}

.flight-form .input-group .date-time input {
    cursor: pointer;
}

.flight-form .input-group .date-time .date-picker {
    padding-left: 58px;
    background: #F0F0F0 url(./assets/images/calendar-grey.svg) no-repeat;
    background-position: center left 20px;
    background-size: 20px;
}

.flight-form .input-group .date-time .time-picker {
    padding-left: 58px;
    background: #F0F0F0 url(./assets/images/clock-grey.svg) no-repeat;
    background-position: center left 20px;
    background-size: 20px;
}

.flight-form .input-group .wpcf7-form-control-wrap {
    width: 100%;
}

.flight-form .input-group .input-qty .wpcf7-form-control-wrap {
    width: calc(100% - 170px);
}

.flight-form .input-group .input-qty .wpcf7-form-control-wrap input {
    text-align: center;
}

.flight-form .input-group .select2-selection--single,
.flight-form .input-group select,
.flight-form .input-group input,
.flight-form .input-group .nice-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 20px;
    background: #F0F0F0;
    border: none;
    border-radius: 10px !important;
    outline: none;
    height: 80px;
    color: #0C1B2A;
    width: 100%;
    padding: 20px 25px;
    display: flex;
    align-items: center;
}

.flight-form .input-group .select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-size: 20px;
    color: #0C1B2A;
    line-height: 40px;
    order: 2;
    margin-right: 20px;
}

.flight-form .input-group .select2-selection--single .select2-selection__clear {
    height: 40px;
    order: 1;
    margin-left: 0;
    color: #0c1b2a;
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 10px;
}

.flight-form .input-group .select2-selection--single .select2-selection__clear span {
    margin-top: -3px;
    display: inline-block;
}

.flight-form .input-group .nice-select::after,
.flight-form .input-group .select2-selection--single .select2-selection__arrow {
    top: 51%;
    transform: translateY(-50%);
    font-size: 0;
    background-image: url(./assets/images/angle-down.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 10px;
    filter: brightness(0) invert(0);
    right: 20px;
    margin: 0;
    order: 3;
    border: none;
}

.flight-form .input-group .select2-selection--single .select2-selection__arrow b {
    opacity: 0;
}

.flight-form span.flight-icon {
    width: 26px;
    height: 26px;
    display: inline-flex;
    margin: -5px 0 20px;
    background: url(./assets/images/flight-icon-dark.svg) center no-repeat;
    background-size: contain;
}

.flight-form .input-group .number-input {
    width: 100%;
}

.flight-form .input-group .input-qty {
    display: flex;
    width: 100%;
    background: #F0F0F0;
    border-radius: 10px !important;
}

.flight-form .input-group .input-qty button {
    border: none;
    background: transparent;
    width: 85px;
    position: relative;
    font-size: 0;
    outline: none;
}

.flight-form .input-group .input-qty button::before {
    content: '';
    width: 28px;
    height: 2px;
    position: absolute;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flight-form .input-group .input-qty button.increment::after {
    content: '';
    height: 28px;
    width: 2px;
    position: absolute;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.flight-form .input-group .date-time {
    display: flex;
    gap: 20px;
}

.flight-form .btn-group {
    margin-bottom: 54px;
    gap: 20px;
    align-items: center;
    width: 100%;
}

.flight-form .btn-group button {
    font-size: 18px;
    color: #0B1B2A;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    padding: 0 36px;
    border: 2px solid #0B1B2A;
    border-radius: 8px !important;
    transition: 0.5s all;
    font-family: 'darkmodedarkmodeoff_regular';
    background: transparent;
}

.flight-form .btn-group button:hover {
    background: #334455;
    color: #fafafa;
    border-color: #334455;
}

.flight-form-section .flight-form .uacf7_repeater_controls {
    text-align: center;
    margin-bottom: 45px;
}

.flight-form-section .flight-form button.uacf7_repeater_add {
    background: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #0C1B2A;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 auto;
}

.flight-form-section .flight-form button.uacf7_repeater_add::after {
    content: "+";
    position: relative;
    display: inline-block;
    font-size: 26px;
    line-height: 1;
}

.flight-form-section .flight-form input[value="2"]+.uacf7_repeater_button_wraper button.uacf7_repeater_add {
    display: none;
}

.flight-form .submit-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flight-form .submit-btn input.wpcf7-form-control {
    font-size: 18px;
    color: #0B1B2A;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    padding: 0 50px;
    border: 2px solid #0B1B2A;
    border-radius: 8px !important;
    transition: 0.5s all;
    font-family: 'darkmodedarkmodeoff_regular';
    background: transparent;
}

.flight-form .submit-btn input.wpcf7-form-control:hover {
    background: #334455;
    color: #fafafa;
    border-color: #334455;
}

.flight-form .submit-btn span.wpcf7-spinner {
    position: absolute;
    opacity: 0;
}

.flight-form-section .flight-form .uacf7-buttons {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flight-form-section .flight-form .uacf7-buttons button {
    color: #fff;
    background: #0C1B2A;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    padding: 0 50px;
    font-size: 20px;
    text-transform: uppercase;
    transition: 0.5s all;
    cursor: pointer;
    font-family: 'darkmodedarkmodeoff_regular';
    margin: 15px 0 0 0 !important;
    border: none;
}

.flight-form-section .flight-form .uacf7-buttons button:hover {
    background: #345;
}

.flight-form-section .flight-form .uacf7-buttons .wpcf7-spinner {
    margin: 15px -34px 0 10px;
}

.flight-form-section .flight-form .uacf7_repeater_sub_field:first-child button.uacf7_repeater_remove {
    display: none !important;
}

.flight-form-section .flight-form .uacf7_repeater_sub_field+.uacf7_repeater_sub_field {
    margin-top: 145px;
    position: relative;
}

.flight-form-section .flight-form .uacf7_repeater_sub_field+.uacf7_repeater_sub_field::before {
    content: 'Ihr Rückflug';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -65px;
    font-size: 20px;
    color: #B0BEC5;
    background: #fff;
    padding: 0 13px;
    z-index: 1;
}

.flight-form-section .flight-form .uacf7_repeater_sub_field+.uacf7_repeater_sub_field::after {
    content: '';
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    height: 1px;
    background: #B0BEC5;
}

.flight-form-section .flight-form button.uacf7_repeater_remove {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0;
    width: 20px;
    height: 20px;
    display: flex !important;
    background: url(./assets/images/delete.svg) center no-repeat;
    background-size: 18px;
    float: none;
    margin-left: auto;
}

.flight-form-section .flight-info {
    position: relative;
    display: flex;
}

.flight-info .info-icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    background: rgb(255 255 255 / 20%) url(./assets/images/information-yellow-filled-new.svg) center no-repeat;
    background-size: 30px;
    cursor: pointer;
}

.flight-nfo-popup {
    position: absolute;
    max-width: 572px;
    min-width: 572px;
    right: -3px;
    top: -3px;
    background: #fff;
    border-radius: 30px;
    z-index: 2;
    padding: 30px 50px 50px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.flight-nfo-popup.form-popup-show {
    opacity: 1;
    visibility: visible;
}

.flight-nfo-popup .flight-info-close {
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 15px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: url(./assets/images/info-close.svg) center no-repeat;
    background-size: 30px;
    cursor: pointer;
}

.flight-nfo-popup .title {
    font-size: 20px;
    font-family: 'darkmodedarkmodeoff_regular';
    color: #0C1B2A;
    margin-bottom: 45px;
    display: flex;
    gap: 30px;
    align-items: center;
    position: relative;
}

.flight-nfo-popup .title::before {
    content: '';
    position: relative;
    display: flex;
    width: 35px;
    height: 35px;
    background: url(./assets/images/information-filled.svg) center no-repeat;
    background-size: contain;
}

.flight-nfo-popup .aircraft-pin {
    display: flex;
    align-items: center;
    margin-top: 35px;
    position: relative;
    gap: 27px;
    font-size: 20px;
    font-family: 'darkmodedarkmodeoff_regular';
    color: #000000;
}

.flight-nfo-popup .aircraft-pin::before {
    content: '';
    position: relative;
    display: flex;
    width: 30px;
    height: 42px;
    background: url(./assets/images/map-pin-black.svg) center no-repeat;
    background-size: contain;
}

.flight-nfo-popup .info-contentet {
    font-size: 20px;
    margin-bottom: 52px;
    line-height: 40px;
}

.flight-nfo-popup .aircraft-pin.yell-pin::before {
    background: url(./assets/images/map-pin-yellow.svg) center no-repeat;
    background-size: contain;
}

.select2-container .select2-dropdown {
    border: none;
    background: #F0F0F0;
    border-radius: 10px;
    padding: 0 20px 20px;
    top: -25px;
    box-shadow: 0px 20px 20px 0px #00000021;
}

.flight-form .input-group .nice-select .nice-select-dropdown {
    border: none;
    background: #F0F0F0;
    padding: 0 20px 20px;
    box-shadow: 0px 20px 20px 0px #00000021;
    width: 100%;
    margin-top: -5px;
    border-radius: 0 0 10px 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #1B3046 !important;
    border-radius: 5px;
}

.flight-form .input-group .nice-select .nice-select-dropdown .list {
    margin: 0;
}

.flight-form .input-group .nice-select .nice-select-dropdown .option {
    padding: 0 10px;
}

.flight-form .input-group .nice-select .nice-select-dropdown .option:hover,
.flight-form .input-group .nice-select .nice-select-dropdown .option.selected {
    background-color: #1B3046 !important;
    border-radius: 5px;
    color: #fff;
}

.select2-container .select2-dropdown .select2-results__option {
    padding: 6px 12px;
}

.select2-container .select2-dropdown .select2-results__option a {
    color: #212529;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
    height: 40px;
    border-radius: 5px;
}

.google-map .acf-map .gm-style-iw {
    padding: 0 50px 60px !important;
    max-height: 275px !important;
    width: 85% !important;
    box-shadow: none;
    border-radius: 30px;
    z-index: 1111;
}

.google-map .acf-map .gm-style-iw .gm-style-iw-ch {
    padding: 50px 0 0;
}

.google-map .acf-map .gm-style-iw button.gm-ui-hover-effect {
    opacity: 1;
    position: absolute !important;
    right: 8px;
    top: 5px;
}

.google-map .acf-map .gm-style-iw .gm-style-iw-d {
    padding: 0 !important;
    max-height: max-content !important;
    overflow: visible !important;
}

.google-map .acf-map .gm-style-iw .gm-style-iw-d h4 {
    font-size: 20px;
    color: #0C1B2A;
    font-family: 'darkmodedarkmodeoff_regular';
    margin-bottom: 13px;
}

.google-map .acf-map .gm-style-iw .gm-style-iw-d h4+br {
    display: none;
}

.google-map .acf-map .gm-style-iw .gm-style-iw-d p {
    font-size: 16px;
    color: #B0BEC5;
    line-height: 22px;
    margin-bottom: 30px;
    font-family: darkmodedarkmodeoff_light;
}

.google-map .acf-map .gm-style-iw .gm-style-iw-d button {
    font-size: 12px;
    color: #0B1B2A;
    font-family: 'darkmodedarkmodeoff_regular';
    border: 2px solid #0B1B2A;
    background: transparent;
    border-radius: 8px;
    padding: 0 25px;
    display: inline-grid;
    place-content: center;
    height: 44px;
    transition: all 0.5s ease;
    margin-right: 15px;
}

.google-map .acf-map .gm-style-iw .gm-style-iw-d button:hover {
    background: #334455;
    color: #fafafa;
    border-color: #334455;
}

/* Anfrage Page Design */
.kontact-form {
    padding: 145px 0 115px;
    position: relative;
    background: #0C1B2A;
    z-index: 0;
}

.kontact-form::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(./assets/images/map.svg) center no-repeat;
    background-size: cover;
    padding: 145px 0 115px;
    z-index: -1;
    opacity: 0.03;
    filter: contrast(0.03);
}

.kontact-form .small-container .contactform {
    max-width: 1175px;
    margin: 0 auto 235px;
}

.kontact-form .heading-center {
    padding-bottom: 65px;
}

.kontact-form .small-container>.heading-center.no-display {
    display: none;
}

.kontact-form .heading-center h1 {
    color: #FAFAFA;
    margin-bottom: 30px;
}

.kontact-form .heading-center h2 {
    font-size: 30px;
    line-height: 40px;
    color: #FAFAFA;
}

.contactform .steps-form {
    max-width: 1055px;
    padding: 0 25px;
    margin: 0 auto 80px;
}

.contactform .steps-form .steps-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
}

.contactform .steps-form .steps-row::before {
    content: none;
}

.contactform .steps-form .steps-row .steps-step {
    width: 66px;
    height: 66px;
    max-width: 66px;
    display: grid !important;
    place-content: center;
    background: #041423;
    border-radius: 50%;
    border: none !important;
    margin: 0 !important;
    flex: auto !important;
}

.contactform .steps-form .steps-row .steps-step .btn-circle {
    width: 50px;
    height: 50px;
    background: transparent !important;
    border: 3px solid #B0BEC5;
    font-size: 26px;
    color: #B0BEC5 !important;
    display: grid !important;
    place-content: center;
    transition: all 0.5s ease;
    padding: 10px;
    pointer-events: none;
    font-family: 'darkmodedarkmodeoff_regular';
}

.kontact-form .contactform .steps-form .steps-row .steps-step.step-complete .btn-circle {
    background: #FAFAFA !important;
    color: #0C1B2A !important;
    border-color: #FAFAFA;
}

.contactform .steps-form .steps-row .steps-step::before {
    content: '';
    position: absolute;
    width: 370px;
    height: 1px;
    background: url(./assets/images/dashed-line-light.svg) center no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 18px);
}


.contactform .steps-form .steps-row .steps-step.step-complete.prev-step-available::after,
.contactform .steps-form .steps-row .steps-step::after,
.contactform .steps-form .steps-row .steps-step:last-child::before,
.contactform .steps-form .steps-row .steps-step:last-child::after,
.contactform .steps-form .steps-row .steps-step.step-complete:last-child::after {
    content: none;
}

.contactform .steps-form .steps-row .steps-step.step-complete::after {
    content: '';
    position: absolute;
    width: 27px;
    height: 25px;
    background: url(./assets/images/white-plane-icon.svg) center no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    right: -200px;
    transition: all 0.5s ease;
}

body .contactform .steps-form .steps-row .steps-step.prev-step-available .btn-circle {
    background: #B0BEC5 !important;
    color: #0C1B2A !important;
    border-color: #B0BEC5;
}

.contactform .steps-form .steps-row .steps-step .steps-info {
    position: absolute;
    bottom: -43px;
    left: 50%;
    transform: translateX(-50%);
}

.contactform .steps-form .steps-row .steps-step .steps-info p {
    margin: 0;
    color: #FAFAFA;
    font-size: 20px;
    white-space: nowrap;
    text-align: center;
}

.contactform .step-content .uacf7_repeater_sub_field {
    display: flex;
    gap: 16px;
    align-items: stretch;
}

.contactform .step-content .input-group-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 50px 15px;
}

.contactform .step-content .input-group .wpcf7-form-control-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contactform .step-content.step-start>.input-group:first-child .wpcf7-form-control-wrap {
    width: 25%;
    margin-bottom: 50px;
}

.contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(1),
.contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(2) {
    width: calc(50% - 7.5px);
}

.contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(3),
.contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(4) {
    width: calc(38% - 10px);
}

.contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(5) {
    width: calc(24% - 10px);
}

.wpcf7-not-valid-tip {
    margin-top: 5px;
}

.contactform .step-content .input-group input,
.contactform .step-content .input-group .nice-select {
    font-size: 18px;
    color: #fafafa;
    background: transparent;
    border: none;
    border-bottom: 2px solid #fafafa !important;
    padding: 7px 10px;
    width: 100%;
    height: 40px;
    outline: none;
    border-radius: 0;
    display: flex;
    align-items: center;
}

.contactform .step-content .input-group .wpcf7-form-control-wrap select {
    position: absolute;
}

.contactform .step-content .input-group .nice-select .nice-select-dropdown {
    background: #1b3046;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
}

.contactform .step-content .input-group .nice-select .nice-select-dropdown ul.list {
    margin: 0;
}

.contactform .step-content .input-group .nice-select::after {
    border: none;
    background-image: url(./assets/images/angle-down.svg);
    width: 16px;
    height: 9px;
    display: inline-block;
    transform: rotate(0deg);
}

.contactform .step-content .input-group .nice-select.open::after {
    margin-top: -7px;
    transform: rotate(-180deg);
}

.nice-select .nice-select-dropdown ul.list .option.selected,
.nice-select .nice-select-dropdown ul.list .option:hover {
    background: #0c1b2a;
}

.contactform .step-content .input-group textarea {
    font-size: 18px;
    color: #fafafa;
    background: transparent;
    border: none;
    border-bottom: 2px solid #fafafa !important;
    padding: 7px 10px;
    width: 100%;
    outline: none;
    border-radius: 0;
}

.contactform .step-content .input-group input::placeholder,
.contactform .step-content .input-group textarea::placeholder {
    color: #fafafa;
}

.contactform .step-content .input-group .number-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    width: 100%;
    padding-left: 10px;
    border-bottom: 2px solid #fafafa;
}

.contactform .step-content .input-group .number-input .wpcf7-form-control-wrap {
    width: calc(100% - 90px);
}

/* .contactform .step-content .input-group .datum__1,
.contactform .step-content .input-group .uhrzeit__1 {
    border-bottom: 2px solid #fafafa;
    height: 40px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.contactform .step-content .input-group .datum__1 input,
.contactform .step-content .input-group .uhrzeit__1 input {
    border: none !important;
    height: auto;
} */

.contactform .step-content .input-group .datum__1 input,
.contactform .step-content .input-group .datum__2 input {
    padding-left: 40px;
    background: url(./assets/images/calendar-fill.svg) no-repeat;
    background-size: 18px;
    background-position: left 10px center;
    cursor: pointer;
}

.contactform .step-content .input-group .uhrzeit__1 input,
.contactform .step-content .input-group .uhrzeit__2 input {
    padding-left: 40px;
    background: url(./assets/images/clock-fill.svg) no-repeat;
    background-size: 18px;
    background-position: left 10px center;
    cursor: pointer;
}

.contactform .step-content .input-group .number-input::before {
    content: '';
    position: relative;
    display: inline-flex;
    width: 23px;
    height: 17px;
    margin-right: 5px;
    background: url(./assets/images/people-fill.svg) center no-repeat;
    background-size: contain;
}

.contactform .step-content .input-group .number-input input {
    border: none !important;
    text-align: center;
    height: auto;
    padding: 5px;
}

.contactform .step-content .input-group .number-input button {
    border: none;
    background: transparent;
    width: 45px;
    position: relative;
    font-size: 16px;
    color: transparent;
    outline: none;
    height: 100%;
}

.contactform .step-content .input-group .number-input button::before,
.bootstrap-timepicker-widget table td a::before {
    content: '';
    width: 17px;
    height: 2px;
    position: absolute;
    background: #FAFAFA;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contactform .step-content .input-group .number-input button.increment::after,
.bootstrap-timepicker-widget table td a[data-action="incrementHour"]::after,
.bootstrap-timepicker-widget table td a[data-action="incrementMinute"]::after {
    content: '';
    height: 17px;
    width: 2px;
    position: absolute;
    background: #FAFAFA;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bootstrap-timepicker-widget table td a::before,
.bootstrap-timepicker-widget table td a[data-action="incrementHour"]::after,
.bootstrap-timepicker-widget table td a[data-action="incrementMinute"]::after {
    background: #000
}

.contactform .step-content .uacf7_repeater_sub_field button.uacf7_repeater_remove {
    float: none;
    border: 1px solid #fafafa;
    background: transparent;
    font-size: 0;
    width: 75px;
    border-radius: 0 10px 10px 0;
    background: url(./assets/images/delete.svg) center no-repeat;
    background-size: 20px;
    transition: 0.5s all;
}

.contactform .step-content .uacf7_repeater_sub_field button.uacf7_repeater_remove:hover {
    background-color: #334455;
    border-color: #334455;
}

.contactform .step-content .uacf7_repeater_sub_field:first-child button.uacf7_repeater_remove {
    display: none !important;
}

.contactform .step-content .uacf7_repeater_sub_field+.uacf7_repeater_sub_field {
    margin-top: 200px;
    position: relative;
}

.contactform .step-content .uacf7_repeater_sub_field+.uacf7_repeater_sub_field::before {
    content: 'Ihr Rückflug:';
    font-size: 20px;
    color: #FAFAFA;
    display: block;
    position: absolute;
    top: -80px;
}

.datepicker.dropdown-menu,
.bootstrap-timepicker-widget.dropdown-menu {
    padding: 15px !important;
    border-radius: 11px !important;
    background: #1B3046;
    color: #fafafa;
}

.datepicker-dropdown.datepicker-orient-bottom:before,
.bootstrap-timepicker-widget.timepicker-orient-top:before,
.datepicker-dropdown.datepicker-orient-bottom:after,
.bootstrap-timepicker-widget.timepicker-orient-top:after {
    border-bottom-color: #1B3046 !important;
}

.datepicker-dropdown.datepicker-orient-top:before,
.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
.datepicker-dropdown.datepicker-orient-top:after,
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    border-top-color: #1B3046 !important;
}

.datepicker table tr td.day:hover,
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td span:hover {
    color: #fafafa !important;
    background: #0C1B2A !important;
}

.datepicker table tr td span.active.active,
.datepicker table tr td.active.active,
.datepicker table tr td.day.focused,
.datepicker table tr td span.focused {
    color: #0C1B2A !important;
    background: #fafafa !important;
}

.bootstrap-timepicker-widget table td a {
    outline: none;
    padding: 0;
    height: 30px;
    width: 30px !important;
    position: relative;
    display: inline-flex;
    background: #F0F0F0;
    border-radius: 5px;
}

.bootstrap-timepicker-widget table td a[data-action="toggleMeridian"] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.bootstrap-timepicker-widget table td a[data-action="toggleMeridian"]::before {
    content: none;
}

.bootstrap-timepicker-widget table td a[data-action="toggleMeridian"] .glyphicon {
    background: url(./assets/images/angle-down.svg) center no-repeat;
    width: 15px;
    height: 9px;
    background-size: contain;
    display: inline-block;
    filter: invert(1) brightness(0);
    position: relative;
    top: 1px;
}

.bootstrap-timepicker-widget table td a[data-action="toggleMeridian"] .glyphicon.glyphicon-chevron-up {
    transform: rotate(180deg);
    top: 0px;
}

.bootstrap-timepicker-widget table tr:first-child td {
    padding-bottom: 10px;
}

.bootstrap-timepicker-widget table tr:last-child td {
    padding-top: 10px;
}

.bootstrap-timepicker-widget table td input {
    width: 100% !important;
    max-width: 80px;
    border: none;
    outline: none;
    background: #F0F0F0;
    font-size: 16px;
    height: 40px;
    border-radius: 10px;
}

.kontact-form .help-text span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #FAFAFA;
}

.kontact-form .help-text span a {
    color: #FAFAFA;
    text-decoration: none;
    transition: all 0.3s ease;
}

.kontact-form .help-text span a:hover {
    text-decoration: underline;
}

.contactform .step-content .uacf7_repeater_controls {
    margin-top: 65px;
}

.contactform .step-content .uacf7_repeater_controls .uacf7_repeater_add {
    background: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #fafafa;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.contactform .step-content .uacf7_repeater_controls .uacf7_repeater_add::after {
    content: "+";
    position: relative;
    display: inline-block;
    font-size: 26px;
    line-height: 1;
}

.contactform .step-content .uacf7_repeater_controls input[value="2"]+.uacf7_repeater_button_wraper .uacf7_repeater_add {
    display: none;
}

.contactform .step-second-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 50px 15px;
}

.contactform .step-second-wrap .input-group:first-child {
    width: calc(10% - 10px);
}

.contactform .step-second-wrap .input-group:nth-child(2) {
    width: calc(40% - 10px);
}

.contactform .step-second-wrap .input-group:nth-child(3) {
    width: calc(50% - 10px);
}

.contactform .step-second-wrap .input-group:nth-child(4) {
    width: calc(38% - 10px);
}

.contactform .step-second-wrap .input-group:nth-child(5) {
    width: calc(36% - 10px);
}

.contactform .step-second-wrap .input-group:nth-child(6) {
    width: calc(26% - 10px);
}

.contactform .wpcf7-response-output {
    display: none;
}

.step-second-wrap .step-second-btns-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 15px;
    gap: 50px;
}

.step-second-wrap .step-second-btns-wrap .info-terms {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.step-second-wrap .step-second-btns-wrap .info {
    margin: 0;
    color: #FAFAFA;
    font-size: 16px;
    max-width: 270px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-second-wrap .step-second-btns-wrap .info::before {
    content: '';
    width: 27px;
    min-width: 27px;
    height: 25px;
    background: url(./assets/images/white-plane-icon.svg) center no-repeat;
    background-size: contain;
    transform: rotate(-45deg);
}

.step-second-wrap .step-second-btns-wrap .info-terms label {
    color: #FAFAFA;
    font-size: 16px;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.flight-form-section .flight-form .wpcf7 .acceptance {
    font-size: 16px;
    position: relative;
    display: flex;
    align-items: center;
    color: #0C1B2A;
    max-width: 340px;
    margin: 95px auto 50px;
}

.step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap,
.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap {
    display: flex;
    flex-wrap: wrap;
    height: 25px;
    margin-right: 23px;
    position: static;
}

.step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap .wpcf7-list-item,
.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap .wpcf7-list-item {
    margin: 0;
}

.step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap input,
.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap input {
    width: 25px;
    visibility: collapse;
    height: 25px;
}

.step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap .wpcf7-list-item-label,
.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap .wpcf7-list-item-label {
    position: absolute;
    left: 0;
    height: 25px;
    width: 25px;
    font-size: 0;
    border: 1px solid #fff;
}

.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap .wpcf7-list-item-label {
    border: 1px solid #0C1B2A;
}

.step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap .wpcf7-list-item-label::after,
.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap .wpcf7-list-item-label::after {
    left: 9px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    transition: all 0.3s ease;
    opacity: 0;
}


.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap .wpcf7-list-item-label::after {
    border: solid #0C1B2A;
    border-width: 0 2px 2px 0;
}

.step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap input:checked~.wpcf7-list-item-label:after,
.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap input:checked~.wpcf7-list-item-label:after {
    opacity: 1;
}

.step-second-wrap .step-second-btns-wrap .info-terms label>span {
    cursor: pointer;
}

.step-second-wrap .step-second-btns-wrap .info-terms label a {
    color: #fff;
    font-family: 'darkmodedarkmodeoff_medium';
    text-decoration: none;
}

.flight-form-section .flight-form .wpcf7 .acceptance a {
    color: #0C1B2A;
    font-family: 'darkmodedarkmodeoff_medium';
    text-decoration: none;
}

.step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-not-valid-tip,
.flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-not-valid-tip {
    position: absolute;
    width: 100%;
    margin-top: 5px;
    top: 100%;
}

.step-second-wrap .step-second-btns {
    display: flex;
    justify-content: flex-end;
}

.contactform .step-content .heading-center {
    padding-bottom: 0;
}

.contactform .step-content .heading-center h3 {
    margin-bottom: 30px;
    color: #fafafa;
}

.contactform .step-content .heading-center .sub-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 45px;
    color: #fafafa;
}

.contactform .step-content .heading-center p:not(.sub-title) {
    font-size: 20px;
    line-height: 30px;
    max-width: 858px;
    color: #fafafa;
}

.contactform .step-content .uacf7-buttons {
    margin: 45px 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
}

.step-second-wrap .step-second-btns .uacf7_conditional {
    display: flex;
    align-items: center;
}

.contactform .step-content.step-end .uacf7-buttons,
.contactform .step-content+.step-content .uacf7-buttons button.uacf7-next {
    display: none;
}

.contactform .step-content .uacf7-buttons .wpcf7-spinner {
    order: 1;
    margin: 0;
}

.contactform .step-content .uacf7-buttons button,
.step-second-wrap .step-second-btns .uacf7_conditional input.wpcf7-submit {
    background: #fafafa;
    color: #0C1B2A;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    padding: 0 50px;
    font-size: 20px;
    text-transform: uppercase;
    transition: 0.5s all;
    font-family: 'darkmodedarkmodeoff_regular';
    border: 2px solid #fafafa;
    margin: 0 !important;
    order: 3;
}

.contactform .step-content .uacf7-buttons button.uacf7-prev {
    background: transparent;
    order: 2;
    color: #fafafa;
}

.contactform .step-content .uacf7-buttons button:hover,
.step-second-wrap .step-second-btns .uacf7_conditional input.wpcf7-submit:hover {
    background: #334455;
    border-color: #334455;
    color: #fafafa;
}

.contactform .step-content .uacf7-buttons button.uacf7-prev:hover {
    background: #fafafa;
    border-color: #fafafa;
    color: #0C1B2A;
}

/* 404 Not Found Page */
.error-404 {
    background: #0a1e30;
    padding: 190px 0 105px;
}

.notFound-content {
    text-align: center;
    max-width: 910px;
    margin: 0 auto;
}

.notFound-content video {
    width: 100%;
}

.notFound-content .content {
    text-align: center;
    margin-top: 140px;
}

.notFound-content .content .title {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 25px;
    font-family: 'darkmodedarkmodeoff_regular';
    color: #fff;
}

.notFound-content .content p {
    font-size: 20px;
    line-height: 40px;
    font-weight: 300;
    color: #fff;
}

.notFound-content .content .wp-element-button {
    margin-top: 38px;
    background: #fafafa;
    color: #0C1B2A;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    padding: 0 50px;
    font-size: 20px;
    text-transform: uppercase;
    transition: 0.5s all;
    font-family: 'darkmodedarkmodeoff_regular';
}

.notFound-content .content .wp-element-button:hover {
    background: #334455;
    color: #fff;
}

/* CMS Pages Design */
.site-main .entry-header {
    padding: 100px 0 0;
}

.site-main .entry-content h2,
.site-main .entry-content h3 {
    font-size: 30px;
    line-height: 40px;
    color: #0C1B2A;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 35px;
    font-family: 'darkmodedarkmodeoff_regular';
}

.site-main .entry-content p {
    font-size: 20px;
    font-weight: 300;
    line-height: 31px;
    color: #0C1B2A;
}

.site-main .entry-content p a {
    color: #0C1B2A;
}

.site-main .entry-content .wp-block-image img {
    margin: 18px 0 17px;
    max-width: 100%;
}

.site-main .entry-content {
    padding-bottom: 100px;
}

.entry-content .borlabs-cookie-open-dialog-preferences a {
    font-size: 18px;
    color: #0B1B2A;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    padding: 0 50px;
    border: 2px solid #0B1B2A;
    background: transparent;
    border-radius: 8px;
    transition: 0.5s all;
    font-family: 'darkmodedarkmodeoff_regular';
}

.entry-content .borlabs-cookie-open-dialog-preferences a:hover {
    background: #345;
    color: #fafafa;
    border-color: #345;
}

/* Thank You Page Styling */
.thank-you-page {
    padding: 145px 0 115px;
    position: relative;
    color: #fafafa;
    background: #0C1B2A;
}

.thank-you-page::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(./assets/images/map.svg) center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0.03;
    filter: contrast(0.03);
}

.thank-you-page .thank-you-content {
    max-width: 1175px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.thank-you-content h1.wp-block-heading {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 30px;
    font-family: 'darkmodedarkmodeoff_regular';
}

.thank-you-content h2.wp-block-heading {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 55px;
}

.thank-you-content p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 300;
    margin-bottom: 75px;
}

.thank-you-content .wp-block-buttons {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Footer */
.footer-navigation .footer-navigation-wrapper {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 970px;
    margin: 0 auto;
    gap: 48px 140px;
}

.footer-navigation .footer-navigation-wrapper li:first-child,
.footer-navigation .footer-navigation-wrapper li:nth-child(5) {
    min-width: 103px;
}

.footer-navigation .footer-navigation-wrapper li:nth-child(2),
.footer-navigation .footer-navigation-wrapper li:nth-child(6) {
    min-width: 175px;
}

.footer-navigation .footer-navigation-wrapper li:nth-child(3),
.footer-navigation .footer-navigation-wrapper li:nth-child(7) {
    min-width: 156px;
}

.footer-navigation .footer-navigation-wrapper li:nth-child(4),
.footer-navigation .footer-navigation-wrapper li:nth-child(8) {
    min-width: 115px;
}

section {
    position: relative;
}

.site-footer {
    background: #122940;
    padding: 100px 0 0;
    position: relative;
}

.site-footer .site-info .site-logo {
    text-align: left;
}

.site-footer .site-info .site-logo img {
    max-width: 303px;
    width: 100%;
}

.footer-navigation .footer-navigation-wrapper li a {
    font-size: 20px;
    font-weight: 300;
    color: #6B7A8F;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
}

.footer-navigation .footer-navigation-wrapper li a:hover {
    color: #fff;
}

.footer-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-right .wp-block-button__link {
    font-size: 20px;
    color: #6B7A8F;
    margin-bottom: 40px;
    text-align: right;
    position: relative;
    display: inline-flex;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.footer-right .wp-block-button__link:hover {
    color: #fff;
}

.footer-right {
    text-align: right;
}

.footer-right a.wap-btn {
    font-size: 20px;
    color: #fafafa;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    column-gap: 12px;
    text-decoration: none;
}

.footer-right a.wap-btn:before {
    content: '';
    background-image: url(./assets/images/wap-icon-white.svg);
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-bottom .footer-bottom-inner {
    border-top: 1px solid #FAFAFA;
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-bottom .footer-bottom-inner aside.widget-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer-bottom-inner .back-to-top {
    width: 30%;
}

.footer-bottom-inner .back-to-top a {
    background-image: url(./assets/images/back-to-top.svg);
    width: 60px;
    height: 60px;
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    transition: all 0.3s ease;
    animation: moveTopAnim 1.5s ease-in-out infinite;
}

.footer-bottom-inner .back-to-top a:hover {
    background-image: url(./assets/images/back-to-top-white.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.footer-bottom .footer-bottom-inner p {
    font-size: 20px;
    color: #6B7A8F;
    font-weight: 300;
    margin: 0;
}

.footer-bottom .footer-bottom-inner p a {
    color: #6B7A8F;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-bottom .footer-bottom-inner p a:hover {
    color: #fff;
}

/* Responsive Media Query */
@media(max-width:2299px) {
    body .container {
        width: 1950px;
    }

    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 1600px;
    }

    body .splide__arrow--prev {
        left: -65px;
    }

    body .splide__arrow--next {
        right: -65px;
    }

    .flight-infos .info-box .value {
        font-size: 26px;
    }

    .flight-infos .info-box .title {
        font-size: 18px;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 40px 135px;
    }
}

@media (max-height: 1100px) and (min-width: 1024px) {
    .scroll-icon a {
        background-size: 20px;
    }
}

@media(max-width:2150px) {

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 1600px;
    }

    .site-header,
    .site-header.header-sticky {
        padding: 15px 76px;
    }

    .home .site-header,
    .page-template-aktuelle-angebote .site-header,
    .page-template-basis-Flaege .site-header,
    .page-template-das-flugzeug .site-header,
    .page-template-events .site-header,
    .page-template-ansprechpartner-template .site-header,
    .page-template-ueberuns-template .site-header {
        padding: 35px 76px;
    }

    .home .site-header .site-logo img.custom-logo,
    .page-template-aktuelle-angebote .site-header .site-logo img.custom-logo,
    .page-template-basis-Flaege .site-header .site-logo img.custom-logo,
    .page-template-das-flugzeug .site-header .site-logo img.custom-logo,
    .page-template-events .site-header .site-logo img.custom-logo,
    .page-template-ansprechpartner-template .site-header .site-logo img.custom-logo,
    .page-template-ueberuns-template .site-header .site-logo img.custom-logo {
        max-width: 280px;
    }

    .primary-navigation .menu-button-container .button {
        width: 145px;
        height: 60px;
    }

    .primary-navigation .menu-button-container .button:before {
        width: calc(100% - 15px);
        height: calc(100% - 14px);
    }

    .header-sticky .primary-navigation .menu-button-container .button {
        width: 135px;
        height: 55px;
    }

    .header-sticky .primary-navigation .menu-button-container .button:before {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
    }

    .primary-navigation .menu-button-container .button span.dropdown-icon span.menu-text {
        font-size: 16px;
    }

    .primary-navigation span.dropdown-icon span.icon {
        width: 27px;
        height: 3px;
    }

    .primary-navigation span.dropdown-icon span.icon:not(:last-child) {
        margin-bottom: 5px;
    }

    .header-sticky .primary-navigation .menu-button-container .button span.dropdown-icon span.icon {
        width: 25px;
    }

    .header-right .wap-head-btn {
        width: 60px;
        height: 60px;
        background-size: 20px;
    }

    .home .site-header .header-right .wap-head-btn,
    .page-template-aktuelle-angebote .site-header .header-right .wap-head-btn,
    .page-template-basis-Flaege .site-header .header-right .wap-head-btn,
    .page-template-das-flugzeug .site-header .header-right .wap-head-btn,
    .page-template-events .site-header .header-right .wap-head-btn,
    .page-template-ansprechpartner-template .site-header .header-right .wap-head-btn,
    .page-template-ueberuns-template .site-header .header-right .wap-head-btn {
        background-size: 28px;
    }

    .header-right .wp-btn-wrap {
        width: 61px;
    }

    .header-sticky .header-right .wap-head-btn {
        width: 55px;
        height: 55px;
        background-size: 18px !important;
    }

    .header-sticky .header-right .wp-btn-wrap {
        width: 56px;
    }

    .header-right .wap-head-btn:before {
        width: 46px;
        height: 46px;
    }

    .header-sticky .header-right .wap-head-btn:before {
        width: 45px;
        height: 45px;
    }

    .header-right .wp-block-button a {
        width: 155px;
        height: 60px;
        font-size: 16px;
    }

    .header-sticky .header-right .wp-block-button a {
        width: 140px;
        height: 55px;
    }

    .header-right .wp-block-button a:before,
    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle:before {
        width: calc(100% - 15px);
        height: calc(100% - 14px);
    }

    .header-sticky .header-right .wp-block-button a:before,
    .header-sticky .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle:before {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
    }

    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
        width: 110px;
        height: 60px;
        font-size: 16px;
    }

    .header-sticky .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
        width: 105px;
        height: 55px;
    }

    #below-section {
        top: -105px;
    }

    .flight-option {
        padding: 175px 0 300px;
    }

    .heading-center {
        padding-bottom: 75px;
    }

    .info-box .info-left {
        padding: 60px 70px 60px 65px;
    }

    .info-box .info-left .title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .info-box .info-left p {
        font-size: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .table-title {
        min-height: 165px;
    }

    .top-head .head-title img {
        max-height: 55px;
    }

    .aircraft-option .option img {
        max-height: 40px;
        max-width: 50px;
    }

    .landing-table .table-content:nth-child(3) .aircraft-option:nth-child(2) .option img {
        max-height: 28px;
        max-width: 42px;
    }

    .aircraft-option {
        min-height: 165px;
    }

    .aircraft-option span {
        font-size: 24px;
    }

    .ourFleet-section {
        min-height: 1145px;
    }

    .landing-option-section {
        min-height: 1195px;
    }

    .plane-img img {
        max-width: 1470px !important;
        margin: 0 -465px 0 -280px;
    }

    .advantages-slider-section {
        padding: 50px 0 200px;
        min-height: 604px;
    }

    .page-template-aktuelle-angebote .advantages-slider-section {
        padding-top: 150px;
    }

    .advantages-slider .icon-box .title {
        font-size: 22px;
    }

    .advantages-slider .icon-box p {
        font-size: 18px;
        line-height: 30px;
    }

    .advantages-slider .icon-box .vorteil-img {
        max-height: 85px;
        min-height: 85px;
    }

    .gallery-section {
        min-height: 1229px;
    }

    .partner-content p {
        font-size: 18px;
        line-height: 30px;
    }

    .partner-content .partner-name {
        margin-top: 50px;
    }


    .team-box .team-image::before {
        background-size: 106%;
        top: 35%;
    }

    .primary-btn,
    .secondry-btn,
    .flight-form-section .flight-form .uacf7-buttons button,
    .info-box .info-left .wp-block-button__link,
    .contactform .step-content .uacf7-buttons button,
    .flight-form .submit-btn input.wpcf7-form-control,
    .step-second-wrap .step-second-btns .uacf7_conditional input.wpcf7-submit,
    .entry-content .borlabs-cookie-open-dialog-preferences a {
        font-size: 16px;
        min-height: 50px;
        padding: 0 40px;
    }

    .kontact-partner,
    .page-template-events .kontact-partner {
        padding: 200px 0;
    }

    .kontact-partner {
        min-height: 1025px;
    }

    .our-teams .team-box img,
    .our-teams .team-box .partner-img-group {
        max-width: 380px !important;
        width: 100%;
        max-height: 490px;
        object-fit: contain;
    }

    .team-image .partner-mask {
        width: 380px;
        height: 430px;
    }

    .contactform .step-content .uacf7_repeater_controls .uacf7_repeater_add {
        font-size: 16px;
    }

    .cta-section {
        padding: 180px 0;
        min-height: 830px;
    }

    .imageContent-box .image-box img {
        min-height: 500px;
    }

    .flight-option:before {
        top: 0;
        height: 100%;
    }

    .clouds-group .cloud-1 img {
        max-width: 400px;
        top: 300px;
    }

    .clouds-group .cloud-2 img {
        max-width: 580px;
        bottom: 185px;
        left: 490px;
    }

    .clouds-group .cloud-3 img {
        max-width: 350px;
        top: 250px;
    }

    .gallery-slider img {
        height: 650px;
    }

    .load-more-flights {
        margin-top: 50px;
    }

    .load-more-flights .load-more {
        font-size: 20px;
    }

    .flight-info .info-icon {
        top: 20px;
    }

    .select2-container .select2-dropdown {
        top: -15px;
    }

    .imageContent-section {
        padding: 175px 0;
    }

    .landing-option-section .landing-table {
        max-width: 1050px;
        margin: 0 auto !important;
    }

    .flight-form-section {
        padding: 65px 110px 65px 65px;
    }

    .flight-form-section .flight-form h1 {
        font-size: 44px;
        line-height: 56px;
    }

    .flight-form .input-group label,
    .flight-form .input-group .select2-selection--single .select2-selection__rendered {
        font-size: 18px;
    }

    .flight-form .input-group .select2-selection--single,
    .flight-form .input-group select,
    .flight-form .input-group input,
    .flight-form .input-group .nice-select {
        font-size: 18px;
        height: 70px;
        padding: 16px 25px;
    }

    .flight-form-section .flight-form button.uacf7_repeater_add {
        font-size: 18px;
    }

    .site-footer .site-info .site-logo img {
        max-width: 230px;
    }

    .site-footer .site-info {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .footer-right a.wap-btn:before {
        width: 25px;
        height: 25px;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 30px 79px;
    }

    .footer-right .wp-block-button__link {
        margin-bottom: 25px;
    }

}

@media (max-width: 2150px) and (min-width: 1100px) {
    .offers-section.aos-animate {
        transition-delay: 0s !important;
    }
}

@media (min-width: 1100px) {
    .video-box.pause #playButton {
        background: transparent url(./assets/images/jha_pause_btn.svg) center no-repeat;
        background-size: 85%;
    }
}

@media(max-width:1849px) {

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 1400px;
    }

    .offer-box .offer-box-inner {
        row-gap: 30px;
    }

    .offer-box-inner .buttons-group .send-data-button {
        display: none;
    }

    .offer-box.no-offers {
        padding-left: 30px;
    }

    .offer-box.no-offers .buttons-group {
        width: auto;
    }

    .current-offers {
        padding: 150px 0 100px;
    }

    .page-template-aktuelle-angebote .advantages-slider-section {
        padding-bottom: 158px;
        padding-top: 50px;
    }

    .flight-option:before {
        top: 0;
        max-width: 1820px;
        height: 100%;
    }

    .info-box .info-left {
        padding: 40px 60px 40px 45px;
        width: calc(100% - 167px);
        min-height: 380px;
    }

    .info-box .info-left .title {
        font-size: 34px;
        margin-bottom: 20px;
    }

    .info-box .info-left p {
        font-size: 18px;
        line-height: 28px;
    }

    .info-box .info-right {
        width: 167px;
    }

    .ourFleet-section {
        min-height: 965px;
    }

    .clouds-group .cloud-2 img {
        max-width: 580px;
        bottom: 105px;
        left: 310px;
    }

    .clouds-group .cloud-3 img {
        right: 450px;
    }

    .plane-img img {
        max-width: 1200px !important;
        margin: 0px -545px 0 -200px;
    }

    .advantages-slider {
        padding: 0 75px;
    }

    body .splide__arrow--next {
        right: -40px;
    }

    body .splide__arrow--prev {
        left: -50px;
    }

    .secondry-btn,
    .info-box .info-left .wp-block-button__link {
        font-size: 16px;
        padding: 0 40px;
        min-height: 50px;
        max-height: 50px;
    }

    .primary-btn,
    .flight-form-section .flight-form .uacf7-buttons button,
    .notFound-content .content .wp-element-button {
        font-size: 16px;
        padding: 0 40px;
        min-height: 50px;
        max-height: 50px;
    }

    .kontact-partner .col-md-8 {
        padding-left: 90px;
    }

    .whatsap-section {
        min-height: 940px;
    }

    .planTabs-slider .nav-tabs button {
        font-size: 18px;
    }

    .imageContent-section {
        padding: 165px 0 215px;
    }

    .imageContent-box {
        gap: 125px;
    }

    .imageContent-box .image-box img {
        min-height: 430px;
    }

    .imageContent-box+.imageContent-box {
        margin-top: 100px;
    }

    .uberUns-head-section {
        padding: 180px 0;
    }

    .uberUns-head-section+.imageContent-section {
        padding: 0 0 200px;
    }

    .imageContent-section.dark-section {
        padding: 200px 0;
    }

    .uber-video-section {
        padding: 135px 0 30px;
    }

    .video-heading {
        margin-bottom: 85px;
    }

    .detail-box .details {
        column-gap: 25px;
        padding-bottom: 25px;
        margin-bottom: 30px;
    }

    .detail-box .details-box-inner {
        padding: 0 25px;
    }

    .detail-box .details-box-inner .flight-icon {
        padding: 45px 0;
    }

    .detail-box .details-box-inner .flight-to {
        margin-bottom: 30px;
        padding-bottom: 25px;
    }

    .detail-box .details-box-inner span:first-child,
    .detail-box .details-box-inner span:last-child {
        font-size: 24px;
    }

    .imageContent-box .content-box .buttons-group {
        padding-top: 70px;
    }

    .imageContent-section.events-details .imageContent-box {
        gap: 50px;
    }

    .imageContent-section.events-details .content-box p {
        font-size: 18px;
        line-height: 28px;
    }

    .imageContent-box:has(.splide) .content-box {
        margin-bottom: 50px;
    }

    .cta-section {
        min-height: 770px;
    }

    .our-teams .team-box img,
    .our-teams .team-box .partner-img-group {
        max-width: 320px !important;
        max-height: 420px;
        border-radius: 160px;
    }

    .team-image .partner-mask {
        width: 320px;
        height: 370px;
        border-radius: 160px;
    }

    .contactform .step-content .uacf7-buttons button,
    .step-second-wrap .step-second-btns .uacf7_conditional input.wpcf7-submit {
        font-size: 16px;
        padding: 0 40px;
        min-height: 50px;
        max-height: 50px;
    }

    .site-footer .col-md-3 {
        width: 20%;
    }

    .site-footer .col-md-6 {
        width: 60%;
    }
}

@media (max-width: 1599px) and (min-width: 1400px) {
    .offer-box-inner .buttons-group .secondry-btn {
        width: 50px;
        padding: 0;
        font-size: 0;
        background: url(./assets/images/right-arrow-white.svg) center no-repeat;
        border-radius: 50%;
        background-size: 22px;
        transition: all 0.5s ease;
    }

    .offer-box-inner .buttons-group .secondry-btn:hover {
        background: #fafafa url(./assets/images/right-arrow.svg) center no-repeat;
        background-size: 22px;
    }

    .offer-box-inner .buttons-group .secondry-btn::before {
        content: '';
        position: absolute;
        left: -66px;
        top: 0;
        width: calc(100% + 132px);
        height: 100%;
    }
}

@media (max-width: 1599px) {
    .offer-image-box {
        margin-right: 70px;
        max-width: 385px;
    }

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 1240px;
    }

    .primary-navigation .menu-button-container .button {
        width: 125px;
        height: 55px;
    }

    .header-sticky .primary-navigation .menu-button-container .button {
        width: 115px;
        height: 50px;
    }

    .primary-navigation .menu-button-container .button span.dropdown-icon {
        column-gap: 10px;
    }

    .primary-navigation span.dropdown-icon span.icon {
        width: 22px;
        height: 2px;
    }

    .header-sticky .primary-navigation .menu-button-container .button span.dropdown-icon span.icon {
        width: 20px;
        height: 2px;
    }

    .header-sticky .primary-navigation .menu-button-container .button span.dropdown-icon span.menu-text,
    .primary-navigation .menu-button-container .button span.dropdown-icon span.menu-text {
        font-size: 14px;
    }

    .home .site-header .site-logo img.custom-logo .page-template-aktuelle-angebote .site-header .site-logo img.custom-logo,
    .page-template-basis-Flaege .site-header .site-logo img.custom-logo,
    .page-template-das-flugzeug .site-header .site-logo img.custom-logo,
    .page-template-events .site-header .site-logo img.custom-logo,
    .page-template-ansprechpartner-template .site-header .site-logo img.custom-logo,
    .page-template-ueberuns-template .site-header .site-logo img.custom-logo {
        max-width: 240px;
    }

    .home .site-header .header-right .wap-head-btn,
    .page-template-aktuelle-angebote .site-header .header-right .wap-head-btn,
    .page-template-basis-Flaege .site-header .header-right .wap-head-btn,
    .page-template-das-flugzeug .site-header .header-right .wap-head-btn,
    .page-template-events .site-header .header-right .wap-head-btn,
    .page-template-ansprechpartner-template .site-header .header-right .wap-head-btn,
    .page-template-ueberuns-template .site-header .header-right .wap-head-btn {
        background-size: 22px;
    }

    .header-right .wap-head-btn {
        width: 55px;
        height: 55px;
        background-size: 16px;
    }

    .header-right .wp-btn-wrap {
        width: 55px;
        height: 67px;
    }

    .header-sticky .header-right .wap-head-btn {
        width: 50px;
        height: 50px;
        background-size: 16px !important;
    }

    .header-sticky .header-right .wp-btn-wrap {
        width: 51px;
    }

    .header-right .wap-head-btn:before {
        width: 41px;
        height: 41px;
    }

    .header-sticky .header-right .wap-head-btn::before {
        width: 40px;
        height: 40px;
    }

    .header-right .wp-block-button a {
        width: 135px;
        height: 55px;
        font-size: 14px;
    }

    .header-sticky .header-right .wp-block-button a {
        width: 125px;
        height: 50px;
        font-size: 14px;
    }

    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
        width: 90px;
        height: 55px;
        font-size: 14px;
    }

    .header-sticky .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
        width: 80px;
        height: 50px;
        font-size: 14px;
    }

    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle span:after {
        width: 14px;
        height: 8px;
        background-size: contain;
    }

    .home .site-header,
    .page-template-aktuelle-angebote .site-header,
    .page-template-basis-Flaege .site-header,
    .page-template-das-flugzeug .site-header,
    .page-template-events .site-header,
    .page-template-ansprechpartner-template .site-header,
    .page-template-ueberuns-template .site-header {
        padding: 25px 40px;
    }

    .site-header,
    .site-header.slider-rev-available.header-sticky {
        padding: 15px 40px;
    }

    .home .site-header .site-logo img.custom-logo,
    .page-template-aktuelle-angebote .site-header .site-logo img.custom-logo,
    .page-template-basis-Flaege .site-header .site-logo img.custom-logo,
    .page-template-das-flugzeug .site-header .site-logo img.custom-logo,
    .page-template-events .site-header .site-logo img.custom-logo,
    .page-template-ansprechpartner-template .site-header .site-logo img.custom-logo,
    .page-template-ueberuns-template .site-header .site-logo img.custom-logo {
        max-width: 220px;
    }

    .site-header,
    .site-header.header-sticky {
        padding: 15px 40px;
    }

    #below-section {
        top: -80px;
    }

    .flight-option {
        padding: 165px 0 200px;
    }

    .info-box .info-left {
        padding: 30px 40px 40px 35px;
        width: calc(100% - 148px);
        min-height: 340px;
    }

    .info-box .info-left .title {
        font-size: 30px;
    }

    .info-box .info-left p {
        font-size: 16px;
        line-height: 26px;
    }

    .info-box .info-left .secondry-btn,
    .info-box .info-left .wp-block-button__link {
        margin-top: 50px;
        font-size: 14px;
        padding: 0 30px;
    }

    .info-box .info-right {
        width: 148px;
    }

    .page-template-aktuelle-angebote .advantages-slider-section {
        padding-bottom: 120px;
        padding-top: 50px;
    }

    .whatsap-section {
        min-height: 869px;
    }

    .module2-section:has(.cta-section)+script+.module3-section .whatsap-section {
        padding-top: 5px;
        min-height: 756px;
    }

    .offer-section {
        padding: 120px 0;
        min-height: 800px;
    }

    .heading-center h3,
    .main-heading h1,
    .notFound-content .content .title,
    h1.entry-title,
    .kontact-form .heading-center h1,
    .thank-you-content h1.wp-block-heading {
        font-size: 40px;
        line-height: 55px;
    }

    .heading-center p,
    .notFound-content .content p,
    .site-main .entry-content p,
    .thank-you-content p {
        font-size: 18px;
        line-height: 30px;
    }

    .ourFleet-section {
        min-height: 831px;
    }

    .landing-option-section {
        min-height: 1007px;
    }

    .advantages-slider-section {
        min-height: 594px;
    }

    .page-template-events .advantages-slider-section {
        padding: 150px 0;
    }

    .ourFleet-content h4 {
        font-size: 34px;
    }

    .imageContent-section {
        padding: 135px 0 175px;
    }

    .site-main .entry-content h2,
    .site-main .entry-content h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .ourFleet-content p {
        font-size: 18px;
        line-height: 30px;
    }

    .offer-content p {
        font-size: 18px;
        line-height: 30px;
    }

    .plane-img img {
        max-width: 1000px !important;
        margin: 0px -545px 0 -140px;
    }

    .clouds-group .cloud-3 img {
        max-width: 330px;
        right: 370px;
        top: 200px;
    }

    .clouds-group .cloud-1 img {
        max-width: 350px;
        top: 100px;
        left: -400px;
    }

    .clouds-group .cloud-2 img {
        max-width: 480px;
        bottom: 85px;
        right: 110px;
    }

    .kontact-partner,
    .page-template-events .kontact-partner {
        padding: 150px 0;
        display: flex;
        align-items: center;
    }

    .kontact-partner {
        min-height: 925px;
    }

    .partner-content h3 {
        font-size: 34px;
        line-height: 50px;

    }

    .partner-content p {
        font-size: 18px;
        line-height: 30px;
    }

    .partner-content .partner-name {
        font-size: 24px;
        line-height: 34px;
        font-weight: 300;
        margin-top: 60px;
    }

    .offer-image-box .circle-mask {
        width: 350px;
        height: 460px;
    }

    .offer-image-box .phone-wrapper {
        width: 350px;
        height: 650px;
    }

    .offer-image-box .phone {
        height: 550px !important;
    }

    .offer-image-box .plane {
        top: -140px;
        right: -10px;
        max-width: 260px;
    }

    .offer-image-box .cloud {
        max-width: 500px !important;
    }

    .buttons-group {
        flex-wrap: wrap;
    }

    .gallery-section {
        min-height: 1191px;
    }

    .gallery-headings h3,
    .offer-content h4 {
        font-size: 34px;
        line-height: 50px;
    }

    .gallery-headings p {
        font-size: 18px;
        line-height: 38px;
    }

    .cta-box-content span.cta-title {
        font-size: 40px;
        line-height: 56px;
    }

    .cta-section {
        padding: 150px 0;
        min-height: 664px;
    }

    .gallery-module:has(.gallery-section)+script+.module2-section .cta-section {
        padding-top: 50px;
        min-height: 564px;
    }

    .cta-box-content {
        right: 50px;
    }

    .cta-section.left-text .cta-box-content {
        left: 50px;
    }

    .whatsap-section .wap-content {
        max-width: 970px;
        width: 100%;
    }

    .whatsap-section .wap-content span.title {
        font-size: 40px;
        line-height: 56px;
    }

    .whatsap-section .wap-content p {
        font-size: 18px;
        line-height: 32px;
    }

    .advantages-slider .icon-box .vorteil-img {
        max-height: 75px;
        min-height: 75px;
    }

    .advantages-slider .icon-box img {
        max-height: 75px;
        max-width: 85px;
    }

    .landing-option-section {
        padding: 100px 0;
    }

    .imageContent-box .content-box h3 {
        font-size: 34px;
        line-height: 44px;
    }

    .top-head p,
    .top-head .head-title,
    .table-title {
        font-size: 16px;
    }

    .aircraft-option img {
        max-height: 50px;
    }

    .aircraft-option span {
        font-size: 20px;
    }

    span.head-subtitle {
        font-size: 16px;
    }

    .main-heading h2,
    .load-more-flights .load-more,
    .flight-offer-content h3,
    .about-content .title {
        font-size: 26px;
        line-height: 36px;
    }

    .flight-offer-content p,
    .about-content p {
        font-size: 18px;
        line-height: 34px;
    }

    .table-title,
    .aircraft-option {
        min-height: 145px;
    }

    .planTabs-slider {
        padding: 0 50px;
    }

    .gallery-section,
    .gallery-section-inner {
        padding: 100px 0;
    }

    .uberUns-head-section {
        padding: 140px 0;
    }

    .uberUns-head-section+.imageContent-section {
        padding: 0 0 175px;
    }

    .imageContent-section.dark-section {
        padding: 175px 0;
    }

    .video-heading h4 {
        font-size: 38px;
        line-height: 50px;
    }

    .our-team-section .heading-center {
        padding-bottom: 115px;
    }

    .our-teams .row {
        row-gap: 120px;
    }

    .our-team-section {
        padding: 80px 0 140px;
    }

    .our-team-section .heading-center {
        padding-bottom: 75px;
    }

    .detail-box {
        padding: 35px 45px;
    }

    .detail-box .details-box-inner .flight-icon {
        padding: 35px 0;
    }

    .detail-box .details-box-inner span:first-child,
    .detail-box .details-box-inner span:last-child {
        font-size: 20px;
    }

    .detail-box .details span {
        font-size: 18px;
    }

    .about-county {
        padding: 100px 0 100px;
    }

    .team-detail {
        min-height: 246px;
    }

    .team-detail .name {
        font-size: 34px;
        line-height: 46px;
    }

    .team-detail a:after {
        left: 40px;
    }

    .team-detail a.email:before {
        width: 24px;
        height: 19px;
    }

    .team-detail a.cp_whatsapp:before {
        width: 25px;
        height: 25px;
        margin: 0 15px -6px 0;
    }

    .team-detail a.cp_phone:before {
        width: 20px;
        height: 20px;
    }

    .team-detail a,
    .team-detail .job {
        font-size: 18px;
    }

    .about-county .about-content {
        padding-right: 20px;
    }

    .flight-box .basic-flight-content {
        padding: 60px 55px;
    }

    .flignt-info-box .flight-details {
        padding: 55px 50px;
        width: 430px;
    }

    .flight-details .details {
        margin-bottom: 25px;
        font-size: 18px;
    }

    .flight-details .details-box-inner .flight-price {
        margin-top: 30px;
    }

    .flight-details .details-box-inner span:first-child,
    .flight-details .details-box-inner span:last-child {
        font-size: 18px;
    }

    .flignt-info-box .flight-info-btn {
        padding: 35px 20px;
        font-size: 26px;
    }

    .basic-flight-section .heading-center {
        padding-bottom: 100px;
    }

    .kontact-form .small-container .contactform {
        margin-bottom: 150px;
    }

    .thank-you-page .thank-you-content {
        max-width: 975px;
    }

    .thank-you-content h2.wp-block-heading {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 40px;
    }

    .footer-navigation .footer-navigation-wrapper li a,
    .footer-right a.wap-btn,
    .footer-right .wp-block-button__link,
    .footer-bottom .footer-bottom-inner p {
        font-size: 16px;
    }

    .site-footer .site-info .site-logo img {
        max-width: 180px;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 25px 60px;
    }

    .footer-right .wp-block-button__link {
        margin-bottom: 23px;
        margin-top: 2px;
    }
}

@media(max-width:1399px) {
    .cta-box.module-video-active .cta-box-content {
        left: 0% !important;
        transform: initial;
        top: 0;
        position: relative;
        padding: 100px 60px;
        width: 100%;
    }

    .cta-box .cta-background-video {
        position: absolute;
        object-fit: cover;
        height: 100%;
    }

    .offer-image-box {
        margin-right: 0;
        max-width: 385px;
    }

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 1000px;
    }

    .home .site-header,
    .page-template-aktuelle-angebote .site-header,
    .page-template-basis-Flaege .site-header,
    .page-template-das-flugzeug .site-header,
    .page-template-events .site-header,
    .page-template-ansprechpartner-template .site-header,
    .page-template-ueberuns-template .site-header {
        padding: 20px 30px;
    }

    .site-header,
    .site-header.slider-rev-available.header-sticky {
        padding: 12px 30px;
    }

    .home .site-header .site-logo img.custom-logo,
    .page-template-aktuelle-angebote .site-header .site-logo img.custom-logo,
    .page-template-basis-Flaege .site-header .site-logo img.custom-logo,
    .page-template-das-flugzeug .site-header .site-logo img.custom-logo,
    .page-template-events .site-header .site-logo img.custom-logo,
    .page-template-ansprechpartner-template .site-header .site-logo img.custom-logo,
    .page-template-ueberuns-template .site-header .site-logo img.custom-logo {
        max-width: 180px;
    }

    .site-logo img.custom-logo,
    .home .site-header.header-sticky .site-logo img.custom-logo,
    .page-template-aktuelle-angebote .site-header.header-sticky .site-logo img.custom-logo,
    .page-template-basis-Flaege .site-header.header-sticky .site-logo img.custom-logo,
    .page-template-das-flugzeug .site-header.header-sticky .site-logo img.custom-logo,
    .page-template-events .site-header.header-sticky .site-logo img.custom-logo,
    .page-template-ansprechpartner-template .site-header.header-sticky .site-logo img.custom-logo,
    .page-template-ueberuns-template .site-header.header-sticky .site-logo img.custom-logo {
        max-width: 140px;
    }

    .site-header .col-md-4:first-child {
        width: 27%;
    }

    .site-header .col-md-4:nth-child(2) {
        width: 46%;
    }

    .site-header .col-md-4:last-child {
        width: 27%;
    }

    .header-right .wp-btn-wrap {
        width: 51px;
        height: 67px;
    }

    .header-right .wap-head-btn:before {
        width: 41px;
        height: 41px;
    }

    .header-right .wp-block-button a {
        font-size: 0 !important;
        width: 55px;
        background-image: url(./assets/images/phone-bold-icon.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 16px;
    }

    .header-right .wap-head-btn {
        width: 50px;
        height: 50px;
        background-size: 18px;
    }

    .header-sticky .header-right .wp-block-button a {
        width: 50px;
        height: 50px;
        background-size: 15px;
    }

    #below-section {
        top: -80px;
    }

    .flight-ticket-offers::before {
        width: 50px;
        height: 50px;
        top: calc(50% - 1px);
    }

    .offer-box {
        padding: 45px 30px;
        height: auto;
    }

    .offer-box-inner .buttons-group .send-data-button {
        display: inline-flex;
    }

    .offer-box .offer-box-inner:has(.no-offer-text) {
        justify-content: center;
        text-align: center;
    }

    .offer-box:before,
    .offer-box:after {
        height: 100%;
        background-size: cover;
    }

    .detail-box .details {
        column-gap: 20px;
    }

    .detail-box .details span {
        font-size: 16px;
        gap: 8px;
    }

    .detail-box .details span img {
        max-height: 20px;
        max-width: 20px;
    }

    .flight-option:before {
        top: 50%;
        transform: translateY(-50%);
    }

    .flight-option .heading-center {
        padding-bottom: 60px;
    }

    .flight-option .row {
        margin: 0 -12px;
    }

    .flight-option .row .col-md-6 {
        padding: 0 12px;
    }

    .flight-date {
        width: 10%;
        order: 5;
        text-align: left;
    }

    .flight-date .date {
        text-align: left;
    }

    .info-box .info-left .title {
        font-size: 28px;
    }

    .info-box .info-left .secondry-btn,
    .info-box .info-left .wp-block-button__link {
        margin-top: 45px;
        padding: 0 25px;
    }

    .contry-from {
        width: 45%;
        order: 1;
    }

    .flight-icon {
        order: 2;
        width: 10%;
        text-align: center;
    }

    .contry-to {
        width: 45%;
        order: 3;
        text-align: right;
    }

    .contry-to span:first-child {
        justify-content: flex-end;
    }

    .divide-border {
        width: 100%;
        height: 1px;
        order: 4;
    }

    .price {
        width: 30%;
        order: 6;
    }

    .offer-box-inner .buttons-group {
        width: 60%;
        justify-content: flex-end;
        order: 7;
    }

    .aircraft-option span,
    .load-more-flights .load-more,
    .main-heading h2 {
        font-size: 20px;
    }

    .ourFleet-section {
        min-height: 718px;
    }

    .clouds-group .cloud-1 img {
        max-width: 280px;
        top: 100px;
        left: -380px;
    }

    .clouds-group .cloud-2 img {
        max-width: 420px;
        bottom: 75px;
        left: 160px;
    }

    .clouds-group .cloud-3 img {
        max-width: 250px;
        right: 390px;
        top: 190px;
    }

    .plane-img img {
        max-width: 830px !important;
        margin: 0px 0px 0 -160px;
    }

    .advantages-slider-section {
        padding: 50px 0 170px;
        min-height: 564px;
    }

    .icon-box img {
        max-width: 100px;
        max-height: 85px;
    }

    .advantages-slider {
        padding: 0 35px;
    }

    .advantages-slider .icon-box .title {
        font-size: 20px;
    }

    .advantages-slider .icon-box p {
        font-size: 16px;
        line-height: 28px;
    }

    .splide__arrows .splide__arrow {
        width: 50px;
        height: 50px;
        background-size: 40px;
    }

    .splide__arrows .splide__arrow.splide__arrow--next {
        background-size: 40px;
    }

    body .splide__arrow--next {
        right: -15px;
    }

    body .splide__arrow--prev {
        left: -15px;
    }

    .kontact-partner .col-md-8 {
        padding-left: 50px;
        width: calc(100% - 410px);
    }

    .partner-img-wrap {
        height: 475px;
    }

    .kontact-partner .col-md-4 {
        width: 410px;
    }

    .partner-img-wrap .partner-mask {
        height: 440px;
    }

    .gallery-section {
        min-height: 1045px;
    }

    .gallery-slider img {
        height: 520px;
    }

    .cta-box-content span.cta-title {
        font-size: 35px;
        line-height: 50px;
    }

    .whatsap-section .wap-content {
        max-width: 820px;
        width: 100%;
    }

    .whatsap-section .wap-content span.title {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .planTabs-slider .nav-tabs button {
        font-size: 16px;
    }

    .contactform .step-content .uacf7_repeater_sub_field+.uacf7_repeater_sub_field {
        margin-top: 150px;
    }

    .contactform .step-content .uacf7_repeater_sub_field+.uacf7_repeater_sub_field::before {
        font-size: 18px;
        top: -60px;
    }

    .max-info-section {
        padding: 65px 0;
    }

    .flight-infos .info-box .title {
        font-size: 16px;
    }

    .flight-infos .info-box .value {
        font-size: 24px;
    }

    .kontact-partner {
        min-height: 906px;
    }

    .imageContent-section {
        padding: 125px 0 175px;
    }

    .imageContent-box {
        gap: 75px;
    }

    .imageContent-box .image-box img {
        min-height: 300px;
    }

    .imageContent-box .content-box h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .imageContent-box .content-box .sub-title {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .imageContent-box .content-box p,
    .imageContent-box .content-box li {
        font-size: 18px;
        line-height: 28px;
    }

    .uberUns-head-section {
        padding: 125px 0;
    }

    .uberUns-head-section+.imageContent-section {
        padding: 0 0 150px;
    }

    .imageContent-section.dark-section {
        padding: 150px 0;
    }

    .uber-video-section {
        padding: 100px 0 10px;
    }

    .video-heading {
        margin-bottom: 65px;
    }

    .video-heading h4 {
        font-size: 36px;
        line-height: 46px;
    }

    .video-heading p {
        font-size: 18px;
        line-height: 32px;
    }

    .our-teams .row {
        row-gap: 100px;
    }

    .team-detail {
        min-height: 240px;
    }

    .team-detail .name {
        font-size: 30px;
        line-height: 40px;
    }

    .flight-offer-detail .flight-offer-content {
        padding-left: 40px;
    }

    .imageContent-box .content-box .buttons-group {
        padding-top: 60px;
    }

    .imageContent-section.events-details .imageContent-box {
        gap: 30px;
    }

    .imageContent-section.events-details .content-box h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .imageContent-section.events-details .content-box p {
        font-size: 16px;
        line-height: 26px;
    }

    .imageContent-box:has(.splide) .content-box {
        margin-bottom: 0px;
    }

    .flight-form-section {
        padding: 80px 75px;
    }

    .flight-form-container {
        max-width: 621px;
    }

    .flight-form-section .flight-form {
        max-width: 540px;
    }

    .flight-form-title {
        padding: 15px 40px 0;
    }

    .flight-form-section .flight-form h1 {
        font-size: 42px;
        line-height: 54px;
        margin-bottom: 45px;
    }

    .flight-form-section .flight-form .wpcf7 {
        padding: 15px 55px 60px;
    }

    .flight-form .input-group label {
        font-size: 18px;
        line-height: 25px;
    }

    .flight-form .input-group .select2-selection--single,
    .flight-form .input-group select,
    .flight-form .input-group input,
    .flight-form .input-group .nice-select {
        height: 70px;
    }

    .select2-container .select2-dropdown {
        top: -20px;
    }

    .flight-nfo-popup {
        max-width: 500px;
        min-width: 500px;
    }

    .contactform .step-content .input-group input,
    .contactform .step-content .input-group .nice-select,
    .contactform .step-content .input-group textarea {
        font-size: 16px;
    }

    .flight-nfo-popup .info-contentet {
        font-size: 18px;
        margin-bottom: 40px;
        line-height: 32px;
    }

    .flight-nfo-popup .aircraft-pin {
        margin-top: 30px;
        gap: 20px;
        font-size: 18px;
    }

    .flight-nfo-popup .aircraft-pin::before {
        width: 25px;
        height: 35px;
    }

    .kontact-form {
        padding: 105px 0 85px;
    }

    .kontact-form .heading-center h2,
    .thank-you-content h2.wp-block-heading,
    .contactform .step-content .heading-center .sub-title {
        font-size: 22px;
        line-height: 32px;
    }

    .our-teams .team-box .team-image>img,
    .our-teams .team-box .partner-img-group {
        max-width: 85% !important;
        max-height: 365px;
        border-radius: 140px;
    }

    .cta-section {
        min-height: 664px;
    }

    .gallery-module:has(.gallery-section)+script+.module2-section .cta-section {
        min-height: 494px;
    }

    .team-image .partner-mask {
        width: 100%;
        height: 315px;
        border-radius: 140px;
    }

    .contactform .steps-form {
        max-width: 980px;
    }

    .contactform .steps-form .steps-row .steps-step .steps-info {
        bottom: -35px;
    }

    .contactform .steps-form .steps-row .steps-step .steps-info p {
        font-size: 18px;
    }

    .contactform .step-content .heading-center .sub-title {
        min-width: 100%;
        margin: 0 0 30px 0;
    }

    .contactform .step-content .heading-center p:not(.sub-title) {
        font-size: 16px;
        line-height: 26px;
    }

    .detail-box {
        padding: 35px;
    }

    .detail-box .details-box-inner {
        padding: 0;
    }

    .whatsap-section {
        min-height: 763px;
    }

    .module2-section:has(.cta-section)+script+.module3-section .whatsap-section {
        min-height: 650px;
    }

    .thank-you-page {
        padding: 105px 0 85px;
    }

    .site-footer .row {
        align-items: center;
    }

    .site-footer .col-md-6 {
        width: 70%;
    }

    .site-footer .site-info .site-logo img {
        max-width: 155px;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 20px 60px;
    }

    .footer-navigation .footer-navigation-wrapper li:first-child,
    .footer-navigation .footer-navigation-wrapper li:nth-child(5) {
        min-width: 83px;
    }

    .footer-navigation .footer-navigation-wrapper li:nth-child(2),
    .footer-navigation .footer-navigation-wrapper li:nth-child(6) {
        min-width: 140px;
    }

    .footer-navigation .footer-navigation-wrapper li:nth-child(3),
    .footer-navigation .footer-navigation-wrapper li:nth-child(7) {
        min-width: 125px;
    }

    .footer-navigation .footer-navigation-wrapper li:nth-child(4),
    .footer-navigation .footer-navigation-wrapper li:nth-child(8) {
        min-width: 95px;
    }

    .site-footer .col-md-3:first-child {
        width: 25%;
    }

    .site-footer .col-md-3:last-child {
        width: 5%;
    }

    .footer-right a {
        font-size: 0 !important;
    }

    .footer-right a.wp-block-button__link {
        column-gap: 12px;
        position: relative;
        align-items: center;
    }

    .footer-right a.wp-block-button__link::before {
        content: '';
        background: url(./assets/images/send-white-icon.svg) center no-repeat;
        display: inline-block;
        background-size: contain;
        width: 18px;
        height: 18px;
    }

    .footer-right a.wap-btn:before {
        width: 18px;
        height: 18px;
    }

    .footer-bottom-inner .back-to-top {
        width: 15%;
    }
}

@media (max-width: 1099px) {
    .imageContent-box .content-box .buttons-group {
        padding-top: 50px;
    }

    .kontact-form .heading-center h1 {
        margin-bottom: 20px;
    }

    .small-container.top-link-container+.small-container {
        margin-top: -1px;
    }

    .cta-box.module-video-active .cta-box-content .cta-title {
        margin-bottom: 15px;
    }

    .cta-box.module-video-active .cta-box-content p {
        margin-bottom: 45px;
        font-size: 16px;
        line-height: 26px;
    }

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 820px;
    }

    .site-header .col-md-4:nth-child(2) {
        width: 46%;
    }

    .site-header .col-md-4:last-child {
        width: 27%;
    }

    .site-logo img.custom-logo,
    .header-sticky .site-logo img.custom-logo,
    .home .site-header.header-sticky .site-logo img.custom-logo {
        max-width: 150px;
    }

    .nav-top .site-logo.menu-inner-logo img.custom-logo {
        max-width: 150px !important;
    }

    .home .site-header .site-logo img.custom-logo,
    .page-template-aktuelle-angebote .site-header .site-logo img.custom-logo,
    .page-template-basis-Flaege .site-header .site-logo img.custom-logo,
    .page-template-das-flugzeug .site-header .site-logo img.custom-logo,
    .page-template-events .site-header .site-logo img.custom-logo,
    .page-template-ansprechpartner-template .site-header .site-logo img.custom-logo,
    .page-template-ueberuns-template .site-header .site-logo img.custom-logo {
        max-width: 180px;
    }

    .nav-top .site-logo.menu-inner-logo {
        padding: 70px 0;
    }

    .nav-bottom {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .site-header .header-right {
        column-gap: 15px;
    }

    .flight-ticket-offers::before {
        left: -20px;
        width: 42px;
        height: 42px;
        background-size: 16px;
    }

    .top-links ul {
        padding: 0 40px;
    }

    .top-head p,
    .top-head .head-title,
    .table-title {
        font-size: 16px;
    }

    span.head-subtitle {
        font-size: 14px;
    }

    .aircraft-option span,
    .main-heading h2,
    .load-more-flights .load-more,
    .flight-offer-content h3,
    .about-content .title {
        font-size: 22px;
        line-height: 32px;
    }

    .advantages-slider-section {
        padding: 50px 0 100px;
        min-height: 490px;
    }

    .table-title,
    .aircraft-option {
        min-height: 135px;
    }

    .top-links ul li a,
    .top-links ul li span {
        font-size: 18px;
    }

    .contry-from span:first-child,
    .contry-from span:last-child,
    .contry-to span:first-child,
    .contry-to span:last-child,
    .flight-date .month,
    .flight-date .date,
    .price>span:first-child,
    .price>span:last-child {
        font-size: 18px;
    }

    .offer-box {
        padding: 35px 20px;
        height: auto;
    }

    .no-offer-text p,
    .no-data .no-gallery-data,
    .flight-offer-content p {
        font-size: 18px;
        line-height: 30px;
    }

    .about-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .flight-option {
        padding: 135px 0;
    }

    .flight-option .row {
        gap: 70px;
    }

    .info-box {
        max-width: 630px;
        margin: 0 auto;
    }

    .current-offers {
        padding: 100px 0 80px
    }

    .flight-option .row .col-md-6 {
        width: 100%;
    }

    .offer-box.no-offers {
        padding: 45px 20px;
    }

    .info-box .info-left {
        padding: 40px 50px 40px 40px;
        width: calc(100% - 151px);
        min-height: 347px;
    }

    .info-box .info-right {
        width: 151px;
    }

    .heading-center h3,
    .main-heading h1,
    .notFound-content .content .title,
    h1.entry-title,
    .kontact-form .heading-center h1,
    .thank-you-content h1.wp-block-heading {
        font-size: 36px;
        line-height: 50px;
    }

    .heading-center p,
    .notFound-content .content p,
    .site-main .entry-content p,
    .thank-you-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .ourFleet-section {
        min-height: 1227px;
    }

    .landing-option-section {
        min-height: 948px;
    }

    .offer-section {
        min-height: 1102px;
    }

    .ourFleet-section .col-md-6 {
        width: 100%;
    }

    .clouds-group .cloud-2 img {
        bottom: 155px;
        left: -60px;
        right: auto;
    }

    .clouds-group .cloud-3 img {
        top: 42%;
        right: 480px;
        max-width: 300px;
    }

    .clouds-group .cloud-1 img {
        top: 200px;
    }

    .plane-img img {
        max-width: 1120px !important;
        margin: 0px 0 0 -150px;
    }

    .heading-center h4 {
        font-size: 36px;
        line-height: 50px;
    }

    .partner-img-wrap {
        margin: 0 auto;
        max-width: 400px;
        height: 527px;
    }

    .partner-img-wrap .partner-mask {
        height: 470px;
    }

    .our-team-section {
        padding: 80px 0 100px;
    }

    .our-teams .team-box .partner-img-group {
        max-height: 450px;
        max-width: 320px !important;
        border-radius: 170px;
    }

    .kontact-partner {
        min-height: 1280px;
    }

    .team-image .partner-mask {
        height: 390px;
        border-radius: 170px;
    }

    .our-team-section .heading-center {
        padding-bottom: 60px;
    }

    .top-head .head-title {
        gap: 10px;
    }

    .top-head .head-title img {
        max-height: 50px;
    }

    .option.time img {
        max-width: 38px;
        max-height: 32px;
    }

    .landing-table .table-content:nth-child(3) .aircraft-option:nth-child(2) .option img {
        max-height: 22px;
        max-width: 32px;
    }

    .aircraft-option span,
    .load-more-flights .load-more {
        font-size: 18px;
    }

    .landing-option-section {
        padding: 100px 0;
    }

    .page-template-ueberuns-template .landing-option-section {
        padding-top: 50px;
    }

    .advantages-slider {
        padding: 0 50px;
    }

    .offer-section .col-md-6 {
        width: 100%;
    }

    .imageContent-box .content-box ul {
        padding-left: 18px;
    }

    .offer-image-box {
        margin: 0 auto;
        padding-top: 250px;
        max-width: 360px;
    }

    .basic-flight-section .heading-center {
        padding-bottom: 70px;
    }

    .kontact-partner .col-md-4 {
        width: 100%;
        text-align: center;
    }

    .kontact-partner .col-md-8 {
        padding-left: 0;
        width: 100%;
        padding-top: 50px;
        padding-right: 0;
    }

    .kontact-partner .partner-img {
        max-width: 90%;
        margin: 0 auto;
    }

    .gallery-section {
        min-height: 995px;
    }

    .gallery-slider img {
        height: 470px;
    }

    .cta-section {
        padding: 100px 0;
        min-height: 441px;
    }

    .gallery-module:has(.gallery-section)+script+.module2-section .cta-section {
        min-height: 341px;
        padding-top: 50px;
    }

    .imageContent-box .content-box p+p {
        margin-top: 20px;
    }

    .cta-box-content span.cta-title {
        font-size: 30px;
        line-height: 40px;
    }

    .cta-box-content {
        right: 50px;
        top: 65%;
        transform: translateY(-65%);
    }

    .whatsap-section {
        padding: 75px 0;
        min-height: 513px;
    }

    .module2-section:has(.cta-section)+script+.module3-section .whatsap-section {
        min-height: 443px;
    }

    .whatsap-section .wap-content {
        max-width: 100%;
        width: 100%;
        padding: 0 50px;
    }

    .whatsap-section .wap-content span.title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .whatsap-section .wap-content p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 45px;
    }

    .planTabs-slider {
        padding: 0 35px;
    }

    .imageContent-section {
        padding: 105px 0 150px;
    }

    .our-team-section+.imageContent-section {
        padding: 105px 0;
    }

    .imageContent-box {
        gap: 50px;
    }

    .imageContent-box .content-box h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .flight-form .input-group .date-time .date-picker,
    .flight-form .input-group .date-time .time-picker {
        padding-left: 55px;
    }

    .events-details .imageContent-box .content-box h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .imageContent-box .content-box .sub-title {
        font-size: 22px;
    }

    .imageContent-box .content-box p,
    .imageContent-box .content-box li {
        font-size: 16px;
        line-height: 26px;
    }

    .imageContent-box .image-box img {
        min-height: 250px;
        border-radius: 20px;
    }

    .uberUns-head-section {
        padding: 100px 0;
    }

    .uberUns-head-section+.imageContent-section {
        padding: 0 0 120px;
    }

    .imageContent-section.dark-section {
        padding: 120px 0;
    }

    .uber-video-section {
        padding: 100px 0 0;
    }

    .video-heading {
        margin-bottom: 35px;
    }

    .video-heading h4 {
        font-size: 32px;
        line-height: 42px;
    }

    .video-heading p {
        font-size: 16px;
        line-height: 28px;
        font-family: darkmodedarkmodeoff_light;
    }

    .video-box #playButton {
        width: 120px;
        height: 120px;
        background-size: 100px !important;
    }

    .video-box.pause #playButton {
        background-size: 100px !important;
    }

    .team-detail {
        min-height: 216px;
    }

    .team-detail .name {
        font-size: 26px;
        line-height: 36px;
    }

    .our-team-section .our-teams .col-md-4 {
        width: 50%;
    }

    .team-detail .job,
    .team-detail a,
    .team-detail a {
        font-size: 16px;
    }

    .team-detail a,
    .team-detail a {
        margin-bottom: 20px;
    }

    .detail-box {
        padding: 25px;
        margin: 0 auto;
        max-width: 450px;
    }

    .detail-box .details {
        column-gap: 30px;
        justify-content: center;
    }

    .detail-box .details-box-inner .flight-icon {
        padding: 20px 0;
        margin: 0 auto;
    }

    .detail-box .details-box-inner {
        padding: 0px;
        text-align: center;
    }

    .detail-box .details span {
        font-size: 18px;
    }

    .detail-box .details-box-inner span:first-child,
    .detail-box .details-box-inner span:last-child {
        font-size: 18px;
        justify-content: center;
    }

    .basic-flight-section {
        padding-top: 100px;
    }

    .flight-offer-detail .col-md-5,
    .flight-offer-detail .col-md-7 {
        width: 100%;
    }

    .flight-offer-detail .flight-offer-content {
        padding-left: 0;
        padding-top: 70px;
        text-align: center;
    }

    .flight-offer-detail .flight-offer-content .buttons-group {
        justify-content: center;
    }

    .flight-box .basic-flight-content {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .flight-content-right .flight-info-icon {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .flight-content-right .flight-info-icon img {
        max-width: 30px;
    }

    .kontact-form .heading-center {
        padding-bottom: 45px;
    }

    .kontact-form .heading-center h2,
    .thank-you-content h2.wp-block-heading,
    .contactform .step-content .heading-center .sub-title {
        font-size: 18px;
        line-height: 28px;
    }

    .contactform .steps-form {
        max-width: 820px;
    }

    .contactform .steps-form .steps-row .steps-step {
        width: 55px;
        height: 55px;
        max-width: 55px;
    }

    .contactform .steps-form .steps-row .steps-step .btn-circle {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .contactform .steps-form .steps-row .steps-step::before {
        width: 265px;
    }

    .contactform .steps-form .steps-row .steps-step.step-complete::after {
        right: -145px;
    }

    .contactform .step-content.step-start>.input-group:first-child .wpcf7-form-control-wrap {
        width: 30%;
    }

    .contactform .step-content .input-group input,
    .contactform .step-content .input-group textarea,
    .contactform .step-content .input-group .nice-select {
        font-size: 16px;
    }

    .contactform .step-content .uacf7_repeater_sub_field button.uacf7_repeater_remove {
        width: 60px;
    }

    .contactform .step-second-wrap .input-group:first-child {
        width: calc(15% - 10px);
    }

    .contactform .step-second-wrap .input-group:nth-child(3) {
        width: calc(45% - 10px);
    }

    .contactform .step-content .uacf7_repeater_controls .uacf7_repeater_add {
        font-size: 18px;
    }

    .wpcf7-not-valid-tip {
        font-size: 12px;
    }

    .kontact-form .small-container .contactform {
        margin-bottom: 100px;
    }

    .contactform .step-content .heading-center p:not(.sub-title) {
        font-size: 14px;
        line-height: 24px;
    }

    .flight-form-section .flight-form .uacf7_repeater_sub_field+.uacf7_repeater_sub_field {
        margin-top: 125px;
    }

    .flight-form-section .flight-form .uacf7_repeater_sub_field+.uacf7_repeater_sub_field::before {
        top: -54px;
        font-size: 18px;
    }

    .flight-form-section .flight-form .uacf7_repeater_sub_field+.uacf7_repeater_sub_field::after {
        top: -40px;
    }

    .flight-form-section .flight-form .wpcf7 .acceptance {
        margin: 55px auto 40px;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 20px 27px;
    }

    .site-footer .col-md-6 {
        width: 65%;
    }

    .site-footer .col-md-3:last-child {
        width: 10%;
    }
}

@media(max-width:991px) {
    .page-template-events .advantages-slider-section {
        padding: 110px 0;
    }

    .cta-box.module-video-active .cta-box-content a {
        font-size: 16px;
        min-height: 65px;
        padding: 0px 30px;
    }

    .page-template-aktuelle-angebote .advantages-slider-section {
        padding-top: 20px;
    }

    .module-video-active .cta-box-content {
        background: transparent;
        backdrop-filter: none;
        padding: 0;
    }

    [data-aos="fade-up"] {
        transform: translateY(30px) !important;
    }

    [data-aos="fade-up"].aos-animate {
        transform: translateY(0) !important;
    }

    [data-aos="fade-left"] {
        transform: translateX(-30px) !important;
    }

    [data-aos="fade-left"].aos-animate {
        transform: translateX(0) !important;
    }

    [data-aos="fade-right"] {
        transform: translateX(30px) !important;
    }

    [data-aos="fade-right"].aos-animate {
        transform: translateX(0) !important;
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-30px, 0, 0) !important;
        transform: translate3d(-30px, 0, 0) !important;
    }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 30px, 0) !important;
        transform: translate3d(0, 30px, 0) !important;
    }

    html:not(.no-js) [data-aos=fade-right].aos-animate {
        -webkit-transform: none !important;
        transform: none !important;
    }

    html:not(.no-js) [data-aos=fade-up].aos-animate {
        -webkit-transform: none !important;
        transform: none !important;
    }

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 600px;
    }

    .site-header,
    .site-header.slider-rev-available.header-sticky {
        padding: 5px 25px;
    }

    .home .site-header,
    .page-template-aktuelle-angebote .site-header,
    .page-template-basis-Flaege .site-header,
    .page-template-das-flugzeug .site-header,
    .page-template-events .site-header,
    .page-template-ansprechpartner-template .site-header,
    .page-template-ueberuns-template .site-header {
        padding: 10px 20px;
    }

    .site-header,
    .site-header.header-sticky {
        padding: 5px 25px;
    }

    .home .site-header .site-logo img.custom-logo,
    .page-template-aktuelle-angebote .site-header .site-logo img.custom-logo,
    .page-template-basis-Flaege .site-header .site-logo img.custom-logo,
    .page-template-das-flugzeug .site-header .site-logo img.custom-logo,
    .page-template-events .site-header .site-logo img.custom-logo,
    .page-template-ansprechpartner-template .site-header .site-logo img.custom-logo,
    .page-template-ueberuns-template .site-header .site-logo img.custom-logo {
        max-width: 160px;
    }

    .site-logo img.custom-logo,
    .header-sticky .site-logo img.custom-logo,
    .home .site-header.header-sticky .site-logo img.custom-logo {
        max-width: 140px;
    }

    .site-header .col-md-4:first-child {
        width: 35%;
    }

    .site-header .col-md-4:nth-child(2) {
        width: 30%;
    }

    .site-header .col-md-4:last-child {
        width: 35%;
    }

    .primary-navigation .menu-button-container .button {
        width: 60px;
        height: 55px;
    }

    .primary-navigation .menu-button-container .button:before {
        width: 50px;
        height: 41px;
    }

    .header-sticky .primary-navigation .menu-button-container .button {
        width: 55px;
        height: 50px;
    }

    .header-sticky .primary-navigation .menu-button-container .button:before {
        width: 45px;
        height: 40px;
    }

    .primary-navigation .menu-button-container .button span.dropdown-icon span.menu-text {
        display: none;
    }

    .offers-section {
        margin-top: -51px;
    }

    .top-links ul {
        padding: 0 15px;
    }

    .top-links ul li a,
    .top-links ul li span {
        font-size: 14px;
        padding: 0px 20px;
        min-height: 50px;
    }

    .offer-box {
        padding: 35px 0px;
        height: auto;
    }

    .heading-center {
        padding-bottom: 60px;
    }

    .contry-from span:first-child,
    .contry-from span:last-child,
    .contry-to span:first-child,
    .contry-to span:last-child,
    .flight-date .month,
    .flight-date .date,
    .price>span:first-child,
    .price>span:last-child {
        font-size: 14px;
        font-family: darkmodedarkmodeoff_light;
    }

    .price>span:last-child,
    .contry-from span:last-child,
    .contry-to span:last-child {
        display: inline-block;
        line-height: 18px;
        margin-top: 3px;
    }

    .price>span:first-child {
        column-gap: 7px;
    }

    .price>span:first-child .offer-price-info-box img {
        width: 13px;
    }

    .price>span:last-child span img {
        transform: scaleX(-1);
        width: 7px;
        height: auto;
        margin: 0 2px 0 1px;
    }

    .price>span:first-child span {
        margin-top: -2px;
    }

    .flight-icon img {
        max-width: 20px;
        margin: 0 auto;
        display: block;
    }

    .flight-icon {
        width: 30px;
    }

    .contry-from,
    .contry-to {
        width: calc(48% - 15px);
    }

    .flight-date {
        display: none;
    }

    .price {
        width: 30%;
        order: 6;
    }

    .offer-box-inner .buttons-group {
        width: 70%;
        row-gap: 15px;
    }

    .offer-box-inner .buttons-group a,
    .offer-box-inner .buttons-group button {
        font-size: 14px;
        padding: 0 30px;
        justify-content: center;
        min-height: 40px;
        max-height: 40px;
    }

    .offer-box.no-offers .buttons-group a {
        width: auto;
    }

    .no-offer-text p,
    .no-data .no-gallery-data,
    .flight-offer-content p,
    .about-content p {
        font-size: 14px;
        line-height: 26px;
    }

    .offer-box.no-offers {
        min-height: 220px;
    }

    .heading-center h3,
    .main-heading h1,
    .notFound-content .content .title,
    h1.entry-title,
    .kontact-form .heading-center h1,
    .thank-you-content h1.wp-block-heading {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .main-heading h2 {
        margin-bottom: 30px;
    }

    .heading-center .buttons-group {
        padding-top: 65px;
    }

    .splide-actions {
        margin-top: 40px;
    }

    .image-box .splide-actions {
        margin-top: 30px;
    }

    .imageContent-section.events-details .imageContent-box {
        gap: 50px;
    }

    .plane-img img {
        max-width: 1000px !important;
        margin: 0px 0 0 -160px;
    }

    .notFound-content .content {
        margin-top: 70px;
    }

    .heading-center p,
    .notFound-content .content p,
    .site-main .entry-content p,
    .thank-you-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .info-box .info-left .title {
        margin-bottom: 15px;
    }

    .error-404 {
        padding: 100px 0 80px;
    }

    .notFound-content .content .primary-btn {
        margin-top: 15px;
    }

    .ourFleet-content h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .site-main .entry-content h2,
    .site-main .entry-content h3 {
        font-size: 26px;
        line-height: 36px;
        margin: 25px 0 10px;
    }

    .ourFleet-section {
        min-height: 1106px;
    }

    .landing-option-section {
        min-height: 958px;
    }

    .ourFleet-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .secondry-btn,
    .info-box .info-left .wp-block-button__link,
    .entry-content .borlabs-cookie-open-dialog-preferences a {
        font-size: 14px;
        padding: 0 35px;
        min-height: 45px;
        max-height: 45px;
    }

    .nav-bottom a.wap-icon::before {
        width: 16px;
        height: 16px;
        background-size: contain;
        margin-right: 10px;
    }

    .ourFleet-content .secondry-btn {
        margin-top: 45px;
    }

    .clouds-group .cloud-1 img {
        top: 40px;
        max-width: 370px;
        left: -370px;
    }

    .clouds-group .cloud-3 img {
        max-width: 260px;
        right: 480px;
        top: 490px;
    }

    .clouds-group .cloud-2 img {
        max-width: 380px;
        bottom: 105px;
        left: -200px;
    }

    .heading-center h4 {
        font-size: 30px;
        line-height: 45px;
    }

    .heading-center:has(p) h4 {
        margin-bottom: 15px;
    }

    .top-head p,
    .top-head .head-title,
    .table-title {
        font-size: 14px;
    }

    span.head-subtitle {
        font-size: 12px;
        text-align: center;
    }

    .top-head .head-title img {
        max-height: 42px;
    }

    .table-title,
    .aircraft-option {
        min-height: 130px;
    }

    .aircraft-option .option {
        gap: 15px;
    }

    .aircraft-option span {
        font-size: 14px;
    }

    .load-more-flights .load-more {
        font-size: 16px;
    }

    .main-heading h2,
    .flight-offer-content h3,
    .about-content .title {
        font-size: 20px;
        line-height: 30px;
    }

    .advantages-slider .icon-box .title {
        font-size: 18px;
    }

    .advantages-slider .icon-box p {
        font-size: 14px;
        line-height: 26px;
    }

    .icon-box img {
        max-width: 60px;
        max-height: 40px;
    }

    .advantages-slider .icon-box img {
        max-height: 60px;
        max-width: 70px;
    }

    .advantages-slider-section {
        padding: 50px 0 100px;
        min-height: 427px;
    }

    .offer-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .offer-content .secondry-btn {
        margin-top: 50px;
    }

    .offer-image-box .plane {
        top: -130px;
        right: -50px;
    }

    .partner-content h3 {
        font-size: 30px;
        line-height: 45px;
    }

    .partner-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .team-detail {
        min-height: 185px;
        padding-top: 30px;
    }

    .team-detail .name {
        font-size: 24px;
        line-height: 34px;
    }

    .team-detail .job,
    .team-detail a {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .team-detail a.email:before {
        width: 20px;
        height: 16px;
        margin: 0 15px -3px 0;
    }

    .team-detail a:after {
        left: 35px;
    }

    .team-detail a.cp_whatsapp:before {
        width: 20px;
        height: 20px;
        margin: 0 15px -5px 0;
    }

    .team-detail a.cp_phone:before {
        width: 17px;
        height: 17px;
    }

    .gallery-section,
    .gallery-section-inner {
        padding: 70px 0;
    }

    .gallery-slider img {
        height: 350px;
    }

    .gallery-headings h3,
    .offer-content h4 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .gallery-headings p {
        font-size: 16px;
        line-height: 30px;
    }

    .splide-actions .splide__pagination {
        gap: 15px;
    }

    .kontact-partner,
    .page-template-events .kontact-partner {
        padding: 100px 0;
    }

    .page-template-events .kontact-partner {
        padding-top: 20px;
    }

    .gallery-section {
        min-height: 855px;
    }

    .cta-section {
        padding: 70px 0;
        min-height: 440px;
    }

    .gallery-module:has(.gallery-section)+script+.module2-section .cta-section {
        min-height: 370px;
    }

    .cta-box img {
        width: 100%;
        height: auto !important;
        object-fit: cover;
    }

    .cta-box {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        gap: 50px;
    }

    .cta-box-content {
        position: relative;
        transform: none;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 0 0 30px;
        padding-bottom: 0;
        border-radius: 10px;
    }

    .cta-box:not(.module-video-active) .cta-box-content .primary-btn.dark {
        background: #fafafa;
        color: #0C1B2A;
    }

    .cta-box:not(.module-video-active) .cta-box-content .primary-btn.dark:hover {
        background: #345;
        color: #fff;
    }

    .cta-section.left-text .cta-box-content {
        left: auto;
    }

    .whatsap-section {
        padding: 75px 0;
        min-height: 600px;
    }

    .module2-section:has(.cta-section)+script+.module3-section .whatsap-section {
        min-height: 530px;
        padding-top: 50px;
    }

    .whatsap-bg img {
        min-height: 450px;
        object-fit: cover;
    }

    .primary-btn,
    .flight-form-section .flight-form .uacf7-buttons button,
    .notFound-content .content .wp-element-button {
        font-size: 14px;
        padding: 0 35px;
        min-height: 45px;
        max-height: 45px;
    }

    .cta-box-content span.cta-title {
        font-size: 26px;
        line-height: 36px;
    }

    .whatsap-section .wap-content span.title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    .planTabs-slider {
        padding: 0 50px;
    }

    .planTabs-slider .nav-tabs {
        padding-top: 25px !important;
    }

    .planTabs-slider .nav-tabs button {
        padding-bottom: 25px;
    }

    .planTabs-slider .nav-tabs button::after {
        height: 10px;
        border-radius: 50px 50px 0 0;
    }

    .max-info-section {
        padding: 50px 0;
    }

    .imageContent-section {
        padding: 100px 0 50px;
    }

    .our-team-section+.imageContent-section {
        padding: 90px 0;
    }

    .imageContent-box {
        flex-wrap: wrap;
        gap: 30px;
    }

    .imageContent-box .image-box {
        max-width: 100%;
        min-width: 100%;
    }

    .imageContent-box.img-right .image-box {
        order: initial;
    }

    .imageContent-box .image-box img {
        min-height: auto;
        height: auto;
        border-radius: 20px;
    }

    .imageContent-box .content-box {
        max-width: 90%;
        margin: 0 auto;
    }

    .uberUns-head-section {
        padding: 80px 0;
    }

    .uberUns-head-section+.imageContent-section {
        padding: 0 0 90px;
    }

    .imageContent-section.dark-section {
        padding: 90px 0;
    }

    .uber-video-section {
        padding: 70px 0 0;
    }

    .uber-video-section .container {
        display: flex;
        flex-direction: column-reverse;
    }

    .video-heading {
        margin-bottom: 0;
        margin-top: 35px;
    }

    .our-teams .team-box .partner-img-group {
        max-height: 330px;
        max-width: 230px !important;
        border-radius: 130px;
    }

    .team-image .partner-mask {
        height: 285px;
        border-radius: 130px;
    }

    a.primary-bg-btn {
        font-size: 16px;
        min-height: 65px;
        padding: 0px 30px;
    }

    .wap-icon:before {
        width: 20px;
        height: 20px;
    }

    a.primary-bg-btn.wap-icon:before {
        width: 26px;
        height: 26px;
    }

    .about-county {
        padding: 90px 0;
    }

    .about-county .col-md-6 {
        width: 100%;
    }

    .about-county .col-md-6:has(.about-content) {
        order: 2;
        max-width: 90%;
        margin: 30px auto 0;
    }

    .about-county .splide-actions .splide__arrows {
        max-width: 100%;
    }

    .events-detail-heading {
        padding-top: 100px;
    }

    .imageContent-section.events-details {
        padding: 60px 0 80px;
    }

    .events-details .load-event {
        margin-top: 58px;
    }

    .flight-form-section {
        padding: 80px 75px 80px 55px;
    }

    .flight-form-container {
        max-width: 520px;
    }

    .flight-form-container .flight-box-btn {
        width: 55px;
        height: 55px;
        background-size: 40px;
    }

    .flight-form-section .flight-form {
        max-width: 450px;
    }

    .flight-form-section .flight-form h1 {
        font-size: 34px;
        line-height: 44px;
        padding-bottom: 15px;
        margin-bottom: 45px;
    }

    .flight-form-section .flight-form .wpcf7 {
        padding: 15px 35px 50px;
    }

    .flight-form .input-group label {
        font-size: 16px;
        line-height: 24px;
    }

    .flight-form .input-group .select2-selection--single,
    .flight-form .input-group select,
    .flight-form .input-group input,
    .flight-form .input-group .nice-select {
        height: 60px;
        font-size: 16px;
        padding: 15px 25px;
    }

    .flight-form .input-group .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        line-height: 30px;
    }

    .flight-form .input-group .select2-selection--single .select2-selection__clear {
        height: 30px;
    }

    .flight-form .input-group .input-qty button {
        width: 60px;
    }

    .flight-form .input-group .input-qty .wpcf7-form-control-wrap {
        width: calc(100% - 120px);
    }

    .flight-form .input-group .input-qty button::before {
        width: 20px;
    }

    .flight-form .input-group .input-qty button.increment::after {
        height: 20px;
    }

    .select2-container .select2-dropdown {
        top: 0px;
    }

    .flight-form-section .flight-form button.uacf7_repeater_add {
        font-size: 18px;
    }

    .flight-form .submit-btn input.wpcf7-form-control {
        font-size: 16px;
        padding: 0 40px;
    }

    .flight-nfo-popup .title {
        font-size: 18px;
        margin-bottom: 25px;
        gap: 20px;
    }

    .flight-nfo-popup .title::before {
        width: 25px;
        height: 25px;
    }

    .flight-nfo-popup .info-contentet {
        font-size: 16px;
        margin-bottom: 35px;
        line-height: 26px;
    }

    .flight-offer-detail {
        padding: 75px 0;
    }

    .kontact-form .heading-center h1 {
        color: #FAFAFA;
        margin-bottom: 10px;
    }

    .kontact-partner {
        min-height: 1221px;
    }

    .contactform .steps-form {
        max-width: 600px;
        margin: 0 auto 65px;
    }

    .contactform .steps-form .steps-row .steps-step::before {
        width: 180px;
        left: calc(100% + 5px);
    }

    .contactform .steps-form .steps-row .steps-step.step-complete::after {
        right: -95px;
    }

    .contactform .steps-form .steps-row {
        padding-bottom: 35px;
    }

    .contactform .step-second-wrap,
    .contactform .step-content .input-group-wrapper {
        gap: 35px 15px;
    }

    .contactform .steps-form .steps-row .steps-step .steps-info {
        bottom: -30px;
    }

    .contactform .steps-form .steps-row .steps-step .steps-info p {
        font-size: 14px;
        display: block !important;
    }

    .contactform .step-content.step-start>.input-group:first-child .wpcf7-form-control-wrap {
        width: 40%;
        margin-bottom: 35px;
    }

    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(3),
    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(4) {
        width: calc(36% - 10px);
    }

    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(5) {
        width: calc(28% - 10px);
    }

    .contactform .step-second-wrap .input-group:first-child {
        width: calc(20% - 10px);
    }

    .contactform .step-second-wrap .input-group:nth-child(3) {
        width: calc(40% - 10px);
    }

    .contactform .step-second-wrap .input-group:nth-child(4),
    .contactform .step-second-wrap .input-group:nth-child(5) {
        width: calc(35% - 10px);
    }

    .contactform .step-second-wrap .input-group:nth-child(6) {
        width: calc(30% - 10px);
    }

    .step-second-wrap .step-second-btns-wrap .info-terms label,
    .flight-form-section .flight-form .wpcf7 .acceptance,
    .step-second-wrap .step-second-btns-wrap .info {
        font-size: 14px;
    }

    .step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap input,
    .flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap input {
        gap: 40px;
    }

    .contactform .step-content .uacf7_repeater_controls {
        margin-top: 45px;
    }

    .kontact-form .help-text span {
        font-size: 16px;
    }

    .contactform .step-content .uacf7-buttons button,
    .step-second-wrap .step-second-btns .uacf7_conditional input.wpcf7-submit {
        font-size: 14px;
        padding: 0 35px;
        min-height: 45px;
        max-height: 45px;
    }

    .contactform .step-content .uacf7_repeater_sub_field button.uacf7_repeater_remove {
        width: 40px;
    }

    .site-main .entry-content .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 0;
        margin: 0;
    }

    .site-main .entry-content .wp-block-columns .wp-block-column {
        flex-basis: auto;
    }

    .thank-you-content h2.wp-block-heading {
        margin-bottom: 30px;
    }

    .thank-you-content p {
        margin-bottom: 50px;
    }

    .site-footer .col-md-3:first-child {
        width: 100%;
        margin-bottom: 50px;
    }

    .site-footer .site-info {
        justify-content: center;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 20px 30px;
    }

    .site-footer .col-md-3 {
        width: 100%;
    }

    .site-footer .col-md-6 {
        width: 90%;
    }

    .footer-navigation .footer-navigation-wrapper li a,
    .footer-right a.wap-btn,
    .footer-right .wp-block-button__link,
    .footer-bottom .footer-bottom-inner p {
        font-size: 14px;
    }

    .footer-right,
    .footer-right .wp-block-button__link {
        text-align: center;
    }

    .footer-bottom {
        position: relative;
    }

    .footer-bottom-inner .back-to-top {
        position: absolute;
        right: -70px;
        bottom: 25px;
    }
}

@media (max-width: 767px) {

    .cta-box {
        border-radius: 0;
    }

    .cta-box .cta-background-video {
        position: relative;
        object-fit: cover;
        height: 100%;
        transform: none;
        margin: 0;
    }

    .cta-box.module-video-active .cta-box-content a {
        font-size: 14px;
        min-height: 60px;
    }

    .cta-box.module-video-active .cta-overlay {
        visibility: hidden;
    }

    .cta-box.module-video-active .cta-box-content {
        padding: 0;
    }

    .whatsap-section .container {
        display: flex;
        flex-direction: column-reverse;
        gap: 50px;
    }

    .whatsap-bg img {
        min-height: auto;
    }

    .whatsap-section .wap-content {
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }

    .page-template-events .advantages-slider-section {
        padding: 100px 0;
    }

    .home-slider {
        height: calc(var(--vh, 1vh) * 100);
        overflow: hidden;
    }

    sr7-module,
    sr7-adjuster,
    sr7-content {
        height: calc(var(--vh, 1vh) * 100) !important;
        min-height: 700px !important;
    }

    .offers-section {
        opacity: 1 !important;
    }

    .home sr7-module,
    .home sr7-adjuster,
    .home sr7-content {
        min-height: auto !important;
    }

    .scroll-icon a {
        bottom: 30px;
    }

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 550px;
    }

    .desktop-hide {
        display: block !important;
    }

    a.desktop-hide {
        display: flex !important;
        width: max-content;
        margin: 0 auto;
    }

    .hide-mobile {
        display: none !important;
    }

    .site-header {
        padding: 15px 20px !important;
        position: sticky !important;
        background: #1B3046 !important;
    }

    .home .site-header,
    .page-template-aktuelle-angebote .site-header,
    .page-template-basis-Flaege .site-header,
    .page-template-das-flugzeug .site-header,
    .page-template-events .site-header,
    .page-template-ansprechpartner-template .site-header,
    .page-template-ueberuns-template .site-header {
        position: fixed !important;
        background: transparent !important;
    }

    .site-header.slider-rev-available.header-sticky {
        background: #1B3046 !important;
        padding: 10px 20px !important;
    }

    .site-header .col-md-4:first-child {
        position: absolute;
        width: 0;
    }

    .site-logo {
        text-align: left;
    }

    .site-logo.menu-inner-logo {
        text-align: center;
    }

    .site-header .col-md-4:nth-child(2),
    .site-header .col-md-4:last-child {
        width: 50%;
    }

    .primary-navigation .menu-button-container,
    .header-right .wp-block-button a,
    .header-right .wp-btn-wrap {
        display: none !important;
    }

    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
        width: 90px;
        height: 50px;
    }

    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle:before {
        width: 80px;
        height: 40px;
    }

    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle span:after {
        width: 12px;
        height: 7px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    body .site-header.header-sticky .site-logo img.custom-logo {
        max-width: 110px !important;
        min-width: 110px;
    }

    .header-sticky .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
        width: 70px;
        height: 45px;
        font-size: 12px;
    }

    .header-sticky .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle span:after {
        width: 10px;
        height: 6px;
    }

    .mob-header {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        background: #FAFAFA;
        border-radius: 20px 20px 0 0;
        padding: 0 20px;
        box-shadow: 0 0 8px 0 rgb(0 0 0 / 11%);
        transition: all 0.5s ease;
        transform: translateY(100%);
    }

    .mob-header.flight-option-visible {
        transform: translateY(0);
    }

    .mob-header-links .mob-menus {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 20px;
    }

    .mob-header-links .mob-menus .menu a,
    .mob-header-links .mob-menus .menu button.menu-link-mob {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        text-decoration: none;
        font-size: 12px;
        color: #B0BEC5;
        padding: 18px 0 16px;
        gap: 10px;
        transition: all 0.3s ease;
        position: relative;
    }

    .mob-header-links .mob-menus .menu a::after,
    .mob-header-links .mob-menus .menu button.menu-link-mob::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 5px;
        left: 0;
        bottom: 0;
        background: transparent;
        border-radius: 20px 20px 0 0;
    }

    .mob-header-links .mob-menus .menu .menu-link-mob {
        max-width: 40px;
        min-width: 40px;
    }

    .mob-header-links .mob-menus .icon img {
        filter: contrast(0.5);
        transition: all 0.3s ease;
    }

    .mob-header-links .mob-menus .menu a.active,
    .mob-header-links .mob-menus .menu button.menu-link-mob.active {
        color: #2E4A7D;
    }

    .mob-header-links .mob-menus .menu a.active::after,
    .mob-header-links .mob-menus .menu button.menu-link-mob.active::after {
        background: #2E4A7D;
    }

    .mob-header-links .mob-menus .menu a.active .icon img {
        filter: contrast(1);
    }

    .mob-header-links .mob-menus .menu a.offer-link-mob .offer-count {
        position: absolute;
        top: 6px;
        right: 2px;
        width: 16px;
        height: 16px;
        background: #EB4B4B;
        color: #fafafa;
        font-size: 12px;
        border-radius: 50%;
        display: grid;
        place-content: center;
    }

    .mob-header-links .mob-menus .menu-bar {
        width: 28px;
        height: 20px;
        position: relative;
        transition: all .3s ease-in-out;
    }

    .mob-header-links .mob-menus .bar {
        position: absolute;
        height: 3px;
        width: 100%;
        background: #6B7A8F;
        transition: all 0.3s ease-in-out;
        left: 0;
    }

    .mob-header-links .mob-menus .bar:first-child {
        transition-delay: .3s;
    }

    .mob-header-links .mob-menus .bar:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
        transition-delay: .3s;
    }

    .mob-header-links .mob-menus .bar:last-child {
        bottom: 0;
        transition-delay: .3s;
    }

    .mob-header-links .mob-menus .active .menu-bar {
        transform: rotate(45deg);
        transition-delay: .6s;
    }

    .mob-header-links .mob-menus .active .bar:first-child {
        transform: translateY(6px);
    }

    .mob-header-links .mob-menus .active .bar:nth-child(2) {
        width: 0;
        transition-delay: 0s;
    }

    .mob-header-links .mob-menus .active .bar:last-child {
        transform: translateY(-11px) rotate(90deg);
    }

    .nav-main .nav-bottom a {
        border: none;
        padding: 0;
        font-size: 14px;
        min-height: auto;
    }

    .nav-main .nav-bottom a.wap-btn {
        display: none;
    }

    #below-section {
        top: -65px;
    }

    .top-links ul li a,
    .top-links ul li span {
        padding: 0px 15.9px;
    }

    .top-links ul li a:before {
        width: 11px;
        height: 11px;
    }

    .top-links ul li span::before {
        width: 12px;
        height: 12px;
    }

    .offers-section .small-container:not(.top-link-container),
    .current-offers .small-container .offers {
        width: 520px;
        margin: 0 auto;
    }

    .contry-from {
        width: 100%;
    }

    .flight-icon {
        width: 100%;
        text-align: center;
    }

    .contry-to {
        width: 100%;
        text-align: center;
    }

    .contry-to span:first-child {
        justify-content: flex-start;
    }

    .ourFleet-section {
        min-height: 955px;
    }

    .landing-option-section {
        min-height: 732px;
    }

    .offer-box-inner .flight-icon img {
        transform: rotate(90deg);
    }

    .flight-icon img {
        max-width: 26px;
    }

    .flight-details .details,
    .flight-details .details-box-inner span:first-child,
    .flight-details .details-box-inner span:last-child {
        justify-content: center;
    }

    .flight-details .details-box-inner {
        text-align: center;
    }

    .flight-offer-content p {
        margin-bottom: 30px;
    }

    .offer-image-box {
        padding-top: 220px;
    }

    .basic-flight-section .heading-center {
        padding-bottom: 70px;
    }

    .advantages-slider .icon-box .vorteil-img {
        max-height: 60px;
        min-height: 60px;
    }

    .advantages-slider .icon-box img {
        max-height: 60px;
        max-width: 70px;
    }

    .partner-img-wrap {
        max-width: 300px;
        height: 395px;
    }

    .partner-img-wrap .partner-mask {
        height: 355px;
    }

    .cta-box-content span.cta-title {
        font-size: 22px;
        line-height: 32px;
    }

    .current-offers {
        padding: 90px 0 55px;
    }

    .page-template-aktuelle-angebote .advantages-slider-section {
        padding-bottom: 90px;
        padding-top: 30px;
    }

    .advantages-slider-section {
        min-height: 412px;
    }

    .offer-section {
        padding: 100px 0;
        min-height: 1002px;
    }

    .info-box .info-left {
        padding: 50px;
        mask-position: bottom center;
        width: 100%;
        text-align: center;
        -webkit-mask-image: url(./assets/images/jha_mobile_tckt_big.svg);
        mask-image: url(./assets/images/jha_mobile_tckt_big.svg);
        border-top-left-radius: 21px;
        border-top-right-radius: 21px;
        border-bottom-left-radius: 0px;
        min-height: 402px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .info-box .info-right img {
        -webkit-mask-image: url(./assets/images/jha_mobile_tckt_sml.svg);
        mask-image: url(./assets/images/jha_mobile_tckt_sml.svg);
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        mask-position: top center;
    }

    .info-box .info-right {
        width: 100%;
        height: 350px;
        margin: -1px 0 0;
    }

    .info-box .info-left .secondry-btn,
    .info-box .info-left .wp-block-button__link {
        margin-top: 60px;
    }

    .flight-infos {
        padding: 0 40px;
    }

    .flight-infos .info-box {
        justify-content: center;
        text-align: center;
    }

    .flight-infos .info-box .value {
        font-size: 20px;
    }

    .offer-box .offer-box-inner {
        row-gap: 11px;
        text-align: center;
        justify-content: center;
    }

    .contry-from span:first-child,
    .contry-from span:last-child,
    .contry-to span:first-child,
    .contry-to span:last-child,
    .flight-date .month,
    .flight-date .date,
    .price>span:first-child,
    .price>span:last-child {
        justify-content: center;
    }

    .divide-border {
        margin: 9px 0;
    }

    .price {
        width: 100%;
        order: 6;
    }

    .offer-box-inner .buttons-group {
        width: 100%;
        row-gap: 15px;
        margin-top: 15px;
        justify-content: center;
    }

    .offer-box-inner .buttons-group a,
    .offer-box-inner .buttons-group button {
        width: auto;
    }

    .offer-box {
        padding: 35px 85px;
        height: auto;
        width: 100%;
        border-radius: 0 0 16px 16px;
    }

    .flight-ticket-offers::before {
        left: -30px;
        width: 60px;
        height: 60px;
        background-size: 20px;
        z-index: 1;
    }

    .flight-ticket-offers+.flight-ticket-offers .offer-box {
        border-radius: 16px;
    }

    .offer-box:before,
    .offer-box:after {
        width: 80px;
        height: 80px;
        background: #fff;
        border-radius: 50%;
    }

    .offer-box:before {
        left: -40px;
    }

    .offer-box:after {
        right: -40px;
    }

    .offer-box.no-offers {
        min-height: 220px;
        padding: 0;
    }

    .flight-option {
        padding: 100px 0;
    }

    .plane-tabs-section+.flight-option {
        padding-top: 25px;
    }

    .plane-img img {
        max-width: 840px !important;
        margin: 0px -545px 0 -140px;
    }

    .plane-img .secondry-btn.desktop-hide {
        margin-top: -40px;
        position: relative;
        z-index: 1;
    }

    .clouds-group .cloud-2 img {
        max-width: 350px;
        bottom: 70px;
        left: -360px;
    }

    .clouds-group .cloud-1 img {
        top: 100px;
        max-width: 300px;
        left: -630px;
    }

    .clouds-group .cloud-3 img {
        max-width: 230px;
        right: 650px;
        top: 40%;
    }

    .ourFleet-content {
        text-align: center;
    }

    .landing-option-section {
        padding: 80px 0;
    }

    .table-head>.top-head {
        padding: 0 0 15px 0;
        width: 30%;
    }

    .landing-table .table-head .aircraft-head,
    .aircraft-options {
        width: 70%;
    }

    .table-title {
        width: 30%;
    }

    .table-title,
    .aircraft-option {
        min-height: 80px;
        padding: 15px;
    }

    .contactform .step-content .uacf7_repeater_sub_field+.uacf7_repeater_sub_field {
        margin-top: 120px;
    }

    .contactform .step-content .uacf7_repeater_sub_field+.uacf7_repeater_sub_field::before {
        font-size: 16px;
        top: -50px;
    }

    .landing-table .table-head .aircraft-head .top-head {
        padding: 0 15px 15px;
    }

    .aircraft-option span.table-title {
        padding: 0;
        border: 0;
        width: 50%;
    }

    .aircraft-option span.option.time {
        gap: 10px;
    }

    .top-head .head-title img {
        max-height: 20px;
    }

    .top-head p,
    .top-head .head-title,
    .table-title {
        font-size: 13px;
        padding: 15px 0 0 0;
    }

    .aircraft-option span {
        font-size: 13px;
        line-height: inherit;
    }

    .main-heading h2,
    .flight-offer-content h3,
    .about-content .title {
        font-size: 18px;
        line-height: 26px;
    }

    .about-content .title {
        margin-bottom: 15px;
    }

    .aircraft-col {
        background: #FAFAFA;
        border-radius: 11px;
        padding: 0px;
    }

    .option.time img {
        max-width: 22px;
        max-height: 18px;
    }

    .landing-table .table-content:nth-child(3) .aircraft-option:nth-child(2) .option img {
        max-height: 22px;
        max-width: 32px;
    }

    .landing-table .table-content:nth-child(3) .aircraft-option:nth-child(2) .option img {
        max-height: 14px;
        max-width: 20px;
    }

    .landing-option-section .landing-table {
        row-gap: 30px;
    }

    .flight-details .details-box-inner span:first-child img {
        width: 25px;
        height: 15px;
    }

    .offer-content {
        text-align: center;
    }

    .offer-image-box .circle-mask {
        width: 300px;
        height: 420px;
        margin: 0 auto;
    }

    .offer-image-box .phone-wrapper {
        width: 300px;
        height: 550px;
    }

    .offer-image-box .phone {
        height: 460px !important;
    }

    .offer-image-box .plane {
        top: -70px;
        right: -10px;
        max-width: 210px !important;
    }

    .offer-image-box .cloud {
        max-height: 260px !important;
        object-fit: cover;
        bottom: -85px;
    }

    .offer-image-box .secondry-btn {
        margin-top: 60px;
    }

    .our-team-section {
        padding: 75px 0;
    }

    .our-teams .team-box .partner-img-group {
        max-height: 300px;
        border-radius: 120px;
    }

    .team-image .partner-mask {
        height: 255px;
        border-radius: 120px;
    }

    .kontact-partner .col-md-8 {
        padding-top: 0;
        padding-left: 12px;
        padding-bottom: 55px;
    }

    .kontact-partner .row {
        flex-direction: column-reverse;
        text-align: center;
    }

    .cta-section {
        min-height: 400px;
    }

    .gallery-module:has(.gallery-section)+script+.module2-section .cta-section {
        min-height: 330px;
        padding: 30px 0 50px;
    }

    .module2-section:has(.cta-section)+script+.module3-section .whatsap-section {
        padding-bottom: 100px;
        padding-top: 70px;
    }

    .partner-content .buttons-group {
        justify-content: center;
    }

    .partner-img .partner-content .buttons-group {
        display: flex !important;
    }

    .buttons-group {
        justify-content: center;
        gap: 15px;
    }

    .mobile-partner-info {
        margin-top: 20px;
    }

    .mobile-partner-info .partner-name {
        font-size: 20px;
        margin-bottom: 12px;
        display: block;
        color: #0C1B2A;
    }

    .mobile-partner-info .buttons-group .secondry-btn.dark {
        border: none;
        background: transparent;
        padding: 0;
        min-height: auto;
        font-size: 0;
    }

    .mobile-partner-info .buttons-group .mail-icon:before {
        content: '';
        background: url(./assets/images/email-icon-black.svg) center no-repeat;
        background-size: contain;
        width: 23px;
        height: 18px;
        transition: 0.5s all;
    }

    .mobile-partner-info .buttons-group .wap-icon:before {
        margin: 0;
        width: 22px;
        height: 22px;
        background-size: contain;
    }

    .detail-box .details-box-inner .flight-icon {
        padding: 25px 0;
    }

    .detail-box .details-box-inner span:first-child,
    .detail-box .details-box-inner span:last-child,
    .detail-box .details span {
        font-size: 16px;
        justify-content: center;
    }

    .detail-box .details-box-inner span img {
        width: 20px;
        height: 12px;
        border-radius: 3px;
    }

    .detail-box .details {
        column-gap: 20px;
        padding-bottom: 20px;
        margin-bottom: 25px;
        justify-content: center;
    }

    .detail-box .details-box-inner .flight-to {
        margin-bottom: 25px;
        padding-bottom: 20px;
    }

    .imageContent-box .content-box .buttons-group {
        padding-top: 45px;
        justify-content: flex-start;
    }

    .imageContent-box+.imageContent-box {
        margin-top: 70px;
    }

    .imageContent-box .content-box p+p {
        margin-top: 15px;
    }

    .imageContent-section.events-details .imageContent-box {
        gap: 35px;
    }

    .splide-actions {
        margin-top: 30px;
    }

    .image-box .splide-actions {
        margin-top: 20px;
    }

    .flight-box .basic-flight-content {
        padding: 70px 35px;
    }

    .flight-form-section {
        padding: 60px 60px 70px 20px;
    }

    .flight-form-container {
        max-width: 370px;
        gap: 0;
        z-index: 3;
        transition-delay: 0.3s;
    }

    .flight-form-container.form-hide {
        transform: translateX(calc(-100% + 10px)) !important;
    }

    .flight-form-container .flight-box-btn {
        width: 40px;
        min-width: 40px;
        height: 40px;
        background-size: 30px;
        margin-left: -20px;
        z-index: 3;
        background-color: #fff;
    }

    .flight-form-section .flight-form {
        max-width: 365px;
        min-width: 365px;
    }

    .flight-form-title {
        padding: 15px 30px 0;
        background: #fff;
    }

    .flight-form-section .flight-form h1 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 10px;
        margin-bottom: 31px;
    }

    .flight-form-section .flight-form h1::after {
        background-size: 310px;
    }

    .flight-form-section .flight-form .wpcf7 {
        padding: 15px 30px 40px;
    }

    .flight-form .input-group {
        margin-bottom: 22px;
    }

    .flight-form .input-group label {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .flight-form span.flight-icon {
        margin: 0px 0 10px;
    }

    .flight-form .submit-btn input.wpcf7-form-control {
        font-size: 12px;
        padding: 0px 30px;
        min-height: 44px;
    }

    .flight-form-section .flight-form button.uacf7_repeater_add {
        font-size: 13px;
    }

    .flight-form-section .flight-form button.uacf7_repeater_add::after {
        font-size: 20px;
    }

    .flight-form .input-group .input-qty button {
        width: 50px;
        min-width: 50px;
    }

    .flight-form .input-group .input-qty .wpcf7-form-control-wrap {
        width: calc(100% - 100px);
    }

    .footer-bottom .footer-bottom-inner aside.widget-area {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        text-align: center;
    }

    .flight-nfo-popup {
        max-width: 335px;
        min-width: 335px;
    }

    .flight-nfo-popup .title {
        font-size: 13px;
        margin-bottom: 30px;
        gap: 15px;
    }

    .flight-nfo-popup .title::before {
        width: 20px;
        height: 20px;
    }

    .flight-nfo-popup .info-contentet {
        font-size: 13px;
        margin-bottom: 35px;
        line-height: 22px;
    }

    .flight-nfo-popup .aircraft-pin {
        margin-top: 20px;
        gap: 15px;
        font-size: 13px;
    }

    .flight-nfo-popup .aircraft-pin::before {
        width: 15px;
        height: 20px;
    }

    .google-map .acf-map .gm-style-iw {
        padding: 0 25px 40px !important;
    }

    .google-map .acf-map .gm-style-iw .gm-style-iw-ch {
        padding: 40px 0 0;
    }

    .google-map .acf-map .gm-style-iw .gm-style-iw-d p {
        font-size: 13px;
    }

    .google-map .acf-map .gm-style-iw .gm-style-iw-d h4 {
        font-size: 18px;
    }

    .kontact-partner {
        min-height: 1057px;
    }

    .contactform .steps-form {
        margin: 0 auto 50px;
    }

    .contactform .steps-form .steps-row .steps-step::before {
        width: 155px;
    }

    .contactform .step-content .input-group .number-input button {
        width: 30px;
    }

    .contactform .step-content .input-group .number-input button::before,
    .bootstrap-timepicker-widget table td a::before {
        width: 14px;
    }

    .contactform .step-content .input-group .number-input button.increment::after,
    .bootstrap-timepicker-widget table td a[data-action="incrementHour"]::after,
    .bootstrap-timepicker-widget table td a[data-action="incrementMinute"]::after {
        height: 14px;
    }

    .contactform .step-content .input-group .number-input::before {
        width: 20px;
        height: 15px;
    }

    .contactform .step-second-wrap .input-group:first-child {
        width: calc(30% - 7.5px);
    }

    .contactform .step-second-wrap .input-group:nth-child(2) {
        width: calc(70% - 7.5px);
    }

    .contactform .step-second-wrap .input-group:nth-child(3),
    .contactform .step-second-wrap .input-group:nth-child(4),
    .contactform .step-second-wrap .input-group:nth-child(5),
    .contactform .step-second-wrap .input-group:nth-child(6) {
        width: calc(50% - 7.5px);
    }

    .step-second-wrap .step-second-btns-wrap .info-terms label,
    .flight-form-section .flight-form .wpcf7 .acceptance,
    .step-second-wrap .step-second-btns-wrap .info {
        font-size: 12px;
    }

    .step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap input,
    .flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap input,
    .step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap .wpcf7-list-item-label,
    .flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap .wpcf7-list-item-label {
        height: 20px;
        width: 20px;
    }

    .step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap .wpcf7-list-item-label::after,
    .flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap .wpcf7-list-item-label::after {
        left: 7px;
        top: 3px;
        width: 5px;
        height: 10px;
    }

    .step-second-wrap .step-second-btns-wrap .info-terms label .wpcf7-form-control-wrap,
    .flight-form-section .flight-form .wpcf7 .acceptance .wpcf7-form-control-wrap {
        margin-right: 15px;
    }

    .step-second-wrap .step-second-btns-wrap .info::before {
        width: 20px;
        min-width: 20px;
    }

    .step-second-wrap .step-second-btns-wrap .info-terms label {
        max-width: 340px;
    }

    .contactform .step-content .uacf7_repeater_controls .uacf7_repeater_add {
        font-size: 16px;
    }

    .contactform .step-content .uacf7-buttons {
        margin: 35px 0 0;
    }

    .flight-form-section .flight-form .uacf7_repeater_sub_field+.uacf7_repeater_sub_field {
        margin-top: 100px;
    }

    .kontact-form .small-container .contactform {
        margin-bottom: 75px;
    }

    .flight-form-section .flight-form .uacf7_repeater_sub_field+.uacf7_repeater_sub_field::before {
        top: -52px;
        font-size: 16px;
    }

    .flight-date {
        order: 1;
        display: flex;
        gap: 3px;
        width: 100%;
        justify-content: center;
    }

    .flight-date .month,
    .flight-date .date {
        font-size: 20px;
    }

    .site-main .entry-header {
        padding: 70px 0 0;
    }

    .site-main .entry-content {
        padding-bottom: 70px;
    }

    .advantages-slider .icon-box .title {
        font-size: 16px;
    }

    .site-footer {
        padding: 75px 0 95px;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 20px 16px;
    }

    .footer-bottom-inner .back-to-top {
        position: absolute;
        right: 0;
        bottom: 40px;
    }

    .footer-bottom-inner .back-to-top a {
        background-size: 20px;
    }

    .footer-bottom-inner section {
        width: 100%;
        text-align: left;
    }
}

@media(max-width:599px) {

    .imageContent-box .content-box .buttons-group {
        padding-top: 40px;
    }

    .imageContent-box {
        gap: 25px;
    }

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 450px;
    }

    .offers-section .small-container:not(.top-link-container),
    .current-offers .small-container .offers {
        width: 450px;
    }

    .flight-ticket-offers::before {
        left: -20px;
        width: 40px;
        height: 40px;
        background-size: 16px;
        z-index: 1;
    }

    .splide__arrows .splide__arrow {
        width: 30px;
        height: 30px;
        background-size: 20px;
    }

    .info-box .info-right {
        height: 290px;
    }

    .info-box .info-left .secondry-btn,
    .info-box .info-left .wp-block-button__link {
        margin-top: 70px;
    }

    .advantages-slider {
        padding: 0px 20px;
    }

    .gallery-slider img {
        height: 270px;
    }

    .ourFleet-section {
        min-height: 985px;
    }

    .landing-option-section {
        min-height: 788px;
    }

    .advantages-slider-section .container {
        width: 100% !important;
        max-width: 100%;
    }

    .advantages-slider-section .container .heading-center {
        max-width: 450px;
        margin: 0 auto;
    }

    .splide__arrows .splide__arrow.splide__arrow--next {
        background-size: 20px;
    }

    .heading-center {
        padding-bottom: 80px;
    }

    .landing-option-section {
        padding: 100px 0 50px;
    }

    .advantages-slider-section {
        padding: 50px 0 100px;
        min-height: 465px;
    }

    .gallery-section {
        min-height: auto;
    }

    .offer-section {
        padding-top: 80px;
        padding-bottom: 80px;
        min-height: auto;
        min-height: 962px;
    }

    .offers-section .container {
        max-width: 100%;
        width: 100%;
    }

    .top-links ul {
        padding: 0 0px;
        max-width: 100%;
        margin: 0 auto;
        overflow-x: auto;
        flex-wrap: nowrap;
        background: #334455;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        scrollbar-width: none !important;
    }

    .top-links ul li span {
        border-top-left-radius: 16px;
        border-top-right-radius: 0;
    }

    .top-links ul li:first-child {
        flex: 0 0 56%;
        width: 56%;
    }

    .top-links ul li:nth-child(3) {
        flex: 0 0 44%;
        width: 44%;
    }

    .top-links ul li:nth-child(even) {
        display: none;
    }

    .top-links ul li:last-child a {
        border-top-left-radius: 0px;
        border-top-right-radius: 16px;
    }

    .top-links ul::-webkit-scrollbar {
        height: 0;
        width: 0;
        display: none;
    }

    .top-links ul::-webkit-scrollbar-thumb {
        display: none;
    }

    .offers-section .container .offers {
        width: 450px;
        margin: 0 auto;
        padding-top: 26px;
    }

    .top-links ul {
        width: 100%;
    }

    .top-links ul li a,
    .top-links ul li span {
        font-size: 13px;
        line-height: 13px;
        column-gap: 10px;
        padding: 0px 15px;
        white-space: nowrap;
    }

    .top-links ul li a:before {
        width: 10px;
        height: 10px;
    }

    .top-links ul li span::before {
        width: 11px;
        height: 11px;
    }

    .offer-box:before,
    .offer-box:after {
        width: 59px;
        height: 59px;
        border-radius: 50px;
        background: #fff;
    }

    .step-second-wrap .step-second-btns-wrap .info-terms {
        flex-wrap: wrap;
    }

    .contry-from span:first-child,
    .contry-from span:last-child,
    .contry-to span:first-child,
    .contry-to span:last-child,
    .price>span:first-child,
    .price>span:last-child {
        font-size: 13px;
        font-family: darkmodedarkmodeoff_light;
    }

    .price>span:first-child {
        column-gap: 7px;
    }

    .contry-from span:last-child {
        line-height: 22px;
    }

    .contry-from img,
    .contry-to img {
        width: 15px;
        height: 11px;
    }

    .offer-box-inner .buttons-group a,
    .offer-box-inner .buttons-group button {
        font-size: 12px;
        padding: 0 30px;
        justify-content: center;
        min-height: 44px;
        max-height: 44px;
    }

    .offer-box {
        padding: 30px 50px;
        height: auto;
        width: 100%;
    }

    .flight-ticket-offers+.flight-ticket-offers .offer-box {
        border-radius: 16px;
    }

    .current-offers .offer-box {
        border-radius: 16px;
    }

    .top-head p,
    .table-title {
        font-size: 12px;
    }

    .offer-box.no-offers .buttons-group a {
        width: auto;
    }

    .no-offer-text p,
    .no-data .no-gallery-data,
    .flight-offer-content p,
    .about-content p {
        font-size: 13px;
        line-height: 22px;
    }

    .offer-box.no-offers {
        min-height: auto;
        padding: 30px 50px;
    }

    .offer-box.no-offers::after {
        height: 59px;
        width: 59px;
        right: -30px;
    }

    .detail-box .details span img {
        max-height: 18px;
        max-width: 18px;
    }

    .detail-box .details span.flight-date::before,
    .detail-box .details span.flight-time::before {
        width: 18px;
        height: 18px;
    }

    .offer-box.no-offers::before {
        height: 59px;
        width: 59px;
        left: -30px;
    }

    .offer-box:before {
        left: -30px;
    }

    .offer-box:after {
        right: -30px;
    }

    .our-teams .team-box .partner-img-group {
        max-height: 420px;
        max-width: 320px !important;
        border-radius: 160px;
    }

    .team-image .partner-mask {
        height: 370px;
        max-width: 320px !important;
        border-radius: 160px;
    }

    body .splide__arrow--prev {
        left: 20px;
    }

    body .splide__arrow--next {
        right: 20px;
    }

    .plane-tabs-section>.small-container,
    .max-info-section .container {
        max-width: 100%;
        width: 100%;
    }

    .planTabs-slider {
        padding: 0;
        position: relative;
    }

    .max-info-section {
        position: relative;
        padding: 30px 0
    }

    .planTabs-slider::before,
    .max-info-section::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 90px;
        height: 100%;
        z-index: 1;
        background: #ffffff;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    }

    .planTabs-slider::after,
    .max-info-section.steps-step.step-complete.prev-step-available::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
        height: 100%;
        z-index: 0;
        background: #ffffff;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    }

    .planTabs-slider .nav-tabs button {
        max-width: 200px;
        position: relative;
        margin: 0 auto;
    }

    .flight-infos {
        padding: 0;
    }

    .flight-form .input-group .date-time {
        flex-direction: column;
    }

    .advantages-slider .icon-box p {
        font-size: 13px;
        line-height: 18px;
    }

    .advantages-slider .splide__pagination {
        position: relative;
        bottom: 0;
        top: 0;
        margin-top: 30px;
    }

    .advantages-slider .splide__pagination button {
        width: 10px;
        height: 10px;
        margin: 0 5px;
        transform: none;
        background: #B0BEC5;
    }

    .advantages-slider .splide__pagination button.is-active {
        background: #2E4A7D;
    }

    .imageContent-box .content-box h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .events-details .imageContent-box .content-box h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .imageContent-box .content-box .sub-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .imageContent-box .content-box p,
    .imageContent-box .content-box li {
        font-size: 13px;
        line-height: 20px;
    }

    .video-heading h4 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 18px;
    }

    .video-heading p {
        font-size: 13px;
        line-height: 22px;
    }

    .video-box img,
    .video-box iframe,
    .video-box video,
    .video-box::before {
        min-width: calc(100% + 40px);
        margin-left: -20px;
    }

    .video-box #playButton {
        width: 80px;
        height: 80px;
        background-size: 60px !important;
    }

    .video-box.pause #playButton {
        background-size: 60px !important;
    }

    .team-detail {
        min-height: auto;
    }

    .team-detail .name {
        font-size: 24px;
        line-height: 32px;
    }

    .team-detail .job {
        font-size: 16px;
    }

    .heading-center .buttons-group {
        padding-top: 40px;
    }

    .events-detail-heading {
        padding-top: 80px;
    }

    .imageContent-section.events-details {
        padding: 40px 0 80px;
    }

    .events-details .load-event {
        margin-top: 50px;
    }

    .imageContent-section.events-details .content-box h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .imageContent-section.events-details .content-box p {
        font-size: 13px;
        line-height: 22px;
    }

    .our-team-section .our-teams .col-md-4 {
        width: 100%;
    }

    .team-detail a.email:before,
    .team-detail a.cp_phone:before,
    .team-detail a.cp_whatsapp:before {
        margin: 0;
    }

    .flight-content-left {
        width: 100%;
    }

    .flignt-info-box .flight-details {
        padding: 30px 30px 40px;
        width: 100%;
    }

    .flight-details .details-box-inner span:first-child,
    .flight-details .details-box-inner span:last-child {
        font-size: 16px;
    }

    .flignt-info-box .flight-info-btn {
        font-size: 22px;
    }

    .kontact-form {
        padding: 85px 0 65px;
    }

    .kontact-form .heading-center {
        padding-bottom: 35px;
    }

    .kontact-form .heading-center h2,
    .thank-you-content h2.wp-block-heading,
    .contactform .step-content .heading-center .sub-title {
        font-size: 16px;
        line-height: 26px;
    }

    .contactform .steps-form {
        max-width: 450px;
        padding: 0px 15px;
        margin: 0 auto 40px;
    }

    .contactform .steps-form .steps-row .steps-step {
        width: 45px;
        height: 45px;
        max-width: 45px;
    }

    .contactform .steps-form .steps-row .steps-step .btn-circle {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .contactform .steps-form .steps-row .steps-step::before {
        width: 115px;
        height: 2px;
        left: calc(100% + 10px);
    }

    .contactform .steps-form .steps-row .steps-step .steps-info p {
        font-size: 13px;
    }

    .contactform .step-content.step-start>.input-group:first-child .wpcf7-form-control-wrap {
        width: calc(50% - 7.5px);
        margin-bottom: 30px;
    }

    .contactform .step-second-wrap,
    .contactform .step-content .input-group-wrapper {
        gap: 30px 15px;
    }

    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(3),
    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(4) {
        width: calc(50% - 7.5px);
    }

    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(5) {
        width: 100%;
    }

    .step-second-wrap .step-second-btns-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .step-second-wrap .step-second-btns {
        width: 100%;
        justify-content: center;
    }

    .contactform .step-content .uacf7-buttons {
        justify-content: center;
        gap: 15px;
        padding-right: 40px;
    }

    .step-second-wrap .step-second-btns .uacf7_conditional {
        padding-right: 40px;
    }

    .step-second-wrap .step-second-btns .uacf7_conditional .wpcf7-spinner {
        margin: 0 15px;
    }

    .our-team-section+.imageContent-section,
    .imageContent-section {
        padding: 75px 0;
    }

    .splide-actions .splide__arrows {
        gap: 20px
    }

    .splide-actions .splide__pagination {
        gap: 10px;
    }

    .splide-actions .splide__pagination button {
        width: 10px;
        height: 10px;
    }

    .team-detail .team-info {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 15px;
    }

    .team-detail a:after {
        content: none;
    }

    .team-detail .team-info a {
        margin: 0;
        font-size: 0;
        gap: 0;
    }

    .flight-offers {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .thank-you-page {
        padding: 75px 0;
    }

    .site-footer .col-md-6 {
        width: 100%;
        margin-bottom: 50px;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 20px 27px;
        margin: 0 auto;
    }

    .footer-navigation .footer-navigation-wrapper li:first-child,
    .footer-navigation .footer-navigation-wrapper li:nth-child(4),
    .footer-navigation .footer-navigation-wrapper li:nth-child(7) {
        min-width: 125px;
    }

    .footer-navigation .footer-navigation-wrapper li:nth-child(2),
    .footer-navigation .footer-navigation-wrapper li:nth-child(5),
    .footer-navigation .footer-navigation-wrapper li:nth-child(8) {
        min-width: 140px;
    }

    .footer-navigation .footer-navigation-wrapper li:nth-child(3),
    .footer-navigation .footer-navigation-wrapper li:nth-child(6) {
        min-width: 131px;
    }

    .footer-right .wp-block-button__link {
        margin-bottom: 20px;
        margin-top: 0;
    }

    .site-footer .col-md-3:last-child {
        width: 100%;
    }

    .footer-right {
        align-items: center;
        text-align: center;
    }

    .footer-right a {
        font-size: 18px !important;
    }

    .footer-right a.wp-block-button__link::before {
        content: none;
    }

    .footer-right a.wp-block-button__link::before,
    .footer-right a.wap-btn:before {
        width: 20px;
        height: 20px;
    }

}

@media(max-width:519px) {

    .page-template-events .advantages-slider-section {
        padding: 80px 0;
    }

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 370px;
    }

    .nav-main {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 100px;
        padding: 50px 0 200px;
    }

    .nav-top .close-icon {
        display: none;
    }

    .nav-top .site-logo.menu-inner-logo {
        padding: 0;
    }

    .site-logo img.custom-logo,
    .nav-top .site-logo.menu-inner-logo img.custom-logo,
    .page-template-aktuelle-angebote .site-header .site-logo img.custom-logo,
    .page-template-basis-Flaege .site-header .site-logo img.custom-logo,
    .page-template-das-flugzeug .site-header .site-logo img.custom-logo,
    .page-template-events .site-header .site-logo img.custom-logo,
    .page-template-ansprechpartner-template .site-header .site-logo img.custom-logo,
    .page-template-ueberuns-template .site-header .site-logo img.custom-logo {
        max-width: 135px !important;
        min-width: 135px;
    }

    .primary-navigation .primary-menu-container .menu-wrapper {
        padding: 0;
        text-align: center;
    }

    .primary-navigation .primary-menu-container .menu-wrapper a {
        font-size: 18px;
        margin-bottom: 23px;
        justify-content: center;
    }

    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
        width: 80px;
        height: 50px;
    }

    .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle:before {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
    }

    .header-sticky .wpml-ls-sidebars-header-lang-switcher ul li.wpml-ls-current-language a.wpml-ls-item-toggle {
        width: 75px;
        height: 45px;
    }

    .nav-bottom {
        padding-top: 0;
        padding-bottom: 0;
        flex-direction: column;
    }

    .offers-section {
        overflow: hidden;
    }

    .offers-section .small-container:not(.top-link-container),
    .current-offers .small-container .offers {
        width: 90%;
        max-width: 350px;
    }

    .flight-ticket-offers::before {
        left: -20px;
        width: 40px;
        height: 40px;
        background-size: 16px;
        z-index: 1;
    }

    .offers-section .small-container {
        width: 90%;
        max-width: 350px;
    }

    .offer-box-inner .buttons-group a,
    .offer-box-inner .buttons-group button {
        padding: 0 20px;
    }

    .buttons-group {
        gap: 12px;
    }

    .heading-center h3,
    .main-heading h1,
    .notFound-content .content .title,
    h1.entry-title,
    .kontact-form .heading-center h1,
    .thank-you-content h1.wp-block-heading {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 32px;
    }

    .heading-center p,
    .notFound-content .content p,
    .site-main .entry-content p,
    .thank-you-content p {
        font-size: 13px;
        line-height: 20px;
    }

    .info-box .info-left {
        min-height: 342px;
        padding: 50px;
        mask-position: bottom center;
    }

    .info-box .info-left .title {
        font-size: 24px;
        line-height: 32px;
    }

    .info-box .info-left p {
        font-size: 13px;
        line-height: 20px;
    }

    .info-box .info-right {
        height: 210px;
    }

    .info-box .info-left .secondry-btn,
    .info-box .info-left .wp-block-button__link {
        margin-top: 40px;
    }

    .top-links ul li a,
    .top-links ul li span {
        column-gap: 10px;
        white-space: nowrap;
    }

    .offers-section .container .offers {
        width: 350px;
    }

    .offer-box:before,
    .offer-box:after {
        width: 59px;
        height: 59px;
    }

    .offer-box:before {
        left: -30px;
    }

    .flight-offer-detail .flight-offer-content {
        padding-top: 50px;
    }

    .flight-offer-content h3 {
        margin-bottom: 20px;
    }

    .offer-box:after {
        right: -30px;
    }

    .offer-box {
        width: calc(100% - 0px);
        padding: 30px 50px;
        height: auto;
    }

    .offer-box.no-offers {
        min-height: auto;
        padding: 30px 50px;
    }

    .offer-box.no-offers::before {
        height: 59px;
        width: 59px;
        left: -30px;
    }

    .offer-box.no-offers::after {
        height: 59px;
        object-fit: contain;
        width: 59px;
        right: -30px;
    }

    .heading-center {
        padding-bottom: 50px;
    }

    .ourFleet-content h4,
    .site-main .entry-content h2,
    .site-main .entry-content h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .ourFleet-content p {
        font-size: 13px;
        line-height: 20px;
    }

    .ourFleet-content {
        text-align: center;
    }

    .primary-btn,
    .secondry-btn,
    .flight-form-section .flight-form .uacf7-buttons button,
    .notFound-content .content .wp-element-button,
    .info-box .info-left .wp-block-button__link,
    .entry-content .borlabs-cookie-open-dialog-preferences a {
        font-size: 12px;
        padding: 0 30px;
        min-height: 40px;
        max-height: 40px;
    }

    .plane-img img {
        max-width: 640px !important;
        margin: -25px -545px 0 -120px;
    }

    .offers-section+.ourFleet-section {
        margin-top: 70px;
    }

    .ourFleet-section {
        padding: 85px 0;
        min-height: 807px;
    }

    .landing-option-section {
        min-height: 704px;
    }

    .clouds-group .cloud-3 img {
        max-width: 200px;
        right: 530px;
        top: 40%;
    }

    .clouds-group .cloud-1 img {
        top: 120px;
        max-width: 250px;
        left: -600px;
    }

    .clouds-group .cloud-2 img {
        max-width: 310px;
        bottom: 90px;
        right: -400px;
    }

    .kontact-partner {
        min-height: 949px;
    }

    .table-head>.top-head {
        padding: 0 0 10px 0;
    }

    .landing-table .table-head .aircraft-head .top-head {
        padding: 0 6px 10px;
    }

    .flight-details .details-box-inner span:first-child img {
        width: 20px;
        height: 13px;
        border-radius: 3px;
    }

    .offer-section {
        min-height: 773px;
    }

    span.head-subtitle {
        font-size: 10px;
        margin-top: 5px;
    }

    .top-head p,
    .table-title,
    .aircraft-option span,
    .top-head .head-title {
        font-size: 10px;
    }

    .aircraft-option {
        padding: 10px;
    }

    .advantages-slider-section .container .heading-center {
        max-width: 370px;
    }

    .landing-option-section {
        padding: 75px 0;
    }

    .page-template-ueberuns-template .landing-option-section {
        padding-top: 0px;
    }

    .heading-center h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .heading-center:has(p) h4 {
        margin-bottom: 20px;
    }

    .ourFleet-content .secondry-btn {
        margin-top: 20px;
    }

    .advantages-slider-section {
        padding: 35px 0 80px;
        min-height: 374px;
    }

    .load-more-flights {
        margin-top: 35px;
    }

    .flight-details .details>span {
        gap: 6px;
    }

    .flight-details .details>span img {
        max-width: 11px;
        min-width: auto;
        max-height: 12px;
    }

    .page-template-events .kontact-partner {
        padding-top: 20px;
    }

    .kontact-form .small-container .contactform {
        margin-bottom: 50px;
    }

    .advantages-slider .icon-box .vorteil-img {
        max-height: 50px;
        min-height: 50px;
    }

    .advantages-slider .icon-box img {
        max-height: 50px;
        max-width: 60px;
    }

    .partner-img-wrap {
        max-width: 305px;
        height: 401px;
    }

    .partner-img-wrap .partner-mask {
        height: 355px;
    }

    .whatsap-section {
        min-height: 550px;
    }

    .module2-section:has(.cta-section)+script+.module3-section .whatsap-section {
        min-height: auto;
    }

    .imageContent-box .image-box {
        overflow: unset;
    }

    .video-box::before,
    .imageContent-box .image-box img {
        min-width: calc(100% + 40px);
        margin-left: -20px;
    }

    .imageContent-box .events-detail-images.image-box {
        min-width: calc(100% + 40px);
        margin-left: -20px;
    }

    .imageContent-box .events-detail-images.image-box img {
        min-width: 100%;
        margin: 0;
    }

    .imageContent-box .content-box {
        max-width: 100%;
    }

    .partner-content h3,
    .gallery-headings h3,
    .offer-content h4,
    .whatsap-section .wap-content span.title {
        font-size: 24px;
        line-height: 32px;
    }

    .offer-content p,
    .partner-content p,
    .gallery-headings p,
    .whatsap-section .wap-content p {
        font-size: 13px;
        line-height: 20px;
    }

    .cta-box.module-video-active .cta-box-content p {
        margin-bottom: 40px;
        font-size: 13px;
        line-height: 20px;
    }

    .offer-image-box {
        padding-top: 200px;
    }

    .offer-image-box .circle-mask {
        width: 182px;
        height: 255px;
    }

    .offer-image-box .phone-wrapper {
        width: 182px;
        height: 400px;
    }

    .offer-image-box .phone {
        height: 320px !important;
    }

    .offer-image-box .cloud {
        max-height: 175px !important;
        object-fit: cover;
        right: 54%;
        bottom: -35px;
    }

    .offer-image-box .plane {
        right: -60px;
        top: -100px;
        max-width: 185px !important;
    }

    .kontact-partner .col-md-8 {
        padding-left: 12px;
    }

    .partner-content {
        text-align: center;
    }

    .partner-content .buttons-group {
        justify-content: center;
    }

    .gallery-headings {
        margin-bottom: 60px;
        text-align: center;
    }

    .cta-section {
        padding: 70px 0 30px;
        min-height: 360px;
    }

    .gallery-module:has(.gallery-section)+script+.module2-section .cta-section {
        min-height: 290px;
    }

    .kontact-partner,
    .page-template-events .kontact-partner {
        padding: 75px 0;
    }

    .whatsap-section .wap-content p {
        margin-bottom: 40px;
    }

    a.primary-bg-btn {
        font-size: 14px;
        padding: 0 40px;
        min-height: 60px;
    }

    a.primary-bg-btn.wap-icon:before {
        width: 20px;
        height: 20px;
    }

    .about-county {
        padding: 60px 0 60px;
    }

    .about-county .col-md-6:has(.about-content) {
        max-width: 100%;
    }

    .about-county .about-img img {
        min-width: calc(100% + 40px);
        margin-left: -20px;
    }

    .basic-flights {
        margin: 0 -15px;
    }

    .video-box::before,
    .imageContent-box .image-box img,
    .video-box img,
    .video-box iframe,
    .video-box video {
        min-width: calc(100% + 30px);
        margin-left: -15px;
        border-radius: 20px;
    }

    .flight-details .details-box-inner {
        padding: 0 20px;
    }

    .flignt-info-box .flight-details {
        padding: 25px 30px 25px;
    }

    .flight-details .details {
        gap: 20px;
        margin-bottom: 23px;
        padding-bottom: 20px;
        border-bottom: 1px solid #B0BEC5;
    }

    .basic-flight-section {
        padding-bottom: 35px;
    }

    .basic-flight-section .heading-center {
        padding-bottom: 50px;
    }

    .flight-box .basic-flight-content {
        padding: 80px 30px 60px;
        gap: 30px;
    }

    .flight-details .details-box-inner span:first-child,
    .flight-details .details-box-inner span:last-child,
    .flight-details .details {
        font-size: 13px;
    }

    .flight-details .details-box-inner .flight-icon {
        margin: 12px 0;
    }

    .flight-details .details-box-inner .flight-price {
        margin-top: 23px;
        padding-top: 23px;
        border-top: 1px solid #B0BEC5;
    }

    .flight-icon img {
        max-width: 20px;
        height: 20px;
    }

    .flignt-info-box .flight-info-btn {
        font-size: 20px;
        padding: 20px;
    }

    .flight-form-container {
        max-width: 385px;
    }

    .flight-form-container.form-hide {
        transform: translateX(calc(-100% + 30px)) !important;
    }

    .flight-form-section .flight-info {
        position: absolute;
        top: 120px;
        right: 8px;
        transition: all 0.3s ease;
        transition-delay: 0.3s;
        z-index: 2;
    }

    .flight-form-container:not(.form-hide)+.flight-info {
        opacity: 0;
    }

    .flight-form-section {
        padding: 30px 10px 40px 20px;
    }

    .flight-form .input-group .date-time {
        gap: 10px;
    }

    .select2-container .select2-dropdown {
        padding: 0 15px 20px;
    }

    .flight-form-section .flight-info:has(.form-popup-show)::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255 255 255 / 70%);
        z-index: 2;
        backdrop-filter: blur(2px);
        z-index: 3;
    }

    .flight-nfo-popup {
        position: fixed;
        top: 50%;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
    }

    .team-image .partner-mask {
        height: 365px;
    }

    .contactform .steps-form {
        max-width: 350px;
    }

    .contactform .steps-form .steps-row .steps-step {
        width: 40px;
        height: 40px;
        max-width: 40px;
    }

    .contactform .steps-form .steps-row .steps-step .btn-circle {
        width: 26px;
        height: 26px;
        font-size: 13px;
    }

    .contactform .steps-form .steps-row .steps-step::before {
        width: 92px;
        height: 2px;
        left: calc(100% + 5px);
    }

    .contactform .steps-form .steps-row .steps-step.step-complete::after {
        width: 20px;
        height: 20px;
        right: -60px;
    }

    .contactform .step-content.step-start>.input-group:first-child .wpcf7-form-control-wrap {
        width: 100%;
    }

    .contactform .step-second-wrap .input-group:first-child {
        width: 100%;
    }

    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(1),
    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(2),
    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(3),
    .contactform .step-content.step-start .input-group-wrapper .input-group:nth-child(4),
    .contactform .step-second-wrap .input-group:nth-child(3),
    .contactform .step-second-wrap .input-group:nth-child(4),
    .contactform .step-second-wrap .input-group:nth-child(5),
    .contactform .step-second-wrap .input-group:nth-child(6),
    .contactform .step-second-wrap .input-group:nth-child(2) {
        width: 100%;
    }

    .contactform .step-content .uacf7_repeater_controls .uacf7_repeater_add {
        font-size: 14px;
    }

    .contactform .step-content .uacf7-buttons button,
    .step-second-wrap .step-second-btns .uacf7_conditional input.wpcf7-submit {
        font-size: 12px;
    }

    .contactform .step-content .heading-center p:not(.sub-title) {
        font-size: 13px;
        line-height: 22px;
    }

    .kontact-form .help-text span {
        font-size: 13px;
    }

    .site-footer .col-md-6 {
        margin-bottom: 50px;
    }

    .footer-navigation .footer-navigation-wrapper {
        gap: 20px;
    }

    .footer-navigation .footer-navigation-wrapper li {
        min-width: calc(50% - 10px) !important;
    }

    .footer-navigation .footer-navigation-wrapper li a,
    .footer-bottom .footer-bottom-inner p {
        font-size: 13px;
    }

    .footer-right a.wap-btn,
    .footer-right .wp-block-button__link {
        font-size: 18px;
    }

    .footer-right a.wap-btn:before {
        width: 20px;
        height: 20px;
    }

    .footer-bottom .footer-bottom-inner {
        border-top: 1px solid #4d5061;
        margin-top: 40px;
    }
}

@media(max-width:419px) {

    .mob-header-links .mob-menus {
        gap: 12px;
    }

    .mob-header {
        padding: 0 10px;
    }

    .nav-main {
        gap: 70px;
    }

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header {
        width: 350px;
    }

    .offers-section .small-container:not(.top-link-container),
    .current-offers .small-container .offers {
        width: 90%;
    }

    .flight-option .row {
        gap: 50px;
    }

    .info-box .info-left {
        min-height: 320px;
        padding: 40px;
        mask-position: bottom center;
    }

    .gallery-slider img {
        height: 195px;
    }

    .flignt-info-box .flight-details {
        padding: 20px;
    }

    .flight-details .details {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .flight-details .details-box-inner .flight-price {
        margin-top: 15px;
        padding-top: 15px;
    }

    .flight-form-section .flight-form .uacf7_repeater_controls {
        margin-bottom: 25px;
    }

    .flight-form-container {
        max-width: 340px;
    }

    .flight-form-section .flight-form {
        min-width: auto;
        max-width: 320px;
        width: 95%;
    }

    .flight-form-section .flight-form h1 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .advantages-slider-section .container .heading-center {
        max-width: 320px;
    }

    .contactform .steps-form .steps-row .steps-step .steps-info p {
        font-size: 12px;
    }

    .contactform .steps-form .steps-row .steps-step::before {
        width: 112px;
    }

    .google-map .acf-map .gm-style-iw {
        max-width: 280px !important;
    }

    .info-box .info-right {
        height: 200px;
    }

    .ourFleet-section {
        min-height: 803px;
    }

    .landing-option-section {
        min-height: 758px;
    }

    .clouds-group .cloud-1 img {
        top: 60px;
    }

    .clouds-group .cloud-3 img {
        right: 530px;
    }

    .plane-img img {
        max-width: 600px !important;
        margin: -25px -545px 0 -120px;
    }

    .basic-flights {
        margin: 0 -5px;
    }

    .offer-section {
        min-height: 805px;
    }

    .flight-box .basic-flight-content {
        padding: 80px 15px 40px;
    }

    .basic-flight-content .flight-content-right .buttons-group a {
        min-width: 185px;
        justify-content: center;
    }

    .cta-box-content span.cta-title {
        font-size: 20px;
        line-height: 30px;
    }

    .planTabs-slider .nav-tabs button {
        font-size: 14px;
    }

    .footer-bottom-inner .back-to-top {
        bottom: 35px;
    }
}

@media(max-width:399px) {

    body .container,
    .small-container,
    .site-main .entry-content,
    .site-main .entry-header,
    .current-offers .small-container .offers {
        max-width: 320px;
        width: 320px;
    }

    .offers-section .small-container,
    .offers-section .small-container:not(.top-link-container) {
        max-width: 320px;
        width: 320px;
    }

    .offer-box-inner .buttons-group a,
    .offer-box-inner .buttons-group button {
        min-width: 150px;
    }

    .basic-flights {
        margin: 0 -10px;
    }
}

@media(max-width:374px) {

    .video-box::before,
    .imageContent-box .image-box img,
    .video-box img,
    .video-box iframe,
    .video-box video {
        min-width: calc(100% + 20px);
        margin-left: -10px;
    }

    .offer-box:before,
    .offer-box:after {
        width: 50px;
        height: 50px;
    }

    .offer-box:before {
        left: -25px;
    }

    .offer-box:after {
        right: -25px;
    }

    .flight-ticket-offers::before {
        left: -16.5px;
        top: 50%;
        width: 35px;
        height: 35px;
        background-size: 12px;
        z-index: 1;
    }
}