/* ============================================================
   LEUCHTSIEGEL – HOCHZEIT VARIANTE B / EXACT V1

   Ausschließlich:
   ?hochzeitDesign=2
   + releaseYear 0

   Keine Wirkung auf Variante A oder Jahr 1–25.
   ============================================================ */


/* ------------------------------------------------------------
   GESAMTFLÄCHE
   Referenz: 476 px breit / ca. 710 px hoch
   ------------------------------------------------------------ */

.guest-shell--light:has(.guest-anniversary--hochzeit-v2){
    position:relative!important;

    width:min(100%,476px)!important;
    max-width:476px!important;

    min-height:min(710px,100dvh)!important;

    margin:0 auto!important;

    overflow:hidden!important;
}


/* ------------------------------------------------------------
   HEADER – exakt wie Vorlage
   ------------------------------------------------------------ */

.guest-shell--light:has(.guest-anniversary--hochzeit-v2) > header{
    position:relative!important;

    width:100%!important;
    height:72px!important;

    margin:0!important;
    padding:25px 34px 0!important;

    display:block!important;

    box-sizing:border-box!important;

    z-index:30!important;
}


.guest-shell--light:has(.guest-anniversary--hochzeit-v2)
.guest-brand{
    position:static!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    line-height:1!important;
}


/* Zurück gehört optisch in dieselbe Headerlinie */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-back{
    position:absolute!important;

    top:25px!important;
    right:28px!important;
    left:auto!important;

    width:auto!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    display:block!important;

    line-height:20px!important;

    transform:none!important;

    z-index:40!important;
}


/* ------------------------------------------------------------
   SEITE
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2{
    position:static!important;

    width:380px!important;
    max-width:calc(100% - 96px)!important;

    margin:16px auto 0!important;
    padding:0!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;

    gap:0!important;

    min-height:0!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   HOCHZEITSKARTE

   Vorlage:
   Breite ca. 380
   Bild ca. 258
   Textbereich ca. 111
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card{
    position:relative!important;

    flex:0 0 auto!important;

    width:380px!important;
    max-width:100%!important;
    height:369px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border:1px solid rgba(190,164,126,.52)!important;
    border-radius:14px!important;

    background:#fffaf5!important;

    box-shadow:
        0 10px 26px rgba(55,39,20,.10)!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   RINGBILD
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card > img{
    position:absolute!important;

    top:0!important;
    left:0!important;

    display:block!important;

    width:100%!important;
    height:258px!important;

    max-width:none!important;
    max-height:none!important;

    margin:0!important;

    object-fit:cover!important;
    object-position:center center!important;

    border:0!important;
    border-radius:0!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   GOLDENE ZEILE AUF DEM BILDÜBERGANG
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card__label{
    position:absolute!important;

    top:226px!important;
    left:40px!important;
    right:40px!important;

    width:auto!important;
    height:32px!important;

    margin:0!important;
    padding:0 14px!important;

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

    visibility:visible!important;
    opacity:1!important;

    box-sizing:border-box!important;

    border-radius:8px 8px 0 0!important;

    background:#b77b24!important;
    color:#fff!important;

    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.09em!important;

    white-space:nowrap!important;

    text-align:center!important;

    z-index:10!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   UNTERER WEISSER BEREICH
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card > div{
    position:absolute!important;

    top:258px!important;
    left:0!important;

    width:100%!important;
    height:111px!important;

    margin:0!important;
    padding:25px 16px 14px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;

    box-sizing:border-box!important;

    background:#fffaf5!important;

    text-align:center!important;

    transform:none!important;
}


/* Hochzeit */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card > div > strong{
    display:block!important;

    margin:0!important;
    padding:0!important;

    color:#292724!important;

    font-family:Georgia,"Times New Roman",serif!important;
    font-size:34px!important;
    font-weight:500!important;
    line-height:38px!important;

    text-align:center!important;
}


/* Hochzeitsdatum */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card > div > span{
    display:block!important;

    min-height:22px!important;

    margin:4px 0 0!important;
    padding:0!important;

    color:#b47a22!important;

    font-family:Georgia,"Times New Roman",serif!important;
    font-size:18px!important;
    font-weight:600!important;
    line-height:22px!important;

    text-align:center!important;

    visibility:visible!important;
    opacity:1!important;
}


/* ------------------------------------------------------------
   ORNAMENT
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-ornament{
    flex:0 0 auto!important;

    width:126px!important;
    height:22px!important;

    margin:12px auto 7px!important;
    padding:0!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   EINWILLIGUNG
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-consent{
    flex:0 0 auto!important;

    width:380px!important;
    max-width:100%!important;
    min-height:84px!important;

    margin:0!important;
    padding:14px 13px!important;

    box-sizing:border-box!important;

    border-radius:11px!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   KAMERA BUTTON
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-button{
    flex:0 0 auto!important;

    width:380px!important;
    max-width:100%!important;
    height:52px!important;

    min-height:52px!important;

    margin:14px 0 0!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   RECHTLICHE LINKS
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-legal{
    flex:0 0 auto!important;

    width:100%!important;

    margin:29px 0 0!important;
    padding:0!important;

    line-height:16px!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   MOBILE-SICHERHEIT
   ------------------------------------------------------------ */

