@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: "sydhartta";
  font-style: normal;
  src: local("Sydhartta"), local("Sydhartta"), url(/wp-content/themes/dt-the7-child/fonts/sydhartta/Sydhartta.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Comic-Neue";
  font-weight: 300;
  font-style: normal;
  src: local("Comic-Neue"), local("Comic-Neue"), url(/wp-content/themes/dt-the7-child/fonts/comic-neue/ComicNeue-Light.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Comic-Neue";
  font-weight: 300;
  font-style: italic;
  src: local("Comic-Neue"), local("Comic-Neue"), url(/wp-content/themes/dt-the7-child/fonts/comic-neue/ComicNeue-LightItalic.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Comic-Neue";
  font-weight: 400;
  font-style: normal;
  src: local("Comic-Neue"), local("Comic-Neue"), url(/wp-content/themes/dt-the7-child/fonts/comic-neue/ComicNeue-Regular.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Comic-Neue";
  font-weight: 400;
  font-style: italic;
  src: local("Comic-Neue"), local("Comic-Neue"), url(/wp-content/themes/dt-the7-child/fonts/comic-neue/ComicNeue-Italic.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Comic-Neue";
  font-weight: 700;
  font-style: normal;
  src: local("Comic-Neue"), local("Comic-Neue"), url(/wp-content/themes/dt-the7-child/fonts/comic-neue/ComicNeue-Bold.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Comic-Neue";
  font-weight: 700;
  font-style: italic;
  src: local("Comic-Neue"), local("Comic-Neue"), url(/wp-content/themes/dt-the7-child/fonts/comic-neue/ComicNeue-BoldItalic.woff2) format("woff2");
  font-display: swap;
}
/****************************************************


    B A S I C S


 */
body {
  font-family: sweater-school, "Comic-Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

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

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

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

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

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

/* TYPO */
h1, h2 {
  position: relative;
  display: table;
  /*display: inline;*/
  padding-bottom: 8px;
  font-size: 35px;
  line-height: 42px;
  z-index: 99;
}
@media (max-width: 1199px) {
  h1, h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 768px) {
  h1, h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
h1[style*="text-align: center"], h2[style*="text-align: center"] {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
h1:after, h2:after {
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 7px;
  width: 100%;
  content: " ";
  display: inline-block;
}
h1 > b, h1 strong, h2 > b, h2 strong {
  font-family: "sydhartta", sweater-school, "Comic-Neue", sans-serif;
  color: #E84C0A;
  font-size: 109px;
  line-height: 310px;
  font-weight: 400;
  z-index: 99999;
}

h1, h2, h3, h4, h5, h6, p, li, span {
  font-family: sweater-school, "Comic-Neue", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #000000;
}

h3, p, li, span {
  font-weight: 400;
}

a.orange-btn, a.dt-btn {
  border: 1px solid #E84C0A !important;
  background-color: #E84C0A !important;
  color: #ffffff !important;
  padding: 10px 20px;
  border-radius: 10px;
  white-space: nowrap;
}
a.orange-btn:hover, a.dt-btn:hover {
  border: 1px solid #E84C0A !important;
  background-color: #ffffff !important;
  color: #E84C0A !important;
}

@media only screen and (max-width: 989px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.rollover i, .post-rollover i, .rollover-video i, .enable-bg-rollover .post-thumbnail-rollover:after, .enable-bg-rollover .gallery-rollover, .enable-bg-rollover.hover-scale figure:after {
  background-color: rgba(232, 76, 10, 0.2);
  background: rgba(232, 76, 10, 0.2);
}

/********************************************
    ALLGEMEIN
 */
.abstand-oben-xl {
  padding-top: 15vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-xl {
    padding-top: 150px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-oben-xl {
    padding-top: 100px !important;
  }
}

.abstand-unten-xl {
  padding-bottom: 15vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-xl {
    padding-bottom: 150px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-unten-xl {
    padding-bottom: 100px !important;
  }
}

.abstand-oben-lg {
  padding-top: 12vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-lg {
    padding-top: 120px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-oben-lg {
    padding-top: 80px !important;
  }
}

.abstand-unten-lg {
  padding-bottom: 12vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-lg {
    padding-bottom: 120px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-unten-lg {
    padding-bottom: 80px !important;
  }
}

.abstand-oben-md {
  padding-top: 8vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-md {
    padding-top: 90px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-oben-md {
    padding-top: 60px !important;
  }
}

.abstand-unten-md {
  padding-bottom: 8vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-md {
    padding-bottom: 90px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-unten-md {
    padding-bottom: 60px !important;
  }
}

.abstand-oben-sm {
  padding-top: 4vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-sm {
    padding-top: 60px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-oben-sm {
    padding-top: 30px !important;
  }
}

.abstand-unten-sm {
  padding-bottom: 4vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-sm {
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-unten-sm {
    padding-bottom: 30px !important;
  }
}

.abstand-oben-xs {
  padding-top: 2vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-oben-xs {
    padding-top: 30px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-oben-xs {
    padding-top: 10px !important;
  }
}

.abstand-unten-xs {
  padding-bottom: 2vw !important;
}
@media only screen and (min-width: 1920px) {
  .abstand-unten-xs {
    padding-bottom: 30px !important;
  }
}
@media only screen and (max-width: 550px) {
  .abstand-unten-xs {
    padding-bottom: 10px !important;
  }
}

.brlbs-cmpnt-link span {
  color: #ffffff;
}

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


    H E A D E R


 */
header .branding {
  padding: 5px 0;
}
header .branding .same-logo {
  height: 100%;
}
header .branding .same-logo img {
  max-width: unset;
  height: 100%;
  width: auto;
}
header ul#primary-menu {
  /*li.menu-item:nth-last-of-type(1), li.menu-item:nth-last-of-type(2) {
      a {
          padding: 0;
          .menu-item-text {
              padding: 10px 20px 10px 20px;
              border: 1px solid $cBlack;
              border-radius: 50px;
              transition: all 0.5s;
              background-color: $cOrange;
              border: 1px solid $cOrange;

              .menu-text {
                  color: $cWhite;
              }
          }
          &:after {
              display: none !important;
          }
          &:hover {
              .menu-item-text {
                  border: 1px solid $cOrange;
                  background-color: $cWhite;
                  .menu-text {
                      color: $cOrange;
                  }
              }
          }
      }
  }*/
}
header ul#primary-menu li.menu-item a:hover .menu-item-text .menu-text {
  color: #E84C0A;
}
header ul#primary-menu li.menu-item.current-menu-item a .menu-item-text {
  z-index: 9999;
}
header ul#primary-menu li.menu-item.current-menu-item a .menu-item-text .menu-text {
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  font-family: sweater-school, "Comic-Neue", sans-serif;
  font-weight: 700;
  font-style: normal;
}
header ul#primary-menu li.menu-item.current-menu-item a:after {
  content: " ";
  background-image: url("/wp-content/uploads/2024/09/hg-navigation.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
}
header ul#primary-menu li.menu-item.current-menu-item a:hover .menu-item-text .menu-text {
  color: #ffffff;
}

#mobile-menu {
  margin-top: 5vh;
  /*li.menu-item:nth-last-of-type(1), li.menu-item:nth-last-of-type(2) {
      a {
          padding: 0;
          margin-top: 25px;

          .menu-item-text {
              padding: 10px 20px 10px 20px;
              border-radius: 50px;
              transition: all 0.5s;
              background-color: $cWhite;
              border: 1px solid $cBlack;

              .menu-text {
                  color: $cBlack;
              }
          }
          &:after {
              display: none !important;
          }
          &:hover {
              .menu-item-text {
                  border: 1px solid $cOrange;
                  background-color: $cOrange;
                  .menu-text {
                      color: $cWhite;
                  }
              }
          }
      }
  }*/
}
#mobile-menu li.menu-item a {
  justify-content: center;
  padding: 18px;
}
#mobile-menu li.menu-item a .menu-item-text {
  z-index: 9999;
}
#mobile-menu li.menu-item a .menu-item-text .menu-text {
  font-size: 18px;
  line-height: 18px;
  font-family: sweater-school, "Comic-Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#mobile-menu li.menu-item a:hover .menu-item-text .menu-text {
  color: #E84C0A;
}
#mobile-menu li.menu-item.current-menu-item a .menu-item-text .menu-text {
  color: #ffffff;
}
#mobile-menu li.menu-item.current-menu-item a:after {
  content: " ";
  background-image: url("/wp-content/uploads/2024/09/hg-navigation.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
}
#mobile-menu li.menu-item.current-menu-item a:hover .menu-item-text .menu-text {
  color: #ffffff;
}

body.logged-in .menu-item-logged-out {
  display: none !important;
}

body:not(.logged-in) .menu-item-logged-in {
  display: none !important;
}

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


    CONTENT (MAIN)


 */
/************************************************************************************************************
 *
 *  HERO
 *
 ************************************************************************************************************/
#hero > div.vc_row {
  height: 25vw;
  background-image: url("images/header-lines.svg");
  background-size: contain;
  background-position-y: 2.5vw;
  background-repeat: repeat-x;
}
@media (max-width: 1399px) {
  #hero > div.vc_row {
    height: 30vw;
    background-size: 150%;
  }
}
@media (max-width: 1199px) {
  #hero > div.vc_row {
    height: 35vw;
    background-size: 150%;
  }
}
@media (max-width: 767px) {
  #hero > div.vc_row {
    height: 50vw;
    background-size: 200%;
  }
}
@media (max-width: 550px) {
  #hero > div.vc_row {
    height: 50vw;
    background-size: 300%;
  }
}
#hero > div.vc_row:before {
  background-image: url(images/header-table.svg);
  position: absolute;
  top: 10vw;
  left: 0;
  width: 350px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1199px) {
  #hero > div.vc_row:before {
    width: 26vw;
    height: 16vw;
    top: 14vw;
  }
}
@media (max-width: 767px) {
  #hero > div.vc_row:before {
    width: 26vw;
    height: 16vw;
    top: 19vw;
  }
}
@media (max-width: 550px) {
  #hero > div.vc_row:before {
    width: 26vw;
    height: 16vw;
    top: 27vw;
  }
}
#hero > div.vc_row:after {
  background-image: url(images/header-house.svg);
  position: absolute;
  top: 10vw;
  right: 0;
  width: 350px;
  height: 206px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1199px) {
  #hero > div.vc_row:after {
    width: 26vw;
    height: 16vw;
    top: 14vw;
  }
}
@media (max-width: 767px) {
  #hero > div.vc_row:after {
    width: 26vw;
    height: 16vw;
    top: 19vw;
  }
}
@media (max-width: 550px) {
  #hero > div.vc_row:after {
    width: 26vw;
    height: 16vw;
    top: 27vw;
  }
}
#hero h1 {
  z-index: 99;
  margin-top: 5vw;
  font-size: 3.5vw;
  line-height: 3.5vw;
  max-width: 56vw;
}
@media (max-width: 1199px) {
  #hero h1 {
    margin-top: 3.8vw;
  }
}
@media (max-width: 767px) {
  #hero h1 {
    margin-top: 2.5vw;
  }
}
@media (max-width: 550px) {
  #hero h1 {
    margin-top: 40px;
    width: 100%;
    max-width: 100%;
  }
}
#hero h1 > b, #hero h1 strong {
  font-size: 6.15vw;
  line-height: 5.5vw;
}
@media (max-width: 1199px) {
  #hero h1 > b, #hero h1 strong {
    font-size: 9.15vw;
    line-height: 12.8vw;
  }
}
@media (max-width: 767px) {
  #hero h1 > b, #hero h1 strong {
    font-size: 12vw;
    line-height: 20.6vw;
  }
}
@media (max-width: 550px) {
  #hero h1 > b, #hero h1 strong {
    font-size: 14vw;
    line-height: 17.6vw;
  }
}

