{"id":2469,"date":"2026-05-19T19:05:09","date_gmt":"2026-05-19T17:05:09","guid":{"rendered":"https:\/\/humanunlimited.de\/?page_id=2469"},"modified":"2026-06-16T12:22:55","modified_gmt":"2026-06-16T10:22:55","slug":"rookies","status":"publish","type":"page","link":"https:\/\/humanunlimited.de\/en\/rookies\/","title":{"rendered":"Rookies"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2469\" class=\"elementor elementor-2469\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee3785b e-con-full e-flex e-con e-parent\" data-id=\"ee3785b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efd8a79 elementor-widget elementor-widget-html\" data-id=\"efd8a79\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- GSAP -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/SplitText.min.js\"><\/script>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&display=swap');\n\n  :root {\n    --black: #000;\n    --white: #fff;\n    --gray: #888;\n    --light: #f6f6f6;\n    --gfrom: #D92B1C;\n    --gto:   #EF3376;\n    --grad: linear-gradient(90deg, var(--gfrom), var(--gto));\n    --ff: 'Avant Garde Gothic ITC', 'AvantGarGotDem', sans-serif;\n    --fs: 'Great Vibes', cursive;\n    --ease: cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n  html { overflow-x:hidden; scroll-behavior:smooth; }\n  body {\n    font-family: var(--ff);\n    background: var(--white);\n    color: var(--black);\n    overflow-x: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n  a { text-decoration:none; color:inherit; }\n  img { display:block; max-width:100%; }\n  button { cursor:pointer; border:none; background:none; font-family:inherit; }\n\n  \/* \u2500\u2500 CURSOR \u2500\u2500 *\/\n  @media (pointer:fine) {\n    body { cursor:none; }\n    .cur-dot, .cur-ring {\n      position:fixed; top:0; left:0;\n      pointer-events:none; z-index:9999;\n      border-radius:50%;\n      transform:translate(-50%,-50%);\n      will-change:transform;\n    }\n    .cur-dot { width:7px; height:7px; background:var(--black); }\n    .cur-ring {\n      width:30px; height:30px;\n      border:1.5px solid rgba(0,0,0,.3);\n      transition:width .28s var(--ease), height .28s var(--ease), border-color .2s;\n    }\n    .cur-ring.hov { width:46px; height:46px; border-color:rgba(0,0,0,.75); }\n    .cur-ring.lt  { border-color:rgba(255,255,255,.4); }\n    .cur-ring.lt.hov { border-color:rgba(255,255,255,.9); }\n    .cur-dot.lt  { background:var(--white); }\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  #header {\n    position:relative;\n    height:540px;\n    background:var(--white);\n    overflow:hidden;\n  }\n  #header::before {\n    content:'';\n    position:absolute;\n    inset:0 0 auto 0;\n    height:330px;\n    background:var(--black);\n    z-index:0;\n  }\n  .h-logo {\n    position:absolute;\n    top:36px; left:60px;\n    height:258px; width:auto;\n    z-index:2;\n  }\n  .h-imgs {\n    position:absolute;\n    top:150px; right:60px;\n    display:flex; gap:18px;\n    z-index:2;\n  }\n  .h-img {\n    width:248px; height:360px;\n    overflow:hidden;\n    border-radius:2px;\n  }\n  .h-img img {\n    width:100%; height:100%;\n    object-fit:cover;\n    transition:transform .6s var(--ease);\n  }\n  .h-img:hover img { transform:scale(1.05); }\n  .h-tag {\n    position:absolute;\n    bottom:36px; left:60px;\n    font-size:clamp(.75rem,1.1vw,.92rem);\n    font-weight:600;\n    letter-spacing:.07em;\n    text-transform:uppercase;\n    color:var(--black);\n    line-height:1.7;\n    z-index:2;\n  }\n\n  \/* \u2500\u2500 ABOUT \u2500\u2500 *\/\n  #about {\n    padding:100px 60px 120px;\n    position:relative; overflow:hidden;\n  }\n  .a-hl {\n    display:flex; flex-direction:column;\n    line-height:1; margin-bottom:56px;\n  }\n  .a-what {\n    font-size:clamp(2.2rem,9vw,7.6rem);\n    font-weight:700; letter-spacing:-.01em;\n    background:var(--grad);\n    -webkit-background-clip:text; background-clip:text;\n    -webkit-text-fill-color:transparent;\n    display:inline-block;\n  }\n  .a-script {\n    font-family:var(--fs);\n    font-size:clamp(5rem,22vw,18rem);\n    color:var(--black); line-height:.85;\n    margin-top:-.05em;\n  }\n  .a-body {\n    max-width:70%;\n  }\n  .a-body p {\n    font-size:clamp(1.1rem,1.9vw,1.35rem);\n    font-weight:600;\n    line-height:1.65;\n    color:var(--black);\n  }\n  .a-body p + p { margin-top:1.2em; }\n  .a-body .w { opacity:.1; will-change:opacity; }\n\n  \/* \u2500\u2500 EVENTS \u2500\u2500 *\/\n  #events {\n    position:relative;\n    min-height:100vh;\n    display:flex; flex-direction:column;\n    padding:0;\n    overflow:hidden;\n  }\n  .ev-bg {\n    position:absolute; inset:0;\n    background-size:cover; background-position:center;\n    opacity:0; z-index:0;\n    will-change:opacity;\n  }\n  .ev-logo {\n    position:absolute; top:28px; right:40px;\n    width:110px; z-index:3;\n    filter:brightness(0) invert(1);\n    opacity:.85;\n  }\n  .ev-overlay {\n    position:absolute; inset:0; z-index:1;\n    background:linear-gradient(to bottom,\n      rgba(0,0,0,.55) 0%,\n      rgba(0,0,0,.25) 50%,\n      rgba(0,0,0,.72) 100%);\n  }\n  .ev-content {\n    position:relative; z-index:2;\n    display:flex; flex-direction:column;\n    flex:1; padding-top:60px;\n  }\n  .ev-header { padding:0 60px; }\n  .ev-super {\n    display:block;\n    font-size:clamp(.65rem,1vw,.8rem);\n    font-weight:500; text-transform:uppercase;\n    letter-spacing:.18em; color:rgba(255,255,255,.55);\n    margin-bottom:10px;\n  }\n  .ev-title {\n    font-size:clamp(2rem,4.2vw,3.4rem);\n    font-weight:600; text-transform:uppercase;\n    letter-spacing:.08em; color:var(--white);\n    margin:0; line-height:1.4;\n    padding-top:4px;\n  }\n  .ev-meta {\n    display:flex; align-items:center; gap:10px;\n    margin-top:10px;\n    font-size:clamp(.7rem,1.1vw,.9rem);\n    font-weight:400; letter-spacing:.06em;\n    color:rgba(255,255,255,.65);\n  }\n  .ev-meta-sep { opacity:.5; font-size:.9rem; }\n  .ev-meta-badge {\n    font-size:.6rem; font-weight:600; letter-spacing:.12em;\n    text-transform:uppercase; padding:6px 12px 4px; border-radius:999px;\n    border:1px solid rgba(255,255,255,.28); color:rgba(255,255,255,.8);\n    line-height:1;\n    background:rgba(255,255,255,.1);\n    backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);\n  }\n  .ev-meta-badge.ro {\n    background:var(--grad);\n    border-color:transparent;\n    color:var(--white);\n    -webkit-text-fill-color:var(--white);\n  }\n  .ev-reg {\n    margin-top:20px;\n    display:inline-flex; align-items:center; gap:10px;\n    padding:11px 22px; border-radius:999px;\n    border:1px solid rgba(255,255,255,.45);\n    background:rgba(255,255,255,.08);\n    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);\n    font-size:.78rem; font-weight:600; letter-spacing:.1em;\n    text-transform:uppercase; color:var(--white);\n    transition:background .25s, border-color .25s, transform .15s;\n  }\n  .ev-reg:hover { background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.7); }\n  .ev-reg:active { transform:scale(.97); }\n  .ev-reg-icon {\n    position:relative; overflow:hidden;\n    width:16px; height:16px; flex-shrink:0;\n  }\n  .ev-reg-icon svg {\n    position:absolute; inset:0; width:100%; height:100%;\n    transition:transform .35s cubic-bezier(.16,1,.3,1), opacity .3s;\n  }\n  .ev-reg-icon svg:last-child { transform:translateX(-110%); opacity:0; }\n  .ev-reg:hover .ev-reg-icon svg:first-child { transform:translateX(110%); opacity:0; }\n  .ev-reg:hover .ev-reg-icon svg:last-child  { transform:translateX(0);    opacity:1; }\n  \/* pushes nav+carousel to bottom *\/\n  .ev-spacer { flex:1; min-height:40px; }\n  \/* nav sits directly above the cards *\/\n  .ev-nav {\n    display:flex; justify-content:space-between; align-items:center;\n    padding:0 60px 18px;\n  }\n  .ev-counter {\n    font-size:1.05rem;\n    font-weight:300; letter-spacing:.04em; line-height:1; color:rgba(255,255,255,.7);\n  }\n  .ev-counter .cn { font-weight:600; color:var(--white); }\n  .ev-counter .cs { color:rgba(255,255,255,.35); }\n  .ev-btns { display:flex; gap:10px; }\n  .ev-btn {\n    width:48px; height:48px; border-radius:50%;\n    display:flex; align-items:center; justify-content:center;\n    border:1.5px solid rgba(255,255,255,.55) !important;\n    background:rgba(255,255,255,.12);\n    backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);\n    transition:background .25s, border-color .25s, transform .15s;\n  }\n  .ev-btn svg {\n    width:18px; height:18px;\n    stroke:rgba(255,255,255,.85); stroke-width:2;\n    fill:none; stroke-linecap:round; stroke-linejoin:round;\n  }\n  .ev-btn:hover { background:rgba(255,255,255,.25); border-color:rgba(255,255,255,1) !important; }\n  .ev-btn:active { transform:scale(.97); }\n  .ev-carousel { padding:0 0 32px 60px; }\n  .ev-track-wrap { overflow:visible; }\n  .ev-track {\n    display:flex; gap:30px;\n    will-change:transform;\n  }\n  .ev-card {\n    flex:0 0 calc((100vw - 180px) \/ 3);\n    aspect-ratio:16\/10;\n    height:auto;\n    position:relative; overflow:hidden;\n    cursor:pointer;\n  }\n  .ev-card::after {\n    content:''; position:absolute; bottom:0; left:0; right:0;\n    height:2px; background:var(--grad);\n    opacity:0; transition:opacity .35s;\n  }\n  .ev-card.active::after { opacity:1; }\n  .ev-card-img {\n    width:100%; height:100%; object-fit:cover;\n    transition:transform .65s var(--ease);\n    display:block;\n  }\n  .ev-card:hover .ev-card-img { transform:scale(1.05); }\n  .ev-card-ov {\n    position:absolute; inset:0;\n    background:linear-gradient(to bottom, transparent 30%, rgba(0,0,0,.82) 100%);\n  }\n  .ev-card-info {\n    position:absolute; bottom:0; left:0; right:0;\n    padding:16px 18px;\n    display:flex; justify-content:space-between; align-items:flex-end;\n    gap:8px;\n  }\n  .ev-card-l { display:flex; flex-direction:column; gap:3px; }\n  .ev-card-name {\n    font-size:.88rem;\n    font-weight:600; letter-spacing:.04em; line-height:1.1;\n    text-transform:uppercase; color:var(--white);\n  }\n  .ev-card-type {\n    font-size:.65rem; font-weight:300;\n    letter-spacing:.07em; text-transform:uppercase;\n    color:rgba(255,255,255,.65);\n  }\n  .ev-card-r { text-align:right; flex-shrink:0; }\n  .ev-card-date {\n    font-size:.75rem;\n    font-weight:300; color:var(--white);\n  }\n  .ev-card-time {\n    font-size:.65rem; font-weight:300;\n    color:rgba(255,255,255,.65);\n  }\n\n  \/* \u2500\u2500 INACTIVE CARD \u2500\u2500 *\/\n  .ev-card--inactive { cursor:default; }\n  .ev-card--inactive .ev-card-img { filter:brightness(.55); }\n  .ev-card--inactive:hover .ev-card-img { transform:none; }\n  .ev-card-lock {\n    position:absolute; inset:0;\n    display:flex; align-items:center; justify-content:center;\n    pointer-events:none;\n  }\n  .ev-card-lock-circle {\n    width:52px; height:52px; border-radius:50%;\n    background:rgba(255,255,255,.12);\n    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);\n    border:1px solid rgba(255,255,255,.22);\n    display:flex; align-items:center; justify-content:center;\n  }\n  .ev-card-lock-circle svg {\n    width:20px; height:20px;\n    stroke:rgba(255,255,255,.9);\n  }\n\n  \/* \u2500\u2500 MODAL \u2500\u2500 *\/\n  #modal {\n    display:none;\n    position:fixed; inset:0; z-index:1000;\n    align-items:center; justify-content:center;\n    padding:20px;\n  }\n  .m-backdrop {\n    position:absolute; inset:0;\n    background:rgba(0,0,0,.5);\n    backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);\n  }\n  .m-inner {\n    position:relative; z-index:1;\n    display:grid;\n    grid-template-columns:520px 1fr;\n    max-width:960px; width:100%; height:520px;\n    background:var(--white);\n    overflow:hidden;\n  }\n  .m-close {\n    position:absolute; top:14px; right:14px;\n    display:flex; align-items:center; justify-content:center;\n    z-index:10; border:none;\n    width:32px; height:32px; border-radius:50%;\n    background:rgba(255,255,255,.92);\n    padding:0; transition:opacity .2s;\n  }\n  .m-close:hover { opacity:.7; }\n  .m-close svg { width:16px; height:16px; stroke:var(--black); stroke-width:2; fill:none; stroke-linecap:round; }\n  .m-left {\n    position:relative; overflow:hidden;\n  }\n  .m-img, .m-img-ph {\n    width:100%; height:100%; object-fit:cover;\n  }\n  .m-img-ov {\n    position:absolute; inset:0;\n    background:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,transparent 35%,transparent 55%,rgba(0,0,0,.7) 100%);\n  }\n  .m-logo   { position:absolute; top:18px; left:18px; width:80px; filter:brightness(0) invert(1); }\n  .m-city   {\n    position:absolute; top:20px; right:20px;\n    font-size:.7rem; font-weight:300; letter-spacing:.08em;\n    text-transform:uppercase; color:var(--white);\n  }\n  .m-bl {\n    position:absolute; bottom:18px; left:18px;\n    max-width:calc(100% - 120px);\n  }\n  .m-bl-name {\n    font-size:1.1rem; font-weight:700; line-height:1.1;\n    text-transform:uppercase; letter-spacing:.04em; color:var(--white);\n    word-break:break-word;\n  }\n  .m-bl-type {\n    font-size:.65rem; font-weight:300; letter-spacing:.07em;\n    text-transform:uppercase; color:rgba(255,255,255,.65);\n    margin-top:4px;\n  }\n  .m-br {\n    position:absolute; bottom:18px; right:18px; text-align:right;\n  }\n  .m-br-date { font-size:.82rem; font-weight:300; color:var(--white); }\n  .m-br-time { font-size:.7rem; font-weight:300; color:rgba(255,255,255,.65); }\n  .m-right {\n    padding:36px 32px 32px;\n    display:flex; flex-direction:column;\n    overflow-y:auto;\n  }\n  .m-form-title {\n    font-size:1.4rem; font-weight:700;\n    text-transform:uppercase; letter-spacing:.04em;\n    color:var(--black); margin-bottom:3px;\n  }\n  .m-form-sub {\n    font-size:.75rem; letter-spacing:.02em;\n    color:var(--gray); margin-bottom:4px;\n  }\n  .m-form-addr {\n    font-size:.68rem; letter-spacing:.02em;\n    color:#aaa; margin-bottom:22px;\n  }\n  .m-form-addr:empty { margin-bottom:26px; }\n  .fg { display:flex; flex-direction:column; gap:5px; margin-bottom:14px; }\n  .fl { font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.1em; color:var(--gray); }\n  .fi {\n    font-family:var(--ff); font-size:.88rem; font-weight:300;\n    border:none; border-bottom:1px solid #ddd;\n    padding:9px 0; background:transparent; color:var(--black);\n    outline:none; width:100%; border-radius:0;\n    -webkit-appearance:none;\n    transition:border-color .2s;\n    letter-spacing:.015em;\n  }\n  .fi:focus { border-bottom-color:var(--black); }\n  .fsel-wrap { position:relative; }\n  .fsel-wrap::after {\n    content:'';\n    position:absolute; right:2px; top:50%;\n    transform:translateY(-50%) rotate(45deg);\n    width:8px; height:8px;\n    border-right:1.5px solid var(--gray);\n    border-bottom:1.5px solid var(--gray);\n    margin-top:-2px; pointer-events:none;\n  }\n  .no-rookie-msg {\n    display:none;\n    background:var(--light);\n    padding:18px;\n    font-size:.82rem; font-weight:300;\n    line-height:1.65; color:#444;\n    letter-spacing:.01em;\n    margin-bottom:14px;\n  }\n  .no-rookie-msg a { text-decoration:underline; font-weight:500; }\n  .m-fields { display:flex; flex-direction:column; gap:0; flex:1; }\n  .btn-cmi {\n    margin-top:auto;\n    background:var(--black); color:var(--white);\n    font-family:var(--ff); font-size:.8rem; font-weight:600;\n    letter-spacing:.14em; text-transform:uppercase;\n    padding:17px 32px; width:100%;\n    position:relative; overflow:hidden;\n    transition:transform .15s;\n  }\n  .btn-cmi::after {\n    content:''; position:absolute; inset:0;\n    background:var(--grad); opacity:0;\n    transition:opacity .3s;\n  }\n  .btn-cmi:hover::after { opacity:1; }\n  .btn-cmi:active { transform:scale(.98); }\n  .btn-cmi span { position:relative; z-index:1; }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  #footer { background:var(--black); padding:56px 60px; }\n  .ft-inner { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:32px; }\n  .ft-logo { width:110px; opacity:.75; }\n  .ft-nav  { display:flex; gap:28px; flex-wrap:wrap; align-items:center; }\n  .ft-nav a { font-size:.75rem; font-weight:300; letter-spacing:.07em; text-transform:uppercase; color:rgba(255,255,255,.45); transition:color .2s; }\n  .ft-nav a:hover { color:var(--white); }\n  .ft-copy { width:100%; font-size:.68rem; font-weight:300; color:rgba(255,255,255,.2); letter-spacing:.04em; border-top:1px solid rgba(255,255,255,.08); padding-top:22px; margin-top:8px; }\n\n  \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n  @media (max-width:768px) {\n    #header { height:auto; overflow:visible; background:var(--white); }\n    #header::before { height:200px; }\n    .h-logo { position:relative; top:auto; left:auto; height:140px; width:auto; display:block; margin:0; padding:28px 24px 0; }\n    .h-imgs { position:relative; top:auto; right:auto; padding:24px 24px 0; gap:12px; }\n    .h-img  { width:calc(50% - 6px); height:auto; aspect-ratio:12\/16; }\n    .h-tag  { position:relative; bottom:auto; left:auto; padding:28px 24px 40px; }\n    #about  { padding:40px 24px 80px; }\n    .a-hl   { margin-bottom:40px; }\n    .ev-content { padding-top:68px; }\n    .ev-header  { padding:0 24px; }\n    .ev-logo    { top:14px; right:14px; width:99px; }\n    .ev-super   { font-size:.6rem; letter-spacing:.14em; margin-bottom:8px; }\n    .ev-title   { font-size:clamp(1.6rem,6.5vw,2.6rem); }\n    .ev-meta    { font-size:.7rem; gap:8px; margin-top:8px; flex-wrap:wrap; }\n    .ev-meta-badge { font-size:.55rem; padding:5px 10px 5px; }\n    .ev-reg     { margin-top:16px; font-size:.72rem; padding:10px 18px; }\n    .ev-nav     { padding:0 24px 14px; }\n    .ev-carousel{ padding:0 0 28px 24px; }\n    .ev-card    { flex:0 0 80vw; }\n    .ev-counter { font-size:.9rem; }\n    .ev-btn     { width:40px; height:40px; }\n    #footer { padding:40px 24px; }\n    .ft-inner { flex-direction:column; gap:20px; }\n    .ft-nav { flex-direction:column; gap:14px; align-items:flex-start; }\n    .m-inner {\n      grid-template-columns:1fr;\n      height:auto; max-height:92vh;\n      overflow-y:auto; max-width:420px;\n    }\n    .m-left { height:260px; }\n    .m-form-title, .m-form-sub { display:none; }\n    .m-right { padding:24px 24px 28px; }\n  }\n  @media (max-width:480px) {\n    .h-img { height:180px; }\n  }\n\n  \/* \u2500\u2500 WORDPRESS \/ ELEMENTOR OVERRIDES \u2500\u2500 *\/\n  #events *, #modal * { font-family:'Avant Garde Gothic ITC','AvantGarGotDem',sans-serif !important; box-sizing:border-box !important; }\n\n  \/* \u2500\u2500 Events typography (high specificity) \u2500\u2500 *\/\n  #events .ev-super  { font-size:clamp(.65rem,1vw,.8rem) !important; font-weight:500 !important; letter-spacing:.18em !important; color:rgba(255,255,255,.55) !important; -webkit-text-fill-color:rgba(255,255,255,.55) !important; }\n  #events .ev-title  { font-size:clamp(2rem,4.2vw,3.4rem) !important; font-weight:600 !important; letter-spacing:.08em !important; line-height:1.4 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }\n  #events #evMetaDate, #events #evMetaLoc { font-size:clamp(.7rem,1.1vw,.9rem) !important; font-weight:400 !important; letter-spacing:.06em !important; color:rgba(255,255,255,.65) !important; -webkit-text-fill-color:rgba(255,255,255,.65) !important; }\n  #events .ev-meta-sep { color:rgba(255,255,255,.65) !important; -webkit-text-fill-color:rgba(255,255,255,.65) !important; }\n  #events .ev-meta-badge { font-size:.6rem !important; font-weight:600 !important; letter-spacing:.12em !important; padding:6px 12px 4px !important; line-height:1 !important; }\n  #events .ev-counter { font-size:1.05rem !important; font-weight:300 !important; letter-spacing:.04em !important; line-height:1 !important; color:rgba(255,255,255,.7) !important; }\n  #events .ev-counter .cn { font-weight:600 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }\n  #events .ev-counter .cs { color:rgba(255,255,255,.35) !important; -webkit-text-fill-color:rgba(255,255,255,.35) !important; }\n  #events .ev-card { flex:0 0 calc((100vw - 180px) \/ 3) !important; aspect-ratio:16\/10 !important; height:auto !important; border-radius:0 !important; }\n  @media (max-width:768px) {\n    #events { overflow:hidden !important; }\n    #events .ev-card { flex:0 0 78vw !important; aspect-ratio:16\/10 !important; }\n    #events .ev-track { gap:16px !important; }\n    #events .ev-carousel { padding:0 0 28px 24px !important; overflow:visible !important; }\n    #events .ev-reg-label { margin-top:2px !important; }\n    #modal .m-city { top:54px !important; }\n    #modal .m-bl { max-width:calc(100% - 110px) !important; }\n    #modal .m-form-title, #modal .m-form-sub { display:none !important; }\n  }\n  #modal .m-inner { border-radius:0 !important; }\n  #events .ev-card-name { font-size:.88rem !important; font-weight:600 !important; letter-spacing:.04em !important; line-height:1.1 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }\n  #events .ev-card-type { font-size:.65rem !important; font-weight:300 !important; letter-spacing:.07em !important; color:rgba(255,255,255,.65) !important; -webkit-text-fill-color:rgba(255,255,255,.65) !important; }\n  #events .ev-card-date { font-size:.75rem !important; font-weight:300 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }\n  #events .ev-card-time { font-size:.65rem !important; font-weight:300 !important; color:rgba(255,255,255,.65) !important; -webkit-text-fill-color:rgba(255,255,255,.65) !important; }\n  #events .ev-card-info { padding:16px 18px !important; position:absolute !important; bottom:0 !important; left:0 !important; right:0 !important; }\n  #events .ev-track { gap:30px !important; }\n  #events .ev-card--inactive { cursor:default !important; }\n  #events .ev-card--inactive .ev-card-img { filter:brightness(.55) !important; transform:none !important; }\n  #events .ev-card-lock { position:absolute !important; inset:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; pointer-events:none !important; background:none !important; }\n  #events .ev-card-lock-circle { width:52px !important; height:52px !important; border-radius:50% !important; background:rgba(255,255,255,.12) !important; backdrop-filter:blur(12px) !important; -webkit-backdrop-filter:blur(12px) !important; border:1px solid rgba(255,255,255,.22) !important; display:flex !important; align-items:center !important; justify-content:center !important; }\n  #events .ev-card-lock-circle svg { width:20px !important; height:20px !important; stroke:rgba(255,255,255,.9) !important; fill:none !important; }\n\n  \/* \u2500\u2500 Events buttons \u2500\u2500 *\/\n  #events .ev-btn { background:rgba(255,255,255,.12) !important; border:1.5px solid rgba(255,255,255,.55) !important; border-radius:50% !important; backdrop-filter:blur(10px) !important; -webkit-backdrop-filter:blur(10px) !important; width:48px !important; height:48px !important; display:flex !important; align-items:center !important; justify-content:center !important; }\n  #events .ev-btn svg { stroke:rgba(255,255,255,.85) !important; fill:none !important; width:18px !important; height:18px !important; }\n  #events .ev-reg { font-size:.78rem !important; font-weight:600 !important; letter-spacing:.1em !important; padding:11px 22px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.45) !important; border-radius:999px !important; backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important; display:inline-flex !important; align-items:center !important; gap:10px !important; }\n  #events .ev-reg svg { stroke:#fff !important; fill:none !important; }\n  #events .ev-reg-icon svg { stroke:#fff !important; }\n  \/* Card images fill completely *\/\n  .ev-card { display:block !important; }\n  .ev-card-img {\n    position:absolute !important; inset:0 !important;\n    width:100% !important; height:100% !important;\n    object-fit:cover !important; max-width:none !important;\n    display:block !important;\n  }\n  \/* \u2500\u2500 Modal typography & elements \u2500\u2500 *\/\n  #modal .m-form-title { font-size:1.4rem !important; font-weight:700 !important; letter-spacing:.04em !important; margin-bottom:3px !important; color:#000 !important; -webkit-text-fill-color:#000 !important; }\n  #modal .m-form-sub   { font-size:.75rem !important; letter-spacing:.02em !important; margin-bottom:4px !important; color:#888 !important; }\n  #modal .m-form-addr  { font-size:.68rem !important; letter-spacing:.02em !important; margin-top:0 !important; margin-bottom:22px !important; color:#aaa !important; }\n  #modal .m-form-addr:empty { margin-bottom:26px !important; }\n  #modal .fl  { font-size:.68rem !important; font-weight:600 !important; letter-spacing:.1em !important; color:#888 !important; }\n  #modal .fi  { font-size:.88rem !important; font-weight:300 !important; padding:9px 0 !important; border:none !important; border-bottom:1px solid #ddd !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; width:100% !important; height:auto !important; line-height:1.4 !important; color:#000 !important; letter-spacing:.015em !important; }\n  #modal .fi:focus { border-bottom-color:#000 !important; box-shadow:none !important; }\n  #modal .fg  { margin-bottom:14px !important; padding:0 !important; display:flex !important; flex-direction:column !important; gap:5px !important; }\n  #modal .m-bl-name { font-size:1.1rem !important; font-weight:700 !important; line-height:1.1 !important; letter-spacing:.04em !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }\n  #modal .m-bl-type  { font-size:.65rem !important; font-weight:300 !important; letter-spacing:.07em !important; color:rgba(255,255,255,.65) !important; -webkit-text-fill-color:rgba(255,255,255,.65) !important; margin-top:4px !important; }\n  #modal .m-br-date  { font-size:.82rem !important; font-weight:300 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }\n  #modal .m-br-time  { font-size:.7rem !important; font-weight:300 !important; color:rgba(255,255,255,.65) !important; -webkit-text-fill-color:rgba(255,255,255,.65) !important; }\n  #modal .m-city     { font-size:.7rem !important; font-weight:300 !important; letter-spacing:.08em !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }\n  #modal .m-close    { background:none !important; border:none !important; border-radius:0 !important; box-shadow:none !important; padding:4px !important; }\n  #modal .m-close svg { stroke:#000 !important; fill:none !important; }\n  #modal .btn-cmi    { font-size:.8rem !important; font-weight:600 !important; letter-spacing:.14em !important; padding:17px 32px !important; width:100% !important; border-radius:0 !important; background:#000 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border:none !important; }\n  #modal .btn-cmi span { color:#fff !important; -webkit-text-fill-color:#fff !important; }\n  #modal .m-img { max-width:none !important; width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }\n  @media (max-width:768px) {\n    #modal .m-close { width:32px !important; height:32px !important; border-radius:50% !important; background:rgba(255,255,255,.92) !important; padding:0 !important; border:none !important; box-shadow:none !important; }\n    #modal .m-close svg { stroke:#000 !important; width:16px !important; height:16px !important; }\n    #events .ev-reg { font-size:.62rem !important; padding:7px 14px !important; }\n  }\n<\/style>\n\n<div class=\"cur-dot\" id=\"cDot\"><\/div>\n<div class=\"cur-ring\" id=\"cRing\"><\/div>\n\n<div id=\"page\">\n\n  <!-- EVENTS -->\n  <section id=\"events\">\n    <div id=\"evBgs\"><\/div>\n    <div class=\"ev-overlay\"><\/div>\n    <img decoding=\"async\" src=\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png\" alt=\"Rookies\" class=\"ev-logo\">\n\n    <div class=\"ev-content\">\n      <div class=\"ev-header\">\n        <span class=\"ev-super\">Upcoming Events<\/span>\n        <h2 class=\"ev-title\" id=\"evTitle\"><\/h2>\n        <div class=\"ev-meta\" id=\"evMeta\">\n          <span id=\"evMetaDate\"><\/span>\n          <span class=\"ev-meta-sep\">\u00b7<\/span>\n          <span id=\"evMetaLoc\"><\/span>\n          <span class=\"ev-meta-sep\">\u00b7<\/span>\n          <span class=\"ev-meta-badge\" id=\"evMetaBadge\"><\/span>\n        <\/div>\n        <button class=\"ev-reg\" id=\"evRegBtn\"><span class=\"ev-reg-label\">Jetzt anmelden<\/span> <span class=\"ev-reg-icon\"><svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"2\" y1=\"8\" x2=\"13\" y2=\"8\"\/><polyline points=\"9,4 13,8 9,12\"\/><\/svg><svg viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"2\" y1=\"8\" x2=\"13\" y2=\"8\"\/><polyline points=\"9,4 13,8 9,12\"\/><\/svg><\/span><\/button>\n      <\/div>\n      <div class=\"ev-spacer\"><\/div>\n      <div class=\"ev-nav\">\n        <div class=\"ev-counter\" id=\"evCounter\"><\/div>\n        <div class=\"ev-btns\">\n          <button class=\"ev-btn\" id=\"evPrev\" aria-label=\"Zur\u00fcck\">\n            <svg viewbox=\"0 0 24 24\"><polyline points=\"15,18 9,12 15,6\"><\/polyline><\/svg>\n          <\/button>\n          <button class=\"ev-btn\" id=\"evNext\" aria-label=\"Weiter\">\n            <svg viewbox=\"0 0 24 24\"><polyline points=\"9,6 15,12 9,18\"><\/polyline><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n      <div class=\"ev-carousel\">\n        <div class=\"ev-track-wrap\">\n          <div class=\"ev-track\" id=\"evTrack\"><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!--\n  <header id=\"header\">\n    <img decoding=\"async\" src=\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png\" alt=\"Rookies Unlimited\" class=\"h-logo\" id=\"hLogo\">\n    <div class=\"h-imgs\" id=\"hImgs\">\n      <div class=\"h-img\"><img decoding=\"async\" src=\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/Sample-Image.jpg\" alt=\"Rookies Community\"><\/div>\n      <div class=\"h-img\"><img decoding=\"async\" src=\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/running.png\" alt=\"Rookies Run\"><\/div>\n    <\/div>\n    <p class=\"h-tag\">Decoding the Playbook of<br>young professional in business.<\/p>\n  <\/header>\n\n  <section id=\"about\">\n    <div class=\"a-hl\">\n      <span class=\"a-what\" id=\"aWhat\">WHAT IT'S<\/span>\n      <span class=\"a-script\" id=\"aScript\">About<\/span>\n    <\/div>\n    <div class=\"a-body\" id=\"aBody\">\n      <p>Wir sind die Generation Next.<\/p>\n      <p>\u201eYoung Professionals\", die seit ein paar Jahren voll im Arbeitsleben stecken, ihre Handschrift ins Unternehmen bringen wollen, aber hier und da merken: Theorie und Praxis gehen weit auseinander. Frameworks aus Uni &amp; Ausbildung funktionieren unter Laborbedingungen, aber kaum im echten Leben. Der Mensch, die Vorgesetzte, der Kunde ist irrational und Konzern-Politik taucht als Fach nicht auf.<\/p>\n    <\/div>\n  <\/section>\n\n  <footer id=\"footer\">\n    <div class=\"ft-inner\">\n      <img decoding=\"async\" src=\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png\" alt=\"Rookies Unlimited\" class=\"ft-logo\">\n      <nav class=\"ft-nav\">\n        <a href=\"https:\/\/humanunlimited.de\/impressum\" target=\"_blank\" rel=\"noopener\">Impressum<\/a>\n        <a href=\"https:\/\/humanunlimited.de\/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutz<\/a>\n        <a href=\"https:\/\/humanunlimited.de\" target=\"_blank\" rel=\"noopener\">Human Unlimited<\/a>\n      <\/nav>\n      <p class=\"ft-copy\">\u00a9 2026 Rookies Unlimited \u2014 A Human Unlimited Initiative<\/p>\n    <\/div>\n  <\/footer>\n  -->\n\n<\/div><!-- #page -->\n\n<!-- MODAL -->\n<div id=\"modal\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"m-backdrop\" id=\"mBd\"><\/div>\n  <div class=\"m-inner\" id=\"mInner\">\n\n    <div class=\"m-left\">\n      <img decoding=\"async\" src=\"\" alt=\"\" class=\"m-img\" id=\"mImg\">\n      <div class=\"m-img-ph\" id=\"mImgPh\" style=\"display:none\"><\/div>\n      <div class=\"m-img-ov\"><\/div>\n      <img decoding=\"async\" src=\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png\" alt=\"Rookies\" class=\"m-logo\">\n      <span class=\"m-city\" id=\"mCity\"><\/span>\n      <div class=\"m-bl\">\n        <div class=\"m-bl-name\" id=\"mName\"><\/div>\n        <div class=\"m-bl-type\" id=\"mType\"><\/div>\n      <\/div>\n      <div class=\"m-br\">\n        <div class=\"m-br-date\" id=\"mDate\"><\/div>\n        <div class=\"m-br-time\" id=\"mTime\"><\/div>\n      <\/div>\n    <\/div>\n\n    <button class=\"m-close\" id=\"mClose\">\n      <svg viewbox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n    <\/button>\n\n    <div class=\"m-right\">\n      <div class=\"m-form-title\" id=\"mFTitle\"><\/div>\n      <div class=\"m-form-sub\"   id=\"mFSub\"><\/div>\n      <div class=\"m-form-addr\"  id=\"mAddr\"><\/div>\n      <form id=\"mForm\" novalidate action=\"\">\n        <div class=\"fg\">\n          <label class=\"fl\" for=\"fName\">Name<\/label>\n          <input type=\"text\"  id=\"fName\"  name=\"name\"   class=\"fi\" placeholder=\"Dein Name\"    required autocomplete=\"name\">\n        <\/div>\n        <div class=\"fg\">\n          <label class=\"fl\" for=\"fEmail\">E-Mail<\/label>\n          <input type=\"email\" id=\"fEmail\" name=\"email\"  class=\"fi\" placeholder=\"deine@email.de\" required autocomplete=\"email\">\n        <\/div>\n        <div class=\"fg\">\n          <label class=\"fl\" for=\"fStatus\">Status<\/label>\n          <div class=\"fsel-wrap\">\n            <select id=\"fStatus\" name=\"status\" class=\"fi\">\n              <option value=\"\">Bitte w\u00e4hlen \u2026<\/option>\n              <option value=\"rookie\">Ich bin Rookie<\/option>\n              <option value=\"not\">Ich bin noch kein Rookie<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <div class=\"no-rookie-msg\" id=\"noRookieMsg\">\n          <strong>Rookies only.<\/strong><br>Dieses Event ist exklusiv f\u00fcr unsere Community.<br>Du willst Teil davon werden? Schreib uns an <a href=\"mailto:nalic@humanunlimited.de\">nalic@humanunlimited.de<\/a>.\n        <\/div>\n        <button type=\"submit\" class=\"btn-cmi\" id=\"btnCMI\"><span>Count me in<\/span><\/button>\n        <div id=\"mSuccessMsg\" style=\"display:none; margin-top:18px; font-size:.82rem; font-weight:600; letter-spacing:.04em; color:#2a9d5c; line-height:1.8;\">\n          Anmeldung erfolgreich<br><span style=\"font-weight:400; font-size:.78rem; color:#333;\">Rock'N Roll<\/span>\n        <\/div>\n        <div id=\"mErrorMsg\" style=\"display:none; margin-top:14px; font-size:.78rem; font-weight:500; color:#c0392b; line-height:1.5;\"><\/div>\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\ngsap.registerPlugin(ScrollTrigger, SplitText);\n\nconst EV = [\n  { name:\"Afterwork Dinner @Forum\",   type:\"Rookies Only\", ro:true,  limitedSeats:true,  inactive:false, date:\"18.06.2026\", time:\"18:00 \u2013 22:00\", loc:\"Forum Unterbilk\", city:\"D\u00fcsseldorf\", addr:\"Wilhelm-Tell-Stra\u00dfe 1A, 40219 D\u00fcsseldorf\",                                                                      img:\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/forum-blurred.png\" },\n  { name:\"Rookies vs Heavyweights II\",type:\"Rookies Only\", ro:true,  limitedSeats:false, inactive:false, date:\"02.07.2026\", time:\"18:00 \u2013 21:00\", loc:\"Areal B\u00f6hler\",    city:\"Meerbusch\",  addr:\"Halle am Wasserturm Geb\u00e4ude 30, Hansaallee 321, 40549 D\u00fcsseldorf\",     img:\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/06\/boehler.png\" },\n  { name:\"Afterwork Run\",             type:\"Open\",         ro:false, limitedSeats:false, inactive:true,  date:\"Tbd.\",       time:\"5km + Yomaro\",  loc:\"D\u00fcsseldorf\",      city:\"D\u00fcsseldorf\", addr:\"\",                                                                      img:\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/running.png\" },\n  { name:\"Afterwork Drinks\",          type:\"Open\",         ro:false, limitedSeats:false, inactive:true,  date:\"Tbd.\",       time:\"After Work\",    loc:\"Bilker B\u00fcdchen\",  city:\"D\u00fcsseldorf\", addr:\"\",                                                                      img:\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/afterworkblirred.png\" },\n];\n\nconst cDot  = document.getElementById('cDot');\nconst cRing = document.getElementById('cRing');\nconst isPointerFine = window.matchMedia('(pointer:fine)').matches;\n\nif (isPointerFine) {\n  let mx=0,my=0,rx=0,ry=0;\n  window.addEventListener('mousemove', e => {\n    mx = e.clientX; my = e.clientY;\n    gsap.to(cDot, { x:mx, y:my, duration:.05 });\n  });\n  gsap.ticker.add(() => {\n    rx += (mx-rx)*.11;\n    ry += (my-ry)*.11;\n    gsap.set(cRing, { x:rx, y:ry });\n  });\n  document.querySelectorAll('a,button,.ev-card').forEach(el => {\n    el.addEventListener('mouseenter', () => cRing.classList.add('hov'));\n    el.addEventListener('mouseleave', () => cRing.classList.remove('hov'));\n  });\n  document.querySelectorAll('#events,#header,#footer').forEach(el => {\n    el.addEventListener('mouseenter', () => { cDot.classList.add('lt'); cRing.classList.add('lt'); });\n    el.addEventListener('mouseleave', () => { cDot.classList.remove('lt'); cRing.classList.remove('lt'); });\n  });\n}\n\ngsap.from('#hLogo', { opacity:0, y:-16, duration:1, ease:'power3.out', delay:.15 });\ngsap.from('#hImgs .h-img', { opacity:0, y:32, stagger:.15, duration:1.1, ease:'power3.out', delay:.3 });\ngsap.from('.h-tag', { opacity:0, y:12, duration:.8, ease:'power3.out', delay:.6 });\ngsap.to('#hImgs .h-img', {\n  yPercent:-8, ease:'none',\n  scrollTrigger:{ trigger:'#header', start:'top top', end:'bottom top', scrub:true }\n});\n\ngsap.from('#aWhat', {\n  opacity:0, x:-24, duration:.9, ease:'power3.out',\n  scrollTrigger:{ trigger:'#about', start:'top 80%' }\n});\ngsap.from('#aScript', {\n  opacity:0, x:-32, duration:1.1, ease:'power3.out', delay:.1,\n  scrollTrigger:{ trigger:'#about', start:'top 75%' }\n});\n\ndocument.fonts.ready.then(() => {\n  const split = new SplitText('#aBody', { type:'words', wordsClass:'w' });\n  gsap.set(split.words, { opacity:.1 });\n  gsap.to(split.words, {\n    opacity:1,\n    stagger:{ each:.04, from:'start' },\n    ease:'none',\n    scrollTrigger:{ trigger:'#aBody', start:'top 75%', end:'bottom 45%', scrub:1.8 }\n  });\n});\n\n\/\/ \u2500\u2500 GENERIERE BACKGROUNDS + CARDS AUS EV ARRAY \u2500\u2500\nconst LOCK_SVG = `<div class=\"ev-card-lock\"><div class=\"ev-card-lock-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg><\/div><\/div>`;\nconst evBgsEl = document.getElementById('evBgs');\nconst evTrackEl = document.getElementById('evTrack');\nEV.forEach((ev, i) => {\n  \/\/ Background\n  const bg = document.createElement('div');\n  bg.className = 'ev-bg';\n  bg.id = `evBg${i}`;\n  bg.style.backgroundImage = `url('${ev.img}')`;\n  evBgsEl.appendChild(bg);\n  \/\/ Card\n  const card = document.createElement('div');\n  card.className = 'ev-card' + (ev.inactive ? ' ev-card--inactive' : '');\n  card.dataset.ev = i;\n  card.innerHTML = `\n    <img decoding=\"async\" src=\"${ev.img}\" alt=\"${ev.name}\" class=\"ev-card-img\">\n    <div class=\"ev-card-ov\"><\/div>\n    <div class=\"ev-card-info\">\n      <div class=\"ev-card-l\"><span class=\"ev-card-name\">${ev.name}<\/span><span class=\"ev-card-type\">${ev.type}<\/span><\/div>\n      <div class=\"ev-card-r\"><div class=\"ev-card-date\">${ev.date}<\/div><div class=\"ev-card-time\">${ev.time}<\/div><\/div>\n    <\/div>\n    ${ev.inactive ? LOCK_SVG : ''}\n  `;\n  evTrackEl.appendChild(card);\n});\n\nconst track    = document.getElementById('evTrack');\nconst cards    = Array.from(track.querySelectorAll('.ev-card'));\nconst bgLayers = Array.from(document.querySelectorAll('.ev-bg'));\nconst counter  = document.getElementById('evCounter');\nlet cur = 0;\n\n\/\/ Initialer Header aus EV[0]\nconst ev0 = EV[0];\ndocument.getElementById('evTitle').textContent    = ev0.name;\ndocument.getElementById('evMetaDate').textContent = ev0.date;\ndocument.getElementById('evMetaLoc').textContent  = ev0.loc + ', ' + ev0.city;\ndocument.getElementById('evMetaBadge').textContent = ev0.type;\ndocument.getElementById('evMetaBadge').classList.toggle('ro', ev0.ro);\nif (ev0.inactive) {\n  document.querySelector('#evRegBtn .ev-reg-label').textContent = 'Coming Soon';\n  document.querySelector('#evRegBtn .ev-reg-icon').style.display = 'none';\n  document.getElementById('evRegBtn').dataset.inactive = '1';\n}\n\nfunction updateCounter(idx) {\n  counter.innerHTML = `<span class=\"cn\">${idx + 1}<\/span><span class=\"cs\"> \/ ${EV.length}<\/span>`;\n}\nupdateCounter(0);\ngsap.set(bgLayers[0], { opacity:1 });\n\nfunction switchBg(idx) {\n  gsap.to(bgLayers, { opacity:0, duration:.6, ease:'power2.inOut' });\n  if (bgLayers[idx]) gsap.to(bgLayers[idx], { opacity:1, duration:.8, ease:'power2.inOut' });\n}\n\nfunction getStep() {\n  return cards[0].offsetWidth + 20;\n}\n\nfunction setActive(idx) {\n  cards.forEach((c, i) => c.classList.toggle('active', i === idx));\n}\n\nconst evTitle    = document.getElementById('evTitle');\nconst evMetaDate = document.getElementById('evMetaDate');\nconst evMetaLoc  = document.getElementById('evMetaLoc');\nconst evMetaBadge= document.getElementById('evMetaBadge');\nconst evRegBtn   = document.getElementById('evRegBtn');\n\nfunction updateHeader(idx) {\n  const ev = EV[idx];\n  gsap.to([evTitle, evMetaDate, evMetaLoc, evMetaBadge, evRegBtn], {\n    opacity:0, y:-8, duration:.18, ease:'power2.in',\n    onComplete: () => {\n      evTitle.textContent     = ev.name;\n      evMetaDate.textContent  = ev.date;\n      evMetaLoc.textContent   = ev.loc + ', ' + ev.city;\n      evMetaBadge.textContent = ev.type;\n      evMetaBadge.classList.toggle('ro', ev.ro);\n      \/\/ Button-Status je nach inactive\n      const btnLabel = evRegBtn.querySelector('.ev-reg-label');\n      const btnIcon  = evRegBtn.querySelector('.ev-reg-icon');\n      if (ev.inactive) {\n        btnLabel.textContent = 'Coming Soon';\n        btnIcon.style.display = 'none';\n        evRegBtn.dataset.inactive = '1';\n      } else {\n        btnLabel.textContent = 'Jetzt anmelden';\n        btnIcon.style.display = '';\n        delete evRegBtn.dataset.inactive;\n      }\n      gsap.fromTo([evTitle, evMetaDate, evMetaLoc, evMetaBadge, evRegBtn],\n        { opacity:0, y:8 },\n        { opacity:1, y:0, duration:.28, ease:'power2.out', stagger:.04 }\n      );\n    }\n  });\n}\n\nevRegBtn.addEventListener('click', () => {\n  if (evRegBtn.dataset.inactive === '1') return;\n  openModal(cur);\n});\n\nfunction moveTo(newIdx) {\n  const prev = cur;\n  cur = Math.max(0, Math.min(newIdx, EV.length - 1));\n  if (cur === prev) return;\n  gsap.to(track, { x: -(cur * getStep()), duration:.65, ease:'power3.inOut' });\n  switchBg(cur);\n  updateCounter(cur);\n  setActive(cur);\n  updateHeader(cur);\n}\n\ndocument.getElementById('evPrev').addEventListener('click', () => moveTo(cur-1));\ndocument.getElementById('evNext').addEventListener('click', () => moveTo(cur+1));\n\nlet tsx=0, tsy=0;\ntrack.addEventListener('touchstart', e => { tsx=e.touches[0].clientX; tsy=e.touches[0].clientY; }, {passive:true});\ntrack.addEventListener('touchend',   e => {\n  const dx = tsx - e.changedTouches[0].clientX;\n  const dy = Math.abs(tsy - e.changedTouches[0].clientY);\n  if (Math.abs(dx) > 44 && Math.abs(dx) > dy) moveTo(cur + (dx>0?1:-1));\n}, {passive:true});\n\ngsap.from('.ev-super', { opacity:0, y:10, duration:.6, ease:'power3.out', delay:.2 });\ngsap.from('#evTitle',  { opacity:0, y:36, duration:.8, ease:'power3.out', delay:.3 });\ngsap.from('#evMeta',   { opacity:0, y:16, duration:.6, ease:'power3.out', delay:.45 });\ngsap.from('#evRegBtn', { opacity:0, y:12, duration:.6, ease:'power3.out', delay:.55 });\ncards[0].classList.add('active');\ngsap.from(cards, { opacity:0, y:60, stagger:.07, duration:.9, ease:'power3.out', delay:.5 });\n\nconst modal  = document.getElementById('modal');\nconst mInner = document.getElementById('mInner');\nconst mBd    = document.getElementById('mBd');\nconst page   = document.getElementById('page');\n\nfunction openModal(idx) {\n  const ev = EV[idx];\n  if (!ev) return;\n  const mImg = document.getElementById('mImg');\n  const mPh  = document.getElementById('mImgPh');\n  if (ev.img) {\n    mImg.src = ev.img; mImg.style.display='block'; mPh.style.display='none';\n  } else {\n    mImg.style.display='none'; mPh.style.display='block';\n    const cols = ['#1a1a1a,#333','#1c1c2e,#2d1b2e','#1a1a0d,#2a2a10','#1a0d0d,#2d1b1b'];\n    mPh.style.background = `linear-gradient(135deg,${cols[idx%cols.length]})`;\n  }\n  document.getElementById('mCity').textContent  = ev.city;\n  document.getElementById('mName').textContent  = ev.name;\n  document.getElementById('mType').textContent  = ev.type;\n  document.getElementById('mDate').textContent  = ev.date;\n  document.getElementById('mTime').textContent  = ev.time;\n  document.getElementById('mFTitle').textContent = ev.name;\n  document.getElementById('mFSub').textContent   = ev.date !== 'Tbd.' ? `${ev.date} \u00b7 ${ev.loc}` : ev.loc;\n  document.getElementById('mAddr').textContent   = ev.addr || '';\n  modal.dataset.ro    = ev.ro ? '1' : '0';\n  modal.dataset.evIdx = idx;\n  document.getElementById('mForm').reset();\n  document.getElementById('noRookieMsg').style.display = 'none';\n  document.getElementById('mSuccessMsg').style.display = 'none';\n  document.getElementById('mErrorMsg').style.display   = 'none';\n  document.getElementById('btnCMI').style.display = 'block';\n  document.getElementById('btnCMI').querySelector('span').textContent = 'Count me in';\n  document.getElementById('btnCMI').disabled = false;\n  document.querySelectorAll('#mForm .fg').forEach(f => { f.style.opacity='1'; f.style.pointerEvents='auto'; });\n  modal.style.display = 'flex';\n  document.body.style.overflow = 'hidden';\n  gsap.fromTo(page,   { filter:'blur(0px)' }, { filter:'blur(5px)', duration:.38, ease:'power2.out' });\n  gsap.fromTo(mBd,    { opacity:0 },                   { opacity:1,               duration:.32, ease:'power2.out' });\n  gsap.fromTo(mInner, { opacity:0, y:24, scale:.96 },  { opacity:1, y:0, scale:1, duration:.5,  ease:'power3.out', delay:.05 });\n}\n\nfunction closeModal() {\n  gsap.to(mInner, { opacity:0, y:14, scale:.97, duration:.28, ease:'power2.in' });\n  gsap.to(mBd,    { opacity:0,                  duration:.28, ease:'power2.in' });\n  gsap.to(page,   { filter:'blur(0px)', scale:1, duration:.35, ease:'power2.out',\n    onComplete:() => { modal.style.display='none'; document.body.style.overflow=''; }\n  });\n}\n\ncards.forEach((c,i) => c.addEventListener('click', () => {\n  moveTo(i);\n  const ev = EV[parseInt(c.dataset.ev)];\n  if (!ev || ev.inactive) return;\n  openModal(parseInt(c.dataset.ev));\n}));\nmBd.addEventListener('click', closeModal);\ndocument.getElementById('mClose').addEventListener('click', closeModal);\ndocument.addEventListener('keydown', e => { if (e.key==='Escape') closeModal(); if (e.key==='ArrowLeft') moveTo(cur-1); if (e.key==='ArrowRight') moveTo(cur+1); });\n\ndocument.getElementById('fStatus').addEventListener('change', e => {\n  const isRO = modal.dataset.ro === '1';\n  const isNot = e.target.value === 'not';\n  const msg = document.getElementById('noRookieMsg');\n  const btn = document.getElementById('btnCMI');\n  const fgs = document.querySelectorAll('#mForm .fg:not(:last-of-type)');\n  if (isRO && isNot) {\n    gsap.to(Array.from(fgs).slice(0,2), { opacity:0, pointerEvents:'none', duration:.25, stagger:.05 });\n    gsap.to(btn, { opacity:0, duration:.2, onComplete:()=>{ btn.style.display='none'; } });\n    msg.style.display = 'block';\n    gsap.from(msg, { opacity:0, y:8, duration:.4, ease:'power2.out' });\n  } else {\n    Array.from(fgs).slice(0,2).forEach(f => { f.style.opacity='1'; f.style.pointerEvents='auto'; });\n    msg.style.display = 'none';\n    btn.style.display = 'block';\n    gsap.to(btn, { opacity:1, duration:.2 });\n  }\n});\n\ndocument.getElementById('mForm').addEventListener('submit', e => {\n  e.preventDefault();\n  const name   = document.getElementById('fName').value.trim();\n  const email  = document.getElementById('fEmail').value.trim();\n  const status = document.getElementById('fStatus').value;\n  const btn        = document.getElementById('btnCMI');\n  const successMsg = document.getElementById('mSuccessMsg');\n  const errorMsg   = document.getElementById('mErrorMsg');\n\n  \/\/ Reset messages\n  successMsg.style.display = 'none';\n  errorMsg.style.display   = 'none';\n\n  \/\/ Validation\n  if (!name || !email || !status) {\n    const bad = [];\n    if (!name)   bad.push('#fName');\n    if (!email)  bad.push('#fEmail');\n    if (!status) bad.push('#fStatus');\n    bad.forEach(s => gsap.to(s, { x:[0,-7,7,-5,5,0], duration:.35, ease:'power2.inOut' }));\n    return;\n  }\n\n  \/\/ Loading state\n  btn.querySelector('span').textContent = 'Wird gesendet \u2026';\n  btn.disabled = true;\n\n  \/\/ Build form data\n  const curEv = EV[parseInt(document.getElementById('modal').dataset.evIdx || 0)];\n  const fd = new FormData();\n  fd.append('action',   'rookies_form');\n  fd.append('nonce',    typeof rookiesAjax !== 'undefined' ? rookiesAjax.nonce : '');\n  fd.append('name',     name);\n  fd.append('email',    email);\n  fd.append('status',   status);\n  fd.append('event',    document.getElementById('mFTitle').textContent);\n  fd.append('ev_date',  curEv ? curEv.date : '');\n  fd.append('ev_time',  curEv ? curEv.time : '');\n  fd.append('ev_loc',   curEv ? curEv.loc  : '');\n  fd.append('ev_city',  curEv ? curEv.city : '');\n  fd.append('ev_limited', curEv ? (curEv.limitedSeats ? '1' : '0') : '0');\n  fd.append('ev_addr',  curEv ? (curEv.addr || '') : '');\n\n  const ajaxUrl = typeof rookiesAjax !== 'undefined'\n    ? rookiesAjax.url\n    : 'https:\/\/humanunlimited.de\/wp-admin\/admin-ajax.php';\n\n  fetch(ajaxUrl, { method:'POST', body:fd })\n    .then(r => r.json())\n    .then(data => {\n      if (data.success) {\n        btn.style.display = 'none';\n        successMsg.style.display = 'block';\n        gsap.from(successMsg, { opacity:0, y:8, duration:.4, ease:'power2.out' });\n        setTimeout(closeModal, 3000);\n      } else {\n        btn.querySelector('span').textContent = 'Count me in';\n        btn.disabled = false;\n        errorMsg.textContent = data.data || 'Ein Fehler ist aufgetreten. Bitte versuche es erneut.';\n        errorMsg.style.display = 'block';\n        gsap.from(errorMsg, { opacity:0, y:6, duration:.3, ease:'power2.out' });\n      }\n    })\n    .catch(() => {\n      btn.querySelector('span').textContent = 'Count me in';\n      btn.disabled = false;\n      errorMsg.textContent = 'Verbindungsfehler. Bitte versuche es erneut.';\n      errorMsg.style.display = 'block';\n      gsap.from(errorMsg, { opacity:0, y:6, duration:.3, ease:'power2.out' });\n    });\n});\n\ngsap.from('#footer .ft-logo', { opacity:0, y:20, duration:.7, ease:'power3.out', scrollTrigger:{ trigger:'#footer', start:'top 88%' } });\n\nlet rt;\nwindow.addEventListener('resize', () => {\n  clearTimeout(rt);\n  rt = setTimeout(() => { ScrollTrigger.refresh(); gsap.set(track,{x:0}); cur=0; switchBg(0); updateCounter(0); }, 220);\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Upcoming Events \u00b7 \u00b7 Jetzt anmelden Name E-Mail Status Bitte w\u00e4hlen \u2026Ich bin RookieIch bin noch kein Rookie Rookies only.Dieses Event ist exklusiv f\u00fcr unsere Community.Du willst Teil davon werden? Schreib uns an nalic@humanunlimited.de. Count me in Anmeldung erfolgreichRock&#8217;N Roll<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2469","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rookies - human unlimited<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/humanunlimited.de\/en\/rookies\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rookies - human unlimited\" \/>\n<meta property=\"og:description\" content=\"Upcoming Events \u00b7 \u00b7 Jetzt anmelden Name E-Mail Status Bitte w\u00e4hlen \u2026Ich bin RookieIch bin noch kein Rookie Rookies only.Dieses Event ist exklusiv f\u00fcr unsere Community.Du willst Teil davon werden? Schreib uns an nalic@humanunlimited.de. Count me in Anmeldung erfolgreichRock&#8217;N Roll\" \/>\n<meta property=\"og:url\" content=\"https:\/\/humanunlimited.de\/en\/rookies\/\" \/>\n<meta property=\"og:site_name\" content=\"human unlimited\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-16T10:22:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png\" \/>\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:\/\/humanunlimited.de\/rookies\/\",\"url\":\"https:\/\/humanunlimited.de\/rookies\/\",\"name\":\"Rookies - human unlimited\",\"isPartOf\":{\"@id\":\"https:\/\/humanunlimited.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/humanunlimited.de\/rookies\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/humanunlimited.de\/rookies\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png\",\"datePublished\":\"2026-05-19T17:05:09+00:00\",\"dateModified\":\"2026-06-16T10:22:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/humanunlimited.de\/rookies\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/humanunlimited.de\/rookies\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/humanunlimited.de\/rookies\/#primaryimage\",\"url\":\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png\",\"contentUrl\":\"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/humanunlimited.de\/rookies\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/humanunlimited.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rookies\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/humanunlimited.de\/#website\",\"url\":\"https:\/\/humanunlimited.de\/\",\"name\":\"human unlimited\",\"description\":\"human is the next big thing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/humanunlimited.de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rookies - human unlimited","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:\/\/humanunlimited.de\/en\/rookies\/","og_locale":"en_GB","og_type":"article","og_title":"Rookies - human unlimited","og_description":"Upcoming Events \u00b7 \u00b7 Jetzt anmelden Name E-Mail Status Bitte w\u00e4hlen \u2026Ich bin RookieIch bin noch kein Rookie Rookies only.Dieses Event ist exklusiv f\u00fcr unsere Community.Du willst Teil davon werden? Schreib uns an nalic@humanunlimited.de. Count me in Anmeldung erfolgreichRock&#8217;N Roll","og_url":"https:\/\/humanunlimited.de\/en\/rookies\/","og_site_name":"human unlimited","article_modified_time":"2026-06-16T10:22:55+00:00","og_image":[{"url":"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/humanunlimited.de\/rookies\/","url":"https:\/\/humanunlimited.de\/rookies\/","name":"Rookies - human unlimited","isPartOf":{"@id":"https:\/\/humanunlimited.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/humanunlimited.de\/rookies\/#primaryimage"},"image":{"@id":"https:\/\/humanunlimited.de\/rookies\/#primaryimage"},"thumbnailUrl":"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png","datePublished":"2026-05-19T17:05:09+00:00","dateModified":"2026-06-16T10:22:55+00:00","breadcrumb":{"@id":"https:\/\/humanunlimited.de\/rookies\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/humanunlimited.de\/rookies\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/humanunlimited.de\/rookies\/#primaryimage","url":"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png","contentUrl":"https:\/\/humanunlimited.de\/wp-content\/uploads\/2026\/05\/rookies_logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/humanunlimited.de\/rookies\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/humanunlimited.de\/"},{"@type":"ListItem","position":2,"name":"Rookies"}]},{"@type":"WebSite","@id":"https:\/\/humanunlimited.de\/#website","url":"https:\/\/humanunlimited.de\/","name":"human unlimited","description":"human is the next big thing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/humanunlimited.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/humanunlimited.de\/en\/wp-json\/wp\/v2\/pages\/2469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humanunlimited.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/humanunlimited.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/humanunlimited.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/humanunlimited.de\/en\/wp-json\/wp\/v2\/comments?post=2469"}],"version-history":[{"count":112,"href":"https:\/\/humanunlimited.de\/en\/wp-json\/wp\/v2\/pages\/2469\/revisions"}],"predecessor-version":[{"id":2603,"href":"https:\/\/humanunlimited.de\/en\/wp-json\/wp\/v2\/pages\/2469\/revisions\/2603"}],"wp:attachment":[{"href":"https:\/\/humanunlimited.de\/en\/wp-json\/wp\/v2\/media?parent=2469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}