/* ============================================================
   ebook.css — E-Book-Unterseite im CI der Hauptseite.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Vidaloka&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{color-scheme:light only !important}
html,body{background:#f2e5d1 !important;color-scheme:light only !important;margin:0 !important;padding:0 !important}
body :not(.eb):not(.eb *){
  background:transparent !important;background-color:transparent !important;
  background-image:none !important;border-radius:0 !important;box-shadow:none !important;
  padding-top:0 !important;margin-top:0 !important;border-top:none !important;min-height:0 !important;
}
#header, header, .site-header, #topbar, .top-bar, .theme-header,
footer:not(.eb *), .theme-footer, #footer, .mobile-menu, #overlay, #panel{display:none !important}

.eb{
  --beach:#f2e5d1; --sunshine:#f0c424; --sunset:#f29e38;
  --ocean:#03668c; --wave:#05adbf; --ink:#0b2530;
  font-family:'Poppins',sans-serif;font-weight:300;color:var(--ink);
  line-height:1.7;background:var(--beach);
}
.eb *{box-sizing:border-box}
.eb h1,.eb h2{font-family:'Vidaloka',serif;font-weight:400;margin:0}
.eb p{margin:0}
.eb-wrap{max-width:820px;margin:0 auto;padding:0 24px}
.eb-center{text-align:center}

/* Navbar */
.eb-nav{background:#03668c;position:sticky;top:0;z-index:100;box-shadow:0 2px 14px rgba(3,102,140,.25)}
.eb-nav-inner{max-width:900px;margin:0 auto;padding:16px 24px}
.eb-back{color:#fff !important;text-decoration:none;font-family:'Poppins',sans-serif;font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;transition:color .15s ease}
.eb-back:hover{color:#f0c424 !important}

/* Hero */
.eb-hero{padding:70px 0 30px}
.eb-eyebrow{display:inline-block;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:600;color:var(--wave) !important;margin-bottom:16px}
.eb-hero h1{font-size:clamp(2rem,4vw,2.9rem);color:var(--ink) !important;margin-bottom:24px;line-height:1.15}
.eb-lead{font-size:1.05rem;color:var(--ink) !important;max-width:720px}

/* Cover + Button */
.eb-cover-section{padding:20px 0 40px}
.eb-cover{max-width:340px;width:100%;height:auto;border-radius:16px;box-shadow:0 20px 50px rgba(3,102,140,.22);margin-bottom:32px}
.eb-btn{display:inline-block;background:var(--sunshine);color:var(--ink) !important;font-weight:600;font-size:1rem;padding:16px 38px;border-radius:999px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease}
.eb-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(3,102,140,.25)}

/* Galerie */
.eb-gallery-section{padding:20px 0 70px}
.eb-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.eb-gallery img{width:100%;height:auto;border-radius:14px;box-shadow:0 8px 24px rgba(3,102,140,.12)}

/* Footer */
.eb-footer{background:#024b68;padding:36px 0 30px;text-align:center;font-size:.85rem}
.eb-footer p{margin-bottom:8px;color:#fff !important}
.eb-footer a{color:var(--sunshine) !important;text-decoration:none;margin:0 8px}
.eb-footer a:hover{text-decoration:underline}

@media (max-width:720px){
  .eb-hero{padding:48px 0 24px}
  .eb-gallery{grid-template-columns:1fr}
}