html.nk-urlaub-open { overflow: hidden; }
dialog.nk-urlaub {
  box-sizing: border-box;
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 0;
  margin: auto;
  overflow: auto;
  color: #303632;
  background: #fffaf6;
  border: 1px solid #e27b6066;
  border-radius: 26px;
  box-shadow: 0 24px 90px #0006, 0 0 38px #e27b6026;
  font-family: var(--e-global-typography-text-font-family, "Poppins"), sans-serif;
  font-size: 16px;
  line-height: 1.65;
  animation: nk-urlaub-arrive .3s ease-out;
}
dialog.nk-urlaub::backdrop { background: rgb(20 15 10 / 63%); backdrop-filter: blur(3px); }
.nk-urlaub-top {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 145px;
  padding: 20px 60px;
  color: #fff;
  background: linear-gradient(transparent, #182114a6), url('./wp-content/uploads/2025/04/WhatsApp-Image-2025-04-05-at-15.35.55-1-1.jpeg') center 55% / cover;
  position: relative;
}
.nk-urlaub-label { font-family: "Marcellus", serif; font-size: 22px; letter-spacing: .4px; text-align: center; text-shadow: 0 2px 8px #0009; }
.nk-urlaub .nk-urlaub-close {
  position: absolute;
  right: 13px;
  top: 13px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #fff9;
  border-radius: 50%;
  color: #fff;
  background: #231d18a8;
  font-family: Arial, sans-serif;
  font-size: 29px;
  line-height: 1;
  cursor: pointer;
}
.nk-urlaub-content { padding: 27px 40px 31px; text-align: center; }
.nk-urlaub-content p { margin: 0 0 15px; }
.nk-urlaub-content .nk-urlaub-eyebrow { margin-bottom: 12px; color: #ab523a; font-size: 13px; font-weight: 500; letter-spacing: 1px; }
.nk-urlaub #nk-urlaub-title { margin: 0 0 14px; color: #293629; font-family: "Marcellus", serif; font-size: clamp(30px, 6vw, 43px); font-weight: 400; line-height: 1.2; }
.nk-urlaub-content .nk-urlaub-greeting { margin-bottom: 19px; color: #66665c; font-size: 15px; }
.nk-urlaub-content .nk-urlaub-dates { margin: 0 0 21px; padding: 16px 18px; color: #88412d; background: #fae7dd; border: 1px solid #e9ad994d; border-radius: 16px; font-size: 17px; font-weight: 600; }
.nk-urlaub-content .nk-urlaub-signature { margin: 20px 0 12px; color: #a94f35; font-family: "Marcellus", serif; font-size: 19px; }
.nk-urlaub .nk-urlaub-confirm { min-height: 48px; margin-top: 5px; padding: 13px 31px; border: 1px solid #b95b41; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #c76d4f, #ac4c34); box-shadow: 0 5px 15px #b4533426; font-family: inherit; font-size: 15px; font-weight: 500; cursor: pointer; }
.nk-urlaub .nk-urlaub-confirm:hover { background: linear-gradient(135deg, #d97b5c, #ba5940); }
.nk-urlaub button:focus-visible { outline: 2px solid #e27b60; outline-offset: 5px; }
@keyframes nk-urlaub-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) {
  .nk-urlaub-content { padding: 23px 23px 25px; }
  .nk-urlaub-top { height: 116px; padding-bottom: 14px; }
  .nk-urlaub-label { font-size: 20px; }
  .nk-urlaub-content .nk-urlaub-dates { padding: 14px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { dialog.nk-urlaub { animation: none; } }