/* Kreuzfahrtrecht im Überblick, überarbeitete Proportionen, 12.10.2026. */
#kreuzfahrtrecht-ueberblick {
    --kp-berry:#9b2961; --kp-ink:#242326; --kp-muted:#66636a;
    --kp-paper:#f8f8f6; --kp-type:27px; --kp-count:clamp(40px,17.1cqi,56px); --kp-copy:clamp(12.5px,5.3cqi,18px); --kp-meta:15px;
    position:relative; isolation:isolate; container-type:inline-size; width:100%; max-width:100%; min-width:0; margin:0; padding:0; overflow:hidden;
    border:1px solid #e6e0e3; border-radius:28px;
    background:var(--kp-paper); box-shadow:0 18px 44px rgba(47,31,41,.09);
    color:var(--kp-ink); color-scheme:light;
    font:400 16px/1.4 Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-align:center; -webkit-font-smoothing:antialiased;
  }
  #kreuzfahrtrecht-ueberblick, #kreuzfahrtrecht-ueberblick * { box-sizing:border-box; }
  #kreuzfahrtrecht-ueberblick .kp-header { position:relative; isolation:isolate; padding:23px 18px 2px; }
  #kreuzfahrtrecht-ueberblick .kp-header::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.28),transparent 58%),linear-gradient(135deg,#f3f2ee 0%,#ece9e4 38%,#e2dfd9 72%,#d8d5cf 100%); mask-image:linear-gradient(180deg,#000 0%,#000 28%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.4) 65%,rgba(0,0,0,.1) 84%,transparent 100%); }
  #kreuzfahrtrecht-ueberblick .kp-kicker { margin:0 0 7px; color:var(--kp-berry); font-size:10px; font-weight:700; letter-spacing:.18em; line-height:1.3; text-transform:uppercase; }
  #kreuzfahrtrecht-ueberblick .kp-title { margin:0; color:var(--kp-ink); font:700 var(--kp-type)/1.06 Arial,"Helvetica Neue",Helvetica,sans-serif; letter-spacing:-.04em; }
  #kreuzfahrtrecht-ueberblick .kp-title span { display:block; }
  #kreuzfahrtrecht-ueberblick .kp-art { position:relative; left:50%; width:calc(100% + 36px); max-width:360px; height:174px; margin:5px 0 0; transform:translateX(-50%); }
  #kreuzfahrtrecht-ueberblick .kp-art img { display:block; width:100%; height:204px; object-fit:cover; object-position:50% 47%; transform:scale(.85); transform-origin:center top; opacity:.80; mix-blend-mode:multiply; mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.65) 7%,#000 16%,#000 54%,rgba(0,0,0,.85) 65%,rgba(0,0,0,.42) 79%,rgba(0,0,0,.1) 92%,transparent 100%),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-composite:intersect; }
  #kreuzfahrtrecht-ueberblick .kp-claim { position:relative; padding:0 20px 22px; }
  /* Include the reserved numeral space when halving the visible prefix gap. */
  #kreuzfahrtrecht-ueberblick .kp-prefix { grid-column:1; justify-self:end; display:flex; margin-right:calc((clamp(4px,2cqi,8px) - max(0px,92px - 3ch + .165em)) / 2); }
  #kreuzfahrtrecht-ueberblick .kp-limit { color:var(--kp-muted); font-size:var(--kp-meta); font-weight:500; line-height:1.35; letter-spacing:normal; white-space:nowrap; }
  /* Equal side columns keep 100 % in its original position, independent of the prefix. */
  #kreuzfahrtrecht-ueberblick .kp-number-line { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:baseline; padding-top:0; margin:0 0 7px; color:var(--kp-berry); font-size:var(--kp-count); font-weight:700; letter-spacing:-.055em; line-height:1.02; }
  #kreuzfahrtrecht-ueberblick .kp-value { grid-column:2; display:inline-flex; align-items:baseline; gap:5px; }
  #kreuzfahrtrecht-ueberblick .kp-number { display:inline-block; min-width:92px; text-align:right; font-variant-numeric:tabular-nums; }
  #kreuzfahrtrecht-ueberblick .kp-percent { font-size:28px; font-weight:400; letter-spacing:-.035em; }
  #kreuzfahrtrecht-ueberblick .kp-label { display:block; margin:0; color:var(--kp-ink); font:700 var(--kp-type)/1.08 Arial,"Helvetica Neue",Helvetica,sans-serif; letter-spacing:-.035em; overflow-wrap:normal; }
  #kreuzfahrtrecht-ueberblick .kp-label span { display:block; font:inherit; color:inherit; letter-spacing:inherit; }
  #kreuzfahrtrecht-ueberblick .kp-star { color:var(--kp-berry); font-size:.5em; line-height:0; vertical-align:super; margin-left:1px; }
  #kreuzfahrtrecht-ueberblick .kp-label .kp-term { margin-bottom:5px; }
  #kreuzfahrtrecht-ueberblick .kp-label .kp-support { font:600 var(--kp-copy)/1.3 Arial,"Helvetica Neue",Helvetica,sans-serif; letter-spacing:-.02em; margin-top:4px; }
  #kreuzfahrtrecht-ueberblick .kp-label .kp-first-line { display:flex; align-items:baseline; justify-content:center; gap:6px; }
  #kreuzfahrtrecht-ueberblick .kp-label .kp-main { display:inline; font-size:var(--kp-type); }
  #kreuzfahrtrecht-ueberblick .kp-refund .kp-term { color:var(--kp-berry); }
  #kreuzfahrtrecht-ueberblick .kp-compensation { margin:0 14px; padding:15px 6px 21px; border-radius:24px; background:linear-gradient(140deg,#f0e5eb 0%,#f6eef2 48%,#f1ecee 100%); }
  #kreuzfahrtrecht-ueberblick .kp-compensation .kp-label span { white-space:nowrap; }
  #kreuzfahrtrecht-ueberblick .kp-basis { grid-column:3; justify-self:start; margin-left:4px; color:var(--kp-muted); font-size:clamp(11px,calc(5.5cqi - 3px),15px); font-weight:500; line-height:1.35; letter-spacing:normal; white-space:nowrap; }
  #kreuzfahrtrecht-ueberblick .kp-notice { margin:0 24px 21px; padding-top:13px; border-top:1px solid #e3dadd; color:#684355; font-size:var(--kp-meta); font-weight:600; line-height:1.4; }
  #kreuzfahrtrecht-ueberblick .kp-refund { padding:21px 20px 21px; }
  #kreuzfahrtrecht-ueberblick .kp-accessible { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  @container (max-width:310px) {
    #kreuzfahrtrecht-ueberblick .kp-compensation { margin-left:8px; margin-right:8px; }
  }
  @container (max-width:290px) {
    #kreuzfahrtrecht-ueberblick .kp-compensation { margin-left:4px; margin-right:4px; }
    #kreuzfahrtrecht-ueberblick .kp-basis { margin-left:2px; }
  }
  @media(max-width:360px) {
    #kreuzfahrtrecht-ueberblick { --kp-type:25px; }
    #kreuzfahrtrecht-ueberblick .kp-art { height:157px; }
    #kreuzfahrtrecht-ueberblick .kp-art img { height:184px; }
    #kreuzfahrtrecht-ueberblick .kp-claim { padding-left:16px; padding-right:16px; }
    #kreuzfahrtrecht-ueberblick .kp-compensation { padding-left:6px; padding-right:6px; }
  }
  @media (min-width:761px) and (max-width:820px) {
    .cruise-page .content-sidebar { grid-template-columns:minmax(0,1fr); }
  }