:root{
  --pine:#173d2d;--pine2:#0e2a20;--moss:#5f7d59;--sage:#e8efe6;--sand:#efe5d2;
  --sun:#d39a4a;--sky:#dce9e6;--ink:#17211d;--muted:#657169;--paper:#f7f8f4;
  --white:#fff;--line:#dfe5de;--max:1240px;--article:840px;--r:20px;
  --shadow:0 18px 45px rgba(18,49,36,.09)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.72}
a{color:#2f6250;text-underline-offset:3px}.site-header{position:sticky;top:0;z-index:50;background:rgba(250,251,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{max-width:var(--max);height:72px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pine2);font-weight:900;letter-spacing:-.025em}
.brandmark{width:36px;height:36px;border-radius:13px;background:var(--pine);display:grid;place-items:center;color:#fff}.brandmark svg{width:22px;height:22px}
.menu{display:flex;gap:4px;align-items:center}.menu>a,.drop>summary{list-style:none;cursor:pointer;text-decoration:none;color:#26382f;font-weight:750;font-size:.93rem;padding:10px 11px;border-radius:10px}.drop>summary::-webkit-details-marker{display:none}.menu>a:hover,.drop>summary:hover,.drop[open]>summary{background:var(--sage)}
.drop{position:relative}.mega{position:absolute;top:48px;left:0;width:600px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:24px}.mega h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}.mega a{display:block;color:var(--ink);text-decoration:none;padding:6px 0;font-size:.92rem}.mega a:hover{color:var(--pine)}
.search{margin-left:auto;position:relative}.search input{width:225px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 12px;font:inherit;font-size:.9rem}.results{position:absolute;right:0;top:48px;width:min(520px,86vw);max-height:430px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);display:none}.results.open{display:block}.result-link{display:block;padding:12px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.result-link small{display:block;color:var(--muted)}
.mobile{display:none;margin-left:auto}.mobile summary{cursor:pointer;font-weight:800}.mobile-panel{position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px}.mobile-panel a{display:block;padding:9px 0;color:var(--ink);text-decoration:none}
main{max-width:var(--max);margin:auto;padding:34px 22px 80px}
.hero{min-height:520px;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(125deg,var(--pine2),#315c44 58%,#6d8567);color:#fff;display:grid;grid-template-columns:1.1fr .9fr}
.hero-copy{padding:66px 58px;align-self:center}.kicker,.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:850}.kicker{color:#d4e3d6}.eyebrow{color:#5d7867}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(3.1rem,6vw,5.8rem);line-height:.98;letter-spacing:-.045em;margin:12px 0 24px}.hero p{font-size:1.16rem;color:#e6eee8;max-width:650px}
.hero-art{position:relative;overflow:hidden}.mountain{position:absolute;bottom:-2px;left:0;right:0;height:75%}.hero-sun{position:absolute;right:18%;top:15%;width:92px;height:92px;border-radius:50%;background:rgba(239,210,153,.35)}
.home-intro{max-width:760px;margin:54px auto 26px;text-align:center}.home-intro h2,.section-title,.hub h2,.article h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em}.home-intro h2{font-size:2.45rem;margin:0 0 12px}.home-intro p{font-size:1.06rem;color:#59665f}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 64px}.area-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:27px;text-decoration:none;color:var(--ink);transition:.2s}.area-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b8c9bd}.area-icon{width:54px;height:54px;border-radius:16px;background:var(--sage);display:grid;place-items:center;margin-bottom:24px}.area-icon svg{width:31px;height:31px;stroke:var(--pine)}
.area-card h3{font-family:Georgia,serif;font-size:1.65rem;font-weight:500;margin:0 0 10px}.area-card p{color:#59685f;margin:0 0 18px}.area-card span{font-weight:850;color:var(--pine)}
.article{max-width:var(--article);margin:auto}.breadcrumb{font-size:.86rem;color:var(--muted);margin-bottom:21px}.breadcrumb a{color:var(--muted)}
.article h1,.hub-head h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.04;letter-spacing:-.04em}.article h1{font-size:clamp(2.55rem,5vw,4.5rem);margin:9px 0 20px}.lede{font-size:1.19rem;line-height:1.7;color:#4f5f56;margin:0 0 26px}
.quick{background:linear-gradient(145deg,#edf4ee,#f8fbf6);border-left:4px solid var(--moss);border-radius:0 15px 15px 0;padding:20px 22px;margin:28px 0}.quick strong{display:block;margin-bottom:5px}
.toc{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px 22px;margin:30px 0 42px}.toc-title{font-weight:850;margin-bottom:7px}.toc ol{list-style:none;counter-reset:t;padding:0;margin:0}.toc li{counter-increment:t;border-top:1px solid #edf0ec}.toc li:first-child{border:0}.toc a{display:flex;align-items:baseline;gap:12px;padding:9px 0;text-decoration:none;color:var(--ink)}.toc a:before{content:counter(t,decimal-leading-zero);font-size:.73rem;font-weight:900;color:#81958b;min-width:24px}
.article h2{font-size:2rem;line-height:1.2;margin:2.15em 0 .72em}.article h3{font-size:1.2rem;margin-top:1.7em}.article p{margin:0 0 1.15em}.article ul{padding-left:1.25em}
.tool{background:linear-gradient(135deg,var(--pine2),#285541);color:#fff;border-radius:20px;padding:25px;margin:30px 0}.tool h3{font-family:Georgia,serif;font-weight:500;font-size:1.55rem;margin:0 0 8px}.tool p{color:#dce7e0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool label{font-size:.86rem;font-weight:760}.tool input,.tool select{width:100%;margin-top:5px;padding:10px 11px;border:1px solid #527361;border-radius:9px;background:#214637;color:#fff;font:inherit}.tool button{margin-top:14px;border:0;border-radius:10px;padding:11px 15px;background:#e3b56b;color:#261e12;font:inherit;font-weight:850;cursor:pointer}.tool-result{display:none;margin-top:14px;background:#fff;color:var(--ink);border-radius:11px;padding:14px}
.check{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:32px 0}.check ul{columns:2;gap:26px}
.amazon{background:#fff8ea;border:1px solid #ead7af;border-radius:18px;padding:23px;margin:35px 0}.amazon h3{font-family:Georgia,serif;font-size:1.45rem;font-weight:500;margin:0 0 8px}.amazon-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;border-radius:10px;padding:11px 15px;font-weight:850}.btn-a{background:#d9953c;color:#24190d}.btn-b{background:#fff;color:#523d22;border:1px solid #d9be8c}
.related{margin:42px 0}.related h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:500}.related-list{display:grid}.related-link{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.related-link:first-child{border:0}.related-link span:last-child{color:#7f8f86}
.faq{margin-top:42px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:820}
.sources{font-size:.88rem;color:var(--muted);margin-top:38px;padding-top:18px;border-top:1px solid var(--line)}.sources a{color:#596c61}
.hub{max-width:1050px;margin:auto}.hub-head{max-width:780px;margin:20px 0 44px}.hub-head h1{font-size:clamp(2.8rem,5vw,4.7rem);margin:9px 0 18px}.hub-head p{font-size:1.13rem;color:#536159}.hub-group{margin:44px 0}.hub-group h2{font-size:2rem;margin:0 0 9px}.hub-group>p{max-width:780px;color:#5d6b63}
.teasers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.teaser{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink)}.teaser:hover{border-color:#afc1b5;box-shadow:0 10px 28px rgba(22,54,39,.06)}.teaser h3{font-family:Georgia,serif;font-weight:500;font-size:1.25rem;margin:0 0 7px}.teaser p{font-size:.93rem;color:#657168;margin:0}.teaser .go{display:block;margin-top:12px;color:#3e6755;font-weight:820}
footer{background:#13281e;color:#b4c0b8;margin-top:64px}.footer{max-width:var(--max);margin:auto;padding:43px 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}.footer h4{color:#fff;margin:0 0 10px}.footer a{display:block;color:#c6d0ca;text-decoration:none;margin:6px 0}.ai-note{border-top:1px solid #33493e;margin-top:30px;padding-top:18px;font-size:.86rem;color:#9fb0a6}
@media(max-width:930px){.menu,.search{display:none}.mobile{display:block}.hero{grid-template-columns:1fr}.hero-art{min-height:220px}.area-grid,.teasers{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}}
@media(max-width:620px){main{padding-left:16px;padding-right:16px}.hero{border-radius:21px}.hero-copy{padding:42px 24px}.hero h1{font-size:3rem}.hero-art{min-height:150px}.area-grid,.teasers,.footer-grid{grid-template-columns:1fr}.check ul{columns:1}.article h1{font-size:2.55rem}.article h2{font-size:1.72rem}}

/* Redaktionelle Überarbeitung: kürzere Abschnitte, klarere Leseführung */
.article section[id^="s"] > p{max-width:78ch}
.article section[id^="s"]{scroll-margin-top:92px}
.article section[id^="s"] h2{margin-top:2.05em}
.article section[id^="s"] p + p{margin-top:.78em}
.home-intro-secondary{margin-top:72px}
.area-grid-secondary{margin-bottom:72px}
@media(max-width:1120px){.menu{gap:0}.menu>a,.drop>summary{padding-left:8px;padding-right:8px;font-size:.9rem}}


/* =========================
   Subpage hero system
   ========================= */
.subhero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr);
  gap:28px;
  align-items:end;
  padding:34px 34px 0;
  margin:24px 0 34px;
  min-height:360px;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(135deg,#0f412f 0%,#2c6845 52%,#6e8967 100%);
  color:#f7f4ef;
  box-shadow:0 24px 48px rgba(15,34,22,.12);
}
.subhero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 88% 22%, rgba(205,211,155,.55) 0 7%, transparent 7.4%),
    linear-gradient(90deg, rgba(4,33,22,.55) 0%, rgba(4,33,22,.18) 26%, rgba(4,33,22,0) 62%);
  pointer-events:none;
}
.subhero > *{position:relative; z-index:1}
.subhero-inner{
  padding:4px 0 34px 8px;
  max-width:760px;
}
.subhero .breadcrumb{
  margin:0 0 18px;
  color:rgba(247,244,239,.82);
}
.subhero .breadcrumb a{color:rgba(247,244,239,.86)}
.subhero .breadcrumb a:hover{color:#fff}
.subhero-eyebrow{
  margin:0 0 14px;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#f0df9d;
}
.subhero h1{
  margin:0;
  color:#f7f4ef;
  font-size:clamp(2.6rem,5vw,5.1rem);
  line-height:.98;
  letter-spacing:-0.03em;
  max-width:9ch;
}
.subhero-lede{
  margin:22px 0 0;
  max-width:34rem;
  font-size:1.17rem;
  line-height:1.72;
  color:rgba(247,244,239,.96);
}
.subhero-art{
  align-self:stretch;
  min-height:300px;
  background-position:right bottom;
  background-repeat:no-repeat;
  background-size:contain;
}

/* Theme tuning */
.subhero.theme-outdoor{
  background:linear-gradient(135deg,#0b392a 0%,#295f3e 48%,#6e8869 100%);
}
.subhero.theme-guide{
  background:linear-gradient(135deg,#163f30 0%,#396a4a 50%,#819570 100%);
}
.subhero.theme-event{
  background:linear-gradient(135deg,#194836 0%,#356b4a 48%,#78926f 100%);
}
.subhero.theme-farm{
  background:linear-gradient(135deg,#27482f 0%,#557849 48%,#98a06e 100%);
}
.subhero.theme-pavilion{
  background:linear-gradient(135deg,#164738 0%,#3e7356 48%,#88a186 100%);
}

/* Themed artwork */
.art-outdoor{
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 380'>\
<path fill='%23164335' d='M0 270 130 125l122 120 123-164 140 184V380H0Z'/>\
<path fill='%23264f3d' d='M0 305 158 186l97 100 154-171 160 265H0Z' opacity='.95'/>\
<path fill='%23627867' d='M200 380 430 145 610 380Z' opacity='.92'/>\
</svg>");
}
.art-guide{
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 380'>\
<path fill='%232f5f4a' d='M35 318c76-84 137-125 247-125 108 0 164 36 271 125H35Z' opacity='.88'/>\
<path fill='none' stroke='%23e3dab2' stroke-width='3' stroke-dasharray='1 14' d='M330 36v88' opacity='.8'/>\
<circle cx='330' cy='136' r='18' fill='%23d6cca2' opacity='.86'/>\
<path fill='none' stroke='%23dde3c1' stroke-width='4' d='M170 284c43-28 99-42 160-42 78 0 124 19 190 54' opacity='.5'/>\
<path fill='none' stroke='%23dde3c1' stroke-width='4' d='M110 328c48-22 110-34 187-34 90 0 165 18 246 56' opacity='.34'/>\
<path fill='%23486f58' d='M235 318 330 196l95 122Z'/>\
<path fill='none' stroke='%23f4efdf' stroke-width='4' d='M330 196v122M268 318h124' opacity='.9'/>\
</svg>");
}
.art-event{
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 380'>\
<path fill='%23527161' d='M24 380h632v-52H24z' opacity='.26'/>\
<path fill='%23204636' d='M50 309h184l-20-114H70z'/>\
<path fill='%23d9e0c8' d='M72 195h140l22 114H50z' opacity='.44'/>\
<path fill='%2325493a' d='M240 309h240l-28-138H268z'/>\
<path fill='%23dfe3ce' d='M268 171h184l28 138H240z' opacity='.4'/>\
<path fill='%23183d30' d='M454 309h176l-18-96H472z'/>\
<path fill='%23e5e0c0' d='M472 213h140l18 96H454z' opacity='.44'/>\
<path fill='%23456253' d='M140 309V224M360 309V198M542 309V234' stroke='%23456253' stroke-width='8'/>\
</svg>");
}
.art-farm{
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 380'>\
<path fill='%236f8360' d='M0 380V285c93-14 151-54 251-54 88 0 152 38 230 38 69 0 119-20 199-56v167H0Z' opacity='.62'/>\
<path fill='%234b6b43' d='M0 380V312c86-30 153-47 227-47 90 0 147 29 236 29 72 0 131-20 217-58v144H0Z'/>\
<path fill='%23344d2f' d='M398 305h184v75H398z'/>\
<path fill='%23344d2f' d='M425 230h130v75H425z'/>\
<path fill='%23d9dcb4' d='M443 258h34v47M505 258h34v47' opacity='.42'/>\
<path fill='%23435b39' d='M50 316h110v64H50z'/>\
<path fill='%23435b39' d='M66 276h78v40H66z'/>\
</svg>");
}
.art-pavilion{
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 380'>\
<path fill='%23274f40' d='M0 380h680v-44H0z' opacity='.22'/>\
<path fill='%231a4335' d='M176 173h196l62 56H114z'/>\
<path fill='%23dfe2ca' d='M114 229h320l-28 24H142z' opacity='.44'/>\
<path fill='%233f6654' d='M146 253h18v96h-18zm208 0h18v96h-18zm-104 0h18v96h-18z'/>\
<path fill='%23204a3a' d='M418 193h148l54 46H364z' opacity='.9'/>\
<path fill='%23dde0c9' d='M364 239h256l-22 19H386z' opacity='.4'/>\
<path fill='%23456d58' d='M392 258h16v86h-16zm184 0h16v86h-16zm92 0h0'/>\
</svg>");
}

/* Better integration with existing layouts */
.article > .subhero + .quick,
.hub > .subhero + .hub-group{margin-top:0}
.article > .subhero + .toc{margin-top:6px}
.hub-head{display:none !important;}

@media (max-width: 980px){
  .subhero{
    grid-template-columns:1fr;
    gap:10px;
    min-height:unset;
    padding:24px 24px 0;
    border-radius:28px;
  }
  .subhero h1{
    max-width:11ch;
    font-size:clamp(2.4rem,10vw,4.2rem);
  }
  .subhero-inner{padding:2px 0 18px}
  .subhero-art{
    min-height:190px;
    background-size:cover;
    background-position:center bottom;
  }
}
@media (max-width: 640px){
  .subhero{
    margin:16px 0 24px;
    padding:18px 18px 0;
    border-radius:24px;
  }
  .subhero .breadcrumb{font-size:.9rem}
  .subhero-eyebrow{font-size:.78rem}
  .subhero-lede{font-size:1rem; line-height:1.62}
  .subhero-art{min-height:150px}
}



/* zelt-magazin.de: breitere Unterseiten-Hero-Fläche */
.article > .subhero,
.hub > .subhero{
  width:min(1240px,calc(100vw - 48px));
  max-width:none;
  margin-left:50%;
  margin-right:0;
  transform:translateX(-50%);
}
.article > .subhero h1,
.hub > .subhero h1{max-width:12.5ch;}
.article > .subhero .subhero-inner,
.hub > .subhero .subhero-inner{max-width:790px;}

/* Zweite, bewusst dezentere Amazon-CTA im oberen Content */
.amazon-upper{
  margin:34px 0 40px;
  background:linear-gradient(135deg,#f7f1df 0%,#fffaf0 100%);
  border:1px solid #e6d6ab;
  box-shadow:none;
}
.amazon-upper .amazon-kicker{
  margin-bottom:5px;
  font-size:.76rem;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:800;
  color:#82672c;
}
.amazon-upper h3{margin-top:0;}
.affiliate-explain{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(91,74,36,.16);
  color:#655d4d;
  font-size:.89rem;
  line-height:1.55;
}
.affiliate-explain strong:last-child{color:#244c39;}
.amazon-associate-status{
  margin-top:26px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.13);
  color:#c8d2cd;
  font-size:.84rem;
}

@media(max-width:980px){
  .article > .subhero,
  .hub > .subhero{
    width:calc(100vw - 28px);
  }
  .article > .subhero h1,
  .hub > .subhero h1{max-width:14ch;}
}
@media(max-width:640px){
  .article > .subhero,
  .hub > .subhero{width:calc(100vw - 20px);}
}

/* Menü- und Footer-Bezeichnungen sind bewusst keine Heading-Tags. */
.mega .menu-section-label{
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--muted);
  margin:0 0 8px;
  font-weight:800;
}
.footer .footer-section-label{
  color:#fff;
  margin:0 0 10px;
  font-weight:800;
  font-size:.96rem;
}

/* Oberer Amazon-CTA: deutlich vom abschließenden hellen CTA getrennt. */
.amazon-upper.amazon-featured{
  position:relative;
  overflow:hidden;
  margin:36px 0 42px;
  padding:27px 28px;
  border:0;
  border-radius:20px;
  background:
    radial-gradient(circle at 91% 18%,rgba(231,186,95,.25) 0 48px,transparent 50px),
    linear-gradient(135deg,#123f2f 0%,#245c42 56%,#3f7556 100%);
  color:#fff;
  box-shadow:0 18px 40px rgba(15,59,43,.16);
}
.amazon-upper.amazon-featured::after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-70px;
  width:190px;
  height:150px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  transform:rotate(-12deg);
}
.amazon-upper.amazon-featured .amazon-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  margin:0 0 12px;
  border-radius:999px;
  background:rgba(241,218,158,.16);
  border:1px solid rgba(241,218,158,.34);
  color:#f2dfa5;
  font-size:.72rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:850;
}
.amazon-upper.amazon-featured h3{
  position:relative;
  z-index:1;
  margin:0 0 9px;
  color:#fff;
  font-family:Georgia,serif;
  font-size:1.65rem;
  font-weight:500;
  line-height:1.18;
}
.amazon-upper.amazon-featured > p{
  position:relative;
  z-index:1;
  max-width:650px;
  margin:0 0 18px;
  color:rgba(255,255,255,.9);
  line-height:1.65;
}
.amazon-upper.amazon-featured .amazon-actions,
.amazon-upper.amazon-featured .affiliate-explain{position:relative;z-index:1}
.amazon-upper.amazon-featured .amazon-upper-button{
  background:#efb454;
  color:#1e281e;
  padding:13px 18px;
  border-radius:11px;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.amazon-upper.amazon-featured .amazon-upper-button:hover{
  transform:translateY(-2px);
  background:#f5c36f;
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}
.amazon-upper.amazon-featured .affiliate-explain{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.78);
}
.amazon-upper.amazon-featured .affiliate-explain strong{color:#fff}

/* CTA direkt im Ergebnis eines Rechners/Selectors. */
.tool-result .tool-affiliate{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e3e7e2;
}
.tool-result .tool-affiliate .btn{
  display:inline-block;
  background:#d9953c;
  color:#20180e;
  margin-bottom:8px;
}
.tool-result .tool-affiliate small{
  display:block;
  color:#68736c;
  line-height:1.45;
}


/* ============================================================
   Redaktionelle Semantik: Related ohne Heading, FAQ-Fragen als H3
   ============================================================ */
.related-title{
  margin:0 0 14px;
  font-size:.82rem;
  line-height:1.2;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#617169;
}
.faq .faq-item{
  padding:19px 0 20px;
  border-top:1px solid var(--line);
}
.faq .faq-item:last-child{
  border-bottom:1px solid var(--line);
}
.faq .faq-item h3{
  margin:0 0 8px;
  font-family:inherit;
  font-size:1.08rem;
  line-height:1.45;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--ink);
}
.faq .faq-item p{
  margin:0;
  color:#4f5d56;
}

/* ============================================================
   CTA 2: heller, moderner Abschluss-CTA – bewusst anders als CTA 1
   ============================================================ */
.amazon.amazon-lower{
  position:relative;
  overflow:hidden;
  margin:42px 0 38px;
  padding:27px 28px 25px;
  border:1px solid #d8e2dc;
  border-radius:20px;
  background:
    linear-gradient(135deg,#ffffff 0%,#f4f7f3 62%,#edf3ee 100%);
  box-shadow:0 14px 34px rgba(28,64,46,.08);
  color:var(--ink);
}
.amazon.amazon-lower::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#2c654a,#7d9b78,#d7a24a);
}
.amazon.amazon-lower::after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-86px;
  top:-84px;
  border-radius:50%;
  background:rgba(53,111,78,.055);
  pointer-events:none;
}
.amazon-lower-kicker{
  display:inline-flex;
  align-items:center;
  margin:0 0 11px;
  padding:5px 9px;
  border-radius:999px;
  background:#e7efe9;
  color:#315b47;
  font-size:.72rem;
  line-height:1;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.amazon.amazon-lower h3{
  position:relative;
  z-index:1;
  margin:0 0 8px;
  color:#173a2d;
  font-family:Georgia,serif;
  font-weight:500;
  font-size:1.52rem;
  line-height:1.22;
}
.amazon.amazon-lower > p{
  position:relative;
  z-index:1;
  max-width:670px;
  margin:0 0 17px;
  color:#56635d;
}
.amazon.amazon-lower .amazon-actions,
.amazon.amazon-lower .affiliate-explain{
  position:relative;
  z-index:1;
}
.amazon.amazon-lower .amazon-lower-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #245c43;
  border-radius:11px;
  padding:12px 16px;
  background:#fff;
  color:#245c43;
  box-shadow:none;
  transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.amazon.amazon-lower .amazon-lower-button:hover{
  background:#245c43;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(26,76,53,.14);
}
.amazon.amazon-lower .affiliate-explain{
  margin-top:16px;
  padding:12px 14px;
  border:0;
  border-radius:10px;
  background:#eef3ef;
  color:#66736c;
}
.amazon.amazon-lower .affiliate-explain strong{
  color:#30483d;
}

@media(max-width:640px){
  .amazon.amazon-lower{
    padding:23px 20px 21px;
  }
  .amazon.amazon-lower .amazon-lower-button{
    width:100%;
  }
}



/* ==========================================================
   Redaktionelle Bilder & Infografiken
   ========================================================== */
.article-feature,
.content-media,
.infographic-media,
.home-editorial-media{
  margin:26px 0 34px;
}
.article-feature{
  width:min(1120px,calc(100vw - 56px));
  margin-left:50%;
  transform:translateX(-50%);
}
.article-feature img,
.content-media img,
.home-editorial-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:22px;
  box-shadow:0 18px 42px rgba(20,54,39,.11);
}
.content-media img{border-radius:18px}
.infographic-media{
  padding:14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 32px rgba(22,54,39,.07);
}
.infographic-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}
.home-editorial-media{
  max-width:1040px;
  margin:38px auto 10px;
}
.related-list{gap:8px}
.related-link{
  display:grid;
  grid-template-columns:118px minmax(0,1fr) 22px;
  align-items:center;
  gap:14px;
  padding:10px 0;
}
.related-link .related-thumb{
  display:block;
  width:118px;
  height:72px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid var(--line);
}
.related-link span:nth-last-child(2){align-self:center}
.teaser{overflow:hidden;padding:0 0 18px}
.teaser .teaser-thumb{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-bottom:1px solid var(--line);
  margin:0 0 17px;
}
.teaser h3,.teaser p,.teaser .go{margin-left:20px;margin-right:20px}
.teaser h3{margin-top:0}
.image-ai-note{
  margin-top:10px;
  color:rgba(255,255,255,.7);
  font-size:.82rem;
  line-height:1.55;
}
@media(max-width:700px){
  .article-feature{width:100%;margin-left:0;transform:none}
  .article-feature img,.content-media img,.home-editorial-media img{border-radius:16px}
  .related-link{grid-template-columns:88px minmax(0,1fr) 18px;gap:10px}
  .related-link .related-thumb{width:88px;height:58px}
  .infographic-media{padding:7px;border-radius:14px}
}


.article-inline-media{margin:32px 0 36px}.article-inline-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;box-shadow:0 16px 36px rgba(20,54,39,.09)}
@media(max-width:700px){.article-inline-media img{border-radius:14px}}


/* Nur Infografiken anzeigen: Fotos/Teaserbilder wurden entfernt */
.infographic-media{
  max-width: 1080px;
  margin: 34px auto 38px;
}
.infographic-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  box-shadow:0 14px 30px rgba(24,54,39,.08);
}
@media (min-width: 1100px){
  .article .infographic-media{
    margin-left:-24px;
    margin-right:-24px;
  }
}
.related a,
.teaser{
  align-items:flex-start;
}



/* ============================================================
   Infografiken – ruhigere Darstellung
   - kleine obere Kennzeichnung ausblenden
   - unteren Merke-Bereich ausblenden
   - größer und leserlicher einbinden
   ============================================================ */
.infographic-media.infographic-clean{
  position:relative;
  max-width:1180px;
  margin:38px auto 42px;
  padding:0;
  overflow:hidden;
  border-radius:24px;
  background:#f5f2eb;
  box-shadow:0 18px 36px rgba(22,51,36,.08);
}
.infographic-media.infographic-clean img{
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
}
.infographic-media.infographic-clean::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:38%;
  height:7.8%;
  min-height:44px;
  max-height:62px;
  background:#124d37;
  border-top-left-radius:24px;
  z-index:2;
  pointer-events:none;
}
.infographic-media.infographic-clean::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:16.2%;
  min-height:92px;
  max-height:132px;
  background:#f5f2eb;
  border-bottom-left-radius:24px;
  border-bottom-right-radius:24px;
  z-index:2;
  pointer-events:none;
}
.article .infographic-media.infographic-clean + *{
  margin-top:4px;
}
@media (min-width: 1100px){
  .article .infographic-media.infographic-clean{
    margin-left:-36px;
    margin-right:-36px;
  }
}
@media (max-width: 980px){
  .infographic-media.infographic-clean{
    max-width:100%;
    margin:28px 0 32px;
    border-radius:18px;
  }
  .infographic-media.infographic-clean img{
    border-radius:18px;
  }
  .infographic-media.infographic-clean::before{
    width:50%;
    min-height:34px;
    height:8.2%;
    border-top-left-radius:18px;
  }
  .infographic-media.infographic-clean::after{
    height:17%;
    min-height:72px;
    border-bottom-left-radius:18px;
    border-bottom-right-radius:18px;
  }
}



/* ============================================================
   Neue genehmigte Infografik-Serie (10 Kernseiten)
   - keine Maskierung oben/unten
   - größere, saubere Einbindung
   ============================================================ */
.infographic-media.infographic-new-style{
  position:relative;
  max-width:1180px;
  margin:38px auto 42px;
  padding:0;
  overflow:hidden;
  border-radius:24px;
  background:#f6f3ed;
  box-shadow:0 18px 36px rgba(22,51,36,.08);
}
.infographic-media.infographic-new-style img{
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
}
.infographic-media.infographic-new-style::before,
.infographic-media.infographic-new-style::after{
  content:none !important;
  display:none !important;
}
@media (min-width:1100px){
  .article .infographic-media.infographic-new-style{
    margin-left:-18px;
    margin-right:-18px;
  }
}
@media (max-width:980px){
  .infographic-media.infographic-new-style{
    max-width:100%;
    margin:28px 0 32px;
    border-radius:18px;
  }
  .infographic-media.infographic-new-style img{
    border-radius:18px;
  }
}



/* Gleichmäßiger Innenabstand und saubere Ausrichtung für Auswahl-/Teaserboxen */
.teasers{
  gap:24px !important;
}
.teaser{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  height:100%;
  padding:24px 22px 20px !important;
  box-sizing:border-box;
}
.teaser h3{
  margin:0 0 8px !important;
  line-height:1.22;
}
.teaser p{
  margin:0 !important;
  line-height:1.75;
  flex:1 1 auto;
}
.teaser .go{
  margin-top:auto !important;
  padding-top:16px;
}
@media (max-width: 620px){
  .teasers{
    gap:16px !important;
  }
  .teaser{
    padding:20px 18px 18px !important;
  }
}


/* V11: Nur die freigegebenen modernen Infografiken bleiben bestehen. */
.infographic-media:not(.infographic-new-style){
  display:none !important;
}
.infographic-media.infographic-new-style::before,
.infographic-media.infographic-new-style::after{
  content:none !important;
  display:none !important;
}



/* ============================================================
   Weiterführende Ratgeber: moderne klickbare Karten
   ============================================================ */
.related{
  margin:46px 0 18px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.related-title{
  margin:0 0 16px;
  font-size:.78rem;
  line-height:1.2;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#63736a;
}
.related-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.related-link{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:74px;
  padding:17px 18px !important;
  border:1px solid #dbe3de !important;
  border-radius:14px;
  background:#fff;
  color:#18392d !important;
  text-decoration:none;
  box-shadow:0 7px 18px rgba(25,59,43,.035);
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.related-link:first-child{border:1px solid #dbe3de !important}
.related-link:hover{
  transform:translateY(-2px);
  border-color:#9fb6a8 !important;
  background:#fbfcfa;
  box-shadow:0 12px 25px rgba(25,59,43,.08);
}
.related-link span:first-child{
  font-weight:760;
  line-height:1.35;
}
.related-link span:last-child{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#edf3ef;
  color:#2e6349;
  font-size:1rem;
  transition:background .16s ease,color .16s ease;
}
.related-link:hover span:last-child{
  background:#285f45;
  color:#fff;
}

/* ============================================================
   Verteilerseiten: zusätzlicher redaktioneller Content
   ============================================================ */
.hub-editorial{
  max-width:850px;
  margin:58px 0 8px;
}
.hub-editorial-section{
  margin:0 0 42px;
}
.hub-editorial-section h2{
  margin:0 0 14px;
  max-width:780px;
  font-size:clamp(1.75rem,3vw,2.25rem);
  line-height:1.18;
}
.hub-editorial-section p{
  max-width:780px;
  margin:0 0 14px;
  color:#536159;
  font-size:1rem;
  line-height:1.82;
}
.hub-editorial-section p a{
  color:#285f45;
  font-weight:720;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/* Affiliate-CTA auf Verteilerseiten */
.hub-affiliate{
  position:relative;
  overflow:hidden;
  max-width:790px;
  margin:10px 0 44px;
  padding:25px 26px 23px;
  border-radius:18px;
}
.hub-affiliate-dark{
  background:linear-gradient(135deg,#123f2f,#2e684a 70%,#5d8266);
  color:#fff;
  box-shadow:0 16px 34px rgba(20,60,42,.13);
}
.hub-affiliate-light{
  border:1px solid #d7e2db;
  background:linear-gradient(135deg,#fff,#f1f5f1);
  color:#173a2d;
  box-shadow:0 12px 28px rgba(20,60,42,.06);
}
.hub-affiliate-kicker{
  margin-bottom:9px;
  font-size:.72rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.hub-affiliate-dark .hub-affiliate-kicker{color:#f0d997}
.hub-affiliate-light .hub-affiliate-kicker{color:#547162}
.hub-affiliate-title{
  max-width:650px;
  margin-bottom:8px;
  font-family:Georgia,serif;
  font-size:1.48rem;
  line-height:1.25;
}
.hub-affiliate p{
  max-width:650px;
  margin:0 0 17px;
  line-height:1.65;
}
.hub-affiliate-dark p{color:rgba(255,255,255,.88)}
.hub-affiliate-light p{color:#59665f}
.hub-affiliate-button{
  display:inline-flex;
  align-items:center;
  padding:12px 16px;
  border-radius:10px;
  text-decoration:none;
  font-weight:820;
}
.hub-affiliate-dark .hub-affiliate-button{
  background:#efb454;
  color:#1d271f;
}
.hub-affiliate-light .hub-affiliate-button{
  border:1px solid #285f45;
  background:#fff;
  color:#285f45;
}
.hub-affiliate-light .hub-affiliate-button:hover{
  background:#285f45;
  color:#fff;
}
.hub-affiliate-note{
  display:block;
  max-width:680px;
  margin-top:13px;
  line-height:1.45;
  font-size:.78rem;
}
.hub-affiliate-dark .hub-affiliate-note{color:rgba(255,255,255,.7)}
.hub-affiliate-light .hub-affiliate-note{color:#728078}

@media(max-width:720px){
  .related-list{grid-template-columns:1fr}
  .related-link{min-height:64px}
  .hub-editorial{margin-top:42px}
  .hub-affiliate{padding:22px 20px}
  .hub-affiliate-button{width:100%;justify-content:center}
}



.hub-checklist{
  max-width:760px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 18px;
}
.hub-checklist li{
  position:relative;
  padding-left:24px;
  color:#46574e;
  line-height:1.55;
}
.hub-checklist li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#2f694d;
  font-weight:850;
}
@media(max-width:620px){
  .hub-checklist{grid-template-columns:1fr}
}



/* ============================================================
   Footer / Impressum V14
   ============================================================ */
.footer-brand{
  display:inline-block !important;
  margin:0 0 12px !important;
  color:#fff !important;
  font-family:Georgia,serif;
  font-size:1.32rem;
  font-weight:600;
  letter-spacing:.015em;
}
.footer-copy{
  max-width:34rem;
  margin:7px 0 0;
  color:#aebbb3;
  font-size:.9rem;
  line-height:1.65;
}
.footer .footer-section-label{
  margin-bottom:12px;
}
.ai-note strong{
  color:#dbe4de;
}
.legal-page{
  max-width:900px;
  margin:34px auto 20px;
}
.legal-page .breadcrumb{
  margin-bottom:24px;
}
.legal-page h1{
  margin:0 0 14px;
  font-family:Georgia,serif;
  font-size:clamp(2.8rem,6vw,4.5rem);
  line-height:1;
  color:var(--ink);
}
.legal-lede{
  max-width:700px;
  margin:0 0 38px;
  color:#5b6961;
  font-size:1.08rem;
  line-height:1.7;
}
.legal-page section{
  max-width:760px;
  padding:26px 0;
  border-top:1px solid var(--line);
}
.legal-page section h2{
  margin:0 0 13px;
  font-size:1.6rem;
}
.legal-page section p{
  margin:7px 0;
  line-height:1.72;
  color:#4f5d56;
}
.legal-page section a{
  color:#285f45;
  text-underline-offset:3px;
}
@media(max-width:620px){
  .legal-page{margin-top:22px}
}



/* ============================================================
   Externe Fachartikel V18
   ============================================================ */
.external-articles{
  max-width:820px;
  margin:34px 0 16px;
  padding:20px 22px;
  border:1px solid #dce5df;
  border-radius:14px;
  background:#f8faf8;
}
.external-articles-title{
  margin:0 0 11px;
  color:#50645a;
  font-size:.78rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.external-articles ul{
  list-style:none;
  margin:0;
  padding:0;
}
.external-articles li + li{
  margin-top:8px;
}
.external-articles a{
  display:inline;
  color:#285f45;
  font-size:.92rem;
  line-height:1.55;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.external-articles a::after{
  content:" ↗";
  color:#7b9186;
  font-size:.82em;
}
.external-articles a:hover{
  color:#163d2d;
}