@font-face {
     font-display: swap;
     font-family: 'Heebo';
     font-style: normal;
     font-weight: 400;
     src: url(../index_files/heebo-v21-latin-regular.eot);
     src: local(''), url('../index_files/heebo-v21-latin-regular.eot?#iefix') format('embedded-opentype'), url(../index_files/heebo-v21-latin-regular.woff2) format('woff2'), url(../index_files/heebo-v21-latin-regular.woff) format('woff'), url(../index_files/heebo-v21-latin-regular.ttf) format('truetype'), url('../index_files/heebo-v21-latin-regular.svg#Heebo') format('svg')
}

@font-face {
     font-display: swap;
     font-family: 'Heebo';
     font-style: normal;
     font-weight: 500;
     src: url(../index_files/heebo-v21-latin-500.eot);
     src: local(''), url('../index_files/heebo-v21-latin-500.eot?#iefix') format('embedded-opentype'), url(../index_files/heebo-v21-latin-500.woff2) format('woff2'), url(../index_files/heebo-v21-latin-500.woff) format('woff'), url(../index_files/heebo-v21-latin-500.ttf) format('truetype'), url('../index_files//heebo-v21-latin-500.svg#Heebo') format('svg')
}

@font-face {
     font-display: swap;
     font-family: 'Heebo';
     font-style: normal;
     font-weight: 700;
     src: url(../index_files/heebo-v21-latin-700.eot);
     src: local(''), url('../index_files/heebo-v21-latin-700.eot?#iefix') format('embedded-opentype'), url(../index_files/heebo-v21-latin-700.woff2) format('woff2'), url(../index_files/heebo-v21-latin-700.woff) format('woff'), url(../index_files/heebo-v21-latin-700.ttf) format('truetype'), url('../index_files/heebo-v21-latin-700.svg#Heebo') format('svg')
}

@font-face {
     font-display: swap;
     font-family: 'Heebo';
     font-style: normal;
     font-weight: 900;
     src: url(../index_files/Heebo-Black.ttf) format('truetype')
}

@media (max-width:991px) {

     /*!
     * Mmenu Light
     * mmenujs.com/mmenu-light
     *
     * Copyright (c) Fred Heusschen
     * www.frebsite.nl
     *
     * License: CC-BY-4.0
     * http://creativecommons.org/licenses/by/4.0/
     */
     :root {
          --mm-ocd-width: 80%;
          --mm-ocd-min-width: 200px;
          --mm-ocd-max-width: 440px
     }

     body.mm-ocd-opened {
          overflow-y: hidden;
          -ms-scroll-chaining: none;
          overscroll-behavior: none
     }

     .mm-ocd {
          position: fixed;
          top: 0;
          right: 0;
          bottom: 100%;
          left: 0;
          z-index: 9999;
          overflow: hidden;
          -ms-scroll-chaining: none;
          overscroll-behavior: contain;
          background: rgba(0, 0, 0, 0);
          -webkit-transition-property: bottom, background-color;
          -o-transition-property: bottom, background-color;
          transition-property: bottom, background-color;
          -webkit-transition-duration: 0s, .3s;
          -o-transition-duration: 0s, .3s;
          transition-duration: 0s, .3s;
          -webkit-transition-timing-function: ease;
          -o-transition-timing-function: ease;
          transition-timing-function: ease;
          -webkit-transition-delay: .45s, .15s;
          -o-transition-delay: .45s, .15s;
          transition-delay: .45s, .15s
     }

     .mm-ocd--open {
          bottom: 0;
          background: rgba(0, 0, 0, .25);
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s
     }

     .mm-ocd__content {
          position: absolute;
          top: 0;
          bottom: 0;
          z-index: 2;
          width: 80%;
          width: var(--mm-ocd-width);
          min-width: 200px;
          min-width: var(--mm-ocd-min-width);
          max-width: 440px;
          max-width: var(--mm-ocd-max-width);
          background: #fff;
          -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          -o-transition-property: transform;
          transition-property: transform;
          transition-property: transform, -webkit-transform;
          -webkit-transition-duration: .3s;
          -o-transition-duration: .3s;
          transition-duration: .3s;
          -webkit-transition-timing-function: ease;
          -o-transition-timing-function: ease;
          transition-timing-function: ease
     }

     .mm-ocd--left .mm-ocd__content {
          left: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
     }

     .mm-ocd--right .mm-ocd__content {
          right: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
     }

     .mm-ocd--open .mm-ocd__content {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
     }

     .mm-ocd__backdrop {
          position: absolute;
          top: 0;
          bottom: 0;
          z-index: 3;
          width: calc(100% - 80%);
          width: calc(100% - var(--mm-ocd-width));
          min-width: calc(100% - 440px);
          min-width: calc(100% - var(--mm-ocd-max-width));
          max-width: calc(100% - 200px);
          max-width: calc(100% - var(--mm-ocd-min-width));
          background: rgba(3, 2, 1, 0)
     }

     .mm-ocd--left .mm-ocd__backdrop {
          right: 0
     }

     .mm-ocd--right .mm-ocd__backdrop {
          left: 0
     }

     .mm-spn,
     .mm-spn a,
     .mm-spn li,
     .mm-spn span,
     .mm-spn ul {
          display: block;
          padding: 0;
          margin: 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box
     }

     :root {
          --mm-spn-item-height: 50px;
          --mm-spn-item-indent: 20px;
          --mm-spn-line-height: 24px
     }

     .mm-spn {
          width: 100%;
          height: 100%;
          -webkit-tap-highlight-color: transparent;
          -webkit-overflow-scrolling: touch;
          overflow: hidden;
          -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0)
     }

     .mm-spn ul {
          -webkit-overflow-scrolling: touch;
          position: fixed;
          top: 0;
          left: 100%;
          bottom: 0;
          z-index: 2;
          width: 130%;
          padding-right: 30%;
          line-height: 24px;
          line-height: var(--mm-spn-line-height);
          overflow: visible;
          overflow-y: auto;
          background: inherit;
          -webkit-transition: left .3s ease 0s;
          -o-transition: left .3s ease 0s;
          transition: left .3s ease 0s;
          cursor: default
     }

     .mm-spn ul:after {
          content: '';
          display: block;
          height: 50px;
          height: var(--mm-spn-item-height)
     }

     .mm-spn>ul {
          left: 0
     }

     .mm-spn ul.mm-spn--open {
          left: 0
     }

     .mm-spn ul.mm-spn--parent {
          left: -30%;
          overflow-y: hidden
     }

     .mm-spn li {
          position: relative;
          background: inherit;
          cursor: pointer
     }

     .mm-spn li:before {
          content: '';
          display: block;
          position: absolute;
          top: 25px;
          top: calc(var(--mm-spn-item-height)/ 2);
          right: 25px;
          right: calc(var(--mm-spn-item-height)/ 2);
          z-index: 0;
          width: 10px;
          height: 10px;
          border-top: 2px solid;
          border-right: 2px solid;
          -webkit-transform: rotate(45deg) translate(0, -50%);
          -ms-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
          opacity: .4
     }

     .mm-spn li:after {
          content: '';
          display: block;
          margin-left: 20px;
          margin-left: var(--mm-spn-item-indent);
          border-top: 1px solid;
          opacity: .15
     }

     .mm-spn a,
     .mm-spn span {
          position: relative;
          z-index: 1;
          padding: 13px 20px;
          padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)
     }

     .mm-spn a {
          background: inherit;
          color: inherit;
          text-decoration: none
     }

     .mm-spn a:not(:last-child) {
          width: calc(100% - 50px);
          width: calc(100% - var(--mm-spn-item-height))
     }

     .mm-spn a:not(:last-child):after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          border-right: 1px solid;
          opacity: .15
     }

     .mm-spn span {
          background: 0 0
     }

     .mm-spn.mm-spn--navbar {
          cursor: pointer
     }

     .mm-spn.mm-spn--navbar:before {
          content: '';
          display: block;
          position: absolute;
          top: 25px;
          top: calc(var(--mm-spn-item-height)/ 2);
          left: 20px;
          left: var(--mm-spn-item-indent);
          width: 10px;
          height: 10px;
          margin-top: 2px;
          border-top: 2px solid;
          border-left: 2px solid;
          -webkit-transform: rotate(-45deg) translate(50%, -50%);
          -ms-transform: rotate(-45deg) translate(50%, -50%);
          transform: rotate(-45deg) translate(50%, -50%);
          opacity: .4
     }

     .mm-spn.mm-spn--navbar.mm-spn--main {
          cursor: default
     }

     .mm-spn.mm-spn--navbar.mm-spn--main:before {
          content: none;
          display: none
     }

     .mm-spn.mm-spn--navbar:after {
          content: attr(data-mm-spn-title);
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 50px;
          height: var(--mm-spn-item-height);
          padding: 0 40px;
          padding: 0 calc(var(--mm-spn-item-indent) * 2);
          line-height: 50px;
          line-height: var(--mm-spn-item-height);
          opacity: .4;
          text-align: center;
          overflow: hidden;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis
     }

     .mm-spn.mm-spn--navbar.mm-spn--main:after {
          padding-left: 20px;
          padding-left: var(--mm-spn-item-indent)
     }

     .mm-spn.mm-spn--navbar ul {
          top: 51px;
          top: calc(var(--mm-spn-item-height) + 1px)
     }

     .mm-spn.mm-spn--navbar ul:before {
          content: '';
          display: block;
          position: fixed;
          top: inherit;
          z-index: 2;
          width: 100%;
          border-top: 1px solid currentColor;
          opacity: .15
     }

     .mm-spn.mm-spn--light {
          color: #444;
          background: #f3f3f3
     }

     .mm-spn.mm-spn--dark {
          color: #ddd;
          background: #333
     }

     .mm-spn.mm-spn--vertical {
          overflow-y: auto
     }

     .mm-spn.mm-spn--vertical ul {
          width: 100%;
          padding-right: 0;
          position: static
     }

     .mm-spn.mm-spn--vertical ul ul {
          display: none;
          padding-left: 20px;
          padding-left: var(--mm-spn-item-indent)
     }

     .mm-spn.mm-spn--vertical ul ul:after {
          height: 25px;
          height: calc(var(--mm-spn-item-height)/ 2)
     }

     .mm-spn.mm-spn--vertical ul.mm-spn--open {
          display: block
     }

     .mm-spn.mm-spn--vertical li.mm-spn--open:before {
          -webkit-transform: rotate(135deg) translate(-50%, 0);
          -ms-transform: rotate(135deg) translate(-50%, 0);
          transform: rotate(135deg) translate(-50%, 0)
     }

     .mm-spn.mm-spn--vertical ul ul li:last-child:after {
          content: none;
          display: none
     }

     .mm-spn a:not(:last-child):after {
          display: none
     }

     #fake_nav-text {
          content: attr(data-mm-spn-title)
     }
}

li#menu-item-19308 {
     display: none
}

div#main-header.mobile-nav-hide {
     transform: translateY(-100%);
     transition: .25s ease .1s
}

