/* newsletter.css — Design passend zur Homepage motivationdynamics.at
   Cormorant Garamond + DM Sans | Warmbraun + Orange | 320px-1440px */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --dark:      #2e2b27;
  --dark2:     #3a3630;
  --orange:    #c07830;
  --orange-lt: #d4924a;
  --silver:    #b0b8c0;
  --silver-lt: #d0d8e0;
  --cream:     #f4f2ee;
  --white:     #ffffff;
  --text:      #2a2826;
  --muted:     #6b6560;
  --border:    rgba(192,120,48,0.22);
  --nav-h:     90px;
  --sb01: #2d6a4f;
  --sb02: #1d3557;
  --sb03: #5c2d6e;
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:'DM Sans',sans-serif; background:var(--cream); color:var(--text);
  overflow-x:hidden; -webkit-font-smoothing:antialiased; padding-top:var(--nav-h); }
main { min-height:calc(100vh - var(--nav-h)); }

/* NAV */
nav { position:fixed; top:0; left:0; right:0; z-index:200; height:var(--nav-h);
  display:flex; align-items:center; justify-content:space-between; padding:0 5vw;
  background:rgba(46,43,39,0.97); backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(192,120,48,0.18); }
.nav-logo { display:flex; align-items:center; text-decoration:none; }
.nav-logo-img { height:46px; width:auto; display:block; max-width:min(46vw,340px); }
.nav-links { display:flex; align-items:center; gap:1.8rem; list-style:none; }
.nav-links a { color:rgba(255,255,255,0.72); text-decoration:none; font-size:0.85rem;
  letter-spacing:0.04em; text-transform:uppercase; transition:color 0.2s;
  position:relative; font-weight:400; }
.nav-links a::after { content:''; position:absolute; bottom:-4px; left:0; right:0;
  height:1px; background:var(--orange); transform:scaleX(0); transform-origin:left;
  transition:transform 0.25s; }
.nav-links a:hover { color:var(--orange-lt); }
.nav-links a:hover::after { transform:scaleX(1); }
.nav-links a.nav-active { color:var(--orange-lt); }
.nav-links a.nav-active::after { transform:scaleX(1); }
.mobile-menu a.nav-active { color:var(--orange) !important; }
.nav-cta { background:var(--orange) !important; color:var(--dark) !important;
  padding:8px 18px; border-radius:2px; font-weight:500; }
.nav-cta::after { display:none !important; }
.nav-cta:hover { background:var(--orange-lt) !important; }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:6px;
  background:none; border:none; z-index:210; }
.hamburger span { display:block; width:26px; height:2px; background:var(--silver-lt);
  border-radius:2px; transition:0.3s; }
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.mobile-menu { display:none; position:fixed; top:var(--nav-h); left:0; right:0;
  background:rgba(46,43,39,0.99); padding:1.5rem 5vw 2rem;
  border-bottom:1px solid var(--border); z-index:190; flex-direction:column; gap:0; }
.mobile-menu.open { display:flex; }
.mobile-menu a { color:rgba(255,255,255,0.8); text-decoration:none; font-size:1rem;
  padding:0.85rem 0; border-bottom:1px solid rgba(255,255,255,0.06); letter-spacing:0.05em; }
.mobile-menu a:last-child { border-bottom:none; color:var(--orange);
  font-weight:500; margin-top:0.4rem; }

/* FOOTER */
footer { background:var(--dark); border-top:1px solid var(--border); padding:2.5rem 5vw;
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:2rem;
  position:relative; z-index:5; }
.footer-left { display:flex; align-items:center; gap:12px; }
.footer-logo-text { font-family:'Cormorant Garamond',serif; color:var(--silver-lt);
  font-size:0.92rem; font-weight:600; }
.footer-logo-text span { display:block; font-size:0.56rem; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--orange); font-weight:300; margin-top:1px; }
.footer-center { display:flex; flex-wrap:wrap; justify-content:center;
  gap:1.5rem; font-size:0.72rem; }
.footer-center a { color:rgba(208,216,224,0.96); text-decoration:none; transition:color 0.2s; }
.footer-center a:hover { color:var(--orange); }
.footer-right { display:flex; align-items:center; justify-content:flex-end; gap:1rem; }
.footer-copy { font-size:0.69rem; color:rgba(255,255,255,0.27); }
.footer-li { display:flex; align-items:center; justify-content:center; width:34px; height:34px;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:2px;
  color:rgba(255,255,255,0.54); text-decoration:none; transition:0.2s; }
