
:root{--paper:#fbefcf;--paper-light:#fff9e9;--paper-deep:#e7c986;--gold:#b47a09;--gold-light:#e4b84d;--gold-dark:#6f4300;--ink:#2f210f;--muted:#715938;--brown:#30200f;--brown2:#1d1309;--line:#c68b22;--shadow:0 7px 18px rgba(78,44,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d9c097;color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.site-shell{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(rgba(251,239,207,.96),rgba(248,229,188,.96)),repeating-linear-gradient(0deg,rgba(98,60,10,.035) 0 1px,transparent 1px 4px);border:5px solid #8e5a05;box-shadow:inset 0 0 0 2px #efca62,inset 0 0 0 7px rgba(255,248,215,.75),inset 0 0 75px rgba(99,58,0,.19)}
.ornament-box{position:relative}.ornament-box:before,.ornament-box:after{content:'◆';position:absolute;color:#b97b10;font-size:16px;z-index:2}.ornament-box:before{left:7px;top:5px}.ornament-box:after{right:7px;bottom:5px}
.topbar{min-height:92px;padding:10px 34px 10px 38px;display:grid;grid-template-columns:minmax(340px,1fr) auto 48px;align-items:center;gap:18px;background:linear-gradient(180deg,#fff8e4,#f4dcaa);border-bottom:3px solid #9d650a;box-shadow:0 5px 12px rgba(79,43,0,.16);position:relative;z-index:20}.topbar:before,.topbar:after{font-size:11px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(90,49,0,.18))}.brand span{display:block}.brand-word{font-size:29px;line-height:1;text-transform:uppercase;letter-spacing:.045em;font-weight:700}.brand-tag{margin-top:7px;color:#8f5e0e;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.nav{display:flex;align-items:center;gap:31px;font-size:15px}.nav a{padding:16px 0 10px;border-bottom:3px solid transparent;white-space:nowrap}.nav a:hover,.nav a.active{color:#865300;border-bottom-color:#a86c06}.mini-logo{width:45px;height:45px;object-fit:contain}.nav-toggle{display:none;border:1px solid #a86c06;border-radius:7px;background:#fff4d5;color:#442a08;padding:8px 11px}
.hero,.page-banner{position:relative;overflow:hidden;text-align:center;border-bottom:1px solid #c28b2a;background:linear-gradient(rgba(249,231,191,.75),rgba(249,231,191,.9)),radial-gradient(circle at 50% 25%,#fff8e8 0,#f1d5a0 72%)}.hero{min-height:320px;padding:26px 18px 28px}.page-banner{min-height:245px;padding:28px 17% 31px}.hero:before,.page-banner:before{content:'';position:absolute;inset:0;background-image:linear-gradient(38deg,rgba(109,67,13,.05) 12%,transparent 12.5%,transparent 87%,rgba(109,67,13,.05) 87.5%),linear-gradient(142deg,rgba(109,67,13,.04) 12%,transparent 12.5%,transparent 87%,rgba(109,67,13,.04) 87.5%);background-size:58px 92px;opacity:.55}.hero-ship,.banner-ship{position:absolute;left:1.5%;bottom:-2%;width:min(29vw,410px);opacity:.75;filter:sepia(.45) contrast(.9)}.hero-compass,.banner-compass{position:absolute;right:3.7%;top:6%;width:min(22vw,310px);opacity:.42;filter:sepia(.55)}.searchbar{position:relative;z-index:2;display:flex;align-items:center;max-width:540px;margin:0 auto 18px;background:rgba(255,249,232,.96);border:1px solid #d0a154;border-radius:999px;overflow:hidden;box-shadow:0 5px 11px rgba(87,47,0,.14)}.searchbar:before{content:'⌕';font-size:26px;color:#6f4a13;padding-left:17px}.searchbar input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 12px;color:#3d2b13}.searchbar button{align-self:stretch;width:48px;border:0;background:linear-gradient(#d4a02b,#a36b05);color:white;cursor:pointer}.hero h1,.page-banner h1{position:relative;z-index:2;margin:4px auto 8px;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:.005em}.hero p,.page-banner p{position:relative;z-index:2;margin:3px auto;font-size:clamp(17px,1.55vw,22px);max-width:760px}.hero .cta{position:relative;z-index:2;margin-top:16px}.page-banner-copy{position:relative;z-index:2}.page-banner h1{font-size:clamp(36px,4.2vw,61px)}.page-badge{width:110px;margin:0 auto -7px;filter:drop-shadow(0 6px 5px rgba(76,43,0,.16))}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #6b4000;border-radius:7px;padding:10px 22px;background:linear-gradient(180deg,#d29a22,#986000);box-shadow:0 5px 0 #6e4300,0 8px 13px rgba(80,42,0,.25);color:#fff;font-weight:700}.btn{background:linear-gradient(#fff8e5,#ead09a);box-shadow:0 3px 0 #ae7815;color:#50340e}.btn.primary{background:linear-gradient(180deg,#d29a22,#986000);color:white}.cta:hover,.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.section-wrap,.content{width:min(1360px,96%);margin:0 auto}.section-wrap{position:relative;z-index:4;margin-top:0;padding:0 0 20px}.content{padding:20px 0 28px}.ornate-panel,.content-panel,.text-page,.detail-main,.sidebar-card,.source-card,.question-card,.theme-card{position:relative;background:linear-gradient(180deg,rgba(255,250,234,.97),rgba(248,231,195,.97));border:1px solid #c68c27;box-shadow:var(--shadow)}.ornate-panel,.content-panel,.text-page,.detail-main,.sidebar-card{border-radius:10px}.ornate-panel:before,.content-panel:before,.text-page:before,.detail-main:before,.sidebar-card:before{content:'';position:absolute;inset:6px;border:1px solid rgba(184,124,24,.42);border-radius:6px;pointer-events:none}.ornate-panel:after,.content-panel:after,.text-page:after,.detail-main:after,.sidebar-card:after{content:'•';position:absolute;right:7px;bottom:3px;color:#a66800;font-size:22px}.themes-panel{padding:12px 15px 16px}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:-5px 0 8px;text-transform:uppercase;font-size:27px;letter-spacing:.04em}.section-title:before,.section-title:after{content:'';width:115px;height:1px;background:linear-gradient(90deg,transparent,#bc7a09)}.section-title:after{background:linear-gradient(90deg,#bc7a09,transparent)}.section-title span:before,.section-title span:after{content:'✥';padding:0 8px;color:#bc7a09;font-size:17px}.themes-row{display:grid;grid-template-columns:repeat(10,minmax(78px,1fr));gap:7px;align-items:start}.theme-link{text-align:center;padding:2px 3px;border-radius:8px;transition:.18s}.theme-link:hover{background:var(--theme-pale);transform:translateY(-3px)}.theme-link img{width:113px;margin:0 auto;filter:drop-shadow(0 4px 3px rgba(68,39,0,.16))}.theme-link strong{display:block;margin-top:3px;font-size:16px}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel-pad{padding:18px 20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:11px}.panel-head h2{margin:0;font-size:25px;text-transform:uppercase;letter-spacing:.025em}.panel-head p{margin:0;color:#665031}.panel-head>a{white-space:nowrap;color:#985e00;font-weight:700;padding-top:6px}.preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.preview-card{min-height:82px;display:grid;grid-template-columns:43px 1fr;align-items:center;gap:5px;padding:7px;border:1px solid #dab670;border-radius:7px;background:rgba(255,248,227,.8)}.preview-card img{width:43px}.preview-card b{font-size:13px}.preview-card span{font-size:11px;color:#654d2c}.more-card{display:flex;flex-direction:column;justify-content:center;text-align:center}.more-card b{font-size:28px}.source-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.metric{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dab670;border-radius:7px;background:rgba(255,248,227,.8);text-align:center}.metric .metric-icon{font-size:25px;color:#8f5900}.metric b{font-size:23px}.metric span{font-size:11px;color:#654d2c}
.breadcrumbs{margin:0 0 14px;padding:8px 12px;border:1px solid #cf9b44;background:rgba(255,247,226,.75);font-size:14px}.breadcrumbs .sep{padding:0 8px;color:#a16c16}.page-grid,.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:15px}.content-panel,.text-page,.detail-main{padding:22px}.text-page{max-width:980px;margin:auto}.text-page h1,.content-panel h1,.detail-main h1{margin-top:0}.text-page h2{margin-top:1.45em;padding-bottom:5px;border-bottom:1px solid #cfa454}.notice{border:1px solid #c38a24;background:#fff1c9;padding:13px 15px;margin-bottom:16px}.theme-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-card{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:15px;padding:13px;border-radius:8px;border-top:4px solid var(--theme)}.theme-card img{width:112px}.theme-card h2{margin:0}.theme-card p{margin:.2em 0 .7em;color:#654e2d}.cards-section{margin:15px 0 22px}.cards-section-head{display:flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid #c78d29;border-radius:8px;background:linear-gradient(90deg,var(--theme-pale),#fff6df);box-shadow:0 4px 10px rgba(77,42,0,.11)}.cards-section-head img{width:75px}.cards-section-head h2{margin:0}.cards-section-head p{margin:.1em 0;color:#654e2d}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}.question-card{min-height:112px;display:grid;grid-template-columns:66px 1fr;align-items:center;gap:10px;padding:10px;border-radius:7px;border-top:4px solid var(--theme);transition:.18s}.question-card:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(72,39,0,.18)}.question-card img{width:62px}.qnum,.eyebrow{display:inline-block;color:var(--theme);font-weight:700}.question-card h3{margin:.18em 0;font-size:15px;line-height:1.28}.question-card small{color:#765e3d}.detail-main{border-top:5px solid var(--theme)}.card-title-block{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:20px;padding-bottom:17px;border-bottom:1px solid #cca052}.card-title-block img{width:155px}.card-title-block h1{font-size:clamp(28px,3.3vw,48px);line-height:1.08;margin:.1em 0}.card-title-block p{color:#6b5433}.explain{margin:17px 0;padding:14px;border:1px solid #c98e27;background:#fff3cf}.sources-list,.sources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.source-card{padding:15px;border-radius:7px;border-top:4px solid #9b6509}.source-type{display:inline-block;padding:2px 8px;border-radius:99px;background:#ead5a7;color:#63410d;font-size:12px}.source-card h3{margin:.35em 0}.source-card p{color:#6c5536}.source-card a{color:#8a5500;font-weight:700;text-decoration:underline}.pagination{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:18px}.sidebar-card{padding:16px;margin-bottom:13px}.sidebar-card>img{width:120px;margin:0 auto}.sidebar-card h2{text-align:center}.side-links a{display:block;padding:7px 0;border-bottom:1px solid #d9b879;font-size:13px}.filterbar{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:12px 0}.filter-btn{border:1px solid #bd8120;background:#fff4d7;border-radius:99px;padding:6px 12px;color:#5f3c0d;cursor:pointer}.filter-btn.active{background:#a66b07;color:white}.empty-state{display:none;text-align:center;padding:30px;color:#6c5637}
.footer{margin-top:0;padding:21px 30px 9px;background:linear-gradient(180deg,#3a260f,#211408);color:#f4dda4;border-top:3px solid #b37a0b}.footer-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr .85fr .8fr;gap:28px}.footer h3{margin:.15em 0 .55em;text-transform:uppercase;letter-spacing:.055em;color:#e6b74f}.footer p{margin:.2em 0}.footer-brand{display:grid;grid-template-columns:78px 1fr;gap:13px}.footer-brand img{width:75px}.footer-links a{display:block;padding:2px 0;color:#f6e7c4}.footer-links.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.socials{display:flex;gap:8px}.socials span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c58a24;border-radius:50%}.footer-bottom{max-width:1360px;margin:19px auto 0;padding-top:9px;border-top:1px solid rgba(218,164,57,.35);display:flex;justify-content:center;gap:80px;align-items:center;font-size:13px}.footer-bottom span:last-child{display:flex;align-items:center;gap:7px}.footer-bottom img{width:27px;height:27px}.heart{color:#e33}
@media(max-width:1120px){.topbar{grid-template-columns:1fr auto}.mini-logo{display:none}.nav-toggle{display:block}.nav{display:none;position:absolute;right:18px;top:100%;flex-direction:column;align-items:stretch;gap:0;min-width:230px;padding:8px;background:#fff1cf;border:1px solid #b8790b;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:9px 13px}.themes-row{grid-template-columns:repeat(5,1fr)}.home-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}.hero-ship{opacity:.42}.hero-compass{opacity:.26}}
@media(max-width:760px){.site-shell{border-width:2px}.topbar{min-height:76px;padding:7px 12px}.brand img{width:56px;height:56px}.brand-word{font-size:20px}.brand-tag{font-size:9px}.hero{min-height:350px;padding:24px 15px}.page-banner{min-height:220px;padding:25px 15px}.hero-ship,.banner-ship{width:55vw;opacity:.25}.hero-compass,.banner-compass{width:48vw;opacity:.18}.themes-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.theme-link{min-width:115px;scroll-snap-align:start}.theme-link img{width:105px}.home-grid,.page-grid,.detail-layout,.theme-index-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(3,1fr)}.source-metrics{grid-template-columns:repeat(2,1fr)}.cards-grid,.sources-list,.sources-grid{grid-template-columns:1fr}.card-title-block{grid-template-columns:1fr;text-align:center}.card-title-block img{margin:auto}.theme-card{grid-template-columns:95px 1fr}.theme-card img{width:90px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:18px;flex-direction:column}.page-grid aside{order:-1}}
@media(max-width:480px){.brand-tag{display:none}.preview-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-template-columns:65px 1fr}.footer-brand img{width:62px}.panel-head{flex-direction:column}.section-title{font-size:21px}.section-title:before,.section-title:after{width:45px}.content-panel,.text-page,.detail-main,.panel-pad{padding:14px}}

/* Einheitlicher Hero für Themen-, Kartenübersichts- und QR-Seiten.
   Schiff, Titel und Kompass liegen auf einer durchgehenden Pergamentfläche. */
.page-banner.unified-hero{
  isolation:isolate;
  min-height:245px;
  padding:28px clamp(190px,18vw,260px) 31px;
  background:
    radial-gradient(circle at 14% 76%,rgba(167,113,17,.12) 0,rgba(167,113,17,0) 28%),
    radial-gradient(circle at 84% 18%,rgba(167,113,17,.10) 0,rgba(167,113,17,0) 24%),
    linear-gradient(90deg,rgba(240,221,182,.96) 0%,rgba(247,234,202,.95) 24%,rgba(250,241,216,.96) 50%,rgba(246,232,199,.95) 76%,rgba(238,218,176,.96) 100%),
    repeating-linear-gradient(0deg,rgba(98,60,10,.03) 0 1px,transparent 1px 4px);
}
.page-banner.unified-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(38deg,rgba(109,67,13,.04) 12%,transparent 12.5%,transparent 87%,rgba(109,67,13,.04) 87.5%),
    linear-gradient(142deg,rgba(109,67,13,.03) 12%,transparent 12.5%,transparent 87%,rgba(109,67,13,.03) 87.5%),
    linear-gradient(90deg,rgba(255,247,226,.06) 0%,rgba(255,247,226,0) 18%,rgba(255,247,226,0) 82%,rgba(255,247,226,.06) 100%),
    radial-gradient(circle at 50% 18%,rgba(255,250,236,.42),rgba(255,250,236,0) 52%);
  background-size:58px 92px,58px 92px,100% 100%,100% 100%;
  opacity:.9;
  z-index:0;
}
.page-banner.unified-hero::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(143,96,16,.10),rgba(143,96,16,0) 14%,rgba(143,96,16,0) 86%,rgba(143,96,16,.10)),
    radial-gradient(circle at 50% 48%,rgba(255,248,228,.34),rgba(255,248,228,0) 44%);
  pointer-events:none;
  z-index:1;
}
.page-banner.unified-hero .page-banner-copy,
.page-banner.unified-hero .searchbar{
  position:relative;
  z-index:3;
}
.page-banner.unified-hero .page-banner-copy{
  max-width:780px;
  margin-inline:auto;
}
.page-banner.unified-hero .banner-ship{
  left:0;
  bottom:-2%;
  width:min(31vw,410px);
  opacity:.38;
  filter:sepia(.62) saturate(.82) contrast(.95);
  mix-blend-mode:multiply;
  z-index:2;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.94) 52%,rgba(0,0,0,.50) 78%,transparent 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.94) 52%,rgba(0,0,0,.50) 78%,transparent 100%);
}
.page-banner.unified-hero .banner-compass{
  right:0;
  top:5%;
  width:min(21vw,290px);
  opacity:.20;
  filter:sepia(.75) saturate(.70);
  mix-blend-mode:multiply;
  z-index:2;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.40) 14%,rgba(0,0,0,.88) 46%,rgba(0,0,0,.98) 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.40) 14%,rgba(0,0,0,.88) 46%,rgba(0,0,0,.98) 100%);
}
.page-banner.unified-hero h1{
  text-shadow:0 1px 0 rgba(255,247,225,.75);
}
.page-banner.unified-hero p{
  text-shadow:0 1px 0 rgba(255,247,225,.65);
}
@media(max-width:1120px){
  .page-banner.unified-hero{padding:26px 150px 28px}
}
@media(max-width:760px){
  .page-banner.unified-hero{padding:24px 18px;min-height:220px}
  .page-banner.unified-hero .banner-ship{width:52vw;opacity:.22;bottom:0}
  .page-banner.unified-hero .banner-compass{width:42vw;opacity:.13;top:7%}
}

