/* nock-template joomla 5xx */
/* Variables CSS Document */
/******* COLORS *******/
/******* FONTS *******/
/* merriweather-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Rubik-Light.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* merriweather-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Rubik-Medium.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
header.headerall {
  position: fixed;
  top: 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  z-index: 99; }
  header.headerall.scrolled {
    background-color: #ffffff;
    border-bottom: 1px solid #C2C9D1; }
    header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a {
      font-family: "Rubik", sans-serif !important;
      font-weight: 400;
      font-size: 20px;
      color: #363D45;
      line-height: 28px; }
      header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a.angebots-button-menue {
        border-radius: 15px;
        background-color: #ECA040 !important;
        font-family: "Rubik", sans-serif !important;
        font-weight: 600;
        font-size: 18px;
        color: #ffffff;
        line-height: 24px; }
        header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a.angebots-button-menue:hover {
          background-color: #363D45 !important; }
      header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a:hover {
        color: #ECA040; }
    header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li.active a {
      color: #ECA040; }
      header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li.active a.angebots-button-menue {
        color: #ffffff; }
        header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li.active a.angebots-button-menue:hover {
          background-color: #363D45 !important; }
    header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in {
      border-radius: 15px;
      border-top: 2px solid #ECA040;
      border-bottom: 2px solid #ECA040;
      background-color: #F4F5F5; }
      header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in .dj-subcol {
        width: 280px; }
      header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li:hover {
        background: none; }
        header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li:hover a {
          background: none;
          text-transform: uppercase;
          font-family: "Rubik", sans-serif !important;
          font-weight: 400;
          font-size: 20px;
          color: #ECA040;
          line-height: 28px; }
      header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li a {
        text-transform: uppercase;
        font-family: "Rubik", sans-serif !important;
        font-weight: 400;
        font-size: 20px;
        color: #363D45;
        line-height: 28px; }
      header.headerall.scrolled .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li.active a {
        color: #ECA040; }
  header.headerall .header-wrapper1 {
    padding-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media (max-width: 1280px) {
      header.headerall .header-wrapper1 a.navbar-brand img {
        width: 240px; } }
    @media (max-width: 767px) {
      header.headerall .header-wrapper1 a.navbar-brand img {
        width: 220px; } }
    header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a {
      font-family: "Rubik", sans-serif !important;
      font-weight: 400;
      font-size: 20px;
      color: #ffffff;
      line-height: 28px; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a.angebots-button-menue {
        border-radius: 5px;
        background-color: #ECA040 !important;
        font-family: "Rubik", sans-serif !important;
        font-weight: 600;
        font-size: 18px;
        color: #ffffff;
        line-height: 24px; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a.angebots-button-menue:hover {
          background-color: #363D45 !important; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a:hover {
        color: #ECA040; }
    header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li.active a {
      color: #ECA040; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li.active a.angebots-button-menue {
        color: #ffffff; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li.active a.angebots-button-menue:hover {
          background-color: #363D45 !important; }
    header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in {
      border-radius: 15px;
      border-top: 2px solid #ECA040;
      border-bottom: 2px solid #ECA040;
      background-color: #F4F5F5; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in .dj-subcol {
        width: 280px; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li:hover {
        background: none; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li:hover a {
          background: none;
          text-transform: uppercase;
          font-family: "Rubik", sans-serif !important;
          font-weight: 400;
          font-size: 20px;
          color: #ECA040;
          line-height: 28px; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li a {
        text-transform: uppercase;
        font-family: "Rubik", sans-serif !important;
        font-weight: 400;
        font-size: 20px;
        color: #363D45;
        line-height: 28px; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li .dj-subwrap .dj-subwrap-in ul.dj-submenu li.active a {
        color: #ECA040; }

html {
  font-family: "Rubik", sans-serif !important;
  font-weight: 300;
  font-size: 18px;
  color: #363D45;
  line-height: 24px; }

body {
  font-family: "Rubik", sans-serif !important;
  font-weight: 300;
  font-size: 18px;
  color: #363D45;
  line-height: 24px; }

p {
  font-family: "Rubik", sans-serif !important;
  font-weight: 300;
  font-size: 18px;
  color: #363D45;
  line-height: 24px; }

a {
  font-family: "Rubik", sans-serif !important;
  font-weight: 400;
  font-size: 18px;
  color: #363D45;
  line-height: 24px; }

.sppb-addon-content a {
  text-decoration: underline;
  text-underline-position: under;
  text-underline-offset: 8px;
  text-decoration-thickness: 2px;
  text-decoration-color: #ECA040; }
  @media (max-width: 1280px) {
    .sppb-addon-content a {
      text-underline-offset: 1px; } }
  .sppb-addon-content a:hover {
    font-family: "Rubik", sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    color: #ECA040;
    line-height: 24px;
    text-decoration: none; }

h1 {
  font-family: "Rubik", sans-serif !important;
  font-weight: 500;
  font-size: 2.8rem;
  color: #363D45;
  line-height: 3.6rem;
  margin-bottom: 20px; }
  @media (max-width: 1280px) {
    h1 {
      font-family: "Rubik", sans-serif !important;
      font-weight: 500;
      font-size: 2.4rem;
      color: #363D45;
      line-height: 2.8rem; } }
  @media (max-width: 1199px) {
    h1 {
      font-family: "Rubik", sans-serif !important;
      font-weight: 500;
      font-size: 2rem;
      color: #363D45;
      line-height: 2.5rem; } }
  @media (max-width: 1024px) {
    h1 {
      font-family: "Rubik", sans-serif !important;
      font-weight: 500;
      font-size: 1.6rem;
      color: #363D45;
      line-height: 2.1rem; } }
  h1 span {
    color: #ECA040; }

.with-line h1, .with-line h2 {
  position: relative;
  display: flex;
  flex-direction: column; }
  .with-line h1::before, .with-line h2::before {
    position: relative;
    top: -12px;
    content: "";
    width: 60px;
    height: 3px;
    background-color: #ECA040; }

h2 {
  font-family: "Rubik", sans-serif !important;
  font-weight: 500;
  font-size: 2rem;
  color: #363D45;
  line-height: 3.0rem;
  margin-bottom: 20px; }
  @media (max-width: 1199px) {
    h2 {
      font-family: "Rubik", sans-serif !important;
      font-weight: 500;
      font-size: 1.4rem;
      color: #363D45;
      line-height: 1.8rem; } }
  @media (max-width: 767px) {
    h2 {
      font-family: "Rubik", sans-serif !important;
      font-weight: 500;
      font-size: 1.2rem;
      color: #363D45;
      line-height: 1.8rem; } }

h3 {
  font-family: "Rubik", sans-serif !important;
  font-weight: 500;
  font-size: 1.4rem;
  color: #363D45;
  line-height: 2.0rem;
  margin-bottom: 20px; }

.padding-bottom5 {
  padding-bottom: 5%; }
  @media (max-width: 767px) {
    .padding-bottom5 {
      padding-bottom: 60px; } }

.padding-top5 {
  padding-top: 5%; }
  @media (max-width: 767px) {
    .padding-top5 {
      padding-top: 60px; } }

.padding-bottom40 {
  padding-bottom: 40px; }

.padding-top40 {
  padding-top: 40px; }

.padding-bottom60 {
  padding-bottom: 60px; }

.padding-top60 {
  padding-top: 60px; }

.padding-bottom120 {
  padding-bottom: 120px; }

.padding-top120 {
  padding-top: 120px; }

.bg-grey {
  background-color: #F4F5F5; }
  .bg-grey h2 {
    color: #363D45;
    text-transform: uppercase; }
  .bg-grey h3 {
    color: #363D45;
    text-transform: uppercase; }
  .bg-grey.roundcorner {
    border-radius: 20px; }
  .bg-grey a {
    color: #ECA040; }

.color-orange h1, .color-orange h2, .color-orange h3 {
  color: #ECA040 !important; }

.bg-dunkel {
  background-color: #15181D; }
  .bg-dunkel h1, .bg-dunkel h2, .bg-dunkel h3, .bg-dunkel p, .bg-dunkel .sppb-addon-content {
    color: #ffffff; }
  .bg-dunkel .sppb-addon-content p {
    color: #ffffff; }
  .bg-dunkel .mail-icon a {
    color: #ffffff !important; }
  .bg-dunkel .nui.form {
    background-color: #15181D; }

.jn-button {
  background-color: #ECA040 !important;
  padding: 12px 32px 12px 32px !important;
  border-radius: 5px !important;
  font-family: "Rubik", sans-serif !important;
  font-weight: 500;
  font-size: 1.333rem;
  color: #ffffff;
  text-decoration: none;
  line-height: 1.8rem; }
  .jn-button:hover {
    background-color: #363D45 !important;
    padding: 12px 32px 12px 32px !important;
    border-radius: 5px !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 500;
    font-size: 1.333rem;
    color: #ffffff;
    text-decoration: none;
    line-height: 1.8rem; }
  @media (max-width: 767px) {
    .jn-button {
      padding: 8px 16px 8px 16px !important;
      font-family: "Rubik", sans-serif !important;
      font-weight: 500;
      font-size: 1.1rem;
      color: #ffffff;
      text-decoration: none;
      line-height: 1.4rem; }
      .jn-button:hover {
        padding: 8px 16px 8px 16px !important;
        font-family: "Rubik", sans-serif !important;
        font-weight: 500;
        font-size: 1.1rem;
        color: #ffffff;
        text-decoration: none;
        line-height: 1.4rem; } }

.boxen-hero-startseite {
  -webkit-box-shadow: 0px 0px 0px 10px white !important;
  -moz-box-shadow: 0px 0px 0px 10px white !important;
  box-shadow: 0px 0px 0px 10px white !important;
  background-color: #ECA040;
  border-radius: 15px; }
  .boxen-hero-startseite .sppb-addon-text-block {
    color: #ffffff;
    padding: 20px; }
    .boxen-hero-startseite .sppb-addon-text-block p {
      color: #ffffff;
      margin-bottom: 0px; }
  .boxen-hero-startseite .sppb-button-wrapper .sppb-btn {
    -webkit-box-shadow: 0px 0px 0px 10px white !important;
    -moz-box-shadow: 0px 0px 0px 10px white !important;
    box-shadow: 0px 0px 0px 10px white !important; }
  .boxen-hero-startseite .boxen-hero-startseite-row {
    border-radius: 15px;
    padding: 6px;
    -webkit-box-shadow: 0px 0px 0px 10px white !important;
    -moz-box-shadow: 0px 0px 0px 10px white !important;
    box-shadow: 0px 0px 0px 10px white !important;
    background-color: #ECA040; }

@media (max-width: 767px) {
  .leistung-box-startseite {
    margin-bottom: 60px; } }
.leistung-box-startseite .sppb-addon-content .sppb-img-container {
  width: 100%;
  height: 100%; }
  .leistung-box-startseite .sppb-addon-content .sppb-img-container a {
    width: 100%;
    height: 100%;
    display: flex; }
    .leistung-box-startseite .sppb-addon-content .sppb-img-container a img {
      object-fit: cover;
      height: 320px;
      border-radius: 15px;
      width: 100%; }
      @media (max-width: 767px) {
        .leistung-box-startseite .sppb-addon-content .sppb-img-container a img {
          width: 100%; } }
    .leistung-box-startseite .sppb-addon-content .sppb-img-container a::after {
      background-color: #ECA040;
      width: 60px;
      height: 60px;
      position: absolute;
      content: "";
      border: 5px solid #ffffff;
      background-image: url("/images/template-dateien/Line-arrow-up.png");
      background-size: cover;
      top: 0px;
      right: 0px;
      border: 6px solid #ffffff;
      border-radius: 15px; }
.leistung-box-startseite .sppb-media-content {
  position: absolute;
  bottom: -38px; }
  @media (max-width: 767px) {
    .leistung-box-startseite .sppb-media-content {
      bottom: 22px; } }
  .leistung-box-startseite .sppb-media-content h3 {
    font-family: "Rubik", sans-serif !important;
    font-weight: 500;
    font-size: 1.4rem;
    color: #363D45;
    line-height: 2.0rem;
    background-color: #ECA040;
    color: #363D45;
    border-radius: 0px 15px 0px 0px;
    padding: 10px; }
    .leistung-box-startseite .sppb-media-content h3 a {
      color: #ffffff;
      text-decoration: none;
      font-family: "Rubik", sans-serif !important;
      font-weight: 500;
      font-size: 1.4rem;
      color: #ffffff;
      line-height: 2rem; }
.leistung-box-startseite:hover .sppb-addon-content .sppb-img-container a::after {
  background-image: url("/images/template-dateien/arrow-side.png"); }
.leistung-box-startseite:hover .sppb-media-content h3 {
  background-color: #363D45;
  color: #ffffff; }
  .leistung-box-startseite:hover .sppb-media-content h3 a {
    color: #ffffff; }

.dreiboxenstart .sppb-img-container {
  top: 50px;
  position: relative; }
.dreiboxenstart .sppb-media-content {
  border: 1px solid #C2C9D1;
  border-radius: 15px;
  padding: 60px 20px 15px 20px;
  text-align: left; }
  .dreiboxenstart .sppb-media-content h3 {
    font-family: "Rubik", sans-serif !important;
    font-weight: 500;
    font-size: 1.444rem;
    color: #363D45;
    line-height: 2.0rem; }

#chronoform-kontaktformular input:focus, #chronoform-kontaktformular input:focus-visible, #chronoform-gartenbau-formular input:focus, #chronoform-gartenbau-formular input:focus-visible, #chronoform-anfrageformular input:focus, #chronoform-anfrageformular input:focus-visible {
  border-color: #ECA040 !important;
  outline: none; }
#chronoform-kontaktformular textarea:focus, #chronoform-kontaktformular textarea:focus-visible, #chronoform-gartenbau-formular textarea:focus, #chronoform-gartenbau-formular textarea:focus-visible, #chronoform-anfrageformular textarea:focus, #chronoform-anfrageformular textarea:focus-visible {
  border-color: #ECA040 !important;
  outline: none; }
#chronoform-kontaktformular .field.holder, #chronoform-gartenbau-formular .field.holder, #chronoform-anfrageformular .field.holder {
  margin-bottom: 30px; }
#chronoform-kontaktformular .area_container18, #chronoform-gartenbau-formular .area_container18, #chronoform-anfrageformular .area_container18 {
  margin-top: 18px;
  margin-bottom: 18px; }
#chronoform-kontaktformular .area_container17, #chronoform-gartenbau-formular .area_container17, #chronoform-anfrageformular .area_container17 {
  margin-top: 18px;
  margin-bottom: 18px; }
  #chronoform-kontaktformular .area_container17 a, #chronoform-gartenbau-formular .area_container17 a, #chronoform-anfrageformular .area_container17 a {
    color: #ECA040; }
#chronoform-kontaktformular button, #chronoform-gartenbau-formular button, #chronoform-anfrageformular button {
  margin-top: 10px;
  background-color: #ECA040 !important;
  padding: 12px 32px 12px 32px !important;
  border-radius: 13px !important;
  font-family: "Rubik", sans-serif !important;
  font-weight: 500;
  font-size: 1.333rem;
  color: #ffffff;
  text-decoration: none; }
  #chronoform-kontaktformular button:hover, #chronoform-gartenbau-formular button:hover, #chronoform-anfrageformular button:hover {
    background-color: #363D45 !important;
    color: #ffffff; }

.side-buttons {
  position: fixed;
  z-index: 9999;
  right: 0px;
  top: 20%; }
  @media (max-width: 767px) {
    .side-buttons {
      top: 45%; } }
  .side-buttons ul.mod-menu {
    flex-direction: column; }
    .side-buttons ul.mod-menu li.nav-item {
      margin-bottom: 10px;
      display: flex; }
      .side-buttons ul.mod-menu li.nav-item a {
        padding: 10px;
        border-radius: 10px;
        background-color: #ECA040;
        border: 1px solid #ffffff; }
        .side-buttons ul.mod-menu li.nav-item a:hover {
          transform: scale(1.05); }
        .side-buttons ul.mod-menu li.nav-item a img {
          width: 30px;
          height: 30px; }

.special-text-on-image {
  position: absolute;
  width: 60%;
  padding: 14px;
  background-color: #15181D;
  bottom: 10%;
  right: -16px; }
  .special-text-on-image h3 {
    color: #ECA040; }
  .special-text-on-image p {
    color: #ffffff; }

.boxen-hero-startseite-btn {
  margin-top: 20px;
  display: inline-flex;
  border: 1px solid #ECA040; }
  .boxen-hero-startseite-btn::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    content: "\f061";
    display: block;
    position: relative;
    font-size: 20px;
    margin-left: 10px; }

.boxen-hero-startseite-btn2 {
  margin-top: 20px;
  background-color: unset !important;
  border: 1px solid #ffffff; }

.dark-info-four-section {
  background-color: #1D212A; }
  .dark-info-four-section .dark-info-four-section-box {
    border-left: 1px solid #ccc; }

.dark-info-four-section .sppb-row-column:last-child .dark-info-four-section-box {
  border-right: 1px solid #ccc;
  /* Or border-right: none; to remove it */ }

