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-[''] [&_svg]:transition-none [&.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-[''] [&_svg]:transition-none [&.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. </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->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->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->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="{"type":"slide","perMove":1,"gap":"24px","arrows":false,"pagination":false,"drag":true,"flickPower":300,"autoWidth":false,"fixedWidth":"422px","trimSpace":false,"focus":0,"omitEnd":false,"breakpoints":{"768":{"gap":"16px","fixedWidth":"255px","autoWidth":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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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"" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" title="Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung âNatur und deutsche Geschichte. Glaube â Biologie â Macht"" 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" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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"" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" title="Eröffnungsrede von Kuratorin Julia Voss zur Ausstellung âNatur und deutsche Geschichte. Glaube â Biologie â Macht"" 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" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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->overlay-trigger#open" data-turbo-frame="detailPageOverlay" class="after:absolute after:inset-0 after:content-['']" 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="{"type":"slide","perMove":1,"perPage":3,"gap":"24px","arrows":false,"pagination":false,"drag":true,"flickPower":300,"autoWidth":true,"padding":{"right":"16px","left":"4px"},"breakpoints":{"1280":{"perPage":2},"1024":{"gap":"16px","perPage":2},"768":{"gap":"16px","perPage":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->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->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->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->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->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->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->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->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->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->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->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->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->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" 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.