@font-face{font-family:"UA Hand";src:url("fonts/caveat-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

.ua-offers--karte{position:relative;margin:0}
.ua-offers--karte .swiper{padding:8px 14px 34px !important;margin:0 -14px !important}
.ua-offers--karte .swiper-slide{height:auto;display:flex}

.ua-ck{display:flex;flex-direction:column;width:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(16,42,67,.07),0 8px 18px rgba(16,42,67,.09);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}
.ua-ck:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(16,42,67,.08),0 12px 24px rgba(16,42,67,.14);text-decoration:none;color:inherit}
.ua-ck:focus-visible{outline:3px solid rgba(47,68,73,.4);outline-offset:3px}

.ua-ck__foto{position:relative;aspect-ratio:4/3.55;background-size:cover;background-position:center 35%;display:flex;flex-direction:column;justify-content:flex-end}
.ua-ck__foto:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,52,0) 22%,rgba(10,30,52,.55) 52%,rgba(8,24,44,.92) 100%)}
.ua-ck__badge{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:#fabe0c;color:#1f2d3d;font-size:.8rem;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.ua-ck__info{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;padding:0 18px 52px;color:#fff}

.ua-ck__logo{max-height:26px;max-width:120px;width:auto;height:auto;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);margin-bottom:4px}
.ua-ck__schiff{font-size:1.18rem;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#fff}
.ua-ck__route{font-size:.84rem;line-height:1.4;color:rgba(255,255,255,.9);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ua-ck__datum{margin-top:6px;font-size:.84rem;color:rgba(255,255,255,.92)}
.ua-ck__naechte{font-size:.84rem;font-weight:700;color:#fff}
.ua-ck__preis{position:absolute;right:12px;bottom:12px;z-index:2;padding:7px 15px;border-radius:999px;background:#fabe0c;color:#1f2d3d;font-size:.82rem;box-shadow:0 4px 12px rgba(0,0,0,.22);transform:rotate(-3deg);white-space:nowrap}
.ua-ck__preis strong{font-size:1.2rem;font-weight:800}
.ua-ck__slogan{flex:1;display:flex;align-items:center;justify-content:center;min-height:84px;padding:12px 18px 14px;text-align:center}
.ua-ck__slogan span{font-family:"UA Hand","Segoe Script","Bradley Hand",cursive;font-weight:600;font-size:1.45rem;line-height:1.15;color:#1f3a5c;transform:rotate(-2deg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 .2em .1em}

.ua-offers--karte .swiper-button-prev,
.ua-offers--karte .swiper-button-next{width:46px !important;height:46px !important;margin-top:-36px !important;background:#fff !important;color:#1f2d3d !important;box-shadow:0 6px 18px rgba(16,42,67,.16) !important;z-index:5}
.ua-offers--karte .swiper-button-prev{left:-22px !important}
.ua-offers--karte .swiper-button-next{right:-22px !important}
.ua-offers--karte .swiper-button-prev:after,
.ua-offers--karte .swiper-button-next:after{font-size:15px !important;font-weight:800 !important}
.ua-offers--karte .swiper-button-disabled{opacity:0 !important;pointer-events:none}

.ua-offers--karte .swiper-pagination{position:static !important;display:flex;justify-content:center;align-items:center;gap:4px;margin-top:-10px}
.ua-offers--karte .swiper-pagination-bullet{width:7px;height:7px;background:#cbd5e1;opacity:1;margin:0 3px !important}
.ua-offers--karte .swiper-pagination-bullet-active{width:32px;height:4px;border-radius:2px;background:#fabe0c}

.ua-offers--karte .ua-offers-cta-slide{background:#fff;border-radius:16px;box-shadow:0 1px 4px rgba(16,42,67,.07),0 8px 18px rgba(16,42,67,.09);padding:22px}

@media(max-width:900px){
  .ua-offers--karte .swiper-button-prev{left:-6px !important}
  .ua-offers--karte .swiper-button-next{right:-6px !important}
}
@media(max-width:640px){
  .ua-offers--karte .swiper-button-prev,
  .ua-offers--karte .swiper-button-next{display:none !important}
  .ua-ck__slogan span{font-size:1.35rem}
}
.ua-offers--karte .swiper-slide>.ua-ck,.ua-offers--karte .swiper-slide>.ua-mk-halter>.ua-ck{height:100%}