#theme-logo {
    z-index: 100;
    width: 18vw;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    max-width: 348px;
    min-width: 230px;
    transition: all .5s ease-in-out 0s;
    transition-delay: 0.3s;
}

header#header {
    pointer-events: none;
}

.home header#header {
    position: absolute;
    z-index: 9999;
    width: 100%;
    top: 0;
}

.header-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-top: var(--nav-icon-padding-Y);
}

.header-wrapper.not-home {
    padding-bottom: calc(var(--nav-icon-padding-Y) * 1.8);
}

/*----------------- HEADER ICONS -------------*/
#header-icons {
    gap: 15px;
}

#header-icons {
    z-index: 100;
    display: flex;
    pointer-events: all;
}

#header-icons img {
    height: 50px !important;
    display: block;
    width: auto;
}


.icon:hover {}

.icon a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/*----------------- MINIFORMULAR -------------*/

.home #miniformular.small {
    top: 100vh;
    transform: translateY(-100%) translateX(-50%);
    box-shadow: 0 14px 14px 12px #00000017;
}

.home #miniformular {
    top: 55.4vw;
}

#miniformular span.k-widget.k-datepicker * {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--dark-gray) !important;
}

#miniformular {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 49;
    display: flex;
    justify-content: space-between;
    pointer-events: all;
    transition: all 0.3s ease 0s;
    max-width: 1550px;
    left: 50%;
    transform: translateX(-50%);
    height: fit-content;
    z-index: 999;
}

.quform-10,
.quform-11 {
    /*  max-width: 1550px;
width: 90%;*/
    width: 100%;
}

.quform-elements.quform-elements-10.quform-cf,
.quform-elements.quform-elements-11.quform-cf {
    width: 100%;
}

.miniformular:nth-of-type(1) {
    padding: 10px;
    padding-right: 20px;
    transition: all .5s ease 0s;
}

.small .miniformular:nth-of-type(1) {
    padding: 7px;
    padding-right: 20px;
}

#miniformular .textwidget {
    height: 100%;
}

#miniformular .textwidget p {
    height: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
}

#miniformular .textwidget>p>a {
    height: 100% !important;
    border: 2px solid #fff;
    padding: 0 20px;
    align-items: center;
    display: flex;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-family: var(--mainfont);
    font-weight: 600;
    letter-spacing: 0.1em;
    z-index: 1;
    transition: 0.5s ease 0s;
}

#miniformular .textwidget p:hover a {
    border-color: #c1ac85;
    transition-delay: 0.2s;
}

#miniformular .textwidget p:before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: #c1ac85;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    transform: translateX(-100%);
    transition: all .5s ease 0s;
    z-index: 0;
}

#miniformular .textwidget p:hover:before {
    transform: translateX(0);
}

.quform-loading.quform-loading-position-left.quform-loading-type-spinner-1 {
    position: absolute;
    bottom: 87px;
}

#miniformular.small .quform-loading.quform-loading-position-left.quform-loading-type-spinner-1 {
    position: absolute;
    bottom: 64px;
}


/*----------------- MINIFORMULAR-FORMULAR -------------*/

.quform-edit-form {
    display: none;
}

.miniformular:nth-of-type(2) {
    width: 100%;
    max-width: 1500px;
}

#miniformular .quform-element-row,
#miniformular .quform-options-columns {
    margin: 0 !important;
}

#miniformular .quform-form-inner {
    display: flex;
    align-items: center;
    height: var(--height-miniform);
    transition: all .5s ease 0s;
}

#miniformular .quform-elements.quform-elements-1,
#miniformular .quform-elements.quform-elements-2 {
    flex: 1 1;
}

#miniformular .quform-form-title-description {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.small .quform-form-title-description:before {
    width: 100px;
    height: 100px;
}

#miniformular h5.quform-form-title {
    white-space: nowrap;
    font-size: 20px;
    color: #fff;
    font-family: var(--mainfont);
    font-weight: 400;
    margin-right: 5vw;
    transition: all .5s ease 0s;
    margin-bottom: 0;
}

