1<!DOCTYPE html><html lang="de"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="canonical" href="https://heidelberg-interaktiv.de/kategorien/wahrzeichen/"><link rel="alternate" hreflang="de" href="https://heidelberg-interaktiv.de/kategorien/wahrzeichen/"><link rel="alternate" hreflang="en" href="https://heidelberg-interaktiv.de/en/categories/landmarks/"><link rel="alternate" hreflang="x-default" href="https://heidelberg-interaktiv.de/kategorien/wahrzeichen/"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="preload" href="/fonts/InterVariable.woff2" as="font" type="font/woff2" crossorigin><title>Wahrzeichen in Heidelberg · Heidelberg-Interaktiv</title><meta name="description" content="Wahrzeichen in Heidelberg - Die ikonischen Bauwerke Heidelbergs - Schloss, Alte Brücke, Heiliggeistkirche."><meta property="og:type" content="website"><meta property="og:title" content="Wahrzeichen in Heidelberg · Heidelberg-Interaktiv"><meta property="og:description" content="Wahrzeichen in Heidelberg - Die ikonischen Bauwerke Heidelbergs - Schloss, Alte Brücke, Heiliggeistkirche."><meta property="og:url" content="https://heidelberg-interaktiv.de/kategorien/wahrzeichen/"><meta property="og:locale" content="de_DE"><meta property="og:image" content="https://heidelberg-interaktiv.de/_astro/heidelberger-schloss.C4JIynUv_1V0tdl.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Wahrzeichen in Heidelberg · Heidelberg-Interaktiv"><meta name="twitter:description" content="Wahrzeichen in Heidelberg - Die ikonischen Bauwerke Heidelbergs - Schloss, Alte Brücke, Heiliggeistkirche."><meta name="twitter:image" content="https://heidelberg-interaktiv.de/_astro/heidelberger-schloss.C4JIynUv_1V0tdl.jpg">
1<script>(function(s,t,a,y,twenty,two){s.Stay22=s.Stay22||{};s.Stay22.params={lmaID:'687912360d1617d25ef77302'};twenty=t.createElement(a);two=t.getElementsByTagName(a)[0];twenty.async=1;twenty.src=y;two.parentNode.insertBefore(twenty,two);})(window,document,'script','https://scripts.stay22.com/letmeallez.js');</script>
1<script async defer src="https://widget.getyourguide.com/dist/pa.umd.production.min.js" data-gyg-partner-id="1UPZQQB"></script>
1<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7432388986384363" crossorigin="anonymous"></script>
1<script>
vendor: 323 bytes, line 1
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
1GTM-5NFXZRMP
vendor: 3 bytes, line 1
1');
1</script>
1<link rel="stylesheet" href="/_astro/_guestPost_.jPBawY76.css"> 2<style>.ph[data-astro-cid-6z6ajwe4]{overflow:hidden}.ph-veil[data-astro-cid-6z6ajwe4]{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff38,#00000047)}.ph-grid[data-astro-cid-6z6ajwe4]{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:14px 14px;opacity:.35}.ph-body[data-astro-cid-6z6ajwe4]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center}.ph-icon[data-astro-cid-6z6ajwe4]{display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;border-radius:9999px;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(2px)}.ph-label[data-astro-cid-6z6ajwe4]{max-width:90%;font-size:.85rem;font-weight:700;letter-spacing:.01em;line-height:1.25;color:#fffffff2;text-shadow:0 1px 6px rgba(0,0,0,.35);text-wrap:balance}.ph-compact[data-astro-cid-6z6ajwe4] .ph-icon[data-astro-cid-6z6ajwe4]{width:2.2rem;height:2.2rem}.ph-compact[data-astro-cid-6z6ajwe4] .ph-icon[data-astro-cid-6z6ajwe4] svg[data-astro-cid-6z6ajwe4]{width:21px;height:21px}.ph-compact[data-astro-cid-6z6ajwe4] .ph-grid[data-astro-cid-6z6ajwe4]{background-size:10px 10px}.ph-compact[data-astro-cid-6z6ajwe4] .ph-label[data-astro-cid-6z6ajwe4]{display:none} 3</style></head> <body class="min-h-screen flex flex-col">
vendor: 69 bytes, line 3
3 <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=
3GTM-5NFXZRMP
vendor: 84 bytes, line 3
3" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>
3<header class="sticky top-0 z-40 bg-white/95 backdrop-blur-md border-b border-[var(--color-lavender-ash)]" data-astro-cid-3ef6ksr2> <div class="header-inner relative" data-astro-cid-3ef6ksr2> <div class="flex items-center justify-between h-14 gap-4 sm:gap-6" data-astro-cid-3ef6ksr2> <a href="/" class="flex items-center shrink-0" aria-label="Heidelberg-Interaktiv Startseite" data-astro-cid-3ef6ksr2> <span class="logo " style="--logo-size: 34px;" data-astro-cid-tvrurpns> <svg class="logo-mark" viewBox="0 0 44 44" aria-hidden="true" focusable="false" data-astro-cid-tvrurpns> <defs data-astro-cid-tvrurpns> <clipPath id="logo-tile-clip" data-astro-cid-tvrurpns> <rect x="1.25" y="1.25" width="41.5" height="41.5" rx="11" data-astro-cid-tvrurpns></rect> </clipPath> </defs> <!-- Kartenkachel --> <rect x="1.25" y="1.25" width="41.5" height="41.5" rx="11" class="tile" data-astro-cid-tvrurpns></rect> <g clip-path="url(#logo-tile-clip)" data-astro-cid-tvrurpns> <!-- Strassenraster --> <g class="grid" data-astro-cid-tvrurpns> <path d="M0 14.5 H44 M0 29.5 H44 M14.5 0 V44 M29.5 0 V44" data-astro-cid-tvrurpns></path> </g> <!-- Neckar --> <path d="M-2 33 C 8 33, 13 25.5, 22 25 S 36 19, 46 12" class="river-bank" data-astro-cid-tvrurpns></path> <path d="M-2 33 C 8 33, 13 25.5, 22 25 S 36 19, 46 12" class="river" data-astro-cid-tvrurpns></path> </g> <!-- Pin --> <g transform="translate(25.5 15.5) scale(0.92)" data-astro-cid-tvrurpns> <path d="M0 -8.4 C4.6 -8.4 8.4 -4.6 8.4 0 C8.4 5.2 2.2 10.4 0 13.6 C-2.2 10.4 -8.4 5.2 -8.4 0 C-8.4 -4.6 -4.6 -8.4 0 -8.4 Z" class="pin" data-astro-cid-tvrurpns></path> <circle cx="0" cy="0" r="3.1" class="pin-hole" data-astro-cid-tvrurpns></circle> </g> </svg> <span class="logo-type" data-astro-cid-tvrurpns> <span class="logo-name" data-astro-cid-tvrurpns>Heidelberg-<span class="logo-name-accent" data-astro-cid-tvrurpns>Interaktiv</span></span> <span class="logo-sub" data-astro-cid-tvrurpns>Stadtplan · Verzeichnis</span> </span> </span> </a> <nav class="mm hidden xl:flex self-stretch shrink-0" aria-label="Hauptnavigation" data-astro-cid-3ef6ksr2> <ul class="mm-list" data-astro-cid-3ef6ksr2> <li class="mm-item" data-mm-item data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/" class="mm-top" data-astro-cid-3ef6ksr2>Sehenswürdigkeiten</a> <button type="button" class="mm-toggle" aria-expanded="false" aria-controls="mm-panel-0" aria-label="Sehenswürdigkeiten: Untermenü" data-astro-cid-3ef6ksr2> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </button> <div class="mm-panel" id="mm-panel-0" data-astro-cid-3ef6ksr2> <div class="mm-panel-inner has-intro" data-astro-cid-3ef6ksr2> <div class="mm-intro" data-astro-cid-3ef6ksr2> <p class="mm-intro-title" data-astro-cid-3ef6ksr2>Heidelberg entdecken</p> <p class="mm-intro-text" data-astro-cid-3ef6ksr2>Schloss, Alte Brücke, Museen und Aussichtspunkte - nach Themen sortiert.</p> <a href="/sehenswuerdigkeiten/" class="btn-primary mm-intro-cta" data-astro-cid-3ef6ksr2>Alle Sehenswürdigkeiten</a> <a href="/kategorien/" class="mm-intro-more" data-astro-cid-3ef6ksr2>Alle Kategorien â</a> </div> <div class="mm-cols" data-astro-cid-3ef6ksr2> <div class="mm-col mm-col--tiles" data-astro-cid-3ef6ksr2> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/kategorien/wahrzeichen/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M3 21h18"></path><path d="M5 21V10"></path><path d="M9 21V10"></path><path d="M15 21V10"></path><path d="M19 21V10"></path><path d="M12 3l8 5H4z"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Wahrzeichen</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Die ikonischen Bauwerke Heidelbergs - Schloss, Alte Brücke, Heiliggeistkirche.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/schloss/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M4 21V8h3v3h3V8h4v3h3V8h3v13z"></path><path d="M10 21v-4h4v4"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Schloss & Burgen</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Rund um das Heidelberger Schloss und den Königstuhl.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/museen/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M3 9l9-5 9 5"></path><path d="M4 9h16"></path><path d="M6 9v9"></path><path d="M10 9v9"></path><path d="M14 9v9"></path><path d="M18 9v9"></path><path d="M3 21h18"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Museen</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Kurpfälzisches Museum, Studentenkarzer, Apothekenmuseum.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/kirchen/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M12 2v6"></path><path d="M9 5h6"></path><path d="M6 21V10l6-4 6 4v11"></path><path d="M10 21v-5h4v5"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Kirchen</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Heiliggeistkirche, Jesuitenkirche und mehr.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/parks/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M12 2 6 11h12z"></path><path d="M9 11l-3 5h12l-3-5"></path><path d="M12 16v6"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Parks & Natur</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Schlossgarten, Philosophenweg, Neckarwiesen, Königstuhl.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/universitaet/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M2 9l10-5 10 5-10 5z"></path><path d="M6 11v5c0 1.5 3 3 6 3s6-1.5 6-3v-5"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Universität</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Ãlteste Universität Deutschlands - Aula, Karzer, Bibliothek.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/aussichten/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z"></path><path d="M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Aussichten</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Philosophenweg, Schloss-Terrasse, Königstuhl, Heiligenberg.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/shopping/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M6 7h12l1 14H5z"></path><path d="M9 7V5a3 3 0 0 1 6 0v2"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Shopping</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>HauptstraÃe, Bismarckplatz, Plöck und Marktplätze.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/nightlife/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Nightlife</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Studenten-Kneipen, Untere StraÃe, Bergheim.</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/familie/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M9 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path><path d="M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"></path><path d="M17 11a3 3 0 1 0-2-5.6"></path><path d="M21 21v-2a4 4 0 0 0-3-3.8"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Familie</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Mit Kindern unterwegs - Zoo, Königstuhl-Märchenpark, Neckarwiese.</sp
3an> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/kategorien/neckar/" data-astro-cid-3ef6ksr2> <span class="mm-icon" data-astro-cid-3ef6ksr2><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M12 3s6 7 6 11a6 6 0 0 1-12 0c0-4 6-11 6-11z"></path> </svg></span> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Neckar</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Alte Brücke, Neckarwiesen, Schiffstouren, Treidelpfad.</span> </span> </a> </li> </ul> </div><div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Beliebt</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/heidelberger-schloss/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Heidelberger Schloss</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/alte-bruecke/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Alte Brücke (Karl-Theodor-Brücke)</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/philosophenweg/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Philosophenweg</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/alte-universitaet/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Alte Universität & Karzer</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/heiliggeistkirche/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Heiliggeistkirche</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/koenigstuhl/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Königstuhl</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/kurpfaelzisches-museum/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Kurpfälzisches Museum</span> </span> </a> </li> </ul> </div> </div> </div> </div> </li><li class="mm-item" data-mm-item data-astro-cid-3ef6ksr2> <a href="/stadtteile/" class="mm-top" data-astro-cid-3ef6ksr2>Stadtteile</a> <button type="button" class="mm-toggle" aria-expanded="false" aria-controls="mm-panel-1" aria-label="Stadtteile: Untermenü" data-astro-cid-3ef6ksr2> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </button> <div class="mm-panel" id="mm-panel-1" data-astro-cid-3ef6ksr2> <div class="mm-panel-inner has-intro" data-astro-cid-3ef6ksr2> <div class="mm-intro" data-astro-cid-3ef6ksr2> <p class="mm-intro-title" data-astro-cid-3ef6ksr2>15 Stadtteile</p> <p class="mm-intro-text" data-astro-cid-3ef6ksr2>Jeder Stadtteil mit seinen Sehenswürdigkeiten, Hotels und Restaurants.</p> <a href="/stadtteile/" class="btn-primary mm-intro-cta" data-astro-cid-3ef6ksr2>Alle Stadtteile</a> </div> <div class="mm-cols" data-astro-cid-3ef6ksr2> <div class="mm-col mm-col--chips" data-astro-cid-3ef6ksr2> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/stadtteile/altstadt/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Altstadt</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/bergheim/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Bergheim</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/weststadt/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Weststadt</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/suedstadt/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Südstadt</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/neuenheim/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Neuenheim</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/handschuhsheim/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Handschuhsheim</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/rohrbach/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Rohrbach</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/kirchheim/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Kirchheim</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/schlierbach/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Schlierbach</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/ziegelhausen/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Ziegelhausen</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/wieblingen/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Wieblingen</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/pfaffengrund/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Pfaffengrund</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/boxberg/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Boxberg</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/emmertsgrund/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Emmertsgrund</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/stadtteile/phv/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Patrick-Henry-Village</span> </span> </a> </li> </ul> </div> </div> </div> </div> </li><li class="mm-item" data-mm-item data-astro-cid-3ef6ksr2> <a href="/hotels/" class="mm-top" data-astro-cid-3ef6ksr2>Hotels</a> <button type="button" class="mm-toggle" aria-expanded="false" aria-controls="mm-panel-2" aria-label="Hotels: Untermenü" data-astro-cid-3ef6ksr2> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </button> <div class="mm-panel" id="mm-panel-2" data-astro-cid-3ef6ksr2> <div class="mm-panel-inner " data-astro-cid-3ef6ksr2>
3 <div class="mm-cols" data-astro-cid-3ef6ksr2> <div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Ãbernachten</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/hotels/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Alle Hotels</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Preise und Lagen im Vergleich</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/top-10-hotels-heidelberg/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Top 10 Hotels</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Die besten Häuser der Stadt</span> </span> </a> </li> </ul> </div><div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Hotels zu Festen</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/hotels-heidelberg-schlossbeleuchtung-juni/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zur Schlossbeleuchtung im Juni</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels-heidelberg-schlossbeleuchtung-juli/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zur Schlossbeleuchtung im Juli</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels-heidelberg-schlossbeleuchtung-september/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zur Schlossbeleuchtung im September</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels-heidelberg-heidelberger-fruehling/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zum Heidelberger Frühling</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels-heidelberg-heidelberger-herbst/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zum Heidelberger Herbst</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels-heidelberg-weihnachtsmarkt/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zum Weihnachtsmarkt</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels-heidelberg-silvester/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zu Silvester</span> </span> </a> </li> </ul> </div><div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Beliebte Hotels</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/hotels/europaeischer-hof/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Hotel Europäischer Hof Heidelberg</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels/zum-ritter-st-georg/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Hotel zum Ritter St. Georg</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels/hackteufel/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Hotel Hackteufel</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels/heidelberg-suites/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Boutiquehotel Heidelberg Suites</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/hotels/goldener-hecht/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Hotel Goldener Hecht</span> </span> </a> </li> </ul> </div> </div> </div> </div> </li><li class="mm-item" data-mm-item data-astro-cid-3ef6ksr2> <a href="/feste/" class="mm-top" data-astro-cid-3ef6ksr2>Erleben</a> <button type="button" class="mm-toggle" aria-expanded="false" aria-controls="mm-panel-3" aria-label="Erleben: Untermenü" data-astro-cid-3ef6ksr2> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </button> <div class="mm-panel" id="mm-panel-3" data-astro-cid-3ef6ksr2> <div class="mm-panel-inner " data-astro-cid-3ef6ksr2>
3 <div class="mm-cols" data-astro-cid-3ef6ksr2> <div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Essen & Trinken</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/restaurants/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Alle Restaurants</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/restaurants/vetters-brauhaus/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Vetters Alt Heidelberger Brauhaus</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/restaurants/schnitzelbank/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Schnitzelbank</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/restaurants/zum-roten-ochsen/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zum Roten Ochsen</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/restaurants/zum-seppl/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Zum Seppl</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/restaurants/cafe-knoesel/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Café Knösel</span> </span> </a> </li> </ul> </div><div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Feste & Termine</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/feste/schlossbeleuchtung/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Schlossbeleuchtung</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/feste/heidelberger-fruehling/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Heidelberger Frühling</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/feste/heidelberger-herbst/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Heidelberger Herbst</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/feste/weihnachtsmarkt/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Heidelberger Weihnachtsmarkt</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/feste/metropolink-festival/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Metropolink Urban-Art-Festival</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/feste/enjoy-jazz/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Enjoy Jazz</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/feste/international-filmfestival/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Internationales Filmfestival Mannheim-Heidelberg</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/feste/heidelberger-stueckemarkt/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Heidelberger Stückemarkt</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/feste/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Alle Veranstaltungen</span> </span> </a> </li> </ul> </div><div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Wissenswertes</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/wissenswertes/ruperto-carola/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Ruperto Carola</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/wissenswertes/heidelberger-romantik/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Heidelberger Romantik</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/wissenswertes/homo-heidelbergensis/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Homo heidelbergensis</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/wissenswertes/studentenleben/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Heidelberger Studentenleben</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/wissenswertes/max-planck-heidelberg/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Max-Planck-Institute in Heidelberg</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/wissenswertes/philosophenweg-geschichte/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Der Philosophenweg</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/wissenswertes/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Alles Wissenswerte</span> </span> </a> </li> </ul> </div><div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Tipps</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/filme-die-in-heidelberg-gedreht-wurden/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Filme aus Heidelberg</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Drehorte in der Altstadt</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/blog/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Blog</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Geschichten aus Heidelberg</span> </span> </a> </li> </ul> </div> </div> </div> </div> </li><li class="mm-item" data-mm-item data-astro-cid-3ef6ksr2> <a href="/apotheken-heidelberg/" class="mm-top" data-astro-cid-3ef6ksr2>Service</a> <button type="button" class="mm-toggle" aria-expanded="false" aria-controls="mm-panel-4" aria-label="Service: Untermenü" data-astro-cid-3ef6ksr2> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </button> <div class="mm-panel" id="mm-panel-4" data-astro-cid-3ef6ksr2> <div class="mm-panel-inner " data-astro-cid-3ef6ksr2>
3 <div class="mm-cols" data-astro-cid-3ef6ksr2> <div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Ratgeber Heidelberg</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/apotheken-heidelberg/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Apotheken-Notdienst</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/online-apotheke-heidelberg/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Online-Apotheke</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/banken-in-heidelberg/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Banken & Sparkassen</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/parken-flughafen-frankfurt/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Parken am Flughafen Frankfurt</span> </span> </a> </li> </ul> </div><div class="mm-col mm-col--list" data-astro-cid-3ef6ksr2> <p class="mm-col-title" data-astro-cid-3ef6ksr2>Für Unternehmen</p> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <a href="/branchenbuch/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Branchenbuch</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Firmen in Heidelberg</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/branchenbuch/eintrag-beanspruchen/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Eintrag beanspruchen</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Kostenlos, in 2 Minuten</span> </span> </a> </li><li data-astro-cid-3ef6ksr2> <a href="/werben/" data-astro-cid-3ef6ksr2> <span class="mm-text" data-astro-cid-3ef6ksr2> <span class="mm-label" data-astro-cid-3ef6ksr2>Werben</span> <span class="mm-desc" data-astro-cid-3ef6ksr2>Premium-Partner & Artikel</span> </span> </a> </li> </ul> </div> </div> </div> </div> </li> </ul> </nav> <form action="/suche/" method="get" class="hidden md:flex items-center shrink-0 w-[200px] lg:w-[240px] min-[1460px]:w-[200px]" role="search" data-astro-cid-3ef6ksr2> <input type="search" name="q" placeholder="Suchen in Heidelbergâ¦" aria-label="Suche in Heidelberg-Interaktiv" class="w-full appearance-none border py-1.5 px-2.5 text-[13px] focus:outline-none transition-colors" style="border-color: var(--color-lavender-ash); border-radius: var(--radius-input); color: var(--color-inkwell-purple); background: var(--color-porcelain-mist);" onfocus="this.style.borderColor='var(--color-accent)'; this.style.background='var(--color-canvas-white)'" onblur="this.style.borderColor='var(--color-lavender-ash)'; this.style.background='var(--color-porcelain-mist)'" data-astro-cid-3ef6ksr2> </form> <div class="flex items-center gap-2 shrink-0" data-astro-cid-3ef6ksr2> <a href="/werben/" class="btn-outline hidden min-[1560px]:inline-flex" data-astro-cid-3ef6ksr2>Werben</a> <div class="flex items-center gap-1" aria-label="Sprache wechseln" role="group"> <span class="px-1.5 py-1 text-xs font-bold uppercase tracking-wide" style="color: var(--color-inkwell-purple);" aria-current="true">de</span><span aria-hidden="true" style="color: var(--color-slate-steel);">·</span><a href="/en/categories/landmarks/" class="px-1.5 py-1 text-xs font-medium uppercase tracking-wide transition-colors hover:underline" style="color: var(--color-slate-steel); border-radius: 2px;" hreflang="en" aria-label="English - Heidelberg-Interaktiv">en</a> </div> <button type="button" id="mobile-menu-toggle" aria-expanded="false" aria-controls="mobile-menu" aria-label="Menü öffnen" data-label-open="Menü öffnen" data-label-close="Menü schlieÃen" class="xl:hidden inline-flex items-center justify-center w-10 h-10 rounded-md border border-[var(--color-lavender-ash)] hover:bg-[var(--color-porcelain-mist)] transition-colors" style="color: var(--color-shadow-graphite);" data-astro-cid-3ef6ksr2> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2> <line x1="3" y1="7" x2="21" y2="7" data-astro-cid-3ef6ksr2></line><line x1="3" y1="12" x2="21" y2="12" data-astro-cid-3ef6ksr2></line><line x1="3" y1="17" x2="21" y2="17" data-astro-cid-3ef6ksr2></line> </svg> </button> </div> </div> </div> </header> <div id="mobile-menu-backdrop" class="xl:hidden mobile-menu-backdrop" aria-hidden="true" data-astro-cid-3ef6ksr2></div> <aside id="mobile-menu" class="xl:hidden mobile-menu-panel" role="dialog" aria-modal="true" aria-label="Mobile Navigation" aria-hidden="true" data-astro-cid-3ef6ksr2> <div class="flex items-center justify-between px-5 py-4 border-b border-[var(--color-lavender-ash)] shrink-0" data-astro-cid-3ef6ksr2> <a href="/" class="flex items-center shrink-0" aria-label="Heidelberg-Interaktiv Startseite" data-astro-cid-3ef6ksr2> <span class="logo " style="--logo-size: 32px;" data-astro-cid-tvrurpns> <svg class="logo-mark" viewBox="0 0 44 44" aria-hidden="true" focusable="false" data-astro-cid-tvrurpns> <defs data-astro-cid-tvrurpns> <clipPath id="logo-tile-clip" data-astro-cid-tvrurpns> <rect x="1.25" y="1.25" width="41.5" height="41.5" rx="11" data-astro-cid-tvrurpns></rect> </clipPath> </defs> <!-- Kartenkachel --> <rect x="1.25" y="1.25" width="41.5" height="41.5" rx="11" class="tile" data-astro-cid-tvrurpns></rect> <g clip-path="url(#logo-tile-clip)" data-astro-cid-tvrurpns> <!-- Strassenraster --> <g class="grid" data-astro-cid-tvrurpns> <path d="M0 14.5 H44 M0 29.5 H44 M14.5 0 V44 M29.5 0 V44" data-astro-cid-tvrurpns></path> </g> <!-- Neckar --> <path d="M-2 33 C 8 33, 13 25.5, 22 25 S 36 19, 46 12" class="river-bank" data-astro-cid-tvrurpns></path> <path d="M-2 33 C 8 33, 13 25.5, 22 25 S 36 19, 46 12" class="river" data-astro-cid-tvrurpns></path> </g> <!-- Pin --> <g transform="translate(25.5 15.5) scale(0.92)" data-astro-cid-tvrurpns> <path d="M0 -8.4 C4.6 -8.4 8.4 -4.6 8.4 0 C8.4 5.2 2.2 10.4 0 13.6 C-2.2 10.4 -8.4 5.2 -8.4 0 C-8.4 -4.6 -4.6 -8.4 0 -8.4 Z" class="pin" data-astro-cid-tvrurpns></path> <circle cx="0" cy="0" r="3.1" class="pin-hole" data-astro-cid-tvrurpns></circle> </g> </svg> <span class="logo-type" data-astro-cid-tvrurpns> <span class="logo-name" data-astro-cid-tvrurpns>Heidelberg-<span class="logo-name-accent" data-astro-cid-tvrurpns>Interaktiv</span></span> <span class="logo-sub" data-astro-cid-tvrurpns>Stadtplan · Verzeichnis</span> </span> </span> </a> <button type="button" id="mobile-menu-close" aria-label="Menü schlieÃen" class="inline-flex items-center justify-center w-10 h-10 rounded-lg hover:bg-[var(--color-porcelain-mist)] transition-colors" style="color: var(--color-shadow-graphite);" data-astro-cid-3ef6ksr2> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2> <line x1="6" y1="6" x2="18" y2="18" data-astro-cid-3ef6ksr2></line><line x1="6" y1="18" x2="18" y2="6" data-astro-cid-3ef6ksr2></line> </svg> </button> </div> <div class="px-5 py-3 border-b border-[var(--color-lavender-ash)] shrink-0" data-astro-cid-3ef6ksr2> <form action="/suche/" method="get" role="search" data-astro-cid-3ef6ksr2> <input type="search" name="q" placeholder="Suche in Heidelbergâ¦" aria-label="Suche in Heidelberg" class="w-full rounded-full py-2.5 px-4 text-sm focus:outline-none" style="background: var(--color-porcelain-mist); color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2> </form> </div> <nav class="flex-1 overflow-y-auto px-3 py-4" aria-label="Hauptnavigation mobil" data-astro-cid-3ef6ksr2> <ul class="space-y-1" data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2> <details class="mm-acc" data-astro-cid-3ef6ksr2> <summary class="flex items-center justify-between px-4 py-3 rounded-xl text-base font-semibold transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2> <span data-astro-cid-3ef6ksr2>Sehenswürdigkeiten</span>
3 <svg class="mm-acc-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </summary> <div class="pb-3 pl-4 pr-2" data-astro-cid-3ef6ksr2> <a href="/sehenswuerdigkeiten/" class="block px-4 py-2 text-sm font-semibold" style="color: var(--color-accent);" data-astro-cid-3ef6ksr2>Ãbersicht: Sehenswürdigkeiten</a> <div class="mt-2" data-astro-cid-3ef6ksr2> <ul class="grid grid-cols-2" data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/kategorien/wahrzeichen/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Wahrzeichen</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/schloss/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Schloss & Burgen</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/museen/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Museen</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/kirchen/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Kirchen</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/parks/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Parks & Natur</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/universitaet/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Universität</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/aussichten/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Aussichten</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/shopping/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Shopping</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/nightlife/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Nightlife</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/familie/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Familie</a></li><li data-astro-cid-3ef6ksr2><a href="/kategorien/neckar/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Neckar</a></li> </ul> </div><div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Beliebt</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/sehenswuerdigkeiten/heidelberger-schloss/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Heidelberger Schloss</a></li><li data-astro-cid-3ef6ksr2><a href="/sehenswuerdigkeiten/alte-bruecke/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Alte Brücke (Karl-Theodor-Brücke)</a></li><li data-astro-cid-3ef6ksr2><a href="/sehenswuerdigkeiten/philosophenweg/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Philosophenweg</a></li><li data-astro-cid-3ef6ksr2><a href="/sehenswuerdigkeiten/alte-universitaet/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Alte Universität & Karzer</a></li><li data-astro-cid-3ef6ksr2><a href="/sehenswuerdigkeiten/heiliggeistkirche/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Heiliggeistkirche</a></li><li data-astro-cid-3ef6ksr2><a href="/sehenswuerdigkeiten/koenigstuhl/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Königstuhl</a></li><li data-astro-cid-3ef6ksr2><a href="/sehenswuerdigkeiten/kurpfaelzisches-museum/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Kurpfälzisches Museum</a></li> </ul> </div> </div> </details> </li><li data-astro-cid-3ef6ksr2> <details class="mm-acc" data-astro-cid-3ef6ksr2> <summary class="flex items-center justify-between px-4 py-3 rounded-xl text-base font-semibold transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2> <span data-astro-cid-3ef6ksr2>Stadtteile</span>
3 <svg class="mm-acc-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </summary> <div class="pb-3 pl-4 pr-2" data-astro-cid-3ef6ksr2> <a href="/stadtteile/" class="block px-4 py-2 text-sm font-semibold" style="color: var(--color-accent);" data-astro-cid-3ef6ksr2>Ãbersicht: Stadtteile</a> <div class="mt-2" data-astro-cid-3ef6ksr2> <ul class="grid grid-cols-2" data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/stadtteile/altstadt/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Altstadt</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/bergheim/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Bergheim</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/weststadt/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Weststadt</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/suedstadt/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Südstadt</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/neuenheim/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Neuenheim</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/handschuhsheim/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Handschuhsheim</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/rohrbach/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Rohrbach</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/kirchheim/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Kirchheim</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/schlierbach/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Schlierbach</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/ziegelhausen/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Ziegelhausen</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/wieblingen/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Wieblingen</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/pfaffengrund/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Pfaffengrund</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/boxberg/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Boxberg</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/emmertsgrund/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Emmertsgrund</a></li><li data-astro-cid-3ef6ksr2><a href="/stadtteile/phv/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Patrick-Henry-Village</a></li> </ul> </div> </div> </details> </li><li data-astro-cid-3ef6ksr2> <details class="mm-acc" data-astro-cid-3ef6ksr2> <summary class="flex items-center justify-between px-4 py-3 rounded-xl text-base font-semibold transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2> <span data-astro-cid-3ef6ksr2>Hotels</span>
3 <svg class="mm-acc-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </summary> <div class="pb-3 pl-4 pr-2" data-astro-cid-3ef6ksr2> <a href="/hotels/" class="block px-4 py-2 text-sm font-semibold" style="color: var(--color-accent);" data-astro-cid-3ef6ksr2>Ãbersicht: Hotels</a> <div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Ãbernachten</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/hotels/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Alle Hotels</a></li><li data-astro-cid-3ef6ksr2><a href="/top-10-hotels-heidelberg/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Top 10 Hotels</a></li> </ul> </div><div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Hotels zu Festen</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/hotels-heidelberg-schlossbeleuchtung-juni/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zur Schlossbeleuchtung im Juni</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels-heidelberg-schlossbeleuchtung-juli/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zur Schlossbeleuchtung im Juli</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels-heidelberg-schlossbeleuchtung-september/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zur Schlossbeleuchtung im September</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels-heidelberg-heidelberger-fruehling/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zum Heidelberger Frühling</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels-heidelberg-heidelberger-herbst/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zum Heidelberger Herbst</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels-heidelberg-weihnachtsmarkt/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zum Weihnachtsmarkt</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels-heidelberg-silvester/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zu Silvester</a></li> </ul> </div><div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Beliebte Hotels</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/hotels/europaeischer-hof/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Hotel Europäischer Hof Heidelberg</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels/zum-ritter-st-georg/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Hotel zum Ritter St. Georg</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels/hackteufel/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Hotel Hackteufel</a></li><li data-astro-cid-3ef6ksr2><a href="/hotels/heidelberg-suites/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Boutiquehotel Heidelberg Suites</a></li><li data-astro-cid-3ef6ksr2>
3<a href="/hotels/goldener-hecht/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Hotel Goldener Hecht</a></li> </ul> </div> </div> </details> </li><li data-astro-cid-3ef6ksr2> <details class="mm-acc" data-astro-cid-3ef6ksr2> <summary class="flex items-center justify-between px-4 py-3 rounded-xl text-base font-semibold transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2> <span data-astro-cid-3ef6ksr2>Erleben</span> <svg class="mm-acc-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </summary> <div class="pb-3 pl-4 pr-2" data-astro-cid-3ef6ksr2> <a href="/feste/" class="block px-4 py-2 text-sm font-semibold" style="color: var(--color-accent);" data-astro-cid-3ef6ksr2>Ãbersicht: Erleben</a> <div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Essen & Trinken</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/restaurants/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Alle Restaurants</a></li><li data-astro-cid-3ef6ksr2><a href="/restaurants/vetters-brauhaus/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Vetters Alt Heidelberger Brauhaus</a></li><li data-astro-cid-3ef6ksr2><a href="/restaurants/schnitzelbank/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Schnitzelbank</a></li><li data-astro-cid-3ef6ksr2><a href="/restaurants/zum-roten-ochsen/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zum Roten Ochsen</a></li><li data-astro-cid-3ef6ksr2><a href="/restaurants/zum-seppl/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Zum Seppl</a></li><li data-astro-cid-3ef6ksr2><a href="/restaurants/cafe-knoesel/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Café Knösel</a></li> </ul> </div><div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Feste & Termine</p> <ul class="grid grid-cols-2" data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/feste/schlossbeleuchtung/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Schlossbeleuchtung</a></li><li data-astro-cid-3ef6ksr2><a href="/feste/heidelberger-fruehling/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Heidelberger Frühling</a></li><li data-astro-cid-3ef6ksr2><a href="/feste/heidelberger-herbst/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Heidelberger Herbst</a></li><li data-astro-cid-3ef6ksr2><a href="/feste/weihnachtsmarkt/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Heidelberger Weihnachtsmarkt</a></li><li data-astro-cid-3ef6ksr2><a href="/feste/metropolink-festival/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Metropolink Urban-Art-Festival</a></li><li data-astro-cid-3ef6ksr2><a href="/feste/enjoy-jazz/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Enjoy Jazz</a></li><li data-astro-cid-3ef6ksr2><a href="/feste/international-filmfestival/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Internationales Filmfestival Mannheim-Heidelberg</a></li><li data-astro-cid-3ef6ksr2><a href="/feste/heidelberger-stueckemarkt/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Heidelberger Stückemarkt</a></li><li data-astro-cid-3ef6ksr2><a href="/feste/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Alle Veranstaltungen</a></li> </ul> </div><div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Wissenswertes</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/wissenswertes/ruperto-carola/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Ruperto Carola</a></li><li data-astro-cid-3ef6ksr2><a href="/wissenswertes/heidelberger-romantik/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Heidelberger Romantik</a></li><li data-astro-cid-3ef6ksr2><a href="/wissenswertes/homo-heidelbergensis/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Homo heidelbergensis</a></li><li data-astro-cid-3ef6ksr2><a href="/wissenswertes/studentenleben/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Heidelberger Studentenleben</a></li><li data-astro-cid-3ef6ksr2><a href="/wissenswertes/max-planck-heidelberg/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Max-Planck-Institute in Heidelberg</a></li><li data-astro-cid-3ef6ksr2><a href="/wissenswertes/philosophenweg-geschichte/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Der Philosophenweg</a></li><li data-astro-cid-3ef6ksr2><a href="/wissenswertes/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Alles Wissenswerte</a></li> </ul> </div><div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Tipps</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/filme-die-in-heidelberg-gedreht-wurden/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Filme aus Heidelberg</a></li><li data-astro-cid-3ef6ksr2><a href="/blog/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Blog</a></li> </ul> </div> </div> </details> </li><li data-astro-cid-3ef6ksr2> <details class="mm-acc" data-astro-cid-3ef6ksr2> <summary class="flex items-center justify-between px-4 py-3 rounded-xl text-base font-semibold transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2> <span data-astro-cid-3ef6ksr2>Service</span>
3 <svg class="mm-acc-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2><polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline></svg> </summary> <div class="pb-3 pl-4 pr-2" data-astro-cid-3ef6ksr2> <a href="/apotheken-heidelberg/" class="block px-4 py-2 text-sm font-semibold" style="color: var(--color-accent);" data-astro-cid-3ef6ksr2>Ãbersicht: Service</a> <div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Ratgeber Heidelberg</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/apotheken-heidelberg/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Apotheken-Notdienst</a></li><li data-astro-cid-3ef6ksr2><a href="/online-apotheke-heidelberg/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Online-Apotheke</a></li><li data-astro-cid-3ef6ksr2><a href="/banken-in-heidelberg/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Banken & Sparkassen</a></li><li data-astro-cid-3ef6ksr2><a href="/parken-flughafen-frankfurt/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Parken am Flughafen Frankfurt</a></li> </ul> </div><div class="mt-2" data-astro-cid-3ef6ksr2> <p class="px-4 pt-2 pb-1 text-[11px] uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Für Unternehmen</p> <ul class data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/branchenbuch/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Branchenbuch</a></li><li data-astro-cid-3ef6ksr2><a href="/branchenbuch/eintrag-beanspruchen/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Eintrag beanspruchen</a></li><li data-astro-cid-3ef6ksr2><a href="/werben/" class="block px-4 py-2 rounded-lg text-sm hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-inkwell-purple);" data-astro-cid-3ef6ksr2>Werben</a></li> </ul> </div> </div> </details> </li> </ul> <div class="mt-6 pt-6 border-t border-[var(--color-lavender-ash)]" data-astro-cid-3ef6ksr2> <p class="px-4 mb-2 text-xs uppercase tracking-widest font-bold" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Service</p> <ul class="space-y-1" data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/ueber-uns/" class="block px-4 py-2.5 rounded-xl text-sm transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Ãber uns</a></li> <li data-astro-cid-3ef6ksr2><a href="/impressum/" class="block px-4 py-2.5 rounded-xl text-sm transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Impressum</a></li> <li data-astro-cid-3ef6ksr2><a href="/datenschutz/" class="block px-4 py-2.5 rounded-xl text-sm transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Datenschutz</a></li> <li data-astro-cid-3ef6ksr2><a href="/kontakt/" class="block px-4 py-2.5 rounded-xl text-sm transition-colors hover:bg-[var(--color-porcelain-mist)]" style="color: var(--color-slate-steel);" data-astro-cid-3ef6ksr2>Kontakt</a></li> </ul> </div> </nav> <div class="px-5 py-4 border-t border-[var(--color-lavender-ash)] shrink-0" style="background: var(--color-porcelain-mist);" data-astro-cid-3ef6ksr2> <a href="/werben/" class="btn-primary w-full justify-center" data-astro-cid-3ef6ksr2>Werben auf Heidelberg-Interaktiv</a> </div> </aside>
3<script> 4 (function () { 5 var toggle = document.getElementById('mobile-menu-toggle'); 6 var closeBtn = document.getElementById('mobile-menu-close'); 7 var menu = document.getElementById('mobile-menu'); 8 var backdrop = document.getElementById('mobile-menu-backdrop'); 9 if (!toggle || !menu || !backdrop || !closeBtn) return; 10 var labelOpen = toggle.getAttribute('data-label-open') || 'Menu'; 11 var labelClose = toggle.getAttribute('data-label-close') || 'Close'; 12 var openState = false; 13 function setOpen(open) { 14 openState = open; 15 menu.classList.toggle('is-open', open); 16 backdrop.classList.toggle('is-open', open); 17 menu.setAttribute('aria-hidden', open ? 'false' : 'true'); 18 toggle.setAttribute('aria-expanded', open ? 'true' : 'false'); 19 toggle.setAttribute('aria-label', open ? labelClose : labelOpen); 20 document.body.style.overflow = open ? 'hidden' : ''; 21 } 22 toggle.addEventListener('click', function () { setOpen(!openState); }); 23 closeBtn.addEventListener('click', function () { setOpen(false); toggle.focus(); }); 24 backdrop.addEventListener('click', function () { setOpen(false); }); 25 document.addEventListener('keydown', function (e) { 26 if (e.key === 'Escape' && openState) { setOpen(false); toggle.focus(); } 27 }); 28 menu.querySelectorAll('a').forEach(function (a) { 29 a.addEventListener('click', function () { setOpen(false); }); 30 }); 31 var mq = window.matchMedia('(min-width: 1280px)'); 32 function handleResize(e) { if (e.matches && openState) setOpen(false); } 33 if (mq.addEventListener) mq.addEventListener('change', handleResize); 34 else mq.addListener(handleResize); 35 })(); 36</script>
36
36<script> 37 /* Mega-Menue: Maus per CSS-:hover, Tastatur/Touch ueber den Chevron-Button. 38 Escape schliesst und sperrt :hover, bis die Maus den Punkt verlaesst. */ 39 (function () { 40 function init() { 41 var items = document.querySelectorAll('[data-mm-item]'); 42 if (!items.length) return; 43 function closeAll(except) { 44 items.forEach(function (li) { 45 if (li === except) return; 46 li.removeAttribute('data-open'); 47 var b = li.querySelector('.mm-toggle'); 48 if (b) b.setAttribute('aria-expanded', 'false'); 49 }); 50 } 51 items.forEach(function (li) { 52 var btn = li.querySelector('.mm-toggle'); 53 btn.addEventListener('click', function (e) { 54 e.stopPropagation(); 55 var open = !li.hasAttribute('data-open'); 56 closeAll(li); 57 li.toggleAttribute('data-open', open); 58 li.removeAttribute('data-suppress'); 59 btn.setAttribute('aria-expanded', open ? 'true' : 'false'); 60 }); 61 li.addEventListener('mouseleave', function () { li.removeAttribute('data-suppress'); }); 62 }); 63 document.addEventListener('click', function (e) { 64 if (!e.target.closest('[data-mm-item]')) closeAll(); 65 }); 66 document.addEventListener('keydown', function (e) { 67 if (e.key !== 'Escape') return; 68 var active = document.activeElement && document.activeElement.closest('[data-mm-item]'); 69 items.forEach(function (li) { if (li.matches(':hover') || li === active) li.setAttribute('data-suppress', ''); }); 70 closeAll(); 71 if (active) active.querySelector('.mm-toggle').focus(); 72 }); 73 } 74 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); 75 else init(); 76 })(); 77</script>
77 <main class="flex-1"> <section class="container-page py-10"> <nav aria-label="Breadcrumb" class="text-xs mb-6"> <ol class="flex flex-wrap items-center gap-1.5"> <li class="flex items-center gap-1.5"> <a href="/" class="hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Heidelberg </a> <span style="color: var(--color-slate-steel);">/</span> </li><li class="flex items-center gap-1.5"> <a href="/kategorien/" class="hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Kategorien </a> <span style="color: var(--color-slate-steel);">/</span> </li><li class="flex items-center gap-1.5"> <span style="color: var(--color-inkwell-purple);" class="font-semibold">Wahrzeichen</span> </li> </ol> </nav>
77<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Heidelberg","item":"https://heidelberg-interaktiv.de/"},{"@type":"ListItem","position":2,"name":"Kategorien","item":"https://heidelberg-interaktiv.de/kategorien/"},{"@type":"ListItem","position":3,"name":"Wahrzeichen"}]}</script>
77 <div class="max-w-3xl mt-4 mb-10"> <p class="eyebrow mb-3">Kategorie · 10 Einträge</p> <h1 class="text-4xl sm:text-5xl font-bold tracking-tight mb-6 text-balance" style="color: var(--color-deep-plum);"> Wahrzeichen in Heidelberg 78</h1> <p class="text-lg leading-relaxed" style="color: var(--color-shadow-graphite);"> Die ikonischen Bauwerke Heidelbergs - Schloss, Alte Brücke, Heiliggeistkirche. </p> </div> <section class="mb-12"> <div class="flex items-end justify-between gap-4 mb-6"> <h2 class="text-2xl sm:text-3xl font-bold tracking-tight" style="color: var(--color-deep-plum);"> 79Sehenswürdigkeiten <span class="text-base font-normal" style="color: var(--color-slate-steel);">(6)</span> </h2> <a href="/sehenswuerdigkeiten/" class="text-sm font-semibold link-accent shrink-0">Alle Sehenswürdigkeiten â</a> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <a href="/sehenswuerdigkeiten/heidelberger-schloss/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <figure class="relative "><img src="/_astro/heidelberger-schloss.C4JIynUv_Z1NGMYS.webp" srcset="/_astro/heidelberger-schloss.C4JIynUv_fYAWC.webp 400w, /_astro/heidelberger-schloss.C4JIynUv_WIfqp.webp 800w, /_astro/heidelberger-schloss.C4JIynUv_s2y59.webp 1200w, /_astro/heidelberger-schloss.C4JIynUv_Z1NGMYS.webp 1600w" alt="Heidelberger Schloss mit Torhaus" sizes="(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" loading="lazy" decoding="async" fetchpriority="auto" width="1600" height="1200" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"></figure> <div class="absolute top-3 left-3"> <span class="pill bg-white/95 backdrop-blur-sm"> Wahrzeichen </span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Heidelberger Schloss </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Das wohl berühmteste Wahrzeichen Heidelbergs - die teils restaurierte, teils malerisch verfallene Schlossanlage auf 80 Metern über der Altstadt. </p> <p class="text-xs font-semibold" style="color: var(--color-accent);"> ab 9 ⬠</p> </div> </a><a href="/sehenswuerdigkeiten/alte-bruecke/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <figure class="relative "><img src="/_astro/alte-bruecke.WxAXRo3A_Z2v92iz.webp" srcset="/_astro/alte-bruecke.WxAXRo3A_Z1AbSEw.webp 400w, /_astro/alte-bruecke.WxAXRo3A_ZmoLDl.webp 800w, /_astro/alte-bruecke.WxAXRo3A_VHIID.webp 1200w, /_astro/alte-bruecke.WxAXRo3A_Z2v92iz.webp 1600w" alt="Alte Brücke über den Neckar in Heidelberg" sizes="(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" loading="lazy" decoding="async" fetchpriority="auto" width="1600" height="1200" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"></figure> <div class="absolute top-3 left-3"> <span class="pill bg-white/95 backdrop-blur-sm"> Wahrzeichen </span> </div> <div class="absolute top-3 right-3"> <span class="pill-accent">Gratis</span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Alte Brücke (Karl-Theodor-Brücke) </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Die steinerne Neckarbrücke von 1788 mit ihren beiden weiÃen Türmen und dem Brückenaffen - eines der meistfotografierten Motive Heidelbergs. </p> <p class="text-xs font-semibold" style="color: var(--color-accent);"> Eintritt frei </p> </div> </a><a href="/sehenswuerdigkeiten/alte-universitaet/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <figure class="relative "><img src="/_astro/alte-universitaet.DUUBBSNe_Z2qMOv7.webp" srcset="/_astro/alte-universitaet.DUUBBSNe_Za8k9c.webp 400w, /_astro/alte-universitaet.DUUBBSNe_ZT8pQs.webp 800w, /_astro/alte-universitaet.DUUBBSNe_ZhtueC.webp 1200w, /_astro/alte-universitaet.DUUBBSNe_Z2qMOv7.webp 1600w" alt="Alte Universität Heidelberg am Universitätsplatz" sizes="(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" loading="lazy" decoding="async" fetchpriority="auto" width="1600" height="1200" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"></figure> <div class="absolute top-3 left-3"> <span class="pill bg-white/95 backdrop-blur-sm"> Bauwerk </span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Alte Universität & Karzer </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Das historische Hauptgebäude der Ruperto Carola am Universitätsplatz, mit Alter Aula und dem berühmten Studenten-Karzer im Hinterhof. </p> <p class="text-xs font-semibold" style="color: var(--color-accent);"> ab 3 ⬠</p> </div> </a><a href="/sehenswuerdigkeiten/heiliggeistkirche/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <figure class="relative "><img src="/_astro/heiliggeistkirche.B1KovmrG_ZPndNJ.webp" srcset="/_astro/heiliggeistkirche.B1KovmrG_30Kfq.webp 400w, /_astro/heiliggeistkirche.B1KovmrG_ZFYkrP.webp 800w, /_astro/heiliggeistkirche.B1KovmrG_1iV6rK.webp 1200w, /_astro/heiliggeistkirche.B1KovmrG_ZPndNJ.webp 1600w" alt="Heiliggeistkirche am Marktplatz" sizes="(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" loading="lazy" decoding="async" fetchpriority="auto" width="1600" height="1200" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"></figure> <div class="absolute top-3 left-3"> <span class="pill bg-white/95 backdrop-blur-sm"> Kirche </span> </div> <div class="absolute top-3 right-3"> <span class="pill-accent">Gratis</span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Heiliggeistkirche </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Die markante spätgotische Stadtpfarrkirche am Marktplatz - Heidelbergs religiöses und städtebauliches Zentrum. </p> <p class="text-xs font-semibold" style="color: var(--color-accent);"> Eintritt frei </p> </div> </a><a href="/sehenswuerdigkeiten/marktplatz/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <figure class="relative "><img src="/_astro/marktplatz.BsZ1tfy3_25zA62.webp" srcset="/_astro/marktplatz.BsZ1tfy3_Jl9rt.webp 400w, /_astro/marktplatz.BsZ1tfy3_2itqc1.webp 800w, /_astro/marktplatz.BsZ1tfy3_2wqADb.webp 1200w, /_astro/marktplatz.BsZ1tfy3_25zA62.webp 1600w" alt="Marktplatz Heidelberg mit Herkulesbrunnen" sizes="(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" loading="lazy" decoding="async" fetchpriority="auto" width="1600" height="1200" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"></figure> <div class="absolute top-3 left-3"> <span class="pill bg-white/95 backdrop-blur-sm"> Markt </span> </div> <div class="absolute top-3 right-3"> <span class="pill-accent">Gratis</span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Marktplatz </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Das städtische Zentrum Heidelbergs mit Rathaus, Heiliggeistkirche, Herkulesbrunnen und zweimal wöchentlich frischem Wochenmarkt. </p> <p class="text-xs font-semibold" style="color: var(--color-accent);"> Eintritt frei </p> </div> </a><a href="/sehenswuerdigkeiten/hauptstrasse/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <figure class="relative "><img src="/_astro/hauptstrasse.kwwM0N0S_cLAgF.webp" srcset="/_astro/hauptstrasse.kwwM0N0S_ZlMDBW.webp 400w, /_astro/hauptstrasse.kwwM0N0S_QYsoe.webp 800w, /_astro/hauptstrasse.kwwM0N0S_Z1pxLv3.webp 1200w, /_astro/hauptstrasse.kwwM0N0S_cLAgF.webp 1600w" alt="HauptstraÃe in der Heidelberger Altstadt" sizes="(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw" loading="lazy" decoding="async" fetchpriority="auto" width="1600" height="1200" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"></figure> <div class="absolute top-3 left-3"> <span class="pill bg-white/95 backdrop-blur-sm"> Markt </span> </div> <div class="absolute top-3 right-3"> <span class="pill-accent">Gratis</span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> HauptstraÃe </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Mit 1,6 Kilometern eine der längsten FuÃgängerzonen Europas - Heidelbergs zentrale Einkaufs- und Flaniermeile durch die ganze Altstadt. </p> <p class="text-xs font-semibold" style="color: var(--color-accent);"> Eintritt frei </p> </div> </a> </div> </section> <section class="mb-12"> <div class="flex items-end justify-between gap-4 mb-6"> <h2 class="text-2xl sm:text-3xl font-bold tracking-tight" style="color: var(--color-deep-plum);"> 80Hotels <span class="text-base font-normal" style="color: var(--color-slate-steel);">(4)</span> </h2> <a href="/hotels/" class="text-sm font-semibold link-accent shrink-0">
80Alle Hotels â</a> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <a href="/hotels/europaeischer-hof/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <div class="relative "><div class="ph relative w-full h-full min-h-[220px] " style="background: var(--hue-1);" data-astro-cid-6z6ajwe4> <div class="ph-veil" aria-hidden="true" data-astro-cid-6z6ajwe4></div> <div class="ph-grid" aria-hidden="true" data-astro-cid-6z6ajwe4></div> <div class="ph-body" data-astro-cid-6z6ajwe4> <span class="ph-icon" aria-hidden="true" data-astro-cid-6z6ajwe4> <svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-6z6ajwe4><path d="M3 20V8l9-5 9 5v12" data-astro-cid-6z6ajwe4></path><path d="M3 20h18" data-astro-cid-6z6ajwe4></path><path d="M9 20v-6h6v6" data-astro-cid-6z6ajwe4></path></svg> </span> <span class="ph-label" data-astro-cid-6z6ajwe4>Hotel Europäischer Hof Heidelberg</span> </div> </div> </div> <div class="absolute top-3 left-3 flex flex-col gap-1.5"> <span class="pill bg-white/95 backdrop-blur-sm">â
â
â
â
â
</span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Hotel Europäischer Hof Heidelberg </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Das traditionsreiche Grand-Hotel am Friedrich-Ebert-Platz - seit 1865 Heidelbergs erste Adresse mit klassischer Eleganz und Privatbesitz-Charme. </p> <div class="flex items-end justify-between"> <div> <p class="text-xs" style="color: var(--color-slate-steel);">ab</p> <p class="text-base font-bold" style="color: var(--color-deep-plum);"> 219 â¬<span class="text-xs font-normal" style="color: var(--color-slate-steel);"> / Nacht</span> </p> </div> </div> </div> </a><a href="/hotels/zum-ritter-st-georg/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <div class="relative "><div class="ph relative w-full h-full min-h-[220px] " style="background: var(--hue-2);" data-astro-cid-6z6ajwe4> <div class="ph-veil" aria-hidden="true" data-astro-cid-6z6ajwe4></div> <div class="ph-grid" aria-hidden="true" data-astro-cid-6z6ajwe4></div> <div class="ph-body" data-astro-cid-6z6ajwe4> <span class="ph-icon" aria-hidden="true" data-astro-cid-6z6ajwe4> <svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-6z6ajwe4><path d="M3 20V8l9-5 9 5v12" data-astro-cid-6z6ajwe4></path><path d="M3 20h18" data-astro-cid-6z6ajwe4></path><path d="M9 20v-6h6v6" data-astro-cid-6z6ajwe4></path></svg> </span> <span class="ph-label" data-astro-cid-6z6ajwe4>Hotel zum Ritter St. Georg</span> </div> </div> </div> <div class="absolute top-3 left-3 flex flex-col gap-1.5"> <span class="pill bg-white/95 backdrop-blur-sm">â
â
â
â
</span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Hotel zum Ritter St. Georg </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Wohnen im einzigen Renaissance-Bürgerhaus der Altstadt (1592) - direkt gegenüber der Heiliggeistkirche am Marktplatz. </p> <div class="flex items-end justify-between"> <div> <p class="text-xs" style="color: var(--color-slate-steel);">ab</p> <p class="text-base font-bold" style="color: var(--color-deep-plum);"> 145 â¬<span class="text-xs font-normal" style="color: var(--color-slate-steel);"> / Nacht</span> </p> </div> </div> </div> </a><a href="/hotels/heidelberg-suites/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <div class="relative "><div class="ph relative w-full h-full min-h-[220px] " style="background: var(--hue-1);" data-astro-cid-6z6ajwe4> <div class="ph-veil" aria-hidden="true" data-astro-cid-6z6ajwe4></div> <div class="ph-grid" aria-hidden="true" data-astro-cid-6z6ajwe4></div> <div class="ph-body" data-astro-cid-6z6ajwe4> <span class="ph-icon" aria-hidden="true" data-astro-cid-6z6ajwe4> <svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-6z6ajwe4><path d="M3 20V8l9-5 9 5v12" data-astro-cid-6z6ajwe4></path><path d="M3 20h18" data-astro-cid-6z6ajwe4></path><path d="M9 20v-6h6v6" data-astro-cid-6z6ajwe4></path></svg> </span> <span class="ph-label" data-astro-cid-6z6ajwe4>Boutiquehotel Heidelberg Suites</span> </div> </div> </div> <div class="absolute top-3 left-3 flex flex-col gap-1.5"> <span class="pill bg-white/95 backdrop-blur-sm">â
â
â
â
</span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Neuenheim </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Boutiquehotel Heidelberg Suites </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Drei restaurierte Stadtvillen am Neckar - italienisch geprägtes Boutiquehotel direkt am Wasser mit Blick auf Alte Brücke und Schloss. </p> <div class="flex items-end justify-between"> <div> <p class="text-xs" style="color: var(--color-slate-steel);">ab</p> <p class="text-base font-bold" style="color: var(--color-deep-plum);">
80 189 â¬<span class="text-xs font-normal" style="color: var(--color-slate-steel);"> / Nacht</span> </p> </div> </div> </div> </a><a href="/hotels/goldener-hecht/" class="card group block"> <div class="aspect-[4/3] relative overflow-hidden"> <div class="relative "><div class="ph relative w-full h-full min-h-[220px] " style="background: var(--hue-1);" data-astro-cid-6z6ajwe4> <div class="ph-veil" aria-hidden="true" data-astro-cid-6z6ajwe4></div> <div class="ph-grid" aria-hidden="true" data-astro-cid-6z6ajwe4></div> <div class="ph-body" data-astro-cid-6z6ajwe4> <span class="ph-icon" aria-hidden="true" data-astro-cid-6z6ajwe4> <svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-6z6ajwe4><path d="M3 20V8l9-5 9 5v12" data-astro-cid-6z6ajwe4></path><path d="M3 20h18" data-astro-cid-6z6ajwe4></path><path d="M9 20v-6h6v6" data-astro-cid-6z6ajwe4></path></svg> </span> <span class="ph-label" data-astro-cid-6z6ajwe4>Hotel Goldener Hecht</span> </div> </div> </div> <div class="absolute top-3 left-3 flex flex-col gap-1.5"> <span class="pill bg-white/95 backdrop-blur-sm">â
â
â
</span> </div> </div> <div class="p-3"> <p class="text-xs font-semibold mb-1" style="color: var(--color-slate-steel);"> Altstadt </p> <h3 class="text-base font-bold tracking-tight leading-tight mb-2 group-hover:text-[var(--color-accent)] transition-colors" style="color: var(--color-deep-plum);"> Hotel Goldener Hecht </h3> <p class="text-xs leading-relaxed line-clamp-2 mb-2" style="color: var(--color-shadow-graphite);"> Direkt am Brückentor der Alten Brücke - historischer Familienbetrieb mit Schloss-Blick aus den oberen Zimmern. </p> <div class="flex items-end justify-between"> <div> <p class="text-xs" style="color: var(--color-slate-steel);">ab</p> <p class="text-base font-bold" style="color: var(--color-deep-plum);"> 89 â¬<span class="text-xs font-normal" style="color: var(--color-slate-steel);"> / Nacht</span> </p> </div> </div> </div> </a> </div> </section> </section> <section class="container-page"> <section class="my-12"><div class="mb-6 max-w-3xl"><p class="eyebrow mb-2">Touren & Tickets</p><h2 class="text-2xl sm:text-3xl font-bold tracking-tight mb-2" style="color: var(--color-deep-plum);">Touren & Tickets: Wahrzeichen</h2><p class="text-base leading-relaxed" style="color: var(--color-shadow-graphite);">Passende Führungen und Erlebnisse in Heidelberg - direkt online buchbar.</p></div><div data-gyg-href="https://widget.getyourguide.com/default/activities.frame" data-gyg-locale-code="de-DE" data-gyg-currency="EUR" data-gyg-widget="activities" data-gyg-partner-id="1UPZQQB" data-gyg-number-of-items="3" data-gyg-cmp="category-wahrzeichen" data-gyg-q="Wahrzeichen Heidelberg" class="gyg-widget-host rounded-2xl overflow-hidden"></div><p class="text-[11px] mt-3 leading-relaxed" style="color: var(--color-slate-steel);">* Touren & Tickets von GetYourGuide. Beim Buchen über die Marker erhalten wir eine Provision, du zahlst keinen Cent mehr.</p></section> </section>
80<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Wahrzeichen in Heidelberg","description":"Die ikonischen Bauwerke Heidelbergs - Schloss, Alte Brücke, Heiliggeistkirche.","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"name":"Heidelberger Schloss","url":"https://heidelberg-interaktiv.de/sehenswuerdigkeiten/heidelberger-schloss/"},{"@type":"ListItem","position":2,"name":"Alte Brücke (Karl-Theodor-Brücke)","url":"https://heidelberg-interaktiv.de/sehenswuerdigkeiten/alte-bruecke/"},{"@type":"ListItem","position":3,"name":"Alte Universität & Karzer","url":"https://heidelberg-interaktiv.de/sehenswuerdigkeiten/alte-universitaet/"},{"@type":"ListItem","position":4,"name":"Heiliggeistkirche","url":"https://heidelberg-interaktiv.de/sehenswuerdigkeiten/heiliggeistkirche/"},{"@type":"ListItem","position":5,"name":"Marktplatz","url":"https://heidelberg-interaktiv.de/sehenswuerdigkeiten/marktplatz/"},{"@type":"ListItem","position":6,"name":"HauptstraÃe","url":"https://heidelberg-interaktiv.de/sehenswuerdigkeiten/hauptstrasse/"},{"@type":"ListItem","position":7,"name":"Hotel Europäischer Hof Heidelberg","url":"https://heidelberg-interaktiv.de/hotels/europaeischer-hof/"},{"@type":"ListItem","position":8,"name":"Hotel zum Ritter St. Georg","url":"https://heidelberg-interaktiv.de/hotels/zum-ritter-st-georg/"},{"@type":"ListItem","position":9,"name":"Boutiquehotel Heidelberg Suites","url":"https://heidelberg-interaktiv.de/hotels/heidelberg-suites/"},{"@type":"ListItem","position":10,"name":"Hotel Goldener Hecht","url":"https://heidelberg-interaktiv.de/hotels/goldener-hecht/"}]}</script>
80 </main> <footer class="mt-20 border-t border-[var(--color-lavender-ash)] bg-[var(--color-porcelain-mist)]"> <div class="container-page py-14"> <div class="grid grid-cols-2 md:grid-cols-4 gap-10"> <div class="col-span-2 md:col-span-1"> <a href="/" class="inline-flex mb-4" aria-label="Zur Startseite"> <span class="logo " style="--logo-size: 40px;" data-astro-cid-tvrurpns> <svg class="logo-mark" viewBox="0 0 44 44" aria-hidden="true" focusable="false" data-astro-cid-tvrurpns> <defs data-astro-cid-tvrurpns> <clipPath id="logo-tile-clip" data-astro-cid-tvrurpns> <rect x="1.25" y="1.25" width="41.5" height="41.5" rx="11" data-astro-cid-tvrurpns></rect> </clipPath> </defs> <!-- Kartenkachel --> <rect x="1.25" y="1.25" width="41.5" height="41.5" rx="11" class="tile" data-astro-cid-tvrurpns></rect> <g clip-path="url(#logo-tile-clip)" data-astro-cid-tvrurpns> <!-- Strassenraster --> <g class="grid" data-astro-cid-tvrurpns> <path d="M0 14.5 H44 M0 29.5 H44 M14.5 0 V44 M29.5 0 V44" data-astro-cid-tvrurpns></path> </g> <!-- Neckar --> <path d="M-2 33 C 8 33, 13 25.5, 22 25 S 36 19, 46 12" class="river-bank" data-astro-cid-tvrurpns></path> <path d="M-2 33 C 8 33, 13 25.5, 22 25 S 36 19, 46 12" class="river" data-astro-cid-tvrurpns></path> </g> <!-- Pin --> <g transform="translate(25.5 15.5) scale(0.92)" data-astro-cid-tvrurpns> <path d="M0 -8.4 C4.6 -8.4 8.4 -4.6 8.4 0 C8.4 5.2 2.2 10.4 0 13.6 C-2.2 10.4 -8.4 5.2 -8.4 0 C-8.4 -4.6 -4.6 -8.4 0 -8.4 Z" class="pin" data-astro-cid-tvrurpns></path> <circle cx="0" cy="0" r="3.1" class="pin-hole" data-astro-cid-tvrurpns></circle> </g> </svg> <span class="logo-type" data-astro-cid-tvrurpns> <span class="logo-name" data-astro-cid-tvrurpns>Heidelberg-<span class="logo-name-accent" data-astro-cid-tvrurpns>Interaktiv</span></span> <span class="logo-sub" data-astro-cid-tvrurpns>Stadtplan · Verzeichnis</span> </span> </span> </a> <p class="text-sm leading-relaxed" style="color: var(--color-shadow-graphite);"> Heidelberg-Interaktiv - das Portal zur wahrscheinlich schönsten Stadt am Neckar. Schloss, Altstadt, Universität, Stadtteile und Wissenswertes auf einen Blick. </p> </div> <div> <h4 class="text-xs font-bold uppercase tracking-widest mb-4" style="color: var(--color-inkwell-purple);"> Stadtteile </h4> <ul class="space-y-2"> <li> <a href="/stadtteile/altstadt/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Altstadt </a> </li><li> <a href="/stadtteile/bergheim/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Bergheim </a> </li><li> <a href="/stadtteile/weststadt/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Weststadt </a> </li><li> <a href="/stadtteile/suedstadt/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Südstadt </a> </li><li> <a href="/stadtteile/neuenheim/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Neuenheim </a> </li><li> <a href="/stadtteile/handschuhsheim/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Handschuhsheim </a> </li><li> <a href="/stadtteile/rohrbach/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Rohrbach </a> </li><li> <a href="/stadtteile/kirchheim/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Kirchheim </a> </li> </ul> </div> <div> <h4 class="text-xs font-bold uppercase tracking-widest mb-4" style="color: var(--color-inkwell-purple);"> Kategorien </h4> <ul class="space-y-2"> <li> <a href="/kategorien/wahrzeichen/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Wahrzeichen </a> </li><li> <a href="/kategorien/schloss/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Schloss & Burgen </a> </li><li> <a href="/kategorien/museen/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Museen </a> </li><li> <a href="/kategorien/kirchen/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">
80 Kirchen </a> </li><li> <a href="/kategorien/parks/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Parks & Natur </a> </li><li> <a href="/kategorien/universitaet/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Universität </a> </li><li> <a href="/kategorien/aussichten/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Aussichten </a> </li><li> <a href="/kategorien/shopping/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;"> Shopping </a> </li> </ul> </div> <div> <h4 class="text-xs font-bold uppercase tracking-widest mb-4" style="color: var(--color-inkwell-purple);"> Service </h4> <ul class="space-y-2"> <li><a href="/sehenswuerdigkeiten/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Sehenswürdigkeiten in Heidelberg</a></li> <li><a href="/stadtteile/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Stadtteile von Heidelberg</a></li> <li><a href="/restaurants/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Restaurants in Heidelberg</a></li> <li><a href="/hotels/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Hotels in Heidelberg</a></li> <li><a href="/feste/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Veranstaltungen</a></li> <li><a href="/wissenswertes/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Wissenswertes</a></li> <li><a href="/top-10-hotels-heidelberg/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Top 10 Hotels</a></li> <li><a href="/branchenbuch/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Branchenbuch</a></li><li><a href="/blog/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Blog</a></li><li><a href="/werben/" class="text-sm hover:underline" style="color: var(--color-shadow-graphite); text-underline-offset: 3px;">Werben auf Heidelberg-Interaktiv</a></li> </ul> </div> </div> <div class="mt-12 pt-6 border-t border-[var(--color-lavender-ash)] flex flex-col md:flex-row items-start md:items-center justify-between gap-4"> <p class="text-xs" style="color: var(--color-slate-steel);"> © 2026 Heidelberg-Interaktiv. Alle Rechte vorbehalten. </p> <div class="flex flex-wrap items-center gap-x-5 gap-y-2"> <a href="/ueber-uns/" class="text-xs hover:underline" style="color: var(--color-slate-steel); text-underline-offset: 3px;">Ãber uns</a> <a href="/impressum/" class="text-xs hover:underline" style="color: var(--color-slate-steel); text-underline-offset: 3px;">Impressum</a> <a href="/datenschutz/" class="text-xs hover:underline" style="color: var(--color-slate-steel); text-underline-offset: 3px;">Datenschutz</a> <a href="/bildnachweis/" class="text-xs hover:underline" style="color: var(--color-slate-steel); text-underline-offset: 3px;">Bildnachweis</a> <a href="/kontakt/" class="text-xs hover:underline" style="color: var(--color-slate-steel); text-underline-offset: 3px;">Kontakt</a> </div> </div> </div> </footer>
80<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"96e7971cce0b4480bc5b8c2590c45c4e","r":1,"spa":2}' crossorigin="anonymous"></script>
80 81</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.