/*
Theme Name: Alpen-Kurier
Theme URI: https://alpenkurier.com
Author: Hoedl Hof GmbH / Michiel Jalink
Description: Magazin-Theme für den Alpen-Kurier. Editorial Look mit eingebautem Advertorial-Modus. Cormorant Garamond Headlines, Source Serif Body, Inter UI.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: alpenkurier
Tags: magazine, custom-colors, custom-menu, featured-images, threaded-comments
*/

:root{
  --bg:#fbf9f5;
  --bg-warm:#f3ede1;
  --ink:#1c1a17;
  --ink-soft:#4a4540;
  --rule:#d8d1c2;
  --accent:#8a6d3b;
  --accent-deep:#5a4624;
  --anzeige:#a63a1a;
  --anzeige-warm:#fdeee5;
  --max:1180px;
  --measure:680px;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button{font-family:inherit}

/* === ANZEIGE BAR === */
.anzeige-bar{background:var(--anzeige);color:#fff;text-align:center;padding:8px 24px;font-family:"Inter",sans-serif;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.anzeige-bar .sub{font-weight:400;letter-spacing:.08em;text-transform:none;margin-left:8px;opacity:.85}

/* === TOP BAR === */
.topbar{border-bottom:1px solid var(--rule);background:var(--bg)}
.topbar-inner{max-width:var(--max);margin:0 auto;padding:8px 24px;display:flex;justify-content:space-between;align-items:center;font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.topbar .right{display:flex;gap:18px}
.topbar a:hover{color:var(--ink)}

/* === MASTHEAD === */
.masthead{padding:32px 24px 18px;text-align:center;border-bottom:1px solid var(--rule);background:var(--bg)}
.wordmark{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(40px,8vw,84px);letter-spacing:-.01em;line-height:1;color:var(--ink)}
.wordmark .dot{display:inline-block;transform:translateY(-.18em);font-size:.55em;color:var(--accent)}
.tagline{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin-top:14px}

/* === NAV === */
.nav{background:var(--bg);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:20}
.nav-inner{max-width:var(--max);margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;font-family:"Inter",sans-serif}
.nav-links{display:flex;gap:28px;font-size:14px;letter-spacing:.04em;list-style:none}
.nav-links a{padding:4px 0;border-bottom:1px solid transparent;transition:border-color .15s}
.nav-links a:hover,.nav-links .current-menu-item a{border-bottom-color:var(--ink)}
.nav-search{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);border:1px solid var(--rule);padding:6px 12px;border-radius:999px;background:#fff}
.nav-search input{border:0;outline:0;background:transparent;font-family:inherit;font-size:13px;color:var(--ink);width:140px}
.nav-search button{border:0;background:transparent;cursor:pointer;display:flex;color:var(--ink-soft)}
.nav-search svg{width:14px;height:14px}

/* === HOMEPAGE HERO === */
.hero{max-width:var(--max);margin:0 auto;padding:46px 24px 32px;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;border-bottom:1px solid var(--rule)}
.hero img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hero-kicker{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:14px}
.hero h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(32px,4.2vw,52px);line-height:1.08;letter-spacing:-.005em;margin-bottom:18px}
.hero h1 a:hover{color:var(--accent-deep)}
.hero p.lede{font-size:19px;line-height:1.5;color:var(--ink-soft);margin-bottom:22px}
.byline{font-family:"Inter",sans-serif;font-size:13px;color:var(--ink-soft);letter-spacing:.02em}
.byline strong{color:var(--ink);font-weight:600}

/* === SECTION HEAD === */
.section-head{max-width:var(--max);margin:0 auto;padding:42px 24px 18px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--ink)}
.section-head h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:30px;letter-spacing:-.005em}
.section-head .more{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:2px}
.section-head .more:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* === ARTICLE GRID (homepage + archive) === */
.grid{max-width:var(--max);margin:0 auto;padding:32px 24px 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:42px 36px}
.grid .card img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px}
.grid .card .kicker{font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:8px}
.grid .card .kicker.anzeige-tag{color:var(--anzeige)}
.grid .card h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:24px;line-height:1.15;letter-spacing:-.005em;margin-bottom:8px}
.grid .card h3 a:hover{color:var(--accent-deep)}
.grid .card p{font-size:15px;line-height:1.5;color:var(--ink-soft);margin-bottom:10px}
.grid .card .byline{font-size:12px}

/* === STANDFIRST QUOTE === */
.standfirst{max-width:880px;margin:0 auto;padding:56px 24px;text-align:center}
.standfirst h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-style:italic;font-size:clamp(24px,3vw,34px);line-height:1.3}
.standfirst .source{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:16px}

