/*
Theme Name: Hello Elementor Child
*/

/* =======================================
   GLOBAL BASICS
======================================= */
:root{
  /* Karten mobil */
  --cp-card-w-mobile: 78%;
  --cp-card-max-mobile: 320px;

  /* Standort-UI */
  --loc-max: 860px;          /* max. Breite der Location-Zeile */
  --loc-pad-x: 8px;          /* horizontales Padding des Wrappers */
  --loc-input-pad-v: 12px;   /* vertikales Padding im Input (für Button-Höhe) */

  /* Farben */
  --btn-bg: var(--e-global-color-d49ac81, #3598DB);
  --btn-fg: #fff;
}

/* ÜBERSCHRIFT AMELIA ANZAHL FREIZEITAKTIVITÄTEN AUSBLENDEN */
.hidden,
.am-els__available { display: none !important; } 



.centerContent { text-align: center; }

html, body { overflow-x: hidden; }
* { box-sizing: border-box; }

/* =======================================
   SHORTCODE-CONTAINER
======================================= */
.comPartnerMainWrap,
#commCreatorWrap{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.comPartnerWrap{
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

/* =======================================
   STANDORT-UI – EINHEITLICH (Creator & Partner)
   Wrapper: gleiche Breite, Input 100%, Button einheitlich
======================================= */

/* Gleiche Wrapper-Breite für beide Shortcodes (Elementor-Schutz) */
#commCreatorWrap .locationInputWrap,
.comPartnerMainWrap .locationInputWrap{
  position: relative;
  margin: 0 auto 1rem !important;
  padding: 0 var(--loc-pad-x) !important;
  width: 100% !important;
  max-width: var(--loc-max) !important;
}

/* Input: identisch bei beiden */
#commCreatorWrap #location-input,
.comPartnerMainWrap #partner-location-input{
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: var(--loc-input-pad-v) 16px;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  outline: none;
  background: #fff;
  font-family: var(--e-global-typography-44ebb6b-font-family, system-ui, sans-serif);
  font-size: 16px;
  line-height: 1.3;
}

/* Button (Grundstil) – gleiche Optik */
#commCreatorWrap #detect-location,
.comPartnerMainWrap #partner-detect-location{
  border: 0;
  border-radius: 5px;
  padding: 10px 14px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  background: var(--btn-bg);
  color: var(--btn-fg) !important;
  line-height: 1.1;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  white-space: nowrap;
}

/* Button – Textfarbe konstant */
#commCreatorWrap #detect-location,
#commCreatorWrap #detect-location:hover,
#commCreatorWrap #detect-location:focus,
#commCreatorWrap #detect-location:active,
.comPartnerMainWrap #partner-detect-location,
.comPartnerMainWrap #partner-detect-location:hover,
.comPartnerMainWrap #partner-detect-location:focus,
.comPartnerMainWrap #partner-detect-location:active{
  color:#fff !important;
}

/* Standort-Text (identisch) – wird per JS sichtbar gemacht */
#commCreatorWrap #selected-location,
.comPartnerMainWrap #partner-selected-location{
  display:none;
  margin: 8px 0 12px;
  text-align: center;
  color: var(--e-global-color-secondary);
  font-family: var(--e-global-typography-44ebb6b-font-family, system-ui, sans-serif);
  font-size: var(--e-global-typography-44ebb6b-font-size, 1rem);
  line-height: var(--e-global-typography-44ebb6b-line-height, 1.4);
  font-weight:400;
}
#commCreatorWrap #selected-location p,
.comPartnerMainWrap #partner-selected-location p{
  margin:.2rem 0;
  color: var(--e-global-color-secondary);
}

/* =======================================
   LOCATION-BUTTON FINAL
   - Mobile/Tablet: zwischen Input & Text, mittig
   - Desktop: rechts im Input, vertikal zentriert und gleiche Höhe
======================================= */

/* Mobile & Tablet ≤ 1024px */
@media (max-width:1024px){
  /* Wrapperbreite angleichen */
  #commCreatorWrap .locationInputWrap,
  .comPartnerMainWrap .locationInputWrap{
    width: 96%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  /* Button mittig unter dem Input */
  #commCreatorWrap #detect-location,
  .comPartnerMainWrap #partner-detect-location{
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: .75rem auto 0 !important;
    transform: none !important;
    left: auto !important; right: auto !important; top: auto !important;
    width: auto;
    height: auto;
  }
}

