/* Step 4.11.3 – Inter lokal vorbereitet */
@font-face{
  font-family:"Inter";
  src:url("../fonts/inter/Inter-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:root{--font-main:"Inter",Arial,Helvetica,sans-serif;--blue:#2754a1;--bg:#101722;--text:#172033;--muted:#768194;--line:rgba(255,255,255,.13);--page-w:560px;--page-h:780px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-main);background:radial-gradient(circle at 50% 10%,#2e3a51 0,#151b28 52%,#070a10 100%);color:#fff;overflow:hidden}.app-shell{height:100%;display:flex;flex-direction:column;min-width:320px}.topbar{min-height:70px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(7,11,18,.94);border-bottom:1px solid var(--line);z-index:30}.brand{display:flex;align-items:center;gap:14px;min-width:360px}.brand-logo-wrap{height:52px;min-width:154px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;padding:0;box-shadow:none}.brand-logo{height:52px;width:auto;display:block;object-fit:contain}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#5d8be0);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 26px rgba(39,84,161,.35)}.brand-fallback{display:none}.brand strong{display:block;font-size:16px}.brand span{display:block;color:#b9c4d5;font-size:12px;margin-top:2px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.toolbar button,.toolbar a{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:8px 11px;text-decoration:none;cursor:pointer;font:inherit;font-weight:700}.toolbar button:hover,.toolbar a:hover{background:rgba(39,84,161,.92)}.toolbar button:disabled{opacity:.35;cursor:not-allowed}.page-info{min-width:116px;text-align:center;color:#dce7fa;font-size:13px}.sep{height:28px;width:1px;background:var(--line);margin:0 3px}.stage{flex:1;min-height:0;display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;padding:18px;overflow:hidden}.book-stage{position:relative;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;isolation:isolate}.book-wrap{position:relative;display:grid;place-items:center;transition:transform .22s ease;transform-origin:center center;filter:drop-shadow(0 32px 58px rgba(0,0,0,.55));will-change:transform;touch-action:none}.book-wrap.pan-mode{cursor:grab}.book-wrap.pan-mode.is-panning{cursor:grabbing;transition:none}.book-stage.pan-mode:before{content:'Zoom-Modus: Druckbogen mit Maus ziehen · ESC oder Einpassen beendet';position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:20;background:rgba(7,11,18,.78);border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#dce7fa;font-size:12px;padding:8px 14px;pointer-events:none;box-shadow:0 12px 28px rgba(0,0,0,.25)}.book{position:relative;width:calc(var(--page-w) * 2);height:var(--page-h)}.pdf-page{position:relative;background:#fff;overflow:hidden;border:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.pdf-page img{width:100%;height:100%;display:block;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none;pointer-events:none}.pdf-page:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.055),transparent 9%,transparent 91%,rgba(0,0,0,.075));mix-blend-mode:multiply}.pdf-page.cover-page img{object-fit:contain}.stf__parent{margin:auto!important;max-width:calc(var(--page-w) * 2)!important;max-height:var(--page-h)!important;overflow:visible!important}.stf__wrapper{background:transparent!important;overflow:visible!important}.stf__item{background:#fff!important}.stf__block{box-shadow:0 16px 36px rgba(0,0,0,.26)!important}.stf__outerShadow{opacity:.52!important}.loader{position:absolute;z-index:40;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;background:rgba(6,10,17,.74);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:22px 28px;box-shadow:0 24px 60px rgba(0,0,0,.38);backdrop-filter:blur(7px)}
.loader-progress-wrap{width:min(260px,68vw);display:grid;gap:8px}.loader-progress-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.loader-progress-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#5d8be0 0%,#83adf2 55%,#d5e4ff 100%);border-radius:999px;box-shadow:0 0 16px rgba(131,173,242,.38);transition:width .18s ease}.loader-progress-text{font-size:22px;font-weight:800;color:#fff;letter-spacing:.02em}.loader small{color:#d5deee}.loader code{background:rgba(255,255,255,.09);padding:1px 5px;border-radius:5px}
.spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.22);border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.big-nav{height:94px;width:54px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:44px;cursor:pointer;z-index:5}.big-nav:hover{background:rgba(255,255,255,.18)}.big-nav:disabled{opacity:.25}.panel{position:fixed;right:0;top:92px;width:350px;max-height:calc(100vh - 145px);background:rgba(18,23,34,.98);border:1px solid var(--line);border-radius:20px 0 0 20px;box-shadow:0 28px 70px rgba(0,0,0,.5);z-index:50;overflow:hidden;transform:translateX(calc(100% + 36px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s}.panel.open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .25s ease,opacity .2s ease}.panel-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.panel-head button{background:transparent;color:#fff;border:0;font-size:28px;cursor:pointer}.panel-list button{display:block;width:100%;text-align:left;padding:14px 18px;background:transparent;border:0;border-bottom:1px solid var(--line);color:#e7eefb;cursor:pointer}.panel-list button:hover{background:rgba(255,255,255,.08)}.thumb-panel{width:min(860px,90vw)}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;padding:16px;overflow:auto;max-height:calc(100vh - 220px)}.thumb{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:12px;padding:8px;color:#fff;cursor:pointer;text-align:center}.thumb:hover{border-color:#82a9ef}.thumb img{width:100%;display:block;background:#fff;border-radius:7px}.thumb span{display:block;margin-top:7px;font-size:12px;color:#cad5e8}.thumb small{display:block;margin-top:3px;font-size:10px;color:#8fa0b8}.statusline{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;background:rgba(0,0,0,.28);border-top:1px solid var(--line);font-size:12px;color:#aeb8c9;z-index:30}.fallback-viewer{display:grid;place-items:center;gap:10px}.fallback-viewer img{max-width:min(90vw,1200px);max-height:calc(100vh - 165px);background:#fff;box-shadow:0 30px 58px rgba(0,0,0,.55)}.is-hidden{display:none!important}.error{color:#ffd7d7}.error code{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:6px;color:#fff}@media(max-width:920px){html,body{overflow:auto}.app-shell{height:auto;min-height:100%}.topbar{align-items:flex-start;flex-direction:column}.brand{min-width:0}.brand-logo-wrap{height:44px;min-width:132px}.brand-logo{height:44px}.brand span{display:none}.toolbar{justify-content:flex-start}.stage{grid-template-columns:42px minmax(0,1fr) 42px;padding:10px;min-height:calc(100vh - 150px)}.big-nav{width:38px;height:74px;font-size:32px}.page-info{min-width:92px}.panel{left:12px;right:12px;width:auto;transform:translateY(calc(-100% - 140px));border-radius:0 0 18px 18px}.panel.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.statusline{display:none}}
.back-home{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#d9e3f7;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px 10px;font-weight:800;margin-right:8px;white-space:nowrap}.back-home:hover{background:rgba(255,255,255,.13)}


/* Step 3.3 Responsive Pro - Viewer / Blätterkatalog */
.topbar{position:relative}.toolbar{min-width:0}.toolbar button,.toolbar a{min-height:40px}.brand{min-width:0;flex:1}.brand strong,.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage{width:100%}.book-stage{min-width:0}.panel{max-width:100%}.thumb-grid{-webkit-overflow-scrolling:touch}.big-nav{touch-action:manipulation}.book-wrap{max-width:100%}
@media(max-width:1180px){.topbar{gap:10px}.brand-logo-wrap{min-width:128px}.brand-logo{height:44px}.toolbar button,.toolbar a{padding:7px 9px}.page-info{order:20;width:100%;text-align:right}.sep{display:none}}
@media(max-width:920px){html,body{overflow:hidden}.app-shell{height:100%;min-height:0}.topbar{min-height:0;padding:10px 12px;display:grid;grid-template-columns:1fr;gap:9px}.brand{width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px}.brand-logo-wrap{height:38px;min-width:112px}.brand-logo{height:38px}.brand strong{font-size:14px}.toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}.toolbar button,.toolbar a{font-size:12px;padding:8px 6px;border-radius:9px}.page-info{grid-column:span 4;min-width:0;text-align:center}.stage{grid-template-columns:38px minmax(0,1fr) 38px;padding:8px;min-height:0;flex:1}.book-stage.pan-mode:before{width:calc(100% - 28px);text-align:center;white-space:normal;border-radius:14px;bottom:10px}.big-nav{width:34px;height:64px;font-size:28px;border-radius:14px}.panel{top:0;left:0;right:0;width:100%;max-height:76vh;border-radius:0 0 18px 18px}.thumb-panel{width:100%}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:calc(76vh - 66px)}}
@media(max-width:560px){.brand{grid-template-columns:1fr}.brand-logo-wrap{justify-content:flex-start;min-width:0}.brand strong{font-size:13px}.toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar button,.toolbar a{font-size:11px;min-height:38px}.page-info{grid-column:span 3}.stage{grid-template-columns:30px minmax(0,1fr) 30px;padding:6px 4px}.big-nav{width:28px;height:56px;font-size:24px}.panel-head{height:52px}.panel-list button{padding:13px 15px}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));padding:10px}.fallback-viewer img{max-width:96vw;max-height:calc(100vh - 190px)}}
@media(max-height:620px){.brand span{display:none}.topbar{padding-top:7px;padding-bottom:7px}.toolbar button,.toolbar a{min-height:34px}.stage{padding-top:4px;padding-bottom:4px}.big-nav{height:50px}.statusline{display:none}}

