:root{--ink:#24160e;--red:#8c241d;--paper:#dfc39a;--paper2:#ead4ad;--wood:#2a1509;--shadow:rgba(0,0,0,.48)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#211106;color:var(--ink);font-family:Georgia,'Times New Roman',serif}button,input,select{font:inherit}
.desktop-board{position:relative;width:min(100vw,1536px);aspect-ratio:1536/1024;margin:auto;overflow:hidden;background:#1d0f08}
.master-image{display:block;width:100%;height:100%;object-fit:contain}.hotspots{position:absolute;inset:0}.hot{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:4px}.hot:hover,.hot:focus-visible{outline:3px solid rgba(255,238,195,.78);background:rgba(255,255,255,.04)}
.news{left:27.4%;top:21.8%;width:7.2%;height:5%}.reviews{left:37.8%;top:21.8%;width:9%;height:5%}.artists{left:48.7%;top:21.8%;width:9%;height:5%}.search-nav{left:60.2%;top:21.8%;width:8.5%;height:5%}
.search-bar{left:21%;top:28.4%;width:50.5%;height:6.2%}.search-button{left:72%;top:28.4%;width:10.6%;height:6.2%}
.top-story{left:20.3%;top:36.6%;width:62%;height:29.3%}.tour-story{left:18.5%;top:66.7%;width:21.2%;height:21.3%}.dach-story{left:40.8%;top:66.7%;width:22%;height:21.3%}.review-story{left:63.7%;top:66.7%;width:23.5%;height:21.3%}.archive-link{left:50.4%;top:91%;width:13%;height:4.5%}
.filter-year{left:4.5%;top:45.5%;width:11.3%;height:5.4%}.filter-category{left:4.5%;top:51.8%;width:11.3%;height:5.4%}.filter-artist{left:4.5%;top:58.1%;width:11.3%;height:5.4%}
.mobile-site{display:none}.sheet-dialog{width:min(1020px,94vw);max-height:94vh;border:0;padding:0;background:transparent}.sheet-dialog::backdrop{background:rgba(24,12,5,.84);backdrop-filter:blur(4px)}
.article-sheet,.search-sheet,.archive-sheet{position:relative;background:var(--paper);background-image:repeating-linear-gradient(2deg,rgba(75,44,20,.025) 0 1px,transparent 1px 4px);border:3px solid #58361e;box-shadow:18px 20px 0 rgba(0,0,0,.36);padding:clamp(28px,5vw,64px);overflow:auto;max-height:92vh}.article-sheet:before,.search-sheet:before,.archive-sheet:before{content:"";position:absolute;inset:15px;border:1px dashed rgba(74,42,20,.38);pointer-events:none}.close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:42px;line-height:1;cursor:pointer;z-index:2}
.article-meta{display:flex;justify-content:space-between;gap:20px;color:var(--red);font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:.08em;border-bottom:2px solid var(--ink);padding-bottom:10px}.article-sheet h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(42px,7vw,78px);line-height:.98;margin:24px 0 18px;max-width:17ch}.article-lead{font-size:clamp(20px,2.4vw,27px);line-height:1.45;max-width:60ch}.article-sheet figure{margin:30px 0;transform:rotate(-.5deg);background:#f1dfbd;border:12px solid #f1dfbd;box-shadow:0 8px 20px rgba(0,0,0,.28)}.article-sheet figure img{width:100%;max-height:500px;object-fit:cover;display:block}.article-sheet figcaption{padding:10px 2px 0;font-size:13px}.article-body{font-size:19px;line-height:1.75;columns:2;column-gap:44px}.article-body p:first-child:first-letter{float:left;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:76px;line-height:.75;padding:9px 8px 0 0;color:var(--red)}.ingo-box{margin-top:36px;padding:24px;border:3px double var(--red);color:var(--ink);transform:rotate(.25deg)}.ingo-box span{font-family:Impact,'Arial Narrow',Arial,sans-serif;color:var(--red);font-weight:700;letter-spacing:.08em}.article-footer{display:flex;justify-content:space-between;align-items:center;margin-top:32px;border-top:1px dashed #765033;padding-top:24px}.article-footer button{border:2px solid var(--ink);background:transparent;padding:11px 16px;cursor:pointer}.exclusive-stamp{border:5px double var(--red);color:var(--red);font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:25px;padding:8px 14px;transform:rotate(-7deg)}
.small-dialog{width:min(760px,94vw)}.search-sheet h2,.archive-sheet h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:46px;margin:8px 0 24px}.red-label{color:var(--red);font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:.06em}.search-sheet input{width:100%;padding:17px;border:2px solid #5e3a20;background:#f2dfba;font-size:20px}.search-results{margin-top:18px}.search-result{display:block;width:100%;text-align:left;border:0;border-bottom:1px dashed #765033;background:transparent;padding:16px 4px;cursor:pointer}.search-result strong{display:block;font-size:20px}.search-result span{color:var(--red)}
.archive-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.archive-controls select{padding:13px;background:#f0dbb5;border:2px solid #5d391f}.archive-results{margin-top:24px}.archive-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:start;border-bottom:1px dashed #765033;padding:17px 0}.archive-item button{border:0;background:transparent;text-decoration:underline;cursor:pointer;font-weight:700}.archive-item .tag{color:var(--red);font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:700}
@media(max-width:800px){.desktop-board{display:none}.mobile-site{display:block;padding:16px;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.05),transparent 30%),repeating-linear-gradient(8deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),#372012}.paper-card{background:var(--paper);border:2px solid #5b371e;box-shadow:8px 9px 0 rgba(0,0,0,.35);padding:22px;margin-bottom:18px;position:relative}.mobile-header{display:flex;gap:18px;align-items:center}.mobile-header h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:38px;line-height:.95;margin:4px 0}.mobile-header p{margin:3px 0}.mobile-seal{width:72px;height:72px;border:4px double var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:26px;font-weight:700;flex:0 0 auto}.mobile-search{width:100%;text-align:left;background:#e2c79c;border:2px solid #5b371e;padding:16px;margin-bottom:18px}.paper-card h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:38px;line-height:1.05;margin:7px 0 12px}.paper-card h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:26px;line-height:1.08;margin:6px 0}.crop-main{width:100%;height:190px;object-fit:cover;object-position:66% 51%;display:block;border:7px solid #f0ddba}.mobile-grid{display:grid;grid-template-columns:1fr;gap:0}.archive-mobile{width:100%;text-align:left;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:700;color:var(--red)}.article-body{columns:1}.article-meta{flex-direction:column}.archive-controls{grid-template-columns:1fr}.archive-item{grid-template-columns:1fr}.article-sheet,.search-sheet,.archive-sheet{padding:34px 24px}.article-sheet h1{font-size:45px}}


/* V0.5: Die klassische Navigation entfällt. Die globale Suche ist der einzige Einstieg. */
.nav-cover{
  position:absolute;
  left:17.2%;
  top:21.15%;
  width:55.5%;
  height:6.3%;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(92,53,24,.08),rgba(255,236,190,.05) 42%,rgba(76,43,19,.08)),
    repeating-linear-gradient(2deg,rgba(76,42,18,.055) 0 1px,transparent 1px 4px),
    #b9874f;
  border-top:1px solid rgba(58,31,14,.28);
  border-bottom:2px solid rgba(55,30,14,.42);
  box-shadow:inset 0 2px 7px rgba(255,230,180,.13),inset 0 -5px 8px rgba(62,34,15,.14);
  transform:rotate(.08deg);
  opacity:.97;
}
.nav-cover::before,.nav-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 18% 55%,rgba(73,39,16,.12),transparent 24%),radial-gradient(ellipse at 77% 30%,rgba(255,235,190,.1),transparent 21%);
}
.hotspots{z-index:3}
.news,.reviews,.artists,.search-nav{display:none!important}
.search-bar{left:20.7%;top:28.25%;width:50.9%;height:6.5%}
.search-button{left:71.8%;top:28.25%;width:11.2%;height:6.5%}
.search-bar:hover,.search-button:hover,.search-bar:focus-visible,.search-button:focus-visible{
  outline:3px solid rgba(255,238,195,.9);
  background:rgba(255,255,255,.055);
}
@media(max-width:800px){.nav-cover{display:none}}

/* Version 2 */
.hot:hover,.hot:focus-visible{outline:none;background:rgba(255,255,255,.015);box-shadow:0 8px 18px rgba(0,0,0,.22);transform:translateY(-1px)}
.inline-search{position:absolute;left:20.7%;top:28.25%;width:62.3%;height:6.5%;display:grid;grid-template-columns:1fr 17.8%;z-index:8}
.inline-search input,.inline-search button{border:0;background:transparent;color:#2b1b10}
.inline-search input{padding:0 4%;font-size:clamp(12px,1.35vw,21px);outline:none}
.inline-search button{cursor:pointer;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(11px,1.2vw,18px)}
.inline-search:hover{filter:drop-shadow(0 5px 7px rgba(0,0,0,.2))}
.inline-search-results{position:absolute;top:108%;left:0;width:82%;max-height:270px;overflow:auto;background:#e4c79d;border:2px solid #5e3a20;box-shadow:0 12px 22px rgba(0,0,0,.4);padding:8px;z-index:20}
.inline-search-results .search-result{padding:11px 12px}
.current-news{left:19%;top:88.2%;width:66%;height:5.6%}
.love-tag{position:absolute;right:5.1%;top:59%;width:10.5%;height:20%;border:0;background:#b88d56;color:#3a2515;font-family:'Courier New',monospace;font-size:clamp(10px,1.15vw,17px);font-weight:700;line-height:1.35;transform:rotate(-2deg);cursor:default;z-index:5;box-shadow:inset 0 0 18px rgba(80,44,17,.2)}
.column-card{position:absolute;left:42%;top:89%;width:29%;height:8.5%;z-index:7;border:2px solid rgba(78,43,20,.65);background:#d9b783;color:#2b1b10;padding:.55% 1.1%;text-align:left;box-shadow:4px 6px 10px rgba(0,0,0,.28);transform:rotate(.4deg);cursor:pointer}
.column-card:hover{box-shadow:6px 9px 16px rgba(0,0,0,.36);transform:rotate(.4deg) translateY(-1px)}
.column-card span{display:block;color:#8c241d;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(9px,.9vw,14px)}
.column-card strong{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(13px,1.45vw,22px)}
.column-card small{font-size:clamp(7px,.65vw,11px)}
@media(max-width:800px){.inline-search,.love-tag,.column-card{display:none}}


/* Final requested interface corrections */
.hot:hover,.hot:focus-visible{
  outline:0!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.22)!important;
  transform:translateY(-1px);
}
.hot:focus-visible{box-shadow:0 0 0 2px rgba(74,43,22,.28),0 7px 16px rgba(0,0,0,.22)!important}

/* The original printed search line is fully covered; searching stays in place. */
.inline-search{
  left:27.8%;top:28.35%;width:55.2%;height:6.25%;
  grid-template-columns:1fr 18.5%;
  background:#d9bd91;
  border:1px solid rgba(74,43,22,.35);
  box-shadow:inset 0 1px 6px rgba(255,245,220,.45),inset 0 -2px 5px rgba(74,43,22,.12);
}
.inline-search input,.inline-search button{background:#d9bd91!important}
.inline-search input{padding:0 3.5%;font-size:clamp(12px,1.15vw,18px)}
.inline-search button{border-left:1px solid rgba(74,43,22,.28);letter-spacing:.03em}
.inline-search:hover{filter:none;box-shadow:0 5px 12px rgba(0,0,0,.18),inset 0 1px 6px rgba(255,245,220,.45)}
.inline-search-results{top:112%;width:100%}

/* Permanent, self-created TOP NEWS artwork covers the previous picture. */
.top-news-cover{
  position:absolute;left:57.2%;top:38.3%;width:25.4%;height:22.7%;
  object-fit:cover;z-index:4;pointer-events:none;
  border:8px solid #ecd5ad;box-shadow:0 5px 13px rgba(0,0,0,.33);
  transform:rotate(1.1deg);
}
.top-story{z-index:6}

/* Covers the original HANDLE WITH CARE print completely. */
.love-tag{
  right:3.7%;top:57.1%;width:13.2%;height:23.2%;
  background:#bc925e;border:0;z-index:8;
  font-size:clamp(10px,1.03vw,16px);padding:2.3% .8% .8%;
  box-shadow:0 5px 12px rgba(0,0,0,.3),inset 0 0 18px rgba(80,44,17,.18);
}

/* Current news and the column are separate, non-overlapping fields. */
.current-news{left:18.5%;top:88.2%;width:23.2%;height:8.1%;z-index:6}
.column-card{
  left:42.7%;top:88.4%;width:28.8%;height:8.5%;z-index:8;
  padding:.55% 1.1%;background:#d9b783;
}
.column-card strong:before{content:""}

.archive-item.is-read{opacity:.62}
.archive-item .status{display:inline-block;margin-top:6px;padding:2px 7px;border:1px solid #765033;font-size:11px;font-weight:700}
.archive-item .new-badge{color:#fff;background:var(--red);border-color:var(--red)}
.archive-item .read-badge{color:#5c412e;background:rgba(255,255,255,.22)}

@media(max-width:800px){
  .top-news-cover{display:none}
  .mobile-search-inline{display:grid;grid-template-columns:1fr auto;margin-bottom:18px;background:#e2c79c;border:2px solid #5b371e}
  .mobile-search-inline input,.mobile-search-inline button{border:0;background:transparent;padding:16px;color:var(--ink)}
  .mobile-search-inline button{font-weight:700;border-left:1px solid #795337}
}

/* Final: anklickbare Flächen bleiben optisch ruhig; kein gelber Rahmen. */
.hot:hover,.hot:focus-visible{outline:none!important;background:rgba(255,255,255,.012)!important;box-shadow:0 6px 14px rgba(0,0,0,.18)!important;transform:translateY(-1px)}
.hot:active{transform:translateY(0);box-shadow:0 3px 8px rgba(0,0,0,.16)!important}