/************************************************************************************************************
 *
 *  BUTTON-GROUP
 *
 ************************************************************************************************************/
#button-group .wpb_wrapper {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
#button-group .wpb_wrapper a.dt-btn {
  border: 1px solid #919191 !important;
  background-color: #ffffff !important;
  color: #919191 !important;
  padding: 10px 20px;
  border-radius: 10px;
  white-space: nowrap;
}
#button-group .wpb_wrapper a.dt-btn:hover {
  border: 1px solid #E84C0A !important;
  background-color: #E84C0A !important;
  color: #ffffff !important;
}

/************************************************************************************************************
 *
 *  Standard section
 *
 ************************************************************************************************************/
section h2 {
  font-size: 35px;
  line-height: 42px;
}
@media (max-width: 1199px) {
  section h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  section h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
section h2 > b, section h2 strong {
  font-size: 74px;
  line-height: 68px;
}
@media (max-width: 1199px) {
  section h2 > b, section h2 strong {
    font-size: 55px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  section h2 > b, section h2 strong {
    font-size: 40px;
    line-height: 30px;
  }
}
section .wpb_single_image {
  margin-bottom: 50px;
}
section p b, section p strong {
  background-color: #E84C0A;
  color: #ffffff;
  padding: 1px 5px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (min-width: 768px) {
  section .video-1 .wpb_video_widget {
    margin-top: 249px;
    margin-left: 73px;
    position: relative;
  }
  section .video-1 .wpb_video_widget iframe {
    border-radius: 20px;
    z-index: 99999;
  }
  section .video-1 .wpb_video_widget:after {
    content: url("images/Video-BG-1.svg");
    position: absolute;
    top: -134px;
    left: -93px;
  }
}
@media (min-width: 768px) {
  section .video-2 .wpb_video_widget {
    margin-top: 249px;
    margin-left: 73px;
    position: relative;
  }
  section .video-2 .wpb_video_widget iframe {
    border-radius: 20px;
    z-index: 99999;
  }
  section .video-2 .wpb_video_widget:after {
    content: url("images/Video-BG-2.svg");
    position: absolute;
    top: -112px;
    left: 300px;
  }
}

/************************************************************************************************************
 *
 *  ORANGE BANNER
 *
 ************************************************************************************************************/
.orange-banner {
  background-color: #E84C0A;
}
.orange-banner * {
  color: #ffffff;
}
.orange-banner h3 {
  letter-spacing: 3px;
}
.orange-banner.stift-mit-linie:before {
  content: url("images/stift-mit-linie.svg");
  position: absolute;
  top: 100px;
  left: 100px;
}
@media (max-width: 1199px) {
  .orange-banner.stift-mit-linie:before {
    left: 20px;
  }
}
@media (max-width: 989px) {
  .orange-banner.stift-mit-linie:before {
    display: none;
  }
}
.orange-banner p b, .orange-banner p strong {
  background-color: #ffffff;
  color: #E84C0A;
  padding: 1px 5px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.orange-banner a.dt-btn {
  border: 1px solid #ffffff !important;
  background-color: #ffffff !important;
  color: #E84C0A !important;
  padding: 10px 20px;
  border-radius: 10px;
  white-space: nowrap;
  border-radius: 5px;
}
.orange-banner a.dt-btn span {
  line-height: 24px;
}
.orange-banner a.dt-btn:hover {
  border: 1px solid #ffffff !important;
  background-color: #E84C0A !important;
  color: #ffffff !important;
}

/************************************************************************************************************
 *
 *  CONTENT-1
 *
 ************************************************************************************************************/
.content-1 .wpb_wrapper {
  text-align: center;
}
.content-1 h3 {
  font-size: 35px;
  line-height: 42px;
  background: #E84C0A;
  color: #ffffff;
  padding: 4px 15px 5px 15px;
  position: relative;
  margin-bottom: 0;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (max-width: 1199px) {
  .content-1 h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .content-1 h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
.content-1 a.dt-btn {
  border: 1px solid #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  padding: 10px 20px;
  border-radius: 10px;
  white-space: nowrap;
  border-radius: 5px;
}
.content-1 a.dt-btn span {
  line-height: 24px;
}
.content-1 a.dt-btn:hover {
  border: 1px solid #E84C0A !important;
  background-color: #E84C0A !important;
  color: #ffffff !important;
}
.content-1 .text-with-arrow-right {
  margin-bottom: 37px;
}
.content-1 .text-with-arrow-right:after {
  content: url("images/arrow-1.svg");
  position: absolute;
  right: -15px;
  top: 49px;
}
@media (max-width: 767px) {
  .content-1 .text-with-arrow-right:after {
    display: none;
  }
}

/************************************************************************************************************
 *
 *  SPLASH
 *
 ************************************************************************************************************/
.splash > div {
  display: flex;
  justify-content: flex-end;
}
.splash > div > div {
  width: 280px !important;
  height: 240px !important;
  background-image: url("images/splash-gross.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
.splash > div > div * {
  color: #ffffff;
}
.splash > div .batch-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  height: 100%;
}
.splash > div .batch-1 > div {
  text-align: center;
  padding: 20px 60px 20px 20px;
  transform: rotate(-5deg);
}
.splash > div p {
  font-size: 18px;
  line-height: 22px;
}
.splash > div p b, .splash > div p strong {
  font-size: 25px;
  line-height: 30px;
  background-color: transparent;
  padding: 0;
  display: block;
}
.splash > div:before {
  content: url("images/book-gross.svg");
  position: absolute;
  right: 279px;
  top: -35px;
}

/************************************************************************************************************
 *
 *  TESTIMONIALS
 *
 ************************************************************************************************************/
.testimonials-carousel-shortcode .testimonial-item {
  background-color: #E84C0A;
  padding: 35px 25px 35px 95px !important;
  border-radius: 20px;
}
.testimonials-carousel-shortcode .testimonial-item p, .testimonials-carousel-shortcode .testimonial-item span {
  color: #ffffff !important;
}
.testimonials-carousel-shortcode .testimonial-item:before {
  content: url("images/testimonials-qm.svg");
  position: absolute;
  left: 27px;
  top: 35px;
}
.testimonials-carousel-shortcode .testimonial-item .testim-no-avatar {
  border-color: #ffffff;
}
.testimonials-carousel-shortcode .testimonial-item .testim-no-avatar svg * {
  fill: #ffffff;
}
.testimonials-carousel-shortcode .owl-nav .owl-prev, .testimonials-carousel-shortcode .owl-nav .owl-next {
  top: 25px !important;
  transform: none !important;
  left: 0 !important;
  position: relative;
  width: 56px;
  height: 56px;
}
.testimonials-carousel-shortcode .owl-nav .owl-next {
  margin-left: 8px;
}

/************************************************************************************************************
 *
 *  BILD MIT SONDERTEXT
 *
 ************************************************************************************************************/
.bild-mit-sondertext-1 .bild-text-grau-bg {
  position: absolute;
  bottom: 80px;
  left: 96px;
}
@media (max-width: 1400px) {
  .bild-mit-sondertext-1 .bild-text-grau-bg {
    bottom: 4vw;
    left: 8vw;
  }
}
@media (max-width: 989px) {
  .bild-mit-sondertext-1 .bild-text-grau-bg {
    bottom: 10vw;
    left: 15vw;
  }
}
@media (max-width: 670px) {
  .bild-mit-sondertext-1 .bild-text-grau-bg {
    bottom: 10vw;
    left: 120px;
  }
}
@media (max-width: 500px) {
  .bild-mit-sondertext-1 .bild-text-grau-bg {
    bottom: 0;
    left: 15px;
  }
}
.bild-mit-sondertext-1 .bild-text-grau-bg > div {
  padding: 30px;
  background-image: url("images/text-bg.svg");
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
.bild-mit-sondertext-1 .bild-text-grau-bg > div p {
  color: #ffffff;
  margin: 0 0 1px 0;
}

/************************************************************************************************************
 *
 *  BESTELLUNG
 *
 ************************************************************************************************************/
#bestellung .listen-container > div {
  position: relative;
}
#bestellung .listen-container > div:before {
  background-image: url("images/line-white.svg");
  position: absolute;
  left: 10%;
  top: 40px;
  width: 2px;
  height: 700px;
}
@media (max-width: 1199px) {
  #bestellung .listen-container > div:before {
    height: calc(100% - 110px);
  }
}
@media (max-width: 767px) {
  #bestellung .listen-container > div:before {
    height: calc(100% - 110px);
    left: 12%;
  }
}
@media (max-width: 670px) {
  #bestellung .listen-container > div:before {
    left: 15%;
    height: calc(100% - 130px);
  }
}
@media (max-width: 500px) {
  #bestellung .listen-container > div:before {
    height: 530px;
  }
}
#bestellung.uhr-rechts:before {
  content: url("images/clock-white.svg");
  position: absolute;
  bottom: 270px;
  right: 0;
}
@media (max-width: 989px) {
  #bestellung.uhr-rechts:before {
    display: none;
  }
}