#miniformular.small h5.quform-form-title {
    font-size: 20px;
}

#miniformular .quform-element-date,
#miniformular .quform-inner.quform-inner-date,
#miniformular .quform-spacer,
#miniformular .quform-input,
#miniformular .quform-inner-date span {
    width: 100%;
    height: 100%;
}

#miniformular .quform-spacer {
    padding: 0 !important;
    margin: 0 !important;
}

#miniformular .quform-input {
    margin: 0 !important;
    height: 100%;
    position: relative;
}

#miniformular .quform-button-submit button span {
    vertical-align: sub;
}

#miniformular .quform-1,
#miniformular .quform-2 {
    width: 100%;
}

#miniformular .quform-form-inner {
    display: flex;
}

#miniformular .quform-form-inner {
    display: flex;
    align-items: center;
}

#miniformular .quform-button-submit-default {
    margin-right: 0;
    margin-bottom: 0;
}

#miniformular .quform-element-submit {
    margin: 0;
    width: 100%;
}


/*-----------------  BUTTONS -------------*/

#miniformular button.quform-submit * {
    color: #fff !important;
}

#miniformular .quform-button-submit button span:before {
    content: '';
    display: block;
    height: 2em;
    width: 2em;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-size: contain;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_2 button span:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_2 button span:before {
    background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-preis.svg);
}

#miniformular .quform-button-style-classic .quform-button-submit-10_2 button,
#miniformular .quform-button-style-classic .quform-button-submit-11_2 button {
    background-color: var(--color-3);
    color: #fff !important;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_2 button *,
#miniformular .quform-button-style-classic .quform-button-submit-11_2 button * {
    color: #fff !important;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_2 button:hover *,
#miniformular .quform-button-style-classic .quform-button-submit-11_2 button:hover * {
    color: #fff !important;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_15 button,
#miniformular .quform-button-style-classic .quform-button-submit-11_15 button {
    background-color: var(--color-4);
}

#miniformular .quform-button-style-classic .quform-button-submit-10_15 button span:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_15 button span:before {
    background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-anfrage.svg);
}

#miniformular .quform-button-style-classic .quform-button-submit-10_21 button,
#miniformular .quform-button-style-classic .quform-button-submit-11_21 button {
    background-color: var(--color-2);
}

#miniformular .quform-button-style-classic .quform-button-submit-10_21 button span:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_21 button span:before {
    background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-buchen.svg);
}

#miniformular .quform-element-column.quform-element-10_16,
#miniformular .quform-element-column.quform-element-10_14,
#miniformular .quform-element-column.quform-element-10_20,
#miniformular .quform-element-column.quform-element-11_16,
#miniformular .quform-element-column.quform-element-11_14,
#miniformular .quform-element-column.quform-element-11_20 {
    width: 20% !important;
}

#miniformular .quform-button-style-classic button {
    border: 0 none transparent;
    border-radius: 0;
    font-size: 15px;
    height: var(--height-miniform);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    overflow: hidden;
    transition: all .5s ease 0s;
}

#miniformular .quform-element * {
    font-size: 15px !important;
    font-family: var(--mainfont);
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    transition: all .5s ease 0s;
    color: var(--color-3);
    letter-spacing: 0.2em;
}

/*----------------- HOVER ANIMATION BUTTON -------------*/

#miniformular .quform-button-submit button span {
    transition: all .5s ease 0s;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_2 button:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_2 button:before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: var(--grey);
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    transform: translateY(-100%);
    transition: all .5s ease 0s;
    z-index: -1;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_2 button:hover:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_2 button:hover:before {
    transform: translateY(0);
}

#miniformular .quform-button-submit-10_2 button:hover span,
#miniformular .quform-button-submit-11_2 button:hover span {
    color: #fff;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_15 button:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_15 button:before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: var(--grey);
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    transform: translateY(-100%);
    transition: all .5s ease 0s;
    z-index: -1;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_15 button:hover:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_15 button:hover:before {
    transform: translateY(0);
}

