/*
 * thatfuelforlife Design 1.0 – Gestaltung "Moos & Wiese", Farben "Leinen & Erde".
 * Schriften liegen lokal im Plugin (keine Anfrage an Google).
 */

@font-face{font-family:"TFD Serif";src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"TFD Serif";src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"TFD Serif";src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"TFD Sans";src:url(fonts/work-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"TFD Sans";src:url(fonts/work-sans-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"TFD Sans";src:url(fonts/work-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  --tfd-linen:#F3EDE3;   /* Grund */
  --tfd-linen-2:#E9DFD0; /* zweite Fläche */
  --tfd-line:#D9CCB8;    /* Linien */
  --tfd-ink:#3A2E26;     /* Schrift, Footer */
  --tfd-terra:#A9542F;   /* Buttons */
  --tfd-terra-dk:#8E4524;/* Akzent-Text auf hell */
  --tfd-moss:#5E6B4A;    /* dunkle Flächen */
  --tfd-sand:#EBCFA8;    /* Akzent auf dunkel */
  --tfd-serif:"TFD Serif",Georgia,"Times New Roman",serif;
  --tfd-sans:"TFD Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ---------- Grundlagen ---------- */
body.tfd,body.tfd #wrapper,body.tfd #main,body.tfd .page-wrapper{background:var(--tfd-linen)}
body.tfd{color:var(--tfd-ink);font-family:var(--tfd-sans);font-size:17px;line-height:1.7}
body.tfd p,body.tfd li,body.tfd td{font-family:var(--tfd-sans)}
body.tfd a{color:var(--tfd-terra-dk)}
body.tfd a:hover{color:#6B321A}
body.tfd h1,body.tfd h2,body.tfd h3,body.tfd h4,body.tfd .heading-font{font-family:var(--tfd-serif);font-weight:500;color:var(--tfd-ink);letter-spacing:0;text-transform:none}
body.tfd h1{font-size:clamp(44px,5.4vw,76px);line-height:1.02}
body.tfd h2{font-size:clamp(36px,4.2vw,58px);line-height:1.06}
body.tfd h3{font-size:clamp(24px,2.2vw,30px);line-height:1.2;font-weight:600}
body.tfd h1 em,body.tfd h2 em{font-style:italic}
body.tfd .dark h1,body.tfd .dark h2,body.tfd .dark h3,body.tfd .tfd-dark h1,body.tfd .tfd-dark h2,body.tfd .tfd-dark h3{color:var(--tfd-linen)}
body.tfd .dark,body.tfd .tfd-dark{color:var(--tfd-linen)}
body.tfd .dark a:not(.tfd-btn),body.tfd .tfd-dark a:not(.tfd-btn){color:var(--tfd-sand)}

/* ---------- Header ---------- */
body.tfd .header-wrapper,body.tfd .header-main,body.tfd .header-bottom,body.tfd .header-top{background:var(--tfd-linen)!important}
body.tfd .header-main{border-bottom:1px solid var(--tfd-line)}
body.tfd .header-nav .nav>li>a,body.tfd .header-nav-main .nav>li>a{font-family:var(--tfd-sans);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tfd-ink)}
body.tfd .header-nav .nav>li>a:hover,body.tfd .header-nav .nav>li.active>a{color:var(--tfd-terra-dk)}
body.tfd #logo a,body.tfd .logo a{font-family:var(--tfd-serif);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tfd-ink)}
body.tfd .off-canvas-left .mfp-content,body.tfd .off-canvas .nav-sidebar{background:var(--tfd-linen)}

/* ---------- Footer ---------- */
body.tfd .footer-wrapper,body.tfd .footer,body.tfd .absolute-footer{background:var(--tfd-ink)!important;color:var(--tfd-linen)}
body.tfd .footer-wrapper a,body.tfd .absolute-footer a{color:var(--tfd-linen)}
body.tfd .footer-wrapper a:hover,body.tfd .absolute-footer a:hover{color:var(--tfd-sand)}
body.tfd .absolute-footer{font-size:14px;letter-spacing:.04em}

/* ---------- Buttons ---------- */
body.tfd .tfd-btn,body.tfd .button.primary,body.tfd .button.secondary{display:inline-block;font-family:var(--tfd-sans);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;line-height:1.2;padding:16px 26px;margin:0 10px 12px 0;border-radius:0;border:1px solid transparent;transition:background .2s,color .2s}
body.tfd .tfd-btn,body.tfd .button.primary{background:var(--tfd-terra);color:#FFF8EF;border-color:var(--tfd-terra)}
body.tfd .tfd-btn:hover,body.tfd .button.primary:hover{background:#8E4524;border-color:#8E4524;color:#FFF8EF}
body.tfd .tfd-btn--ghost{background:transparent;color:var(--tfd-ink);border-color:var(--tfd-ink)}
body.tfd .tfd-btn--ghost:hover{background:var(--tfd-ink);color:var(--tfd-linen)}
body.tfd .tfd-dark .tfd-btn--ghost,body.tfd .dark .tfd-btn--ghost{color:var(--tfd-linen);border-color:var(--tfd-linen)}
body.tfd .tfd-dark .tfd-btn--ghost:hover,body.tfd .dark .tfd-btn--ghost:hover{background:var(--tfd-linen);color:var(--tfd-ink)}
body.tfd .tfd-btn--light{background:var(--tfd-linen);color:var(--tfd-ink);border-color:var(--tfd-linen)}
body.tfd .tfd-btn--light:hover{background:var(--tfd-sand);border-color:var(--tfd-sand);color:var(--tfd-ink)}
body.tfd .tfd-btn--ink{background:var(--tfd-ink);color:var(--tfd-linen);border-color:var(--tfd-ink)}
body.tfd .tfd-btn--ink:hover{background:var(--tfd-moss);border-color:var(--tfd-moss);color:var(--tfd-linen)}

/* Alte Flatsome-Buttons ebenfalls eckig */
body.tfd .button{border-radius:0!important;letter-spacing:.1em}

/* Header breiter und Navigation in einer Zeile */
body.tfd .header-main .container,body.tfd .header-top .container{max-width:1320px}
body.tfd .header-nav .nav>li{margin:0 7px;flex-shrink:0}
body.tfd .header-nav .nav>li>a{letter-spacing:.08em;font-size:12px;white-space:nowrap!important}

/* ---------- Textbausteine ---------- */
body.tfd .tfd-label,body.tfd .tf-label{font-family:var(--tfd-sans);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--tfd-terra-dk);margin:0 0 14px}
body.tfd .tfd-dark .tfd-label,body.tfd .dark .tfd-label,body.tfd .tfd-dark .tf-label,body.tfd .dark .tf-label,body.tfd .tf-label-light{color:var(--tfd-sand)}
body.tfd .tfd-lead,body.tfd .tf-lead{font-size:19px;line-height:1.65}
body.tfd .tfd-statement{font-family:var(--tfd-serif);font-style:italic;font-weight:500;font-size:clamp(30px,3.4vw,50px);line-height:1.2;margin:0 0 28px}
body.tfd .tfd-small,body.tfd .tf-small{font-size:14px;opacity:.8}
body.tfd .tfd-code,body.tfd .tf-code{font-family:var(--tfd-serif);font-weight:600;font-size:1.5em;letter-spacing:.04em;border-bottom:1px solid currentColor;padding:0 2px}
body.tfd .tfd-dark .tfd-code,body.tfd .dark .tfd-code{color:var(--tfd-sand)}
body.tfd .tf-quote{font-family:var(--tfd-serif);font-style:italic;font-size:1.35em;line-height:1.35}
body.tfd .tf-name{font-weight:600;margin:.5em 0 0}

/* Nummerierte Liste I–IV */
body.tfd ol.tfd-steps{list-style:none;margin:0 0 32px;padding:0;border-top:1px solid var(--tfd-line);counter-reset:none}
body.tfd ol.tfd-steps li{display:flex;gap:24px;padding:18px 0;margin:0;border-bottom:1px solid var(--tfd-line)}
body.tfd ol.tfd-steps li span:first-child{font-family:var(--tfd-serif);font-size:26px;line-height:1.2;color:var(--tfd-terra-dk);min-width:44px}
body.tfd .tfd-dark ol.tfd-steps,body.tfd .tfd-dark ol.tfd-steps li{border-color:rgba(243,237,227,.3)}
body.tfd .tfd-dark ol.tfd-steps li span:first-child{color:var(--tfd-sand)}

/* Einfache Liste mit Strich */
body.tfd ul.tfd-list,body.tfd ul.tf-list{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid var(--tfd-line)}
body.tfd ul.tfd-list li,body.tfd ul.tf-list li{padding:12px 0;margin:0;border-bottom:1px solid var(--tfd-line)}

/* ---------- Flächen und Panels ---------- */
body.tfd .tfd-panel .text-box-content,body.tfd .tfd-panel{border-radius:0}
body.tfd .tfd-panel--moss .text-box-content,body.tfd .tfd-panel--moss{background:var(--tfd-moss)!important;color:var(--tfd-linen)}
body.tfd .tfd-panel--moss h1,body.tfd .tfd-panel--moss h2,body.tfd .tfd-panel--moss h3{color:var(--tfd-linen)}
body.tfd .tfd-panel--moss .tfd-label{color:var(--tfd-sand)}
body.tfd .tfd-panel--linen .text-box-content,body.tfd .tfd-panel--linen{background:var(--tfd-linen)!important;color:var(--tfd-ink)}
body.tfd .tfd-panel--linen h1,body.tfd .tfd-panel--linen h2,body.tfd .tfd-panel--linen h3{color:var(--tfd-ink)}
body.tfd .tf-card,body.tfd .tf-card .col-inner{border-radius:0}

/* ---------- Bilder ---------- */
body.tfd .tfd-img img,body.tfd .tf-img img{width:100%;object-fit:cover;border-radius:0;display:block}
body.tfd .tfd-img--tall img{height:720px}
body.tfd .tfd-img--mid img{height:600px}
body.tfd .box-image img{border-radius:0}
@media (max-width:849px){
  body.tfd .tfd-img--tall img{height:520px}
  body.tfd .tfd-img--mid img{height:440px}
}

/* ---------- Banner (große Fotos) ---------- */
body.tfd .tfd-hero .text-box-content{padding:40px}
body.tfd .tfd-hero h1{font-size:clamp(38px,4vw,58px);margin-bottom:.4em}
body.tfd .tfd-hero h2{font-size:clamp(32px,3.2vw,46px)}
body.tfd .tfd-hero .text-box-content p{font-size:17px;line-height:1.65}
body.tfd .tfd-hero .text-box-content p.tfd-label{font-size:12px}
@media (max-width:549px){body.tfd .tfd-hero .text-box-content{padding:28px 22px}}

/* ---------- Journal als Liste ---------- */
body.tfd .tfd-journal{border-top:1px solid var(--tfd-ink)}
body.tfd .tfd-journal .box-image{display:none}
body.tfd .tfd-journal .col{padding-bottom:0}
body.tfd .tfd-journal .box-text{padding:26px 0;border-bottom:1px solid var(--tfd-line);text-align:left}
body.tfd .tfd-journal .post-title,body.tfd .tfd-journal .post-title a{font-family:var(--tfd-serif);font-size:clamp(24px,2.4vw,32px);font-weight:500;line-height:1.2;color:var(--tfd-ink)}
body.tfd .tfd-journal .box-blog-post:hover .post-title a,body.tfd .tfd-journal .post-title a:hover{color:var(--tfd-terra-dk)}
body.tfd .tfd-journal .cat-label{font-family:var(--tfd-sans);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--tfd-terra-dk);opacity:1;margin-bottom:6px;background:none!important;padding:0!important}
body.tfd .tfd-journal .is-divider,body.tfd .tfd-journal .from_the_blog_excerpt,body.tfd .tfd-journal .post-meta{display:none}

/* Journal als Karten (Übersichtsseite) */
body.tfd .box-blog-post .post-title{font-family:var(--tfd-serif);font-size:26px;font-weight:500;line-height:1.2}
body.tfd .box-blog-post .is-divider{background:var(--tfd-terra);opacity:1}

/* ---------- Akkordeon ---------- */
body.tfd .accordion-title{font-family:var(--tfd-serif);font-size:22px;font-weight:600;color:var(--tfd-ink);border-top:1px solid var(--tfd-line)}
body.tfd .accordion-title.active{color:var(--tfd-terra-dk);border-color:var(--tfd-terra)}

/* ---------- Beiträge ---------- */
body.tfd .entry-content{font-size:18px}
body.tfd .entry-title{font-family:var(--tfd-serif)}
body.tfd .entry-category a,body.tfd .entry-meta{font-size:12px;letter-spacing:.2em;text-transform:uppercase}