/** Shopify CDN: Minification failed

Line 341:0 Unexpected "}"

**/

/* Native logo carousel: no jQuery/Slick dependency and no cloned DOM nodes. */
.logo-slider {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}
.logo-slider::-webkit-scrollbar {
  display: none;
}
.logo-slider .logo-slide {
  flex: 0 0 20%;
  min-width: 0;
  scroll-snap-align: start;
}
@media (max-width: 1149px) {
  .logo-slider .logo-slide { flex-basis: 25%; }
}
@media (max-width: 989px) {
  .logo-slider .logo-slide { flex-basis: 33.333333%; }
}
@media (max-width: 767px) {
  .logo-slider .logo-slide { flex-basis: 50%; }
}
@media (max-width: 549px) {
  .logo-slider .logo-slide { flex-basis: 100%; }
}

.line-item.hide-bundle-item,
.properties_hidden_input {
  display: none !important;
}
.propsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: center;
  margin: 10px 0;
}
.color-container .title {
  font-size: 12px;
}
.color-container img {
  max-width: 35px;
  margin-top: 2px;
}
body.l-cart {
  display: none !important;
  opacity: 0 !important;
}
.iframehascontrols.video-wrapper--inert iframe{
 pointer-events: auto;
}

/* shipping estimator */
.mini-shipping-estimator .totals__subtotal {
  display: flex;
}
.mini-shipping-estimator .country-select-wrapper select {
  height: auto;
  border: none;
  padding: 0 10px;
}
.mini-shipping-estimator .country-select-wrapper select:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
.mini-shipping-estimator .country-select-wrapper select ~ svg {
  right: -6px;
}
.mini-shipping-estimator {
  width: 100%;
}
.mini-shipping-estimator .spinner svg {
  height: 15px;
  width: 15px;
}
#mini-cart .totals .totals-row .totals__subtotal,
#mini-cart .totals .totals-row .totals__subtotal-value {
  font-family: var(--font-jost-light);
}
#mini-cart .totals .totals-row .totals__subtotal.total__value,
#mini-cart .totals .totals-row .totals__subtotal-value.total-value-price {
  font-family: var(--font-jost-medium);
}
#mini-cart .totals .totals-row .totals__subtotal{
  line-height: 17px;
}
#mini-cart .tax-row .totals__subtotal-value{
  color: #349D19; 
}
/* shipping estimator */

.shopify-section--logo-list .section__header{
  margin-bottom: 20px;
}
.prod-media-offer-banner img {
  border-radius: 10px;
}
.logo-list__item{
  padding-top: 0;
  padding-bottom: 0;
}
.logo-slide-con {
  padding: 0 15px;
}
.logo-slide-con img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin: auto;
  display: block;
}
.countdown-timerbar-wrap {
  padding: 15px 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 35px;
  align-items: center;
  justify-content: center;
}
.countdown-timerbar-section h3{
  margin-bottom: 0;
}
#countdown-timer-box {
  display: flex;
  gap: 15px;
}
#countdown-timer-box span {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  font-size: 14px;
  line-height: 1;
}
#countdown-timer-box span t {
  width: 40px;
  height: 32px;
  font-family: var(--heading-font-family);
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.countdown-timerbar-section a.button {
  border-radius: 5px;
  letter-spacing: 0.05rem;
  padding-left: 20px;
  padding-right: 20px;
}
.prod-cust-benefits {
  margin: 0 0 20px;
}
.prod-cust-benefits > div {
  line-height: 1.5;
  padding: 0 0 0 38px;
  background: url(/cdn/shop/files/solago_Haken.webp?v=1732530838) no-repeat scroll left center;
  background-size: 24px auto;
  margin: 0 0 10px;
}
.prod-cust-benefits > div b {
  display: block;
  font-size: 1.1rem;
  line-height: 1.2;
  font-family: var(--font-jost-semibold);
}
.product-meta .l-product-tags {
  position: static;
  margin: 10px 0;
}
.l-guarantee{
  justify-content: space-between;
}
.l-guarantee .m-item-guarantee{
  margin-right: 5px !important;
}
.l-guarantee .l-guarantee-info{
  margin-left: inherit !important;
}
.l-product-more-info {
  display: block !important;
  position: relative !important;  
  width: auto;
  margin: 8px 0;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border: 1px solid #000000;
  border-radius: 50px;
}