/* Step 3.3.1 Mobile Viewer Fix */
body.mobile-single-page .book{width:var(--page-w)!important;height:var(--page-h)!important}
body.mobile-single-page .stf__parent{max-width:var(--page-w)!important;max-height:var(--page-h)!important}
body.mobile-single-page .stf__wrapper{overflow:visible!important}
@media(max-width:760px){
  .book-stage{overflow:hidden;align-items:center;justify-items:center;}
  .book-wrap{transform-origin:center center;}
  .book{width:var(--page-w)!important;height:var(--page-h)!important;}
  .stf__parent{max-width:var(--page-w)!important;max-height:var(--page-h)!important;}
}

/* Step 3.3.2 Mobile Center + Render Cache */
.book-stage{justify-content:center;align-content:center;place-items:center;}
.book-wrap{margin-left:auto;margin-right:auto;justify-self:center;align-self:center;}
.stf__parent,.stf__wrapper{margin-left:auto!important;margin-right:auto!important;}
body.mobile-single-page .book-wrap{left:auto!important;right:auto!important;}
body.mobile-single-page .stf__parent,
body.mobile-single-page .stf__wrapper{
  width:var(--page-w)!important;
  max-width:var(--page-w)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:760px){
  .book-stage{display:grid!important;place-items:center!important;}
  .book-wrap{justify-self:center!important;align-self:center!important;}
  .stf__parent{position:relative!important;left:auto!important;right:auto!important;}
}


