:root { --ink: #19385E; --paper: #fffdf7; --red: #c8202c; }
body { padding-top: 7px; }
.exhibition-heading, .banner-wrap { width:100%; max-width:1440px; }
.exhibition-heading { padding-top:18px; }
.hero .casting-lineart { background: transparent; border-radius: 0; padding: 0; filter: brightness(0) invert(1); }
.jubilee-banner {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%), linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%), linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.hero .button { background: var(--gold); color: var(--navy); }
.hero .button:hover { background: #ffda73; color: var(--navy); }
.hero .button.secondary { background: white; color: var(--blue); }
.footer .footer-link { color: #19385E; background: #eef4f8; padding: 10px 22px; border: 1px solid #cfdeea; border-radius: 999px; font-size: 1rem; font-weight: bold; }
.footer .footer-link:hover { background: #19385E; color: white; }
.footer a { color: #19385E; }
.footer a:hover { color: white; }
.campaign-sponsors { margin-bottom: 32px; }
.catalog-back-row { display:flex; justify-content:flex-end; margin-bottom:28px; }
.catalog-back-row .catalog-back { margin-bottom:0; }
.header > a { flex-shrink:0; align-self:flex-start; }
.header .logo { width:220px; }
.offer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:40px; }
.artist-logo { text-align:left; }
.artist-logo img { margin-left:0; margin-right:auto; }
.greeting-text > h1 { margin-bottom:8px; }
.greeting-portrait { width:300px; max-width:42%; padding:0; background:transparent; border:0; border-radius:0; }
.greeting-portrait img { border-radius:0; }
.greeting-body .greeting-signature { margin-bottom:0; }
@media(max-width:540px) { .greeting-portrait { width:240px; max-width:80%; } }
@media(max-width:700px) { .header { flex-direction:column; align-items:center; } .header > a { align-self:center; } .header .logo { width:170px; } .header nav { width:100%; justify-content:center; } }
.partners { grid-template-columns: 1fr; }
.organizers-row { flex-wrap: wrap; }
.header nav { flex-wrap: wrap; }
.site-modal { --ink: #19385e; --red: #a81419; --paper: #f4f1e9; }
@media(max-width:700px) { .header nav a { text-align: center; } .campaign-sponsors { margin-top: 28px; } }

a { color: inherit; }
a, a:hover, a:focus, a:active, .catalog-back { text-decoration: none; }
a:hover { color: inherit; }
.header nav a:hover { color: var(--red); }
a.button, button.button { background: var(--gold); color: var(--navy); border-color: var(--gold); }
a.button:hover, button.button:hover { background: #ffda73; color: var(--navy); border-color: #ffda73; }
a.button.secondary { background: white; color: var(--blue); }
#backToTop { background: var(--red); color: white; }
#backToTop:hover { background: var(--gold); color: var(--navy); }
.art-heading h2 { min-width: 0; overflow-wrap: anywhere; } .art-heading img { flex-shrink: 0; }
.bidding-form-wrap button.button { background: var(--gold); color: var(--navy); } .bidding-form-wrap button.button:hover { background: #ffda73; color: var(--navy); }



.greeting-nav-item { display:flex; flex-direction:column; align-items:center; gap:2px; }
.greeting-nav-item .button { flex-direction:column; gap:2px; text-align:center; line-height:1.3; }
.greeting-nav-role { font-size:.8rem; line-height:1.3; font-weight:400; text-align:center; }

.jubilee-character .character { width:78%; height:auto; max-height:none; margin:-24% 0 0 22%; }
@media (min-width:701px) {
  .intro > div:first-child { position:relative; }
  .intro .jubilee-character { position:absolute; inset:0 0 20px; }
  .jubilee-character .character { position:absolute; right:0; bottom:0; width:100%; height:calc(100% - 60px); max-height:none; margin:0; object-fit:contain; object-position:right bottom; }
}


/* SKTC: Scrollleisten innerhalb der runden Modal-Ecken. */
:is(dialog,[role="dialog"]:not(.modal),.modal-content){border-radius:16px;clip-path:inset(0 round 16px)}
:is(dialog,[role="dialog"],.modal-content,.modal-body),:is(dialog,[role="dialog"],.modal-content) *{scrollbar-width:thin;scrollbar-color:rgba(90,105,125,.65) transparent}
:is(dialog,[role="dialog"],.modal-content,.modal-body)::-webkit-scrollbar,:is(dialog,[role="dialog"],.modal-content) *::-webkit-scrollbar{width:8px;height:8px}
:is(dialog,[role="dialog"],.modal-content,.modal-body)::-webkit-scrollbar-track,:is(dialog,[role="dialog"],.modal-content) *::-webkit-scrollbar-track{background:transparent;margin-block:14px;border-radius:999px}
:is(dialog,[role="dialog"],.modal-content,.modal-body)::-webkit-scrollbar-thumb,:is(dialog,[role="dialog"],.modal-content) *::-webkit-scrollbar-thumb{background:rgba(90,105,125,.65);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
:is(dialog,[role="dialog"],.modal-content,.modal-body)::-webkit-scrollbar-button,:is(dialog,[role="dialog"],.modal-content) *::-webkit-scrollbar-button{display:none;width:0;height:0}

@supports selector(::-webkit-scrollbar){:is(dialog,[role="dialog"],.modal-content,.modal-body),:is(dialog,[role="dialog"],.modal-content) *{scrollbar-width:auto;scrollbar-color:auto}}

/* SKTC: Links ohne Unterstreichung in allen Zuständen. */
a:any-link,a:any-link:hover,a:any-link:focus,a:any-link:focus-visible,a:any-link:active,a:any-link *{text-decoration:none!important}

/* SKTC: Flache Formularfelder ohne native 3D-Raender. */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="color"]),textarea,select){
 appearance:none;-webkit-appearance:none;box-shadow:none!important;background-image:none;border:1px solid #8b96a3!important;border-radius:8px;background-color:rgba(255,255,255,.8);color:inherit;font:inherit;box-sizing:border-box;
}
:where(input,textarea,select):focus-visible{outline:2px solid #224579;outline-offset:2px;box-shadow:none!important}
select{padding-right:2rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2330343b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .65rem center!important;background-size:16px!important}
select[multiple],select[size]:not([size="1"]){background-image:none!important;padding-right:.65rem!important}
input[type="file"]::file-selector-button{border:1px solid #8b96a3;border-radius:8px;background:#f2f5f9;color:#30343b;box-shadow:none;font:inherit;padding:.5rem .8rem}

/* SKTC: Aktionsbuttons in Modal-Fenstern linksbuendig. */
:is(dialog,[role="dialog"],.modal-content) :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.button,a.btn):not(.modal-close):not(.story-close):not(.close):not(.btn-close):not([aria-label][data-close]:empty){margin-left:0!important;margin-right:auto!important;align-self:flex-start!important}
:is(dialog,[role="dialog"],.modal-content) :is(.modal-footer,.dialog-actions,.modal-actions,.form-actions,.actions,.button-row){justify-content:flex-start!important;text-align:left!important}
:is(dialog,[role="dialog"],.modal-content) :is(form,.button-group,.buttons){text-align:left}