/* kunstAUXomat – Stylesheet (Originalfarben & -schrift übernommen)
   Markenfarbe Türkis #50c9d9, Schrift Titillium Web. Hier zentral anpassbar. */

@font-face{font-family:"Titillium";font-weight:300;font-display:swap;src:url("fonts/titillium-300.woff") format("woff");}
@font-face{font-family:"Titillium";font-weight:400;font-display:swap;src:url("fonts/titillium-regular.woff") format("woff");}
@font-face{font-family:"Titillium";font-weight:600;font-display:swap;src:url("fonts/titillium-600.woff") format("woff");}
@font-face{font-family:"Titillium";font-weight:700;font-display:swap;src:url("fonts/titillium-700.woff") format("woff");}

:root{
  --tuerkis:#50c9d9;
  --tuerkis-dunkel:#27a5b5;
  --petrol:#0f7699;
  --ink:#232323;
  --dunkel:#424a4d;
  --grau:#767676;
  --bg:#ffffff;
  --bg-soft:#f3fbfc;
  --linie:#e4e7e8;
  --maxw:1140px;
  --font:"Titillium","Titillium Web","Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-weight:400;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--petrol)}
a:hover{color:var(--tuerkis-dunkel)}
strong{font-weight:700}
h1,h2,h3{font-weight:700;line-height:1.12;color:var(--ink);letter-spacing:.01em}
h1{font-size:clamp(2.56rem,5.5vw,3.2rem)}
h2{font-size:clamp(2.4rem,4.5vw,3rem)}
h2.akzent{font-weight:300}
h2.akzent strong{font-weight:700}
h3{font-size:clamp(1.28rem,2.4vw,1.6rem)}
main{width:100%}

/* Vollbreite Farb-Bänder zur Abschnitts-Trennung */
.band{padding:3.5rem 1.25rem}
.band > .wrap{max-width:var(--maxw);margin:0 auto}
.band-weiss{background:#fff;color:var(--ink)}
.band-soft{background:var(--bg-soft);color:var(--ink)}
/* inverser Block: türkiser Grund, schwarze Schrift, weiße Buttons mit schwarzer Schrift */
.band-presse{background:var(--tuerkis);color:var(--ink);padding-top:1rem;padding-bottom:1rem}
.band-presse h2{margin:.2rem 0 .6rem}
.band-presse .presse-foto-full{display:block;width:calc(100% + 2.5rem);height:auto;margin:.6rem -1.25rem;border-radius:0}
.band-presse .cta-row{margin-top:2.4rem}
.band-presse h1,.band-presse h2,.band-presse h3,.band-presse p{color:var(--ink)}
.band-presse .btn{background:#fff;color:var(--ink)}
.band-presse .btn:hover{background:var(--ink);color:#fff}
.band-tuerkis{background:var(--tuerkis);color:#fff}
.band-tuerkis h1,.band-tuerkis h2,.band-tuerkis h3{color:#fff}
.band-tuerkis .section-intro,.band-tuerkis .lead,.band-tuerkis p{color:#fff}
.band-tuerkis a{color:#fff;text-decoration:underline}
.band-tuerkis .btn{background:#fff;color:var(--tuerkis-dunkel);text-decoration:none}
.band-tuerkis .btn:hover{background:var(--ink);color:#fff}
.band-tuerkis .btn-ghost{background:transparent;color:#fff;border-color:#fff}
.band-tuerkis .art-card figcaption{color:rgba(255,255,255,.9)}
/* Schmaler Türkis-Streifen als Abgrenzung (wie Original cid-t7pxQyIf0h) */
.streifen-tuerkis{background:var(--tuerkis);padding:15px 0}
/* "Was ist eine Edition?" mit Hintergrundbild + dunklem Overlay (wie Original) */
.band-edition{position:relative;background:#232323 url("site/edition-bg.webp") center/cover no-repeat;color:#fff}
.band-edition::before{content:"";position:absolute;inset:0;background:rgba(35,35,35,.55)}
.band-edition>.wrap{position:relative;z-index:1}
.band-edition h2,.band-edition .section-intro,.band-edition p{color:#fff}
.band-edition .btn{background:#fff;color:var(--tuerkis-dunkel)}
.band-edition .btn:hover{background:var(--ink);color:#fff}
.band-grau{background:#8f8f8f;color:#fff;text-align:center}
.band-grau h2{color:var(--ink)}
.band-grau p{color:#fff}
.band-grau .btn{background:var(--tuerkis);color:#fff}
.band-grau .btn:hover{background:var(--tuerkis-dunkel)}

/* Header */
.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
  padding:.6rem 1.25rem;background:#fff;border-bottom:3px solid var(--tuerkis);
}
.brand{display:flex;align-items:center;gap:.9rem;color:var(--ink);text-decoration:none}
.brand:hover{text-decoration:none}
.brand img{height:58px;width:auto;display:block}
.brand-sub{font-size:1.35rem;font-weight:700;color:var(--ink);text-decoration:none}
.site-nav{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.site-nav a{background:#fff;color:var(--tuerkis-dunkel);border:2px solid var(--tuerkis-dunkel);font-weight:700;text-decoration:none;padding:.4rem 1.1rem;border-radius:2rem;font-size:.95rem}
.site-nav a:hover{background:var(--tuerkis);color:#fff;border-color:var(--tuerkis)}
.site-nav a.active{background:var(--tuerkis);color:#fff;border-color:var(--tuerkis)}
.nav-toggle,.nav-burger{display:none}

/* Hero / Kopf-Banner mit Automatenfoto + türkisem Textkasten links */
.band-hero{
  position:relative;padding:3rem 1.25rem;min-height:60vh;display:flex;align-items:center;
  background:url("site/hero.webp") center/cover no-repeat;
}
.band-hero .wrap{max-width:var(--maxw);margin:0 auto;width:100%}
/* Editionen-Seite: Header-Bild mit Text-Overlay */
.editionen-hero{
  position:relative;padding:3rem 1.25rem;min-height:54vh;display:flex;align-items:center;
  background:url("site/editionen-hero.jpg") center/cover no-repeat;
}
/* leichter dunkler Verlauf, damit der Textkasten überall gut steht */
.editionen-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,0) 60%);pointer-events:none}
.editionen-hero .wrap{position:relative;max-width:var(--maxw);margin:0 auto;width:100%}
/* Parallax nur auf größeren Bildschirmen (auf Handys oft unsauber) */
@media(min-width:821px){.editionen-hero{background-attachment:fixed}}
@media(max-width:720px){.editionen-hero{min-height:auto;padding:2rem 1.1rem}}
.editionen-hero .hero-box{max-width:none;width:max-content;max-width:min(92vw,640px)}
.editionen-hero .hero-box h1{white-space:nowrap;font-size:clamp(1.5rem,4.6vw,2.4rem)}
/* über-uns: eigenes Hero-Foto (Ausstellung »10«) */
.ueber-hero{background-image:url("site/ueber-hero.webp")}
/* Kasten so breit wie die Headline – die längere Unterzeile bricht um */
.ueber-hero .hero-box .lead{width:0;min-width:100%}
.hero-box{
  background:rgba(80,201,217,.93);color:#fff;
  max-width:500px;padding:2.2rem 2.4rem;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.2);
}
.hero-box h1{color:#fff;margin-top:0}
.hero-box .lead{font-size:1.2rem;color:#fff}
.hero-box .lead strong{font-weight:700;color:#fff}
.hero-box .lead strong.ink{color:var(--ink)}
.hero-box p{color:#fff;-webkit-hyphens:auto;hyphens:auto}
.hero-box h1{-webkit-hyphens:manual;hyphens:manual}
.hero-box .btn{background:#fff;color:var(--dunkel)}
.hero-box .btn:hover{background:var(--ink);color:#fff}
.hero-box .btn-ghost{background:#fff;color:var(--dunkel);border:2px solid #fff}
.hero-box .btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.lead{font-size:1.25rem;color:var(--dunkel)}
.cta-row{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.2rem}
.btn{display:inline-block;background:var(--tuerkis);color:#fff;padding:.6rem 1.2rem;border:2px solid transparent;border-radius:2rem;font-weight:600;text-decoration:none;vertical-align:middle}
.btn:hover{background:var(--tuerkis-dunkel);color:#fff;text-decoration:none}
.btn-ghost{background:transparent;color:var(--petrol);border:2px solid var(--tuerkis)}
.btn-ghost:hover{background:var(--tuerkis);color:#fff}

/* Edition / Galerie */
.edition-label{text-align:center;color:var(--ink);font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.15;margin:0 0 1.6rem;letter-spacing:0}
.edition-label strong{font-weight:700}
.edition-label .saison-gross{display:block;font-weight:300}
/* Flexbox statt Grid: volle Reihen 4-spaltig, unvollständige letzte Reihe zentriert */
.gallery{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center}
.art-card{margin:0;width:calc((100% - 3 * 1.4rem) / 4 - 0.5px)}
.art-card a{display:block;overflow:hidden;border-radius:4px;background:#dcdce0}
/* 2:3 erzwingen: ganzes Werk zeigen, fehlende Fläche grau füllen (kein Beschnitt) */
.art-card img{width:100%;height:auto;display:block;aspect-ratio:2/3;object-fit:contain;background:#dcdce0;transition:transform .35s ease}
.art-card a:hover img{transform:scale(1.05)}
.art-card figcaption{font-size:.95rem;font-weight:400;color:var(--ink);margin-top:.5rem;text-align:center}
.archiv-link{text-align:center;margin-top:1.5rem;font-weight:600}

/* Info-Karten mit Bild */
.section-intro{text-align:center;font-size:1.2rem;max-width:700px;margin-inline:auto;color:var(--dunkel)}
.info-grid h2,.wo h2{text-align:center}
.cards{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1.6rem}
.info-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.info-card img{width:100%;height:170px;object-fit:cover;display:block}
.info-card .pad{padding:1.1rem}
.info-card h3{margin:0 0 .4rem;color:var(--tuerkis-dunkel)}
.info-card p{margin:0;font-size:.95rem;color:var(--ink)}

.text-center{text-align:center}

/* Blick in Atelier & Produktion */
.atelier-gallery{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1.6rem}
.atelier-gallery figure{margin:0}
.atelier-gallery a{display:block;overflow:hidden;border-radius:4px;background:var(--bg-soft)}
.atelier-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .35s ease}
.atelier-gallery a:hover img{transform:scale(1.05)}
@media(max-width:820px){.atelier-gallery{grid-template-columns:repeat(2,1fr)}}

/* Standort – Foto mit Bildunterschrift im Bild */
.wo-foto{position:relative;line-height:0}
.wo-foto img{width:100%;display:block;object-fit:cover;max-height:820px}
.wo-foto .wo-bildtext{position:absolute;left:0;right:0;bottom:7%;margin:0;padding:0 6%;
  color:#fff;text-align:left;font-weight:300;line-height:1.12;
  font-size:clamp(1.5rem,3.6vw,2.9rem);
  text-shadow:0 1px 14px rgba(0,0,0,.4)}
.wo-foto .wo-bildtext strong{font-weight:700}
/* Türkises Maps-Consent-Band */
.wo-maps{text-align:center}
.wo-maps-text{max-width:760px;margin:0 auto 1.8rem;font-size:1.05rem;color:#fff}
.wo-maps .btn{background:#fff;color:var(--dunkel);border-radius:40px;padding:.75rem 2.2rem;text-decoration:none}
.wo-maps .btn:hover{background:#f3fbfc;color:var(--tuerkis-dunkel)}
@media(max-width:640px){.wo-foto .wo-bildtext{bottom:5%;font-size:clamp(1.15rem,5.2vw,1.6rem)}}

/* Archiv */
.edition-archiv{border-top:1px solid var(--linie);padding-top:1.5rem;margin-top:2rem}
.edition-archiv:first-child{border-top:0;margin-top:0;padding-top:0}
.saison{font-weight:300;font-size:1rem;color:var(--grau)}

/* Ausstellungen */
.page-head{text-align:center;max-width:720px;margin-inline:auto}
.ausstellungen-liste{display:flex;flex-direction:column;gap:1.5rem}
.ausstellung{background:#fff;border-radius:8px;padding:1.4rem 1.6rem;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.ausstellung .meta{color:var(--grau);font-weight:600;margin-top:-.3rem}
.badge{display:inline-block;background:var(--tuerkis);color:#fff;font-size:.7rem;padding:.15rem .6rem;border-radius:1rem;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em}

/* Textseiten + Künstlerinnen */
.textpage{max-width:820px;margin-inline:auto}
.kuenstlerinnen-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:1.5rem 0}
@media(max-width:720px){.kuenstlerinnen-grid{grid-template-columns:repeat(2,1fr)}}
.kuenstlerinnen-grid li{text-align:center}
.kuenstlerinnen-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;margin-bottom:.5rem}
.kuenstlerinnen-grid .name{font-weight:600;display:block}
.kuenstlerinnen-grid .zitat{font-size:.82rem;color:var(--grau);display:block;margin-top:.2rem}
.presse-img{width:100%;border-radius:8px;margin:1rem 0}
/* Laudatio: Bild links, Titel + Intro rechts (wie auf der alten Seite) */
.laudatio-head{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:2rem}
.laudatio-head .laudatio-bild{flex:1 1 320px;max-width:480px;width:100%;border-radius:8px;margin:0}
.laudatio-head .laudatio-intro{flex:1 1 320px}
.laudatio-head .laudatio-intro h2{margin-top:0}
.laudatio-head .laudatio-intro h4{font-weight:700;font-size:1.1rem;line-height:1.4;margin:.7rem 0 0}
.laudatio-text{max-width:820px;margin-inline:auto}
/* Inline-Links im Fließtext: schwarz, fett, ohne Unterstrich (Buttons ausgenommen) */
.textpage p a:not(.btn),.laudatio-text a,.laudatio-intro a{color:var(--ink);font-weight:700;text-decoration:none}
.textpage p a:not(.btn):hover,.laudatio-text a:hover,.laudatio-intro a:hover{text-decoration:underline}

/* Footer */
.site-footer{background:#fff;color:var(--ink);font-weight:400;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);padding:3rem 1.5rem 2rem;border-top:1px solid var(--linie)}
.foot-logo img{width:120px;height:auto;display:block}
.site-footer h3{color:var(--ink);font-size:1.3rem;font-weight:700;margin:0 0 1rem}
.site-footer a{display:block;color:var(--ink);font-weight:700;margin:.55rem 0;text-decoration:none}
.site-footer a:hover{color:var(--tuerkis-dunkel)}
.foot-col p{margin:1.1rem 0;font-size:1rem;font-weight:400;color:var(--ink)}
.foot-col p strong{font-weight:700}
.stoerung{font-weight:700}
.stoerung a{display:inline;font-weight:700;margin:0}
.foot-spacer{margin-top:1.1rem !important}
.copyright{grid-column:1/-1;text-align:left;font-size:.9rem;font-weight:400;color:var(--ink);border-top:0;padding-top:1.5rem;margin:0}
@media(max-width:820px){.site-footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.site-footer{grid-template-columns:1fr}}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:100;display:none;background:rgba(20,30,32,.95);align-items:center;justify-content:center}
.lightbox.open{display:flex}
.lb-img{max-width:90vw;max-height:82vh;border-radius:4px;box-shadow:0 6px 40px rgba(0,0,0,.5)}
.lb-caption{position:absolute;bottom:4%;left:0;right:0;text-align:center;color:#fff;font-size:.95rem;padding:0 1rem}
.lb-close,.lb-prev,.lb-next{position:absolute;background:none;border:0;color:#fff;cursor:pointer;font-size:2.2rem;line-height:1;padding:.4rem .8rem;opacity:.85}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{opacity:1}
.lb-close{top:2%;right:2%}
.lb-prev{left:1%;top:50%;transform:translateY(-50%)}
.lb-next{right:1%;top:50%;transform:translateY(-50%)}

/* Galerie: Desktop 4-spaltig, kleiner Desktop 3, Tablet 2, Handy 1 */
@media(max-width:1000px){
  .art-card{width:calc((100% - 2 * 1.4rem) / 3 - 0.5px)}
}
@media(max-width:720px){
  .art-card{width:calc((100% - 1.4rem) / 2 - 0.5px)}
  .nav-burger{display:block;cursor:pointer;font-size:1.6rem;color:var(--ink)}
  .site-nav{display:none;width:100%;flex-direction:column;gap:.4rem;padding-top:.6rem}
  .nav-toggle:checked ~ .site-nav{display:flex}
}
@media(max-width:480px){
  .art-card{width:100%}
}