/************************************************************************************************************
 *
 *  AKKORDEON
 *
 ************************************************************************************************************/
.my-accordeon .vc_tta-panels .vc_tta-panel {
  margin-bottom: 30px;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading, .my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
  border: none;
  background-color: #FAF5F3 !important;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
  border-radius: 10px !important;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading h4 a {
  padding: 20px 50px 20px 30px;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading h4 a .vc_tta-controls-icon {
  padding: 5px;
  top: 20px;
  width: 14px;
  height: 14px;
  transform: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #E84C0A;
  border-radius: 25px;
  border: 1px solid #E84C0A;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading h4 a .vc_tta-controls-icon:after {
  display: none;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading h4 a .vc_tta-controls-icon:before {
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  color: #FAF5F3;
  font-weight: 400;
  font-size: 23px;
  content: "+";
  border: none;
  font-style: normal;
  top: 8px;
  text-align: center;
  display: block;
  vertical-align: middle;
  position: relative;
  left: 0;
  display: none;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading h4 a .vc_tta-controls-icon svg path {
  fill: #FAF5F3;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
  padding: 20px 30px;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-body p a {
  margin-top: 20px;
  border: 1px solid #E84C0A !important;
  background-color: #E84C0A !important;
  color: #ffffff !important;
  padding: 10px 20px;
  border-radius: 10px;
  white-space: nowrap;
  text-decoration: none;
  transition: all 0.5s;
  display: inline-block;
}
.my-accordeon .vc_tta-panels .vc_tta-panel .vc_tta-panel-body p a:hover {
  border: 1px solid #E84C0A !important;
  background-color: #ffffff !important;
  color: #E84C0A !important;
}
.my-accordeon .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading {
  border-radius: 10px 0 0 10px !important;
}
.my-accordeon .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a .vc_tta-controls-icon {
  background-color: #FAF5F3;
}
.my-accordeon .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a .vc_tta-controls-icon:before {
  content: "\f068";
  font-size: 15px;
  color: #E84C0A;
}
.my-accordeon .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a .vc_tta-controls-icon svg path {
  fill: #E84C0A;
}
.my-accordeon .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body {
  border-radius: 0 10px 10px 0 !important;
}

/************************************************************************************************************
 *
 *  KONTAKT-Formular
 *
 ************************************************************************************************************/
#kontakt .gform_validation_errors {
  border: none;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.5);
}
#kontakt .gform_validation_errors h2 * {
  color: #E84C0A;
}
#kontakt form * {
  font-family: sweater-school, "Comic-Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
#kontakt form input[type=text] {
  padding: 30px 15px;
  border-radius: 5px;
  border: none;
}
#kontakt form select {
  border-radius: 5px;
  border: none;
  height: 60px;
  padding: 18px 15px;
}
#kontakt form .gfield--type-html {
  padding-top: 18px;
}
#kontakt form .gfield--type-checkbox {
  display: block;
  margin: 0 auto;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox .gchoice input[type=checkbox] {
  border-radius: 5px;
  border: none;
  box-shadow: none !important;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox .gchoice input[type=checkbox]:after {
  width: 9.6px;
  height: 16px;
  border-radius: 0;
  transform: translate(-50%, -85%) scale(0) rotate(45deg);
  background-color: transparent;
  box-shadow: 4px 4px 0 0 #ffffff;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox .gchoice input[type=checkbox]:checked {
  box-shadow: none;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox .gchoice input[type=checkbox]:checked:after {
  animation: toggleOnCheckbox 0.2s ease forwards;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox .gchoice input[type=checkbox]:checked:before {
  color: #E84C0A;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox .gchoice input[type=checkbox].filled:before {
  border-radius: 4px;
  transition: 0.2s border-color ease, 0.2s background-color ease;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox .gchoice input[type=checkbox].filled:checked:not(:disabled):before {
  background-color: #ffffff;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox .gchoice input[type=checkbox].filled:not(:disabled):after {
  box-shadow: 4px 4px 0 0 #ffffff;
}
#kontakt form .gfield--type-checkbox .gfield_checkbox label {
  color: #ffffff;
}
#kontakt form .gfield_checkbox label a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
#kontakt form .gform_footer {
  justify-content: center;
}
#kontakt form .gform_footer input[type=submit] {
  border: 1px solid #ffffff !important;
  background-color: #ffffff !important;
  color: #E84C0A !important;
  padding: 10px 20px;
  border-radius: 10px;
  white-space: nowrap;
  border-radius: 5px;
}
#kontakt form .gform_footer input[type=submit] span {
  line-height: 24px;
}
#kontakt form .gform_footer input[type=submit]:hover {
  border: 1px solid #ffffff !important;
  background-color: #E84C0A !important;
  color: #ffffff !important;
}
#kontakt form .gform_footer .gform-loader {
  height: 25px;
  width: 25px;
  border-block-end-color: #E84C0A;
  border-block-start-color: white;
  border-inline-end-color: #E84C0A;
  border-inline-start-color: white;
  block-size: 5px;
  border-block-end: 10px solid #000;
  border-block-start: 5px solid #fff;
  border-inline-end: 10px solid #fff;
  border-inline-start: 5px solid #000;
  border-radius: 50%;
  display: inline-block;
  font-size: 2px;
  inline-size: 5px;
}
#kontakt form .validation_message {
  color: #ffffff;
}
#kontakt.hefte-rechts:before {
  content: url("images/books-white.svg");
  position: absolute;
  bottom: 80px;
  right: 0;
}
@media (max-width: 1099px) {
  #kontakt.hefte-rechts:before {
    display: none;
  }
}

