/*
Theme Name: Gelhard-Reeh
Theme URI: https://www.bettina-gelhard.info
Author: Bettina Gelhard-Reeh
Description: Reduziertes Portfolio-Theme für die Malerin Bettina Gelhard-Reeh. Zurückhaltende Typografie und viel Weißraum, damit die Arbeiten wirken.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gelhard-reeh
*/

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Inter-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/Inter-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/Inter-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/Jost-300-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/Jost-300-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Jost-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Jost-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/Jost-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/Jost-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ==========================================================================
   Grundlagen
   ========================================================================== */

:root{
	--bg-paper:#faf9f7;
	--bg-ink:#16161a;
	--bg-muted:#6f6c68;
	--bg-line:#e2ded8;
	--bg-hover:#000;
	--bg-max:1320px;
	--bg-text-max:66ch;
	--bg-gap:clamp(28px,4vw,56px);
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
	margin:0;
	background:var(--bg-paper);
	color:var(--bg-ink);
	font-family:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
	font-size:17px;
	line-height:1.75;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,.bg-display{
	font-family:'Jost','Inter',sans-serif;
	font-weight:300;
	line-height:1.15;
	margin:0 0 .6em;
	color:var(--bg-ink);
	letter-spacing:.01em;
}

h1{font-size:clamp(34px,5vw,58px)}
h2{font-size:clamp(26px,3.2vw,38px)}
h3{font-size:clamp(21px,2.2vw,26px);font-weight:400}
h4{font-size:19px;font-weight:400}
h5{font-size:17px;font-weight:500}
h6{font-size:15px;font-weight:500}

p{margin:0 0 1.4em}
p:last-child{margin-bottom:0}

a{color:inherit;text-decoration:none;transition:opacity .2s ease,border-color .2s ease}
.bg-prose a{border-bottom:1px solid var(--bg-line)}
.bg-prose a:hover{border-color:var(--bg-ink)}

img{max-width:100%;height:auto;display:block}

hr,.wp-block-separator{
	border:0;border-top:1px solid var(--bg-line);
	margin:clamp(40px,6vw,80px) 0;
}

::selection{background:var(--bg-ink);color:var(--bg-paper)}

.bg-container{
	width:100%;
	max-width:var(--bg-max);
	margin:0 auto;
	padding:0 clamp(20px,4vw,48px);
}

.bg-narrow{max-width:860px;margin-left:auto;margin-right:auto}

.screen-reader-text{
	position:absolute!important;width:1px;height:1px;overflow:hidden;
	clip:rect(1px,1px,1px,1px);white-space:nowrap;
}
.skip-link:focus{
	position:absolute;left:16px;top:16px;z-index:9999;background:var(--bg-ink);
	color:var(--bg-paper);padding:12px 20px;width:auto;height:auto;clip:auto;
}

/* Kleine Auszeichnung über Überschriften */
.bg-eyebrow{
	font-family:'Jost',sans-serif;
	font-size:12px;
	font-weight:500;
	letter-spacing:.22em;
	text-transform:uppercase;
	color:var(--bg-muted);
	margin:0 0 18px;
	display:block;
}

/* ==========================================================================
   Kopfbereich
   ========================================================================== */

.bg-header{
	position:sticky;
	top:0;
	z-index:100;
	background:rgba(250,249,247,.92);
	backdrop-filter:saturate(180%) blur(14px);
	-webkit-backdrop-filter:saturate(180%) blur(14px);
	border-bottom:1px solid var(--bg-line);
}
.bg-header .bg-container{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	min-height:78px;
}

.bg-brand{
	font-family:'Jost',sans-serif;
	font-size:15px;
	font-weight:400;
	letter-spacing:.18em;
	text-transform:uppercase;
	line-height:1.3;
	white-space:nowrap;
}
.bg-brand span{display:block;font-size:11px;letter-spacing:.26em;color:var(--bg-muted);margin-top:3px}

.bg-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(16px,2.4vw,34px)}
.bg-nav li{margin:0}
.bg-nav a{
	font-family:'Jost',sans-serif;
	font-size:12.5px;
	font-weight:400;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--bg-muted);
	padding:6px 0;
	display:block;
	position:relative;
}
.bg-nav a:hover{color:var(--bg-ink)}
.bg-nav .current-menu-item>a,
.bg-nav .current_page_item>a{color:var(--bg-ink)}
.bg-nav .current-menu-item>a::after,
.bg-nav .current_page_item>a::after{
	content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--bg-ink);
}