.tabs-row .sppb-tab ul.sppb-nav-custom li {
  border-right: 1px solid #ECA040; }
  .tabs-row .sppb-tab ul.sppb-nav-custom li:last-child {
    border-right: none; }
  .tabs-row .sppb-tab ul.sppb-nav-custom li a {
    font-family: "Rubik", sans-serif !important;
    font-weight: 500;
    font-size: 1.2rem;
    color: #ECA040;
    line-height: 1.8rem;
    border: none !important;
    text-decoration: none; }
    .tabs-row .sppb-tab ul.sppb-nav-custom li a:hover {
      background: none;
      text-decoration: underline; }
  .tabs-row .sppb-tab ul.sppb-nav-custom li.active a {
    background: none;
    text-decoration: underline; }
.tabs-row .sppb-tab .sppb-col-sm-5 {
  background-color: #1D212A;
  padding: 30px 30px; }
  .tabs-row .sppb-tab .sppb-col-sm-5 .sppb-addon-image-layout-text {
    color: #ffffff; }
  .tabs-row .sppb-tab .sppb-col-sm-5 a.sppb-btn {
    font-family: "Rubik", sans-serif !important;
    font-weight: 500;
    font-size: 1.2rem;
    color: #363D45;
    line-height: 1.8rem;
    text-decoration: none;
    background-color: #ECA040; }
    .tabs-row .sppb-tab .sppb-col-sm-5 a.sppb-btn:hover {
      font-family: "Rubik", sans-serif !important;
      font-weight: 500;
      font-size: 1.2rem;
      color: #ffffff !important;
      line-height: 1.8rem;
      text-decoration: none;
      background-color: #ECA040;
      color: #363D45; }
.tabs-row .sppb-tab .sppb-col-sm-7 .sppb-addon-image-layout-image {
  width: 100%;
  max-width: 100% !important; }

.section-image-bg .sppb-addon-content p {
  color: #ffffff; }

@media (max-width: 1240px) {
  .header-unterseiten {
    padding-top: 15% !important; } }
@media (max-width: 767px) {
  .header-unterseiten {
    padding-top: 15% !important; } }
@media (max-width: 767px) {
  .header-unterseiten {
    background-position: center center !important;
    padding-top: 160px !important;
    padding-bottom: 80px !important; } }

footer {
  background: #15181D;
  border-top: 1px solid #ffffff;
  padding-top: 40px;
  padding-bottom: 40px; }
  footer .footer-wrapper .footer1 .footer-logo-copy p {
    margin-top: 30px;
    color: #ffffff; }
  @media (max-width: 1199px) {
    footer .footer-wrapper .footer1 .footer-logo-copy img {
      max-width: 230px; } }
  footer .footer-wrapper .footer1 .footer-nav ul, footer .footer-wrapper .footer1 .footer-leistungen ul {
    display: flex;
    flex-direction: column; }
    footer .footer-wrapper .footer1 .footer-nav ul li, footer .footer-wrapper .footer1 .footer-leistungen ul li {
      margin-top: 8px;
      margin-bottom: 8px; }
      footer .footer-wrapper .footer1 .footer-nav ul li a, footer .footer-wrapper .footer1 .footer-leistungen ul li a {
        font-family: "Rubik", sans-serif !important;
        font-weight: 300;
        font-size: 1rem;
        color: #ffffff;
        line-height: 24px;
        text-decoration: none;
        text-decoration: none; }
        footer .footer-wrapper .footer1 .footer-nav ul li a:hover, footer .footer-wrapper .footer1 .footer-leistungen ul li a:hover {
          text-decoration: underline; }
  footer .footer-wrapper .footer1 .footer-kontakt p {
    color: #ffffff; }
  footer .footer-wrapper .footer1 .footer-kontakt a {
    color: #ffffff;
    text-decoration: none; }
    footer .footer-wrapper .footer1 .footer-kontakt a:hover {
      text-decoration: underline; }
  footer .footer-wrapper .footer1 .footer-kontakt .ort-icon {
    display: flex; }
    footer .footer-wrapper .footer1 .footer-kontakt .ort-icon::before {
      font-family: 'Font Awesome 5 Free';
      content: "\f3c5";
      font-weight: 700;
      color: #ECA040;
      margin-right: 15px; }
  footer .footer-wrapper .footer1 .footer-kontakt .mail-icon {
    display: flex; }
    footer .footer-wrapper .footer1 .footer-kontakt .mail-icon::before {
      font-family: 'Font Awesome 5 Free';
      content: "\f0e0";
      font-weight: 700;
      color: #ECA040;
      margin-right: 15px; }
  footer .footer-wrapper .footer1 .footer-kontakt .tel-icon {
    display: flex; }
    footer .footer-wrapper .footer1 .footer-kontakt .tel-icon::before {
      font-family: 'Font Awesome 5 Free';
      content: "\f095";
      font-weight: 700;
      color: #ECA040;
      margin-right: 15px; }