@media only screen and (min-width: 1330px){
  .product-meta .l-product-tags {
    margin: -25px 0 15px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .mega-menu {
    width: 140%;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1800px) {
  .l-custom-videos-with-text .l-inner-content,
  .l-inspirations .l-inner-content,
  .l-custom-videos .l-inner-content,
  .l-sets .l-inner-content{
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  div:not(#shopify-section-psy-announcement-bar, #shopify-section-header) .container {
    padding-left: 120px;
    padding-right: 120px;
  }
}

@media screen and (min-width: 1000px) {
  .logo-list__list {
      --logos-per-row: 4;
  }
  .shopify-section--slideshow .content-box--medium{
    margin-left: 0;
  }
}

@media only screen and (max-width: 740px){
  .logo-list__item{
    padding: 0;
  }
}

.l-product-configurator .l-collection{
  display: none; 
}
.l-product-configurator #speicher,.l-product-configurator #kabell_nge{
  display: block; 
}

/* quick fixes */
@media (min-width: 1320px) and (max-width: 1510px) {
  .l-header-search-bar .predictive-search__input {
    min-width: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1319px) {
  .l-header-search-bar .predictive-search__input {
    min-width: 100px;
    font-size: 13px;
  }
  [dir="ltr"] .header__linklist-item:not(:last-child) {
    margin-right: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1230px) {
  [dir="ltr"] .header__linklist-item:not(:last-child) {
    margin-right: 8px;
  }
}
.m-product-item.product-item .l-product-link-button a {
  white-space: nowrap;
}

body .l-ask-us .m-subtitle {
  font-family: var(--text-font-family);
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
body .l-ask-us .h2 {
  margin-bottom: 0;
}
.product-item .product-item__cta {
  white-space: nowrap;
  max-width: 100%;
}
.text-container .h2:not(.slideshow .h2),
.l-featured-collection .text-container .h2,
.l-content-wrapper .h2,
.l-how-works .l-header h2,
.l-outer-wrapper h2,
.l-custom-videos-with-text .l-header h3,
.l-image-with-text-block .image-with-text-block__content h3,
.l-image-with-text-block .image-with-text-block__content .h3,
.l-ask-us .h2,
.l-rabbat-form .l-title h3,
.l-custom-videos .l-title h3,
header.section__header .heading {
  color: #000;
}
.l-ask-us .l-support {
  text-align: center;
}
.l-content-wrapper .container:last-child .l-header{
  margin-top: 20px; 
}
@media (min-width: 1000px) {
  .l-ask-us .l-support {
    margin-top: 20px;
  }
  body .section__header {
    margin-bottom: 0;
  }
  body .l-ask-us .l-content-wrapper {
    padding-top: 40px;
  }
  body .l-custom-videos-with-text .l-header p {
    margin-top: 0;
  }
  .text-container .h2,
  .l-featured-collection .text-container .h2,
  .l-content-wrapper .h2,
  .l-how-works .l-header h2,
  .l-outer-wrapper h2,
  .l-custom-videos-with-text .l-header h3,
  .l-image-with-text-block .image-with-text-block__content h3,
  .l-image-with-text-block .image-with-text-block__content .h3,
  header.section__header .heading {
    font-size: 32px !important;
    line-height: 1 !important;
    padding-bottom: 12px !important;
    margin-top: 16px;
  }
  .l-ask-us .h2,
  .l-rabbat-form .l-title h3,

}
.m-product-item.product-item .l-teaser_text{
  display: none !important; 
}
/* quick fixes */
.mini-shipping-estimator .country-select-wrapper select~svg{
  width: 12px; 
  height: 8px; 
}

@media (max-width:767px){
  .l-ask-us .l-phone, .l-ask-us .l-email{
    align-items: flex-start!important;
  }
  .inventory--high .ed-delivery-wrapper .text_container .inventory.inventory--high{
    min-width: fit-content;
  }
  .l-help-desk section#downloads .m-point .l-content{
    overflow: auto;
  }
}

/* @media (max-width:767px){
  .l-main-collection .product-facet__product-list .product-list__inner{
    flex-wrap: wrap;
    flex-direction: unset;
    width: 100%;
    column-gap: 16px;
  }
  .product-facet__product-list .m-product-item.product-item{
    width: calc(50% - 8px);
  }
} */

#shopify-section-mini-cart.disable_checkout .checkout-button{
  pointer-events: none !important; 
}
.ed-before-bar.product-facet__meta-bar:empty {
  display: none;
}
ul.metafield-filter-nav {
  display: flex;
  list-style: none;
  gap: 10px;
  padding: 0;
  margin: 0 0 40px;  
  overflow: auto;
}
#facet-main.metavisible ul.metafield-filter-nav,
ul.metafield-filter-nav.metavisible {
  display: flex;
}
ul.metafield-filter-nav a.m-pill {
  white-space: nowrap;
}
.l-featured-collection .tabs-nav--center .tabs-nav__scroller-inner{
  max-width: inherit;
}
.l-featured-collection .tabs-nav__position{
  display: none;
}
.l-featured-collection .tabs-nav__item-list{
  display: flex; 
  overflow: auto;
  gap: 10px;
}
.l-featured-collection .tabs-nav__item-list{
  box-shadow: none;
}
.l-featured-collection .tabs-nav__item.heading{  
  white-space: nowrap;
  padding: 0 15px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: fit-content;
  font-family: var(--font-jost-medium);
  font-weight: 500;
  color: #000000 !important;
  border: 2px solid #f0c94a!important;
  box-shadow: 0 0 0 2px #f0c94a40 inset;
  border-radius: 100px;
  height: 37px;
  font-size: 16px !important;
  line-height: 29px !important;
  text-transform: inherit;  
  opacity: 1;  
  letter-spacing: inherit;
}
.l-featured-collection .tabs-nav__item.heading[aria-expanded="true"]{  
  color: #fff !important;
  background-color: #fff8db !important;
}
.l-featured-collection .tabs-nav__item-list{ 
  display: none;
}

#shopify-section-template--25618242175350__psy_featured_collections_jH4DCi { display: display }
#shopify-section-template--25618242175350__psy_featured_collections_CdRD9q { display: none }

@media only screen and (min-width: 1000px) {
  .l-featured-collection .tabs-nav__item.heading{ 
    height: 43px;
    font-size: 24px !important;
    line-height: 43px !important; 
  }
}

.compare-boxes-n-wrapper{
  background: var(--color-brand-orange);
  background-image: -webkit-linear-gradient(-15deg, var(--color-brand-orange) 50%, #545454 50%);
  color: #fff;
}
.compare-boxes-boxed {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.compare-boxes-boxed .compare-boxes-n-wrapper{
  border-radius: 15px;
  box-shadow: 0 6px 14px #61574c1a, 0 25px 25px #61574c17, 0 56px 33px #61574c0d, 0 99px 39px #61574c03, 0 154px 43px #61574c00;
}
.compare-boxes-container{
  display: flex;
  gap: 50px;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.compare-boxes-l-wrap,
.compare-boxes-r-wrap {
  flex: 1 0 0;
  padding: 80px 30px;
}
.compare-boxes-r-wrap h3{
  text-align: right;
  font-size: 64px;
  line-height: 50px;
}
.compare-boxes-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
}
.compare-boxes-list-item.has_material-symbol{
  position: relative;
  padding-left: 50px;
} 
.compare-boxes-list-item .material-symbols-outlined {
  font-size: 40px;
  position: absolute;
  left: 0;
}
.compare-boxes-list-item:not(:last-child){
  margin: 0 0 20px;
}
.compare-boxes-list-item h4{ 
  font-size: 24px;
  line-height: 1.1;
  margin: 0 0 10px;
}
.compare-boxes-list-item p{
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 20px;
}

@media only screen and (max-width: 1600px) {
  .compare-boxes-list-item.has_material-symbol{
    padding-left: 44px;
  }
  .compare-boxes-list-item h4 {
    font-size: 22px;
  }
  .compare-boxes-list-item .material-symbols-outlined {
    font-size: 34px;
  }
  .compare-boxes-list-item p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 999px) {
  .compare-boxes-n-wrapper{
    background-image: -webkit-linear-gradient(-80deg, var(--color-brand-orange) 50%, #545454 50%);
  }  
  .compare-boxes-container{
    display: block;
  }
  .compare-boxes-n-wrapper h3{
    font-size: 54px;
    line-height: 40px;
    text-align: center;
  }
  .compare-boxes-n-wrapper h3 svg{
    margin: 0 auto;
  }
  .compare-boxes-l-wrap, .compare-boxes-r-wrap {
    padding: 40px;
  }  
  .compare-boxes-list-item.has_material-symbol{
    padding-left: 0;
  }
  .compare-box-heading {
    display: flex;
    gap: 10px;
    margin: 0 0 10px;
  }
  .compare-boxes-list-item h4 {
    font-size: 20px;
  }
  .compare-boxes-list-item .material-symbols-outlined {
    position: static;
    font-size: 30px;
  }
  .compare-boxes-list-item p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) { 
  .compare-boxes-l-wrap, .compare-boxes-r-wrap {
    padding: 40px 25px;
  }
  .compare-boxes-list {
    column-gap: 20px;
  }
  .compare-boxes-list-item h4 {
      font-size: 17px;
  }
  .compare-boxes-list-item p {
    font-size: 15px;
  }
  .l-announcement-bar .l-item{
    font-size: 14px;
  }
}

.l-item.service {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  white-space: nowrap;
}

.service__link {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: inherit;
}

.service__link img {
  display: inline-block;
}


.badge-bestseller {
  display: none !important;
  position: absolute;
  top: -16px;
  left: 65%; /* weiter links statt zentriert */
  background-color: #000000;
  color: white;
  font-size: 12px; /* größerer Text */
  padding: 4px 8px; /* größerer Badge */
  border-radius: 13px;
  font-weight: none;
  z-index: 2;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  vertical-align: middle;
}

.m-item {
  position: relative;
}

.badge-icon {
  margin-right: 0px;
  font-size: 13px;
  vertical-align: middle;
}

.variant-thumbnail {
  width: 40px;
  height: 40px;
  object-fit: cover;
  margin-right: 8px;
  border-radius: 4px;
  vertical-align: middle;
}

.inventory--low .ed-delivery-wrapper {
  display: none !important;
}

#deal-ended-text{
  color: #f00;
  margin: 0px 0 5px;
  font-weight: 600;
  position: relative;
  padding-left: 1.0em; /* Platz für Punkt */
  font-family: var(--font-jost-semibold); 
}

#deal-ended-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;  /* Größe anpassen */
  height: 6px;
  background-color: currentColor; /* gleiche Farbe wie Text */
  border-radius: 50%;
  transform: translateY(-50%);
}

#deal-ended-text-block{
  margin-bottom: 20px;
  display: block;
}

.badge-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

.badge-link-text {
  flex: 1;
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

.badge {
  background-color: #000000;
  color: #fff;
  font-size: 10px;
  padding: 0.25em 0.6em;
  border-radius: 4px;
  text-transform: uppercase;
  line-height: 1.2;
  display: inline-block;
  white-space: nowrap;
  min-width: 2.2em;
  text-align: center;
  font-weight: bold;
}

.header__icon-wrapper .icon--psy-cart {
  width: 32px;
  height: 32px;
}

.shopify-section.section.image-popup-block {
  display: none;
}

strong {
  font-family: var(--font-jost-semibold) !important;
}

.sticky-scrolled .header {
  --header-background: 255, 255, 255; /* weiß */
  --header-text-color: 0, 0, 0;       /* schwarz */
  --header-border-color: 0, 0, 0, 0.1;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
}

.sticky-scrolled .header a,
.sticky-scrolled .header .header__icon-wrapper svg {
  color: #000;
  fill: #000;
}


store-header.is-sticky .l-header-search-bar {
  border: 1px solid #555;
  border-radius: 30px;
}

store-header .l-header-search-bar {
  transition: border 0.3s ease, background-color 0.3s ease;
}


#shopify-section-template--25618242175350__logo_slider_QcHLX7 { display: block }
#shopify-section-template--25618242175350__logo_slider_HyqcC7 { display: none }
#shopify-section-template--25618242175350__logo_slider_QcHLXB { display: none }
#shopify-section-template--25618242175350__logo_slider_HyqcC8 { display: none }

/* AB für PDP noch umsetzen */
.blocked {display: block !important}
.lieferumfang-links {display: flex !important}
.logo-slider-section {display: block !important}
.sp__card {display: block !important}
#shopify-section-template--25618245222774__psy_help_desk_jafbWG {
  display: none !important;
}

.shopify-section--main-product {
    padding-bottom: 0px !important;
    background-color: #f7f8fa;
}

.hide-on-ab {
  display: none !important;
}

/* Desktop Mega Menu: stabile Badge-Position neben Linktitel */
@media (min-width: 1024px) {
  /* Linktitel mit Badge wird zum Block mit rechtem Padding für die Badge */
  desktop-navigation .mega-menu__column .badge-wrapper {
    display: block;
    position: relative;
    padding-right: 48px; /* Platz für Badge. Bei längeren Badges auf 56–64px erhöhen */
    line-height: 1.25;   /* verhindert springende vertikale Ausrichtung */
    white-space: normal;
    word-break: break-word;
  }

  /* Badge absolut oben rechts. Drückt keinen Text mehr um */
  desktop-navigation .mega-menu__column .badge-wrapper .badge-dynamic {
    position: absolute;
    top: 0.1em;   /* feinjustiert die optische Höhe zur ersten Textzeile */
    right: 0;
    transform: none;
    display: inline-block;
    vertical-align: top;
  }

  /* Badge-Grundformat konsistent klein und kompakt halten */
  desktop-navigation .badge-dynamic {
    font-size: 11px;
    line-height: 1;
    padding: 3px 6px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: .02em;
  }

  /* Mehrzeilige Links im Dropdown ohne Badge-Verschub */
  desktop-navigation .nav-dropdown .nav-dropdown__link.badge-wrapper {
    display: block;
    position: relative;
    padding-right: 48px;
  }
  desktop-navigation .nav-dropdown .nav-dropdown__link.badge-wrapper .badge-dynamic {
    position: absolute;
    top: 0.1em;
    right: 0;
  }

  /* Falls Titel ohne Link als <span> gerendert werden */
  desktop-navigation .mega-menu__title.heading--small:not(a) {
    display: block;
    position: relative;
    padding-right: 48px;
  }
  desktop-navigation .mega-menu__title.heading--small:not(a) .badge-dynamic {
    position: absolute;
    top: 0.1em;
    right: 0;
  }
}

/* Optional: kleine Abstände zwischen Titeltext und Badge, wenn du sie doch inline brauchst */
desktop-navigation .badge-wrapper-inline {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.price--large {
  position: relative;
  display: inline-block;
}

/* Das Badge */
.price-badge {
  display: none;
  position: absolute;
  top: -27px;
  left: 41px;
  background-color: #349D19; /* Grün wie im Screenshot */
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}

/* Fahne unten links */
.price-badge::after {
  content: "";
  position: absolute;
  bottom: -5px;   /* nach unten verschoben */
  left: 8px;      /* etwas nach innen, damit es optisch an der Ecke sitzt */
  transform: none;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #349D19; /* nach oben zeigende Spitze */
}

/* Optional: auf sehr kleinen Screens etwas näher an den Preis rücken */
@media (max-width: 480px) {
  .price-badge { top: -24px; font-size: 11px; padding: 3px 7px; left: 7px;}
  .price-badge::after { right: -6px; border-top-width: 7px; border-bottom-width: 7px; border-left-width: 7px; }
}
.ed-search-bar {
  top: 80px;
  z-index: 2;
}
/* Sale Banner unter Kollektionen ausblenden */
.image-link-block  {
  display: none;
}


.hide {
  display: none !important;
} 

#etrusted-product_review_list {
  display: none !important;
} 

@media (max-width: 767px) {
  .hide {
    display: flex !important;
  }

  #etrusted-product_review_list {
    display: flex !important;
  }
}


/* Overlay zentriert */
.ed-info-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 24px;
}

.ed-info-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

/* Karte */
.ed-info-modal__panel{
  position: relative;
  z-index: 1;
  width: min(980px, calc(100% - 48px));
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 25px 80px rgba(0,0,0,.25);
  overflow: hidden; /* wichtig für saubere Rundungen */
  margin-top: 10%;
}

/* Close Button oben rechts im Kreis */
.ed-info-modal__close{
  position: absolute;
  top: 14px;
  right: 14px;

  width: 38px;
  height: 38px;
  border-radius: 9999px;
  border: 0;
  background: rgba(255,255,255,.9);
  box-shadow: 0 4px 18px rgba(0,0,0,.12);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

/* 2-Spalten Layout */
.ed-info-modal__grid{
  display: grid;
  grid-template-columns: 1.15fr 1fr; /* links etwas breiter */
  min-height: 420px;                /* sorgt für “Kartenhöhe” wie Screenshot */
  max-height: 80vh;                 /* nie höher als Viewport */
}

/* Linke Bildspalte */
.ed-info-modal__media{
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px; /* Abstand wie im Screenshot */
}

.ed-info-modal__media img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 15px;
}

/* Rechte Textspalte */
.ed-info-modal__body{
  padding: 34px 34px 30px;
  overflow: auto; /* scrollt nur rechts, wenn zu viel Text */
}

.ed-info-modal__kicker{
  font-size: 14px;
  font-weight: 600;
  opacity: .7;
  margin: 0 0 10px;
}

.ed-info-modal__headline{
  font-size: 34px;
  line-height: 1.05;
  margin: 0 0 18px;
  font-weight: 800;
}

.ed-info-modal__content{
  font-size: 15px;
  line-height: 1.5;
}

.ed-info-modal__content ul{
  margin: 14px 0 0;
  padding-left: 18px;
}

.ed-info-modal__content li{
  margin: 6px 0;
}

/* Mobile: untereinander */
@media (max-width: 740px){
  .ed-info-modal{
    padding: 14px;
  }

  .ed-info-modal__panel{
    width: 100%;
    border-radius: 18px;
  }

  .ed-info-modal__grid{
    grid-template-columns: 1fr;
    min-height: 0;
    max-height: 85vh;
  }

  .ed-info-modal__media{
    height: 220px;
  }
  .ed-info-modal__media img{
    height: 220px;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
  }

  .ed-info-modal__body{
    padding: 18px 18px 16px;
  }

  .ed-info-modal__headline{
    font-size: 24px;
  }
}



.ed-info-modal__viewport{ overflow: hidden; }
.ed-info-modal__track{
  display: flex;
  width: 100%;
  transition: transform .28s ease;
  will-change: transform;
}
.ed-info-modal__slide{ flex: 0 0 100%; }

/* Controls liegen "ausserhalb" vom Panel, aber im Modal */
.ed-info-modal__nav,
.ed-info-modal__dots{
  position: fixed;               /* wichtig: nicht vom Panel begrenzt */
  z-index: 3;
}

/* Pfeile: links/rechts neben dem Panel */
.ed-info-modal__nav{
  top: 60%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 9999px;
  border: 0;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 28px rgba(0,0,0,.18);
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Wir rechnen über CSS-Variablen: Panel-Breite + Abstand */
.ed-info-modal{
  --panel-max: 980px;             /* an dein Panel-Max anpassen falls anders */
  --ctrl-gap: 16px;
}

/* links/rechts an den Panel-Rand andocken */
.ed-info-modal__nav--prev{
  left: calc(50% - (min(var(--panel-max), 92vw) / 2) - var(--ctrl-gap) - 42px);
}
.ed-info-modal__nav--next{
  left: calc(50% + (min(var(--panel-max), 92vw) / 2) + var(--ctrl-gap));
}

/* Dots unterhalb vom Panel, ausserhalb */
.ed-info-modal__dots{
  left: 50%;
  transform: translateX(-50%);
  top: calc(55% + (min(78vh, 620px) / 2) + 14px); /* grob unter Panel */
  display: flex;
  gap: 8px;
}

/* Dots Look */
.ed-info-modal__dot{
  width: 9px;
  height: 9px;
  border-radius: 9999px;
  border: 0;
  background: rgba(0,0,0,.18);
  cursor: pointer;
}
.ed-info-modal__dot.is-active{ background: rgba(255, 255, 255, 0.55); }

.ed-popup-open #shopify-section-psy-announcement-bar,
.ed-popup-open #shopify-section-header{
  position: static !important;
}

/* Mobile: Pfeile optional weg */
@media (max-width: 740px){
  .ed-info-modal__dots{ top: auto; bottom: 14px; } /* auf mobile unten fix */
}

@media (max-width: 740px){
  .ed-info-modal__dots{
    display: none !important;
  }
}

@media (max-width: 740px){

  .ed-info-modal__nav{
    position: fixed;
    top: auto;
    transform: none;
    bottom: 40px;
  }

  .ed-info-modal__nav--prev{
    left: calc(50% - 50px);
  }

  .ed-info-modal__nav--next{
    left: calc(50% + 10px);
  }

}


.shopify-section--ask-questions-section {
  display: none;
}


/* ============================================================
   SOLAGO – Heading Fix & Typografie-Reset (GLOBAL)
   ============================================================ */

/* ── 1. Schriftgrößen ─────────────────────────────────────── */
:root {
  --heading-h1-font-size:    clamp(28px, 4vw,   42px);
  --heading-h2-font-size:    clamp(22px, 3vw,   32px);
  --heading-h3-font-size:    clamp(18px, 2.5vw, 24px);
  --heading-h4-font-size:    clamp(16px, 2vw,   20px);
  --heading-h5-font-size:    17px;
  --heading-h6-font-size:    15px;
  --heading-large-font-size: clamp(32px, 5vw,   52px);
  --heading-small-font-size: 13px;
  --base-font-size:          16px;
}

.h1, .rte h1 { font-size: clamp(28px, 4vw, 42px);   line-height: 1.15; }
.h2, .rte h2 { font-size: clamp(22px, 3vw, 32px);   line-height: 1.2;  }
.h3, .rte h3 { font-size: clamp(18px, 2.5vw, 24px); line-height: 1.25; }
.h4, .rte h4 { font-size: clamp(16px, 2vw, 20px);   line-height: 1.3;  }
.h5, .rte h5 { font-size: 17px; }
.h6, .rte h6 { font-size: 15px; }

@media screen and (max-width: 740px) {
  :root {
    --heading-h1-font-size:    28px;
    --heading-h2-font-size:    22px;
    --heading-h3-font-size:    19px;
    --heading-h4-font-size:    17px;
    --heading-large-font-size: 30px;
    --base-font-size:          15px;
  }
  .h1, .rte h1 { font-size: 28px; }
  .h2, .rte h2 { font-size: 22px; }
  .h3, .rte h3 { font-size: 19px; }
  .h4, .rte h4 { font-size: 17px; }
}

/* ── 2. Heading-Farbe: NUR für helle Seitenbereiche ──────── */
/* Wir vermeiden -webkit-text-fill-color global da das
   die Theme-eigene Farbvererbung (Slideshow, Hero) bricht.
   Stattdessen: nur dort eingreifen wo es wirklich nötig ist. */

.rte h1, .rte h2, .rte h3,
.rte h4, .rte h5, .rte h6,
.article-template h1,
.article-template h2,
.article-template h3,
.article-template-title,
.section__header .heading,
.product-meta .heading,
.product-meta h1 {
  color: #1a1a1a;
  -webkit-text-fill-color: #1a1a1a;
  background-color: transparent;
}

/* ── 3. Slideshow & Hero: Theme-Farbe vollständig freigeben ─ */
/* Alle Regeln aus Schritt 2 explizit zurücksetzen             */
.slideshow .heading,
.slideshow h1, .slideshow h2, .slideshow h3,
.slideshow p, .slideshow span,
.slideshow__slide .heading,
.slideshow__slide h1,
.slideshow__slide h2,
.slideshow__text-wrapper .heading,
.slideshow__text-wrapper h1,
.slideshow__text-wrapper h2,
.slideshow__text-wrapper p,
.content-box .heading,
.content-box h1,
.content-box h2,
.content-box p,
.shopify-section--slideshow .heading,
.shopify-section--slideshow h1,
.shopify-section--slideshow h2,
.shopify-section--slideshow h3,
.shopify-section--slideshow p {
  color: rgb(var(--heading-color)) !important;
  -webkit-text-fill-color: rgb(var(--heading-color)) !important;
  background-color: transparent;
}

/* Paragraph-Text in Slideshow */
.shopify-section--slideshow p,
.slideshow__text-wrapper p,
.content-box p {
  color: rgb(var(--text-color)) !important;
  -webkit-text-fill-color: rgb(var(--text-color)) !important;
}


/* ── Autorenprofil im Blogbeitrag ─────────────────────────── */
.article__author-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: #f5f5f5;
  border-radius: 12px;
  padding: 20px 24px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.article__author-img-wrap {
  flex-shrink: 0;
}

.article__author-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.article__author-meta {
  flex-shrink: 0;
  min-width: 120px;
}

.article__author-name {
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 4px;
  color: #1a1a1a;
}

.article__author-role {
  font-size: 13px;
  color: #666;
  margin: 0;
}

.article__author-bio {
  flex: 1;
  font-size: 14px;
  line-height: 1.65;
  color: #444;
  margin: 0;
  min-width: 200px;
}

@media screen and (max-width: 740px) {
  .article__author-box {
    flex-direction: column;
    gap: 14px;
    padding: 16px;
  }

  .article__author-bio {
    font-size: 14px;
  }
}


/* ===== Globales Tabellen-Styling – Focal Theme (Solago) ===== */

table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  font-size: 0.95rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  overflow: hidden;
}