/* Step 3.3.3 Mobile PageCurl Fix
   Keine harten left/right-Overrides auf PageFlip-Items.
   Die Engine braucht ihre eigenen Inline-Positionen fuer saubere Curl-Animationen. */
body.mobile-single-page .stf__item{
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
body.mobile-single-page .stf__block{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}


/* Step 3.3.4 Mobile Curl Stabilizer
   Mobil steuert unser Code die Wischgeste; PageFlip bekommt nur einen sauberen Programm-Flip.
   Dadurch werden Flackern und Doppel-Zurückblättern vermieden. */
body.mobile-single-page .book-wrap,
body.mobile-single-page .book-stage,
body.mobile-single-page .stf__parent,
body.mobile-single-page .stf__wrapper{
  touch-action:none!important;
}
body.mobile-single-page .stf__outerShadow{
  opacity:.24!important;
}
body.mobile-single-page .stf__block{
  box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
}
body.mobile-single-page .pdf-page:after{
  opacity:.55;
}


/* Step 3.3.5 Mobile Stable Swipe
   Desktop bleibt mit PageCurl. Mobil wird die flackeranfällige Curl-Animation abgeschaltet
   und durch kontrolliertes Einzelseiten-Blättern ersetzt. */
body.mobile-single-page .stf__outerShadow,
body.mobile-single-page .stf__innerShadow,
body.mobile-single-page .stf__hardShadow,
body.mobile-single-page .stf__hardInnerShadow{
  display:none!important;
  opacity:0!important;
}
body.mobile-single-page .book-wrap{
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.38));
}
body.mobile-single-page .pdf-page:after{
  display:none!important;
}

/* V4.0 Step 3.3.6 - Tablet toolbar fix
   Prevents the navigation buttons from overlapping the catalog title on medium-width tablets. */