#miniformular .quform-button-style-classic .quform-button-submit-10_21 button:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_2 button:before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: var(--grey);
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    transform: translateY(-100%);
    transition: all .5s ease 0s;
    z-index: -1;
}

#miniformular .quform-button-style-classic .quform-button-submit-10_21 button:hover:before,
#miniformular .quform-button-style-classic .quform-button-submit-11_2 button:hover:before {
    transform: translateY(0);
}

#miniformular .quform-button-submit-10_21 button:hover span,
#miniformular .quform-button-submit-11_2 button:hover span {
    color: #fff;
}

.menu-icons a:hover img {
    animation: bounce-Y;
    animation-duration: .5s;
    transition: transform .5s ease-in-out 0s;
    animation-timing-function: ease-in-out;
}


/*----------------- DATEPICKER -------------*/

#miniformular .quform-field-date {
    padding: 0;
    border: none;
    pointer-events: none;
    background-color: transparent;
}

#miniformular .quform-element-column {
    padding: 0;
    width: 20% !important;
    height: var(--height-miniform);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    transition: all .5s ease 0s;
}

#miniformular span.quform-field-icon {
    display: none;
}

.quform-input-text,
.quform-input-email,
.quform-input-date {
    background-color: transparent;
}

#miniformular .quform-label {
    height: 100%;
    width: 100%;
    display: flex !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0;
    background-color: var(--color-5);
    border-right: 2px solid #fff;
}

#miniformular span.k-picker-wrap.k-state-default {
    padding: 20px 0 !important;
    background-color: #fff;
}

#miniformular span.k-picker-wrap.k-state-default input {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-left: 2px solid #fff;
    color: var(--dark-red);
    font-size: 18px;
    background-color: #fff;
}

#miniformular .quform-label>label {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid var(--color-5);
    padding: 0 2.2vw;
    color: var(--color-4);
}

#miniformular .quform-element.quform-element-column.quform-element-10_11 .quform-label {
    border-right: none !important;
}

#miniformular label.quform-label-text:before {
    content: '';
    display: block;
    width: 2em;
    height: 2em;
    margin-right: 2vw;
    background-size: contain;
    background-repeat: no-repeat;
    transition: 0.5s ease 0s;
}

#miniformular .quform-element-10_10 label.quform-label-text:before,
#miniformular .quform-element-11_10 label.quform-label-text:before {
    background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-anreise.svg);
}

#miniformular .quform-element-10_6 label.quform-label-text:before,
#miniformular .quform-element-11_6 label.quform-label-text:before {
    background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-abreise.svg);
}

#miniformular label.quform-label-text:after {
    content: '';
    background: url(/wp-content/themes/visual-composer-starter-theme-child/img/sub-label-indicator.svg) no-repeat;
    display: block;
    height: 8px;
    width: 14px;
    right: 0;
    background-size: contain;
    margin-left: auto;
}


/**----------------------------------- IMP MENU--------------------------------*/


a.impmenu-toggle {
    z-index: 99999;
    margin-left: var(--nav-icon-padding-Y);
    background: transparent;
    font-weight: 500;
    top: 4.4vw;
    left: 0;
    letter-spacing: 0.17em;
    pointer-events: all;
    position: fixed;
    top: var(--nav-icon-padding-Y);
    background-color: var(--color-2);
    padding: 0;
    height: calc(var(--nav-icon-width) * 2.2);
    width: calc(var(--nav-icon-width) * 2.2);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#nav-wrapper {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;

    pointer-events: none;
    transition: all 0.7s cubic-bezier(.46, .03, .52, .96) 0s;
    z-index: 9999;
    transform-origin: top;
    /* clip-path: circle(0.0% at 0 0); */

}

#nav-wrapper.impmenu-active {
    transform: translateY(0) !important;
    opacity: 1 !important;
    transition: transform 0.7s cubic-bezier(.46, .03, .52, .96) 0s;
    /* clip-path: circle(70.7% at 50% 50%); */
}

