:root{--ink:#301d13;--ink-soft:#5e4635;--paper:#e7d4ad;--paper2:#cfb882;--gold:#aa8243;--shadow:rgba(0,0,0,.62);--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--serif);background:#0b0908;min-height:100vh}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:1rem;top:1rem;z-index:9999;background:#fff;padding:.7rem}
.dt-stage{position:fixed;inset:0;z-index:-3;overflow:hidden;background:#080605}.dt-bg-video{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02) brightness(.90)}.dt-vignette,.dt-light,.dt-grain{position:absolute;inset:0;pointer-events:none}.dt-vignette{background:radial-gradient(ellipse at 50% 42%,transparent 35%,rgba(0,0,0,.24) 68%,rgba(0,0,0,.72) 100%)}.dt-light{background:radial-gradient(circle at 23% 60%,rgba(255,167,76,.12),transparent 27%),radial-gradient(circle at 78% 45%,rgba(255,180,85,.09),transparent 24%);animation:dtFlicker 5s ease-in-out infinite}.dt-grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
@keyframes dtFlicker{0%,100%{opacity:.82}37%{opacity:1}55%{opacity:.88}71%{opacity:.96}}
.dt-header{position:fixed;left:0;right:0;top:0;z-index:50;display:grid;grid-template-columns:minmax(120px,260px) 1fr auto;align-items:center;gap:1rem;padding:14px clamp(18px,3vw,56px);background:linear-gradient(to bottom,rgba(7,5,4,.8),rgba(7,5,4,.25),transparent);color:#f2dfb8}.dt-brand img,.custom-logo{display:block;max-width:min(245px,27vw);max-height:78px;width:auto;height:auto;filter:drop-shadow(0 5px 10px #000)}.dt-menu{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(.5rem,1.8vw,1.6rem);margin:0;padding:0}.dt-menu a,.dt-social a{color:#f3dfb5;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;text-shadow:0 2px 8px #000;position:relative}.dt-menu a:after{content:"";height:1px;background:#d2ad68;position:absolute;left:50%;right:50%;bottom:-7px;transition:.25s}.dt-menu a:hover:after,.dt-menu .current-menu-item a:after{left:0;right:0}.dt-sound,.dt-menu-toggle{border:1px solid rgba(221,190,125,.62);background:rgba(28,18,12,.68);color:#f2dfb8;padding:.62rem .9rem;border-radius:999px;font:inherit;cursor:pointer;backdrop-filter:blur(7px)}.dt-menu-toggle{display:none}
.dt-main{min-height:100vh;padding:125px 20px 84px;display:flex;justify-content:center;align-items:flex-start}.dt-parchment{width:min(1100px,94vw);min-height:300px;padding:clamp(34px,6vw,80px);position:relative;background:
radial-gradient(circle at 13% 15%,rgba(97,57,25,.08),transparent 17%),
radial-gradient(circle at 90% 84%,rgba(97,57,25,.1),transparent 20%),
linear-gradient(97deg,rgba(255,255,255,.2),transparent 18%,rgba(92,56,27,.035) 48%,transparent 76%),
linear-gradient(#eadbb9,#dbc594 54%,#e3d2a8);
border:1px solid rgba(65,38,19,.68);border-radius:3px 7px 4px 8px;box-shadow:0 30px 80px var(--shadow),inset 0 0 55px rgba(94,53,20,.19),inset 0 0 2px #fff;isolation:isolate}.dt-parchment:before{content:"";position:absolute;inset:10px;border:1px solid rgba(88,53,26,.22);pointer-events:none}.dt-parchment:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.33' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
.dt-entry h1,.dt-page-header h1{font-size:clamp(2.2rem,5vw,4.7rem);font-weight:400;line-height:.94;margin:.2em 0 .42em;text-align:center}.dt-entry h2{font-size:clamp(1.65rem,3vw,2.65rem);font-weight:400;margin:1.4em 0 .55em}.dt-entry h3{font-size:1.35rem}.dt-content{font-size:clamp(1.04rem,1.25vw,1.19rem);line-height:1.78}


.dt-content img{max-width:100%;height:auto}.dt-lead{font-size:clamp(1.15rem,2vw,1.48rem);line-height:1.65;text-align:center;color:var(--ink-soft);max-width:760px;margin:0 auto 2rem}.dt-kicker{text-transform:uppercase;letter-spacing:.23em;font-size:.72rem;text-align:center;color:#7c5a38}.dt-meta{text-align:center;color:#73583e}.dt-featured,.dt-hero-image img{max-width:100%;height:auto;display:block;margin:1.5rem auto;box-shadow:0 15px 35px rgba(44,24,12,.25)}.dt-hero-image{text-align:center}.dt-hero-image img{max-height:620px;width:auto}
.dt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.dt-section{margin-top:4rem}.dt-section>h2{text-align:center}.dt-card{background:rgba(255,250,236,.32);border:1px solid rgba(78,45,23,.23);box-shadow:0 13px 26px rgba(61,37,19,.13);display:flex;flex-direction:column}.dt-card-media{aspect-ratio:4/5;overflow:hidden;background:#35261d;display:block}.dt-card-media img{width:100%;height:100%;object-fit:cover;transition:.55s}.dt-card:hover img{transform:scale(1.035)}.dt-placeholder{height:100%;display:grid;place-items:center;color:#ddc69a;letter-spacing:.2em}.dt-card-body{padding:1.25rem}.dt-card h3{margin:.2rem 0 .65rem;font-size:1.45rem}.dt-card h3 a,.dt-text-link,.dt-entry h1 a{color:var(--ink);text-decoration:none}.dt-card .dt-kicker{text-align:left}.dt-text-link{font-weight:bold}.dt-button,.wp-block-button__link,.is-style-ink .wp-block-button__link{display:inline-block;padding:.75rem 1.15rem;background:#3d291c!important;color:#f3dfb8!important;border:1px solid #9b7544;border-radius:1px;text-decoration:none;box-shadow:0 5px 12px rgba(49,27,13,.22);font-family:inherit}.dt-book-facts{margin:2rem auto;padding:1rem;border-top:1px solid #99754f;border-bottom:1px solid #99754f;display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.dt-book-facts div{min-width:120px;text-align:center}.dt-book-facts span{display:block;text-transform:uppercase;font-size:.67rem;letter-spacing:.16em}.dt-character-quote,.is-style-captains-log{font-size:1.45rem;font-style:italic;border-left:3px solid #815b35;margin:2rem 0;padding:1rem 1.5rem;background:rgba(255,255,255,.15)}.post-navigation{margin-top:3rem}.nav-links{display:flex;justify-content:space-between;gap:1rem}.nav-links a{color:var(--ink)}
.dt-comments{margin-top:3rem;border-top:1px solid rgba(80,47,24,.35);padding-top:2rem}.dt-comments input,.dt-comments textarea{width:100%;padding:.7rem;background:rgba(255,255,255,.32);border:1px solid #8f704d}.dt-footer{position:fixed;left:0;right:0;bottom:0;z-index:45;color:#dec89e;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:14px clamp(18px,3vw,56px);font-size:.78rem;background:linear-gradient(to top,rgba(7,5,4,.8),transparent)}.dt-social{display:flex;gap:1rem}
.wp-block-image figcaption{color:#5f4833}.wp-block-separator{border-color:#9b754d}.wp-block-table table{border-color:#8b6844}.wp-block-table td,.wp-block-table th{border-color:#9b7957;padding:.6rem}.alignwide{margin-left:min(-5vw,-40px);margin-right:min(-5vw,-40px);max-width:none}
@media(max-width:900px){.dt-header{grid-template-columns:1fr auto auto}.dt-nav{position:fixed;left:16px;right:16px;top:88px;padding:1.2rem;background:rgba(25,16,11,.95);border:1px solid #967348;display:none}.dt-nav.is-open{display:block}.dt-menu{flex-direction:column}.dt-menu-toggle{display:block}.dt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dt-brand img,.custom-logo{max-width:190px}.dt-main{padding-top:110px}}
@media(max-width:620px){.dt-header{padding:10px 12px;grid-template-columns:1fr auto}.dt-sound{position:fixed;right:12px;bottom:18px}.dt-brand img,.custom-logo{max-width:145px;max-height:58px}.dt-main{padding:82px 8px 70px}.dt-parchment{width:100%;padding:36px 22px;border-radius:0}.dt-parchment:before{inset:7px}.dt-grid{grid-template-columns:1fr}.dt-footer{position:static;background:#100c09;justify-content:center;flex-wrap:wrap}.dt-entry h1,.dt-page-header h1{font-size:2.55rem}.dt-content{font-size:1rem}.alignwide{margin-left:0;margin-right:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.dt-light{animation:none}}


/* Version 5.1.1 – Seitenwechsel nur innerhalb des Pergaments */
.dt-parchment{
  opacity:1;
  transform:translateY(0);
  transition:opacity .32s ease, transform .32s ease;
  will-change:opacity,transform;
}
.dt-parchment.dt-parchment-leaving{
  opacity:0;
  transform:translateY(-7px);
  pointer-events:none;
}
.dt-parchment.dt-parchment-entering{
  opacity:0;
  transform:translateY(7px);
}
.dt-main[aria-busy="true"]{cursor:progress}
@media(prefers-reduced-motion:reduce){
  .dt-parchment{transition:none!important;transform:none!important}
}


/* Version 5.1.2 – filigraneres, weiterhin responsives Pergament */
.dt-main{
  padding-top:clamp(100px,11vh,122px);
  padding-left:clamp(12px,2vw,26px);
  padding-right:clamp(12px,2vw,26px);
}

.dt-parchment{
  width:min(820px,88vw);
  min-height:0;
  padding:clamp(28px,4.2vw,52px) clamp(26px,5vw,58px);
  background:
    radial-gradient(circle at 13% 15%,rgba(97,57,25,.06),transparent 17%),
    radial-gradient(circle at 90% 84%,rgba(97,57,25,.07),transparent 20%),
    linear-gradient(97deg,rgba(255,255,255,.15),transparent 18%,rgba(92,56,27,.025) 48%,transparent 76%),
    linear-gradient(
    rgba(234,219,185,.82),
    rgba(219,197,148,.82) 54%,
    rgba(227,210,168,.82)
);
  border-color:rgba(65,38,19,.54);
  box-shadow:
    0 22px 52px rgba(0,0,0,.48),
    inset 0 0 38px rgba(94,53,20,.14),
    inset 0 0 1px rgba(255,255,255,.8);
}

.dt-parchment:before{
  inset:8px;
  border-color:rgba(88,53,26,.17);
}

.dt-entry h1,
.dt-page-header h1{
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1.02;
  font-weight:400;
  letter-spacing:.01em;
  margin:.12em 0 .48em;
}

.dt-entry h2{
  font-size:clamp(1.42rem,2.6vw,2.05rem);
  line-height:1.2;
  margin:1.35em 0 .5em;
}

.dt-entry h3{
  font-size:clamp(1.08rem,1.8vw,1.25rem);
  line-height:1.3;
}

.dt-content{
  font-size:clamp(.98rem,1.05vw,1.08rem);
  line-height:1.82;
}

.dt-content p{
  margin-top:0;
  margin-bottom:1.05em;
}



.dt-lead{
  max-width:650px;
  font-size:clamp(1.04rem,1.55vw,1.26rem);
  line-height:1.7;
  margin-bottom:1.6rem;
}

.dt-kicker{
  font-size:.66rem;
  letter-spacing:.2em;
}

.dt-card h3{
  font-size:1.28rem;
}

.dt-card-body{
  padding:1.05rem;
}

.dt-character-quote,
.is-style-captains-log{
  font-size:1.22rem;
  padding:.85rem 1.15rem;
}

@media(max-width:900px){
  .dt-parchment{
    width:min(760px,92vw);
    padding:clamp(28px,5vw,46px) clamp(24px,5vw,44px);
  }
}

@media(max-width:620px){
  .dt-main{
    padding:82px 10px 72px;
  }

  .dt-parchment{
    width:100%;
    padding:30px 20px;
    border-radius:3px 5px 3px 5px;
  }

  .dt-parchment:before{
    inset:6px;
  }

  .dt-entry h1,
  .dt-page-header h1{
    font-size:clamp(1.9rem,9vw,2.35rem);
  }

  .dt-entry h2{
    font-size:clamp(1.35rem,6.5vw,1.72rem);
  }

  .dt-content{
    font-size:.98rem;
    line-height:1.72;
  }

  .dt-lead{
    font-size:1.05rem;
    line-height:1.62;
  }
}

@media(max-width:380px){
  .dt-parchment{
    padding:26px 17px;
  }

  .dt-entry h1,
  .dt-page-header h1{
    font-size:1.82rem;
  }

  .dt-content{
    font-size:.95rem;
  }
}
