:root{--blue:#0649cf;--ink:#101b35;--muted:#566178;--paper:#f4f5f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #e3a900;outline-offset:5px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:15px;z-index:9}.skip:focus{top:8px}.preview{padding:8px 5%;background:#eef1f7;color:#4a5771;font-size:10px;font-weight:700;letter-spacing:1.8px;text-align:center}header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:57px;height:64px;object-fit:contain;background:#050505}.brand>span{font-size:22px;font-weight:900;letter-spacing:-.8px}.brand b{color:var(--blue)}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:6px}nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:700}nav a:hover{color:var(--blue)}.nav-contact{border:1px solid #cbd3e0;padding:13px 17px}.menu{display:none}.hero{min-height:680px;height:calc(100svh - 130px);max-height:890px;position:relative;background:#082a6b;color:white;overflow:hidden}.hero-photo,.hero-shade{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% 48%;inset:0}.hero-shade{background:linear-gradient(90deg,rgba(0,19,65,.89),rgba(0,25,75,.5) 50%,rgba(0,19,65,.12)),linear-gradient(0deg,rgba(0,17,50,.7),transparent 40%)}.hero-copy{position:relative;padding:70px 7% 100px;max-width:1050px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;margin:0 0 28px;line-height:1.5}.blue{color:var(--blue)}h1,h2,p{margin-top:0}h1{font-size:clamp(54px,6.4vw,100px);letter-spacing:-4.5px;line-height:1.01;margin-bottom:26px;font-weight:900}em{font-style:normal}h1 em{color:#d9e8ff}h2{font-size:clamp(34px,3.6vw,56px);line-height:1.08;letter-spacing:-2px;font-weight:800;margin-bottom:26px}h2 em{color:var(--blue)}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#e3eaff}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 23px;border:0;font-size:13px;font-weight:700;min-height:52px}.button:hover{transform:translateY(-2px)}.white{background:#fff;color:#0c2a64}.royal{background:var(--blue);color:white}.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:14px}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#c9d8f1}.hero-bottom b{display:block;color:white;margin-top:7px;font-size:10px}.ticker{background:var(--blue);color:#fff;display:flex;gap:5%;justify-content:center;align-items:center;padding:23px 15px;font-size:12px;font-weight:800;letter-spacing:2px}.ticker i{font-size:19px;font-style:normal}.section{padding:100px 7%}.story{display:grid;grid-template-columns:1.2fr 1fr;gap:65px}.story>div:first-child{max-width:600px}p{font-size:16px;line-height:1.75}.intro{font-weight:700;font-size:20px;line-height:1.5}.story p:not(.eyebrow):not(.intro){color:var(--muted)}.underlink{border:0;border-bottom:1px solid #a9b8d8;background:none;padding:10px 0;color:var(--blue);font-weight:700;font-size:14px;display:inline-flex;justify-content:space-between;gap:35px}.underlink:hover{border-color:var(--blue)}.tradition{background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;position:relative}.tradition:before{content:'';width:40px;height:5px;background:var(--blue);position:absolute;top:0;left:0}.tradition img{width:190px;height:210px;object-fit:contain;mix-blend-mode:multiply}.tradition p{font-size:12px;font-weight:800;letter-spacing:1.3px;margin:23px 0 12px}.tradition span{font-size:13px;line-height:1.8;color:var(--muted)}.timeline{grid-column:1/-1;border-top:1px solid #d7deeb;display:grid;grid-template-columns:repeat(3,1fr);padding-top:30px}.timeline>div{border-right:1px solid #d7deeb;padding-left:40px}.timeline>div:first-child{padding-left:0}.timeline>div:last-child{border:0}.timeline strong{font-size:46px;letter-spacing:-2px;color:var(--blue);display:block}.timeline span{display:block;margin-top:8px;font-size:12px;color:var(--muted)}.anniversary{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:white}.ann-photo{position:relative;min-height:600px}.ann-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 50%}.photo-note{position:absolute;bottom:25px;left:28px;background:white;color:var(--blue);padding:10px 13px;font-size:9px;font-weight:700;letter-spacing:2px}.ann-copy{padding:75px 12%}.ann-copy h2 em{color:#c6daff}.ann-copy>p:not(.eyebrow){color:#e2ecff;max-width:470px}.pdf-link{display:block;margin-top:27px;font-size:12px;line-height:1.8;text-decoration:underline;text-underline-offset:4px}.pdf-link span{display:block;color:#d1e2ff;font-size:10px;margin-top:5px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:14px;margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery button{padding:0;background:#e8ebf1;border:0;overflow:hidden;position:relative;aspect-ratio:4/3}.gallery button:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.gallery button:hover img{transform:scale(1.04)}.gallery button:after{content:'↗';position:absolute;bottom:12px;right:12px;background:white;color:var(--blue);height:32px;width:32px;display:grid;place-items:center}.gallery [hidden]{display:none}.gallery-toggle{margin-top:28px}.shop{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:var(--paper)}.shop-image{text-align:center;background:white;padding:30px}.shop-image img{height:350px;max-width:100%;object-fit:contain}.shop p:not(.eyebrow){max-width:430px;color:var(--muted)}small{display:block;font-size:11px;line-height:1.6}.shop small{margin-top:18px;color:var(--muted)}.contact{background:#092860;color:white}.contact h2 em{color:#a8c8ff}.contact>div{display:flex;justify-content:space-between;align-items:center;gap:45px}.contact p:not(.eyebrow){max-width:600px;color:#d6e1f5;margin-bottom:0}.contact .button{flex-shrink:0}.guestbook{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:65px;padding-bottom:65px}.guestbook h2{font-size:34px}.guestbook p:not(.eyebrow){color:var(--muted);font-size:14px}.guestbook small{color:var(--muted);margin-top:15px}footer{padding:40px 7%;border-top:1px solid #dde2eb;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-brand{font-size:20px;font-weight:900;letter-spacing:-.5px}.footer-brand b{color:var(--blue)}footer p{font-size:11px;margin:0;color:var(--muted)}footer>div{display:flex;gap:25px;font-size:11px}footer button{border:0;background:none;color:var(--muted);padding:0;font-size:11px}footer>small{width:100%;font-size:10px;color:var(--muted);margin-top:10px}dialog{border:0;padding:35px;max-width:min(1100px,94vw);max-height:92svh;color:var(--ink)}dialog::backdrop{background:rgba(0,12,40,.85)}.dialog-close{position:absolute;right:10px;top:8px;border:0;font-size:29px;background:white;color:var(--ink);width:38px;height:38px;z-index:1}#lightbox{background:#07152c;color:white;padding:48px 20px 18px}#lightbox>img{display:block;max-width:100%;max-height:72svh;margin:auto;object-fit:contain}.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:15px}.lightbox-controls button{background:none;color:white;border:1px solid #6a7a96;padding:9px 18px}.text-dialog{max-width:740px;padding:55px}.text-dialog p{font-size:15px}.text-dialog h2{font-size:38px}.video-dialog video{width:100%;max-height:65svh;background:#000}.video-dialog h2{font-size:30px}.video-dialog p,.video-dialog a{font-size:12px}.video-dialog a{text-decoration:underline}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1380px)/2));padding-right:max(7%,calc((100vw - 1380px)/2))}}@media(max-width:1100px){nav{gap:14px;font-size:11px}header{padding:0 4%;gap:10px}.brand>span{font-size:19px}.brand small{font-size:7px}.brand img{width:48px;height:55px}.section{padding:75px 6%}.story{gap:35px}.ann-copy{padding:65px 9%}.ann-photo{min-height:560px}.contact>div{align-items:start}.contact .button{gap:15px}.hero-copy{padding-top:70px}}@media(max-width:800px){header{height:83px}.menu{display:flex;align-items:center;gap:15px;border:1px solid #ccd4e2;background:white;padding:12px;font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:83px;padding:15px 6% 25px;background:#fff;box-shadow:0 18px 20px #071b3520}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:14px 0;font-size:14px}.nav-contact{padding:14px;margin-top:10px}.hero{height:720px;min-height:0}.hero-copy{padding-top:85px}.hero h1{font-size:72px}.hero-photo{object-position:64%}.ticker{gap:18px;font-size:9px;letter-spacing:1px}.ticker span:last-child{display:none}.ticker i:last-of-type{display:none}.story{grid-template-columns:1fr 1fr;gap:25px}.story h2{font-size:38px}.tradition{padding:20px}.tradition img{width:155px;height:180px}.timeline strong{font-size:36px}.timeline>div{padding-left:20px}.timeline span{line-height:1.5}.anniversary{grid-template-columns:1fr}.ann-photo{min-height:0;height:520px}.ann-copy{padding:55px 7%}.ann-copy h2{font-size:48px}.gallery{gap:12px}.contact>div{display:block}.contact .button{margin-top:25px}.guestbook{gap:30px}.shop-image img{height:300px}}@media(max-width:540px){html{scroll-padding-top:18px}.preview{font-size:8px;letter-spacing:1px}.preview span{font-size:8px}.hero{height:690px}.hero-copy{padding:65px 6% 110px}.hero h1{font-size:56px;letter-spacing:-2.8px}.hero-photo{object-position:62%}.hero-shade{background:linear-gradient(90deg,#001b50e8,#001e4a77),linear-gradient(0deg,#00183dc4,transparent)}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:24px}.hero-copy>p:not(.eyebrow){font-size:16px}.actions{gap:22px;align-items:center}.button{font-size:12px;padding:17px 18px;gap:24px}.text-link{font-size:11px}.hero-bottom{left:6%;right:6%;font-size:8px}.hero-bottom b{font-size:8px}.ticker{font-size:8px;padding:18px 10px;gap:13px}.section{padding:60px 6%}.story{grid-template-columns:1fr;gap:35px}h2{font-size:38px;letter-spacing:-1.5px}.intro{font-size:18px}p{font-size:15px}.tradition{padding:35px 20px}.timeline{grid-template-columns:1fr;gap:20px;padding-top:25px}.timeline>div,.timeline>div:first-child{border:0;border-bottom:1px solid #e3e7ef;padding:0 0 18px;display:flex;align-items:center;gap:25px}.timeline strong{min-width:100px}.timeline span{margin:0;font-size:12px}.ann-photo{height:340px}.ann-copy{padding:50px 6%}.ann-copy h2{font-size:43px}.section-heading{display:block}.section-heading>p{margin-top:20px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery button:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}.gallery button{aspect-ratio:1/1}.shop{grid-template-columns:1fr;gap:30px}.shop-image img{height:300px}.shop-image{padding:20px}.contact h2{font-size:39px}.guestbook{grid-template-columns:1fr;gap:10px}.guestbook h2{margin-bottom:0}footer{padding:30px 6%;align-items:start;flex-direction:column;gap:15px}footer>div{gap:20px}.text-dialog{padding:55px 25px 25px}.text-dialog h2{font-size:31px}dialog{padding:50px 15px 20px}.video-dialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}

/* Überarbeitete Clubmarke, Claim und Kontaktwege */
.brand img{width:66px;height:66px;background:transparent;object-fit:contain}
.hero .hero-claim{display:inline-block;font-size:15px;letter-spacing:1.6px;font-weight:800;color:white;border-left:4px solid white;padding:5px 0 5px 16px;text-shadow:0 2px 8px #00153780;margin-bottom:26px}
.hero h1 em{font-size:.74em;line-height:1.12;display:block;margin-top:8px}
.social-links{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}.contact .social-links .button{margin-top:0;min-width:150px}
@media(max-width:1100px){.brand img{width:58px;height:58px}.contact>div{flex-wrap:wrap}.social-links{flex-shrink:1}}
@media(max-width:800px){.social-links{margin-top:25px}.hero .hero-claim{font-size:13px;letter-spacing:1.1px}}
@media(max-width:540px){.brand img{width:56px;height:56px}.hero .hero-claim{font-size:12px;letter-spacing:.9px;max-width:100%;line-height:1.6;padding-left:12px}.hero h1 em{font-size:.82em}.social-links{gap:10px}.contact .social-links .button{min-width:140px;flex:1}}

/* Prominent, accessible language selection on every screen size. */
.language-bar{background:#092860;color:white;padding:10px 5%}.language-inner{display:flex;justify-content:space-between;align-items:center;gap:15px}.language-inner>span{font-size:11px;letter-spacing:.7px}.language-switch{display:flex;position:static;gap:8px;padding:0;background:transparent;box-shadow:none;align-items:center;flex-direction:row;font-size:12px}.language-switch a{padding:8px 12px;border:1px solid #8094b6;color:white;font-size:12px;white-space:nowrap}.language-switch a:hover{background:#174582;color:white}.language-switch a[aria-current=page]{background:white;color:#092860;border-color:white}.language-switch a span{font-size:17px;margin-right:5px}
@media(max-width:540px){.language-bar{padding:9px 6%}.language-inner{gap:8px}.language-inner>span{font-size:10px;letter-spacing:0}.language-switch{gap:6px}.language-switch a{padding:8px;font-size:11px}.language-switch a span{font-size:15px;margin-right:3px}}

.language-switch a{display:inline-flex;align-items:center;gap:7px}.language-flag{display:block;width:24px;height:16px;object-fit:cover;border:1px solid #ffffff70;flex-shrink:0}

/* Editorial story: the friendship between Heidelberg and Edinburgh. */
.friendship{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:8%;background:#f4f5f8;border-top:1px solid #e0e5ee}.friendship-heading h2{font-size:clamp(34px,3.4vw,54px)}.friendship-heading .intro{color:#44536d;font-size:19px;max-width:390px}.friendship figure{margin:35px 0 0}.friendship figure img{display:block;width:100%;height:auto}.friendship figcaption{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.6}.friendship-copy h3{font-size:19px;line-height:1.4;letter-spacing:-.3px;margin:0 0 12px}.friendship-copy>p{color:var(--muted);font-size:15px;margin-bottom:30px}.friendship-sources{border-top:1px solid #cdd5e3;padding-top:20px;margin-top:30px}.friendship-sources>span{font-size:11px;font-weight:700;color:var(--blue)}.friendship-sources p{font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0 0}header #navigation{gap:18px;font-size:12px}
@media(max-width:1100px){header #navigation{gap:12px;font-size:11px}.friendship{gap:5%}.friendship-copy h3{font-size:18px}}
@media(max-width:800px){header #navigation{gap:0;font-size:14px}.friendship{grid-template-columns:1fr;gap:35px}.friendship-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.friendship-heading .eyebrow,.friendship-heading h2,.friendship-heading .intro{grid-column:1}.friendship-heading figure{grid-column:2;grid-row:1 / 4;align-self:center;margin:0}.friendship-heading h2{font-size:36px}.friendship-heading .intro{font-size:17px;margin-bottom:0}}
@media(max-width:540px){.friendship-heading{display:block}.friendship-heading h2{font-size:38px}.friendship figure{margin-top:28px}.friendship-copy h3{font-size:19px}.friendship-copy>p{font-size:15px}}

/* Return links sit at the right edge of each section without covering content. */
.section-top{display:flex;justify-content:flex-end;grid-column:1 / -1;align-self:end;width:100%;margin-top:25px}.section-top a{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:700;line-height:1;padding:12px 14px;border:1px solid #b4c3dc;background:transparent;min-height:40px}.section-top a:hover{background:#e4ebf8;border-color:var(--blue)}.hero>.section-top{position:absolute;right:7%;bottom:83px;width:auto;margin:0}.hero .section-top a,.anniversary .section-top a,.contact .section-top a{color:white;border-color:#b7c8e2}.hero .section-top a:hover,.anniversary .section-top a:hover,.contact .section-top a:hover{background:#ffffff20;border-color:white}.anniversary>.section-top{padding:0 7% 25px;margin-top:0}.contact>.section-top{display:flex;justify-content:flex-end;margin-top:25px}.contact>.section-top a{margin:0}.story>.section-top,.friendship>.section-top,.shop>.section-top,.guestbook>.section-top{margin-top:0}
@media(max-width:540px){.hero>.section-top{right:6%;bottom:82px}.anniversary>.section-top{padding:0 6% 25px}.section-top{margin-top:22px}}

.language-inner{justify-content:flex-end}

/* Club affiliation under the wordmark. */
.brand small{max-width:285px;white-space:normal;line-height:1.6;letter-spacing:.7px;text-transform:none}
@media(max-width:1100px){.brand small{max-width:235px;font-size:8px;letter-spacing:.3px}}
@media(max-width:540px){.brand{gap:10px}.brand small{max-width:200px;font-size:8px;letter-spacing:.1px}.brand>span{font-size:18px}}
@media(max-width:380px){.brand small{max-width:155px}.brand img{width:48px;height:48px}.brand>span{font-size:16px}.menu{gap:7px;padding:10px}}