@media only screen and (max-width:991px) {
     div#main-header.sticky {
          transition: transform .2s;
          height: auto
     }

     div#main-header.sticky2 {
          height: 82.5px;
          transform: translateY(0)
     }

     nav#mf-nav2 {
          position: static
     }
}

.hide {
     display: none
}

.js .is-animating {
     opacity: 0
}

.js .wow.is-animating {
     opacity: 1
}

.no-animation .is-animating {
     opacity: 1 !important;
     visibility: visible !important
}

.no-animation .fadeup.wow,
.no-animation .wow {
     animation: none !important
}

aside#sidebar {
     display: block;
     overflow: hidden
}

.delay {
     visibility: hidden
}

.end {
     visibility: visible
}

*,
::after,
::before {
     box-sizing: border-box
}

[role=button] {
     outline: none
}

b,
strong {
     font-weight: 600
}

dl,
ol,
ul {
     margin-top: 0;
     margin-bottom: 25px;
     list-style: none
}

ul li,
ol li {
     list-style: none
}

ul.indent,
ol.indent {
     padding: 0 !important
}

body {
     font-family: 'Heebo', sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 26px;
     color: #000;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
}

.top-headline,
h2.top-headline {
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 20px
}

.headline,
h2,
.post-heading {
     font-weight: 700;
     font-size: 30px;
     line-height: 40px;
     margin-bottom: 35px
}

h3 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     margin-bottom: 25px
}

h3.big {
     font-size: 28px;
     line-height: 34px;
     margin-bottom: 30px
}

.big-text,
.big-text p,
.submitted-message {
     font-size: 20px;
     line-height: 30px
}

p {
     margin-top: 0;
     margin-bottom: 25px
}

a,
a.color-dark:hover,
.team-list-inner-scrollbar a.active,
.color-dark a:hover,
.portfolio-link span:hover {
     color: rgb(219, 55, 67)
}

a:hover {
     color: #000
}

.small {
     font-size: 12px;
     line-height: 18px
}

a,
a:hover {
     text-decoration: none
}

.color-dark,
ol.color-red li:hover {
     color: #000
}

.color-dark p,
.color-dark span,
.color-dark h1,
.color-dark h2,
.color-dark h3,
.color-dark h4,
.color-dark h5,
.color-dark div,
.color-dark a {
     color: #000
}

.color-dark .hbspt-form input,
.color-dark .hbspt-form optgroup,
.color-dark .hbspt-form select,
.color-dark .hbspt-form textarea {
     border: 1px solid #000 !important
}

.color-dark .hbspt-form input.submit {
     border: 1px solid transparent
}

.color-light {
     color: #fff
}

.color-red {
     color: rgb(219, 55, 67)
}

@media (min-width:992px) {

     .headline,
     h2,
     .post-heading {
          font-size: 46px;
          line-height: 56px;
          margin-bottom: 30px
     }

     .top-headline {
          margin-bottom: 20px
     }

     .spacer-90 {
          margin-bottom: 90px
     }
}

.center {
     text-align: center
}

.display-none {
     display: none !important
}

.row-770 {
     width: 100%;
     max-width: 770px;
     margin-left: auto;
     margin-right: auto
}

.row-860 {
     width: 100%;
     max-width: 870px;
     margin-left: auto;
     margin-right: auto
}

.row-940 {
     width: 100%;
     max-width: 1140px;
     margin-left: auto;
     margin-right: auto
}

.row-980 {
     width: 100%;
     max-width: 980px;
     margin-left: auto;
     margin-right: auto
}

.text-image-row {
     margin-left: auto;
     margin-right: auto
}

.spacer-50 {
     height: 50px
}

.spacer-90 {
     margin-bottom: 25px
}

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

section,
.section {
     padding-top: 55px;
     padding-bottom: 55px;
     overflow: hidden;
     width: 100%
}

section.has-padding-top {
     padding-top: 55px !important
}

.img-fluid img {
     max-width: 100%;
     height: auto
}

.show-mobile {
     display: block
}

.show-desktop {
     display: none
}

.mobile-text-align-right {
     text-align: right !important
}

@media only screen and (max-width:991px) {
     .left-floating-image {
          Left: 0 !important;
          padding-left: 0 !important
     }

     .right-floating-image {
          right: -15px !important;
          left: auto;
          margin-left: auto;
          max-height: 100%;
          max-width: 700px;
          padding-left: 0
     }

     .mf-container-fluid {
          max-width: 94%;
          margin-left: auto;
          margin-right: auto
     }
}

@media only screen and (min-width:992px) {
     .left-floating-image {
          width: 700px !important;
          max-width: 700px !important;
          height: auto;
          padding-right: 0
     }

     .right-floating-image {
          width: 700px !important;
          height: auto;
          padding-left: 0;
          right: 0 !important
     }

     .margin-left-floating-image {
          margin-left: 50% !important;
          padding-right: calc((3% + 15px)) !important
     }

     .margin-left-floating-image {
          min-height: 400px
     }
}

@media only screen and (min-width:1680px) {
     .left-floating-image {
          left: auto !important
     }
}

@media only screen and (min-width:992px) {
     .show-desktop {
          display: block
     }

     .show-mobile {
          display: none
     }

     .posabsolute {
          position: absolute !important
     }
}

@media only screen and (min-width:768px) and (max-width:1024px) {

     section,
     .section {
          padding-top: 90px;
          padding-bottom: 90px;
          overflow: hidden
     }

     section.has-padding-top {
          padding-top: 90px !important
     }

     section.repeater-block {
          padding-bottom: 60px
     }
}

@media only screen and (min-width:1025px) {

     section,
     .section {
          padding-top: 110px;
          padding-bottom: 110px
     }

     section.has-padding-top {
          padding-top: 110px !important
     }

     section.repeater-block {
          padding-bottom: 60px
     }
}

@media only screen and (min-width:1200px) {
     .first-col-right {
          padding-right: calc((100% - 1160px) / 2) !important
     }

     .first-col-left-no-margin-left {
          padding-left: calc((100% - 1160px) / 2 + 15px) !important
     }

     .first-col-left {
          padding-left: calc((100% - 1160px) / 2 + 15px) !important
     }
}

@media (min-width:576px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .fake-container-768,
     section.html-modul.html-modul-full .container,
     .text-image-row {
          max-width: 94%
     }
}

@media (min-width:768px) {
     .fake-container-768 {
          max-width: 720px;
          margin-left: auto;
          margin-right: auto
     }

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .fake-container-768,
     section.html-modul.html-modul-full .container,
     .text-image-row {
          max-width: 90%
     }
}

@media (min-width:992px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .fake-container-768,
     section.html-modul.html-modul-full .container,
     .text-image-row {
          max-width: 90%
     }
}

@media (min-width:1200px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-1160 .container,
     .fake-container-768,
     section.html-modul.html-modul-full .container,
     .text-image-row {
          max-width: 1160px
     }
}

@media only screen and (min-width:1900px) {
     .swiper-werte {
          overflow: hidden
     }
}

@media only screen and (max-width:767px) {
     .overflow-scroll-mobile {
          overflow-x: scroll;
          overflow-y: hidden;
          max-width: 100%;
          margin-left: 3%
     }

     .overflow-scroll-mobile img {
          max-width: none;
          margin-right: 25px
     }
}

@media only screen and (max-width:991px) {
     .overflow-scroll-tablet {
          overflow-x: scroll;
          overflow-y: hidden;
          max-width: 100%;
          margin-left: 3%
     }

     .overflow-scroll::-webkit-scrollbar {
          width: 0
     }

     .overflow-scroll::-webkit-scrollbar-track {
          background: transparent
     }

     .overflow-scroll::-webkit-scrollbar-thumb {
          background: transparent
     }

     .overflow-scroll::-webkit-scrollbar-thumb:hover {
          background: transparent
     }

     .overflow-scroll-tablet img {
          max-width: none;
          margin-right: 25px
     }

     .strategie-container {
          min-width: 1139px
     }
}

button:focus {
     outline: none
}

.mf-button {
     font-weight: 500;
     padding: 12px 44px;
     border-radius: 50px;
     transition: all 0.2s;
     text-decoration: none;
     border-color: transparent
}

.mf-button:hover {
     color: #000;
     text-decoration: none
}

.mf-button.color-dark>.arrow-right {
     background-image: url(/wp-content/themes/morefire/icons/icon-pfeil-rechts-black.svg)
}

.mf-button.color-dark:hover {
     color: rgb(219, 55, 67)
}

.mf-button.color-dark:hover>.arrow-right {
     background-image: url(/wp-content/themes/morefire/icons/icon-pfeil-rechts.svg)
}

.mf-button-yellow {
     background: rgb(220, 179, 43)
}

.mf-button-red {
     background: rgb(219, 55, 67)
}

.mf-button-yellow:hover {
     background-color: #ecc850 !important;
     color: #000
}

.mf-button.color-light:hover {
     color: #000
}

#sticky-navigation-button {
     display: none;
     position: fixed;
     bottom: 100px;
     z-index: 0;
     width: 100%
}

.sticky-inhaltsverzeichnis #sticky-navigation-button {
     display: block
}

.btn-inhalsverzeichnis-hide #sticky-navigation-button {
     display: none
}

.module-html-1.btn-inhalsverzeichnis-show #sticky-navigation-button {
     display: block
}

@media only screen and (max-width:991px) {
     #sticky-navigation-button {
          bottom: 50px
     }
}

#main-header .contact-btn a {
     padding-left: 44px
}

body #main-header.sticky .contact-btn a,
div#main-header.nav-open .contact-btn a {
     background: #dcb32b;
     border-radius: 50px;
     text-align: center;
     color: #fff !important;
     padding: 12px 44px;
     top: 0
}

.arrow-right {
     position: relative;
     transform: translateX(10px);
     display: inline-block;
     vertical-align: middle;
     transition: transform .5s;
     background: url(/wp-content/themes/morefire/icons/icon-pfeil-rechts.svg);
     background-size: 24px;
     width: 24px;
     height: 24px;
     background-repeat: no-repeat;
     background-position: center
}

.arrow-left {
     transform: translateX(-10px) rotate(-180deg)
}

.arrow-right.arrow-right-light {
     background: url(/wp-content/themes/morefire/icons/icon-pfeil-rechts-white.svg)
}

span.arrow-right img {
     width: 20px;
     height: 20px
}

.mf-button:hover>.arrow-right {
     transform: translateX(20px);
     background: url(/wp-content/themes/morefire/icons/icon-pfeil-rechts-black.svg)
}

.mf-button:hover>.arrow-left {
     transform: translateX(-20px) rotate(-180deg)
}

.mf-button-no-padding {
     padding-left: 0
}

.mf-button.mf-button-flat {
     padding: 0
}

.btn-wrapper {
     margin-top: 35px;
     display: flex;
     justify-content: center;
     align-items: center
}

.btn-wrapper-small {
     margin-top: 20px
}

.btn-wrapper.justify-content-left {
     justify-content: left
}

.btn-wrapper.justify-content-right {
     justify-content: right
}

@media only screen and (max-width:767px) {
     .btn-wrapper {
          margin-top: 25px;
          flex-direction: column
     }

     .mf-button {
          padding: 12px 24px
     }

     .mf-button-no-padding {
          padding-left: 0;
          padding-right: 0
     }
}