#menu-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    width: 18vw;
    height: calc(18vw / 1.496419018034343);
    max-width: 346px;
    max-height: calc(346px / 1.496419018034343);
    bottom: 0;
    background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/nav-hirsch.svg);
    right: 45px;
    background-size: contain;

}

nav#main-nav {
    z-index: 9999;
    transition: all .5s ease 0s;
    --menu-items-padding: 70px;
    padding: 0;
    transition: all .5s ease 0s !important;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    pointer-events: all;
    background-color: var(--color-1);
}

#menu-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}

#menu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


nav#main-nav li.menu-item a {
    color: inherit;
    text-decoration: none;
}

#menu-hauptmenu>.menu-item>a {
    font-family: var(--headlinefont);
    padding: 0.4em 120px !important;
    position: relative !important;
    margin: 1.1em 0;
    font-size: 1.25rem;
    transition: color .4s ease 0s;
    color: var(--color-4);
    display: block;
    text-align: center;
    position: relative;
    letter-spacing: -0.025em;
}

#menu-hauptmenu>li.menu-item.current-menu-item>a,
nav#main-nav li.menu-item>a.active {
    color: #fff !important;
}

#menu-hauptmenu .sub-menu li.menu-item.current-menu-item>a {
    color: var(--color-2);
}

#menu-hauptmenu>.menu-item>a::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-2);
    top: 0;
    left: 0;
    z-index: -1;
    transform: scaleX(0);
    transition: all .5s ease 0s;
    transition-delay: 0.3s;
    border-radius: 13em;
}

#menu-hauptmenu>.menu-item>a.active:before,
#menu-hauptmenu>.menu-item.current_page_item>a:before {
    transform: scaleX(1);
    transition-delay: 0s;
}

#menu-hauptmenu>.menu-item>a:after {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 20px;
    background-color: var(--color-2);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    clip-path: polygon(48% 100%, 0 0, 98% 0);
    opacity: 0;
    transition: all .5s ease 0s;
}

#menu-hauptmenu>.menu-item>a.active:after {
    transform: translateX(-50%) translateY(95%);
    opacity: 1;
    transition-delay: 0.5s;
}

/*
#menu-hauptmenue>.menu-item-has-children>a {
    pointer-events: none;
}
*/
#menu-hauptmenu .sub-menu a {
    font-family: var(--mainfont);
    font-weight: 600;
    color: var(--color-4);
    letter-spacing: 0.1em;
    line-height: 2.1;
    text-align: center;
    justify-content: center;
    display: flex;
}

#menu-wrapper ul.sub-menu {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    background-color: var(--color-1);
}

/**---------------- SHIFTNAV ANIMATION -------------*/

#nav-icon3 {
    width: var(--nav-icon-width);
    height: var(--nav-icon-height);
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: var(--burger-line-height);
    width: 100%;
    background: #fff;
    border-radius: 13em;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
    top: 0;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: calc(50% - (var(--burger-line-height) / 2));
}

#nav-icon3 span:nth-child(4) {
    bottom: 0;
    width: 70%;
}


.impmenu-active #nav-icon3 span:nth-child(1) {
    top: 50%;
    width: 0%;
    left: 50%;
    transform: translateY(50%);
}

.impmenu-active #nav-icon3 span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff !important;
}

.impmenu-active #nav-icon3 span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff !important;
}

.impmenu-active #nav-icon3 span:nth-child(4) {
    bottom: 50%;
    transform: translateY(-50%);
    width: 0%;
    left: 50%;
}

/*---------------- WPML SPRACHENSWITCH -------------*/

.wpml-ls-legacy-list-horizontal a {
    padding-top: 13px !important;
    line-height: 1;
    color: #fff;
    font-family: var(--mainfont);
    font-weight: bold;
    font-size: 19px;
}

.wpml-ls-legacy-list-horizontal {
    border: 0;
    padding: 0;
}