.bg-burger{
	display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--bg-ink);
}
.bg-burger svg{width:24px;height:24px;fill:currentColor;display:block}

/* ==========================================================================
   Startseite
   ========================================================================== */

.bg-hero{
	padding:clamp(56px,9vw,110px) 0 clamp(36px,5vw,60px);
}
.bg-hero-grid{
	display:grid;
	grid-template-columns:1fr auto;
	gap:clamp(30px,6vw,90px);
	align-items:end;
}
.bg-hero h1{
	font-size:clamp(38px,6.2vw,76px);
	font-weight:300;
	letter-spacing:.02em;
	line-height:1.05;
	margin:0;
	text-transform:uppercase;
}
.bg-hero h1 strong{display:block;font-weight:400}
.bg-hero .bg-subtitle{
	font-family:'Jost',sans-serif;
	font-size:clamp(16px,1.6vw,20px);
	letter-spacing:.2em;
	text-transform:uppercase;
	color:var(--bg-muted);
	margin-top:22px;
}
.bg-quote{
	max-width:360px;
	font-size:15px;
	line-height:1.7;
	color:var(--bg-muted);
	font-style:italic;
	border-left:1px solid var(--bg-line);
	padding-left:24px;
}
.bg-quote cite{
	display:block;
	margin-top:12px;
	font-style:normal;
	font-family:'Jost',sans-serif;
	font-size:12px;
	letter-spacing:.18em;
	text-transform:uppercase;
}

.bg-fullbleed{
	width:100%;
	margin:0;
	overflow:hidden;
	background:var(--bg-line);
}
.bg-fullbleed img{
	width:100%;
	height:clamp(320px,52vh,620px);
	object-fit:cover;
	object-position:center;
}

/* ==========================================================================
   Seitenkopf
   ========================================================================== */

.bg-pagehead{
	padding:clamp(50px,8vw,96px) 0 clamp(26px,3vw,40px);
	border-bottom:1px solid var(--bg-line);
	margin-bottom:clamp(40px,6vw,72px);
}
.bg-pagehead h1{margin:0;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(28px,4vw,46px)}
.bg-pagehead .bg-lead{
	margin-top:18px;
	max-width:var(--bg-text-max);
	color:var(--bg-muted);
	font-size:18px;
}

.bg-content{padding-bottom:clamp(70px,10vw,140px)}

/* ==========================================================================
   Fließtext
   ========================================================================== */

.bg-prose{max-width:var(--bg-text-max)}
.bg-prose h2{margin-top:2em}
.bg-prose h3{margin-top:1.8em}
.bg-prose > *:first-child{margin-top:0}

/* Autorenzeile für Pressetexte */
.bg-byline{
	font-family:'Jost',sans-serif;
	text-transform:uppercase;
	letter-spacing:.16em;
	font-size:13px;
	font-weight:500;
	color:var(--bg-ink);
	margin:0 0 4px;
}
.bg-byline + p{color:var(--bg-muted);font-size:14px;margin-bottom:2em}

/* Vita-Tabelle / Lebenslauf */
.bg-cv{list-style:none;padding:0;margin:0;max-width:var(--bg-text-max)}
.bg-cv li{
	display:grid;
	grid-template-columns:150px 1fr;
	gap:20px;
	padding:16px 0;
	border-bottom:1px solid var(--bg-line);
	margin:0;
}
.bg-cv li:first-child{border-top:1px solid var(--bg-line)}
.bg-cv .bg-cv-year{
	font-family:'Jost',sans-serif;
	font-size:14px;
	letter-spacing:.08em;
	color:var(--bg-muted);
	padding-top:2px;
}