a#mf-logo {
     z-index: 999
}

#mf-logo img {
     max-width: 140px
}

.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid,
.navbar-expand-lg>.container-lg,
.navbar-expand-lg>.container-md,
.navbar-expand-lg>.container-sm,
.navbar-expand-lg>.container-xl {
     padding-left: 15px
}

.navbar {
     padding: .5rem 0rem
}

nav#mf-nav2 button {
     display: none
}

a.navbar-brand img {
     width: 140px
}

header.main {
     background: #fff
}

#main-header .dropdown,
#main-header .dropleft,
#main-header .dropright,
#main-header .dropup {
     position: static
}

div#main-header.sticky {
     position: fixed;
     top: 0;
     background: #fff;
     z-index: 999;
     width: 100%
}

div#main-header.sticky2 {
     position: fixed;
     top: 0;
     background: #fff;
     z-index: 999;
     width: 100%;
     height: 70px
}

#main-header .dropdown-toggle::after {
     margin-left: 4px;
     margin-top: 1px;
     vertical-align: 0;
     background-image: url(/wp-content/themes/morefire/icons/nav-icon-white.png);
     border: 0;
     background-size: 24px;
     position: absolute;
     top: 13px;
     width: 24px;
     height: 24px
}

#main-header .wpml-ls-item .dropdown-toggle:after {
     display: none
}

#main-header.sticky .dropdown-toggle::after,
#main-header .dropdown-toggle:hover:after,
.error404 #main-header .dropdown-toggle::after,
#main-header.nav-open .dropdown-toggle::after,
#main-header.sticky .dropdown-toggle:hover:after,
#main-header.nav-open .dropdown-toggle:hover:after,
div#loadMore a:hover:after,
.page-template-page-mf-blank #main-header .dropdown-toggle::after,
.page-template-page-mf-blank-formular div#main-header .dropdown-toggle::after,
.category #main-header .dropdown-toggle::after,
.single #main-header .dropdown-toggle::after,
.search #main-header .dropdown-toggle::after,
.dark #main-header .dropdown-toggle::after {
     background-image: url(/wp-content/themes/morefire/icons/keyboard_arrow_down-24px.svg)
}

#main-header .dropdown-toggle.disabled::after {
     display: none
}

.dropdown-item:focus,
.dropdown-item:hover {
     background-color: transparent
}

div#nav-close {
     position: fixed;
     right: 20px;
     top: 13px;
     font-weight: 700;
     font-size: 20px
}

svg#close {
     width: 18px
}

span#fake_nav-text {
     display: none
}

div#mobile-nav-logo {
     position: fixed;
     top: 12px;
     z-index: 9999;
     width: 140px;
     left: 20px;
     display: block;
     background: #fff
}

div#mobile-nav-logo.show {
     display: block
}

.mm-spn--parent div#mobile-nav-logo {
     display: none
}

@media (min-width:991px) {
     ul.dropdown-menu.mf-menu-item-dropdown-189 {
          padding-left: 60px
     }

     ul.dropdown-menu.mf-menu-item-dropdown-21155 {
          padding-left: 30px
     }

     nav.navbar.navbar-expand-lg.navbar-light {
          background: transparent !important;
          width: 100%;
          top: 0;
          z-index: 999
     }

     .navbar-expand-lg>.container,
     .navbar-expand-lg>.container-fluid {
          position: relative
     }

     #menu2 .nav {
          width: 100%;
          ;
          justify-content: flex-end;
          align-items: center
     }

     #main-header .navbar-expand-lg .navbar-nav .dropdown-menu {
          position: absolute;
          width: 100%;
          max-width: 100%;
          border: none;
          left: 0;
          background: transparent
     }

     #main-header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
          display: block
     }

     #main-header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu li {
          display: block
     }

     #main-header .dropdown-menu li {
          display: inline-block;
          margin-right: 0;
          position: relative;
          width: 32.9%
     }

     ul.dropdown-menu.mf-menu-item-dropdown-199 li,
     ul.dropdown-menu.mf-menu-item-dropdown-17902 li {
          width: 23.9% !important
     }

     ul.dropdown-menu.mf-menu-item-dropdown-184.show li {
          width: 23.9% !important
     }

     li#menu-item-21156 {
          opacity: 0
     }

     .no-icon a:after {
          display: none
     }

     .no-icon>a {
          font-size: 20px !important;
          margin-bottom: 20px !important;
          display: inline-block;
          position: relative;
          top: -5px
     }

     .comingsoon {
          opacity: .5;
          display: none !important
     }

     ul.dropdown-menu.show {
          margin-top: 80px !important;
          margin-left: 15px
     }

     #menu2 .nav a {
          color: #fff;
          font-weight: 400;
          font-size: 16px;
          padding-right: 45px;
          padding-top: 12px;
          position: relative
     }

     #main-header .contact-btn a {
          margin-left: 20px
     }

     #menu2 .nav a:hover {
          color: #000
     }

     #menu2 .nav ul li a,
     v .dropdown-header {
          color: #000;
          font-size: 20px;
          padding: 0;
          margin-bottom: 20px
     }

     #menu2 .nav ul li ul li a {
          font-size: 16px;
          padding-left: 0;
          margin-bottom: 5px
     }

     .navbar-dark .navbar-nav .nav-link.disabled {
          opacity: 0;
          margin-bottom: -40px !important
     }

     div#main-header.nav-open {
          height: 747px
     }

     div#main-header.nav-open {
          background: #fff;
          z-index: 999999 !important
     }

     .nav-open nav.navbar.navbar-expand-lg.navbar-light {
          background: #fff !important
     }

     div#main-header.nav-open li.show a,
     div#main-header.sticky a,
     .error404 div#main-header.nav-open li.show a,
     .page-template-page-mf-blank div#main-header.nav-open li.show a {
          color: rgb(219, 55, 67)
     }

     div#main-header.nav-open li.show li>a,
     div#main-header.sticky a,
     div#main-header.nav-open li a,
     .error404 div#main-header.nav-open li a,
     .error404 div#main-header.nav-open li.show li>a,
     .page-template-page-mf-blank div#main-header li a,
     .page-template-page-mf-blank div#main-header.nav-open li.show li>a,
     .page-template-page-mf-blank-formular div#main-header li a {
          color: #000
     }

     .page-template-page-mf-blank div#main-header li>a {
          color: #000
     }

     .page-template-page-mf-blank #menu2 .nav a,
     .error404 #menu2 .nav a,
     .error404 .wpml-ls-slot-8.wpml-ls-current-language,
     .error404 .wpml-ls-slot-8.wpml-ls-current-language a,
     .error404 .wpml-ls-slot-8.wpml-ls-current-language a:visited,
     .category #menu2 .nav a,
     .single #menu2 .nav a,
     .search #menu2 .nav a,
     .dark #menu2 .nav a {
          color: #000
     }

     div#main-header.nav-open a:hover,
     div#main-header.sticky a:hover,
     .error404 ul#menu-header a:hover,
     .page-template-page-mf-blank ul#menu-header a:hover,
     .error404 .wpml-ls-slot-8.wpml-ls-current-language:hover,
     .error404 .wpml-ls-slot-8.wpml-ls-current-language a:hover,
     .page-template-page-mf-blank-formular div#main-header li a:hover,
     .category #menu2 .nav a:hover,
     .single #menu2 .nav a:hover,
     .search #menu2 .nav a:hover,
     .dark #menu2 .nav a:hover {
          color: rgb(219, 55, 67) !important
     }

     body #main-header.sticky .contact-btn a:hover {
          color: #000 !important
     }

     div#main-header.sticky a:hover:after,
     div#main-header.nav-open li.show a:after,
     #main-header.nav-open .dropdown-toggle:hover:after,
     .toggle-long-desc:hover:after,
     .error404 #main-header .dropdown-toggle:hover:after,
     .page-template-page-mf-blank .dropdown-toggle:hover:after,
     div#loadMore a:after,
     .page-template-page-mf-blank-formular div#main-header .dropdown-toggle:hover::after,
     .category #main-header .dropdown-toggle:hover:after,
     .single #main-header .dropdown-toggle:hover:after,
     .search #main-header .dropdown-toggle:hover:after,
     .dark #main-header .dropdown-toggle:hover:after {
          background-image: url(/wp-content/themes/morefire/icons/icon-pfeil-runter-red.svg) !important
     }

     .toggle-short-desc.show:hover:after {
          background-image: url(/wp-content/themes/morefire/icons/icon-pfeil-runter-red.svg) !important;
          transform: rotate(180deg)
     }

     body div#main-header.nav-open .contact-btn a {
          color: #fff !important
     }

     div#main-header.nav-open .contact-btn a:hover {
          color: #000;
          !important
     }

     #main-header .wpml-ls-item {
          position: relative !important;
          width: 29% !important
     }

     ul#menu-wpml-englisch li {
          margin-left: 30px
     }

     ul.dropdown-menu.mf-menu-item-dropdown-wpml-ls-4-de.show {
          margin-left: 0
     }

     #main-header .wpml-ls-item .dropdown-menu li {
          display: block !important
     }

     #main-header .wpml-ls-item a {
          padding-left: 10px;
          font-size: 12px
     }
}

div#menu li.mobile-main-cat>a span,
div#menu a.nav-link span {
     font-weight: 900
}

div#main-header.nav-open li.show li.mf-font-black>a {
     font-weight: 900
}

div#menu2 {
     position: relative
}

li#menu-item-68756,
li#menu-item-68758 {
     position: absolute !important;
     left: 40px;
     top: 0
}

ul.dropdown-menu.mf-menu-item-dropdown-68756.show,
ul.dropdown-menu.mf-menu-item-dropdown-68758.show {
     margin-left: 5px
}

nav.mf-breadcrumb {
     background: transparent;
     margin: 0;
     padding: 0;
     display: block;
     align-items: center
}

nav.mf-breadcrumb h1 {
     margin: 0
}

nav.mf-breadcrumb,
.mf-breadcrumb {
     font-weight: 500;
     font-size: 12px;
     line-height: 12px;
     color: #212529;
     display: inline-block
}

.first-screen-standard .mf-breadcrumb h1,
.first-screen-standard .mf-breadcrumb p,
h1.mf-breadcrumb {
     font-weight: 500;
     font-size: 12px;
     line-height: 12px;
     color: #212529;
     display: inline-block;
     margin-bottom: 20px
}

nav.mf-breadcrumb a {
     font-weight: 400;
     position: relative;
     top: 0;
     color: #212529
}

nav.mf-breadcrumb a:hover {
     color: #fff
}

nav.mf-breadcrumb img {
     transform: rotate(270deg);
     height: 16px;
     line-height: 1;
     margin: 0;
     padding: 0;
     display: inline-block;
     position: relative;
     top: 0
}

@media screen and (max-width:767px) {
     nav.mf-breadcrumb {
          margin-bottom: 20px
     }
}

.page-wrapper {
     overflow: hidden
}

.admin-bar nav.navbar.navbar-expand-lg.navbar-light {
     top: 30px
}

