/* Galerie 3.1: Layout basierend auf dem freigegebenen Entwurfsbild */
.design31{background:#f7f5f1}.design31 .topbar{height:78px;padding:0 24px 0 34px;background:linear-gradient(100deg,#092b24,#113f32);box-shadow:none}.design31 .brand{font-size:26px;gap:12px}.design31 .brand small{font-size:15px;letter-spacing:1.3px;font-weight:500}.design31 .brand-mark{font-size:42px;line-height:1}.design31 .topnav{gap:12px;margin-right:12px}.design31 .topnav a{font-size:15px;padding:13px 20px;display:flex;align-items:center;gap:9px}.design31 .topnav a.active{background:#205c46;border-bottom:2px solid #e1bf70}.design31 .shell{max-width:none;grid-template-columns:226px minmax(0,1fr)}.design31 .sidebar{min-height:calc(100vh - 78px);padding:36px 14px;background:linear-gradient(155deg,#09251e,#104032);position:sticky;top:78px;height:calc(100vh - 78px)}.design31 .side-link{font-size:15px;font-weight:650;padding:11px 16px;margin-bottom:6px}.design31 .sidebar-rule{height:1px;background:#ffffff26;margin:23px 5px 18px}.design31 .main{padding:0 22px 24px;overflow:hidden}.design31 .hero{border-radius:0;height:268px;margin:0 -22px 0;box-shadow:none;background:linear-gradient(90deg,#09251bcf 0%,#102f205a 52%,transparent 100%),url('mosel-hero.webp') center 45%/cover no-repeat;padding:29px 60px}.design31 .hero:before{display:none}.design31 .hero h1{font-size:clamp(37px,3.7vw,52px);font-weight:normal;margin:0 0 8px}.design31 .hero p{font-size:18px;line-height:1.5;margin:5px 0}.design31 .hero-stats{margin-top:26px;gap:30px}.design31 .hero-stats span{border:0;padding:0;font-size:16px;font-weight:500}.design31 .hero-stats strong{font-size:17px}.design31 .gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;margin-bottom:0}.design31 .filter-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.design31 .chip{display:inline-flex;align-items:center;gap:4px;border-radius:30px;font-size:14px;color:#26332d;background:#efeeeb;padding:9px 17px;font-weight:600}.design31 .chip.selected{background:#075338;color:#fff}.design31 .toolbar-right{display:flex;align-items:center;gap:9px}.design31 .search-control{border:1px solid #d7d9d6;background:#fff;border-radius:28px;display:flex;align-items:center;padding:7px 13px;min-width:220px;max-width:280px}.design31 .search-control input{border:0;outline:0;font:inherit;background:transparent;padding:4px 8px;width:100%;min-width:0}.design31 .view-button{border:1px solid #dbdfdc;background:#fff;border-radius:10px;cursor:pointer;width:36px;height:36px;font-size:22px}.design31 .view-button.current{background:#095238;color:#fff}.design31 .album-grid,.design31 .media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.design31 .album-card,.design31 .media-card{border-radius:13px;box-shadow:0 3px 10px #142f2420;border-color:#e2e2de}.design31 .album-photo{height:151px}.design31 .album-text{padding:11px 15px}.design31 .album-text strong{font-size:14px;color:#171e1b}.design31 .album-text small{font-size:12px}.design31 .photo-count{position:absolute;top:9px;right:9px;color:#fff;background:#142c2dca;border-radius:7px;padding:2px 8px;font-size:12px;font-weight:700}.design31 .album-arrow{display:none}.design31 .media-section{margin-top:24px}.design31 .section-head{margin:23px 0 15px}.design31 .section-head h2{font-size:28px}.design31 .media-photo{height:165px}.design31 .pagination a{border-radius:10px}.design31 .chat-widget{position:fixed;top:132px;right:14px;bottom:auto;width:345px;height:min(625px,calc(100dvh - 155px));z-index:32;overflow:hidden;display:flex;flex-direction:column;border-radius:21px;background:#f2f0eb;box-shadow:0 16px 35px #0004;border:2px solid white;transition:opacity .2s,transform .2s}.design31 .chat-widget[hidden]{display:none}.design31 .widget-head{height:68px;background:#005239;color:#fff;padding:10px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0}.design31 .widget-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#f3e3bd;color:#19513a;border:2px solid #fff;font-size:23px}.design31 .widget-title{display:flex;flex:1;flex-direction:column}.design31 .widget-title strong{font-weight:750}.design31 .widget-title small{color:#c0dcd0;font-size:11px}.design31 .widget-close{border:0;background:transparent;color:white;font-size:19px;cursor:pointer}.design31 .chat-widget iframe{width:100%;flex:1;min-height:0;border:0;background:#f8f6f3}.design31 .chat-launcher{position:fixed;right:23px;bottom:23px;z-index:31;width:60px;height:60px;border-radius:50%;border:2px solid white;background:#047c50;color:#fff;font-size:29px;box-shadow:0 8px 22px #103a2d4d;cursor:pointer}.design31 .main{padding-right:375px}.design31 .hero{margin-right:-375px}.design31 .gallery-toolbar{margin-right:-10px}.design31 .album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Im iframe zeigt der Messenger nur die authentifizierte Konversation. */
.chat-embedded{background:#f4f0e9}.chat-embedded .messenger{height:100dvh;min-height:0;display:block;box-shadow:none;background:#f4f0e9}.chat-embedded .chat-sidebar{display:none}.chat-embedded .chat-main{height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto; background:#f4f0e9;background-image:radial-gradient(#d3d6c83d 1px,transparent 1px);background-size:20px 20px}.chat-embedded .chat-header,.chat-embedded .chat-footnote{display:none}.chat-embedded .chat-wall{padding:18px 13px;gap:12px}.chat-embedded .message-bubble{font-size:13px;max-width:90%}.chat-embedded .chat-compose{padding:10px 8px;gap:5px}.chat-embedded .chat-compose textarea{font-size:12px;min-height:43px;max-height:90px;padding:11px 10px}.chat-embedded .chat-compose button[type=submit]{width:41px;height:41px}.chat-emoji{width:34px;height:38px;border:0;background:transparent;color:#557369;font-size:26px;cursor:pointer}.chat-embedded .chat-error{font-size:12px}
@media(max-width:1400px){.design31 .topnav a{padding:11px 9px}.design31 .main{padding-right:345px}.design31 .hero{margin-right:-345px}.design31 .chat-widget{width:318px}.design31 .search-control{min-width:170px}.design31 .album-grid,.design31 .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1040px){.design31 .main{padding-right:22px}.design31 .hero{margin-right:-22px}.design31 .chat-widget{display:none}.design31 .chat-widget:not([hidden]).opened{display:flex;width:min(380px,calc(100vw - 24px));right:12px;top:auto;bottom:91px;height:min(625px,calc(100dvh - 110px))}.design31 .album-grid,.design31 .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.design31 .shell{display:block}.design31 .sidebar{display:none}.design31 .topbar{height:auto;min-height:67px}.design31 .topnav{gap:1px}.design31 .topnav a{font-size:13px;padding:7px}.design31 .hero{height:225px;padding:22px 30px}.design31 .hero h1{font-size:36px}.design31 .hero p{font-size:14px}.design31 .hero-stats{gap:12px;flex-wrap:wrap}.design31 .hero-stats span{font-size:12px}.design31 .gallery-toolbar{flex-direction:column;align-items:start}.design31 .album-grid,.design31 .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design31 .toolbar-right{width:100%}.design31 .search-control{flex:1}.design31 .chat-widget:not([hidden]).opened{display:flex}}
@media(max-width:460px){.design31 .album-photo{height:120px}.design31 .album-text{padding:9px}.design31 .hero{height:225px}.design31 .hero-stats span:last-child{display:none}.design31 .filter-pills .chip{font-size:12px;padding:8px}.design31 .topnav a span{display:none}.design31 .topnav a{font-size:21px}}

.design31 .album-grid.as-list,.design31 .media-grid.as-list{grid-template-columns:1fr}.design31 .album-grid.as-list .album-card{display:flex;align-items:center}.design31 .album-grid.as-list .album-photo{width:175px;min-width:175px;height:105px}.design31 .album-grid.as-list .album-text{flex:1}.design31 .media-grid.as-list .media-card{display:flex;align-items:center}.design31 .media-grid.as-list .media-photo{width:175px;min-width:175px;height:105px}.design31 .album-card[hidden],.design31 .media-card[hidden]{display:none!important}

/* Bergrath Messenger 3.2: Emoji-Auswahl im sichtbaren Chatbereich */
.messenger .chat-main{position:relative}
.messenger .emoji-picker{position:absolute;z-index:20;bottom:80px;left:10px;width:min(376px,calc(100% - 20px));height:354px;display:flex;flex-direction:column;gap:8px;background:#fffdf9;border:1px solid #d4dfd7;border-radius:17px;box-shadow:0 12px 38px #071f1940;padding:12px;color:#173d32}
.messenger .emoji-picker[hidden]{display:none!important}
.messenger .emoji-picker-head{display:flex;justify-content:space-between;align-items:center}.messenger .emoji-picker-head button{border:0;background:transparent;font-size:20px;cursor:pointer;color:#315e50}
.messenger #emojiSearch{width:100%;border:1px solid #cedcd4;border-radius:10px;padding:9px 11px;background:#fff;font:inherit;outline-offset:2px}
.messenger .emoji-tabs{display:flex;gap:3px;overflow-x:auto;flex:none;padding-bottom:4px}.messenger .emoji-tabs button{min-width:39px;height:37px;border:0;border-radius:9px;background:#f3f5f1;cursor:pointer;font-size:22px}.messenger .emoji-tabs button[aria-pressed=true]{background:#daeee3;outline:1px solid #709d85}
.messenger .emoji-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;overflow-y:auto;align-content:start;min-height:0}.messenger .emoji-grid button{min-width:0;height:39px;border:0;background:transparent;font-size:25px;border-radius:8px;cursor:pointer}.messenger .emoji-grid button:hover,.messenger .emoji-grid button:focus-visible{background:#e5f3e8}.messenger .emoji-grid p{grid-column:1/-1;font-size:13px}
.chat-embedded .emoji-picker{bottom:67px!important;left:6px!important;width:calc(100% - 12px)!important;max-height:min(350px,60dvh)}
@media(max-width:480px){.messenger .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.messenger .emoji-picker{height:min(350px,60dvh)}}