@font-face{font-family:"PlayfairDisplayLocal";src:url("fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");font-style:italic;font-weight:400 900;font-display:swap;}
:root {
  --ink:#111111; --muted:#777777; --line:#e8e8e8; --accent:#d7262e;
  --link:#555555; --paper:#ffffff; --soft:#f5f5f5; --content-width:1200px;
  --left-col:220px; --right-col:280px; --grid-gap:32px;
}
*{box-sizing:border-box} html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,"Helvetica Neue",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} body{margin:0;background:var(--paper)} img{max-width:100%} a{color:inherit}
.site-header{position:relative;max-width:var(--content-width);margin:0 auto;padding:22px 20px 0}.header-top{display:flex;align-items:center;justify-content:center}.brand{display:inline-block;text-decoration:none;line-height:0}.brand-logo{display:block;width:clamp(230px,23vw,390px);height:auto}.tagline{margin-top:-2px;color:#333;font-size:clamp(10px,.72vw,11px);line-height:1;letter-spacing:-.01em;text-align:center}.header-rule{position:relative;height:34px;margin-top:4px}.header-rule::before,.header-rule::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--accent)}.header-rule::before{top:12px}.header-rule::after{top:16px}
.page-grid{max-width:var(--content-width);margin:0 auto;padding:14px 20px 68px;display:grid;grid-template-columns:var(--left-col) minmax(0,1fr) var(--right-col);gap:var(--grid-gap);align-items:start}.section-title,.rail-card h2{margin:0 0 16px;font-size:20px;line-height:1.05;font-weight:800;letter-spacing:-.025em}.section-title{padding-bottom:9px;border-bottom:1px solid var(--line)}.historical-section-title{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif;font-style:italic;font-size:25px;line-height:.95;font-weight:500;letter-spacing:0}.historical-label{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif;font-style:italic;font-size:1.25em;line-height:.8;letter-spacing:0;font-weight:500;vertical-align:-.03em}.noozee-word{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.03em}.left-rail{min-width:0}.rail-card{margin:0 0 42px;padding-bottom:24px;border-bottom:1px solid var(--line)}.rail-card:last-child{border-bottom:0}.rail-card h2{margin-bottom:11px;white-space:nowrap;font-size:20px}.rail-card p{margin:0;max-width:none;font-size:16px;line-height:1.3;letter-spacing:-.01em}
.world-column{min-width:0}.world-list{display:block}.world-story{margin:0;padding:0 0 22px;border-bottom:1px solid var(--line)}.world-story+.world-story{padding-top:22px}.world-story h3{margin:0;font-size:clamp(20px,1.45vw,23px);line-height:1.08;font-weight:800;letter-spacing:-.03em}.world-story p{margin:6px 0 0;max-width:900px;font-size:17px;line-height:1.34;letter-spacing:-.015em}.world-story.first-story{padding-bottom:28px}.world-story.first-story h3{max-width:980px;font-size:clamp(30px,2.6vw,42px);line-height:1.01;font-weight:800;letter-spacing:-.045em}.world-story.first-story p{margin-top:10px;max-width:900px;font-size:clamp(18px,1.35vw,21px);line-height:1.28}.story-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:9px;font-size:12px;line-height:1.3}.source-list{color:#aaa;font-size:11px;font-weight:400}.source-list a{color:#aaa;text-decoration:none}.source-list a:hover{text-decoration:underline}
.right-rail{min-width:0}.ad-title{margin:2px 0 8px;color:#777;font-size:11px;line-height:1.2;font-weight:400}.ad-box{width:100%;overflow:hidden;background:var(--soft)}.ad-box a{display:block;text-decoration:none}.ad-box img{display:block;width:100%;height:auto;aspect-ratio:1/2;object-fit:contain}.ad-note{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.35;letter-spacing:.01em}
.site-footer{max-width:calc(var(--content-width) - 40px);margin:0 auto;padding:22px 0 44px;border-top:1px solid var(--accent);display:flex;justify-content:space-between;align-items:flex-start;gap:24px;color:#555;font-size:12px;line-height:1.4}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}.site-footer a,.cookie-settings-link{text-decoration:none;color:inherit}.site-footer a:hover,.cookie-settings-link:hover{text-decoration:underline}.cookie-settings-link{border:0;background:none;padding:0;font:inherit;cursor:pointer}
.subpage{max-width:var(--content-width);margin:0 auto;padding:26px 20px 72px}.subpage-content{max-width:820px;margin:0 auto}.subpage h1{margin:0 0 38px;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.055em}.info-section{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.info-section:last-child{border-bottom:0}.info-section h2{margin:0 0 8px;font-size:clamp(20px,1.45vw,23px);line-height:1.08;font-weight:800;letter-spacing:-.03em}.info-section p{margin:7px 0 0;font-size:17px;line-height:1.45}.archive-list{list-style:none;margin:0;padding:0}.archive-list li{border-bottom:1px solid var(--line)}.archive-list a{display:block;padding:12px 0;text-decoration:none;font-size:18px;font-weight:700}.archive-list a:hover{text-decoration:underline}.inline-cookie-button{border:1px solid #aaa;background:#fff;padding:9px 12px;cursor:pointer}
.menu-toggle{display:none}.mobile-nav{display:none}
.cookie-banner[hidden]{display:none}.cookie-banner{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.22);display:flex;align-items:flex-end;justify-content:center;padding:20px}.cookie-card{width:min(760px,100%);background:#fff;border:1px solid #ccc;box-shadow:0 12px 42px rgba(0,0,0,.18);padding:22px}.cookie-card h2{margin:0 0 8px;font-size:22px}.cookie-card p{margin:0 0 14px;font-size:14px;line-height:1.45}.cookie-details{display:grid;gap:8px;padding:10px 0 16px}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px}.cookie-button{border:1px solid #222;padding:9px 13px;background:#fff;cursor:pointer}.cookie-button.primary{background:#111;color:#fff}.cookie-note{margin-top:10px!important;color:#777;font-size:11px!important}

/* V17: mobile editorial inserts after news 4 and 7; Fraktur labels match the mobile world-heading size */
.mobile-editorial-insert{display:none}

@media(min-width:1101px){.right-rail{position:sticky;top:20px}}
@media(max-width:1100px){:root{--grid-gap:32px}.site-header{padding:20px 24px 0}.page-grid{padding:14px 24px 54px;grid-template-columns:220px minmax(0,1fr);gap:var(--grid-gap)}.right-rail{grid-column:2;width:min(100%,520px);margin-top:8px}.site-footer{margin:0 24px}.world-story.first-story h3{font-size:clamp(29px,4vw,38px)}}
@media(max-width:720px){.site-header{padding:14px 16px 0}.header-top{justify-content:space-between;align-items:center;gap:22px}.brand-logo{width:clamp(190px,56vw,250px)}.tagline{margin-top:3px;font-size:10px;text-align:left}.header-rule{height:32px;margin-top:6px}.header-rule::before{top:12px}.header-rule::after{top:16px}.menu-toggle{display:flex;position:static;flex:0 0 38px;width:38px;height:34px;padding:7px 4px;border:0;background:transparent;flex-direction:column;justify-content:space-between;cursor:pointer}.menu-toggle span{display:block;height:1px;background:var(--ink);width:100%}.mobile-nav{display:none;position:absolute;z-index:50;top:64px;right:16px;width:min(280px,calc(100vw - 32px));background:var(--paper);border:1px solid var(--line);padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:10px 8px;border-bottom:1px solid var(--line);text-decoration:none}.mobile-nav a:last-child{border-bottom:0}.page-grid{display:flex;flex-direction:column;padding:18px 16px 42px;gap:30px}.world-column{order:1;width:100%}.left-rail{display:none}.right-rail{order:3;width:100%;margin-top:0}.mobile-editorial-insert{display:block;margin:22px 0 0;padding:3px 0 19px 13px;border-left:2px solid var(--accent);border-bottom:1px solid var(--line)}.mobile-editorial-insert + .world-story{padding-top:19px}.mobile-editorial-insert h2{margin:0 0 7px;font-size:19px;line-height:1.05;font-weight:800;letter-spacing:-.025em;white-space:nowrap}.mobile-editorial-insert .historical-label{font-size:24px;line-height:.95;vertical-align:0}.mobile-editorial-insert p{margin:0;font-size:16px;line-height:1.3;letter-spacing:-.01em}.rail-card{margin:0}.rail-card h2{white-space:normal}.section-title,.rail-card h2{margin-bottom:13px;font-size:19px}.historical-section-title{font-size:24px}.world-story{padding-bottom:19px}.world-story+.world-story{padding-top:19px}.world-story h3{font-size:20px;line-height:1.08}.world-story p{margin-top:5px;font-size:16px;line-height:1.3}.world-story.first-story{padding-bottom:23px}.world-story.first-story h3{font-size:clamp(28px,8.7vw,36px);line-height:1.02}.world-story.first-story p{margin-top:8px;font-size:18px;line-height:1.27}.story-links{margin-top:8px}.site-footer{margin:0 16px;padding:19px 0 32px;flex-direction:column;gap:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 16px}.subpage{padding:20px 16px 52px}.subpage h1{font-size:46px;margin-bottom:30px}.info-section h2{font-size:20px}.info-section p{font-size:16px}.cookie-banner{padding:10px}.cookie-card{padding:18px}}
@media(max-width:420px){.site-header{padding-left:14px;padding-right:14px}.page-grid{padding-left:14px;padding-right:14px}.world-story.first-story h3{font-size:27px}.world-story h3{font-size:19px}.world-story p,.rail-card p{font-size:15.5px}.site-footer{margin-left:14px;margin-right:14px}}

@media(prefers-color-scheme:dark){
  :root{--ink:#f2f2ef;--muted:#aaa;--line:#3b3b3b;--accent:#e04449;--link:#bbb;--paper:#121212;--soft:#222}
  html,body{background:var(--paper);color:var(--ink)}
  .brand-logo{filter:brightness(0) invert(1)}
  .tagline,.site-footer,.ad-title,.ad-note{color:#aaa}
  .source-list,.source-list a{color:#999}
  .ad-box{background:#222}
  .mobile-nav{background:var(--paper);border-color:var(--line);box-shadow:0 8px 24px rgba(0,0,0,.55)}
  .menu-toggle span{background:var(--ink)}
  .cookie-card{background:#1c1c1c;border-color:#555;box-shadow:0 12px 42px rgba(0,0,0,.55)}
  .cookie-button{background:#1c1c1c;color:var(--ink);border-color:#aaa}
  .cookie-button.primary{background:#f1f1ee;color:#111;border-color:#f1f1ee}
  .inline-cookie-button{background:#1c1c1c;color:var(--ink);border-color:#777}
  .cookie-note{color:#aaa!important}
}

/* V13: branded subpage typography */
.historical-page-title{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;letter-spacing:0!important}
.historical-inline{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;letter-spacing:0;font-size:1em}
.brand-combo{white-space:nowrap}.brand-combo .historical-inline{margin-right:.03em}.team-signoff{margin-top:34px!important;font-weight:700}.about-page .info-section:first-of-type{padding-top:0}.archive-list a{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.archive-list small{font-size:12px;color:var(--muted);font-weight:400}

.brand-name{white-space:nowrap}.brand-name .brand-my{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;letter-spacing:0;font-size:1em}.brand-name .brand-noozee{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:1em}.legal-brand{white-space:nowrap}.legal-brand .brand-my{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;letter-spacing:0;font-size:1em}.legal-brand .brand-noozee{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:1em}
@media(max-width:720px){.historical-section-title,.historical-label,.historical-page-title,.historical-inline,.brand-name .brand-my,.legal-brand .brand-my{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif!important}}

/* V18: enforce the myNOOZEE wordmark typography on legal/about pages. */
.brand-my,.legal-brand .brand-my,.brand-name .brand-my,.brand-combo .historical-inline{
  font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-synthesis:none;
  letter-spacing:0 !important;
}
.brand-noozee,.legal-brand .brand-noozee,.brand-name .brand-noozee,.brand-combo .noozee-word{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:800 !important;
}


/* V19: Playfair Display Italic replaces Fraktur everywhere it was used. */
.historical-section-title,.historical-label,.historical-page-title,.historical-inline,.brand-my,.brand-combo .historical-inline{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif!important;font-style:italic!important;font-weight:500!important;}
.brand-my,.brand-combo .historical-inline{font-size:1em!important;line-height:inherit!important;vertical-align:baseline!important;}
.brand-noozee,.brand-combo .noozee-word{font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important;font-weight:800!important;font-size:1em!important;line-height:inherit!important;vertical-align:baseline!important;}
/* About page title intentionally matches Impressum and Datenschutz, not Playfair. */
.about-page>h1{font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.055em!important;}

/* V21: force archive page title to Playfair Display Italic on desktop and mobile. */
.archive-page-title{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif!important;font-style:italic!important;font-weight:500!important;letter-spacing:0!important;}
@media(max-width:720px){.archive-page-title{font-family:"PlayfairDisplayLocal","Playfair Display",Georgia,"Times New Roman",serif!important;font-style:italic!important;font-weight:500!important;}}

/* V24: focused accessibility improvements */
.skip-link{
  position:fixed;left:16px;top:12px;z-index:2000;
  transform:translateY(-160%);padding:10px 14px;
  background:var(--paper);color:var(--ink);border:2px solid var(--accent);
  text-decoration:none;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.18)
}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.brand:focus-visible,.source-list a:focus-visible,.site-footer a:focus-visible,.mobile-nav a:focus-visible{border-radius:2px}
.menu-toggle:focus-visible,.cookie-button:focus-visible,.cookie-settings-link:focus-visible,.inline-cookie-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#main-content:focus{outline:none}
.source-list,.source-list a{color:#666}
.ad-title,.ad-note{color:#666}
.world-story p,.rail-card p,.info-section p{overflow-wrap:anywhere}
@media(max-width:720px){
  .mobile-nav a{min-height:44px;display:flex;align-items:center}
  .menu-toggle{min-width:44px;min-height:44px}
  .cookie-button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media(prefers-color-scheme:dark){
  .source-list,.source-list a,.ad-title,.ad-note{color:#b8b8b8}
  .skip-link{background:var(--paper);color:var(--ink)}
}



/* V38: compact ad placement; avoid duplicate separator lines */
.compact-ad{display:none}
@media (min-width:721px) and (max-width:1100px){
  .right-rail{display:none}
  .compact-ad-tablet{display:block;margin-top:4px;padding-top:20px;border-top:0}
  .compact-ad-tablet .ad-title{margin:0 0 8px}
  .compact-ad-tablet .compact-ad-box{width:300px;max-width:100%;margin:0 auto 0 0;background:transparent}
  .compact-ad-tablet .compact-ad-box img{width:300px;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
}
@media (max-width:720px){
  .right-rail{display:none}
  .compact-ad-mobile{display:block;margin:19px 0 0;padding:18px 0 19px;border-top:0;border-bottom:1px solid var(--line)}
  .compact-ad-mobile + .world-story{padding-top:19px}
  .compact-ad-mobile .ad-title{margin:0 0 9px;font-size:11px;color:var(--muted)}
  .compact-ad-mobile .compact-ad-box{width:300px;max-width:min(100%,300px);margin:0 auto;background:transparent}
  .compact-ad-mobile .compact-ad-box img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
}


/* V41: optional NOOZEE sections and balanced mobile inserts */
.editorial-link{font-size:.9em;color:var(--link);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.editorial-rail-card:last-of-type{border-bottom:1px solid var(--line)}
@media(max-width:720px){
  .mobile-editorial-insert .editorial-link{color:var(--link)}
}


/* V42: consistent vertical rhythm after grey separator lines */
:root{--separator-follow-gap:22px}

/* News stories: every separator is followed by the same gap. */
.world-story+.world-story{padding-top:var(--separator-follow-gap)}

/* Left editorial rail: separator belongs to the preceding card; the next card
   receives the spacing. This prevents margin/padding from adding up. */
.rail-card{
  margin:0;
  padding:0 0 var(--separator-follow-gap);
  border-bottom:1px solid var(--line)
}
.rail-card+.rail-card{padding-top:var(--separator-follow-gap)}
.rail-card:last-child{border-bottom:0}
.editorial-rail-card:last-of-type{border-bottom:1px solid var(--line)}

/* In the two-column view, the existing line below the last editorial card is
   also the ad separator. There is exactly one standard gap to the ad label. */
@media (min-width:721px) and (max-width:1100px){
  .compact-ad-tablet{margin:0;padding-top:var(--separator-follow-gap);border-top:0}
}

/* Text pages use the same line-to-next-heading distance. */
.info-section{margin:0;padding:0 0 var(--separator-follow-gap);border-bottom:1px solid var(--line)}
.info-section+.info-section{padding-top:var(--separator-follow-gap)}
.info-section:last-child{border-bottom:0}

@media(max-width:720px){
  :root{--separator-follow-gap:19px}
  .world-story+.world-story{padding-top:var(--separator-follow-gap)}
  .mobile-editorial-insert{
    margin:0;
    padding:var(--separator-follow-gap) 0 var(--separator-follow-gap) 13px;
    border-left:2px solid var(--accent);
    border-bottom:1px solid var(--line)
  }
  .mobile-editorial-insert+.world-story{padding-top:var(--separator-follow-gap)}
  .compact-ad-mobile{
    margin:0;
    padding:var(--separator-follow-gap) 0;
    border-top:0;
    border-bottom:1px solid var(--line)
  }
  .compact-ad-mobile+.world-story{padding-top:var(--separator-follow-gap)}
  .info-section+.info-section{padding-top:var(--separator-follow-gap)}
}

/* V43: consistent separator-to-content spacing on desktop and two-column layouts */
@media (min-width:721px){
  :root{--separator-follow-gap:22px}

  /* The section heading owns the separator; spacing starts only after the line. */
  .section-title{
    margin-bottom:0;
  }
  .section-title + .world-list{
    padding-top:var(--separator-follow-gap);
  }

  /* Every story separator has exactly one following gap. */
  .world-story{
    margin:0;
  }
  .world-story + .world-story{
    padding-top:var(--separator-follow-gap);
  }

  /* Editorial rail follows the same line -> gap -> content pattern. */
  .rail-card{
    margin:0;
    padding-bottom:var(--separator-follow-gap);
  }
  .rail-card + .rail-card{
    padding-top:var(--separator-follow-gap);
  }
}

@media (min-width:721px) and (max-width:1100px){
  /* In two-column mode the line below the last editorial card is the one and
     only separator before the ad. Keep exactly the same following gap. */
  .compact-ad-tablet{
    margin:0;
    padding-top:var(--separator-follow-gap);
    border-top:0;
  }
}

/* V44: deterministic separator rhythm for desktop + two-column layouts.
   The separator belongs to the FOLLOWING block, so the distance from line to
   following text cannot be affected by padding/margins of the previous block. */
@media (min-width:721px){
  :root{--desktop-separator-gap:22px}

  /* Main news column */
  .world-story{
    border-bottom:0 !important;
    padding-bottom:0 !important;
    margin:0 !important;
  }
  .world-story.first-story{
    padding-bottom:0 !important;
  }
  .world-story + .world-story{
    border-top:1px solid var(--line) !important;
    margin-top:var(--desktop-separator-gap) !important;
    padding-top:var(--desktop-separator-gap) !important;
  }
  .world-story + .world-story > h3{
    margin-top:0 !important;
  }

  /* Heading line -> first story */
  .section-title{
    margin-bottom:0 !important;
  }
  .section-title + .world-list{
    padding-top:var(--desktop-separator-gap) !important;
  }

  /* Left rail: each following card owns its top separator. */
  .rail-card,
  .editorial-rail-card,
  .editorial-rail-card:last-of-type{
    border-bottom:0 !important;
    margin:0 !important;
    padding-bottom:0 !important;
  }
  .rail-card + .rail-card{
    border-top:1px solid var(--line) !important;
    margin-top:var(--desktop-separator-gap) !important;
    padding-top:var(--desktop-separator-gap) !important;
  }
  .rail-card + .rail-card > h2{
    margin-top:0 !important;
  }
}

@media (min-width:721px) and (max-width:1100px){
  /* In two-column mode the compact ad owns the single separator above it. */
  .compact-ad-tablet{
    border-top:1px solid var(--line) !important;
    margin-top:var(--desktop-separator-gap) !important;
    padding-top:var(--desktop-separator-gap) !important;
  }
}

/* V45: every desktop/two-column news item after the first gets its own separator.
   Do not rely on adjacent-sibling selectors because hidden mobile inserts and the
   mobile ad remain in the DOM and can sit between two .world-story elements. */
@media (min-width:721px){
  .world-list > .world-story{
    border-bottom:0 !important;
    margin:0 !important;
    padding-bottom:0 !important;
  }
  .world-list > .world-story:not(.first-story){
    border-top:1px solid var(--line) !important;
    margin-top:var(--desktop-separator-gap) !important;
    padding-top:var(--desktop-separator-gap) !important;
  }
  .world-list > .world-story:not(.first-story) > h3{
    margin-top:0 !important;
  }
}