.topbar{
  flex-wrap:wrap;
}
.brand{
  flex:1 1 360px;
  min-width:0;
}
.brand > div:last-child{
  min-width:0;
}
.brand strong,
.brand span{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.toolbar{
  flex:0 1 auto;
  max-width:100%;
}

@media(max-width:1180px){
  .topbar{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .brand{
    width:100%;
    flex:0 0 auto;
  }
  .toolbar{
    width:100%;
    justify-content:flex-start;
    gap:6px;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:thin;
  }
  .toolbar button,
  .toolbar a{
    flex:0 0 auto;
    padding:7px 10px;
  }
  .page-info{
    flex:0 0 auto;
  }
}

@media(min-width:921px) and (max-width:1180px){
  .stage{
    min-height:calc(100vh - 160px);
  }
  .brand-logo-wrap{
    height:46px;
    min-width:138px;
  }
  .brand-logo{
    height:46px;
  }
}

/* V4.0 Step 3.3.7 - Tablet spread + pinch zoom
   Tablets with enough width keep the two-page book view. Phones stay single-page. */
body.tablet-spread-mode .book{width:calc(var(--page-w) * 2)!important;height:var(--page-h)!important}
body.tablet-spread-mode .stf__parent{max-width:calc(var(--page-w) * 2)!important;max-height:var(--page-h)!important}
body.tablet-spread-mode .book-wrap,
body.tablet-spread-mode .book-stage{touch-action:none!important}
body.tablet-spread-mode .book-wrap{filter:drop-shadow(0 24px 44px rgba(0,0,0,.45))}
@media(min-width:701px) and (max-width:1180px) and (pointer:coarse){
  .stage{grid-template-columns:46px minmax(0,1fr) 46px;}
  .book-stage{overflow:hidden;}
  .big-nav{width:40px;height:76px;font-size:32px;}
}


/* V4.0 Step 3.3.12 - Tablet Clean Spread Switch
   Tablet bleibt als Doppelseite sichtbar. Die flackeranfaellige native Curl-Animation
   und der vorige Fade/Slide-Effekt sind auf Tablets deaktiviert. */
body.tablet-spread-mode.touch-stable-page-mode .stf__outerShadow,
body.tablet-spread-mode.touch-stable-page-mode .stf__innerShadow,
body.tablet-spread-mode.touch-stable-page-mode .stf__hardShadow,
body.tablet-spread-mode.touch-stable-page-mode .stf__hardInnerShadow{
  display:none!important;
  opacity:0!important;
}
body.tablet-spread-mode.touch-stable-page-mode .pdf-page:after{
  display:none!important;
}
body.tablet-spread-mode.touch-stable-page-mode .book-wrap{
  transition:transform .12s ease;
}


/* V4.0 Step 3.3.13 - Tablet Stable Spread Viewer
   Fire/Android-Tablets bekommen einen eigenen Zwei-Seiten-Viewer ohne PageFlip-Curl.
   Desktop und Handy bleiben unverändert. */
.tablet-spread-viewer{
  position:relative;
  width:calc(var(--page-w) * 2);
  height:var(--page-h);
  display:flex;
  align-items:stretch;
  justify-content:center;
  background:transparent;
  filter:drop-shadow(0 24px 44px rgba(0,0,0,.45));
  touch-action:none;
}
.tablet-spread-page{
  position:relative;
  width:var(--page-w);
  height:var(--page-h);
  background:#fff;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
}
.tablet-spread-page img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:#fff;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
.tablet-spread-page.is-blank{
  background:linear-gradient(135deg,#fff,#f2f4f7);
}
.tablet-spread-page.is-blank img{display:none;}
.tablet-spread-fold{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:18px;
  transform:translateX(-50%);
  z-index:5;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(255,255,255,.08),rgba(0,0,0,.12));
  mix-blend-mode:multiply;
  opacity:.38;
}
.tablet-spread-viewer.cover-only .tablet-left{
  box-shadow:0 18px 42px rgba(0,0,0,.30), inset 0 0 0 1px rgba(0,0,0,.04);
}
.tablet-spread-viewer.cover-only .tablet-right{display:none;}
body.tablet-spread-mode .tablet-spread-viewer{display:flex;}
body.tablet-spread-mode .tablet-spread-viewer.is-hidden{display:none!important;}
@media(min-width:701px) and (max-width:1180px) and (pointer:coarse){
  body.tablet-spread-mode .book-stage{overflow:hidden;}
  body.tablet-spread-mode .book-wrap{filter:none;}
}


/* Step 3.3.18: Tablet Single Page Visual Flip
   Tablet zeigt zwei Seiten, aber beim Weiter-/Zurueckgehen bewegt sich nur ein einzelnes Blatt. */
.tablet-spread-viewer{
  overflow:hidden;
}
.tablet-flip-overlay{
  position:absolute;
  top:0;
  z-index:9;
  display:none;
  background:#fff;
  box-shadow:0 18px 34px rgba(0,0,0,.28);
  pointer-events:none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform, opacity;
}
.tablet-flip-overlay img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.tablet-flip-overlay.is-active{
  display:block;
}
.tablet-flip-overlay.flip-next.is-active{
  animation:tabletSinglePageNext 340ms ease-in-out forwards;
}
.tablet-flip-overlay.flip-prev.is-active{
  animation:tabletSinglePagePrev 340ms ease-in-out forwards;
}
@keyframes tabletSinglePageNext{
  0%{transform:translateX(0) scaleX(1); opacity:1; filter:brightness(1);}
  55%{transform:translateX(-48%) scaleX(.985); opacity:.96; filter:brightness(.94);}
  100%{transform:translateX(-104%) scaleX(.98); opacity:.06; filter:brightness(.90);}
}
@keyframes tabletSinglePagePrev{
  0%{transform:translateX(0) scaleX(1); opacity:1; filter:brightness(1);}
  55%{transform:translateX(48%) scaleX(.985); opacity:.96; filter:brightness(.94);}
  100%{transform:translateX(104%) scaleX(.98); opacity:.06; filter:brightness(.90);}
}
@media (prefers-reduced-motion: reduce){
  .tablet-flip-overlay.flip-next.is-active,
  .tablet-flip-overlay.flip-prev.is-active{animation:none;}
}


/* Step 3.3.22 – Tablet Clean Stable Final
   Alle künstlichen Einzelblatt-/Overlay-Effekte sind deaktiviert. */
.tablet-flip-overlay,
.tablet-flip-shadow{
  display:none!important;
  animation:none!important;
}
body.tablet-spread-mode .tablet-spread-viewer,
body.tablet-spread-mode .tablet-spread-page{
  transition:none!important;
}


/* Step 4.7.2 – Admin-Rücksprung im öffentlichen Bereich */
.public-admin-return{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
}
.public-admin-return a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:999px;
  background:#2754a1;
  color:#fff !important;
  text-decoration:none;
  font-weight:800;
  font-size:.92rem;
  box-shadow:0 14px 30px rgba(15,23,42,.22);
  border:1px solid rgba(255,255,255,.20);
}
.public-admin-return a:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
}
@media (max-width: 640px){
  .public-admin-return{
    right:12px;
    bottom:12px;
  }
  .public-admin-return a{
    min-height:38px;
    padding:9px 13px;
    font-size:.86rem;
  }
}

