*{box-sizing:border-box}
:root{--navy:#082f4a;--navy2:#0a405f;--cyan:#31bce3;--pale:#eaf7fb;--ink:#102a3a;--muted:#5b7180;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,84px);border-bottom:1px solid #dbe7ed;background:#fff}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:19px;white-space:nowrap}
.brand img{width:46px;height:38px;object-fit:contain}
nav{display:flex;gap:clamp(18px,2.3vw,36px);align-items:center}
nav a{text-decoration:none;font-size:15px;padding:28px 0 24px;border-bottom:3px solid transparent}
nav a:hover,nav a.active{color:#087da6;border-color:var(--cyan)}
.hero{min-height:360px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;padding:54px clamp(28px,7vw,110px);background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;overflow:hidden}
.eyebrow{margin:0 0 12px;letter-spacing:.15em;font-size:12px;font-weight:800;color:#159ac7}
.hero .eyebrow{color:#78d9f3}
.hero h1{font-size:clamp(42px,5.1vw,72px);line-height:1.02;margin:0;letter-spacing:-.035em;font-weight:750}
.hero h1 span{color:var(--cyan)}
.lead{max-width:650px;font-size:clamp(17px,1.6vw,22px);line-height:1.55;margin:22px 0 0;color:#d8edf5}
.hero-mark{display:flex;justify-content:center;align-items:center}
.hero-mark img{width:min(330px,30vw);filter:drop-shadow(0 20px 28px rgba(0,0,0,.2))}
.intro{max-width:900px;margin:0 auto;padding:58px 30px 48px;text-align:center}
.intro h2,.section-heading h2{font-size:clamp(30px,3vw,42px);margin:0 0 18px;color:var(--navy)}
.intro>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);margin:0 auto;max-width:800px}
.worlds{background:var(--pale);padding:46px clamp(28px,6vw,96px) 56px}
.section-heading{text-align:center;margin-bottom:28px}
.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto}
.world-card{background:#fff;border:1px solid #d8eaf1;border-radius:14px;padding:26px 28px 24px;min-height:245px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(8,47,74,.06)}
.world-card .number{font-size:12px;font-weight:800;color:#159ac7;letter-spacing:.12em}
.world-card h3{font-size:27px;line-height:1.12;margin:15px 0 12px;color:var(--navy)}
.world-card p{margin:0 0 24px;color:var(--muted);line-height:1.55}
.world-card a{margin-top:auto;text-decoration:none;font-weight:750;color:#087da6;border-top:1px solid #e3eef2;padding-top:17px}
.world-card a span{float:right;font-size:20px}
.world-card:hover{transform:translateY(-3px);transition:.2s ease;box-shadow:0 12px 28px rgba(8,47,74,.1)}
footer{min-height:112px;background:#061f31;color:#d8e8ef;display:grid;grid-template-columns:1fr auto auto;gap:36px;align-items:center;padding:24px clamp(28px,6vw,96px);font-size:14px}
footer strong{color:#fff;font-size:16px}
footer span{color:#91aab6}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{text-decoration:none}
.footer-links a:hover{color:var(--cyan)}
.copyright{color:#91aab6;white-space:nowrap}
@media(max-width:850px){
 .site-header{height:auto;padding:16px 24px;align-items:flex-start;gap:18px}
 nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}
 nav a{padding:5px 0}
 .hero{grid-template-columns:1fr;min-height:auto;padding:48px 28px}
 .hero-mark{display:none}
 .world-grid{grid-template-columns:1fr}
 .world-card{min-height:0}
 footer{grid-template-columns:1fr;gap:18px}
}
@media(max-width:560px){
 .site-header{display:block}
 .brand{margin-bottom:12px}
 nav{justify-content:flex-start}
 .hero h1{font-size:43px}
 .intro{padding:44px 24px 38px}
 .worlds{padding:38px 20px 44px}
}

/* World and book pages */
.world-hero{min-height:330px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;padding:48px clamp(28px,7vw,110px);background:linear-gradient(120deg,#082f4a,#0a405f);color:#fff}
.world-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:0;letter-spacing:-.035em}
.world-hero h1 span{color:var(--cyan)}
.world-symbol{justify-self:center;width:180px;height:180px;border:2px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-size:88px;font-weight:800;color:var(--cyan);background:rgba(255,255,255,.04)}
.world-intro{max-width:900px;margin:0 auto;padding:46px 30px 40px;text-align:center}
.world-intro h2{font-size:clamp(30px,3vw,40px);margin:0 0 14px;color:var(--navy)}
.world-intro>p:last-child{font-size:17px;line-height:1.65;color:var(--muted);margin:0 auto;max-width:780px}
.books-section{background:var(--pale);padding:42px clamp(28px,6vw,96px) 54px}
.books-heading{max-width:1200px;margin:0 auto 25px;display:flex;justify-content:space-between;align-items:end;gap:30px}
.books-heading h2{font-size:38px;margin:0;color:var(--navy)}
.books-heading>p{margin:0 0 4px;color:var(--muted)}
.book-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.book-card{background:#fff;border:1px solid #d8eaf1;border-radius:14px;padding:20px;display:grid;grid-template-columns:118px 1fr;gap:20px;min-height:255px;box-shadow:0 8px 24px rgba(8,47,74,.06)}
.book-card img{width:118px;height:175px;object-fit:cover;object-position:right center;border-radius:6px;box-shadow:0 5px 14px rgba(0,0,0,.14)}
.book-copy{display:flex;flex-direction:column}
.book-copy h3{font-size:20px;line-height:1.18;margin:4px 0 10px;color:var(--navy)}
.book-copy p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 16px}
.book-copy a{margin-top:auto;text-decoration:none;font-weight:750;color:#087da6;border-top:1px solid #e3eef2;padding-top:14px;font-size:14px}
.book-copy a span{float:right}
@media(max-width:1000px){.book-grid{grid-template-columns:1fr}.book-card{grid-template-columns:125px 1fr;min-height:0}.book-card img{width:125px;height:185px}}
@media(max-width:850px){.world-hero{grid-template-columns:1fr;min-height:auto;padding:44px 28px}.world-symbol{display:none}.books-heading{display:block}.books-heading>p{margin-top:8px}}
@media(max-width:520px){.book-card{grid-template-columns:95px 1fr;padding:16px;gap:15px}.book-card img{width:95px;height:142px}.book-copy h3{font-size:18px}}

/* V002 COVER FIX START */
.book-card{
  grid-template-columns:145px 1fr;
  min-height:292px;
  align-items:start;
}
.book-card img{
  width:145px;
  height:220px;
  object-fit:contain;
  object-position:center top;
  background:#fff;
}
.book-copy{min-height:220px}
@media(max-width:1100px){
  .book-card{grid-template-columns:155px 1fr;min-height:0}
  .book-card img{width:155px;height:235px}
  .book-copy{min-height:235px}
}
@media(max-width:520px){
  .book-card{grid-template-columns:110px 1fr}
  .book-card img{width:110px;height:166px}
  .book-copy{min-height:166px}
}
/* V002 COVER FIX END */



/* V003 – Fjordkanten Kids, Lesewelt-Stil */
.kids-hero{background:linear-gradient(135deg,#08354d 0%,#0a4861 100%)}
.kids-hero h1 span{color:var(--cyan)}
.kids-two-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.kids-mal-section{background:#fff;border-top:1px solid #e0edf2}
@media(max-width:1000px){.kids-two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.kids-two-grid{grid-template-columns:1fr}}

/* V003 – Fjordkanten Pride */
.pride-hero{
  background:linear-gradient(135deg,#082f46 0%,#0b5368 100%);
}
.pride-hero h1 span{color:var(--cyan)}
.pride-symbol{
  font-size:3rem;
  line-height:1;
}
.pride-books-section{background:#eef8fb}
.pride-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.coming-soon{
  display:inline-block;
  margin-top:auto;
  padding:.65rem .85rem;
  border-radius:10px;
  background:#d9f5fb;
  color:#087c94;
  font-weight:800;
  width:max-content;
}
@media(max-width:1000px){
  .pride-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .pride-grid{grid-template-columns:1fr}
}

/* V001 final additions */
.pride-symbol{display:flex;align-items:center;justify-content:center}
.rainbow-heart{
  display:inline-block;font-size:3.2rem;line-height:1;
  background:linear-gradient(135deg,#ff3b30 0%,#ff9500 18%,#ffcc00 34%,#34c759 50%,#00a7e1 67%,#5856d6 82%,#af52de 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.7))
}
.pride-grid .book-card{display:flex;min-height:100%}
.pride-grid .book-copy{display:flex;flex-direction:column;flex:1}
.pride-grid .coming-soon{margin-top:auto}
.placeholder-card{min-height:100%;background:rgba(255,255,255,.72);border:1px solid #dceef4;box-shadow:none}
.placeholder-inner{width:100%;min-height:260px;margin:16px;border:2px dashed #9fd3e5;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#55758a;padding:28px 20px}
.placeholder-book{font-size:3rem;line-height:1;color:#6baed6;margin-bottom:16px}
.placeholder-inner p{margin:0;font-weight:700;line-height:1.45}
.placeholder-heart{font-size:2.1rem;margin-top:12px;color:#6baed6}

/* V001 FINAL – Pride Statusfelder exakt bündig */
.pride-grid > .book-card:not(.placeholder-card){
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:stretch;
}
.pride-grid > .book-card:not(.placeholder-card) > img{
  align-self:start;
}
.pride-grid > .book-card:not(.placeholder-card) .book-copy{
  display:grid;
  grid-template-rows:auto 1fr auto;
  height:100%;
}
.pride-grid > .book-card:not(.placeholder-card) .coming-soon{
  align-self:end;
  margin-top:18px;
}

/* Über-uns-Seite */
.about-signet-wrap{display:flex;align-items:center;justify-content:center}
.about-signet{width:min(260px,70%);height:auto;filter:brightness(0) invert(1);opacity:.92}
.about-intro p:not(.eyebrow){max-width:850px;margin-left:auto;margin-right:auto}
.about-intro p:not(.eyebrow)+p{margin-top:18px}
.about-values{padding-top:70px;padding-bottom:80px}
@media(max-width:760px){
  .about-hero{grid-template-columns:1fr!important}
  .about-signet-wrap{display:none}
}

/* Kontaktseite */
.contact-symbol{width:150px;height:150px;border:2px solid rgba(255,255,255,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;justify-self:center;font-size:4.5rem;font-weight:700;color:#64d7ef}
.contact-intro{padding-bottom:85px}
.contact-intro>p:not(.eyebrow){max-width:700px;margin-left:auto;margin-right:auto}
.contact-box{max-width:620px;margin:38px auto 0;padding:25px 30px;border:1px solid #dceef4;border-radius:16px;display:flex;align-items:center;gap:22px;text-align:left;background:#f4fbfd}
.contact-mail-icon{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0d3445;color:white;font-size:1.5rem}
.contact-label{display:block;font-size:.75rem;font-weight:800;letter-spacing:.14em;color:#66808e;margin-bottom:5px}
.contact-box a{font-size:1.15rem;font-weight:700;color:#0d3445;text-decoration:none}
.contact-box a:hover{text-decoration:underline}
@media(max-width:760px){
 .contact-hero{grid-template-columns:1fr!important}
 .contact-symbol{display:none}
 .contact-box{margin-left:18px;margin-right:18px;padding:22px}
}

/* Rechtliche Seiten */
.legal-hero{background:#0d3445;color:#fff;padding:62px max(6vw,28px) 54px}
.legal-hero .eyebrow{color:#64d7ef}
.legal-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);margin:8px 0 0;line-height:1.05}
.legal-page{padding:65px max(6vw,28px) 85px;background:#fff}
.legal-content{max-width:820px;margin:0 auto}
.legal-content h2{font-size:1.35rem;color:#0d3445;margin:0 0 12px}
.legal-content h2:not(:first-child){margin-top:38px}
.legal-content p{line-height:1.75;color:#405965;margin:0}
.legal-content a{color:#0d6079;font-weight:700;text-decoration:none}
.legal-content a:hover{text-decoration:underline}

/* V001Counter – dezenter Aufrufzähler auf der Startseite */
.visit-counter{
  padding:10px max(6vw,28px);
  text-align:right;
  font-size:.72rem;
  letter-spacing:.03em;
  color:#78909b;
  background:#fff;
}
.visit-counter strong{
  margin-left:4px;
  font-weight:700;
  color:#55727f;
}