/* Desktop ≥ 1025px */
@media (min-width:1025px){
  /* Button im Feld rechts, gleiche Höhe wie Input */
  #commCreatorWrap #detect-location,
  .comPartnerMainWrap #partner-detect-location{
    position: absolute !important;
    right: 8px; left: auto;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex; align-items: center; justify-content: center;
    height: calc(var(--loc-input-pad-v) * 2 + 1.3em);
    padding-top: 0; padding-bottom: 0;
  }
  /* Platz im Input für den Button lassen */
  #commCreatorWrap #location-input,
  .comPartnerMainWrap #partner-location-input{
    padding-right: calc(8ch + 32px);
  }
}

/* Tablet-Wrapper etwas schmaler */
@media (min-width:768px) and (max-width:1024px){
  #commCreatorWrap .locationInputWrap,
  .comPartnerMainWrap .locationInputWrap{ width: 70%; }
}

/* =======================================
   COMMUNITY CREATORS – ITEMS
======================================= */
#creators-results .partner-item { text-align: center; transition: transform .2s ease; margin: 0 auto; }
#creators-results .partner-item img {
  width: 100%; max-width: 200px; margin: 0 auto 5px; aspect-ratio: 1/1; object-fit: cover;
  border: 4px solid rgb(213,216,218); border-radius: 30px;
}
#creators-results .partner-item.allEvents img { padding: .5rem; background: #fff; }
#creators-results .partner-item.active img { border: 4px solid #FFCD02; }

/* Carousel-Nav (Creators) */
.owl-nav { display: block !important; }
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev { position: absolute; }
button.owl-prev, button.owl-next { left: auto !important; right: auto !important; }

#creators-results{
  position: relative;
  overflow: visible;
  padding: 0 22px !important;
  --navY: 110px;
  --navInset: 0px;
}
#creators-results .owl-stage-outer{ overflow: hidden !important; }
#creators-results .owl-nav{ display: block !important; z-index: 20; pointer-events:auto; }
#creators-results .owl-nav button{
  position: absolute;
  top: var(--navY) !important;
  transform: translateY(-50%);
  width:56px; height:56px; border:0; border-radius:50%;
  background:transparent !important; line-height:56px; cursor:pointer;
}
#creators-results .owl-nav .owl-prev{ left:  var(--navInset) !important; right:auto !important; }
#creators-results .owl-nav .owl-next{ right: var(--navInset) !important; left:auto !important; }
#creators-results .owl-nav .owl-prev::before,
#creators-results .owl-nav .owl-next::before{
  content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  font-size:64px; line-height:1; color:#4d4d4d; pointer-events:none;
}
#creators-results .owl-nav .owl-prev::before{ content:'‹'; }
#creators-results .owl-nav .owl-next::before{ content:'›'; }
#creators-results .owl-nav button:hover{ background: rgba(0,0,0,.08); }

@media (max-width:767px){
  #creators-results{ --navInset: -18px; padding: 0 18px !important; }
}
@media (min-width:768px) and (max-width:1024px){
  #creators-results{ --navInset: -26px;  padding: 0 24px !important; }
}
@media (min-width:1025px){
  #creators-results{ --navInset:  -20px;  padding: 0 28px !important; }
}

/* Community Creator Texte & Intro */
#commCreatorWrap #selected-location{ margin: 8px 0 12px; text-align: center; }
#commCreatorWrap #selected-location p{ margin: .2rem 0; color: var(--e-global-color-secondary); }
#creators-results .partner-item .creator-title{
  font-family: var(--e-global-typography-dbdb71b-font-family, var(--e-global-typography-44ebb6b-font-family, system-ui, sans-serif));
  font-size:   var(--e-global-typography-dbdb71b-font-size, 1.05rem);
  font-weight: var(--e-global-typography-dbdb71b-font-weight, 700);
  line-height: var(--e-global-typography-dbdb71b-line-height, 1.2);
  margin: .5rem 0 .25rem;
  color: var(--e-global-color-secondary);
  -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word;
}
#creators-results .partner-item .creator-distance{
  font-size:   var(--e-global-typography-887c3e7-font-size, 1.05rem);
  line-height: var(--e-global-typography-887c3e7-line-height, 1.2);
  margin: .3rem 0 .4rem;
  color: var(--e-global-color-secondary);
}
@media (max-width: 767px){
  #creators-results .partner-item .creator-distance{ line-height: 1.15; }
}
#creators-results .trigger-detect-location,
#creators-results .trigger-detect-location:visited{
  font-size: inherit;
  line-height: inherit;
  color: var(--e-global-color-d49ac81) !important;
  text-decoration: underline;
  font-weight: 600;
}
#creators-results .trigger-detect-location:hover{ text-decoration: underline; }