/* Header-Zeile */
thead tr {
  background-color: #FFA800; /* ← deine Solago-Orange anpassen */
  color: #ffffff;
}

thead th {
  padding: 14px 16px;
  text-align: left;
  font-weight: 700;
  font-size: 0.92rem;
  letter-spacing: 0.02em;
  border: none;
}

/* Body-Zeilen */
tbody tr {
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.15s ease;
}

tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

tbody tr:hover {
  background-color: #fff7e6;
}

tbody td {
  padding: 13px 16px;
  vertical-align: top;
  color: #333333;
  line-height: 1.5;
}


/* Kompaktere Produktzeilen */
.line-item__image-wrapper {
  width: 60px !important;
  min-width: 60px !important;
}

.line-item__image {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover;
}

/* Bundle-Thumbnails kleiner und inline */
.propsContainer.show-grid {
  display: flex !important;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}

@media screen and (max-width: 749px) {
  .propsContainer.show-grid {
    display: none !important;
  }
}

.color-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.color-container img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  object-fit: contain;
}

.color-container .title {
  font-size: 10px;
  color: #888;
}

/* Weniger Padding in den Line Items */
.line-item {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Produkttitel kürzen wenn zu lang */
.product-item-meta__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Altes Desktop-Menü: Links eindeutig interaktiv und Overlay nur visuell */
@media screen and (min-width: 1200px) {
  desktop-navigation a[href] {
    cursor: pointer;
  }

  desktop-navigation .l-overlay {
    pointer-events: none;
  }
}


/* Neue Anzeigen Watt Power auf product-cards */
.wp-flow {
  --wp-orange: #F4AB3C;
  --wp-dark: #4B4B4B;
  --wp-track: #fff;
  --wp-label: 92px; /* Breite der Pill inkl. Icon */
  position: relative;
  height: 26px;
  display: flex;
  align-items: center;
}

.wp-track {
  position: absolute;
  inset: 50% 0 auto 0;
  transform: translateY(-50%);
  height: 12px;
  background: var(--wp-track);
  border-radius: 8px;
  overflow: hidden;
}

.wp-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--wp-label) + (100% - var(--wp-label)) * var(--wp-ratio));
  background: var(--wp-orange);
  border-radius: 8px;
  overflow: hidden;
}

/* Lichtschimmer */
.wp-fill::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 40%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent);
  transform: translateX(-100%);
  animation: wp-sweep 3.2s ease-in-out infinite;
  animation-delay: var(--wp-delay, 0s);
}

@keyframes wp-sweep {
  0%   { transform: translateX(-100%); }
  65%  { transform: translateX(250%); }
  100% { transform: translateX(250%); }
}

.wp-pill {
  position: absolute;
  top: 50%;
  left: calc((100% - var(--wp-label)) * var(--wp-ratio));
  transform: translateY(-50%);
  min-width: var(--wp-label);
  height: 24px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: var(--wp-dark);
  color: #fff;
  border-radius: 999px;
  font-family: 'jost-semibold';
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

.wp-bolt { fill: var(--wp-orange); flex-shrink: 0; }

@media (prefers-reduced-motion: reduce) {
  .wp-fill::after { animation: none; display: none; }
}