.poi-section{padding-top:70px;padding-bottom:75px;background:#eee9e1}
.poi-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:30px}
.poi-heading .eyebrow{margin-bottom:14px}.poi-heading h2{font-size:clamp(32px,3vw,44px)}
.poi-heading>p{max-width:365px;color:var(--muted);font-size:15px;line-height:1.7}
.poi-toolbar{display:none;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.poi-ready .poi-toolbar{display:flex}.poi-filters{display:flex;flex-wrap:wrap;gap:7px}
.poi-filters button{border:1px solid #c8bfb1;background:transparent;padding:9px 14px;min-height:44px;font-size:13px;color:var(--forest)}
.poi-filters button:hover{background:#e3dccf}.poi-filters button[aria-pressed=true]{background:var(--forest);color:var(--paper);border-color:var(--forest)}
.poi-expand{border:0;border-bottom:1px solid var(--bronze);background:none;white-space:nowrap;min-height:44px;font-size:12px;padding:7px 0;color:var(--forest)}
.poi-map{position:relative;border:1px solid #d4ccbf;background:#e5e0d5;overflow:hidden}
.poi-viewport{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a99c87 #e6e0d6}
.poi-canvas{width:100%;min-width:760px;aspect-ratio:2.2;position:relative;isolation:isolate}
.poi-canvas>img{position:absolute;width:100%;height:100%;max-width:none;object-fit:fill;inset:0;opacity:.8}
.poi-map-label{position:absolute;pointer-events:none;font-size:clamp(10px,1vw,13px);color:#454a3e;line-height:1.2;text-shadow:0 1px 3px #fff,0 0 6px #fff;background:#f6f3edb3;padding:2px 5px;white-space:nowrap;border-radius:2px}
.poi-label-kaiser{top:31%;left:25%;transform:rotate(6deg)}.poi-label-hamburg{top:12%;left:19%;transform:rotate(7deg)}
.poi-label-bismarck{top:62%;left:42%;writing-mode:vertical-rl}.poi-label-arndt{top:43%;left:3%}.poi-label-ost{top:87%;left:79%;font-family:var(--serif);font-style:italic;font-size:17px}
.poi-north{position:absolute;right:16px;top:12px;background:#f6f3edd9;border:1px solid #d7d0c5;padding:4px 9px;font-size:12px;pointer-events:none;z-index:3}
.poi-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:2px solid #fffdf7;border-radius:50%;background:var(--forest);color:#fffdf7;box-shadow:0 2px 9px #26311f33;z-index:2;padding:10px}
.poi-pin svg{width:22px;height:22px}.poi-pin:hover,.poi-pin:focus-visible,.poi-pin[aria-pressed=true]{background:#806448;z-index:5;outline:2px solid #806448;outline-offset:3px}
.poi-home{background:#957044;width:50px;height:50px;z-index:4}.poi-home svg{width:24px;height:24px}
.poi-pin-label{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);background:#fffdf7;color:var(--forest);border:1px solid #d7d0c5;box-shadow:0 2px 8px #0001;padding:5px 9px;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.4;pointer-events:none;display:none}
.poi-home .poi-pin-label,.poi-pin:hover .poi-pin-label,.poi-pin:focus-visible .poi-pin-label,.poi-pin[aria-pressed=true] .poi-pin-label{display:block}
.poi-cluster{font-size:16px;font-weight:600}.poi-map-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 20px;font-size:11px;color:var(--muted);padding:10px 0}
.poi-mobile-hint{display:none}.poi-info{display:none;grid-template-columns:1fr 1.1fr;gap:28px;padding:24px 0 22px;border-bottom:1px solid #cfc5b5;min-height:143px}
.poi-ready .poi-info{display:grid}.poi-category{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#786a56;display:block;margin-bottom:7px}
.poi-info h3{font-size:25px;line-height:1.2}.poi-info .poi-address{font-size:12px;color:var(--muted);margin-top:8px}
.poi-info-copy{font-size:14px;color:var(--muted);align-self:center}.poi-info-copy a{display:inline-block;color:var(--forest);font-size:12px;padding:9px 0;min-height:40px;margin-top:3px}
.poi-info-copy .poi-prompt{font-size:12px;margin-top:10px}.poi-group-options{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.poi-group-options button{background:#f6f3ed;border:1px solid #c8bfb1;padding:12px;display:flex;gap:10px;align-items:center;font-size:14px;color:var(--forest)}
.poi-group-options svg{width:22px;height:22px}.poi-directory{display:none;border-bottom:1px solid #cfc5b5}.poi-ready .poi-directory{display:block}
.poi-directory summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:17px 0;font-size:13px;min-height:52px}.poi-directory summary::-webkit-details-marker{display:none}.poi-directory summary:after{content:'+';font-size:23px;line-height:1}.poi-directory[open] summary:after{content:'−'}
.poi-list{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.poi-list button{display:flex;align-items:center;gap:12px;width:100%;height:100%;text-align:left;padding:14px 12px;min-height:64px;background:#f6f3ed;border:1px solid transparent;color:var(--forest);font-size:13px;line-height:1.4}
.poi-list button[aria-pressed=true]{border-color:var(--bronze);background:#e6ddcf}.poi-list svg{width:22px;height:22px;flex-shrink:0}.poi-list small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.poi-list-arrow{margin-left:auto}
.poi-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin-top:18px}.poi-fallback{font-size:14px;margin-top:16px}.poi-ready .poi-fallback{display:none}
.poi-dialog{width:min(1500px,96vw);max-height:94svh;padding:24px}.poi-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.poi-dialog-bar h2{font-size:25px}.poi-close{padding:8px 14px;background:none;border:1px solid var(--bronze);min-height:44px}.poi-dialog .poi-heading{display:none}
@media(max-width:1000px){.poi-toolbar{align-items:flex-start;flex-direction:column;gap:5px}.poi-expand{align-self:flex-end}.poi-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.poi-section{padding-top:45px;padding-bottom:45px}.poi-heading{display:block;margin-bottom:22px}.poi-heading>p{margin-top:18px;max-width:none;font-size:14px}.poi-heading h2{font-size:34px}.poi-filters{gap:6px}.poi-filters button{font-size:12px;padding:8px 10px}.poi-toolbar{gap:0;margin-bottom:10px}.poi-expand{font-size:11px}.poi-map{margin:0 -6.82%;border-left:0;border-right:0}.poi-mobile-hint{display:block}.poi-map-note{font-size:10px;padding:10px 0}.poi-info{grid-template-columns:1fr;gap:13px;padding:20px 0;min-height:185px}.poi-info h3{font-size:24px}.poi-info-copy{font-size:13px}.poi-info-copy a{margin-top:7px}.poi-list{grid-template-columns:1fr}.poi-footer{flex-direction:column;gap:8px}.poi-dialog{padding:18px;width:100vw;max-width:100vw;max-height:100svh;height:100svh;margin:0}.poi-dialog .poi-map{margin:0 -18px}.poi-dialog-bar h2{font-size:21px}.poi-dialog-bar{margin-bottom:16px}.poi-north{right:10px;top:10px}.poi-canvas{min-width:760px}}

.poi-more-row{display:none;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:17px 0}.poi-ready .poi-more-row{display:flex}.poi-more{border:1px solid #c8bfb1;padding:10px 16px;min-height:44px;font-size:13px;color:var(--forest);background:#f6f3ed;text-decoration:none}.poi-more:hover,.poi-more:focus-visible{background:#e3dccf}.poi-more-row>span{font-size:11px;color:var(--muted)}