/* Intro Text oben + gleicher Stil unten */
#creator-intro-text,
.intro-like{
  width: 70%;
  max-width: none;
  margin: 20px auto;
  padding: 0 16px;
  text-align: center;
  color: var(--e-global-color-secondary);
}
#creator-intro-text b, #creator-intro-text strong,
.intro-like b, .intro-like strong{
  color: var(--e-global-color-secondary);
}
@media (max-width:1024px){
  #creator-intro-text,
  .intro-like{ width: 85%; }
}
@media (max-width:767px){
  #creator-intro-text,
  .intro-like{ width: 90%; }
}


#commCreatorWrap :where(p, a, li, span, small, button, input, label):not(.creator-title):not(.creator-distance):not(.trigger-detect-location),
#commCreatorWrap #selected-location,
#commCreatorWrap #creator-intro-text,
#commCreatorWrap #creators-results .partner-item :where(p, a, span):not(.creator-title):not(.creator-distance):not(.trigger-detect-location){
  font-family: var(--e-global-typography-44ebb6b-font-family), Sans-serif;
  font-size: var(--e-global-typography-44ebb6b-font-size);
  line-height: var(--e-global-typography-44ebb6b-line-height);
  font-weight: var(--e-global-typography-44ebb6b-font-weight, 500);
}

/* =======================================
   COMMUNITY PARTNER – KARUSSELL
======================================= */
#com-partner-results{
  position: relative; width:100%; overflow: visible; padding: 0 !important;
  --navY: 230px; --navOutside: 80px;
}
#com-partner-results .owl-stage-outer{
  overflow: hidden !important;
  padding: 0 0 20px 0;
  margin: 0 auto;
}




/* vidjet sicher oben halten */
.partnerImageWrap .vidjetEmbed{ z-index: 9999 !important; }
[id*="vidjet"], [class*="vidjet"]{ z-index: 99999 !important; }

/* Standard von Owl belassen, nur das Bild-Overlay darf „überstehen“ */
#com-partner-results .owl-stage-outer{ overflow: hidden !important; }
#com-partner-results .partner-card{ overflow: visible; }
#com-partner-results .partnerImageWrap{ overflow: visible; }

/* Vidjet sicher oben halten */
.partnerImageWrap .vidjetEmbed{ z-index: 9999 !important; }



/* Karten */
.partner-card.item{
  background:#fff; text-align:center; border-radius:5px;
  box-shadow:0 0 10px rgba(0,0,0,.38);
}
.partner-card.item img{
  display:block; width:100%; height:auto; aspect-ratio: 6/5; object-fit:cover;
  border-top-left-radius:5px; border-top-right-radius:5px;
  opacity:0; transition:opacity .2s ease;
}
.partner-card.item img[src]{ opacity:1; }

.partner-card .partnerContent{ padding:15px; display:flex; flex-direction:column; justify-content:space-between; gap:.5rem; }
.partner-card h4{ font-size:1.3rem; margin:0; }
.partner-card p.partnerRolle{ color:#fb4c95; }

/* Partner-Pfeile */
#com-partner-results .owl-nav{ display:block !important; z-index:20; pointer-events:auto; }
#com-partner-results .owl-nav button{
  position:absolute; top: var(--navY); transform: translateY(-50%);
  width:56px; height:56px; border:0; border-radius:50%; background:transparent !important; line-height:56px; cursor:pointer;
}
#com-partner-results .owl-nav .owl-prev{ left: 0 !important; transform: translate(calc(-1 * var(--navOutside)), -50%); }
#com-partner-results .owl-nav .owl-next{ right: 0 !important; transform: translate(var(--navOutside), -50%); }
#com-partner-results .owl-nav .owl-prev::before,
#com-partner-results .owl-nav .owl-next::before{
  content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  font-size:64px; line-height:1; color:#4d4d4d; pointer-events:none;
}
#com-partner-results .owl-nav .owl-prev::before{ content:'‹'; }
#com-partner-results .owl-nav .owl-next::before{ content:'›'; }
#com-partner-results .owl-nav button:hover{ background: rgba(0,0,0,.08); }

