{"id":132161,"date":"2026-07-01T13:33:33","date_gmt":"2026-07-01T12:33:33","guid":{"rendered":"https:\/\/www.passenger-coffee.de\/?page_id=132161"},"modified":"2026-09-23T12:57:49","modified_gmt":"2026-09-23T11:57:49","slug":"welcome","status":"publish","type":"page","link":"https:\/\/test.passenger-coffee.de\/en\/willkommen\/","title":{"rendered":"Welcome by PASSENGER"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-parent=\"true\" class=\"vc_row row-container desktop-hidden\" id=\"row-unique-0\"><div class=\"row single-top-padding no-bottom-padding exa-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" ><div class=\"uncode_text_column\" ><\/p>\n<div class=\"trp-shortcode-switcher__wrapper\"\n     style=\"--bg:#fffff7;--bg-hover:#0000000d;--text:#111111;--text-hover:#1d2327;--border:none;--border-width:0px;--border-color:#1438521a;--border-radius:0px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\n     role=\"group\"\n     data-open-mode=\"hover\">\n\n    \n        <!-- Opposite mode: render ONLY the in-flow (relative) element so it holds space -->\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover trp-opposite-button\"\n             role=\"navigation\"\n             aria-label=\"Website language selector\"\n             data-no-translation>\n                <div class=\"trp-current-language-item__wrapper trp-hide-arrow\">\n        <a class=\"trp-language-item trp-language-item__default\" data-no-translation href=\"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/pages\/132161\" title=\"DE\"><span class=\"trp-language-item-name\">DE<\/span><\/a>            <\/div>\n            <\/div>\n\n    <\/div>\n<style id=\"trp-language-switcher-shortcode-custom-css\">.trp-language-switcher { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: none !important; margin: 0px auto 36px !important; text-align: center !important; font-family: \"Courier New\", Courier, monospace !important; }\n.trp-language-switcher > div { width: auto !important; min-width: 0px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; background: rgb(255, 255, 247) !important; border: 1px solid rgb(17, 17, 17) !important; border-radius: 0px !important; padding: 0px !important; box-sizing: border-box !important; }\n.trp-language-switcher a { display: inline-block !important; background: transparent !important; color: rgb(17, 17, 17) !important; font-family: \"Courier New\", Courier, monospace !important; font-size: 13px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; text-decoration: none !important; padding: 11px 14px !important; margin: 0px !important; }\n.trp-language-switcher a:hover { color: rgb(140, 2, 24) !important; background: rgb(255, 255, 247) !important; }\n.trp-language-switcher img { display: none !important; }\n@media (max-width: 600px) {\n.trp-language-switcher { margin-bottom: 28px !important; }\n.trp-language-switcher a { font-size: 12px !important; padding: 10px 12px !important; }\n}<\/style><\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-0\" data-row=\"script-row-unique-0\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-0\"));<\/script><\/div><\/div><\/div><div data-parent=\"true\" class=\"vc_row row-container\" id=\"row-unique-1\"><div class=\"row unequal no-top-padding no-bottom-padding quad-h-padding limit-width row-parent\"><div class=\"wpb_row row-inner\"><div class=\"wpb_column pos-middle pos-center align_center column_parent col-lg-12 no-internal-gutter\"><div class=\"uncol style-light\"  ><div class=\"uncoltable\"><div class=\"uncell no-block-padding\" ><div class=\"uncont\" >\n\t<div class=\"wpb_raw_code wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"passenger-linktree\">\n  <div class=\"passenger-linktree-inner\">\n\n    <header class=\"passenger-linktree-header\">\n      <h1>A Universe of Coffee in Your Cup.<\/h1>\n      <p class=\"passenger-intro\">\n        Here in the PASSENGER Universe you can find all, what you need.\n      <\/p>\n    <\/header>\n\n    <!-- ===== JETZT AKTUELL \u2013 Inhalt hier austauschen =====\n         data-start \/ data-end: Nach data-end blendet sich der Block automatisch aus. -->\n    <div class=\"passenger-feature\"\n         data-start=\"2026-09-27T11:00:00+02:00\"\n         data-end=\"2026-09-27T23:59:00+02:00\">\n\n      <button type=\"button\" class=\"passenger-feature-toggle\" aria-expanded=\"true\" aria-controls=\"passenger-feature-panel\">\n        <span class=\"passenger-toggle-thumb\" aria-hidden=\"true\">\n          <img src=\"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2026\/07\/Image-1.jpg\" alt=\"\" width=\"52\" height=\"52\" decoding=\"async\">\n        <\/span>\n        <span class=\"passenger-toggle-text\">\n          <span class=\"passenger-toggle-kicker\">\n            <span class=\"passenger-feature-dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"passenger-toggle-kicker-text\">NOW <span class=\"passenger-feature-countdown\">Sun 27.09.<\/span><\/span>\n          <\/span>\n          <span class=\"passenger-toggle-title\">Senses of Coffee<\/span>\n        <\/span>\n        <span class=\"passenger-toggle-icon\" aria-hidden=\"true\"><\/span>\n      <\/button>\n\n      <div class=\"passenger-feature-panel\" id=\"passenger-feature-panel\">\n        <div class=\"passenger-feature-panel-inner\">\n          <a href=\"https:\/\/www.passenger-coffee.de\/events\/die-sinne-des-kaffees-27-09\/\" class=\"passenger-feature-link\">\n\n            <span class=\"passenger-feature-image\">\n              <img src=\"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2026\/07\/Image-1.jpg\" alt=\"\" width=\"680\" height=\"680\" decoding=\"async\">\n              <span class=\"passenger-feature-shade\" aria-hidden=\"true\"><\/span>\n              <span class=\"passenger-feature-overlay\">\n                <span class=\"passenger-feature-kicker\">Coffee Tasting \u00b7 in English<\/span>\n                <span class=\"passenger-feature-title\">Senses of Coffee<\/span>\n                <span class=\"passenger-feature-text\">Close your eyes. What do you see?<\/span>\n              <\/span>\n            <\/span>\n\n            <span class=\"passenger-feature-ticket\" aria-hidden=\"true\">\n              <span class=\"passenger-ticket-cell\">\n                <span class=\"passenger-ticket-label\">Date<\/span>\n                <span class=\"passenger-ticket-value\">Sun 27.09.<\/span>\n              <\/span>\n              <span class=\"passenger-ticket-cell\">\n                <span class=\"passenger-ticket-label\">Start<\/span>\n                <span class=\"passenger-ticket-value\">11:00<\/span>\n              <\/span>\n              <span class=\"passenger-ticket-cell\">\n                <span class=\"passenger-ticket-label\">Location<\/span>\n                <span class=\"passenger-ticket-value\">Reuterstr.<\/span>\n              <\/span>\n              <span class=\"passenger-ticket-cell\">\n                <span class=\"passenger-ticket-label\">Price<\/span>\n                <span class=\"passenger-ticket-value\">39 \u20ac<\/span>\n              <\/span>\n            <\/span>\n\n            <span class=\"passenger-sr-only\">\n              Senses of Coffee: Sunday, 27. September, 11 am, PASSENGER Reuterstr. 52., 39 Euro, maximum 10 people.\n            <\/span>\n\n            <span class=\"passenger-feature-cta\">\n              <span>Secure your spot<\/span>\n              <span class=\"passenger-feature-cta-note\">max. 10 people<\/span>\n              <span class=\"passenger-feature-cta-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- ===== Ende JETZT AKTUELL ===== -->\n\n    <nav aria-label=\"PASSENGER Links\">\n      <ul class=\"passenger-link-list\">\n\n        <li>\n          <a href=\"https:\/\/www.passenger-coffee.de\/passenger-newsletter-abonnieren\/\" class=\"passenger-link-card\">\n            <span class=\"passenger-link-image\">\n              <img src=\"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2024\/12\/klaudiabiesiadalewandowski_sugarintheair_dearklaude_filmphotography_16060120_passengercoffee_fusion-scaled-uai-1452x1936-1.jpg\" alt=\"\" width=\"72\" height=\"72\" decoding=\"async\">\n            <\/span>\n            <span class=\"passenger-link-title\">Newsletter sign up<\/span>\n            <span class=\"passenger-link-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/www.passenger-coffee.de\/events-bei-passenger\/\" class=\"passenger-link-card\">\n            <span class=\"passenger-link-image\">\n              <img src=\"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2026\/05\/2COFFEE_TASTING_DORI-5.webp\" alt=\"\" width=\"72\" height=\"72\" decoding=\"async\">\n            <\/span>\n            <span class=\"passenger-link-title\">All Events<\/span>\n            <span class=\"passenger-link-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/bonice.de\/customer-signup\/e1a81e18-ec27-4a00-ac4d-27781c25f814\" class=\"passenger-link-card\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"passenger-link-image\">\n              <img src=\"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2026\/06\/sticky-header-logo.jpeg\" alt=\"\" width=\"72\" height=\"72\" decoding=\"async\">\n            <\/span>\n            <span class=\"passenger-link-title\">\n              Digital loyalty card\n              <span class=\"passenger-sr-only\">(open in a new Tab)<\/span>\n            <\/span>\n            <span class=\"passenger-link-arrow\" aria-hidden=\"true\">\u2197<\/span>\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/www.passenger-coffee.de\/shop\" class=\"passenger-link-card\">\n            <span class=\"passenger-link-image\">\n              <img src=\"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2025\/04\/COFFEE_BAG-1.jpg\" alt=\"\" width=\"72\" height=\"72\" loading=\"lazy\" decoding=\"async\">\n            <\/span>\n            <span class=\"passenger-link-title\">Online shop<\/span>\n            <span class=\"passenger-link-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/www.passenger-coffee.de\/news\/\" class=\"passenger-link-card\">\n            <span class=\"passenger-link-image\">\n              <img src=\"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2025\/09\/MOMENTAUFNAHMEN_SEPTEMBER-19-scaled.jpg\" alt=\"\" width=\"72\" height=\"72\" loading=\"lazy\" decoding=\"async\">\n            <\/span>\n            <span class=\"passenger-link-title\">Coffee blog<\/span>\n            <span class=\"passenger-link-arrow\" aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n        <\/li>\n\n      <\/ul>\n    <\/nav>\n\n  <\/div>\n<\/section>\n\n<style>\n  .passenger-linktree {\n    --passenger-bg: #fffff7;\n    --passenger-black: #111111;\n    --passenger-red: #8c0218;\n    --passenger-grotesk: MoskauGrotesk, sans-serif;\n    --passenger-mono: \"Courier New\", Courier, monospace;\n\n    width: 100%;\n    min-height: 100vh;\n    min-height: 100svh;\n    background: var(--passenger-bg);\n    color: var(--passenger-black);\n    padding: 80px 20px;\n    box-sizing: border-box;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n  }\n\n  \/* MoskauGrotesk \u00fcberall erzwingen \u2026 *\/\n  .passenger-linktree,\n  .passenger-linktree * {\n    font-family: var(--passenger-grotesk) !important;\n  }\n\n  \/* \u2026 au\u00dfer Intro, Event-Zitat und Ticket-Labels: Courier New *\/\n  .passenger-linktree .passenger-intro,\n  .passenger-linktree .passenger-feature-text,\n  .passenger-linktree .passenger-ticket-label,\n  .passenger-linktree .passenger-feature-cta-note {\n    font-family: var(--passenger-mono) !important;\n  }\n\n  .passenger-linktree *,\n  .passenger-linktree *::before,\n  .passenger-linktree *::after {\n    box-sizing: border-box;\n  }\n\n  .passenger-linktree-inner {\n    max-width: 680px;\n    margin: 0 auto;\n  }\n\n  .passenger-linktree-header {\n    text-align: center;\n    margin-bottom: 48px;\n  }\n\n  .passenger-linktree h1 {\n    font-size: clamp(34px, 6vw, 58px);\n    line-height: 0.95;\n    font-weight: 400;\n    margin: 0 0 24px 0;\n    color: var(--passenger-black);\n    text-wrap: balance;\n  }\n\n  .passenger-intro {\n    font-size: 15px;\n    line-height: 1.5;\n    margin: 0 auto;\n    max-width: 42ch;\n    color: var(--passenger-black);\n  }\n\n  \/* =========================================\n     JETZT AKTUELL \u2013 Event als Ticket\n     ========================================= *\/\n  .passenger-feature {\n    position: relative;\n    margin-bottom: 32px;\n    border: 1px solid var(--passenger-black);\n    background: var(--passenger-bg);\n    color: var(--passenger-black);\n    box-shadow: 5px 5px 0 var(--passenger-red);\n    animation: passenger-rise 0.7s cubic-bezier(.2,.7,.2,1) both;\n  }\n\n  .passenger-feature.is-over {\n    display: none;\n  }\n\n  \/* ----- Aufklapp-Leiste ----- *\/\n  .passenger-feature-toggle {\n    all: unset;\n    box-sizing: border-box;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: 14px;\n    width: 100%;\n    padding: 10px 14px 10px 10px;\n    background: var(--passenger-black);\n    color: var(--passenger-bg);\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: padding 0.3s ease;\n  }\n\n  .passenger-toggle-thumb {\n    display: block;\n    width: 52px;\n    height: 52px;\n    overflow: hidden;\n    border: 1px solid var(--passenger-bg);\n    transition: width 0.3s ease, height 0.3s ease, opacity 0.2s ease, margin 0.3s ease;\n  }\n\n  .passenger-toggle-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .passenger-toggle-text {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    min-width: 0;\n  }\n\n  .passenger-toggle-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n    line-height: 1;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    opacity: 0.85;\n    white-space: nowrap;\n    min-width: 0;\n  }\n\n  .passenger-toggle-kicker-text {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .passenger-toggle-kicker .passenger-feature-dot {\n    margin-right: 2px;\n  }\n\n  .passenger-toggle-title {\n    font-size: 19px;\n    line-height: 1.1;\n    text-transform: uppercase;\n    text-wrap: balance;\n  }\n\n  \/* Plus-Symbol, das sich zum \u00d7 dreht *\/\n  .passenger-toggle-icon {\n    position: relative;\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    background: var(--passenger-red);\n    flex: none;\n    transition: transform 0.35s cubic-bezier(.3,1.4,.5,1);\n  }\n\n  .passenger-toggle-icon::before,\n  .passenger-toggle-icon::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 14px;\n    height: 2px;\n    background: var(--passenger-bg);\n    transform: translate(-50%, -50%);\n  }\n\n  .passenger-toggle-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n  }\n\n  .passenger-feature.is-open .passenger-toggle-icon {\n    transform: rotate(135deg);\n  }\n\n  \/* Zugeklappt: Plus pulsiert leicht \u2192 \"tipp mich\" *\/\n  .passenger-feature.is-collapsible:not(.is-open) .passenger-toggle-icon {\n    animation: passenger-invite 2.4s ease-in-out infinite;\n  }\n\n  \/* Aufgeklappt: Leiste wird schlanker, Mini-Bild und Titel weichen *\/\n  .passenger-feature.is-open .passenger-feature-toggle {\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n\n  .passenger-feature.is-open .passenger-toggle-thumb {\n    width: 0;\n    height: 0;\n    opacity: 0;\n    border: 0;\n    margin-right: -14px;\n  }\n\n  .passenger-feature.is-open .passenger-toggle-title {\n    display: none;\n  }\n\n  .passenger-feature-toggle:focus-visible {\n    outline: 2px solid var(--passenger-red);\n    outline-offset: 3px;\n  }\n\n  .passenger-feature-toggle:active .passenger-toggle-icon {\n    transform: scale(0.9);\n  }\n\n  \/* ----- Ausklappbarer Bereich ----- *\/\n  .passenger-feature-panel {\n    display: grid;\n    grid-template-rows: 1fr;\n    transition: grid-template-rows 0.5s cubic-bezier(.2,.7,.2,1);\n  }\n\n  .passenger-feature.is-collapsible:not(.is-open) .passenger-feature-panel {\n    grid-template-rows: 0fr;\n  }\n\n  .passenger-feature-panel-inner {\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  .passenger-feature-panel-inner > * {\n    transition: opacity 0.35s ease 0.1s, transform 0.45s ease 0.05s;\n  }\n\n  .passenger-feature.is-collapsible:not(.is-open) .passenger-feature-panel-inner > * {\n    opacity: 0;\n    transform: translateY(-12px);\n    transition: opacity 0.2s ease, transform 0.2s ease;\n  }\n\n  .passenger-feature-link {\n    display: block;\n    color: var(--passenger-black);\n    text-decoration: none;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .passenger-feature-link:focus-visible {\n    outline: 2px solid var(--passenger-red);\n    outline-offset: -4px;\n  }\n\n  .passenger-feature-link:active .passenger-feature-cta {\n    filter: brightness(0.85);\n  }\n\n  \/* Bild *\/\n  .passenger-feature-image {\n    position: relative;\n    display: block;\n    aspect-ratio: 16 \/ 10;\n    overflow: hidden;\n    background: #2a1a14;\n  }\n\n  .passenger-feature-image img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transform-origin: 60% 40%;\n  }\n\n  \/* Langsamer Zoom nur, wenn aufgeklappt *\/\n  .passenger-feature.is-open .passenger-feature-image img,\n  .passenger-feature:not(.is-collapsible) .passenger-feature-image img {\n    animation: passenger-kenburns 14s ease-in-out infinite alternate;\n  }\n\n  .passenger-feature-shade {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg,\n      rgba(17,17,17,0) 0%,\n      rgba(17,17,17,0) 40%,\n      rgba(17,17,17,0.85) 100%);\n  }\n\n  .passenger-feature-dot {\n    position: relative;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--passenger-red);\n    flex: none;\n  }\n\n  .passenger-feature-dot::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 50%;\n    background: var(--passenger-red);\n    animation: passenger-pulse 1.6s ease-out infinite;\n  }\n\n  \/* Text auf dem Bild *\/\n  .passenger-feature-overlay {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 22px 22px 24px;\n    color: var(--passenger-bg);\n  }\n\n  .passenger-feature-kicker {\n    font-size: 13px;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    opacity: 0.9;\n  }\n\n  .passenger-feature-title {\n    font-size: clamp(30px, 7.5vw, 48px);\n    line-height: 0.92;\n    font-weight: 400;\n    text-transform: uppercase;\n    text-wrap: balance;\n  }\n\n  .passenger-feature-text {\n    font-size: 15px;\n    line-height: 1.45;\n    max-width: 40ch;\n  }\n\n  \/* Ticket-Leiste mit Perforation *\/\n  .passenger-feature-ticket {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    border-top: 2px dashed var(--passenger-black);\n  }\n\n  \/* Ausgestanzte Halbkreise links\/rechts *\/\n  .passenger-feature-ticket::before,\n  .passenger-feature-ticket::after {\n    content: \"\";\n    position: absolute;\n    top: -12px;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: var(--passenger-bg);\n    border: 1px solid var(--passenger-black);\n  }\n\n  .passenger-feature-ticket::before {\n    left: -12px;\n    clip-path: inset(0 0 0 50%);\n  }\n\n  .passenger-feature-ticket::after {\n    right: -12px;\n    clip-path: inset(0 50% 0 0);\n  }\n\n  .passenger-ticket-cell {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    padding: 16px 12px 14px;\n    border-right: 1px solid var(--passenger-black);\n    min-width: 0;\n  }\n\n  .passenger-ticket-cell:first-child {\n    padding-left: 22px;\n  }\n\n  .passenger-ticket-cell:last-child {\n    border-right: 0;\n  }\n\n  .passenger-ticket-label {\n    font-size: 11px;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--passenger-red);\n  }\n\n  .passenger-ticket-value {\n    font-size: 18px;\n    line-height: 1.1;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  \/* Gro\u00dfer Button \u2013 daumenfreundlich *\/\n  .passenger-feature-cta {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: 12px;\n    min-height: 60px;\n    padding: 0 22px;\n    background: var(--passenger-red);\n    color: var(--passenger-bg);\n    font-size: 18px;\n    text-transform: uppercase;\n    overflow: hidden;\n    position: relative;\n  }\n\n  \/* Lichtreflex, der \u00fcber den Button l\u00e4uft *\/\n  .passenger-feature-cta::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: -40%;\n    width: 30%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,247,0.28), transparent);\n    transform: skewX(-20deg);\n    animation: passenger-shine 4.5s ease-in-out 1.2s infinite;\n  }\n\n  .passenger-feature-cta-note {\n    font-size: 12px;\n    text-transform: none;\n    opacity: 0.85;\n  }\n\n  .passenger-feature-cta-arrow {\n    font-size: 26px;\n    line-height: 1;\n    animation: passenger-nudge 1.8s ease-in-out infinite;\n  }\n\n\n  \/* =========================================\n     Link-Liste\n     ========================================= *\/\n  .passenger-link-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .passenger-link-list li {\n    margin: 0;\n    padding: 0;\n  }\n\n  .passenger-link-list li::before,\n  .passenger-link-list li::marker {\n    content: none;\n  }\n\n  .passenger-link-card {\n    display: grid;\n    grid-template-columns: 72px 1fr auto;\n    align-items: center;\n    gap: 18px;\n    padding: 14px 22px 14px 14px;\n    border: 1px solid var(--passenger-black);\n    background: transparent;\n    color: var(--passenger-black);\n    text-decoration: none;\n    -webkit-tap-highlight-color: transparent;\n    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\n  }\n\n  .passenger-link-image {\n    width: 72px;\n    height: 72px;\n    border: 1px solid var(--passenger-black);\n    overflow: hidden;\n    background: var(--passenger-bg);\n    display: block;\n  }\n\n  .passenger-link-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.4s ease;\n  }\n\n  .passenger-link-title {\n    font-size: 18px;\n    line-height: 1.2;\n    font-weight: 400;\n    text-transform: uppercase;\n    overflow-wrap: anywhere;\n  }\n\n  .passenger-link-arrow {\n    font-size: 24px;\n    line-height: 1;\n    color: var(--passenger-red);\n    transition: transform 0.2s ease;\n  }\n\n  .passenger-link-card:active {\n    border-color: var(--passenger-red);\n    box-shadow: inset 6px 0 0 var(--passenger-red);\n  }\n\n  \/* Hover nur mit Maus *\/\n  @media (hover: hover) {\n    .passenger-link-card:hover {\n      border-color: var(--passenger-red);\n      box-shadow: inset 6px 0 0 var(--passenger-red);\n      transform: translateY(-1px);\n    }\n\n    .passenger-link-card:hover .passenger-link-arrow {\n      transform: translateX(4px);\n    }\n\n    .passenger-link-card:hover .passenger-link-image img {\n      transform: scale(1.06);\n    }\n\n    .passenger-feature-toggle:hover .passenger-toggle-icon {\n      transform: scale(1.08);\n    }\n\n    .passenger-feature.is-open .passenger-feature-toggle:hover .passenger-toggle-icon {\n      transform: rotate(135deg) scale(1.08);\n    }\n\n    .passenger-feature-link:hover .passenger-feature-cta-arrow {\n      animation-duration: 0.9s;\n    }\n  }\n\n  \/* Tastatur-Fokus *\/\n  .passenger-link-card:focus-visible {\n    outline: 2px solid var(--passenger-red);\n    outline-offset: 4px;\n  }\n\n  .passenger-sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  \/* =========================================\n     Animationen\n     ========================================= *\/\n  @keyframes passenger-kenburns {\n    from { transform: scale(1); }\n    to   { transform: scale(1.12) translate(-2%, 1%); }\n  }\n\n  @keyframes passenger-pulse {\n    0%   { transform: scale(1);   opacity: 0.7; }\n    100% { transform: scale(3.2); opacity: 0; }\n  }\n\n  @keyframes passenger-nudge {\n    0%, 100% { transform: translateX(0); }\n    50%      { transform: translateX(6px); }\n  }\n\n  @keyframes passenger-shine {\n    0%   { left: -40%; }\n    35%  { left: 130%; }\n    100% { left: 130%; }\n  }\n\n  @keyframes passenger-invite {\n    0%, 100% { box-shadow: 0 0 0 0 rgba(140,2,24,0.7); }\n    60%      { box-shadow: 0 0 0 9px rgba(140,2,24,0); }\n  }\n\n  @keyframes passenger-rise {\n    from { opacity: 0; transform: translateY(18px); }\n    to   { opacity: 1; transform: none; }\n  }\n\n  \/* =========================================\n     Handy\n     ========================================= *\/\n  @media (max-width: 600px) {\n    .passenger-linktree {\n      padding: 28px 16px 60px 16px;\n    }\n\n    .passenger-linktree-header {\n      margin-bottom: 26px;\n    }\n\n    .passenger-linktree h1 {\n      margin-bottom: 16px;\n    }\n\n    .passenger-feature {\n      margin-bottom: 28px;\n      box-shadow: 4px 4px 0 var(--passenger-red);\n    }\n\n    \/* Quadratisch auf dem Handy \u2013 gro\u00df, aber nicht mehr bildschirmf\u00fcllend *\/\n    .passenger-feature-image {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    .passenger-toggle-title {\n      font-size: 17px;\n    }\n\n    .passenger-feature-overlay {\n      padding: 18px 16px 20px;\n    }\n\n    \/* Ticket: 2\u00d72-Raster auf schmalen Screens *\/\n    .passenger-feature-ticket {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .passenger-ticket-cell,\n    .passenger-ticket-cell:first-child {\n      padding: 12px 16px 11px;\n    }\n\n    .passenger-ticket-cell:nth-child(2) {\n      border-right: 0;\n    }\n\n    .passenger-ticket-cell:nth-child(-n+2) {\n      border-bottom: 1px solid var(--passenger-black);\n    }\n\n    .passenger-feature-cta {\n      min-height: 64px;\n      padding: 0 16px;\n    }\n\n    .passenger-link-card {\n      grid-template-columns: 58px 1fr auto;\n      gap: 14px;\n      padding: 12px 16px 12px 12px;\n    }\n\n    .passenger-link-image {\n      width: 58px;\n      height: 58px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .passenger-linktree *,\n    .passenger-linktree *::before,\n    .passenger-linktree *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    var DAY = 86400000;\n\n    function label(start, now) {\n      var d0 = new Date(start); d0.setHours(0, 0, 0, 0);\n      var d1 = new Date(now);   d1.setHours(0, 0, 0, 0);\n      var days = Math.round((d0 - d1) \/ DAY);\n      if (now >= start) return 'L\u00e4uft gerade';\n      if (days <= 0) {\n        var h = Math.ceil((start - now) \/ 3600000);\n        return h <= 1 ? 'Gleich geht\u2019s los' : 'Heute \u00b7 in ' + h + ' Std.';\n      }\n      if (days === 1) return 'Morgen';\n      return 'In ' + days + ' Tagen';\n    }\n\n    document.querySelectorAll('.passenger-feature').forEach(function (card) {\n      var start = new Date(card.getAttribute('data-start')).getTime();\n      var end = new Date(card.getAttribute('data-end')).getTime();\n      var countdown = card.querySelector('.passenger-feature-countdown');\n      var toggle = card.querySelector('.passenger-feature-toggle');\n      var panel = card.querySelector('.passenger-feature-panel');\n\n      \/* Countdown + automatisches Ausblenden *\/\n      function update() {\n        var now = Date.now();\n        if (end && now > end) { card.classList.add('is-over'); return; }\n        if (countdown && start) countdown.textContent = label(start, now);\n      }\n      update();\n      setInterval(update, 60000);\n\n      \/* Auf-\/Zuklappen \u2013 ohne JavaScript bleibt der Block einfach offen *\/\n      if (!toggle || !panel) return;\n\n      function setOpen(open) {\n        card.classList.toggle('is-open', open);\n        toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n        if (open) { panel.removeAttribute('inert'); }\n        else { panel.setAttribute('inert', ''); }\n      }\n\n      card.classList.add('is-collapsible');\n      setOpen(false);\n\n      toggle.addEventListener('click', function () {\n        var open = !card.classList.contains('is-open');\n        setOpen(open);\n        if (open && window.matchMedia('(max-width: 600px)').matches) {\n          setTimeout(function () {\n            var r = card.getBoundingClientRect();\n            if (r.bottom > window.innerHeight) {\n              card.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n          }, 350);\n        }\n      });\n    });\n  })();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><script id=\"script-row-unique-1\" data-row=\"script-row-unique-1\" type=\"text\/javascript\" class=\"vc_controls\">UNCODE.initRow(document.getElementById(\"row-unique-1\"));<\/script><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"DE A Universe of Coffee in Your Cup. Hier im PASSENGER-Universum findest du alles, was du brauchst. Aktuell &middot; So [...]","protected":false},"author":919,"featured_media":132213,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-132161","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PASSENGER Coffee Berlin | Shop, Newsletter &amp; Events<\/title>\n<meta name=\"description\" content=\"Entdecke das PASSENGER-Universum: Kaffee kaufen, Newsletter abonnieren, Treuekarte sichern und Events in unseren Berliner Caf\u00e9s finden.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/test.passenger-coffee.de\/en\/welcome\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PASSENGER Coffee Berlin | Shop, Newsletter &amp; Events\" \/>\n<meta property=\"og:description\" content=\"Entdecke das PASSENGER-Universum: Kaffee kaufen, Newsletter abonnieren, Treuekarte sichern und Events in unseren Berliner Caf\u00e9s finden.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/test.passenger-coffee.de\/en\/welcome\/\" \/>\n<meta property=\"og:site_name\" content=\"passenger coffee\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/passengercoffeeberlin\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-23T11:57:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/test.passenger-coffee.de\/wp-content\/uploads\/2026\/06\/sticky-header-logo.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"650\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/willkommen\\\/\",\"url\":\"https:\\\/\\\/test.passenger-coffee.de\\\/willkommen\\\/\",\"name\":\"PASSENGER Coffee Berlin | Shop, Newsletter & Events\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/willkommen\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/willkommen\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/test.passenger-coffee.de\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/sticky-header-logo.jpeg\",\"datePublished\":\"2026-07-01T12:33:33+00:00\",\"dateModified\":\"2026-09-23T11:57:49+00:00\",\"description\":\"Entdecke das PASSENGER-Universum: Kaffee kaufen, Newsletter abonnieren, Treuekarte sichern und Events in unseren Berliner Caf\u00e9s finden.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/willkommen\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/test.passenger-coffee.de\\\/willkommen\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/willkommen\\\/#primaryimage\",\"url\":\"https:\\\/\\\/test.passenger-coffee.de\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/sticky-header-logo.jpeg\",\"contentUrl\":\"https:\\\/\\\/test.passenger-coffee.de\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/sticky-header-logo.jpeg\",\"width\":650,\"height\":650},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/willkommen\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/test.passenger-coffee.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Willkommen bei PASSENGER\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/#website\",\"url\":\"https:\\\/\\\/test.passenger-coffee.de\\\/\",\"name\":\"passenger coffee\",\"description\":\"We\u2019re passionate about making the best cup of coffee possible, and helping you make it too!\",\"publisher\":{\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/test.passenger-coffee.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/#organization\",\"name\":\"passenger coffee GmbH\",\"alternateName\":\"passenger coffee\",\"url\":\"https:\\\/\\\/test.passenger-coffee.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.passenger-coffee.de\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Passenger_Primary-Logo-2.png\",\"contentUrl\":\"https:\\\/\\\/www.passenger-coffee.de\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Passenger_Primary-Logo-2.png\",\"width\":1301,\"height\":221,\"caption\":\"passenger coffee GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/test.passenger-coffee.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/passengercoffeeberlin\",\"https:\\\/\\\/www.instagram.com\\\/passenger.berlin\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PASSENGER Coffee Berlin | Shop, Newsletter & Events","description":"Discover the PASSENGER universe: buy coffee, subscribe to our newsletter, get your loyalty card, and find events at our Berlin caf\u00e9s.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/test.passenger-coffee.de\/en\/welcome\/","og_locale":"en_GB","og_type":"article","og_title":"PASSENGER Coffee Berlin | Shop, Newsletter & Events","og_description":"Entdecke das PASSENGER-Universum: Kaffee kaufen, Newsletter abonnieren, Treuekarte sichern und Events in unseren Berliner Caf\u00e9s finden.","og_url":"https:\/\/test.passenger-coffee.de\/en\/welcome\/","og_site_name":"passenger coffee","article_publisher":"https:\/\/www.facebook.com\/passengercoffeeberlin","article_modified_time":"2026-09-23T11:57:49+00:00","og_image":[{"width":650,"height":650,"url":"https:\/\/test.passenger-coffee.de\/wp-content\/uploads\/2026\/06\/sticky-header-logo.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/test.passenger-coffee.de\/willkommen\/","url":"https:\/\/test.passenger-coffee.de\/willkommen\/","name":"PASSENGER Coffee Berlin | Shop, Newsletter & Events","isPartOf":{"@id":"https:\/\/test.passenger-coffee.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/test.passenger-coffee.de\/willkommen\/#primaryimage"},"image":{"@id":"https:\/\/test.passenger-coffee.de\/willkommen\/#primaryimage"},"thumbnailUrl":"https:\/\/test.passenger-coffee.de\/wp-content\/uploads\/2026\/06\/sticky-header-logo.jpeg","datePublished":"2026-07-01T12:33:33+00:00","dateModified":"2026-09-23T11:57:49+00:00","description":"Discover the PASSENGER universe: buy coffee, subscribe to our newsletter, get your loyalty card, and find events at our Berlin caf\u00e9s.","breadcrumb":{"@id":"https:\/\/test.passenger-coffee.de\/willkommen\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/test.passenger-coffee.de\/willkommen\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/test.passenger-coffee.de\/willkommen\/#primaryimage","url":"https:\/\/test.passenger-coffee.de\/wp-content\/uploads\/2026\/06\/sticky-header-logo.jpeg","contentUrl":"https:\/\/test.passenger-coffee.de\/wp-content\/uploads\/2026\/06\/sticky-header-logo.jpeg","width":650,"height":650},{"@type":"BreadcrumbList","@id":"https:\/\/test.passenger-coffee.de\/willkommen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/test.passenger-coffee.de\/"},{"@type":"ListItem","position":2,"name":"Willkommen bei PASSENGER"}]},{"@type":"WebSite","@id":"https:\/\/test.passenger-coffee.de\/#website","url":"https:\/\/test.passenger-coffee.de\/","name":"passenger coffee","description":"We\u2019re passionate about making the best cup of coffee possible, and helping you make it too!","publisher":{"@id":"https:\/\/test.passenger-coffee.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/test.passenger-coffee.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/test.passenger-coffee.de\/#organization","name":"passenger coffee GmbH","alternateName":"passenger coffee","url":"https:\/\/test.passenger-coffee.de\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/test.passenger-coffee.de\/#\/schema\/logo\/image\/","url":"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2025\/06\/Passenger_Primary-Logo-2.png","contentUrl":"https:\/\/www.passenger-coffee.de\/wp-content\/uploads\/2025\/06\/Passenger_Primary-Logo-2.png","width":1301,"height":221,"caption":"passenger coffee GmbH"},"image":{"@id":"https:\/\/test.passenger-coffee.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/passengercoffeeberlin","https:\/\/www.instagram.com\/passenger.berlin"]}]}},"_links":{"self":[{"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/pages\/132161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/users\/919"}],"replies":[{"embeddable":true,"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/comments?post=132161"}],"version-history":[{"count":10,"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/pages\/132161\/revisions"}],"predecessor-version":[{"id":133234,"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/pages\/132161\/revisions\/133234"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/media\/132213"}],"wp:attachment":[{"href":"https:\/\/test.passenger-coffee.de\/en\/wp-json\/wp\/v2\/media?parent=132161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}