.footer-li:hover { background:var(--orange); border-color:var(--orange); color:var(--dark); }

/* BUTTONS */
.btn-primary { background:var(--orange); color:var(--dark); padding:13px 30px;
  border-radius:2px; font-size:0.77rem; letter-spacing:0.1em; text-transform:uppercase;
  font-weight:500; text-decoration:none; transition:background 0.2s, transform 0.2s;
  display:inline-block; border:none; cursor:pointer; }
.btn-primary:hover { background:var(--orange-lt); transform:translateY(-1px); }
.btn-ghost { border:1px solid rgba(255,255,255,0.28); color:rgba(255,255,255,0.74);
  padding:13px 30px; border-radius:2px; font-size:0.77rem; letter-spacing:0.1em;
  text-transform:uppercase; text-decoration:none; transition:0.2s; display:inline-block; }
.btn-ghost:hover { border-color:var(--orange); color:var(--orange-lt); }
.btn-secondary { background:transparent; color:var(--text); padding:12px 28px;
  border-radius:2px; font-size:0.77rem; letter-spacing:0.1em; text-transform:uppercase;
  font-weight:400; text-decoration:none; transition:0.2s; display:inline-block;
  border:1px solid var(--border); cursor:pointer; }
.btn-secondary:hover { border-color:var(--orange); color:var(--orange); }

/* NEWSLETTER ARCHIV-SEITE */
.newsletter-header { background:var(--dark); color:var(--silver-lt);
  padding:clamp(56px,7vw,96px) 5vw; text-align:center; }
.newsletter-header__label { font-size:0.69rem; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--orange); margin-bottom:1.25rem; display:flex; align-items:center;
  justify-content:center; gap:10px; }
.newsletter-header__label::before,
.newsletter-header__label::after { content:''; width:22px; height:1px; background:var(--orange); }
.drive-bar-header { height:5px; max-width:320px; margin:0 auto 1.25rem;
  background:linear-gradient(90deg,#F9C960 16.67%,#17946B 16.67% 33.33%,
    #ED6C3D 33.33% 50%,#00549C 50% 66.67%,#D61F40 66.67% 83.33%,#7859AD 83.33%);
  border-radius:2px; }
.newsletter-header h1 { font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,3.5vw,3.2rem); font-weight:300; line-height:1.15;
  color:var(--silver-lt); margin-bottom:1.25rem; }
.newsletter-header__sub { font-size:0.95rem; color:rgba(208,216,224,0.68); max-width:560px;
  margin:0 auto; line-height:1.75; font-weight:300; }

.ausgabe-hero-wrapper { padding:clamp(40px,5vw,72px) 5vw; }
.ausgabe-hero { max-width:860px; margin:0 auto; background:var(--white);
  border:1px solid var(--border); padding:2.5rem 3rem; position:relative; }
.ausgabe-hero::before { content:''; position:absolute; top:0; left:0; width:3px;
  height:100%; background:var(--orange); }
.ausgabe-hero__meta { display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  margin-bottom:1.25rem; }
.ausgabe-hero__nr { font-size:0.69rem; letter-spacing:0.15em; text-transform:uppercase;
  color:var(--muted); }
.ausgabe-hero__datum { font-size:0.69rem; color:var(--muted); }
.ausgabe-hero__titel { font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.5rem,2.5vw,2.2rem); font-weight:400; color:var(--text);
  line-height:1.25; margin-bottom:1rem; }
.ausgabe-hero__teaser { font-size:0.93rem; color:var(--muted); line-height:1.8;
  margin-bottom:2rem; font-weight:300; }
.ausgabe-hero__actions { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }

.archiv-divider { text-align:center; position:relative; padding:0 5vw;
  margin:2.5rem 0 1.5rem; color:var(--muted); font-size:0.69rem;
  letter-spacing:0.2em; text-transform:uppercase; }
.archiv-divider::before { content:''; position:absolute; top:50%; left:5vw; right:5vw;
  height:1px; background:var(--border); }
.archiv-divider span { position:relative; background:var(--cream); padding:0 1.5rem; }

.archiv-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem;
  padding:0 5vw clamp(56px,7vw,96px); max-width:1100px; margin:0 auto; }
