:root{
  --bg:#fbfaf7;
  --surface:#ffffff;
  --surface-2:#f4f3ee;
  --text:#111111;
  --muted:#6a6a6a;
  --line:rgba(0,0,0,.08);
  --brand:#1f3fb7;
  --brand-2:#1633a6;
  --shadow: 0 10px 30px rgba(0,0,0,.10);
  --radius: 22px;
  --max: 1160px;
}

*{box-sizing:border-box}
html,body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background: var(--bg);
  line-height:1.5;
}

a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
.container{width:min(var(--max), calc(100% - 40px)); margin-inline:auto}
.skiplink{position:absolute; left:-9999px; top:auto;}
.skiplink:focus{left:20px; top:20px; z-index:9999; padding:10px 14px; background:var(--brand); border-radius:12px;}

header.site-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(10px);
  background: rgba(251,250,247,.85);
  border-bottom: 1px solid var(--line);
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0; gap:16px;}
.brand{display:flex; align-items:center; gap:12px; min-width:210px;}
.brand img{height:42px; width:auto}
nav.primary{display:flex; align-items:center; gap:6px;}
nav.primary a{
  padding:10px 12px; border-radius:14px; color:var(--muted);
  transition: background .25s ease, color .25s ease, transform .25s ease;
}
nav.primary a:hover{background: rgba(0,0,0,.04); color: var(--text);}
nav.primary a[aria-current="page"]{background: rgba(31,63,183,.10); color: var(--text);}

.header-actions{display:flex; align-items:center; gap:10px; min-width:180px; justify-content:flex-end;}
.search{position:relative;}
.search input{
  width:220px; padding:10px 12px 10px 38px;
  border-radius:16px; border:1px solid var(--line);
  background: rgba(0,0,0,.02); color: var(--text); outline:none;
}
.search input::placeholder{color:rgba(233,236,245,.55)}
.search .icon{position:absolute; left:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; opacity:.7;}

.button{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:16px;
  border:1px solid var(--line);
  background: rgba(0,0,0,.02);
  color: var(--text); cursor:pointer;
  transition: transform .18s ease, background .25s ease, border-color .25s ease;
}
.button:hover{transform:translateY(-1px); background: rgba(0,0,0,.04);}
.button.primary{
  background:#6b86e0;
  border-color: transparent;
  color:#ffffff;
}
.button.primary:hover{
  background:#5c77d8;
}

.mobile-toggle{display:none;}

.hero{padding: 36px 0 28px;}
.hero-grid{display:grid; grid-template-columns: 1.05fr .95fr; gap:22px; align-items:stretch;}
.hero-card{
  background: rgba(255,255,255,.92);
  border:1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  position:relative;
}
.hero-copy{padding:28px; display:flex; flex-direction:column; gap:12px;}
.kicker{color: var(--brand-2); letter-spacing:.08em; text-transform:uppercase; font-size:12px;}
h1{margin:0; font-size: clamp(30px, 3.2vw, 44px); line-height:1.1;}
.lead{margin:0; color: var(--muted); font-size: clamp(16px, 1.35vw, 20px); max-width: 720px; line-height:1.6;}
.hero-ctas{display:flex; gap:10px; flex-wrap:wrap; margin-top:8px;}

.hero-image{height:100%; min-height:360px;}
.hero-image figure{margin:0; height:100%; position:relative;}
.hero-image img{width:100%; height:100%; object-fit:cover; transform: scale(1.02); filter: contrast(1.02) saturate(1.02);}
.hero-image  .caption{
  position:absolute; left:18px; bottom:16px; right:18px;
  color: rgba(17,17,17,.88); font-size:12px;
  display:flex; justify-content:space-between; gap:12px; opacity:.9;
}
.caption span{color: rgba(17,17,17,.55);}

.section{padding: 26px 0;}
.section-title{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px;}
.section-title h2{margin:0; font-size:20px;}
.section-title p{margin:0; color: var(--muted); font-size:14px; max-width:70ch;}

.grid{display:grid; grid-template-columns: repeat(12, 1fr); gap:16px;}
.card{
  grid-column: span 4;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,.22);
  transition: transform .25s ease, border-color .25s ease;
  position:relative;
}
.card:hover{transform: translateY(-3px); border-color: rgba(110,160,255,.35);}
.card .media{aspect-ratio: 16/9; overflow:hidden; position:relative; background: rgba(0,0,0,.02);}
.card .media img{width:100%; height:100%; object-fit:cover; transform: scale(1.02); transition: transform .4s ease;}
.card:hover .media img{transform: scale(1.06);}
.card .media  .media-overlay{display:none;}
.card .body{padding: 16px 16px 18px;}
.card .eyebrow{color: var(--brand-2); font-size:12px; text-transform:uppercase; letter-spacing:.08em;}
.card h3{margin: 8px 0 6px; font-size:18px; line-height:1.2;}
.card p{margin:0; color: var(--muted); font-size:14px;}
.card .meta{margin-top:12px; display:flex; align-items:center; justify-content:space-between; color: rgba(17,17,17,.72); font-size:12px;}