section#hero {
     position: relative;
     min-height: 360px;
     background-size: cover !important;
     background-position: center !important;
     padding: 125px 0 90px
}

section#hero video {
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     object-fit: cover;
     height: 100%
}

section#hero p.headline {
     margin-bottom: 30px;
     color: #fff
}

section#hero .btn-wrapper {
     margin-top: 5px
}

.hero-buttons .btn-wrapper {
     justify-content: flex-start
}

@media screen and (max-width:767px) {
     section#hero {
          min-height: 1px
     }
}

.mf-circle-wrapper {
     width: 140px;
     position: absolute;
     bottom: 0;
     right: 0
}

.rotating-circle-wrapper {
     position: relative;
     height: 140px;
     margin: 0 auto;
     width: 140px
}

.mf-circle-wrapper-standard {
     width: 100%;
     position: relative;
     text-align: right
}

.mf-circle-wrapper-standard img {
     width: 140px
}

img.gear-logo {
     width: 44px;
     position: absolute;
     top: 48px;
     left: 35%
}

.mf-circle-wrapper-standard img.gear-logo {
     left: auto;
     right: 48px;
     top: 48px
}

@media screen and (max-width:991px) {
     section#mf-rotating-circle {
          padding: 45px 0
     }
}

@media screen and (min-width:992px) and (max-width:1024px) {
     .mf-circle {
          padding: 80px 0
     }
}

@media screen and (min-width:1025px) {
     .mf-circle {
          padding: 100px 0
     }
}

.scroll-down {
     background: rgb(50, 50, 50);
     border: 1px solid #000;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: center
}

.scroll-down:hover {
     background: transparent;
     border: 1px solid #fff
}

.scroll-down a {
     background-image: url(/wp-content/themes/morefire/icons/nav-icon-white.png);
     background-size: 24px;
     position: relative;
     z-index: 99;
     height: 24px;
     width: 24px
}

.scroll-down:hover a {
     background: url(/wp-content/themes/morefire/icons/keyboard_arrow_down-24px.svg)
}

.scroll-down.scroll-down-under-button {
     margin-top: 50px
}

@media (max-width:991px) {
     .scroll-down.scroll-down-under-button {
          margin-top: 35px
     }

     section#hero {
          padding: 125px 0 90px
     }

     div#leftgear2 {
          display: none
     }

     section#hero p.headline {
          margin-bottom: 30px
     }

     section#hero .btn-wrapper {
          margin-top: 15px;
          display: flex
     }

     a#hero-btn-2 {
          padding: 25px 0 0 29px
     }

     a#start-btn-2 {
          margin-top: 20px
     }

     .hero-buttons {
          width: auto
     }

     .hero-buttons .btn-wrapper {
          flex-direction: column
     }
}

.js .not-visible {
     visibility: hidden
}

.dropdown-menu.show {
     animation-duration: .9s;
     animation-fill-mode: both;
     -webkit-animation: fadeInUp 1s;
     -moz-animation: fadeInUp 1s;
     -o-animation: fadeInUp 1s;
     animation: fadeInUp .9s
}

.fadeup.wow {
     animation-duration: .7s;
     animation-fill-mode: both;
     -webkit-animation: fadeInUp 1s;
     -moz-animation: fadeInUp 1s;
     -o-animation: fadeInUp 1s;
     animation: fadeInUp .7s;
     visibility: visible
}

.fadeup2.wow {
     animation-duration: .5s;
     animation-fill-mode: both;
     animation-delay: .3s;
     -webkit-animation: fadeInUp 1s;
     -moz-animation: fadeInUp 1s;
     -o-animation: fadeInUp 1s;
     animation: fadeInUp .5s;
     visibility: visible
}

.faderight {
     animation-duration: .7s;
     animation-fill-mode: both;
     -webkit-animation: fadeRight 1s;
     -moz-animation: fadeRight 1s;
     -o-animation: fadeRight 1s;
     animation: fadeRight .7s;
     visibility: visible
}

.movedown {
     animation-duration: .5s;
     animation-fill-mode: both;
     -webkit-animation: moveDown 1s;
     -moz-animation: moveDown 1s;
     -o-animation: moveDown 1s;
     animation: moveDown .5s;
     visibility: visible
}

.sticky .zoomin,
.wow.zoomin {
     animation-duration: .5s;
     animation-fill-mode: both;
     -webkit-animation: zoomIn 1s;
     -moz-animation: zoomIn 1s;
     -o-animation: zoomIn 1s;
     animation: zoomIn .5s;
     visibility: visible
}

@keyframes zoomIn {
     from {
          opacity: 0;
          visibility: hidden;
          transform: scale(0)
     }

     to {
          opacity: 1;
          visibility: visible;
          transform: scale(1)
     }
}

@keyframes moveDown {
     from {
          opacity: 0;
          visibility: hidden;
          transform: translate3d(0, -140px, 0)
     }

     to {
          transform: translate3d(0, 0, 0);
          opacity: 1;
          visibility: visible
     }
}

@keyframes fadeInUp {
     from {
          opacity: 0;
          visibility: hidden;
          transform: translate3d(0, 40px, 0)
     }

     to {
          transform: translate3d(0, 0, 0);
          opacity: 1;
          visibility: visible
     }
}

@keyframes fadeRight {
     0% {
          opacity: 0;
          visibility: hidden;
          transform: translateX(100%);
          animation-timing-function: cubic-bezier(.4, 0, .2, 1)
     }

     20% {
          opacity: 0;
          visibility: hidden;
          transform: translateX(100%);
          animation-timing-function: cubic-bezier(.4, 0, .2, 1)
     }

     100% {
          transform: translateX(0);
          opacity: 1;
          visibility: visible;
          animation-timing-function: cubic-bezier(.4, 0, .2, 4)
     }
}

@keyframes smoke {
     0% {
          left: 0;
          opacity: 0
     }

     40% {
          left: 0;
          opacity: .5
     }

     100% {
          left: 0;
          opacity: 1
     }
}

@keyframes smoke2 {
     0% {
          opacity: 0
     }

     40% {
          opacity: .1
     }

     100% {
          opacity: 1
     }
}

@keyframes smoke3 {
     0% {
          height: 0
     }

     100% {
          height: 500px
     }
}

section#siegelleiste {
     padding: 35px 0;
     background: rgb(236, 240, 241);
     background: linear-gradient(180deg, rgba(236, 240, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);
     text-align: center
}

section#siegelleiste img {
     max-height: 55px
}

.flip-box {
     background-color: transparent;
     width: 100%;
     height: 265px;
     position: relative;
     flex: 1;
     border: 1px solid #ecf0f1;
     perspective: 1000px;
     border-radius: 20px;
     margin-top: 30px;
     overflow: hidden;
     transition: all .4s cubic-bezier(0, .65, .65, 1.26)
}

body .done .flip-box {
     transition: none !important;
     visibility: visible !important;
     opacity: 1 !important;
     transform: unset !important
}

.flip-box-inner {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: transform 0.3s;
     transform-style: preserve-3d
}

.flip-box:hover .flip-box-back {
     transform: translateY(-100%);
     opacity: 1
}

.flip-box-front,
.flip-box-back {
     position: absolute;
     width: 100%;
     height: 100%;
     transition: all .3s
}

.flip-box-front {
     background-color: transparent;
     padding: 20px;
     border-radius: 20px
}

.flip-box-back {
     background: rgb(222, 61, 68);
     padding: 15px 18px;
     color: #fff;
     bottom: -100%;
     opacity: 1;
     text-align: left
}

.flip-box-back .mf-button {
     padding-left: 0
}

#flipping h3,
.content-h3 {
     font-size: 20px;
     line-height: 28px;
     position: absolute;
     width: 100%;
     top: 155px;
     left: 0;
     text-align: center
}

#flipping .flip-box-back h3,
.flip-box-back .content-h3 {
     position: static;
     margin-bottom: .5rem
}

#flipping .flip-box-back h3,
#flipping .flip-box-back p {
     color: #fff;
     text-align: left
}

#flipping .image-wrapper {
     text-align: center;
     display: flex;
     justify-content: center;
     height: 115px;
     margin-top: 20px
}

#flipping .image-wrapper img {
     max-width: 80px
}

@media only screen and (max-width:991px) {
     section#flipping {
          padding-bottom: 83px;
          margin-bottom: 55px
     }
}

#flipping .swiper-flip-box {
     width: 100%;
     position: relative
}

.swiper-container {
     width: 100%;
     height: auto
}

#flipping .swiper-flip-box {
     width: 100%
}

#flipping .swiper-wrapper {
     position: relative;
     width: 100%;
     height: auto
}

.flip-box-back .mf-button {
     position: absolute;
     bottom: 15px
}

#flipping .swiper-slide {
     text-align: center;
     background: #fff;
     height: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
     width: 75%
}

div#flip-1 {
     transform: translateX(-100px) scale(.5);
     opacity: 0
}

div#flip-2 {
     transform: translateX(-100px) scale(.5);
     opacity: 0;
     transition-delay: .1s
}

div#flip-3 {
     transform: translateX(-100px) scale(.5);
     opacity: 0;
     transition-delay: .2s
}

div#flip-4 {
     transform: translateX(-100px) scale(.5);
     opacity: 0;
     transition-delay: .3s
}

div#flip-5 {
     transform: translateX(-100px) scale(.5);
     opacity: 0;
     transition-delay: .4s
}

div#flip-6 {
     transform: translateX(-100px) scale(.5);
     opacity: 0;
     transition-delay: .5s
}

.wow div#flip-3,
.wow div#flip-1,
.wow div#flip-2,
.wow div#flip-6,
.wow div#flip-4,
.wow div#flip-5 {
     transform: translateX(0) scale(1);
     opacity: 1;
     visibility: visible
}

@media (min-width:991px) {
     #flipping .swiper-wrapper {
          flex-wrap: wrap
     }

     #flipping .swiper-slide {
          width: 100%
     }

     #flipping .navi-fraction-wrapper {
          display: none
     }
}

.navi-fraction-wrapper {
     position: relative;
     width: 140px;
     margin: 0 auto;
     top: 96px
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
     content: ''
}

.navi-fraction-wrapper .swiper-button-next:after,
.navi-fraction-wrapper .swiper-button-prev:after {
     font-size: 16px;
     font-weight: 500;
     opacity: 1;
     background-image: url(/wp-content/themes/morefire/icons/icon-pfeil-rechts.svg);
     background-size: 24px;
     width: 24px;
     height: 24px;
     position: absolute
}

.navi-fraction-wrapper .swiper-button-next,
.navi-fraction-wrapper .swiper-button-prev {
     color: rgb(219, 55, 67);
     border: 1px solid #212529;
     border-radius: 100%;
     height: 30px;
     width: 30px
}

.navi-fraction-wrapper .swiper-button-next:hover,
.navi-fraction-wrapper .swiper-button-prev:hover {
     background: #212529
}

.navi-fraction-wrapper .swiper-button-next:hover:after,
.navi-fraction-wrapper .swiper-button-prev:hover:after {
     background-image: url(/wp-content/themes/morefire/icons/icon-pfeil-rechts-white.svg)
}

