/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
#site-header, #content .page-header {
  display: none;
}
.transition, .top-preis-bar-text .fake-link, a, .share-link a, .arrow .arrow-text {
  -webkit-transition: all 1s;
  /* Safari and older Chrome */
  -moz-transition: all 1s;
  /* Older Firefox */
  -o-transition: all 1s;
  /* Older Opera */
  transition: all 1s;
  /* Standard */
}
p {
  hyphens: auto;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2 !important;
}
header .elementor-icon-list-items li:last-child span {
  color: #333 !important;
}
header .elementor-icon-list-items li:nth-child(-n +2) span {
  font-weight: 700;
}
header .menu-item-home {
  display: none !important;
}
header .social-menu .separator {
  height: 0;
  margin: 0;
  width: 100%;
}
/* Styling for the animated price bar */
.top-preis-bar-wrapper {
  background-color: #f5f5f5;
  padding: 10px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  position: fixed;
  width: 100%;
  z-index: 301;
}
.top-preis-bar-wrapper a {
  display: inline-flex;
  align-items: center;
  animation: marquee 30s linear infinite;
}
.top-preis-bar-text {
  font-size: 14px;
  color: #666 !important;
  font-weight: 300;
  margin: 0 0 0 15px;
}
.top-preis-bar-text:not(:last-child)::after {
  content: "|";
  margin-left: 15px;
  font-weight: 300 !important;
}
.top-preis-bar-text .bold, .top-preis-bar-text.start-text {
  font-weight: 700;
}
.top-preis-bar-text .fake-link {
  color: #D5B055;
}
.top-preis-bar-text .fake-link:hover {
  color: #333;
}
@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@media only screen and (min-width: 992px) {
  .bottom-header {
    display: none !important;
  }
}
.bottom-header .sub-arrow {
  display: block;
  float: right;
}
.bottom-header .sub-arrow svg {
  fill: white;
}
.bottom-header .sub-menu {
  background-color: #333 !important;
  margin-bottom: 10px !important;
}
.bottom-header .sub-menu .elementor-sub-item {
  padding: 5px 20px;
}
.bottom-header .elementor-nav-menu--dropdown {
  background-color: #333 !important;
}
.bottom-header .elementor-nav-menu--dropdown ul {
  background-color: #333 !important;
}
.content {
  padding: 0 !important;
}
.innercontent {
  margin-top: -28px;
}
.innercontent .headline-h1 h1 {
  margin: 50px 0 30px 0;
}
@media only screen and (max-width: 400px) {
  .innercontent .headline-h1 h1 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}