.pill{padding: 6px 10px; border-radius:999px; border: 1px solid var(--line); background: rgba(0,0,0,.02);}

.split{display:grid; grid-template-columns: 1.05fr .95fr; gap:18px;}

.split-three{display:grid; gap:18px; grid-template-columns: repeat(3, 1fr);}
.panel{
  background: rgba(255,255,255,.92);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
}
.panel .media{height:180px; border-radius:18px; overflow:hidden; position:relative; margin: 0 0 14px;}
.panel .media img{width:100%; height:100%; object-fit:cover; display:block;}
.panel .media  .media-overlay{display:none;}

.panel h3{margin:0 0 10px;}
.panel p{margin:0; color: var(--muted);}
.list{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px;}
.list li{
  padding: 12px 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  display:flex; gap:12px; justify-content:space-between; align-items:flex-start;
}
.list li .title{font-weight:600;}
.list li .sub{color:var(--muted); font-size:13px; margin-top:2px;}
.list li .year{color:rgba(233,236,245,.7); font-variant-numeric: tabular-nums;}

.toolbar{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin: 10px 0 18px;}
.tabs{display:flex; gap:6px; flex-wrap:wrap;}
.tab{
  padding: 8px 12px;
  border-radius: 999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.03);
  color: var(--muted);
  cursor:pointer;
  transition: background .25s ease, color .25s ease, transform .18s ease;
}
.tab[aria-selected="true"]{
  background: rgba(31,63,183,.25);
  color: var(--text);
  border-color: rgba(110,160,255,.35);
}
.tab:hover{transform:translateY(-1px); color:var(--text);}

.content-header{padding: 26px 0 10px;}
.breadcrumbs{color: rgba(17,17,17,.60); font-size:12px; margin-bottom:8px;}
.breadcrumbs a{color: rgba(17,17,17,.72);}
.page-title{margin:0; font-size: clamp(26px, 2.6vw, 36px);}
.page-lead{margin: 8px 0 0; color: var(--muted); max-width: 75ch;}

.gallery{display:grid; grid-template-columns: repeat(12, 1fr); gap:14px;}
.thumb{
  grid-column: span 4;
  border-radius: var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  background: rgba(255,255,255,.03);
  position:relative;
  transition: transform .25s ease, border-color .25s ease;
}
.thumb:hover{transform:translateY(-3px); border-color: rgba(110,160,255,.35);}
.thumb .ph{aspect-ratio: 4/3; display:grid; place-items:center; color: rgba(17,17,17,.60); font-size:13px;}
.thumb img{width:100%; height:100%; object-fit:cover;}
.thumb .label{
  position:absolute; left:12px; bottom:12px; right:12px;
  background: rgba(255,255,255,.82);
  border:1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding:10px 12px;
  backdrop-filter: blur(8px);
}
.thumb .label .t{font-weight:650; font-size:13px;}
.thumb .label .s{color: var(--muted); font-size:12px; margin-top:2px;}

footer{
  padding: 28px 0;
  border-top: 1px solid var(--line);
  margin-top: 30px;
  background: var(--surface-2);
}
.footer-grid{display:grid; grid-template-columns: 1.1fr .9fr; gap:18px; align-items:start;}
.footer-grid p{color: var(--muted); margin: 8px 0 0;}
.footer-links{display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end;}
.footer-links a{color: rgba(17,17,17,.72);}
.footer-links a:hover{color: var(--text);}

.reveal{opacity: 0; transform: translateY(10px); transition: opacity .6s ease, transform .6s ease;}
.reveal.is-visible{opacity: 1; transform: translateY(0);}


/* Homepage intro (museum/editorial) */
.home-intro-panel{
  border-left: 3px solid var(--brand);
  padding-left: 18px;
}
.home-intro-panel .home-intro-secondary{
  margin-top: 18px;
  color: var(--muted);
  max-width: 75ch;
}