/* === CATEGORY STRIP === */
.cat-strip{background:var(--bg-warm);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.cat-strip-inner{max-width:var(--max);margin:0 auto;padding:36px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.cat-strip h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin-bottom:10px}
.cat-strip ul{list-style:none;font-size:14px;color:var(--ink-soft);line-height:1.7}
.cat-strip ul li:before{content:"·  ";color:var(--accent)}
.cat-strip a:hover{color:var(--ink)}

/* === BREADCRUMB === */
.breadcrumb{max-width:var(--max);margin:0 auto;padding:20px 24px 0;font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.breadcrumb a:hover{color:var(--ink)}
.breadcrumb .sep{margin:0 8px;color:var(--rule)}

/* === ARTICLE HEAD === */
.article-head{max-width:var(--measure);margin:0 auto;padding:24px 24px 0}
.article-kicker{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:18px}
.is-anzeige .article-kicker{color:var(--anzeige)}
.article-kicker .dot{color:var(--ink-soft);margin:0 8px}
h1.article-title{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.01em;margin-bottom:22px}
.article-lede{font-family:"Source Serif 4",serif;font-size:22px;line-height:1.5;color:var(--ink-soft);font-weight:400;margin-bottom:32px}

/* === BYLINE BAR === */
.byline-bar{max-width:var(--measure);margin:0 auto;padding:18px 24px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;font-family:"Inter",sans-serif;font-size:13px;color:var(--ink-soft);gap:16px;flex-wrap:wrap}
.byline-bar .author{display:flex;align-items:center;gap:12px}
.byline-bar .avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-warm);border:1px solid var(--rule);flex-shrink:0;overflow:hidden}
.byline-bar strong{color:var(--ink);font-weight:600}
.byline-bar .meta{font-feature-settings:"tnum"}

/* === HERO IMAGE === */
.article-hero{max-width:1100px;margin:32px auto 0;padding:0 24px}
.article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-hero figcaption{font-family:"Inter",sans-serif;font-size:13px;color:var(--ink-soft);padding:10px 4px 0;line-height:1.5}

/* === ARTICLE BODY === */
.article-body{max-width:var(--measure);margin:0 auto;padding:40px 24px}
.article-body p{margin-bottom:22px}
.article-body > p:first-of-type:first-letter{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:4.2em;float:left;line-height:.85;padding:6px 10px 0 0;color:var(--accent-deep)}
.is-anzeige .article-body > p:first-of-type:first-letter{color:var(--anzeige)}
.article-body h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:30px;line-height:1.2;letter-spacing:-.005em;margin:42px 0 18px}
.article-body h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;line-height:1.25;margin:32px 0 12px}
.article-body strong{font-weight:600}
.article-body a{color:var(--accent-deep);border-bottom:1px solid var(--accent);transition:background .15s}
.is-anzeige .article-body a{color:var(--anzeige);border-bottom-color:var(--anzeige)}
.article-body a:hover{background:var(--bg-warm)}
.is-anzeige .article-body a:hover{background:var(--anzeige-warm)}
.article-body em{font-style:italic}
.article-body ul,.article-body ol{margin:0 0 22px 1.4em}
.article-body li{margin-bottom:8px}

/* Gutenberg pullquote (built-in) */
.article-body .wp-block-pullquote{margin:36px -40px;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:500;font-size:28px;line-height:1.3;text-align:center}
.article-body .wp-block-pullquote cite{display:block;font-family:"Inter",sans-serif;font-style:normal;font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:14px}

/* Gutenberg image with caption */
.article-body figure.wp-block-image{margin:32px 0}
.article-body figure.wp-block-image img{width:100%;height:auto}
.article-body figure.wp-block-image figcaption{font-family:"Inter",sans-serif;font-size:13px;color:var(--ink-soft);padding:10px 4px 0;line-height:1.5;font-style:italic;text-align:left}
.article-body figure.wp-block-image.alignwide{margin:42px -120px}

/* === BLOCK PATTERN: REVIEWS === */
.ak-reviews{margin:32px 0;display:grid;gap:20px}
.ak-review{background:var(--bg-warm);border-left:3px solid var(--accent);padding:20px 24px}
.is-anzeige .ak-review{border-left-color:var(--anzeige);background:var(--anzeige-warm)}
.ak-review p{font-style:italic;font-size:17px;line-height:1.5;margin:0 0 12px}
.ak-review .stars{color:var(--accent);letter-spacing:.18em;font-size:14px}
.is-anzeige .ak-review .stars{color:var(--anzeige)}
.ak-review .who{font-family:"Inter",sans-serif;font-size:12px;color:var(--ink-soft);margin-top:6px;letter-spacing:.06em}