.navi-fraction-wrapper .swiper-pagination.swiper-pagination-fraction {
     bottom: -7px;
     font-size: 16px;
     font-weight: 500
}

.swiper-pagination-current,
.swiper-pagination-total {
     font-weight: 500;
     font-family: 'Heebo', sans-serif
}

.swiper-button-prev {
     transform: rotate(180deg)
}

@media (max-width:991px) {
     .navi-fraction-wrapper {
          top: 75px
     }

     .swiper-testimonial .navi-fraction-wrapper {
          top: 70px !important
     }
}

div#sidebar-content {
     position: relative
}

#contact-stoerer {
     background-size: cover;
     background-position: center top
}

#cbgn {
     position: absolute;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center;
     top: 0;
     left: 0
}

.contact-stoerer {
     margin-top: 55px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
     .contact-stoerer {
          margin-top: 90px
     }
}

@media (min-width:1025px) {
     .contact-stoerer {
          margin-top: 110px
     }
}

aside#sidebar {
     display: block;
     background: #fff;
     padding: 50px 0 50px 0;
     color: #000;
     font-size: 14px;
     text-align: center;
     z-index: 2;
     position: relative
}

aside#sidebar a:hover {
     color: rgb(219, 55, 67)
}

.menu-footer-spalte-2-container {
     display: none
}

.menu-footer-spalte-3-container {
     display: none
}

div#footer-widgets li {
     padding: 5px 0
}

div#footer-widgets a {
     color: #000;
     font-size: 14px
}

div#footer-widgets .widget.widget_media_image img {
     width: 140px
}

div#mf-footer-icons {
     display: flex;
     justify-content: center
}

div#mf-footer-icons img {
     height: 25px
}

div#mf-footer-icons a {
     margin-right: 17.5px;
     margin-left: 17.5px
}

div#mf-footer-icons a:hover {
     filter: invert(26%) sepia(82%) saturate(2539%) hue-rotate(339deg) brightness(92%) contrast(86%)
}

@media only screen and (min-width:991px) {
     .widget.widget_nav_menu {
          min-height: 140px
     }

     aside#sidebar {
          display: block;
          background: #fff;
          padding: 100px 0;
          text-align: left
     }

     .menu-footer-spalte-2-container {
          display: block
     }

     .menu-footer-spalte-3-container {
          display: block
     }

     div#footer-widgets .menu-footer-spalte-2-container a {
          font-size: 16px;
          font-weight: 500
     }

     ul#menu-footer-spalte-2 {
          margin: 0
     }

     ul#menu-footer-spalte-2 li {
          margin-bottom: 15px
     }

     ul#menu-footer-spalte-2 li.li-last,
     ul#menu-footer-spalte-3 li.li-last {
          margin-bottom: 0
     }

     .mf-copyright {
          position: absolute;
          bottom: 0;
          margin: 0
     }

     div#mf-footer-icons {
          position: absolute;
          bottom: 0;
          margin: 0;
          display: flex;
          align-items: center
     }

     div#mf-footer-icons a {
          margin-right: 35px;
          margin-left: 0
     }
}

@media only screen and (max-width:991px) {
     p.mf-copyright {
          margin-bottom: 0
     }

     .widget.widget_media_image {
          margin-bottom: 10px
     }

     ul#menu-footer-spalte-4 {
          margin-bottom: 50px;
          margin-top: 40px;
          padding: 0
     }
}

.swiper-strategie {
     position: relative;
     margin-top: 75px
}

#strategie .navi-fraction-wrapperr {
     display: none
}

#strategie .swiper-slide.swiper-slide-next {
     display: none
}

.swiper-scrollbar-drag {
     height: 5px !important
}

.swiper-scrollbar {
     border-radius: 10px;
     position: relative;
     background: rgba(0, 0, 0, .1);
     width: 70%;
     margin: 0 auto
}

.swiper-scrollbar-drag {
     width: 50% !important
}

#strategie .swiper-slide:nth-child(1n) {
     width: 960px !important
}

#strategie .swiper-slide:nth-child(1n) {
     width: 1140px !important
}

div#strategier-wrapper {
     position: relative;
     left: 0;
     max-width: 84%;
     margin: 0 auto
}

.rounded-corners-box-wrapper {
     position: relative;
     height: 30px;
     margin-bottom: 10px
}

.rounded-corners-box-wrapper.first {
     margin-top: 60px
}

.rounded-corners {
     background: #ecf0f1;
     text-align: center;
     border-radius: 20px 20px 20px 20px;
     transition: opacity 1s, transform .8s cubic-bezier(.42, 0, 0, 1.09);
     top: 0;
     right: 0;
     transform: translateX(100%);
     position: relative
}

.wow .rounded-corners {
     opacity: 1
}

.rounded-corners p {
     padding: 0;
     line-height: 1;
     margin: 0;
     font-weight: 500;
     color: #000
}

.rounded-corners p a {
     color: #000;
     display: block;
     width: 100%;
     padding-top: 7px;
     padding-bottom: 7px;
     font-size: 14px
}

.rounded-corners:hover {
     background: #000;
     color: #fff
}

.rounded-corners:hover p a {
     color: #fff
}

div#strategier-wrapper {
     position: relative
}

.wow div#box-a {
     transform: translateX(-50%)
}

.typ-a {
     width: 55%;
     margin: 0 auto;
     transform: translateX(350%)
}

.typ-b {
     width: 77.5%
}

.typ-c {
     width: 30%;
     margin-right: 20%;
     margin-left: auto
}

.typ-b-right {
     margin-left: auto;
     margin-right: 1.5%
}

.typ-50 {
     width: 48.6%;
     float: left;
     margin-right: 1%
}

.typ-50:nth-child(1+1) {
     margin-right: 0
}

.typ-full {
     width: 98.5%
}

.wow .rounded-corners {
     transform: translateX(0%)
}

.wow .typ-a {
     transform: translateX(0%);
     transition-delay: .2s
}

div#line_a,
div#line_b,
div#line_c,
div#line_d {
     height: 620px;
     position: absolute;
     width: 1px;
     background: #e3e3e3;
     top: -50px
}

div#line_a {
     left: 130px
}

div#line_b {
     left: 586px
}

div#line_c {
     left: 358px
}

div#line_d {
     left: 812px
}

section#strategie img {
     transform: scale(1.5);
     transition: all .8s cubic-bezier(0, 0, .32, 1.53)
}

section#strategie .wow img {
     transform: scale(1)
}

section#strategie img.wow {
     transform: scale(1)
}

.strategie-container {
     margin-top: 55px
}

@media only screen and (max-width:991px) {
     .swiper-strategie {
          margin-top: 25px
     }

     .scrollbar-text p {
          font-weight: 600;
          margin-bottom: 0
     }

     div#strategier-wrapper {
          position: relative;
          margin-bottom: 0
     }

     .mf-scrollbar {
          margin-top: 50px
     }

     #strategie .navi-fraction-wrapperr {
          display: block
     }

     .navi-fraction-wrapperr.mf-scrollbar {
          display: none !important
     }

     #strategie .swiper-slide.swiper-slide-next {
          display: block
     }

     #strategie .swiper-slide:nth-child(1n) {
          width: 950px !important
     }

     section#strategie {
          padding: 55px 0 50px 0
     }

     .container.col-left-right {
          max-width: 100%
     }

     div#line_a,
     div#line_b,
     div#line_c,
     div#line_d {
          height: 610px
     }

     div#line_a {
          left: 113px
     }

     div#line_b {
          left: 494px
     }

     div#line_c {
          left: 296px
     }

     div#line_d {
          left: 684px
     }

     .scrollbar-img {
          position: relative;
          width: 100%
     }

     .scrollbar-img img {
          position: absolute;
          width: 45px;
          left: 45%;
          top: -18px;
          z-index: 99;
          transform: scale(1) !important
     }

     .strategie-container img {
          max-height: 80px
     }

     .strategie-container {
          margin-top: 25px
     }
}

.image--wheellll {
     position: absolute;
     width: 100%;
     height: 100%;
     background: #fff;
     top: 0;
     transform: translate3d(0, -100%, 0);
     pointer-events: none;
     transition: all 1s
}

.knowhow .wow img {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1;
     -webkit-filter: blur(0);
     filter: blur(0)
}

.knowhow img {
     -webkit-transform: translate3d(0, 50px, 0);
     transform: translate3d(0, 50px, 0);
     opacity: 0;
     transition: transform .8s cubic-bezier(.175, .885, .32, 1.275) .2s, opacity .8s cubic-bezier(.175, .885, .32, 1.275) .2s, filter .8s cubic-bezier(.175, .885, .32, 1.275) .2s, -webkit-transform .8s cubic-bezier(.175, .885, .32, 1.275) .2s, -webkit-filter .8s cubic-bezier(.175, .885, .32, 1.275) .2s
}

.image-text {
     text-align: left;
     position: relative;
     bottom: -10px;
     padding-left: 0%;
     max-width: 84%;
     font-size: 12px;
     line-height: 20px;
     font-weight: 500
}

@media only screen and (max-width:1199px) {
     .image-text {
          bottom: 0
     }

     .image-left .image-wrapper {
          text-align: left !important
     }

     .order1 {
          -ms-flex-order: 1;
          order: 1
     }

     .order2 {
          -ms-flex-order: 2;
          order: 2
     }

     .knowhow.image-right .order1 img {
          margin-top: 0;
          margin-bottom: 50px
     }

     .image-left .order2 img {
          margin-bottom: 0;
          margin-top: 50px
     }

     .knowhow.image-right img {
          margin-top: 50px;
          margin-bottom: 0
     }

     .image-left img {
          margin-bottom: 50px;
          max-width: 100%;
          height: auto
     }

     .image-right img {
          padding-right: 0;
          max-width: 100%;
          height: auto
     }

     .image-right-col {
          padding-right: 0
     }

     .image-left .image-wrapper {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: flex-start
     }

     .image-left-col {
          padding-left: 0
     }

     .image-text {
          bottom: 0
     }

     .knowhow .btn-wrapper {
          align-items: flex-start
     }
}

@media only screen and (min-width:1200px) {
     .image-right-col {
          position: static;
          padding-left: 8.33333%
     }

     .text-left-col {
          padding-right: 30px
     }

     .text-right-col {
          padding-left: 30px
     }

     .image-left .image-wrapper {
          display: flex;
          justify-content: flex-end
     }
}

@media only screen and (min-width:1200px) {
     .image-left-col {
          padding-right: 0
     }
}

section#werte {
     overflow: hidden
}

#werte .swiper-slide {
     flex-wrap: wrap
}

.swiper-werte {
     width: 100%;
     position: relative
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
     bottom: -100px;
     left: 0;
     width: 100%
}

#werte .mobile-image {
     margin-bottom: 50px
}

@media only screen and (min-width:768px) {
     #werte .swiper-slide {
          flex-wrap: no-wrap
     }
}

.scrolling-logos {
     padding: 110px 0 70px 0
}

.scrolling-logo-wrapper {
     display: flex;
     margin: 20px 0
}