.archiv-karte { background:var(--white); border:1px solid var(--border); padding:1.75rem 2rem;
  text-decoration:none; color:var(--text); transition:transform 0.2s, box-shadow 0.2s;
  display:block; position:relative; overflow:hidden; animation:fadeInUp 0.5s ease both; }
.archiv-karte::before { content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform 0.3s; }
.archiv-karte:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(46,43,39,0.1); }
.archiv-karte:hover::before { transform:scaleX(1); }
.archiv-karte__badge { display:block; margin-bottom:0.75rem; }
.archiv-karte__datum { display:block; font-size:0.69rem; color:var(--muted);
  letter-spacing:0.08em; margin-bottom:0.5rem; }
.archiv-karte__titel { font-family:'Cormorant Garamond',serif; font-size:1.15rem;
  font-weight:400; color:var(--text); line-height:1.35; }

.badge { display:inline-block; padding:3px 10px; border-radius:2px; font-size:0.62rem;
  font-weight:500; letter-spacing:0.1em; text-transform:uppercase; }
.badge--sb01 { background:var(--sb01); color:white; }
.badge--sb02 { background:var(--sb02); color:white; }
.badge--sb03 { background:var(--sb03); color:white; }

.kontakt-cta { background:var(--dark); color:var(--silver-lt);
  padding:clamp(56px,7vw,96px) 5vw; text-align:center; }
.kontakt-cta h2 { font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,2.8vw,2.8rem); font-weight:300; color:var(--silver-lt);
  margin-bottom:1rem; line-height:1.15; }
.kontakt-cta p { font-size:0.93rem; color:rgba(208,216,224,0.68); margin-bottom:2rem;
  max-width:480px; margin-left:auto; margin-right:auto; font-weight:300; line-height:1.75; }

/* AUSGABE EINZELSEITE */
.ausgabe-page-header { background:var(--dark); color:var(--silver-lt);
  padding:clamp(40px,5vw,72px) 5vw; }
.breadcrumb { font-size:0.69rem; color:rgba(255,255,255,0.38); margin-bottom:1.5rem;
  display:flex; align-items:center; gap:0.5rem; letter-spacing:0.04em; }
.breadcrumb a { color:rgba(255,255,255,0.38); text-decoration:none; transition:color 0.2s; }
.breadcrumb a:hover { color:var(--orange); }
.breadcrumb__sep { color:rgba(255,255,255,0.18); }
.ausgabe-page-header__meta { display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  margin-bottom:1.25rem; justify-content:center; }
.ausgabe-page-header__nr { font-size:0.69rem; letter-spacing:0.15em; text-transform:uppercase;
  color:rgba(255,255,255,0.42); }
.ausgabe-page-header__datum { font-size:0.69rem; color:rgba(255,255,255,0.42); }
.ausgabe-page-header h1 { font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,3vw,3rem); font-weight:300; color:var(--silver-lt);
  line-height:1.18; margin-bottom:1rem;
  text-align:center; max-width:820px; margin-left:auto; margin-right:auto; }
.ausgabe-page-header__teaser { font-size:0.95rem; color:rgba(208,216,224,0.72);
  max-width:700px; line-height:1.75; font-weight:300;
  margin-left:auto; margin-right:auto; text-align:center; }

.ausgabe-content { max-width:780px; margin:0 auto; padding:clamp(40px,5vw,72px) 5vw;
  text-align:left; }
.ausgabe-content h2 { font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.3rem,2vw,1.8rem); font-weight:300; color:var(--text);
  margin-top:2.75rem; margin-bottom:1rem; padding-top:0.75rem;
  border-top:1px solid var(--border); line-height:1.2; }
.ausgabe-content h2:first-child { margin-top:0; border-top:none; padding-top:0; }
.ausgabe-content p { font-size:0.95rem; line-height:1.85; color:var(--text);
  margin-bottom:1.25rem; font-weight:300; }
.ausgabe-content p:last-child { margin-bottom:0; }

.usp-badge { display:inline-block; background:var(--dark); color:var(--orange);
  padding:4px 12px; border-radius:2px; font-size:0.62rem; letter-spacing:0.12em;
  text-transform:uppercase; font-weight:500; margin-bottom:0.75rem; }

.quellenverzeichnis { border-top:1px solid var(--border); padding-top:2.5rem; margin-top:3rem; }
.quellenverzeichnis h2 { font-family:'DM Sans',sans-serif; font-size:0.69rem; font-weight:500;
  letter-spacing:0.2em; text-transform:uppercase; color:var(--muted); margin-bottom:1.5rem;
  border-top:none; padding-top:0; margin-top:0; }