/* === BLOCK PATTERN: COMPARE === */
.ak-compare{margin:36px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:24px 0}
.ak-compare-col h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:20px;margin-bottom:14px;letter-spacing:-.005em}
.ak-compare-col ul{list-style:none;font-size:14px;line-height:1.7;color:var(--ink-soft);margin:0}
.ak-compare-col ul li{padding:3px 0;border-bottom:1px dotted var(--rule)}
.ak-compare-col ul li:last-child{border-bottom:0}
.ak-compare-col.is-highlight h3{color:var(--anzeige)}

/* === BLOCK PATTERN: FACT BOX === */
.ak-factbox{background:var(--bg-warm);border-left:3px solid var(--accent);padding:24px 28px;margin:32px 0;font-size:16px;line-height:1.6}
.ak-factbox h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin-bottom:12px}
.ak-factbox ul{list-style:none;padding:0;margin:0}
.ak-factbox li{padding:6px 0;border-bottom:1px dotted var(--rule)}
.ak-factbox li:last-child{border-bottom:0}
.ak-factbox li strong{font-family:"Inter",sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-bottom:2px;font-weight:500}

/* === BLOCK PATTERN: SOFT CTA === */
.ak-soft-cta{margin:32px 0;padding:20px 24px;background:var(--anzeige-warm);border-left:3px solid var(--anzeige);font-size:16px;line-height:1.6}
.ak-soft-cta strong{color:var(--anzeige);font-weight:600}
.ak-soft-cta a.btn-small{display:inline-block;background:var(--anzeige);color:#fff;font-family:"Inter",sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;padding:10px 20px;text-transform:uppercase;border-bottom:0;margin-top:8px}
.ak-soft-cta a.btn-small:hover{background:#7c2c12;color:#fff}

/* === BLOCK PATTERN: FINAL CTA BOX === */
.ak-cta-divider{max-width:var(--measure);margin:20px auto 0;padding:0 24px;text-align:center;font-family:"Cormorant Garamond",serif;font-size:24px;color:var(--anzeige);letter-spacing:.4em}
.ak-cta-box{max-width:760px;margin:32px auto 48px;padding:0 24px}
.ak-cta-card{background:#1c1a17;color:#fff;padding:48px 36px;text-align:center;border-top:6px solid var(--anzeige)}
.ak-cta-card .label{font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--anzeige);margin-bottom:14px;font-weight:600}
.ak-cta-card h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(28px,3.8vw,40px);line-height:1.15;margin-bottom:14px;color:#fff}
.ak-cta-card p{font-size:17px;line-height:1.5;color:#d4cebf;max-width:520px;margin:0 auto 28px}
.ak-price-row{display:flex;justify-content:center;align-items:baseline;gap:14px;margin-bottom:24px;font-family:"Cormorant Garamond",serif;flex-wrap:wrap}
.ak-price-row .old{font-size:22px;color:#8a8273;text-decoration:line-through}
.ak-price-row .new{font-size:46px;font-weight:600;color:#fff}
.ak-price-row .save{background:var(--anzeige);color:#fff;font-family:"Inter",sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;padding:4px 10px;border-radius:3px}
.ak-cta-btn{display:inline-block;background:var(--anzeige);color:#fff;font-family:"Inter",sans-serif;font-size:16px;font-weight:600;letter-spacing:.06em;padding:18px 38px;text-transform:uppercase;border:0;cursor:pointer;transition:background .15s}
.ak-cta-btn:hover{background:#7c2c12;color:#fff}
.ak-cta-fine{font-family:"Inter",sans-serif;font-size:12px;color:#8a8273;margin-top:16px;letter-spacing:.04em}

/* === ARTICLE END / AUTHOR === */
.article-end{max-width:var(--measure);margin:0 auto;padding:0 24px 32px;text-align:center;font-family:"Cormorant Garamond",serif;font-size:24px;color:var(--accent);letter-spacing:.4em}
.author-card{max-width:var(--measure);margin:0 auto 60px;padding:28px;background:var(--bg-warm);border:1px solid var(--rule);display:flex;gap:20px;align-items:center}
.author-card .avatar{width:80px;height:80px;border-radius:50%;background:var(--bg);border:1px solid var(--rule);flex-shrink:0;overflow:hidden}
.author-card .info h5{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin-bottom:4px}
.author-card .info p{font-size:14px;color:var(--ink-soft);line-height:1.5}
.author-card .info .label{font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:6px}

/* === ANZEIGE DISCLAIMER === */
.anzeige-disclaimer{max-width:var(--measure);margin:0 auto;padding:24px;font-family:"Inter",sans-serif;font-size:13px;color:var(--ink-soft);line-height:1.6;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.anzeige-disclaimer strong{color:var(--ink)}
.anzeige-disclaimer .alc{background:var(--bg-warm);padding:14px 18px;margin-top:14px;border-left:3px solid var(--ink);font-size:12px;letter-spacing:.04em}

/* === RELATED === */
.related-head{max-width:var(--max);margin:0 auto;padding:42px 24px 18px;border-bottom:2px solid var(--ink)}
.related-head h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:28px;letter-spacing:-.005em}
.related-grid{max-width:var(--max);margin:0 auto;padding:32px 24px 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.related-grid .card img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px}
.related-grid .card .kicker{font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:8px}
.related-grid .card h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:20px;line-height:1.2;margin-bottom:6px}
.related-grid .card p{font-size:14px;color:var(--ink-soft);line-height:1.5;margin-bottom:8px}
.related-grid .card .byline{font-family:"Inter",sans-serif;font-size:12px;color:var(--ink-soft)}

/* === SEARCH PAGE === */
.archive-head{max-width:var(--max);margin:0 auto;padding:48px 24px 18px;border-bottom:2px solid var(--ink)}
.archive-head h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(28px,4vw,40px)}
.archive-head .desc{font-family:"Inter",sans-serif;font-size:14px;color:var(--ink-soft);margin-top:8px}
.search-form-wide{max-width:var(--max);margin:24px auto;padding:0 24px}
.search-form-wide form{display:flex;gap:0;border:1px solid var(--rule);max-width:600px}
.search-form-wide input[type=search]{flex:1;border:0;padding:14px 18px;font-family:"Source Serif 4",serif;font-size:17px;background:#fff;outline:0}
.search-form-wide button{background:var(--ink);color:#fff;border:0;padding:14px 24px;font-family:"Inter",sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

/* === 404 === */
.fourohfour{max-width:var(--measure);margin:0 auto;padding:80px 24px;text-align:center}
.fourohfour h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(40px,6vw,72px);margin-bottom:18px}
.fourohfour p{font-size:18px;color:var(--ink-soft);margin-bottom:24px;line-height:1.55}
.fourohfour a.cta{display:inline-block;background:var(--ink);color:#fff;font-family:"Inter",sans-serif;font-size:14px;letter-spacing:.06em;padding:14px 28px;text-transform:uppercase}

/* === FOOTER === */
footer.site-footer{background:#1c1a17;color:#cfc9bd;padding:48px 24px;font-family:"Inter",sans-serif;font-size:13px;line-height:1.6;margin-top:48px}
footer.site-footer .foot-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}
footer.site-footer .wordmark-foot{font-family:"Cormorant Garamond",serif;color:#fff;font-size:32px;margin-bottom:10px;letter-spacing:-.005em}
footer.site-footer h5{color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
footer.site-footer ul{list-style:none}
footer.site-footer ul li{margin-bottom:6px}
footer.site-footer a:hover{color:#fff}
footer.site-footer .foot-legal{max-width:var(--max);margin:32px auto 0;padding-top:24px;border-top:1px solid #3a3631;font-size:11px;color:#8a847a;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

/* === RESPONSIVE === */
@media (max-width:880px){
  body{font-size:17px}
  .hero{grid-template-columns:1fr;gap:24px;padding:32px 20px}
  .grid{grid-template-columns:1fr;gap:32px;padding:24px 20px 40px}
  .cat-strip-inner{grid-template-columns:1fr 1fr}
  footer.site-footer .foot-inner{grid-template-columns:1fr 1fr}
  .nav-links{gap:14px;font-size:13px;overflow-x:auto;white-space:nowrap;flex:1;-webkit-overflow-scrolling:touch}
  .nav-search{display:none}
  .article-body{padding:32px 20px}
  .article-body figure.wp-block-image.alignwide{margin:32px 0}
  .article-body .wp-block-pullquote{margin:32px 0;font-size:22px}
  .ak-compare{grid-template-columns:1fr;padding:20px 0;gap:24px}
  .related-grid{grid-template-columns:1fr;gap:32px}
  .byline-bar{flex-direction:column;align-items:flex-start;gap:10px}
  .author-card{flex-direction:column;text-align:center}
  .ak-cta-card{padding:36px 24px}
  .ak-price-row .new{font-size:36px}
}