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