/* =========================================================
   BERGMANN – Seminare Hero (Divi)
   Structure:
   Section:  #seminare-hero
   Row:      2 columns
   Left:     Image module
   Right:    Blurb module with class .seminare-content
   Uses Bergmann theme variables  [oai_citation:0‡bergmann-theme.css](sediment://file_0000000093f071f4bf69f85614f4656a)
   ========================================================= */

#seminare-hero{
  background: var(--berg-primary);
  padding: 0 !important;               /* we want edge-to-edge */
  overflow: hidden;
}

/* Make row full-width (Divi usually constrains max-width) */
#seminare-hero .et_pb_row{
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  display: flex;
  align-items: stretch;
}

/* Two equal columns, no gaps */
#seminare-hero .et_pb_column{
  margin: 0 !important;
  padding: 0 !important;
}

#seminare-hero .et_pb_column_1_2{
  width: 50% !important;
}


#seminare-hero .et_pb_row{
  min-height: var(--seminare-hero-min-h);
  height: var(--seminare-hero-h);
}

/* -------------------------
   LEFT: Image fill / cover
   ------------------------- */
#seminare-hero .et_pb_image,
#seminare-hero .et_pb_image .et_pb_image_wrap,
#seminare-hero .et_pb_image a,
#seminare-hero .et_pb_image img{
  width: 100%;
  height: 100%;
  display: block;
}

#seminare-hero .et_pb_image .et_pb_image_wrap{
  overflow: hidden;
}

#seminare-hero .et_pb_image img{
  object-fit: cover;
  object-position: center;
  transform: scale(1.02); /* subtle “premium” crop */
}

/* -------------------------
   RIGHT: Content panel
   ------------------------- */
#seminare-hero .seminare-content{
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content: center;

  background: var(--berg-primary);
  color: var(--berg-text-white);

  padding: 100px 0px 40px 100px !important; /* generous padding for desktop, but we’ll adjust in responsive */
  /* padding: clamp(28px, 5vw, 96px) !important; */
  max-width: 720px;         /* keeps text block elegant */
  margin-left: 0 !important;
}
#seminare-hero .berg-btn-tertiary{
  margin-left: 100px !important;
}
#seminare-hero .berg-btn-tertiary:hover{
    background-color: var(--berg-primary-light) !important;
    border-color: var(--berg-primary-light) !important;
    border-radius: var(--berg-radius-full);
}
#seminare-hero .berg-btn-tertiary:after{
  display: none !important;
}
/* Kill Divi default spacing inside the blurb */
#seminare-hero .seminare-content .et_pb_module{
  margin-bottom: 0 !important;
}

#seminare-hero .seminare-content .et_pb_blurb_content{
  max-width: 560px;
  margin-left: 0px !important;
}


#seminare-hero .seminare-content h4{
  color: var( --berg-bg-warm) !important;
  margin: 0 0 var(--berg-space-lf) 0 !important;
  font-weight: var(--berg-weight-normal) !important;
  letter-spacing: var(--berg-tracking-normal) !important;
  font-size: var(--berg-text-2xl) !important;
}

/* Title sizing similar to your “Seminare” example */
#seminare-hero .seminare-content h2{
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: var(--berg-leading-tight) !important;
}

#seminare-hero .seminare-content p{
  color: rgba(255,255,255,.85) !important;
  font-size: var(--berg-text-base) !important;
  line-height: var(--berg-leading-relaxed) !important;
  margin: 0 0 var(--berg-space-md) 0 !important;
  max-width: 52ch;
}

/* -------------------------
   Button (match pill style)
   Add class "berg-btn-tertiary" to the Divi Button module,
   OR keep default button and we’ll style it here.
   ------------------------- */
#seminare-hero .seminare-content .et_pb_button,
#seminare-hero .seminare-content a.et_pb_button{
  background: var(--berg-bg-warm) !important;
  color: var(--berg-text-muted) !important;
  border: 2px solid var(--berg-bg-warm) !important;

  border-radius: var(--berg-radius-full) !important;
  padding: 16px 44px !important;

  font-family: var(--berg-font-primary) !important;
  font-weight: var(--berg-weight-semibold) !important;
  font-size: var(--berg-text-sm) !important;
  letter-spacing: var(--berg-tracking-wide) !important;
  text-transform: uppercase !important;

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

  box-shadow: none !important;
  transition: all var(--berg-transition-normal) !important;
}

#seminare-hero .seminare-content .et_pb_button:hover,
#seminare-hero .seminare-content a.et_pb_button:hover{
  background: var(--berg-primary-light) !important;
  border-color: var(--berg-primary-light) !important;
  color: var(--berg-text-muted) !important;
  transform: translateY(-1px);
}

/* Optional: keep button from stretching full width in Divi */
#seminare-hero .seminare-content .et_pb_button_module_wrapper{
  margin-top: var(--berg-space-sm) !important;
}

/* -------------------------
   Responsive
   ------------------------- */
@media (max-width: 980px){
  #seminare-hero .et_pb_row{
    flex-direction: column;
    height: auto;
    min-height: 0;
  }

  #seminare-hero .et_pb_column_1_2{
    width: 100% !important;
  }

  /* image becomes top block */
  #seminare-hero .et_pb_image{
    height: 340px;
  }

  /* content below */
  #seminare-hero .seminare-content{
    max-width: 100%;
    padding: clamp(24px, 6vw, 56px) !important;
  }
}

@media (max-width: 767px){
  #seminare-hero .et_pb_image{
    height: 280px;
  }

  #seminare-hero .seminare-content h2{
    font-size: clamp(24px, 7vw, 32px) !important;
  }

  #seminare-hero .seminare-content .et_pb_button,
  #seminare-hero .seminare-content a.et_pb_button{
    width: auto;
    padding: 14px 32px !important;
  }
}