/*!
Theme Name:    Norbert Klein Project
Author:        Dreamland GmbH & Co. KG
Author URI:    https://www.dreamland.de
Description:   Dreamland Preview Theme
Version:       1.0.0
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/


.site-title{
  display: none;
}

/* Nevigation - Hintergrundtextur */
.wpbf-nav-wrapper {
    padding-top: 15px !important;
    padding-bottom: 55px !important;
}

.wpbf-navigation:not(.wpbf-navigation-transparent):not(.wpbf-navigation-active) {
  background: none !important;
  position: relative;
  overflow: hidden;
}

.wpbf-navigation:not(.wpbf-navigation-transparent):not(.wpbf-navigation-active)::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 20%; 
  right: -70px;
  height: 100%; 
  background: url("../../uploads/2025/08/menu-scaled.png")
              no-repeat;
  background-size: 200% 150%;
  z-index: 0;
}

.wpbf-navigation .wpbf-menu > .current-menu-item > a {
    color: #6FCBFB !important;
}
.wpbf-navigation .wpbf-menu > .current-menu-item > a:hover {
    color: #fff !important;
}

@media (max-width: 1024px){
.wpbf-mobile-menu .current-menu-item > a {
color: #6FCBFB !important;
}
}

@media (max-width: 1024px){
.wpbf-mobile-menu a:hover {
color: #000 !important;
}
}

/* Wenn aktiver Link zur echten CD-Shop Seite führt → weiß */
.wpbf-navigation .wpbf-menu > .current-menu-item > a[href*="cd-shop"] {
    color: #ffffff !important;
}
@media (max-width: 1024px){
.wpbf-mobile-menu > .current-menu-item > a[href*="cd-shop"] {
color: #000 !important;
}
}

@media (max-width: 1200px){
.wpbf-navigation .wpbf-menu a {
    font-size: 18px;
}
}

@media (max-width: 1024px){
.wpbf-navigation:not(.wpbf-navigation-transparent):not(.wpbf-navigation-active)::before {
 left: 75%;
 z-index: -1;
}
}
@media (max-width: 700px){
.wpbf-navigation:not(.wpbf-navigation-transparent):not(.wpbf-navigation-active)::before {
 left: 67%;
 z-index: -1;
}
}
@media (max-width: 500px){
.wpbf-navigation:not(.wpbf-navigation-transparent):not(.wpbf-navigation-active)::before {
 left: 60%;
 z-index: -1;
}
}

button#wpbf-mobile-menu-toggle{
  font-size: 30px;
}

.wpbf-mobile-menu-toggle, .wpbf-menu-toggle {
    margin-right: 5%;
    margin-bottom: 20px;
}


/* ===== HERO SECTION ===== */
#inner-content{
  padding-top: 10px;
}

.hero-row {
  position: relative;
  overflow: visible;
  padding: 0;
  margin-bottom: -100px;
}

/* Mann links – groß & leicht am Rand */
.hero-man {
  position: relative;
  width: 140%;
  max-width: 1600px;
  height: auto;
  transform: translate(-10%, 10%);
  pointer-events: none;
}
.hero-left{
  z-index: 0;
}

/* Rechte Spalte (bleibt im Layout) */
.hero-right {
  position: relative;
  text-align: left;
  z-index: 4;
  margin-bottom: -90px;
}

/* Inhalt der rechten Spalte – Button, Pfeil, CD */
.hero-right-inner {
  position: relative;
  transform: translateX(10%);
}

/* CD weiter nach außen */
.hero-cd {
  position: relative;
  width: 370px;
  height: auto;
  transform: translateX(25%); /* vorher 35% → jetzt weiter außen */
  z-index: 3;
  margin-bottom: 0px;
}

/* Button & Pfeil */
.demo-btn .vc_btn3{
 font-size: 18px;
}

  .arrow-down{
  width: 80px
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .hero-row {
    margin-bottom: -52px;
  }
  .hero-man {
    width: 130%;
    max-width: 900px;
    transform: translate(-5%, 8%);
  }

  .hero-cd {
    width: 270px;
    transform: translateX(35%);
  }
  
  .demo-btn .vc_btn3{
   font-size: 15px;
  }
  
  .arrow-down{
    width: 60px
  }
}

@media (max-width: 768px) {
  .hero-man {
    display: none;
  }

  .hero-row {
    margin-bottom: -100px;
    overflow: visible;
    text-align: center;
    padding: 60px 0;
  }

  .hero-right-inner {
    transform: none;
  }

  .hero-right {
    text-align: center;
  }

  .hero-cd {
    width: 65%;
    margin: 0 auto;
    transform: none;
    margin-bottom: 30px;
  }

}

@media (max-width: 425px) {
.hero-row {
  margin-bottom: -50px;
}
}




/* Timeline Hintergrundfarbe */
.Background__Base-sc-fd94690c-1.kinpGA.es-background-base {
background-color: transparent !important;
}
/* Timeline Padding */
.WidgetBackground__Wrapper-sc-8c496346-1.fvkAQn{
padding-left: 0px !important;
padding-right: 0px !important;
}

.es-action-button{
border-radius: 0px !important;
color:#000 !important;
border-color: #000 !important;
}

.es-event-card-content-image{
  max-width: 390px!important;
}


/* Artists */
.artist-names.vc_inner {
  color: #000;
}


/* Impressionen Slider-Icons */
/* Standard-Icons von WPBakery ausblenden */
a.vc_carousel-control .icon-prev,
a.vc_carousel-control .icon-next,
a.vc_carousel-control .vc_icon {
  display: none !important;
}

