@charset "UTF-8";
/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@font-face {
  font-family: "Calistoga Regular";
  font-style: normal;
  src: local("Callistoga"), url(/wp-content/themes/porto-child/fonts/Calistoga/Calistoga-Regular.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 400;
  src: local("Arimo"), url(/wp-content/themes/porto-child/fonts/Arimo/static/Arimo-Regular.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Arimo";
  font-style: italic;
  font-weight: 400;
  src: local("Arimo"), url(/wp-content/themes/porto-child/fonts/Arimo/static/Arimo-Italic.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 500;
  src: local("Arimo"), url(/wp-content/themes/porto-child/fonts/Arimo/static/Arimo-Medium.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Arimo";
  font-style: italic;
  font-weight: 500;
  src: local("Arimo"), url(/wp-content/themes/porto-child/fonts/Arimo/static/Arimo-MediumItalic.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 600;
  src: local("Arimo"), url(/wp-content/themes/porto-child/fonts/Arimo/static/Arimo-SemiBold.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Arimo";
  font-style: italic;
  font-weight: 600;
  src: local("Arimo"), url(/wp-content/themes/porto-child/fonts/Arimo/static/Arimo-SemiBoldItalic.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Arimo";
  font-style: normal;
  font-weight: 700;
  src: local("Arimo"), url(/wp-content/themes/porto-child/fonts/Arimo/static/Arimo-Bold.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Arimo";
  font-style: italic;
  font-weight: 700;
  src: local("Arimo"), url(/wp-content/themes/porto-child/fonts/Arimo/static/Arimo-BoldItalic.woff2) format("woff2");
  font-display: swap;
}
/****************************************************


    B A S I C S


 */
body {
  background-color: #F1DED7 !important;
}

.horizontal {
  text-align: center;
  justify-content: center;
}
.horizontal * {
  justify-content: center;
  text-align: center;
}

::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background: #EF7D17 !important;
}

::-webkit-scrollbar-track {
  background: #F1DED7 !important;
}

::-webkit-scrollbar-thumb {
  background: #EF7D17 !important;
}

::-webkit-scrollbar-corner {
  background: #F1DED7 !important;
}

h1, h2 {
  font-family: "Calistoga Regular" !important;
  color: #EF7D17;
}

h3, h4, h5, h6 {
  font-family: "Arimo", sans-serif !important;
  color: #EF7D17;
}

h1 {
  font-size: 44px !important;
  line-height: 57px !important;
  text-transform: uppercase !important;
}
@media (min-width: 1800px) {
  h1 {
    font-size: 44px !important;
    line-height: 57px !important;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 35px !important;
    line-height: 47 !important;
  }
}
@media (max-width: 540px) {
  h1 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
}

h2 {
  font-size: 44px !important;
  line-height: 57px !important;
  text-transform: uppercase !important;
}
@media (min-width: 1800px) {
  h2 {
    font-size: 44px !important;
    line-height: 57px !important;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 35px !important;
    line-height: 47px !important;
  }
}
@media (max-width: 540px) {
  h2 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
}

h3 {
  font-size: 25px !important;
  line-height: 35px !important;
  text-transform: uppercase !important;
}
@media (min-width: 1800px) {
  h3 {
    font-size: 25px !important;
    line-height: 35px !important;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 22px !important;
    line-height: 32px !important;
  }
}

h4 {
  font-size: 23px !important;
  line-height: 30px !important;
}
@media (min-width: 1800px) {
  h4 {
    font-size: 23px !important;
    line-height: 30px !important;
  }
}
@media (max-width: 767px) {
  h4 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

h5 {
  font-size: 20px !important;
  line-height: 26px !important;
}
@media (min-width: 1800px) {
  h5 {
    font-size: 20px !important;
    line-height: 26px !important;
  }
}
@media (max-width: 767px) {
  h5 {
    font-size: 18px !important;
    line-height: 23px !important;
  }
}

h6 {
  font-size: 18px !important;
  line-height: 24px !important;
}
@media (min-width: 1800px) {
  h6 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}
@media (max-width: 767px) {
  h6 {
    font-size: 16px !important;
    line-height: 21px !important;
  }
}

p, td, th, ol li, ul li, .nf-form-fields-required, label, select, select option, input, .nf-error-msg {
  font-family: "Arimo", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px !important;
  line-height: 40px !important;
}
@media (min-width: 1800px) {
  p, td, th, ol li, ul li, .nf-form-fields-required, label, select, select option, input, .nf-error-msg {
    font-size: 22px !important;
    line-height: 40px !important;
  }
}
@media (max-width: 991px) {
  p, td, th, ol li, ul li, .nf-form-fields-required, label, select, select option, input, .nf-error-msg {
    font-size: 20px !important;
    line-height: 35px !important;
  }
}
@media (max-width: 767px) {
  p, td, th, ol li, ul li, .nf-form-fields-required, label, select, select option, input, .nf-error-msg {
    font-size: 17px !important;
    line-height: 30px !important;
  }
}
@media (max-width: 540px) {
  p, td, th, ol li, ul li, .nf-form-fields-required, label, select, select option, input, .nf-error-msg {
    font-size: 15px !important;
    line-height: 26px !important;
  }
}

.vc_btn3 {
  font-family: "Arimo", sans-serif !important;
  border: none !important;
  background-color: #F1DED7 !important;
  color: #EF7D17 !important;
  font-weight: 700;
  padding: 8px 22px !important;
  border-radius: 15px !important;
  font-size: 20px !important;
  line-height: 37px !important;
  text-transform: uppercase !important;
  transition: all 0.5s;
  box-shadow: none !important;
}
@media (min-width: 1800px) {
  .vc_btn3 {
    padding: 11px 30px !important;
    border-radius: 15px !important;
    font-size: 20px !important;
    line-height: 37px !important;
  }
}
@media (max-width: 767px) {
  .vc_btn3 {
    padding: 6px 18px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
    line-height: 28px !important;
  }
}
.vc_btn3:hover {
  background-color: #EF7D17 !important;
  color: #F1DED7 !important;
}

.header-wrapper {
  z-index: 99999;
}

#main {
  z-index: 99998;
}
#main .main-content {
  padding: 0 !important;
}

.min-height-500 {
  min-height: 500px;
}

/********************************************
    GAPS
 */
.row.vc_column-gap-5 {
  gap: 5px;
}

.row.vc_column-gap-10 {
  gap: 10px;
}

.row.vc_column-gap-15 {
  gap: 15px;
}

.row.vc_column-gap-20 {
  gap: 20px;
}

.row.vc_column-gap-25 {
  gap: 25px;
}

.row.vc_column-gap-30 {
  gap: 30px;
}

.row.vc_column-gap-35 {
  gap: 35px;
}

/********************************************
    ABSTÄNDE (paddings)
 */
.abstand-oben-xl {
  padding-top: 21.4vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-xl {
    padding-top: 400px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-oben-xl {
    padding-top: 27vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-oben-xl {
    padding-top: 35vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-oben-xl {
    padding-top: 60vw !important;
  }
}

.abstand-unten-xl {
  padding-bottom: 21.4vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-xl {
    padding-bottom: 400px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-unten-xl {
    padding-bottom: 27vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-unten-xl {
    padding-bottom: 35vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-unten-xl {
    padding-bottom: 60vw !important;
  }
}

.abstand-oben-lg {
  padding-top: 15.8vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-lg {
    padding-top: 250px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-oben-lg {
    padding-top: 20vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-oben-lg {
    padding-top: 27vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-oben-lg {
    padding-top: 50vw !important;
  }
}

.abstand-unten-lg {
  padding-bottom: 15.8vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-lg {
    padding-bottom: 250px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-unten-lg {
    padding-bottom: 20vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-unten-lg {
    padding-bottom: 27vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-unten-lg {
    padding-bottom: 50vw !important;
  }
}

.abstand-oben-md {
  padding-top: 9.2vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-md {
    padding-top: 175px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-oben-md {
    padding-top: 12vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-oben-md {
    padding-top: 20vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-oben-md {
    padding-top: 20vw !important;
  }
}

.abstand-unten-md {
  padding-bottom: 9.2vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-md {
    padding-bottom: 175px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-unten-md {
    padding-bottom: 12vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-unten-md {
    padding-bottom: 20vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-unten-md {
    padding-bottom: 40vw !important;
  }
}

.abstand-oben-sm {
  padding-top: 5.5vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-sm {
    padding-top: 100px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-oben-sm {
    padding-top: 11vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-oben-sm {
    padding-top: 19vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-oben-sm {
    padding-top: 20vw !important;
  }
}

.abstand-unten-sm {
  padding-bottom: 5.5vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-sm {
    padding-bottom: 100px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-unten-sm {
    padding-bottom: 11vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-unten-sm {
    padding-bottom: 19vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-unten-sm {
    padding-bottom: 30vw !important;
  }
}

.abstand-oben-xs {
  padding-top: 2.5vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-xs {
    padding-top: 50px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-oben-xs {
    padding-top: 5vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-oben-xs {
    padding-top: 9vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-oben-xs {
    padding-top: 15vw !important;
  }
}

.abstand-unten-xs {
  padding-bottom: 2.5vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-xs {
    padding-bottom: 50px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .abstand-unten-xs {
    padding-bottom: 5vw !important;
  }
}
@media only screen and (max-width: 989px) {
  .abstand-unten-xs {
    padding-bottom: 9vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .abstand-unten-xs {
    padding-bottom: 15vw !important;
  }
}

/********************************************
    HINTERGRÜNDE
 */
.hgPastellOrange {
  background: #F1DED7;
}

.hgWeiss {
  background: #FFFFFF;
}

.hgGruen {
  background: #6B936E;
}

/****************************************************


    H E A D E R


 */
#header {
  /*max-width: 1680px;
  margin: 0 auto;*/
  transition: padding 0.5s;
}
#header #header-top {
  position: absolute;
  max-width: 1800px;
  width: 100%;
  left: 50%;
  transform: translateX(-48.3%);
  z-index: 999;
}
#header #header-top .vc_btn3-container {
  margin-bottom: 0 !important;
}
#header #header-top .vc_btn3-container .vc_btn3 {
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  color: #6B936E !important;
  transition: all 0.5s;
}
#header #header-top .vc_btn3-container .vc_btn3:hover {
  text-decoration: underline;
  background-color: transparent !important;
}
#header #header-top .top-bar-left * {
  color: #EF7D17;
}
#header #header-top .top-bar-right .share-links a {
  transition: all 0.5s;
  width: 30px;
  height: 30px;
  background-color: transparent;
}
#header #header-top .top-bar-right .share-links a:before {
  color: #6B936E;
  transition: all 0.5s;
}
#header #header-top .top-bar-right .share-links a:hover {
  background-color: #6B936E;
}
#header #header-top .top-bar-right .share-links a:hover:before {
  color: #FFFFFF;
}
@media (max-width: 991px) {
  #header #header-top {
    width: auto;
    left: auto;
    right: 0;
    transform: none;
    display: flex;
  }
  #header #header-top .top-bar-left * {
    white-space: nowrap;
  }
  #header #header-top .top-bar-right {
    padding-right: 30px;
  }
}
@media (max-width: 599px) {
  #header #header-top {
    display: none;
  }
}
#header #header-nav {
  max-width: 1800px;
  margin: 0 auto;
  width: 100%;
  z-index: 99;
  background-color: #F1DED7 !important;
  box-shadow: none !important;
}
#header #header-nav .custom-left-blank {
  width: 100px;
  z-index: 125;
}
#header #header-nav .custom-left-menu {
  z-index: 125;
}
#header #header-nav .custom-left-menu > .wpb_wrapper {
  justify-content: end;
}
#header #header-nav .custom-logo {
  z-index: 125;
}
#header #header-nav .custom-right-menu {
  z-index: 125;
}
#header #header-nav .custom-right-shop {
  z-index: 125;
  width: 100px;
}
#header #header-nav .custom-right-shop .wpb_wrapper {
  align-items: end;
  justify-content: end;
}
#header #header-nav .custom-right-shop .wpb_wrapper > * {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
#header #header-nav .custom-right-shop .wpb_wrapper .my-account {
  font-size: 22px !important;
}
#header #header-nav .custom-right-shop .wpb_wrapper .my-account i:before {
  color: #6B936E;
}
#header #header-nav .custom-right-shop .wpb_wrapper #mini-cart .cart-head {
  font-size: 22px !important;
}
#header #header-nav .custom-right-shop .wpb_wrapper #mini-cart .cart-head:after {
  content: "";
  display: none !important;
}
#header #header-nav .custom-right-shop .wpb_wrapper #mini-cart .cart-head i:before {
  color: #6B936E;
}
#header #header-nav .custom-right-shop .wpb_wrapper #mini-cart .cart-head .cart-items {
  background-color: #EF7D17;
}
#header #header-nav .custom-right-shop .wpb_wrapper #mini-cart .cart-popup .total-count > span {
  color: #6B936E;
}
#header #header-nav .custom-right-shop .wpb_wrapper #mini-cart .cart-popup .total-count > a {
  color: #6B936E !important;
  text-decoration: underline;
}
#header #header-nav #menu-hauptmenue-links, #header #header-nav #menu-hauptmenue-rechts {
  margin: 0;
}
#header #header-nav #menu-hauptmenue-links li a, #header #header-nav #menu-hauptmenue-rechts li a {
  background-color: transparent;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: #6B936E;
  letter-spacing: 3.6px;
}
@media (max-width: 1699px) {
  #header #header-nav #menu-hauptmenue-links li a, #header #header-nav #menu-hauptmenue-rechts li a {
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 2.6px;
  }
}
#header #header-nav #menu-hauptmenue-links > li > a, #header #header-nav #menu-hauptmenue-rechts > li > a {
  padding: 22px 26px 22px 26px;
  /*@media (max-width: 1499px) {
      padding: 11px;
      font-size: 15px;
      line-height: 15px;
      letter-spacing: 1.6px;
  }

  @media (max-width: 1320px) {
      font-size: 14px;
      line-height: 14px;
      letter-spacing: 0;
  }*/
}
#header #header-nav #menu-hauptmenue-links > li > a:before, #header #header-nav #menu-hauptmenue-rechts > li > a:before {
  transition: none !important;
  background-color: transparent !important;
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  right: auto !important;
  content: " ";
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
}
@media (max-width: 1699px) {
  #header #header-nav #menu-hauptmenue-links > li > a, #header #header-nav #menu-hauptmenue-rechts > li > a {
    padding: 15px;
  }
}
#header #header-nav #menu-hauptmenue-links > li.current-menu-parent > a:before, #header #header-nav #menu-hauptmenue-links > li.current-menu-item > a:before, #header #header-nav #menu-hauptmenue-links > li:hover > a:before, #header #header-nav #menu-hauptmenue-rechts > li.current-menu-parent > a:before, #header #header-nav #menu-hauptmenue-rechts > li.current-menu-item > a:before, #header #header-nav #menu-hauptmenue-rechts > li:hover > a:before {
  background-image: url("/wp-content/themes/porto-child/assets/blume-orange.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain;
  width: 28px !important;
  height: 23px !important;
}
@media (max-width: 991px) {
  #header #header-nav .custom-left-blank {
    display: none !important;
  }
  #header #header-nav .custom-left-menu > div {
    justify-content: start !important;
  }
  #header #header-nav .custom-right-shop {
    width: auto;
  }
  #header #header-nav .custom-right-shop .mobile-toggle {
    margin: 0;
    padding: 0;
  }
  #header #header-nav .custom-right-shop .mobile-toggle i:before {
    color: #6B936E;
  }
  #header #header-nav .custom-right-shop .my-account {
    margin-left: 15px;
  }
}
#header #header-nav #nav-panel .mobile-nav-wrap {
  background-color: transparent !important;
}
#header #header-nav #nav-panel .mobile-nav-wrap ul li {
  background-color: transparent !important;
  border: none !important;
}
#header #header-nav #nav-panel .mobile-nav-wrap ul li a {
  background-color: transparent !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: #6B936E;
  letter-spacing: 3.6px;
  padding: 10px 0;
}
#header #header-nav #nav-panel .mobile-nav-wrap ul li .arrow:before {
  color: #6B936E;
}
#header.sticky-header #header-nav {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
#header.sticky-header #header-nav #menu-hauptmenue-links > li > a:before, #header.sticky-header #header-nav #menu-hauptmenue-rechts > li > a:before {
  margin: 16px 0 0 0 !important;
  width: 23px !important;
  height: 19px !important;
}
#header.sticky-header .porto-block > .container-fluid > #header-nav:before {
  content: " ";
  width: 5000px;
  height: 92px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background-color: #F1DED7 !important;
  z-index: 95;
}