@media (max-width: 980px){
  .hero-grid{grid-template-columns: 1fr;}
  .hero-image{min-height: 320px;}
  .card{grid-column: span 6;}
  .split{grid-template-columns: 1fr;}
  .header-actions{display:none;}
  .mobile-toggle{display:inline-flex;}
  nav.primary{
    position:fixed; left:20px; right:20px; top:70px;
    background: rgba(11,15,26,.92);
    border:1px solid var(--line);
    border-radius: 20px;
    padding:10px;
    box-shadow: var(--shadow);
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
  }
  nav.primary.is-open{display:flex;}
  nav.primary a{padding:12px 14px;}
}
@media (max-width: 620px){
  .container{width: calc(100% - 28px);}
  .card{grid-column: span 12;}
  .thumb{grid-column: span 12;}
}

/* Stiftung – Abbildungen */
.mtf-gallery{
  margin-top: 36px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,.08);
}
.mtf-gallery h2{
  font-size: 12px;
  letter-spacing: .35em;
  text-transform: uppercase;
  margin: 0 0 16px 0;
}
.mtf-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.mtf-fig{
  margin: 0;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(0,0,0,.08);
}
.mtf-fig img{
  display: block;
  width: 100%;
  height: auto;
}
.mtf-fig figcaption{
  padding: 10px 12px 12px;
  font-size: 12px;
  color: rgba(0,0,0,.6);
}
@media (max-width: 980px){
  .mtf-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px){
  .mtf-grid{ grid-template-columns: 1fr; }
}


/* Masonry (CSS columns) */
.mtf-grid{
  column-count: 3;
  column-gap: 14px;
}
.mtf-fig{
  break-inside: avoid;
  margin: 0 0 14px 0;
  display: inline-block;
  width: 100%;
}
.mtf-fig img{
  cursor: zoom-in;
}

/* Lightbox */
.mtf-lightbox{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 1000;
}
.mtf-lightbox.is-open{ display: block; }
.mtf-lightbox .lb-backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.78);
}
.mtf-lightbox .lb-dialog{
  position:relative;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 24px;
}
.mtf-lightbox figure{
  margin:0;
  max-width: min(1200px, 92vw);
  max-height: 84vh;
}
.mtf-lightbox img{
  display:block;
  width:100%;
  height:auto;
  max-height: 78vh;
  object-fit: contain;
  background: rgba(255,255,255,.04);
}
.mtf-lightbox figcaption{
  margin-top: 10px;
  font-size: 13px;
  color: rgba(255,255,255,.85);
  letter-spacing: .02em;
}
.mtf-lightbox .lb-btn{
  position:absolute;
  top: 18px;
  right: 18px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
  padding: 10px 12px;
  border-radius: 999px;
  cursor:pointer;
}
.mtf-lightbox .lb-prev,
.mtf-lightbox .lb-next{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
  width: 46px;
  height: 46px;
  border-radius: 999px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 18px;
}
.mtf-lightbox .lb-prev{ left: 18px; }
.mtf-lightbox .lb-next{ right: 18px; }

@media (max-width: 980px){
  .mtf-grid{ column-count: 2; }
}
@media (max-width: 620px){
  .mtf-grid{ column-count: 1; }
  .mtf-lightbox .lb-prev, .mtf-lightbox .lb-next{ display:none; }
}

.subtle{margin:0; color: var(--muted); font-size:14px;}


/* Abbildungen – captions removed for tighter masonry */
.mtf-fig{
  background: transparent;
  border: 0;
}
.mtf-fig img{
  border: 1px solid rgba(0,0,0,.08);
}

.bio-img{margin:30px 0;}
.bio-img img{width:100%;height:auto;display:block;}

/* Biografie layout: text first, images as vertical strip */
.bio-text h3, .bio-images h3{margin-top:0;}
.bio-images .bio-img{margin:18px 0;}
.bio-images .bio-img:first-of-type{margin-top:12px;}
.bio-images img{width:100%; height:auto; display:block;}
/* Match perceived line width to image column */
.bio-text p{margin-top:0; margin-bottom:14px;}


/* Biografie – Abbildungen 50% kleiner (innerhalb der rechten Spalte) */
.bio-images .bio-img img{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

/* Fotografenangaben in Biografie */
.bio-credits{
  margin-top:40px;
  font-size:14px;
  color:#666;
}
.bio-credits h4{
  margin-bottom:6px;
  font-size:14px;
  letter-spacing:.04em;
}

/* Gesamtwerke – blaue Jahreszahlen */
.year-blue{color: var(--brand); font-weight: 700;}

/* Ausstellungen – Gruppierung nach Jahr */
.year-blue{ color: var(--brand); font-weight: 700; }
.year-separator{
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.10);
}
.year-separator .year-heading{
  color: var(--brand);
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
}
.year-entry .year-empty{ opacity: 0; }

