/* nock-template joomla 5xx */
/* Variables CSS Document */
/******* COLORS *******/
/******* FONTS *******/
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'AmaticSC';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/AmaticSC-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'AmaticSC';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/AmaticSC-Regular.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;
  background-color: #ffffff;
  z-index: 99;
  box-shadow: 2px 2px 5px #cccccc; }
  header.headerall .header-wrapper1 {
    padding-top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    header.headerall .header-wrapper1 a.navbar-brand img {
      max-width: 200px;
      height: auto; }
    header.headerall .header-wrapper1 .header-right {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a {
        font-family: "AmaticSC", sans-serif !important;
        font-weight: 700;
        font-size: 2rem;
        color: #1B2F71;
        line-height: 28px; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li a:hover {
          color: #089EAD; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper ul.dj-megamenu li.active a {
        color: #089EAD; }
      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 #1B2F71;
        border-bottom: 2px solid #1B2F71; }
        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;
            font-family: "Opensans", sans-serif !important;
            font-weight: 300;
            font-size: 1rem;
            color: #363D45;
            line-height: 2rem; }
        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 {
          font-family: "Opensans", sans-serif !important;
          font-weight: 300;
          font-size: 1rem;
          color: #363D45;
          line-height: 2rem; }
        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: #089EAD; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile button {
        background: none; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile button span {
          background-color: #1B2F71; }
          header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile button span::before, header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile button span::after {
            background-color: #1B2F71; }
      header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile ul.dj-mobile-nav li a {
        font-family: "Opensans", sans-serif !important;
        font-weight: 400;
        font-size: 20px;
        color: #1B2F71;
        line-height: 24px;
        background: #1B2F71;
        color: #ffffff; }
        header.headerall .header-wrapper1 .header-right .nav-wrap .dj-megamenu-wrapper #dj-megamenu110mobile ul.dj-mobile-nav li a:hover {
          background: #089EAD; }

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

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

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

a {
  font-family: "Opensans", sans-serif !important;
  font-weight: 300;
  font-size: 18px;
  color: #1B2F71;
  line-height: 24px;
  text-decoration: underline; }
  a:hover {
    font-family: "Opensans", sans-serif !important;
    font-weight: 300;
    font-size: 18px;
    color: #089EAD;
    line-height: 24px;
    text-decoration: none; }

h1 {
  font-family: "AmaticSC", sans-serif !important;
  font-weight: 700;
  font-size: 3.2rem;
  color: #1B2F71;
  line-height: 3.8rem;
  margin-bottom: 30px; }
  @media (max-width: 1199px) {
    h1 {
      font-family: "AmaticSC", sans-serif !important;
      font-weight: 700;
      font-size: 2.2rem;
      color: #1B2F71;
      line-height: 2.6rem; } }

h2 {
  font-family: "AmaticSC", sans-serif !important;
  font-weight: 700;
  font-size: 2.4rem;
  color: #1B2F71;
  line-height: 3.2rem;
  margin-bottom: 20px; }
  @media (max-width: 1199px) {
    h2 {
      font-family: "AmaticSC", sans-serif !important;
      font-weight: 700;
      font-size: 1.8rem;
      color: #1B2F71;
      line-height: 2.4rem; } }

h3 {
  font-family: "AmaticSC", sans-serif !important;
  font-weight: 700;
  font-size: 1.4rem;
  color: #1B2F71;
  line-height: 2.0rem;
  margin-bottom: 20px; }

.padding-bottom5 {
  padding-bottom: 5%; }

.padding-top5 {
  padding-top: 5%; }

.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; }

#contents {
  margin-top: 160px; }
  @media (max-width: 767px) {
    #contents {
      margin-top: 80px; } }

#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: #1B2F71 !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: #1B2F71 !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: #1B2F71; }
#chronoform-kontaktformular button, #chronoform-gartenbau-formular button, #chronoform-anfrageformular button {
  margin-top: 10px;
  background-color: #1B2F71 !important;
  padding: 12px 32px 12px 32px !important;
  border-radius: 13px !important;
  font-family: "AmaticSC", 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: #089EAD !important;
    color: #ffffff; }

.com-content-category-blog.blog .blog-items .blog-item .item-image {
  width: 100%;
  height: auto; }
  .com-content-category-blog.blog .blog-items .blog-item .item-image img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover; }
.com-content-category-blog.blog .blog-items .blog-item p.readmore a.btn {
  background-color: #1B2F71;
  font-family: "Opensans", sans-serif !important;
  font-weight: 300;
  font-size: 20px;
  color: #ffffff;
  line-height: 28px; }
  .com-content-category-blog.blog .blog-items .blog-item p.readmore a.btn:hover {
    background-color: #089EAD;
    font-family: "Opensans", sans-serif !important;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px; }

footer .kids-image-prefooter {
  background-image: url("/images/template-dateien/wunderfitz-bg.png");
  padding: 30px 0px;
  min-height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 55%; }
  @media (max-width: 991px) {
    footer .kids-image-prefooter {
      min-height: 120px; } }
footer .footer1 {
  background-color: #089EAD;
  padding-top: 20px;
  padding-bottom: 20px; }
  footer .footer1 .container .footer-kontakt p, footer .footer1 .container .footer-kontakt a {
    color: #ffffff; }
  footer .footer1 .container .footer-kontakt2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    footer .footer1 .container .footer-kontakt2 p, footer .footer1 .container .footer-kontakt2 a {
      color: #ffffff; }
    footer .footer1 .container .footer-kontakt2 a {
      margin-left: 40px; }
      footer .footer1 .container .footer-kontakt2 a i {
        font-size: 30px; }
footer .footer-2 {
  background-color: #1B2F71;
  padding-top: 20px;
  padding-bottom: 20px; }
  footer .footer-2 .container .copy {
    color: #ffffff; }
    footer .footer-2 .container .copy p {
      color: #ffffff;
      margin-bottom: 0px; }
  footer .footer-2 .container .footer-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    footer .footer-2 .container .footer-nav ul li {
      margin-left: 20px; }
      footer .footer-2 .container .footer-nav ul li a {
        Color: #ffffff;
        text-decoration: none; }
        footer .footer-2 .container .footer-nav ul li a:hover {
          text-decoration: underline; }