/****************************************************


    H E R O


 */
#hero {
  height: 850px;
  padding: 0;
  display: flex;
  justify-content: center;
  position: relative;
}
#hero #hero-content {
  justify-content: center;
  flex-direction: column;
  height: calc(100% - 200px);
}
#hero #hero-content h2 {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 44px !important;
  line-height: 57px !important;
  text-transform: uppercase !important;
}
@media (min-width: 1800px) {
  #hero #hero-content h2 {
    font-size: 44px !important;
    line-height: 57px !important;
  }
}
@media (max-width: 767px) {
  #hero #hero-content h2 {
    font-size: 34px !important;
    line-height: 45px !important;
  }
}
#hero #hero-content h5 {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 30px !important;
  line-height: 40px !important;
  text-transform: uppercase !important;
}
@media (min-width: 1800px) {
  #hero #hero-content h5 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
}
@media (max-width: 767px) {
  #hero #hero-content h5 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
@media (max-width: 1199px) {
  #hero {
    height: 750px;
  }
}
@media (max-width: 991px) {
  #hero {
    height: 650px;
  }
}
@media (max-width: 767px) {
  #hero {
    height: 650px;
  }
}
@media (max-width: 540px) {
  #hero {
    height: 570px;
  }
}

/********************************************************


    CONTENT (MAIN)


 */
