/* Ergänzung der normalen Startseite; alle Regeln sind auf diese Hero begrenzt. */
#mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot {
  --hero-gutter: clamp(24px, 6vw, 96px);
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(0, .86fr);
  align-items: center;
  column-gap: clamp(40px, 6vw, 96px);
  min-height: min(900px, max(740px, calc(100svh - 82px)));
  padding: clamp(220px, 22vh, 260px) max(var(--hero-gutter), calc((100vw - 1280px) / 2)) 100px;
  overflow: hidden;
  isolation: isolate;
}
#mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,10,11,.65), rgba(7,10,11,.25) 58%, rgba(7,10,11,.1));
  z-index: 0;
  pointer-events: none;
}
#mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 660px;
  padding: 0;
  margin: 0;
  min-width: 0;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}
#mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_headline {
  font-size: clamp(42px, 4.55vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em;
  overflow-wrap: normal;
  color: #fff !important;
  text-wrap: balance;
}
#mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_subtext {
  max-width: 490px;
  font-size: clamp(17px, 1.6vw, 22px) !important;
  line-height: 1.6 !important;
  color: #f0efeb !important;
}
#mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_eyebrow {
  font-size: clamp(10px, .94vw, 13px) !important;
  letter-spacing: .12em;
  line-height: 1.6;
}
#mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_eyebrowWrap { gap: 12px; }
#mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_scrollCue { display: none; }
.olympia-hero-motiv {
  position: relative;
  z-index: 2;
  min-width: 0;
  width: min(100%, 420px);
  justify-self: center;
  margin: 0;
  padding: 0;
}
.olympia-hero-motiv::before {
  content: '';
  position: absolute;
  inset: -26px;
  background: radial-gradient(ellipse, rgba(164,182,140,.22), transparent 70%);
  pointer-events: none;
  z-index: -1;
}
.olympia-hero-motiv::after {
  content: '';
  position: absolute;
  inset: -9px;
  border: 1px solid rgba(228,231,214,.25);
  border-radius: 25px;
  transform: rotate(3deg);
  z-index: -1;
  pointer-events: none;
}
.olympia-hero-motiv__card {
  display: block;
  width: 100%;
  padding: 0;
  border: 6px solid #efece1;
  border-radius: 18px;
  background: #efece1;
  box-shadow: 0 32px 80px rgba(0,0,0,.4), 0 6px 20px rgba(0,0,0,.22);
  overflow: hidden;
  cursor: pointer;
  transform: rotate(-1.5deg);
  transition: box-shadow .3s ease;
  -webkit-tap-highlight-color: transparent;
}
.olympia-hero-motiv__card img { display: block; width: 100%; height: auto; margin: 0; border-radius: 11px; }
.olympia-hero-motiv__card:focus-visible { outline: 3px solid #cbd6ae; outline-offset: 10px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .olympia-hero-motiv.is-in-view .olympia-hero-motiv__card { animation: olympia-angebot-schweben 7s ease-in-out infinite; }
  .olympia-hero-motiv__card:hover { box-shadow: 0 38px 90px rgba(0,0,0,.5), 0 0 0 1px rgba(230,235,215,.4); }
}
@keyframes olympia-angebot-schweben {
  0%, 100% { transform: translateY(0) rotate(-1.5deg); }
  50% { transform: translateY(-8px) rotate(-.6deg); }
}
@media (max-width: 1100px) and (min-width: 901px) {
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot { column-gap: 38px; --hero-gutter: 40px; }
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_headline { font-size: 46px !important; }
}
@media (max-width: 900px) {
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding: 190px 36px 72px;
    row-gap: 54px;
  }
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_inner { max-width: 620px; justify-self: center; }
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_headline { font-size: clamp(40px, 7vw, 58px) !important; }
  .olympia-hero-motiv { width: min(100%, 360px); }
  .olympia-hero-motiv__card { animation: none !important; transform: rotate(-1deg); }
}
@media (max-width: 600px) {
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot { padding: 176px 24px 56px; row-gap: 44px; }
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_headline { font-size: clamp(29px, 9.5vw, 48px) !important; line-height: 1.12 !important; }
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_subtext { font-size: 16px !important; }
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_eyebrowWrap { gap: 8px; }
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_line { width: 24px; }
  #mount-K_FFqL0fr1Sdi5-jykaZX .olympia-hero-mit-angebot .styles_op_1the301_eyebrow { font-size: 9px !important; letter-spacing: .07em; }
  .olympia-hero-motiv { width: min(100% - 24px, 340px); }
  .olympia-hero-motiv__card { border-width: 4px; border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .olympia-hero-motiv__card { animation: none !important; transition: none; transform: none; }
  .olympia-hero-motiv::after { transform: none; }
}