/* Mobil – Partnerkarten mittig */
@media (max-width:767px){
  #com-partner-results{ --navOutside: 12px; --navY: 230px; }
  #com-partner-results .owl-item{ display:flex !important; justify-content:center !important; }

  #com-partner-results .partner-card.item{
    width: var(--cp-card-w-mobile) !important;
    max-width: var(--cp-card-max-mobile) !important;
    margin: 0 auto !important;
    margin-top: 12px !important;
  }
}
@media (min-width:768px) and (max-width:1024px){
  #com-partner-results{ --navOutside: 50px; --navY: 230px; }
}
@media (min-width:1025px){
  #com-partner-results{ --navOutside: 80px; --navY: 230px; }
}

/* =======================================
   SOCIAL ICONS
======================================= */
.partner-card .partnerSMWrap{ display:flex; flex-wrap:wrap; justify-content:center; }
.partner-card .partnerSM{ margin:0; }
.partner-card .partnerSM a{
  display:flex; align-items:center; justify-content:center;
  border-radius:10%; background:#3598DB; text-decoration:none;
  box-shadow:0 0.9vw 1.8vw rgba(0,0,0,.16), 0 0.2vw 0.6vw rgba(0,0,0,.08);
  transition:transform .15s, box-shadow .15s, background .15s, outline-color .15s;
}
.partner-card .partnerSM a svg{ fill:#fff; display:block; flex:0 0 auto; }
.partner-card .partnerSM a:hover{
  background:#2C89CE; transform:translateY(-0.3vw);
  box-shadow:0 1.2vw 2vw rgba(0,0,0,.20), 0 0.3vw 0.8vw rgba(0,0,0,.10);
  outline:0.2vw solid #3598DB; outline-offset:0.2vw;
}

/* Desktop- / Tablet- / Mobile-Größen für Icons */
@media (min-width:1025px){
  .partner-card .partnerSMWrap{ gap:0.8vw; margin-top:1.2vw; }
  .partner-card .partnerSM a{ width:2.0vw; height:2.0vw; }
  .partner-card .partnerSM a svg{ width:1.2vw; height:1.2vw; }
}
@media (min-width:768px) and (max-width:1024px){
  .partner-card .partnerSMWrap{ gap:2.0vw; margin-top:2vw; }
  .partner-card .partnerSM a{ width:5.2vw; height:5.2vw; }
  .partner-card .partnerSM a svg{ width:3.2vw; height:3.2vw; }
}
@media (max-width:767px){
  .partner-card .partnerSMWrap{ gap:3.1vw; margin-top:3vw; }
  .partner-card .partnerSM a{ width:10vw; height:10vw; }
  .partner-card .partnerSM a svg{ width:6vw; height:6vw; }
}

/* harte Farb-Overrides */
#com-partner-results .partner-card .partnerSMWrap .partnerSM a,
#all-partners-grid     .partner-card .partnerSMWrap .partnerSM a{ background:#3598DB !important; }
#com-partner-results .partner-card .partnerSMWrap .partnerSM a svg,
#all-partners-grid     .partner-card .partnerSMWrap .partnerSM a svg{ fill:#fff !important; }

/* GRID – ALLE PARTNER */
#all-partners-grid{ display:grid; gap:20px; margin-top:20px; }
@media (min-width:1025px){ #all-partners-grid{ grid-template-columns: repeat(3,1fr); } }
@media (min-width:600px) and (max-width:1024px){ #all-partners-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:599px){ #all-partners-grid{ grid-template-columns: 1fr; } }

/* TELEGRAM */
.telegram-browser .owl-carousel .owl-stage{ display:flex !important; flex-wrap:nowrap !important; gap:20px; }
.telegram-browser .owl-carousel .owl-item{ min-width:210px !important; }

/* AMELIA (diverse kleine Anpassungen) */
#eventWrap .amelia-v2-booking .am-els__filters-menu__btn-inner{ display:none !important; }
#amelia-container .am-ct__info-spots__number,
#amelia-container .am-ct__info-spots__text{ display:none !important; }
@media (max-width:767px){
  .am-dialog-popup .el-dialog{ margin-top:0 !important; height:100vh !important; }
  .amelia-v2-booking #amelia-container :not(.am-eli).am-dialog-el__main-container{ height:calc(100vh - 228px) !important; }
  .amelia-v2-booking #amelia-container .am-eli.am-dialog-el__main-container{ height:calc(100vh - 168px) !important; }
}
.amelia-v2-booking #amelia-container .am-ec__actions.am-rw-400{ gap:8px; }
.amelia-v2-booking #amelia-container .am-ec__actions-price.am-rw-400 p{ text-align:left; }
#amelia-container .am-congrats__main > span,
#amelia-container .am-congrats__info-item__label{ color:#4D4D4D !important; }
@media (min-width:768px){ .amelia-v2-booking #amelia-container .am-ec__image{ width:126px !important; } }
.amelia-v2-booking #amelia-container .am-gc__display{
  background-size: contain !important; background-position:center !important; background-repeat:no-repeat !important;
  height:auto !important; min-height:300px !important;
}
.amelia-v2-booking #amelia-container .am-gc__bullets{ display:none !important; }
.el-overlay-dialog .el-dialog__headerbtn,
.el-overlay-dialog .el-dialog__headerbtn:hover,
.el-overlay-dialog .el-dialog__headerbtn:focus{ background-color:transparent !important; border:none !important; box-shadow:none !important; padding:.25rem; }
.elementor-kit-104 .el-overlay-dialog .el-dialog__headerbtn{ background-color:transparent !important; }

/* TYPO & Sonstiges */
.moreEventInfosWrap{
  margin-top:2rem;
  font-size:var(--e-global-typography-text-font-size);
  line-height:var(--e-global-typography-text-line-height);
  font-family:var(--e-global-typography-text-font-family), Sans-serif;
}
.cod-title{ text-align:center; }
.word-with-counter{ position:relative; display:inline-block; white-space:nowrap; }
.word-with-counter .booking-counter{
  position:absolute; left:100%; margin-left:.2em; top:.3em; transform:translateY(-35%);
  font-size:.95em; font-weight:600; line-height:1; color: var(--e-global-color-d49ac81);
}

/* Kleine Fixes */
#creators-results .allEvents .creator-distance{ margin-top:-1em; }



/* === Fix: Tablet-Schatten für Location-Input erzwingen (Creator & Partner) === */
#commCreatorWrap .locationInputWrap,
.comPartnerMainWrap .locationInputWrap{
  overflow: visible !important; /* falls ein Parent clippt */
}

#commCreatorWrap .locationInputWrap input,
.comPartnerMainWrap .locationInputWrap input{
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
  box-shadow: 0 0 10px rgba(0,0,0,.5) !important;  /* Schatten immer an */
  border: none;                                    /* saubere Kante */
}

/* optional: falls Elementor im Tablet gezielt überschreibt, hier noch mal extra */
@media (min-width:768px) and (max-width:1024px){
  #commCreatorWrap .locationInputWrap input,
  .comPartnerMainWrap .locationInputWrap input{
    box-shadow: 0 0 10px rgba(0,0,0,.5) !important;
  }
}


/* ===== Autocomplete-Dropdown: korrekt unter dem Input, klickbar ===== */
#commCreatorWrap .locationInputWrap,
.comPartnerMainWrap .locationInputWrap{
  position: relative !important;   /* Anker für absolute Positionierung */
  overflow: visible !important;
}

#commCreatorWrap #autocomplete-results,
.comPartnerMainWrap #partner-autocomplete-results{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 6px) !important; /* UNTER dem Input */
  z-index: 100000 !important;       /* sicher über allem */
  background: #fff;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  max-height: 280px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#commCreatorWrap #autocomplete-results li,
.comPartnerMainWrap #partner-autocomplete-results li{
  padding: 10px 12px;
  cursor: pointer;
}

#commCreatorWrap #autocomplete-results li:hover,
.comPartnerMainWrap #partner-autocomplete-results li:hover{
  background: #f3f6f9;
}


/* gleicher Stil wie oben für den Hinweis unter Amelia */
#eventWrap .intro-like{
  width: 70%;
  max-width: none;
  margin: 20px auto;
  padding: 0 16px;
  text-align: center;
  color: var(--e-global-color-secondary);
}

