:root{--t-ink:#1c2030;--t-mut:#5c6172;--t-line:#dcdee8;--t-line2:#eeeff4;
--t-bg:#ffffff;--t-soft:#f5f5fb;--t-deep:#3b3072;--t-acc:#c6923b;--t-acc-soft:#f7edd9;
--t-pro:#2f7d52;--t-pro-bg:#e9f4ee;--t-con:#a8562a;--t-con-bg:#fbeee4;
--t-amz:#8a6d1f;--t-amz-bg:#fbf4e2;--t-amz-line:#ecdcae;
--t-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--t-serif:Georgia,"Iowan Old Style",serif}
*{box-sizing:border-box}
body{margin:0;background:var(--t-bg);color:var(--t-ink);font-family:var(--t-sans);font-size:17px;line-height:1.65}
a{color:var(--t-deep)}
a:hover{color:var(--t-acc)}
.tt-skip{position:absolute;left:-9999px;background:var(--t-deep);color:#fff;padding:10px 16px;z-index:99}
.tt-skip:focus{left:0;top:0}
.tt-shell{max-width:1080px;margin:0 auto;padding:0 20px}
.tt-main{min-height:60vh;padding:24px 0 54px}

.tt-top{background:#fff;border-bottom:1px solid var(--t-line);position:sticky;top:0;z-index:20}
.tt-top__in{display:flex;align-items:center;gap:24px;padding:13px 20px}
.tt-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--t-deep);flex:0 0 auto}
.tt-brand__t{font-family:var(--t-serif);font-size:1.16rem;color:var(--t-ink);white-space:nowrap}
.tt-brand__t b{font-weight:400;color:var(--t-acc)}
.tt-nav{flex:1}
.tt-nav ul{list-style:none;display:flex;gap:15px;margin:0;padding:0;flex-wrap:wrap}
.tt-nav a{color:var(--t-ink);text-decoration:none;font-size:.9rem;padding-bottom:3px;border-bottom:2px solid transparent}
.tt-nav a:hover{color:var(--t-acc);border-bottom-color:var(--t-acc)}
.tt-burger{display:none;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--t-line);background:#fff;border-radius:4px;margin-left:auto;padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.tt-burger span{display:block;width:19px;height:2px;background:var(--t-ink);border-radius:1px}
.tt-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.tt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.tt-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.tt-bc{font-size:.82rem;color:var(--t-mut);margin:0 0 15px}
.tt-bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35em;margin:0;padding:0}
.tt-bc li:not(:last-child)::after{content:"›";margin-left:.35em;color:var(--t-line)}
.tt-bc a{color:var(--t-mut);text-decoration:none}

.tt-art--narrow{max-width:780px}
.tt-head{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--t-line)}
.tt-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.73rem;font-weight:700;color:var(--t-acc);margin:0 0 .4em}
.tt-art h1{font-family:var(--t-serif);font-weight:400;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;margin:0 0 .3em}
.tt-lead{font-size:1.08rem;color:var(--t-mut);margin:.3em 0 0;max-width:70ch}
.tt-meta{font-size:.86rem;color:var(--t-mut);margin:.5em 0 0}
.tt-art h2{font-family:var(--t-serif);font-weight:400;font-size:1.4rem;margin:1.8em 0 .5em;padding-bottom:.2em;border-bottom:1px solid var(--t-line2)}
.tt-art p{max-width:74ch}

.tt-pro-con{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.2em 0}
.tt-pro,.tt-con{border-radius:4px;padding:14px 16px}
.tt-pro{background:var(--t-pro-bg);border-left:3px solid var(--t-pro)}
.tt-con{background:var(--t-con-bg);border-left:3px solid var(--t-con)}
.tt-pc__h{font-weight:700;margin:0 0 .3em;font-size:.9rem}
.tt-pro .tt-pc__h{color:var(--t-pro)}
.tt-con .tt-pc__h{color:var(--t-con)}
.tt-pro p,.tt-con p{margin:0;font-size:.95rem}

