:root{
--f001: #c6c6c3; /*weiss*/
--f002: #1c1f1f; /*schwarz*/
--f003: #CE8E36; /*orange*/
--f004: #BCB499; /*beige*/
--f005: #5F4E5A; /*mauve*/
--f006: #9E788F; /*rose*/
--f007: #9e8123; /*gold*/
	--f008: #494c4c; /*offblack*/}

/* ── Wrapper ─────────────────────────────────────────── */
.GW_story {
  width: 650px;
  background: var(--f002);
  outline: solid 1px var(--f004);
  outline-offset: 6px;
  margin: 8px;
  position: relative;
}

/* ── Ecken-Utility (wiederverwendbar) ────────────────── */
.GW_story_corners { position: relative; }
.GW_story_corners::before,
.GW_story_corners::after,
.GW_story_corners .corner-bl,
.GW_story_corners .corner-br {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  z-index: 20;
}
.GW_story_corners::before  { top: 0;    left: 0;  border-top:    solid 2px var(--f007); border-left:  solid 2px var(--f007); }
.GW_story_corners::after   { top: 0;    right: 0; border-top:    solid 2px var(--f007); border-right: solid 2px var(--f007); }
.GW_story_corners .corner-bl { bottom: 0; left: 0;  border-bottom: solid 2px var(--f007); border-left:  solid 2px var(--f007); }
.GW_story_corners .corner-br { bottom: 0; right: 0; border-bottom: solid 2px var(--f007); border-right: solid 2px var(--f007); }

/* ── Hero-Bild ───────────────────────────────────────── */
.GW_story_hero { position: relative; overflow: hidden; }

.GW_story_hero_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.GW_story_hero_fade {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 60%;
  background: linear-gradient(to bottom, transparent, var(--f002));
  z-index: 2;
}

/* ── Titel über dem Bild ─────────────────────────────── */
.GW_story_hero_title {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  z-index: 5;
  text-align: center;
  padding: 0 40px;
}
.GW_story_hero_title .eyebrow {
  font: bold 9px var(--font-zalando);
  text-transform: uppercase;
  letter-spacing: 4px;
  color: var(--f007);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.GW_story_hero_title .eyebrow::before,
.GW_story_hero_title .eyebrow::after {
  content: '';
  width: 40px;
  height: 1px;
}
.GW_story_hero_title .eyebrow::before { background: linear-gradient(90deg, transparent, var(--f007)); }
.GW_story_hero_title .eyebrow::after  { background: linear-gradient(90deg, var(--f007), transparent); }

.GW_story_hero_title h1 {
  font: italic 800 52px var(--font-january);
  color: var(--f001);
  line-height: 1;
  letter-spacing: 2px;
}
.GW_story_hero_title .subtitle {
  font: italic 400 15px var(--font-january);
  color: var(--f007);
  margin-top: 6px;
  letter-spacing: 1px;
}

/* ── Link-Zeile ──────────────────────────────────────── */
.GW_story_link {
  font: bold 13px var(--font-zalando);
  text-transform: uppercase;
	 color: #c9a84c !important;
  letter-spacing: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.GW_story_link a,
.GW_story_link a:link,
.GW_story_link a:visited,
.GW_story_link a:hover,
.GW_story_link a:active { color: #c9a84c !important; }

/* ── Goldene Trennlinie ──────────────────────────────── */
.GW_story_divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 30px;
  margin: 20px 0;
}
.GW_story_divider .line   { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--f007)); }
.GW_story_divider .line.r { background: linear-gradient(90deg, var(--f007), transparent); }
.GW_story_divider .diamond    { width: 8px; height: 8px; background: var(--f007); transform: rotate(45deg); flex-shrink: 0; }
.GW_story_divider .diamond.sm { width: 5px; height: 5px; background: transparent; border: solid 1px var(--f007); }

/* ── Fließtext ───────────────────────────────────────── */
.GW_story_body { padding: 0 50px; }
.GW_story_body p {
  font: 12px var(--font-zalando);
  line-height: 22px;
  color: var(--f001);
  text-align: justify;
}
.GW_story_body p + p { margin-top: 10px; }

/* ── Bullet-Box ──────────────────────────────────────── */
.GW_story_bullets {
  margin: 4px 30px 0;
  border: solid 1px var(--f004);
  border-top: solid 3px var(--f007);
  padding: 20px 24px;
  position: relative;
}
.GW_story_bullets::before,
.GW_story_bullets::after {
  content: '';
  position: absolute;
  bottom: -1px;
  width: 14px; height: 14px;
}
.GW_story_bullets::before { left:  -1px; border-bottom: solid 2px var(--f007); border-left:  solid 2px var(--f007); }
.GW_story_bullets::after  { right: -1px; border-bottom: solid 2px var(--f007); border-right: solid 2px var(--f007); }

.GW_story_bullets .bullets-title {
  font: italic 800 14px var(--font-january);
  color: var(--f001);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: solid 1px var(--f004);
  display: flex;
  align-items: center;
  gap: 10px;
}
.GW_story_bullets .bullets-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--f004), transparent);
}

