PageSourceSearch

https://www.dhm.de/journal/

html dhm.de collected 2026-09-24 08:48:18 UTC 283,957 bytes, 6,425 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de-DE" data-theme="light">
3<head>
4    <meta charset="utf-8">
5
6<!-- 
7	This website is powered by TYPO3 - inspiring people to share!
8	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
9	TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
10	Information and contribution at https://typo3.org/
11-->
12
13
14<title>DHM Journal | Deutsches Historisches Museum Journal</title>
15<meta http-equiv="x-ua-compatible" content="IE=edge">
16<meta name="generator" content="TYPO3 CMS">
17<meta name="description" content="Das Journal des Deutschen Historischen Museums biete Einblicke in Ausstellungen und Projekte, in die Sammlungsarbeit und aktuelle Debatten zur Geschichte.">
18<meta name="viewport" content="width=device-width, initial-scale=1">
19<meta name="view-transition" content="same-origin">
20<meta name="apple-mobile-web-app-capable" content="no">
21<meta name="turbo-refresh-method" content="replace">
22<meta name="turbo-refresh-scroll" content="reset">
23<meta name="turbo-prefetch" content="false">
24
25
26<link rel="stylesheet" href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Css/App.min.css?1787218146" media="all" title="mainStyles">
27
28
29
30<script src="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/JavaScript/App.min.js?1787218147" type="module"></script>
30
31
32
33<link
34        rel="apple-touch-icon"
35        type="image/png"
36        sizes="180x180"
37        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/apple-touch-icon.png?1774609602"
38        media="(prefers-color-scheme: light)" />
39    <link
40        rel="apple-touch-icon"
41        type="image/png"
42        sizes="180x180"
43        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/apple-touch-icon.png?1774609602"
44        media="(prefers-color-scheme: dark)" />
45    <link
46        rel="icon"
47        type="image/png"
48        sizes="96x96"
49        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/favicon-96x96.png?1774609602"
50        media="(prefers-color-scheme: light)" />
51    <link
52        rel="icon"
53        type="image/png"
54        sizes="96x96"
55        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/favicon-96x96.png?1774609602"
56        media="(prefers-color-scheme: dark)" />
57    <link
58        rel="shortcut icon"
59        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/favicon.ico?1774609602"
60        media="(prefers-color-scheme: light)" />
61    <link
62        rel="shortcut icon"
63        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/favicon.ico?1774609602"
64        media="(prefers-color-scheme: dark)" />
65    <link
66        rel="icon"
67        type="image/svg+xml"
68        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/favicon.svg?1774609602"
69        media="(prefers-color-scheme: light)" />
70    <link
71        rel="icon"
72        type="image/svg+xml"
73        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/favicon.svg?1774609602"
74        media="(prefers-color-scheme: dark)" />
75    <link rel="manifest" href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/Favicons/site.webmanifest?1774609602" />
76
77    <meta name="msapplication-TileColor" content="#BB1B23" />
78    <meta name="theme-color" content="#BB1B23" media="(prefers-color-scheme: light)" />
79    <meta name="theme-color" content="#BB1B23" media="(prefers-color-scheme: dark)" />
80
81
82    <link
83        rel="preload"
84        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Fonts/GT/GT-Bold.woff2"
85        as="font"
86        type="font/woff2"
87        crossorigin />
88    <link
89        rel="preload"
90        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Fonts/GT/GT-Light.woff2"
91        as="font"
92        type="font/woff2"
93        crossorigin />
94    <link
95        rel="preload"
96        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Fonts/GT/GT-Light-Oblique.woff2"
97        as="font"
98        type="font/woff2"
99        crossorigin />
100    <link
101        rel="preload"
102        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Fonts/GT/GT-Regular.woff2"
103        as="font"
104        type="font/woff2"
105        crossorigin />
106    <link
107        rel="preload"
108        href="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Fonts/GT/GT-Medium.woff2"
109        as="font"
110        type="font/woff2"
111        crossorigin />
112
113
114<link rel="canonical" href="https://www.dhm.de/journal/">
115
116<link rel="alternate" hreflang="de-DE" href="https://www.dhm.de/journal/">
117<link rel="alternate" hreflang="en-US" href="https://www.dhm.de/journal/en/">
118<link rel="alternate" hreflang="x-default" href="https://www.dhm.de/journal/">
119</head>
120<body id="p1" class="pagets__home">
121
122    <nav aria-label="Schnellnavigation">
123        <a
124            href="#main-content"
125            class="focus:bg-dark-blue-500 sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-9999 focus:rounded focus:px-4 focus:py-2 focus:font-medium focus:text-yellow-100 focus:shadow-lg focus:outline-none">
126            Zum Hauptinhalt springen
127        </a>
128        <a
129            href="#page-footer"
130            class="focus:bg-dark-blue-500 sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-9999 focus:rounded focus:px-4 focus:py-2 focus:font-medium focus:text-yellow-100 focus:shadow-lg focus:outline-none">
131            Zur Fußzeile springen
132        </a>
133    </nav>
134    
135    <header
136        class="after:bg-dark-blue-500 text-dark-blue-500 a sticky z-1000 flex h-18 w-full after:fixed after:-z-10 after:h-[8.5rem] after:w-screen after:opacity-0 md:after:h-18"
137        data-controller="global-menu"
138        data-global-menu-target="topBar">
139        <div
140            class="topBarBtns flex h-34 w-full flex-col items-start gap-y-6 opacity-100 transition-all duration-300 *:mt-2 *:ml-2 md:h-18 md:flex-row md:items-center md:justify-between md:gap-y-8"
141            data-global-menu-target="topBarBtns">
142            <a aria-label="DHM Journal – Startseite" class="homeBtn md:text-dark-blue-500 mt-7! flex h-max w-max opacity-100 md:mt-2 md:ml-8 lg:ml-16" href="/journal/">
143                <svg aria-hidden="true" width="203" height="36" viewBox="0 0 203 36" fill="none" xmlns="http://www.w3.org/2000/svg">
144                    <g clip-path="url(#clip0_3293_22168)">
145                        <path
146                            class="duration-300 ease-in"
147                            data-global-menu-target="topBarLogo"
148                            id="topbarlogoPath"
149                            d="M196.746 1.365H202.951V29.4263H196.746V1.365ZM183.486 25.2867C184.653 25.2867 185.594 24.9816 186.309 24.3712C187.051 23.7345 187.423 22.9649 187.423 22.0627V19.8736C187.158 20.1388 186.482 20.3776 185.395 20.5899L182.888 21.0675C181.458 21.3861 180.741 22.1024 180.741 23.217C180.741 23.8539 180.993 24.358 181.498 24.7295C182.001 25.101 182.663 25.2867 183.486 25.2867ZM181.816 30.0234C179.615 30.0234 177.838 29.4396 176.486 28.272C175.134 27.1045 174.458 25.5654 174.458 23.6548C174.458 21.8769 175.027 20.4441 176.168 19.356C177.309 18.2415 178.925 17.5119 181.019 17.1669L185.713 16.4106C186.852 16.1983 187.423 15.6808 187.423 14.8584C187.423 14.2746 187.184 13.8235 186.707 13.505C186.256 13.1866 185.607 13.0273 184.758 13.0273C183.804 13.0273 183.021 13.2264 182.412 13.6244C181.802 14.0225 181.444 14.6328 181.339 15.4554H175.055C175.16 14.049 175.637 12.8151 176.486 11.7536C177.361 10.6658 178.502 9.82988 179.906 9.2461C181.339 8.63575 182.929 8.3305 184.679 8.3305C187.542 8.3305 189.743 8.95414 191.28 10.2013C192.846 11.422 193.627 13.0937 193.627 15.2166V23.4957C193.627 24.1856 193.944 24.5305 194.582 24.5305C194.874 24.5039 195.151 24.4907 195.417 24.4907V29.1875C194.409 29.612 193.242 29.8244 191.916 29.8244C190.962 29.8244 190.154 29.6651 189.492 29.3467C188.828 29.0282 188.284 28.5108 187.86 27.7944C186.164 29.2803 184.148 30.0234 181.816 30.0234ZM153.756 8.92757H159.642V11.1566C160.225 10.2544 161.046 9.56449 162.107 9.08683C163.195 8.58261 164.4 8.3305 165.726 8.3305C167.901 8.3305 169.65 8.99399 170.976 10.3207C172.328 11.6475 173.004 13.6244 173.004 16.2513V29.4263H166.801V17.7241C166.801 16.5566 166.521 15.6544 165.966 15.0175C165.408 14.3541 164.6 14.0225 163.539 14.0225C162.425 14.0225 161.551 14.3807 160.914 15.0972C160.278 15.7869 159.96 16.7422 159.96 17.9629V29.4263H153.756V8.92757ZM140.231 8.92757H146.117V11.9527C146.515 10.8647 147.178 10.0289 148.106 9.44507C149.034 8.83472 150.134 8.52962 151.407 8.52962H152.321V14.739H151.526C149.909 14.739 148.649 15.1767 147.748 16.0523C146.873 16.9015 146.435 18.1353 146.435 19.7541V29.4263H140.231V8.92757ZM126.209 30.0234C124.088 30.0234 122.338 29.36 120.959 28.0332C119.607 26.6798 118.931 24.7029 118.931 22.1024V8.92757H125.135V20.6696C125.135 21.8106 125.387 22.7127 125.891 23.3762C126.421 24.013 127.19 24.3314 128.197 24.3314C129.258 24.3314 130.093 23.9864 130.703 23.2965C131.312 22.6066 131.617 21.6513 131.617 20.4308V8.92757H137.821V29.4263H131.936V27.1973C131.352 28.0995 130.57 28.8027 129.589 29.3069C128.608 29.7845 127.481 30.0234 126.209 30.0234ZM106.572 24.4907C108.004 24.4907 109.158 24.0263 110.032 23.0976C110.934 22.1423 111.385 20.8287 111.385 19.1571C111.385 17.4853 110.934 16.185 110.032 15.2563C109.158 14.3276 108.004 13.8632 106.572 13.8632C105.167 13.8632 104.014 14.3276 103.112 15.2563C102.238 16.185 101.8 17.4853 101.8 19.1571C101.8 20.8553 102.238 22.1688 103.112 23.0976C104.014 24.0263 105.167 24.4907 106.572 24.4907ZM106.572 30.0234C104.372 30.0234 102.436 29.559 100.766 28.6303C99.0958 27.7015 97.7966 26.4146 96.8687 24.7693C95.9671 23.1241 95.5164 21.2534 95.5164 19.1571C95.5164 17.0608 95.9671 15.2033 96.8687 13.5847C97.7966 11.9395 99.0958 10.6525 100.766 9.72376C102.436 8.79487 104.372 8.3305 106.572 8.3305C108.773 8.3305 110.709 8.79487 112.379 9.72376C114.076 10.6525 115.375 11.9395 116.276 13.5847C117.204 15.2299 117.668 17.0872 11
1497.668 19.1571C117.668 21.2534 117.204 23.1241 116.276 24.7693C115.375 26.4146 114.089 27.7015 112.419 28.6303C110.748 29.559 108.8 30.0234 106.572 30.0234ZM91.207 7.17623C90.173 7.17623 89.3245 6.84456 88.6616 6.18122C87.9988 5.49131 87.6675 4.62885 87.6675 3.59399C87.6675 2.55913 87.9988 1.70995 88.6616 1.04661C89.3511 0.356705 90.1994 0.0115967 91.207 0.0115967C92.241 0.0115967 93.1027 0.356705 93.792 1.04661C94.4814 1.73652 94.826 2.58554 94.826 3.59399C94.826 4.62885 94.4814 5.49131 93.792 6.18122C93.1027 6.84456 92.241 7.17623 91.207 7.17623ZM85.7188 35.9939V30.7398H86.2755C87.5216 30.7398 88.1447 30.1561 88.1447 28.9885V8.92757H94.3488V29.4662C94.3488 31.7216 93.7522 33.3668 92.5591 34.4018C91.3925 35.4631 89.8018 35.9939 87.7868 35.9939H85.7188ZM11.7809 14.4919C10.7226 14.4919 9.76383 14.8669 9.08099 15.5475C8.30939 16.3167 7.9016 17.4561 7.9016 18.8422C7.9016 20.2329 8.31063 21.3808 9.08438 22.162C9.77015 22.8542 10.7279 23.2355 11.7809 23.2355C12.8406 23.2355 13.7996 22.8592 14.481 22.1761C15.2543 21.4007 15.6632 20.248 15.6632 18.8422C15.6632 17.441 15.2554 16.2967 14.4841 15.5334C13.8056 14.8618 12.8456 14.4919 11.7809 14.4919ZM11.7809 24.0079C10.5204 24.0079 9.36823 23.5455 8.53629 22.7056C7.61621 21.7771 7.12986 20.441 7.12986 18.8422C7.12986 17.2462 7.61621 15.9176 8.53644 15.0003C9.36483 14.1745 10.517 13.7195 11.7809 13.7195C13.0501 13.7195 14.2031 14.1688 15.0268 14.9843C15.9481 15.8959 16.435 17.2299 16.435 18.8422C16.435 20.4572 15.9481 21.7985 15.0271 22.7219C14.2 23.5511 13.047 24.0079 11.7809 24.0079ZM71.0504 13.7287C72.0464 13.7287 72.8973 14.0697 73.5107 14.7149C74.09 15.3241 74.409 16.1697 74.409 17.0962V28.9599C74.409 29.1006 74.5232 29.2151 74.6637 29.2151H80.4701C80.6105 29.2151 80.7247 29.1006 80.7247 28.9599V9.16222C80.7247 9.02149 80.6105 8.90687 80.4701 8.90687H48.6314C48.4911 8.90687 48.3769 9.02149 48.3769 9.16222V28.9599C48.3769 29.1006 48.4911 29.2151 48.6314 29.2151H54.4398C54.5801 29.2151 54.6943 29.1006 54.6943 28.9599V17.1104C54.6944 14.9874 56.4145 13.7186 58.0773 13.7186C59.1153 13.7186 59.9841 14.0622 60.5898 14.7119C61.1512 15.3144 61.4603 16.166 61.4603 17.1104V28.9599C61.4603 29.1005 61.5747 29.2151 61.715 29.2151H67.4383C67.5786 29.2151 67.6928 29.1006 67.6928 28.9599V17.0962C67.6928 15.208 69.1676 13.7287 71.0504 13.7287ZM80.4701 29.9875H74.6637C74.0977 29.9875 73.6373 29.5266 73.6373 28.9599V17.0962C73.6373 16.3689 73.3937 15.7123 72.9516 15.2473C72.4875 14.7592 71.83 14.5011 71.0504 14.5011C69.5762 14.5011 68.4646 15.6167 68.4646 17.0962V28.9599C68.4646 29.5266 68.0041 29.9875 67.4383 29.9875H61.715C61.1493 29.9875 60.6887 29.5267 60.6886 28.9601V17.1104C60.6886 16.3622 60.4531 15.6977 60.0255 15.2388C59.5694 14.7496 58.8958 14.491 58.0773 14.491C56.4429 14.491 55.4662 15.8228 55.466 17.1104V28.9599C55.466 29.5266 55.0056 29.9875 54.4398 29.9875H48.6314C48.0656 29.9875 47.6052 29.5266 47.6052 28.9599V9.16222C47.6052 8.59559 48.0656 8.13447 48.6314 8.13447H80.4701C81.036 8.13447 81.4964 8.59559 81.4964 9.16222V28.9599C81.4964 29.5266 81.036 29.9875 80.4701 29.9875ZM35.5244 13.7195C36.5621 13.7195 37.4309 14.0631 38.0368 14.713C38.5983 15.3153 38.9074 16.167 38.9074 17.1113V28.9608C38.9074 29.1017 39.0217 29.2162 39.1621 29.2162H44.9684C45.1089 29.2162 45.2231 29.1017 45.2231 28.9608V16.1039L45.2186 15.9856C45.177 13.7147 44.5279 11.7808 43.3417 10.3933C41.9686 8.78683 39.9734 7.97226 37.4123 7.97226C35.6746 7.97226 33.9303 8.47973 32.7461 9.32968L32.1354 9.76809V1.34831C32.1354 1.20758 32.0211 1.09296 31.8808 1.09296H26.0755C25.935 1.09296 25.8208 1.20758 25.8208 1.34831V28.9599C25.8208 29.1006 25.935 29.2151 26.0755 29.2151H31.8869C32.0272 29.2151 32.1414 29.1006 32.1414 28.9599V17.1113C32.1414 14.9883 33.8615 13.7195 35.5244 13.7195ZM44.9684 29.9886H39.1621C38.5961 29.9886 38.1357 29.5275 38.1357 28.9608V17.1113C38.1357 16.3633 37.9002 15.6986 37.4725 15.2399C37.0163 14.7505 36.3428 14.4919 35.5244 14.4919C33.8899 14.4919 32.9131 15.8237 32.9131 17.1113V28.9599C32.9131 29.5266 32.4527 29.9875 31.8869 29.9875H26.0755C25.5095 29.9875 25.049 29.5266 25.049 28.9599V1.34831C25.049 0.78168 25.5095 0.320711 26.0755 0.320557H31.8808C32.4467 0.320557 32.9071 0.78168 32.9071 1.34831V8.31474C34.1651 7.60939 35.7958 7.19986 37.4123 7.19986C40.17 7.19986 42.4232 8.13045 43.9283 9.89121C45.1908 11.3684 45.8996 13.3869 45.984 15.74L45.9904 15.7432L45.9948 15.9808V28.9608C45.9948 29.5275 45.5344 29.9886 44.9684 29.9886ZM10.7828 8.01505C7.96427 8.01505 5.40716 9.10908 3.58198 11.
1490957C1.76961 13.0682 0.771746 15.8046 0.771746 18.8007C0.771746 24.9983 5.16576 29.6718 10.9926 29.6718C12.8252 29.6718 14.5449 29.0959 15.7112 28.0916L16.3487 27.5427V28.9588C16.3487 29.0996 16.4629 29.214 16.6032 29.214H22.4097C22.5501 29.214 22.6643 29.0996 22.6643 28.9588V1.34831C22.6643 1.20758 22.5501 1.09296 22.4097 1.09296H16.6054C16.4651 1.09296 16.3508 1.20758 16.3508 1.34831V9.96444L15.7158 9.42715C14.9544 8.78297 13.481 8.01505 10.7848 8.01505H10.7828ZM10.9926 30.4442C7.96535 30.4442 5.17595 29.2482 3.13854 27.0767C1.11456 24.9193 0 21.9804 0 18.8007C0 15.6104 1.07026 12.6884 3.01382 10.5729C4.98687 8.42535 7.74602 7.24265 10.7828 7.24265H10.7848C13.1109 7.24265 14.6241 7.78936 15.5791 8.37885V1.34831C15.5791 0.78168 16.0395 0.320557 16.6054 0.320557H22.4097C22.9757 0.320557 23.4361 0.78168 23.4361 1.34831V28.9588C23.4361 29.5255 22.9757 29.9864 22.4097 29.9864H16.6032C16.1011 29.9864 15.6822 29.6237 15.5941 29.1462C14.3414 29.9776 12.7074 30.4442 10.9926 30.4442Z"
150                            fill="black" />
151                    </g>
152                    <defs>
153                        <clipPath id="clip0_3293_22168">
154                            <rect width="203" height="36" fill="white" />
155                        </clipPath>
156                    </defs>
157                </svg>
158            </a>
159
160            <div
161                class="searchAndLang left-0 mr-[217px] flex flex-row-reverse items-center gap-6 px-2 transition-all duration-200 md:visible md:ml-0 md:flex-row md:opacity-100">
162                <form
163                    method="get"
164                    id="form_kesearch_pi1"
165                    name="form_kesearch_pi1"
166                    action="/journal/suche"
167                    data-global-menu-target="searchForm"
168                    data-action="focusout->global-menu#clearSearchInputOnBlur"
169                    class="group">
170                    <label class="sr-only" for="ke_search_pi1_sword">
171                        Suche
172                    </label>
173                    <input
174                        data-global-menu-target="searchInput"
175                        data-action="keydown.esc->global-menu#clearSearchInput"
176                        type="search"
177                        id="ke_search_pi1_sword"
178                        name="tx_kesearch_pi1[sword]"
179                        value=""
180                        autocomplete="off"
181                        required
182                        minlength="4"
183                        placeholder="Suche"
184                        class="font-normal" />
185
186                    <button
187                        type="submit"
188                        id="submitSearch"
189                        aria-label="Suche absenden"
190                        class="absolute right-1 flex items-center rounded-full p-0.5">
191                        
192    
193    
194    
195    
196
197    
198        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#040326" class="pointer-events-none transform stroke-current icon icon--search shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
199<path d="M16 16L20 20M18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
200</svg>
201    
202
203
204                    </button>
205                </form>
206
207                
208                        <a class="relative flex h-8 w-8 items-center justify-center after:absolute after:bottom-0 after:left-1/2 after:h-px after:w-[65%] after:-translate-x-1/2 after:bg-current after:opacity-0 after:content-[&#039;&#039;] [&amp;_svg]:transition-none [&amp;.is-current]:after:opacity-100" aria-label="Einfache Sprache" href="/journal/leichte-sprache">
209                            
210    
211    
212    
213    
214
215    
216        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" class="size-6 fill-current icon icon--plain-language shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
217    <g transform="matrix(0.545455,0,0,0.545455,-97.909091,-133.072366)">
218        <path d="M206.1,251.966C206.1,249.425 204.041,247.366 201.5,247.366C198.96,247.366 196.901,249.425 196.901,251.966C196.901,254.506 198.96,256.565 201.5,256.56
2185L201.5,259.967C197.082,259.967 193.5,256.384 193.5,251.966C193.5,247.548 197.082,243.966 201.5,243.966C205.918,243.966 209.5,247.548 209.5,251.966C209.5,256.384 205.918,259.967 201.5,259.967L201.5,256.565C204.041,256.565 206.1,254.506 206.1,251.966ZM201.5,267.628L184.901,260.988L184.901,277.663L201.5,284.303L218.1,277.663L218.1,260.988L201.5,267.628ZM221.5,279.966L201.5,287.966L181.5,279.966L181.5,255.966L201.5,263.966L221.5,255.966L221.5,279.966Z" style="fill-rule:nonzero;"/>
219    </g>
220</svg>
221    
222
223
224                        </a>
225                    
226
227                
228                        <a class="relative flex h-8 w-8 items-center justify-center after:absolute after:bottom-0 after:left-1/2 after:h-px after:w-[65%] after:-translate-x-1/2 after:bg-current after:opacity-0 after:content-[&#039;&#039;] [&amp;_svg]:transition-none [&amp;.is-current]:after:opacity-100" aria-label="Deutsche Gebärdensprache (DGS)" href="/journal/dgs">
229                            
230    
231    
232    
233    
234
235    
236        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" class="size-6 fill-current icon icon--sign-language shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
237    <g transform="matrix(0.521736,0,0,0.521736,-48.410398,-126.763988)">
238        <path d="M130.347,270.905C130.347,271.526 130.186,272.111 129.905,272.62C131,273.233 131.74,274.397 131.74,275.732C131.74,276.719 131.334,277.614 130.683,278.259L130.34,278.599L130.285,278.599C130.164,278.688 130.037,278.77 129.905,278.845C130.187,279.354 130.347,279.938 130.347,280.559C130.347,281.546 129.942,282.441 129.289,283.086C129.031,283.342 128.733,283.56 128.405,283.73C128.667,284.225 128.815,284.788 128.815,285.386C128.815,286.373 128.41,287.268 127.759,287.913L127.758,287.913C127.107,288.558 126.203,288.96 125.207,288.96L124.536,288.96L124.536,288.966L108.706,288.966C102.676,288.966 97.787,284.124 97.787,278.152C97.787,274.845 99.288,271.884 101.647,269.902L103.201,268.423C102.468,266.728 102.194,264.89 102.374,263.091L102.879,249.47C102.966,247.126 104.955,245.295 107.322,245.381C109.69,245.467 111.538,247.437 111.451,249.782L111.411,250.863L118.611,243.97C120.044,242.598 122.328,242.637 123.713,244.055L123.729,244.072C124.156,244.515 124.445,245.04 124.598,245.592C125.816,245.28 127.164,245.608 128.101,246.567C128.791,247.273 129.127,248.19 129.115,249.099L129.115,249.112C129.108,249.434 129.06,249.756 128.966,250.068C129.526,250.24 130.052,250.55 130.488,250.997C131.18,251.706 131.517,252.628 131.501,253.541C131.495,253.903 131.433,254.265 131.316,254.613C131.852,254.788 132.354,255.092 132.774,255.521C133.466,256.231 133.803,257.153 133.787,258.066C133.771,258.978 133.403,259.889 132.687,260.575L132.208,261.033L132.226,261.053L125.436,267.332L126.739,267.332C128.731,267.332 130.347,268.932 130.347,270.905ZM122.029,245.668C121.543,245.17 120.742,245.156 120.239,245.638L108.858,256.534L109.111,249.696C109.151,248.632 108.311,247.738 107.237,247.699C106.162,247.659 105.259,248.491 105.219,249.555L104.712,263.251L104.708,263.289C104.59,264.421 104.702,265.573 105.043,266.67L111.568,260.458C113.276,258.831 115.991,258.885 117.633,260.576L117.652,260.596C119.274,262.288 119.214,264.963 117.513,266.582L116.725,267.332L122.005,267.332L129.478,260.421L131.06,258.907C131.311,258.665 131.44,258.349 131.446,258.027C131.451,257.704 131.333,257.383 131.09,257.135C130.604,256.636 129.802,256.622 129.3,257.105L122.287,263.818L120.659,262.15L127.888,255.229L128.772,254.382C129.024,254.141 129.154,253.824 129.159,253.501C129.164,253.179 129.047,252.858 128.804,252.609C128.317,252.111 127.516,252.098 127.014,252.579L127.009,252.583L127.005,252.587L118.9,260.347L117.272,258.679L125.386,250.911L126.387,249.953C126.638,249.712 126.767,249.396 126.773,249.074L126.773,249.072C126.779,248.749 126.661,248.429 126.418,248.18C125.932,247.682 125.13,247.668 124.628,248.149L124.628,248.15L123.626,249.108L115.512,256.877L113.885,255.209L121.999,247.44C122.25,247.199 122.379,246.883 122.384,246.56C122.39,246.237 122.272,245.9
23817 122.029,245.668ZM128.005,270.905C128.005,270.213 127.438,269.652 126.739,269.652L110.91,269.652L115.89,264.91C116.666,264.172 116.69,262.951 115.945,262.183L115.944,262.183C115.199,261.415 113.966,261.391 113.191,262.129L103.215,271.627L103.186,271.651C101.315,273.211 100.13,275.544 100.13,278.152C100.13,282.843 103.969,286.646 108.706,286.646L122.194,286.646L122.194,286.64L125.207,286.64C125.557,286.64 125.872,286.501 126.102,286.273C126.333,286.045 126.473,285.733 126.473,285.386C126.473,284.694 125.906,284.133 125.207,284.133L115.454,284.133L115.454,281.813L126.739,281.813C127.089,281.813 127.404,281.674 127.634,281.446C127.865,281.218 128.005,280.906 128.005,280.559C128.005,279.867 127.438,279.306 126.739,279.306L115.454,279.306L115.454,276.986L128.132,276.986C128.481,276.986 128.796,276.847 129.026,276.619L129.035,276.61C129.261,276.382 129.397,276.074 129.397,275.732C129.397,275.04 128.83,274.479 128.132,274.479L115.454,274.479L115.454,272.159L126.739,272.159C127.089,272.159 127.404,272.02 127.634,271.792C127.865,271.564 128.005,271.252 128.005,270.905Z" style="fill-rule:nonzero;"/>
239    </g>
240</svg>
241    
242
243
244                        </a>
245                    
246
247                <div class="flex h-8 items-center rounded-full px-1.5 text-xs outline-[1.5px] [&:not(:has(>a:nth-child(2)))]:hidden">
248                    
249                        
250                            <a href="/journal/" hreflang="de-DE" title="German">
251                                <span class="btn btn-language active uppercase">
252                                    DE
253                                </span>
254                            </a>
255                        
256                    
257                        
258                            <a href="/journal/en/" hreflang="en-US" title="English">
259                                <span class="btn btn-language  uppercase">
260                                    EN
261                                </span>
262                            </a>
263                        
264                    
265                </div>
266            </div>
267        </div>
268        <button
269            data-global-menu-target="mainNavBtn"
270            data-action="global-menu#toggle"
271            aria-expanded="false"
272            aria-controls="main-nav"
273            class="mainNavBtn group/mainNavBtn btn">
274            Menü
275
276            
277    
278    
279    
280    
281
282    
283        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon-open group-hover/mainNavBtn:fill-neon-green-300 fill-current icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
284<circle cx="12" cy="12" r="6"/>
285</svg>
286    
287
288
289            
290    
291    
292    
293    
294
295    
296        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" class="icon-close stroke-current icon icon--close shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
297<path d="M5 5L19 19M5 19L19 5" stroke-linecap="round" stroke-linejoin="round"/>
298</svg>
299    
300
301
302        </button>
303
304        
305    <div
306        id="main-nav"
307        popover="manual"
308        class="main-nav bg-dark-blue-500 fixed top-[8.5rem] left-0 h-[calc(100vh-8.5rem)] w-screen overflow-y-auto md:top-18 md:h-[calc(100vh-4.5rem)]"
309        data-global-menu-target="mainNav"
310        data-action="keydown.esc@window->global-menu#close">
311        <div class="flex min-h-full flex-col justify-end gap-8 pb-10 md:gap-20 md:pr-[67px] md:pb-16 md:pl-16">
312            <nav aria-label="Hauptnavigation">
313                <div class="relative -left-1 flex flex-col gap-2 text-yellow-100 md:-left-10 md:gap-4">
314                    
315                            <a aria-current="page" class="mainNavItem is-current" href="/journal/">
316                                <span class="h2">Start</span>
317                            </a>
318                        
319                    
320                        
321                                <a class="mainNavItem" href="/journal/programm">
322                                    <span class="h2">Programm</span>
323                                </a>
324                            
325                    
326                        
327                                <a class="mainNavItem" href="/journal/perspektiven">
328                                    <span class="h2">Perspektiven</span>
329                                </a>
330                            
331                    
332                        
333                                <a class="mainNavItem" href="/journal/inside-dhm">
334                                    <span class="h2">Inside DHM</span>
335                                </a>
336                            
337                    
338                        
339                                <a class="mainNavItem" href="/journal/neue-staendige-ausstellungen">
340                                    <span class="h2">Neue Ständige Ausstellung</span>
341                                </a>
342                            
343                    
344                    <!-- subNav -->
345                    <div
346                        class="right-20 bottom-2 flex flex-row flex-wrap gap-2 pl-6 md:pl-10 lg:absolute lg:mt-0 lg:flex-col portrait:mt-16">
347                        
348                            
349                                    <a class="subNavItem" href="/journal/suche">Suche</a>
350                                
351                        
352                            
353                                    <a class="subNavItem" href="/journal/kontakt">Kontakt</a>
354                                
355                        
356                            
357                                    <a class="subNavItem" href="https://www.dhm.de/impressum/">Impressum</a>
358                                
359                        
360                            
361                                    <a class="subNavItem" href="https://www.dhm.de/datenschutz/">Datenschutz</a>
362                                
363                        
364                            
365                                    <a class="subNavItem" href="https://www.dhm.de/erklaerung-digitale-barrierefreiheit/">Erklärung digitale Barrierefreiheit</a>
366                                
367                        
368                    </div>
369                </div>
370            </nav>
371            <div class="flex pr-4 pl-[15px] text-yellow-100 md:px-0">
372                <div class="flex w-full items-end justify-between border-t-[1px] border-yellow-500/30 pt-10">
373                    <img
374                        src="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/dhm-logo.svg?1771922133"
375                        alt="DHM Logo"
376                        class="size-[80px] md:size-[125px]" />
377
378                    <a
379                        href="https://www.dhm.de/"
380                        target="_blank"
381                        class="group btn-light font-medium transition-all duration-300 md:min-w-[232px]">
382                        Zur DHM-Website
383                        
384    
385    
386    
387    
388
389    
390        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-0 stroke-yellow-100 group-hover:rotate-45 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
391<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
392</svg>
393    
394
395
396                    </a>
397                </div>
398            </div>
399        </div>
400    </div>
401
402
403    </header>
404
405
406    <main id="main-content" data-controller="overlay-trigger">
407        
408        <div class="relative z-10 flex-grow" data-controller="blur-scroll">
409            <div
410                class="custom-grid pointer-events-none sticky top-0 bottom-0 container mx-auto gap-0 pt-[76px] select-none md:mb-20 md:gap-4 md:pt-[240px]"
411                data-blur-scroll-target="layer">
412                <h1 class="h3 col-span-full mb-4 text-center md:col-start-4 md:col-end-10 md:mb-0">
413                    Das Journal des Deutschen Historischen Museums
414                </h1>
415                <p class="col-span-full text-center text-lg font-light md:col-start-4 md:col-end-10 lg:text-xl">
416                    Einblicke in Ausstellungen, Projekte, Sammlungsarbeit und aktuelle Debatten zur Geschichte
417                </p>
418                <div class="col-span-full mt-10 grid h-[48px] grid-cols-2 text-center md:col-start-4 md:col-end-10 md:mt-20">
419                    <div class="border-r-dark-blue-500 border-r-2"></div>
420                    <div></div>
421                </div>
422            </div>
423            <div class="relative">
424                
425    
426
427    
428    <div class="bg-dark-blue-500 text-yellow-100">
429        
430                <div class="container mx-auto flex flex-col gap-20 pb-5 md:pb-10">
431                    <div class="flex flex-col gap-10">
432                        <div class="flex items-center gap-2">
433                            
434    
435    
436    
437    
438
439    
440        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="size-6 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
441<circle cx="12" cy="12" r="6"/>
442</svg>
443    
444
445
446                            <span class="text-base font-normal">
447                                Fokus-Thema
448                            </span>
449                        </div>
450
451                        <h2 class="tracking-[-1.08px]">„Objekt im Blick“ – jetzt zum Nachhören</h2>
452
453                        
454                            <div class="w-full max-w-[640px] text-xl leading-[1.3] font-light">
455                                <p>Welche Geschichten erzählen die Objekte der Ausstellung „Objekte. Geschichte. Geschichten. Blick in die Sammlung“ – über sich, ihre Zeit und unsere Sammlung? An insgesamt vier Terminen rücken Sammlungsleiterinnen und Sammlungsleiter des DHM eins der Objekte in den Fokus und folgen zusammen mit externen Expertinnen und Experten seinen Spuren. Die Mitschnitte der ersten drei Veranstaltungen finden Sie hier zum Nachhören.&nbsp;</p>
456                            </div>
457                        
458                    </div>
459                </div>
460
461                <div class="container mx-auto pt-5 pb-12 md:pt-10 md:pb-[120px]">
462                    <div class="mt-20">
463                        
464                                
465    
466    
467    
468    
469
470    <div class="flex flex-col gap-16">
471        <div class="flex flex-col items-start gap-16 lg:flex-row lg:justify-between">
472            
473                
474                    <article class="w-full lg:max-w-[642px]">
475                        <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="group flex flex-col gap-4" title="„Objekt im Blick“: Das „Lied der Deutschen“" href="/journal/beitrag/objekt-im-blick-das-lied-der-deutschen">
476                            <div class="relative overflow-hidden" data-controller="image-color">
477                                
478                                        <img data-image-color-target="image" alt="„Objekt im Blick“: Das „Lied der Deutschen“" class="w-full object-cover transition-transform duration-300 ease-in group-hover:scale-105" src="/journal/fileadmin/_processed_/0/8/csm_DSC_2176_bea_b623ff03c7.webp" width="1284" height="857" />
479                                    
480
481                                <span
482                                    class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-hover:opacity-100">
483                                    
484    
485    
486    
487    
488
489    
490        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
491<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
492</svg>
493    
494
495
496                                </span>
497                            </div>
498
499                            <div class="ease flex flex-col gap-4 text-yellow-100 transition-all duration-400 group-hover:md:translate-x-4">
500                                <h3 class="text-2xl leading-[1.2] tracking-[-0.24px]">„Objekt im Blick“: Das „Lied der Deutschen“</h3>
501                                <div class="flex flex-col gap-4">
502                                    <div class="flex flex-wrap items-center gap-2">
503                                        
504                                            <p class="text-13 leading-none font-light">
505                                                7. September 2026
506                                            </p>
507                                        
508
509                                        
510                                            
511                                                
512    
513    
514    
515    
516
517    
518        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
519<circle cx="12" cy="12" r="6"/>
520</svg>
521    
522
523
524                                            
525                                            <span class="text-13 max-w-[250px] truncate leading-none font-light">
526                                                
527                                                    Redaktion
528                                                
529                                            </span>
530                                        
531                                    </div>
532                                    
533                                        <p class="text-13 w-fit rounded-xl bg-yellow-100/30 px-2 py-1 leading-3 text-yellow-100">
534                                            Objekte. Geschichte. Geschichten.
535                                        </p>
536                                    
537                                </div>
538                            </div>
539                        </a>
540                    </article>
541                
542            
543                
544            
545                
546            
547
548            <div class="flex flex-col gap-16 md:flex-row md:gap-6 lg:flex-col lg:gap-20">
549                
550                    
551                
552                    
553                            
554                                <div class="flex w-full justify-start md:w-1/2 lg:w-auto lg:max-w-[644px] lg:justify-end">
555                                    <article class="w-full md:w-full lg:w-auto lg:max-w-[420px]">
556                                        <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="group flex flex-col gap-4" title="„Objekt im Blick“: Der Morgenrock der Königin Luise von Preußen" href="/journal/beitrag/objekt-im-blick-der-morgenrock-der-koenigin-luise-von-preussen">
557                                            <div class="relative overflow-hidden" data-controller="image-color">
558                                                
559                                                        <img data-image-color-target="image" loading="lazy" class="w-full object-cover transition-transform duration-300 ease-in group-hover:scale-105" src="/journal/fileadmin/_processed_/3/7/csm_IMG_0181_731d8b72ea.webp" width="840" height="1492" alt="" />
560                                                    
561
562                                                <span
563                                                    class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-hover:opacity-100">
564                                                    
565    
566    
567    
568    
569
570    
571        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
572<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
573</svg>
574    
575
576
577                                                </span>
578                                            </div>
579
580                                            <div
581                                                class="ease flex flex-col gap-4 text-yellow-100 transition-all duration-400 group-hover:md:translate-x-4">
582                                                <h3 class="text-2xl leading-[1.2] tracking-[-0.24px]">„Objekt im Blick“: Der Morgenrock der Königin Luise von Preußen</h3>
583                                                <div class="flex flex-col gap-4">
584                                                    <div class="flex flex-wrap items-center gap-2">
585                                                        
586                                                            <p class="text-13 leading-none font-light">
587                                                                11. August 2026
588                                                            </p>
589                                                        
590
591                                                        
592                                                            
593                                                                
594    
595    
596    
597    
598
599    
600        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
601<circle cx="12" cy="12" r="6"/>
602</svg>
603    
604
605
606                                                            
607                                                            <span class="text-13 max-w-[250px] truncate leading-none font-light">
608                                                                
609                                                                    Redaktion
610                                                                
611                                                            </span>
612                                                        
613                                                    </div>
614                                                    
615                                                        <p
616                                                            class="text-13 w-fit rounded-xl bg-yellow-100/30 px-2 py-1 leading-3 text-yellow-100">
617                                                            Objekte. Geschichte. Geschichten.
618                                                        </p>
619                                                    
620                                                </div>
621                                            </div>
622                                        </a>
623                                    </article>
624                                </div>
625                            
626                            
627                        
628                
629                    
630                            
631                            
632                                <div class="flex w-full justify-start md:mt-[120px] lg:mt-0 lg:w-auto lg:justify-center xl:mr-[112px]">
633                                    <article class="w-full md:w-full lg:w-auto lg:max-w-[420px]">
634                                        <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="group flex flex-col gap-4" title="„Objekt im Blick“: Ein osmanischer Helm und seine Geschichte" href="/journal/beitrag/objekt-im-blick-der-osmanische-turbanhelm">
635                                            <div class="relative overflow-hidden" data-controller="image-color">
636                                                
637                                                        <img data-image-color-target="image" loading="lazy" class="w-full object-cover transition-transform duration-300 ease-in group-hover:scale-105" src="/journal/fileadmin/_processed_/3/b/csm_DSC07586_7ddbfba631.webp" width="840" height="1260" alt="Eine Person sitzt mit einem Mikrofon auf einem Podest vor einer großformatigen Abbildung eines osmanischen Turbanhelms und spricht darüber." />
638                                                    
639
640                                                <span
641                                                    class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-hover:opacity-100">
642                                                    
643    
644    
645    
646    
647
648    
649        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
650<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
651</svg>
652    
653
654
655                                                </span>
656                                            </div>
657
658                                            <div
659                                                class="ease flex flex-col gap-4 text-yellow-100 transition-all duration-400 group-hover:md:translate-x-4">
660                                                <h3 class="text-2xl leading-[1.2] tracking-[-0.24px]">„Objekt im Blick“: Ein osmanischer Helm und seine Geschichte</h3>
661                                                <div class="flex flex-col gap-4">
662                                                    <div class="flex flex-wrap items-center gap-2">
663                                                        
664                                                            <p class="text-13 leading-none font-light">
665                                                                16. Juli 2026
666                                                            </p>
667                                                        
668
669                                                        
670                                                            
671                                                                
672    
673    
674    
675    
676
677    
678        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
679<circle cx="12" cy="12" r="6"/>
680</svg>
681    
682
683
684                                                            
685                                                            <span class="text-13 max-w-[250px] truncate leading-none font-light">
686                                                                
687                                                                    Redaktion
688                                                                
689                                                            </span>
690                                                        
691                                                    </div>
692                                                    
693                                                        <p
694                                                            class="text-13 w-fit rounded-xl bg-yellow-100/30 px-2 py-1 leading-3 text-yellow-100">
695                                                            Objekte. Geschichte. Geschichten.
696                                                        </p>
697                                                    
698                                                </div>
699                                            </div>
700                                        </a>
701                                    </article>
702                                </div>
703                            
704                        
705                
706            </div>
707        </div>
708
709        
710    </div>
711
712
713                            
714                    </div>
715                </div>
716            
717    </div>
718
719
720    
721            <div
722                id="c48"
723                class="frame frame- frame-type-xima_latestposts frame-layout-">
724                
725                
726                    
727
728
729
730                
731                
732                    
733
734    
735        <header>
736            
737
738    
739            
740        
741
742
743
744            
745
746
747
748            
749
750
751
752        </header>
753    
754
755
756
757                
758                
759        
760    
761    
762    
763
764    
765
766    <div
767        class="bg-(--body-background-color) w-full overflow-x-hidden"
768        data-controller="parallax"
769        data-parallax-offset-y-value="25">
770        <div class="text-dark-blue-500 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
771            <div class="custom-grid gap-y-20" data-parallax-target="item">
772                <h2 class="h2 col-span-full">Neue Beiträge</h2>
773                
774
775                <div class="lg:block col-span-full block">
776                    
777                    
778                            <div data-controller="slider" data-slider-configuration-value="{&quot;type&quot;:&quot;slide&quot;,&quot;perMove&quot;:1,&quot;gap&quot;:&quot;24px&quot;,&quot;arrows&quot;:false,&quot;pagination&quot;:false,&quot;drag&quot;:true,&quot;flickPower&quot;:300,&quot;autoWidth&quot;:false,&quot;fixedWidth&quot;:&quot;422px&quot;,&quot;trimSpace&quot;:false,&quot;focus&quot;:0,&quot;omitEnd&quot;:false,&quot;breakpoints&quot;:{&quot;768&quot;:{&quot;gap&quot;:&quot;16px&quot;,&quot;fixedWidth&quot;:&quot;255px&quot;,&quot;autoWidth&quot;:false}}}">
779                                <div class="splide" data-slider-target="slider">
780                                    <div class="splide__track !overflow-visible">
781                                        <ul class="splide__list">
782                                            
783                                                
784                                                    <li class="splide__slide">
785                                                        
786    <article>
787        <div class="group relative space-y-4">
788            
789                
790                        
791    <div class="relative w-full">
792        
793                <figure class="overflow-hidden">
794                    <img loading="lazy" class="aspect-[533/300] w-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/6/7/csm_Thumbnail_Ayhan_Artar_0a95c923f3.webp" width="850" height="478" alt="" />
795                </figure>
796            
797
798        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
799            <div
800                class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
801                
802    
803    
804    
805    
806
807    
808        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
809    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
810</svg>
811    
812
813
814            </div>
815        </div>
816    </div>
817
818                    
819            
820
821            <div class="item space-y-4 transition-all duration-200 ease-in">
822                <h3 class="h4">
823                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„Eine Geschichte ging zu Ende“ — Ayhan Artar über die letzte deutsche Steinkohlezeche" href="/journal/beitrag/eine-geschichte-ging-zu-ende-ayhan-artar-ueber-die-letzte-deutschen-steinkohlezeche">
824                        „Eine Geschichte ging zu Ende“ — Ayhan Artar über die letzte deutsche Steinkohlezeche
825                    </a>
826                </h3>
827                <div class="flex items-center gap-2">
828                    
829                        <p class="text-13 leading-none font-light whitespace-nowrap">
830                            17. September 2026
831                        </p>
832                    
833
834                    
835                        
836                            
837    
838    
839    
840    
841
842    
843        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
844<circle cx="12" cy="12" r="6"/>
845</svg>
846    
847
848
849                        
850
851                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">2 Min.</span>
852                    
853
854                    
855                </div>
856
857                
858                
859                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
860                
861            </div>
862        </div>
863    </article>
864
865                                                    </li>
866                                                
867                                            
868                                                
869                                                    <li class="splide__slide">
870                                                        
871    <article>
872        <div class="group relative space-y-4">
873            
874                
875                        
876    <div class="relative w-full" data-controller="image-color">
877        
878                <figure class="overflow-hidden">
879                    <img data-image-color-target="image" loading="lazy" alt="Wozu das denn? Ein Stadion auf einer Holztruhe" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/8/1/csm_neu_Bild1_e6131e72ff.webp" width="850" height="850" />
880                </figure>
881            
882
883        <span
884            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
885            
886    
887    
888    
889    
890
891    
892        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
893<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
894</svg>
895    
896
897
898        </span>
899    </div>
900
901                    
902            
903
904            <div class="item space-y-4 transition-all duration-200 ease-in">
905                <h3 class="h4">
906                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Wozu das denn? Ein Stadion auf einer Holztruhe" href="/journal/beitrag/wozu-das-denn-ein-stadion-auf-einer-holztruhe">
907                        Wozu das denn? Ein Stadion auf einer Holztruhe
908                    </a>
909                </h3>
910                <div class="flex items-center gap-2">
911                    
912                        <p class="text-13 leading-none font-light whitespace-nowrap">
913                            9. September 2026
914                        </p>
915                    
916
917                    
918
919                    
920                        
921                            
922    
923    
924    
925    
926
927    
928        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
929<circle cx="12" cy="12" r="6"/>
930</svg>
931    
932
933
934                        
935                        <span class="text-13 flex-1 truncate leading-none font-light">
936                            
937                                Simon Sacha
938                                
939                            
940                        </span>
941                    
942                </div>
943
944                
945                
946                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
947                
948            </div>
949        </div>
950    </article>
951
952                                                    </li>
953                                                
954                                            
955                                                
956                                                    <li class="splide__slide">
957                                                        
958    <article>
959        <div class="group relative space-y-4">
960            
961                
962                        
963    <div class="relative w-full">
964        
965                <figure class="overflow-hidden">
966                    <img loading="lazy" alt="„Objekt im Blick“: Das „Lied der Deutschen“" class="aspect-square w-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/0/8/csm_DSC_2176_bea_9a37f16873.webp" width="850" height="850" />
967                </figure>
968            
969        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
970            <div
971                class="border-dark-blue-500 group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 shrink-0 items-center justify-center rounded-full border bg-yellow-100 transition-all duration-200 ease-in">
972                
973    
974    
975    
976    
977
978    
979        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#040326" class="stroke-dark-blue-500 size-6 group-hover:stroke-yellow-100 group-focus:stroke-yellow-100 icon icon--podcast shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
980<path d="M4 13V18.2C4 18.6418 4.35818 19 4.8 19H7.77142C8.21326 19 8.57143 18.6418 8.57143 18.2V13.8C8.57143 13.3582 8.21326 13 7.77143 13H4ZM4 13V11C4 6.58172 7.58172 3 12 3C16.4182 3 20 6.58172 20 11V13M20 13V18.2C20 18.6418 19.6418 19 19.2 19H16.2286C15.7867 19 15.4286 18.6418 15.4286 18.2V13.8C15.4286 13.3582 15.7867 13 16.2286 13H20Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
981</svg>
982    
983
984
985            </div>
986        </div>
987    </div>
988
989                    
990            
991
992            <div class="item space-y-4 transition-all duration-200 ease-in">
993                <h3 class="h4">
994                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„Objekt im Blick“: Das „Lied der Deutschen“" href="/journal/beitrag/objekt-im-blick-das-lied-der-deutschen">
995                        „Objekt im Blick“: Das „Lied der Deutschen“
996                    </a>
997                </h3>
998                <div class="flex items-center gap-2">
999                    
1000                        <p class="text-13 leading-none font-light whitespace-nowrap">
1001                            7. September 2026
1002                        </p>
1003                    
1004
1005                    
1006                        
1007                            
1008    
1009    
1010    
1011    
1012
1013    
1014        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1015<circle cx="12" cy="12" r="6"/>
1016</svg>
1017    
1018
1019
1020                        
1021
1022                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">92 Min.</span>
1023                    
1024
1025                    
1026                        
1027                            
1028    
1029    
1030    
1031    
1032
1033    
1034        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1035<circle cx="12" cy="12" r="6"/>
1036</svg>
1037    
1038
1039
1040                        
1041                        <span class="text-13 flex-1 truncate leading-none font-light">
1042                            
1043                                Redaktion
1044                                
1045                            
1046                        </span>
1047                    
1048                </div>
1049
1050                
1051                
1052                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1053                
1054            </div>
1055        </div>
1056    </article>
1057
1058                                                    </li>
1059                                                
1060                                            
1061                                                
1062                                                    <li class="splide__slide">
1063                                                        
1064    <article>
1065        <div class="group relative space-y-4">
1066            
1067                
1068                        
1069    <div class="relative w-full" data-controller="image-color">
1070        
1071                <figure class="overflow-hidden">
1072                    <img data-image-color-target="image" loading="lazy" alt="Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/0/6/csm_20260829-JB-LangeNacht_DHM-022_60336e8949.webp" width="850" height="567" />
1073                </figure>
1074            
1075
1076        <span
1077            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
1078            
1079    
1080    
1081    
1082    
1083
1084    
1085        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1086<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1087</svg>
1088    
1089
1090
1091        </span>
1092    </div>
1093
1094                    
1095            
1096
1097            <div class="item space-y-4 transition-all duration-200 ease-in">
1098                <h3 class="h4">
1099                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026" href="/journal/beitrag/eine-nacht-im-zeichen-des-verbrechens-die-lange-nacht-der-museen-2026">
1100                        Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026
1101                    </a>
1102                </h3>
1103                <div class="flex items-center gap-2">
1104                    
1105                        <p class="text-13 leading-none font-light whitespace-nowrap">
1106                            31. August 2026
1107                        </p>
1108                    
1109
1110                    
1111
1112                    
1113                        
1114                            
1115    
1116    
1117    
1118    
1119
1120    
1121        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1122<circle cx="12" cy="12" r="6"/>
1123</svg>
1124    
1125
1126
1127                        
1128                        <span class="text-13 flex-1 truncate leading-none font-light">
1129                            
1130                                Redaktion
1131                                
1132                            
1133                        </span>
1134                    
1135                </div>
1136
1137                
1138                
1139                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Museum für alle</p>
1140                
1141            </div>
1142        </div>
1143    </article>
1144
1145                                                    </li>
1146                                                
1147                                            
1148                                                
1149                                                    <li class="splide__slide">
1150                                                        
1151    <article>
1152        <div class="group relative space-y-4">
1153            
1154                
1155                        
1156    <div class="relative w-full">
1157        
1158                <figure class="overflow-hidden">
1159                    <img loading="lazy" class="aspect-[533/300] w-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/b/2/csm_Thumbnail_Malinowski_c33c56a2f9.webp" width="850" height="478" alt="Portrait Stephan Malinowski" />
1160                </figure>
1161            
1162
1163        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
1164            <div
1165                class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
1166                
1167    
1168    
1169    
1170    
1171
1172    
1173        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1174    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
1175</svg>
1176    
1177
1178
1179            </div>
1180        </div>
1181    </div>
1182
1183                    
1184            
1185
1186            <div class="item space-y-4 transition-all duration-200 ease-in">
1187                <h3 class="h4">
1188                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Vergleichsgeschichte zweier Gewaltregime: Kurator Stephan Malinowski über die kommende Ausstellung „Umstrittene Verwandtschaft. Koloniale und nationalsozialistische Gewalt”" href="/journal/beitrag/vergleichsgeschichte-zweier-gewaltregime-kurator-stephan-malinowski-ueber-die-kommende-ausstellung-umstrittene-verwandtschaft-koloniale-und-nationalsozialistische-gewalt">
1189                        Vergleichsgeschichte zweier Gewaltregime: Kurator Stephan Malinowski über die kommende Ausstellung „Umstrittene Verwandtschaft. Koloniale und nationalsozialistische Gewalt”
1190                    </a>
1191                </h3>
1192                <div class="flex items-center gap-2">
1193                    
1194                        <p class="text-13 leading-none font-light whitespace-nowrap">
1195                            17. August 2026
1196                        </p>
1197                    
1198
1199                    
1200                        
1201                            
1202    
1203    
1204    
1205    
1206
1207    
1208        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1209<circle cx="12" cy="12" r="6"/>
1210</svg>
1211    
1212
1213
1214                        
1215
1216                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">8 Min.</span>
1217                    
1218
1219                    
1220                </div>
1221
1222                
1223                
1224                    <p class="bg-dark-blue-400/8 text-13 w-fit roun
1224ded-xl px-2 py-1">Umstrittene Verwandtschaft</p>
1225                
1226            </div>
1227        </div>
1228    </article>
1229
1230                                                    </li>
1231                                                
1232                                            
1233                                                
1234                                                    <li class="splide__slide">
1235                                                        
1236    <article>
1237        <div class="group relative space-y-4">
1238            
1239                
1240                        
1241    <div class="relative w-full">
1242        
1243                <figure class="overflow-hidden">
1244                    <img loading="lazy" class="aspect-[533/300] w-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/0/2/csm_vlcsnap-2026-08-03-13h26m47s977_cb35ebfaa2.webp" width="850" height="543" alt="Eine Frau im Rollstuhl sitzt in einer Halle vor Teilen der Berliner Mauer" />
1245                </figure>
1246            
1247
1248        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
1249            <div
1250                class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
1251                
1252    
1253    
1254    
1255    
1256
1257    
1258        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1259    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
1260</svg>
1261    
1262
1263
1264            </div>
1265        </div>
1266    </div>
1267
1268                    
1269            
1270
1271            <div class="item space-y-4 transition-all duration-200 ease-in">
1272                <h3 class="h4">
1273                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„Man konnte plötzlich nur noch unter Lebensgefahr dieses Land verlassen“ – Renate Werwigk-Schneider erinnert sich an den Bau der Berliner Mauer" href="/journal/beitrag/man-konnte-ploetzlich-nur-noch-unter-lebensgefahr-dieses-land-verlassen-renate-werwigk-schneider-erinnert-sich-an-den-bau-der-berliner-mauer">
1274                        „Man konnte plötzlich nur noch unter Lebensgefahr dieses Land verlassen“ – Renate Werwigk-Schneider erinnert sich an den Bau der Berliner Mauer
1275                    </a>
1276                </h3>
1277                <div class="flex items-center gap-2">
1278                    
1279                        <p class="text-13 leading-none font-light whitespace-nowrap">
1280                            12. August 2026
1281                        </p>
1282                    
1283
1284                    
1285                        
1286                            
1287    
1288    
1289    
1290    
1291
1292    
1293        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1294<circle cx="12" cy="12" r="6"/>
1295</svg>
1296    
1297
1298
1299                        
1300
1301                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">7 Min.</span>
1302                    
1303
1304                    
1305                </div>
1306
1307                
1308                
1309                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1310                
1311            </div>
1312        </div>
1313    </article>
1314
1315                                                    </li>
1316                                                
1317                                            
1318                                                
1319                                                    <li class="splide__slide">
1320                                                        
1321    <article>
1322        <div class="group relative space-y-4">
1323            
1324                
1325                        
1326    <div class="relative w-full">
1327        
1328                <figure class="overflow-hidden">
1329                    <img loading="lazy" alt="„Objekt im Blick“: Der Morgenrock der Königin Luise von Preußen" class="aspect-square w-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/3/7/csm_IMG_0181_40ca4cd9fb.webp" width="850" height="850" />
1330                </figure>
1331            
1332        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
1333            <div
1334                class="border-dark-blue-500 group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 shrink-0 items-center justify-center rounded-full border bg-yellow-100 transition-all duration-200 ease-in">
1335                
1336    
1337    
1338    
1339    
1340
1341    
1342        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#040326" class="stroke-dark-blue-500 size-6 group-hover:stroke-yellow-100 group-focus:stroke-yellow-100 icon icon--podcast shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1343<path d="M4 13V18.2C4 18.6418 4.35818 19 4.8 19H7.77142C8.21326 19 8.57143 18.6418 8.57143 18.2V13.8C8.57143 13.3582 8.21326 13 7.77143 13H4ZM4 13V11C4 6.58172 7.58172 3 12 3C16.4182 3 20 6.58172 20 11V13M20 13V18.2C20 18.6418 19.6418 19 19.2 19H16.2286C15.7867 19 15.4286 18.6418 15.4286 18.2V13.8C15.4286 13.3582 15.7867 13 16.2286 13H20Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1344</svg>
1345    
1346
1347
1348            </div>
1349        </div>
1350    </div>
1351
1352                    
1353            
1354
1355            <div class="item space-y-4 transition-all duration-200 ease-in">
1356                <h3 class="h4">
1357                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„Objekt im Blick“: Der Morgenrock der Königin Luise von Preußen" href="/journal/beitrag/objekt-im-blick-der-morgenrock-der-koenigin-luise-von-preussen">
1358                        „Objekt im Blick“: Der Morgenrock der Königin Luise von Preußen
1359                    </a>
1360                </h3>
1361                <div class="flex items-center gap-2">
1362                    
1363                        <p class="text-13 leading-none font-light whitespace-nowrap">
1364                            11. August 2026
1365                        </p>
1366                    
1367
1368                    
1369                        
1370                            
1371    
1372    
1373    
1374    
1375
1376    
1377        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1378<circle cx="12" cy="12" r="6"/>
1379</svg>
1380    
1381
1382
1383                        
1384
1385                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">87 Min.</span>
1386                    
1387
1388                    
1389                        
1390                            
1391    
1392    
1393    
1394    
1395
1396    
1397        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1398<circle cx="12" cy="12" r="6"/>
1399</svg>
1400    
1401
1402
1403                        
1404                        <span class="text-13 flex-1 truncate leading-none font-light">
1405                            
1406                                Redaktion
1407                                
1408                            
1409                        </span>
1410                    
1411                </div>
1412
1413                
1414                
1415                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1416                
1417            </div>
1418        </div>
1419    </article>
1420
1421                                                    </li>
1422                                                
1423                                            
1424                                                
1425                                                    <li class="splide__slide">
1426                                                        
1427    <article>
1428        <div class="group relative space-y-4">
1429            
1430                
1431                        
1432    <div class="relative w-full" data-controller="image-color">
1433        
1434                <figure class="overflow-hidden">
1435                    <img data-image-color-target="image" loading="lazy" alt="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/b/3/csm_1_Relief_von_Frans_Huygelen_%E2%80%9EZur_Erinnerung_an_Dinant%E2%80%9C__um_1927__Bronze___Deutsches_Historisches_Museum_c722d142cf.webp" width="850" height="680" />
1436                </figure>
1437            
1438
1439        <span
1440            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
1441            
1442    
1443    
1444    
1445    
1446
1447    
1448        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1449<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1450</svg>
1451    
1452
1453
1454        </span>
1455    </div>
1456
1457                    
1458            
1459
1460            <div class="item space-y-4 transition-all duration-200 ease-in">
1461                <h3 class="h4">
1462                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " href="/journal/beitrag/in-der-sammlungsarbeit-und-der-objektforschung-geht-es-grundsaetzlich-um-die-historischen-umstaende-der-entstehung">
1463                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
1464                    </a>
1465                </h3>
1466                <div class="flex items-center gap-2">
1467                    
1468                        <p class="text-13 leading-none font-light whitespace-nowrap">
1469                            27. Juli 2026
1470                        </p>
1471                    
1472
1473                    
1474
1475                    
1476                        
1477                            
1478    
1479    
1480    
1481    
1482
1483    
1484        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1485<circle cx="12" cy="12" r="6"/>
1486</svg>
1487    
1488
1489
1490                        
1491                        <span class="text-13 flex-1 truncate leading-none font-light">
1492                            
1493                                Redaktion
1494                                ,
1495                            
1496                                Brigitte Reineke
1497                                
1498                            
1499                        </span>
1500                    
1501                </div>
1502
1503                
1504                
1505                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Forschen</p>
1506                
1507            </div>
1508        </div>
1509    </article>
1510
1511                                                    </li>
1512                                                
1513                                            
1514                                                
1515                                                    <li class="splide__slide">
1516                                                        
1517    <article>
1518        <div class="group relative space-y-4">
1519            
1520                
1521                        
1522    <div class="relative w-full">
1523        
1524                <figure class="overflow-hidden">
1525                    <img loading="lazy" alt="„Objekt im Blick“: Ein osmanischer Helm und seine Geschichte" class="aspect-square w-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/3/b/csm_DSC07586_22c930ab81.webp" width="850" height="850" />
1526                </figure>
1527            
1528        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
1529            <div
1530                class="border-dark-blue-500 group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 shrink-0 items-center justify-center rounded-full border bg-yellow-100 transition-all duration-200 ease-in">
1531                
1532    
1533    
1534    
1535    
1536
1537    
1538        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#040326" class="stroke-dark-blue-500 size-6 group-hover:stroke-yellow-100 group-focus:stroke-yellow-100 icon icon--podcast shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1539<path d="M4 13V18.2C4 18.6418 4.35818 19 4.8 19H7.77142C8.21326 19 8.57143 18.6418 8.57143 18.2V13.8C8.57143 13.3582 8.21326 13 7.77143 13H4ZM4 13V11C4 6.58172 7.58172 3 12 3C16.4182 3 20 6.58172 20 11V13M20 13V18.2C20 18.6418 19.6418 19 19.2 19H16.2286C15.7867 19 15.4286 18.6418 15.4286 18.2V13.8C15.4286 13.3582 15.7867 13 16.2286 13H20Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1540</svg>
1541    
1542
1543
1544            </div>
1545        </div>
1546    </div>
1547
1548                    
1549            
1550
1551            <div class="item space-y-4 transition-all duration-200 ease-in">
1552                <h3 class="h4">
1553                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„Objekt im Blick“: Ein osmanischer Helm und seine Geschichte" href="/journal/beitrag/objekt-im-blick-der-osmanische-turbanhelm">
1554                        „Objekt im Blick“: Ein osmanischer Helm und seine Geschichte
1555                    </a>
1556                </h3>
1557                <div class="flex items-center gap-2">
1558                    
1559                        <p class="text-13 leading-none font-light whitespace-nowrap">
1560                            16. Juli 2026
1561                        </p>
1562                    
1563
1564                    
1565                        
1566                            
1567    
1568    
1569    
1570    
1571
1572    
1573        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1574<circle cx="12" cy="12" r="6"/>
1575</svg>
1576    
1577
1578
1579                        
1580
1581                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">84 Min.</span>
1582                    
1583
1584                    
1585                        
1586                            
1587    
1588    
1589    
1590    
1591
1592    
1593        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1594<circle cx="12" cy="12" r="6"/>
1595</svg>
1596    
1597
1598
1599                        
1600                        <span class="text-13 flex-1 truncate leading-none font-light">
1601                            
1602                                Redaktion
1603                                
1604                            
1605                        </span>
1606                    
1607                </div>
1608
1609                
1610                
1611                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1612                
1613            </div>
1614        </div>
1615    </article>
1616
1617                                                    </li>
1618                                                
1619                                            
1620                                                
1621                                                    <li class="splide__slide">
1622                                                        
1623    <article>
1624        <div class="group relative space-y-4">
1625            
1626                
1627                        
1628    <div class="relative w-full" data-controller="image-color">
1629        
1630                <figure class="overflow-hidden">
1631                    <img data-image-color-target="image" loading="lazy" alt="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/f/5/csm_4_4_Unabh%C3%A4ngigkeitserkl%C3%A4rung_Vereingte_Staaten_H_ba5e964cb1.webp" width="850" height="1046" />
1632                </figure>
1633            
1634
1635        <span
1636            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
1637            
1638    
1639    
1640    
1641    
1642
1643    
1644        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1645<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1646</svg>
1647    
1648
1649
1650        </span>
1651    </div>
1652
1653                    
1654            
1655
1656            <div class="item space-y-4 transition-all duration-200 ease-in">
1657                <h3 class="h4">
1658                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " href="/journal/beitrag/freiheit-auf-papier-die-deutsche-erstausgabe-der-unabhaengigkeitserklaerung-der-vereinigten-staaten">
1659                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
1660                    </a>
1661                </h3>
1662                <div class="flex items-center gap-2">
1663                    
1664                        <p class="text-13 leading-none font-light whitespace-nowrap">
1665                            3. Juli 2026
1666                        </p>
1667                    
1668
1669                    
1670
1671                    
1672                        
1673                            
1674    
1675    
1676    
1677    
1678
1679    
1680        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1681<circle cx="12" cy="12" r="6"/>
1682</svg>
1683    
1684
1685
1686                        
1687                        <span class="text-13 flex-1 truncate leading-none font-light">
1688                            
1689                                Wolfgang Cortjaens
1690                                ,
1691                            
1692                                Dorlis Blume
1693                                
1694                            
1695                        </span>
1696                    
1697                </div>
1698
1699                
1700                
1701                    <p class="bg-dark-blue-400/8 text-13 w-fit roun
1701ded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1702                
1703            </div>
1704        </div>
1705    </article>
1706
1707                                                    </li>
1708                                                
1709                                            
1710                                        </ul>
1711                                    </div>
1712                                </div>
1713                                <div class="mt-10 hidden justify-end gap-2 md:flex">
1714                                    <button
1715                                        class="btn-slider btn-dark"
1716                                        data-slider-target="prevBtn"
1717                                        aria-label="Vorheriges Element">
1718                                        
1719    
1720    
1721    
1722    
1723
1724    
1725        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="fill-white icon icon--arrow-left shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1726<path d="M21 12H3M3 12L10 5M3 12L10 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1727</svg>
1728    
1729
1730
1731                                    </button>
1732                                    <button
1733                                        class="btn-slider btn-dark"
1734                                        data-slider-target="nextBtn"
1735                                        aria-label="Nächstes Element">
1736                                        
1737    
1738    
1739    
1740    
1741
1742    
1743        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="fill-white icon icon--arrow-right shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1744<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1745</svg>
1746    
1747
1748
1749                                    </button>
1750                                </div>
1751                            </div>
1752                        
1753                </div>
1754
1755                
1756            </div>
1757        </div>
1758    </div>
1759
1760
1761
1762
1763
1764
1765
1766
1767
1768
1769    
1770                
1771                    
1772
1773
1774
1775                
1776                
1777                    
1778
1779
1780
1781                
1782            </div>
1783        
1784
1785
1786    
1787            <div
1788                id="c49"
1789                class="frame frame- frame-type-xima_teasertexthome frame-layout-">
1790                
1791                
1792                    
1793
1794
1795
1796                
1797                
1798                    
1799
1800    
1801        <header>
1802            
1803
1804    
1805            
1806        
1807
1808
1809
1810            
1811
1812
1813
1814            
1815
1816
1817
1818        </header>
1819    
1820
1821
1822
1823                
1824                
1825        
1826    
1827    
1828    
1829
1830    
1831
1832    <div
1833        class="bg-dark-blue-100 w-full overflow-x-hidden"
1834        data-controller="parallax"
1835        data-parallax-offset-y-value="25">
1836        <div class="text-dark-blue-500 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
1837            <div class="custom-grid gap-y-20" data-parallax-target="item">
1838                <h2 class="hero col-span-full">Programm</h2>
1839                
1840                    <div class="col-span-12 hidden grid-cols-4 gap-6 lg:grid">
1841                        
1842                            
1843                                
1844    <article>
1845        <div class="group relative space-y-4">
1846            
1847                    <div class="relative w-full" data-controller="image-color">
1848                        
1849                                <figure class="overflow-hidden">
1850                                    <img data-image-color-target="image" loading="lazy" alt="Wozu das denn? Ein Stadion auf einer Holztruhe" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/8/1/csm_neu_Bild1_e6131e72ff.webp" width="850" height="850" />
1851                                </figure>
1852                            
1853
1854                        <span
1855                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
1856                            
1857    
1858    
1859    
1860    
1861
1862    
1863        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1864<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1865</svg>
1866    
1867
1868
1869                        </span>
1870                    </div>
1871                
1872
1873            <div class="item space-y-4 transition-all duration-200 ease-in">
1874                <h3 class="h4">
1875                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Wozu das denn? Ein Stadion auf einer Holztruhe" href="/journal/beitrag/wozu-das-denn-ein-stadion-auf-einer-holztruhe">
1876                        Wozu das denn? Ein Stadion auf einer Holztruhe
1877                    </a>
1878                </h3>
1879                <div class="flex items-center gap-2">
1880                    
1881                        <p class="text-13 leading-none font-light whitespace-nowrap">
1882                            9. September 2026
1883                        </p>
1884                    
1885
1886                    
1887                        
1888                            
1889    
1890    
1891    
1892    
1893
1894    
1895        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1896<circle cx="12" cy="12" r="6"/>
1897</svg>
1898    
1899
1900
1901                        
1902                        <span class="text-13 flex-1 truncate leading-none font-light">
1903                            
1904                                Simon Sacha
1905                            
1906                        </span>
1907                    
1908                </div>
1909
1910                
1911                
1912                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1913                
1914            </div>
1915        </div>
1916    </article>
1917
1918                            
1919                        
1920                            
1921                                
1922    <article>
1923        <div class="group relative space-y-4">
1924            
1925                    <div class="relative w-full" data-controller="image-color">
1926                        
1927                                <figure class="overflow-hidden">
1928                                    <img data-image-color-target="image" loading="lazy" alt="Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/0/6/csm_20260829-JB-LangeNacht_DHM-022_60336e8949.webp" width="850" height="567" />
1929                                </figure>
1930                            
1931
1932                        <span
1933                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
1934                            
1935    
1936    
1937    
1938    
1939
1940    
1941        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1942<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1943</svg>
1944    
1945
1946
1947                        </span>
1948                    </div>
1949                
1950
1951            <div class="item space-y-4 transition-all duration-200 ease-in">
1952                <h3 class="h4">
1953                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026" href="/journal/beitrag/eine-nacht-im-zeichen-des-verbrechens-die-lange-nacht-der-museen-2026">
1954                        Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026
1955                    </a>
1956                </h3>
1957                <div class="flex items-center gap-2">
1958                    
1959                        <p class="text-13 leading-none font-light whitespace-nowrap">
1960                            31. August 2026
1961                        </p>
1962                    
1963
1964                    
1965                        
1966                            
1967    
1968    
1969    
1970    
1971
1972    
1973        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
1974<circle cx="12" cy="12" r="6"/>
1975</svg>
1976    
1977
1978
1979                        
1980                        <span class="text-13 flex-1 truncate leading-none font-light">
1981                            
1982                                Redaktion
1983                            
1984                        </span>
1985                    
1986                </div>
1987
1988                
1989                
1990                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Museum für alle</p>
1991                
1992            </div>
1993        </div>
1994    </article>
1995
1996                            
1997                        
1998                            
1999                                
2000    <article>
2001        <div class="group relative space-y-4">
2002            
2003                    <div class="relative w-full" data-controller="image-color">
2004                        
2005                                <figure class="overflow-hidden">
2006                                    <img data-image-color-target="image" loading="lazy" alt="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/f/5/csm_4_4_Unabh%C3%A4ngigkeitserkl%C3%A4rung_Vereingte_Staaten_H_ba5e964cb1.webp" width="850" height="1046" />
2007                                </figure>
2008                            
2009
2010                        <span
2011                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2012                            
2013    
2014    
2015    
2016    
2017
2018    
2019        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2020<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2021</svg>
2022    
2023
2024
2025                        </span>
2026                    </div>
2027                
2028
2029            <div class="item space-y-4 transition-all duration-200 ease-in">
2030                <h3 class="h4">
2031                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " href="/journal/beitrag/freiheit-auf-papier-die-deutsche-erstausgabe-der-unabhaengigkeitserklaerung-der-vereinigten-staaten">
2032                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
2033                    </a>
2034                </h3>
2035                <div class="flex items-center gap-2">
2036                    
2037                        <p class="text-13 leading-none font-light whitespace-nowrap">
2038                            3. Juli 2026
2039                        </p>
2040                    
2041
2042                    
2043                        
2044                            
2045    
2046    
2047    
2048    
2049
2050    
2051        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2052<circle cx="12" cy="12" r="6"/>
2053</svg>
2054    
2055
2056
2057                        
2058                        <span class="text-13 flex-1 truncate leading-none font-light">
2059                            
2060                                Wolfgang Cortjaens,
2061                            
2062                                Dorlis Blume
2063                            
2064                        </span>
2065                    
2066                </div>
2067
2068                
2069                
2070                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
2071                
2072            </div>
2073        </div>
2074    </article>
2075
2076                            
2077                        
2078                            
2079                                
2080    <article>
2081        <div class="group relative space-y-4">
2082            
2083                    <div class="relative w-full" data-controller="image-color">
2084                        
2085                                <figure class="overflow-hidden">
2086                                    <img data-image-color-target="image" loading="lazy" alt="Mondlandschaften und Braunkohle: die Geschichte eines Eimerkettenbaggers" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/9/1/csm_NG-0446_Film_III_57_Foto_32_54095139ae.webp" width="850" height="720" />
2087                                </figure>
2088                            
2089
2090                        <span
2091                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2092                            
2093    
2094    
2095    
2096    
2097
2098    
2099        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2100<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2101</svg>
2102    
2103
2104
2105                        </span>
2106                    </div>
2107                
2108
2109            <div class="item space-y-4 transition-all duration-200 ease-in">
2110                <h3 class="h4">
2111                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Mondlandschaften und Braunkohle: die Geschichte eines Eimerkettenbaggers" href="/journal/beitrag/mondlandschaften-und-braunkohle-die-geschichte-eines-eimerkettenbaggers">
2112                        Mondlandschaften und Braunkohle: die Geschichte eines Eimerkettenbaggers
2113                    </a>
2114                </h3>
2115                <div class="flex items-center gap-2">
2116                    
2117                        <p class="text-13 leading-none font-light whitespace-nowrap">
2118                            9. Juni 2026
2119                        </p>
2120                    
2121
2122                    
2123                        
2124                            
2125    
2126    
2127    
2128    
2129
2130    
2131        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2132<circle cx="12" cy="12" r="6"/>
2133</svg>
2134    
2135
2136
2137                        
2138                        <span class="text-13 flex-1 truncate leading-none font-light">
2139                            
2140                                Martin Baumert
2141                            
2142                        </span>
2143                    
2144                </div>
2145
2146                
2147                
2148                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
2149                
2150            </div>
2151        </div>
2152    </article>
2153
2154                            
2155                        
2156                            
2157                        
2158                            
2159                        
2160                            
2161                        
2162                            
2163                        
2164                            
2165                        
2166                            
2167                        
2168                    </div>
2169                
2170
2171                <div class="lg:hidden col-span-full block">
2172                    
2173                    
2174                            <div class="flex flex-col gap-12 sm:grid sm:grid-cols-2 sm:gap-6">
2175                                
2176                                    
2177                                        
2178    <article>
2179        <div class="group relative space-y-4">
2180            
2181                    <div class="relative w-full" data-controller="image-color">
2182                        
2183                                <figure class="overflow-hidden">
2184                                    <img data-image-color-target="image" loading="lazy" alt="Wozu das denn? Ein Stadion auf einer Holztruhe" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/8/1/csm_neu_Bild1_e6131e72ff.webp" width="850" height="850" />
2185                                </figure>
2186                            
2187
2188                        <span
2189                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2190                            
2191    
2192    
2193    
2194    
2195
2196    
2197        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2198<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2199</svg>
2200    
2201
2202
2203                        </span>
2204                    </div>
2205                
2206
2207            <div class="item space-y-4 transition-all duration-200 ease-in">
2208                <h3 class="h4">
2209                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Wozu das denn? Ein Stadion auf einer Holztruhe" href="/journal/beitrag/wozu-das-denn-ein-stadion-auf-einer-holztruhe">
2210                        Wozu das denn? Ein Stadion auf einer Holztruhe
2211                    </a>
2212                </h3>
2213                <div class="flex items-center gap-2">
2214                    
2215                        <p class="text-13 leading-none font-light whitespace-nowrap">
2216                            9. September 2026
2217                        </p>
2218                    
2219
2220                    
2221                        
2222                            
2223    
2224    
2225    
2226    
2227
2228    
2229        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2230<circle cx="12" cy="12" r="6"/>
2231</svg>
2232    
2233
2234
2235                        
2236                        <span class="text-13 flex-1 truncate leading-none font-light">
2237                            
2238                                Simon Sacha
2239                            
2240                        </span>
2241                    
2242                </div>
2243
2244                
2245                
2246                    <p class="bg-dark-blue-400/8 text-13 w-fit roun
2246ded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
2247                
2248            </div>
2249        </div>
2250    </article>
2251
2252                                    
2253                                
2254                                    
2255                                        
2256    <article>
2257        <div class="group relative space-y-4">
2258            
2259                    <div class="relative w-full" data-controller="image-color">
2260                        
2261                                <figure class="overflow-hidden">
2262                                    <img data-image-color-target="image" loading="lazy" alt="Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/0/6/csm_20260829-JB-LangeNacht_DHM-022_60336e8949.webp" width="850" height="567" />
2263                                </figure>
2264                            
2265
2266                        <span
2267                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2268                            
2269    
2270    
2271    
2272    
2273
2274    
2275        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2276<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2277</svg>
2278    
2279
2280
2281                        </span>
2282                    </div>
2283                
2284
2285            <div class="item space-y-4 transition-all duration-200 ease-in">
2286                <h3 class="h4">
2287                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026" href="/journal/beitrag/eine-nacht-im-zeichen-des-verbrechens-die-lange-nacht-der-museen-2026">
2288                        Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026
2289                    </a>
2290                </h3>
2291                <div class="flex items-center gap-2">
2292                    
2293                        <p class="text-13 leading-none font-light whitespace-nowrap">
2294                            31. August 2026
2295                        </p>
2296                    
2297
2298                    
2299                        
2300                            
2301    
2302    
2303    
2304    
2305
2306    
2307        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2308<circle cx="12" cy="12" r="6"/>
2309</svg>
2310    
2311
2312
2313                        
2314                        <span class="text-13 flex-1 truncate leading-none font-light">
2315                            
2316                                Redaktion
2317                            
2318                        </span>
2319                    
2320                </div>
2321
2322                
2323                
2324                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Museum für alle</p>
2325                
2326            </div>
2327        </div>
2328    </article>
2329
2330                                    
2331                                
2332                                    
2333                                        
2334    <article>
2335        <div class="group relative space-y-4">
2336            
2337                    <div class="relative w-full" data-controller="image-color">
2338                        
2339                                <figure class="overflow-hidden">
2340                                    <img data-image-color-target="image" loading="lazy" alt="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/f/5/csm_4_4_Unabh%C3%A4ngigkeitserkl%C3%A4rung_Vereingte_Staaten_H_ba5e964cb1.webp" width="850" height="1046" />
2341                                </figure>
2342                            
2343
2344                        <span
2345                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2346                            
2347    
2348    
2349    
2350    
2351
2352    
2353        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2354<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2355</svg>
2356    
2357
2358
2359                        </span>
2360                    </div>
2361                
2362
2363            <div class="item space-y-4 transition-all duration-200 ease-in">
2364                <h3 class="h4">
2365                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " href="/journal/beitrag/freiheit-auf-papier-die-deutsche-erstausgabe-der-unabhaengigkeitserklaerung-der-vereinigten-staaten">
2366                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
2367                    </a>
2368                </h3>
2369                <div class="flex items-center gap-2">
2370                    
2371                        <p class="text-13 leading-none font-light whitespace-nowrap">
2372                            3. Juli 2026
2373                        </p>
2374                    
2375
2376                    
2377                        
2378                            
2379    
2380    
2381    
2382    
2383
2384    
2385        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2386<circle cx="12" cy="12" r="6"/>
2387</svg>
2388    
2389
2390
2391                        
2392                        <span class="text-13 flex-1 truncate leading-none font-light">
2393                            
2394                                Wolfgang Cortjaens,
2395                            
2396                                Dorlis Blume
2397                            
2398                        </span>
2399                    
2400                </div>
2401
2402                
2403                
2404                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
2405                
2406            </div>
2407        </div>
2408    </article>
2409
2410                                    
2411                                
2412                                    
2413                                        
2414    <article>
2415        <div class="group relative space-y-4">
2416            
2417                    <div class="relative w-full" data-controller="image-color">
2418                        
2419                                <figure class="overflow-hidden">
2420                                    <img data-image-color-target="image" loading="lazy" alt="Mondlandschaften und Braunkohle: die Geschichte eines Eimerkettenbaggers" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/9/1/csm_NG-0446_Film_III_57_Foto_32_54095139ae.webp" width="850" height="720" />
2421                                </figure>
2422                            
2423
2424                        <span
2425                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2426                            
2427    
2428    
2429    
2430    
2431
2432    
2433        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2434<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2435</svg>
2436    
2437
2438
2439                        </span>
2440                    </div>
2441                
2442
2443            <div class="item space-y-4 transition-all duration-200 ease-in">
2444                <h3 class="h4">
2445                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Mondlandschaften und Braunkohle: die Geschichte eines Eimerkettenbaggers" href="/journal/beitrag/mondlandschaften-und-braunkohle-die-geschichte-eines-eimerkettenbaggers">
2446                        Mondlandschaften und Braunkohle: die Geschichte eines Eimerkettenbaggers
2447                    </a>
2448                </h3>
2449                <div class="flex items-center gap-2">
2450                    
2451                        <p class="text-13 leading-none font-light whitespace-nowrap">
2452                            9. Juni 2026
2453                        </p>
2454                    
2455
2456                    
2457                        
2458                            
2459    
2460    
2461    
2462    
2463
2464    
2465        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2466<circle cx="12" cy="12" r="6"/>
2467</svg>
2468    
2469
2470
2471                        
2472                        <span class="text-13 flex-1 truncate leading-none font-light">
2473                            
2474                                Martin Baumert
2475                            
2476                        </span>
2477                    
2478                </div>
2479
2480                
2481                
2482                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
2483                
2484            </div>
2485        </div>
2486    </article>
2487
2488                                    
2489                                
2490                                    
2491                                
2492                                    
2493                                
2494                                    
2495                                
2496                                    
2497                                
2498                                    
2499                                
2500                                    
2501                                
2502                            </div>
2503                        
2504                </div>
2505
2506                
2507                    <div class="col-span-12 flex justify-center">
2508                        <a href="/journal/programm" class="btn-dark group">
2509                            Mehr Entdecken
2510                            
2511    
2512    
2513    
2514    
2515
2516    
2517        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="-rotate-45 group-hover:rotate-0 icon icon--arrow-right shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2518<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2519</svg>
2520    
2521
2522
2523                        </a>
2524                    </div>
2525                
2526            </div>
2527        </div>
2528    </div>
2529
2530
2531
2532
2533    
2534                
2535                    
2536
2537
2538
2539                
2540                
2541                    
2542
2543
2544
2545                
2546            </div>
2547        
2548
2549
2550    
2551            <div
2552                id="c50"
2553                class="frame frame- frame-type-xima_teasertexthome frame-layout-">
2554                
2555                
2556                    
2557
2558
2559
2560                
2561                
2562                    
2563
2564    
2565        <header>
2566            
2567
2568    
2569            
2570        
2571
2572
2573
2574            
2575
2576
2577
2578            
2579
2580
2581
2582        </header>
2583    
2584
2585
2586
2587                
2588                
2589        
2590    
2591    
2592    
2593
2594    
2595
2596    <div
2597        class="bg-dark-blue-200 w-full overflow-x-hidden"
2598        data-controller="parallax"
2599        data-parallax-offset-y-value="25">
2600        <div class="text-dark-blue-500 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
2601            <div class="custom-grid gap-y-20" data-parallax-target="item">
2602                <h2 class="hero col-span-full">Perspektiven</h2>
2603                
2604                    <div class="col-span-12 hidden grid-cols-4 gap-6 lg:grid">
2605                        
2606                            
2607                                
2608    <article>
2609        <div class="group relative space-y-4">
2610            
2611                    <div class="relative w-full" data-controller="image-color">
2612                        
2613                                <figure class="overflow-hidden">
2614                                    <img data-image-color-target="image" loading="lazy" alt="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/b/3/csm_1_Relief_von_Frans_Huygelen_%E2%80%9EZur_Erinnerung_an_Dinant%E2%80%9C__um_1927__Bronze___Deutsches_Historisches_Museum_c722d142cf.webp" width="850" height="680" />
2615                                </figure>
2616                            
2617
2618                        <span
2619                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2620                            
2621    
2622    
2623    
2624    
2625
2626    
2627        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2628<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2629</svg>
2630    
2631
2632
2633                        </span>
2634                    </div>
2635                
2636
2637            <div class="item space-y-4 transition-all duration-200 ease-in">
2638                <h3 class="h4">
2639                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " href="/journal/beitrag/in-der-sammlungsarbeit-und-der-objektforschung-geht-es-grundsaetzlich-um-die-historischen-umstaende-der-entstehung">
2640                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
2641                    </a>
2642                </h3>
2643                <div class="flex items-center gap-2">
2644                    
2645                        <p class="text-13 leading-none font-light whitespace-nowrap">
2646                            27. Juli 2026
2647                        </p>
2648                    
2649
2650                    
2651                        
2652                            
2653    
2654    
2655    
2656    
2657
2658    
2659        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2660<circle cx="12" cy="12" r="6"/>
2661</svg>
2662    
2663
2664
2665                        
2666                        <span class="text-13 flex-1 truncate leading-none font-light">
2667                            
2668                                Redaktion,
2669                            
2670                                Brigitte Reineke
2671                            
2672                        </span>
2673                    
2674                </div>
2675
2676                
2677                
2678                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Forschen</p>
2679                
2680            </div>
2681        </div>
2682    </article>
2683
2684                            
2685                        
2686                            
2687                                
2688    <article>
2689        <div class="group relative space-y-4">
2690            
2691                    <div class="relative w-full" data-controller="image-color">
2692                        
2693                                <figure class="overflow-hidden">
2694                                    <img data-image-color-target="image" loading="lazy" alt="Eine kurze Geschichte der Kartoffel: aus den Hochebenen Perus auf die Esstische Preußens" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/7/5/csm_Abb_2_NG-0025_Putsche_Kartoffelmonografie_414c51eb35.webp" width="850" height="1044" />
2695                                </figure>
2696                            
2697
2698                        <span
2699                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2700                            
2701    
2702    
2703    
2704    
2705
2706    
2707        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2708<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2709</svg>
2710    
2711
2712
2713                        </span>
2714                    </div>
2715                
2716
2717            <div class="item space-y-4 transition-all duration-200 ease-in">
2718                <h3 class="h4">
2719                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Eine kurze Geschichte der Kartoffel: aus den Hochebenen Perus auf die Esstische Preußens" href="/journal/beitrag/eine-kurze-geschichte-der-kartoffel-aus-den-hochebenen-perus-auf-die-esstische-preussens">
2720                        Eine kurze Geschichte der Kartoffel: aus den Hochebenen Perus auf die Esstische Preußens
2721                    </a>
2722                </h3>
2723                <div class="flex items-center gap-2">
2724                    
2725                        <p class="text-13 leading-none font-light whitespace-nowrap">
2726                            29. Mai 2026
2727                        </p>
2728                    
2729
2730                    
2731                        
2732                            
2733    
2734    
2735    
2736    
2737
2738    
2739        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2740<circle cx="12" cy="12" r="6"/>
2741</svg>
2742    
2743
2744
2745                        
2746                        <span class="text-13 flex-1 truncate leading-none font-light">
2747                            
2748                                Dorlis Blume
2749                            
2750                        </span>
2751                    
2752                </div>
2753
2754                
2755                
2756                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
2757                
2758            </div>
2759        </div>
2760    </article>
2761
2762                            
2763                        
2764                            
2765                                
2766    <article>
2767        <div class="group relative space-y-4">
2768            
2769                    <div class="relative w-full" data-controller="image-color">
2770                        
2771                                <figure class="overflow-hidden">
2772                                    <img data-image-color-target="image" loading="lazy" alt="Frauenstimmen auf der Straße: SPD-Sprechplatten im Wahlkampf 1928" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/2/6/csm_Schallplatte_A_Seite_Toni_Sender_AK500694_cb9d519929.webp" width="850" height="638" />
2773                                </figure>
2774                            
2775
2776                        <span
2777                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2778                            
2779    
2780    
2781    
2782    
2783
2784    
2785        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2786<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2787</svg>
2788    
2789
2790
2791                        </span>
2792                    </div>
2793                
2794
2795            <div class="item space-y-4 transition-all duration-200 ease-in">
2796                <h3 class="h4">
2797                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Frauenstimmen auf der Straße: SPD-Sprechplatten im Wahlkampf 1928" href="/journal/beitrag/frauenstimmen-auf-der-strasse-spd-sprechplatten-im-wahlkampf-1928">
2798                        Frauenstimmen auf der Straße: SPD-Sprechplatten im Wahlkampf 1928
2799                    </a>
2800                </h3>
2801                <div class="flex items-center gap-2">
2802                    
2803                        <p class="text-13 leading-none font-light whitespace-nowrap">
2804                            5. März 2026
2805                        </p>
2806                    
2807
2808                    
2809                        
2810                            
2811    
2812    
2813    
2814    
2815
2816    
2817        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2818<circle cx="12" cy="12" r="6"/>
2819</svg>
2820    
2821
2822
2823                        
2824                        <span class="text-13 flex-1 truncate leading-none font-light">
2825                            
2826                                Anna-Lena Almstedt
2827                            
2828                        </span>
2829                    
2830                </div>
2831
2832                
2833                
2834                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Geschichte aktuell</p>
2835                
2836            </div>
2837        </div>
2838    </article>
2839
2840                            
2841                        
2842                            
2843                                
2844    <article>
2845        <div class="group relative space-y-4">
2846            
2847                    <div class="relative w-full" data-controller="image-color">
2848                        
2849                                <figure class="overflow-hidden">
2850                                    <img data-image-color-target="image" loading="lazy" alt="Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung „Natur und deutsche Geschichte. Glaube – Biologie – Macht&quot;" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/c/b/csm_Er%C3%B6ffnung_Natur-und-deutsche-Geschichte-071_4f31089de6.webp" width="850" height="567" />
2851                                </figure>
2852                            
2853
2854                        <span
2855                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2856                            
2857    
2858    
2859    
2860    
2861
2862    
2863        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2864<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2865</svg>
2866    
2867
2868
2869                        </span>
2870                    </div>
2871                
2872
2873            <div class="item space-y-4 transition-all duration-200 ease-in">
2874                <h3 class="h4">
2875                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung „Natur und deutsche Geschichte. Glaube – Biologie – Macht&quot;" href="/journal/beitrag/natur-und-deutsche-geschichte-glaube-biologie-macht">
2876                        Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung „Natur und deutsche Geschichte. Glaube – Biologie – Macht&quot;
2877                    </a>
2878                </h3>
2879                <div class="flex items-center gap-2">
2880                    
2881                        <p class="text-13 leading-none font-light whitespace-nowrap">
2882                            14. November 2025
2883                        </p>
2884                    
2885
2886                    
2887                        
2888                            
2889    
2890    
2891    
2892    
2893
2894    
2895        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2896<circle cx="12" cy="12" r="6"/>
2897</svg>
2898    
2899
2900
2901                        
2902                        <span class="text-13 flex-1 truncate leading-none font-light">
2903                            
2904                                Julia Voss
2905                            
2906                        </span>
2907                    
2908                </div>
2909
2910                
2911                
2912                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
2913                
2914            </div>
2915        </div>
2916    </article>
2917
2918                            
2919                        
2920                            
2921                        
2922                            
2923                        
2924                            
2925                        
2926                            
2927                        
2928                            
2929                        
2930                            
2931                        
2932                    </div>
2933                
2934
2935                <div class="lg:hidden col-span-full block">
2936                    
2937                    
2938                            <div class="flex flex-col gap-12 sm:grid sm:grid-cols-2 sm:gap-6">
2939                                
2940                                    
2941                                        
2942    <article>
2943        <div class="group relative space-y-4">
2944            
2945                    <div class="relative w-full" data-controller="image-color">
2946                        
2947                                <figure class="overflow-hidden">
2948                                    <img data-image-color-target="image" loading="lazy" alt="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/b/3/csm_1_Relief_von_Frans_Huygelen_%E2%80%9EZur_Erinnerung_an_Dinant%E2%80%9C__um_1927__Bronze___Deutsches_Historisches_Museum_c722d142cf.webp" width="850" height="680" />
2949                                </figure>
2950                            
2951
2952                        <span
2953                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
2954                            
2955    
2956    
2957    
2958    
2959
2960    
2961        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2962<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2963</svg>
2964    
2965
2966
2967                        </span>
2968                    </div>
2969                
2970
2971            <div class="item space-y-4 transition-all duration-200 ease-in">
2972                <h3 class="h4">
2973                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " href="/journal/beitrag/in-der-sammlungsarbeit-und-der-objektforschung-geht-es-grundsaetzlich-um-die-historischen-umstaende-der-entstehung">
2974                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
2975                    </a>
2976                </h3>
2977                <div class="flex items-center gap-2">
2978                    
2979                        <p class="text-13 leading-none font-light whitespace-nowrap">
2980                            27. Juli 2026
2981                        </p>
2982                    
2983
2984                    
2985                        
2986                            
2987    
2988    
2989    
2990    
2991
2992    
2993        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
2994<circle cx="12" cy="12" r="6"/>
2995</svg>
2996    
2997
2998
2999                        
3000                        <span class="text-13 flex-1 truncate leading-none font-light">
3001                            
3002                                Redaktion,
3003                            
3004                                Brigitte Reineke
3005                            
3006                        </span>
3007                    
3008                </div>
3009
3010                
3011                
3012                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Forschen</p>
3013                
3014            </div>
3015        </div>
3016    </article>
3017
3018                                    
3019                                
3020                                    
3021                                        
3022    <article>
3023        <div class="group relative space-y-4">
3024            
3025                    <div class="relative w-full" data-controller="image-color">
3026                        
3027                                <figure class="overflow-hidden">
3028                                    <img data-image-color-target="image" loading="lazy" alt="Eine kurze Geschichte der Kartoffel: aus den Hochebenen Perus auf die Esstische Preußens" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/7/5/csm_Abb_2_NG-0025_Putsche_Kartoffelmonografie_414c51eb35.webp" width="850" height="1044" />
3029                                </figure>
3030                            
3031
3032                        <span
3033                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3034                            
3035    
3036    
3037    
3038    
3039
3040    
3041        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3042<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3043</svg>
3044    
3045
3046
3047                        </span>
3048                    </div>
3049                
3050
3051            <div class="item space-y-4 transition-all duration-200 ease-in">
3052                <h3 class="h4">
3053                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Eine kurze Geschichte der Kartoffel: aus den Hochebenen Perus auf die Esstische Preußens" href="/journal/beitrag/eine-kurze-geschichte-der-kartoffel-aus-den-hochebenen-perus-auf-die-esstische-preussens">
3054                        Eine kurze Geschichte der Kartoffel: aus den Hochebenen Perus auf die Esstische Preußens
3055                    </a>
3056                </h3>
3057                <div class="flex items-center gap-2">
3058                    
3059                        <p class="text-13 leading-none font-light whitespace-nowrap">
3060                            29. Mai 2026
3061                        </p>
3062                    
3063
3064                    
3065                        
3066                            
3067    
3068    
3069    
3070    
3071
3072    
3073        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3074<circle cx="12" cy="12" r="6"/>
3075</svg>
3076    
3077
3078
3079                        
3080                        <span class="text-13 flex-1 truncate leading-none font-light">
3081                            
3082                                Dorlis Blume
3083                            
3084                        </span>
3085                    
3086                </div>
3087
3088                
3089                
3090                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
3091                
3092            </div>
3093        </div>
3094    </article>
3095
3096                                    
3097                                
3098                                    
3099                                        
3100    <article>
3101        <div class="group relative space-y-4">
3102            
3103                    <div class="relative w-full" data-controller="image-color">
3104                        
3105                                <figure class="overflow-hidden">
3106                                    <img data-image-color-target="image" loading="lazy" alt="Frauenstimmen auf der Straße: SPD-Sprechplatten im Wahlkampf 1928" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/2/6/csm_Schallplatte_A_Seite_Toni_Sender_AK500694_cb9d519929.webp" width="850" height="638" />
3107                                </figure>
3108                            
3109
3110                        <span
3111                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3112                            
3113    
3114    
3115    
3116    
3117
3118    
3119        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3120<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3121</svg>
3122    
3123
3124
3125                        </span>
3126                    </div>
3127                
3128
3129            <div class="item space-y-4 transition-all duration-200 ease-in">
3130                <h3 class="h4">
3131                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Frauenstimmen auf der Straße: SPD-Sprechplatten im Wahlkampf 1928" href="/journal/beitrag/frauenstimmen-auf-der-strasse-spd-sprechplatten-im-wahlkampf-1928">
3132                        Frauenstimmen auf der Straße: SPD-Sprechplatten im Wahlkampf 1928
3133                    </a>
3134                </h3>
3135                <div class="flex items-center gap-2">
3136                    
3137                        <p class="text-13 leading-none font-light whitespace-nowrap">
3138                            5. März 2026
3139                        </p>
3140                    
3141
3142                    
3143                        
3144                            
3145    
3146    
3147    
3148    
3149
3150    
3151        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3152<circle cx="12" cy="12" r="6"/>
3153</svg>
3154    
3155
3156
3157                        
3158                        <span class="text-13 flex-1 truncate leading-none font-light">
3159                            
3160                                Anna-Lena Almstedt
3161                            
3162                        </span>
3163                    
3164                </div>
3165
3166                
3167                
3168                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Geschichte aktuell</p>
3169                
3170            </div>
3171        </div>
3172    </article>
3173
3174                                    
3175                                
3176                                    
3177                                        
3178    <article>
3179        <div class="group relative space-y-4">
3180            
3181                    <div class="relative w-full" data-controller="image-color">
3182                        
3183                                <figure class="overflow-hidden">
3184                                    <img data-image-color-target="image" loading="lazy" alt="Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung „Natur und deutsche Geschichte. Glaube – Biologie – Macht&quot;" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/c/b/csm_Er%C3%B6ffnung_Natur-und-deutsche-Geschichte-071_4f31089de6.webp" width="850" height="567" />
3185                                </figure>
3186                            
3187
3188                        <span
3189                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3190                            
3191    
3192    
3193    
3194    
3195
3196    
3197        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3198<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3199</svg>
3200    
3201
3202
3203                        </span>
3204                    </div>
3205                
3206
3207            <div class="item space-y-4 transition-all duration-200 ease-in">
3208                <h3 class="h4">
3209                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung „Natur und deutsche Geschichte. Glaube – Biologie – Macht&quot;" href="/journal/beitrag/natur-und-deutsche-geschichte-glaube-biologie-macht">
3210                        Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung „Natur und deutsche Geschichte. Glaube – Biologie – Macht&quot;
3211                    </a>
3212                </h3>
3213                <div class="flex items-center gap-2">
3214                    
3215                        <p class="text-13 leading-none font-light whitespace-nowrap">
3216                            14. November 2025
3217                        </p>
3218                    
3219
3220                    
3221                        
3222                            
3223    
3224    
3225    
3226    
3227
3228    
3229        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3230<circle cx="12" cy="12" r="6"/>
3231</svg>
3232    
3233
3234
3235                        
3236                        <span class="text-13 flex-1 truncate leading-none font-light">
3237                            
3238                                Julia Voss
3239                            
3240                        </span>
3241                    
3242                </div>
3243
3244                
3245                
3246                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
3247                
3248            </div>
3249        </div>
3250    </article>
3251
3252                                    
3253                                
3254                                    
3255                                
3256                                    
3257                                
3258                                    
3259                                
3260                                    
3261                                
3262                                    
3263                                
3264                                    
3265                                
3266                            </div>
3267                        
3268                </div>
3269
3270                
3271                    <div class="col-span-12 flex justify-center">
3272                        <a href="/journal/perspektiven" class="btn-dark group">
3273                            Mehr Entdecken
3274                            
3275    
3276    
3277    
3278    
3279
3280    
3281        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="-rotate-45 group-hover:rotate-0 icon icon--arrow-right shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3282<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3283</svg>
3284    
3285
3286
3287                        </a>
3288                    </div>
3289                
3290            </div>
3291        </div>
3292    </div>
3293
3294
3295
3296
3297    
3298                
3299                    
3300
3301
3302
3303                
3304                
3305                    
3306
3307
3308
3309                
3310            </div>
3311        
3312
3313
3314    
3315            <div
3316                id="c51"
3317                class="frame frame- frame-type-xima_teasertexthome frame-layout-">
3318                
3319                
3320                    
3321
3322
3323
3324                
3325                
3326                    
3327
3328    
3329        <header>
3330            
3331
3332    
3333            
3334        
3335
3336
3337
3338            
3339
3340
3341
3342            
3343
3344
3345
3346        </header>
3347    
3348
3349
3350
3351                
3352                
3353        
3354    
3355    
3356    
3357
3358    
3359
3360    <div
3361        class="bg-dark-blue-300 w-full overflow-x-hidden"
3362        data-controller="parallax"
3363        data-parallax-offset-y-value="25">
3364        <div class="text-dark-blue-500 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
3365            <div class="custom-grid gap-y-20" data-parallax-target="item">
3366                <h2 class="hero col-span-full">Inside DHM</h2>
3367                
3368                    <div class="col-span-12 hidden grid-cols-4 gap-6 lg:grid">
3369                        
3370                            
3371                                
3372    <article>
3373        <div class="group relative space-y-4">
3374            
3375                    <div class="relative w-full" data-controller="image-color">
3376                        
3377                                <figure class="overflow-hidden">
3378                                    <img data-image-color-target="image" loading="lazy" alt="Wozu das denn? Ein Stadion auf einer Holztruhe" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/8/1/csm_neu_Bild1_e6131e72ff.webp" width="850" height="850" />
3379                                </figure>
3380                            
3381
3382                        <span
3383                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3384                            
3385    
3386    
3387    
3388    
3389
3390    
3391        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3392<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3393</svg>
3394    
3395
3396
3397                        </span>
3398                    </div>
3399                
3400
3401            <div class="item space-y-4 transition-all duration-200 ease-in">
3402                <h3 class="h4">
3403                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Wozu das denn? Ein Stadion auf einer Holztruhe" href="/journal/beitrag/wozu-das-denn-ein-stadion-auf-einer-holztruhe">
3404                        Wozu das denn? Ein Stadion auf einer Holztruhe
3405                    </a>
3406                </h3>
3407                <div class="flex items-center gap-2">
3408                    
3409                        <p class="text-13 leading-none font-light whitespace-nowrap">
3410                            9. September 2026
3411                        </p>
3412                    
3413
3414                    
3415                        
3416                            
3417    
3418    
3419    
3420    
3421
3422    
3423        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3424<circle cx="12" cy="12" r="6"/>
3425</svg>
3426    
3427
3428
3429                        
3430                        <span class="text-13 flex-1 truncate leading-none font-light">
3431                            
3432                                Simon Sacha
3433                            
3434                        </span>
3435                    
3436                </div>
3437
3438                
3439                
3440                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
3441                
3442            </div>
3443        </div>
3444    </article>
3445
3446                            
3447                        
3448                            
3449                                
3450    <article>
3451        <div class="group relative space-y-4">
3452            
3453                    <div class="relative w-full" data-controller="image-color">
3454                        
3455                                <figure class="overflow-hidden">
3456                                    <img data-image-color-target="image" loading="lazy" alt="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/b/3/csm_1_Relief_von_Frans_Huygelen_%E2%80%9EZur_Erinnerung_an_Dinant%E2%80%9C__um_1927__Bronze___Deutsches_Historisches_Museum_c722d142cf.webp" width="850" height="680" />
3457                                </figure>
3458                            
3459
3460                        <span
3461                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3462                            
3463    
3464    
3465    
3466    
3467
3468    
3469        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3470<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3471</svg>
3472    
3473
3474
3475                        </span>
3476                    </div>
3477                
3478
3479            <div class="item space-y-4 transition-all duration-200 ease-in">
3480                <h3 class="h4">
3481                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " href="/journal/beitrag/in-der-sammlungsarbeit-und-der-objektforschung-geht-es-grundsaetzlich-um-die-historischen-umstaende-der-entstehung">
3482                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
3483                    </a>
3484                </h3>
3485                <div class="flex items-center gap-2">
3486                    
3487                        <p class="text-13 leading-none font-light whitespace-nowrap">
3488                            27. Juli 2026
3489                        </p>
3490                    
3491
3492                    
3493                        
3494                            
3495    
3496    
3497    
3498    
3499
3500    
3501        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3502<circle cx="12" cy="12" r="6"/>
3503</svg>
3504    
3505
3506
3507                        
3508                        <span class="text-13 flex-1 truncate leading-none font-light">
3509                            
3510                                Redaktion,
3511                            
3512                                Brigitte Reineke
3513                            
3514                        </span>
3515                    
3516                </div>
3517
3518                
3519                
3520                    <p class="bg-dark-blue-400/8 text-13 w-fit roun
3520ded-xl px-2 py-1">Forschen</p>
3521                
3522            </div>
3523        </div>
3524    </article>
3525
3526                            
3527                        
3528                            
3529                                
3530    <article>
3531        <div class="group relative space-y-4">
3532            
3533                    <div class="relative w-full" data-controller="image-color">
3534                        
3535                                <figure class="overflow-hidden">
3536                                    <img data-image-color-target="image" loading="lazy" alt="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/f/5/csm_4_4_Unabh%C3%A4ngigkeitserkl%C3%A4rung_Vereingte_Staaten_H_ba5e964cb1.webp" width="850" height="1046" />
3537                                </figure>
3538                            
3539
3540                        <span
3541                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3542                            
3543    
3544    
3545    
3546    
3547
3548    
3549        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3550<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3551</svg>
3552    
3553
3554
3555                        </span>
3556                    </div>
3557                
3558
3559            <div class="item space-y-4 transition-all duration-200 ease-in">
3560                <h3 class="h4">
3561                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " href="/journal/beitrag/freiheit-auf-papier-die-deutsche-erstausgabe-der-unabhaengigkeitserklaerung-der-vereinigten-staaten">
3562                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
3563                    </a>
3564                </h3>
3565                <div class="flex items-center gap-2">
3566                    
3567                        <p class="text-13 leading-none font-light whitespace-nowrap">
3568                            3. Juli 2026
3569                        </p>
3570                    
3571
3572                    
3573                        
3574                            
3575    
3576    
3577    
3578    
3579
3580    
3581        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3582<circle cx="12" cy="12" r="6"/>
3583</svg>
3584    
3585
3586
3587                        
3588                        <span class="text-13 flex-1 truncate leading-none font-light">
3589                            
3590                                Wolfgang Cortjaens,
3591                            
3592                                Dorlis Blume
3593                            
3594                        </span>
3595                    
3596                </div>
3597
3598                
3599                
3600                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
3601                
3602            </div>
3603        </div>
3604    </article>
3605
3606                            
3607                        
3608                            
3609                                
3610    <article>
3611        <div class="group relative space-y-4">
3612            
3613                    <div class="relative w-full" data-controller="image-color">
3614                        
3615                                <figure class="overflow-hidden">
3616                                    <img data-image-color-target="image" loading="lazy" alt="Mit neuem Corporate Design auf dem Weg zur neuen Ständigen Ausstellung im Zeughaus" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/2/5/csm_DSC07186_2ff7cd9fb9.webp" width="850" height="567" />
3617                                </figure>
3618                            
3619
3620                        <span
3621                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3622                            
3623    
3624    
3625    
3626    
3627
3628    
3629        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3630<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3631</svg>
3632    
3633
3634
3635                        </span>
3636                    </div>
3637                
3638
3639            <div class="item space-y-4 transition-all duration-200 ease-in">
3640                <h3 class="h4">
3641                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Mit neuem Corporate Design auf dem Weg zur neuen Ständigen Ausstellung im Zeughaus" href="/journal/beitrag/mit-neuem-corporate-design-auf-dem-weg-zur-neuen-staendigen-ausstellung-im-zeughaus">
3642                        Mit neuem Corporate Design auf dem Weg zur neuen Ständigen Ausstellung im Zeughaus
3643                    </a>
3644                </h3>
3645                <div class="flex items-center gap-2">
3646                    
3647                        <p class="text-13 leading-none font-light whitespace-nowrap">
3648                            25. Juni 2026
3649                        </p>
3650                    
3651
3652                    
3653                        
3654                            
3655    
3656    
3657    
3658    
3659
3660    
3661        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3662<circle cx="12" cy="12" r="6"/>
3663</svg>
3664    
3665
3666
3667                        
3668                        <span class="text-13 flex-1 truncate leading-none font-light">
3669                            
3670                                Nicola Schnell
3671                            
3672                        </span>
3673                    
3674                </div>
3675
3676                
3677                
3678                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Behind the Scenes</p>
3679                
3680            </div>
3681        </div>
3682    </article>
3683
3684                            
3685                        
3686                            
3687                        
3688                            
3689                        
3690                            
3691                        
3692                            
3693                        
3694                            
3695                        
3696                            
3697                        
3698                    </div>
3699                
3700
3701                <div class="lg:hidden col-span-full block">
3702                    
3703                    
3704                            <div class="flex flex-col gap-12 sm:grid sm:grid-cols-2 sm:gap-6">
3705                                
3706                                    
3707                                        
3708    <article>
3709        <div class="group relative space-y-4">
3710            
3711                    <div class="relative w-full" data-controller="image-color">
3712                        
3713                                <figure class="overflow-hidden">
3714                                    <img data-image-color-target="image" loading="lazy" alt="Wozu das denn? Ein Stadion auf einer Holztruhe" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/8/1/csm_neu_Bild1_e6131e72ff.webp" width="850" height="850" />
3715                                </figure>
3716                            
3717
3718                        <span
3719                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3720                            
3721    
3722    
3723    
3724    
3725
3726    
3727        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3728<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3729</svg>
3730    
3731
3732
3733                        </span>
3734                    </div>
3735                
3736
3737            <div class="item space-y-4 transition-all duration-200 ease-in">
3738                <h3 class="h4">
3739                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Wozu das denn? Ein Stadion auf einer Holztruhe" href="/journal/beitrag/wozu-das-denn-ein-stadion-auf-einer-holztruhe">
3740                        Wozu das denn? Ein Stadion auf einer Holztruhe
3741                    </a>
3742                </h3>
3743                <div class="flex items-center gap-2">
3744                    
3745                        <p class="text-13 leading-none font-light whitespace-nowrap">
3746                            9. September 2026
3747                        </p>
3748                    
3749
3750                    
3751                        
3752                            
3753    
3754    
3755    
3756    
3757
3758    
3759        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3760<circle cx="12" cy="12" r="6"/>
3761</svg>
3762    
3763
3764
3765                        
3766                        <span class="text-13 flex-1 truncate leading-none font-light">
3767                            
3768                                Simon Sacha
3769                            
3770                        </span>
3771                    
3772                </div>
3773
3774                
3775                
3776                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
3777                
3778            </div>
3779        </div>
3780    </article>
3781
3782                                    
3783                                
3784                                    
3785                                        
3786    <article>
3787        <div class="group relative space-y-4">
3788            
3789                    <div class="relative w-full" data-controller="image-color">
3790                        
3791                                <figure class="overflow-hidden">
3792                                    <img data-image-color-target="image" loading="lazy" alt="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/b/3/csm_1_Relief_von_Frans_Huygelen_%E2%80%9EZur_Erinnerung_an_Dinant%E2%80%9C__um_1927__Bronze___Deutsches_Historisches_Museum_c722d142cf.webp" width="850" height="680" />
3793                                </figure>
3794                            
3795
3796                        <span
3797                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3798                            
3799    
3800    
3801    
3802    
3803
3804    
3805        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3806<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3807</svg>
3808    
3809
3810
3811                        </span>
3812                    </div>
3813                
3814
3815            <div class="item space-y-4 transition-all duration-200 ease-in">
3816                <h3 class="h4">
3817                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="„In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ " href="/journal/beitrag/in-der-sammlungsarbeit-und-der-objektforschung-geht-es-grundsaetzlich-um-die-historischen-umstaende-der-entstehung">
3818                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
3819                    </a>
3820                </h3>
3821                <div class="flex items-center gap-2">
3822                    
3823                        <p class="text-13 leading-none font-light whitespace-nowrap">
3824                            27. Juli 2026
3825                        </p>
3826                    
3827
3828                    
3829                        
3830                            
3831    
3832    
3833    
3834    
3835
3836    
3837        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3838<circle cx="12" cy="12" r="6"/>
3839</svg>
3840    
3841
3842
3843                        
3844                        <span class="text-13 flex-1 truncate leading-none font-light">
3845                            
3846                                Redaktion,
3847                            
3848                                Brigitte Reineke
3849                            
3850                        </span>
3851                    
3852                </div>
3853
3854                
3855                
3856                    <p class="bg-dark-blue-400/8 text-13 w-fit roun
3856ded-xl px-2 py-1">Forschen</p>
3857                
3858            </div>
3859        </div>
3860    </article>
3861
3862                                    
3863                                
3864                                    
3865                                        
3866    <article>
3867        <div class="group relative space-y-4">
3868            
3869                    <div class="relative w-full" data-controller="image-color">
3870                        
3871                                <figure class="overflow-hidden">
3872                                    <img data-image-color-target="image" loading="lazy" alt="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/f/5/csm_4_4_Unabh%C3%A4ngigkeitserkl%C3%A4rung_Vereingte_Staaten_H_ba5e964cb1.webp" width="850" height="1046" />
3873                                </figure>
3874                            
3875
3876                        <span
3877                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3878                            
3879    
3880    
3881    
3882    
3883
3884    
3885        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3886<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3887</svg>
3888    
3889
3890
3891                        </span>
3892                    </div>
3893                
3894
3895            <div class="item space-y-4 transition-all duration-200 ease-in">
3896                <h3 class="h4">
3897                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten " href="/journal/beitrag/freiheit-auf-papier-die-deutsche-erstausgabe-der-unabhaengigkeitserklaerung-der-vereinigten-staaten">
3898                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
3899                    </a>
3900                </h3>
3901                <div class="flex items-center gap-2">
3902                    
3903                        <p class="text-13 leading-none font-light whitespace-nowrap">
3904                            3. Juli 2026
3905                        </p>
3906                    
3907
3908                    
3909                        
3910                            
3911    
3912    
3913    
3914    
3915
3916    
3917        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3918<circle cx="12" cy="12" r="6"/>
3919</svg>
3920    
3921
3922
3923                        
3924                        <span class="text-13 flex-1 truncate leading-none font-light">
3925                            
3926                                Wolfgang Cortjaens,
3927                            
3928                                Dorlis Blume
3929                            
3930                        </span>
3931                    
3932                </div>
3933
3934                
3935                
3936                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
3937                
3938            </div>
3939        </div>
3940    </article>
3941
3942                                    
3943                                
3944                                    
3945                                        
3946    <article>
3947        <div class="group relative space-y-4">
3948            
3949                    <div class="relative w-full" data-controller="image-color">
3950                        
3951                                <figure class="overflow-hidden">
3952                                    <img data-image-color-target="image" loading="lazy" alt="Mit neuem Corporate Design auf dem Weg zur neuen Ständigen Ausstellung im Zeughaus" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/2/5/csm_DSC07186_2ff7cd9fb9.webp" width="850" height="567" />
3953                                </figure>
3954                            
3955
3956                        <span
3957                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
3958                            
3959    
3960    
3961    
3962    
3963
3964    
3965        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3966<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3967</svg>
3968    
3969
3970
3971                        </span>
3972                    </div>
3973                
3974
3975            <div class="item space-y-4 transition-all duration-200 ease-in">
3976                <h3 class="h4">
3977                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Mit neuem Corporate Design auf dem Weg zur neuen Ständigen Ausstellung im Zeughaus" href="/journal/beitrag/mit-neuem-corporate-design-auf-dem-weg-zur-neuen-staendigen-ausstellung-im-zeughaus">
3978                        Mit neuem Corporate Design auf dem Weg zur neuen Ständigen Ausstellung im Zeughaus
3979                    </a>
3980                </h3>
3981                <div class="flex items-center gap-2">
3982                    
3983                        <p class="text-13 leading-none font-light whitespace-nowrap">
3984                            25. Juni 2026
3985                        </p>
3986                    
3987
3988                    
3989                        
3990                            
3991    
3992    
3993    
3994    
3995
3996    
3997        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
3998<circle cx="12" cy="12" r="6"/>
3999</svg>
4000    
4001
4002
4003                        
4004                        <span class="text-13 flex-1 truncate leading-none font-light">
4005                            
4006                                Nicola Schnell
4007                            
4008                        </span>
4009                    
4010                </div>
4011
4012                
4013                
4014                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Behind the Scenes</p>
4015                
4016            </div>
4017        </div>
4018    </article>
4019
4020                                    
4021                                
4022                                    
4023                                
4024                                    
4025                                
4026                                    
4027                                
4028                                    
4029                                
4030                                    
4031                                
4032                                    
4033                                
4034                            </div>
4035                        
4036                </div>
4037
4038                
4039                    <div class="col-span-12 flex justify-center">
4040                        <a href="/journal/inside-dhm" class="btn-dark group">
4041                            Mehr Entdecken
4042                            
4043    
4044    
4045    
4046    
4047
4048    
4049        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="-rotate-45 group-hover:rotate-0 icon icon--arrow-right shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4050<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4051</svg>
4052    
4053
4054
4055                        </a>
4056                    </div>
4057                
4058            </div>
4059        </div>
4060    </div>
4061
4062
4063
4064
4065    
4066                
4067                    
4068
4069
4070
4071                
4072                
4073                    
4074
4075
4076
4077                
4078            </div>
4079        
4080
4081
4082    
4083            <div
4084                id="c89"
4085                class="frame frame- frame-type-xima_teasertexthome frame-layout-">
4086                
4087                
4088                    
4089
4090
4091
4092                
4093                
4094                    
4095
4096    
4097        <header>
4098            
4099
4100    
4101            
4102        
4103
4104
4105
4106            
4107
4108
4109
4110            
4111
4112
4113
4114        </header>
4115    
4116
4117
4118
4119                
4120                
4121        
4122    
4123    
4124    
4125
4126    
4127
4128    <div
4129        class="bg-dark-blue-400 w-full overflow-x-hidden"
4130        data-controller="parallax"
4131        data-parallax-offset-y-value="25">
4132        <div class="text-yellow-100 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
4133            <div class="custom-grid gap-y-20" data-parallax-target="item">
4134                <h2 class="hero col-span-full">Neue Ständige Ausstellung</h2>
4135                
4136                    <div class="col-span-12 hidden grid-cols-4 gap-6 lg:grid">
4137                        
4138                            
4139                                
4140    <article>
4141        <div class="group relative space-y-4">
4142            
4143                    <div class="relative w-full" data-controller="image-color">
4144                        
4145                                <figure class="overflow-hidden">
4146                                    <img data-image-color-target="image" loading="lazy" alt="Atelier Brückner: Gestalterische Exzellenz für das DHM" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/7/b/csm_Zeughaus_WorkshopATB_032026_DavidvonBecker_web_543c09687a.webp" width="850" height="1041" />
4147                                </figure>
4148                            
4149
4150                        <span
4151                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
4152                            
4153    
4154    
4155    
4156    
4157
4158    
4159        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4160<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4161</svg>
4162    
4163
4164
4165                        </span>
4166                    </div>
4167                
4168
4169            <div class="item space-y-4 transition-all duration-200 ease-in">
4170                <h3 class="h4">
4171                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Atelier Brückner: Gestalterische Exzellenz für das DHM" href="/journal/beitrag/atelier-brueckner">
4172                        Atelier Brückner: Gestalterische Exzellenz für das DHM
4173                    </a>
4174                </h3>
4175                <div class="flex items-center gap-2">
4176                    
4177                        <p class="text-13 leading-none font-light whitespace-nowrap">
4178                            26. Mai 2026
4179                        </p>
4180                    
4181
4182                    
4183                        
4184                            
4185    
4186    
4187    
4188    
4189
4190    
4191        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-yellow-100 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4192<circle cx="12" cy="12" r="6"/>
4193</svg>
4194    
4195
4196
4197                        
4198                        <span class="text-13 flex-1 truncate leading-none font-light">
4199                            
4200                                Redaktion
4201                            
4202                        </span>
4203                    
4204                </div>
4205
4206                
4207                
4208                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Partner</p>
4209                
4210            </div>
4211        </div>
4212    </article>
4213
4214                            
4215                        
4216                            
4217                                
4218    <article>
4219        <div class="group relative space-y-4">
4220            
4221                    <div class="relative w-full" data-controller="image-color">
4222                        
4223                                <figure class="overflow-hidden">
4224                                    <img data-image-color-target="image" loading="lazy" alt="Das Zeughaus wird saniert: Fünf Fragen und Antworten " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/8/a/csm_2026-Zeughaus-OG-leer_DavidvonBecker_a27a733c39.webp" width="850" height="567" />
4225                                </figure>
4226                            
4227
4228                        <span
4229                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
4230                            
4231    
4232    
4233    
4234    
4235
4236    
4237        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4238<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4239</svg>
4240    
4241
4242
4243                        </span>
4244                    </div>
4245                
4246
4247            <div class="item space-y-4 transition-all duration-200 ease-in">
4248                <h3 class="h4">
4249                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Das Zeughaus wird saniert: Fünf Fragen und Antworten " href="/journal/beitrag/fuenf-fragen-und-antworten-zur-sanierung-des-zeughauses">
4250                        Das Zeughaus wird saniert: Fünf Fragen und Antworten 
4251                    </a>
4252                </h3>
4253                <div class="flex items-center gap-2">
4254                    
4255                        <p class="text-13 leading-none font-light whitespace-nowrap">
4256                            26. Mai 2026
4257                        </p>
4258                    
4259
4260                    
4261                        
4262                            
4263    
4264    
4265    
4266    
4267
4268    
4269        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-yellow-100 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4270<circle cx="12" cy="12" r="6"/>
4271</svg>
4272    
4273
4274
4275                        
4276                        <span class="text-13 flex-1 truncate leading-none font-light">
4277                            
4278                                Redaktion
4279                            
4280                        </span>
4281                    
4282                </div>
4283
4284                
4285                
4286                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Geschichte des Ortes</p>
4287                
4288            </div>
4289        </div>
4290    </article>
4291
4292                            
4293                        
4294                            
4295                                
4296    <article>
4297        <div class="group relative space-y-4">
4298            
4299                    <div class="relative w-full" data-controller="image-color">
4300                        
4301                                <figure class="overflow-hidden">
4302                                    <img data-image-color-target="image" loading="lazy" alt="Zoom In: Das königliche Zeughaus " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/c/d/csm_Ostfassade_Zeughaus_ThomasBruns_02_771e7aeded.webp" width="850" height="538" />
4303                                </figure>
4304                            
4305
4306                        <span
4307                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
4308                            
4309    
4310    
4311    
4312    
4313
4314    
4315        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4316<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4317</svg>
4318    
4319
4320
4321                        </span>
4322                    </div>
4323                
4324
4325            <div class="item space-y-4 transition-all duration-200 ease-in">
4326                <h3 class="h4">
4327                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Zoom In: Das königliche Zeughaus " href="/journal/beitrag/zoom-in">
4328                        Zoom In: Das königliche Zeughaus 
4329                    </a>
4330                </h3>
4331                <div class="flex items-center gap-2">
4332                    
4333                        <p class="text-13 leading-none font-light whitespace-nowrap">
4334                            26. Mai 2026
4335                        </p>
4336                    
4337
4338                    
4339                        
4340                            
4341    
4342    
4343    
4344    
4345
4346    
4347        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-yellow-100 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4348<circle cx="12" cy="12" r="6"/>
4349</svg>
4350    
4351
4352
4353                        
4354                        <span class="text-13 flex-1 truncate leading-none font-light">
4355                            
4356                                Redaktion
4357                            
4358                        </span>
4359                    
4360                </div>
4361
4362                
4363                
4364                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Geschichte des Ortes</p>
4365                
4366            </div>
4367        </div>
4368    </article>
4369
4370                            
4371                        
4372                    </div>
4373                
4374
4375                <div class="lg:hidden col-span-full block">
4376                    
4377                    
4378                            <div class="flex flex-col gap-12 sm:grid sm:grid-cols-2 sm:gap-6">
4379                                
4380                                    
4381                                        
4382    <article>
4383        <div class="group relative space-y-4">
4384            
4385                    <div class="relative w-full" data-controller="image-color">
4386                        
4387                                <figure class="overflow-hidden">
4388                                    <img data-image-color-target="image" loading="lazy" alt="Atelier Brückner: Gestalterische Exzellenz für das DHM" class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/7/b/csm_Zeughaus_WorkshopATB_032026_DavidvonBecker_web_543c09687a.webp" width="850" height="1041" />
4389                                </figure>
4390                            
4391
4392                        <span
4393                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
4394                            
4395    
4396    
4397    
4398    
4399
4400    
4401        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4402<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4403</svg>
4404    
4405
4406
4407                        </span>
4408                    </div>
4409                
4410
4411            <div class="item space-y-4 transition-all duration-200 ease-in">
4412                <h3 class="h4">
4413                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Atelier Brückner: Gestalterische Exzellenz für das DHM" href="/journal/beitrag/atelier-brueckner">
4414                        Atelier Brückner: Gestalterische Exzellenz für das DHM
4415                    </a>
4416                </h3>
4417                <div class="flex items-center gap-2">
4418                    
4419                        <p class="text-13 leading-none font-light whitespace-nowrap">
4420                            26. Mai 2026
4421                        </p>
4422                    
4423
4424                    
4425                        
4426                            
4427    
4428    
4429    
4430    
4431
4432    
4433        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-yellow-100 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4434<circle cx="12" cy="12" r="6"/>
4435</svg>
4436    
4437
4438
4439                        
4440                        <span class="text-13 flex-1 truncate leading-none font-light">
4441                            
4442                                Redaktion
4443                            
4444                        </span>
4445                    
4446                </div>
4447
4448                
4449                
4450                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Partner</p>
4451                
4452            </div>
4453        </div>
4454    </article>
4455
4456                                    
4457                                
4458                                    
4459                                        
4460    <article>
4461        <div class="group relative space-y-4">
4462            
4463                    <div class="relative w-full" data-controller="image-color">
4464                        
4465                                <figure class="overflow-hidden">
4466                                    <img data-image-color-target="image" loading="lazy" alt="Das Zeughaus wird saniert: Fünf Fragen und Antworten " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/8/a/csm_2026-Zeughaus-OG-leer_DavidvonBecker_a27a733c39.webp" width="850" height="567" />
4467                                </figure>
4468                            
4469
4470                        <span
4471                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
4472                            
4473    
4474    
4475    
4476    
4477
4478    
4479        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4480<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4481</svg>
4482    
4483
4484
4485                        </span>
4486                    </div>
4487                
4488
4489            <div class="item space-y-4 transition-all duration-200 ease-in">
4490                <h3 class="h4">
4491                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Das Zeughaus wird saniert: Fünf Fragen und Antworten " href="/journal/beitrag/fuenf-fragen-und-antworten-zur-sanierung-des-zeughauses">
4492                        Das Zeughaus wird saniert: Fünf Fragen und Antworten 
4493                    </a>
4494                </h3>
4495                <div class="flex items-center gap-2">
4496                    
4497                        <p class="text-13 leading-none font-light whitespace-nowrap">
4498                            26. Mai 2026
4499                        </p>
4500                    
4501
4502                    
4503                        
4504                            
4505    
4506    
4507    
4508    
4509
4510    
4511        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-yellow-100 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4512<circle cx="12" cy="12" r="6"/>
4513</svg>
4514    
4515
4516
4517                        
4518                        <span class="text-13 flex-1 truncate leading-none font-light">
4519                            
4520                                Redaktion
4521                            
4522                        </span>
4523                    
4524                </div>
4525
4526                
4527                
4528                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Geschichte des Ortes</p>
4529                
4530            </div>
4531        </div>
4532    </article>
4533
4534                                    
4535                                
4536                                    
4537                                        
4538    <article>
4539        <div class="group relative space-y-4">
4540            
4541                    <div class="relative w-full" data-controller="image-color">
4542                        
4543                                <figure class="overflow-hidden">
4544                                    <img data-image-color-target="image" loading="lazy" alt="Zoom In: Das königliche Zeughaus " class="w-full object-cover transition-transform duration-300 ease-in group-focus-within:scale-105 group-hover:scale-105" src="/journal/fileadmin/_processed_/c/d/csm_Ostfassade_Zeughaus_ThomasBruns_02_771e7aeded.webp" width="850" height="538" />
4545                                </figure>
4546                            
4547
4548                        <span
4549                            class="absolute right-4 bottom-4 flex h-11 w-11 items-center justify-center rounded-full bg-yellow-100 opacity-0 transition-all duration-300 group-focus-within:opacity-100 group-hover:opacity-100">
4550                            
4551    
4552    
4553    
4554    
4555
4556    
4557        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-45 stroke-black group-hover:rotate-0 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4558<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4559</svg>
4560    
4561
4562
4563                        </span>
4564                    </div>
4565                
4566
4567            <div class="item space-y-4 transition-all duration-200 ease-in">
4568                <h3 class="h4">
4569                    <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-[&#039;&#039;]" title="Zoom In: Das königliche Zeughaus " href="/journal/beitrag/zoom-in">
4570                        Zoom In: Das königliche Zeughaus 
4571                    </a>
4572                </h3>
4573                <div class="flex items-center gap-2">
4574                    
4575                        <p class="text-13 leading-none font-light whitespace-nowrap">
4576                            26. Mai 2026
4577                        </p>
4578                    
4579
4580                    
4581                        
4582                            
4583    
4584    
4585    
4586    
4587
4588    
4589        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-yellow-100 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4590<circle cx="12" cy="12" r="6"/>
4591</svg>
4592    
4593
4594
4595                        
4596                        <span class="text-13 flex-1 truncate leading-none font-light">
4597                            
4598                                Redaktion
4599                            
4600                        </span>
4601                    
4602                </div>
4603
4604                
4605                
4606                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Geschichte des Ortes</p>
4607                
4608            </div>
4609        </div>
4610    </article>
4611
4612                                    
4613                                
4614                            </div>
4615                        
4616                </div>
4617
4618                
4619                    <div class="col-span-12 flex justify-center">
4620                        <a href="/journal/neue-staendige-ausstellungen" class="btn-light group">
4621                            Mehr Entdecken
4622                            
4623    
4624    
4625    
4626    
4627
4628    
4629        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="-rotate-45 group-hover:rotate-0 icon icon--arrow-right shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4630<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4631</svg>
4632    
4633
4634
4635                        </a>
4636                    </div>
4637                
4638            </div>
4639        </div>
4640    </div>
4641
4642
4643
4644
4645    
4646                
4647                    
4648
4649
4650
4651                
4652                
4653                    
4654
4655
4656
4657                
4658            </div>
4659        
4660
4661
4662    
4663            <div
4664                id="c52"
4665                class="frame frame- frame-type-xima_teaservideohome frame-layout-">
4666                
4667                
4668                    
4669
4670
4671
4672                
4673                
4674                    
4675
4676    
4677        <header>
4678            
4679
4680    
4681            
4682        
4683
4684
4685
4686            
4687
4688
4689
4690            
4691
4692
4693
4694        </header>
4695    
4696
4697
4698
4699                
4700                
4701        
4702    
4703    
4704
4705    
4706
4707    <div class="bg-dark-blue-500 overflow-hidden py-12 md:py-[120px]">
4708        
4709                <div>
4710                    <div class="container mx-auto py-0">
4711                        <h2 class="h2 mb-10 text-yellow-100 md:mb-20">
4712                            Sehen
4713                        </h2>
4714                    </div>
4715
4716                    <div data-controller="slider" data-slider-configuration-value="{&quot;type&quot;:&quot;slide&quot;,&quot;perMove&quot;:1,&quot;perPage&quot;:3,&quot;gap&quot;:&quot;24px&quot;,&quot;arrows&quot;:false,&quot;pagination&quot;:false,&quot;drag&quot;:true,&quot;flickPower&quot;:300,&quot;autoWidth&quot;:true,&quot;padding&quot;:{&quot;right&quot;:&quot;16px&quot;,&quot;left&quot;:&quot;4px&quot;},&quot;breakpoints&quot;:{&quot;1280&quot;:{&quot;perPage&quot;:2},&quot;1024&quot;:{&quot;gap&quot;:&quot;16px&quot;,&quot;perPage&quot;:2},&quot;768&quot;:{&quot;gap&quot;:&quot;16px&quot;,&quot;perPage&quot;:1}}}">
4717                        <div class="container mx-auto mb-10 py-0 md:mb-0">
4718                            <div class="splide" data-slider-target="slider">
4719                                <div class="splide__track md:!overflow-visible">
4720                                    <ul class="splide__list">
4721                                        
4722                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
4723                                                
4724    
4725    
4726    
4727    
4728    
4729    
4730    
4731
4732    
4733
4734    
4735        
4736            
4737        
4738    
4739
4740    <article data-filter-target="item" data-filter-category="72">
4741        
4742                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="„Eine Geschichte ging zu Ende“ — Ayhan Artar über die letzte deutsche Steinkohlezeche" href="/journal/beitrag/eine-geschichte-ging-zu-ende-ayhan-artar-ueber-die-letzte-deutschen-steinkohlezeche">
4743                    
4744        <div class="relative aspect-[533/300] w-full overflow-hidden">
4745            
4746                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/6/7/csm_Thumbn
4746ail_Ayhan_Artar_0a95c923f3.webp" width="850" height="478" alt="" />
4747                
4748
4749            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
4750                <div
4751                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
4752                    
4753    
4754    
4755    
4756    
4757
4758    
4759        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4760    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
4761</svg>
4762    
4763
4764
4765                </div>
4766            </div>
4767        </div>
4768
4769        <div class="flex flex-col gap-4">
4770            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">„Eine Geschichte ging zu Ende“ — Ayhan Artar über die letzte deutsche Steinkohlezeche</p>
4771
4772            <div class="flex flex-wrap items-baseline gap-4">
4773                <div class="flex items-center gap-2">
4774                    
4775                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
4776                            17. September 2026
4777                        </p>
4778                    
4779
4780                    
4781                        
4782    
4783    
4784    
4785    
4786
4787    
4788        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4789<circle cx="12" cy="12" r="6"/>
4790</svg>
4791    
4792
4793
4794                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">2 Min.</p>
4795                    
4796                </div>
4797
4798                
4799                
4800                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
4801                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
4802                    </div>
4803                
4804            </div>
4805        </div>
4806    
4807                </a>
4808            
4809    </article>
4810
4811    
4812
4813
4814                                            </li>
4815                                        
4816                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
4817                                                
4818    
4819    
4820    
4821    
4822    
4823    
4824    
4825
4826    
4827
4828    
4829        
4830            
4831        
4832    
4833
4834    <article data-filter-target="item" data-filter-category="103">
4835        
4836                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="Vergleichsgeschichte zweier Gewaltregime: Kurator Stephan Malinowski über die kommende Ausstellung „Umstrittene Verwandtschaft. Koloniale und nationalsozialistische Gewalt”" href="/journal/beitrag/vergleichsgeschichte-zweier-gewaltregime-kurator-stephan-malinowski-ueber-die-kommende-ausstellung-umstrittene-verwandtschaft-koloniale-und-nationalsozialistische-gewalt">
4837                    
4838        <div class="relative aspect-[533/300] w-full overflow-hidden">
4839            
4840                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/b/2/csm_Thumbnail_Malinowski_c33c56a2f9.webp" width="850" height="478" alt="Portrait Stephan Malinowski" />
4841                
4842
4843            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
4844                <div
4845                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
4846                    
4847    
4848    
4849    
4850    
4851
4852    
4853        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4854    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
4855</svg>
4856    
4857
4858
4859                </div>
4860            </div>
4861        </div>
4862
4863        <div class="flex flex-col gap-4">
4864            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Vergleichsgeschichte zweier Gewaltregime: Kurator Stephan Malinowski über die kommende Ausstellung „Umstrittene Verwandtschaft. Koloniale und nationalsozialistische Gewalt”</p>
4865
4866            <div class="flex flex-wrap items-baseline gap-4">
4867                <div class="flex items-center gap-2">
4868                    
4869                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
4870                            17. August 2026
4871                        </p>
4872                    
4873
4874                    
4875                        
4876    
4877    
4878    
4879    
4880
4881    
4882        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4883<circle cx="12" cy="12" r="6"/>
4884</svg>
4885    
4886
4887
4888                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">8 Min.</p>
4889                    
4890                </div>
4891
4892                
4893                
4894                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
4895                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Umstrittene Verwandtschaft</p>
4896                    </div>
4897                
4898            </div>
4899        </div>
4900    
4901                </a>
4902            
4903    </article>
4904
4905    
4906
4907
4908                                            </li>
4909                                        
4910                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
4911                                                
4912    
4913    
4914    
4915    
4916    
4917    
4918    
4919
4920    
4921
4922    
4923        
4924            
4925        
4926    
4927
4928    <article data-filter-target="item" data-filter-category="72">
4929        
4930                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="„Man konnte plötzlich nur noch unter Lebensgefahr dieses Land verlassen“ – Renate Werwigk-Schneider erinnert sich an den Bau der Berliner Mauer" href="/journal/beitrag/man-konnte-ploetzlich-nur-noch-unter-lebensgefahr-dieses-land-verlassen-renate-werwigk-schneider-erinnert-sich-an-den-bau-der-berliner-mauer">
4931                    
4932        <div class="relative aspect-[533/300] w-full overflow-hidden">
4933            
4934                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/0/2/csm_vlcsnap-2026-08-03-13h26m47s977_cb35ebfaa2.webp" width="850" height="543" alt="Eine Frau im Rollstuhl sitzt in einer Halle vor Teilen der Berliner Mauer" />
4935                
4936
4937            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
4938                <div
4939                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
4940                    
4941    
4942    
4943    
4944    
4945
4946    
4947        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4948    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
4949</svg>
4950    
4951
4952
4953                </div>
4954            </div>
4955        </div>
4956
4957        <div class="flex flex-col gap-4">
4958            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">„Man konnte plötzlich nur noch unter Lebensgefahr dieses Land verlassen“ – Renate Werwigk-Schneider erinnert sich an den Bau der Berliner Mauer</p>
4959
4960            <div class="flex flex-wrap items-baseline gap-4">
4961                <div class="flex items-center gap-2">
4962                    
4963                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
4964                            12. August 2026
4965                        </p>
4966                    
4967
4968                    
4969                        
4970    
4971    
4972    
4973    
4974
4975    
4976        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
4977<circle cx="12" cy="12" r="6"/>
4978</svg>
4979    
4980
4981
4982                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">7 Min.</p>
4983                    
4984                </div>
4985
4986                
4987                
4988                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
4989                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
4990                    </div>
4991                
4992            </div>
4993        </div>
4994    
4995                </a>
4996            
4997    </article>
4998
4999    
5000
5001
5002                                            </li>
5003                                        
5004                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5005                                                
5006    
5007    
5008    
5009    
5010    
5011    
5012    
5013
5014    
5015
5016    
5017        
5018            
5019        
5020    
5021
5022    <article data-filter-target="item" data-filter-category="53">
5023        
5024                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="Einblicke: Wie die neue Ständige Ausstellung entsteht" href="/journal/beitrag/einblicke-wie-die-neue-staendige-ausstellung-entsteht">
5025                    
5026        <div class="relative aspect-[533/300] w-full overflow-hidden">
5027            
5028                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/6/7/csm_Film2-Thumbnail-plain2_b97ce80116.webp" width="850" height="478" alt="" />
5029                
5030
5031            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5032                <div
5033                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
5034                    
5035    
5036    
5037    
5038    
5039
5040    
5041        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5042    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
5043</svg>
5044    
5045
5046
5047                </div>
5048            </div>
5049        </div>
5050
5051        <div class="flex flex-col gap-4">
5052            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Einblicke: Wie die neue Ständige Ausstellung entsteht</p>
5053
5054            <div class="flex flex-wrap items-baseline gap-4">
5055                <div class="flex items-center gap-2">
5056                    
5057                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5058                            11. Juni 2026
5059                        </p>
5060                    
5061
5062                    
5063                        
5064    
5065    
5066    
5067    
5068
5069    
5070        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5071<circle cx="12" cy="12" r="6"/>
5072</svg>
5073    
5074
5075
5076                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">6 Min.</p>
5077                    
5078                </div>
5079
5080                
5081                
5082                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5083                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Neue Ständige Ausstellung</p>
5084                    </div>
5085                
5086            </div>
5087        </div>
5088    
5089                </a>
5090            
5091    </article>
5092
5093    
5094
5095
5096                                            </li>
5097                                        
5098                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5099                                                
5100    
5101    
5102    
5103    
5104    
5105    
5106    
5107
5108    
5109
5110    
5111        
5112            
5113        
5114    
5115
5116    <article data-filter-target="item" data-filter-category="53">
5117        
5118                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="Nachdenken über eine neue Ständige Ausstellung – Julia Voss im Gespräch mit Raphael Gross" href="/journal/beitrag/nachdenken-ueber-eine-neue-staendige-ausstellung-julia-voss-im-gespraech-mit-raphael-gross">
5119                    
5120        <div class="relative aspect-[533/300] w-full overflow-hidden">
5121            
5122                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/b/b/csm_vlcsnap-2026-05-20-13h32m16s
5122701_f16da76fe6.webp" width="850" height="478" alt="" />
5123                
5124
5125            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5126                <div
5127                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
5128                    
5129    
5130    
5131    
5132    
5133
5134    
5135        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5136    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
5137</svg>
5138    
5139
5140
5141                </div>
5142            </div>
5143        </div>
5144
5145        <div class="flex flex-col gap-4">
5146            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Nachdenken über eine neue Ständige Ausstellung – Julia Voss im Gespräch mit Raphael Gross</p>
5147
5148            <div class="flex flex-wrap items-baseline gap-4">
5149                <div class="flex items-center gap-2">
5150                    
5151                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5152                            26. Mai 2026
5153                        </p>
5154                    
5155
5156                    
5157                        
5158    
5159    
5160    
5161    
5162
5163    
5164        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5165<circle cx="12" cy="12" r="6"/>
5166</svg>
5167    
5168
5169
5170                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">15 Min.</p>
5171                    
5172                </div>
5173
5174                
5175                
5176                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5177                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Neue Ständige Ausstellung</p>
5178                    </div>
5179                
5180            </div>
5181        </div>
5182    
5183                </a>
5184            
5185    </article>
5186
5187    
5188
5189
5190                                            </li>
5191                                        
5192                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5193                                                
5194    
5195    
5196    
5197    
5198    
5199    
5200    
5201
5202    
5203
5204    
5205        
5206            
5207        
5208    
5209
5210    <article data-filter-target="item" data-filter-category="72">
5211        
5212                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="Objekte. Geschichte. Geschichten. Blick in die Sammlung" href="/journal/beitrag/objekte-geschichte-geschichten-blick-in-die-sammlung">
5213                    
5214        <div class="relative aspect-[533/300] w-full overflow-hidden">
5215            
5216                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/4/c/csm_Thumbnail2_Clean_9841696091.webp" width="850" height="478" alt="" />
5217                
5218
5219            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5220                <div
5221                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
5222                    
5223    
5224    
5225    
5226    
5227
5228    
5229        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5230    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
5231</svg>
5232    
5233
5234
5235                </div>
5236            </div>
5237        </div>
5238
5239        <div class="flex flex-col gap-4">
5240            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Objekte. Geschichte. Geschichten. Blick in die Sammlung</p>
5241
5242            <div class="flex flex-wrap items-baseline gap-4">
5243                <div class="flex items-center gap-2">
5244                    
5245                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5246                            26. Mai 2026
5247                        </p>
5248                    
5249
5250                    
5251                        
5252    
5253    
5254    
5255    
5256
5257    
5258        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5259<circle cx="12" cy="12" r="6"/>
5260</svg>
5261    
5262
5263
5264                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">4 Min.</p>
5265                    
5266                </div>
5267
5268                
5269                
5270                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5271                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
5272                    </div>
5273                
5274            </div>
5275        </div>
5276    
5277                </a>
5278            
5279    </article>
5280
5281    
5282
5283
5284                                            </li>
5285                                        
5286                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5287                                                
5288    
5289    
5290    
5291    
5292    
5293    
5294    
5295
5296    
5297
5298    
5299        
5300            
5301        
5302    
5303        
5304            
5305        
5306    
5307        
5308            
5309        
5310    
5311
5312    <article data-filter-target="item" data-filter-category="47,64,28">
5313        
5314                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="Finissage: Blick zurück auf „Roads not Taken. Oder: Es hätte auch anders kommen können“" href="/journal/beitrag/finissage-blick-zurueck-auf-roads-not-taken-oder-es-haette-auch-anders-kommen-koennen">
5315                    
5316        <div class="relative aspect-[533/300] w-full overflow-hidden">
5317            
5318                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/2/0/csm_Folie_Finissage_RNT_0b3feea8a4.webp" width="850" height="478" alt="" />
5319                
5320
5321            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5322                <div
5323                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
5324                    
5325    
5326    
5327    
5328    
5329
5330    
5331        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5332    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
5333</svg>
5334    
5335
5336
5337                </div>
5338            </div>
5339        </div>
5340
5341        <div class="flex flex-col gap-4">
5342            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Finissage: Blick zurück auf „Roads not Taken. Oder: Es hätte auch anders kommen können“</p>
5343
5344            <div class="flex flex-wrap items-baseline gap-4">
5345                <div class="flex items-center gap-2">
5346                    
5347                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5348                            25. Mai 2026
5349                        </p>
5350                    
5351
5352                    
5353                        
5354    
5355    
5356    
5357    
5358
5359    
5360        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5361<circle cx="12" cy="12" r="6"/>
5362</svg>
5363    
5364
5365
5366                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">85 Min.</p>
5367                    
5368                </div>
5369
5370                
5371                
5372                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5373                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Behind the Scenes</p>
5374                    </div>
5375                
5376            </div>
5377        </div>
5378    
5379                </a>
5380            
5381    </article>
5382
5383    
5384
5385
5386                                            </li>
5387                                        
5388                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5389                                                
5390    
5391    
5392    
5393    
5394    
5395    
5396    
5397
5398    
5399
5400    
5401        
5402            
5403        
5404    
5405
5406    <article data-filter-target="item" data-filter-category="72">
5407        
5408                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="DHM-Präsident Raphael Gross über die Ausstellung „Objekte. Geschichte. Geschichten. Blick in die Sammlung”" href="/journal/beitrag/dhm-praesident-raphael-gross-ueber-die-ausstellung-objekte-geschichte-geschichten-blick-in-die-sammlung-1">
5409                    
5410        <div class="relative aspect-[533/300] w-full overflow-hidden">
5411            
5412                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/c/8/csm_OGG_Thumbn
5412ail_Gross_clean_59498a7f78.webp" width="850" height="478" alt="" />
5413                
5414
5415            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5416                <div
5417                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
5418                    
5419    
5420    
5421    
5422    
5423
5424    
5425        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5426    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
5427</svg>
5428    
5429
5430
5431                </div>
5432            </div>
5433        </div>
5434
5435        <div class="flex flex-col gap-4">
5436            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">DHM-Präsident Raphael Gross über die Ausstellung „Objekte. Geschichte. Geschichten. Blick in die Sammlung”</p>
5437
5438            <div class="flex flex-wrap items-baseline gap-4">
5439                <div class="flex items-center gap-2">
5440                    
5441                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5442                            8. Mai 2026
5443                        </p>
5444                    
5445
5446                    
5447                        
5448    
5449    
5450    
5451    
5452
5453    
5454        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5455<circle cx="12" cy="12" r="6"/>
5456</svg>
5457    
5458
5459
5460                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">3 Min.</p>
5461                    
5462                </div>
5463
5464                
5465                
5466                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5467                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
5468                    </div>
5469                
5470            </div>
5471        </div>
5472    
5473                </a>
5474            
5475    </article>
5476
5477    
5478
5479
5480                                            </li>
5481                                        
5482                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5483                                                
5484    
5485    
5486    
5487    
5488    
5489    
5490    
5491
5492    
5493
5494    
5495        
5496            
5497        
5498    
5499
5500    <article data-filter-target="item" data-filter-category="72">
5501        
5502                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="Kurator Wolfgang Cortjaens über die Ausstellung „Objekte. Geschichte. Geschichten. Blick in die Sammlung”" href="/journal/beitrag/kurator-wolfgang-cortjaens-ueber-die-ausstellung-objekte-geschichte-geschichten-blick-in-die-sammlung">
5503                    
5504        <div class="relative aspect-[533/300] w-full overflow-hidden">
5505            
5506                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/a/7/csm_OGG_Thumbnail_Cortjaens_clean_7d71263d1d.webp" width="850" height="478" alt="" />
5507                
5508
5509            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5510                <div
5511                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
5512                    
5513    
5514    
5515    
5516    
5517
5518    
5519        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5520    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
5521</svg>
5522    
5523
5524
5525                </div>
5526            </div>
5527        </div>
5528
5529        <div class="flex flex-col gap-4">
5530            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Kurator Wolfgang Cortjaens über die Ausstellung „Objekte. Geschichte. Geschichten. Blick in die Sammlung”</p>
5531
5532            <div class="flex flex-wrap items-baseline gap-4">
5533                <div class="flex items-center gap-2">
5534                    
5535                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5536                            8. Mai 2026
5537                        </p>
5538                    
5539
5540                    
5541                        
5542    
5543    
5544    
5545    
5546
5547    
5548        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5549<circle cx="12" cy="12" r="6"/>
5550</svg>
5551    
5552
5553
5554                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">4 Min.</p>
5555                    
5556                </div>
5557
5558                
5559                
5560                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5561                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
5562                    </div>
5563                
5564            </div>
5565        </div>
5566    
5567                </a>
5568            
5569    </article>
5570
5571    
5572
5573
5574                                            </li>
5575                                        
5576                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5577                                                
5578    
5579    
5580    
5581    
5582    
5583    
5584    
5585
5586    
5587
5588    
5589        
5590            
5591        
5592    
5593
5594    <article data-filter-target="item" data-filter-category="72">
5595        
5596                <a itemprop="url" data-turbo-frame="detailPageOverlay" data-turbo="true" data-action="click-&gt;overlay-trigger#open" class="group flex flex-col gap-6 ring-0 outline-0" title="Projektleiterin Dorlis Blume über die Ausstellung „Objekte. Geschichte. Geschichten. Blick in die Sammlung” " href="/journal/beitrag/projektleiterin-dolis-blume-ueber-die-ausstellung-objekte-geschichte-geschichten-blick-in-die-sammlung">
5597                    
5598        <div class="relative aspect-[533/300] w-full overflow-hidden">
5599            
5600                    <img loading="lazy" class="absolute inset-0 size-full object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/b/c/csm_OGG_Thumbn
5600ail_Blume_clean_2637b818a4.webp" width="850" height="478" alt="" />
5601                
5602
5603            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5604                <div
5605                    class="group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 items-center justify-center rounded-full bg-yellow-100 transition-all duration-200 ease-in">
5606                    
5607    
5608    
5609    
5610    
5611
5612    
5613        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" version="1.1" xml:space="preserve" class="size-5 group-hover:text-yellow-100 group-focus:text-yellow-100 icon icon--play-empty shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5614    <path d="M3.282,21.504L3.282,2.496C3.282,1.447 4.443,0.814 5.325,1.381L20.109,10.885C20.921,11.407 20.921,12.593 20.109,13.115L5.325,22.619C4.443,23.186 3.282,22.553 3.282,21.504Z" style="fill:none;fill-rule:nonzero;stroke:currentColor;stroke-width:1.99px;"/>
5615</svg>
5616    
5617
5618
5619                </div>
5620            </div>
5621        </div>
5622
5623        <div class="flex flex-col gap-4">
5624            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Projektleiterin Dorlis Blume über die Ausstellung „Objekte. Geschichte. Geschichten. Blick in die Sammlung” </p>
5625
5626            <div class="flex flex-wrap items-baseline gap-4">
5627                <div class="flex items-center gap-2">
5628                    
5629                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5630                            8. Mai 2026
5631                        </p>
5632                    
5633
5634                    
5635                        
5636    
5637    
5638    
5639    
5640
5641    
5642        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="inline size-2 fill-yellow-100 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5643<circle cx="12" cy="12" r="6"/>
5644</svg>
5645    
5646
5647
5648                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">7 Min.</p>
5649                    
5650                </div>
5651
5652                
5653                
5654                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5655                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
5656                    </div>
5657                
5658            </div>
5659        </div>
5660    
5661                </a>
5662            
5663    </article>
5664
5665    
5666
5667
5668                                            </li>
5669                                        
5670                                    </ul>
5671                                </div>
5672                            </div>
5673                        </div>
5674
5675                        <div class="container mx-auto hidden justify-end pt-10 pb-16 md:flex">
5676                            <div class="flex gap-2">
5677                                <button
5678                                    class="group focus-visible:outline-neon-blue-300 disabled:border-disabled -rotate-45 cursor-pointer rounded-full border-[1.5px] border-yellow-100 p-3 outline-[3px] transition-transform duration-200 ease-in hover:rotate-0 focus-visible:rotate-0 focus-visible:border-transparent disabled:cursor-not-allowed disabled:hover:-rotate-45"
5679                                    aria-label="Vorheriges Element"
5680                                    data-slider-target="prevBtn">
5681                                    
5682    
5683    
5684    
5685    
5686
5687    
5688        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="group-disabled:stroke-disabled size-6 stroke-yellow-100 icon icon--arrow-left shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5689<path d="M21 12H3M3 12L10 5M3 12L10 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5690</svg>
5691    
5692
5693
5694                                </button>
5695                                <button
5696                                    class="group focus-visible:outline-neon-blue-300 disabled:border-disabled -rotate-45 cursor-pointer rounded-full border-[1.5px] border-yellow-100 p-3 outline-[3px] transition-transform duration-200 ease-in hover:rotate-0 focus-visible:rotate-0 focus-visible:border-transparent disabled:cursor-not-allowed disabled:hover:-rotate-45"
5697                                    aria-label="Nächstes Element"
5698                                    data-slider-target="nextBtn">
5699                                    
5700    
5701    
5702    
5703    
5704
5705    
5706        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="group-disabled:stroke-disabled size-6 stroke-yellow-100 icon icon--arrow-right shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5707<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5708</svg>
5709    
5710
5711
5712                                </button>
5713                            </div>
5714                        </div>
5715                    </div>
5716                </div>
5717            
5718
5719        
5720    </div>
5721
5722
5723    
5724                
5725                    
5726
5727
5728
5729                
5730                
5731                    
5732
5733
5734
5735                
5736            </div>
5737        
5738
5739
5740    
5741            <div
5742                id="c2421"
5743                class="frame frame- frame-type-xima_teaseraudiohome frame-layout-">
5744                
5745                
5746                    
5747
5748
5749
5750                
5751                
5752                    
5753
5754    
5755        <header>
5756            
5757
5758    
5759            
5760        
5761
5762
5763
5764            
5765
5766
5767
5768            
5769
5770
5771
5772        </header>
5773    
5774
5775
5776
5777                
5778                
5779        
5780    
5781
5782    <div class="bg-dark-blue-500 py-12 lg:py-30">
5783        <div class="container mx-auto py-0">
5784            <h2 class="h2 mb-10 text-yellow-100 md:mb-20">
5785                Hören
5786            </h2>
5787
5788            <div class="flex flex-col gap-4 md:grid md:grid-cols-2 lg:gap-6" data-controller="parallax" data-parallax-offset-y-value="25">
5789                
5790                    <div data-parallax-target="item">
5791                        
5792    
5793    
5794    
5795    
5796    
5797
5798    
5799
5800    
5801        
5802            
5803        
5804    
5805
5806    <article data-filter-target="item" data-filter-category="72" class="h-full">
5807        
5808                <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="group bg-yellow-100 flex h-full flex-col justify-between gap-4 overflow-clip p-4" title="„Objekt im Blick“: Das „Lied der Deutschen“" href="/journal/beitrag/objekt-im-blick-das-lied-der-deutschen">
5809                    
5810        <div class="flex w-full items-start justify-end overflow-clip">
5811            
5812                    <img class="size-[220px] object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/0/8/csm_DSC_2176_bea_909b31d59e.webp" width="440" height="440" alt="" />
5813                
5814        </div>
5815
5816        <div class="flex w-full items-end gap-6">
5817            <div class="flex flex-1 flex-col gap-4">
5818                <p class="text-dark-blue-500 text-2xl leading-tight tracking-tight">„Objekt im Blick“: Das „Lied der Deutschen“</p>
5819
5820                <div class="flex flex-col gap-4">
5821                    <div class="text-dark-blue-500 flex flex-wrap items-center gap-2 text-xs leading-none">
5822                        
5823                            <span class="whitespace-nowrap">
5824                                7. September 2026
5825                            </span>
5826                        
5827
5828                        
5829                            
5830    
5831    
5832    
5833    
5834
5835    
5836        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5837<circle cx="12" cy="12" r="6"/>
5838</svg>
5839    
5840
5841
5842                            <span class="whitespace-nowrap">92 Min.</span>
5843                        
5844
5845                        
5846                            
5847                                
5848    
5849    
5850    
5851    
5852
5853    
5854        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5855<circle cx="12" cy="12" r="6"/>
5856</svg>
5857    
5858
5859
5860                            
5861                            <span class="flex-1 truncate">
5862                                
5863                                    Redaktion
5864                                
5865                            </span>
5866                        
5867                    </div>
5868
5869                    
5870                    
5871                        <div class="bg-dark-blue-500/8 flex w-fit items-center justify-center rounded-full px-2 py-1.5">
5872                            <p class="text-dark-blue-500 text-xs leading-none font-medium">Objekte. Geschichte. Geschichten.</p>
5873                        </div>
5874                    
5875                </div>
5876            </div>
5877
5878            <div
5879                class="border-dark-blue-500 group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 shrink-0 items-center justify-center rounded-full border transition-all duration-200 ease-in">
5880                
5881    
5882    
5883    
5884    
5885
5886    
5887        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#040326" class="stroke-dark-blue-500 size-6 group-hover:stroke-yellow-100 group-focus:stroke-yellow-100 icon icon--podcast shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5888<path d="M4 13V18.2C4 18.6418 4.35818 19 4.8 19H7.77142C8.21326 19 8.57143 18.6418 8.57143 18.2V13.8C8.57143 13.3582 8.21326 13 7.77143 13H4ZM4 13V11C4 6.58172 7.58172 3 12 3C16.4182 3 20 6.58172 20 11V13M20 13V18.2C20 18.6418 19.6418 19 19.2 19H16.2286C15.7867 19 15.4286 18.6418 15.4286 18.2V13.8C15.4286 13.3582 15.7867 13 16.2286 13H20Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5889</svg>
5890    
5891
5892
5893            </div>
5894        </div>
5895    
5896                </a>
5897            
5898    </article>
5899
5900    
5901
5902
5903                    </div>
5904                
5905                    <div data-parallax-target="item">
5906                        
5907    
5908    
5909    
5910    
5911    
5912
5913    
5914
5915    
5916        
5917            
5918        
5919    
5920
5921    <article data-filter-target="item" data-filter-category="72" class="h-full">
5922        
5923                <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="group bg-yellow-100 flex h-full flex-col justify-between gap-4 overflow-clip p-4" title="„Objekt im Blick“: Der Morgenrock der Königin Luise von Preußen" href="/journal/beitrag/objekt-im-blick-der-morgenrock-der-koenigin-luise-von-preussen">
5924                    
5925        <div class="flex w-full items-start justify-end overflow-clip">
5926            
5927                    <img class="size-[220px] object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/3/7/csm_IMG_0181_1f83022a83.webp" width="440" height="440" alt="" />
5928                
5929        </div>
5930
5931        <div class="flex w-full items-end gap-6">
5932            <div class="flex flex-1 flex-col gap-4">
5933                <p class="text-dark-blue-500 text-2xl leading-tight tracking-tight">„Objekt im Blick“: Der Morgenrock der Königin Luise von Preußen</p>
5934
5935                <div class="flex flex-col gap-4">
5936                    <div class="text-dark-blue-500 flex flex-wrap items-center gap-2 text-xs leading-none">
5937                        
5938                            <span class="whitespace-nowrap">
5939                                11. August 2026
5940                            </span>
5941                        
5942
5943                        
5944                            
5945    
5946    
5947    
5948    
5949
5950    
5951        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5952<circle cx="12" cy="12" r="6"/>
5953</svg>
5954    
5955
5956
5957                            <span class="whitespace-nowrap">87 Min.</span>
5958                        
5959
5960                        
5961                            
5962                                
5963    
5964    
5965    
5966    
5967
5968    
5969        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
5970<circle cx="12" cy="12" r="6"/>
5971</svg>
5972    
5973
5974
5975                            
5976                            <span class="flex-1 truncate">
5977                                
5978                                    Redaktion
5979                                
5980                            </span>
5981                        
5982                    </div>
5983
5984                    
5985                    
5986                        <div class="bg-dark-blue-500/8 flex w-fit items-center justify-center rounded-full px-2 py-1.5">
5987                            <p class="text-dark-blue-500 text-xs leading-none font-medium">Objekte. Geschichte. Geschichten.</p>
5988                        </div>
5989                    
5990                </div>
5991            </div>
5992
5993            <div
5994                class="border-dark-blue-500 group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 shrink-0 items-center justify-center rounded-full border transition-all duration-200 ease-in">
5995                
5996    
5997    
5998    
5999    
6000
6001    
6002        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#040326" class="stroke-dark-blue-500 size-6 group-hover:stroke-yellow-100 group-focus:stroke-yellow-100 icon icon--podcast shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
6003<path d="M4 13V18.2C4 18.6418 4.35818 19 4.8 19H7.77142C8.21326 19 8.57143 18.6418 8.57143 18.2V13.8C8.57143 13.3582 8.21326 13 7.77143 13H4ZM4 13V11C4 6.58172 7.58172 3 12 3C16.4182 3 20 6.58172 20 11V13M20 13V18.2C20 18.6418 19.6418 19 19.2 19H16.2286C15.7867 19 15.4286 18.6418 15.4286 18.2V13.8C15.4286 13.3582 15.7867 13 16.2286 13H20Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6004</svg>
6005    
6006
6007
6008            </div>
6009        </div>
6010    
6011                </a>
6012            
6013    </article>
6014
6015    
6016
6017
6018                    </div>
6019                
6020                    <div data-parallax-target="item">
6021                        
6022    
6023    
6024    
6025    
6026    
6027
6028    
6029
6030    
6031        
6032            
6033        
6034    
6035
6036    <article data-filter-target="item" data-filter-category="72" class="h-full">
6037        
6038                <a itemprop="url" data-action="click-&gt;overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="group bg-yellow-100 flex h-full flex-col justify-between gap-4 overflow-clip p-4" title="„Objekt im Blick“: Ein osmanischer Helm und seine Geschichte" href="/journal/beitrag/objekt-im-blick-der-osmanische-turbanhelm">
6039                    
6040        <div class="flex w-full items-start justify-end overflow-clip">
6041            
6042                    <img class="size-[220px] object-cover transition-all duration-200 ease-in group-hover:brightness-75 group-focus:brightness-75" src="/journal/fileadmin/_processed_/3/b/csm_DSC07586_453ebb761d.webp" width="440" height="440" alt="Eine Person sitzt mit einem Mikrofon auf einem Podest vor einer großformatigen Abbildung eines osmanischen Turbanhelms und spricht darüber." />
6043                
6044        </div>
6045
6046        <div class="flex w-full items-end gap-6">
6047            <div class="flex flex-1 flex-col gap-4">
6048                <p class="text-dark-blue-500 text-2xl leading-tight tracking-tight">„Objekt im Blick“: Ein osmanischer Helm und seine Geschichte</p>
6049
6050                <div class="flex flex-col gap-4">
6051                    <div class="text-dark-blue-500 flex flex-wrap items-center gap-2 text-xs leading-none">
6052                        
6053                            <span class="whitespace-nowrap">
6054                                16. Juli 2026
6055                            </span>
6056                        
6057
6058                        
6059                            
6060    
6061    
6062    
6063    
6064
6065    
6066        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
6067<circle cx="12" cy="12" r="6"/>
6068</svg>
6069    
6070
6071
6072                            <span class="whitespace-nowrap">84 Min.</span>
6073                        
6074
6075                        
6076                            
6077                                
6078    
6079    
6080    
6081    
6082
6083    
6084        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-dark-blue-500 inline size-2 icon icon--radio-dot shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
6085<circle cx="12" cy="12" r="6"/>
6086</svg>
6087    
6088
6089
6090                            
6091                            <span class="flex-1 truncate">
6092                                
6093                                    Redaktion
6094                                
6095                            </span>
6096                        
6097                    </div>
6098
6099                    
6100                    
6101                        <div class="bg-dark-blue-500/8 flex w-fit items-center justify-center rounded-full px-2 py-1.5">
6102                            <p class="text-dark-blue-500 text-xs leading-none font-medium">Objekte. Geschichte. Geschichten.</p>
6103                        </div>
6104                    
6105                </div>
6106            </div>
6107
6108            <div
6109                class="border-dark-blue-500 group-hover:bg-dark-blue-500 group-focus:bg-dark-blue-500 relative flex size-12 shrink-0 items-center justify-center rounded-full border transition-all duration-200 ease-in">
6110                
6111    
6112    
6113    
6114    
6115
6116    
6117        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#040326" class="stroke-dark-blue-500 size-6 group-hover:stroke-yellow-100 group-focus:stroke-yellow-100 icon icon--podcast shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
6118<path d="M4 13V18.2C4 18.6418 4.35818 19 4.8 19H7.77142C8.21326 19 8.57143 18.6418 8.57143 18.2V13.8C8.57143 13.3582 8.21326 13 7.77143 13H4ZM4 13V11C4 6.58172 7.58172 3 12 3C16.4182 3 20 6.58172 20 11V13M20 13V18.2C20 18.6418 19.6418 19 19.2 19H16.2286C15.7867 19 15.4286 18.6418 15.4286 18.2V13.8C15.4286 13.3582 15.7867 13 16.2286 13H20Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6119</svg>
6120    
6121
6122
6123            </div>
6124        </div>
6125    
6126                </a>
6127            
6128    </article>
6129
6130    
6131
6132
6133                    </div>
6134                
6135            </div>
6136        </div>
6137
6138        
6139    </div>
6140
6141
6142    
6143                
6144                    
6145
6146
6147
6148                
6149                
6150                    
6151
6152
6153
6154                
6155            </div>
6156        
6157
6158
6159            </div>
6160        </div>
6161    
6162    </main>
6163
6164    
6165    <footer id="page-footer" class="bg-dark-blue-500 border-t-1 border-yellow-500/30 text-yellow-100 md:px-8 xl:px-16">
6166        <div class="flex py-10 md:py-12 xl:py-14">
6167            <div class="flex w-full flex-col gap-16 px-4 md:grid md:grid-cols-2 md:px-0 xl:grid-cols-4 xl:gap-0">
6168                <div class="flex w-[148px] items-start xl:w-[198px]">
6169                    <svg aria-hidden="true" width="203" height="36" viewBox="0 0 203 36" fill="none" xmlns="http://www.w3.org/2000/svg">
6170                        <g clip-path="url(#clip0_3293_22100)">
6171                            <path
6172                                d="M196.746 1.365H202.951V29.4263H196.746V1.365ZM183.486 25.2867C184.653 25.2867 185.594 24.9816 186.309 24.3712C187.051 23.7345 187.423 22.9649 187.423 22.0627V19.8736C187.158 20.1388 186.482 20.3776 185.395 20.5899L182.888 21.0675C181.458 21.3861 180.741 22.1024 180.741 23.217C180.741 23.8539 180.993 24.358 181.498 24.7295C182.001 25.101 182.663 25.2867 183.486 25.2867ZM181.816 30.0234C179.615 30.0234 177.838 29.4396 176.486 28.272C175.134 27.1045 174.458 25.5654 174.458 23.6548C174.458 21.8769 175.027 20.4441 176.168 19.356C177.309 18.2415 178.925 17.5119 181.019 17.1669L185.713 16.4106C186.852 16.1983 187.423 15.6808 187.423 14.8584C187.423 14.2746 187.184 13.8235 186.707 13.505C186.256 13.1866 185.607 13.0273 184.758 13.0273C183.804 13.0273 183.021 13.2264 182.412 13.6244C181.802 14.0225 181.444 14.6328 181.339 15.4554H175.055C175.16 14.049 175.637 12.8151 176.486 11.7536C177.361 10.6658 178.502 9.82988 179.906 9.2461C181.339 8.63575 182.929 8.3305 184.679 8.3305C187.542 8.3305 189.743 8.95414 191.28 10.2013C192.846 11.422 193.627 13.0937 193.627 15.2166V23.4957C193.627 24.1856 193.944 24.5305 194.582 24.5305C194.874 24.5039 195.151 24.4907 195.417 24.4907V29.1875C194.409 29.612 193.242 29.8244 191.916 29.8244C190.962 29.8244 190.154 29.6651 189.492 29.3467C188.828 29.0282 188.284 28.5108 187.86 27.7944C186.164 29.2803 184.148 30.0234 181.816 30.0234ZM153.756 8.92757H159.642V11.1566C160.225 10.2544 161.046 9.56449 162.107 9.08683C163.195 8.58261 164.4 8.3305 165.726 8.3305C167.901 8.3305 169.65 8.99399 170.976 10.3207C172.328 11.6475 173.004 13.6244 173.004 16.2513V29.4263H166.801V17.7241C166.801 16.5566 166.521 15.6544 165.966 15.0175C165.408 14.3541 164.6 14.0225 163.539 14.0225C162.425 14.0225 161.551 14.3807 160.914 15.0972C160.278 15.7869 159.96 16.7422 159.96 17.9629V29.4263H153.756V8.92757ZM140.231 8.92757H146.11
61727V11.9527C146.515 10.8647 147.178 10.0289 148.106 9.44507C149.034 8.83472 150.134 8.52962 151.407 8.52962H152.321V14.739H151.526C149.909 14.739 148.649 15.1767 147.748 16.0523C146.873 16.9015 146.435 18.1353 146.435 19.7541V29.4263H140.231V8.92757ZM126.209 30.0234C124.088 30.0234 122.338 29.36 120.959 28.0332C119.607 26.6798 118.931 24.7029 118.931 22.1024V8.92757H125.135V20.6696C125.135 21.8106 125.387 22.7127 125.891 23.3762C126.421 24.013 127.19 24.3314 128.197 24.3314C129.258 24.3314 130.093 23.9864 130.703 23.2965C131.312 22.6066 131.617 21.6513 131.617 20.4308V8.92757H137.821V29.4263H131.936V27.1973C131.352 28.0995 130.57 28.8027 129.589 29.3069C128.608 29.7845 127.481 30.0234 126.209 30.0234ZM106.572 24.4907C108.004 24.4907 109.158 24.0263 110.032 23.0976C110.934 22.1423 111.385 20.8287 111.385 19.1571C111.385 17.4853 110.934 16.185 110.032 15.2563C109.158 14.3276 108.004 13.8632 106.572 13.8632C105.167 13.8632 104.014 14.3276 103.112 15.2563C102.238 16.185 101.8 17.4853 101.8 19.1571C101.8 20.8553 102.238 22.1688 103.112 23.0976C104.014 24.0263 105.167 24.4907 106.572 24.4907ZM106.572 30.0234C104.372 30.0234 102.436 29.559 100.766 28.6303C99.0958 27.7015 97.7966 26.4146 96.8687 24.7693C95.9671 23.1241 95.5164 21.2534 95.5164 19.1571C95.5164 17.0608 95.9671 15.2033 96.8687 13.5847C97.7966 11.9395 99.0958 10.6525 100.766 9.72376C102.436 8.79487 104.372 8.3305 106.572 8.3305C108.773 8.3305 110.709 8.79487 112.379 9.72376C114.076 10.6525 115.375 11.9395 116.276 13.5847C117.204 15.2299 117.668 17.0872 117.668 19.1571C117.668 21.2534 117.204 23.1241 116.276 24.7693C115.375 26.4146 114.089 27.7015 112.419 28.6303C110.748 29.559 108.8 30.0234 106.572 30.0234ZM91.207 7.17623C90.173 7.17623 89.3245 6.84456 88.6616 6.18122C87.9988 5.49131 87.6675 4.62885 87.6675 3.59399C87.6675 2.55913 87.9988 1.70995 88.6616 1.04661C89.3511 0.356705 90.1994 0.0115967 91.207 0.0115967C92.241 0.0115967 93.1027 0.356705 93.792 1.04661C94.4814 1.73652 94.826 2.58554 94.826 3.59399C94.826 4.62885 94.4814 5.49131 93.792 6.18122C93.1027 6.84456 92.241 7.17623 91.207 7.17623ZM85.7188 35.9939V30.7398H86.2755C87.5216 30.7398 88.1447 30.1561 88.1447 28.9885V8.92757H94.3488V29.4662C94.3488 31.7216 93.7522 33.3668 92.5591 34.4018C91.3925 35.4631 89.8018 35.9939 87.7868 35.9939H85.7188ZM11.7809 14.4919C10.7226 14.4919 9.76383 14.8669 9.08099 15.5475C8.30939 16.3167 7.9016 17.4561 7.9016 18.8422C7.9016 20.2329 8.31063 21.3808 9.08438 22.162C9.77015 22.8542 10.7279 23.2355 11.7809 23.2355C12.8406 23.2355 13.7996 22.8592 14.481 22.1761C15.2543 21.4007 15.6632 20.248 15.6632 18.8422C15.6632 17.441 15.2554 16.2967 14.4841 15.5334C13.8056 14.8618 12.8456 14.4919 11.7809 14.4919ZM11.7809 24.0079C10.5204 24.0079 9.36823 23.5455 8.53629 22.7056C7.61621 21.7771 7.12986 20.441 7.12986 18.8422C7.12986 17.2462 7.61621 15.9176 8.53644 15.0003C9.36483 14.1745 10.517 13.7195 11.7809 13.7195C13.0501 13.7195 14.2031 14.1688 15.0268 14.9843C15.9481 15.8959 16.435 17.2299 16.435 18.8422C16.435 20.4572 15.9481 21.7985 15.0271 22.7219C14.2 23.5511 13.047 24.0079 11.7809 24.0079ZM71.0504 13.7287C72.0464 13.7287 72.8973 14.0697 73.5107 14.7149C74.09 15.3241 74.409 16.1697 74.409 17.0962V28.9599C74.409 29.1006 74.5232 29.2151 74.6637 29.2151H80.4701C80.6105 29.2151 80.7247 29.1006 80.7247 28.9599V9.16222C80.7247 9.02149 80.6105 8.90687 80.4701 8.90687H48.6314C48.4911 8.90687 48.3769 9.02149 48.3769 9.16222V28.9599C48.3769 29.1006 48.4911 29.2151 48.6314 29.2151H54.4398C54.5801 29.2151 54.6943 29.1006 54.6943 28.9599V17.1104C54.6944 14.9874 56.4145 13.7186 58.0773 13.7186C59.1153 13.7186 59.9841 14.0622 60.5898 14.7119C61.1512 15.3144 61.4603 16.166 61.4603 17.1104V28.9599C61.4603 29.1005 61.5747 29.2151 61.715 29.2151H67.4383C67.5786 29.2151 67.6928 29.1006 67.6928 28.9599V17.0962C67.6928 15.208 69.1676 13.7287 71.0504 13.7287ZM80.4701 29.9875H74.6637C74.0977 29.9875 73.6373 29.5266 73.6373 28.9599V17.0962C73.6373 16.3689 73.3937 15.7123 72.9516 15.2473C72.4875 14.7592 71.83 14.5011 71.0504 14.5011C69.5762 14.5011 68.4646 15.6167 68.4646 17.0962V28.9599C68.4646 29.5266 68.0041 29.9875 67.4383 29.9875H61.715C61.1493 29.9875 60.6887 29.5267 60.6886 28.9601V17.1104C60.6886 16.3622 60.4531 15.6977 60.0255 15.2388C59.5694 14.7496 58.8958 14.491 58.0773 14.491C56.4429 14.491 55.4662 15.8228 55.466 17.1104V28.9599C55.466 29.5266 55.0056 29.9875 54.4398 29.9875H48.6314C48.0656 29.9875 47.6052 29.5266 47.6052 28.9599V9.16222C47.6052 8.59559 48.0656 8.13447 48.6314 8.13447H80.4701C81.036 8.13447 81.4964 8.59559 81.4964 9.16222V28.9599C81.4964 29.5266 81.036 29.9875 80.4701 29.9875ZM35.5244 13.7195C36.5621 13.7195 37.4309 14.0631 38.0368 14.713C38.5983 15.3153 38.9074 16.167 38.9074 17.1113V28.9608C38.9074 29.1017 39.0217 29.2162 39.1621 29.2162H44.9684C45.1089 29.2162 45.2231 29.1017 45.2231 28.9608V16.1039L45.2186 15.9856C45.177 13.7147 44.5279 11.7808 43.3417 10.3933C41.9686 8.78683 39.9734 7.97226 37.4123 7.97226C35.6746 7.97226 33.9303 8.47973 32.7461 9.32968L32.1354 9.76809V1.34831C32.1354 1.20758 32.0211 1.09296 31.8808 1.09296H26.0755C25.935 1.09296 25.8208 1.20758 25.8208 1.34831V28.9599C25.8208 29.1006 25.935 29.2151 26.0755 29.2151H31.8869C32.0272 29.2151 32.1414 29.1006 32.1414 28.9599V17.1113C32.1414 14.9883 33.8615 13.7195 35.5244 13.7195ZM44.9684 29.9886H39.1621C38.5961 29.9886 38.1357 29.5275 38.1357 28.9608V17.1113C38.1357 16.3633 37.9002 15.6986 37.4725 15.2399C37.0163 14.7505 36.3428 14.4919 35.5244 14.4919C33.8899 14.4919 32.9131 15.8237 32.9131 17.1113V28.9599C32.9131 29.5266 32.4527 29.9875 31.8869 29.9875H26.0755C25.5095 29.9875 25.049 29.5266 25.049 28.9599V1.34831C25.049 0.78168 25.5095 0.320711 26.0755 0.320557H31.8808C32.4467 0.320557 32.9071 0.78168 32.9071 1.34831V8.31474C34.1651 7.60939 35.7958 7.19986 37.4123 7.19986C40.17 7.19986 42.4232 8.13045 43.9283 9.89121C45.1908 11.3684 45.8996 13.3869 45.984 15.74L45.9904 15.7432L45.9948 15.9808V28.9608C45.9948 29.5275 45.5344 29.9886 44.9684 29.9886ZM10.7828 8.01505C7.96427 8.01505 5.40716 9.10908 3.58198 11.
61720957C1.76961 13.0682 0.771746 15.8046 0.771746 18.8007C0.771746 24.9983 5.16576 29.6718 10.9926 29.6718C12.8252 29.6718 14.5449 29.0959 15.7112 28.0916L16.3487 27.5427V28.9588C16.3487 29.0996 16.4629 29.214 16.6032 29.214H22.4097C22.5501 29.214 22.6643 29.0996 22.6643 28.9588V1.34831C22.6643 1.20758 22.5501 1.09296 22.4097 1.09296H16.6054C16.4651 1.09296 16.3508 1.20758 16.3508 1.34831V9.96444L15.7158 9.42715C14.9544 8.78297 13.481 8.01505 10.7848 8.01505H10.7828ZM10.9926 30.4442C7.96535 30.4442 5.17595 29.2482 3.13854 27.0767C1.11456 24.9193 0 21.9804 0 18.8007C0 15.6104 1.07026 12.6884 3.01382 10.5729C4.98687 8.42535 7.74602 7.24265 10.7828 7.24265H10.7848C13.1109 7.24265 14.6241 7.78936 15.5791 8.37885V1.34831C15.5791 0.78168 16.0395 0.320557 16.6054 0.320557H22.4097C22.9757 0.320557 23.4361 0.78168 23.4361 1.34831V28.9588C23.4361 29.5255 22.9757 29.9864 22.4097 29.9864H16.6032C16.1011 29.9864 15.6822 29.6237 15.5941 29.1462C14.3414 29.9776 12.7074 30.4442 10.9926 30.4442Z"
6173                                fill="white" />
6174                        </g>
6175                        <defs>
6176                            <clipPath id="clip0_3293_22100">
6177                                <rect width="203" height="36" fill="white" />
6178                            </clipPath>
6179                        </defs>
6180                    </svg>
6181                </div>
6182
6183                <div class="flex flex-col gap-10 md:row-start-2 xl:col-start-4 xl:row-start-1">
6184                    <div class="flex flex-col gap-4">
6185                        <span class="h4">
6186                            DHM Journal abonnieren
6187                        </span>
6188                        <span class="text-15 leading-[112%] md:text-base">
6189                            Bleiben Sie auf dem Laufenden! Melden Sie sich an und erfahren Sie sofort, wenn neue Beiträge im DHM Journal erscheinen.
6190                        </span>
6191                    </div>
6192                    <div class="flex w-full justify-end">
6193                        <a class="group btn-light font-medium transition-all duration-300" href="/journal/journal-abonnieren">
6194                            Journal Abonnieren
6195                            
6196    
6197    
6198    
6199    
6200
6201    
6202        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="#040326" class="rotate-0 transition-all duration-300 group-hover:rotate-90 icon icon--plus shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
6203<path d="M12 4V20M4 12H20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6204</svg>
6205    
6206
6207
6208                        </a>
6209                    </div>
6210                </div>
6211                <nav
6212                    aria-label="Fußzeilennavigation"
6213                    class="flex flex-col gap-10 md:row-span-2 xl:col-span-2 xl:col-start-2 xl:row-span-1 xl:grid xl:grid-cols-2 xl:gap-6">
6214                    <div class="flex flex-col gap-2">
6215                        
6216                            <a class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/programm">
6217                                Programm
6218                            </a>
6219                        
6220                            <a class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/perspektiven">
6221                                Perspektiven
6222                            </a>
6223                        
6224                            <a class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/inside-dhm">
6225                                Inside DHM
6226                            </a>
6227                        
6228                            <a class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/neue-staendige-ausstellungen">
6229                                Neue Ständige Ausstellung
6230                            </a>
6231                        
6232                    </div>
6233                    <div class="flex flex-col gap-2">
6234                        
6235                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/suche">
6236                                Suche
6237                            </a>
6238                        
6239                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/kontakt">
6240                                Kontakt
6241                            </a>
6242                        
6243                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="https://www.dhm.de/impressum/">
6244                                Impressum
6245                            </a>
6246                        
6247                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="https://www.dhm.de/datenschutz/">
6248                                Datenschutz
6249                            </a>
6250                        
6251                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="https://www.dhm.de/erklaerung-digitale-barrierefreiheit/">
6252                                Erklärung digitale Barrierefreiheit
6253                            </a>
6254                        
6255                        <button
6256                            type="button"
6257                            data-controller="cookie-settings"
6258                            data-cookie-settings-cookie-hint-outlet="[data-controller~='cookie-hint']"
6259                            data-action="click->cookie-settings#open"
6260                            class="link cursor-pointer text-start text-lg leading-[130%] font-light md:text-xl">
6261                            Cookie-Einstellungen
6262                        </button>
6263                    </div>
6264                </nav>
6265            </div>
6266        </div>
6267        <div
6268            class="flex flex-col gap-16 border-t-[1px] border-yellow-500/30 px-4 py-6 md:flex-row md:items-end md:justify-between md:px-0 md:py-8 lg:items-center xl:py-10">
6269            <div class="flex flex-col gap-12 lg:flex-row lg:items-center xl:gap-20">
6270                <img
6271                    src="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/dhm-logo.svg?1771922133"
6272                    alt="DHM Logo"
6273                    class="h-21 w-26.25" />
6274                <div class="flex items-center gap-[10.75px]">
6275                    <img
6276                        src="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/bkm-logo.png?1762936912"
6277                        alt="BKM Logo"
6278                        class="aspect-auto w-[139px] object-cover lg:w-[105px]" />
6279                    <span class="w-full max-w-[270px] text-xs leading-[1.1] font-light lg:max-w-[200px] lg:text-[9px]">
6280                        Gefördert mit Mitteln des Beauftragten der Bundesregierung für Kultur und Medien
6281                    </span>
6282                </div>
6283            </div>
6284            <div class="flex h-max items-center justify-between md:justify-end md:gap-4">
6285                <a
6286                    href="https://www.dhm.de/"
6287                    target="_blank"
6288                    class="group btn-light text-lg font-medium transition-all duration-300 md:min-w-[232px] md:text-xl">
6289                    Zur DHM-Website
6290                    
6291    
6292    
6293    
6294    
6295
6296    
6297        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rotate-0 stroke-yellow-100 group-hover:rotate-45 icon icon--arrow-topright shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
6298<path d="M7 17.864L17.864 7M17.864 7L7.96449 7M17.864 7L17.864 16.8995" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6299</svg>
6300    
6301
6302
6303                </a>
6304                <button
6305                    data-controller="scroll-to-top"
6306                    data-action="click->scroll-to-top#scrollToTop"
6307                    data-scroll-to-top-show-threshold-value="200"
6308                    data-scroll-to-top-bottom-offset-value="150"
6309                    aria-label="Nach oben scrollen"
6310                    class="btn-light btn-scroll-to-top !bg-dark-blue-500 relative z-100 flex aspect-square !p-3">
6311                    
6312    
6313    
6314    
6315    
6316
6317    
6318        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="size-6 stroke-current icon icon--arrow-up shrink-0 transform-gpu transition-all duration-300" aria-hidden="true">
6319<path d="M12 21L12 3M12 3L19 10M12 3L5 10" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6320</svg>
6321    
6322
6323
6324                </button>
6325            </div>
6326        </div>
6327    </footer>
6328
6329
6330    
6331    <div
6332        popover="manual"
6333        role="dialog"
6334        aria-modal="true"
6335        data-controller="overlay overlay-trigger"
6336        data-action="click->overlay#handleBackdropClick toggle->overlay#handleToggle keydown.esc@window->overlay#close popstate@window->overlay#handlePopstate"
6337        class="overlay-transition fixed inset-0 right-0 left-auto m-0 flex h-full max-h-full w-full items-end border-none bg-transparent p-0 lg:items-stretch lg:justify-end"
6338        aria-label="Übersicht">
6339        <turbo-frame
6340            data-overlay-target="frame"
6341            id="overviewPageOverlay"
6342            class="bg-dark-blue-200 h-[calc(100%-24px)] w-full max-w-[1728px] overflow-y-auto rounded-t-2xl shadow-xl lg:h-full lg:w-[calc(100%-24px)] lg:rounded-none"
6343            data-action="click->
6343overlay#stopPropagation turbo:frame-load->overlay#handleFrameLoad"></turbo-frame>
6344    </div>
6345    <div
6346        popover="manual"
6347        role="dialog"
6348        aria-modal="true"
6349        data-controller="overlay overlay-trigger"
6350        data-action="click->overlay#handleBackdropClick toggle->overlay#handleToggle keydown.esc@window->overlay#close popstate@window->overlay#handlePopstate"
6351        data-overlay-level="2"
6352        class="overlay-transition overlay-stacked fixed inset-0 right-0 left-auto m-0 flex h-full max-h-full w-full items-end border-none bg-transparent p-0 lg:items-stretch lg:justify-end"
6353        aria-label="Detail">
6354        <turbo-frame
6355            data-overlay-target="frame"
6356            id="detailPageOverlay"
6357            class="h-[calc(100%-24px)] w-full max-w-[1728px] overflow-y-auto rounded-t-2xl bg-yellow-50 shadow-xl lg:ml-6 lg:h-full lg:w-[calc(100%-48px)] lg:rounded-none"
6358            data-action="click->overlay#stopPropagation turbo:frame-load->overlay#handleFrameLoad"></turbo-frame>
6359    </div>
6360
6361
6362    
6363    <dialog
6364        data-controller="cookie-hint"
6365        data-action="cancel->cookie-hint#decline"
6366        aria-label="Cookie-Einwilligung"
6367        class="cookie-hint">
6368        <div class="bg-dark-blue-500 border-t border-yellow-500/30 text-yellow-100">
6369            <div
6370                class="mx-auto flex max-w-[1728px] flex-col gap-8 px-4 py-8 md:px-8 md:py-10 xl:flex-row xl:items-start xl:gap-20 xl:px-16 xl:py-12">
6371                <div class="flex flex-col gap-6 xl:max-w-[860px]">
6372                    <p class="text-15 leading-[1.5] font-light opacity-80 md:text-base">
6373                        Auf unserer Website werden neben den technisch unbedingt notwendigen Cookies noch Cookies zur statistischen Auswertung gesetzt.
6374                    </p>
6375
6376                    <div class="flex flex-col gap-4 border-t border-yellow-500/20 pt-6">
6377                        <div class="flex items-center justify-between gap-4">
6378                            <span class="h5">
6379                                Statistik und Analyse
6380                            </span>
6381                            <label class="flex shrink-0 cursor-pointer items-center gap-3">
6382                                <span class="sr-only">
6383                                    Statistik und Analyse
6384                                </span>
6385                                <input
6386                                    type="checkbox"
6387                                    data-cookie-hint-target="toggle"
6388                                    class="cookie-hint__toggle"
6389                                    aria-label="Statistik und Analyse" />
6390                            </label>
6391                        </div>
6392                        <p class="text-13 md:text-15 leading-[1.6] font-light opacity-70">
6393                            Diese Cookies helfen uns, Informationen über die Nutzungsweise und das Besucherverhalten auf unserer Website zu erhalten. Dadurch können wir unser Angebot kontinuierlich verbessern und an Ihre Bedürfnisse anpassen. Sie können die Website auch ohne diese Analyse Cookies nutzen. Durch Klicken auf „Alle auswählen&quot; erklären Sie sich einverstanden, dass wir Cookies zu Analyse-Zwecken setzen. Das Einverständnis in die Verwendung der Cookies können Sie jederzeit widerrufen.
6394                            
6395                                Weitere Informationen zu Cookies auf dieser Website finden Sie in unserer <a href="https://www.dhm.de/datenschutz/" target="_blank" rel="noopener noreferrer" class="underline decoration-yellow-100 hover:decoration-none underline-offset-2 transition-all">Datenschutzerklärung</a> und zu uns im <a href="https://www.dhm.de/impressum/" target="_blank" rel="noopener noreferrer" class="underline decoration-yellow-100 hover:decoration-none underline-offset-2 transition-all">Impressum</a>.
6396                            
6397                        </p>
6398                    </div>
6399                </div>
6400
6401                <div class="flex shrink-0 flex-row flex-wrap gap-3 xl:flex-col xl:pt-1">
6402                    <button
6403                        type="button"
6404                        data-action="click->
6404cookie-hint#selectAll"
6405                        class="btn-light cursor-pointer text-base font-light md:text-lg">
6406                        Alle auswählen
6407                    </button>
6408                    <button
6409                        type="button"
6410                        data-action="click->cookie-hint#accept"
6411                        class="btn-light cursor-pointer text-base font-medium md:text-lg">
6412                        Auswahl bestätigen
6413                    </button>
6414                </div>
6415            </div>
6416        </div>
6417    </dialog>
6418
6419
6420
6421
6422
6423<script type="application/ld+json">{"@context":"https://schema.org/","@graph":[{"@type":"WebPage"},{"@type":"WebSite","description":"Das Journal des Deutschen Historischen Museums","inLanguage":"de-DE","name":"Deutsches Historisches Museum Journal","url":"https://www.dhm.de/journal/"}]}</script>
6423
6424</body>
6425</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.