.quellenverzeichnis__eintrag { font-size:0.83rem; line-height:1.8; color:var(--muted);
  margin-bottom:1rem; padding-left:1.5rem; text-indent:-1.5rem; font-weight:300; }
.quellenverzeichnis__eintrag a { color:var(--orange); text-decoration:none; word-break:break-all; }
.quellenverzeichnis__eintrag a:hover { text-decoration:underline; }

.cta-box-inline { background:var(--dark2); border-left:3px solid var(--orange);
  padding:2rem 2.5rem; margin-top:2.5rem; }
.cta-box-inline p { font-family:'Cormorant Garamond',serif; font-size:1.15rem;
  font-weight:300; font-style:italic; color:var(--silver-lt); margin-bottom:1.25rem;
  line-height:1.5; }

.ausgabe-nav { display:flex; justify-content:space-between; align-items:center;
  padding:2rem 0; border-top:1px solid var(--border); margin-top:1rem; }
.ausgabe-nav a { color:var(--orange); text-decoration:none; font-size:0.83rem;
  font-weight:500; letter-spacing:0.05em; transition:color 0.2s; }
.ausgabe-nav a:hover { color:var(--text); }

@keyframes fadeInUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
.archiv-karte:nth-child(1) { animation-delay:0.05s; }
.archiv-karte:nth-child(2) { animation-delay:0.12s; }
.archiv-karte:nth-child(3) { animation-delay:0.19s; }
.archiv-karte:nth-child(4) { animation-delay:0.26s; }
.archiv-karte:nth-child(5) { animation-delay:0.33s; }
.archiv-karte:nth-child(6) { animation-delay:0.40s; }

@media (min-width:1400px) {
  nav, footer { padding-left:calc((100vw - 1300px)/2); padding-right:calc((100vw - 1300px)/2); }
  .newsletter-header, .ausgabe-hero-wrapper, .kontakt-cta, .ausgabe-page-header {
    padding-left:calc((100vw - 1300px)/2); padding-right:calc((100vw - 1300px)/2); }
  .archiv-grid { padding-left:calc((100vw - 1300px)/2); padding-right:calc((100vw - 1300px)/2);
    max-width:100%; }
  .archiv-divider::before { left:calc((100vw - 1300px)/2); right:calc((100vw - 1300px)/2); }
}
@media (max-width:1024px) { .ausgabe-content { padding-left:4vw; padding-right:4vw; } }
@media (max-width:768px) {
  :root { --nav-h:62px; }
  .nav-links { display:none; }
  .hamburger { display:flex; }
  .nav-logo-img { max-width:220px; height:auto; max-height:38px; object-fit:contain; }
  footer { grid-template-columns:1fr; text-align:center; gap:1.2rem; }
  .footer-right, .footer-left { justify-content:center; }
  .newsletter-header, .kontakt-cta { padding-left:1.25rem; padding-right:1.25rem; }
  .ausgabe-hero-wrapper { padding-left:1.25rem; padding-right:1.25rem; }
  .ausgabe-hero { padding:1.75rem 1.5rem; }
  .ausgabe-hero::before { width:100%; height:3px; }
  .ausgabe-hero__actions { flex-direction:column; }
  .btn-primary, .btn-secondary, .btn-ghost { text-align:center; width:100%; display:block; }
  .archiv-grid { grid-template-columns:1fr; padding-left:1.25rem; padding-right:1.25rem; }
  .archiv-divider { padding-left:1.25rem; padding-right:1.25rem; }
  .archiv-divider::before { left:1.25rem; right:1.25rem; }
  .ausgabe-page-header { padding-left:1.25rem; padding-right:1.25rem; }
  .ausgabe-content { padding-left:1.25rem; padding-right:1.25rem;
    padding-top:2rem; padding-bottom:3rem; }
  .cta-box-inline { padding:1.5rem 1.25rem; }
  .ausgabe-nav { flex-direction:column; gap:1rem; text-align:center; }
}
@media (max-width:480px) {
  .nav-logo-img { max-width:180px; max-height:32px; }
  .ausgabe-hero { padding:1.5rem 1.25rem; }
  .ausgabe-page-header h1 { font-size:1.6rem; }
  .newsletter-header h1 { font-size:1.75rem; }
}