.GW_story_bullets .bullets-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}
.GW_story_bullet {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font: 11px var(--font-zalando);
  line-height: 18px;
  color: var(--f001);
  padding: 6px 10px;
  border: solid 1px var(--f007);
  background: var(--f002);
}
.GW_story_bullet .dot {
  width: 6px; height: 6px;
  background: var(--f007);
  transform: rotate(45deg);
  flex-shrink: 0;
  margin-top: 6px;
}

/* ── Footer-Streifen ─────────────────────────────────── */
.GW_story_footer {
  margin: 20px 30px 0;
  padding: 12px 0;
  border-top: solid 1px var(--f004);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.GW_story_footer .tag {
  font: bold 8px var(--font-zalando);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--f004);
}
.GW_story_footer .tag b { color: var(--f007); }
.GW_story_footer .dot-sep {
  width: 4px; height: 4px;
  background: var(--f007);
  transform: rotate(45deg);
  flex-shrink: 0;
}

.GW_story_bottom_pad { height: 24px; }

/* ══════════════════════════════════════
   GW_letter — Brief-Postbit fuer fid 36
══════════════════════════════════════ */

/* Aeusserer Container bekommt leicht anderen Hintergrund */
.GW_pb_letter {
  background: var(--f002);
}

/* Brief-Wrapper */
.GW_letter_wrap {
  flex: 1;
  border: solid 1px var(--f004);
  border-top: solid 3px var(--f007);
  position: relative;
  background: var(--f002);
}

/* Goldecken am Brief */
.GW_letter_wrap::before {
  content: "";
  position: absolute;
  bottom: -1px; left: -1px;
  width: 12px; height: 12px;
  border-bottom: solid 2px var(--f007);
  border-left: solid 2px var(--f007);
  z-index: 2;
}
.GW_letter_wrap::after {
  content: "";
  position: absolute;
  bottom: -1px; right: -1px;
  width: 12px; height: 12px;
  border-bottom: solid 2px var(--f007);
  border-right: solid 2px var(--f007);
  z-index: 2;
}

/* Brief-Kopf */
.GW_letter_head {
  padding: 16px 20px 12px;
  border-bottom: solid 1px var(--f004);
}

.GW_letter_an {
  font: 11px var(--font-zalando);
  color: var(--f001);
  margin-bottom: 3px;
}
.GW_letter_an b { color: var(--f007); }

.GW_letter_von {
  font: 10px var(--font-zalando);
  color: var(--f004);
}
.GW_letter_von b { color: var(--f001); }

/* Deko-Linie mit Raute */
.GW_letter_deco {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.GW_letter_line {
  flex: 1;
  height: 1px;
  display: block;
  background: linear-gradient(90deg, transparent, var(--f007));
}
.GW_letter_line.r {
  background: linear-gradient(90deg, var(--f007), transparent);
}
.GW_letter_diamond {
  display: block;
  width: 7px; height: 7px;
  background: var(--f007);
  transform: rotate(45deg);
  flex-shrink: 0;
}

/* Brief-Text */
.GW_letter_body {
  padding: 20px 24px;
  font: 12px var(--font-zalando);
  line-height: 22px;
  color: var(--f001);
  text-align: justify;
}

/* Horizontale Linien im Text wie echtes Briefpapier */
.GW_letter_body p {
  background-image: repeating-linear-gradient(
    transparent,
    transparent 21px,
    rgba(188,180,153,0.12) 21px,
    rgba(188,180,153,0.12) 22px
  );
  line-height: 22px;
}

.GW_letter_menu {
	float:right;
	font: 10px var(--font-zalando);
	color: var(--f004) !important;
}

.GW_letter_menu a,
.GW_letter_menu a:link,
.GW_letter_menu a:visited,
.GW_letter_menu a:hover,
.GW_letter_menu a:active { 
		color: var(--f004) !important;
	margin: 0px 6px;
}

/* Footer-Deko */
.GW_letter_foot {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-top: solid 1px var(--f004);
}
.GW_letter_foot .GW_letter_line {
  background: linear-gradient(90deg, transparent, var(--f004));
}
.GW_letter_foot .GW_letter_line.r {
  background: linear-gradient(90deg, var(--f004), transparent);
}
.GW_letter_foot .GW_letter_diamond {
  background: transparent;
  border: solid 1px var(--f007);
}


/*Newscode*/ 

/* ── News-Wrapper (alle Posts zusammen) ── */
.news-wrap {
  width: 100%;
  max-width: 700px;
  background: var(--f002);
  padding: 24px 24px 24px 32px;
}

.news-wrap-header {
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: solid 1px var(--f004);
}

.news-wrap-header h2 {
  font: italic 800 18px var(--font-january);
  color: var(--f001);
}

/* ── Einzelner Post ── */
.news-post {
  border-left: solid 1px var(--f004);
  padding: 0 0 20px 22px;
  margin-left: 6px;
  position: relative;
}

/* Goldener Punkt oben links */
.news-post::before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border: solid 2px var(--f007);
  background: var(--f007);
  border-radius: 100%;
  position: absolute;
  left: -6px;
  top: 3px;
}

