/* Gemeinsames Chroniklayout, alle öffentlichen Seiten. */
:root{--ink:#352617;--paper:#ead4a8;--forest:#202719;--gold:#ad8148}
body.layout-one{margin:0;padding:20px 12px 0;background:#e6d2ad url('../bilder/chronik-papier.webp') repeat;color:var(--ink);font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}
body.layout-one::before{display:none}
.layout-one .site-header,.layout-one .scenic-stage,.layout-one>.footer{width:min(1180px,100%);margin-inline:auto}
.layout-one .site-header{height:76px;position:relative;z-index:30;background:linear-gradient(100deg,#151b13,#25281d 55%,#151b13);border:1px solid #a18554;border-bottom:0;box-shadow:0 3px 16px #30251355}
.layout-one .header-inner{width:calc(100% - 68px);max-width:none}
.layout-one .brand{font:normal 28px Georgia,serif;letter-spacing:1px}
.layout-one .navigation{gap:clamp(15px,2.2vw,31px)}
.layout-one .navigation a{font:12px Georgia,serif;letter-spacing:.6px;color:#f2e8d0}
.layout-one .navigation a:hover,.layout-one .navigation a[aria-current=page]{color:#e3bc78}
.layout-one .scenic-stage{position:relative;isolation:isolate;background:#242b1b url('../bilder/layout1-landschaft-hintergrund.webp') center bottom/100% auto no-repeat;border-inline:1px solid #99845a;box-shadow:0 12px 25px #382c2455}
.layout-one .scenic-stage::before,.layout-one .scenic-stage::after{display:none}
.layout-one .hero{height:560px;min-height:0;position:relative;overflow:visible;background:#242b1b;display:block;color:#f5dfb2;text-align:center;isolation:auto}
.layout-one .hero-bg{position:absolute;inset:0;transform:none;background:url('../bilder/chronik-panorama-flach.webp?v=5') center top/cover no-repeat}
.layout-one .hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#1b21172b 44%,#182014c9 86%,#22281a 100%)}
.layout-one .hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%;padding:0 150px 87px;min-height:0}
.layout-one .hero-title{order:1;font:normal clamp(62px,8.3vw,108px)/1 Georgia,serif;letter-spacing:5px;text-shadow:0 2px 2px #000,0 4px 15px #19190d;margin:0 0 12px;color:#f1dbab}
.layout-one .hero-subtitle{order:2;font:normal clamp(14px,1.6vw,20px)/1.4 Georgia,serif;letter-spacing:2px;color:#f2dfb8;margin:0 0 25px;text-shadow:0 2px 5px #000}
.layout-one .hero-intro{order:3;font:14px/1.5 Georgia,serif;letter-spacing:1.5px;color:#ecd7aa;text-shadow:0 2px 5px #000}
.layout-one .hero-places{position:absolute;right:45px;top:26%;margin:0;font:13px/1.75 Georgia,serif;letter-spacing:1.3px;color:#f7e8c8;text-shadow:0 2px 4px #000}
.layout-one .hero-down,.layout-one .hero-caption{display:none}
.layout-one .hero-horse,.layout-one .hero-stone{position:absolute;z-index:8;pointer-events:none;object-fit:contain;filter:drop-shadow(2px 6px 4px #16190d66)}
.layout-one .hero-horse{width:225px;height:295px;right:-2px;bottom:2px;object-position:bottom right}
.layout-one .hero-stone{width:120px;height:245px;left:35px;bottom:3px;object-position:bottom}
/* Textur wiederholt sich ohne Streckung; nur die unteren 190px blenden aus. */
.layout-one .antique-sheet{position:relative;z-index:3;width:calc(100% - 32px);margin:-27px auto 0;padding:34px 42px 26px;background:none;box-shadow:none;isolation:isolate}
.layout-one .antique-sheet::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#a8753040,transparent 3%,transparent 97%,#8b5b2a50),url('../bilder/chronik-papier.webp') center top/650px auto repeat;border:1px solid #b2945e;box-shadow:inset 0 0 28px #a2773270;clip-path:polygon(0 7px,3% 4px,7% 7px,11% 2px,17% 6px,23% 3px,31% 6px,38% 2px,45% 5px,51% 0,57% 4px,65% 3px,74% 6px,82% 2px,90% 5px,96% 2px,100% 6px,100% 100%,0 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 190px),transparent 100%)}
.layout-one .antique-sheet::after{display:none}
.layout-one .container.parchment-width{width:100%;max-width:none}
.layout-one .time-section{padding:0;margin:0;z-index:1}
.layout-one .paper-panel{padding:0;background:none;border:0;box-shadow:none}
.layout-one .paper-panel::before,.layout-one .paper-panel::after{display:none}
.layout-one .section-header{margin:0 0 16px}
.layout-one #time-heading,.layout-one .places-section h2{font:normal 30px/1.3 Georgia,serif;font-variant:small-caps;letter-spacing:1.7px;color:#392817;margin:0 0 10px;text-transform:none}
.layout-one .time-introduction{display:none}
.layout-one .time-controls{padding:0 10px 15px;max-width:none}
.layout-one .range-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.layout-one .time-range{margin:0;height:28px;accent-color:#95642d}
.layout-one .time-range::-webkit-slider-runnable-track{height:2px;background:#977341}
.layout-one .time-range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-9px;background:#b4884c;border:2px solid #4c2e18;box-shadow:0 0 0 3px #ead4a8}
.layout-one .time-range::-moz-range-track{height:2px;background:#977341}
.layout-one .time-range::-moz-range-thumb{width:17px;height:17px;background:#b4884c;border:2px solid #4c2e18}
.layout-one .milestones{display:flex;justify-content:space-between;gap:8px;margin:0;padding:0;border:0;overflow:visible}
.layout-one .milestones button{flex:1;min-width:0;position:relative;font:13px/1.2 Georgia,serif;padding:5px 0 0;color:#42301c}
.layout-one .milestones button.current{color:#32200f;text-decoration:underline;text-underline-offset:3px}
.layout-one .range-hint{font:10px/1.4 Georgia,serif;color:#786140;text-align:center;margin:8px 0 0}
.layout-one .era-card{display:grid;grid-template-columns:44% 56%;min-height:350px;border:1px solid #a3824c6b;background:#eedbb141;box-shadow:inset 0 0 14px #d5bd8260;overflow:hidden;border-radius:3px}
.layout-one .era-content{padding:22px 12px 22px 28px;position:relative;z-index:2;align-items:start}
.layout-one .era-content :is(h2,h3){font:normal 33px/1.08 Georgia,serif;margin:4px 0 9px;color:#2d2115}
.layout-one .event-epoch{font:10px/1.4 Georgia,serif;letter-spacing:1.2px;margin:0;color:#826039}
.layout-one .event-date{font:18px/1.4 Georgia,serif;color:#49311b}
.layout-one .research-tag{font:10px Georgia,serif;border:1px solid #9a794d66;border-radius:0;color:#664a2c}
.layout-one .era-lead{font:italic 15px/1.4 Georgia,serif;margin:8px 0;color:#4a3823}
.layout-one .era-long{font:15px/1.5 Georgia,serif;margin:0 0 10px;color:#382b1c}
.layout-one .source-line{font:11px/1.4 Georgia,serif;margin:0 0 12px;color:#6b5132}
.layout-one .era-actions{margin-top:auto;gap:10px}
.layout-one .button-primary,.layout-one .place-link{font:11px Georgia,serif;letter-spacing:.8px;background:linear-gradient(#94662e,#65401e);border:1px solid #c3a06b;color:#fff0ca;box-shadow:inset 0 0 0 1px #6b471d80;padding:10px 18px;text-transform:uppercase}
.layout-one .button-primary:hover{background:#926b3d}
.layout-one .arrow-button{background:none;border:0;color:#513b20;font-size:22px;width:27px;height:36px}
.layout-one .era-figure{margin:0;min-height:350px;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,#000 23%)}
.layout-one .era-figure>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:60% center;filter:none}
.layout-one .era-figure figcaption{position:absolute;bottom:0;left:0;right:0;padding:5px 10px;color:#f3e4bd;background:#273021a6;font:9px/1.4 Georgia,serif;text-align:right}
.layout-one .places-section{width:100%;position:relative;margin:0;padding:26px 0 8px;isolation:isolate}
.layout-one .places-section::before{content:'';position:absolute;z-index:-1;inset:-25px -58px -60px;background:url('../bilder/layout1-landschaft-hintergrund.webp') center bottom/cover no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 55%)}
.layout-one .places-section h2{font-size:28px;text-shadow:0 1px #eed8aa}
.layout-one .section-hairline{display:none}
.layout-one .place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.layout-one .place-card{position:relative;display:block;overflow:hidden;border:2px solid #b5955e;background:#30351f;box-shadow:0 6px 14px #0c120b88;text-decoration:none;transition:transform .2s}
.layout-one .place-card:hover{transform:translateY(-3px);border-color:#dfbd7f}
.layout-one .place-photo{height:255px}
.layout-one .place-photo img{width:100%;height:100%;object-fit:cover;filter:none}
.layout-one .place-photo::after{background:linear-gradient(#eddbaf85,transparent 30%,transparent 55%,#141e0edb)}
.layout-one .place-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:13px 5px 17px;background:none;z-index:2}
.layout-one .place-body h3{font:26px/1.2 Georgia,serif;color:#2b2315;margin:0;text-shadow:0 1px 7px #fff1c9}
.layout-one .small-disclaimer{font:11px/1.5 Georgia,serif;color:#eedbb5;text-shadow:0 1px 4px #000;margin:13px auto 0}
.layout-one .discover-section{position:relative;z-index:4;margin:0 16px;padding:25px 42px 30px;background:linear-gradient(#1b2418c9,#121b12e8);border-top:1px solid #ad87574d;color:#ecd9b0}
.layout-one .discover-section::before{display:none}
.layout-one .discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.layout-one .discover-card{display:block;text-decoration:none;padding:0 20px 0 0;border-right:1px solid #997b4e66;color:inherit}
.layout-one .discover-card:last-child{border:0;padding:0}
.layout-one .discover-heading{font:19px/1.3 Georgia,serif;font-variant:small-caps;margin:0 0 12px;color:#f4dfb3}
.layout-one .discover-card img{width:100%;height:170px;object-fit:cover;border:1px solid #9b7d4a;filter:none}
.layout-one .discover-card p{font:15px/1.4 Georgia,serif;margin:9px 0 0;color:#ead8b5}
.layout-one .discover-caption{font:10px/1.5 Georgia,serif;color:#bca780;text-align:center;margin:20px 0 0}
.layout-one .footer{position:relative;background:#172016;color:#d6c4a1;padding:24px 0 0;border-top:1px solid #9b7d4a80}
.layout-one .footer-inner{width:calc(100% - 70px)}
.layout-one .footer-brand{font:24px Georgia,serif;color:#eadab6}
.layout-one .footer p,.layout-one .footer a{font:12px/1.7 Georgia,serif;color:#cbbd9e}
.layout-one .footer-bottom{background:#141c13;margin-top:18px;padding:12px;font:11px/1.5 Georgia,serif}
.layout-one .page-heading{padding:5px 0 18px;border-bottom:1px solid #a7875266}
.layout-one .page-heading .container{width:100%}
.layout-one .page-heading h1{font:normal clamp(34px,4vw,49px)/1.15 Georgia,serif;margin:8px 0 12px;color:#3a2918}
.layout-one .page-heading p{margin:8px 0;color:#5c462b}
.layout-one .breadcrumbs{color:#7a5b32;font:12px/1.5 Georgia,serif;margin:0 0 14px}
.layout-one .eyebrow.gold{color:#866137}
.layout-one .article-page{width:100%;padding:22px 0 30px;font:17px/1.8 Georgia,serif}
.layout-one .article-page>.container{width:100%}
.layout-one .article-grid{grid-template-columns:minmax(0,1fr) 245px;gap:32px}
.layout-one .article-main p{color:#473722;line-height:1.85}
.layout-one .article-main h2,.layout-one .article-page h2{font:normal 29px/1.3 Georgia,serif;color:#432e18;margin:28px 0 12px}
.layout-one .article-main figure{background:#f3e2ba55;padding:5px;border:1px solid #ad8b5666}
.layout-one .article-main figcaption{font:11px/1.5 Georgia,serif;color:#735937}
.layout-one .article-side,.layout-one .source-card,.layout-one .article-main blockquote{background:#e1c69844;border:1px solid #a47e454d;box-shadow:inset 0 0 18px #ac7d2510}
.layout-one .article-side{padding:23px}
.layout-one .article-side p,.layout-one .source-card p{font:14px/1.7 Georgia,serif;color:#614a2c}
.layout-one .article-side a{font:14px/1.5 Georgia,serif;color:#614a2c}
.layout-one .article-main a,.layout-one .article-page a{overflow-wrap:anywhere;text-underline-offset:3px}
.layout-one .legal-copy{max-width:840px;margin:auto}
.layout-one .legal-copy h2:first-child{margin-top:0}
@media(max-width:1000px){
.layout-one .header-inner{width:calc(100% - 36px)}
.layout-one .hero{height:480px}.layout-one .hero-inner{padding:0 110px 77px}.layout-one .hero-title{font-size:80px}
.layout-one .hero-horse{width:185px;height:250px}.layout-one .hero-stone{width:95px;height:205px;left:22px}
.layout-one .hero-places{font-size:11px;right:25px;top:23%}.layout-one .antique-sheet{padding-inline:28px}
.layout-one .era-content{padding:20px}.layout-one .era-content :is(h2,h3){font-size:28px}
.layout-one .place-photo{height:225px}.layout-one .place-body h3{font-size:22px}
.layout-one .discover-section{padding-inline:28px}.layout-one .discover-card img{height:140px}
.layout-one .article-grid{grid-template-columns:minmax(0,1fr) 210px;gap:24px}
}
@media(max-width:860px){
body.layout-one{padding:7px 5px 0}.layout-one .site-header{height:60px}.layout-one .brand{font-size:23px}
.layout-one .navigation{display:none;position:absolute;left:0;right:0;flex-direction:column;align-items:flex-start;top:59px;background:#1c2519;border-bottom:1px solid #ad8951;padding:10px 15px 15px;gap:0}
.layout-one .navigation a{font-size:15px;padding:13px 8px}.layout-one .menu-toggle{display:block;font-size:21px;padding:3px 10px}
.layout-one .hero{height:380px}.layout-one .hero-bg{background-position:58% top;background-size:auto 100%}
.layout-one .hero-inner{padding:0 35px 82px}.layout-one .hero-title{font-size:clamp(42px,11.9vw,83px);letter-spacing:2px;margin-bottom:10px}
.layout-one .hero-subtitle{font-size:clamp(10px,2.7vw,16px);letter-spacing:.7px;margin-bottom:16px}
.layout-one .hero-intro{font-size:clamp(8px,2.2vw,12px);letter-spacing:.4px}
.layout-one .hero-places{top:19%;right:18px;font-size:9px;line-height:1.7;letter-spacing:.6px}
.layout-one .hero-horse{width:110px;height:153px;right:0;bottom:0}.layout-one .hero-stone{width:57px;height:133px;left:12px;bottom:0}
.layout-one .antique-sheet{width:calc(100% - 14px);margin-top:-19px;padding:29px 15px 23px}
.layout-one .antique-sheet::before{background-size:auto,430px auto;mask-image:linear-gradient(to bottom,#000 calc(100% - 180px),transparent)}
.layout-one #time-heading{font-size:23px;letter-spacing:.5px;margin-bottom:12px}
.layout-one .time-controls{padding:0 0 13px}.layout-one .milestones{gap:3px}
.layout-one .milestones button{font-size:10px;line-height:1.25;min-height:44px;padding:3px 0}
.layout-one .range-hint{font-size:9px;margin-top:3px}
.layout-one .era-card{display:flex;flex-direction:column;min-height:0}.layout-one .era-content{order:2;padding:12px 17px 20px}
.layout-one .era-content :is(h2,h3){font-size:28px;line-height:1.15}.layout-one .era-long{font-size:15px}
.layout-one .era-figure{order:1;min-height:215px;mask-image:linear-gradient(to bottom,#000 80%,transparent)}
.layout-one .era-figure>img{object-position:center 55%}.layout-one .era-figure figcaption{font-size:8px;bottom:12px}
.layout-one .era-actions{margin-top:4px}.layout-one .places-section{padding-top:23px}
.layout-one .places-section::before{inset:0 -22px -65px;background-size:auto 100%}
.layout-one .places-section h2{font-size:25px}.layout-one .place-grid{grid-template-columns:1fr;gap:16px;max-width:490px;margin:auto}
.layout-one .place-photo{height:235px}.layout-one .place-body{padding:12px 8px 17px}.layout-one .place-body h3{font-size:29px}
.layout-one .small-disclaimer{font-size:10px}.layout-one .discover-section{margin-inline:7px;padding:21px 15px 24px}
.layout-one .discover-grid{grid-template-columns:1fr;gap:19px}
.layout-one .discover-card,.layout-one .discover-card:last-child{display:grid;grid-template-columns:110px minmax(0,1fr);gap:5px 14px;padding:0 0 16px;border:0;border-bottom:1px solid #9e83514d}
.layout-one .discover-card:last-child{border:0;padding-bottom:0}
.layout-one .discover-heading{grid-column:2;grid-row:1;font-size:19px;margin:0;align-self:end}
.layout-one .discover-card img{grid-column:1;grid-row:1/3;width:110px;height:106px}
.layout-one .discover-card p{grid-column:2;grid-row:2;font-size:14px;margin:0}
.layout-one .discover-caption{font-size:9px}.layout-one .footer-inner{width:calc(100% - 35px);gap:10px}
.layout-one .footer nav{gap:16px;margin-top:0}.layout-one .page-heading h1{font-size:35px}
.layout-one .article-page{font-size:16px;padding-top:15px}.layout-one .article-main h2,.layout-one .article-page h2{font-size:25px}
.layout-one .article-grid{grid-template-columns:1fr;gap:20px}.layout-one .article-main figure{margin-top:12px}
.layout-one .article-main figure img{height:auto;max-height:340px}.layout-one .article-side{padding:20px}
.layout-one .article-main blockquote{font-size:18px;margin-inline:0;padding:15px}
}
@media(prefers-reduced-motion:reduce){.layout-one *{scroll-behavior:auto;transition:none}}

.layout-one .place-card:hover img,.layout-one .discover-card:hover img{transform:none}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.layout-one .discover-card{transition:transform .2s}.layout-one .discover-card:hover{transform:translateY(-3px)}}

@media(max-width:1000px) and (min-width:861px){.layout-one .places-section::before{left:-44px;right:-44px}}
@media(max-width:860px){.layout-one .navigation.open{display:flex}.layout-one .footer-inner{flex-direction:column}}

@media(max-width:480px){.layout-one .hero-horse{width:87px;height:125px;bottom:-2px}.layout-one .hero-stone{width:54px;height:123px}}
/* Echte abgenutzte Papierkanten: getrennte Ecken und wiederholbare Seiten. */
.layout-one .antique-sheet::before{clip-path:none;border:24px solid transparent;border-image:url('../bilder/chronik-papierkante.webp') 160 / 24px / 5px round;background-clip:padding-box;box-shadow:none;filter:sepia(.32)}
.layout-one .scenic-stage::after{display:block;content:'';position:absolute;z-index:15;inset:-3px -5px -6px;pointer-events:none;border:14px solid transparent;border-top:0;border-image:url('../bilder/chronik-papierkante.webp') 155 / 0 14px 18px / 0 round;filter:sepia(.9)}
.layout-one .site-header::after{content:'';position:absolute;z-index:40;inset:-6px -5px -3px;pointer-events:none;border:14px solid transparent;border-bottom:0;border-image:url('../bilder/chronik-papierkante.webp') 155 / 14px 14px 0 / 0 round;filter:sepia(.9)}
@media(max-width:860px){.layout-one .antique-sheet::before{border-width:15px;border-image-width:15px;border-image-outset:2px}.layout-one .scenic-stage::after{border-image-width:0 8px 12px}.layout-one .site-header::after{border-image-width:9px 8px 0}}
/* Dezente Dorfansicht am Ende des mitwachsenden Papierbogens. */
.layout-one .paper-village{height:145px;margin:8px -48px -22px;background:url('../bilder/chronik-dorfsaum.webp') center 58%/cover no-repeat;opacity:.72;mask-image:linear-gradient(to bottom,transparent,#000 35%,#000 75%,transparent);pointer-events:none}
@media(max-width:1000px){.layout-one .paper-village{margin-inline:-28px}}
@media(max-width:860px){.layout-one .paper-village{height:115px;margin:10px -16px -18px;background-size:auto 190px}}
/* Papier und Kante schließen bündig aneinander an. */
.layout-one .antique-sheet::before{border-image-outset:0}
/* Verfeinerung nach der neuen Bildvorlage: historischer Satz, kompakter Kopf,
   freie Landschaftsränder und ein klar lesbarer Zeitregler. */
@font-face{font-family:'Werschen Chronik';src:url('../fonts/IMFeENsc28P.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body.layout-one{background:#151d14;padding-top:0}
.layout-one .site-header{height:62px;border:0;box-shadow:none;background:linear-gradient(90deg,#17201755,#1b2118 12%,#1b2118 88%,#17201755)}
.layout-one .site-header::after{display:none}
.layout-one .brand{font-family:'Werschen Chronik',Georgia,serif;font-size:25px;font-weight:400}
.layout-one .scenic-stage{border:0;box-shadow:none;background-color:#151d14}
.layout-one .hero{height:430px;background:#151d14}
.layout-one .hero-bg{background-position:center 46%}
.layout-one .hero-inner{padding:0 165px 58px}
.layout-one .hero-title{font:400 84px/1.08 'Werschen Chronik',Georgia,serif;letter-spacing:2px;margin:0 0 8px}
.layout-one .hero-subtitle{font-size:17px;letter-spacing:1.5px;margin-bottom:18px}
.layout-one .hero-intro{font-size:12px;letter-spacing:1.3px}
.layout-one .hero-places{display:flex;gap:22px;align-items:center;position:absolute;top:20px;right:26px;font:12px/1.5 Georgia,serif;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
.layout-one .hero-places a{text-decoration:none;color:#f7e8c8;padding:5px 0}
.layout-one .hero-places a:hover{text-decoration:underline;text-underline-offset:5px}
.layout-one .hero-stone{width:175px;height:285px;left:0;bottom:2px}
.layout-one .hero-horse{width:255px;height:310px;right:-8px;bottom:-5px}
/* Kein seitlicher Schattenstreifen: nur die obere Papierkante bleibt gerissen,
   die Seiten laufen weich und ohne zusätzliche dunkle Einfassung aus. */
.layout-one .antique-sheet::before{background-image:url('../bilder/chronik-papier.webp');background-size:650px auto;border-width:24px 0 0;border-image-width:24px 0 0;border-image-outset:0;filter:none;box-shadow:none;mask-image:linear-gradient(to right,transparent,#000 7px,#000 calc(100% - 7px),transparent),linear-gradient(to bottom,#000 calc(100% - 190px),transparent);mask-composite:intersect}
.layout-one .scenic-stage::after{display:block;content:'';position:absolute;z-index:16;inset:auto -100px -15px;height:540px;background:url('../bilder/chronik-rand-links.webp') left bottom/255px auto no-repeat,url('../bilder/chronik-rand-rechts.webp') right bottom/245px auto no-repeat;pointer-events:none;border:0;border-image:none;filter:none}
.layout-one .scenic-stage::before{display:block;content:'';position:absolute;z-index:6;top:0;left:-110px;right:-110px;height:490px;background:url('../bilder/chronik-rand-links.webp') left top/180px auto no-repeat,url('../bilder/chronik-rand-rechts.webp') right 225px/190px auto no-repeat;pointer-events:none;opacity:.8}
.layout-one .time-controls{position:relative;margin:0 0 16px;padding:12px 12px 16px;border-top:1px solid #98703955;border-bottom:1px solid #98703955}
.layout-one .timeline-selection{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 2px;font:17px/1.3 Georgia,serif;color:#5a391c}
.layout-one .timeline-selection-label{font:12px Georgia,serif;font-variant:small-caps;letter-spacing:1.1px;color:#806039}
.layout-one .time-range{appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:36px;margin:0;position:relative;z-index:2;cursor:ew-resize;display:block}
.layout-one .time-range::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#926128 0 var(--time-progress,33%),#b49a6c var(--time-progress,33%) 100%);border-radius:0;box-shadow:0 1px #fff1c377}
.layout-one .time-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;margin-top:-11px;border:2px solid #513015;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cca365,#97602d);box-shadow:0 0 0 3px #f0dcb1,0 2px 4px #5a351640}
.layout-one .time-range::-moz-range-track{height:3px;background:#ad8a54}
.layout-one .time-range::-moz-range-progress{height:3px;background:#926128}
.layout-one .time-range::-moz-range-thumb{width:21px;height:21px;border:2px solid #513015;border-radius:50%;background:#b98948;box-shadow:0 0 0 3px #f0dcb1}
.layout-one .timeline-ticks{position:relative;height:8px;margin:-21px 12px 18px;pointer-events:none;z-index:1}
.layout-one .timeline-ticks span{position:absolute;top:0;width:5px;height:5px;background:#9d8253;transform:translateX(-50%);border-radius:50%}
.layout-one .timeline-ticks span.passed{background:#795125}
.layout-one .milestones{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;overflow:visible;padding:1px 0 0}
.layout-one .milestones button{min-height:46px;padding:5px 3px;border:1px solid transparent;background:transparent;font:13px/1.2 Georgia,serif;color:#6d512d;text-decoration:none;border-radius:2px;transition:background .15s,border-color .15s}
.layout-one .milestones button:hover{border-color:#9c713b88;background:#bf934b18}
.layout-one .milestones button.current{border-color:#9c713b;background:#bc8c3f24;color:#402610;box-shadow:inset 0 0 0 1px #fff0c366;font-weight:normal;text-decoration:none}
.layout-one .range-hint{font-size:10px;color:#816744;margin-top:9px}
.layout-one .era-figure figcaption{display:none}
.layout-one .era-card{border-color:#9b7a4738;box-shadow:none}
@media(min-width:1280px){.layout-one .hero-bg{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.layout-one .scenic-stage{background-image:none}.layout-one .places-section::before{mask-image:linear-gradient(to bottom,transparent,#000 55%),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}}
@media(max-width:1100px) and (min-width:861px){.layout-one .hero{height:400px}.layout-one .hero-inner{padding:0 130px 55px}.layout-one .hero-title{font-size:74px}.layout-one .hero-subtitle{font-size:14px}.layout-one .hero-intro{font-size:11px}.layout-one .hero-horse{width:220px;height:270px}.layout-one .hero-stone{width:140px;height:245px}}
@media(max-width:860px){
body.layout-one{padding:0 5px}.layout-one .site-header{height:60px}.layout-one .brand{font-size:23px}
.layout-one .hero{height:330px}.layout-one .hero-bg{background-size:auto 112%;background-position:58% 40%}
.layout-one .hero-inner{padding:0 35px 85px}.layout-one .hero-title{font-size:clamp(46px,10vw,70px);letter-spacing:1px;margin-bottom:7px}
.layout-one .hero-subtitle{font-size:clamp(10px,2.5vw,15px);letter-spacing:.5px;margin-bottom:16px}
.layout-one .hero-intro{font-size:clamp(9px,2.1vw,12px);letter-spacing:.2px}
.layout-one .hero-places{top:15px;right:16px;gap:14px;font-size:10px;letter-spacing:.3px}
.layout-one .hero-horse{width:110px;height:155px;right:-1px;bottom:-2px}.layout-one .hero-stone{width:79px;height:157px;left:1px;bottom:0}
.layout-one .scenic-stage::before{left:-13px;right:-13px;height:365px;background-size:95px auto,105px auto;background-position:left top,right 240px;opacity:.65}
.layout-one .scenic-stage::after{left:-8px;right:-8px;height:260px;background-size:115px auto,105px auto}
.layout-one .antique-sheet::before{border-width:17px 0 0;border-image-width:17px 0 0;background-size:430px auto}
.layout-one .time-controls{padding:9px 1px 12px;margin-bottom:12px}
.layout-one .timeline-selection{font-size:14px;gap:8px}.layout-one .timeline-selection-label{font-size:10px;letter-spacing:.4px}
.layout-one .milestones{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.layout-one .milestones button{font-size:12px;min-height:44px;padding:5px 2px}
.layout-one .range-hint{font-size:9px;line-height:1.5}
}
@media(max-width:380px){.layout-one .hero-places{font-size:9px;gap:9px;right:13px}.layout-one .hero-title{font-size:46px}.layout-one .hero-horse{width:92px;height:137px}.layout-one .hero-subtitle{font-size:9px}}
:root{--scene-bleed:clamp(0px,calc((100vw - 1204px)/2),110px)}
.layout-one .scenic-stage::before,.layout-one .scenic-stage::after{left:calc(-1 * var(--scene-bleed));right:calc(-1 * var(--scene-bleed))}
/* Pflanzen und Felsen enden auch unten weich, ohne gerade Sockelkante. */
.layout-one .scenic-stage::before{height:440px;background-size:auto 100%,auto 75%;background-position:left top,right bottom;mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent)}
.layout-one .scenic-stage::after{background-size:215px auto,195px auto;mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}
@media(max-width:860px){.layout-one .scenic-stage::before{height:350px;background-size:125px auto,120px auto;background-position:left bottom,right bottom;opacity:.55}.layout-one .scenic-stage::after{background-size:100px auto,90px auto}}
/* Fraktur nach der Schriftvorlage; alle Fonts bleiben lokal. */
@font-face{font-family:'Werschen Fraktur';src:url('../fonts/UnifrakturMaguntia-Book.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.layout-one .hero-title{font-family:'Werschen Fraktur',Georgia,serif;letter-spacing:.6px;font-size:88px;line-height:1.1;font-variant:normal}
.layout-one .fraktur-initial{font-family:'Werschen Fraktur',Georgia,serif;font-size:1.24em;line-height:.85;display:inline-block;vertical-align:baseline;margin-right:.015em}
.layout-one .page-heading h1,.layout-one #time-heading{font-family:'Werschen Fraktur',Georgia,serif;font-variant:normal;letter-spacing:.3px;line-height:1.3}
.layout-one .page-heading h1{font-size:49px}
.layout-one #time-heading{font-size:34px}
/* Der obere Rahmen behält seine Ecken, die langen Ränder bekommen separate,
   wiederholbare Patina. Sie wachsen mit dem Papier ohne Bildstreckung. */
.layout-one .antique-sheet::before{border:27px solid transparent;border-bottom-width:0;border-image:url('../bilder/chronik-papierkante.webp') 160 / 27px 20px 0 / 0 round;background: url('../bilder/chronik-papier.webp') center top/650px auto repeat;background-clip:padding-box;filter:sepia(.15);mask-image:linear-gradient(to bottom,#000 calc(100% - 170px),transparent)}
.layout-one .antique-sheet::after{display:block;content:'';position:absolute;z-index:0;inset:22px 0 0;pointer-events:none;background:url('../bilder/chronik-papierpatina.webp') left top/66px 550px repeat-y;mask-image:linear-gradient(to bottom,#000 calc(100% - 170px),transparent)}
.layout-one .paper-patina-right{position:absolute;z-index:0;top:22px;right:0;bottom:0;width:66px;background:url('../bilder/chronik-papierpatina.webp') left 173px/66px 550px repeat-y;transform:scaleX(-1);pointer-events:none;mask-image:linear-gradient(to bottom,#000 calc(100% - 170px),transparent)}
.layout-one .antique-sheet>.time-section,.layout-one .antique-sheet>.page-heading,.layout-one .antique-sheet>.article-page,.layout-one .antique-sheet>.article-grid{position:relative;z-index:1}
/* Seitliches Unterholz verbindet obere und untere Dekoration über die ganze Seite. */
.layout-one .scenic-flanks{position:absolute;inset:410px calc(-1 * var(--scene-bleed)) 0;pointer-events:none;z-index:2}
.layout-one .scenic-flanks::before,.layout-one .scenic-flanks::after{content:'';position:absolute;top:0;bottom:0;width:130px;background:url('../bilder/chronik-seitenbewuchs.webp') left top/130px 600px repeat-y;mask-image:linear-gradient(to bottom,transparent,#000 70px,#000 calc(100% - 80px),transparent);opacity:.8}
.layout-one .scenic-flanks::before{left:0}.layout-one .scenic-flanks::after{right:0;transform:scaleX(-1);background-position:left 237px}
/* Text vor den Pflanzen, Themenbilder dürfen von Zweigen überlappt bleiben. */
.layout-one .scenic-stage::after{display:none}
.layout-one .discover-section{isolation:isolate}
.layout-one .discover-section::after{content:'';display:block;position:absolute;z-index:2;left:calc(-16px - var(--scene-bleed));right:calc(-16px - var(--scene-bleed));bottom:-15px;height:400px;background:url('../bilder/chronik-rand-links.webp') left bottom/215px auto no-repeat,url('../bilder/chronik-rand-rechts.webp') right bottom/195px auto no-repeat;mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);pointer-events:none}
.layout-one .discover-card,.layout-one .discover-card:hover{transform:none}
.layout-one .discover-card img{position:relative;z-index:1}
.layout-one .discover-card .discover-heading,.layout-one .discover-card p,.layout-one .discover-caption{position:relative;z-index:3}
.layout-one .discover-card p{color:#f3dfb8;text-shadow:0 1px 2px #0f170d,0 0 5px #0f170d}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.layout-one .discover-card img{transition:transform .2s}.layout-one .discover-card:hover img{transform:translateY(-3px)}}
@media(max-width:1100px) and (min-width:861px){.layout-one .hero-title{font-size:78px}.layout-one .scenic-flanks{top:380px}}
@media(max-width:860px){
.layout-one .hero-title{font-size:clamp(49px,10.5vw,73px)}.layout-one .page-heading h1{font-size:37px}.layout-one #time-heading{font-size:27px}
.layout-one .antique-sheet::before{border-width:18px 14px 0;border-image-width:18px 14px 0;background-size:430px auto}
.layout-one .antique-sheet::after{top:16px;background-size:34px 450px}.layout-one .paper-patina-right{top:16px;width:34px;background-size:34px 450px}
.layout-one .scenic-flanks{top:310px}.layout-one .scenic-flanks::before,.layout-one .scenic-flanks::after{width:45px;background-size:45px 350px;opacity:.65}
.layout-one .discover-section::after{left:-7px;right:-7px;height:260px;background-size:100px auto,90px auto}
}
.layout-one .antique-sheet::after{filter:sepia(.6);mask-image:linear-gradient(to right,#000 25px,transparent 66px),linear-gradient(to bottom,#000 calc(100% - 170px),transparent);mask-composite:intersect}
.layout-one .paper-patina-right{filter:sepia(.6);mask-image:linear-gradient(to right,#000 25px,transparent 66px),linear-gradient(to bottom,#000 calc(100% - 170px),transparent);mask-composite:intersect}
.layout-one .scenic-flanks{filter:sepia(.25) saturate(.75)}
@media(max-width:860px){.layout-one .antique-sheet::after,.layout-one .paper-patina-right{mask-image:linear-gradient(to right,#000 10px,transparent 34px),linear-gradient(to bottom,#000 calc(100% - 170px),transparent)}}
/* Gemeinsamer Papierbogen bis hinter die Themenbilder. Die obere Kante wird
   einmal über die gesamte Breite gespannt, ohne wiederholte Dreierstruktur. */
.layout-one .antique-sheet::before{border-width:44px 27px 30px;border-image-width:44px 27px 30px;border-image-repeat:stretch round;mask-image:none}
.layout-one .antique-sheet::after{background-size:112px 835px;mask-image:linear-gradient(to right,#000 18px,transparent 112px);filter:sepia(.55)}
.layout-one .paper-patina-right{width:112px;background-size:112px 913px;background-position:left 249px;mask-image:linear-gradient(to right,#000 20px,transparent 112px);filter:sepia(.55)}
.layout-one .places-section::before{display:none}
.layout-one .antique-sheet>.discover-section{margin:25px 0 0;padding:25px 0 30px;background:none;border-top:1px solid #95703f66;color:#3f2d18}
.layout-one .discover-card{border-right-color:#96734266}
.layout-one .discover-heading{color:#49311a}
.layout-one .discover-card p{color:#49351e;text-shadow:none}
.layout-one .discover-caption{color:#76572e}
.layout-one .discover-section::after{left:calc(-58px - var(--scene-bleed));right:calc(-58px - var(--scene-bleed));bottom:-56px}
/* Der Name bleibt als Frakturlogo in der Navigation, die Landschaft trägt
   nur noch die größere Unterzeile. */
.layout-one .brand{display:inline-block;font-family:'Werschen Fraktur',Georgia,serif;font-variant:normal;font-size:30px;letter-spacing:.3px;line-height:1.2}
.layout-one .hero-inner{padding-bottom:62px}
.layout-one .hero-subtitle{font-size:25px;letter-spacing:1.2px;line-height:1.35;margin-bottom:22px}
.layout-one .hero-intro{font-size:13px}
/* Bewuchs endet innerhalb des Rahmens, überlappt das Papier ein Stück und
   behält auf kleineren Desktopmonitoren eine gut sichtbare Breite. */
.layout-one .paper-village{margin-inline:-40px;max-width:calc(100% + 80px)}
.layout-one .scenic-flanks{z-index:4}
.layout-one .scenic-flanks::before,.layout-one .scenic-flanks::after{width:180px;background-size:240px 900px;opacity:.85;mask-image:linear-gradient(to bottom,transparent,#000 60px,#000 calc(100% - 70px),transparent),linear-gradient(to right,#000,transparent 175px);mask-composite:intersect}
.layout-one .scenic-flanks::before{left:0}
.layout-one .scenic-flanks::after{right:0;background-position:left 327px}
@media(max-width:1279px) and (min-width:861px){.layout-one .scenic-flanks::before,.layout-one .scenic-flanks::after{width:85px;background-size:190px 820px;mask-image:linear-gradient(to bottom,transparent,#000 60px,#000 calc(100% - 70px),transparent),linear-gradient(to right,#000,transparent 85px)}.layout-one .hero-subtitle{font-size:21px}}
@media(max-width:1000px){.layout-one .paper-village{margin-inline:-25px;max-width:calc(100% + 50px)}.layout-one .discover-section::after{left:calc(-44px - var(--scene-bleed));right:calc(-44px - var(--scene-bleed))}}
@media(max-width:860px){
.layout-one .brand{font-size:29px}.layout-one .hero-subtitle{font-size:clamp(13px,3vw,21px);letter-spacing:.3px;max-width:100%;margin-bottom:20px}
.layout-one .hero-intro{font-size:clamp(9px,2.1vw,12px)}
.layout-one .hero-inner{padding-bottom:86px}
.layout-one .antique-sheet::before{border-width:31px 16px 22px;border-image-width:31px 16px 22px;border-image-repeat:stretch round}
.layout-one .antique-sheet::after{background-size:65px 735px;mask-image:linear-gradient(to right,#000 10px,transparent 65px)}
.layout-one .paper-patina-right{width:65px;background-size:65px 813px;mask-image:linear-gradient(to right,#000 10px,transparent 65px)}
.layout-one .scenic-flanks{display:none}
.layout-one .paper-village{margin-inline:-13px;max-width:calc(100% + 26px)}
.layout-one .antique-sheet>.discover-section{padding:21px 0 25px;margin-top:22px}
.layout-one .discover-section::after{left:-22px;right:-22px;bottom:-45px}
}
/* Der überlappende Bewuchs bleibt im freien Papierrand und verdeckt keinen Text. */
.layout-one .scenic-flanks::before,.layout-one .scenic-flanks::after{width:calc(var(--scene-bleed) + 44px);mask-image:linear-gradient(to bottom,transparent,#000 60px,#000 calc(100% - 70px),transparent),linear-gradient(to right,#000,transparent 100%)}
@media(max-width:480px){.layout-one .hero-subtitle{max-width:240px;font-size:clamp(15px,3.9vw,18px);line-height:1.3;text-wrap:balance}.layout-one .hero-inner{padding-bottom:100px}.layout-one .hero-horse{width:90px;height:140px}.layout-one .hero-intro{max-width:230px;line-height:1.45}}
/* Einheitlicher Satzspiegel: Text und Bilder liegen vollständig vor der Patina. */
.layout-one .antique-sheet{--content-inset:52px;padding-inline:var(--content-inset)}
.layout-one .antique-sheet::before{z-index:-3}
.layout-one .antique-sheet::after,.layout-one .paper-patina-right{z-index:-2}
.layout-one .antique-sheet>:not(.paper-patina-right){position:relative;z-index:1}
.layout-one .page-heading .container,.layout-one .article-page,.layout-one .article-page>.container{width:100%;margin-inline:0}
.layout-one .legal-copy{max-width:none;margin-inline:0}
.layout-one .article-main{opacity:1;mask-image:none;-webkit-mask-image:none}
.layout-one .scenic-stage{background-image:none}
.layout-one .paper-village{max-width:none;width:auto;margin-inline:0}
/* Untereinander angeordnete Themen folgen exakt der linken Kante der Ortskarten. */
@media(max-width:860px){
.layout-one .antique-sheet{--content-inset:32px}
.layout-one .discover-section .discover-grid{max-width:490px;width:100%;margin-inline:auto}
.layout-one .antique-sheet>.discover-section{width:100%;margin-inline:0}
.layout-one .discover-caption{max-width:490px;margin-inline:auto}
.layout-one .page-heading h1{overflow-wrap:anywhere}
}
@media(max-width:480px){.layout-one .antique-sheet{--content-inset:26px}}
/* Ein kleines Fachwerkhaus und eine einladende Beschriftung statt „Zum Ort“. */
.layout-one .place-link{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:9px 13px;font-size:11px;letter-spacing:.4px;min-height:42px}
.layout-one .place-link .village-icon{display:block;width:24px;height:21px;object-fit:contain;flex:none;filter:none;transform:none}
/* Zurückhaltende Federlinien ergänzen das Frakturlogo ohne ein Banner. */
.layout-one .brand{position:relative;padding:0 8px 6px;text-shadow:0 1px 2px #0007}
.layout-one .brand::after{content:'';position:absolute;left:3px;right:-3px;bottom:0;height:8px;border-bottom:1px solid #bf9b5e;border-radius:0 0 65% 40%;transform:rotate(-3deg);opacity:.8}
.layout-one .brand::before{content:'❦';display:inline-block;font:20px Georgia,serif;color:#c3a16a;margin-right:7px;vertical-align:2px}
@media(max-width:480px){.layout-one .brand{font-size:27px}.layout-one .brand::before{font-size:17px;margin-right:5px}}
/* Auch mehrzeilige Thementitel lassen die drei Bilder auf derselben Höhe beginnen. */
@media(min-width:861px){.layout-one .discover-heading{min-height:2.6em}}
.layout-one .discover-card p{background:#eedbb7e6;box-shadow:0 0 5px 3px #eedbb7c7}
@font-face{font-family:'Werschen Buchfraktur';src:url('../fonts/UnifrakturCook-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
/* Kräftiger alter Buchsatz nach der gelieferten Bibelschrift-Vorlage. */
.layout-one .brand{font-family:'Werschen Buchfraktur',Georgia,serif;font-weight:700;font-size:38px;line-height:1;padding:0;letter-spacing:-.35px;color:#f1dfba;text-shadow:0 1px 1px #0009}
.layout-one .brand::before,.layout-one .brand::after{display:none;content:none}
.layout-one .brand .fraktur-initial{font-family:inherit;font-weight:inherit;font-size:1.08em;line-height:1;margin:0;vertical-align:baseline}
@media(max-width:860px){.layout-one .brand{font-size:35px}}
@media(max-width:480px){.layout-one .brand{font-size:33px}}
/* Eine einzige Papierkante, ohne zweite aufgelegte Randpatina. */
.layout-one .antique-sheet::after,.layout-one .paper-patina-right{display:none;background:none}
/* Keine seitlich hervorstehenden goldenen Abschlusslinien am Fußbereich. */
.layout-one .footer{border-top:0}
/* Gleiche Fraktur wie die Zeitreise-Überschrift, mit größerer Initiale. */
.layout-one .brand{font-family:'Werschen Fraktur',Georgia,serif;font-weight:400;font-size:35px;letter-spacing:.1px;line-height:1.1}
.layout-one .brand .fraktur-initial{font-size:1.32em;font-family:inherit;font-weight:400;line-height:.85}
@media(max-width:860px){.layout-one .brand{font-size:32px}}
@media(max-width:480px){.layout-one .brand{font-size:30px}}
/* Gealterte braune Schaltflächen nach der übermittelten Vorlage. */
.layout-one .button-primary,.layout-one .place-link{border:1px solid #b98c49;border-radius:5px;background:linear-gradient(180deg,#b17a2bdb,#895719ed 45%,#70420ff5),url('../bilder/chronik-papier.webp') center/220px auto;background-blend-mode:multiply;color:#f8e5bc;text-shadow:0 1px 2px #3b2109;box-shadow:0 2px 5px #3b220a70,inset 0 1px 1px #edc87c99,inset 0 -2px 3px #3a1e0b66;font-family:Georgia,serif;font-weight:400;letter-spacing:.7px;padding:11px 18px;min-height:43px}
.layout-one .button-primary:hover,.layout-one .place-card:hover .place-link{background:linear-gradient(180deg,#be8c3bdc,#986324ed 45%,#80511df5),url('../bilder/chronik-papier.webp') center/220px auto;background-blend-mode:multiply;border-color:#ddba78}
.layout-one .button-primary:active{box-shadow:inset 0 2px 4px #40240977,0 1px 2px #3b220a44}
/* Trennlinien etwas weiter rechts platzieren, Bilder unverändert lassen. */
@media(min-width:861px){.layout-one .discover-card{position:relative;border-right:0}.layout-one .discover-card:not(:last-child)::after{content:'';position:absolute;top:0;bottom:0;right:-12px;width:1px;background:#96734266;pointer-events:none}}
/* Kleine Ortsbuttons ohne zusätzliches Symbol. */
.layout-one .place-link{font-size:11px;letter-spacing:.6px;min-height:34px;padding:8px 14px;gap:0;border-radius:4px}
/* Dekoration endet vor der Fußzeile und läuft weich aus, statt sie zu überdecken. */
.layout-one .discover-section::after{bottom:-18px;mask-image:linear-gradient(to bottom,#000 calc(100% - 72px),transparent 100%)}
.layout-one .scenic-flanks{bottom:18px}
.layout-one>.footer{margin-top:12px;border-top:0}
.layout-one .footer-inner{position:relative;z-index:1;padding-top:8px}
@media(max-width:860px){.layout-one .discover-section::after{bottom:-10px}.layout-one>.footer{margin-top:8px}}
/* Lesbarkeit ohne sichtbare Textkästen: nur ein weicher Schein um die Buchstaben. */
.layout-one .discover-card p{background:transparent;box-shadow:none;text-shadow:0 0 3px #f6e6c7,0 0 7px #f0dfbc,0 0 11px #ead7b1}
/* Einheitlich zentrierter Einstieg auf sämtlichen Unterseiten. */
.layout-one .page-heading{text-align:center}
.layout-one .page-heading .container{text-align:center}
.layout-one .page-heading .breadcrumbs,.layout-one .page-heading .eyebrow,.layout-one .page-heading h1{text-align:center}
.layout-one .page-heading p{margin-left:auto;margin-right:auto;max-width:850px}
/* Ortsnamen folgen derselben rechten Flucht wie die Hauptnavigation. */
:root{--navigation-inset:34px}
.layout-one .hero-places{right:var(--navigation-inset)}
@media(max-width:1000px){:root{--navigation-inset:18px}}
/* Wieder klare Pflanzen- und Felskonturen; die unteren Ecken erhalten Steine. */
.layout-one .discover-section::after{bottom:-26px;mask-image:none}
.layout-one .stone-finish{position:absolute!important;z-index:2!important;left:calc(-1 * var(--content-inset));right:calc(-1 * var(--content-inset));bottom:-36px;height:86px;pointer-events:none}
.layout-one .stone-finish img{position:absolute;bottom:0;width:185px;height:86px;object-fit:contain;filter:drop-shadow(0 2px 2px #10180e55)}
.layout-one .stone-finish-left{left:-5px}
.layout-one .stone-finish-right{right:-5px;transform:scaleX(-1)}
.layout-one>.footer{margin-top:0;padding-top:26px}
.layout-one .footer::before{content:'';position:absolute;top:1px;left:24px;right:24px;height:1px;background:linear-gradient(to right,transparent,#9b7d4a99 12%,#9b7d4a99 88%,transparent);pointer-events:none}
@media(max-width:860px){.layout-one .discover-section::after{bottom:-23px}.layout-one .stone-finish{height:55px;bottom:-29px}.layout-one .stone-finish img{width:100px;height:55px}.layout-one .footer::before{left:18px;right:18px}}
/* Obere Felsen und Blätter behalten ihre Kontur auch über dem Papier. */
.layout-one .scenic-stage::before{mask-image:none;opacity:1}
/* Gleiche untere Standlinie mit Gras zwischen den linken Steinen. */
.layout-one .stone-finish-right{bottom:-9px!important}
.layout-one .stone-finish .grass-finish-left{left:1px;bottom:-2px;width:210px;height:48px;object-fit:fill;z-index:3;filter:none}
@media(max-width:860px){.layout-one .stone-finish-right{bottom:-6px!important}.layout-one .stone-finish .grass-finish-left{width:115px;height:30px;bottom:-1px}}
/* Hellere, vollere Ranken verbinden die oberen Felsen mit dem Seitenbewuchs. */
.layout-one .scenic-flanks{top:345px;z-index:7;filter:brightness(1.28) saturate(1.18)}
.layout-one .scenic-flanks::before,.layout-one .scenic-flanks::after{width:calc(var(--scene-bleed) + 60px);opacity:1;background-size:255px 900px;mask-image:linear-gradient(to bottom,transparent,#000 32px,#000 calc(100% - 70px),transparent),linear-gradient(to right,#000 28%,transparent 100%)}
@media(max-width:1279px) and (min-width:861px){.layout-one .scenic-flanks{top:320px}.layout-one .scenic-flanks::before,.layout-one .scenic-flanks::after{background-size:205px 820px}}
/* Oberer linker Felsabschluss auf die Höhe der rechten Steine anheben. */
.layout-one .scenic-stage::before{background-position:left top -14px,right bottom}
@media(max-width:860px){.layout-one .scenic-stage::before{background-position:left bottom 10px,right bottom}}
/* Gewählte Variante A: Papier liegt klar vor dem seitlichen Bewuchs. */
.layout-one .scenic-flanks{z-index:2;filter:brightness(1.28) saturate(1.18)}
.layout-one .scenic-flanks::before,.layout-one .scenic-flanks::after{mask-image:none;mask-composite:add;opacity:1;width:130px;background-size:130px 900px}
/* Durchgehender unterer Rahmen ohne Trennlinie oder ausgesparte Ecken. */
.layout-one .footer::before{display:none}
.layout-one .scenic-flanks{bottom:-5px}
@media(min-width:861px){
.layout-one .discover-section::after{left:calc(-1 * var(--content-inset) - 16px - var(--scene-bleed));right:calc(-1 * var(--content-inset) - 16px - var(--scene-bleed));bottom:-30px}
.layout-one .stone-finish{left:calc(-1 * var(--content-inset) - 16px);right:calc(-1 * var(--content-inset) - 16px)}
}
/* Fußzeile oben über etwa 5 mm transparent, damit die Eckgrafiken sichtbar bleiben. */
.layout-one .footer{background:linear-gradient(to bottom,transparent 0,#172016 19px,#172016 100%)}
/* Ein Mäusebussard gleitet in ruhigem Abstand über den Himmel. */
.layout-one .buzzard-flight{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.layout-one .buzzard{position:absolute;width:clamp(55px,7vw,94px);height:auto;left:-120px;top:18%;animation:buzzard-glide 34s linear infinite;filter:brightness(.78)}
@keyframes buzzard-glide{0%{left:-120px;top:18%;transform:rotate(-9deg) scale(.85)}25%{top:11%;transform:rotate(5deg) scale(1)}55%{top:19%;transform:rotate(-5deg) scale(.9)}72%,100%{left:calc(100% + 120px);top:12%;transform:rotate(3deg) scale(.8)}}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard{animation:none;left:24%;top:14%;transform:rotate(-5deg)}}
/* Ruhiger gerader Gleitflug ohne Wippen, Drehung oder Größenwechsel. */
.layout-one .buzzard{top:17%;animation:buzzard-glide-steady 52s linear infinite;transform:none}
@keyframes buzzard-glide-steady{0%{left:-120px}85%,100%{left:calc(100% + 120px)}}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard{animation:none;left:24%;top:17%;transform:none}}
/* Alte verbundene Schreibschrift für den Ortsnamen in der Kopfzeile. */
@font-face{font-family:'Werschen Schreibschrift';src:url('../fonts/PinyonScript-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block}
.layout-one .brand{font-family:'Werschen Schreibschrift',cursive;font-size:45px;font-weight:400;letter-spacing:0;line-height:1.08;padding:3px 4px 0}
.layout-one .brand .fraktur-initial{font-family:inherit;font-size:1.12em;line-height:inherit;vertical-align:baseline}
@media(max-width:860px){.layout-one .brand{font-size:42px}}
@media(max-width:480px){.layout-one .brand{font-size:39px}}
/* Abwechselnde Überflüge mit kurzer Pause außerhalb des sichtbaren Himmels. */
.layout-one .buzzard{animation:buzzard-roundtrip 104s linear infinite}
@keyframes buzzard-roundtrip{
0%{left:-120px;transform:scaleX(1)}
42.5%{left:calc(100% + 120px);transform:scaleX(1)}
49.99%{left:calc(100% + 120px);transform:scaleX(1)}
50%{left:calc(100% + 120px);transform:scaleX(-1)}
92.5%{left:-120px;transform:scaleX(-1)}
99.99%{left:-120px;transform:scaleX(-1)}
100%{left:-120px;transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard{animation:none;left:24%;transform:none}}
/* Nur die äußeren Handschwingen reagieren leicht auf den Luftstrom. */
.layout-one .buzzard{display:block}
.layout-one .buzzard img{display:block;width:100%;height:auto;max-width:none}
.layout-one .buzzard-body{clip-path:polygon(0 0,80% 0,80% 49%,100% 49%,100% 100%,0 100%)}
.layout-one .buzzard-wingtip{position:absolute;inset:0;clip-path:polygon(80% 0,100% 0,100% 50%,80% 50%);transform-origin:80% 45%;animation:buzzard-feathers 2.4s ease-in-out infinite}
@keyframes buzzard-feathers{0%,100%{transform:rotate(0deg)}35%{transform:rotate(.9deg)}65%{transform:rotate(-.65deg)}}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard-wingtip{animation:none}}
/* Gelegentlicher kurzer Blick nach unten, während Körper und Flugbahn ruhig bleiben. */
.layout-one .buzzard-body{clip-path:polygon(evenodd,0 0,80% 0,80% 49%,100% 49%,100% 100%,0 100%,0 0,70% 53%,82% 53%,82% 77%,70% 77%,70% 53%)}
.layout-one .buzzard-head{position:absolute;inset:0;clip-path:polygon(69.8% 52.8%,82.2% 52.8%,82.2% 77.2%,69.8% 77.2%);transform-origin:70% 66%;animation:buzzard-look 19s ease-in-out infinite}
@keyframes buzzard-look{0%,14%,43%,100%{transform:rotate(0deg)}22%,32%{transform:rotate(9deg)}}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard-head{animation:none}}
/* Unterzeile im Landschaftskopf um etwa 3 mm nach unten rücken. */
.layout-one .hero-subtitle{position:relative;top:11px}
/* Bewegungen auch bei der kleinen Darstellung im Himmel erkennbar machen. */
.layout-one .buzzard-wingtip{animation:buzzard-feathers-visible 1.6s ease-in-out infinite}
@keyframes buzzard-feathers-visible{0%,100%{transform:rotate(0deg)}30%{transform:rotate(6deg)}68%{transform:rotate(-4deg)}}
.layout-one .buzzard-head{animation:buzzard-look-visible 11s ease-in-out infinite}
@keyframes buzzard-look-visible{0%,12%,58%,100%{transform:rotate(0deg)}26%,43%{transform:rotate(24deg)}}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard-wingtip,.layout-one .buzzard-head{animation:none}}
/* Gegenläufige, unterschiedlich starke Korrekturen beider Handschwingen. */
.layout-one .buzzard-body{clip-path:polygon(evenodd,0 0,80% 0,80% 49%,100% 49%,100% 100%,0 100%,0 0,70% 53%,82% 53%,82% 77%,70% 77%,70% 53%,0 0,8% 27%,31% 27%,31% 44%,8% 44%,8% 27%,0 0)}
.layout-one .buzzard-far-wingtip{position:absolute;inset:0;clip-path:polygon(7.8% 26.8%,31.2% 26.8%,31.2% 44.2%,7.8% 44.2%);transform-origin:31% 43%;animation:buzzard-wind-far 5.7s ease-in-out infinite}
.layout-one .buzzard-wingtip{animation:buzzard-wind-near 5.7s ease-in-out infinite}
@keyframes buzzard-wind-near{0%,100%{transform:rotate(0deg)}13%{transform:rotate(4deg)}29%{transform:rotate(-2deg)}38%{transform:rotate(6deg)}59%{transform:rotate(-4deg)}81%{transform:rotate(1deg)}92%{transform:rotate(-1deg)}}
@keyframes buzzard-wind-far{0%,100%{transform:rotate(0deg)}13%{transform:rotate(-4deg)}29%{transform:rotate(2deg)}38%{transform:rotate(-6deg)}59%{transform:rotate(4deg)}81%{transform:rotate(-1deg)}92%{transform:rotate(1deg)}}
.layout-one .buzzard-head{animation:buzzard-scan-ground 23s ease-in-out infinite}
@keyframes buzzard-scan-ground{0%,9%,36%,59%,83%,100%{transform:rotate(0deg)}17%,25%{transform:rotate(24deg)}67%,74%{transform:rotate(18deg)}}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard-wingtip,.layout-one .buzzard-far-wingtip,.layout-one .buzzard-head{animation:none}}
/* Die Drehpunkte liegen an entgegengesetzten Flügelwurzeln: gleiche Drehrichtung ergibt entgegengesetzte Spitzenhöhe. */
@keyframes buzzard-wind-far{0%,100%{transform:rotate(0deg)}13%{transform:rotate(4deg)}29%{transform:rotate(-2deg)}38%{transform:rotate(6deg)}59%{transform:rotate(-4deg)}81%{transform:rotate(1deg)}92%{transform:rotate(-1deg)}}
/* Kontaktadresse erst auf Wunsch anzeigen, als unaufdringlicher Textlink. */
.layout-one .email-reveal{font:inherit;color:inherit;padding:0;border:0;background:none;text-decoration:underline;cursor:pointer;text-underline-offset:3px}
.layout-one .email-reveal:focus-visible{outline:2px solid #8c632c;outline-offset:4px}
/* Deutlicherer, zügiger Blick auf den Boden. */
.layout-one .buzzard-head{animation:buzzard-scan-ground-fast 16s ease-in-out infinite}
@keyframes buzzard-scan-ground-fast{0%,10%,29%,58%,78%,100%{transform:rotate(0deg)}14%,24%{transform:rotate(37deg)}62%,73%{transform:rotate(30deg)}}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard-head{animation:none}}
/* Schnelle Blicke mit wechselnden Pausen und gelegentlicher seitlicher Kopfdrehung. */
.layout-one .buzzard-head{animation:buzzard-alert-glances 37s ease-in-out infinite}
@keyframes buzzard-alert-glances{
0%,5%,10.5%,27%,33%,52%,57%,59%,63%,81%,89%,91%,100%{transform:rotate(0deg) scaleX(1)}
6%,9.5%{transform:rotate(37deg) scaleX(1)}
28%,32%{transform:rotate(-5deg) scaleX(.78)}
53%,56%{transform:rotate(29deg) scaleX(1)}
60%,62%{transform:rotate(-3deg) scaleX(.86)}
82%,88%{transform:rotate(38deg) scaleX(1)}
}
@media(prefers-reduced-motion:reduce){.layout-one .buzzard-head{animation:none}}
/* Ein durchgehend verformtes Bild statt bewegter rechteckiger Ausschnitte. */
.layout-one .buzzard-art{display:none;width:100%;height:auto}
.layout-one .buzzard-ready .buzzard-art{display:block}
.layout-one .buzzard-ready .buzzard-fallback{display:none}
/* Einheitlicher Wechsel von drei Spalten zu einer gemeinsamen Tabletbreite. */
@media(min-width:1001px){
.layout-one .place-grid,.layout-one .discover-grid{gap:24px}
.layout-one .discover-card,.layout-one .discover-card:last-child{padding-right:0}
.layout-one .discover-card img{height:auto;aspect-ratio:1.65;object-fit:cover}
}
@media(max-width:1000px){
.layout-one .place-grid,.layout-one .discover-section .discover-grid{grid-template-columns:1fr;width:100%;max-width:490px;margin-inline:auto;gap:22px}
.layout-one .place-photo{height:auto;aspect-ratio:2/1}
.layout-one .place-body{padding:12px 8px 17px}
.layout-one .place-body h3{font-size:clamp(23px,3.5vw,29px)}
.layout-one .discover-card,.layout-one .discover-card:last-child{display:grid;grid-template-columns:clamp(92px,15vw,120px) minmax(0,1fr);gap:5px 18px;padding:0 0 22px;border:0;border-bottom:1px solid #9e83514d}
.layout-one .discover-card:last-child{padding-bottom:0;border-bottom:0}
.layout-one .discover-card::after{display:none}
.layout-one .discover-heading{grid-column:2;grid-row:1;min-height:0;font-size:19px;margin:0;align-self:end}
.layout-one .discover-card img{grid-column:1;grid-row:1/3;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.layout-one .discover-card p{grid-column:2;grid-row:2;font-size:14px;margin:0}
.layout-one .article-grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:480px){
.layout-one .place-grid,.layout-one .discover-section .discover-grid{gap:18px}
.layout-one .discover-card,.layout-one .discover-card:last-child{grid-template-columns:82px minmax(0,1fr);column-gap:12px}
.layout-one .discover-heading{font-size:17px}
.layout-one .discover-card p{font-size:13px}
}
/* Quellenbelegte Einwohnerzahlen auf dem Papier. */
.layout-one .population-section{margin:32px 0;padding:26px 0;border-block:1px solid #95703f55;min-width:0}
.layout-one .population-section h2{text-align:center;font-variant:small-caps;font-size:28px;margin:0 0 16px}
.layout-one .population-section p{font:16px/1.6 Georgia,serif}
.layout-one .population-note{font-size:14px!important;color:#6c5232}
.layout-one .population-figure{max-width:820px;margin:18px auto}
.layout-one .population-figure svg{display:block;width:100%;height:auto;overflow:visible}
.layout-one .population-figure text{font:13px Georgia,serif;fill:#604521}
.layout-one .population-figure circle:focus{outline:none;stroke:#c38d39;stroke-width:5}
.layout-one .population-figure figcaption{font:12px/1.5 Georgia,serif;padding:8px 0;background:none}
.layout-one .population-section summary{cursor:pointer;color:#68461f;font:16px/1.5 Georgia,serif;padding:8px 0}
.layout-one .population-table-wrap{overflow:auto;max-width:100%}
.layout-one .population-section table{width:100%;border-collapse:collapse;font:14px/1.5 Georgia,serif}
.layout-one .population-section th,.layout-one .population-section td{padding:8px;text-align:right;border-bottom:1px solid #95703f44}
.layout-one .population-section th:first-child{text-align:left;white-space:nowrap}
.layout-one .population-section caption{text-align:left;padding:10px 0;font-size:15px}
.layout-one .population-recent small{display:block;margin-top:5px;font-size:12px;line-height:1.5}
@media(max-width:600px){.layout-one .population-section{margin:24px 0;padding:20px 0}.layout-one .population-section h2{font-size:25px}.layout-one .population-figure text{font-size:16px}}
@media(max-width:600px){.layout-one .population-figure text{font-size:26px}.layout-one .population-figure .population-year-1989{display:none}}
/* Originalfoto: Ausschnitt und Tonung ohne Veränderung der Inschrift. */
.memorial-section{margin:2.5rem 0;padding:2rem 0;border-block:1px solid #997b434d}
.memorial-photo{max-width:460px;margin:1.5rem auto}
.memorial-crop{aspect-ratio:4/5;overflow:hidden;border:1px solid #97733d;box-shadow:0 4px 14px #30240d25}
.memorial-crop img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;filter:sepia(.13) saturate(.85) brightness(1.06) contrast(1.04)}
.memorial-photo figcaption{font-size:.8rem;line-height:1.6;margin-top:.7rem}
.memorial-table table{width:100%;border-collapse:collapse;font-size:1rem}
.memorial-table caption{text-align:left;margin-bottom:.6rem;font-size:.85rem}
.memorial-table th,.memorial-table td{text-align:left;padding:.65rem .4rem;border-bottom:1px solid #997b434d}
@media(max-width:480px){.memorial-table table{font-size:.8rem}.memorial-table th,.memorial-table td{padding:.6rem .2rem}}

/* Vorrang vor allgemeinen Artikelabbildungen. */
.layout-one .article-main figure.memorial-photo{display:block;float:none;width:100%;max-width:460px;margin:1.5rem auto;padding:0;background:transparent;border:0}
.layout-one .article-main .memorial-crop{position:relative;padding:0}
.layout-one .article-main figure.memorial-photo .memorial-crop img{position:absolute;inset:0;width:100%;height:100%;max-height:none;max-width:none;margin:0;object-fit:cover}
/* Dokumentarische Kartenausschnitte: vollständig sichtbar, ohne dekorative Maske. */
.layout-one .historical-maps .historical-map { margin: 2rem auto; padding: 0; max-width: 640px; background: transparent; }
.layout-one .historical-maps .historical-map img { display: block; position: static; width: 100%; height: auto; max-height: none; object-fit: contain; border: 1px solid #9c8154; border-radius: 0; filter: none; mask-image: none; }
.layout-one .historical-map figcaption { margin-top: .6rem; font-size: .88rem; line-height: 1.5; }

/* Eigene Ortsübersicht und vergrößerbare Vektorkarte. */
.layout-one .local-map-figure { margin: 1.5rem 0; padding: 0; background: transparent; border: 0; }
.layout-one .local-map-figure img { display: block; position: static; width: 100%; height: auto; max-height: none; border-radius: 0; }
.local-map-figure > a { display: block; cursor: zoom-in; }
.local-map-figure figcaption { margin-top: .7rem; font-size: .9rem; }
#map-viewer { width: min(1200px, 94vw); max-width: 94vw; max-height: 92vh; padding: 1rem; background: #eee0bb; color: #453b29; border: 1px solid #9c8154; }
#map-viewer::backdrop { background: rgb(15 24 16 / 85%); }
.map-toolbar, .map-toolbar > div { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; justify-content: space-between; }
.map-toolbar button { padding: .4rem .7rem; cursor: pointer; color: #453b29; background: #f5e9c9; border: 1px solid #9c8154; font: inherit; }
.map-toolbar output { min-width: 4rem; text-align: center; }
.map-help { font-size: .85rem; margin: .6rem 0; }
.map-viewport { overflow: auto; max-height: 72vh; background: #d8c397; }
#map-viewer .map-viewport img { display: block; width: 100%; max-width: none; height: auto; }
/* Denkmalfoto: ruhige, abgerundete Galerie mit Zoom. */
.layout-one .memorial-open { display: block; position: relative; border-radius: 18px; overflow: hidden; cursor: zoom-in; box-shadow: 0 12px 28px rgb(49 34 12 / 23%); }
.photo-open-label { position: absolute; z-index: 2; bottom: 16px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: .55rem 1rem; border: 1px solid #c6a96e; border-radius: 999px; background: rgb(24 34 24 / 90%); color: #f6e4b9; font-size: .9rem; }
.photo-dialog { width: min(1100px, 94vw); max-width: 94vw; max-height: 94dvh; padding: 0; border: 1px solid #aa8b50; border-radius: 24px; background: #1b251c; color: #f1e2bc; box-shadow: 0 30px 100px #0009; overflow: auto; }
.photo-dialog::backdrop { background: rgb(8 14 10 / 88%); backdrop-filter: blur(7px); }
.photo-dialog-inner { padding: 20px; }
.photo-dialog-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 14px; }
.photo-dialog-header h2 { font-size: clamp(1.15rem, 3vw, 1.65rem); margin: .2rem 0 0; color: #f1e2bc; }
.photo-eyebrow { font-size: .7rem; text-transform: uppercase; letter-spacing: .16em; color: #c7ad76; }
.photo-dialog button { border: 1px solid #796947; color: #f1e2bc; background: #2e392b; border-radius: 999px; padding: .5rem .85rem; font: inherit; cursor: pointer; min-height: 44px; }
.photo-dialog button:hover { background: #49503a; }
.photo-dialog button:focus-visible, .memorial-open:focus-visible { outline: 3px solid #e3bb67; outline-offset: 3px; }
.photo-viewport { height: min(65dvh, 700px); overflow: auto; background: #111a13; border-radius: 16px; cursor: grab; overscroll-behavior: contain; }
.photo-viewport.dragging { cursor: grabbing; }
#photo-viewer .photo-viewport img { display: block; max-width: none; height: auto; margin: 0 auto; border: 0; border-radius: 0; filter: none; user-select: none; }
.photo-controls { display: flex; align-items: center; justify-content: center; gap: .65rem; flex-wrap: wrap; padding: 14px 0 8px; }
.photo-controls output { min-width: 4rem; text-align: center; }
.photo-controls span { font-size: .8rem; color: #c6bc9f; }
.photo-credit { margin: 6px 0 0; text-align: center; font-size: .78rem; color: #c6bc9f; }
.photo-credit a { color: #e4c788; }
@media (max-width: 500px) { .photo-dialog-inner { padding: 12px; } .photo-dialog { border-radius: 18px; } .photo-controls { gap: .4rem; } .photo-controls span { width: 100%; text-align: center; } }
/* Erinnerungsfenster: Foto, Inschrift und eigens gezeichneter Rahmenschmuck. */
.layout-one .article-main .memorial-crop { aspect-ratio: 4 / 4.4; }
.layout-one .article-main figure.memorial-photo .memorial-crop img { inset: auto 0 0; height: 115%; object-position: 50% 100%; }
#photo-viewer { width: min(1400px, 96vw); max-width: 96vw; height: min(94dvh, 1050px); max-height: 94dvh; overflow: hidden; background: #101a14; }
#photo-viewer::backdrop { background: rgb(4 9 6 / 94%); backdrop-filter: blur(9px); }
#photo-viewer .photo-dialog-inner { height: 100%; box-sizing: border-box; display: grid; grid-template-rows: auto minmax(0,1fr) auto auto auto; padding: 18px 24px 12px; }
#photo-viewer .photo-dialog-header { margin-bottom: 12px; }
.remembrance-stage { position: relative; min-height: 0; overflow: hidden; border-radius: 18px; border: 1px solid #74613c; background: #0c120e; isolation: isolate; }
#photo-viewer .photo-viewport { width: 100%; height: 100%; border-radius: 0; box-sizing: border-box; }
#photo-viewer:not(.photo-only) .photo-viewport { overflow: hidden; }
#photo-viewer:not(.photo-only) .photo-viewport img { width: 100% !important; height: 100%; object-fit: cover; object-position: 50% 55%; }
.remembrance-shade { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg,#08100cd9, #08100c55 25%, #08100c55 75%,#08100cd9), linear-gradient(0deg,#08100cbb,transparent 30%,transparent 80%,#08100c88); animation: remembrance-dim 3s ease-out both; }
@keyframes remembrance-dim { from {opacity: .15} to {opacity: .9} }
.remembrance-screen { position: absolute; inset: 0 62px; z-index: 2; overflow: hidden; pointer-events: none; mask-image: linear-gradient(transparent,black 12%,black 85%,transparent); }
.remembrance-credits { text-align: center; color: #fff0cb; font-family: Georgia, serif; text-shadow: 0 2px 6px #000,0 0 24px #000; padding: 30px 0 55px; }
#photo-viewer .remembrance-emblem { width: 170px; height: 85px; display: block; margin: 0 auto 24px; }
.remembrance-credits p { margin: 0 0 45px; line-height: 1.6; }
.remembrance-credits strong { display: block; font-size: clamp(22px, 3vw, 38px); font-weight: normal; letter-spacing: .04em; }
.remembrance-credits span { display: block; font-size: clamp(15px, 1.8vw, 23px); }
.remembrance-credits .credits-years { font-size: clamp(25px, 3vw, 40px); letter-spacing: .18em; }
.remembrance-credits .credits-dedication { font-size: clamp(20px, 2.4vw, 30px); font-style: italic; margin-bottom: 65px; }
.memorial-pillar { position: absolute; z-index: 3; top: 16px; bottom: 16px; width: 36px; pointer-events: none; border: 1px solid #a58d5d; background: repeating-linear-gradient(90deg,transparent 0 7px,#201f1680 8px 10px),linear-gradient(90deg,#4e4c36,#a4976b 35%,#6e6b4b 70%,#353b2c); box-shadow: 0 0 20px #0009; border-radius: 4px; opacity: .85; }
.memorial-pillar::before,.memorial-pillar::after { content: ''; position: absolute; left: -6px; right: -6px; height: 15px; border: 1px solid #b49c68; border-radius: 3px; background: linear-gradient(#9d8c5f,#4c4d36); }
.memorial-pillar::before { top: 0; }.memorial-pillar::after { bottom: 0; }
.pillar-left { left: 15px; }.pillar-right { right: 15px; }
.remembrance-actions { display: flex; justify-content: center; gap: .6rem; flex-wrap: wrap; padding: 12px 0 4px; }
#photo-viewer .photo-controls { display: none; padding: 8px 0; }
#photo-viewer.photo-only .photo-controls { display: flex; }
.photo-only .remembrance-screen,.photo-only .remembrance-shade,.photo-only .memorial-pillar { display: none; }
#photo-viewer .photo-credit { margin: 5px 0 0; font-size: .74rem; }
@media (max-width: 600px) {
 #photo-viewer { width: 96vw; max-width: 96vw; height: 94dvh; }
 #photo-viewer .photo-dialog-inner { padding: 12px 10px 10px; }
 #photo-viewer .photo-dialog-header h2 { font-size: 1.1rem; }
 .memorial-pillar { width: 16px; top: 10px; bottom: 10px; }.pillar-left { left: 10px; }.pillar-right { right: 10px; }
 .memorial-pillar::before,.memorial-pillar::after { left: -3px; right: -3px; height: 10px; }
 .remembrance-screen { inset: 0 35px; }
 .remembrance-actions { gap: .4rem; }.remembrance-actions button { font-size: .78rem; padding: .4rem .6rem; }
 .remembrance-credits p { margin-bottom: 35px; }
}
@media (prefers-reduced-motion: reduce) {
 .remembrance-shade { animation: none; }
 .remembrance-screen { overflow-y: auto; pointer-events: auto; mask-image: none; }
 .remembrance-credits { padding-top: 22px; }
}
/* Künstlerisch gestalteter antikisierender Architekturrahmen. */
#photo-viewer { background: radial-gradient(ellipse at 50% 45%, #354033, #0b120e 75%); }
#photo-viewer .temple-stage { border: 0; border-radius: 0; background: transparent; isolation: isolate; width: min(100%, calc((94dvh - 195px) * 1.5)); height: auto; aspect-ratio: 3 / 2; justify-self: center; align-self: center; }
#photo-viewer .temple-frame { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; margin: 0; pointer-events: none; object-fit: contain; }
#photo-viewer:not(.photo-only) .temple-stage .photo-viewport { position: absolute; left: 21.8%; top: 46.5%; width: 56.5%; height: 43%; border-radius: 0; }
#photo-viewer:not(.photo-only) .temple-stage .photo-viewport img { object-position: 50% 57%; }
#photo-viewer .temple-stage .remembrance-shade { inset: 46.5% 21.7% 10.5% 21.8%; }
#photo-viewer .temple-stage .remembrance-screen { inset: 47% 23% 11% 23%; }
#photo-viewer .temple-stage .remembrance-credits strong { font-size: clamp(17px,2.4vw,30px); }
#photo-viewer .temple-stage .remembrance-credits span { font-size: clamp(12px,1.6vw,20px); }
#photo-viewer .temple-stage .credits-years { font-size: clamp(20px,2.6vw,32px); }
#photo-viewer .temple-stage .credits-dedication { font-size: clamp(16px,2vw,25px); }
#photo-viewer.photo-only .temple-frame { display: none; }
#photo-viewer.photo-only .temple-stage { width: 100%; height: 100%; aspect-ratio: auto; border-radius: 16px; }
#photo-viewer .photo-credit::after { content: ' · Rahmen und Relief: künstlerische Gestaltung'; color: #a7a48e; }
@media (max-width: 600px) {
 #photo-viewer:not(.photo-only) { height: min(94dvh, calc(64vw + 220px)); }
 #photo-viewer .temple-stage { width: 100%; }
 #photo-viewer .temple-stage .remembrance-credits p { margin-bottom: 24px; }
 #photo-viewer .temple-stage .credits-dedication { margin-bottom: 32px; }
 #photo-viewer .photo-credit { font-size: .65rem; }
}
/* Säulenschäfte um etwa ein Fünftel der Gebäudehöhe verlängert. Dach/Treppe unverzerrt. */
#photo-viewer .temple-stage { aspect-ratio: 5 / 4; width: min(100%, calc((94dvh - 195px) * 1.25)); }
.temple-architecture { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
#photo-viewer .temple-architecture img { position: absolute; width: 100%; margin: 0; max-width: none; object-fit: fill; }
#photo-viewer .temple-roof { top: 0; left: 0; height: 83.3333%; clip-path: inset(0 0 53% 0); }
#photo-viewer .temple-steps { bottom: 0; left: 0; height: 83.3333%; clip-path: inset(89% 0 0 0); }
.temple-shafts { position: absolute; top: 39.1667%; left: 0; width: 100%; height: 51.6666%; overflow: hidden; }
#photo-viewer .temple-shafts img { height: 238.0952%; top: -111.9048%; left: 0; }
#photo-viewer:not(.photo-only) .temple-stage .photo-viewport { top: 38.75%; height: 52.1%; }
#photo-viewer .temple-stage .remembrance-shade { inset: 38.75% 21.7% 9.15% 21.8%; }
#photo-viewer .temple-stage .remembrance-screen { inset: 39.2% 23% 9.6% 23%; }
#photo-viewer.photo-only .temple-architecture { display: none; }
#photo-viewer.photo-only .temple-stage { width: 100%; aspect-ratio: auto; }
@media (max-width: 600px) { #photo-viewer:not(.photo-only) { height: min(94dvh, calc(77vw + 220px)); } #photo-viewer .temple-stage { width: 100%; } }
/* Freigestellter Tempel mit zweizeiliger Inschrift im Steinband. */
#photo-viewer { width: 98vw; max-width: 98vw; height: 98dvh; max-height: 98dvh; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
#photo-viewer .photo-dialog-inner { padding: 6px 20px 8px; grid-template-rows: minmax(0,1fr) auto auto auto; }
#photo-viewer .photo-dialog-header { position: absolute; top: 8px; right: 12px; z-index: 8; margin: 0; }
#photo-viewer .temple-stage { width: min(100%, calc((98dvh - 100px) * 1.25)); container-type: inline-size; }
.temple-inscription { position: absolute; z-index: 5; top: 28.1%; left: 23%; width: 54%; height: 7%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #59442f; pointer-events: none; font-family: Georgia,serif; text-shadow: 0 1px 0 #f2e2bd,0 -1px 1px #422b2170; }
#photo-viewer .temple-inscription > span { font-size: 1.4cqw; letter-spacing: .12em; text-transform: uppercase; line-height: 1.5; }
#photo-viewer .temple-inscription h2 { color: #59442f; font-family: Georgia,serif; font-size: 2.25cqw; font-weight: normal; letter-spacing: .025em; line-height: 1.2; margin: 0; text-shadow: inherit; }
#photo-viewer .remembrance-actions { padding: 5px 0 3px; gap: .6rem; }
#photo-viewer button { min-height: 34px; padding: .3rem .75rem; font-size: .83rem; color: #4b3928; border: 1px solid #ad956d; border-radius: 6px; background: linear-gradient(#e4d4af,#bfa77e); box-shadow: inset 0 1px 0 #fff5,0 2px 5px #0005; text-shadow: 0 1px 0 #fff5; }
#photo-viewer button:hover { background: linear-gradient(#f1e0bc,#cfb78d); }
#photo-viewer [data-photo-close] { width: 36px; height: 36px; padding: 0; border-radius: 50%; }
#photo-viewer .photo-credit { font-size: .66rem; margin-top: 3px; }
#photo-viewer.photo-only .temple-inscription { display: none; }
@media (max-width:600px) {
 #photo-viewer:not(.photo-only) { height: min(98dvh,calc(78vw + 140px)); }
 #photo-viewer .photo-dialog-inner { padding: 0 2px 6px; }
 #photo-viewer .temple-stage { width: 100%; }
 #photo-viewer .photo-dialog-header { top: 0; right: 2px; }
 #photo-viewer button { font-size: .74rem; min-height: 34px; padding: .3rem .55rem; }
 #photo-viewer .photo-credit { font-size: .6rem; }
}
/* Bedienung als eingravierte Felder in einer zusätzlichen hohen Steinstufe. */
#photo-viewer .temple-stage { width: min(100%, calc((98dvh - 145px) * 1.25)); }
#photo-viewer .remembrance-actions { width: min(100%, calc((98dvh - 145px) * 1.25)); box-sizing: border-box; justify-self: center; align-items: center; gap: 1rem; min-height: 58px; margin-top: -2px; padding: 8px 18px 12px; border-top: 3px solid #e2ceaa; border-bottom: 7px solid #73614c; border-left: 4px solid #b6a083; border-right: 4px solid #87745c; border-radius: 0; background: linear-gradient(0deg,#77654b55,transparent 60%), repeating-linear-gradient(2deg,#b9a48220 0 1px,transparent 1px 5px),linear-gradient(95deg,#a79575,#d1bd98 25%,#b8a17e 60%,#c7b18d); box-shadow: inset 0 2px 3px #fff4,0 5px 10px #0006; }
#photo-viewer .remembrance-actions button { border-radius: 0; border: 1px solid #77634680; border-bottom-color: #efe0bcaa; border-right-color: #efe0bcaa; background: #6d543515; box-shadow: inset 1px 1px 3px #57412d55; color: #4e3826; text-shadow: 0 1px 0 #f1e0bc; font-family: Georgia,serif; font-size: .86rem; letter-spacing: .02em; padding: .4rem 1rem; min-height: 36px; }
#photo-viewer .remembrance-actions button:hover { background: #f4e3be40; color: #352315; }
#photo-viewer .photo-controls button { border-radius: 0; }
#photo-viewer.photo-only .remembrance-actions { width: min(100%, 750px); }
@media (max-width:600px) { 
 #photo-viewer:not(.photo-only) { height: min(98dvh,calc(78vw + 150px)); }
 #photo-viewer .temple-stage,#photo-viewer .remembrance-actions { width: 100%; }
 #photo-viewer .remembrance-actions { gap: .4rem; min-height: 52px; padding: 6px 5px 8px; }
 #photo-viewer .remembrance-actions button { font-size: .72rem; padding: .3rem .5rem; }
}
#photo-viewer:not(.photo-only) .temple-stage { align-self: end; }
#photo-viewer:not(.photo-only) .remembrance-actions { margin-top: -5px; }
/* Einzeilige, kräftigere Steininschrift; Foto bleibt im Zentrum ungedimmt. */
.temple-inscription { top: 32%; height: 4.5%; }
#photo-viewer .temple-inscription h2 { font-weight: 700; font-size: 2.35cqw; color: #513b28; }
#photo-viewer .remembrance-actions button { font-weight: 700; }
#photo-viewer .remembrance-shade { background: radial-gradient(ellipse at center, transparent 45%, rgb(8 16 12 / 12%) 68%, rgb(8 16 12 / 50%) 100%); animation: none; opacity: 1; }
.temple-inscription { top: 34.4%; height: 3.8%; }
/* Halbtransparenter Hintergrund und sanftes Einblenden beim Öffnen. */
#photo-viewer::backdrop { background: rgb(7 14 10 / 62%); backdrop-filter: blur(3px); }
#photo-viewer[open]::backdrop { animation: memorial-backdrop-in 420ms ease-out both; }
#photo-viewer[open] .photo-dialog-inner { animation: memorial-window-in 480ms cubic-bezier(.2,.65,.3,1) both; }
@keyframes memorial-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes memorial-window-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
 #photo-viewer[open]::backdrop, #photo-viewer[open] .photo-dialog-inner { animation: none; }
}
/* Denkmal im Erinnerungsfenster größer und etwas nach oben versetzt. */
#photo-viewer:not(.photo-only) .temple-stage .photo-viewport img { transform: translateY(-5%) scale(1.16); transform-origin: 50% 50%; }
/* Feinabstimmung: historische Buttonschrift, tiefere Beschriftung, langsames Einblenden. */
#photo-viewer .photo-dialog-header { right: clamp(28px, 7vw, 120px); }
#photo-viewer .remembrance-actions { padding-top: 16px; padding-bottom: 4px; }
#photo-viewer .remembrance-actions button { font-family: 'Werschen Chronik', Georgia, serif; font-weight: 700; font-size: .94rem; letter-spacing: .035em; }
#photo-viewer[open]::backdrop { animation-duration: 900ms; }
#photo-viewer[open] .photo-dialog-inner { animation-duration: 1100ms; }
@media (max-width: 600px) {
 #photo-viewer .photo-dialog-header { right: 28px; }
 #photo-viewer .remembrance-actions { padding-top: 14px; padding-bottom: 0; }
 #photo-viewer .remembrance-actions button { font-size: .76rem; }
}
/* Gewünschte Positionskorrektur der Bedienelemente. */
#photo-viewer .photo-dialog-header { right: calc(clamp(28px, 7vw, 120px) + 2cm); }
#photo-viewer .remembrance-actions button { position: relative; top: -1mm; }
@media (max-width:600px) { #photo-viewer .photo-dialog-header { right: calc(28px + 2cm); } }
/* Mehr Bildschirmfläche für das Erinnerungsfenster. */
#photo-viewer { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; }
#photo-viewer .photo-dialog-inner { padding: 0 8px 3px; }
#photo-viewer .temple-stage, #photo-viewer .remembrance-actions { width: min(100%, calc((100dvh - 95px) * 1.25)); }
#photo-viewer .remembrance-actions { min-height: 50px; padding-top: 12px; padding-bottom: 0; }
@media (max-width:600px) {
 #photo-viewer:not(.photo-only) { height: min(100dvh,calc(80vw + 120px)); }
 #photo-viewer .photo-dialog-inner { padding: 0 0 3px; }
 #photo-viewer .temple-stage, #photo-viewer .remembrance-actions { width: 100%; }
}
/* Freigegebene dekorative Steinskulpturen, getrennt von Foto und Laufschrift. */
.memorial-statue { position: absolute; z-index: 6; bottom: 9.2%; width: 26%; height: 48%; overflow: hidden; pointer-events: none; }
.memorial-statue-left { left: 0; }
.memorial-statue-right { left: 74%; }
#photo-viewer .memorial-statue img { position: absolute; top: 0; width: 200%; height: 100%; max-width: none; margin: 0; object-fit: fill; filter: saturate(.75) brightness(.95); }
#photo-viewer .memorial-statue-left img { left: 0; }
#photo-viewer .memorial-statue-right img { left: -100%; }
#photo-viewer.photo-only .memorial-statue { display: none; }
.memorial-statue { bottom: 8.3%; }
/* Kleinere Figurensockel: nur die untere Sockelhälfte wird ausgeblendet. */
.memorial-statue { height: 45.5%; }
#photo-viewer .memorial-statue img { height: 105.4945%; }
.temple-inscription { transform: translateY(-.5mm); }
/* Eigenständige Fotogalerie ohne Steinstufe oder sichtbare Scrollleisten. */
#photo-viewer.photo-only .photo-dialog-inner { padding: 46px 20px 8px; grid-template-rows: minmax(0,1fr) auto auto; gap: 10px; }
#photo-viewer.photo-only .temple-stage { width: 100%; height: 100%; align-self: stretch; border-radius: 14px; overflow: hidden; }
#photo-viewer.photo-only .photo-viewport { scrollbar-width: none; background: rgb(10 17 12 / 65%); border: 1px solid #b09a6b80; border-radius: 14px; }
#photo-viewer.photo-only .photo-viewport::-webkit-scrollbar { display: none; }
#photo-viewer.photo-only .photo-viewport img { border-radius: 0; }
#photo-viewer.photo-only .remembrance-actions { display: none; }
#photo-viewer.photo-only .photo-controls { justify-self: center; width: max-content; max-width: 100%; box-sizing: border-box; padding: 7px 10px; gap: .55rem; background: rgb(20 29 22 / 94%); border: 1px solid #ad9665; border-radius: 10px; box-shadow: 0 8px 24px #0005; }
#photo-viewer.photo-only .photo-controls span { display: none; }
#photo-viewer.photo-only .photo-controls button { min-height: 34px; font-family: 'Werschen Chronik',Georgia,serif; font-weight: 700; }
#photo-viewer.photo-only .photo-controls [data-photo-mode] { margin-left: .4rem; }
#photo-viewer.photo-only .photo-credit::after { content: none; }
@media (max-width:600px) {
 #photo-viewer.photo-only .photo-dialog-inner { padding: 46px 6px 5px; gap: 7px; }
 #photo-viewer.photo-only .photo-controls { gap: .35rem; padding: 6px; }
 #photo-viewer.photo-only .photo-controls button { padding: .3rem .45rem; font-size: .72rem; }
 #photo-viewer.photo-only .photo-controls [data-photo-mode] { margin-left: 0; }
}
#photo-viewer.photo-only .photo-viewport { display: flex; align-items: safe center; }
#photo-viewer.photo-only .photo-viewport img { flex-shrink: 0; }
/* Denkmalvorschau passend zu den gerahmten Ortskacheln. */
.layout-one .article-main figure.memorial-photo { max-width: 410px; }
.layout-one .article-main .memorial-open { border-radius: 0; border: 2px solid #b5955e; box-shadow: 0 6px 14px rgb(12 18 11 / 34%); }
.layout-one .photo-open-label { border-radius: 0; border: 1px solid #b98c49; background: linear-gradient(180deg,#b17a2bdb,#895719ed 45%,#70420ff5),url('../bilder/chronik-papier.webp') center/220px auto; background-blend-mode: multiply; color: #f8e5bc; text-shadow: 0 1px 2px #3b2109; box-shadow: 0 2px 5px #3b220a70,inset 0 1px 1px #edc87c99,inset 0 -2px 3px #3a1e0b66; font: 400 .8rem Georgia,serif; text-transform: uppercase; letter-spacing: .5px; padding: 11px 18px; }
.layout-one .memorial-open:hover .photo-open-label { border-color: #ddba78; background-color: #9c6b29; }
/* Geschichtstafel: ausgewählte Verwaltungsbeziehungen nach GOV. */
.affiliation-section { margin: 3rem 0; padding-top: 1.5rem; border-top: 1px solid #b59a6670; }
.affiliation-years { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.2rem 0; }
.affiliation-years button,.affiliation-toolbar button { cursor: pointer; padding: .55rem 1rem; min-height: 42px; border: 1px solid #a88a55; color: #5b4226; background: #e8d6ad; font: 700 1rem Georgia,serif; }
.affiliation-years button[aria-pressed="true"] { background: #735332; color: #ffedc6; box-shadow: inset 0 1px 3px #32220f80; }
.affiliation-tree,.affiliation-pan { background: #eadbb8 url('../bilder/chronik-papier.webp') repeat; border: 1px solid #b5955e; box-shadow: 0 5px 14px #382b142b; }
.affiliation-tree svg,.affiliation-large svg { width: 100%; height: auto; display: block; }
.affiliation-note { min-height: 4em; }
.affiliation-dialog { width: min(1200px,96vw); max-width: 96vw; max-height: 94dvh; padding: 16px; color: #4b3620; background: #e9d7ae url('../bilder/chronik-papier.webp') repeat; border: 2px solid #ae8d54; }
.affiliation-dialog::backdrop { background: rgb(9 18 12 / 72%); }
.affiliation-toolbar,.affiliation-toolbar>div { display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.affiliation-pan { max-height: 70dvh; overflow: auto; cursor: grab; }
.affiliation-large { min-width: 100%; }
.affiliation-toolbar output { min-width: 4rem; text-align: center; }
@media (max-width:600px) { .affiliation-tree { overflow-x: auto; } .affiliation-tree svg { min-width: 600px; } .affiliation-dialog { padding: 9px; } }
/* Schriftzug oben links auf allen öffentlichen Seiten 1 mm tiefer. */
body.layout-one .site-header .brand { position: relative; top: 1mm; }
/* Bildband: große Bildblätter und ruhige Kapitel im Pergamentstil. */
.culture-book { max-width: 1050px; }
.culture-intro-note,.culture-teaser { margin: 1.8rem 0; padding: 1.3rem 1.5rem; border: 1px solid #b29661; background: rgb(243 228 186 / 30%); }
.culture-intro-note p { margin-bottom: 0; }
.culture-chapters { display: flex; flex-wrap: wrap; gap: .7rem; margin: 2rem 0; }
.culture-chapters a { padding: .65rem 1rem; border: 1px solid #ac8950; color: #5a3c1c; text-decoration: none; background: #e4cd9b60; }
.culture-chapters a:hover { background: #c9ac7460; }
.culture-chapter { margin: 3rem 0 4rem; padding-top: 2rem; border-top: 1px solid #a88c5980; scroll-margin-top: 25px; }
.culture-chapter h2 { margin-top: .5rem; font-size: clamp(1.8rem, 3vw, 2.35rem); font-weight: 700; line-height: 1.2; color: #49331c; }
.culture-subtitle { color: #876333; font-style: italic; }
.culture-evidence { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 1.7rem 0; }
.culture-evidence :is(h2,h3) { font-size: 1.1rem; font-weight: 600; line-height: 1.4; }
.culture-image-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.7rem; }
.culture-book .culture-image-grid figure { margin: 0; padding: 0; background: transparent; border: 0; }
.culture-image-grid button { display: block; position: relative; width: 100%; padding: 0; border: 2px solid #b5955e; border-radius: 0; background: #d9c59b; cursor: zoom-in; box-shadow: 0 6px 14px #35291140; overflow: hidden; }
.culture-image-grid button:disabled { cursor: default; }
.culture-book .culture-image-grid img { display: block; position: static; width: 100%; height: auto; max-height: none; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0; }
.culture-image-label { position: absolute; bottom: 12px; right: 12px; padding: .4rem .7rem; color: #f9e8bf; background: #65441edb; border: 1px solid #be9c60; font: .8rem Georgia,serif; }
.culture-image-grid figcaption { padding-top: 1rem; color: #5c482c; font-size: .93rem; }
.culture-image-grid figcaption strong { font-size: 1.2rem; color: #49331c; }
.culture-image-grid figcaption p { margin: .4rem 0; }
.culture-image-note { font-size: .75rem; color: #806b49; }
.culture-back { font-size: .85rem; margin-top: 1.2rem; }
.site-contribute { text-align: center; font-size: .85rem; margin: 2rem 0; }
.contribution-page { max-width: 1000px; }
.contribution-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; margin: 2rem 0; }
.contribution-options article { padding: 1rem; border-top: 2px solid #a98a55; background: #ead5a633; }
.contribution-options h2 { font: 700 1.15rem/1.3 Georgia,serif; margin: 0 0 .7rem; }
.contribution-options p { font-size: .95rem; margin: 0; }
.history-form fieldset { border: 1px solid #ac8a50; padding: 1.5rem; margin: 1.8rem 0; min-width: 0; }
.history-form legend { font: 700 1.3rem Georgia,serif; padding: 0 .6rem; }
.contribution-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.history-form label { display: block; font-weight: 700; margin-bottom: 1rem; color: #49331c; }
.history-form label span { font-size: .8rem; font-weight: 400; }
.history-form input,.history-form select,.history-form textarea { display: block; width: 100%; min-width: 0; margin-top: .35rem; padding: .7rem; border: 1px solid #a68a57; border-radius: 0; background: #fff5d799; color: #342819; font: 1rem/1.5 Georgia,serif; }
.history-form textarea { resize: vertical; }
.history-form :is(input,select,textarea):focus-visible { outline: 2px solid #785527; outline-offset: 2px; }
.form-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.memory-call{margin:55px auto 38px;padding:30px 0;border-top:1px solid #8e6a3b60;border-bottom:1px solid #8e6a3b60}
.memory-call .section-header{margin-bottom:18px}.memory-lead{max-width:780px;margin:0 auto 30px;text-align:center}
.memory-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.memory-topics article{position:relative;padding:20px 16px 22px;border-top:1px solid #98764499;background:linear-gradient(180deg,#936a2310,transparent)}
.memory-topics article::before{content:"";position:absolute;inset:0;pointer-events:none;background:#72501e;opacity:0;transition:opacity .35s ease}
.memory-topics article>*{position:relative}
.memory-topics article:focus-within::before{opacity:.09}
.hero-culture-nav{position:absolute;top:20px;right:26px;z-index:8;text-align:left;font:14px/1.5 Georgia,serif;color:#f7e8c8}
.layout-one .hero:has(.hero-culture-nav details[open]) .hero-inner{z-index:30}
.hero-culture-nav summary{list-style:none;display:flex;align-items:center;gap:15px;min-height:44px;padding:8px 15px;cursor:pointer;border:1px solid #b89b5f88;border-radius:3px;background:linear-gradient(#263020e8,#172016e8);box-shadow:inset 0 1px #e4c98c30,0 2px 6px #0005;text-transform:uppercase;letter-spacing:.7px}
.hero-culture-nav summary::-webkit-details-marker{display:none}.hero-culture-nav summary:hover,.hero-culture-nav details[open] summary{border-color:#dec18a;color:#ffe3a4}
.hero-culture-nav summary:focus-visible,.hero-culture-links a:focus-visible{outline:2px solid #f1d190;outline-offset:3px}
.hero-culture-links{position:absolute;right:0;top:calc(100% + 5px);width:min(270px,calc(100vw - 56px));padding:8px;background:#1c2519f7;border:1px solid #b89b5f;box-shadow:0 8px 22px #0008}
.hero-culture-links a{display:block;min-height:44px;box-sizing:border-box;padding:11px 12px;color:#f7e8c8;text-decoration:none;border-bottom:1px solid #b89b5f33}.hero-culture-links a:last-child{border:0}.hero-culture-links a:hover,.hero-culture-links a[aria-current=page]{background:#b7954f28;color:#ffe3a4}
.culture-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:35px 0}.culture-overview-card{padding-top:15px;border-top:1px solid #96734188}.culture-overview-card h2{font-weight:700;font-size:28px;line-height:1.25}.culture-overview-card h2 a{color:inherit;text-decoration:none}.culture-overview-card h2 a:hover{text-decoration:underline}.culture-overview-card figure{margin:20px 0}.culture-overview-card figure button{display:block;width:100%;padding:0;position:relative;border:1px solid #a4864e;background:#c7b57c;cursor:zoom-in;box-shadow:0 3px 8px #46331940}.culture-overview-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.culture-overview-card figcaption{display:none}.culture-overview-card>.button-primary{display:inline-flex;align-items:center;text-align:center;text-decoration:none;font-size:12px}
.culture-topic-list{margin:35px 0}.culture-topic{padding:22px 0;border-top:1px solid #9c7d4666}.culture-topic :is(h2,h3){font-size:27px;font-weight:700;margin:0 0 12px}.culture-topic>p{max-width:850px;margin:0 0 15px}.culture-topic details{max-width:900px}.culture-topic summary,.culture-overview-note>summary{width:fit-content;min-height:44px;box-sizing:border-box;padding:8px 14px;cursor:pointer;color:#624216;border:1px solid #a07d4777;background:#9c742719;font-weight:700;border-radius:2px}.culture-topic summary:hover,.culture-overview-note>summary:hover{background:#9c742730}.culture-topic summary:focus-visible,.culture-overview-note>summary:focus-visible{outline:2px solid #775625;outline-offset:3px}.culture-topic summary span{margin-left:12px}.culture-topic details[open] summary span{display:none}.culture-reading{padding:5px 0 0 20px;border-left:2px solid #9c7d4655;margin:15px 0}.culture-reading p{max-width:820px}.culture-overview-note{margin:25px 0}.culture-gallery-title{font-weight:700;font-size:30px}
.culture-book h2,.culture-book h3{overflow-wrap:anywhere;hyphens:auto}
.read-aloud{box-sizing:border-box;margin:8px auto 12px;padding:0}.read-controls{display:flex;justify-content:flex-end;align-items:center;gap:5px}.read-controls button,.read-section{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;padding:4px;border:1px solid #9b774a88;background:#8f682516;color:#583b18;cursor:pointer;border-radius:3px}.read-controls button:hover:not(:disabled),.read-section:hover{background:#8f682533;border-color:#9b774a}.read-controls button:disabled{opacity:.35;cursor:default}.read-controls button:focus-visible,.read-section:focus-visible{outline:2px solid #775625;outline-offset:3px}.read-symbol{display:block;width:12px;height:12px;fill:currentColor}.read-status{font:13px/1.5 Georgia,serif;color:#725737;margin:7px 0 0;text-align:right}.read-status:empty{display:none}.read-section{margin-top:8px}.read-aloud[hidden]{display:none}.layout-one .antique-sheet>.read-aloud{width:100%}
@media(pointer:coarse){.read-controls button,.read-section{width:44px;height:44px;border-color:transparent;background:transparent}}
@media(min-width:861px){.culture-overview-grid{grid-template-rows:auto auto auto auto auto}.culture-overview-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:0;align-content:start}.culture-overview-card>.eyebrow{align-self:start}.culture-overview-card>h2{margin:16px 0}.culture-overview-card>p{margin:0}.culture-overview-card>.button-primary{justify-self:start;align-self:start}}
@media(max-width:860px){.hero-culture-nav{top:15px;right:16px;font-size:12px}.culture-overview-grid{grid-template-columns:1fr}.culture-overview-card{max-width:600px}.culture-topic :is(h2,h3){font-size:25px}.culture-reading{padding-left:12px}}
.layout-one .navigation{margin-left:auto}
.site-search-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #b9955755;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d4b67222,#171f14);box-shadow:inset 0 1px 1px #e7c68a30;color:#d7b779;cursor:pointer}
.site-search-toggle:hover{background:#b38d3f25;border-color:#caa86a}.site-search-toggle:focus-visible,.search-close:focus-visible{outline:2px solid #e0c58d;outline-offset:3px}
.antique-lens{display:block;position:relative;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;box-shadow:inset 1px 1px 2px #fff3,1px 1px 2px #0008;transform:translate(-2px,-2px)}
.antique-lens::after{content:"";position:absolute;width:10px;height:3px;background:linear-gradient(#eed8a0,#94703c);border-radius:2px;transform:rotate(48deg);transform-origin:left center;left:12px;top:12px}
.site-search{width:min(720px,calc(100vw - 30px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;padding:30px;border:1px solid #a7854a;border-radius:8px;color:#3b2b18;background:#f0dfb1 url('../bilder/chronik-papier.webp') center/600px;box-shadow:0 18px 80px #0009;font:17px/1.65 Georgia,serif}
.site-search::backdrop{background:#10190fd1;backdrop-filter:blur(3px)}
.search-heading{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}.site-search h2{font:700 29px/1.2 Georgia,serif;margin:8px 0 22px}.search-close{flex:none;width:40px;height:40px;border:1px solid #917142;background:#89632420;color:#51391d;font:28px Georgia,serif;cursor:pointer;border-radius:50%}
.site-search label{display:block;font-weight:700}.site-search input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #95723b;background:#fff8e880;color:#352819;font:18px Georgia,serif;border-radius:2px}.site-search input:focus-visible{outline:2px solid #775625;outline-offset:2px}
.search-status,.search-note{font-size:14px;color:#695135}.search-note{border-top:1px solid #9c7f4e66;padding-top:14px;margin:20px 0 0}.search-results article{border-top:1px solid #9c7f4e66;padding:14px 0}.search-results h3{font:700 21px/1.3 Georgia,serif;margin:0 0 8px}.search-results a{color:#56380e;text-underline-offset:4px}.search-results p{font-size:16px;margin:0;overflow-wrap:anywhere}.search-retry{padding:10px;border:1px solid #947342;background:#a8823820;color:#503918;cursor:pointer}
@media(max-width:860px){.layout-one .header-inner{gap:10px}.layout-one .menu-toggle{margin-left:auto}.site-search-toggle{width:40px;height:40px}.site-search{padding:20px}.site-search h2{font-size:25px}}
@media(hover:hover) and (pointer:fine){.memory-topics article:hover::before{opacity:.09}}
@media(prefers-reduced-motion:reduce){.memory-topics article::before{transition:none}}
.memory-number{display:block;color:#8a693c;font:24px Georgia,serif;letter-spacing:3px;margin-bottom:10px}
.memory-topics h3{font-weight:700;font-size:23px;margin:0 0 12px}.memory-topics p{margin:0 0 20px}
.memory-topics .button-primary{display:inline-flex;align-items:center;justify-content:center;font-size:12px;min-height:44px;text-align:center;text-decoration:none}
.memory-footnote{max-width:800px;margin:28px auto 10px;text-align:center;font-style:italic}.memory-free{text-align:center;margin:0}
.memory-invitation{margin:32px 0;padding:25px 0;border-top:1px solid #98764480;border-bottom:1px solid #98764480}
.memory-invitation h2{font-weight:700}.memory-choices{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.layout-one .memory-prompt{border:1px solid #987644;background:#87612816;color:#49351c;padding:10px 14px;min-height:44px;font:700 16px Georgia,serif;cursor:pointer;border-radius:3px;box-shadow:inset 0 1px 1px #fff8}
.layout-one .memory-prompt:hover{background:#87612830}.layout-one .memory-prompt:focus-visible{outline:3px solid #584019;outline-offset:3px}
@media(max-width:700px){.memory-topics{grid-template-columns:1fr;gap:18px}.memory-call{margin-top:30px}.memory-lead{text-align:left}.memory-topics article{padding:18px 12px}.memory-choices{flex-direction:column}.memory-prompt{text-align:left}}
.layout-one .form-actions .button{appearance:none;border:1px solid #b98c49;border-radius:4px;background:linear-gradient(180deg,#b17a2bdb,#895719ed 45%,#70420ff5),url('../bilder/chronik-papier.webp') center/220px auto;background-blend-mode:multiply;color:#f8e5bc;text-shadow:0 1px 2px #3b2109;box-shadow:0 2px 5px #3b220a70,inset 0 1px 1px #edc87c99,inset 0 -2px 3px #3a1e0b66;font:700 14px Georgia,serif;letter-spacing:.6px;text-transform:uppercase;padding:12px 20px;min-height:44px;cursor:pointer}
.layout-one .form-actions .button:hover:not(:disabled){background:linear-gradient(180deg,#be8c3bdc,#986324ed 45%,#80511df5),url('../bilder/chronik-papier.webp') center/220px auto;background-blend-mode:multiply;border-color:#ddba78}
.layout-one .form-actions .button:focus-visible{outline:3px solid #584019;outline-offset:4px}
.layout-one .form-actions .button:disabled{opacity:.55;cursor:not-allowed}
.history-form button:disabled { opacity: .55; cursor: not-allowed; }
.form-privacy,.form-status { font-size: .95rem; }
.form-status { padding: 1rem; border-left: 3px solid #a8874f; background: #e5cf9c66; }
.form-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.history-form [hidden] { display: none; }
@media(max-width:700px) { .contribution-options,.contribution-fields { grid-template-columns: 1fr; } .history-form fieldset { padding: 1rem; } }
.culture-image-grid .culture-lead-figure { grid-column: 1 / -1; }
.culture-lead-figure figcaption p { max-width: 75ch; }
/* Die Titelzeilen steigen aus dem verdeckten Bereich unter der Papierkante auf. */
.layout-one .hero-inner { clip-path: inset(0); }
@media (prefers-reduced-motion: no-preference) {
 .hero-first-visit .layout-one .hero-subtitle,.hero-first-visit .layout-one .hero-intro {
  animation: hero-paper-rise 4.2s cubic-bezier(.2,.65,.25,1) .25s both;
 }
 .layout-one .hero-intro { animation-delay: .45s; }
}
@keyframes hero-paper-rise {
 from { transform: translateY(240px); opacity: 0; }
 35% { opacity: 1; }
 to { transform: translateY(0); opacity: 1; }
}
.culture-viewer { width: min(1400px,96vw); max-width: 96vw; max-height: 94dvh; border: 1px solid #ac8e55; background: #172218; color: #f3e2bd; padding: 15px; border-radius: 12px; }
.culture-viewer::backdrop { background: rgb(6 14 9 / 78%); backdrop-filter: blur(4px); }
.culture-viewer header,.culture-viewer-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem; }
.culture-viewer header h2 { color: #f3e2bd; font-size: 1.3rem; margin: 0 0 .6rem; }
.culture-viewer button { padding: .5rem .8rem; min-height: 40px; border: 1px solid #ad8d53; background: #d3bc8b; color: #4e371f; cursor: pointer; font: inherit; }
.culture-viewer-pan { max-height: 70dvh; overflow: auto; scrollbar-width: none; cursor: grab; }
.culture-viewer-pan::-webkit-scrollbar { display: none; }
.culture-viewer-pan img { display: block; max-width: none; height: auto; }
.culture-viewer-controls { justify-content: center; margin-top: .7rem; }
.culture-viewer-controls span { font-size: .8rem; }
@media(max-width:700px) { .culture-evidence,.culture-image-grid { grid-template-columns: 1fr; gap: 1.3rem; } .culture-intro-note { padding: 1rem; } .culture-chapters { gap: .4rem; } .culture-chapters a { width: 100%; } .culture-viewer { padding: 9px; } }

/* Ausgewählte Archivfunde: ohne externe Einbettungen lesbar. */
.archive-jump{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 32px;padding:14px 0;border-block:1px solid #a47e4555}.archive-jump a{color:#70501d;font-weight:700}.archive-collection{margin:36px 0 48px;scroll-margin-top:30px}.archive-collection>h2{margin-top:10px}.archive-note{font-size:15px!important;line-height:1.7;color:#725737}.archive-find-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.archive-find{min-width:0;padding:22px;background:#b88c2820;border:1px solid #a47e4555;box-shadow:inset 0 0 22px #ac7d2510;scroll-margin-top:28px;overflow-wrap:anywhere}.archive-find h3{font-weight:700;font-size:26px;line-height:1.25;margin:10px 0 14px;hyphens:auto}.archive-find>p{font-size:17px;line-height:1.7}.archive-find .archive-place{font-size:13px;letter-spacing:.6px;color:#795b2d;margin:0}.archive-place>span{font-size:24px;margin-right:7px}.archive-find .archive-period{font-size:14px;color:#795b2d;font-style:italic}.archive-find .archive-access{font-size:14px;font-weight:700;padding-top:10px;border-top:1px solid #a47e4544}.archive-find summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;color:#65471f;font-size:15px;font-weight:700}.archive-find summary::before{content:'▸'}.archive-find details[open]>summary::before{content:'▾'}.archive-find summary:focus-visible{outline:2px solid #775625;outline-offset:3px}.archive-reference p{font-size:15px;line-height:1.7}.archive-related{margin:24px 0;padding:13px 17px;border-left:2px solid #a47e45;background:#b88c2814}.archive-related a{font-size:17px;color:#70501d}.archive-find:hover{background:#b88c2828}
@media(max-width:1100px){.archive-find-grid{grid-template-columns:1fr}}

/* Unterwerschen: das ganze Denkmal im Hochformat bewahren. */
.layout-one .article-main figure.unterwerschen-photo .memorial-crop{aspect-ratio:1088 / 1445;display:block}
.layout-one .article-main figure.unterwerschen-photo .memorial-crop img{inset:0;height:100%;object-fit:contain;object-position:center;filter:none}
#photo-viewer.unterwerschen-memorial:not(.photo-only) .temple-stage .photo-viewport img{object-fit:cover;object-position:center;transform:none}

/* Mitmachen: direkter Kontakt vor der optionalen Schreibhilfe. */
.contribution-contact{margin:2rem 0;padding:1.4rem clamp(1rem,3vw,2rem);border:1px solid #97733d80;background:#b68d4020}
.contribution-contact h2{margin-top:0}
.contact-mail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:1.2rem 0 .5rem}
.layout-one .contact-mail-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;padding:12px 20px;border:1px solid #b98c49;border-radius:5px;background:linear-gradient(#aa7833,#704619);color:#fff0cf;box-shadow:0 2px 5px #3b220a55,inset 0 1px #e4c98c88;text-decoration:none;font:normal clamp(16px,2vw,21px)/1.3 Georgia,serif;letter-spacing:.2px;max-width:100%}
.layout-one .contact-mail-button:hover{background:linear-gradient(#bb8c49,#825523);color:#fff9e7}
.layout-one .contact-copy-address{min-height:44px;padding:9px 13px;border:1px solid #9c7946;border-radius:4px;background:#f5e8cc;color:#573b1c;font:inherit;cursor:pointer}
.layout-one .contact-mail-button:focus-visible,.layout-one .contact-copy-address:focus-visible{outline:3px solid #6b461c;outline-offset:4px}
.contact-copy-address[hidden]{display:none}
.layout-one .contact-mail-button,.layout-one .contact-copy-address{min-height:36px;padding:8px 12px;font:normal 14px/1.3 Georgia,serif}
@media(max-width:709px),(pointer:coarse){.layout-one .contact-mail-button,.layout-one .contact-copy-address{min-height:44px}}
.contribution-helper{margin:1.5rem 0;border-top:1px solid #97733d70;padding-top:1rem}
.contribution-helper summary{font-weight:700;cursor:pointer;color:#5a401e}
.contribution-helper .history-form{margin-top:1rem}

/* Rundbogen: gleiche Breite, nur die oberen 30 Prozent ersetzen. Unterbau original erhalten. */
#photo-viewer .temple-architecture:has(.temple-entablature) .temple-roof{height:69.4444%;clip-path:polygon(4% 29.000%,6% 27.078%,8% 25.240%,10% 23.489%,12% 21.823%,14% 20.242%,16% 18.747%,18% 17.337%,20% 16.012%,22% 14.774%,24% 13.620%,26% 12.552%,28% 11.569%,30% 10.672%,32% 9.860%,34% 9.134%,36% 8.493%,38% 7.938%,40% 7.468%,42% 7.084%,44% 6.784%,46% 6.571%,48% 6.443%,50% 6.400%,52% 6.443%,54% 6.571%,56% 6.784%,58% 7.084%,60% 7.468%,62% 7.938%,64% 8.493%,66% 9.134%,68% 9.860%,70% 10.672%,72% 11.569%,74% 12.552%,76% 13.620%,78% 14.774%,80% 16.012%,82% 17.337%,84% 18.747%,86% 20.242%,88% 21.823%,90% 23.489%,92% 25.240%,94% 27.078%,96% 29.000%,96% 36%,4% 36%)}
#photo-viewer .temple-entablature{top:0;left:0;height:83.3333%;clip-path:inset(29.3% 0 53% 0)}

.culture-warriors{margin:2.5rem 0}.culture-warriors figure{max-width:900px;margin:1.5rem auto}.culture-warriors button[data-culture-image]{position:relative;display:block;width:100%;padding:0;border:1px solid #9e8352;background:transparent;cursor:zoom-in}.culture-warriors button img{display:block;width:100%;height:auto}.culture-warriors figcaption{margin-top:.8rem}.culture-warriors figcaption p{font-size:.95rem}
/* Der neue Reliefstein schließt farblich an den originalen hellen Unterbau an. */
#photo-viewer .temple-architecture:has(.temple-entablature) .temple-roof{filter:saturate(.42) brightness(1.06)}

/* Näherer Ausschnitt nur für die Ortsansicht von 1912; das Vollbild bleibt unverändert. */
.layout-one .era-figure>img[data-station="unterwerschen-1912"]{transform:scale(1.23);transform-origin:58% 34%;object-position:58% 34%}

/* Aktuelle Dorfansicht: näherer Ausschnitt nur für die letzten beiden Stationen. */
.layout-one .era-figure>img[data-station="2003"],.layout-one .era-figure>img[data-station="heute"]{transform:scale(1.16);transform-origin:57% 44%;object-position:57% 44%}
/* Historische Museumsobjekte: vollständig sichtbar und mit direktem Bildnachweis. */
.museum-collection{margin:2.5rem 0;padding:1.5rem 0;border-block:1px solid #97774666;scroll-margin-top:6rem}
.museum-object{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.5rem;margin:1.8rem 0;padding:1.2rem;background:#fff6db44;border:1px solid #987b4855}
.museum-object>*{min-width:0}
.museum-object figure{margin:0;align-self:center}
.museum-image-link{display:block;background:#fffaf0;border:1px solid #987b4866;padding:.4rem}
.museum-image-link .external-link-icon{display:none}
.museum-object img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}
.museum-object figcaption{font-size:.78rem;line-height:1.5;margin-top:.6rem;overflow-wrap:anywhere}
.museum-object h3{margin-top:0}
@media(max-width:709px){.museum-object{grid-template-columns:1fr;gap:1rem;padding:.85rem}.museum-collection{margin:1.8rem 0}.museum-object img{max-height:300px}}