/* Step 4.11.2 – Inter Font Stack: Inter wenn vorhanden, sonst Arial/Helvetica Fallback */


/* Step 4.11.4 – Baupark-Logo Home-Link */
.baupark-logo-home-link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  color:inherit;
}
.baupark-logo-home-link img{
  display:block;
}


/* Step 4.12 – Cache-Diagnose + Schnellstart-Basis */
.quickstart-preview{
  margin:14px auto 2px;
  width:min(170px,42vw);
  max-height:230px;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 12px 34px rgba(0,0,0,.30);
  background:#fff;
}
.quickstart-preview img{
  display:block;
  width:100%;
  height:auto;
}
.cache-diagnostics{
  position:fixed;
  right:12px;
  bottom:12px;
  z-index:99999;
  display:grid;
  gap:3px;
  min-width:250px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(10,15,25,.94);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 36px rgba(0,0,0,.4);
  color:#fff;
  font:12px/1.4 Arial,Helvetica,sans-serif;
  pointer-events:none;
}
.cache-diagnostics strong{font-size:13px;margin-bottom:3px}
.cache-diagnostics span{color:#dbe6f7}


/* Step 4.12.3 – Sofort-Cover und erste Seiten beim Erstaufruf */
.quickstart-preview{
  position:relative;
  width:min(260px,56vw);
  max-height:none;
  overflow:visible;
}
.quickstart-preview img{
  max-height:360px;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
}
.quickstart-caption{
  margin-top:10px;
  text-align:center;
  color:#dbe6f7;
  font-size:13px;
  line-height:1.35;
}
.quickstart-spread-preview{
  width:min(470px,82vw);
  margin:14px auto 0;
}
.quickstart-spread-label{
  margin-bottom:8px;
  text-align:center;
  color:#dbe6f7;
  font-size:13px;
}
.quickstart-spread-pages{
  display:flex;
  justify-content:center;
  gap:6px;
  align-items:flex-start;
}
.quickstart-spread-pages img{
  display:block;
  width:min(180px,36vw);
  max-height:220px;
  object-fit:contain;
  background:#fff;
  border-radius:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}