.scrolling-logo-wrapper img {
     margin-right: 50px
}

.wow .scrolling-1 {
     -moz-transform: translateX(0%);
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
     animation: sroll 60s linear infinite;
     opacity: 1
}

.wow .scrolling-2 {
     -moz-transform: translateX(0%);
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
     animation-delay: 5s;
     animation: scroll2 85s linear infinite;
     opacity: 1
}

@keyframes sroll {
     0% {
          -moz-transform: translateX(-100%);
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%)
     }

     100% {
          -moz-transform: translateX(-400%);
          -webkit-transform: translateX(-400%);
          transform: translateX(-400%)
     }
}

@keyframes scroll2 {
     0% {
          -moz-transform: translateX(-100%);
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%)
     }

     100% {
          -moz-transform: translateX(-400%);
          -webkit-transform: translateX(-400%);
          transform: translateX(-400%)
     }
}

@media only screen and (min-width:992px) {
     .scrolling-logo-wrapper {
          margin: 30px 0;
          width: auto
     }

     .wow .scrolling-1 {
          animation: sroll 120s linear infinite
     }

     .wow .scrolling-2 {
          ;
          animation: scroll2 140s linear infinite
     }
}

@media only screen and (max-width:767px) {
     .scrolling-logos {
          padding: 55px 0 55px 0
     }

     .spacer-50 {
          margin-bottom: 0
     }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
     .scrolling-logos {
          padding: 90px 0 70px 0
     }
}

@media (min-width:1025px) {
     .scrolling-logos {
          padding: 110px 0 70px 0
     }
}

.rotating-circle-wrapper {
     position: relative;
     height: 140px;
     margin: 0 auto;
     width: 140px
}

.content-icon-wrapper {
     display: flex;
     align-items: center
}

.content-single-icon img {
     width: auto;
     margin-right: 8px
}

.content-single-icon-text {
     font-size: 24px;
     text-align: left
}

.content-icon-wrapper {
     display: flex;
     align-items: center;
     margin-bottom: 30px
}

.content-icons h4 {
     font-size: 22px;
     margin-bottom: 20px
}

p.toggle-long-desc,
.toggle-short-desc {
     display: none;
     position: relative;
     font-weight: 500;
     font-size: 14px;
     cursor: pointer;
     margin-bottom: 0
}

p.toggle-long-desc:hover,
.toggle-short-desc:hover {
     color: rgb(219, 55, 67)
}

.toggle-long-desc.show,
.toggle-short-desc.show {
     display: inline-block
}

p.toggle-long-desc.show:after,
p.toggle-short-desc.show:after {
     content: '';
     vertical-align: 0;
     background-image: url(/wp-content/themes/morefire/icons/keyboard_arrow_down-24px.svg);
     border: 0;
     background-size: 18px;
     position: absolute;
     top: 4px;
     width: 18px;
     height: 18px;
     right: -20px;
     z-index: 99
}

p.toggle-short-desc.show:after {
     transform: rotate(180deg)
}

.section-video img {
     cursor: pointer
}

#video-modal .modal-body {
     position: relative;
     padding: 0
}

#video-modal .modal-content {
     border: none
}

#video-modal .close {
     position: absolute;
     right: -30px;
     top: -20px;
     z-index: 999;
     font-size: 2rem;
     font-weight: 400;
     color: rgb(50, 50, 50);
     opacity: 1
}

body .modal-backdrop {
     background-color: #fff
}

body .modal-backdrop.show {
     opacity: .8
}

@media (min-width:576px) {
     #video-modal .modal-dialog {
          max-width: 980px
     }
}

@media (max-width:991px) {
     .section-video img {
          margin-bottom: 35px
     }
}

input:not([type="submit"]),
textarea {
     padding: 5px
}

input:not([type="submit"]):focus,
optgroup:focus,
select:focus,
textarea:focus {
     border: 1px solid #000 !important;
     ;
     outline: none
}

inpu:not([type="submit"])t:focus-visible,
optgroup:focus-visible,
select:focus-visible,
textarea:focus-visible {
     border: 1px solid #000 !important;
     outline: none
}

.contact-formular #cbgn {
     position: absolute;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: top;
     top: 0;
     left: 0
}

.contact-call-to.row {
     align-items: center;
     margin-top: 50px
}

.contact-call-to.row .col-md-3 {
     max-width: 20%;
     width: 20%;
     min-width: 95px
}

.contact-name {
     font-size: 16px;
     line-height: 26px;
     font-weight: 700
}

.contact-call-to.row .image-wrapper.col-md-4 {
     padding-right: 0
}

.contact-call-to.row img {
     max-width: 70px;
     margin-right: 25px;
     margin-left: 15px
}

.checkbox {
     display: flex;
     align-items: center;
     position: relative;
     padding-left: 40px;
     margin-bottom: 5px;
     cursor: pointer;
     font-size: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
}

.checkbox input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0
}

.checkmark {
     position: absolute;
     top: 3px;
     left: 0;
     height: 20px;
     width: 20px;
     background-color: #eee
}

.checkbox:hover input~.checkmark {
     background-color: #ccc
}

.checkbox input:checked~.checkmark {
     background-color: #eee;
     border: none
}

.checkmark:after {
     content: "";
     position: absolute;
     display: none
}

.checkbox input:checked~.checkmark:after {
     display: block
}

.checkbox .checkmark:after {
     left: 8px;
     top: 4px;
     width: 5px;
     height: 10px;
     border: solid rgb(219, 55, 67);
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg)
}

.hbspt-form label {
     font-size: 14px;
     font-weight: 500;
     margin: 0
}

.hbspt-form label {
     color: #fff
}

.hbspt-form label:has(input[type="checkbox"]) {
     font-size: 12px
}

.color-dark .hbspt-form label {
     color: rgb(219, 55, 67)
}

.hbspt-form .hs-richtext {
     color: #fff
}

.hbspt-form ul.inputs-list {
     padding: 0;
     font-size: 12px;
     line-height: 20px
}

.hbspt-form a {
     color: #fff;
     text-decoration: underline
}

.color-dark .hbspt-form a {
     color: #000;
     text-decoration: underline
}

#contact.color-dark .top-headline {
     color: rgb(219, 55, 67)
}

.hbspt-form input:not([type='checkbox']),
.hbspt-form optgroup,
.hbspt-form select,
.hbspt-form textarea {
     width: 100% !important;
     height: 54px;
     border: none;
     outline: none;
     box-shadow: none;
     margin-bottom: 10px;
     padding-left: 10px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
}

.hbspt-form input[type='checkbox'] {
     vertical-align: middle;
     margin-right: 5px
}

.hbspt-form input:active,
.hbspt-form optgroup:active,
.hbspt-form select:active,
.hbspt-form textarea:active {
     border: 1px solid #000
}

.hbspt-form .hs-richtext {
     font-size: 12px;
     line-height: 20px
}

.hbspt-form input.hs-button.primary.large {
     font-weight: 500;
     padding: 12px 44px;
     border-radius: 50px;
     transition: all 0.2s;
     text-decoration: none;
     display: inline-block;
     margin-top: 15px;
     border: none !important;
     width: auto !important
}

.hbspt-form input.hs-button.primary.large {
     background: rgb(220, 179, 43);
     color: #fff
}

.hbspt-form input.hs-button.primary.large:hover {
     background-color: #ecc850 !important;
     color: #000
}

.hbspt-form textarea:focus {
     height: 220px;
     padding-top: 10px
}

.contact-formular {
     z-index: 1
}

.submitted-message {
     color: #fff;
     position: relative;
     top: 48px
}

.single .submitted-message {
     color: #000;
     font-size: 16px;
     line-height: 1.5
}

@media (max-width:991px) {
     .contact-call-to.row {
          margin-bottom: 50px;
          display: flex
     }

     .contact-formular {
          margin-top: 55px
     }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
     .contact-formular {
          margin-top: 90px
     }
}

@media (min-width:1025px) {
     .contact-formular {
          margin-top: 110px
     }
}

@media (min-width:992px) {

     section.html-modul .container,
     .html-modul-2spalten-small .container {
          max-width: 820px;
          margin: 0 auto
     }
}

.html-wrapper .container {
     padding: 0
}

.no-padding-inner-col .col-md-12 {
     padding: 0
}

.standard-padding-top {
     padding-bottom: 0 !important
}

.standard-padding-bottom {
     padding-top: 0 !important
}

.no-padding-top {
     padding-top: 0 !important
}

.no-padding-bottom {
     padding-bottom: 0 !important
}

section.html-modul img {
     max-width: 100% !important;
     height: auto !important
}

.html-image-shadow {
     margin-top: 25px;
     margin-bottom: 25px
}

.html-image {
     margin-top: 50px;
     margin-bottom: 50px
}

ol {
     padding-left: 15px
}

ol.standard li {
     padding-bottom: 5px
}

ol>li {
     margin: 0;
     padding: 0 0 10px 0;
     position: relative;
     list-style: decimal
}

ol.standard li:before {
     font-weight: 400
}

ol>li::before {
     color: rgb(219, 55, 67)
}

ol>ol {
     margin-left: 15px;
     margin-bottom: 10px
}

ul.check li {
     position: relative;
     margin-bottom: 20px;
     padding-left: 30px
}

ul.check li:before {
     content: '';
     background: url(/wp-content/themes/morefire/icons/icon-check-red.svg);
     width: 16px;
     height: 16px;
     position: absolute;
     background-size: 16px;
     background-repeat: no-repeat;
     left: 0;
     top: 5px
}

ul.check {
     margin-left: 0;
     padding-left: 20px
}

ul.check.small-margin li {
     margin-bottom: 10px
}

ul.check li.small {
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 15px;
     position: relative;
}

ul.line li,
#datenschutz ul li {
     position: relative;
     left: 20px;
     margin-bottom: 10px
}

ul.line li:before,
#datenschutz ul li:before {
     content: '-';
     position: absolute;
     left: -20px
}

ul.line,
#datenschutz ul {
     padding-left: 20px
}

@media (max-width:767px) {
     ul.check {
          padding-left: 0
     }

     ul.line li {
          left: -10px
     }
}

.vidyard-player-container {
     margin-top: 60px !important
}

span.spacer {
     display: inline-block
}

.spacer-10 {
     height: 10px;
     width: 100%
}

.spacer-20 {
     height: 20px;
     width: 100%
}

.spacer-25 {
     height: 25px;
     width: 100%
}

.spacer-30 {
     height: 30px;
     width: 100%
}

.spacer-40 {
     height: 40px;
     width: 100%
}

.spacer-50 {
     height: 50px;
     width: 100%;
     margin: 0
}

.spacer-60 {
     height: 60px;
     width: 100%
}

.spacer-70 {
     height: 70px;
     width: 100%
}

.spacer-80 {
     height: 80px;
     width: 100%
}

.spacer-90 {
     height: 90px;
     width: 100%
}

.spacer-110 {
     height: 110px;
     width: 100%
}

.separator {
     height: 1px;
     position: relative;
     min-width: 10%;
     background: #DB3743;
     margin: 0 auto 25px auto;
     display: block
}