/* Ausstellungsliste */
.bg-events{list-style:none;padding:0;margin:0;max-width:960px}
.bg-events li{
	display:grid;
	grid-template-columns:190px 1fr;
	gap:clamp(16px,3vw,40px);
	padding:clamp(20px,3vw,32px) 0;
	border-top:1px solid var(--bg-line);
	margin:0;
}
.bg-events li:last-child{border-bottom:1px solid var(--bg-line)}
.bg-events .bg-event-date{
	font-family:'Jost',sans-serif;
	font-size:13px;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--bg-muted);
	padding-top:5px;
}
.bg-events .bg-event-title{font-size:19px;font-family:'Jost',sans-serif;font-weight:400;margin:0 0 6px;line-height:1.35}
.bg-events p{margin:0;font-size:15px;color:var(--bg-muted)}
.bg-events a.bg-doc{
	display:inline-block;margin-top:10px;font-size:13px;
	font-family:'Jost',sans-serif;letter-spacing:.1em;text-transform:uppercase;
	border-bottom:1px solid var(--bg-line);padding-bottom:2px;
}
.bg-events a.bg-doc:hover{border-color:var(--bg-ink)}

/* Kontaktangaben */
.bg-contact{max-width:760px}
.bg-contact dl{margin:0;display:grid;grid-template-columns:130px 1fr;gap:0}
.bg-contact dt{
	font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
	color:var(--bg-muted);padding:18px 0;border-top:1px solid var(--bg-line);
}
.bg-contact dd{
	margin:0;padding:18px 0;border-top:1px solid var(--bg-line);
	font-size:clamp(18px,2.2vw,24px);font-family:'Jost',sans-serif;font-weight:300;
}
.bg-contact dd a:hover{opacity:.55}

/* Linkliste (Info) */
.bg-links{list-style:none;padding:0;margin:0 0 3em;max-width:760px}
.bg-links li{
	padding:18px 0;border-top:1px solid var(--bg-line);margin:0;
	display:flex;flex-wrap:wrap;gap:4px 20px;align-items:baseline;justify-content:space-between;
}
.bg-links li:last-child{border-bottom:1px solid var(--bg-line)}
.bg-links .bg-link-name{font-family:'Jost',sans-serif;font-size:18px;font-weight:400}
.bg-links a{color:var(--bg-muted);font-size:14px}
.bg-links a:hover{color:var(--bg-ink)}

/* ==========================================================================
   Galerie
   ========================================================================== */

.bg-album{margin:0 0 clamp(60px,9vw,120px)}
.bg-album:last-child{margin-bottom:0}
.bg-album-head{
	display:flex;align-items:baseline;justify-content:space-between;gap:20px;
	padding-bottom:16px;border-bottom:1px solid var(--bg-line);margin-bottom:clamp(24px,3.5vw,40px);
}
.bg-album-head h2{margin:0;font-size:clamp(21px,2.4vw,28px);text-transform:uppercase;letter-spacing:.08em}
.bg-album-head .bg-count{
	font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.16em;
	text-transform:uppercase;color:var(--bg-muted);white-space:nowrap;
}

/* Masonry über CSS-Spalten – funktioniert auch mit dem Core-Galerie-Block */
.wp-block-gallery.bg-masonry,
.bg-grid{
	display:block!important;
	column-count:3;
	column-gap:clamp(14px,1.8vw,26px);
	margin:0;
}
.wp-block-gallery.bg-masonry .wp-block-image,
.bg-grid figure{
	break-inside:avoid;
	margin:0 0 clamp(14px,1.8vw,26px);
	width:100%!important;
	display:block;
	position:relative;
}
.wp-block-gallery.bg-masonry img,
.bg-grid img{
	width:100%;
	height:auto;
	background:var(--bg-line);
	transition:opacity .35s ease;
}
.wp-block-gallery.bg-masonry .wp-block-image:hover img,
.bg-grid figure:hover img{opacity:.86}

