/* Partner offers use the site's blue palette and a moving line inside the button. */
.rosace-partner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  text-align: center;
}

.lutrin-content .rosace-partner {
  align-items: flex-start;
  text-align: left;
}

.rosace-partner--brochure,
.rosace-content-offer {
  width: min(100%, 500px);
  margin-inline: auto;
  padding: clamp(16px, 4vw, 24px);
  border: 1px solid #2c566b;
  border-inline-start: 3px solid #4ae0ef;
  border-radius: 6px 20px 6px 6px;
  background: #182634;
}

.rosace-content-offer {
  width: min(calc(100% - 2 * var(--container-padding-mobile)), 500px);
  scroll-margin-top: 88px;
}

.mosaique-inner .rosace-content-offer {
  width: min(100%, 500px);
  margin-block: clamp(24px, 5vw, 40px);
}

.rosace-disclosure,
.rosace-terms {
  font-size: .8125rem;
  line-height: 1.4;
  color: #d9e8ef;
}

.rosace-disclosure {
  color: #a7f4fc;
  font-weight: 700;
  letter-spacing: .03em;
}

.rosace-partner .rosace-package {
  margin: 0;
  color: var(--color-text);
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 1.35;
  font-weight: 700;
}

.rosace-partner .rosace-grab {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  max-width: 100%;
  margin: 0;
  padding: 10px 18px 13px;
  border: 1px solid #8ef0f9;
  border-radius: 5px 16px 5px 5px;
  overflow: hidden;
  background: linear-gradient(110deg, #64edf0, #56bfff);
  color: #10131b;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1.25;
  text-align: center;
  transform: none;
  transition: box-shadow .2s ease;
}

.rosace-partner .rosace-grab:is(:hover, :focus-visible) {
  background: linear-gradient(110deg, #9bf4fa, #78d3ff);
  color: #10131b;
  box-shadow: 0 2px 14px #00baf766;
}

.rosace-partner .rosace-grab:active {
  background: linear-gradient(110deg, #51d8e5, #56bfff);
  color: #10131b;
}

.rosace-partner .rosace-grab::after {
  left: 10%;
  right: auto;
  bottom: 4px;
  width: 20%;
  height: 2px;
  border-radius: 2px;
  opacity: 0;
  animation: rosace-current 3s ease-in-out infinite;
}

@keyframes rosace-current {
  0%, 12% { opacity: 0; transform: translateX(0); }
  24% { opacity: .55; }
  55% { opacity: .55; }
  70%, 100% { opacity: 0; transform: translateX(300%); }
}

:is(#anmeldung, #auszahlungswege) {
  scroll-margin-top: 96px;
}

@media (max-width: 480px) {
  .lutrin-track:has(.rosace-partner) { height: 560px; }

  .lutrin-content:has(.rosace-partner) { gap: 12px; }
  .etiquette-inner:has(.rosace-partner) { padding-inline: var(--container-padding-mobile); }
}

.lutrin-slide:not(.is-active) a { visibility: hidden; }