:root{
  --bg:#fbf7f2;
  --paper:#fffdfa;
  --cream:#f5ebe4;
  --blush:#edd8d7;
  --rose:#c98682;
  --rose-dark:#a86260;
  --mauve:#9d7a74;
  --ink:#3b302d;
  --muted:#776966;
  --line:rgba(83,62,57,.14);
  --shadow:0 28px 70px rgba(77,55,50,.10);
  --radius:28px;
  --serif:Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.68;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
.site-header{
  position:sticky;top:0;z-index:50;height:72px;padding:0 4.8vw;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(251,247,242,.95);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)
}
.brand,.footer-brand{font-weight:700;letter-spacing:.19em;text-decoration:none;font-size:.9rem}
.brand span,.footer-brand span{font-weight:400;color:var(--mauve)}
.nav{display:flex;align-items:center;gap:25px}
.nav a{text-decoration:none;color:var(--muted);font-size:.9rem}
.nav-cta{border:1px solid rgba(59,48,45,.2);padding:10px 17px;border-radius:999px}
.menu-toggle{display:none;border:0;background:none;font-size:1.4rem;color:var(--ink)}
.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.22em;color:var(--rose-dark);font-size:.7rem;font-weight:700}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06;margin-top:0}
h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.04em}
h2{font-size:clamp(2.05rem,3.8vw,3.8rem);letter-spacing:-.03em}
h3{font-size:clamp(1.32rem,2vw,1.75rem)}
.hand{font-family:cursive;font-style:italic;color:var(--rose);font-weight:400}