.wp-block-gallery.bg-masonry figcaption,
.bg-grid figcaption{
	font-family:'Jost',sans-serif;
	font-size:13px;
	letter-spacing:.04em;
	color:var(--bg-muted);
	padding:10px 2px 0;
	background:none;
	position:static;
	text-align:left;
}

/* Core-Lightbox etwas ruhiger */
.wp-lightbox-overlay{background:rgba(20,20,22,.96)!important}

/* ==========================================================================
   Gutenberg-Grundlagen
   ========================================================================== */

.wp-block-columns{display:flex;gap:clamp(28px,4vw,60px);flex-wrap:wrap;align-items:flex-start;margin-bottom:2em}
.wp-block-column{flex:1 1 0;min-width:0}
.wp-block-image{margin:0 0 1.6em}
.wp-block-image figcaption{font-size:13px;color:var(--bg-muted);margin-top:10px;font-family:'Jost',sans-serif}
.wp-block-quote{
	border-left:1px solid var(--bg-line);margin:2em 0;padding:4px 0 4px 28px;
	font-style:italic;color:var(--bg-muted);
}
.wp-block-quote cite{display:block;margin-top:10px;font-style:normal;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-family:'Jost',sans-serif}
.wp-block-embed{margin:0 0 2em}
.wp-block-embed__wrapper{position:relative}
.wp-block-embed.is-type-video .wp-block-embed__wrapper{padding-top:56.25%}
.wp-block-embed.is-type-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wp-block-list{padding-left:1.1em}
.wp-block-list li{margin-bottom:.5em}
.wp-block-button__link{
	display:inline-block;background:var(--bg-ink);color:var(--bg-paper);
	font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;
	padding:16px 30px;border-radius:0;
}
.wp-block-button__link:hover{opacity:.85}

.alignwide{max-width:var(--bg-max)}
.has-text-align-center{text-align:center}

/* ==========================================================================
   Fußbereich
   ========================================================================== */

.bg-footer{
	border-top:1px solid var(--bg-line);
	padding:clamp(40px,6vw,70px) 0 clamp(30px,4vw,46px);
	font-size:14px;
	color:var(--bg-muted);
}
.bg-footer-grid{
	display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;align-items:flex-start;
}
.bg-footer .bg-brand{color:var(--bg-ink)}
.bg-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px}
.bg-footer a:hover{color:var(--bg-ink)}
.bg-footer-nav a{
	font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
}
.bg-colophon{margin-top:clamp(28px,4vw,46px);font-size:12.5px;letter-spacing:.02em}

/* ==========================================================================
   Responsiv
   ========================================================================== */

@media (max-width:1024px){
	.wp-block-gallery.bg-masonry,.bg-grid{column-count:2}
}

@media (max-width:860px){
	body{font-size:16px}
	.bg-burger{display:block}
	.bg-nav{
		display:none;position:absolute;top:100%;left:0;right:0;
		background:var(--bg-paper);border-bottom:1px solid var(--bg-line);
		padding:8px clamp(20px,4vw,48px) 26px;
	}
	.bg-nav.is-open{display:block}
	.bg-nav ul{flex-direction:column;gap:0}
	.bg-nav li{border-bottom:1px solid var(--bg-line)}
	.bg-nav li:last-child{border-bottom:0}
	.bg-nav a{padding:15px 0;font-size:13px}
	.bg-hero-grid{grid-template-columns:1fr;align-items:start;gap:34px}
	.bg-quote{max-width:none}
	.wp-block-columns{flex-direction:column}
	.bg-cv li,.bg-events li{grid-template-columns:1fr;gap:6px}
	.bg-contact dl{grid-template-columns:1fr;gap:0}
	.bg-contact dt{padding-bottom:0;border-top:1px solid var(--bg-line)}
	.bg-contact dd{padding-top:4px;border-top:0}
}

@media (max-width:560px){
	.wp-block-gallery.bg-masonry,.bg-grid{column-count:1}
}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*{transition:none!important;animation:none!important}
}