/* Make sure reveal panels show (local preview safety) */
.reveal{ opacity:1; transform:none; }

/* Startseite: 3er‑Kacheln (Kunstwerke / Presse / Kontakte) */
@media (max-width: 1100px){
  .split-three{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 720px){
  .split-three{grid-template-columns: 1fr;}
}


/* Gleich hohe Rubrikenbilder */
.card .media img{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
}

/* List search */
.list-search{
  display:flex;
  gap:10px;
  align-items:center;
  margin:18px 0 26px;
}
.list-search-input{
  flex:1;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:999px;
  background:#fbfaf7;
  color:#111;
  font-size:14px;
}
.list-search-input:focus{
  outline:none;
  border-color:rgba(31,63,183,.5);
  box-shadow:0 0 0 4px rgba(31,63,183,.12);
}
.list-search-clear{
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.18);
  background:#fbfaf7;
  color:#111;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.list-search-clear:hover{ background:#f2f1ed; }
.list-search-meta{
  min-width:140px;
  text-align:right;
  font-size:12px;
  color:#666;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}




.hero-image figure::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:45%;
  background:linear-gradient(
    90deg,
    rgba(251,250,247,0.30) 0cm,
    rgba(251,250,247,0.22) 0.3cm,
    rgba(251,250,247,0.15) 0.6cm,
    rgba(251,250,247,0.07) 0.8cm,
    rgba(251,250,247,0) 1cm
  );
  pointer-events:none;
}


/* Weißer Übergang links → rechts im Hero-Bild (Version 30 Stil) */
.hero-image .overlay{
  opacity:0.40;
  background:linear-gradient(
    90deg,
    rgba(251,250,247,0.10) 0cm,
    rgba(251,250,247,0.07) 0.3cm,
    rgba(251,250,247,0.04) 0.6cm,
    rgba(251,250,247,0.02) 0.8cm,
    rgba(251,250,247,0) 1cm
  );
}

/* Overlay disabled for cards (Rubriken) */
.card .overlay{ display:none; }

/* Hero overlay stacking */
.hero-image{ position:relative; }
.hero-image .media{ position:relative; }
.hero-image img{ position:relative; z-index:1; display:block; }
.hero-image .overlay{ display:block !important; z-index:2; }


/* Presse Layout */
.press-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
  margin-top:30px;
}

.press-card{
  background:#ffffff;
  padding:28px;
  border:1px solid rgba(0,0,0,0.08);
}

.press-meta{
  font-size:12px;
  letter-spacing:0.08em;
  color:#1f3fb7;
  margin-bottom:10px;
}

.press-card h3{
  font-size:18px;
  margin-bottom:10px;
}

.press-card p{
  font-size:14px;
  margin-bottom:18px;
}

.has-pdf a[download]::after{
  content:" ↧";
  font-size:12px;
  opacity:.7;
}

/* Presse: PDF badge + Downloadanzeige */
.pdf-badge{
  display:inline-block;
  margin-left:10px;
  padding:4px 8px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:999px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  vertical-align:middle;
}
a[download]::after{
  content:"  Download ↧";
  font-size:12px;
  opacity:.75;
}


/* Vorschlag V1 – Rubriken ohne Bilder, mit Farbflächen; alle Abrundungen entfernt */

/* Homepage / Startseite: keine Abrundungen */
.hero-card,
.card,
.panel,
.thumb,
.button,
.pill,
.search input,
nav.primary a,
.list li{
  border-radius: 0 !important;
}

/* Rubriken auf der Startseite: Bilder ausblenden und durch Farbflächen ersetzen */
.card .media{
  aspect-ratio: 16/9;
  background: #d9d1c7;
}
.card .media img{
  display:none !important;
}
.card .media::after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background: transparent;
}