@keyframes toggleOnCheckbox {
  0% {
    opacity: 0;
    transform: translate(-50%, -85%) scale(0) rotate(45deg);
  }
  70% {
    opacity: 1;
    transform: translate(-50%, -85%) scale(0.9) rotate(45deg);
  }
  100% {
    transform: translate(-50%, -85%) scale(0.8) rotate(45deg);
  }
}
/************************************************************************************************************
 *
 *  UMWELTSCHUTZ
 *
 ************************************************************************************************************/
#umweltschutz .center-content {
  text-align: center;
}
#umweltschutz h3 {
  font-weight: 700;
}
#umweltschutz .globe-text {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
#umweltschutz .globe-text:before {
  content: url("images/globe-text.svg");
  position: absolute;
  top: 0;
  right: -190px;
}
@media (max-width: 767px) {
  #umweltschutz .globe-text:before {
    right: -70px;
  }
}
#umweltschutz .text-with-arrow-left {
  margin-bottom: 85px;
  position: relative;
}
#umweltschutz .text-with-arrow-left:after {
  content: url("images/arrow-2.svg");
  position: absolute;
  left: -15px;
  bottom: -55px;
}

/************************************************************************************************************
 *
 *  MOTIVATION
 *
 ************************************************************************************************************/
#motivation .center-content {
  text-align: center;
}
#motivation h3 {
  font-weight: 700;
}
#motivation .globe-text {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
#motivation .globe-text:after {
  content: url("images/arrow-3.svg");
  position: absolute;
  right: -237px;
  top: 28px;
}
@media (max-width: 989px) {
  #motivation .globe-text:after {
    display: none;
  }
}
#motivation .globe-text:before {
  content: " ";
  background-image: url("images/haus-text.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -25px;
  right: -150px;
  width: 336px;
  height: 143px;
}
@media (max-width: 989px) {
  #motivation .globe-text:before {
    right: -108px;
    width: 300px;
    height: 130px;
  }
}
@media (max-width: 767px) {
  #motivation .globe-text:before {
    right: -50px;
    width: 283px;
    height: 129px;
  }
}
@media (max-width: 550px) {
  #motivation .globe-text:before {
    right: -50px;
    width: 230px;
    height: 80px;
  }
}
#motivation .text-with-arrow-left {
  margin-bottom: 85px;
  position: relative;
}