/* ==========================================================================
   Zweispaltige Listen (Vita, Ausstellungen, Kontakt, Links)
   Umgesetzt als Core-Tabellenblock – dadurch im Editor leicht zu pflegen.
   ========================================================================== */

.wp-block-table.bg-list{margin:0 0 clamp(36px,5vw,64px);max-width:960px;overflow:visible}
.wp-block-table.bg-list table{
	width:100%;
	border-collapse:collapse;
	table-layout:auto;
}
.wp-block-table.bg-list td{
	border:0;
	border-top:1px solid var(--bg-line);
	padding:18px 0;
	vertical-align:top;
	word-break:normal;
}
.wp-block-table.bg-list tr:last-child td{border-bottom:1px solid var(--bg-line)}
.wp-block-table.bg-list td:first-child{
	width:210px;
	padding-right:32px;
	font-family:'Jost',sans-serif;
	font-size:13px;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--bg-muted);
	line-height:1.6;
	padding-top:22px;
}
.wp-block-table.bg-list td:last-child{font-size:16.5px;line-height:1.65}
.wp-block-table.bg-list td:last-child strong{
	font-family:'Jost',sans-serif;font-weight:400;font-size:19px;
	display:block;margin-bottom:4px;
}
.wp-block-table.bg-list td:last-child em{
	color:var(--bg-muted);font-style:normal;font-size:14.5px;display:block;
}
.wp-block-table.bg-list a{border-bottom:1px solid var(--bg-line)}
.wp-block-table.bg-list a:hover{border-color:var(--bg-ink)}

/* Kontakt: größer gesetzt */
.wp-block-table.bg-list.bg-contactlist td:last-child{
	font-family:'Jost',sans-serif;font-weight:300;font-size:clamp(19px,2.2vw,25px);line-height:1.4;
}
.wp-block-table.bg-list.bg-contactlist a{border-bottom:0}
.wp-block-table.bg-list.bg-contactlist a:hover{opacity:.55}

@media (max-width:700px){
	.wp-block-table.bg-list table,
	.wp-block-table.bg-list tbody,
	.wp-block-table.bg-list tr,
	.wp-block-table.bg-list td{display:block;width:100%}
	.wp-block-table.bg-list td{border-top:0;padding:0}
	.wp-block-table.bg-list tr{border-top:1px solid var(--bg-line);padding:16px 0}
	.wp-block-table.bg-list tr:last-child{border-bottom:1px solid var(--bg-line)}
	.wp-block-table.bg-list td:first-child{width:auto;padding:0 0 4px;font-size:12px}
}

/* Vita-Porträt */
.bg-portrait img{width:100%;filter:grayscale(1) contrast(1.02);transition:filter .5s ease}
.bg-portrait:hover img{filter:grayscale(0)}
.bg-portrait figcaption{font-size:13px;color:var(--bg-muted);margin-top:10px;font-family:'Jost',sans-serif}

/* ==========================================================================
   Bildtitel unter dem Werk statt als Überlagerung
   (überschreibt die Vorgabe des Core-Galerie-Blocks)
   ========================================================================== */

.wp-block-gallery.has-nested-images.bg-masonry figure.wp-block-image figcaption{
	position:static;
	background:none;
	color:var(--bg-muted);
	text-align:left;
	font-family:'Jost',sans-serif;
	font-size:13px;
	letter-spacing:.04em;
	line-height:1.5;
	max-height:none;
	overflow:visible;
	width:auto;
	padding:10px 0 0;
	margin:0;
	text-shadow:none;
}

.wp-block-gallery.has-nested-images.bg-masonry figure.wp-block-image{
	display:block;
	flex-grow:0;
	justify-content:flex-start;
}

.wp-block-gallery.has-nested-images.bg-masonry figure.wp-block-image img{
	object-fit:contain;
	width:100%;
	height:auto;
	flex:none;
}

/* Lightbox-Schaltfläche dezenter */
.wp-block-gallery.bg-masonry .lightbox-trigger{opacity:0;transition:opacity .25s ease}
.wp-block-gallery.bg-masonry figure.wp-block-image:hover .lightbox-trigger{opacity:1}