.innercontent .goldback {
  background-color: #D5B055;
  padding: 20px;
  color: white;
}
.e-con-inner {
  padding: 0 !important;
}
.preiswrapper .preiscontainer {
  display: flex;
  flex-wrap: wrap;
  /* Allows elements to wrap to the next line */
  gap: 20px;
}
.preiswrapper .preiscontainer .price-card {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .preiswrapper .preiscontainer .price-card {
    flex: 1 1 48%;
  }
}
.preiswrapper .preiscontainer .preisschild {
  width: 100%;
  height: auto;
  border: 1px solid #eee;
  background-color: #f7f7f7;
  background-image: linear-gradient(#f7f7f7, #eee);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  float: left;
  padding: 20px;
  padding-bottom: 0px;
  min-height: 190px;
}
.preiswrapper .preiscontainer .preisschild * {
  font-size: 16px;
}
.preiswrapper .preiscontainer .preisschild .preiseinheit {
  border-bottom: 1px solid #aaa;
  padding-bottom: 10px;
  font-weight: 700;
}
.preiswrapper .preiscontainer .preisschild .value {
  float: right;
  font-weight: 700;
}
.preiswrapper .preiscontainer .preisschild .preiserabatt {
  font-weight: 700;
}
.preiswrapper .preiscontainer .preisschild .preiserabatt .teaser {
  display: inline-block;
  padding: 4px 8px;
  background-color: #d5b055;
  margin-left: 20px;
  font-weight: 900;
  color: white;
  font-size: 24px;
  transform: rotate(-3deg);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.preiswrapper .preiscontainer .preisschild .preisegold {
  border-bottom: 1px solid #aaa;
  padding-bottom: 10px;
}
.preiswrapper .preisnotes {
  margin-top: 20px;
}
.preiswrapper .preisnotes p {
  margin-bottom: 5px;
}
h1 span {
  color: #D5B055;
}
h1 span.subline {
  font-size: 24px;
  line-height: 28px;
  color: #333;
  display: block;
  margin: 20px 0 10px 0;
}
footer p {
  margin: 0;
}
footer .footer-col-middle {
  margin: 12px 0 3px 0;
}
footer .e-con-inner {
  padding: 50px 0 !important;
}
footer a:hover {
  color: white !important;
}
#site-footer {
  display: none;
}
.bottom-marquee-space {
  background-color: #D5B055;
  z-index: 1000;
  padding: 3px 0 0 0 !important;
}
.bottom-marquee-space marquee {
  color: white;
  font-weight: 700;
}
.teaser-text {
  background-color: #d8af4a;
  margin-bottom: 50px;
}
.teaser-text .sppb-addon-content {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 1vw;
  padding-bottom: 3vw;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .teaser-text .sppb-addon-content {
    padding-top: 0.5vw;
    padding-bottom: 0.25vw;
  }
}
@media (min-width: 1200px) {
  .teaser-text .sppb-addon-content {
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
  }
}
.teaser-text .sppb-addon-content > div {
  text-align: center;
  color: white;
  font-weight: 400;
  position: relative;
}
.teaser-text .teaser-text-a {
  background-color: white;
  color: #d8af4a !important;
  margin-bottom: 1vw;
  font-size: 9vw;
  line-height: 12vw;
  font-weight: 900 !important;
}
.teaser-text .teaser-text-b {
  font-weight: 600 !important;
  font-size: 6vw;
  line-height: 7.5vw;
}
.teaser-text .teaser-text-c {
  font-weight: 600 !important;
  font-size: 15.1vw;
  line-height: 11.5vw;
}
.teaser-text .teaser-text-d {
  font-weight: 600 !important;
  font-size: 6.8vw;
  line-height: 9.5vw;
}
.teaser-text .teaser-text-e {
  font-weight: 900 !important;
  font-size: 9.8vw;
  line-height: 7.5vw;
}
@media (min-width: 768px) and (max-width: 991px) {
  .teaser-text .teaser-text-a {
    font-size: 69px;
    line-height: 90px;
  }
  .teaser-text .teaser-text-b {
    font-size: 46px;
    line-height: 57px;
  }
  .teaser-text .teaser-text-c {
    font-size: 116px;
    line-height: 88px;
  }
  .teaser-text .teaser-text-d {
    font-size: 52px;
    line-height: 73px;
  }
  .teaser-text .teaser-text-e {
    font-size: 75px;
    line-height: 58px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .teaser-text .teaser-text-a {
    font-size: 28px;
    line-height: 39px;
    margin-bottom: 0.75vw;
  }
  .teaser-text .teaser-text-b {
    font-size: 18.5px;
    line-height: 12px;
  }
  .teaser-text .teaser-text-c {
    font-size: 47px;
    line-height: 49px;
  }
  .teaser-text .teaser-text-d {
    font-size: 21.5px;
    line-height: 15px;
  }
  .teaser-text .teaser-text-e {
    font-size: 31px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .teaser-text .teaser-text-a {
    font-size: 34.5px;
    line-height: 43px;
    margin-bottom: 0.5vw;
  }
  .teaser-text .teaser-text-b {
    font-size: 23px;
    line-height: 18px;
  }
  .teaser-text .teaser-text-c {
    font-size: 58px;
    line-height: 56px;
  }
  .teaser-text .teaser-text-d {
    font-size: 26.5px;
    line-height: 23px;
  }
  .teaser-text .teaser-text-e {
    font-size: 38px;
    line-height: 42px;
  }
}
.aktie-aktuell h3 {
  font-size: 18px;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid white;
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  color: white;
}
.aktie-aktuell p {
  color: white;
  font-weight: 700;
}
@media only screen and (min-width: 992px) {
  .header-menu {
    height: 97px;
  }
}
@media only screen and (min-width: 1400px) {
  .header-menu {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .social-menu {
    height: 21px;
  }
}
.language-menu {
  margin-top: -15px;
  position: relative;
  z-index: 10;
}
.elementor-shortcode .trp-language-switcher-container {
  width: auto;
}
.elementor-shortcode .trp-ls-shortcode-current-language {
  width: auto !important;
  border: none;
}
.elementor-shortcode .trp-ls-shortcode-language {
  width: auto !important;
  border: none;
}
.elementor-shortcode .trp-ls-shortcode-current-language a, .elementor-shortcode .trp-ls-shortcode-language a {
  text-align: right;
  font-weight: 400;
  background-color: white;
  padding: 0;
}
.elementor-shortcode .trp-ls-shortcode-current-language a:hover, .elementor-shortcode .trp-ls-shortcode-language a:hover {
  text-align: right;
  font-weight: 400;
  background-color: white;
  padding: 0;
  color: #d8af4a !important;
}
.elementor-element-2a9af7b {
  height: 0;
}
@media only screen and (min-width: 992px) {
  .elementor-element-2a9af7b {
    height: auto;
  }
}
.trp-ls-shortcode-current-language {
  padding: 0 !important;
}
.trp-ls-shortcode-language {
  padding: 0 !important;
}
@media only screen and (min-width: 992px) {
  .trp-language-switcher-container:hover {
    width: auto !important;
  }
  .trp-language-switcher-container:hover .trp-ls-shortcode-current-language {
    display: none !important;
    padding: 0 !important;
  }
  .trp-language-switcher-container:hover .trp-ls-shortcode-language {
    width: auto !important;
    position: relative !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }
  .trp-language-switcher-container:hover .trp-ls-shortcode-language a {
    display: inline-block !important;
    width: auto !important;
    margin-left: 20px;
  }
}
.elementor-menu-toggle {
  margin-top: -16px !important;
}
.elementor-nav-menu--dropdown {
  margin: 0 !important;
  padding: 0 !important;
  top: 23px !important;
}
.elementor-nav-menu--dropdown ul {
  background-color: black;
  padding: 20px 0;
}
.elementor-nav-menu--dropdown ul li {
  background: none !important;
}
.elementor-nav-menu--dropdown ul li a {
  background: none !important;
  color: white !important;
  text-align: center !important;
  display: block !important;
}
.elementor-nav-menu--dropdown ul li a:hover {
  color: #d8af4a !important;
}
.elementor-nav-menu--main .menu-item a {
  font-size: 11.3px !important;
  margin: 0 7px !important;
}
@media only screen and (min-width: 1200px) {
  .elementor-nav-menu--main .menu-item a {
    font-size: 11.3px !important;
    margin: 0 7px !important;
  }
}
@media only screen and (min-width: 1400px) {
  .elementor-nav-menu--main .menu-item a {
    font-size: 11.3px !important;
    margin: 0 4px !important;
  }
}
.elementor-nav-menu--main .menu-item.menu-item-977 {
  display: none !important;
}
@media only screen and (min-width: 1200px) {
  .elementor-nav-menu--main .menu-item.menu-item-977 {
    display: flex !important;
  }
}
.elementor-nav-menu--main .menu-item.menu-item-978 {
  display: none !important;
}
@media only screen and (min-width: 1070px) {
  .elementor-nav-menu--main .menu-item.menu-item-978 {
    display: flex !important;
  }
}
.elementor-nav-menu--main .menu-item.menu-item-976::after {
  display: none !important;
}
@media only screen and (min-width: 1070px) {
  .elementor-nav-menu--main .menu-item.menu-item-976::after {
    display: flex !important;
  }
}
/* Hide fullscreen button */
video::-webkit-media-controls-fullscreen-button {
  display: none !important;
}
/* Hide volume controls */
/* Hide picture-in-picture button */
video::-webkit-media-controls-pip-button {
  display: none !important;
}
/* Hide playback speed settings */
video::-webkit-media-controls-playback-rate-button {
  display: none !important;
}
/* Keep the timeline and play button visible */
video::-webkit-media-controls {
  overflow: hidden !important;
}
input[aria-haspopup="menu"] {
  display: none !important;
}
div[popover="auto"][role="menu"] {
  display: none !important;
}
.animated-0 {
  display: none !important;
}
video::-webkit-media-controls div[pseudo="-internal-media-controls-overflow-menu-list"] {
  display: none !important;
}
#video-1-buttons {
  width: 100%;
  height: 12%;
  overflow: visible;
  position: absolute;
  top: 40vw;
}
#video-1-buttons .video-button-1 {
  width: 35.3%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 6.1%;
}
#video-1-buttons .video-button-2 {
  width: 35.3%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 5.7%;
}
#video-1-buttons .video-logo {
  display: none;
  width: 2%;
  height: 30%;
  position: absolute;
  right: 1.2%;
  bottom: -95%;
}
#video-2-buttons {
  width: 100%;
  height: 14.4%;
  overflow: visible;
  position: absolute;
  top: 32.3vw;
}
#video-2-buttons .video-button-1 {
  width: 27%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 18.7%;
}
#video-2-buttons .video-button-2 {
  width: 27%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 17.3%;
}
#video-3-buttons {
  width: 100%;
  height: 14.4%;
  overflow: visible;
  position: absolute;
  top: 32.2vw;
}
#video-3-buttons .video-button-1 {
  width: 25.3%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 22.7%;
}
#video-3-buttons .video-button-2 {
  width: 25.3%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 22.7%;
}
.share-link a {
  font-weight: 400 !important;
}
.share-link a:hover {
  color: #333 !important;
}
.elementor-share-btn_email span {
  background-color: #008BFF !important;
}
.controls {
  top: -20px;
  background-color: #000;
  /* Black background */
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  /* Play/Pause button styles */
  /* Initially show the play icon, hide the pause icon */
  /* Wrapper for the range sliders */
  /* Time range input (seek bar) - timeline */
  /* Volume control */
}
.controls button {
  background: none !important;
  border: none;
  color: white;
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
}
.controls button svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  /* Space between icon and text */
  color: white;
  fill: white;
  /* Make sure the icons are white */
}
.controls #playIcon {
  display: inline;
}
.controls #pauseIcon {
  display: none;
}
.controls .sliders {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  /* Take available space */
}
.controls #timeRange {
  flex-grow: 1;
  /* Timeline slider takes up remaining space */
  margin: 0 10px;
  background-color: #333;
  border: none;
  height: 6px;
  /* Webkit browsers (Chrome, Safari, Edge) */
  /* Firefox */
}
.controls #timeRange:focus {
  outline: none;
}
.controls #timeRange::-webkit-slider-runnable-track {
  height: 6px;
  background-color: #fff;
}
.controls #timeRange::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  /* Add border for the thumb */
}
.controls #timeRange::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  /* Add border for the thumb */
}
.controls .volume-icon {
  width: 24px;
  margin-right: 10px;
  /* Space between icon and slider */
  cursor: pointer;
  color: white;
  fill: white;
  /* Make sure the volume icon is white */
}
.controls #volumeControl {
  width: 10%;
  /* Volume slider set to 10% width */
  background-color: #333;
  border: none;
  height: 6px;
  margin-right: 10px;
  /* Space between volume slider and timeline */
  /* Webkit browsers (Chrome, Safari, Edge) */
  /* Firefox */
}
.controls #volumeControl:focus {
  outline: none;
}
.controls #volumeControl::-webkit-slider-runnable-track {
  height: 6px;
  background-color: #fff;
}
.controls #volumeControl::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  /* Add border for the thumb */
}
.controls #volumeControl::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  /* Add border for the thumb */
}
.controls input[type="range"]::-webkit-slider-thumb {
  margin-top: -5px;
}
.arrow {
  font-size: 16px;
  font-weight: 700;
  color: white;
  text-align: center;
  overflow: visible;
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: -30px;
  max-width: 500px;
  width: 100%;
  height: 25px;
  background: #d5b055;
  background: linear-gradient(90deg, rgba(213, 176, 85, 0) 0%, #d5b055 50%);
}
.arrow .arrow-right {
  position: absolute;
  width: 160px;
  height: 50px;
  right: 0px;
  top: -25px;
  background: white;
  overflow: hidden;
}
.arrow .arrow-right .arrow-right-inner {
  position: absolute;
  width: 200px;
  height: 50px;
  background: #D5B055;
  transform: rotate(17deg);
  right: 0;
  bottom: -21.5px;
}
.arrow .arrow-text {
  display: block;
  position: relative;
  bottom: 0;
}
.arrow:hover .arrow-text {
  color: #333;
}
.elementor-accordion-item {
  border-left: none !important;
  border-right: none !important;
}
.elementor-accordion-item .elementor-accordion-icon-closed, .elementor-accordion-item .elementor-accordion-icon-opened {
  display: none !important;
}
.header {
  padding: 0;
}
.header > .e-con-inner {
  max-width: none;
}
.header .inner-header {
  width: calc(100% - 15.2%);
  max-width: 1140px;
  background-color: white !important;
}
@media only screen and (max-width: 991px) {
  .header .inner-header {
    border-bottom: 22px solid #333;
  }
}
.content {
  padding: 0;
}
#content {
  margin-top: -11px;
}
@media only screen and (min-width: 992px) {
  #content {
    margin-top: -22px;
  }
}
#content .slider {
  top: auto;
  margin: 0;
}
#content .slider .swiper {
  aspect-ratio: 2.5;
}
#content .slider .swiper .swiper-slide {
  aspect-ratio: 2.5;
  height: auto;
}
#content .slider .swiper .swiper-slide .swiper-slide-bg {
  aspect-ratio: 2.5;
}
#content .freespace {
  aspect-ratio: 2.5;
  width: 100%;
  min-height: unset !important;
}
#content .content .e-con-inner {
  width: calc(100% - 15.2%);
  margin: auto;
}
#content .innercontent {
  margin-top: 0px;
}
@media only screen and (min-width: 992px) {
  #content .innercontent {
    margin-top: 0px;
  }
}
footer {
  padding: 0;
  background: none !important;
}
footer > .e-con-inner {
  background-color: #333;
  width: calc(100% - 15.2%) !important;
  max-width: 1140px !important;
}
.slider {
  position: static;
}