@charset "UTF-8";
/**
Theme Name: f2x
Author: Die Direkten GmbH
Author URI: http://diedirekten.de/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: f2x
Template: astra
*/
body p,
.f2x-faq-fonts .uagb-question,
.f2x-faq-fonts .uagb-faq-content {
  font-size: calc(15px + 2 * (100vw - 320px) / 1480) !important;
  line-height: 1.5em;
}

body .f2x-big-copy, .wp-block-button__link {
  font-size: calc(17px + 3 * (100vw - 320px) / 1280) !important;
  line-height: 1.5em;
}

.f2x-keywords {
  font-size: calc(33px + 27 * (100vw - 320px) / 1280) !important;
  line-height: 1.4em;
  font-weight: 700;
  font-family: "Houschka-Rounded", houschka-rounded, sans-serif;
}

.f2x-keywords-subline {
  font-size: calc(20px + 10 * (100vw - 320px) / 1280) !important;
  line-height: 1.4em;
  margin-top: -40px !important;
}

h1 {
  font-size: calc(42px + 26 * (100vw - 320px) / 1280) !important;
  line-height: 1.05em !important;
}

h2 {
  font-size: calc(33px + 11 * (100vw - 320px) / 1280) !important;
  line-height: 1.1em !important;
}

h3 {
  font-size: calc(33px + -5 * (100vw - 320px) / 1280) !important;
  line-height: 1.2em !important;
}
@media only screen and (max-width: 480px) {
  h3 {
    line-height: 1.2em !important;
  }
}

h4 {
  font-size: 28px !important;
  line-height: 1.3em;
}

.f2x-step-item .f2x-step-headline,
.f2x-contact-app-form-wrap .f2x-contact-app-form-group label, .f2x-step-form-group .f2x-step-item label,
.f2x-step-form-range .input-range__label-container,
.f2x-step-form-group input,
.f2x-react-select .react-select__single-value,
.react-select-2-input,
.f2x-react-select .react-select__placeholder {
  font-size: 1rem !important;
}

.f2x-step-headline, .f2x-contact-app-form-group label {
  font-weight: 700;
}

.f2x-steps h3, .f2x-form h3 {
  font-size: calc(20px + 13 * (100vw - 320px) / 1280) !important;
  line-height: 1.4em !important;
  font-weight: 300;
  margin-bottom: 50px;
}

.f2x-subline {
  font-size: calc(20px + 8 * (100vw - 320px) / 1280) !important;
  line-height: 1.6em;
  font-weight: 700;
  font-family: "Houschka-Rounded", houschka-rounded, sans-serif;
}

.f2x-houschka-font-bold {
  font-weight: 700;
  font-family: "Houschka-Rounded", houschka-rounded, sans-serif;
}

/*
.f2x-react-select-container .f2x-react-select.react-select__option {
  font-size: calc(
    16px + (18 - 16) * ((100vw - 320px) / (1600 - 320))
  ) !important;
  line-height: 1.6em !important;
}*/
@media only screen and (min-width: 1024px) {
  .f2x-margin-right-50 {
    margin-right: 50px !important;
  }
}
.borlabs-cookie-preference {
  color: #fff !important;
}