@media(max-width:475px){

    .guest-shell--light:has(.guest-anniversary--hochzeit-v2){
        width:100%!important;
        max-width:none!important;

        min-height:100dvh!important;
    }

    .guest-shell--light:has(.guest-anniversary--hochzeit-v2) > header{
        padding-left:7.1vw!important;
        padding-right:5.9vw!important;
    }

    .guest-shell--light
    .guest-anniversary--hochzeit-v2
    .guest-back{
        right:5.9vw!important;
    }

    .guest-shell--light
    .guest-anniversary--hochzeit-v2{
        width:80%!important;
        max-width:380px!important;
    }

    .guest-shell--light
    .guest-anniversary--hochzeit-v2
    .guest-anniversary-card{
        width:100%!important;
        height:auto!important;
        aspect-ratio:380 / 369!important;
    }

    .guest-shell--light
    .guest-anniversary--hochzeit-v2
    .guest-anniversary-card > img{
        height:69.92%!important;
    }

    .guest-shell--light
    .guest-anniversary--hochzeit-v2
    .guest-anniversary-card__label{
        top:61.25%!important;

        left:10.5%!important;
        right:10.5%!important;

        height:32px!important;
    }

    .guest-shell--light
    .guest-anniversary--hochzeit-v2
    .guest-anniversary-card > div{
        top:69.92%!important;
        height:30.08%!important;

        padding-top:5.8%!important;
    }

}


/* ============================================================
   HOCHZEIT V2 – FINETUNE
   ausschließlich Variante B / Jahr 0
   ============================================================ */


/* Goldlabel näher an Referenz:
   weniger orange, etwas ruhiger und hochwertiger */
.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card__label{
    top:220px!important;
    height:38px!important;

    left:38px!important;
    right:38px!important;

    background:#B48243!important;

    border-radius:9px 9px 0 0!important;

    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:.085em!important;
}


/* Hochzeit etwas feiner */
.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card > div > strong{
    font-weight:500!important;
    color:#332F2B!important;

    text-shadow:none!important;
}


/* Datum deutlich ruhiger und näher an Referenz */
.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card > div > span{
    margin-top:9px!important;

    color:#B99A68!important;

    font-weight:500!important;

    text-shadow:none!important;
}


/* Schatten ruhiger */
.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card{
    box-shadow:
        0 6px 18px rgba(55,39,20,.07)!important;
}


/* ============================================================
   Hochzeit V2 – ausschließlich Goldlabel
   Keine Änderung an Titel, Datum, Bild oder Kartenlayout.
   ============================================================ */

.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card__label{
    left:26px!important;
    right:26px!important;
    width:auto!important;

    background:#C09A61!important;

    box-shadow:none!important;
    filter:none!important;

    border:0!important;
    border-radius:9px 9px 0 0!important;
}

/* historische Dekor-/Hintergrundebenen des Labels abschalten */
.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card__label::before,
.guest-shell--light
.guest-anniversary--hochzeit-v2
.guest-anniversary-card__label::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
}

/* Variante 2 / Hochzeit: mobile proportional to the approved desktop card. */
@media (max-width: 475px) {
  .guest-shell--light .guest-anniversary--hochzeit-v2 .guest-anniversary-card__label {
    top: 59.62% !important;
    left: 6.84% !important;
    right: 6.84% !important;
    height: 10.30% !important;
    padding-inline: 3.68% !important;
    border-radius: 9px 9px 0 0 !important;
    font-size: clamp(8px, 2.65vw, 10px) !important;
    line-height: 1 !important;
  }

  .guest-shell--light .guest-anniversary--hochzeit-v2 .guest-anniversary-card > div {
    top: 69.92% !important;
    height: 30.08% !important;
    padding: 6.58% 4.21% 3.68% !important;
  }

  .guest-shell--light .guest-anniversary--hochzeit-v2 .guest-anniversary-card > div > strong {
    font-size: clamp(27px, 9vw, 34px) !important;
    line-height: clamp(30px, 10vw, 38px) !important;
  }

  .guest-shell--light .guest-anniversary--hochzeit-v2 .guest-anniversary-card > div > span {
    min-height: 0 !important;
    margin-top: 2.37% !important;
    font-size: clamp(14px, 4.75vw, 18px) !important;
    line-height: clamp(17px, 5.8vw, 22px) !important;
  }
}
/* Variante 2: nur das unbelabelte Referenzbild verwenden. */
.guest-shell--light .guest-anniversary--hochzeit-v2 .guest-anniversary-card > img { content: url(\ /assets/00-hochzeit-test-01-20260819-2113-1280.webp\) !important; }
.guest-shell--light .guest-anniversary--hochzeit-v2 .guest-anniversary-card > img { content: url(/assets/00-hochzeit-test-01-20260819-2113-1280.webp) !important; }
/* Variante 2: mobile Kacheln für eine dreizeilige Einwilligung verbreitern. */
@media (max-width: 475px) { .guest-shell--light .guest-anniversary--hochzeit-v2 { width: 88% !important; max-width: 380px !important; } }
/* V2: shared invitation card for anniversary years 1–25. */
.guest-shell--light:has(.guest-anniversary--design-v2) {
  width: min(100%, 476px) !important;
  max-width: 476px !important;
  min-height: min(710px, 100dvh) !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}