/* Rechter Pfeil */
a.vc_right.vc_carousel-control {
  background: transparent url("../../uploads/2025/08/circle-chevron-right-solid-full-1.svg") no-repeat center center !important;
  background-size: 40px 40px !important;
  width: 40px;
  height: 40px;
  border: none;
    opacity: 1;
}

/* Linker Pfeil */
a.vc_left.vc_carousel-control {
  background: transparent url("../../uploads/2025/08/circle-chevron-left-solid-full.svg") no-repeat center center !important;
  background-size: 40px 40px !important;
  width: 40px;
  height: 40px;
    opacity: 1;
}

/* Hover: blaue Version */
a.vc_right.vc_carousel-control:hover {
  background-image: url("../../uploads/2025/08/circle-chevron-right-solid-full-blue.svg") !important;
    opacity: 1;
}
a.vc_left.vc_carousel-control:hover {
  background-image: url("../../uploads/2025/08/circle-chevron-left-solid-full-blue.svg") !important;
    opacity: 1;
}

/* Footer*/
.wpbf-padding-medium {
    padding-top: 40px;
    padding-bottom: 0;
}
.wpbf-inner-footer {
    border-top: none;
}







/* CD Hero Rotation */

/* 1) CD-Bild nach vorn und klickbar machen */
.hero-cd,
.hero-cd .vc_single_image,
.hero-cd .vc_single_image-wrapper,
.hero-cd .vc_single_image-wrapper img{
  pointer-events: auto !important;
  cursor: pointer;
}

/* 2) Häufiger Übeltäter: pseudo-overlays der Single Image Box */
.hero-cd .vc_single_image::before,
.hero-cd .vc_single_image::after,
.hero-cd .vc_single_image-wrapper::before,
.hero-cd .vc_single_image-wrapper::after{
  pointer-events: none !important;
}

/* 3) Falls ein Nachbar-Element überlappt: dessen Klicks deaktivieren */
.hero-right .hero-man,
.hero-right .arrow-down{
  pointer-events: none;          /* nimmt diesen Overlays die Klickfläche */
}


/* 5) Endlos-Drehung (wenn Klick ankommt, Klasse wird gesetzt) */
.hero-cd .vc_single_image-wrapper img.is-spinning{
  animation: cd-spin 4s linear infinite;
  transform-origin: 50% 50%;
  will-change: transform;
}
@keyframes cd-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce){
  .hero-cd .vc_single_image-wrapper img.is-spinning{ animation: none; }
}






  
  @media (max-width: 655px) {
.hero-next .vc_column-inner,
.rand-oben .vc_column-inner{
    margin-bottom: -5px;
  }
  }
  @media (max-width: 555px) {
  .hero-next .vc_column-inner,
  .rand-oben .vc_column-inner{
      margin-bottom: -10px;
    }
    }
    @media (max-width: 455px) {
    .hero-next .vc_column-inner,
    .rand-oben .vc_column-inner{
        margin-bottom: -15px;
      }
      }
      @media (max-width: 365px) {
      .hero-next .vc_column-inner,
      .rand-oben .vc_column-inner{
          margin-bottom: -20px;
        }
        }
        


.es-widget-background-wrapper{
  padding: 0px !important;
}

.es-event-card-container{
  background: #6FCBFB !important;
  border-radius: 0px !important;
}

.marker-label__Wrapper-sc-af96ab7c-0.drGrpA.es-marker-label-wrapper,
.es-marker-label-wrapper:hover{
  background: #6FCBFB !important;
  border-radius: 0px !important;
}

.es-marker-container{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.es-event-card-content-title,
.es-event-card-content-text{
  color: #000!important;
}

.trailing-fill-track__Track-sc-3db9dc4b-0{
  background-color: #fff !important;
  width: 800px !important;
}
.es-marker-point{
  background-color: #fff !important; 
}

.marker__Point-sc-230cef2b-1.ilbUxW.es-marker-point{
  background-color: #6FCBFB !important; 
}

.marker-label__Title-sc-af96ab7c-1.dDRgYa.es-marker-label-title{
  color: #000!important;
}

.es-slider-fog-wrapper::after{
  background: transparent !important;
}

.es-carousel-track-fog::after,
.es-carousel-track-fog::before{
  background: transparent !important;
}

.es-event-card-content-image{
  border-radius: 0px !important;
}



.eapp-photo-gallery-photo-gallery-component{
  background-color: transparent !important;
}

/* Kontaktformular */
.cd-form {
  max-width: 900px;
}

.form-row {
  margin-bottom: 20px;
}

.two-cols,
.three-cols {
  display: flex;
  gap: 20px;
}

.form-col {
  flex: 1;
}

.street {
  flex: 2; /* Straße breiter */
}

.small {
  flex: 1;
}


.cd-form select {
    color: #a7acb0;
}

.cd-form select:focus,
.cd-form select:active {
    color: #000;
}




.form-hinweis {
  color: #6FCBFB;
  font-size: 14px;
  margin: 10px 0 25px 0;
}

.form-submit-row {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}

.form-submit input[type="submit"] {
  background: transparent!important;
  border: 2px solid #fff!important;
  color: #fff!important;
  padding: 12px 28px;
  font-size: 16px;
  cursor: pointer;
}

.form-submit input[type="submit"]:hover {
  border: 2px solid #6FCBFB!important;
  color: #6FCBFB!important;
}

.form-image img {
  max-width: 110px;
  height: auto;
  display: block;
}

.wpcf7-select {
  padding: 18px!important;
}


/* Footer CD-Shop */
.footer-fullwidth-image {
    width: 100%;
    line-height: 0;
}

.footer-fullwidth-image img {
    width: 100%;
    height: auto;
    display: block;
}