.schatten {
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/*---------------- GTRANSLATE -------------*/
#header-lang .gtranslate_wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

a.glink {
    font-size: 0;
    display: flex;
}

#header-lang {
    display: flex;
    justify-content: center;
}

#header-lang>a>img {
    height: 50px !important;
    display: block;
    width: auto;
}

#header-icons-wrapper {
    display: flex;
    gap: 15px;
    position: absolute;
    top: var(--nav-icon-padding-Y);
    right: var(--nav-icon-padding-X);
}

#header-lang .gtranslate_wrapper {
    position: absolute;
    margin-top: 15px;
    bottom: 0;
    transform: translateY(100%);
}

/*----------------- HEADERBILD -------------*/
.filzmoos .tp-bullet {
    background-color: #fff !important;
}

.filzmoos .tp-bullet.selected {
    background-color: var(--color-2) !important;
}

body:not(.home) #slider-wrapper {
    max-width: 1550px;
    margin: 0 auto;
}

#slider-wrapper.postthumb.desktop {
    overflow: hidden;
    position: relative;
}

#slider-wrapper.postthumb.mobile {
    max-height: 580px;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

#slider-wrapper.postthumb.desktop img {
    width: 100%;
    height: auto;
}

#slider-wrapper.postthumb.mobile img {
    width: 100%;
    height: auto;
}

#slider-wrapper.postthumb::before {
    display: block;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(7, 1, 1, 0.3) 0%, rgba(7, 1, 1, 0.3) 1%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(7, 1, 1, 0.3) 0%, rgba(7, 1, 1, 0.3) 1%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(7, 1, 1, 0.3) 0%, rgba(7, 1, 1, 0.3) 1%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d070101', endColorstr='#00000000', GradientType=0);
    height: 100%;
    width: 100%;
    content: '';
}


#slider-wrapper.postthumb.desktop img.fallback {
    margin-top: -10vw;
}

@media (min-width: 1920px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1500px) {

    /*----------------- MINIFORMULAR-FORMULAR -------------*/
    /*-----------------  BUTTONS -------------*/
    #miniformular .quform-element * {
        font-size: 14px !important;
    }


}

@media (max-width: 1200px) {
    #miniformular .quform-element * {
        font-size: 13px !important;
    }

    #rev_slider_4_1_wrapper .filzmoos.tp-bullets {
        transform: translate(-50%, -390%) !important;
    }
}

@media (max-width: 1024px) {
    .not-home #theme-logo {
        margin-bottom: -16.5vw;
        margin-right: 4.7vw;
    }
}

@media (max-width: 990px) {
    #miniformular {
        display: none;
    }

    .shiftnav-toggle-button,
    .shiftnav-toggle-button:hover {
        display: flex;
    }

    #header-lang>a>img,
    #header-icons img {
        height: 35px !important;
    }

    #rev_slider_4_1_wrapper .filzmoos.tp-bullets {
        transform: translate(-50%, -210%) !important;
    }

    #theme-logo {

        width: 25vw;
        max-width: 348px;
        min-width: 134px;
    }

    #menu-wrapper::after {

        width: 38vw;
        height: calc(38vw / 1.496419018034343);
    }
}

@media (max-width: 767px) {
    #header {
        position: absolute;
        width: 100%;
    }

    #header.noheader {
        position: relative;
    }
}

@media (max-width: 576px) {
    .menu-col.col-menu-1 {
        width: 100%;
    }

    #menu-wrapper::after {
        display: none;
    }

    #menu-hauptmenu>.menu-item>a::before {
        border-radius: 0;
    }

    #menu-hauptmenu>.menu-item>a {
        padding: 0.4em 30px !important;
        margin: 0.7em 0;
        font-size: 21px;
    }

    #menu-hauptmenu .sub-menu a {
        font-size: 1.1rem;
    }

    .header-wrapper {
        padding-right: 0;
    }
}

@media (max-width: 420px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 320px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}