div#main {
  background-color: #F1DED7 !important;
}
div#main:after {
  background-image: url("/wp-content/themes/porto-child/assets/curved-border-light-orange.svg");
  background-repeat: repeat-x;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain;
  width: 5000px;
  height: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  content: " ";
}

/***********************************************************
 *  leistungen-slider
 */
.basis-slider .slick-dots li i {
  font-size: 14px;
  color: #F1DED7 !important;
  opacity: 1 !important;
}
.basis-slider .slick-dots li.slick-active i {
  color: #EF7D17 !important;
}

.leistungen-slider .slick-slide > div > * {
  max-width: 400px;
  margin: 0 auto;
}
.leistungen-slider .wpb_single_image img {
  border-radius: 200px 200px 0 0 !important;
}
.leistungen-slider h2 {
  font-family: "Arimo", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 25px !important;
  line-height: 35px !important;
  margin-top: 20px;
}
@media (min-width: 1800px) {
  .leistungen-slider h2 {
    font-size: 25px !important;
    line-height: 35px !important;
  }
}
@media (max-width: 991px) {
  .leistungen-slider h2 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
@media (max-width: 767px) {
  .leistungen-slider h2 {
    font-size: 17px !important;
    line-height: 24px !important;
  }
}
@media (max-width: 540px) {
  .leistungen-slider h2 {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}

/***********************************************************
 *  weiß kurve-oben
 */
section.weiss {
  background-color: #FFFFFF;
}
section.weiss.kurve-oben {
  overflow: visible;
}
section.weiss.kurve-oben:before {
  background-image: url("/wp-content/themes/porto-child/assets/curved-border-white.svg");
  background-repeat: repeat-x;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain;
  width: 5000px;
  height: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -200px;
  content: " ";
}
section.weiss p, section.weiss li {
  color: #6B936E !important;
}
section.weiss h1, section.weiss h2, section.weiss h3, section.weiss h4, section.weiss h5, section.weiss h6 {
  color: #EF7D17 !important;
}
section.weiss .spezial-text {
  position: absolute;
  top: -120px;
  left: 130px;
  width: 280px;
  height: 210px;
}
@media (max-width: 1399px) {
  section.weiss .spezial-text {
    top: -146px;
    left: 80px;
  }
}
@media (max-width: 1168px) {
  section.weiss .spezial-text {
    top: -146px;
    left: 20px;
  }
}
section.weiss .blume-klein-unten:after {
  background-image: url("/wp-content/themes/porto-child/assets/blume-orange.svg");
  background-repeat: repeat-x;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain;
  width: 60px;
  height: 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 230px;
  content: " ";
}
@media (max-width: 1399px) {
  section.weiss .blume-klein-unten:after {
    bottom: 230px;
  }
}
@media (max-width: 767px) {
  section.weiss .blume-klein-unten:after {
    bottom: 230px;
  }
}
@media (max-width: 540px) {
  section.weiss .blume-klein-unten:after {
    bottom: 170px;
  }
}
section.weiss .basis-slider .slick-dots li i {
  font-size: 14px;
  color: #F1DED7 !important;
  opacity: 1 !important;
}
section.weiss .basis-slider .slick-dots li.slick-active i {
  color: #EF7D17 !important;
}

/***********************************************************
 *  gruen kurve-oben
 */
section.gruen {
  background-color: #6B936E;
}
section.gruen.kurve-oben {
  overflow: visible;
}
section.gruen.kurve-oben:before {
  background-image: url("/wp-content/themes/porto-child/assets/curved-border-green.svg");
  background-repeat: repeat-x;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain;
  width: 5000px;
  height: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -200px;
  content: " ";
}
section.gruen * {
  color: #F1DED7 !important;
}
section.gruen h1, section.gruen h2, section.gruen h3, section.gruen h4, section.gruen h5, section.gruen h6 {
  color: #F1DED7 !important;
}
section.gruen .basis-slider .slick-dots li i {
  font-size: 14px;
  color: #F1DED7 !important;
  opacity: 1 !important;
}
section.gruen .basis-slider .slick-dots li.slick-active i {
  color: #EF7D17 !important;
}

/***********************************************************
 *  orange kurve-oben
 */
section.orange {
  background-color: #F1DED7;
}
section.orange.kurve-oben {
  overflow: visible;
}
section.orange.kurve-oben:before {
  background-image: url("/wp-content/themes/porto-child/assets/curved-border-light-orange.svg");
  background-repeat: repeat-x;
  background-position-x: center;
  background-position-y: bottom;
  background-size: contain;
  width: 5000px;
  height: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -200px;
  content: " ";
}
section.orange * {
  color: #6B936E !important;
}
section.orange h1, section.orange h2, section.orange h3, section.orange h4, section.orange h5, section.orange h6 {
  color: #6B936E !important;
}
section.orange .basis-slider .slick-dots li i {
  font-size: 14px;
  color: #8bb38f !important;
  opacity: 1 !important;
}
section.orange .basis-slider .slick-dots li.slick-active i {
  color: #6B936E !important;
}

/***********************************************************
 *  Blume mit Info
 */
.blumen-info-unten, .blumen-info-unten-rechts {
  position: absolute;
  background-image: url("/wp-content/themes/porto-child/assets/blume-orange.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 324px;
  height: 265px;
  bottom: 0;
  left: -125px;
  z-index: 9999;
}
.blumen-info-unten p, .blumen-info-unten p *, .blumen-info-unten-rechts p, .blumen-info-unten-rechts p * {
  color: #FFFFFF !important;
  font-size: 22px !important;
  line-height: 30px !important;
}
@media (max-width: 991px) {
  .blumen-info-unten p, .blumen-info-unten p *, .blumen-info-unten-rechts p, .blumen-info-unten-rechts p * {
    font-size: 20px !important;
    line-height: 35px !important;
  }
}
@media (max-width: 767px) {
  .blumen-info-unten p, .blumen-info-unten p *, .blumen-info-unten-rechts p, .blumen-info-unten-rechts p * {
    font-size: 17px !important;
    line-height: 30px !important;
  }
}
@media (max-width: 540px) {
  .blumen-info-unten p, .blumen-info-unten p *, .blumen-info-unten-rechts p, .blumen-info-unten-rechts p * {
    font-size: 15px !important;
    line-height: 26px !important;
  }
}
.blumen-info-unten p, .blumen-info-unten-rechts p {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blumen-info-unten p strong + br, .blumen-info-unten-rechts p strong + br {
  display: contents;
}
.blumen-info-unten .vc_column_container > .wpb_wrapper, .blumen-info-unten-rechts .vc_column_container > .wpb_wrapper {
  padding: 90px 30px 40px 30px !important;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 1399px) {
  .blumen-info-unten, .blumen-info-unten-rechts {
    left: 50px;
  }
}
@media (max-width: 767px) {
  .blumen-info-unten, .blumen-info-unten-rechts {
    width: 280px;
    height: 230px;
  }
}
@media (max-width: 540px) {
  .blumen-info-unten, .blumen-info-unten-rechts {
    width: 245px;
    height: 220px;
  }
}

section .vc_row .blumen-info-unten, section .vc_row .blumen-info-unten-rechts {
  width: 388px;
  height: 317px;
}
section .vc_row .blumen-info-unten > .wpb_wrapper, section .vc_row .blumen-info-unten-rechts > .wpb_wrapper {
  padding: 110px 30px 40px 30px !important;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
section .vc_row .blumen-info-unten > .wpb_wrapper > p, section .vc_row .blumen-info-unten > .wpb_wrapper > p *, section .vc_row .blumen-info-unten-rechts > .wpb_wrapper > p, section .vc_row .blumen-info-unten-rechts > .wpb_wrapper > p * {
  color: #FFFFFF !important;
}
@media (max-width: 1399px) {
  section .vc_row .blumen-info-unten, section .vc_row .blumen-info-unten-rechts {
    left: 50px;
  }
}
@media (max-width: 767px) {
  section .vc_row .blumen-info-unten, section .vc_row .blumen-info-unten-rechts {
    width: 280px;
    height: 230px;
  }
  section .vc_row .blumen-info-unten > .wpb_wrapper, section .vc_row .blumen-info-unten-rechts > .wpb_wrapper {
    padding: 65px 10px 20px 10px !important;
  }
}
@media (max-width: 540px) {
  section .vc_row .blumen-info-unten, section .vc_row .blumen-info-unten-rechts {
    width: 245px;
    height: 220px;
  }
}
section .vc_row .blumen-info-unten-rechts {
  bottom: -180px;
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  section .vc_row .blumen-info-unten-rechts {
    bottom: -125px;
  }
}

/***********************************************************
 *  Blumen seitlich
 */
.header-blume-links-1 {
  position: absolute;
  left: -300px;
  top: -4px;
  transform: rotate(20deg);
  z-index: 99;
}
@media (max-width: 1920px) {
  .header-blume-links-1 {
    left: -15.6vw !important;
    top: calc(300px - 15.9vw);
  }
  .header-blume-links-1 img {
    max-width: 43vw !important;
  }
}

.header-blume-rechts-1 {
  position: absolute;
  right: -300px;
  top: 100px;
  z-index: 99;
}
@media (max-width: 1920px) {
  .header-blume-rechts-1 {
    right: -15.7vw !important;
    top: calc(300px - 10.5vw);
  }
  .header-blume-rechts-1 img {
    max-width: 49vw !important;
  }
}

.header-blume-links-2 {
  position: absolute;
  left: -300px;
  top: -300px;
  transform: rotate(40deg);
  z-index: 99;
}
@media (max-width: 1920px) {
  .header-blume-links-2 {
    left: -15.6vw !important;
    top: calc(0px - 15.9vw);
  }
  .header-blume-links-2 img {
    max-width: 43vw !important;
  }
}

.header-blume-rechts-2 {
  position: absolute;
  right: -300px;
  top: -400px;
  z-index: 99;
}
@media (max-width: 1920px) {
  .header-blume-rechts-2 {
    right: -15.7vw !important;
    top: calc(-230px - 10.5vw);
  }
  .header-blume-rechts-2 img {
    max-width: 49vw !important;
  }
}

.header-blume-links-3 {
  position: absolute;
  left: -300px;
  bottom: -300px;
  transform: rotate(40deg);
  z-index: 99;
}
@media (max-width: 1920px) {
  .header-blume-links-3 {
    left: -15.6vw !important;
    bottom: calc(0px - 15.9vw);
  }
  .header-blume-links-3 img {
    max-width: 43vw !important;
  }
}

/************************************************************************************************************
 ************************************************************************************************************
 *
 *
 *  FORMULARE
 *
 *
 ************************************************************************************************************
 ************************************************************************************************************/
#anfrageformular > .vc_row > div {
  max-width: 1480px;
  margin: 0 auto;
}

.gform_wrapper .gform_required_legend {
  display: none;
}
.gform_wrapper label {
  font-family: "Arimo", sans-serif !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  line-height: 37px !important;
}
.gform_wrapper .gfield_radio input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #EF7D17;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #F1DED7;
  position: relative;
  top: 0;
}
.gform_wrapper .gfield_radio input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #F1DED7;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: appearrb 0.8s;
}
@keyframes appearrb {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  45% {
    transform: translate(-50%, -50%) scale(1.4);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.6);
  }
  55% {
    transform: translate(-50%, -50%) scale(1.5);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.gform_wrapper .ginput_container_consent input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #F1DED7;
  border-radius: 6px;
  margin-right: 10px;
  background-color: #F1DED7;
  position: relative;
  top: 3px;
}
.gform_wrapper .ginput_container_consent input[type=checkbox]:checked::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #F1DED7;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: appearck 0.8s;
}
@keyframes appearck {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  45% {
    transform: translate(-50%, -50%) scale(1.4);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.6);
  }
  55% {
    transform: translate(-50%, -50%) scale(1.5);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper textarea {
  box-shadow: none !important;
  border: none !important;
  border-bottom: 2px solid #F1DED7 !important;
  color: #F1DED7 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  font-family: "Arimo", sans-serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 25px !important;
  padding: 8px 0 !important;
}
.gform_wrapper input[type=submit] {
  font-family: "Arimo", sans-serif !important;
  border: none !important;
  background-color: #F1DED7 !important;
  color: #EF7D17 !important;
  font-weight: 700;
  padding: 8px 22px !important;
  border-radius: 15px !important;
  font-size: 20px !important;
  line-height: 37px !important;
  text-transform: uppercase !important;
  transition: all 0.5s;
  box-shadow: none !important;
  margin: 0 auto !important;
}
@media (min-width: 1800px) {
  .gform_wrapper input[type=submit] {
    padding: 11px 30px !important;
    border-radius: 15px !important;
    font-size: 20px !important;
    line-height: 37px !important;
  }
}
@media (max-width: 767px) {
  .gform_wrapper input[type=submit] {
    padding: 6px 18px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
    line-height: 28px !important;
  }
}
.gform_wrapper input[type=submit]:hover {
  background-color: #EF7D17 !important;
  color: #F1DED7 !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon {
  left: -36px;
}

/****************************************************


    S H O P


 */
/********************************************************


    FOOTER


 */
#footer .porto-block .footer-middle {
  background-color: #F1DED7 !important;
}
#footer .porto-block .footer-middle .footer-menu * {
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #footer .porto-block .footer-middle .footer-menu * {
    text-align: center;
  }
}
#footer .porto-block .footer-middle .footer-menu * a {
  color: #EF7D17;
}
#footer .porto-block .footer-middle .footer-menu * a:hover {
  text-decoration: underline;
}
#footer .porto-block .footer-middle .footer-menu .vc_wp_custommenu {
  margin: 0;
}
#footer .porto-block .footer-middle .footer-menu .vc_wp_custommenu .widget {
  margin: 0;
}
#footer .porto-block .footer-middle .footer-menu .vc_wp_custommenu .widget ul {
  border: none;
  margin: 0;
}
#footer .porto-block .footer-middle .footer-menu .vc_wp_custommenu .widget ul li {
  padding: 0;
  border: 0;
  margin-bottom: 10px;
}
#footer .porto-block .footer-middle .footer-menu .vc_wp_custommenu .widget ul li:before, #footer .porto-block .footer-middle .footer-menu .vc_wp_custommenu .widget ul li:after {
  display: none;
  content: "";
}
#footer .porto-block .footer-middle .footer-menu .vc_wp_custommenu .widget ul li > ul {
  display: none;
}
#footer .porto-block .footer-middle .footer-logo > .wpb_wrapper {
  text-align: center;
}
#footer .porto-block .footer-middle .footer-logo .logo {
  margin: 0;
}
#footer .porto-block .footer-middle .footer-logo .logo img {
  max-width: 250px;
}
#footer .porto-block .footer-middle .footer-contact p {
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 700;
  color: #EF7D17 !important;
}
@media (max-width: 767px) {
  #footer .porto-block .footer-middle .footer-contact p {
    text-align: center !important;
    margin-top: 50px;
  }
}
#footer .porto-block .footer-middle .footer-contact .share-links {
  text-align: right;
}
@media (max-width: 767px) {
  #footer .porto-block .footer-middle .footer-contact .share-links {
    text-align: center !important;
  }
}
#footer .porto-block .footer-middle .footer-contact .share-links a {
  background: none;
  background-color: transparent;
  color: #EF7D17 !important;
  font-size: 18px;
  margin: 0;
}
#footer .porto-block .footer-middle .footer-contact .share-links a:before {
  color: #EF7D17 !important;
}

/******************************************************************
 *  BORLABS COOKIE-BANNER
 */
#BorlabsCookieBox ._brlbs-box-wrap {
  max-width: 600px !important;
}

#BorlabsCookieBox h3 {
  font-size: 1.625em !important;
  line-height: 1.125em !important;
}

#BorlabsCookieBox .bcac-item h4 {
  font-size: 1.25em !important;
}

#BorlabsCookieBox p {
  font-size: 1em !important;
  line-height: 1.25em !important;
}

#BorlabsCookieBox .cookie-preference table td, #BorlabsCookieBox .cookie-preference table th {
  font-size: 0.875em !important;
}

/*# sourceMappingURL=style.css.map */