/* Letzter Post: kein Border-Left unter dem Inhalt */
.news-post:last-child {
  padding-bottom: 0;
}

.news-post:last-child::before {
  border-color: var(--f007);
  background: var(--f007);
}

/* Kopfzeile: Titel links, Datum rechts */
.news-post-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 10px;
}

.news-post-title {
  font: italic 800 16px var(--font-january);
  color: var(--f001);
  line-height: 20px;
}

.news-post-date {
  font: bold 10px var(--font-zalando);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--f007);
  white-space: nowrap;
  flex-shrink: 0;
}

/* Fließtext */
.news-post-text {
  font: 12px var(--font-zalando);
  line-height: 20px;
  color: var(--f001);
  text-align: justify;
}

.news-wrap {
  clear: both;
}


/*Tagesprophet*/
.dp-outer{padding:1.2rem;background:#2a2318}
.dp *{box-sizing:border-box;margin:0;padding:0}
.dp{max-width:500px;margin:0 auto;padding:1.8rem 2rem;font-family:var(--font-zalando),Georgia,serif;color:#1a1208;position:relative;background-color:#e8dfc0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(90,60,20,0.04) 28px,rgba(90,60,20,0.04) 29px),radial-gradient(ellipse at 20% 10%,rgba(180,140,60,0.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(140,100,40,0.14) 0%,transparent 50%);box-shadow:inset 0 0 60px rgba(100,70,20,0.18),4px 4px 20px rgba(0,0,0,0.5)}
.dp::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(97deg,transparent,transparent 3px,rgba(80,50,10,0.015) 3px,rgba(80,50,10,0.015) 4px);pointer-events:none}
.dp-masthead{text-align:center;border-top:3px double #3a2a10;border-bottom:3px double #3a2a10;padding:8px 0;margin-bottom:4px}
.dp-name{font-family:var(--font-manufacturing);font-size:70px;line-height:1;color:#1a1208;text-shadow:1px 1px 0 rgba(100,60,10,0.3)}
.dp-tagline{font-size:10px;font-family:var(--font-nevins),serif;margin-top:2px;color:#3a2a10}
.dp-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;border-bottom:1px solid #3a2a10;padding:4px 0;margin-bottom:12px;font-family:var(--font-nevins);color:#3a2a10}
.dp-headline{font-size:28px;font-weight:400;line-height:1.2;text-align:center;margin:10px 0 4px;color:#1a1208;font-family:var(--font-manufacturing),serif}
.dp-deck{font-size:13px;font-style:italic;text-align:center;margin:4px 0 10px;color:#3a2a10;font-family:var(--font-zalando),sans-serif}
.dp-byline{font-size:10px;text-align:center;font-family:var(--font-nevins);margin-bottom:10px;color:#3a2a10}
.dp-divider{border:none;border-top:1px solid #3a2a10;margin:10px 0}
.dp-divider-thick{border:none;border-top:2px solid #1a1208;margin:6px 0}
.dp-body{font-size:12px;line-height:1.8;text-align:justify;color:#1a1208;font-family:var(--font-zalando),sans-serif}
.dp-body p{margin-bottom:8px}
.dp-body p:first-child::first-letter{float:left;font-size:48px;line-height:0.8;margin:4px 6px 0 0;font-family:var(--font-manufacturing),serif;color:#1a1208}
.dp-img-wrap{border:1px solid #7a6040;margin:12px 0;overflow:hidden}
.dp-img-wrap img{width:100%;height:220px;object-fit:cover;object-position:center top;display:block;filter:sepia(0.4) contrast(0.9) brightness(0.95)}
.dp-img-caption{font-size:10px;font-style:italic;text-align:center;padding:4px 6px;border-top:1px solid #7a6040;color:#3a2a10;background:rgba(100,70,20,0.06);font-family:var(--font-zalando),sans-serif}
.dp-pull{font-size:15px;font-style:italic;line-height:1.5;text-align:center;border-top:2px solid #3a2a10;border-bottom:2px solid #3a2a10;padding:10px;margin:14px 0;color:#2a1a08;font-family:var(--font-zalando),sans-serif}
.dp-sidebar-title{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-nevins);border-bottom:1px solid #3a2a10;padding-bottom:4px;margin:14px 0 8px;color:#3a2a10}
.dp-sidebar-item{font-size:11px;line-height:1.5;padding:6px 0;border-bottom:1px dotted #a08050;color:#1a1208;font-family:var(--font-zalando),sans-serif}
.dp-sidebar-item:last-child{border-bottom:none}
.dp-sidebar-hl{font-size:13px;font-weight:400;line-height:1.2;margin:0 0 3px;font-family:var(--font-nevins)}
.dp-sidebar-deck{font-size:11px;font-style:italic;color:#3a2a10}
.dp-ornament{text-align:center;font-size:13px;letter-spacing:8px;margin:4px 0;color:#7a6040}
.dp-footer{border-top:3px double #3a2a10;margin-top:12px;padding-top:6px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7a6040;font-family:var(--font-nevins)}
.dp-stain{position:absolute;border-radius:50%;pointer-events:none}