/* Header Animation */
.f2x-img-header-right,
.f2x-img-animation-mobile {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.f2x-img-header-right .top,
.f2x-img-animation-mobile .top {
  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 21s;
  animation-direction: normal;
}

@keyframes cf4FadeInOut {
  0% {
    opacity: 1;
  }
  11.9% {
    opacity: 1;
  }
  14.2% {
    opacity: 0;
  }
  97.62% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.f2x-img-header-right img,
.f2x-img-animation-mobile img {
  position: absolute;
  left: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.f2x-img-header-right img:nth-of-type(1),
.f2x-img-animation-mobile img:nth-of-type(1) {
  animation-delay: 18s;
}

.f2x-img-header-right img:nth-of-type(2),
.f2x-img-animation-mobile img:nth-of-type(2) {
  animation-delay: 15s;
}

.f2x-img-header-right img:nth-of-type(3),
.f2x-img-animation-mobile img:nth-of-type(3) {
  animation-delay: 12s;
}

.f2x-img-header-right img:nth-of-type(4),
.f2x-img-animation-mobile img:nth-of-type(4) {
  animation-delay: 9s;
}

.f2x-img-header-right img:nth-of-type(5),
.f2x-img-animation-mobile img:nth-of-type(5) {
  animation-delay: 6s;
}

.f2x-img-header-right img:nth-of-type(6),
.f2x-img-animation-mobile img:nth-of-type(6) {
  animation-delay: 3s;
}

.f2x-img-header-right img:nth-of-type(7),
.f2x-img-animation-mobile img:nth-of-type(7) {
  animation-delay: 0s;
}

/* Disturber */
.f2x-disturber {
  position: absolute;
  z-index: 1;
  font-weight: 700;
  font-family: "Houschka-Rounded", houschka-rounded, sans-serif;
}

.f2x-header-disturber {
  right: 32%;
  top: 15%;
  width: 70%;
}
@media only screen and (min-width: 1024px) {
  .f2x-header-disturber {
    right: 25%;
    top: 30%;
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .f2x-header-disturber {
    transform: translate(0, -110%);
  }
}

@media only screen and (max-width: 520px) {
  .f2x-header-mobile-picture-disturber {
    width: 70%;
    right: 5%;
    top: -17%;
  }
}
@media only screen and (min-width: 521px) {
  .f2x-header-mobile-picture-disturber {
    width: 30%;
    right: 5%;
    top: -30%;
  }
}
@media only screen and (min-width: 800px) {
  .f2x-header-mobile-picture-disturber {
    width: 30%;
    right: 5%;
    top: -50%;
  }
}

@media only screen and (max-width: 520px) {
  .f2x-section-right-disturber {
    right: 22%;
    top: -65%;
    width: 70%;
  }
}
@media only screen and (min-width: 521px) {
  .f2x-section-right-disturber {
    right: 22%;
    top: -68%;
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-section-right-disturber {
    right: -35%;
    top: -30%;
    width: 100%;
  }
}

@media only screen and (max-width: 520px) {
  .f2x-section-right-keywords-img-disturber {
    bottom: 110%;
    width: 70%;
    right: 20%;
  }
}
@media only screen and (min-width: 521px) {
  .f2x-section-right-keywords-img-disturber {
    bottom: 120%;
    width: 30%;
    right: 10%;
  }
}
@media only screen and (min-width: 800px) {
  .f2x-section-right-keywords-img-disturber {
    bottom: 150%;
    width: 30%;
    right: 10%;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-section-right-keywords-img-disturber {
    right: 30px;
    top: -40%;
    width: 25%;
    bottom: 0px;
  }
}
@media only screen and (min-width: 1400px) {
  .f2x-section-right-keywords-img-disturber {
    right: 60px;
    top: -45%;
  }
}

@media only screen and (max-width: 520px) {
  .f2x-section-right-keywords-img-disturber-2 {
    bottom: -45%;
    width: 70%;
    right: 10%;
  }
}
@media only screen and (min-width: 521px) {
  .f2x-section-right-keywords-img-disturber-2 {
    bottom: -50%;
    width: 30%;
    right: 10%;
  }
}
@media only screen and (min-width: 800px) {
  .f2x-section-right-keywords-img-disturber-2 {
    width: 30%;
    right: 10%;
    height: 30%;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-section-right-keywords-img-disturber-2 {
    right: 30px;
    top: 38%;
    width: 25%;
    height: 30%;
  }
}
@media only screen and (min-width: 1400px) {
  .f2x-section-right-keywords-img-disturber-2 {
    right: -30px;
    top: 38%;
    height: 30%;
  }
}

@media only screen and (max-width: 520px) {
  .f2x-section-right-contact-img-disturber {
    right: 10%;
    top: -55%;
    width: 57%;
  }
}
@media only screen and (min-width: 521px) {
  .f2x-section-right-contact-img-disturber {
    right: 30%;
    top: -75%;
    width: 35%;
  }
}
@media only screen and (min-width: 800px) {
  .f2x-section-right-contact-img-disturber {
    right: 30%;
    top: -95%;
    width: 30%;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-section-right-contact-img-disturber {
    right: 65%;
    top: -30%;
    width: 35%;
  }
}
@media only screen and (min-width: 1200px) {
  .f2x-section-right-contact-img-disturber {
    right: 60%;
    top: -20%;
  }
}
@media only screen and (min-width: 1600px) {
  .f2x-section-right-contact-img-disturber {
    right: 50%;
    top: -20%;
    width: 50%;
  }
}

/* Europa Card */
@media only screen and (max-width: 1024px) {
  .f2x-main-container-europa-card {
    flex-direction: column-reverse;
  }
}
.f2x-card-europa-label-container {
  align-self: center !important;
}
@media only screen and (min-width: 1600px) {
  .f2x-card-europa-label-container {
    align-self: flex-start !important;
  }
}

/* Spacings */
@media only screen and (max-width: 1440px) {
  .f2x-big-spacer-desktop {
    display: none;
  }
}
/* Schnittstelle */
#text-div {
  min-height: 110px;
}

#schnittstellen-svg {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
#schnittstellen-svg:hover {
  cursor: pointer !important;
}

/* About us */
.f2x-about-f2x-keywords-column {
  flex-direction: column;
}

.f2x-index-higher {
  z-index: 1;
}

/* button slider */
.f2x-button-slide-content .slide-content {
  padding: 0px !important;
}

/* buttons */
.f2x-button-pink-color .wp-element-button {
  background-color: #ff46ff;
  color: #fff;
}

.f2x-button-pink-color .wp-element-button:hover {
  background-color: #d813d8;
  color: #fff;
}

.f2x-button-white-color .wp-element-button {
  background-color: #fff;
  color: #000;
}

.f2x-button-white-color .wp-element-button:hover {
  background-color: #e8e8e8;
  color: #000;
}

.f2x-button-blue-color .wp-element-button {
  background-color: #0091cd;
  color: #fff;
}

.f2x-button-blue-color .wp-element-button:hover {
  background-color: #087aaa;
  color: #fff;
}

/* menü toggle */
.menu-toggle svg {
  display: none !important;
}

.menu-toggle:after {
  content: "";
  width: 45px;
  height: 45px;
  background: url("/wp-content/uploads/2023/03/burger-button.svg") no-repeat;
  background-size: contain;
}

.menu-toggle-close svg {
  display: none !important;
}

.menu-toggle-close:after {
  content: "";
  width: 45px;
  height: 45px;
  background: url("/wp-content/uploads/2023/03/close-button.svg") no-repeat;
  background-size: contain;
  margin-right: 17px;
  margin-top: -4px;
}

/* FAQ */
.f2x-faq-divs-container .f2x-div-faq-category {
  display: none;
}

@keyframes FadeIn {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
.f2x-faq-divs-container > .faq-active {
  display: block;
  animation: FadeIn 1s;
}

.f2x-faq-orange-button a {
  background-color: transparent !important;
  border: 1px #f59b5a solid !important;
  color: #f59b5a !important;
  padding: 15px 20px !important;
}
.f2x-faq-orange-button a:hover {
  background-color: #f59b5a !important;
  border: 1px #f59b5a solid !important;
  color: #2d2d32 !important;
}

.f2x-link-button-active,
.f2x-faq-orange-button.f2x-faq-button-active a {
  background-color: #f59b5a !important;
  border: 1px #f59b5a solid !important;
  color: #2d2d32 !important;
}

/* Formular */
.f2x-contact-btn-spinner {
  -webkit-animation: f2x-icon-spin 2s infinite linear;
  animation: f2x-icon-spin 2s infinite linear;
}

.f2x-step-item > h4 {
  z-index: -1;
}

.f2x-app-headline.f2x-hidden {
  display: none;
}

@-webkit-keyframes f2x-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes f2x-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@media only screen and (min-width: 1200px) {
  .f2x-app-wrap {
    max-width: 80% !important;
  }
}
.f2x-app-wrap {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 100%;
}
.f2x-app-wrap .f2x-steps,
.f2x-app-wrap .f2x-form {
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
.f2x-app-wrap .f2x-steps {
  flex: 0 0 100%;
}
.f2x-app-wrap .f2x-form {
  flex: 0 0 100%;
  transform: translateX(100%);
}
.f2x-app-wrap .f2x-hidden {
  transform: translateX(-100%);
}
.f2x-app-wrap .f2x-visible {
  transform: translateX(-100%);
}

.f2x-row {
  display: block;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .f2x-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px !important;
    margin-bottom: 0;
  }
}

.f2x-form-btn {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  border-color: #0091cd;
  background-color: #0091cd;
  color: #fff;
  font-family: "Houschka-Rounded", houschka-rounded, sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 20px;
  font-size: 1.3333333333rem;
  border-radius: 12px;
  padding-top: 18px;
  padding-right: 50px;
  padding-bottom: 18px;
  padding-left: 50px;
  margin-top: 24px;
  display: flex;
  cursor: pointer;
}
.f2x-form-btn span {
  display: inline-block;
}
.f2x-form-btn span.f2x-contact-btn-spinner-wrap {
  margin-right: 8px;
}
.f2x-form-btn:hover, .f2x-form-btn:focus {
  color: #fff;
  background-color: #006d9a;
  border-color: #006d9a;
}
.f2x-form-btn:disabled {
  cursor: not-allowed;
  color: #cccccc;
  background-color: #004967;
  border-color: #004967;
}

.f2x-step-item {
  border: 2px solid #707070;
  border-radius: 12px;
  padding: 6px 24px;
  position: relative;
  margin-bottom: 24px;
}
.f2x-step-item .f2x-step-item-progress {
  position: absolute;
  top: 12px;
  right: 24px;
  font-size: 14px;
  color: var(--ast-global-color-5);
  opacity: 0.6;
  font-family: "Helvetica Neue";
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 24px;
}
.f2x-step-item .f2x-step-item-progress::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.476' height='15.921' viewBox='0 0 22.476 15.921'%3E%3Cpath id='Icon_feather-check' data-name='Icon feather-check' d='M25.648,9,12.14,22.507,6,16.368' transform='translate(-4.586 -7.586)' fill='none' stroke='%230091cd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  top: 1px;
  left: 4px;
  width: 22px;
  height: 16px;
  opacity: 0;
}
.f2x-step-item .f2x-step-item-progress, .f2x-step-item .f2x-step-item-progress:after {
  transition: all 0.5s ease-in-out;
}
.f2x-step-item[data-done=true] .f2x-step-item-progress {
  background-color: var(--ast-global-color-5);
  opacity: 1;
}
.f2x-step-item[data-done=true] .f2x-step-item-progress span {
  opacity: 0;
}
.f2x-step-item[data-done=true] .f2x-step-item-progress::after {
  opacity: 1;
}
.f2x-step-item .f2x-step-form-group {
  display: flex;
  column-gap: 12px;
  align-items: center;
  margin-bottom: 5px;
}
.f2x-step-item .f2x-step-form-group input, .f2x-step-item .f2x-step-form-group:focus {
  outline: none;
  border: none;
  border-bottom: 1px solid var(--ast-global-color-5);
  background-color: transparent;
  color: var(--ast-global-color-5);
}
.f2x-step-item .f2x-step-form-group input[type=number]::-webkit-outer-spin-button,
.f2x-step-item .f2x-step-form-group input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.f2x-step-item .f2x-step-form-group input[type=number] {
  -moz-appearance: textfield;
}
.f2x-step-item .f2x-step-form-group .f2x-step-form-select-btn {
  border-radius: 4px;
  width: 29px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.f2x-step-item .f2x-step-form-group .f2x-step-form-select-btn.f2x-step-form-select-btn-add, .f2x-step-item .f2x-step-form-group .f2x-step-form-select-btn.f2x-step-form-select-btn-delete {
  background-color: #0091cd;
}
.f2x-step-item .f2x-step-form-group .f2x-step-form-select-btn:hover {
  background-color: #006d9a;
}
.f2x-step-item .f2x-step-form-group .f2x-step-form-select-btn[disabled] {
  background-color: #004967 !important;
  cursor: not-allowed;
}
.f2x-step-item ul {
  list-style: none;
  display: inline-flex;
  column-gap: 24px;
  margin: 0 0 24px 0;
  padding: 0;
}
.f2x-step-item ul > li {
  width: 44px;
  height: 44px;
  justify-content: center;
  align-items: center;
  color: var(--ast-global-color-5);
  background-color: rgba(0, 145, 205, 0.45);
  border-radius: 4px;
  display: inline-flex;
  cursor: pointer;
}
.f2x-step-item ul > li[data-seleted=true], .f2x-step-item ul > li:hover {
  background-color: #0091cd;
}

.f2x-step-form-range .f2x-step-form-input-range {
  height: 3rem;
  margin-bottom: 24px;
  width: 100%;
}
.f2x-step-form-range .f2x-step-form-input-range .input-range__track {
  background: rgba(25, 175, 220, 0.3);
}
.f2x-step-form-range .f2x-step-form-input-range .input-range__track--active {
  background: #19afdc;
}
.f2x-step-form-range .f2x-step-form-input-range .input-range__slider {
  background: #19afdc;
  border-color: #19afdc;
  transform: translateX(2px);
}
.f2x-step-form-range .f2x-step-form-input-range .input-range__label--min,
.f2x-step-form-range .f2x-step-form-input-range .input-range__label--max {
  bottom: -8px;
}
.f2x-step-form-range .f2x-step-form-input-range .input-range__label--min .input-range__label-container,
.f2x-step-form-range .f2x-step-form-input-range .input-range__label--max .input-range__label-container {
  left: unset;
}
.f2x-step-form-range .f2x-step-form-input-range .input-range__label {
  color: var(--ast-global-color-5);
  font-family: "Museo-Sans", museo-sans, sans-serif;
}
.f2x-step-form-range .f2x-step-form-input-range .input-range__label--value {
  top: 14px;
}
.f2x-step-form-range[data-show-current=false] .f2x-step-form-input-range .input-range__label--value {
  opacity: 0;
}

.f2x-react-select-container {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  border-bottom-color: var(--ast-global-color-5);
  border-bottom-width: 1px;
  width: 75%;
}
.f2x-react-select-container .f2x-react-select {
  background-color: transparent;
  border: none;
  padding: 2px 0px;
  font-weight: 400;
}
.f2x-react-select-container .f2x-react-select .react-select__single-value {
  color: var(--ast-global-color-5);
}
.f2x-react-select-container .f2x-react-select .react-select__indicators {
  padding-left: 8px;
}
.f2x-react-select-container .f2x-react-select.react-select__menu {
  background-color: var(--ast-global-color-8) !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 1px;
}
.f2x-react-select-container .f2x-react-select.react-select__menu-list {
  max-height: 280px;
}
.f2x-react-select-container .f2x-react-select.react-select__option {
  color: var(--ast-global-color-5);
  padding: 6px 12px;
  cursor: pointer;
  line-height: 1.4em !important;
}
.f2x-react-select-container .f2x-react-select.react-select__option:hover {
  color: #0091cd;
}
.f2x-react-select-container .f2x-react-select.react-select__placeholder {
  color: var(--ast-global-color-5);
}
.f2x-react-select-container .f2x-react-select.react-select__option--is-disabled {
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
}
.f2x-react-select-container .f2x-react-select.react-select__option--is-disabled:hover {
  color: rgba(0, 0, 0, 0.5);
}
.f2x-react-select-container .css-t3ipsp-control {
  box-shadow: none !important;
  border: none !important;
}
.f2x-react-select-container .css-t3ipsp-control:hover {
  border-color: transparent !important;
}

.f2x-contact-app-form-wrap {
  border-radius: 12px;
  border: 2px solid #707070;
  padding: 1rem;
}
.f2x-contact-app-form-wrap input:-webkit-autofill,
.f2x-contact-app-form-wrap input:-webkit-autofill:hover,
.f2x-contact-app-form-wrap input:-webkit-autofill:focus,
.f2x-contact-app-form-wrap textarea:-webkit-autofill,
.f2x-contact-app-form-wrap textarea:-webkit-autofill:hover,
.f2x-contact-app-form-wrap textarea:-webkit-autofill:focus,
.f2x-contact-app-form-wrap select:-webkit-autofill,
.f2x-contact-app-form-wrap select:-webkit-autofill:hover,
.f2x-contact-app-form-wrap select:-webkit-autofill:focus {
  border-bottom: 1px solid var(--ast-global-color-5);
  -webkit-text-fill-color: var(--ast-global-color-5);
  -webkit-box-shadow: 0 0 0px 1000px #2d2d32 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group label {
  display: inline-block;
  margin-bottom: 1px;
  margin-top: 5px;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=text],
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=tel],
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=email],
.f2x-contact-app-form-wrap .f2x-contact-app-form-group select {
  position: relative;
  display: inline-block;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=text], .f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=text]:focus,
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=tel],
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=tel]:focus,
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=email],
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=email]:focus,
.f2x-contact-app-form-wrap .f2x-contact-app-form-group select,
.f2x-contact-app-form-wrap .f2x-contact-app-form-group select:focus {
  outline: none;
  border: none;
  border-bottom: 1px solid var(--ast-global-color-5);
  background-color: transparent;
  color: var(--ast-global-color-5);
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=text],
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=tel],
.f2x-contact-app-form-wrap .f2x-contact-app-form-group input[type=email] {
  padding: 0.2rem 0rem 0.5rem 0rem;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group select {
  appearance: none !important;
  background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-info {
  text-align: right;
  font-weight: 400;
  flex: 0 0 100%;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group-checkbox {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group-checkbox label {
  margin-bottom: 0;
  font-family: "Museo-Sans", museo-sans, sans-serif;
  color: var(--ast-global-color-5);
  font-size: 0.75rem;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group-checkbox label input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group-checkbox label a {
  color: #fff !important;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group-checkbox label span.f2x-contact-app-form-group-checkbox-check {
  width: 25px;
  height: 25px;
  border: 2px solid #707070;
  display: inline-block;
  margin-right: 8px;
  border-radius: 4px;
  flex: 0 0 25px;
}
.f2x-contact-app-form-wrap .f2x-contact-app-form-group-checkbox label input[type=checkbox]:checked + span.f2x-contact-app-form-group-checkbox-check {
  border-color: #198754;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.f2x-contact-app-form-wrap .f2x-react-select-container {
  width: auto;
}

.f2x-contact-app-form-control-feedback,
.f2x-contact-app-form-general-feedback {
  color: #dc3545;
  margin-top: 0.5rem;
  font-weight: 400;
}

.f2x-app-wrap .f2x-contact-app-form[data-validated=true] .f2x-contact-app-form-control.is-valid,
.f2x-app-wrap .f2x-contact-app-form[data-has-errors=true] .f2x-contact-app-form-control.is-valid {
  border-color: #198754;
}
.f2x-app-wrap .f2x-contact-app-form[data-validated=true] .f2x-contact-app-form-control.is-invalid,
.f2x-app-wrap .f2x-contact-app-form[data-has-errors=true] .f2x-contact-app-form-control.is-invalid {
  border-color: #dc3545;
}

@media screen and (min-width: 768px) {
  .f2x-contact-app-form-wrap .f2x-contact-app-form-group-checkbox {
    margin-left: 8px;
  }
  .f2x-contact-app-form-wrap .f2x-contact-app-form-group-checkbox label {
    font-size: 1rem;
  }
  .f2x-contact-app-form-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }
  .f2x-contact-app-form-wrap .f2x-contact-app-form-group {
    flex: 0 0 100%;
    padding-left: 8px;
    padding-right: 8px;
    display: inline-flex;
  }
  .f2x-contact-app-form-wrap .f2x-contact-app-form-group[data-field=firstname] {
    flex: 0 0 50%;
  }
  .f2x-contact-app-form-wrap .f2x-contact-app-form-group[data-field=lastname] {
    flex: 0 0 50%;
  }
  .f2x-contact-app-form-wrap .f2x-contact-app-form-group[data-field=phone] {
    flex: 0 0 50%;
  }
  .f2x-contact-app-form-wrap .f2x-contact-app-form-group[data-field=email] {
    flex: 0 0 50%;
  }
}
.f2x-step-headline {
  display: block;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-right: 1rem;
}

.f2x-steps-btns {
  display: flex;
  justify-content: flex-end;
}

.f2x-contact-app-form-submit {
  text-align: center;
}

.f2x-form .f2x-form-btn {
  display: inline-flex;
}

.f2x-step-item {
  padding: 24px 24px 8px 24px !important;
}

.f2x-step-form-range .f2x-step-form-input-range {
  height: 4.4rem !important;
}

.f2x-step-form-range .f2x-step-form-input-range .input-range__label--value {
  top: 7px !important;
}

.f2x-step-form-group input {
  padding: 0px !important;
}

.f2x-step-item .f2x-step-form-group input,
.f2x-step-item .f2x-step-form-group:focus {
  max-width: 30%;
}

.f2x-step-item .f2x-step-form-group .f2x-step-form-select-btn {
  width: 44px !important;
  height: 44px !important;
}

.f2x-step-form-select-btn-delete {
  background-color: #dc3c55 !important;
}
.f2x-step-form-select-btn-delete:hover {
  background-color: #ad253a !important;
}

.f2x-form-btn {
  line-height: 1.35em !important;
}

.f2x-step-item {
  min-height: 91%;
}
.f2x-wrap {
  display: block !important;
}
@media only screen and (min-width: 1440px) {
  .f2x-wrap {
    max-width: 75%;
  }
}

@media only screen and (min-width: 1440px) {
  #f2x-contact-app h2 {
    max-width: 75%;
  }
}

.f2x-step-item .f2x-step-item-progress {
  right: 10px !important;
  top: 8px !important;
}

/* Image - Content - Sections DESKTOP VIEW */
@media only screen and (min-width: 1024px) {
  .f2x-img-overlay-content-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
  }
  /* Image Backgrounds Positioning */
  .f2x-img-header-right {
    transform: scale(2.4) translate(10%, 20%);
  }
  /* Text Positioning in Containern */
  /* Positioning */
  /* SPACINGS */
  /* Schnittstellen Grafik */
}
@media only screen and (min-width: 1024px) and (min-width: 1400px) {
  .f2x-img-header-right {
    transform: scale(2) translate(10%, 10%);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1550px) {
  .f2x-img-header-right {
    transform: scale(2) translate(10%, 1%);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  .f2x-img-full-left-bg {
    transform: translate(14%, 0) scale(1.55);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1101px) {
  .f2x-img-full-left-bg {
    transform: translate(10%, 0) scale(1.4);
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-full-left-orange-bg {
    transform: translate(23%, 0) scale(1.75);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .f2x-img-full-left-orange-bg {
    transform: translate(10%, 0) scale(1.5);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .f2x-mobile-green-bg {
    transform: translate(0%, 10%);
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-outline-right-yellow-bg {
    transform: translate(0%, 3%) scale(1.6) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1100px) {
  .f2x-img-outline-right-yellow-bg {
    transform: translate(0%, -5%) scale(1.55) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .f2x-img-outline-right-yellow-bg {
    transform: translate(4%, -12%) scale(1.45) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1350px) {
  .f2x-img-outline-right-yellow-bg {
    transform: translate(4%, -12%) scale(1.35) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .f2x-img-outline-right-yellow-bg {
    transform: translate(5%, -20%) scale(1.2) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 2300px) {
  .f2x-img-outline-right-yellow-bg {
    transform: translate(5%, -20%) scale(1.25) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-full-left-blue-bg {
    transform: translate(20%, 2%) scale(1.75) rotate(-2deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .f2x-img-full-left-blue-bg {
    transform: translate(25%, 0%) scale(1.9) rotate(-2deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) {
  .f2x-img-full-left-blue-bg {
    transform: translate(20%, 0%) scale(1.6) rotate(-2deg);
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-outline-right-green-bg {
    transform: translate(20%, -35%) scale(1) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1250px) {
  .f2x-img-outline-right-green-bg {
    transform: translate(20%, -40%) scale(1) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .f2x-img-outline-right-green-bg {
    transform: translate(20%, -40%) scale(1) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 2300px) {
  .f2x-img-outline-right-green-bg {
    transform: translate(20%, -40%) scale(1) rotate(1deg);
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-outline-center-blue-bg {
    transform: translate(20%, -10%) scale(1) rotate(180deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .f2x-img-outline-center-blue-bg {
    transform: translate(20%, -60%) scale(1) rotate(180deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1400px) {
  .f2x-img-outline-center-blue-bg {
    transform: translate(20%, -100%) scale(1) rotate(180deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .f2x-img-outline-center-blue-bg {
    transform: translate(20%, -120%) scale(1) rotate(180deg);
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-full-left-question-bg {
    transform: translate(-20%, -50%) scale(1.6);
  }
  .f2x-img-full-right-yellow-bg {
    transform: translate(30%, 0%) scale(1.75) rotate(50deg);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1250px) {
  .f2x-img-full-right-yellow-bg {
    transform: translate(15%, -1%) scale(1.55) rotate(50deg);
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-overlay-content-left {
    max-width: 80% !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1400px) {
  .f2x-img-overlay-content-left {
    max-width: 70% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-overlay-content-right {
    max-width: 90% !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1300px) {
  .f2x-img-overlay-content-right {
    max-width: 75% !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1400px) {
  .f2x-img-overlay-content-right {
    max-width: 60% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-content-column-width-right {
    max-width: 80% !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .f2x-content-column-width-right {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-content-column {
    position: relative;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .f2x-content-column.f2x-content-column-width {
    flex-basis: 80% !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .f2x-content-column.f2x-content-column-width {
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-img-overlay-content-container--two-columns-one {
    align-self: end;
    padding-bottom: 15em;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1300px) {
  .f2x-img-overlay-content-container--two-columns-one {
    padding-bottom: 18em;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .f2x-img-overlay-content-container--two-columns-one {
    align-self: end;
    padding-bottom: 19em;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
  .f2x-header-width-left {
    flex-basis: 62% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-header-main-container {
    gap: 10em !important;
  }
  .f2x-content-copy-max-width {
    max-width: 80% !important;
    padding: 15px 0px;
  }
  .f2x-container-img-margin-top {
    margin-top: -20em !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1300px) {
  .f2x-container-img-margin-top {
    margin-bottom: -5em !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1400px) {
  .f2x-container-img-margin-top {
    margin-bottom: -20em !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) {
  .f2x-container-img-margin-top-big-screens {
    margin-top: -10em !important;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-europa-card {
    transform: translate(0%, -30%);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .f2x-container-translate-top {
    transform: translate(0%, -18%);
  }
  .f2x-europa-card {
    transform: translate(0%, -50%);
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-headline-center-padding {
    padding: 0px 5em 0px 5em;
  }
  .f2x-spacing-between-triangles {
    height: 300px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1100px) {
  .f2x-spacing-between-triangles {
    height: 200px !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .f2x-spacing-between-triangles {
    height: 70px !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1350px) {
  .f2x-spacing-between-triangles {
    height: 0px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-mobile-tablet-spacer-small,
  .f2x-img-mobile-bg-section,
  .f2x-img-tablet-bg-section,
  .f2x-img-mobile-tablet-bg-section {
    display: none !important;
  }
  .wp-block-columns {
    padding: 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1100px) {
  .f2x-slider-categories {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1400px) {
  .f2x-slider-categories {
    max-width: 60%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-schnittstellen-container {
    transform: scale(1.3) translate(10%, 0%);
  }
  .f2x-margin-right-column {
    margin-right: 30px !important;
    padding-right: 10px;
  }
  .f2x-flex-item-align-end {
    margin-top: 27px !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) {
  .f2x-spacer-bigger-size {
    height: 280px !important;
  }
}
@media only screen and (min-width: 1024px) {
  #faq .f2x-flex-basis-full-width-tablet {
    margin-top: -80px !important;
  }
  .f2x-max-width-copy-text {
    padding-right: 30px !important;
  }
}
/* Image - Content - Sections MOBILE VIEW */
@media only screen and (max-width: 1023px) {
  .f2x-img-full-left-bg,
  .f2x-img-outline-right-bg,
  .f2x-img-full-left-wider-bg,
  .f2x-img-header-right,
  .f2x-img-outline-right-yellow-bg,
  .f2x-img-full-left-blue-bg,
  .f2x-img-full-left-orange-bg,
  .f2x-img-outline-right-green-bg,
  .f2x-img-full-right-yellow-bg,
  .f2x-img-full-left-question-bg,
  .f2x-container-with-outline-rectangle,
  .f2x-spacer-desktop,
  .f2x-spacing-between-triangles {
    display: none !important;
  }
  /* SPACINGS */
  /* COLORS */
  /* Trennerbilder */
  /* slider */
  /* Navi */
  /* Tablet */
  /* Footer */
  /* Z-INDEX */
  /* slider */
  /* Schnittstellen Grafik */
}
@media only screen and (max-width: 1023px) and (max-width: 520px) {
  .f2x-tablet-spacer-small {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .f2x-header-main-container {
    flex-direction: column-reverse;
  }
  .f2x-mobile-white-bg {
    background-color: #fff;
  }
  .f2x-mobile-red-bg {
    background-color: #dc3c55;
  }
  .f2x-mobile-yellow-bg {
    background-color: #ffd700;
  }
  .f2x-mobile-blue-bg {
    background-color: #0091cd;
  }
  .f2x-mobile-orange-bg {
    background-color: #f59b5a;
  }
  .f2x-mobile-green-bg {
    background-color: #418732;
  }
  .ast-container {
    padding: 0px;
  }
  .f2x-container-main-padding-mobile,
  .f2x-form {
    padding: 0px 22px 0px 22px !important;
  }
  .ast-mobile-header-wrap .ast-primary-header-bar {
    min-height: 70px !important;
  }
  .f2x-mobile-no-margin {
    margin: 0px;
  }
  .f2x-mobile-headline-red {
    color: #dc3c55 !important;
  }
  .f2x-mobile-copy-black, .f2x-mobile-copy-black a {
    color: #000 !important;
  }
  .f2x-mobile-button-white a {
    background-color: #fff !important;
  }
  .f2x-mobile-button-white a:hover {
    background-color: #e8e8e8;
  }
  .f2x-icon-mobile-red-stroke {
    stroke: #dc3c55;
  }
  .f2x-icon-mobile-red path {
    stroke: #dc3c55;
  }
  .f2x-icon-mobile-red-fill path {
    fill: #dc3c55;
  }
  .f2x-img-mobile-tablet-bg-section {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 520px) {
  .f2x-img-mobile-bg-section {
    width: 100%;
    height: auto;
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .f2x-img-tablet-bg-section {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 521px) {
  .f2x-img-tablet-bg-section {
    width: 100%;
    height: auto;
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .f2x-img-mobile-bg-section {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .f2x-slider-categories {
    margin: 0px -22px;
  }
  .content-align-flex-start .main-header-menu {
    text-align: center !important;
  }
  .main-navigation {
    position: relative;
    padding-top: 80px !important;
  }
  .f2x-border-top-style:before {
    content: "";
    position: absolute;
    left: 15%;
    top: 0;
    height: 1px;
    width: 70%;
    border: 0.5px solid #707070;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 781px) {
  .f2x-flex-basis-width-tablet {
    flex-basis: 80% !important;
  }
  .f2x-flex-basis-full-width-tablet {
    flex-basis: 100% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .f2x-flex-mobile-reverse {
    flex-direction: column-reverse;
  }
  h1,
  h2,
  h3,
  h4,
  p {
    position: relative;
    z-index: 1;
  }
  .slick-dots {
    text-align: left !important;
  }
  .slick-dots li {
    margin: 0px !important;
  }
  #slick-slide-control00::before,
  #slick-slide-control01::before,
  #slick-slide-control02::before {
    font-size: 13px;
  }
  .slick-dots li button::before {
    color: #dc3c55 !important;
  }
  .slick-dots .slick-active button::before {
    color: #dc3c55 !important;
    font-size: 13 px !important;
    opacity: 1 !important;
  }
  .f2x-schnittstellen-container {
    transform: scale(1.3) translate(8%, 0%);
  }
  #text-div > p {
    margin-bottom: 0px !important;
  }
  .f2x-schnittstellen-container > svg {
    margin-top: 0px !important;
  }
}
/* Image - Content - Sections */
@media only screen and (max-width: 480px) {
  html {
    overflow-x: hidden !important;
  }
}
.f2x-position-relative {
  position: relative;
}

body .f2x-disabled-is-layout-constrained.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: unset !important;
  margin-left: unset !important;
  margin-right: unset !important;
}

/* Text Positioning in Containern */
.f2x-content-center {
  justify-content: center;
}

.f2x-content-start {
  justify-content: flex-start;
}

.f2x-flex-column {
  display: flex;
  flex-direction: column;
  row-gap: 3em;
}
.f2x-flex-column.f2x-flex-column-left {
  align-items: flex-start;
}
.f2x-flex-column.f2x-flex-column-center {
  align-items: left;
}
@media only screen and (min-width: 1700px) {
  .f2x-flex-column.f2x-flex-column-center {
    align-items: center !important;
  }
}

@media only screen and (min-width: 1024px) {
  .f2x-container-main-padding-left {
    padding-left: 20px !important;
  }
}
@media only screen and (min-width: 1250px) {
  .f2x-container-main-padding-left {
    padding-left: 60px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .f2x-padding-right-50 {
    padding-right: 50px;
  }
}
.f2x-slider-categories-gutenslide-box {
  position: relative;
}

.f2x-slider-categories-gutenslide-caption {
  position: absolute;
  bottom: 15%;
  right: 5%;
}

.f2x-slider-categories .bg-image {
  margin-right: -0.4px !important;
}

@media only screen and (min-width: 520px) {
  .f2x-mobile-spacer-small {
    display: none !important;
  }
}
/* Footer */
.f2x-footer-nowrap-links {
  display: flex;
  flex-wrap: nowrap;
  gap: 20%;
}

.f2x-flex-item-align-end {
  align-self: end;
}

.f2x-card-europa-label-container {
  z-index: 5 !important;
}

/*
.f2x-footer-padding {
  @media only screen and (max-width: 500px) {
    padding: 20px !important;
  }
  @media only screen and (min-width: 501px) {
    padding: 25px !important;
  }
  @media only screen and (min-width: 767px) {
    padding: 40px !important;
  }
  @media only screen and (min-width: 1024px) {
    padding: 120px !important;
  }
}
*/
/* WP */
@media only screen and (min-width: 1250px) {
  .f2x-full-button,
  .f2x-full-button .wp-element-button {
    min-width: 85%;
  }
}
@media only screen and (max-width: 576px) {
  .f2x-full-button,
  .f2x-full-button .wp-element-button,
  .f2x-full-button-mobile .wp-element-button {
    min-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .f2x-container-main-padding {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (min-width: 1250px) {
  .f2x-container-main-padding {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
@media only screen and (min-width: 1700px) {
  .f2x-container-main-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media only screen and (max-width: 920px) {
  .site-primary-header-wrap,
  .f2x-footer-padding {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
@media only screen and (min-width: 921px) {
  .site-primary-header-wrap,
  .f2x-footer-padding {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .site-primary-header-wrap,
  .f2x-footer-padding {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 1250px) {
  .site-primary-header-wrap,
  .f2x-footer-padding {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media only screen and (min-width: 1700px) {
  .site-primary-header-wrap,
  .f2x-footer-padding {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* SWITCHER */
.ast-builder-language-switcher-menu-item-header {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.ast-builder-language-switcher-menu-item-header:not(:last-child) {
  margin-right: 6px;
}

.ast-builder-language-switcher-menu-item-header:not(:last-child):after {
  content: "|";
  display: inline-block;
}

.ast-builder-language-switcher-menu-item-header a,
.ast-builder-language-switcher-menu-item-header:not(:last-child):after {
  font-size: 1.1rem;
  color: var(--ast-global-color-8);
  font-weight: normal;
}

@media only screen and (min-width: 1024) {
  .site-header-section > * {
    padding: 0px 60px 0px 0px !important;
  }
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:focus,
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:focus,
.ast-mobile-popup-drawer.active .menu-toggle-close:focus,
[data-section=section-header-mobile-trigger] .ast-button-wrap .ast-mobile-menu-trigger-fill {
  outline: none !important;
  border: 1px solid transparent !important;
}

.f2x-steps > h3,
.f2x-form > h3 {
  margin-bottom: 50px !important;
}

@media only screen and (min-width: 1024px) {
  .f2x-form .f2x-contact-app-form {
    max-width: 70% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .f2x-form .f2x-contact-app-form {
    max-width: 60% !important;
  }
}
@media only screen and (min-width: 1400px) {
  .f2x-form .f2x-contact-app-form {
    max-width: 50% !important;
  }
}