.tt-tip{background:var(--t-acc-soft);border-left:3px solid var(--t-acc);padding:13px 18px;margin:1.3em 0;max-width:74ch}
.tt-tip__h{font-weight:700;margin:0 0 .25em;color:#9a6f24}
.tt-tip p{margin:0}
.tt-def{background:var(--t-soft);border-left:3px solid var(--t-deep);padding:14px 18px;margin:1em 0}
.tt-def__l{text-transform:uppercase;font-size:.73rem;letter-spacing:.08em;font-weight:700;color:var(--t-deep);margin:0 0 .25em}
.tt-def p{margin:0}

.tt-amz-note{background:var(--t-soft);border:1px dashed var(--t-amz-line);border-radius:6px;padding:9px 14px;margin:1em 0;font-size:.86rem;color:var(--t-mut);max-width:74ch}
.tt-amz-note strong{color:var(--t-ink)}
.tt-amz{background:var(--t-amz-bg);border:1px solid var(--t-amz-line);border-radius:8px;padding:16px 18px;margin:1.6em 0;max-width:74ch;color:var(--t-amz)}
.tt-amz__flag{text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;font-weight:700;color:var(--t-amz);margin:0 0 .5em}
.tt-amz__h{font-family:var(--t-serif);font-weight:400;font-size:1.2rem;color:var(--t-ink);margin:0 0 .3em}
.tt-amz__intro{margin:0 0 .9em;font-size:.94rem;color:var(--t-ink)}
.tt-amz__list{list-style:none;margin:0;padding:0}
.tt-amz__item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--t-amz-line);border-radius:6px;padding:11px 13px;margin-bottom:9px}
.tt-amz__ic{flex:0 0 auto;width:34px;height:34px;border-radius:6px;background:var(--t-amz-bg);color:var(--t-amz);display:flex;align-items:center;justify-content:center}
.tt-amz__txt{flex:1;min-width:0}
.tt-amz__label{display:block;font-weight:600;color:var(--t-ink);font-size:.96rem}
.tt-amz__note{display:block;font-size:.84rem;color:var(--t-mut)}
.tt-amz__cta{flex:0 0 auto;background:var(--t-acc);color:#fff;text-decoration:none;padding:8px 15px;border-radius:5px;font-size:.87rem;font-weight:600;white-space:nowrap}
.tt-amz__cta:hover{background:#ab7d2f;color:#fff}
.tt-amz__disc{margin:.5em 0 0;font-size:.8rem;color:var(--t-mut);line-height:1.5}

.tt-tablewrap{overflow-x:auto;margin:1em 0}
.tt-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--t-line);font-size:.95rem}
.tt-table th{text-align:left;padding:11px 14px;background:var(--t-soft);width:34%;vertical-align:top;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--t-mut);border-bottom:1px solid var(--t-line2)}
.tt-table td{padding:11px 14px;border-bottom:1px solid var(--t-line2)}
.tt-tr-fazit th{background:var(--t-deep);color:#fff}
.tt-tr-fazit td{background:var(--t-soft);font-weight:600}

.tt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px;margin:.9em 0}
.tt-card{display:block;background:#fff;border:1px solid var(--t-line);padding:15px 17px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.tt-card:hover{border-color:var(--t-acc);box-shadow:0 2px 12px rgba(198,146,59,.12);color:inherit}
.tt-card h3{font-family:var(--t-serif);font-weight:400;font-size:1.08rem;margin:0 0 .25em}
.tt-card p{margin:0;font-size:.88rem;color:var(--t-mut);line-height:1.55}

.tt-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:.6em 0;padding:0}
.tt-chips li a{display:inline-block;background:#fff;border:1px solid var(--t-line);border-radius:999px;padding:5px 14px;font-size:.89rem;text-decoration:none;color:var(--t-ink)}
.tt-chips li a:hover{border-color:var(--t-acc);color:var(--t-acc)}
.tt-list{padding-left:1.2em;margin:.6em 0}
.tt-list li{margin:.3em 0}
.tt-dl dt{font-weight:700;margin-top:.9em}
.tt-dl dt a{text-decoration:none}
.tt-dl dd{margin:0 0 .3em;color:var(--t-mut);font-size:.93rem}
.tt-link{font-weight:600;font-size:.94rem}
.tt-see{margin-top:2.2em;padding-top:1.1em;border-top:1px solid var(--t-line)}
.tt-see h2{margin-top:0}

.tt-hero{text-align:center;padding:36px 0 30px;border-bottom:1px solid var(--t-line);margin-bottom:26px}
.tt-hero h1{font-family:var(--t-serif);font-weight:400;font-size:clamp(2rem,5vw,2.85rem);margin:.1em 0 .3em}
.tt-hero__sub{max-width:66ch;margin:0 auto 1.3em;color:var(--t-mut);font-size:1.05rem}
.tt-hero__cta{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin:0}
.tt-btn{display:inline-block;background:var(--t-acc);color:#fff;text-decoration:none;padding:10px 22px;border-radius:3px;font-size:.95rem;font-weight:600}
.tt-btn:hover{background:#ab7d2f;color:#fff}
.tt-btn--ghost{background:transparent;color:var(--t-deep);border:1px solid var(--t-deep)}
.tt-btn--ghost:hover{background:var(--t-deep);color:#fff}
.tt-btn--big{font-size:1.02rem;padding:12px 28px}
.tt-h2{font-family:var(--t-serif);font-weight:400;font-size:1.42rem;margin:1.9em 0 .6em;padding-bottom:.2em;border-bottom:1px solid var(--t-line2)}
.tt-split{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;margin:1em 0}

.tt-body{max-width:74ch;font-size:1.04rem}
.tt-body h2{font-family:var(--t-serif);font-weight:400;font-size:1.4rem;margin:1.7em 0 .45em}

.tt-foot{background:var(--t-soft);border-top:1px solid var(--t-line);margin-top:44px;padding:30px 0 0}
.tt-foot__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:28px}
.tt-foot__brand{font-family:var(--t-serif);font-size:1.16rem;margin:0 0 .4em}
.tt-foot__brand b{font-weight:400;color:var(--t-acc)}
.tt-foot p{margin:0;font-size:.91rem;color:var(--t-mut)}
.tt-foot__h{font-weight:700;font-size:.79rem;text-transform:uppercase;letter-spacing:.07em;color:var(--t-deep);margin:0 0 .5em}
.tt-foot ul{list-style:none;margin:0;padding:0;font-size:.91rem}
.tt-foot li{margin:.3em 0}
.tt-foot li a{text-decoration:none;color:var(--t-ink)}
.tt-foot li a:hover{color:var(--t-acc)}
.tt-foot__bar{border-top:1px solid var(--t-line);margin-top:26px;padding:14px 20px 20px}
.tt-foot__bar p{font-size:.85rem}

@media(max-width:760px){
  .tt-top__in{flex-wrap:wrap;gap:10px;position:relative}
  .tt-burger{display:flex}
  .tt-nav{flex-basis:100%;order:3;max-height:0;overflow:hidden;transition:max-height .2s ease}
  .tt-nav.tt-nav--open{max-height:420px}
  .tt-nav ul{flex-direction:column;gap:0;border-top:1px solid var(--t-line);padding:8px 0}
  .tt-nav li{width:100%}
  .tt-nav a{display:block;padding:11px 4px;border-bottom:1px solid var(--t-line2)}
  .tt-pro-con{grid-template-columns:1fr}
  .tt-amz__item{flex-wrap:wrap}
  .tt-amz__cta{width:100%;text-align:center;margin-top:6px}
}
@media(max-width:880px){.tt-split{grid-template-columns:1fr}.tt-foot__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tt-foot__grid{grid-template-columns:1fr}.tt-hero{padding:26px 0 22px}.tt-hero__cta{flex-direction:column}.tt-hero__cta .tt-btn{width:100%;text-align:center}.tt-cards{grid-template-columns:1fr}}
