@font-face{font-family:'Reise Ticket DM Sans';src:url('/assets/reise-ticket-dm-sans-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Reise Ticket DM Sans';src:url('/assets/reise-ticket-dm-sans-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Reise Ticket DM Sans';src:url('/assets/reise-ticket-dm-sans-900.woff') format('woff');font-style:normal;font-weight:900;font-display:swap}
.page-travel-overview .reise-tickets{
  --ticket-cream:#fff8ee;
  --ticket-ink:#0c0d12;
  --ticket-mono:ui-monospace,'Courier New',monospace;
  container-type:inline-size;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:1.6cqw 2.6cqw 2.5cqw;
  overflow:hidden;
  background:var(--ticket-cream);
  color:var(--ticket-ink);
  font-family:'Reise Ticket DM Sans',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.reise-result-window .reise-tickets{display:none!important}
.reise-tickets :is(h2,h3,h4,p){margin:0}
.reise-ticket-head{display:grid;grid-template-columns:68% 32%;min-height:12.7cqw;position:relative;margin-bottom:1.7cqw}
.reise-ticket-head h2{font-family:'Reise Ticket DM Sans',Arial,sans-serif;font-size:clamp(56px,6.9cqw,121px);font-weight:900;line-height:.87;letter-spacing:-.075em;position:relative;z-index:1}
.reise-cluster .reise-ticket-head h2{font-family:'Reise Ticket DM Sans',Arial,sans-serif;letter-spacing:-.075em;line-height:.87;color:var(--ticket-ink);text-wrap:initial}
.reise-ticket-head h2 span{display:block}
.reise-ticket-subtitle{position:absolute;top:7.2cqw;left:28.8cqw;font-family:var(--ticket-mono);font-size:1.65cqw;line-height:1.3;letter-spacing:-.04em}
.reise-ticket-doodle{width:25cqw;height:8cqw;margin:1.6cqw 0 0 auto;overflow:visible}
.reise-ticket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35cqw;align-items:stretch;padding:0 .4cqw}
.reise-ticket{--ticket-paper:#fffaf2;--rot:1deg;position:relative;display:flex;flex-direction:column;min-width:0;background:var(--ticket-paper);border-radius:22px;box-shadow:0 8px 20px #84664d20;transform:rotate(var(--rot));isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}
.reise-ticket:hover,.reise-ticket:focus-within{transform:rotate(0deg) translateY(-7px);box-shadow:0 14px 24px #84664d28;z-index:2}
.reise-ticket-hotel{--ticket-paper:#ff795b;--rot:-2deg}
.reise-ticket-flight{--rot:1.7deg}
.reise-ticket-car{--ticket-paper:#e9e2f8;--rot:.7deg}
.reise-ticket-package{--rot:-1.5deg}
.reise-ticket-top{padding:1.75cqw 1.7cqw 0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--ticket-mono);font-size:1.14cqw;line-height:1.2;white-space:nowrap;font-weight:400}
.reise-cluster .reise-ticket-top{font-family:var(--ticket-mono);font-size:1.14cqw;line-height:1.2;letter-spacing:0;font-weight:400;color:var(--ticket-ink)}
.reise-ticket-top strong{font-weight:700;letter-spacing:-.06em}
.reise-ticket-top svg{display:block;width:2cqw;height:2cqw;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.reise-ticket-art{position:relative;width:calc(100% + 1.6cqw);height:21cqw;margin-left:-.8cqw;z-index:1;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:contain}
.reise-ticket-art-hotel{background-image:url('/assets/reise-ticket-hotel.webp')}
.reise-ticket-art-flight{background-image:url('/assets/reise-ticket-flight.webp')}
.reise-ticket-art-car{background-image:url('/assets/reise-ticket-car.webp')}
.reise-ticket-art-package{background-image:url('/assets/reise-ticket-package.webp')}
.reise-ticket-destination{padding:0 1.7cqw 1.35cqw;min-height:8.8cqw;display:flex;flex-direction:column;justify-content:center}
.reise-ticket-destination h4{font-size:3.5cqw;font-weight:900;letter-spacing:-.055em;line-height:1.03;white-space:nowrap}
.reise-ticket-flight .reise-ticket-destination h4{font-size:2.85cqw}
.reise-ticket-destination a{text-decoration:none;color:inherit}
.reise-cluster .reise-ticket-destination a{color:inherit}
.reise-ticket-destination a:hover{text-decoration:underline}
.reise-ticket-destination nav{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:10px;font-family:var(--ticket-mono);font-size:clamp(10px,.9cqw,15px);letter-spacing:-.04em;line-height:1.3}
.reise-ticket-destination nav a:not(:last-child)::after{content:' ·';text-decoration:none}
.reise-ticket-stub{position:relative;padding:1.2cqw 1.7cqw 1.5cqw;margin-top:auto;display:flex;flex-direction:column;flex:1;min-height:12.4cqw;background:linear-gradient(to right,#24232a66 50%,transparent 0) top left/12px 1px repeat-x}
.reise-ticket-stub::before,.reise-ticket-stub::after{content:'';position:absolute;top:-1.15cqw;width:2.3cqw;height:2.3cqw;border-radius:50%;background:var(--ticket-cream);z-index:3}
.reise-ticket-stub::before{left:-1.15cqw}
.reise-ticket-stub::after{right:-1.15cqw}
.reise-ticket-count{font-size:clamp(35px,3.55cqw,62px);font-weight:900;line-height:1.02;letter-spacing:-.06em;white-space:nowrap}
.reise-ticket-unit{font-family:var(--ticket-mono);font-size:clamp(10px,.94cqw,15px);letter-spacing:-.03em;line-height:1.45;margin-top:5px}
.reise-ticket-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3.35cqw;margin-top:auto;padding:10px 8px;border:2px solid var(--ticket-ink);border-radius:13px;background:var(--ticket-ink);color:#fff;text-align:center;text-decoration:none;font-size:clamp(13px,1.1cqw,18px);font-weight:900;line-height:1.3}
.reise-cluster .reise-ticket-button{color:#fff}
.reise-ticket-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #00112425}
.reise-ticket-flight .reise-ticket-button,.reise-ticket-package .reise-ticket-button{background:transparent;color:var(--ticket-ink)}
.reise-cluster .reise-ticket-flight .reise-ticket-button,.reise-cluster .reise-ticket-package .reise-ticket-button{color:var(--ticket-ink)}
.reise-ticket-flight .reise-ticket-button:hover,.reise-ticket-package .reise-ticket-button:hover{background:var(--ticket-ink);color:white}
.reise-cluster .reise-ticket-flight .reise-ticket-button:hover,.reise-cluster .reise-ticket-package .reise-ticket-button:hover{color:white}
.reise-ticket-flight .reise-ticket-stub{padding-left:4.2cqw}
.reise-ticket-barcode{position:absolute;left:1.1cqw;top:1.25cqw;width:1.7cqw;bottom:1.5cqw;background:repeating-linear-gradient(0deg,#18181b 0 2px,transparent 2px 4px,#18181b 4px 5px,transparent 5px 8px,#18181b 8px 12px,transparent 12px 15px,#18181b 15px 16px,transparent 16px 18px);opacity:.9}
.reise-tickets a:focus-visible{outline:3px solid #244dff;outline-offset:4px}
@media(max-width:1100px){
  .page-travel-overview .reise-tickets{padding:5cqw 4cqw 7cqw}
  .reise-ticket-head{grid-template-columns:1fr;min-height:auto;margin-bottom:6cqw;gap:14px}
  .reise-ticket-head h2{font-size:11.6cqw;line-height:.89;letter-spacing:-.07em}
  .reise-ticket-subtitle{position:static;font-size:3.1cqw;line-height:1.3;margin-top:14px}
  .reise-ticket-doodle{position:absolute;right:0;bottom:4cqw;width:32cqw;height:12cqw;margin:0}
  .reise-ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5cqw 3cqw;padding:0 1cqw}
  .reise-ticket{border-radius:17px}
  .reise-ticket-top{padding:3.5cqw 3cqw 0;font-size:2.25cqw;gap:5px}
  .reise-cluster .reise-ticket-top{font-size:2.25cqw}
  .reise-ticket-top svg{width:4cqw;height:4cqw}
  .reise-ticket-art{height:37cqw;width:calc(100% + 2cqw);margin-left:-1cqw}
  .reise-ticket-destination{padding:0 3cqw 3cqw;min-height:14cqw}
  .reise-ticket-destination h4{font-size:6.2cqw}
  .reise-ticket-flight .reise-ticket-destination h4{font-size:4.65cqw}
  .reise-ticket-destination nav{font-size:clamp(11px,1.85cqw,16px);margin-top:7px}
  .reise-ticket-stub{padding:3cqw;min-height:25cqw}
  .reise-ticket-stub::before,.reise-ticket-stub::after{top:-2cqw;width:4cqw;height:4cqw}
  .reise-ticket-stub::before{left:-2cqw}
  .reise-ticket-stub::after{right:-2cqw}
  .reise-ticket-count{font-size:6.2cqw}
  .reise-ticket-unit{font-size:1.95cqw;white-space:normal;min-height:6cqw}
  .reise-ticket-button{font-size:2.55cqw;padding:9px 5px;min-height:42px;border-radius:9px}
  .reise-ticket-flight .reise-ticket-stub{padding-left:6cqw}
  .reise-ticket-barcode{left:2cqw;top:3cqw;bottom:3cqw;width:2cqw}
}
@media(max-width:430px){
  .reise-ticket-grid{grid-template-columns:1fr;gap:9cqw;padding:0 4cqw}
  .reise-ticket-head{margin-bottom:9cqw}
  .reise-ticket-head h2{font-size:12cqw}
  .reise-ticket-subtitle{font-size:4cqw}
  .reise-ticket-doodle{width:33cqw;bottom:9cqw}
  .reise-ticket-top{font-size:3.8cqw;padding:6cqw 6cqw 0}
  .reise-cluster .reise-ticket-top{font-size:3.8cqw}
  .reise-ticket-top svg{width:6cqw;height:6cqw}
  .reise-ticket-art{height:65cqw}
  .reise-ticket-destination{padding:0 6cqw 5cqw;min-height:25cqw}
  .reise-ticket-destination h4{font-size:11cqw}
  .reise-ticket-flight .reise-ticket-destination h4{font-size:8.3cqw}
  .reise-ticket-destination nav{font-size:3cqw;letter-spacing:-.04em}
  .reise-ticket-stub{padding:5cqw 6cqw 6cqw;min-height:43cqw}
  .reise-ticket-count{font-size:12cqw}
  .reise-ticket-unit{font-size:3.4cqw;min-height:9cqw}
  .reise-ticket-button{font-size:16px;min-height:48px}
  .reise-ticket-stub::before,.reise-ticket-stub::after{width:7cqw;height:7cqw;top:-3.5cqw}
  .reise-ticket-stub::before{left:-3.5cqw}
  .reise-ticket-stub::after{right:-3.5cqw}
  .reise-ticket-flight .reise-ticket-stub{padding-left:12cqw}
  .reise-ticket-barcode{left:5cqw;top:5cqw;bottom:6cqw;width:3cqw}
}
@media(prefers-reduced-motion:reduce){.reise-ticket,.reise-ticket-button{transition:none!important}.reise-ticket:hover,.reise-ticket:focus-within,.reise-ticket-button:hover{transform:none}}

.reise-ticket-destination{container-type:inline-size;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:end;height:clamp(150px,9.8cqw,190px);min-height:0}
.reise-ticket-destination h4{align-self:end;font-size:clamp(28px,11cqi,50px);line-height:1.04;white-space:normal;text-wrap:balance;overflow-wrap:break-word}
.reise-ticket-flight .reise-ticket-destination h4{font-size:clamp(25px,9cqi,42px)}
.reise-ticket-destination nav{font-size:13px;line-height:1.4}
@media(max-width:1100px){
  .reise-ticket-destination{height:clamp(140px,18cqw,190px)}
  .reise-ticket-destination h4{font-size:clamp(27px,11cqi,47px)}
  .reise-ticket-flight .reise-ticket-destination h4{font-size:clamp(24px,9cqi,40px)}
}
@media(max-width:430px){
  .reise-ticket-destination{height:auto;min-height:25cqw}
  .reise-ticket-destination h4{font-size:clamp(30px,12cqi,48px)}
  .reise-ticket-flight .reise-ticket-destination h4{font-size:clamp(25px,9.5cqi,39px)}
  .reise-ticket-destination nav{font-size:clamp(12px,3cqw,14px)}
}