#eventWrap .intro-like,
#eventWrap .intro-like :where(p, a, li, span, small, strong){
  font-family: var(--e-global-typography-44ebb6b-font-family), Sans-serif;
  font-size: var(--e-global-typography-44ebb6b-font-size);
  line-height: var(--e-global-typography-44ebb6b-line-height);
  font-weight: var(--e-global-typography-44ebb6b-font-weight, 500);
}

#eventWrap .intro-like b,
#eventWrap .intro-like strong{
  color: var(--e-global-color-secondary);
}

@media (max-width:1024px){
  #eventWrap .intro-like{ width: 85%; }
}
@media (max-width:767px){
  #eventWrap .intro-like{ width: 90%; }
}


/* BUTTON STYLING GLEICH WIE ELEMENTOR STANDARD BUTTON*/
/* eigener Button Alle Community Partner anzeigen */
.cod-all-partners-btn{
  display: block;
  width: max-content;
  margin: 20px auto;          /* mittig */
  padding: 10px 20px;
  background: #3598DB;        /* basis wie deine blauen buttons */
  color: #fff;
  font-family: var(--e-global-typography-4778b4e-font-family), Sans-serif;
  font-size: var(--e-global-typography-4778b4e-font-size);
  font-weight: 700;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* hover nach elementor vorlage */
.cod-all-partners-btn:hover,
.cod-all-partners-btn:focus{
  background-color: var(--e-global-color-d49ac81);
  color: var(--e-global-color-text);
  border-color: var(--e-global-color-d49ac81);
  outline: none;
}

/* optional icon im button */
.cod-all-partners-btn svg{ fill: currentColor; }

/* responsive platzhalter */
@media (max-width:767px){ /* mobile */ }
@media (min-width:768px) and (max-width:1024px){ /* tablet */ }
@media (min-width:1025px){ /* desktop */ }



/*VIDJET VIDEO IN PARTNER PROFIL */
/* overlay für vidjet */
.partner-card{ position:relative; }
.partnerImageWrap{ position:relative; overflow:visible; }
.partnerImageWrap img{ position:relative; z-index:1; display:block; width:100%; height:auto; }
.partnerImageWrap .vidjetEmbed{
  position:absolute; right:10px; bottom:10px;
  width:180px; max-width:45%;
  z-index:9999; pointer-events:auto;
}
.partnerImageWrap .vidjetEmbed iframe{ display:block !important; opacity:1 !important; visibility:visible !important; }
[id*="vidjet"], [class*="vidjet"]{ z-index:100000 !important; }





/* Owl clippt normal, das Bild Overlay darf überstehen */
#com-partner-results .owl-stage-outer{ overflow: hidden !important; }
#com-partner-results .partner-card{ overflow: visible; }
#com-partner-results .partnerImageWrap{ overflow: visible; }

/* Vidjet Badge unten rechts sichtbar und ganz oben */
.partnerImageWrap .vidjetEmbed{ position:absolute; right:10px; bottom:10px; width:180px; max-width:45%; z-index:9999; pointer-events:auto; }
.partnerImageWrap .vidjetEmbed .vidjet-carousel-wrapper{ height:140px !important; }
[id*="vidjet"], [class*="vidjet"]{ z-index:100000 !important; }

/* Portal für großes Video */
.cod-vj-portal{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; }
.cod-vj-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.6); }
.cod-vj-frame{ position:relative; width:min(960px, 92vw); height:min(540px, 58vh); box-shadow:0 20px 60px rgba(0,0,0,.5); border-radius:10px; overflow:hidden; background:#000; }
.cod-vj-frame iframe{ width:100%; height:100%; display:block; border:0; }
.cod-vj-close{ position:absolute; top:6px; right:8px; font-size:28px; line-height:1; background:#fff; border:0; border-radius:8px; padding:2px 10px; cursor:pointer; }
@media (max-width:768px){ .cod-vj-frame{ width:94vw; height:56vh; } }




/* Wenn Vidjet-Overlay offen ist: Owl-Transforms neutralisieren,
   sonst "springen" fixed-Overlays in transformierten Eltern */
body.vj-open #com-partner-results .owl-stage,
body.vj-open #com-partner-results .owl-item{
  transform: none !important;
}
body.vj-open { overflow: hidden; } /* Scroll unter Overlay sperren */

/* Sicherheitsnetz: Vidjet wirklich über allem */
[id*="vidjet"], [class*="vidjet"]{ z-index: 100000 !important; }
.partnerImageWrap .vidjetEmbed{ z-index: 9999 !important; }