/* Einheitlicher Bitcoinlumbus-Hero für Startseite und Unterseiten */
.hero.unified-hero,
.page-banner.unified-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  text-align:center;
  background-color:#f5e5c1 !important;
  background-image:url('/assets/hero-panorama-v4.webp') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  border-bottom:2px solid #b9790c;
  box-shadow:inset 0 1px 0 rgba(255,250,234,.75),inset 0 -1px 0 rgba(112,67,5,.18);
}
.hero.unified-hero{
  min-height:320px;
  padding:26px clamp(180px,17vw,270px) 28px;
}
.page-banner.unified-hero{
  min-height:245px;
  padding:28px clamp(180px,17vw,270px) 31px;
}
.hero.unified-hero::before,
.page-banner.unified-hero::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle at 50% 42%,rgba(255,250,236,.34) 0%,rgba(255,250,236,.16) 34%,rgba(255,250,236,0) 66%);
  opacity:1;
  pointer-events:none;
}
.hero.unified-hero::after,
.page-banner.unified-hero::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,250,235,.03),rgba(133,85,10,.035));
  pointer-events:none;
}
.hero.unified-hero .hero-ship,
.hero.unified-hero .hero-compass,
.page-banner.unified-hero .banner-ship,
.page-banner.unified-hero .banner-compass{
  display:none !important;
}
.hero.unified-hero .searchbar,
.hero.unified-hero h1,
.hero.unified-hero p,
.hero.unified-hero .cta,
.page-banner.unified-hero .searchbar,
.page-banner.unified-hero .page-banner-copy{
  position:relative;
  z-index:3;
}
.page-banner.unified-hero .page-banner-copy{
  max-width:820px;
  margin:0 auto;
  padding:0;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.hero.unified-hero h1,
.page-banner.unified-hero h1{
  text-shadow:0 1px 0 rgba(255,250,238,.92),0 2px 8px rgba(88,49,0,.07);
}
.hero.unified-hero p,
.page-banner.unified-hero p{
  text-shadow:0 1px 0 rgba(255,250,238,.90);
}
@media(max-width:1120px){
  .hero.unified-hero{padding:25px 135px 28px}
  .page-banner.unified-hero{padding:27px 135px 29px}
}
@media(max-width:760px){
  .hero.unified-hero,
  .page-banner.unified-hero{
    padding:24px 15px;
    background-size:auto 100% !important;
    background-position:center center !important;
  }
  .hero.unified-hero{min-height:350px}
  .page-banner.unified-hero{min-height:220px}
  .hero.unified-hero::before,
  .page-banner.unified-hero::before{background:rgba(255,246,220,.32)}
}