/* BLOG HOME */
.blog-hero{
  max-width:1240px;margin:0 auto;padding:74px 5vw 54px;
  display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:0
}
.blog-hero-copy{
  position:relative;z-index:2;margin-right:-42px;padding:54px 54px 54px 0
}
.blog-hero h1{margin-bottom:14px}
.blog-hero .hand{font-size:1.6rem;margin:0 0 24px}
.blog-hero-copy>p:not(.eyebrow):not(.hand){max-width:590px;color:var(--muted)}
.blog-hero-image{border-radius:0 34px 34px 0;overflow:hidden;box-shadow:var(--shadow)}
.blog-hero-image img{width:100%;height:470px;object-fit:cover}
.button{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  background:var(--ink);color:white;padding:13px 22px;border-radius:999px;
  font-weight:600;font-size:.9rem;margin-top:14px
}
.section-label{
  max-width:1050px;margin:20px auto 30px;padding:0 5vw;
  display:flex;align-items:center;gap:20px;justify-content:center
}
.section-label:before,.section-label:after{content:"";height:1px;background:var(--line);flex:1}
.section-label span{white-space:nowrap;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted);font-weight:700}
.feature-card{
  max-width:1050px;margin:0 auto 70px;padding:0 5vw;
  display:grid;grid-template-columns:.9fr 1.1fr
}
.feature-card-image{overflow:hidden;border-radius:30px 0 0 30px;box-shadow:var(--shadow)}
.feature-card-image img{width:100%;height:100%;min-height:390px;object-fit:cover}
.feature-card-copy{
  padding:48px;background:linear-gradient(145deg,var(--paper),var(--cream));
  border-radius:0 30px 30px 0;box-shadow:var(--shadow)
}
.feature-card-copy h2{font-size:clamp(2rem,3.3vw,3.15rem);margin-bottom:18px}
.feature-card-copy p{color:var(--muted)}
.text-link{display:inline-block;margin-top:8px;text-decoration:none;color:var(--rose-dark);border-bottom:1px solid rgba(168,98,96,.35)}
.topic-grid{
  max-width:1050px;margin:0 auto 82px;padding:0 5vw;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px
}
.topic-card{background:var(--paper);border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.topic-card img{width:100%;height:180px;object-fit:cover}
.topic-card-copy{padding:22px}
.topic-card .eyebrow{font-size:.64rem;margin-bottom:10px}
.topic-card h3{font-size:1.3rem;margin-bottom:8px}
.topic-card p{font-size:.91rem;color:var(--muted);margin:0}
.about-strip{
  background:linear-gradient(90deg,#f0dedb,#f8efea);
  margin-top:70px;padding:52px 5vw
}
.about-inner{
  max-width:1050px;margin:auto;display:grid;grid-template-columns:150px 1fr .8fr;gap:34px;align-items:center
}
.about-inner img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:6px solid rgba(255,255,255,.55)}
.about-inner h2{font-size:2rem;margin-bottom:8px}
.about-inner p{color:var(--muted);margin:0}
.about-facts{display:grid;gap:10px;color:var(--muted);font-size:.9rem}

/* ARTICLE */
.article-hero{
  max-width:1240px;margin:0 auto;padding:72px 5vw 0;
  display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch
}
.article-hero-copy{
  padding:44px 56px 44px 0;display:flex;flex-direction:column;justify-content:center
}
.article-hero h1{font-size:clamp(2.8rem,5.3vw,5.55rem);margin-bottom:20px}
.article-hero .lead{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.48;color:var(--ink)}
.article-meta{color:var(--mauve);font-size:.87rem;margin-top:18px}
.article-hero-image{overflow:hidden;border-radius:0 34px 0 0}
.article-hero-image img{width:100%;height:100%;min-height:430px;object-fit:cover}
.article-layout{
  max-width:1080px;margin:0 auto;padding:55px 5vw 80px;
  display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:52px
}
.article-main p{color:var(--muted);font-size:1.02rem}
.article-main .intro{font-family:var(--serif);font-size:1.32rem;line-height:1.48;color:var(--ink)}
.dropcap:first-letter{
  float:left;font-family:var(--serif);font-size:4.4rem;line-height:.78;
  color:var(--rose);padding-right:8px;padding-top:8px
}
.article-main h2{font-size:clamp(2rem,3vw,3rem);margin-top:55px;margin-bottom:25px}
.tradition-list{display:grid;gap:0}
.tradition-item{
  display:grid;grid-template-columns:220px 1fr;gap:26px;
  padding:22px 0;border-bottom:1px solid var(--line);align-items:center
}
.tradition-item img{width:220px;height:155px;object-fit:cover;border-radius:18px}
.tradition-item h3{margin-bottom:8px}
.tradition-item p{font-size:.95rem;margin:0}
.article-aside{position:relative}
.aside-sticky{position:sticky;top:100px;display:grid;gap:20px}
.aside-photo{border-radius:22px;overflow:hidden}
.aside-photo img{width:100%;height:280px;object-fit:cover}
.quote-card,.links-card{
  border-radius:22px;padding:28px;background:linear-gradient(145deg,#f6e9e4,#efd8d5)
}
.quote-card .quote-mark{font-family:var(--serif);font-size:4rem;line-height:.6;color:var(--rose)}
.quote-card blockquote{font-family:var(--serif);font-size:1.18rem;line-height:1.45;margin:14px 0 0;text-align:center}
.links-card h3{font-size:1.25rem}
.links-card a{display:block;padding:8px 0;font-size:.9rem;border-bottom:1px solid var(--line);text-decoration:none}
.article-note{
  margin:36px 0;padding:25px 28px;border-radius:20px;background:#f8eeea;color:var(--muted)
}
.article-main .faq{margin-top:58px}
.faq details{border-top:1px solid var(--line);padding:17px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-family:var(--serif);font-size:1.15rem;cursor:pointer;color:var(--ink)}
.article-cta{
  max-width:950px;margin:0 auto 82px;padding:38px 5vw;
  border-radius:28px;background:linear-gradient(90deg,#d8aca9,#c89491);
  display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center
}
.article-cta img{width:135px;height:135px;border-radius:50%;object-fit:cover;border:5px solid rgba(255,255,255,.45)}
.article-cta h2{font-size:2rem;margin-bottom:8px}
.article-cta p{margin:0;color:#493a37}
.article-cta .button{margin-top:16px}

footer{
  border-top:1px solid var(--line);padding:34px 5vw 42px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap
}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-links a{text-decoration:none;color:var(--muted);font-size:.88rem}
.legal-note{width:100%;color:var(--muted);font-size:.78rem}

/* MOBILE */
@media(max-width:820px){
  .menu-toggle{display:block}
  .nav{
    display:none;position:absolute;top:68px;left:14px;right:14px;
    flex-direction:column;align-items:center;background:var(--paper);
    padding:22px;border-radius:20px;box-shadow:var(--shadow)
  }
  .nav.open{display:flex}.nav a{text-align:center;width:100%}
  .blog-hero,.article-hero{grid-template-columns:1fr;padding:62px 18px 0;text-align:center}
  .blog-hero-copy,.article-hero-copy{margin:0;padding:30px 8px 34px;text-align:center}
  .blog-hero-copy>p,.article-hero-copy>p{margin-left:auto;margin-right:auto}
  .blog-hero-image,.article-hero-image{border-radius:26px;overflow:hidden}
  .blog-hero-image img{height:380px}
  .article-hero-image img{min-height:0;height:380px}
  .feature-card{grid-template-columns:1fr;padding:0 18px}
  .feature-card-image{border-radius:26px 26px 0 0}
  .feature-card-image img{min-height:0;height:330px}
  .feature-card-copy{border-radius:0 0 26px 26px;padding:32px 25px;text-align:center}
  .topic-grid{grid-template-columns:1fr;padding:0 18px}
  .topic-card{text-align:center}
  .about-inner{grid-template-columns:1fr;text-align:center}
  .about-inner img{margin:auto}
  .about-facts{justify-items:center}
  .article-layout{grid-template-columns:1fr;padding:48px 20px 65px}
  .article-aside{order:2}.aside-sticky{position:static}
  .aside-photo{max-width:350px;margin:auto}.quote-card,.links-card{text-align:center}
  .tradition-item{grid-template-columns:1fr;text-align:center}
  .tradition-item img{width:100%;height:240px}
  .tradition-item p{text-align:center}
  .article-main h2{text-align:center}
  .article-note{text-align:center}
  .article-cta{margin:0 18px 68px;grid-template-columns:1fr;text-align:center}
  .article-cta img{margin:auto}
}
@media(max-width:480px){
  .site-header{height:64px;padding:0 16px}.brand{font-size:.74rem}
  h1{font-size:clamp(2.55rem,13vw,3.8rem)}
  .blog-hero-image img,.article-hero-image img{height:310px}
  .topic-card img{height:210px}
  .tradition-item img{height:210px}
  .article-main .intro{font-size:1.18rem}
  .article-layout{padding-left:18px;padding-right:18px}
}


/* Article 2: Tamada oder Hochzeitsmoderatorin */
.tamada-intro-grid{
  display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:center;
  margin:36px 0 54px
}
.tamada-intro-grid img{width:100%;height:190px;object-fit:cover;border-radius:20px}
.tamada-feature{
  display:grid;grid-template-columns:1.08fr .92fr;gap:0;align-items:stretch;
  margin:42px 0;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#f7ece7,#efd9d6)
}
.tamada-feature.reverse{grid-template-columns:.92fr 1.08fr}
.tamada-feature .copy{padding:34px 38px;display:flex;flex-direction:column;justify-content:center}
.tamada-feature img{width:100%;height:100%;min-height:300px;object-fit:cover}
.tamada-feature p{margin-bottom:0}
.checklist{
  margin:30px 0 46px;padding:34px;border-radius:24px;background:var(--paper);border:1px solid var(--line)
}
.checklist h2{margin-top:0}
.checklist ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}
.checklist li{position:relative;padding-left:34px;color:var(--muted)}
.checklist li:before{
  content:"✓";position:absolute;left:0;top:-1px;width:22px;height:22px;border:1px solid var(--rose);
  color:var(--rose-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700
}
.compare-box{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0 46px}
.compare-card{padding:28px;border-radius:22px;background:linear-gradient(145deg,#fffdfa,#f5e9e3)}
.compare-card h3{margin-bottom:12px}.compare-card p{margin:0}
.author-chip{display:flex;align-items:center;gap:14px;margin-top:22px;color:var(--muted);font-size:.86rem}
.author-chip img{width:46px;height:46px;border-radius:50%;object-fit:cover}
@media(max-width:820px){
  .tamada-intro-grid{grid-template-columns:1fr;text-align:center}
  .tamada-intro-grid img{height:250px}
  .tamada-feature,.tamada-feature.reverse{grid-template-columns:1fr}
  .tamada-feature .copy{order:2;text-align:center;padding:30px 24px}
  .tamada-feature img{order:1;min-height:0;height:300px}
  .compare-box{grid-template-columns:1fr}
  .checklist{text-align:left;padding:28px 22px}
  .author-chip{justify-content:center}
}


/* Scharfe Originalfotos – optimierte Ausschnitte */
.article-hero-image img{object-position:center 35%}
.tamada-intro-grid img{object-position:center 38%}
.tamada-feature img{object-position:center 42%}
.tamada-feature.reverse img{object-position:center 38%}
@media(max-width:820px){
  .article-hero-image img{object-position:center 32%}
  .tamada-intro-grid img{object-position:center 36%}
  .tamada-feature img,.tamada-feature.reverse img{object-position:center 40%}
}


/* Article 3: Zweisprachige Hochzeit Deutsch-Russisch */
.lang-feature{
  display:grid;grid-template-columns:1fr 1fr;gap:0;margin:40px 0;
  border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#f7ece7,#efd9d6)
}
.lang-feature.reverse{grid-template-columns:1fr 1fr}
.lang-feature .copy{padding:34px 38px;display:flex;flex-direction:column;justify-content:center}
.lang-feature img{width:100%;height:100%;min-height:300px;object-fit:cover}
.lang-feature p{margin-bottom:0}
.language-map{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 48px
}
.language-card{
  padding:26px;border-radius:22px;background:linear-gradient(145deg,#fffdfa,#f5e9e3);
  border:1px solid var(--line);text-align:center
}
.language-card h3{margin-bottom:10px}.language-card p{margin:0;font-size:.94rem}
.mistake-box{
  margin:36px 0;padding:34px;border-left:4px solid var(--rose);
  background:#f7ebe7;border-radius:0 22px 22px 0
}
.mistake-box h3{margin-bottom:10px}
.practical-list{
  margin:32px 0 48px;padding:34px;border-radius:24px;background:var(--paper);border:1px solid var(--line)
}
.practical-list ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px}
.practical-list li{position:relative;padding-left:34px;color:var(--muted)}
.practical-list li:before{
  content:"♡";position:absolute;left:0;top:-2px;color:var(--rose-dark);font-size:1.05rem
}
@media(max-width:820px){
  .lang-feature,.lang-feature.reverse{grid-template-columns:1fr}
  .lang-feature .copy{order:2;text-align:center;padding:30px 24px}
  .lang-feature img{order:1;min-height:0;height:300px}
  .language-map{grid-template-columns:1fr}
  .mistake-box{text-align:center;border-left:0;border-top:4px solid var(--rose);border-radius:22px}
  .practical-list{padding:28px 22px;text-align:left}
}


/* Article 3 – sharp original photos, no screenshot crops */
.article-hero-image img{object-position:center 35%}
.lang-feature img{object-position:center 35%}
.article-aside .aside-photo img{object-position:center 30%}
@media(max-width:820px){
  .article-hero-image img{object-position:center 32%}
  .lang-feature img{object-position:center 34%}
  .article-aside .aside-photo img{object-position:center 28%}
}