.video-wrapper {
     width: 100%;
     position: relative;
     min-height: 400px;
     max-height: 400px;
     margin: 70px auto 70px auto
}

.video-wrapper iframe {
     margin: 0 auto;
     display: block;
     max-width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
}

@media (max-width:767px) {
     section.html-modul {
          padding-right: 0;
          padding-left: 0
     }

     .video-wrapper {
          min-height: 195px;
          max-height: 195px;
          margin: 50px auto 50px auto
     }

     ol {
          margin-left: 0
     }

     .spacer-50 {
          height: 30px
     }

     .spacer-60 {
          height: 40px
     }

     .spacer-70 {
          height: 40px
     }

     .spacer-80 {
          height: 50px
     }

     .spacer-90 {
          height: 60px
     }

     .spacer-110 {
          height: 55px;
          width: 100%
     }
}

.html-wrapper .btn-wrapper p {
     margin-bottom: 12px
}

.html-wrapper .btn-wrapper .mf-button-flat {
     padding: 6px 0
}

.arrow-right,
.arrow-roght-html {
     color: transparent
}

.mf-button.mf-link {
     padding: 6px 0;
     display: block
}

.html-wrapper .video-wrapper:last-child,
.html-wrapper p:last-child,
.html-wrapper span:last-child,
.html-wrapper li:last-child {
     margin-bottom: 0;
     padding-bottom: 0
}

.html-wrapper .html-image:last-child {
     margin-bottom: 0
}

.html-wrapper .html-image-shadow:last-child {
     margin-bottom: 0
}

.drop-shadow {
     -webkit-filter: drop-shadow(0 0 80px rgba(0, 0, 0, .1));
     filter: drop-shadow0px 0 80px rgba(0, 0, 0, .1))
}

#inhaltsverzeichnis ol {
     padding: 0
}

#inhaltsverzeichnis ol>ol {
     margin-bottom: 2px
}

#inhaltsverzeichnis .ol-first {
     margin-bottom: 0
}

#inhaltsverzeichnis .ol-second {
     margin-top: 0
}

#inhaltsverzeichnis li:before {
     display: none;
     color: rgb(219, 55, 67)
}

#inhaltsverzeichnis li,
#Inhaltsverzeichnis li {
     list-style: none;
     padding: 0 0 2px 0;
     font-size: 12px;
     line-height: 18px
}

.inhaltsverzeichnis-no-list .col-md-6 {
     padding-left: 0
}

.inhaltsverzeichnis-no-list p {
     padding: 0 0 0 5px;
     font-size: 12px;
     line-height: 18px;
     margin-bottom: 2px;
     color: rgb(219, 55, 67)
}

.inhaltsverzeichnis-no-list p.headline {
     font-weight: 400;
     font-size: 16px;
     line-height: 26px;
     color: rgb(50, 50, 50);
     margin-bottom: 25px
}

.inhaltsverzeichnis-no-list .sub {
     padding-left: 20px;
     margin: 5px 0
}

.inhaltsverzeichnis-no-list span {
     margin-right: 6px
}

@media (min-width:768px) and (max-width:1959px) {
     #inhaltsverzeichnis ol {
          float: left;
          width: 44%
     }

     #inhaltsverzeichnis ol ol {
          width: 90%
     }

     #inhaltsverzeichnis .ol-first {
          margin-right: 5%
     }

     #inhaltsverzeichnis .ol-second {
          margin-top: 5px
     }
}

@media (min-width:1960px) {
     .module-html-1 .content-builder {
          position: relative
     }

     #Inhaltsverzeichnis {
          position: absolute;
          max-width: 420px
     }

     #inhaltsverzeichnis {
          margin-top: 10px;
          position: relative
     }

     .inhaltsverzeichnis-no-list .col-md-6 {
          flex: 0 0 100%;
          width: 100%;
          max-width: 100%
     }

     #Inhaltsverzeichnis {
          max-width: 1750px;
          margin: 0 auto;
          position: static;
          padding-top: 0
     }

     #Inhaltsverzeichnis .container {
          max-width: 440px;
          position: absolute;
          margin-top: 110px
     }

     .sticky-inhaltsverzeichnis-desktop #Inhaltsverzeichnis .container {
          position: fixed;
          top: 0
     }
}

.mf-testimonial .navi-fraction-wrapper {
     position: relative;
     width: 140px;
     margin: 0 auto;
     top: 120px
}

.swiperhasimage .navi-fraction-wrapper {
     top: 200px
}

.swiper-testimonial {
     text-align: center;
     padding: 10px 0 130px 0;
     overflow: hidden
}

.swiperhasimage .swiper-testimonial {
     padding: 10px 0 210px 0
}

p.big {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500
}

.testimonial-text,
.testimonial-text ul {
     font-size: 16px;
     font-style: italic;
     margin-bottom: 40px;
     padding: 0
}

.testimonial-image {
     margin-top: -20px;
     margin-bottom: 30px
}

p.testimonial-autor {
     font-weight: 700;
     line-height: 16px;
     margin-bottom: 10px
}

p.testimonial-company {
     font-size: 12px;
     line-height: 12px;
     margin-bottom: 0
}

@media (max-width:991px) {
     .swiper-testimonial {
          padding: 10px 0 80px 0
     }
}

ol.filters {
     margin-bottom: 90px;
     margin-top: 90px
}

ol.filters {
     text-align: center;
     list-style: none;
     margin: 0;
     padding: 0
}

ol.filters li {
     font-weight: 500;
     margin: 0;
     padding: 10px 25px;
     display: inline-block;
     cursor: pointer;
     flex-shrink: 0
}

ol.filters li:before {
     display: none
}

.swiper-slide.not_active {
     display: none
}

ol li.filter-desc {
     cursor: initial
}

ol.filters li.active span,
ol.filters li span:hover {
     color: rgb(219, 55, 67);
     border-bottom: 1px solid rgb(219, 55, 67)
}

ol li.filter-desc span,
ol li.filter-desc span:hover {
     color: initial;
     border: none
}

ol.filters li span {
     padding-bottom: 10px
}

div#sticky-testis {
     height: 2px;
     width: 100%;
     background: red
}

@media (max-width:991px) {
     ol.filters {
          display: flex;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          scroll-snap-points-x: repeat(300px);
          scroll-snap-type: mandatory
     }

     ol.filters li {
          padding: 10px 20px
     }

     .filters::-webkit-scrollbar-track {
          background: transparent
     }

     .filters::-webkit-scrollbar-thumb {
          background: transparent
     }

     .filters::-webkit-scrollbar-thumb:hover {
          background: transparent
     }

     .filters::-webkit-scrollbar {
          width: 0
     }

     .filters::-webkit-scrollbar-thumb,
     .filters::-webkit-scrollbar-corner {
          background-color: transparent;
          outline: 1px solid transparent
     }
}

ul#menu-header .wpml-ls-first-item {
     opacity: 0
}

div#wmpl-desc ul#menu-wpml,
ul#menu-wpml-englisch {
     position: absolute;
     top: 2px
}

div#wmpl-desc {
     position: relative;
     top: -14px;
     left: 0;
     font-weight: 500;
     z-index: 99
}

div#wmpl-desc ul ul {
     display: none
}

ul.sub-menu.wpml-show {
     display: flex !important;
     flex-direction: column;
     padding: 0;
     position: fixed;
     z-index: 1
}

ul.sub-menu.wpml-show {
     display: none !important
}

li#menu-item-wpml-ls-9-de {
     display: none
}

nav#mf-nav {
     display: none !important
}

@media (max-width:991px) {
     nav#mf-nav {
          display: block !important;
          background: transparent
     }

     nav#mf-nav {
          position: absolute;
          top: 10px;
          right: 12px;
          width: 100%
     }

     div#nav-close {
          position: fixed;
          right: 20px;
          top: 13px;
          font-weight: 700;
          font-size: 20px
     }

     #mf-nav .navbar-toggler {
          color: #fff;
          border-color: transparent;
          padding: 0;
          opacity: 1
     }

     #mf-nav .navbar-toggler-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
          position: relative;
          top: 0
     }

     .sticky #mf-nav .navbar-toggler-icon,
     .error404 #mf-nav .navbar-toggler-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(55,55,55, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
          position: relative;
          top: -5px
     }

     div#menu {
          display: block;
          background: transparent
     }

     div#menu.mm-spn.mm-spn--navbar:before {
          color: rgb(50, 50, 50);
          opacity: 1
     }

     div#menu.mm-spn.mm-spn--navbar:after {
          left: 10px;
          right: auto;
          opacity: 1;
          font-weight: 500
     }

     #menu.mm-spn li:before {
          display: none
     }

     #menu.mm-spn .menu-item-has-children.dropdown:before {
          display: block;
          opacity: 1
     }

     .mm-spn.mm-spn--navbar ul {
          background: #fff
     }

     div#menu span,
     div#menu a {
          font-size: 16px;
          font-weight: 500;
          color: rgb(50, 50, 50)
     }

     div#menu span:hover,
     div#menu a:hover,
     div#menu li:hover>a span {
          color: rgb(219, 55, 67)
     }

     div#menu li .mm-spn--open li.current-menu-item.active a span {
          color: rgb(219, 55, 67)
     }

     div#menu li .mm-spn--open li.current-menu-item.active li a span {
          color: rgb(50, 50, 50)
     }

     div#menu li .mm-spn--open li.current-menu-item.active li.active a span {
          color: rgb(219, 55, 67)
     }

     div#menu a,
     div#menu span {
          padding: 0
     }

     div#menu li {
          padding: 15px 25px
     }

     #menu a.nav-role {
          position: fixed;
          top: 90px;
          background: #fff;
          width: 100%
     }

     #menu .dropdown-menu {
          border: none
     }

     #menu ul {
          padding-top: 20px
     }

     #menu .navbar-nav .dropdown-menu {
          position: fixed;
          float: initial
     }

     #menu .dropdown-toggle,
     .dropdown-header {
          pointer-events: none
     }

     .mm-spn li:after {
          display: none !important
     }

     .mm-ocd__content {
          width: 100% !important;
          max-width: 100% !important
     }

     .mm-ocd__backdrop {
          width: calc(100% - 100%) !important
     }

     ul.dropdown-menu.mm-spn--open li {
          padding: 5px 0 5px 25px !important
     }

     ul.dropdown-menu.mm-spn--open ul:after {
          display: block
     }

     #menu .mobile-main-cat span {
          font-size: 20px !important;
          margin-bottom: 20px;
          margin-top: 40px
     }

     ul.dropdown-menu.mm-spn--open li:first-child a span {
          margin-top: 10px !important
     }
}

.mobile-slide-image-wrapper {
     display: none
}

@media (max-width:1199px) {
     .animate-text .image-right-col {
          display: none
     }

     .animate-text .mobile-slide-image-wrapper {
          display: block
     }
}

.image-slider-buttons {
     position: absolute;
     width: 100%;
     bottom: 0
}

.slide-text.nextslide {
     position: relative
}