/* Farbwerte – Vorschlag */
.grid .card:nth-child(1) .media{ background:#E58A70 !important; } /* Biografie: warmes Taupe */
.grid .card:nth-child(2) .media{ background:#C07AD8 !important; } /* Gesamtwerke: gedämpftes Blau */
.grid .card:nth-child(3) .media{ background:#63EFE1 !important; } /* Stiftung: graugrünes Stein */
.grid .card:nth-child(4) .media{ background:#9EDB7C !important; } /* Kunstwerke */
.grid .card:nth-child(5) .media{ background:#7CC6DA !important; } /* Presse */
.grid .card:nth-child(6) .media{ background:#63EFE1 !important; } /* Kontakte */

/* Startseite insgesamt kantiger */
.hero-card,
.card,
.panel,
.thumb{
  box-shadow:none !important;
}

/* Optional etwas klarere Rubrikenwirkung */
.card{
  border-color: rgba(0,0,0,.12) !important;
}
.card:hover{
  transform:none !important;
  border-color: rgba(0,0,0,.22) !important;
}
.card .media img,
.card:hover .media img{
  transform:none !important;
}


/* V4 – Rubriktitel in Farbflächen zentriert */
.card .media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.rubrik-title-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:700;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height:1.05;
  color:#111;
  padding:18px;
  letter-spacing:.01em;
}
.card .body h3{
  display:none !important;
}




.card .media{
  position: relative;
  overflow: hidden;
}
.card .media::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(rgba(255,255,255,0.35) 1.2px, transparent 1.3px),
    radial-gradient(rgba(0,0,0,0.08) 1.2px, transparent 1.3px),
    linear-gradient(180deg, rgba(255,255,255,0.18), rgba(0,0,0,0.06));
  background-size: 12px 12px, 16px 16px, 100% 100%;
  background-position: 0 0, 6px 8px, 0 0;
  mix-blend-mode: overlay;
  opacity: .95;
  pointer-events: none;
}

.card{
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.card:hover{
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.14) !important;
  border-color: rgba(0,0,0,.28) !important;
}

.card:active{
  transform: translateY(-2px) scale(1.005) !important;
}





.card .media{
  position: relative;
  overflow: hidden;
}

/* Papierkorn */
.card .media::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(rgba(255,255,255,0.45) 1px, transparent 1.1px),
    radial-gradient(rgba(0,0,0,0.12) 1px, transparent 1.1px);
  background-size:12px 12px,16px 16px;
  background-position:0 0,6px 8px;
  mix-blend-mode:overlay;
  opacity:.9;
  pointer-events:none;
}

/* Büttenrand */
.card .media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 0% 50%, rgba(0,0,0,.18), transparent 60%),
    radial-gradient(circle at 100% 50%, rgba(0,0,0,.18), transparent 60%),
    radial-gradient(circle at 50% 0%, rgba(0,0,0,.18), transparent 60%),
    radial-gradient(circle at 50% 100%, rgba(0,0,0,.18), transparent 60%);
  opacity:.35;
}

/* subtiler Papier-Schatten */
.card{
  box-shadow:0 3px 0 rgba(0,0,0,.08), 0 10px 22px rgba(0,0,0,.10);
  transition:transform .25s ease, box-shadow .25s ease;
}

.card:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 6px 0 rgba(0,0,0,.08), 0 18px 36px rgba(0,0,0,.18);
}




.card .media{
  position: relative;
  overflow: hidden;
}

/* deutlich sichtbare Papierstruktur */
.card .media::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(rgba(255,255,255,0.55) 1.4px, transparent 1.6px),
    radial-gradient(rgba(0,0,0,0.18) 1.4px, transparent 1.6px);
  background-size:10px 10px,14px 14px;
  background-position:0 0,6px 6px;
  mix-blend-mode:overlay;
  opacity:1;
  pointer-events:none;
}

/* klarer Büttenrand */
.card .media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:
    inset 0 0 0 3px rgba(0,0,0,.10),
    inset 0 0 25px rgba(0,0,0,.18);
  opacity:.9;
}

/* Papierkarteffekt */
.card{
  box-shadow:
    0 1px 0 rgba(0,0,0,.18),
    0 12px 28px rgba(0,0,0,.20);
  transition:transform .22s ease, box-shadow .22s ease;
}

.card:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:
    0 2px 0 rgba(0,0,0,.22),
    0 24px 50px rgba(0,0,0,.30);
}

/* V10 – clean version without visual effects */

.card .media::before,
.card .media::after{
  display:none !important;
  content:none !important;
}

.card{
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

.card:hover{
  transform:none !important;
  box-shadow:none !important;
}

.card .media{
  background-image:none !important;
}


/* V11 – search field smaller (40% narrower) */
.search input,
.search-field,
input[type="search"]{
  width:60% !important;
  max-width:240px !important;
}

/* V12 – leichte typografische Veredelung für Titel */
.hero-title{
  letter-spacing:0.06em;
  font-weight:600;
}

h1.hero-title{
  letter-spacing:0.06em;
}

.hero-title span{
  letter-spacing:0.06em;
}


/* V13 – Stiftung Textstruktur verbessern */
.stiftung-content strong,
.stiftung-content b{
  display:block;
  font-weight:700;
  margin-top:1.2em;
  margin-bottom:0.4em;
}

.stiftung-content p{
  margin-bottom:0.9em;
  line-height:1.55;
}