@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-Black.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-BlackItalic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-BoldItalic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-Bold.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-Italic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-LightItalic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-ExtraLight.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-Medium.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-MediumItalic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-Thin.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-Light.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/fonts/Montserrat-ThinItalic.woff2') format('woff2'),
    url('../fonts/fonts/Montserrat-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Cutive Mono';
  src: url('../fonts/fonts/CutiveMono-Regular.woff2') format('woff2'),
    url('../fonts/fonts/CutiveMono-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/fonts/BebasNeue-Regular.woff2') format('woff2'),
    url('../fonts/fonts/BebasNeue-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1 {
  font-family: 'Bebas Neue' !important;
  font-size: 70px !important;
}

h2 {
  font-family: 'Cutive Mono';
}

h4 {
  font-family: 'Bebas Neue' !important;
}

p {
  font-family: 'Montserrat';
  font-weight: normal;
  font-size: 22px;
}

a {
  color: #2E4638;
}

a:hover {
  color: grey;
}

.offcanvas-active .logo-image {
  background-color: #f6f6f6 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: grey !important;
}

.burger-icon>span {
  background-color: #2E4638 !important;
}

.inlineicons {
  display: flex !important;
  flex-direction: row !important;
}

.inlineiconsfooter {
  display: flex !important;
  flex-direction: row !important;
}

.inlineicons img {
  padding-right: 10px;
}

.offcanvas-active .offcanvas-menu {
  background-color: #f6f6f6 !important;
  width: 1000px;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #5D5D5D !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a {
  color: #2E4638;
  font-family: 'Bebas Neue' !important;
  font-size: 50px !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover {
  color: #5D5D5D !important;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
  padding: 50px 30px 50px 10px;
}

.offcanvas-menu .logo-image {
  filter: none !important;
  margin-top: 0px !important;
}

.animated-heading-text.type .animated-text-words-wrapper {
  vertical-align: top;
  overflow: inherit;
}

/*
.sppb-addon-title.animated-heading-text.letters.type {
  width: 300px !important;
   Breite des Containers
  word-wrap: break-word !important;
   Umbruch von Wörtern bei Bedarf
}*/
.logo-image {
  background-color: white !important;
  margin-top: 300px;
  padding-bottom: 5px;
}

.animated-text-words-wrapper .animated-text {
  white-space: inherit;
}

/*
#offcanvas-toggler {
  height: 200px;
}*/
.burger-icon {
  width: 35px;
}

.header-sticky .logo-image.d-none.d-lg-inline-block {
  /*display: none !important;*/
  height: 50px;
  margin-top: 0px;
}

#sppb-addon-b5d22254-ef99-4846-a163-0af2bd06bc88 {
  background-image: url("../images/bg-pattern.svg") !important;
}

#sp-header {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

#sppb-addon-wrapper-77662462-46a0-4473-a758-f667c84f00aa {
  height: 100% !important;
}

#sppb-addon-77662462-46a0-4473-a758-f667c84f00aa {
  height: 100% !important;
}

.pt-4 {
  justify-content: center;
}

.offcanvas-menu .logo-image .d-none.d-lg-inline-block {
  background-color: none !important;
}

@media only screen and (max-width: 1800px) {
  .clearfix.sppb-positioned-addon {
    transform: none !important;
  }
}

@media only screen and (max-width: 1200px) {
  .sp-page-builder .page-content #section-id-0e3a4c44-c286-42db-ab6b-39e66bfa2188 {
    margin-bottom: -200px !important;
  }
}

@media only screen and (max-width: 992px) {
  .logo-image-phone {
    height: 40px !important;
  }

  .offcanvas-active .logo-image-phone {
    height: 100px !important;
  }

  p {
    font-size: 18px !important;
  }

  #sp-footer {
    margin: 20px !important;
  }

  #section-id-1609133491418>.sppb-row-container>.sppb-row>div {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 0px !important;
  }

  .offcanvas-active .offcanvas-menu {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  #sp-footer a {
    font-size: 17px;
  }

  .offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
    padding: 40px 30px 40px 10px;
  }

  #sp-footer {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }

  .sp-page-builder .page-content #section-id-0e3a4c44-c286-42db-ab6b-39e66bfa2188 {
    margin-bottom: 0px !important;
  }

  h1 {
    font-size: 40px !important;
  }

  h2 {
    font-size: 22px !important;
  }
}