.loader {
     position: absolute;
     z-index: 10000;
     top: 0;
     transform: translateX(0%);
     width: 110%;
     height: 100%;
     background: #fff;
     pointer-events: none;
     transition: transform .5s
}

.wow .loader {
     transition-delay: .5s;
     animation: loader .8s;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.68, .01, .4, 1)
}

.image-slider.wow img {
     transform: scale(1.1);
     transition-delay: .1s !important
}

.slider-wrapper {
     display: flex;
     flex-direction: column;
     position: relative;
     height: 460px;
     width: 700px;
     overflow: hidden
}

.slider {
     position: absolute;
     overflow: hidden;
     display: none
}

.slider.activeslide {
     display: block;
     transform: scale(1)
}

.slider.slider-active {
     display: block;
     transform: scale(1)
}

.slider.nextslide {
     display: block
}

.slide-text {
     display: none;
     top: 0
}

.slide-text.slider-active,
.slide-text.nextslide,
.slide-text.activeslide {
     display: block
}

.slide-text {
     display: none
}

.slide-text.slider-active {
     position: relative
}

.slider-image {
     transition: all .7s
}

.imagewheel {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 100%;
     left: 0;
     background: #fff;
     pointer-events: none;
     transition: all .5s
}

.imagewheel.top {
     top: -100%;
     z-index: 1
}

.slider.activeslide .imagewheel {
     animation: down 1.1s;
     animation-timing-function: cubic-bezier(.68, .01, .4, 1)
}

.slider.nextslide .imagewheel {
     animation: downup 1.1s;
     animation-timing-function: cubic-bezier(.68, .01, .4, 1)
}

.slider.active .imagewheel {
     animation: updown 1.1s;
     animation-timing-function: cubic-bezier(.68, .01, .4, 1)
}

.slider.nextslide {
     animation: scale 1.5s;
     animation-fill-mode: forwards
}

.slider.activeslide {
     animation: fadeout 1.2s;
     animation-fill-mode: forwards;
     position: relative
}

.slide-text.activeslide .headline {
     animation: textout .5s;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.68, -.01, 0, 1.01)
}

.slide-text.activeslide .text {
     animation: fadedown .3s;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.68, -.01, 0, 1.01)
}

.slide-text.activeslide a {
     animation: fadedown .3s;
     animation-fill-mode: forwards;
     animation-delay: .3s;
     animation-timing-function: cubic-bezier(.68, -.01, 0, 1.01)
}

.slide-text.activeslide .imagewheel {
     animation: down2 .2s
}

.slide-text.nextslide .imagewheel {
     animation: downdown .9s;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.68, -.01, 0, 1.01)
}

.mobile-slide-image-wrapper {
     overflow: hidden;
     margin-bottom: 50px;
     position: relative;
     margin-left: -15px
}

.slide-text.nextslide img,
.slide-text.actieslide img,
.slide-text.slider-active img {
     visibility: visible
}

.slide-text img {
     visibility: hidden
}

.slide-text.nextslide img {
     animation: scale .5s;
     animation-fill-mode: forwards
}

.slide-text a {
     display: block
}

.slide-text.nextslide a {
     visibility: hidden
}

.slide-text.nextslide .headline {
     animation: textin .5s;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(1, -.1, 0, 1.06)
}

.slide-text.nextslide .text {
     animation: fadeInUp .7s;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.68, -.01, 0, 1.01)
}

.slide-text.nextslide a {
     animation: fadeInUp .7s;
     animation-fill-mode: forwards;
     animation-delay: .3s;
     animation-timing-function: cubic-bezier(.68, -.01, 0, 1.01)
}

.text-left-col {
     overflow: hidden
}

@keyframes downdown {
     0% {
          top: 0%
     }

     50% {
          top: 100%
     }

     100% {
          top: 100%
     }
}

@keyframes down2 {
     0% {
          top: 100%
     }

     100% {
          top: 0%
     }
}

@keyframes fadedown {
     0% {
          transform: translate3d(0, 0, 0);
          opacity: 1;
          visibility: visible
     }

     100% {
          opacity: 0;
          visibility: hidden;
          transform: translate3d(0, 40px, 0)
     }
}

@keyframes textout {
     0% {
          opacity: 1;
          transform: translateX(0%)
     }

     30% {
          opacity: 1;
          transform: translateX(0%)
     }

     41% {
          opacity: .5
     }

     100% {
          opacity: 0;
          transform: translateX(+200%)
     }
}

@keyframes textin {
     0% {
          opacity: 0;
          transform: translateX(-200%)
     }

     10% {
          opacity: .5;
          transform: translateX(-200%)
     }

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

@keyframes loader {
     0% {
          transform: translateX(0%);
          width: 150%
     }

     100% {
          transform: translateX(-110%)
     }
}

@keyframes fadeout {
     0% {
          opacity: 1
     }

     40% {
          opacity: 1
     }

     41% {
          opacity: 0
     }

     100% {
          opacity: 0
     }
}

@keyframes down {
     0% {
          top: 100%;
          opacity: 1
     }

     40% {
          top: 0%;
          opacity: 1
     }

     70% {
          top: 0%;
          opacity: 0
     }

     100% {
          top: 100%;
          opacity: 0
     }
}

@keyframes updown {
     0% {
          top: 100%;
          opacity: 0
     }

     40% {
          top: 0%;
          opacity: 0
     }

     70% {
          top: 0%;
          opacity: 1
     }

     100% {
          top: 100%;
          opacity: 1
     }
}

@keyframes downup {
     0% {
          top: -100%
     }

     50% {
          top: 0%
     }

     60% {
          top: 0%
     }

     100% {
          top: -100%
     }
}

@keyframes scale {
     0% {
          transform: scale(.7);
          opacity: 0
     }

     50% {
          transform: scale(.8);
          opacity: 0
     }

     51% {
          transform: scale(.9);
          opacity: 1
     }

     100% {
          transform: scale(1);
          opacity: 1
     }
}

.slider-fraction-row {
     padding-top: 90px;
     padding-bottom: 35px
}

.navi-fraction-wrapper.slider-swiper-pagination {
     top: 25px
}

.desktop-none {
     display: none !important
}

@media (max-width:991px) {
     .desktop-none {
          display: block !important
     }

     .d-flex.desktop-none {
          display: flex !important
     }

     .mobile-none {
          display: none !important
     }
}

.slider-image {
     background-size: cover
}

.image-slider-left .slider-wrapper {
     float: right;
     z-index: 99999
}

.image-slider img {
     transition: transform .6s
}

@media (min-width:1px) {

     .slider-wrapper,
     .slider-image {
          height: 220px;
          width: 305px
     }
}

@media (min-width:375px) {

     .slider-wrapper,
     .slider-image {
          height: 307px;
          width: 360px
     }
}

@media (min-width:414px) {

     .slider-wrapper,
     .slider-image {
          height: 340px;
          width: 399px
     }
}

@media (min-width:576px) {

     .slider-wrapper,
     .slider-image {
          height: 390px;
          width: 540px
     }
}

@media (min-width:1200px) {

     .slider-wrapper,
     .slider-image {
          height: 460px;
          width: 700px
     }

     .slide-text-wrapper {
          overflow: hidden
     }
}

@media only screen and (max-width:1199px) {
     .text-left-col {
          overflow: unset
     }

     .slider-wrapper {
          float: right;
          margin-top: 50px;
          max-width: 540px;
          z-index: 99999
     }

     .animate-text .slider-wrapper {
          display: none
     }

     .mobile-slide-image {
          max-width: 540px;
          overflow: hidden
     }

     .slider-fraction-row {
          padding: 0;
          margin-bottom: 80px
     }

     .navi-fraction-wrapper.slider-swiper-pagination {
          top: 75px
     }
}

a.mf-lightbox {
     display: inline-block;
     background: #000;
     margin: 20px 0;
     position: relative;
     opacity: .7;
     transition: background-color .5s
}

a.mf-lightbox:before,
a.mf-lightbox:after {
     content: '';
     transition: background-color .5s
}

a.mf-lightbox:hover::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     background: #000;
     opacity: .5;
     width: 100%;
     height: 100%
}

a.mf-lightbox img {
     margin: 0 !important
}

.modal-body.d-flex.align-self-center.align-items-center.justify-content-center {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start
}

.modal-caption {
     width: 100%
}

.modal-content {
     background-color: transparent
}

.modal-caption {
     width: 100%;
     color: rgb(50, 50, 50);
     font-size: 12px;
     font-weight: 700;
     position: relative;
     top: 9.5vh
}

.modal-body.d-flex.align-self-center.align-items-center.justify-content-center {
     position: relative
}

.modal-body.d-flex.align-self-center.align-items-center.justify-content-center:after {
     content: '';
     position: absolute;
     bottom: 30px
}

.modal-back {
     color: rgb(50, 50, 50);
     font-weight: 700;
     font-size: 12px;
     margin-top: 10px;
     cursor: pointer;
     display: none
}

a.mf-lightbox:hover::before {
     content: '';
     background-image: url(https://www.more-fire.com/wp-content/uploads/icons/zoom_in_black_24dp-1.svg);
     width: 38px;
     height: 38px;
     background-size: 24px;
     background-position: center;
     position: absolute;
     z-index: 28;
     top: 50%;
     left: 50%;
     margin-left: -12px;
     margin-top: -12px;
     background-color: #fff;
     background-repeat: no-repeat;
     line-height: 34px;
     border-radius: 50px
}

.single-article .entry-header .image-container .essb_links {
     z-index: 1
}

.modal-backdrop.show {
     opacity: .7
}

.modal-content img {
     border: 1px solid #e7e7e7;
     width: 100%
}

div#lightboxModalFullscreen {
     backdrop-filter: blur(5px)
}

.modal-body.d-flex.align-self-center.align-items-center.justify-content-center {
     max-height: 80vh;
     overflow-y: hidden;
     overflow-x: hidden;
     margin-top: 10vh;
     width: 100%;
     max-width: 790px;
     webkit-box-shadow: 30px 30px 80px 0 rgba(0, 0, 0, .3);
     -moz-box-shadow: 30px 30px 80px 0 rgba(0, 0, 0, .3);
     box-shadow: 30px 30px 80px 0 rgba(0, 0, 0, .3);
     padding: 0
}

.modal {
     overflow-x: hidden;
     overflow-y: hidden
}

.modal-dialog.modall-fullscreen:after {
     content: 'zurück';
     position: absolute;
     width: 100%;
     height: 20px;
     background: transparent;
     bottom: -30px;
     color: #fff;
     font-weight: 700;
     font-size: 12px;
     margin-top: 10px;
     text-align: center;
     cursor: pointer
}

.modal-img::-webkit-scrollbar {
     width: 7px
}

.modal-img::-webkit-scrollbar-track {
     background: transparent
}

.modal-img::-webkit-scrollbar-thumb {
     background: rgb(219, 55, 67)
}

.modal-img {
     max-height: 80vh;
     overflow-y: scroll;
     width: 100%;
     max-width: 790px;
     padding-right: 10px
}

.modal-content {
     max-width: 790px;
     margin: 0 auto
}

@media (min-width:576px) {
     .modal-dialog {
          max-width: 80% !important
     }
}