.guest-shell--light:has(.guest-anniversary--design-v2) > header {
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 25px 34px 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

.guest-shell--light .guest-anniversary--design-v2 {
  width: 380px !important;
  max-width: calc(100% - 96px) !important;
  margin: 16px auto 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.guest-shell--light .guest-anniversary--design-v2 .guest-back {
  position: absolute !important;
  top: 25px !important;
  right: 28px !important;
  left: auto !important;
  z-index: 40 !important;
}

.guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card {
  width: 380px !important;
  max-width: 100% !important;
  height: 369px !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 164, 126, .52) !important;
  border-radius: 14px !important;
  background: #fffaf5 !important;
  box-shadow: 0 6px 18px rgba(55, 39, 20, .07) !important;
}

.guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card > img {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 258px !important;
  margin: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
  transform: none !important;
}

.guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card__label {
  position: absolute !important;
  top: 220px !important;
  left: 26px !important;
  right: 26px !important;
  z-index: 10 !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 9px 9px 0 0 !important;
  background: #c09a61 !important;
  color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .085em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card > div {
  position: absolute !important;
  top: 258px !important;
  left: 0 !important;
  width: 100% !important;
  height: 111px !important;
  margin: 0 !important;
  padding: 25px 16px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-sizing: border-box !important;
  background: #fffaf5 !important;
  text-align: center !important;
}

.guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card > div > strong {
  margin: 0 !important;
  color: #332f2b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 34px !important;
  text-shadow: none !important;
}

.guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card > div > span {
  min-height: 0 !important;
  margin: 7px 0 0 !important;
  color: #b99a68 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 21px !important;
  text-shadow: none !important;
}

.guest-shell--light .guest-anniversary--design-v2 .guest-ornament { margin: 12px auto 7px !important; }
.guest-shell--light .guest-anniversary--design-v2 .guest-consent,
.guest-shell--light .guest-anniversary--design-v2 .guest-button { width: 380px !important; max-width: 100% !important; }
.guest-shell--light .guest-anniversary--design-v2 .guest-consent { min-height: 84px !important; margin: 0 !important; }
.guest-shell--light .guest-anniversary--design-v2 .guest-button { height: 52px !important; min-height: 52px !important; margin: 14px 0 0 !important; }
.guest-shell--light .guest-anniversary--design-v2 .guest-legal { width: 100% !important; margin: 29px 0 0 !important; }

@media (max-width: 475px) {
  .guest-shell--light:has(.guest-anniversary--design-v2) { width: 100% !important; max-width: none !important; min-height: 100dvh !important; }
  .guest-shell--light:has(.guest-anniversary--design-v2) > header { padding-left: 7.1vw !important; padding-right: 5.9vw !important; }
  .guest-shell--light .guest-anniversary--design-v2 { width: 88% !important; max-width: 380px !important; }
  .guest-shell--light .guest-anniversary--design-v2 .guest-back { right: 5.9vw !important; }
  .guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card { height: auto !important; aspect-ratio: 380 / 369 !important; }
  .guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card > img { height: 69.92% !important; }
  .guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card__label { top: 59.62% !important; left: 6.84% !important; right: 6.84% !important; height: 10.3% !important; font-size: clamp(8px, 2.65vw, 10px) !important; }
  .guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card > div { top: 69.92% !important; height: 30.08% !important; padding: 6.58% 4.21% 3.68% !important; }
  .guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card > div > strong { font-size: clamp(24px, 8vw, 30px) !important; line-height: clamp(28px, 9vw, 34px) !important; }
  .guest-shell--light .guest-anniversary--design-v2 .guest-anniversary-card > div > span { margin-top: 2.37% !important; font-size: clamp(14px, 4.5vw, 17px) !important; line-height: clamp(17px, 5.5vw, 21px) !important; }
}