/* Only the new header and its existing tools are styled here. */
.sp-header { position:relative; isolation:isolate; overflow:hidden; width:100%;
  height:clamp(90px,10.5vw,157.5px); box-sizing:border-box; background:#202427;
  border:1px solid #495056; border-bottom-color:#111719; }
.sp-metal { position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    linear-gradient(100deg,rgba(0,0,0,.65),transparent 35%,rgba(0,0,0,.32) 80%),
    repeating-linear-gradient(0deg,rgba(220,231,236,.055) 0,rgba(220,231,236,.055) 1px,rgba(0,0,0,.12) 1px,rgba(0,0,0,.12) 2px,transparent 2px,transparent 4px),
    linear-gradient(180deg,#12171a 0%,#30383d 28%,#424b50 46%,#262d31 63%,#111619 100%);
  box-shadow:inset 0 1px 0 #76808655,inset 0 -12px 30px #0008; }
.sp-checker { position:absolute; left:0; right:0; top:var(--sp-band-y);
  height:var(--sp-band-height); z-index:1; pointer-events:none;
  transform:translateY(-50%);
  background-image:url("images/soerpaule/elfenbein-band.svg");
  background-repeat:repeat-x; background-position:center; background-size:auto 100%; }
.sp-layer { position:absolute; display:block; left:var(--sp-x,50%); top:var(--sp-y,50%);
  width:var(--sp-width,50%); z-index:var(--sp-z,2); transform:translate(-50%,-50%);
  line-height:0; border:0; max-width:100%; }
.sp-layer img { display:block; width:100%; height:auto; border:0; }
.sp-wordmark { --sp-x:var(--sp-logo-x); --sp-y:var(--sp-logo-y); --sp-width:var(--sp-logo-width); }
.sp-wordmark:focus-visible { outline:2px solid #f4eee0; outline-offset:5px; }
.sp-header-tools { padding:10px 4px 12px; }
.sp-header-tools .gallery-search { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;
  justify-content:flex-end; gap:8px 18px; width:100%; padding:0; margin:0;
  min-width:0; box-sizing:border-box; }
.sp-header-tools .gallery-info-links { margin:0 auto 0 0; }
.sp-header-tools .gallery-4images-logo { display:block; position:static;
  width:180px; height:auto; max-width:100%; margin:0; }
.sp-header-tools .gallery-search form { margin:0; }
.sp-header-tools .gallery-search table { margin:0; }
@media(max-width:560px) {
 .sp-header-tools .gallery-info-links { flex-basis:100%; justify-content:flex-start; }
 .sp-header-tools .gallery-4images-logo { width:140px; }
 .sp-header-tools .gallery-search { justify-content:space-between; gap:8px; }
 .sp-header-tools .searchinput { width:120px; box-sizing:border-box; }
}

/* The round emblem has its own center coordinates and size (relative to header height). */
.sp-emblem { --sp-x:var(--sp-badge-x); --sp-y:var(--sp-badge-y); --sp-z:3;
  width:auto; height:var(--sp-badge-size); aspect-ratio:1; max-width:none; }
.sp-emblem img { width:100%; height:100%; object-fit:contain; }

/* Use the actual silver/cyan palette without the former grayscale/invert filter. */
.sp-header-tools .gallery-4images-logo { filter:none !important; }

.sp-header-tools .gallery-4images-logo { height:33.334px; object-fit:cover; object-position:center; }
@media(max-width:560px) { .sp-header-tools .gallery-4images-logo { height:25.926px; } }


/* Match the visible logo to the entire search block, including advanced search. */
.sp-header-tools .gallery-search {
  display:grid; grid-template-columns:minmax(0,1fr) 180px max-content;
  align-items:stretch; gap:8px 18px;
}
.sp-header-tools .gallery-info-links { align-self:center; }
.sp-header-tools .gallery-logo-frame { position:relative; overflow:hidden; min-height:0; }
.sp-header-tools .gallery-logo-frame .gallery-4images-logo {
  position:absolute; width:215%; max-width:none; height:auto;
  left:-2%; top:50%; transform:translateY(-50%); margin:0;
  object-fit:fill;
}
@media(max-width:560px) {
 .sp-header-tools .gallery-search { grid-template-columns:minmax(0,1fr) max-content; gap:8px 10px; }
 .sp-header-tools .gallery-info-links { grid-column:1 / -1; }
}