PageSourceSearch

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

html dhm.de collected 2026-10-01 10:16:49 UTC 283,682 bytes, 6,420 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_/0/a/csm_Thumbnail_Ralf_Kusmierz_e09087e8ce.webp" width="850" height="480" 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="„Bergbau ist nicht eines Mannes Werk“ — Ralf Kusmierz über die Tradition der Bergleute" href="/journal/beitrag/bergbau-ist-nicht-eines-manne
823s-werk-ralf-kusmierz-ueber-die-tradition-der-bergleute">
824                        „Bergbau ist nicht eines Mannes Werk“ — Ralf Kusmierz über die Tradition der Bergleute
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                            30. 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">
877        
878                <figure class="overflow-hidden">
879                    <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="" />
880                </figure>
881            
882
883        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
884            <div
885                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">
886                
887    
888    
889    
890    
891
892    
893        <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">
894    <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;"/>
895</svg>
896    
897
898
899            </div>
900        </div>
901    </div>
902
903                    
904            
905
906            <div class="item space-y-4 transition-all duration-200 ease-in">
907                <h3 class="h4">
908                    <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">
909                        „Eine Geschichte ging zu Ende“ — Ayhan Artar über die letzte deutsche Steinkohlezeche
910                    </a>
911                </h3>
912                <div class="flex items-center gap-2">
913                    
914                        <p class="text-13 leading-none font-light whitespace-nowrap">
915                            17. September 2026
916                        </p>
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
936                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">2 Min.</span>
937                    
938
939                    
940                </div>
941
942                
943                
944                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
945                
946            </div>
947        </div>
948    </article>
949
950                                                    </li>
951                                                
952                                            
953                                                
954                                                    <li class="splide__slide">
955                                                        
956    <article>
957        <div class="group relative space-y-4">
958            
959                
960                        
961    <div class="relative w-full" data-controller="image-color">
962        
963                <figure class="overflow-hidden">
964                    <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" />
965                </figure>
966            
967
968        <span
969            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">
970            
971    
972    
973    
974    
975
976    
977        <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">
978<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"/>
979</svg>
980    
981
982
983        </span>
984    </div>
985
986                    
987            
988
989            <div class="item space-y-4 transition-all duration-200 ease-in">
990                <h3 class="h4">
991                    <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">
992                        Wozu das denn? Ein Stadion auf einer Holztruhe
993                    </a>
994                </h3>
995                <div class="flex items-center gap-2">
996                    
997                        <p class="text-13 leading-none font-light whitespace-nowrap">
998                            9. September 2026
999                        </p>
1000                    
1001
1002                    
1003
1004                    
1005                        
1006                            
1007    
1008    
1009    
1010    
1011
1012    
1013        <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">
1014<circle cx="12" cy="12" r="6"/>
1015</svg>
1016    
1017
1018
1019                        
1020                        <span class="text-13 flex-1 truncate leading-none font-light">
1021                            
1022                                Simon Sacha
1023                                
1024                            
1025                        </span>
1026                    
1027                </div>
1028
1029                
1030                
1031                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1032                
1033            </div>
1034        </div>
1035    </article>
1036
1037                                                    </li>
1038                                                
1039                                            
1040                                                
1041                                                    <li class="splide__slide">
1042                                                        
1043    <article>
1044        <div class="group relative space-y-4">
1045            
1046                
1047                        
1048    <div class="relative w-full">
1049        
1050                <figure class="overflow-hidden">
1051                    <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" />
1052                </figure>
1053            
1054        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
1055            <div
1056                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">
1057                
1058    
1059    
1060    
1061    
1062
1063    
1064        <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">
1065<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"/>
1066</svg>
1067    
1068
1069
1070            </div>
1071        </div>
1072    </div>
1073
1074                    
1075            
1076
1077            <div class="item space-y-4 transition-all duration-200 ease-in">
1078                <h3 class="h4">
1079                    <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">
1080                        „Objekt im Blick“: Das „Lied der Deutschen“
1081                    </a>
1082                </h3>
1083                <div class="flex items-center gap-2">
1084                    
1085                        <p class="text-13 leading-none font-light whitespace-nowrap">
1086                            7. September 2026
1087                        </p>
1088                    
1089
1090                    
1091                        
1092                            
1093    
1094    
1095    
1096    
1097
1098    
1099        <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">
1100<circle cx="12" cy="12" r="6"/>
1101</svg>
1102    
1103
1104
1105                        
1106
1107                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">92 Min.</span>
1108                    
1109
1110                    
1111                        
1112                            
1113    
1114    
1115    
1116    
1117
1118    
1119        <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">
1120<circle cx="12" cy="12" r="6"/>
1121</svg>
1122    
1123
1124
1125                        
1126                        <span class="text-13 flex-1 truncate leading-none font-light">
1127                            
1128                                Redaktion
1129                                
1130                            
1131                        </span>
1132                    
1133                </div>
1134
1135                
1136                
1137                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1138                
1139            </div>
1140        </div>
1141    </article>
1142
1143                                                    </li>
1144                                                
1145                                            
1146                                                
1147                                                    <li class="splide__slide">
1148                                                        
1149    <article>
1150        <div class="group relative space-y-4">
1151            
1152                
1153                        
1154    <div class="relative w-full" data-controller="image-color">
1155        
1156                <figure class="overflow-hidden">
1157                    <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" />
1158                </figure>
1159            
1160
1161        <span
1162            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">
1163            
1164    
1165    
1166    
1167    
1168
1169    
1170        <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">
1171<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"/>
1172</svg>
1173    
1174
1175
1176        </span>
1177    </div>
1178
1179                    
1180            
1181
1182            <div class="item space-y-4 transition-all duration-200 ease-in">
1183                <h3 class="h4">
1184                    <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">
1185                        Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026
1186                    </a>
1187                </h3>
1188                <div class="flex items-center gap-2">
1189                    
1190                        <p class="text-13 leading-none font-light whitespace-nowrap">
1191                            31. August 2026
1192                        </p>
1193                    
1194
1195                    
1196
1197                    
1198                        
1199                            
1200    
1201    
1202    
1203    
1204
1205    
1206        <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">
1207<circle cx="12" cy="12" r="6"/>
1208</svg>
1209    
1210
1211
1212                        
1213                        <span class="text-13 flex-1 truncate leading-none font-light">
1214                            
1215                                Redaktion
1216                                
1217                            
1218                        </span>
1219                    
1220                </div>
1221
1222                
1223                
1224                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Museum für alle</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_/b/2/csm_Thumbnail_Malinowski_c33c56a2f9.webp" width="850" height="478" alt="Portrait Stephan Malinowski" />
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="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">
1274                        Vergleichsgeschichte zweier Gewaltregime: Kurator Stephan Malinowski über die kommende Ausstellung „Umstrittene Verwandtschaft. Koloniale und nationalsozialistische Gewalt”
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                            17. 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">8 Min.</span>
1302                    
1303
1304                    
1305                </div>
1306
1307                
1308                
1309                    <p class="bg-dark-blue-400/8 text-13 w-fit roun
1309ded-xl px-2 py-1">Umstrittene Verwandtschaft</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" 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" />
1330                </figure>
1331            
1332
1333        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
1334            <div
1335                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">
1336                
1337    
1338    
1339    
1340    
1341
1342    
1343        <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">
1344    <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;"/>
1345</svg>
1346    
1347
1348
1349            </div>
1350        </div>
1351    </div>
1352
1353                    
1354            
1355
1356            <div class="item space-y-4 transition-all duration-200 ease-in">
1357                <h3 class="h4">
1358                    <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">
1359                        „Man konnte plötzlich nur noch unter Lebensgefahr dieses Land verlassen“ – Renate Werwigk-Schneider erinnert sich an den Bau der Berliner Mauer
1360                    </a>
1361                </h3>
1362                <div class="flex items-center gap-2">
1363                    
1364                        <p class="text-13 leading-none font-light whitespace-nowrap">
1365                            12. August 2026
1366                        </p>
1367                    
1368
1369                    
1370                        
1371                            
1372    
1373    
1374    
1375    
1376
1377    
1378        <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">
1379<circle cx="12" cy="12" r="6"/>
1380</svg>
1381    
1382
1383
1384                        
1385
1386                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">7 Min.</span>
1387                    
1388
1389                    
1390                </div>
1391
1392                
1393                
1394                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1395                
1396            </div>
1397        </div>
1398    </article>
1399
1400                                                    </li>
1401                                                
1402                                            
1403                                                
1404                                                    <li class="splide__slide">
1405                                                        
1406    <article>
1407        <div class="group relative space-y-4">
1408            
1409                
1410                        
1411    <div class="relative w-full">
1412        
1413                <figure class="overflow-hidden">
1414                    <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" />
1415                </figure>
1416            
1417        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
1418            <div
1419                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">
1420                
1421    
1422    
1423    
1424    
1425
1426    
1427        <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">
1428<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"/>
1429</svg>
1430    
1431
1432
1433            </div>
1434        </div>
1435    </div>
1436
1437                    
1438            
1439
1440            <div class="item space-y-4 transition-all duration-200 ease-in">
1441                <h3 class="h4">
1442                    <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">
1443                        „Objekt im Blick“: Der Morgenrock der Königin Luise von Preußen
1444                    </a>
1445                </h3>
1446                <div class="flex items-center gap-2">
1447                    
1448                        <p class="text-13 leading-none font-light whitespace-nowrap">
1449                            11. August 2026
1450                        </p>
1451                    
1452
1453                    
1454                        
1455                            
1456    
1457    
1458    
1459    
1460
1461    
1462        <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">
1463<circle cx="12" cy="12" r="6"/>
1464</svg>
1465    
1466
1467
1468                        
1469
1470                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">87 Min.</span>
1471                    
1472
1473                    
1474                        
1475                            
1476    
1477    
1478    
1479    
1480
1481    
1482        <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">
1483<circle cx="12" cy="12" r="6"/>
1484</svg>
1485    
1486
1487
1488                        
1489                        <span class="text-13 flex-1 truncate leading-none font-light">
1490                            
1491                                Redaktion
1492                                
1493                            
1494                        </span>
1495                    
1496                </div>
1497
1498                
1499                
1500                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1501                
1502            </div>
1503        </div>
1504    </article>
1505
1506                                                    </li>
1507                                                
1508                                            
1509                                                
1510                                                    <li class="splide__slide">
1511                                                        
1512    <article>
1513        <div class="group relative space-y-4">
1514            
1515                
1516                        
1517    <div class="relative w-full" data-controller="image-color">
1518        
1519                <figure class="overflow-hidden">
1520                    <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" />
1521                </figure>
1522            
1523
1524        <span
1525            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">
1526            
1527    
1528    
1529    
1530    
1531
1532    
1533        <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">
1534<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"/>
1535</svg>
1536    
1537
1538
1539        </span>
1540    </div>
1541
1542                    
1543            
1544
1545            <div class="item space-y-4 transition-all duration-200 ease-in">
1546                <h3 class="h4">
1547                    <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">
1548                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
1549                    </a>
1550                </h3>
1551                <div class="flex items-center gap-2">
1552                    
1553                        <p class="text-13 leading-none font-light whitespace-nowrap">
1554                            27. Juli 2026
1555                        </p>
1556                    
1557
1558                    
1559
1560                    
1561                        
1562                            
1563    
1564    
1565    
1566    
1567
1568    
1569        <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">
1570<circle cx="12" cy="12" r="6"/>
1571</svg>
1572    
1573
1574
1575                        
1576                        <span class="text-13 flex-1 truncate leading-none font-light">
1577                            
1578                                Redaktion
1579                                ,
1580                            
1581                                Brigitte Reineke
1582                                
1583                            
1584                        </span>
1585                    
1586                </div>
1587
1588                
1589                
1590                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Forschen</p>
1591                
1592            </div>
1593        </div>
1594    </article>
1595
1596                                                    </li>
1597                                                
1598                                            
1599                                                
1600                                                    <li class="splide__slide">
1601                                                        
1602    <article>
1603        <div class="group relative space-y-4">
1604            
1605                
1606                        
1607    <div class="relative w-full">
1608        
1609                <figure class="overflow-hidden">
1610                    <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" />
1611                </figure>
1612            
1613        <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
1614            <div
1615                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">
1616                
1617    
1618    
1619    
1620    
1621
1622    
1623        <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">
1624<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"/>
1625</svg>
1626    
1627
1628
1629            </div>
1630        </div>
1631    </div>
1632
1633                    
1634            
1635
1636            <div class="item space-y-4 transition-all duration-200 ease-in">
1637                <h3 class="h4">
1638                    <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">
1639                        „Objekt im Blick“: Ein osmanischer Helm und seine Geschichte
1640                    </a>
1641                </h3>
1642                <div class="flex items-center gap-2">
1643                    
1644                        <p class="text-13 leading-none font-light whitespace-nowrap">
1645                            16. Juli 2026
1646                        </p>
1647                    
1648
1649                    
1650                        
1651                            
1652    
1653    
1654    
1655    
1656
1657    
1658        <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">
1659<circle cx="12" cy="12" r="6"/>
1660</svg>
1661    
1662
1663
1664                        
1665
1666                        <span class="text-13 truncate leading-none font-light whitespace-nowrap">84 Min.</span>
1667                    
1668
1669                    
1670                        
1671                            
1672    
1673    
1674    
1675    
1676
1677    
1678        <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">
1679<circle cx="12" cy="12" r="6"/>
1680</svg>
1681    
1682
1683
1684                        
1685                        <span class="text-13 flex-1 truncate leading-none font-light">
1686                            
1687                                Redaktion
1688                                
1689                            
1690                        </span>
1691                    
1692                </div>
1693
1694                
1695                
1696                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1697                
1698            </div>
1699        </div>
1700    </article>
1701
1702                                                    </li>
1703                                                
1704                                            
1705                                        </ul>
1706                                    </div>
1707                                </div>
1708                                <div class="mt-10 hidden justify-end gap-2 md:flex">
1709                                    <button
1710                                        class="btn-slider btn-dark"
1711                                        data-slider-target="prevBtn"
1712                                        aria-label="Vorheriges Element">
1713                                        
1714    
1715    
1716    
1717    
1718
1719    
1720        <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">
1721<path d="M21 12H3M3 12L10 5M3 12L10 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1722</svg>
1723    
1724
1725
1726                                    </button>
1727                                    <button
1728                                        class="btn-slider btn-dark"
1729                                        data-slider-target="nextBtn"
1730                                        aria-label="Nächstes Element">
1731                                        
1732    
1733    
1734    
1735    
1736
1737    
1738        <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">
1739<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1740</svg>
1741    
1742
1743
1744                                    </button>
1745                                </div>
1746                            </div>
1747                        
1748                </div>
1749
1750                
1751            </div>
1752        </div>
1753    </div>
1754
1755
1756
1757
1758
1759
1760
1761
1762
1763
1764    
1765                
1766                    
1767
1768
1769
1770                
1771                
1772                    
1773
1774
1775
1776                
1777            </div>
1778        
1779
1780
1781    
1782            <div
1783                id="c49"
1784                class="frame frame- frame-type-xima_teasertexthome frame-layout-">
1785                
1786                
1787                    
1788
1789
1790
1791                
1792                
1793                    
1794
1795    
1796        <header>
1797            
1798
1799    
1800            
1801        
1802
1803
1804
1805            
1806
1807
1808
1809            
1810
1811
1812
1813        </header>
1814    
1815
1816
1817
1818                
1819                
1820        
1821    
1822    
1823    
1824
1825    
1826
1827    <div
1828        class="bg-dark-blue-100 w-full overflow-x-hidden"
1829        data-controller="parallax"
1830        data-parallax-offset-y-value="25">
1831        <div class="text-dark-blue-500 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
1832            <div class="custom-grid gap-y-20" data-parallax-target="item">
1833                <h2 class="hero col-span-full">Programm</h2>
1834                
1835                    <div class="col-span-12 hidden grid-cols-4 gap-6 lg:grid">
1836                        
1837                            
1838                                
1839    <article>
1840        <div class="group relative space-y-4">
1841            
1842                    <div class="relative w-full" data-controller="image-color">
1843                        
1844                                <figure class="overflow-hidden">
1845                                    <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" />
1846                                </figure>
1847                            
1848
1849                        <span
1850                            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">
1851                            
1852    
1853    
1854    
1855    
1856
1857    
1858        <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">
1859<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"/>
1860</svg>
1861    
1862
1863
1864                        </span>
1865                    </div>
1866                
1867
1868            <div class="item space-y-4 transition-all duration-200 ease-in">
1869                <h3 class="h4">
1870                    <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">
1871                        Wozu das denn? Ein Stadion auf einer Holztruhe
1872                    </a>
1873                </h3>
1874                <div class="flex items-center gap-2">
1875                    
1876                        <p class="text-13 leading-none font-light whitespace-nowrap">
1877                            9. September 2026
1878                        </p>
1879                    
1880
1881                    
1882                        
1883                            
1884    
1885    
1886    
1887    
1888
1889    
1890        <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">
1891<circle cx="12" cy="12" r="6"/>
1892</svg>
1893    
1894
1895
1896                        
1897                        <span class="text-13 flex-1 truncate leading-none font-light">
1898                            
1899                                Simon Sacha
1900                            
1901                        </span>
1902                    
1903                </div>
1904
1905                
1906                
1907                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
1908                
1909            </div>
1910        </div>
1911    </article>
1912
1913                            
1914                        
1915                            
1916                                
1917    <article>
1918        <div class="group relative space-y-4">
1919            
1920                    <div class="relative w-full" data-controller="image-color">
1921                        
1922                                <figure class="overflow-hidden">
1923                                    <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" />
1924                                </figure>
1925                            
1926
1927                        <span
1928                            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">
1929                            
1930    
1931    
1932    
1933    
1934
1935    
1936        <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">
1937<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"/>
1938</svg>
1939    
1940
1941
1942                        </span>
1943                    </div>
1944                
1945
1946            <div class="item space-y-4 transition-all duration-200 ease-in">
1947                <h3 class="h4">
1948                    <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-verbre
1948chens-die-lange-nacht-der-museen-2026">
1949                        Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026
1950                    </a>
1951                </h3>
1952                <div class="flex items-center gap-2">
1953                    
1954                        <p class="text-13 leading-none font-light whitespace-nowrap">
1955                            31. August 2026
1956                        </p>
1957                    
1958
1959                    
1960                        
1961                            
1962    
1963    
1964    
1965    
1966
1967    
1968        <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">
1969<circle cx="12" cy="12" r="6"/>
1970</svg>
1971    
1972
1973
1974                        
1975                        <span class="text-13 flex-1 truncate leading-none font-light">
1976                            
1977                                Redaktion
1978                            
1979                        </span>
1980                    
1981                </div>
1982
1983                
1984                
1985                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Museum für alle</p>
1986                
1987            </div>
1988        </div>
1989    </article>
1990
1991                            
1992                        
1993                            
1994                                
1995    <article>
1996        <div class="group relative space-y-4">
1997            
1998                    <div class="relative w-full" data-controller="image-color">
1999                        
2000                                <figure class="overflow-hidden">
2001                                    <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" />
2002                                </figure>
2003                            
2004
2005                        <span
2006                            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">
2007                            
2008    
2009    
2010    
2011    
2012
2013    
2014        <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">
2015<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"/>
2016</svg>
2017    
2018
2019
2020                        </span>
2021                    </div>
2022                
2023
2024            <div class="item space-y-4 transition-all duration-200 ease-in">
2025                <h3 class="h4">
2026                    <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">
2027                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
2028                    </a>
2029                </h3>
2030                <div class="flex items-center gap-2">
2031                    
2032                        <p class="text-13 leading-none font-light whitespace-nowrap">
2033                            3. Juli 2026
2034                        </p>
2035                    
2036
2037                    
2038                        
2039                            
2040    
2041    
2042    
2043    
2044
2045    
2046        <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">
2047<circle cx="12" cy="12" r="6"/>
2048</svg>
2049    
2050
2051
2052                        
2053                        <span class="text-13 flex-1 truncate leading-none font-light">
2054                            
2055                                Wolfgang Cortjaens,
2056                            
2057                                Dorlis Blume
2058                            
2059                        </span>
2060                    
2061                </div>
2062
2063                
2064                
2065                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
2066                
2067            </div>
2068        </div>
2069    </article>
2070
2071                            
2072                        
2073                            
2074                                
2075    <article>
2076        <div class="group relative space-y-4">
2077            
2078                    <div class="relative w-full" data-controller="image-color">
2079                        
2080                                <figure class="overflow-hidden">
2081                                    <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" />
2082                                </figure>
2083                            
2084
2085                        <span
2086                            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">
2087                            
2088    
2089    
2090    
2091    
2092
2093    
2094        <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">
2095<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"/>
2096</svg>
2097    
2098
2099
2100                        </span>
2101                    </div>
2102                
2103
2104            <div class="item space-y-4 transition-all duration-200 ease-in">
2105                <h3 class="h4">
2106                    <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">
2107                        Mondlandschaften und Braunkohle: die Geschichte eines Eimerkettenbaggers
2108                    </a>
2109                </h3>
2110                <div class="flex items-center gap-2">
2111                    
2112                        <p class="text-13 leading-none font-light whitespace-nowrap">
2113                            9. Juni 2026
2114                        </p>
2115                    
2116
2117                    
2118                        
2119                            
2120    
2121    
2122    
2123    
2124
2125    
2126        <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">
2127<circle cx="12" cy="12" r="6"/>
2128</svg>
2129    
2130
2131
2132                        
2133                        <span class="text-13 flex-1 truncate leading-none font-light">
2134                            
2135                                Martin Baumert
2136                            
2137                        </span>
2138                    
2139                </div>
2140
2141                
2142                
2143                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
2144                
2145            </div>
2146        </div>
2147    </article>
2148
2149                            
2150                        
2151                            
2152                        
2153                            
2154                        
2155                            
2156                        
2157                            
2158                        
2159                            
2160                        
2161                            
2162                        
2163                    </div>
2164                
2165
2166                <div class="lg:hidden col-span-full block">
2167                    
2168                    
2169                            <div class="flex flex-col gap-12 sm:grid sm:grid-cols-2 sm:gap-6">
2170                                
2171                                    
2172                                        
2173    <article>
2174        <div class="group relative space-y-4">
2175            
2176                    <div class="relative w-full" data-controller="image-color">
2177                        
2178                                <figure class="overflow-hidden">
2179                                    <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" />
2180                                </figure>
2181                            
2182
2183                        <span
2184                            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">
2185                            
2186    
2187    
2188    
2189    
2190
2191    
2192        <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">
2193<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"/>
2194</svg>
2195    
2196
2197
2198                        </span>
2199                    </div>
2200                
2201
2202            <div class="item space-y-4 transition-all duration-200 ease-in">
2203                <h3 class="h4">
2204                    <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">
2205                        Wozu das denn? Ein Stadion auf einer Holztruhe
2206                    </a>
2207                </h3>
2208                <div class="flex items-center gap-2">
2209                    
2210                        <p class="text-13 leading-none font-light whitespace-nowrap">
2211                            9. September 2026
2212                        </p>
2213                    
2214
2215                    
2216                        
2217                            
2218    
2219    
2220    
2221    
2222
2223    
2224        <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">
2225<circle cx="12" cy="12" r="6"/>
2226</svg>
2227    
2228
2229
2230                        
2231                        <span class="text-13 flex-1 truncate leading-none font-light">
2232                            
2233                                Simon Sacha
2234                            
2235                        </span>
2236                    
2237                </div>
2238
2239                
2240                
2241                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
2242                
2243            </div>
2244        </div>
2245    </article>
2246
2247                                    
2248                                
2249                                    
2250                                        
2251    <article>
2252        <div class="group relative space-y-4">
2253            
2254                    <div class="relative w-full" data-controller="image-color">
2255                        
2256                                <figure class="overflow-hidden">
2257                                    <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" />
2258                                </figure>
2259                            
2260
2261                        <span
2262                            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">
2263                            
2264    
2265    
2266    
2267    
2268
2269    
2270        <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">
2271<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"/>
2272</svg>
2273    
2274
2275
2276                        </span>
2277                    </div>
2278                
2279
2280            <div class="item space-y-4 transition-all duration-200 ease-in">
2281                <h3 class="h4">
2282                    <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-verbre
2282chens-die-lange-nacht-der-museen-2026">
2283                        Eine Nacht im Zeichen des Verbrechens: Das war die Lange Nacht der Museen 2026
2284                    </a>
2285                </h3>
2286                <div class="flex items-center gap-2">
2287                    
2288                        <p class="text-13 leading-none font-light whitespace-nowrap">
2289                            31. August 2026
2290                        </p>
2291                    
2292
2293                    
2294                        
2295                            
2296    
2297    
2298    
2299    
2300
2301    
2302        <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">
2303<circle cx="12" cy="12" r="6"/>
2304</svg>
2305    
2306
2307
2308                        
2309                        <span class="text-13 flex-1 truncate leading-none font-light">
2310                            
2311                                Redaktion
2312                            
2313                        </span>
2314                    
2315                </div>
2316
2317                
2318                
2319                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Museum für alle</p>
2320                
2321            </div>
2322        </div>
2323    </article>
2324
2325                                    
2326                                
2327                                    
2328                                        
2329    <article>
2330        <div class="group relative space-y-4">
2331            
2332                    <div class="relative w-full" data-controller="image-color">
2333                        
2334                                <figure class="overflow-hidden">
2335                                    <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" />
2336                                </figure>
2337                            
2338
2339                        <span
2340                            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">
2341                            
2342    
2343    
2344    
2345    
2346
2347    
2348        <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">
2349<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"/>
2350</svg>
2351    
2352
2353
2354                        </span>
2355                    </div>
2356                
2357
2358            <div class="item space-y-4 transition-all duration-200 ease-in">
2359                <h3 class="h4">
2360                    <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">
2361                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
2362                    </a>
2363                </h3>
2364                <div class="flex items-center gap-2">
2365                    
2366                        <p class="text-13 leading-none font-light whitespace-nowrap">
2367                            3. Juli 2026
2368                        </p>
2369                    
2370
2371                    
2372                        
2373                            
2374    
2375    
2376    
2377    
2378
2379    
2380        <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">
2381<circle cx="12" cy="12" r="6"/>
2382</svg>
2383    
2384
2385
2386                        
2387                        <span class="text-13 flex-1 truncate leading-none font-light">
2388                            
2389                                Wolfgang Cortjaens,
2390                            
2391                                Dorlis Blume
2392                            
2393                        </span>
2394                    
2395                </div>
2396
2397                
2398                
2399                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
2400                
2401            </div>
2402        </div>
2403    </article>
2404
2405                                    
2406                                
2407                                    
2408                                        
2409    <article>
2410        <div class="group relative space-y-4">
2411            
2412                    <div class="relative w-full" data-controller="image-color">
2413                        
2414                                <figure class="overflow-hidden">
2415                                    <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" />
2416                                </figure>
2417                            
2418
2419                        <span
2420                            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">
2421                            
2422    
2423    
2424    
2425    
2426
2427    
2428        <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">
2429<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"/>
2430</svg>
2431    
2432
2433
2434                        </span>
2435                    </div>
2436                
2437
2438            <div class="item space-y-4 transition-all duration-200 ease-in">
2439                <h3 class="h4">
2440                    <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">
2441                        Mondlandschaften und Braunkohle: die Geschichte eines Eimerkettenbaggers
2442                    </a>
2443                </h3>
2444                <div class="flex items-center gap-2">
2445                    
2446                        <p class="text-13 leading-none font-light whitespace-nowrap">
2447                            9. Juni 2026
2448                        </p>
2449                    
2450
2451                    
2452                        
2453                            
2454    
2455    
2456    
2457    
2458
2459    
2460        <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">
2461<circle cx="12" cy="12" r="6"/>
2462</svg>
2463    
2464
2465
2466                        
2467                        <span class="text-13 flex-1 truncate leading-none font-light">
2468                            
2469                                Martin Baumert
2470                            
2471                        </span>
2472                    
2473                </div>
2474
2475                
2476                
2477                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
2478                
2479            </div>
2480        </div>
2481    </article>
2482
2483                                    
2484                                
2485                                    
2486                                
2487                                    
2488                                
2489                                    
2490                                
2491                                    
2492                                
2493                                    
2494                                
2495                                    
2496                                
2497                            </div>
2498                        
2499                </div>
2500
2501                
2502                    <div class="col-span-12 flex justify-center">
2503                        <a href="/journal/programm" class="btn-dark group">
2504                            Mehr Entdecken
2505                            
2506    
2507    
2508    
2509    
2510
2511    
2512        <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">
2513<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2514</svg>
2515    
2516
2517
2518                        </a>
2519                    </div>
2520                
2521            </div>
2522        </div>
2523    </div>
2524
2525
2526
2527
2528    
2529                
2530                    
2531
2532
2533
2534                
2535                
2536                    
2537
2538
2539
2540                
2541            </div>
2542        
2543
2544
2545    
2546            <div
2547                id="c50"
2548                class="frame frame- frame-type-xima_teasertexthome frame-layout-">
2549                
2550                
2551                    
2552
2553
2554
2555                
2556                
2557                    
2558
2559    
2560        <header>
2561            
2562
2563    
2564            
2565        
2566
2567
2568
2569            
2570
2571
2572
2573            
2574
2575
2576
2577        </header>
2578    
2579
2580
2581
2582                
2583                
2584        
2585    
2586    
2587    
2588
2589    
2590
2591    <div
2592        class="bg-dark-blue-200 w-full overflow-x-hidden"
2593        data-controller="parallax"
2594        data-parallax-offset-y-value="25">
2595        <div class="text-dark-blue-500 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
2596            <div class="custom-grid gap-y-20" data-parallax-target="item">
2597                <h2 class="hero col-span-full">Perspektiven</h2>
2598                
2599                    <div class="col-span-12 hidden grid-cols-4 gap-6 lg:grid">
2600                        
2601                            
2602                                
2603    <article>
2604        <div class="group relative space-y-4">
2605            
2606                    <div class="relative w-full" data-controller="image-color">
2607                        
2608                                <figure class="overflow-hidden">
2609                                    <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" />
2610                                </figure>
2611                            
2612
2613                        <span
2614                            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">
2615                            
2616    
2617    
2618    
2619    
2620
2621    
2622        <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">
2623<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"/>
2624</svg>
2625    
2626
2627
2628                        </span>
2629                    </div>
2630                
2631
2632            <div class="item space-y-4 transition-all duration-200 ease-in">
2633                <h3 class="h4">
2634                    <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">
2635                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
2636                    </a>
2637                </h3>
2638                <div class="flex items-center gap-2">
2639                    
2640                        <p class="text-13 leading-none font-light whitespace-nowrap">
2641                            27. Juli 2026
2642                        </p>
2643                    
2644
2645                    
2646                        
2647                            
2648    
2649    
2650    
2651    
2652
2653    
2654        <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">
2655<circle cx="12" cy="12" r="6"/>
2656</svg>
2657    
2658
2659
2660                        
2661                        <span class="text-13 flex-1 truncate leading-none font-light">
2662                            
2663                                Redaktion,
2664                            
2665                                Brigitte Reineke
2666                            
2667                        </span>
2668                    
2669                </div>
2670
2671                
2672                
2673                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Forschen</p>
2674                
2675            </div>
2676        </div>
2677    </article>
2678
2679                            
2680                        
2681                            
2682                                
2683    <article>
2684        <div class="group relative space-y-4">
2685            
2686                    <div class="relative w-full" data-controller="image-color">
2687                        
2688                                <figure class="overflow-hidden">
2689                                    <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_/
26897/5/csm_Abb_2_NG-0025_Putsche_Kartoffelmonografie_414c51eb35.webp" width="850" height="1044" />
2690                                </figure>
2691                            
2692
2693                        <span
2694                            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">
2695                            
2696    
2697    
2698    
2699    
2700
2701    
2702        <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">
2703<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"/>
2704</svg>
2705    
2706
2707
2708                        </span>
2709                    </div>
2710                
2711
2712            <div class="item space-y-4 transition-all duration-200 ease-in">
2713                <h3 class="h4">
2714                    <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">
2715                        Eine kurze Geschichte der Kartoffel: aus den Hochebenen Perus auf die Esstische Preußens
2716                    </a>
2717                </h3>
2718                <div class="flex items-center gap-2">
2719                    
2720                        <p class="text-13 leading-none font-light whitespace-nowrap">
2721                            29. Mai 2026
2722                        </p>
2723                    
2724
2725                    
2726                        
2727                            
2728    
2729    
2730    
2731    
2732
2733    
2734        <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">
2735<circle cx="12" cy="12" r="6"/>
2736</svg>
2737    
2738
2739
2740                        
2741                        <span class="text-13 flex-1 truncate leading-none font-light">
2742                            
2743                                Dorlis Blume
2744                            
2745                        </span>
2746                    
2747                </div>
2748
2749                
2750                
2751                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
2752                
2753            </div>
2754        </div>
2755    </article>
2756
2757                            
2758                        
2759                            
2760                                
2761    <article>
2762        <div class="group relative space-y-4">
2763            
2764                    <div class="relative w-full" data-controller="image-color">
2765                        
2766                                <figure class="overflow-hidden">
2767                                    <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" />
2768                                </figure>
2769                            
2770
2771                        <span
2772                            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">
2773                            
2774    
2775    
2776    
2777    
2778
2779    
2780        <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">
2781<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"/>
2782</svg>
2783    
2784
2785
2786                        </span>
2787                    </div>
2788                
2789
2790            <div class="item space-y-4 transition-all duration-200 ease-in">
2791                <h3 class="h4">
2792                    <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">
2793                        Frauenstimmen auf der Straße: SPD-Sprechplatten im Wahlkampf 1928
2794                    </a>
2795                </h3>
2796                <div class="flex items-center gap-2">
2797                    
2798                        <p class="text-13 leading-none font-light whitespace-nowrap">
2799                            5. März 2026
2800                        </p>
2801                    
2802
2803                    
2804                        
2805                            
2806    
2807    
2808    
2809    
2810
2811    
2812        <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">
2813<circle cx="12" cy="12" r="6"/>
2814</svg>
2815    
2816
2817
2818                        
2819                        <span class="text-13 flex-1 truncate leading-none font-light">
2820                            
2821                                Anna-Lena Almstedt
2822                            
2823                        </span>
2824                    
2825                </div>
2826
2827                
2828                
2829                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Geschichte aktuell</p>
2830                
2831            </div>
2832        </div>
2833    </article>
2834
2835                            
2836                        
2837                            
2838                                
2839    <article>
2840        <div class="group relative space-y-4">
2841            
2842                    <div class="relative w-full" data-controller="image-color">
2843                        
2844                                <figure class="overflow-hidden">
2845                                    <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" />
2846                                </figure>
2847                            
2848
2849                        <span
2850                            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">
2851                            
2852    
2853    
2854    
2855    
2856
2857    
2858        <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">
2859<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"/>
2860</svg>
2861    
2862
2863
2864                        </span>
2865                    </div>
2866                
2867
2868            <div class="item space-y-4 transition-all duration-200 ease-in">
2869                <h3 class="h4">
2870                    <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">
2871                        Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung „Natur und deutsche Geschichte. Glaube – Biologie – Macht&quot;
2872                    </a>
2873                </h3>
2874                <div class="flex items-center gap-2">
2875                    
2876                        <p class="text-13 leading-none font-light whitespace-nowrap">
2877                            14. November 2025
2878                        </p>
2879                    
2880
2881                    
2882                        
2883                            
2884    
2885    
2886    
2887    
2888
2889    
2890        <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">
2891<circle cx="12" cy="12" r="6"/>
2892</svg>
2893    
2894
2895
2896                        
2897                        <span class="text-13 flex-1 truncate leading-none font-light">
2898                            
2899                                Julia Voss
2900                            
2901                        </span>
2902                    
2903                </div>
2904
2905                
2906                
2907                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
2908                
2909            </div>
2910        </div>
2911    </article>
2912
2913                            
2914                        
2915                            
2916                        
2917                            
2918                        
2919                            
2920                        
2921                            
2922                        
2923                            
2924                        
2925                            
2926                        
2927                    </div>
2928                
2929
2930                <div class="lg:hidden col-span-full block">
2931                    
2932                    
2933                            <div class="flex flex-col gap-12 sm:grid sm:grid-cols-2 sm:gap-6">
2934                                
2935                                    
2936                                        
2937    <article>
2938        <div class="group relative space-y-4">
2939            
2940                    <div class="relative w-full" data-controller="image-color">
2941                        
2942                                <figure class="overflow-hidden">
2943                                    <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" />
2944                                </figure>
2945                            
2946
2947                        <span
2948                            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">
2949                            
2950    
2951    
2952    
2953    
2954
2955    
2956        <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">
2957<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"/>
2958</svg>
2959    
2960
2961
2962                        </span>
2963                    </div>
2964                
2965
2966            <div class="item space-y-4 transition-all duration-200 ease-in">
2967                <h3 class="h4">
2968                    <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">
2969                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
2970                    </a>
2971                </h3>
2972                <div class="flex items-center gap-2">
2973                    
2974                        <p class="text-13 leading-none font-light whitespace-nowrap">
2975                            27. Juli 2026
2976                        </p>
2977                    
2978
2979                    
2980                        
2981                            
2982    
2983    
2984    
2985    
2986
2987    
2988        <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">
2989<circle cx="12" cy="12" r="6"/>
2990</svg>
2991    
2992
2993
2994                        
2995                        <span class="text-13 flex-1 truncate leading-none font-light">
2996                            
2997                                Redaktion,
2998                            
2999                                Brigitte Reineke
3000                            
3001                        </span>
3002                    
3003                </div>
3004
3005                
3006                
3007                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Forschen</p>
3008                
3009            </div>
3010        </div>
3011    </article>
3012
3013                                    
3014                                
3015                                    
3016                                        
3017    <article>
3018        <div class="group relative space-y-4">
3019            
3020                    <div class="relative w-full" data-controller="image-color">
3021                        
3022                                <figure class="overflow-hidden">
3023                                    <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" />
3024                                </figure>
3025                            
3026
3027                        <span
3028                            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">
3029                            
3030    
3031    
3032    
3033    
3034
3035    
3036        <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">
3037<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"/>
3038</svg>
3039    
3040
3041
3042                        </span>
3043                    </div>
3044                
3045
3046            <div class="item space-y-4 transition-all duration-200 ease-in">
3047                <h3 class="h4">
3048                    <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
3048-preussens">
3049                        Eine kurze Geschichte der Kartoffel: aus den Hochebenen Perus auf die Esstische Preußens
3050                    </a>
3051                </h3>
3052                <div class="flex items-center gap-2">
3053                    
3054                        <p class="text-13 leading-none font-light whitespace-nowrap">
3055                            29. Mai 2026
3056                        </p>
3057                    
3058
3059                    
3060                        
3061                            
3062    
3063    
3064    
3065    
3066
3067    
3068        <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">
3069<circle cx="12" cy="12" r="6"/>
3070</svg>
3071    
3072
3073
3074                        
3075                        <span class="text-13 flex-1 truncate leading-none font-light">
3076                            
3077                                Dorlis Blume
3078                            
3079                        </span>
3080                    
3081                </div>
3082
3083                
3084                
3085                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
3086                
3087            </div>
3088        </div>
3089    </article>
3090
3091                                    
3092                                
3093                                    
3094                                        
3095    <article>
3096        <div class="group relative space-y-4">
3097            
3098                    <div class="relative w-full" data-controller="image-color">
3099                        
3100                                <figure class="overflow-hidden">
3101                                    <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" />
3102                                </figure>
3103                            
3104
3105                        <span
3106                            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">
3107                            
3108    
3109    
3110    
3111    
3112
3113    
3114        <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">
3115<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"/>
3116</svg>
3117    
3118
3119
3120                        </span>
3121                    </div>
3122                
3123
3124            <div class="item space-y-4 transition-all duration-200 ease-in">
3125                <h3 class="h4">
3126                    <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">
3127                        Frauenstimmen auf der Straße: SPD-Sprechplatten im Wahlkampf 1928
3128                    </a>
3129                </h3>
3130                <div class="flex items-center gap-2">
3131                    
3132                        <p class="text-13 leading-none font-light whitespace-nowrap">
3133                            5. März 2026
3134                        </p>
3135                    
3136
3137                    
3138                        
3139                            
3140    
3141    
3142    
3143    
3144
3145    
3146        <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">
3147<circle cx="12" cy="12" r="6"/>
3148</svg>
3149    
3150
3151
3152                        
3153                        <span class="text-13 flex-1 truncate leading-none font-light">
3154                            
3155                                Anna-Lena Almstedt
3156                            
3157                        </span>
3158                    
3159                </div>
3160
3161                
3162                
3163                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Geschichte aktuell</p>
3164                
3165            </div>
3166        </div>
3167    </article>
3168
3169                                    
3170                                
3171                                    
3172                                        
3173    <article>
3174        <div class="group relative space-y-4">
3175            
3176                    <div class="relative w-full" data-controller="image-color">
3177                        
3178                                <figure class="overflow-hidden">
3179                                    <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" />
3180                                </figure>
3181                            
3182
3183                        <span
3184                            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">
3185                            
3186    
3187    
3188    
3189    
3190
3191    
3192        <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">
3193<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"/>
3194</svg>
3195    
3196
3197
3198                        </span>
3199                    </div>
3200                
3201
3202            <div class="item space-y-4 transition-all duration-200 ease-in">
3203                <h3 class="h4">
3204                    <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">
3205                        Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung „Natur und deutsche Geschichte. Glaube – Biologie – Macht&quot;
3206                    </a>
3207                </h3>
3208                <div class="flex items-center gap-2">
3209                    
3210                        <p class="text-13 leading-none font-light whitespace-nowrap">
3211                            14. November 2025
3212                        </p>
3213                    
3214
3215                    
3216                        
3217                            
3218    
3219    
3220    
3221    
3222
3223    
3224        <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">
3225<circle cx="12" cy="12" r="6"/>
3226</svg>
3227    
3228
3229
3230                        
3231                        <span class="text-13 flex-1 truncate leading-none font-light">
3232                            
3233                                Julia Voss
3234                            
3235                        </span>
3236                    
3237                </div>
3238
3239                
3240                
3241                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Natur und deutsche Geschichte</p>
3242                
3243            </div>
3244        </div>
3245    </article>
3246
3247                                    
3248                                
3249                                    
3250                                
3251                                    
3252                                
3253                                    
3254                                
3255                                    
3256                                
3257                                    
3258                                
3259                                    
3260                                
3261                            </div>
3262                        
3263                </div>
3264
3265                
3266                    <div class="col-span-12 flex justify-center">
3267                        <a href="/journal/perspektiven" class="btn-dark group">
3268                            Mehr Entdecken
3269                            
3270    
3271    
3272    
3273    
3274
3275    
3276        <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">
3277<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3278</svg>
3279    
3280
3281
3282                        </a>
3283                    </div>
3284                
3285            </div>
3286        </div>
3287    </div>
3288
3289
3290
3291
3292    
3293                
3294                    
3295
3296
3297
3298                
3299                
3300                    
3301
3302
3303
3304                
3305            </div>
3306        
3307
3308
3309    
3310            <div
3311                id="c51"
3312                class="frame frame- frame-type-xima_teasertexthome frame-layout-">
3313                
3314                
3315                    
3316
3317
3318
3319                
3320                
3321                    
3322
3323    
3324        <header>
3325            
3326
3327    
3328            
3329        
3330
3331
3332
3333            
3334
3335
3336
3337            
3338
3339
3340
3341        </header>
3342    
3343
3344
3345
3346                
3347                
3348        
3349    
3350    
3351    
3352
3353    
3354
3355    <div
3356        class="bg-dark-blue-300 w-full overflow-x-hidden"
3357        data-controller="parallax"
3358        data-parallax-offset-y-value="25">
3359        <div class="text-dark-blue-500 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
3360            <div class="custom-grid gap-y-20" data-parallax-target="item">
3361                <h2 class="hero col-span-full">Inside DHM</h2>
3362                
3363                    <div class="col-span-12 hidden grid-cols-4 gap-6 lg:grid">
3364                        
3365                            
3366                                
3367    <article>
3368        <div class="group relative space-y-4">
3369            
3370                    <div class="relative w-full" data-controller="image-color">
3371                        
3372                                <figure class="overflow-hidden">
3373                                    <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" />
3374                                </figure>
3375                            
3376
3377                        <span
3378                            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">
3379                            
3380    
3381    
3382    
3383    
3384
3385    
3386        <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">
3387<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"/>
3388</svg>
3389    
3390
3391
3392                        </span>
3393                    </div>
3394                
3395
3396            <div class="item space-y-4 transition-all duration-200 ease-in">
3397                <h3 class="h4">
3398                    <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">
3399                        Wozu das denn? Ein Stadion auf einer Holztruhe
3400                    </a>
3401                </h3>
3402                <div class="flex items-center gap-2">
3403                    
3404                        <p class="text-13 leading-none font-light whitespace-nowrap">
3405                            9. September 2026
3406                        </p>
3407                    
3408
3409                    
3410                        
3411                            
3412    
3413    
3414    
3415    
3416
3417    
3418        <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">
3419<circle cx="12" cy="12" r="6"/>
3420</svg>
3421    
3422
3423
3424                        
3425                        <span class="text-13 flex-1 truncate leading-none font-light">
3426                            
3427                                Simon Sacha
3428                            
3429                        </span>
3430                    
3431                </div>
3432
3433                
3434                
3435                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
3436                
3437            </div>
3438        </div>
3439    </article>
3440
3441                            
3442                        
3443                            
3444                                
3445    <article>
3446        <div class="group relative space-y-4">
3447            
3448                    <div class="relative w-full" data-controller="image-color">
3449                        
3450                                <figure class="overflow-hidden">
3451                                    <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" />
3452                                </figure>
3453                            
3454
3455                        <span
3456                            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">
3457                            
3458    
3459    
3460    
3461    
3462
3463    
3464        <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">
3465<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"/>
3466</svg>
3467    
3468
3469
3470                        </span>
3471                    </div>
3472                
3473
3474            <div class="item space-y-4 transition-all duration-200 ease-in">
3475                <h3 class="h4">
3476                    <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">
3477                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
3478                    </a>
3479                </h3>
3480                <div class="flex items-center gap-2">
3481                    
3482                        <p class="text-13 leading-none font-light whitespace-nowrap">
3483                            27. Juli 2026
3484                        </p>
3485                    
3486
3487                    
3488                        
3489                            
3490    
3491    
3492    
3493    
3494
3495    
3496        <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">
3497<circle cx="12" cy="12" r="6"/>
3498</svg>
3499    
3500
3501
3502                        
3503                        <span class="text-13 flex-1 truncate leading-none font-light">
3504                            
3505                                Redaktion,
3506                            
3507                                Brigitte Reineke
3508                            
3509                        </span>
3510                    
3511                </div>
3512
3513                
3514                
3515                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Forschen</p>
3516                
3517            </div>
3518        </div>
3519    </article>
3520
3521                            
3522                        
3523                            
3524                                
3525    <article>
3526        <div class="group relative space-y-4">
3527            
3528                    <div class="relative w-full" data-controller="image-color">
3529                        
3530                                <figure class="overflow-hidden">
3531                                    <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" />
3532                                </figure>
3533                            
3534
3535                        <span
3536                            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">
3537                            
3538    
3539    
3540    
3541    
3542
3543    
3544        <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">
3545<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"/>
3546</svg>
3547    
3548
3549
3550                        </span>
3551                    </div>
3552                
3553
3554            <div class="item space-y-4 transition-all duration-200 ease-in">
3555                <h3 class="h4">
3556                    <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">
3557                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
3558                    </a>
3559                </h3>
3560                <div class="flex items-center gap-2">
3561                    
3562                        <p class="text-13 leading-none font-light whitespace-nowrap">
3563                            3. Juli 2026
3564                        </p>
3565                    
3566
3567                    
3568                        
3569                            
3570    
3571    
3572    
3573    
3574
3575    
3576        <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">
3577<circle cx="12" cy="12" r="6"/>
3578</svg>
3579    
3580
3581
3582                        
3583                        <span class="text-13 flex-1 truncate leading-none font-light">
3584                            
3585                                Wolfgang Cortjaens,
3586                            
3587                                Dorlis Blume
3588                            
3589                        </span>
3590                    
3591                </div>
3592
3593                
3594                
3595                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
3596                
3597            </div>
3598        </div>
3599    </article>
3600
3601                            
3602                        
3603                            
3604                                
3605    <article>
3606        <div class="group relative space-y-4">
3607            
3608                    <div class="relative w-full" data-controller="image-color">
3609                        
3610                                <figure class="overflow-hidden">
3611                                    <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" />
3612                                </figure>
3613                            
3614
3615                        <span
3616                            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">
3617                            
3618    
3619    
3620    
3621    
3622
3623    
3624        <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">
3625<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"/>
3626</svg>
3627    
3628
3629
3630                        </span>
3631                    </div>
3632                
3633
3634            <div class="item space-y-4 transition-all duration-200 ease-in">
3635                <h3 class="h4">
3636                    <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">
3637                        Mit neuem Corporate Design auf dem Weg zur neuen Ständigen Ausstellung im Zeughaus
3638                    </a>
3639                </h3>
3640                <div class="flex items-center gap-2">
3641                    
3642                        <p class="text-13 leading-none font-light whitespace-nowrap">
3643                            25. Juni 2026
3644                        </p>
3645                    
3646
3647                    
3648                        
3649                            
3650    
3651    
3652    
3653    
3654
3655    
3656        <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">
3657<circle cx="12" cy="12" r="6"/>
3658</svg>
3659    
3660
3661
3662                        
3663                        <span class="text-13 flex-1 truncate leading-none font-light">
3664                            
3665                                Nicola Schnell
3666                            
3667                        </span>
3668                    
3669                </div>
3670
3671                
3672                
3673                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Behind the Scenes</p>
3674                
3675            </div>
3676        </div>
3677    </article>
3678
3679                            
3680                        
3681                            
3682                        
3683                            
3684                        
3685                            
3686                        
3687                            
3688                        
3689                            
3690                        
3691                            
3692                        
3693                    </div>
3694                
3695
3696                <div class="lg:hidden col-span-full block">
3697                    
3698                    
3699                            <div class="flex flex-col gap-12 sm:grid sm:grid-cols-2 sm:gap-6">
3700                                
3701                                    
3702                                        
3703    <article>
3704        <div class="group relative space-y-4">
3705            
3706                    <div class="relative w-full" data-controller="image-color">
3707                        
3708                                <figure class="overflow-hidden">
3709                                    <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" />
3710                                </figure>
3711                            
3712
3713                        <span
3714                            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">
3715                            
3716    
3717    
3718    
3719    
3720
3721    
3722        <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">
3723<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"/>
3724</svg>
3725    
3726
3727
3728                        </span>
3729                    </div>
3730                
3731
3732            <div class="item space-y-4 transition-all duration-200 ease-in">
3733                <h3 class="h4">
3734                    <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">
3735                        Wozu das denn? Ein Stadion auf einer Holztruhe
3736                    </a>
3737                </h3>
3738                <div class="flex items-center gap-2">
3739                    
3740                        <p class="text-13 leading-none font-light whitespace-nowrap">
3741                            9. September 2026
3742                        </p>
3743                    
3744
3745                    
3746                        
3747                            
3748    
3749    
3750    
3751    
3752
3753    
3754        <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">
3755<circle cx="12" cy="12" r="6"/>
3756</svg>
3757    
3758
3759
3760                        
3761                        <span class="text-13 flex-1 truncate leading-none font-light">
3762                            
3763                                Simon Sacha
3764                            
3765                        </span>
3766                    
3767                </div>
3768
3769                
3770                
3771                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
3772                
3773            </div>
3774        </div>
3775    </article>
3776
3777                                    
3778                                
3779                                    
3780                                        
3781    <article>
3782        <div class="group relative space-y-4">
3783            
3784                    <div class="relative w-full" data-controller="image-color">
3785                        
3786                                <figure class="overflow-hidden">
3787                                    <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" />
3788                                </figure>
3789                            
3790
3791                        <span
3792                            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">
3793                            
3794    
3795    
3796    
3797    
3798
3799    
3800        <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">
3801<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"/>
3802</svg>
3803    
3804
3805
3806                        </span>
3807                    </div>
3808                
3809
3810            <div class="item space-y-4 transition-all duration-200 ease-in">
3811                <h3 class="h4">
3812                    <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">
3813                        „In der Sammlungsarbeit und der Objektforschung geht es grundsätzlich um die historischen Umstände der Entstehung“ 
3814                    </a>
3815                </h3>
3816                <div class="flex items-center gap-2">
3817                    
3818                        <p class="text-13 leading-none font-light whitespace-nowrap">
3819                            27. Juli 2026
3820                        </p>
3821                    
3822
3823                    
3824                        
3825                            
3826    
3827    
3828    
3829    
3830
3831    
3832        <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">
3833<circle cx="12" cy="12" r="6"/>
3834</svg>
3835    
3836
3837
3838                        
3839                        <span class="text-13 flex-1 truncate leading-none font-light">
3840                            
3841                                Redaktion,
3842                            
3843                                Brigitte Reineke
3844                            
3845                        </span>
3846                    
3847                </div>
3848
3849                
3850                
3851                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Forschen</p>
3852                
3853            </div>
3854        </div>
3855    </article>
3856
3857                                    
3858                                
3859                                    
3860                                        
3861    <article>
3862        <div class="group relative space-y-4">
3863            
3864                    <div class="relative w-full" data-controller="image-color">
3865                        
3866                                <figure class="overflow-hidden">
3867                                    <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" />
3868                                </figure>
3869                            
3870
3871                        <span
3872                            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">
3873                            
3874    
3875    
3876    
3877    
3878
3879    
3880        <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">
3881<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"/>
3882</svg>
3883    
3884
3885
3886                        </span>
3887                    </div>
3888                
3889
3890            <div class="item space-y-4 transition-all duration-200 ease-in">
3891                <h3 class="h4">
3892                    <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">
3893                        Freiheit auf Papier: Die deutsche Erstausgabe der Unabhängigkeitserklärung der Vereinigten Staaten 
3894                    </a>
3895                </h3>
3896                <div class="flex items-center gap-2">
3897                    
3898                        <p class="text-13 leading-none font-light whitespace-nowrap">
3899                            3. Juli 2026
3900                        </p>
3901                    
3902
3903                    
3904                        
3905                            
3906    
3907    
3908    
3909    
3910
3911    
3912        <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">
3913<circle cx="12" cy="12" r="6"/>
3914</svg>
3915    
3916
3917
3918                        
3919                        <span class="text-13 flex-1 truncate leading-none font-light">
3920                            
3921                                Wolfgang Cortjaens,
3922                            
3923                                Dorlis Blume
3924                            
3925                        </span>
3926                    
3927                </div>
3928
3929                
3930                
3931                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Objekte. Geschichte. Geschichten.</p>
3932                
3933            </div>
3934        </div>
3935    </article>
3936
3937                                    
3938                                
3939                                    
3940                                        
3941    <article>
3942        <div class="group relative space-y-4">
3943            
3944                    <div class="relative w-full" data-controller="image-color">
3945                        
3946                                <figure class="overflow-hidden">
3947                                    <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" />
3948                                </figure>
3949                            
3950
3951                        <span
3952                            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">
3953                            
3954    
3955    
3956    
3957    
3958
3959    
3960        <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">
3961<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"/>
3962</svg>
3963    
3964
3965
3966                        </span>
3967                    </div>
3968                
3969
3970            <div class="item space-y-4 transition-all duration-200 ease-in">
3971                <h3 class="h4">
3972                    <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">
3973                        Mit neuem Corporate Design auf dem Weg zur neuen Ständigen Ausstellung im Zeughaus
3974                    </a>
3975                </h3>
3976                <div class="flex items-center gap-2">
3977                    
3978                        <p class="text-13 leading-none font-light whitespace-nowrap">
3979                            25. Juni 2026
3980                        </p>
3981                    
3982
3983                    
3984                        
3985                            
3986    
3987    
3988    
3989    
3990
3991    
3992        <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">
3993<circle cx="12" cy="12" r="6"/>
3994</svg>
3995    
3996
3997
3998                        
3999                        <span class="text-13 flex-1 truncate leading-none font-light">
4000                            
4001                                Nicola Schnell
4002                            
4003                        </span>
4004                    
4005                </div>
4006
4007                
4008                
4009                    <p class="bg-dark-blue-400/8 text-13 w-fit rounded-xl px-2 py-1">Behind the Scenes</p>
4010                
4011            </div>
4012        </div>
4013    </article>
4014
4015                                    
4016                                
4017                                    
4018                                
4019                                    
4020                                
4021                                    
4022                                
4023                                    
4024                                
4025                                    
4026                                
4027                                    
4028                                
4029                            </div>
4030                        
4031                </div>
4032
4033                
4034                    <div class="col-span-12 flex justify-center">
4035                        <a href="/journal/inside-dhm" class="btn-dark group">
4036                            Mehr Entdecken
4037                            
4038    
4039    
4040    
4041    
4042
4043    
4044        <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">
4045<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4046</svg>
4047    
4048
4049
4050                        </a>
4051                    </div>
4052                
4053            </div>
4054        </div>
4055    </div>
4056
4057
4058
4059
4060    
4061                
4062                    
4063
4064
4065
4066                
4067                
4068                    
4069
4070
4071
4072                
4073            </div>
4074        
4075
4076
4077    
4078            <div
4079                id="c89"
4080                class="frame frame- frame-type-xima_teasertexthome frame-layout-">
4081                
4082                
4083                    
4084
4085
4086
4087                
4088                
4089                    
4090
4091    
4092        <header>
4093            
4094
4095    
4096            
4097        
4098
4099
4100
4101            
4102
4103
4104
4105            
4106
4107
4108
4109        </header>
4110    
4111
4112
4113
4114                
4115                
4116        
4117    
4118    
4119    
4120
4121    
4122
4123    <div
4124        class="bg-dark-blue-400 w-full overflow-x-hidden"
4125        data-controller="parallax"
4126        data-parallax-offset-y-value="25">
4127        <div class="text-yellow-100 container mx-auto gap-16 py-12 md:py-16 lg:py-30">
4128            <div class="custom-grid gap-y-20" data-parallax-target="item">
4129                <h2 class="hero col-span-full">Neue Ständige Ausstellung</h2>
4130                
4131                    <div class="col-span-12 hidden grid-cols-4 gap-6 lg:grid">
4132                        
4133                            
4134                                
4135    <article>
4136        <div class="group relative space-y-4">
4137            
4138                    <div class="relative w-full" data-controller="image-color">
4139                        
4140                                <figure class="overflow-hidden">
4141                                    <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" />
4142                                </figure>
4143                            
4144
4145                        <span
4146                            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">
4147                            
4148    
4149    
4150    
4151    
4152
4153    
4154        <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">
4155<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"/>
4156</svg>
4157    
4158
4159
4160                        </span>
4161                    </div>
4162                
4163
4164            <div class="item space-y-4 transition-all duration-200 ease-in">
4165                <h3 class="h4">
4166                    <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">
4167                        Atelier Brückner: Gestalterische Exzellenz für das DHM
4168                    </a>
4169                </h3>
4170                <div class="flex items-center gap-2">
4171                    
4172                        <p class="text-13 leading-none font-light whitespace-nowrap">
4173                            26. Mai 2026
4174                        </p>
4175                    
4176
4177                    
4178                        
4179                            
4180    
4181    
4182    
4183    
4184
4185    
4186        <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">
4187<circle cx="12" cy="12" r="6"/>
4188</svg>
4189    
4190
4191
4192                        
4193                        <span class="text-13 flex-1 truncate leading-none font-light">
4194                            
4195                                Redaktion
4196                            
4197                        </span>
4198                    
4199                </div>
4200
4201                
4202                
4203                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Partner</p>
4204                
4205            </div>
4206        </div>
4207    </article>
4208
4209                            
4210                        
4211                            
4212                                
4213    <article>
4214        <div class="group relative space-y-4">
4215            
4216                    <div class="relative w-full" data-controller="image-color">
4217                        
4218                                <figure class="overflow-hidden">
4219                                    <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" />
4220                                </figure>
4221                            
4222
4223                        <span
4224                            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">
4225                            
4226    
4227    
4228    
4229    
4230
4231    
4232        <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">
4233<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"/>
4234</svg>
4235    
4236
4237
4238                        </span>
4239                    </div>
4240                
4241
4242            <div class="item space-y-4 transition-all duration-200 ease-in">
4243                <h3 class="h4">
4244                    <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">
4245                        Das Zeughaus wird saniert: Fünf Fragen und Antworten 
4246                    </a>
4247                </h3>
4248                <div class="flex items-center gap-2">
4249                    
4250                        <p class="text-13 leading-none font-light whitespace-nowrap">
4251                            26. Mai 2026
4252                        </p>
4253                    
4254
4255                    
4256                        
4257                            
4258    
4259    
4260    
4261    
4262
4263    
4264        <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">
4265<circle cx="12" cy="12" r="6"/>
4266</svg>
4267    
4268
4269
4270                        
4271                        <span class="text-13 flex-1 truncate leading-none font-light">
4272                            
4273                                Redaktion
4274                            
4275                        </span>
4276                    
4277                </div>
4278
4279                
4280                
4281                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Geschichte des Ortes</p>
4282                
4283            </div>
4284        </div>
4285    </article>
4286
4287                            
4288                        
4289                            
4290                                
4291    <article>
4292        <div class="group relative space-y-4">
4293            
4294                    <div class="relative w-full" data-controller="image-color">
4295                        
4296                                <figure class="overflow-hidden">
4297                                    <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" />
4298                                </figure>
4299                            
4300
4301                        <span
4302                            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">
4303                            
4304    
4305    
4306    
4307    
4308
4309    
4310        <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">
4311<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"/>
4312</svg>
4313    
4314
4315
4316                        </span>
4317                    </div>
4318                
4319
4320            <div class="item space-y-4 transition-all duration-200 ease-in">
4321                <h3 class="h4">
4322                    <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">
4323                        Zoom In: Das königliche Zeughaus 
4324                    </a>
4325                </h3>
4326                <div class="flex items-center gap-2">
4327                    
4328                        <p class="text-13 leading-none font-light whitespace-nowrap">
4329                            26. Mai 2026
4330                        </p>
4331                    
4332
4333                    
4334                        
4335                            
4336    
4337    
4338    
4339    
4340
4341    
4342        <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">
4343<circle cx="12" cy="12" r="6"/>
4344</svg>
4345    
4346
4347
4348                        
4349                        <span class="text-13 flex-1 truncate leading-none font-light">
4350                            
4351                                Redaktion
4352                            
4353                        </span>
4354                    
4355                </div>
4356
4357                
4358                
4359                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Geschichte des Ortes</p>
4360                
4361            </div>
4362        </div>
4363    </article>
4364
4365                            
4366                        
4367                    </div>
4368                
4369
4370                <div class="lg:hidden col-span-full block">
4371                    
4372                    
4373                            <div class="flex flex-col gap-12 sm:grid sm:grid-cols-2 sm:gap-6">
4374                                
4375                                    
4376                                        
4377    <article>
4378        <div class="group relative space-y-4">
4379            
4380                    <div class="relative w-full" data-controller="image-color">
4381                        
4382                                <figure class="overflow-hidden">
4383                                    <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" />
4384                                </figure>
4385                            
4386
4387                        <span
4388                            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">
4389                            
4390    
4391    
4392    
4393    
4394
4395    
4396        <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">
4397<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"/>
4398</svg>
4399    
4400
4401
4402                        </span>
4403                    </div>
4404                
4405
4406            <div class="item space-y-4 transition-all duration-200 ease-in">
4407                <h3 class="h4">
4408                    <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">
4409                        Atelier Brückner: Gestalterische Exzellenz für das DHM
4410                    </a>
4411                </h3>
4412                <div class="flex items-center gap-2">
4413                    
4414                        <p class="text-13 leading-none font-light whitespace-nowrap">
4415                            26. Mai 2026
4416                        </p>
4417                    
4418
4419                    
4420                        
4421                            
4422    
4423    
4424    
4425    
4426
4427    
4428        <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">
4429<circle cx="12" cy="12" r="6"/>
4430</svg>
4431    
4432
4433
4434                        
4435                        <span class="text-13 flex-1 truncate leading-none font-light">
4436                            
4437                                Redaktion
4438                            
4439                        </span>
4440                    
4441                </div>
4442
4443                
4444                
4445                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Partner</p>
4446                
4447            </div>
4448        </div>
4449    </article>
4450
4451                                    
4452                                
4453                                    
4454                                        
4455    <article>
4456        <div class="group relative space-y-4">
4457            
4458                    <div class="relative w-full" data-controller="image-color">
4459                        
4460                                <figure class="overflow-hidden">
4461                                    <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" />
4462                                </figure>
4463                            
4464
4465                        <span
4466                            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">
4467                            
4468    
4469    
4470    
4471    
4472
4473    
4474        <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">
4475<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"/>
4476</svg>
4477    
4478
4479
4480                        </span>
4481                    </div>
4482                
4483
4484            <div class="item space-y-4 transition-all duration-200 ease-in">
4485                <h3 class="h4">
4486                    <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">
4487                        Das Zeughaus wird saniert: Fünf Fragen und Antworten 
4488                    </a>
4489                </h3>
4490                <div class="flex items-center gap-2">
4491                    
4492                        <p class="text-13 leading-none font-light whitespace-nowrap">
4493                            26. Mai 2026
4494                        </p>
4495                    
4496
4497                    
4498                        
4499                            
4500    
4501    
4502    
4503    
4504
4505    
4506        <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">
4507<circle cx="12" cy="12" r="6"/>
4508</svg>
4509    
4510
4511
4512                        
4513                        <span class="text-13 flex-1 truncate leading-none font-light">
4514                            
4515                                Redaktion
4516                            
4517                        </span>
4518                    
4519                </div>
4520
4521                
4522                
4523                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Geschichte des Ortes</p>
4524                
4525            </div>
4526        </div>
4527    </article>
4528
4529                                    
4530                                
4531                                    
4532                                        
4533    <article>
4534        <div class="group relative space-y-4">
4535            
4536                    <div class="relative w-full" data-controller="image-color">
4537                        
4538                                <figure class="overflow-hidden">
4539                                    <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" />
4540                                </figure>
4541                            
4542
4543                        <span
4544                            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">
4545                            
4546    
4547    
4548    
4549    
4550
4551    
4552        <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">
4553<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"/>
4554</svg>
4555    
4556
4557
4558                        </span>
4559                    </div>
4560                
4561
4562            <div class="item space-y-4 transition-all duration-200 ease-in">
4563                <h3 class="h4">
4564                    <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">
4565                        Zoom In: Das königliche Zeughaus 
4566                    </a>
4567                </h3>
4568                <div class="flex items-center gap-2">
4569                    
4570                        <p class="text-13 leading-none font-light whitespace-nowrap">
4571                            26. Mai 2026
4572                        </p>
4573                    
4574
4575                    
4576                        
4577                            
4578    
4579    
4580    
4581    
4582
4583    
4584        <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">
4585<circle cx="12" cy="12" r="6"/>
4586</svg>
4587    
4588
4589
4590                        
4591                        <span class="text-13 flex-1 truncate leading-none font-light">
4592                            
4593                                Redaktion
4594                            
4595                        </span>
4596                    
4597                </div>
4598
4599                
4600                
4601                    <p class="bg-yellow-500/30 text-13 w-fit rounded-xl px-2 py-1">Geschichte des Ortes</p>
4602                
4603            </div>
4604        </div>
4605    </article>
4606
4607                                    
4608                                
4609                            </div>
4610                        
4611                </div>
4612
4613                
4614                    <div class="col-span-12 flex justify-center">
4615                        <a href="/journal/neue-staendige-ausstellungen" class="btn-light group">
4616                            Mehr Entdecken
4617                            
4618    
4619    
4620    
4621    
4622
4623    
4624        <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">
4625<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4626</svg>
4627    
4628
4629
4630                        </a>
4631                    </div>
4632                
4633            </div>
4634        </div>
4635    </div>
4636
4637
4638
4639
4640    
4641                
4642                    
4643
4644
4645
4646                
4647                
4648                    
4649
4650
4651
4652                
4653            </div>
4654        
4655
4656
4657    
4658            <div
4659                id="c52"
4660                class="frame frame- frame-type-xima_teaservideohome frame-layout-">
4661                
4662                
4663                    
4664
4665
4666
4667                
4668                
4669                    
4670
4671    
4672        <header>
4673            
4674
4675    
4676            
4677        
4678
4679
4680
4681            
4682
4683
4684
4685            
4686
4687
4688
4689        </header>
4690    
4691
4692
4693
4694                
4695                
4696        
4697    
4698    
4699
4700    
4701
4702    <div class="bg-dark-blue-500 overflow-hidden py-12 md:py-[120px]">
4703        
4704                <div>
4705                    <div class="container mx-auto py-0">
4706                        <h2 class="h2 mb-10 text-yellow-100 md:mb-20">
4707                            Sehen
4708                        </h2>
4709                    </div>
4710
4711                    <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}}}">
4712                        <div class="container mx-auto mb-10 py-0 md:mb-0">
4713                            <div class="splide" data-slider-target="slider">
4714                                <div class="splide__track md:!overflow-visible">
4715                                    <ul class="splide__list">
4716                                        
4717                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
4718                                                
4719    
4720    
4721    
4722    
4723    
4724    
4725    
4726
4727    
4728
4729    
4730        
4731            
4732        
4733    
4734
4735    <article data-filter-target="item" data-filter-category="72">
4736        
4737                <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="„Bergbau ist nicht eines Mannes Werk“ — Ralf Kusmierz über die Tradition der Bergleute" href="/journal/beitrag/bergbau-ist-nicht-eines-mannes-werk-ralf-kusmierz-ueber-die-tradition-der-bergleute">
4738                    
4739        <div class="relative aspect-[533/300] w-full overflow-hidden">
4740            
4741                    <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/a/csm_Thumbn
4741ail_Ralf_Kusmierz_e09087e8ce.webp" width="850" height="480" alt="" />
4742                
4743
4744            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
4745                <div
4746                    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">
4747                    
4748    
4749    
4750    
4751    
4752
4753    
4754        <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">
4755    <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;"/>
4756</svg>
4757    
4758
4759
4760                </div>
4761            </div>
4762        </div>
4763
4764        <div class="flex flex-col gap-4">
4765            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">„Bergbau ist nicht eines Mannes Werk“ — Ralf Kusmierz über die Tradition der Bergleute</p>
4766
4767            <div class="flex flex-wrap items-baseline gap-4">
4768                <div class="flex items-center gap-2">
4769                    
4770                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
4771                            30. September 2026
4772                        </p>
4773                    
4774
4775                    
4776                        
4777    
4778    
4779    
4780    
4781
4782    
4783        <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">
4784<circle cx="12" cy="12" r="6"/>
4785</svg>
4786    
4787
4788
4789                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">2 Min.</p>
4790                    
4791                </div>
4792
4793                
4794                
4795                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
4796                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
4797                    </div>
4798                
4799            </div>
4800        </div>
4801    
4802                </a>
4803            
4804    </article>
4805
4806    
4807
4808
4809                                            </li>
4810                                        
4811                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
4812                                                
4813    
4814    
4815    
4816    
4817    
4818    
4819    
4820
4821    
4822
4823    
4824        
4825            
4826        
4827    
4828
4829    <article data-filter-target="item" data-filter-category="72">
4830        
4831                <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">
4832                    
4833        <div class="relative aspect-[533/300] w-full overflow-hidden">
4834            
4835                    <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_Thumbnail_Ayhan_Artar_0a95c923f3.webp" width="850" height="478" alt="" />
4836                
4837
4838            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
4839                <div
4840                    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">
4841                    
4842    
4843    
4844    
4845    
4846
4847    
4848        <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">
4849    <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;"/>
4850</svg>
4851    
4852
4853
4854                </div>
4855            </div>
4856        </div>
4857
4858        <div class="flex flex-col gap-4">
4859            <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>
4860
4861            <div class="flex flex-wrap items-baseline gap-4">
4862                <div class="flex items-center gap-2">
4863                    
4864                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
4865                            17. September 2026
4866                        </p>
4867                    
4868
4869                    
4870                        
4871    
4872    
4873    
4874    
4875
4876    
4877        <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">
4878<circle cx="12" cy="12" r="6"/>
4879</svg>
4880    
4881
4882
4883                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">2 Min.</p>
4884                    
4885                </div>
4886
4887                
4888                
4889                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
4890                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
4891                    </div>
4892                
4893            </div>
4894        </div>
4895    
4896                </a>
4897            
4898    </article>
4899
4900    
4901
4902
4903                                            </li>
4904                                        
4905                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
4906                                                
4907    
4908    
4909    
4910    
4911    
4912    
4913    
4914
4915    
4916
4917    
4918        
4919            
4920        
4921    
4922
4923    <article data-filter-target="item" data-filter-category="103">
4924        
4925                <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
4925-gewalt">
4926                    
4927        <div class="relative aspect-[533/300] w-full overflow-hidden">
4928            
4929                    <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" />
4930                
4931
4932            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
4933                <div
4934                    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">
4935                    
4936    
4937    
4938    
4939    
4940
4941    
4942        <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">
4943    <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;"/>
4944</svg>
4945    
4946
4947
4948                </div>
4949            </div>
4950        </div>
4951
4952        <div class="flex flex-col gap-4">
4953            <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>
4954
4955            <div class="flex flex-wrap items-baseline gap-4">
4956                <div class="flex items-center gap-2">
4957                    
4958                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
4959                            17. August 2026
4960                        </p>
4961                    
4962
4963                    
4964                        
4965    
4966    
4967    
4968    
4969
4970    
4971        <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">
4972<circle cx="12" cy="12" r="6"/>
4973</svg>
4974    
4975
4976
4977                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">8 Min.</p>
4978                    
4979                </div>
4980
4981                
4982                
4983                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
4984                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Umstrittene Verwandtschaft</p>
4985                    </div>
4986                
4987            </div>
4988        </div>
4989    
4990                </a>
4991            
4992    </article>
4993
4994    
4995
4996
4997                                            </li>
4998                                        
4999                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5000                                                
5001    
5002    
5003    
5004    
5005    
5006    
5007    
5008
5009    
5010
5011    
5012        
5013            
5014        
5015    
5016
5017    <article data-filter-target="item" data-filter-category="72">
5018        
5019                <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">
5020                    
5021        <div class="relative aspect-[533/300] w-full overflow-hidden">
5022            
5023                    <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" />
5024                
5025
5026            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5027                <div
5028                    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">
5029                    
5030    
5031    
5032    
5033    
5034
5035    
5036        <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">
5037    <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;"/>
5038</svg>
5039    
5040
5041
5042                </div>
5043            </div>
5044        </div>
5045
5046        <div class="flex flex-col gap-4">
5047            <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>
5048
5049            <div class="flex flex-wrap items-baseline gap-4">
5050                <div class="flex items-center gap-2">
5051                    
5052                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5053                            12. August 2026
5054                        </p>
5055                    
5056
5057                    
5058                        
5059    
5060    
5061    
5062    
5063
5064    
5065        <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">
5066<circle cx="12" cy="12" r="6"/>
5067</svg>
5068    
5069
5070
5071                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">7 Min.</p>
5072                    
5073                </div>
5074
5075                
5076                
5077                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5078                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
5079                    </div>
5080                
5081            </div>
5082        </div>
5083    
5084                </a>
5085            
5086    </article>
5087
5088    
5089
5090
5091                                            </li>
5092                                        
5093                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5094                                                
5095    
5096    
5097    
5098    
5099    
5100    
5101    
5102
5103    
5104
5105    
5106        
5107            
5108        
5109    
5110
5111    <article data-filter-target="item" data-filter-category="53">
5112        
5113                <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">
5114                    
5115        <div class="relative aspect-[533/300] w-full overflow-hidden">
5116            
5117                    <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="" />
5118                
5119
5120            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5121                <div
5122                    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">
5123                    
5124    
5125    
5126    
5127    
5128
5129    
5130        <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">
5131    <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;"/>
5132</svg>
5133    
5134
5135
5136                </div>
5137            </div>
5138        </div>
5139
5140        <div class="flex flex-col gap-4">
5141            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Einblicke: Wie die neue Ständige Ausstellung entsteht</p>
5142
5143            <div class="flex flex-wrap items-baseline gap-4">
5144                <div class="flex items-center gap-2">
5145                    
5146                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5147                            11. Juni 2026
5148                        </p>
5149                    
5150
5151                    
5152                        
5153    
5154    
5155    
5156    
5157
5158    
5159        <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">
5160<circle cx="12" cy="12" r="6"/>
5161</svg>
5162    
5163
5164
5165                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">6 Min.</p>
5166                    
5167                </div>
5168
5169                
5170                
5171                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5172                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Neue Ständige Ausstellung</p>
5173                    </div>
5174                
5175            </div>
5176        </div>
5177    
5178                </a>
5179            
5180    </article>
5181
5182    
5183
5184
5185                                            </li>
5186                                        
5187                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5188                                                
5189    
5190    
5191    
5192    
5193    
5194    
5195    
5196
5197    
5198
5199    
5200        
5201            
5202        
5203    
5204
5205    <article data-filter-target="item" data-filter-category="53">
5206        
5207                <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">
5208                    
5209        <div class="relative aspect-[533/300] w-full overflow-hidden">
5210            
5211                    <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
5211701_f16da76fe6.webp" width="850" height="478" alt="" />
5212                
5213
5214            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5215                <div
5216                    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">
5217                    
5218    
5219    
5220    
5221    
5222
5223    
5224        <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">
5225    <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;"/>
5226</svg>
5227    
5228
5229
5230                </div>
5231            </div>
5232        </div>
5233
5234        <div class="flex flex-col gap-4">
5235            <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>
5236
5237            <div class="flex flex-wrap items-baseline gap-4">
5238                <div class="flex items-center gap-2">
5239                    
5240                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5241                            26. Mai 2026
5242                        </p>
5243                    
5244
5245                    
5246                        
5247    
5248    
5249    
5250    
5251
5252    
5253        <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">
5254<circle cx="12" cy="12" r="6"/>
5255</svg>
5256    
5257
5258
5259                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">15 Min.</p>
5260                    
5261                </div>
5262
5263                
5264                
5265                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5266                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Neue Ständige Ausstellung</p>
5267                    </div>
5268                
5269            </div>
5270        </div>
5271    
5272                </a>
5273            
5274    </article>
5275
5276    
5277
5278
5279                                            </li>
5280                                        
5281                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5282                                                
5283    
5284    
5285    
5286    
5287    
5288    
5289    
5290
5291    
5292
5293    
5294        
5295            
5296        
5297    
5298
5299    <article data-filter-target="item" data-filter-category="72">
5300        
5301                <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">
5302                    
5303        <div class="relative aspect-[533/300] w-full overflow-hidden">
5304            
5305                    <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="" />
5306                
5307
5308            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5309                <div
5310                    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">
5311                    
5312    
5313    
5314    
5315    
5316
5317    
5318        <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">
5319    <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;"/>
5320</svg>
5321    
5322
5323
5324                </div>
5325            </div>
5326        </div>
5327
5328        <div class="flex flex-col gap-4">
5329            <p class="text-yellow-100 line-clamp-2 text-2xl font-normal">Objekte. Geschichte. Geschichten. Blick in die Sammlung</p>
5330
5331            <div class="flex flex-wrap items-baseline gap-4">
5332                <div class="flex items-center gap-2">
5333                    
5334                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5335                            26. Mai 2026
5336                        </p>
5337                    
5338
5339                    
5340                        
5341    
5342    
5343    
5344    
5345
5346    
5347        <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">
5348<circle cx="12" cy="12" r="6"/>
5349</svg>
5350    
5351
5352
5353                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">4 Min.</p>
5354                    
5355                </div>
5356
5357                
5358                
5359                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5360                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
5361                    </div>
5362                
5363            </div>
5364        </div>
5365    
5366                </a>
5367            
5368    </article>
5369
5370    
5371
5372
5373                                            </li>
5374                                        
5375                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5376                                                
5377    
5378    
5379    
5380    
5381    
5382    
5383    
5384
5385    
5386
5387    
5388        
5389            
5390        
5391    
5392        
5393            
5394        
5395    
5396        
5397            
5398        
5399    
5400
5401    <article data-filter-target="item" data-filter-category="47,64,28">
5402        
5403                <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">
5404                    
5405        <div class="relative aspect-[533/300] w-full overflow-hidden">
5406            
5407                    <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="" />
5408                
5409
5410            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5411                <div
5412                    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">
5413                    
5414    
5415    
5416    
5417    
5418
5419    
5420        <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">
5421    <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;"/>
5422</svg>
5423    
5424
5425
5426                </div>
5427            </div>
5428        </div>
5429
5430        <div class="flex flex-col gap-4">
5431            <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>
5432
5433            <div class="flex flex-wrap items-baseline gap-4">
5434                <div class="flex items-center gap-2">
5435                    
5436                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5437                            25. Mai 2026
5438                        </p>
5439                    
5440
5441                    
5442                        
5443    
5444    
5445    
5446    
5447
5448    
5449        <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">
5450<circle cx="12" cy="12" r="6"/>
5451</svg>
5452    
5453
5454
5455                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">85 Min.</p>
5456                    
5457                </div>
5458
5459                
5460                
5461                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5462                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Behind the Scenes</p>
5463                    </div>
5464                
5465            </div>
5466        </div>
5467    
5468                </a>
5469            
5470    </article>
5471
5472    
5473
5474
5475                                            </li>
5476                                        
5477                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5478                                                
5479    
5480    
5481    
5482    
5483    
5484    
5485    
5486
5487    
5488
5489    
5490        
5491            
5492        
5493    
5494
5495    <article data-filter-target="item" data-filter-category="72">
5496        
5497                <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">
5498                    
5499        <div class="relative aspect-[533/300] w-full overflow-hidden">
5500            
5501                    <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
5501ail_Gross_clean_59498a7f78.webp" width="850" height="478" alt="" />
5502                
5503
5504            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5505                <div
5506                    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">
5507                    
5508    
5509    
5510    
5511    
5512
5513    
5514        <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">
5515    <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;"/>
5516</svg>
5517    
5518
5519
5520                </div>
5521            </div>
5522        </div>
5523
5524        <div class="flex flex-col gap-4">
5525            <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>
5526
5527            <div class="flex flex-wrap items-baseline gap-4">
5528                <div class="flex items-center gap-2">
5529                    
5530                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5531                            8. Mai 2026
5532                        </p>
5533                    
5534
5535                    
5536                        
5537    
5538    
5539    
5540    
5541
5542    
5543        <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">
5544<circle cx="12" cy="12" r="6"/>
5545</svg>
5546    
5547
5548
5549                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">3 Min.</p>
5550                    
5551                </div>
5552
5553                
5554                
5555                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5556                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
5557                    </div>
5558                
5559            </div>
5560        </div>
5561    
5562                </a>
5563            
5564    </article>
5565
5566    
5567
5568
5569                                            </li>
5570                                        
5571                                            <li class="splide__slide w-[80%] md:w-[45%] lg:w-[45%] xl:w-[35%]">
5572                                                
5573    
5574    
5575    
5576    
5577    
5578    
5579    
5580
5581    
5582
5583    
5584        
5585            
5586        
5587    
5588
5589    <article data-filter-target="item" data-filter-category="72">
5590        
5591                <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">
5592                    
5593        <div class="relative aspect-[533/300] w-full overflow-hidden">
5594            
5595                    <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="" />
5596                
5597
5598            <div class="absolute inset-0 flex items-end justify-end px-5 py-4">
5599                <div
5600                    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">
5601                    
5602    
5603    
5604    
5605    
5606
5607    
5608        <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">
5609    <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;"/>
5610</svg>
5611    
5612
5613
5614                </div>
5615            </div>
5616        </div>
5617
5618        <div class="flex flex-col gap-4">
5619            <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>
5620
5621            <div class="flex flex-wrap items-baseline gap-4">
5622                <div class="flex items-center gap-2">
5623                    
5624                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">
5625                            8. Mai 2026
5626                        </p>
5627                    
5628
5629                    
5630                        
5631    
5632    
5633    
5634    
5635
5636    
5637        <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">
5638<circle cx="12" cy="12" r="6"/>
5639</svg>
5640    
5641
5642
5643                        <p class="text-yellow-100 font-gt text-13 leading-none font-light whitespace-nowrap">4 Min.</p>
5644                    
5645                </div>
5646
5647                
5648                
5649                    <div class="bg-yellow-500/30 flex items-center justify-center rounded-full px-2 py-1.5">
5650                        <p class="text-yellow-100 text-13 leading-none font-normal whitespace-nowrap">Objekte. Geschichte. Geschichten.</p>
5651                    </div>
5652                
5653            </div>
5654        </div>
5655    
5656                </a>
5657            
5658    </article>
5659
5660    
5661
5662
5663                                            </li>
5664                                        
5665                                    </ul>
5666                                </div>
5667                            </div>
5668                        </div>
5669
5670                        <div class="container mx-auto hidden justify-end pt-10 pb-16 md:flex">
5671                            <div class="flex gap-2">
5672                                <button
5673                                    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"
5674                                    aria-label="Vorheriges Element"
5675                                    data-slider-target="prevBtn">
5676                                    
5677    
5678    
5679    
5680    
5681
5682    
5683        <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">
5684<path d="M21 12H3M3 12L10 5M3 12L10 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5685</svg>
5686    
5687
5688
5689                                </button>
5690                                <button
5691                                    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"
5692                                    aria-label="Nächstes Element"
5693                                    data-slider-target="nextBtn">
5694                                    
5695    
5696    
5697    
5698    
5699
5700    
5701        <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">
5702<path d="M3 12H21M21 12L14 5M21 12L14 19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5703</svg>
5704    
5705
5706
5707                                </button>
5708                            </div>
5709                        </div>
5710                    </div>
5711                </div>
5712            
5713
5714        
5715    </div>
5716
5717
5718    
5719                
5720                    
5721
5722
5723
5724                
5725                
5726                    
5727
5728
5729
5730                
5731            </div>
5732        
5733
5734
5735    
5736            <div
5737                id="c2421"
5738                class="frame frame- frame-type-xima_teaseraudiohome frame-layout-">
5739                
5740                
5741                    
5742
5743
5744
5745                
5746                
5747                    
5748
5749    
5750        <header>
5751            
5752
5753    
5754            
5755        
5756
5757
5758
5759            
5760
5761
5762
5763            
5764
5765
5766
5767        </header>
5768    
5769
5770
5771
5772                
5773                
5774        
5775    
5776
5777    <div class="bg-dark-blue-500 py-12 lg:py-30">
5778        <div class="container mx-auto py-0">
5779            <h2 class="h2 mb-10 text-yellow-100 md:mb-20">
5780                Hören
5781            </h2>
5782
5783            <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">
5784                
5785                    <div data-parallax-target="item">
5786                        
5787    
5788    
5789    
5790    
5791    
5792
5793    
5794
5795    
5796        
5797            
5798        
5799    
5800
5801    <article data-filter-target="item" data-filter-category="72" class="h-full">
5802        
5803                <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">
5804                    
5805        <div class="flex w-full items-start justify-end overflow-clip">
5806            
5807                    <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="" />
5808                
5809        </div>
5810
5811        <div class="flex w-full items-end gap-6">
5812            <div class="flex flex-1 flex-col gap-4">
5813                <p class="text-dark-blue-500 text-2xl leading-tight tracking-tight">„Objekt im Blick“: Das „Lied der Deutschen“</p>
5814
5815                <div class="flex flex-col gap-4">
5816                    <div class="text-dark-blue-500 flex flex-wrap items-center gap-2 text-xs leading-none">
5817                        
5818                            <span class="whitespace-nowrap">
5819                                7. September 2026
5820                            </span>
5821                        
5822
5823                        
5824                            
5825    
5826    
5827    
5828    
5829
5830    
5831        <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">
5832<circle cx="12" cy="12" r="6"/>
5833</svg>
5834    
5835
5836
5837                            <span class="whitespace-nowrap">92 Min.</span>
5838                        
5839
5840                        
5841                            
5842                                
5843    
5844    
5845    
5846    
5847
5848    
5849        <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">
5850<circle cx="12" cy="12" r="6"/>
5851</svg>
5852    
5853
5854
5855                            
5856                            <span class="flex-1 truncate">
5857                                
5858                                    Redaktion
5859                                
5860                            </span>
5861                        
5862                    </div>
5863
5864                    
5865                    
5866                        <div class="bg-dark-blue-500/8 flex w-fit items-center justify-center rounded-full px-2 py-1.5">
5867                            <p class="text-dark-blue-500 text-xs leading-none font-medium">Objekte. Geschichte. Geschichten.</p>
5868                        </div>
5869                    
5870                </div>
5871            </div>
5872
5873            <div
5874                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">
5875                
5876    
5877    
5878    
5879    
5880
5881    
5882        <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">
5883<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"/>
5884</svg>
5885    
5886
5887
5888            </div>
5889        </div>
5890    
5891                </a>
5892            
5893    </article>
5894
5895    
5896
5897
5898                    </div>
5899                
5900                    <div data-parallax-target="item">
5901                        
5902    
5903    
5904    
5905    
5906    
5907
5908    
5909
5910    
5911        
5912            
5913        
5914    
5915
5916    <article data-filter-target="item" data-filter-category="72" class="h-full">
5917        
5918                <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">
5919                    
5920        <div class="flex w-full items-start justify-end overflow-clip">
5921            
5922                    <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="" />
5923                
5924        </div>
5925
5926        <div class="flex w-full items-end gap-6">
5927            <div class="flex flex-1 flex-col gap-4">
5928                <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>
5929
5930                <div class="flex flex-col gap-4">
5931                    <div class="text-dark-blue-500 flex flex-wrap items-center gap-2 text-xs leading-none">
5932                        
5933                            <span class="whitespace-nowrap">
5934                                11. August 2026
5935                            </span>
5936                        
5937
5938                        
5939                            
5940    
5941    
5942    
5943    
5944
5945    
5946        <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">
5947<circle cx="12" cy="12" r="6"/>
5948</svg>
5949    
5950
5951
5952                            <span class="whitespace-nowrap">87 Min.</span>
5953                        
5954
5955                        
5956                            
5957                                
5958    
5959    
5960    
5961    
5962
5963    
5964        <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">
5965<circle cx="12" cy="12" r="6"/>
5966</svg>
5967    
5968
5969
5970                            
5971                            <span class="flex-1 truncate">
5972                                
5973                                    Redaktion
5974                                
5975                            </span>
5976                        
5977                    </div>
5978
5979                    
5980                    
5981                        <div class="bg-dark-blue-500/8 flex w-fit items-center justify-center rounded-full px-2 py-1.5">
5982                            <p class="text-dark-blue-500 text-xs leading-none font-medium">Objekte. Geschichte. Geschichten.</p>
5983                        </div>
5984                    
5985                </div>
5986            </div>
5987
5988            <div
5989                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">
5990                
5991    
5992    
5993    
5994    
5995
5996    
5997        <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">
5998<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"/>
5999</svg>
6000    
6001
6002
6003            </div>
6004        </div>
6005    
6006                </a>
6007            
6008    </article>
6009
6010    
6011
6012
6013                    </div>
6014                
6015                    <div data-parallax-target="item">
6016                        
6017    
6018    
6019    
6020    
6021    
6022
6023    
6024
6025    
6026        
6027            
6028        
6029    
6030
6031    <article data-filter-target="item" data-filter-category="72" class="h-full">
6032        
6033                <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">
6034                    
6035        <div class="flex w-full items-start justify-end overflow-clip">
6036            
6037                    <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." />
6038                
6039        </div>
6040
6041        <div class="flex w-full items-end gap-6">
6042            <div class="flex flex-1 flex-col gap-4">
6043                <p class="text-dark-blue-500 text-2xl leading-tight tracking-tight">„Objekt im Blick“: Ein osmanischer Helm und seine Geschichte</p>
6044
6045                <div class="flex flex-col gap-4">
6046                    <div class="text-dark-blue-500 flex flex-wrap items-center gap-2 text-xs leading-none">
6047                        
6048                            <span class="whitespace-nowrap">
6049                                16. Juli 2026
6050                            </span>
6051                        
6052
6053                        
6054                            
6055    
6056    
6057    
6058    
6059
6060    
6061        <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">
6062<circle cx="12" cy="12" r="6"/>
6063</svg>
6064    
6065
6066
6067                            <span class="whitespace-nowrap">84 Min.</span>
6068                        
6069
6070                        
6071                            
6072                                
6073    
6074    
6075    
6076    
6077
6078    
6079        <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">
6080<circle cx="12" cy="12" r="6"/>
6081</svg>
6082    
6083
6084
6085                            
6086                            <span class="flex-1 truncate">
6087                                
6088                                    Redaktion
6089                                
6090                            </span>
6091                        
6092                    </div>
6093
6094                    
6095                    
6096                        <div class="bg-dark-blue-500/8 flex w-fit items-center justify-center rounded-full px-2 py-1.5">
6097                            <p class="text-dark-blue-500 text-xs leading-none font-medium">Objekte. Geschichte. Geschichten.</p>
6098                        </div>
6099                    
6100                </div>
6101            </div>
6102
6103            <div
6104                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">
6105                
6106    
6107    
6108    
6109    
6110
6111    
6112        <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">
6113<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"/>
6114</svg>
6115    
6116
6117
6118            </div>
6119        </div>
6120    
6121                </a>
6122            
6123    </article>
6124
6125    
6126
6127
6128                    </div>
6129                
6130            </div>
6131        </div>
6132
6133        
6134    </div>
6135
6136
6137    
6138                
6139                    
6140
6141
6142
6143                
6144                
6145                    
6146
6147
6148
6149                
6150            </div>
6151        
6152
6153
6154            </div>
6155        </div>
6156    
6157    </main>
6158
6159    
6160    <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">
6161        <div class="flex py-10 md:py-12 xl:py-14">
6162            <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">
6163                <div class="flex w-[148px] items-start xl:w-[198px]">
6164                    <svg aria-hidden="true" width="203" height="36" viewBox="0 0 203 36" fill="none" xmlns="http://www.w3.org/2000/svg">
6165                        <g clip-path="url(#clip0_3293_22100)">
6166                            <path
6167                                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
61677V11.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.
61670957C1.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"
6168                                fill="white" />
6169                        </g>
6170                        <defs>
6171                            <clipPath id="clip0_3293_22100">
6172                                <rect width="203" height="36" fill="white" />
6173                            </clipPath>
6174                        </defs>
6175                    </svg>
6176                </div>
6177
6178                <div class="flex flex-col gap-10 md:row-start-2 xl:col-start-4 xl:row-start-1">
6179                    <div class="flex flex-col gap-4">
6180                        <span class="h4">
6181                            DHM Journal abonnieren
6182                        </span>
6183                        <span class="text-15 leading-[112%] md:text-base">
6184                            Bleiben Sie auf dem Laufenden! Melden Sie sich an und erfahren Sie sofort, wenn neue Beiträge im DHM Journal erscheinen.
6185                        </span>
6186                    </div>
6187                    <div class="flex w-full justify-end">
6188                        <a class="group btn-light font-medium transition-all duration-300" href="/journal/journal-abonnieren">
6189                            Journal Abonnieren
6190                            
6191    
6192    
6193    
6194    
6195
6196    
6197        <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">
6198<path d="M12 4V20M4 12H20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6199</svg>
6200    
6201
6202
6203                        </a>
6204                    </div>
6205                </div>
6206                <nav
6207                    aria-label="Fußzeilennavigation"
6208                    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">
6209                    <div class="flex flex-col gap-2">
6210                        
6211                            <a class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/programm">
6212                                Programm
6213                            </a>
6214                        
6215                            <a class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/perspektiven">
6216                                Perspektiven
6217                            </a>
6218                        
6219                            <a class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/inside-dhm">
6220                                Inside DHM
6221                            </a>
6222                        
6223                            <a class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/neue-staendige-ausstellungen">
6224                                Neue Ständige Ausstellung
6225                            </a>
6226                        
6227                    </div>
6228                    <div class="flex flex-col gap-2">
6229                        
6230                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/suche">
6231                                Suche
6232                            </a>
6233                        
6234                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="/journal/kontakt">
6235                                Kontakt
6236                            </a>
6237                        
6238                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="https://www.dhm.de/impressum/">
6239                                Impressum
6240                            </a>
6241                        
6242                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="https://www.dhm.de/datenschutz/">
6243                                Datenschutz
6244                            </a>
6245                        
6246                            <a data-turbo="false" class="link text-lg leading-[130%] font-light md:text-xl" href="https://www.dhm.de/erklaerung-digitale-barrierefreiheit/">
6247                                Erklärung digitale Barrierefreiheit
6248                            </a>
6249                        
6250                        <button
6251                            type="button"
6252                            data-controller="cookie-settings"
6253                            data-cookie-settings-cookie-hint-outlet="[data-controller~='cookie-hint']"
6254                            data-action="click->cookie-settings#open"
6255                            class="link cursor-pointer text-start text-lg leading-[130%] font-light md:text-xl">
6256                            Cookie-Einstellungen
6257                        </button>
6258                    </div>
6259                </nav>
6260            </div>
6261        </div>
6262        <div
6263            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">
6264            <div class="flex flex-col gap-12 lg:flex-row lg:items-center xl:gap-20">
6265                <img
6266                    src="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/dhm-logo.svg?1771922133"
6267                    alt="DHM Logo"
6268                    class="h-21 w-26.25" />
6269                <div class="flex items-center gap-[10.75px]">
6270                    <img
6271                        src="/journal/_assets/5bd5aaeffedb0553dcc3d3be99b60d08/Frontend/Images/bkm-logo.png?1762936912"
6272                        alt="BKM Logo"
6273                        class="aspect-auto w-[139px] object-cover lg:w-[105px]" />
6274                    <span class="w-full max-w-[270px] text-xs leading-[1.1] font-light lg:max-w-[200px] lg:text-[9px]">
6275                        Gefördert mit Mitteln des Beauftragten der Bundesregierung für Kultur und Medien
6276                    </span>
6277                </div>
6278            </div>
6279            <div class="flex h-max items-center justify-between md:justify-end md:gap-4">
6280                <a
6281                    href="https://www.dhm.de/"
6282                    target="_blank"
6283                    class="group btn-light text-lg font-medium transition-all duration-300 md:min-w-[232px] md:text-xl">
6284                    Zur DHM-Website
6285                    
6286    
6287    
6288    
6289    
6290
6291    
6292        <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">
6293<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"/>
6294</svg>
6295    
6296
6297
6298                </a>
6299                <button
6300                    data-controller="scroll-to-top"
6301                    data-action="click->scroll-to-top#scrollToTop"
6302                    data-scroll-to-top-show-threshold-value="200"
6303                    data-scroll-to-top-bottom-offset-value="150"
6304                    aria-label="Nach oben scrollen"
6305                    class="btn-light btn-scroll-to-top !bg-dark-blue-500 relative z-100 flex aspect-square !p-3">
6306                    
6307    
6308    
6309    
6310    
6311
6312    
6313        <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">
6314<path d="M12 21L12 3M12 3L19 10M12 3L5 10" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6315</svg>
6316    
6317
6318
6319                </button>
6320            </div>
6321        </div>
6322    </footer>
6323
6324
6325    
6326    <div
6327        popover="manual"
6328        role="dialog"
6329        aria-modal="true"
6330        data-controller="overlay overlay-trigger"
6331        data-action="click->overlay#handleBackdropClick toggle->overlay#handleToggle keydown.esc@window->overlay#close popstate@window->overlay#handlePopstate"
6332        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"
6333        aria-label="Übersicht">
6334        <turbo-frame
6335            data-overlay-target="frame"
6336            id="overviewPageOverlay"
6337            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"
6338            data-action="click->
6338overlay#stopPropagation turbo:frame-load->overlay#handleFrameLoad"></turbo-frame>
6339    </div>
6340    <div
6341        popover="manual"
6342        role="dialog"
6343        aria-modal="true"
6344        data-controller="overlay overlay-trigger"
6345        data-action="click->overlay#handleBackdropClick toggle->overlay#handleToggle keydown.esc@window->overlay#close popstate@window->overlay#handlePopstate"
6346        data-overlay-level="2"
6347        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"
6348        aria-label="Detail">
6349        <turbo-frame
6350            data-overlay-target="frame"
6351            id="detailPageOverlay"
6352            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"
6353            data-action="click->overlay#stopPropagation turbo:frame-load->overlay#handleFrameLoad"></turbo-frame>
6354    </div>
6355
6356
6357    
6358    <dialog
6359        data-controller="cookie-hint"
6360        data-action="cancel->cookie-hint#decline"
6361        aria-label="Cookie-Einwilligung"
6362        class="cookie-hint">
6363        <div class="bg-dark-blue-500 border-t border-yellow-500/30 text-yellow-100">
6364            <div
6365                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">
6366                <div class="flex flex-col gap-6 xl:max-w-[860px]">
6367                    <p class="text-15 leading-[1.5] font-light opacity-80 md:text-base">
6368                        Auf unserer Website werden neben den technisch unbedingt notwendigen Cookies noch Cookies zur statistischen Auswertung gesetzt.
6369                    </p>
6370
6371                    <div class="flex flex-col gap-4 border-t border-yellow-500/20 pt-6">
6372                        <div class="flex items-center justify-between gap-4">
6373                            <span class="h5">
6374                                Statistik und Analyse
6375                            </span>
6376                            <label class="flex shrink-0 cursor-pointer items-center gap-3">
6377                                <span class="sr-only">
6378                                    Statistik und Analyse
6379                                </span>
6380                                <input
6381                                    type="checkbox"
6382                                    data-cookie-hint-target="toggle"
6383                                    class="cookie-hint__toggle"
6384                                    aria-label="Statistik und Analyse" />
6385                            </label>
6386                        </div>
6387                        <p class="text-13 md:text-15 leading-[1.6] font-light opacity-70">
6388                            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.
6389                            
6390                                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>.
6391                            
6392                        </p>
6393                    </div>
6394                </div>
6395
6396                <div class="flex shrink-0 flex-row flex-wrap gap-3 xl:flex-col xl:pt-1">
6397                    <button
6398                        type="button"
6399                        data-action="click->
6399cookie-hint#selectAll"
6400                        class="btn-light cursor-pointer text-base font-light md:text-lg">
6401                        Alle auswählen
6402                    </button>
6403                    <button
6404                        type="button"
6405                        data-action="click->cookie-hint#accept"
6406                        class="btn-light cursor-pointer text-base font-medium md:text-lg">
6407                        Auswahl bestätigen
6408                    </button>
6409                </div>
6410            </div>
6411        </div>
6412    </dialog>
6413
6414
6415
6416
6417
6418<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>
6418
6419</body>
6420</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.