/************************************************************************************************************
 *
 *  MEDIA-GALLERY
 *
 ************************************************************************************************************/
.media-gallery .owl-nav .owl-prev, .media-gallery .owl-nav .owl-next {
  top: 25 !important;
  transform: none !important;
  left: 0 !important;
  position: relative;
  width: 56px;
  height: 56px;
}
.media-gallery .owl-nav .owl-next {
  margin-left: 8px;
}

/************************************************************************************************************
 *
 *  LOGIN-Page
 *
 ************************************************************************************************************/
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel h6 {
  margin-bottom: 20px;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gform-body .gform_fields {
  row-gap: 0;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-text, #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-email {
  margin-bottom: 25px;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-text label, #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-email label {
  display: none;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-text input, #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-email input {
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: none !important;
  margin: 0 0 4px 0;
  box-shadow: none !important;
  height: auto !important;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-text input::placeholder, #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-email input::placeholder {
  font-size: 16px;
  line-height: 24px;
  color: #919191;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-text .validation_message, #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-email .validation_message {
  font-size: 12px;
  line-height: 13px;
  padding-left: 15px;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-select {
  margin-bottom: 25px;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-select label {
  display: none;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-select select {
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: none !important;
  margin: 0 0 4px 0;
  box-shadow: none !important;
  height: auto !important;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-select select::placeholder, #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-select select:invalid {
  font-size: 16px;
  line-height: 24px;
  color: #919191;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-select .gf_placeholder {
  color: #919191;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-select .validation_message {
  font-size: 12px;
  line-height: 13px;
  padding-left: 15px;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel form .gfield--type-html {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 24px;
  color: #919191;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form {
  background-color: #E84C0A;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .vc_tta-panel-heading {
  background-color: transparent !important;
  border: none !important;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .vc_tta-panel-heading * {
  color: #ffffff;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .vc_tta-panel-body {
  background-color: transparent !important;
  border: none !important;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .wpb_raw_html h6 {
  color: #ffffff;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form #gform_fields_login .gfield--type-text .validation_message {
  color: #ffffff;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form #gform_fields_login .ginput_container_checkbox {
  display: none;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .gform_footer {
  text-align: center;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .gform_footer input[type=submit] {
  background-color: #ffffff;
  color: #E84C0A;
  border: 1px solid #ffffff;
  border-radius: 5px;
  transition: all 0.5s;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .gform_footer input[type=submit]:hover {
  background-color: #E84C0A;
  color: #ffffff;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .gf_login_links {
  text-align: center;
  margin-top: 10px;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form .gf_login_links a {
  color: #ffffff;
  text-decoration: underline;
  font-size: 16px;
  line-height: 20px;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form {
  background-color: #FAF5F3;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .wpb_raw_html h6 {
  color: #000000;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gform_heading {
  display: none;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gfield--type-password {
  display: none !important;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gfield--type-consent {
  text-align: center;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gfield--type-consent input {
  box-shadow: none !important;
  border: 1px solid #919191;
  border-radius: 5px;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gfield--type-consent input:before {
  color: #919191;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gfield--type-consent label {
  color: #000000;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gfield--type-consent label a {
  color: #000000;
  text-decoration: underline;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gfield--type-html {
  color: #000000;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gfield_required {
  display: none;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gform_footer {
  justify-content: center;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gform_footer input[type=submit] {
  background-color: #E84C0A;
  color: #ffffff;
  border: 1px solid #E84C0A;
  border-radius: 5px;
  transition: all 0.5s;
}
#login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form .gform_footer input[type=submit]:hover {
  background-color: #ffffff;
  color: #E84C0A;
  border: 1px solid #E84C0A;
}
@media screen and (max-width: 989px) {
  #login-container .vc_tta-tabs-container {
    display: none !important;
  }
  #login-container .vc_tta-panel-heading {
    display: block !important;
    border: none !important;
  }
  #login-container .vc_tta-panel-heading a {
    padding: 25px;
    display: flex;
    justify-content: space-between;
  }
  #login-container .vc_tta-panel-heading a i.vc_tta-icon {
    /*position: absolute;
    right: 25px;
    top: 35px;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #login-container .vc_tta-panel-body {
    padding: 25px;
    border: none !important;
  }
}
@media screen and (min-width: 990px) {
  #login-container .vc_tta-tabs .vc_tta-tabs-container {
    display: none !important;
  }
  #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels {
    display: flex;
    flex-direction: row;
    gap: 35px;
    background-color: transparent;
    border: none;
  }
  #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel {
    width: calc(50% - 17.5px);
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.login-form {
    border-radius: 20px;
  }
  #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.register-form {
    border-radius: 20px;
  }
  #login-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
    display: block !important;
    padding: 50px;
  }
}

/************************************************************************************************************
 *
 *  SORTIMENT-TAB
 *
 ************************************************************************************************************/
.sortiment-tab .vc_tta-tabs-container {
  z-index: 10 !important;
  margin-bottom: -1px !important;
}
.sortiment-tab .vc_tta-tabs-container .vc_tta-tabs-list {
  display: flex !important;
}
.sortiment-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.sortiment-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
  border-color: #919191 !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #E84C0A !important;
  padding: 0 20px;
  height: 38px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.sortiment-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:before, .sortiment-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:after {
  display: none !important;
}
.sortiment-tab .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a {
  border-color: #E84C0A !important;
  border-bottom: 1px solid #ffffff !important;
  height: 50px;
}
.sortiment-tab .vc_tta-panels-container {
  z-index: 9 !important;
}
.sortiment-tab .vc_tta-panels-container .vc_tta-panels {
  border-color: #E84C0A !important;
  background-color: #ffffff !important;
  border-radius: 0 20px 20px 20px !important;
}
.sortiment-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  min-height: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  gap: 20px;
}
@media screen and (max-width: 989px) {
  .sortiment-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 550px) {
  .sortiment-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
    grid-template-columns: 1fr;
  }
}
.sortiment-tab .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body {
  padding: 30px !important;
  height: auto !important;
}

/************************************************************************************************************
 *
 *  DOWNLOAD-Buttons
 *
 ************************************************************************************************************/
.download-liste ul li {
  margin-bottom: 25px;
}
.download-liste ul li a {
  background-color: black;
  padding: 15px;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  margin: 15px 0 25px 0;
}

/************************************************************************************************************
 *
 *  FORM TO UPDATE SCHOOL PROFILE
 *
 ************************************************************************************************************/
.school-profile .gform_heading {
  display: none;
}
.school-profile form * {
  font-family: sweater-school, "Comic-Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.school-profile form .gform-body .gform_fields {
  row-gap: 0;
}
.school-profile form .gfield--type-section {
  border: none !important;
}
.school-profile form .gfield--type-text, .school-profile form .gfield--type-email {
  margin-bottom: 25px;
}
.school-profile form .gfield--type-text label, .school-profile form .gfield--type-email label {
  display: none;
}
.school-profile form .gfield--type-text input, .school-profile form .gfield--type-email input {
  font-size: 16px !important;
  line-height: 24px !important;
  width: 100% !important;
  padding: 15px !important;
  border-radius: 5px !important;
  border: none !important;
  margin: 0 0 4px 0;
  box-shadow: none !important;
  height: auto !important;
  background-color: #FAF5F3 !important;
}
.school-profile form .gfield--type-text input::placeholder, .school-profile form .gfield--type-email input::placeholder {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #919191 !important;
}
.school-profile form .gfield--type-text .validation_message, .school-profile form .gfield--type-email .validation_message {
  font-size: 12px;
  line-height: 13px;
  padding-left: 15px;
}
.school-profile form .gfield--type-select {
  margin-bottom: 25px;
}
.school-profile form .gfield--type-select label {
  display: none;
}
.school-profile form .gfield--type-select select {
  font-size: 16px !important;
  line-height: 24px !important;
  width: 100% !important;
  padding: 15px !important;
  border-radius: 5px !important;
  border: none !important;
  margin: 0 0 4px 0 !important;
  box-shadow: none !important;
  height: auto !important;
  background-color: #FAF5F3 !important;
}
.school-profile form .gfield--type-select select::placeholder, .school-profile form .gfield--type-select select:invalid {
  font-size: 16px;
  line-height: 24px;
  color: #919191;
}
.school-profile form .gfield--type-select .gf_placeholder {
  color: #919191;
}
.school-profile form .gfield--type-select .validation_message {
  font-size: 12px;
  line-height: 13px;
  padding-left: 15px;
}
.school-profile form .gfield--type-html {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 24px;
  color: #919191;
  background-color: #FAF5F3;
}
.school-profile form .gform_footer {
  justify-content: center;
}
.school-profile form .gform_footer input[type=submit] {
  background-color: #E84C0A !important;
  color: #ffffff !important;
  border: 1px solid #E84C0A !important;
  border-radius: 5px;
  transition: all 0.5s;
  box-shadow: none !important;
}
.school-profile form .gform_footer input[type=submit]:hover {
  background-color: #ffffff !important;
  color: #E84C0A !important;
  border: 1px solid #E84C0A !important;
}

/************************************************************************************************************
 *
 *  BETREUUER
 *
 ************************************************************************************************************/
.betreuer .betreuer-data {
  background-color: #e84c0a;
  padding: 32px 25px;
  border-radius: 20px;
}
.betreuer .betreuer-data * {
  color: #ffffff;
}
.betreuer .betreuer-data .wpb_text_column {
  margin: 0;
}

/************************************************************************************************************
 *
 *  CALCULATOR
 *
 ************************************************************************************************************/
#pricecalc *:not(h2):not(h3):not(h4):not(h5):not(h6):not(h2 span) {
  font-family: sweater-school, "Comic-Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
#pricecalc #kostenrechner > .vc_column-inner > .wpb_wrapper {
  padding: 45px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #FAF5F3;
  border-radius: 20px;
}
#pricecalc #kostenrechner > .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper > * {
  z-index: 99;
  margin-bottom: 25px;
}
#pricecalc #kostenrechner > .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper > *.pc-form-range {
  margin-bottom: 50px;
}
#pricecalc #kostenrechner > .vc_column-inner > .wpb_wrapper > .wpb_raw_code > .wpb_wrapper > *:last-child {
  margin-bottom: 0;
}
#pricecalc #kostenrechner > .vc_column-inner > .wpb_wrapper h6 {
  margin-bottom: 45px !important;
}
#pricecalc #kostenrechner > .vc_column-inner > .wpb_wrapper select.pc-select {
  font-size: 16px !important;
  line-height: 24px !important;
  width: 100% !important;
  padding: 15px !important;
  border-radius: 5px !important;
  border: none !important;
  margin: 0 0 4px 0 !important;
  box-shadow: none !important;
  height: auto !important;
  background-color: #ffffff !important;
}
#pricecalc #kostenrechner > .vc_column-inner > .wpb_wrapper .pc-form-range h5 {
  color: #000000;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper {
  background-color: #E84C0A;
  padding: 45px;
  border-radius: 20px;
  height: 100%;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code * {
  color: #ffffff;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code h6 {
  margin-bottom: 25px;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code .result-container {
  margin-top: 25px;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code .result-container h2 {
  font-weight: 400;
  background-color: #ffffff;
  color: #E84C0A;
  padding: 1px 5px;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code .result-container h2 * {
  color: #E84C0A;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code .info-container {
  display: flex;
  border-bottom: 1px dashed white;
  padding: 10px 0;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code .info-container .info-text {
  flex: 1 2 auto;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code .info-container .info-price {
  flex: 2 1 auto;
  text-align: right;
  font-weight: 700;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code .info-container .info-price:before {
  content: "€";
  margin-right: 5px;
}
#pricecalc #zusammenfassung > .vc_column-inner > .wpb_wrapper .wpb_raw_code .info-container.gewinn {
  border-bottom: none;
}
#pricecalc #zusammenfassung a.dt-btn {
  margin-top: 20px;
  border: 1px solid #ffffff !important;
  background-color: #ffffff !important;
  color: #E84C0A !important;
  padding: 10px 20px;
  border-radius: 10px;
  white-space: nowrap;
  text-decoration: none;
  transition: all 0.5s;
  display: inline-block;
  white-space: normal;
}
#pricecalc #zusammenfassung a.dt-btn:hover {
  border: 1px solid #ffffff !important;
  background-color: #E84C0A !important;
  color: #ffffff !important;
}

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


    FOOTER


 */
footer p, footer #bottom-bar * {
  font-size: 18px;
  line-height: 22px;
  font-family: sweater-school, "Comic-Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
footer p a, footer p span, footer #bottom-bar * a, footer #bottom-bar * span {
  text-decoration: none;
}
footer p a:hover, footer p span:hover, footer #bottom-bar * a:hover, footer #bottom-bar * span:hover {
  text-decoration: underline;
}
footer p a.f-icon, footer p span.f-icon, footer #bottom-bar * a.f-icon, footer #bottom-bar * span.f-icon {
  padding-left: 30px;
  position: relative;
}
footer p a.f-icon:before, footer p span.f-icon:before, footer #bottom-bar * a.f-icon:before, footer #bottom-bar * span.f-icon:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
}
footer p a.email:before, footer p span.email:before, footer #bottom-bar * a.email:before, footer #bottom-bar * span.email:before {
  content: url("images/f-icon-email.svg");
}
footer p a.phone:before, footer p span.phone:before, footer #bottom-bar * a.phone:before, footer #bottom-bar * span.phone:before {
  content: url("images/f-icon-phone.svg");
}
footer p a.fax:before, footer p span.fax:before, footer #bottom-bar * a.fax:before, footer #bottom-bar * span.fax:before {
  content: url("images/f-icon-fax.svg");
}
footer p a.mobil:before, footer p span.mobil:before, footer #bottom-bar * a.mobil:before, footer #bottom-bar * span.mobil:before {
  content: url("images/f-icon-mobil.svg");
}
footer p a.web:before, footer p span.web:before, footer #bottom-bar * a.web:before, footer #bottom-bar * span.web:before {
  content: url("images/f-icon-web.svg");
}
footer section h4 {
  padding-top: 20px;
  padding-bottom: 15px;
}
footer #bottom-bar #bottom-menu {
  display: block !important;
}
footer #bottom-bar .menu-select {
  display: none !important;
}
@media screen and (max-width: 767px) {
  footer #bottom-bar .wf-container-bottom {
    flex-direction: column-reverse;
  }
  footer #bottom-bar .wf-container-bottom > div {
    margin-bottom: 20px;
  }
}

.scroll-top {
  background-color: #E84C0A;
}

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