html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//work.tjfly.de/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//work.tjfly.de/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}.tjr-wizard { max-width: 600px; padding: 26px 26px 22px; }
.tjr-wizard .tjw-top { margin-bottom: 22px; }
.tjr-wizard .tjw-count {
font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
color: var(--tj-gold, #e0c35f); margin-bottom: 8px;
}
.tjr-wizard .tjw-progress {
height: 6px; background: rgba(255,255,255,.08); border-radius: 999px; overflow: hidden;
}
.tjr-wizard .tjw-progress-bar {
height: 100%; background: linear-gradient(to right, #a8893e, #e0c35f);
border-radius: 999px; transition: width .35s cubic-bezier(.4,0,.2,1);
}
.tjr-wizard .tjw-stage { position: relative; min-height: 240px; }
.tjr-wizard .tjw-step { display: none; }
.tjr-wizard .tjw-step.is-active { display: block; animation: tjwFade .3s ease both; }
@keyframes tjwFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.tjr-wizard .tjw-q {
font-size: 1.28rem; font-weight: 700; color: var(--tj-text, #fff); line-height: 1.3; margin-bottom: 6px;
}
.tjr-wizard .tjw-qsub { font-size: .88rem; color: var(--tj-text-dim, #bfc6db); margin-bottom: 18px; }
.tjr-wizard .tjw-answers { display: flex; flex-direction: column; gap: 11px; }
.tjr-wizard .tjw-a {
display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
width: 100%; text-align: left;
background: rgba(255,255,255,.035); border: 1.5px solid var(--tj-border, rgba(255,255,255,.12));
color: var(--tj-text, #fff); border-radius: 12px; padding: 15px 18px;
font-family: inherit; font-size: 1rem; font-weight: 600; cursor: pointer;
transition: border-color .15s, background .15s, transform .08s;
-webkit-tap-highlight-color: transparent;
}
.tjr-wizard .tjw-a span {
font-size: .8rem; font-weight: 400; color: var(--tj-text-dim, #bfc6db);
}
.tjr-wizard .tjw-a:hover { border-color: var(--tj-gold-border, rgba(224,195,95,.5)); background: rgba(224,195,95,.06); }
.tjr-wizard .tjw-a:active { transform: scale(.985); }
.tjr-wizard .tjw-a.is-picked {
border-color: var(--tj-gold, #e0c35f); background: var(--tj-gold-dim, rgba(224,195,95,.14));
} .tjr-wizard .tjw-result { text-align: center; }
.tjr-wizard .tjw-loading { padding: 40px 0; color: var(--tj-muted, #7a85a8); font-size: .95rem; }
.tjr-wizard .tjw-res-label {
font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; color: var(--tj-muted, #7a85a8);
}
.tjr-wizard .tjw-res-num {
font-size: 3rem; font-weight: 800; color: var(--tj-gold, #e0c35f); line-height: 1.05;
font-variant-numeric: tabular-nums; margin: 4px 0 0;
}
.tjr-wizard .tjw-res-unit { font-size: .9rem; color: var(--tj-text-dim, #bfc6db); }
.tjr-wizard .tjw-res-bonus { font-size: .76rem; color: var(--tj-gold, #e0c35f); margin-top: 5px; }
.tjr-wizard .tjw-res-badge {
display: inline-block; margin: 14px 0 0; padding: 6px 16px; border-radius: 999px;
background: var(--tj-gold, #e0c35f); color: var(--tj-blue, #0b1634); font-weight: 700; font-size: .95rem;
}
.tjr-wizard .tjw-res-verdict {
font-size: .92rem; color: var(--tj-text-sub, #e7eaf3); line-height: 1.5; margin: 12px auto 0; max-width: 440px;
}
.tjr-wizard .tjw-res-goal {
font-size: .95rem; color: var(--tj-text, #fff); line-height: 1.5; margin: 16px auto 0; max-width: 460px;
background: rgba(255,255,255,.04); border: 1px dashed var(--tj-gold-border, rgba(224,195,95,.4));
border-radius: 12px; padding: 12px 16px;
}
.tjr-wizard .tjw-goal-ico { font-size: 1.1rem; }
.tjr-wizard .tjw-res-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.tjr-wizard .tjw-res-actions .tjs-cta { margin: 0; }
.tjr-wizard .tjw-share-img {
display: inline-flex; align-items: center; justify-content: center; gap: 7px;
background: transparent; border: 1px solid var(--tj-gold-border, rgba(224,195,95,.4));
color: var(--tj-gold, #e0c35f); border-radius: 11px; padding: 12px;
font-family: inherit; font-size: .88rem; font-weight: 700; cursor: pointer;
transition: background .15s; -webkit-tap-highlight-color: transparent;
}
.tjr-wizard .tjw-share-img:hover { background: var(--tj-gold-dim, rgba(224,195,95,.12)); }
.tjr-wizard .tjw-share-img:disabled { opacity: .6; }
.tjr-wizard .tjw-restart {
background: transparent; border: none; color: var(--tj-text-dim, #bfc6db);
font-family: inherit; font-size: .85rem; cursor: pointer; padding: 6px;
}
.tjr-wizard .tjw-restart:hover { color: var(--tj-gold, #e0c35f); }
.tjr-wizard .tjw-disclaimer { font-size: .72rem; color: var(--tj-muted, #7a85a8); margin-top: 12px; line-height: 1.4; }
.tjr-wizard .tjw-back {
display: none; align-items: center; gap: 5px; margin-top: 18px;
background: transparent; border: none; color: var(--tj-muted, #7a85a8);
font-family: inherit; font-size: .85rem; cursor: pointer; padding: 4px;
}
.tjr-wizard .tjw-back:hover { color: var(--tj-gold, #e0c35f); } .tjr-simple { max-width: 620px; }
.tjr-simple .tjs-body { padding: 24px 26px 28px; }
.tjr-simple .tjr-slider-block { margin-bottom: 20px; }
.tjr-simple .tjs-result {
text-align: center;
background: linear-gradient(135deg, rgba(224,195,95,.10), rgba(224,195,95,.03));
border: 1px solid var(--tj-gold-border, rgba(224,195,95,.35));
border-radius: 14px;
padding: 20px 18px;
margin: 8px 0 18px;
}
.tjr-simple .tjs-range-label {
font-size: .7rem; text-transform: uppercase; letter-spacing: .1em;
color: var(--tj-muted, #7a85a8); margin-bottom: 6px;
}
.tjr-simple .tjs-range {
font-size: 1.9rem; font-weight: 800; color: var(--tj-gold, #e0c35f);
line-height: 1.1; font-variant-numeric: tabular-nums;
}
.tjr-simple .tjs-range-sub {
font-size: .82rem; color: var(--tj-text-dim, #bfc6db); margin-top: 6px;
}
.tjr-simple .tjs-dests {
display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 14px;
}
.tjr-simple .tjs-dest {
font-size: .78rem; font-weight: 600; padding: 4px 11px; border-radius: 999px;
border: 1px solid transparent;
}
.tjr-simple .tjs-dest.ok   { background: rgba(74,222,128,.14); color: #4ade80; border-color: rgba(74,222,128,.3); }
.tjr-simple .tjs-dest.part { background: rgba(245,158,11,.12); color: #f59e0b; border-color: rgba(245,158,11,.28); }
.tjr-simple .tjs-dest.lock { background: rgba(255,255,255,.05); color: var(--tj-muted, #7a85a8); }
.tjr-simple .tjs-cta {
display: block; text-align: center; text-decoration: none;
background: var(--tj-gold, #e0c35f); color: var(--tj-blue, #0b1634);
font-weight: 700; font-size: .95rem; padding: 14px; border-radius: 11px;
transition: filter .15s, transform .1s; box-shadow: 0 6px 18px rgba(224,195,95,.25);
}
.tjr-simple .tjs-cta:hover { filter: brightness(1.08); transform: translateY(-1px); color: var(--tj-blue, #0b1634); }
.tjr-simple .tjs-disclaimer {
text-align: center; font-size: .72rem; color: var(--tj-muted, #7a85a8); margin-top: 12px; line-height: 1.4;
} #tjfly-rechner .tjr-hide {
display: none !important;
} @media (min-width: 821px) {
#tjfly-rechner .tjr-grid { align-items: start; }
#tjfly-rechner .tjr-right {
position: -webkit-sticky;
position: sticky;
top: 16px;
align-self: start;
}
} #tjfly-rechner .tjr-action-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin: 16px auto 0;
}
#tjfly-rechner .tjr-img-btn,
#tjfly-rechner .tjr-pdf-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 18px;
border-radius: 10px;
font-family: inherit;
font-size: .85rem;
font-weight: 700;
cursor: pointer;
transition: filter .15s, transform .1s, background .15s;
-webkit-tap-highlight-color: transparent;
}
#tjfly-rechner .tjr-img-btn {
border: none;
background: var(--tj-gold, #e0c35f);
color: var(--tj-blue, #0b1634);
box-shadow: 0 6px 18px rgba(224,195,95,.25);
}
#tjfly-rechner .tjr-pdf-btn {
border: 1px solid var(--tj-gold-border, rgba(224,195,95,.35));
background: transparent;
color: var(--tj-gold, #e0c35f);
}
#tjfly-rechner .tjr-pdf-btn:hover { background: var(--tj-gold-dim, rgba(224,195,95,.12)); }
#tjfly-rechner .tjr-img-btn:hover  { filter: brightness(1.08); }
#tjfly-rechner .tjr-img-btn:active,
#tjfly-rechner .tjr-pdf-btn:active { transform: translateY(1px); }
#tjfly-rechner .tjr-img-btn svg,
#tjfly-rechner .tjr-pdf-btn svg { stroke: currentColor; }
#tjfly-rechner .tjr-img-btn.is-busy,
#tjfly-rechner .tjr-pdf-btn.is-busy { opacity: .6; pointer-events: none; } #tjfly-rechner .tjr-wb-toggle {
text-align: center;
margin: 12px auto 0;
max-width: 440px;
}
#tjfly-rechner .tjr-wb-toggle-note {
font-size: .78rem;
color: var(--tj-text-sub, #e7eaf3);
margin-bottom: 9px;
line-height: 1.45;
}
#tjfly-rechner .tjr-wb-toggle-btn {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 16px;
border-radius: 999px;
font-family: inherit;
font-size: .8rem;
font-weight: 700;
cursor: pointer;
transition: all .15s;
-webkit-tap-highlight-color: transparent;
} #tjfly-rechner .tjr-wb-toggle-btn {
background: var(--tj-gold, #e0c35f);
color: var(--tj-blue, #0b1634);
border: 1px solid var(--tj-gold, #e0c35f);
} #tjfly-rechner .tjr-wb-toggle-btn.is-on {
background: transparent;
color: var(--tj-text-dim, #bfc6db);
border: 1px solid var(--tj-border, rgba(255,255,255,.18));
}
#tjfly-rechner .tjr-wb-toggle-btn.is-on:hover {
border-color: var(--tj-gold-border, rgba(224,195,95,.35));
color: var(--tj-gold, #e0c35f);
} #tjfly-rechner .tjr-advanced{
margin-top:10px;
border:1px solid var(--tj-gold-border, rgba(224,195,95,.35));
border-radius:12px;
background:rgba(224,195,95,.04);
overflow:hidden;
}
#tjfly-rechner .tjr-advanced[open]{background:rgba(224,195,95,.06);}
#tjfly-rechner .tjr-advanced-summary{
list-style:none;cursor:pointer;
display:flex;align-items:center;gap:10px;
padding:14px 16px;font-weight:700;
color:var(--tj-gold, #e0c35f);font-size:.92rem;
-webkit-tap-highlight-color:transparent;
}
#tjfly-rechner .tjr-advanced-summary::-webkit-details-marker{display:none;}
#tjfly-rechner .tjr-adv-ico{font-size:1.1rem;line-height:1;flex-shrink:0;}
#tjfly-rechner .tjr-adv-opt{font-weight:400;color:var(--tj-text-dim, #bfc6db);font-size:.8rem;}
#tjfly-rechner .tjr-adv-arrow{margin-left:auto;flex-shrink:0;transition:transform .2s;stroke:currentColor;}
#tjfly-rechner .tjr-advanced[open] .tjr-adv-arrow{transform:rotate(180deg);}
#tjfly-rechner .tjr-advanced-body{padding:2px 16px 14px;}
#tjfly-rechner .tjr-advanced-body .tjr-section:last-child{margin-bottom:0;} #tjfly-rechner .tjr-promo {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
background: linear-gradient(90deg, rgba(224,195,95,.16), rgba(224,195,95,.05));
border-bottom: 1px solid var(--tj-gold-border, rgba(224,195,95,.35));
padding: 12px 28px;
}
#tjfly-rechner .tjr-promo-text {
flex: 1;
min-width: 200px;
font-size: .88rem;
font-weight: 600;
color: var(--tj-text, #fff);
line-height: 1.45;
}
#tjfly-rechner .tjr-promo-btn {
display: inline-flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
background: var(--tj-gold, #e0c35f);
color: var(--tj-blue, #0b1634);
font-weight: 700;
font-size: .8rem;
text-decoration: none;
padding: 8px 14px;
border-radius: 8px;
transition: filter .15s, transform .1s;
}
#tjfly-rechner .tjr-promo-btn:hover { filter: brightness(1.08); transform: translateY(-1px); color: var(--tj-blue, #0b1634); } #tjfly-rechner .tjr-scale {
display: flex;
justify-content: space-between;
font-size: .62rem;
color: var(--tj-muted, #7a85a8);
margin-top: 2px;
} #tjfly-rechner .tjr-gauge-euro {
text-align: center;
font-size: .92rem;
font-weight: 700;
color: var(--tj-gold, #e0c35f);
margin-top: 4px;
}
.tjr-wizard .tjw-res-euro {
font-size: .95rem;
font-weight: 700;
color: var(--tj-gold, #e0c35f);
margin-top: 6px;
} .tjr-pot-compare {
background: rgba(255,255,255,.025);
border: 1px solid var(--tj-border, rgba(255,255,255,.12));
border-radius: 10px;
padding: 13px 14px;
margin-bottom: 11px;
}
.tjr-cmp-row {
display: grid;
grid-template-columns: 110px 1fr auto;
gap: 10px;
align-items: center;
margin: 6px 0;
}
.tjr-cmp-lbl { font-size: .74rem; font-weight: 600; color: var(--tj-text-dim, #bfc6db); }
.tjr-cmp-track {
height: 10px;
background: rgba(255,255,255,.07);
border-radius: 999px;
overflow: hidden;
}
.tjr-cmp-fill { height: 100%; border-radius: 999px; transition: width .7s cubic-bezier(.4,0,.2,1); }
.tjr-cmp-fill.cur { background: linear-gradient(to right, #a8893e, var(--tj-gold, #e0c35f)); }
.tjr-cmp-fill.max { background: linear-gradient(to right, rgba(74,222,128,.5), #4ade80); }
.tjr-cmp-val { font-size: .78rem; font-weight: 700; color: var(--tj-text, #fff); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 480px) {
.tjr-cmp-row { grid-template-columns: 82px 1fr auto; }
} .tjr-plan-sub {
font-size: .72rem;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--tj-gold, #e0c35f);
margin: 16px 0 9px;
}
.tjr-plan-sub.done { color: #4ade80; }
.tjr-done-list { margin-bottom: 4px; }
.tjr-done-row {
display: flex;
gap: 9px;
align-items: flex-start;
padding: 7px 2px;
border-bottom: 1px solid rgba(255,255,255,.05);
font-size: .8rem;
line-height: 1.45;
}
.tjr-done-row:last-child { border-bottom: none; }
.tjr-done-ico { flex-shrink: 0; }
.tjr-done-t { font-weight: 600; color: var(--tj-text, #fff); }
.tjr-done-b { color: var(--tj-text-dim, #bfc6db); }
.tjr-cmp-sum {
font-size: .78rem;
color: var(--tj-text-sub, #e7eaf3);
margin-top: 9px;
padding-top: 9px;
border-top: 1px solid rgba(255,255,255,.08);
line-height: 1.5;
} .tjr-pot-item {
background: rgba(74,222,128,.05);
border: 1px solid rgba(74,222,128,.22);
border-radius: 10px;
padding: 12px 14px;
margin-bottom: 9px;
}
.tjr-pot-head { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.tjr-pot-t { font-weight: 700; font-size: .85rem; color: var(--tj-text, #fff); }
.tjr-pot-delta { font-weight: 800; color: #4ade80; font-size: .88rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tjr-pot-b { font-size: .78rem; color: var(--tj-text-sub, #e7eaf3); line-height: 1.45; margin-top: 4px; }
.tjr-pot-summary {
background: linear-gradient(135deg, rgba(224,195,95,.1), rgba(224,195,95,.03));
border: 1px solid var(--tj-gold-border, rgba(224,195,95,.35));
border-radius: 10px;
padding: 12px 14px;
font-size: .85rem;
line-height: 1.5;
color: var(--tj-text-sub, #e7eaf3);
margin: 4px 0 22px;
} .tjr-rm-step {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 14px;
background: rgba(255,255,255,.025);
border-radius: 10px;
border-left: 3px solid var(--tj-gold);
margin-bottom: 9px;
transition: background .2s;
}
.tjr-rm-step:hover { background: rgba(255,255,255,.04); }
.tjr-rm-num {
font-weight: 700;
color: var(--tj-gold);
font-size: 1rem;
min-width: 22px;
flex-shrink: 0;
}
.tjr-rm-title {
font-size: .85rem;
font-weight: 600;
color: var(--tj-text);
margin-bottom: 3px;
}
.tjr-rm-text {
font-size: .78rem;
color: var(--tj-text-sub, #e7eaf3);
line-height: 1.45;
word-break: break-word;
} .tjr-fazit {
background: rgba(255,255,255,.04);
border: 1px dashed rgba(224,195,95,.45);
border-radius: 10px;
padding: 10px 13px;
font-size: .9rem;
margin-bottom: 20px;
line-height: 1.5;
color: var(--tj-text-sub, #e7eaf3);
word-break: break-word;
} .tjr-cond {
margin-top: 12px;
padding: 13px 14px;
background: rgba(255,255,255,.025);
border: 1px solid var(--tj-border);
border-radius: 9px;
}
.tjr-cond summary {
cursor: pointer;
list-style: none;
}
.tjr-cond summary::-webkit-details-marker { display: none; }
.tjr-cond-label {
font-size: .68rem;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--tj-muted);
margin: 0;
font-weight: 700;
} .tjr-reco-links .sec,
.tjr-aff-link.sec {
background: transparent;
border: 2px solid var(--tj-gold-border, rgba(224,195,95,.35));
color: var(--tj-text, #fff);
font-weight: 500;
}
.tjr-aff-link.sec:hover {
background: var(--tj-gold);
color: var(--tj-blue);
} .tjr-aff-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: .6rem 1rem;
background: var(--tj-gold);
color: var(--tj-blue);
font-weight: 700;
font-size: .82rem;
text-decoration: none;
border-radius: 8px;
transition: filter .15s, transform .1s;
}
.tjr-aff-link:hover { filter: brightness(1.08); transform: translateY(-1px); }
.tjr-aff-badge {
font-size: .6rem;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
background: rgba(0,0,0,.18);
color: var(--tj-blue);
padding: 1px 5px;
border-radius: 4px;
flex-shrink: 0;
}
.tjr-guide-link {
display: inline-block;
font-size: .75rem;
color: var(--tj-text-dim, #bfc6db);
text-decoration: none;
border-bottom: 1px dashed rgba(255,255,255,.2);
padding-bottom: 1px;
transition: color .15s, border-color .15s;
}
.tjr-guide-link:hover {
color: var(--tj-gold);
border-color: var(--tj-gold-border);
} .tjr-welcome-bonus {
background: linear-gradient(135deg, rgba(224,195,95,.1), rgba(224,195,95,.03));
border: 1px solid var(--tj-gold-border);
border-radius: 10px;
padding: 14px 16px;
margin: 12px 0 0;
}
.tjr-wb-header { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; }
.tjr-wb-icon { font-size: 1rem; line-height: 1; }
.tjr-wb-label {
color: var(--tj-gold);
font-size: .72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
}
.tjr-wb-badge {
margin-left: auto;
font-size: .65rem;
font-weight: 600;
padding: 2px 8px;
border-radius: 20px;
background: rgba(255,255,255,.06);
color: var(--tj-muted);
white-space: nowrap;
border: 1px solid rgba(255,255,255,.08);
}
.tjr-wb-pts { font-size: 1.2rem; font-weight: 800; color: var(--tj-gold); margin-bottom: 3px; }
.tjr-wb-note { font-size: .8rem; color: var(--tj-text-sub, #e7eaf3); margin-bottom: 8px; }
.tjr-wb-hint {
font-size: .71rem;
color: var(--tj-muted);
padding-top: 8px;
border-top: 1px solid rgba(224,195,95,.12);
line-height: 1.45;
}
.tjr-wb-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid rgba(255,255,255,.06);
}
.tjr-wb-btn-insta {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 14px;
background: transparent;
border: 1px solid rgba(255,255,255,.15);
color: var(--tj-text-sub, #e7eaf3);
font-size: .78rem;
font-weight: 600;
text-decoration: none;
border-radius: 7px;
transition: all .15s;
white-space: nowrap;
}
.tjr-wb-btn-insta:hover {
border-color: rgba(224,195,95,.35);
color: var(--tj-gold);
background: rgba(224,195,95,.05);
} .tjr-share-btn {
margin-left: auto;
display: flex;
align-items: center;
gap: 6px;
padding: 7px 13px;
background: transparent;
border: 1px solid var(--tj-gold-border);
color: var(--tj-gold);
border-radius: 8px;
font-size: .78rem;
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: all .15s;
white-space: nowrap;
flex-shrink: 0;
}
.tjr-share-btn:hover { background: var(--tj-gold-dim, rgba(224,195,95,.18)); }
.tjr-share-btn svg { stroke: currentColor; } .tjr-mobile-score {
display: none;
position: fixed;
left: 50%;
top: calc(10px + env(safe-area-inset-top, 0px));
bottom: auto;
transform: translateX(-50%) translateY(-22px);
width: auto;
max-width: calc(100vw - 20px);
align-items: center;
gap: 9px;
background: rgba(13,21,51,.94);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid var(--tj-gold-border, rgba(224,195,95,.5));
border-radius: 999px;
padding: 9px 16px;
z-index: 99990;
box-shadow: 0 8px 26px rgba(0,0,0,.45);
font-family: -apple-system, 'Segoe UI', sans-serif;
white-space: nowrap;
cursor: pointer;
opacity: 0;
transition: opacity .25s ease, transform .25s ease;
pointer-events: none;
}
.tjr-mobile-score.is-visible {
display: flex;
opacity: 1;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
}
.tjr-mobile-score .ms-ico { font-size: 1rem; flex-shrink: 0; }
.tjr-mobile-score .ms-label { font-size: .64rem; text-transform: uppercase; letter-spacing: .07em; color: var(--tj-text-dim, #bfc6db); flex-shrink: 0; }
.tjr-mobile-score .ms-val { font-size: 1.15rem; font-weight: 800; color: var(--tj-gold, #e0c35f); line-height: 1; font-variant-numeric: tabular-nums; }
.tjr-mobile-score .ms-sub { font-size: .68rem; font-weight: 600; color: var(--tj-text-dim, #bfc6db); }
.tjr-mobile-score .ms-go { font-size: .62rem; font-weight: 700; color: var(--tj-gold, #e0c35f); border-left: 1px solid rgba(255,255,255,.18); padding-left: 9px; flex-shrink: 0; } .tjr-hint-box {
background: rgba(255,200,50,.05);
border: 1px dashed var(--tj-gold-border);
border-radius: 9px;
padding: 10px 12px;
font-size: .82rem;
color: var(--tj-text-sub, #e7eaf3);
} .tjr-dest-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 9px;
margin-bottom: 22px;
}
@media (max-width: 600px) {
.tjr-dest-grid { grid-template-columns: 1fr 1fr; }
}.tjr-wrap{ --tj-gold:#10716C;
--tj-gold-border:rgba(16,113,108,.45);
--tj-gold-dim:rgba(16,113,108,.10);
--tj-blue:#FFFFFF; --tj-text:#0F2D30;
--tj-text-sub:#33474A;
--tj-text-dim:#44585A; --tj-muted:#526466;
--tj-border:#D8D2C6;
--tj-flaeche:#F8F5EF;
--tj-flaeche-stark:#F1EDE4;
--tj-gut:#0A6E44;
--tj-gut-flaeche:#EAF6F0;
--tj-schrift-eng:'Archivo Narrow',Archivo,system-ui,sans-serif;
--tj-schrift-mono:'Martian Mono',ui-monospace,Consolas,monospace;
} .tjr-wrap{
background:#FFFFFF;
color:var(--tj-text);
border:1px solid var(--tj-border);
border-radius:0;
padding:0;
margin:2.4rem 0;
overflow:hidden;
font-variant-numeric:tabular-nums;
} .tjr-header{
display:flex;align-items:center;gap:.9rem;
padding:1.2rem 1.4rem;
border-bottom:1px solid var(--tj-border);
background:var(--tj-flaeche-stark);
}
.tjr-header-icon{font-size:1.4rem;line-height:1;flex-shrink:0}
.tjr-header-text{min-width:0}
.tjr-header-text h2,
.tjr-header-text h3,
.tjr-res-title{
font-family:var(--tj-schrift-eng);text-transform:uppercase;letter-spacing:.04em;
font-size:1.05rem;margin:0;color:var(--tj-text);
}
.tjr-header-text p{margin:.25rem 0 0;font-size:.88rem;color:var(--tj-text-dim);line-height:1.5} .tjr-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.tjr-left{padding:1.4rem;border-right:1px solid var(--tj-border);min-width:0}
.tjr-right{padding:1.4rem;min-width:0}
@media(max-width:820px){
.tjr-grid{grid-template-columns:1fr}
.tjr-left{border-right:0;border-bottom:1px solid var(--tj-border)}
} .tjr-section{margin-bottom:1.5rem}
.tjr-section:last-child{margin-bottom:0}
.tjr-sec-label{
font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--tj-muted);margin-bottom:.6rem;
} .tjr-stepper{display:flex;align-items:center;gap:.6rem}
.tjr-step-btn{
width:44px;height:44px;flex-shrink:0;
background:#FFFFFF;color:var(--tj-text);
border:1px solid var(--tj-border);border-radius:2px;
font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;
font-family:inherit;transition:border-color .15s,background .15s;
}
.tjr-step-btn:hover{border-color:var(--tj-gold);background:var(--tj-gold-dim)}
.tjr-step-num{
font-family:var(--tj-schrift-eng);font-weight:700;font-size:1.35rem;
min-width:2ch;text-align:center;
}
.tjr-step-label{font-size:.88rem;color:var(--tj-text-dim)} .tjr-btn-group{display:flex;flex-wrap:wrap;gap:.5rem}
.tjr-btn{
flex:1 1 auto;min-height:44px;
padding:.7rem 1rem;
background:#FFFFFF;color:var(--tj-text);
border:1px solid var(--tj-border);border-radius:2px;
font-family:inherit;font-size:.88rem;font-weight:600;
cursor:pointer;text-align:center;
transition:border-color .15s,background .15s,color .15s;
-webkit-tap-highlight-color:transparent;
}
.tjr-btn:hover{border-color:var(--tj-gold);color:var(--tj-gold)}
.tjr-btn.is-active,
.tjr-btn[aria-pressed="true"],
.tjr-btn.active{
background:var(--tj-gold);border-color:var(--tj-gold);color:#FFFFFF;
} .tjr-slider-block{margin-bottom:1.1rem}
.tjr-slider-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.35rem}
.tjr-slider-name{font-size:.9rem;color:var(--tj-text-sub)}
.tjr-slider-val{font-family:var(--tj-schrift-eng);font-weight:700;font-size:1.05rem;white-space:nowrap}
.tjr-range-wrap{position:relative}
.tjr-wrap input[type=range]{
-webkit-appearance:none;appearance:none;
width:100%;height:44px;background:transparent;cursor:pointer;margin:0;
}
.tjr-wrap input[type=range]::-webkit-slider-runnable-track{
height:4px;background:var(--tj-border);border-radius:0;
}
.tjr-wrap input[type=range]::-moz-range-track{
height:4px;background:var(--tj-border);border-radius:0;
}
.tjr-wrap input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none;appearance:none;
width:22px;height:22px;margin-top:-9px;
background:var(--tj-gold);border:2px solid #FFFFFF;border-radius:50%;
box-shadow:0 0 0 1px var(--tj-gold);
}
.tjr-wrap input[type=range]::-moz-range-thumb{
width:22px;height:22px;
background:var(--tj-gold);border:2px solid #FFFFFF;border-radius:50%;
box-shadow:0 0 0 1px var(--tj-gold);
}
.tjr-wrap input[type=range]:focus-visible{outline:2px solid var(--tj-gold);outline-offset:2px}
.tjr-track-bg{background:var(--tj-border)}
.tjr-track-fill{background:var(--tj-gold)} .tjr-wrap input[type=number],
.tjr-wrap input[type=text],
.tjr-wrap select{
width:100%;min-height:46px;
padding:.6rem .8rem;
background:#FFFFFF;color:var(--tj-text);
border:1px solid var(--tj-border);border-radius:2px;
font-family:inherit;font-size:1rem;
}
.tjr-wrap input::placeholder{color:#7C8E90}
.tjr-wrap input:focus,
.tjr-wrap select:focus{
border-color:var(--tj-gold);outline:2px solid var(--tj-gold);outline-offset:1px;
}
.tjr-field{margin-bottom:1rem}
.tjr-field label{
display:block;margin-bottom:.35rem;
font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--tj-muted);
} .tjr-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;
background:var(--tj-border);border:1px solid var(--tj-border);margin-bottom:1.2rem}
.tjr-num-card{background:#FFFFFF;padding:1rem;border-radius:0}
.tjr-num-tag,
.tjr-kpi-tag{
font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--tj-muted);
}
.tjr-num-val,
.tjr-kpi-val{
font-family:var(--tj-schrift-eng);font-weight:700;font-size:1.8rem;line-height:1.05;
margin-top:.3rem;color:var(--tj-text);
}
.tjr-num-pp,
.tjr-kpi-sub{font-size:.8rem;color:var(--tj-text-dim);margin-top:.25rem}
.tjr-kpi{background:var(--tj-flaeche);border:1px solid var(--tj-border);padding:1rem;border-radius:0} .tjr-gauge-wrap{text-align:center;margin-bottom:1rem}
.tjr-gauge-svg{width:260px;height:148px;max-width:100%;display:inline-block} .tjr-gauge-svg g[stroke] line{stroke:#98A0AB}
.tjr-gauge-svg path[stroke-width="9"]:not(#gauge_arc){stroke:#DFD9CD} .tjr-gauge-svg #gauge_arc{filter:none}
#gaugeGrad stop:nth-of-type(1){stop-color:#4C7BFF}
#gaugeGrad stop:nth-of-type(2){stop-color:#10716C}
#gaugeGrad stop:nth-of-type(3){stop-color:#0A4F4B}
.tjr-gauge-label{
font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--tj-muted);
}
.tjr-gauge-desc{font-size:.85rem;color:var(--tj-text-dim);margin-top:.4rem;line-height:1.5} .tjr-donut-card{
background:var(--tj-flaeche);border:1px solid var(--tj-border);border-radius:0;
padding:1.1rem;margin-bottom:1.2rem;
}
.tjr-donut-card-title{
font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--tj-muted);margin-bottom:.8rem;
}
.tjr-donut-svg-wrap{position:relative;display:inline-block;vertical-align:middle;line-height:0}
.tjr-donut-svg{width:118px;height:118px;display:block}
.tjr-donut-svg > circle{stroke:#DFD9CD}
.tjr-donut-inner{
position:absolute;inset:0;display:flex;flex-direction:column;
align-items:center;justify-content:center;pointer-events:none;line-height:1.15;
}
.tjr-donut-center-val{font-family:var(--tj-schrift-eng);font-weight:700;font-size:1.25rem;color:var(--tj-text)}
.tjr-donut-center-lbl{font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.12em;
text-transform:uppercase;color:var(--tj-muted)} .tjr-donut-card{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center}
.tjr-donut-card-title{grid-column:1/-1;margin-bottom:0}
.tjr-legend{font-size:.85rem;color:var(--tj-text-sub);display:grid;gap:.45rem;min-width:0}
@media(max-width:520px){
.tjr-donut-card{grid-template-columns:1fr;justify-items:center;text-align:center}
} .tjr-dest-card{
background:#FFFFFF;border:1px solid var(--tj-border);border-radius:0;
padding:.8rem .6rem;text-align:center;
}
.tjr-dest-emoji{font-size:1.3rem;line-height:1}
.tjr-dest-name{font-family:var(--tj-schrift-eng);text-transform:uppercase;letter-spacing:.03em;
font-size:.82rem;font-weight:700;margin-top:.3rem}
.tjr-dest-pts{font-size:.74rem;color:var(--tj-text-dim);margin-top:.15rem}
.tjr-dest-badge{
display:inline-block;margin-top:.45rem;
font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
border:1px solid currentColor;padding:.15rem .4rem;color:var(--tj-muted);
}
.tjr-dest-card.is-reached{border-color:var(--tj-gut)}
.tjr-dest-card.is-reached .tjr-dest-badge{color:var(--tj-gut)} .tjr-hint-text{font-size:.82rem;color:var(--tj-text-dim);line-height:1.5}
.tjr-mobile-toggle{
display:none;width:100%;min-height:44px;
background:#FFFFFF;border:1px solid var(--tj-border);border-radius:2px;
color:var(--tj-text);font-family:inherit;font-weight:600;font-size:.88rem;
cursor:pointer;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;
}
@media(max-width:820px){.tjr-mobile-toggle{display:flex}}
.tjr-toggle-arrow{transition:transform .2s}
.tjr-err{color:#D62D20;font-size:.85rem;margin-top:.5rem}
.tjr-reco{margin-top:1rem}
.tjr-roadmap{margin-top:.5rem}  .tjr-wizard .tjw-a,
.tjr-wizard .tjw-hint,
.tjr-simple .tjs-dest.lock,
.tjr-pot-compare,
.tjr-cmp-track,
.tjr-rm-step,
.tjr-fazit,
.tjr-cond,
.tjr-wb-badge,
#tjfly-rechner .tjr-advanced,
#tjfly-rechner .tjr-advanced[open]{
background:var(--tj-flaeche);
}
.tjr-rm-step:hover{background:var(--tj-flaeche-stark)}
.tjr-cmp-track{background:var(--tj-border)} .tjr-wizard .tjw-a,
.tjr-pot-compare,
.tjr-cond,
.tjr-wb-badge,
#tjfly-rechner .tjr-wb-toggle-btn.is-on,
.tjr-wb-btn-insta{
border-color:var(--tj-border);
}
.tjr-done-row{border-bottom:1px solid var(--tj-border)}
.tjr-cmp-sum,
.tjr-wb-actions{border-top:1px solid var(--tj-border)}
.tjr-guide-link{border-bottom:1px dashed var(--tj-border)}
.tjr-wb-hint{border-top:1px solid var(--tj-gold-border)} .tjr-wizard .tjw-progress{background:var(--tj-border);border-radius:0}
.tjr-wizard .tjw-progress-bar{background:var(--tj-gold);border-radius:0}
.tjr-cmp-fill.cur{background:var(--tj-gold)}
.tjr-cmp-fill.max{background:var(--tj-gut)}
.tjr-cmp-track,
.tjr-cmp-fill{border-radius:0} .tjr-plan-sub.done,
.tjr-pot-delta{color:var(--tj-gut)}
.tjr-pot-item{background:var(--tj-gut-flaeche);border-color:rgba(10,110,68,.30)} .tjr-pot-summary,
.tjr-welcome-bonus,
#tjfly-rechner .tjr-promo{
background:var(--tj-gold-dim);
border-color:var(--tj-gold-border);
}
#tjfly-rechner .tjr-promo{border-bottom:1px solid var(--tj-gold-border)}
.tjr-hint-box{background:var(--tj-gold-dim);border:1px dashed var(--tj-gold-border);color:var(--tj-text-sub)}
.tjr-fazit{border:1px dashed var(--tj-border);color:var(--tj-text-sub)}
.tjr-wb-btn-insta:hover{background:var(--tj-gold-dim);border-color:var(--tj-gold)}
.tjr-wizard .tjw-a:hover{border-color:var(--tj-gold);background:var(--tj-gold-dim)}
.tjr-wizard .tjw-a.is-picked{border-color:var(--tj-gold);background:var(--tj-gold-dim)} #tjfly-rechner .tjr-img-btn{box-shadow:none}
.tjr-wizard .tjw-a,
.tjr-wizard .tjw-progress,
.tjr-pot-compare,.tjr-pot-item,.tjr-pot-summary,
.tjr-rm-step,.tjr-fazit,.tjr-cond,.tjr-hint-box,
.tjr-welcome-bonus,.tjr-aff-link,.tjr-share-btn,
.tjr-wb-btn-insta,.tjr-guide-link,
#tjfly-rechner .tjr-advanced,
#tjfly-rechner .tjr-img-btn,
#tjfly-rechner .tjr-pdf-btn,
#tjfly-rechner .tjr-promo-btn{border-radius:2px}
#tjfly-rechner .tjr-wb-toggle-btn,
.tjr-wb-badge,
.tjr-dest-badge{border-radius:2px} .tjr-wizard .tjw-a,
#tjfly-rechner .tjr-img-btn,
#tjfly-rechner .tjr-pdf-btn,
#tjfly-rechner .tjr-wb-toggle-btn,
.tjr-share-btn,
.tjr-aff-link,
.tjr-wb-btn-insta{min-height:44px} .tjr-mobile-score{
background:rgba(15,45,48,.95);
border:1px solid var(--tj-gold);
border-radius:2px;
box-shadow:0 8px 26px rgba(15,45,48,.28);
font-family:inherit;
}
.tjr-mobile-score .ms-label,
.tjr-mobile-score .ms-sub{color:#C2D4D2}
.tjr-mobile-score .ms-val{color:#FFFFFF}
.tjr-mobile-score .ms-go{color:#8DD8CF;border-left:1px solid rgba(255,255,255,.25)} .tjr-res-title,
.tjr-plan-sub,
.tjr-donut-card-title{font-family:var(--tj-schrift-mono)}
.tjr-res-title{
font-family:var(--tj-schrift-eng);text-transform:uppercase;letter-spacing:.04em;
font-size:1.05rem;margin:0 0 .8rem;
} .tjr-wizard{max-width:640px;margin-left:auto;margin-right:auto;padding:1.6rem}
.tjr-wizard .tjw-count{
font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;color:var(--tj-gold);
}
.tjr-wizard .tjw-q{font-family:var(--tj-schrift-eng);text-transform:none}
.tjr-wizard .tjw-res-num{font-family:var(--tj-schrift-eng);color:var(--tj-gold)} .tjr-cond > summary,
#tjfly-rechner .tjr-advanced-summary{
min-height:44px;display:flex;align-items:center;
}
.tjr-cond > summary{padding:.3rem 0}
.tjr-guide-link{min-height:44px;display:inline-flex;align-items:center}
#tjfly-rechner .tjr-promo-btn{min-height:44px} .tjr-body{padding:1.4rem}
.tjr-input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.tjr-divider{height:1px;background:var(--tj-border);border:0;margin:1.4rem 0} .tjr-result-grid{display:flex;flex-wrap:wrap;gap:1px;
background:var(--tj-border);border:1px solid var(--tj-border);margin-top:.6rem}
.tjr-result-grid > .tjr-kpi{flex:1 1 180px;min-width:0;border:0;background:#FFFFFF} .tjr-wrap .tj-btn{
display:inline-flex;align-items:center;justify-content:center;
min-height:46px;padding:.8rem 1.4rem;
background:var(--tj-gold);color:#FFFFFF;border:0;border-radius:2px;
font-family:var(--tj-schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.06em;font-size:.9rem;cursor:pointer;
}
.tjr-wrap .tj-btn:hover{background:#0A4F4B;color:#FFFFFF}
.tjr-bonus-section{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--tj-border)}
.tjr-bonus-label{font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--tj-muted)}
.tjr-bonus-optional{color:var(--tj-muted);font-weight:400}
.tjr-bonus-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.6rem}
.tjr-bonus-custom-wrap{display:flex;align-items:center;gap:.4rem;max-width:9rem}
.tjr-bonus-hint{margin-top:.6rem;font-size:.85rem;color:var(--tj-text-dim);line-height:1.5}
.tjr-bench-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:.8rem}
.tjr-bench-table th,.tjr-bench-table td{
text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--tj-border);
}
.tjr-bench-table th{font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--tj-muted)}
.tjr-bench-badge{display:inline-block;background:var(--tj-gold);color:#FFFFFF;
padding:.2rem .5rem;border-radius:2px;font-size:.72rem;font-weight:700}
.tjr-empty-state{color:var(--tj-text-dim);font-size:.9rem;padding:1rem 0} .tjr-rm-step{
border-left:0;
border-bottom:1px solid var(--tj-border);
background:transparent;
border-radius:0;
padding:1rem .2rem;
margin-bottom:0;
}
.tjr-rm-step:hover{background:var(--tj-flaeche)}
.tjr-rm-step:last-child{border-bottom:0}
.tjr-rm-num{
font-family:var(--tj-schrift-eng);font-weight:700;font-size:1.5rem;
line-height:1;color:#6E8385;min-width:1.6rem;
} .tjr-gauge-svg text{
fill:var(--tj-muted);
font-family:var(--tj-schrift-mono);
font-size:11px;
} .tjr-info-box{
margin-top:1rem;padding:1rem 1.2rem;
background:var(--tj-flaeche);border:1px solid var(--tj-border);border-radius:2px;
font-size:.92rem;color:var(--tj-text-sub);line-height:1.6;
}
.tjr-info-box b{display:block;font-family:var(--tj-schrift-eng);text-transform:uppercase;
letter-spacing:.05em;font-size:.85rem;color:var(--tj-text);margin-bottom:.35rem}
.tjr-info-box.warnung{border-color:#C2410C;background:#FDF3EE}
.tjr-info-box.warnung b{color:#8A2B20}
.tjr-optional-section{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--tj-border)}
.tjr-optional-label{font-family:var(--tj-schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--tj-muted);margin-bottom:.9rem}
.tjr-einordnung{font-size:1rem!important;font-weight:700;color:var(--tj-text)!important;margin-top:.35rem} .tjr-bench-badge{display:inline-block;font-family:var(--tj-schrift-mono);font-size:.72rem;
letter-spacing:.1em;text-transform:uppercase;padding:.22rem .5rem;
border:1px solid currentColor;border-radius:2px;background:transparent;white-space:nowrap}
.tjr-bench-badge.stufe-top{color:#0A6E44}
.tjr-bench-badge.stufe-gut{color:#10716C}
.tjr-bench-badge.stufe-ok{color:#526466}
.tjr-bench-badge.stufe-teuer{color:#8A5A00}
.tjr-bench-badge.stufe-schlecht{color:#B3261E}
.tjr-partner-grid{display:flex;flex-wrap:wrap;gap:1px;margin:.6rem 0 1.6rem;
background:var(--tj-border);border:1px solid var(--tj-border)}
.tjr-partner-grid > *{flex:1 1 190px;min-width:0;background:#fff;padding:.9rem 1rem}
.tjr-legende{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem} .tjr-partner-card{
background:#fff!important;border:1px solid var(--tj-border)!important;
border-radius:2px;padding:1rem 1.1rem;
}
.tjr-partner-name{font-family:var(--tj-schrift-eng);font-weight:700;font-size:.95rem;
color:var(--tj-text);line-height:1.25;display:block}
.tjr-partner-val{font-family:var(--tj-schrift-eng);font-weight:700;font-size:1.5rem;
line-height:1;margin-top:.5rem}
.tjr-partner-label{font-size:.8rem;color:var(--tj-text-dim);margin-top:.2rem}
.tjr-partner-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.tjr-chip{
display:inline-block;font-family:var(--tj-schrift-mono);font-size:.72rem;
letter-spacing:.08em;padding:.2rem .45rem;border-radius:2px;
border:1px solid var(--tj-border)!important;background:#fff!important;
color:var(--tj-text-dim)!important;white-space:nowrap;
} .tjr-partner-note{
color:var(--tj-muted)!important;font-size:.8rem;margin-top:.6rem;line-height:1.45;
} .tjr-partner-card[style*="224,195,95"]{background:#EAF6F0!important;border-color:#0A6E44!important}
.tjr-partner-card[style*="224,195,95"] .tjr-partner-val{color:#0A6E44!important}
.tjr-chip[style*="224,195,95"]{color:#0A6E44!important;border-color:#0A6E44!important}
#tj_mr_legend span[style*="224,195,95"]{color:#0A6E44!important;border-color:#0A6E44!important;background:#EAF6F0!important} .tjr-partner-card[style*="154,174,200"]{background:#E8F3F1!important;border-color:#10716C!important}
.tjr-partner-card[style*="154,174,200"] .tjr-partner-val{color:#10716C!important}
.tjr-chip[style*="154,174,200"]{color:#10716C!important;border-color:#10716C!important}
#tj_mr_legend span[style*="154,174,200"]{color:#10716C!important;border-color:#10716C!important;background:#E8F3F1!important} .tjr-partner-card[style*="112,128,160"]{background:#F1EDE4!important;border-color:#3A4256!important}
.tjr-partner-card[style*="112,128,160"] .tjr-partner-val{color:#3A4256!important}
.tjr-chip[style*="112,128,160"]{color:#3A4256!important;border-color:#3A4256!important}
#tj_mr_legend span[style*="112,128,160"]{color:#3A4256!important;border-color:#3A4256!important;background:#F1EDE4!important} .tjr-partner-card[style*="138,150,168"]{background:#F5F1EA!important;border-color:#4A4F58!important}
.tjr-partner-card[style*="138,150,168"] .tjr-partner-val{color:#4A4F58!important}
.tjr-chip[style*="138,150,168"]{color:#4A4F58!important;border-color:#4A4F58!important}
#tj_mr_legend span[style*="138,150,168"]{color:#4A4F58!important;border-color:#4A4F58!important;background:#F5F1EA!important} .tjr-partner-card[style*="200,112,112"]{background:#FDF0EF!important;border-color:#B3261E!important}
.tjr-partner-card[style*="200,112,112"] .tjr-partner-val{color:#B3261E!important}
.tjr-chip[style*="200,112,112"]{color:#B3261E!important;border-color:#B3261E!important}
#tj_mr_legend span[style*="200,112,112"]{color:#B3261E!important;border-color:#B3261E!important;background:#FDF0EF!important} #tj_mr_legend span{border-radius:2px!important;font-family:var(--tj-schrift-mono);
letter-spacing:.08em;padding:.25rem .55rem!important} .tjr-mobile-score{
top:calc(var(--tjfly-kopf, 64px) + 10px + env(safe-area-inset-top, 0px))!important;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-display:swap;src:url(//work.tjfly.de/wp-content/themes/tjfly/assets/fonts/archivo.woff2) format('woff2-variations'),url(//work.tjfly.de/wp-content/themes/tjfly/assets/fonts/archivo.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}
@font-face{font-family:'Archivo Narrow';font-style:normal;font-weight:500 700;font-display:swap;src:url(//work.tjfly.de/wp-content/themes/tjfly/assets/fonts/archivo-narrow.woff2) format('woff2-variations'),url(//work.tjfly.de/wp-content/themes/tjfly/assets/fonts/archivo-narrow.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(//work.tjfly.de/wp-content/themes/tjfly/assets/fonts/martian-mono.woff2) format('woff2-variations'),url(//work.tjfly.de/wp-content/themes/tjfly/assets/fonts/martian-mono.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}:root{
--grund:#F6F2EA;
--grund-tief:#EBE5DA;
--papier:#FFFDF8;
--kante:#D8D2C6;
--tinte:#0F2D30;
--grau:#44585A;
--signal:#10716C;
--signal-tief:#0A4F4B;
--warnung:#B3261E;
--gut:#0A6E44;
--sp:clamp(1.25rem,4vw,3rem);
--breite:1180px;
--schrift:Archivo,system-ui,-apple-system,'Segoe UI',sans-serif;
--schrift-eng:'Archivo Narrow',Archivo,system-ui,sans-serif;
--schrift-mono:'Martian Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;background:var(--grund);color:var(--tinte);
font-family:var(--schrift);font-size:17px;line-height:1.6;
font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%; overflow-x:clip;
}
::selection{background:var(--signal);color:#fff}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:2px} .dunkel :focus-visible,
.tj-band :focus-visible,
.minikarte :focus-visible{outline-color:#8DD8CF}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:var(--grund-tief)}
::-webkit-scrollbar-thumb{background:var(--tinte);border:3px solid var(--grund-tief)}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.05;letter-spacing:-.03em;font-weight:700}
p{margin:0}
img{max-width:100%;height:auto;display:block}
a{color:var(--signal)}
a:hover{color:var(--signal-tief)}
.innen{max-width:var(--breite);margin:0 auto}
.mono{font-family:var(--schrift-mono);letter-spacing:.14em;text-transform:uppercase}
.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.springmarke{position:absolute;left:-9999px;top:0;background:var(--tinte);color:#fff;
padding:.9rem 1.2rem;z-index:100;text-decoration:none;font-weight:700}
.springmarke:focus{left:var(--sp);top:.5rem} .kopf{
position:sticky;top:0;z-index:30;background:var(--papier);color:var(--tinte);
border-bottom:1px solid var(--kante);padding:.6rem var(--sp);
display:flex;align-items:center;gap:var(--sp);
}
.kopf-innen{max-width:var(--breite);margin:0 auto;width:100%;display:flex;align-items:center;gap:var(--sp)}
.kopf .marke{display:flex;align-items:center;text-decoration:none}
.kopf .marke img{height:68px;width:auto;display:block}
.kopf nav ul{margin:0;padding:0;list-style:none;display:flex;gap:1.4rem}
.kopf nav{margin-left:auto;font-family:var(--schrift-eng);font-weight:600;
text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.kopf nav a{color:var(--tinte);text-decoration:none;border-bottom:2px solid transparent;
padding-bottom:2px;display:inline-block}
.kopf nav a:hover,.kopf nav .current-menu-item > a{border-color:var(--signal)}
.menue-knopf{display:none;margin-left:auto;background:transparent;border:2px solid var(--tinte);
border-radius:2px;padding:.6rem .9rem;font:inherit;font-family:var(--schrift-eng);font-weight:700;
text-transform:uppercase;letter-spacing:.07em;font-size:.82rem;cursor:pointer;color:var(--tinte)}
@media(max-width:900px){
.kopf nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--papier);
border-bottom:1px solid var(--kante);padding:.5rem var(--sp) 1rem;margin-left:0}
.kopf nav.offen{display:block}
.kopf nav ul{flex-direction:column;gap:0}
.kopf nav a{padding:.85rem 0;border-bottom:1px solid var(--kante);width:100%}
.menue-knopf{display:inline-block}
}
@media(max-width:640px){.kopf .marke img{height:48px}} .hell{background:var(--papier);padding:clamp(3rem,7vw,5.5rem) var(--sp)}
.dunkel{background:var(--tinte);color:#fff;padding:clamp(3rem,7vw,5.5rem) var(--sp)}
.dunkel h2,.dunkel h3{color:#fff}
.dunkel .lead{color:#A9C2C0}
.buehne{padding:clamp(2rem,6vw,4.5rem) var(--sp) clamp(2.5rem,6vw,4rem);
background:var(--grund-tief)}
h1.gross{font-size:clamp(2.1rem,6vw,4.4rem);max-width:17ch;text-wrap:balance}
h2{font-size:clamp(1.7rem,3.8vw,2.9rem);max-width:22ch;text-wrap:balance}
.lead{margin-top:1rem;max-width:64ch;color:var(--grau);font-size:1.02rem}
.sub{margin-top:1.1rem;max-width:54ch;font-size:clamp(1rem,1.6vw,1.15rem);color:#3F5254} .pass{position:relative;margin-top:clamp(2rem,5vw,3.2rem);display:grid;grid-template-columns:1fr 17rem;
background:var(--papier);border:1px solid var(--kante);border-radius:2px;
box-shadow:0 1px 2px rgba(15,45,48,.14), 0 16px 34px -16px rgba(15,45,48,.5)}
.pass-haupt{padding:clamp(1.5rem,3vw,2.4rem)}
.pass-kopf{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--tinte)}
.pass-kopf .titel{font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.12em;font-size:.95rem}
.pass-kopf .klasse{margin-left:auto;font-size:.72rem;background:var(--tinte);color:#fff;padding:.35rem .6rem}
.strecke{display:grid;grid-template-columns:1fr auto;align-items:start;gap:1.5rem;
padding:clamp(1.4rem,3vw,2rem) 0 1.4rem}
.ort .label{font-size:.7rem;color:var(--grau)}
.ort .code{font-family:var(--schrift-eng);font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);
line-height:1;margin-top:.5rem}
.ort .klein{font-size:.9rem;color:var(--grau);margin-top:.4rem;max-width:24ch} .tafel{display:flex;gap:3px;margin-top:.45rem;flex-wrap:wrap;
font-family:var(--schrift-eng);font-weight:700;line-height:1;
font-size:clamp(1.9rem,4.6vw,3.1rem)}
.flap{display:inline-grid;place-items:center;min-width:1.55em;height:1.55em;background:var(--tinte);
color:#fff;font-size:inherit;line-height:1;border-radius:2px;
position:relative;overflow:hidden;padding:0 .1em}
.flap::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.28)}
.flap.leer{background:transparent;min-width:.55em}
.flap.dreht{animation:tjfly-flip .09s linear}
@keyframes tjfly-flip{0%{transform:scaleY(1)}50%{transform:scaleY(.06)}100%{transform:scaleY(1)}}
.rechner{border-top:1px dashed var(--kante);padding-top:1.4rem}
.rechner-kopf{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}
.rechner-kopf .label{font-size:.7rem;color:var(--grau)}
.rechner-wert{font-family:var(--schrift-eng);font-weight:700;font-size:1.8rem;line-height:1}
.rechner-wert em{font-style:normal;color:var(--signal)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:.5rem 0 0;
background:transparent;cursor:grab;display:block}
input[type=range]:active{cursor:grabbing}
input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--kante)}
input[type=range]::-moz-range-track{height:4px;background:var(--kante)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11px;
background:var(--signal);border:3px solid var(--papier);border-radius:2px;
box-shadow:0 2px 6px -1px rgba(15,45,48,.4)}
input[type=range]::-moz-range-thumb{width:26px;height:26px;background:var(--signal);
border:3px solid var(--papier);border-radius:2px;box-shadow:0 2px 6px -1px rgba(15,45,48,.4)}
.skala{display:flex;justify-content:space-between;font-size:.7rem;color:var(--grau)}
.felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
border-top:1px dashed var(--kante);margin-top:1.4rem;padding-top:1.2rem;gap:1.1rem}
.feld{display:flex;gap:.7rem;align-items:flex-start}
.feld svg{flex:0 0 auto;color:var(--signal);margin-top:.1rem}
.feld .label{font-size:.7rem;color:var(--grau)}
.feld .wert{font-family:var(--schrift-eng);font-weight:700;font-size:1.1rem;margin-top:.2rem}
.coupon{position:relative;padding:clamp(1.5rem,3vw,2.4rem) 1.5rem;
display:flex;flex-direction:column;
background-image:radial-gradient(circle, var(--kante) 1.7px, transparent 2.1px);
background-size:4px 12px;background-repeat:repeat-y;background-position:-1px 10px}
.coupon .label{font-size:.7rem;color:var(--grau)}
.coupon .gross{font-family:var(--schrift-eng);font-weight:700;font-size:2.6rem;line-height:1;margin-top:.45rem}
.coupon .mittel{font-family:var(--schrift-eng);font-weight:700;font-size:1.25rem;margin-top:.45rem}
.coupon small{display:block;font-family:var(--schrift);font-size:.8rem;color:var(--grau);
letter-spacing:0;text-transform:none;margin-top:.4rem;line-height:1.45;font-weight:400}
.urteil{margin-top:1.2rem;padding:.6rem .75rem;border:2px solid var(--signal);color:var(--signal);
font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}
.urteil[data-zustand="schwach"]{border-color:var(--warnung);color:var(--warnung)}
.barcode{margin-top:auto;width:100%;height:52px;color:var(--tinte);display:block}
.coupon .fussnote{margin-top:.8rem;font-size:.7rem;color:var(--grau)}
@media(max-width:880px){.pass{grid-template-columns:1fr}
.coupon{background-size:12px 4px;background-repeat:repeat-x;background-position:10px -1px}
}
@media(max-width:640px){
.strecke{grid-template-columns:1fr}
.ort .label,.feld .label,.coupon .label,.rechner-kopf .label{font-size:.74rem;letter-spacing:.12em}
.pass-kopf .klasse{font-size:.74rem}
.coupon .fussnote{font-size:.7rem}.coupon small{font-size:.88rem}.skala{font-size:.7rem}
} .buehne-kopf{display:grid;grid-template-columns:1fr 24rem;
gap:clamp(1.5rem,4vw,3rem);align-items:start}
.buehne-text{min-width:0}
.buehne-kopf .wir-bild{position:sticky;top:0} .wir-bild{margin:0;position:relative;display:flex;flex-direction:column;
background:var(--papier);border:1px solid var(--kante);border-radius:4px;
padding:.6rem .6rem 0;
box-shadow:0 1px 2px rgba(15,45,48,.14),0 16px 34px -16px rgba(15,45,48,.5)}
.wir-bild img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;
object-position:50% 38%;border-radius:2px;background:var(--grund-tief)}
.wir-bild picture{display:block}
.wir-bild figcaption{font-family:var(--schrift-mono);font-size:.69rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--grau);padding:.7rem .2rem .75rem;text-align:center}
@media(max-width:860px){ .buehne-kopf{grid-template-columns:1fr;gap:1.2rem}
.buehne-kopf .wir-bild{position:static}
.wir-bild img{aspect-ratio:3/2;object-position:50% 34%}
} .kanaele{margin-top:clamp(1.6rem,4vw,2.4rem);padding-top:1.2rem;
border-top:1px solid var(--kante);display:flex;flex-wrap:wrap;gap:1rem 2.4rem;align-items:flex-start} .kanal{display:flex;align-items:center;gap:.7rem;min-height:44px;text-decoration:none;
color:var(--tinte);transition:transform .16s cubic-bezier(.2,.8,.3,1)}
.kanal:hover{color:var(--tinte);transform:translateY(-2px)}
.kanal-zeichen{flex:0 0 auto;color:var(--signal)}
.kanal-zahl{font-family:var(--schrift-eng);font-weight:700;line-height:1;
font-size:clamp(1.5rem,3.4vw,1.95rem);color:var(--signal);font-variant-numeric:tabular-nums}
.kanal-was{display:flex;flex-direction:column;gap:.1rem}
.kanal-was strong{font-family:var(--schrift-eng);font-weight:700;font-size:.95rem;line-height:1.2}
.kanal-was small{font-family:var(--schrift-mono);font-size:.69rem;letter-spacing:.06em;color:var(--grau)}
.kanal:hover .kanal-was strong{text-decoration:underline;text-underline-offset:3px}
.kanal-stand{flex:1 1 100%;margin:0;font-family:var(--schrift-mono);font-size:.69rem;
letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
@media(max-width:520px){.kanaele{gap:.9rem 1.6rem}} .knopf{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;
font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;letter-spacing:.07em;
font-size:.95rem;padding:1rem 1.6rem;border-radius:2px;border:0;cursor:pointer;
transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s ease,background .16s ease}
.knopf-voll{background:var(--tinte);color:#fff;box-shadow:0 3px 0 0 var(--signal)}
.knopf-voll:hover{transform:translateY(-2px);color:#fff;
box-shadow:0 10px 18px -10px rgba(15,45,48,.5),0 3px 0 0 var(--signal)}
.knopf-rand{border:2px solid var(--tinte);background:transparent;color:var(--tinte)}
.knopf-rand:hover{background:rgba(15,45,48,.06);color:var(--tinte)}
.knopf-reihe{margin-top:clamp(1.8rem,4vw,2.6rem);display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.frei{font-size:.9rem;color:#3F5254} .riss{display:block;width:100%;height:22px;color:var(--papier)}
.riss.zu-grund{color:var(--grund)} .beweis{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.beweis img{border:1px solid var(--kante);border-radius:3px}
.beweis-bilder{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-items:start}
.beweis-bilder figure{margin:0;display:flex;flex-direction:column;
background:var(--papier);border:1px solid var(--kante);border-radius:4px;padding:.5rem .5rem 0;
box-shadow:0 1px 2px rgba(15,45,48,.12),0 14px 28px -18px rgba(15,45,48,.45)}
.beweis-bilder img{display:block;width:100%;height:100%;object-fit:cover;
border:0;border-radius:2px;aspect-ratio:3/4;background:var(--grund-tief)}
.beweis-bilder figure:first-child img{object-position:50% 50%}
.beweis-bilder figure:last-child img{object-position:50% 30%}
.beweis-bilder figcaption{font-family:var(--schrift-mono);font-size:.69rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--grau);padding:.6rem .2rem .65rem;text-align:center}
@media(max-width:520px){
.beweis-bilder{gap:.6rem}
.beweis-bilder img{aspect-ratio:4/5}
.beweis-bilder figcaption{font-size:.69rem;letter-spacing:.04em}
}
.beleg{margin-top:1.5rem;display:grid;gap:.7rem}
.beleg div{display:flex;gap:.8rem;align-items:baseline;font-size:.95rem}
.beleg .k{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
color:var(--grau);min-width:7.5rem;flex:0 0 auto}
@media(max-width:820px){.beweis{grid-template-columns:1fr}}  .lauf{--lauf:1;margin-top:clamp(2rem,5vw,3rem);display:grid;
grid-template-columns:20rem 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.lauf-karte{position:sticky;top:calc(var(--tjfly-kopf, 68px) + 1.5rem)} .minikarte{position:relative;background:var(--tinte);color:#fff;border-radius:4px;
padding:1.1rem 1.2rem 1rem;box-shadow:0 1px 2px rgba(15,45,48,.14),0 16px 34px -18px rgba(15,45,48,.55)}
.minikarte::before,.minikarte::after{content:"";position:absolute;top:50%;margin-top:-9px;
width:18px;height:18px;border-radius:50%;background:var(--grund)}
.minikarte::before{left:-9px}
.minikarte::after{right:-9px}
.mk-kopf{display:flex;align-items:center;gap:.7rem;padding-bottom:.85rem;
border-bottom:1px solid rgba(255,255,255,.22)}
.mk-marke{font-family:var(--schrift-eng);font-weight:700;letter-spacing:.06em;font-size:1.05rem}
.mk-marke span{color:#8DD8CF}
.mk-klasse{margin-left:auto;font-family:var(--schrift-mono);font-size:.69rem;letter-spacing:.1em;
text-transform:uppercase;color:#A9C2C0} .mk-strecke{padding:1.1rem 0 .9rem}
.mk-orte{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;
margin-bottom:.8rem}
.mk-ort{display:flex;flex-direction:column;gap:.1rem}
.mk-ort strong{font-family:var(--schrift-eng);font-weight:700;font-size:1.05rem;line-height:1}
.mk-ort small{font-family:var(--schrift-mono);font-size:.69rem;letter-spacing:.05em;
text-transform:uppercase;color:#A9C2C0}
.mk-ziel{text-align:right;align-items:flex-end}
.mk-ort{align-items:flex-start}  .mk-bahn{position:relative;height:22px;display:block;overflow:hidden;
background-image:radial-gradient(circle, rgba(255,255,255,.42) 1px, transparent 1.4px);
background-size:6px 20px;background-repeat:repeat-x;background-position:0 center} .mk-voll{position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;
background:#8DD8CF;transform-origin:left center;transform:scaleX(var(--lauf));
transition:transform .45s cubic-bezier(.16,1,.3,1)} .mk-reiter{position:absolute;left:0;top:0;bottom:0;width:100%;pointer-events:none;
transform:translateX(calc(var(--lauf) * (100% - 18px)));
transition:transform .45s cubic-bezier(.16,1,.3,1)}
.mk-flieger{position:absolute;left:0;top:50%;width:18px;height:18px;color:#8DD8CF;
transform:translateY(-50%)}
.mk-fuss{display:flex;align-items:baseline;gap:.6rem;padding-top:.85rem;
border-top:1px dashed rgba(255,255,255,.25);
font-family:var(--schrift-mono);font-size:.69rem;letter-spacing:.08em;
text-transform:uppercase;color:#A9C2C0}
.mk-fuss strong{color:#fff;font-size:.82rem}
.mk-fuss span:last-child{margin-left:auto;color:#8DD8CF;font-family:var(--schrift-eng);
font-weight:700;font-size:.82rem;letter-spacing:.04em}
.mk-code{display:block;width:100%;height:22px;margin-top:.85rem;color:rgba(255,255,255,.5)} .lauf-phasen{list-style:none;margin:0;padding:0;position:relative}
.lauf-phasen::before{content:"";position:absolute;left:17px;top:1.6rem;bottom:1.6rem;
width:2px;background:var(--kante)}
.phase{position:relative;display:grid;grid-template-columns:36px 1fr;gap:1.3rem;
align-items:start;padding:0 0 clamp(2.5rem,7vw,4.5rem)} @media(min-width:861px){.phase{min-height:40vh}}
.phase:last-child{padding-bottom:0}
.phase-marke{position:relative;z-index:1;display:grid;place-items:center;
width:36px;height:36px;border-radius:50%;background:var(--grund);
border:2px solid var(--kante);color:#526466;
font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:0;
transition:background .3s ease,border-color .3s ease,color .3s ease} .lauf:not(.js-lauf) .phase-marke,
.phase.aktiv .phase-marke{background:var(--signal);border-color:var(--signal);color:#fff}
.phase h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.03em;
font-size:clamp(1.5rem,3.8vw,2.1rem);line-height:1.05;margin-top:.1rem}
.phase p{margin-top:.7rem;color:var(--grau);max-width:58ch} .phase .liste{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin-top:1.1rem;
padding-top:1rem;border-top:1px solid var(--kante);max-width:58ch}
.phase .liste li{display:inline-flex;font-family:var(--schrift-mono);
font-size:.72rem;letter-spacing:.04em;color:#526466;
padding:.3rem .55rem;border:1px solid var(--kante);border-radius:2px;
background:var(--papier)}
.phase .liste li::before{content:none}
.phase.aktiv .liste li{border-color:#C5CFC9} @media(min-width:861px){
.lauf-phasen{padding-top:.4rem}
}
@media(max-width:860px){
.lauf{grid-template-columns:1fr;gap:1.2rem} .lauf-karte{top:calc(var(--tjfly-kopf, 60px) + .4rem);z-index:5}
.minikarte{padding:.6rem .85rem .55rem}
.minikarte::before,.minikarte::after{display:none}
.mk-kopf,.mk-code,.mk-ort small{display:none}
.mk-strecke{padding:0}
.mk-orte{margin-bottom:.45rem}
.mk-ort strong{font-size:.82rem}
.mk-bahn{height:20px}
.mk-fuss{padding-top:.45rem;border-top-style:solid;border-top-color:rgba(255,255,255,.18)}
}
@media (prefers-reduced-motion: reduce){
.mk-voll,.mk-reiter{transition:none}
.lauf-karte{position:static}
}
.liste{margin:1.1rem 0 0;padding:0;list-style:none;display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem 1.5rem}
.liste li{display:flex;gap:.6rem;font-size:.94rem;align-items:baseline}
.liste li::before{content:"";flex:0 0 auto;width:7px;height:7px;background:var(--signal);margin-top:.5rem} .filter{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:.5rem}
.filter button{font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.06em;font-size:.8rem;padding:.78rem 1.1rem;border:2px solid rgba(255,255,255,.28);
background:transparent;color:#fff;cursor:pointer;border-radius:2px;
transition:border-color .16s,background .16s}
.filter button:hover{border-color:#fff}
.filter button[aria-pressed="true"]{background:#fff;color:var(--tinte);border-color:#fff}
.tabelle-huelle{margin-top:1.5rem;overflow-x:auto;border:1px solid rgba(255,255,255,.2)}
.tabelle-huelle table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:40rem}
.tabelle-huelle th,.tabelle-huelle td{text-align:left;padding:.85rem 1rem;
border-bottom:1px solid rgba(255,255,255,.14)}
.tabelle-huelle thead th{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:#A9C2C0;background:rgba(255,255,255,.05)}
.tabelle-huelle tbody tr:hover{background:rgba(16,113,108,.16)}
td.zahl{font-family:var(--schrift-eng);font-weight:700;font-size:1.05rem;white-space:nowrap}
tr.beste td{background:rgba(16,113,108,.22)}
tr.beste td:first-child{box-shadow:inset 3px 0 0 var(--signal)}
.tab-fuss{margin-top:1rem;font-size:.85rem;color:#A9C2C0;max-width:70ch}
.marker{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
color:#A8B8FF;border:1px solid #7A8CFF;padding:.15rem .4rem;margin-left:.5rem;white-space:nowrap} .raster{margin-top:2.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
border-top:1px solid var(--kante);border-left:1px solid var(--kante)}
.zelle{border-right:1px solid var(--kante);border-bottom:1px solid var(--kante);
padding:1.5rem 1.3rem;display:flex;flex-direction:column;gap:.7rem}
.zelle h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.05em;
font-size:1rem;font-weight:700}
.zelle p{font-size:.92rem;color:var(--grau);line-height:1.5} .werkzeugliste{margin-top:2.2rem;border-top:2px solid var(--tinte)}
.werkzeug{display:grid;grid-template-columns:1fr 9.5rem 8rem;gap:1rem;align-items:center;
padding:1.15rem 0;border-bottom:1px solid var(--kante)}
.werkzeug h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem}
.werkzeug h3 a{color:inherit;text-decoration:none;border-bottom:2px solid var(--kante)}
.werkzeug h3 a:hover{border-color:var(--signal);color:var(--signal)}
.werkzeug p{margin-top:.3rem;color:var(--grau);font-size:.94rem;max-width:58ch}
.chip{display:inline-block;font-family:var(--schrift-mono);font-size:.74rem;letter-spacing:.12em;
text-transform:uppercase;padding:.35rem .55rem;border:1px solid currentColor;white-space:nowrap}
.chip-da{color:var(--gut)}
.chip-kurs{color:var(--signal)}
.preis{font-family:var(--schrift-eng);font-weight:700;font-size:1.55rem;text-align:right;white-space:nowrap}
.preis span{display:block;font-family:var(--schrift);font-weight:400;font-size:.76rem;
color:var(--grau);letter-spacing:0;margin-top:.15rem;white-space:normal}
@media(max-width:780px){
.werkzeug{grid-template-columns:1fr auto;gap:.7rem 1rem}
.werkzeug > div:first-child{grid-column:1 / -1}
.preis{text-align:left;font-size:1.3rem}
} .ehrlich{margin-top:1.6rem;padding:clamp(1.3rem,3vw,1.9rem);border:2px solid var(--signal);background:#F4F6FF}
.ehrlich strong{display:block;font-family:var(--schrift-eng);text-transform:uppercase;
letter-spacing:.04em;font-size:clamp(1.15rem,2.4vw,1.5rem)}
.ehrlich p{margin-top:.7rem;color:var(--grau);max-width:70ch;font-size:1rem}
.ehrlich p:last-child{color:var(--tinte);font-weight:600}
.modul{display:grid;grid-template-columns:1fr 13rem;gap:1.4rem;align-items:start;
padding:1.8rem 0;border-bottom:1px solid var(--kante)}
.modul:first-of-type{border-top:2px solid var(--tinte)}
.modul h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;font-size:1.45rem}
.modul .was{margin-top:.5rem;color:var(--grau);font-size:.98rem;max-width:56ch}
.inhalt{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem}
.inhalt li{display:flex;gap:.6rem;font-size:.94rem;align-items:baseline}
.inhalt li::before{content:"";flex:0 0 auto;width:7px;height:7px;background:var(--signal);margin-top:.45rem}
.gratis{margin-top:1.1rem;padding:.9rem 1rem;border:2px dashed var(--kante);background:#F8F5EF}
.gratis b{display:block;font-family:var(--schrift-eng);text-transform:uppercase;
letter-spacing:.05em;font-size:.86rem}
.gratis p{margin-top:.35rem;font-size:.92rem;color:var(--grau)}
.gratis a{color:var(--signal);font-weight:600;text-decoration:none;
border-bottom:2px solid currentColor;display:inline-block;padding:.5rem 0 .25rem}
.modul-kauf{text-align:right}
.modul-kauf .wert{font-family:var(--schrift-eng);font-weight:700;font-size:2.1rem;line-height:1}
.modul-kauf .zusatz{font-size:.8rem;color:var(--grau);margin-top:.45rem;line-height:1.45}
.modul-kauf .knopf{margin-top:.9rem;width:100%;justify-content:center;padding:.9rem 1rem;font-size:.88rem}
@media(max-width:780px){.modul{grid-template-columns:1fr}.modul-kauf{text-align:left}
.modul-kauf .knopf{width:auto}}
.leistung{display:grid;grid-template-columns:1fr 13rem;gap:1.4rem;align-items:start;
padding:1.6rem 0;border-bottom:1px solid var(--kante)}
.leistung h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;font-size:1.35rem}
.leistung .was{margin-top:.5rem;color:var(--grau);font-size:.97rem;max-width:58ch}
.leistung .brauchen{margin-top:.9rem;padding:.85rem 1rem;background:#F8F5EF;border:1px dashed var(--kante)}
.leistung .brauchen b{font-family:var(--schrift-eng);text-transform:uppercase;
letter-spacing:.05em;font-size:.82rem}
.leistung .brauchen p{margin-top:.3rem;font-size:.92rem;color:var(--grau)}
@media(max-width:780px){.leistung{grid-template-columns:1fr}.leistung .modul-kauf{text-align:left}}
.kommt{margin-top:2.4rem;border:2px solid var(--kante);background:#F8F5EF;
padding:clamp(1.4rem,3vw,2rem);display:grid;grid-template-columns:1fr 13rem;gap:1.4rem;align-items:start}
.kommt h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;
font-size:1.45rem;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.kommt .was{margin-top:.6rem;color:var(--grau);font-size:.98rem;max-width:56ch}
.zwei-listen{margin-top:1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem}
.zwei-listen h4{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.05em;font-size:.88rem}
.zwei-listen ul{margin:.6rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem}
.zwei-listen li{display:flex;gap:.55rem;font-size:.93rem;align-items:baseline;color:var(--grau)}
.zwei-listen .ja li::before{content:"";flex:0 0 auto;width:7px;height:7px;background:var(--signal);margin-top:.45rem}
.zwei-listen .nein li::before{content:"×";flex:0 0 auto;color:var(--warnung);font-weight:700;line-height:1.4}
@media(max-width:780px){.kommt{grid-template-columns:1fr}.zwei-listen{grid-template-columns:1fr}}
.abschluss{margin-top:2.6rem;padding:1.7rem;border:2px solid var(--tinte);
display:flex;gap:1.4rem;align-items:baseline;flex-wrap:wrap}
.abschluss strong{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.05em;
font-size:clamp(1.15rem,2.6vw,1.7rem)}
.abschluss span{color:var(--grau);font-size:.97rem;flex:1;min-width:17rem}   .brief{background:var(--signal);color:#fff;padding:clamp(2.5rem,6vw,4rem) var(--sp)}
.brief-innen{max-width:var(--breite);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;
gap:clamp(1.5rem,4vw,3rem);align-items:center}
.brief h2{color:#fff;max-width:16ch}
.brief p{margin-top:.9rem;color:#E6EBFF;max-width:46ch}
.brief form{display:flex;gap:.7rem;flex-wrap:wrap}
.brief input[type=email]{flex:1;min-width:13rem;background:#fff;border:0;color:var(--tinte);
padding:1rem 1.1rem;border-radius:2px;font:inherit;font-size:1rem}
.brief input::placeholder{color:#6E727A}
.brief .knopf-voll{background:var(--tinte);box-shadow:0 3px 0 0 rgba(255,255,255,.45)}
.brief .klein{margin-top:.9rem;font-size:.84rem;color:#DCE3FF}
.brief .meldung{margin-top:.9rem;font-weight:600;background:rgba(255,255,255,.15);
padding:.75rem 1rem;border-radius:2px}
@media(max-width:760px){.brief-innen{grid-template-columns:1fr}} .fuss{background:var(--tinte);color:#A9C2C0;padding:clamp(2.5rem,6vw,4rem) var(--sp) 3rem}
.fuss-innen{max-width:var(--breite);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.fuss h4{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:#949AA4}
.fuss ul{margin:.6rem 0 0;padding:0;list-style:none;display:grid}
.fuss a{color:#DDE1E7;text-decoration:none;display:inline-block;padding:.62rem 0}
.fuss a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fuss .hinweis{margin-top:1rem;font-size:.85rem;max-width:44ch;line-height:1.55}
.fuss img{height:42px;width:auto}
@media(max-width:760px){.fuss-innen{grid-template-columns:1fr}} .abriss-leiste{position:fixed;left:0;right:0;bottom:0;z-index:35;
transform:translateY(115%);transition:transform .34s cubic-bezier(.16,.9,.3,1);pointer-events:none}
.abriss-leiste.da{transform:translateY(0);pointer-events:auto}
.abriss-leiste .zacken{display:block;width:100%;height:12px;color:var(--papier)} .abriss-leiste .inhalt{background:var(--papier);box-shadow:0 -14px 34px -20px rgba(15,45,48,.5);
padding-top:.85rem;padding-bottom:calc(.85rem + env(safe-area-inset-bottom,0px));
padding-left:max(var(--sp), calc((100% - var(--breite)) / 2));
padding-right:max(var(--sp), calc((100% - var(--breite)) / 2));
display:flex;align-items:center;gap:1rem}
.abriss-leiste .text{min-width:0}
.abriss-leiste .text .label{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.1em;
text-transform:uppercase;color:var(--grau)}
.abriss-leiste .text .wert{font-family:var(--schrift-eng);font-weight:700;font-size:1.2rem;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abriss-leiste .knopf{margin-left:auto;padding:.8rem 1.2rem;font-size:.85rem}
@media(max-width:520px){.abriss-leiste .text .wert{font-size:1rem}} .seite{background:var(--papier);padding:clamp(2.5rem,6vw,4.5rem) var(--sp) clamp(3rem,7vw,5rem)}
.seite-innen{max-width:var(--breite);margin:0 auto}
.seiten-kopf{border-bottom:2px solid var(--tinte);padding-bottom:1.4rem}
.seiten-kopf h1{font-size:clamp(1.9rem,5vw,3.4rem);max-width:28ch;text-wrap:balance}
.seiten-kopf .meta{margin-top:.8rem;font-family:var(--schrift-mono);font-size:.72rem;
letter-spacing:.14em;text-transform:uppercase;color:var(--grau)} .inhaltstext{
margin-top:clamp(1.8rem,4vw,2.6rem);
display:grid;
grid-template-columns:
[voll-start] minmax(0,1fr)
[text-start] min(72ch,100%) [text-end]
minmax(0,1fr) [voll-end];
}
.inhaltstext > *{grid-column:text}
.inhaltstext > table,
.inhaltstext > figure,
.inhaltstext > .wp-block-table,
.inhaltstext > .alignwide,
.inhaltstext > .alignfull,
.inhaltstext > .tjfly-werkzeug,
.inhaltstext > .tjfly-karten{grid-column:voll}
.inhaltstext > * + *{margin-top:1.1rem}
.inhaltstext p{line-height:1.7}
.inhaltstext h2{margin-top:2.6rem;font-size:clamp(1.5rem,3.2vw,2.2rem)}
.inhaltstext h3{margin-top:2rem;font-family:var(--schrift-eng);text-transform:uppercase;
letter-spacing:.04em;font-size:1.3rem}
.inhaltstext ul,.inhaltstext ol{padding-left:1.3rem}
.inhaltstext li + li{margin-top:.45rem}
.inhaltstext a{text-underline-offset:3px}
.inhaltstext blockquote{border-left:3px solid var(--signal);padding-left:1.2rem;
margin-left:0;color:var(--grau);font-size:1.08rem}
.inhaltstext code{font-family:var(--schrift-mono);font-size:.86em;background:#F1EDE4;padding:.1em .35em}
.inhaltstext table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}
.inhaltstext th,.inhaltstext td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--kante)}
.inhaltstext thead th{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--grau)}
.inhaltstext figure{margin:1.6rem 0}
.inhaltstext figcaption{margin-top:.6rem;font-size:.86rem;color:var(--grau)}
.alignwide{max-width:min(100%,var(--breite))}
.alignfull{max-width:none}
.alignleft{float:left;margin:.4rem 1.4rem 1rem 0}
.alignright{float:right;margin:.4rem 0 1rem 1.4rem}
.aligncenter{margin-left:auto;margin-right:auto}
.beitragsliste{margin-top:2rem;border-top:2px solid var(--tinte)}
.beitragsliste article{padding:1.6rem 0;border-bottom:1px solid var(--kante)}
.beitragsliste h2{font-size:clamp(1.3rem,2.6vw,1.8rem);max-width:32ch}
.beitragsliste h2 a{color:inherit;text-decoration:none}
.beitragsliste h2 a:hover{color:var(--signal)}
.beitragsliste p{margin-top:.6rem;color:var(--grau);max-width:70ch}
.blaettern{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}
.blaettern a,.blaettern span{padding:.7rem 1rem;border:2px solid var(--kante);text-decoration:none;
color:var(--tinte);font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;font-size:.85rem}
.blaettern a:hover{border-color:var(--signal);color:var(--signal)}
.blaettern .current{background:var(--tinte);color:#fff;border-color:var(--tinte)}
.suchform{display:flex;gap:.6rem;margin-top:1.4rem;max-width:32rem}
.suchform input[type=search]{flex:1;padding:.9rem 1rem;border:2px solid var(--kante);
font:inherit;border-radius:2px}
.suchform input[type=search]:focus{border-color:var(--signal);outline:none}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition:none!important;animation:none!important}
} .log-zahlen{margin-top:clamp(1.8rem,4vw,2.6rem);display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;
background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}
.log-zahlen > div{background:var(--tinte);padding:1.4rem}
.log-zahlen .wert{font-family:var(--schrift-eng);font-weight:700;font-size:2.1rem;
line-height:1;color:#fff}
.log-zahlen .was{margin-top:.5rem;font-size:.88rem;color:#C2D4D2}
.log-filter{margin-top:2rem;display:grid;gap:.9rem}
.filterreihe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.filtername{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:#C2D4D2;min-width:6.5rem}
.filterreihe button{
min-height:44px;padding:.55rem 1rem;
background:transparent;color:#fff;
border:1px solid rgba(255,255,255,.34);border-radius:2px;
font:inherit;font-size:.88rem;cursor:pointer;
transition:background .15s,border-color .15s;
}
.filterreihe button:hover{border-color:#fff}
.filterreihe button[aria-pressed="true"]{background:#fff;color:var(--tinte);border-color:#fff;font-weight:700} .sortknopf{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;
cursor:pointer;display:inline-flex;align-items:center;min-height:44px;
text-transform:inherit;letter-spacing:inherit}
.sortknopf:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.klasse-marke{display:inline-block;font-family:var(--schrift-mono);font-size:.72rem;
letter-spacing:.1em;text-transform:uppercase;color:#8DD8CF;
border:1px solid currentColor;padding:.2rem .45rem;white-space:nowrap}
.log-mehr{margin-top:1.6rem}
.log-mehr .knopf[hidden]{display:none} .dunkel .knopf-rand{border-color:#fff;color:#fff}
.dunkel .knopf-rand:hover{background:#fff;color:var(--tinte)} .seiten-kopf{padding-bottom:1.1rem}
.seiten-kopf h1{max-width:24ch;letter-spacing:-.03em}
.seiten-kopf .meta{margin-top:.7rem}
@media(max-width:640px){
.seiten-kopf h1{font-size:clamp(1.7rem,7vw,2.2rem)}
.seiten-kopf{padding-bottom:.9rem}
.seiten-kopf .meta{margin-top:.5rem;font-size:.66rem}
} .js-bereit .zeigt-sich{
opacity:0;
transform:translateY(18px);
}
.js-bereit .zeigt-sich.da{
opacity:1;
transform:none;
transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.3,1);
transition-delay:var(--verzug, 0ms);
} .zaehlt{font-variant-numeric:tabular-nums} .knopf{transition:transform .16s cubic-bezier(.2,.8,.3,1),
box-shadow .16s ease, background .16s ease}
.zelle,.werkzeug,.beleg{transition:border-color .18s ease, background .18s ease} @media (prefers-reduced-motion: reduce){
.js-bereit .zeigt-sich,
.js-bereit .zeigt-sich.da{
opacity:1;transform:none;transition:none;
}
*,*::before,*::after{
animation-duration:.01ms !important;
animation-iteration-count:1 !important;
transition-duration:.01ms !important;
scroll-behavior:auto !important;
}
} @media(max-width:700px){
.tabelle-huelle{overflow-x:visible;border:0}
.tabelle-huelle table{min-width:0;display:block;font-size:1rem}
.tabelle-huelle thead{display:none}
.tabelle-huelle tbody{display:grid;gap:.65rem}
.tabelle-huelle tr{display:grid;
grid-template-columns:auto minmax(0,1fr);
grid-template-areas:
"von      nach"
"klasse   programm"
"punkte   zuzahlung";
gap:.2rem .6rem;align-items:baseline;
padding:.85rem .95rem;
border:1px solid rgba(255,255,255,.2);border-radius:2px}
.tabelle-huelle tr:hover{background:transparent}
.tabelle-huelle td{border:0;padding:0}
td[data-spalte="von"]{grid-area:von;font-family:var(--schrift-eng);font-weight:700;
font-size:1.05rem;line-height:1.2}
td[data-spalte="von"]::after{content:"→";margin-left:.45rem;color:#8DD8CF}
td[data-spalte="nach"]{grid-area:nach;font-family:var(--schrift-eng);font-weight:700;
font-size:1.05rem;line-height:1.2;min-width:0}
td[data-spalte="programm"]{grid-area:programm;font-size:.85rem;color:#A9C2C0;
padding-top:.15rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td[data-spalte="programm"]::before{content:"· ";color:#7E9A98}
td[data-spalte="klasse"]{grid-area:klasse;justify-self:start;padding-top:.15rem} td[data-spalte="punkte"]{grid-area:punkte;font-family:var(--schrift-eng);font-weight:700;
font-size:1.25rem;padding-top:.5rem;white-space:nowrap}
td[data-spalte="punkte"]::after{content:" Punkte";font-family:var(--schrift);
font-weight:400;font-size:.8rem;color:#A9C2C0}
td[data-spalte="zuzahlung"]{grid-area:zuzahlung;justify-self:end;padding-top:.5rem;
font-family:var(--schrift-eng);font-weight:700;font-size:1.05rem;white-space:nowrap}
td[data-spalte="zuzahlung"]::before{content:"+ ";color:#A9C2C0;font-weight:400}
.tabelle-huelle tr.beste{border-color:var(--signal);
box-shadow:inset 0 0 0 1px var(--signal)}
.tabelle-huelle tr.beste td{background:transparent}
.marker{margin-left:.4rem}
} .wir-kurz{display:grid;grid-template-columns:22rem minmax(0,1fr);
gap:clamp(1.5rem,4vw,3rem);align-items:center}
.wir-kurz-bild{margin:0;background:var(--papier);padding:.6rem;border-radius:2px;
box-shadow:0 1px 2px rgba(0,0,0,.3),0 18px 36px -20px rgba(0,0,0,.6)}
.wir-kurz-bild img{display:block;width:100%;height:auto;aspect-ratio:3/4;
object-fit:cover;object-position:50% 30%;border-radius:2px;background:var(--grund-tief)}
.wir-kurz-text{min-width:0}
.wir-kurz-text h2{max-width:20ch}
.wir-kurz-text .lead{max-width:56ch}
.wir-kurz-text .knopf-reihe{margin-top:clamp(1.4rem,3vw,2rem)}
@media(max-width:820px){
.wir-kurz{grid-template-columns:1fr;gap:1.4rem} .wir-kurz-bild{order:2}
.wir-kurz-bild img{aspect-ratio:4/3;object-position:50% 26%}
.wir-kurz-text{order:1}
}.inhaltstext > .tj-voll{grid-column:voll} .tj-band{
background:var(--tinte);color:#fff;
width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
padding:clamp(2.8rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem);
margin-top:3.5rem;margin-bottom:3.5rem;position:relative;
}
.tj-band::before{
content:"";position:absolute;left:0;right:0;top:-1px;height:12px;
background:radial-gradient(circle at 10px 0, var(--papier) 5px, transparent 5.5px) repeat-x;
background-size:40px 12px;
}
.tj-band > *{max-width:var(--breite);margin-left:auto;margin-right:auto}
.tj-band h2,.tj-band h3{color:#fff}
.tj-band p{color:#C2D4D2}
.tj-band a{color:#8DD8CF}
.tj-band strong{color:#fff} .tj-marke{margin:3.5rem 0 1.6rem;border-bottom:2px solid var(--tinte);grid-column:voll}
.tj-band .tj-marke{border-color:rgba(255,255,255,.3)}
.tj-marke span{display:inline-block;background:var(--tinte);color:#fff;padding:.55rem 1rem;
font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem}
.tj-band .tj-marke span{background:#fff;color:var(--tinte)}  .tj-zellen{margin-top:2rem;display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
border-top:1px solid var(--kante);border-left:1px solid var(--kante)} .tj-zellen.spalten-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:640px){.tj-zellen.spalten-2{grid-template-columns:1fr}} .tj-zellen > .breit{grid-column:1/-1}
.tj-band .tj-zellen{border-color:rgba(255,255,255,.2)}
.tj-zellen > div{border-right:1px solid var(--kante);border-bottom:1px solid var(--kante);
padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.6rem}
.tj-band .tj-zellen > div{border-color:rgba(255,255,255,.2)}
.tj-zellen .nr{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--signal)}
.tj-band .tj-zellen .nr{color:#8DD8CF}
.tj-zellen h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;
font-size:1.05rem;margin:0}
.tj-zellen p{font-size:.93rem;color:var(--grau);line-height:1.55;margin:0}
.tj-band .tj-zellen p{color:#C2D4D2}
.tj-zellen .fussmarke{margin-top:auto;padding-top:.6rem;font-family:var(--schrift-mono);
font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.tj-band .tj-zellen .fussmarke{color:#8DD8CF} .tj-schritte{margin-top:2rem;border-top:1px solid var(--kante)}
.tj-band .tj-schritte{border-color:rgba(255,255,255,.2)}
.tj-schritte > div{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start;
padding:1.3rem 0;border-bottom:1px solid var(--kante)}
.tj-band .tj-schritte > div{border-color:rgba(255,255,255,.2)} .tj-schritte .zahl{font-family:var(--schrift-eng);font-weight:700;font-size:2.4rem;
line-height:.9;color:#6E8385}
.tj-band .tj-schritte .zahl{color:rgba(255,255,255,.62)}
.tj-schritte h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;
font-size:1.05rem;margin:0}
.tj-schritte p{margin-top:.35rem;color:var(--grau);font-size:.94rem}
.tj-band .tj-schritte p{color:#C2D4D2}
@media(max-width:560px){.tj-schritte > div{grid-template-columns:1fr}.tj-schritte .zahl{font-size:1.6rem}} .tj-gegen{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2px;
background:var(--kante);border:1px solid var(--kante)}
.tj-gegen > div{background:var(--papier);padding:1.5rem 1.4rem}
.tj-gegen h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem}
.tj-gegen p{margin-top:.6rem;color:var(--grau);font-size:.95rem}
.tj-gegen .falsch h3{color:var(--warnung)}
.tj-gegen .richtig h3{color:var(--gut)}
@media(max-width:640px){.tj-gegen{grid-template-columns:1fr}} .tj-belege{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;
background:var(--kante);border:1px solid var(--kante)}
.tj-belege > div{background:var(--papier);padding:1.4rem}
.tj-band .tj-belege{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.2)}
.tj-band .tj-belege > div{background:var(--tinte)}
.tj-belege .wert{font-family:var(--schrift-eng);font-weight:700;font-size:1.9rem;line-height:1}
.tj-band .tj-belege .wert{color:#fff}
.tj-belege .was{margin-top:.45rem;font-size:.88rem;color:var(--grau)}
.tj-band .tj-belege .was{color:#C2D4D2}
.tj-belege .gespart{margin-top:.7rem;display:inline-block;font-family:var(--schrift-mono);
font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gut);
border:1px solid currentColor;padding:.25rem .5rem}
.tj-band .tj-belege .gespart{color:#7FE0B4} .tj-skala{margin-top:1.6rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
background:var(--kante);border:1px solid var(--kante)}
.tj-band .tj-skala{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.2)}
.tj-skala > div{background:var(--papier);padding:1rem;text-align:center}
.tj-band .tj-skala > div{background:var(--tinte)}
.tj-skala .stufe{font-family:var(--schrift-eng);font-weight:700;font-size:1.3rem}
.tj-skala .urteil{margin-top:.3rem;font-size:.82rem;color:var(--grau)}
.tj-band .tj-skala .urteil{color:#C2D4D2}
.tj-skala .top .stufe{color:var(--gut)}
.tj-band .tj-skala .top .stufe{color:#7FE0B4}
.tj-skala .schlecht .stufe{color:var(--warnung)}
.tj-band .tj-skala .schlecht .stufe{color:#FF8A7A}
@media(max-width:560px){.tj-skala{grid-template-columns:repeat(2,1fr)}} .tj-formel{margin-top:1.4rem;padding:1.2rem 1.3rem;border:2px solid var(--signal);
font-family:var(--schrift-mono);font-size:1rem;text-align:center;letter-spacing:.02em}
.tj-band .tj-formel{border-color:#8DD8CF;color:#fff} .tj-hinweis{margin-top:1.4rem;padding:1rem 1.2rem;border:2px dashed var(--kante);background:#F8F5EF}
.tj-band .tj-hinweis{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}
.tj-hinweis b{display:block;font-family:var(--schrift-eng);text-transform:uppercase;
letter-spacing:.05em;font-size:.85rem;margin-bottom:.35rem}
.tj-anzeige{display:inline-block;font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.12em;
text-transform:uppercase;color:#8A5A00;border:1px solid currentColor;padding:.22rem .5rem}
.tj-band .tj-anzeige{color:#FFC06B} .tj-tabelle{margin-top:1.4rem;overflow-x:auto;border:1px solid var(--kante)}
.tj-band .tj-tabelle{border-color:rgba(255,255,255,.2)}
.tj-tabelle table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:34rem;display:table}
.tj-tabelle th,.tj-tabelle td{text-align:left;padding:.8rem .9rem;border-bottom:1px solid var(--kante)}
.tj-band .tj-tabelle th,.tj-band .tj-tabelle td{border-color:rgba(255,255,255,.16)}
.tj-tabelle thead th{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--grau);background:#F1EDE4}
.tj-band .tj-tabelle thead th{color:#C2D4D2;background:rgba(255,255,255,.06)}
.tj-tabelle td.zahl{font-family:var(--schrift-eng);font-weight:700;white-space:nowrap}
.tj-tabelle .warnzeile td{color:var(--warnung)}
.tj-band .tj-tabelle .warnzeile td{color:#FF8A7A} .tj-fragen{margin-top:2rem;border-top:2px solid var(--tinte)}
.tj-fragen details{border-bottom:1px solid var(--kante)}
.tj-fragen summary{cursor:pointer;list-style:none;padding:1.2rem 2.5rem 1.2rem 0;position:relative;
font-family:var(--schrift-eng);font-weight:700;font-size:1.1rem;text-transform:uppercase;
letter-spacing:.03em}
.tj-fragen summary::-webkit-details-marker{display:none}
.tj-fragen summary::after{content:"+";position:absolute;right:.4rem;top:1rem;
font-size:1.5rem;color:var(--signal);line-height:1}
.tj-fragen details[open] summary::after{content:"–"}
.tj-fragen summary:hover{color:var(--signal)}
.tj-fragen .antwort{padding:0 0 1.4rem;color:var(--grau);max-width:70ch} .tj-schluss{text-align:center;padding:1rem 0}
.tj-schluss h2{max-width:24ch;margin:0 auto}
.tj-schluss p{margin:1rem auto 0;max-width:56ch}
.tj-schluss .knopf-reihe{justify-content:center}
.tj-schluss .signatur{margin-top:1.6rem;font-family:var(--schrift-mono);font-size:.7rem;
letter-spacing:.14em;text-transform:uppercase;color:#8DD8CF} .inhaltstext > .tj-band,
.inhaltstext > .tj-zellen,
.inhaltstext > .tj-gegen,
.inhaltstext > .tj-belege,
.inhaltstext > .tj-tabelle,
.inhaltstext > .tj-skala,
.inhaltstext > .tj-karten{grid-column:voll} .inhaltstext [id]{scroll-margin-top:6rem} .tj-etikett{display:block;font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.16em;
text-transform:uppercase;color:var(--signal);margin-bottom:.7rem}
.tj-band .tj-etikett{color:#8DD8CF}
.tj-band > h2{margin-top:0;font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:22ch}  .tj-band .tj-zitat{color:#fff;border-left:0;padding-left:0;margin-left:0}
.tj-zitat{margin-top:2rem;border-top:1px solid rgba(255,255,255,.2);padding-top:1.4rem;
font-family:var(--schrift-eng);font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1.4;max-width:40ch}
.tj-zitat cite{display:block;margin-top:.7rem;font-family:var(--schrift-mono);font-size:.72rem;
letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:#8DD8CF} .tj-zellen > a{border-right:1px solid var(--kante);border-bottom:1px solid var(--kante);
padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;
text-decoration:none;color:inherit}
.tj-band .tj-zellen > a{border-color:rgba(255,255,255,.2)}
.tj-zellen > a:hover{background:#F1EDE4;color:inherit}
.tj-band .tj-zellen > a:hover{background:#123437}
.tj-zellen > a .nr{color:var(--signal)} .tj-link{display:inline-flex;align-items:center;min-height:44px;
font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.04em;font-size:.88rem;text-decoration:none;
border-bottom:2px solid currentColor}
.tj-link:hover{border-bottom-color:transparent} .tj-wisch{margin-top:.5rem;font-family:var(--schrift-mono);font-size:.72rem;
letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}
.tj-band .tj-wisch{color:#C2D4D2}
@media(min-width:641px){.tj-wisch{display:none}} .tj-eigen{display:inline-block;font-family:var(--schrift-mono);font-size:.72rem;
letter-spacing:.12em;text-transform:uppercase;color:var(--signal);
border:1px solid currentColor;padding:.2rem .45rem;white-space:nowrap}
.tj-band .tj-eigen{color:#8DD8CF} .tj-koepfe{margin-top:2.2rem;display:grid;grid-template-columns:1fr 1fr;gap:2px;
background:var(--kante);border:1px solid var(--kante)}
.tj-band .tj-koepfe{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.2)}
.tj-koepfe > div{background:var(--papier);padding:1.6rem 1.4rem}
.tj-band .tj-koepfe > div{background:var(--tinte)}
.tj-koepfe img{width:110px;height:110px;object-fit:cover;border-radius:50%;
border:2px solid var(--kante);margin-bottom:1rem}
.tj-band .tj-koepfe img{border-color:rgba(255,255,255,.35)}
.tj-koepfe .name{font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.06em;font-size:1.25rem}
.tj-koepfe .rolle{margin-top:.2rem;font-family:var(--schrift-mono);font-size:.66rem;
letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.tj-band .tj-koepfe .rolle{color:#8DD8CF}
.tj-koepfe p{margin-top:.8rem;font-size:.95rem;color:var(--grau);line-height:1.6}
.tj-band .tj-koepfe p{color:#C2D4D2}
@media(max-width:600px){.tj-koepfe{grid-template-columns:1fr}}
.inhaltstext > .tj-koepfe{grid-column:voll} .tj-karte{
aspect-ratio:1.586;width:100%;max-width:19rem;
border-radius:8px;position:relative;overflow:hidden;
display:flex;flex-direction:column;justify-content:space-between;
padding:1rem 1.1rem;color:#fff;
background:var(--karte-grund,#2A2E36);
box-shadow:0 1px 0 0 rgba(255,255,255,.22) inset;
} .tj-karte::after{
content:"";position:absolute;inset:0;
background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.13) 52%,transparent 62%);
pointer-events:none;
}
.tj-karte .chip{
width:2.4rem;height:1.8rem;border-radius:4px;
background:linear-gradient(150deg,#E3C98A,#B9974B);
box-shadow:0 0 0 1px rgba(0,0,0,.18) inset;
}
.tj-karte .chip::before{
content:"";display:block;margin:.55rem 0 0 .3rem;width:1.8rem;height:1px;
background:rgba(0,0,0,.28);box-shadow:0 5px 0 rgba(0,0,0,.28);
} .tj-karte .heraus{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;position:relative;z-index:1}
.tj-karte .stufe{font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.06em;font-size:1.5rem;line-height:1;position:relative;z-index:1}
.tj-karte .kartenfuss{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;
position:relative;z-index:1}
.tj-karte .gebuehr{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.1em;
text-transform:uppercase} .tj-karte.gruen{--karte-grund:linear-gradient(150deg,#17553F,#0C3527);color:#fff}
.tj-karte.gold{--karte-grund:linear-gradient(150deg,#E0BE63,#C09A33);color:#2A2107}
.tj-karte.rose{--karte-grund:linear-gradient(150deg,#D9A0A8,#C98891);color:#33161B}
.tj-karte.platin{--karte-grund:linear-gradient(150deg,#B4BAC2,#9AA0A8);color:#1F2226}
.tj-karte.blau{--karte-grund:linear-gradient(150deg,#0B2A6B,#05164D);color:#fff}
.tj-karte.frei{--karte-grund:linear-gradient(150deg,#3A3F48,#22262C);color:#fff} .tj-karte.gold::after,
.tj-karte.rose::after,
.tj-karte.platin::after{
background:linear-gradient(115deg,transparent 38%,rgba(0,0,0,.07) 52%,transparent 62%);
}
.tj-karte.gold .chip,
.tj-karte.rose .chip,
.tj-karte.platin .chip{background:linear-gradient(150deg,#F2E4BC,#D8BE7E)} .tj-zellen .tj-karte{margin-bottom:.4rem} .tj-kartenbild{display:block;width:100%;max-width:19rem;height:auto;
border-radius:8px;margin-bottom:.4rem}
.tj-kartenpaar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.4rem}
.tj-kartenpaar .tj-kartenbild{max-width:calc(50% - .3rem);min-width:8rem;margin-bottom:0} .tj-band::after{
content:"";position:absolute;left:0;right:0;bottom:-1px;height:12px;
background:radial-gradient(circle at 10px 12px, var(--papier) 5px, transparent 5.5px) repeat-x;
background-size:40px 12px;
} .seiten-bord + .inhaltstext,
.seiten-bord + figure{margin-top:clamp(2.2rem,5vw,3.2rem)} .tj-verzeichnis{margin:0 0 clamp(2rem,5vw,3rem);background:var(--papier);
border:1px solid var(--kante);border-radius:2px}
.tj-verzeichnis details{margin:0}
.tj-verzeichnis summary{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;
padding:.9rem 1.1rem;cursor:pointer;list-style:none;min-height:44px;
border-bottom:1px solid transparent}
.tj-verzeichnis details[open] summary{border-bottom-color:var(--kante)}
.tj-verzeichnis summary::-webkit-details-marker{display:none}
.tj-verzeichnis summary::after{content:"";margin-left:auto;width:9px;height:9px;
border-right:2px solid var(--grau);border-bottom:2px solid var(--grau);
transform:rotate(45deg);transition:transform .18s ease;align-self:center}
.tj-verzeichnis details[open] summary::after{transform:rotate(-135deg)}
.tjv-titel{font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.06em;font-size:.95rem}
.tjv-anzahl{font-family:var(--schrift-mono);font-size:.69rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--grau)}
.tj-verzeichnis ol{list-style:none;margin:0;padding:.7rem 1.1rem 1rem;
display:grid;gap:.1rem}
.tj-verzeichnis a{display:block;padding:.5rem .6rem;text-decoration:none;
color:var(--tinte);border-radius:2px;line-height:1.35;
border-left:2px solid transparent}
.tj-verzeichnis a:hover{background:var(--grund);color:var(--tinte)}
.tj-verzeichnis a:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.tjv-kapitel > a{font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.05em;font-size:.86rem;margin-top:.7rem}
.tjv-kapitel:first-child > a{margin-top:0}
.tjv-teil > a{font-size:.94rem;color:var(--grau);padding-left:1.1rem} .tj-verzeichnis .hier > a{border-left-color:var(--signal);color:var(--tinte);
background:var(--grund);font-weight:700}
@media(min-width:1100px){ .seite-innen.mit-verzeichnis{display:grid;
grid-template-columns:16rem minmax(0,1fr);
gap:clamp(2rem,4vw,3.5rem);align-items:start}
.seite-innen.mit-verzeichnis > .seiten-kopf{grid-column:1 / -1}
.seite-innen.mit-verzeichnis > .tj-verzeichnis{
position:sticky;top:calc(var(--tjfly-kopf, 68px) + 1.5rem);margin:0}
.tj-verzeichnis ol{max-height:min(64vh, 32rem);overflow-y:auto}
.seite-innen.mit-verzeichnis > .inhaltstext,
.seite-innen.mit-verzeichnis > figure{grid-column:2}
} .inhaltstext :is(h2,h3,.tj-marke)[id]{scroll-margin-top:calc(var(--tjfly-kopf, 68px) + 1rem)} .inhaltstext > p,
.inhaltstext > ul,
.inhaltstext > ol,
.inhaltstext > h2,
.inhaltstext > h3,
.inhaltstext > blockquote{max-width:68ch}
.inhaltstext > h2{max-width:24ch} @media(min-width:1100px){
.mit-verzeichnis .tj-band{width:auto;margin-left:0;margin-right:0;border-radius:2px}
}.inhaltstext{
--tj-blue:#0F2D30;
--tj-blue-light:#123437;
--tj-gold:#8DD8CF;
--tj-gold-border:rgba(141,216,207,.45);
--tj-gold-dim:rgba(141,216,207,.14);
--tj-green:#7FE0B4;
--tj-amber:#FFC06B;
--tj-text:#fff;
--tj-text-dim:#C2D4D2;
--tj-text-muted:#D6E3E1;
--tj-text-sub:#D6E3E1;
--tj-border:rgba(255,255,255,.16);
--tj-radius:0px;
} .inhaltstext > .tj-aktion-inline,
.inhaltstext > .tj-aktion-cards,
.inhaltstext > .tj-home-manifest{
grid-column:voll;
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
background:var(--tinte);
color:#fff;
border:0;border-radius:0;
padding:clamp(2.6rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem);
margin-top:3.5rem;margin-bottom:3.5rem;
position:relative;
} .inhaltstext > .tj-aktion-inline::before,
.inhaltstext > .tj-aktion-cards::before,
.inhaltstext > .tj-home-manifest::before{
content:"";position:absolute;left:0;right:0;top:-1px;height:12px;
background:radial-gradient(circle at 10px 0, var(--papier) 5px, transparent 5.5px) repeat-x;
background-size:40px 12px;
}
.inhaltstext > .tj-aktion-inline > *,
.inhaltstext > .tj-aktion-cards > *,
.inhaltstext > .tj-home-manifest > *{max-width:var(--breite);margin-left:auto;margin-right:auto}
.inhaltstext .wrap{max-width:var(--breite);margin:0 auto}
.inhaltstext .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}
.inhaltstext .tj-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem} .inhaltstext .tj-card,
.inhaltstext .tj-tier-card,
.inhaltstext .tj-stat-box{
background:var(--tinte) !important;
border:0 !important;border-radius:0 !important;
padding:1.5rem 1.4rem;color:#C2D4D2;box-shadow:none;
}
.inhaltstext .tj-tool-grid a.tj-tool-card,
.inhaltstext a.tj-tool-card{
background:var(--tinte) !important;
border:1px solid rgba(255,255,255,.16) !important;border-radius:0 !important;
padding:1.3rem 1.4rem;display:block;text-decoration:none;color:#C2D4D2 !important;
}
.inhaltstext a.tj-tool-card:hover{background:#123437 !important;border-color:#8DD8CF !important}
.inhaltstext .tj-tool-card .tl-name{color:#fff !important;font-weight:700;margin-bottom:.35rem}
.inhaltstext .tj-tool-card .tl-desc{color:#C2D4D2 !important;font-size:.9rem}
.inhaltstext .tj-card h2,
.inhaltstext .tj-card h3{color:#fff !important;font-family:var(--schrift-eng);
text-transform:uppercase;letter-spacing:.04em;font-size:1.15rem}
.inhaltstext .tj-card-head{padding-bottom:.8rem;margin-bottom:.9rem;
border-bottom:1px solid rgba(255,255,255,.16)}
.inhaltstext .tj-card-head p{color:#8DD8CF !important;font-family:var(--schrift-mono);
font-size:.72rem !important;letter-spacing:.14em}
.inhaltstext .sb-num{color:#fff !important;font-family:var(--schrift-eng);font-size:1.9rem}
.inhaltstext .sb-label{color:#C2D4D2 !important;font-size:.85rem;margin-top:.35rem} .inhaltstext .tj-roadmap-step{
background:transparent !important;border:0 !important;
border-bottom:1px solid rgba(255,255,255,.16) !important;border-radius:0;
padding:1.3rem 0;display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start;
}
.inhaltstext .tj-roadmap-num{
background:transparent !important;color:rgba(255,255,255,.3) !important;
font-family:var(--schrift-eng);font-size:2.4rem;font-weight:700;line-height:.9;
width:auto;height:auto;
}
.inhaltstext .tj-roadmap-content strong{color:#fff !important;font-family:var(--schrift-eng);
text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem}
.inhaltstext .tj-roadmap-content span{color:#C2D4D2 !important} .inhaltstext .tc-badge,
.inhaltstext .tc-biz,
.inhaltstext .tj-icon-chip{
background:transparent !important;border:1px solid currentColor !important;border-radius:0;
font-family:var(--schrift-mono);font-size:.7rem !important;letter-spacing:.1em;
text-transform:uppercase;padding:.3rem .55rem;
}
.inhaltstext .tc-badge{color:#7FE0B4 !important}
.inhaltstext .tc-biz{color:#FFC06B !important}
.inhaltstext .tj-icon-chip{color:#fff !important}
.inhaltstext .tj-icon-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0} .inhaltstext .tj-aktion-inline th,
.inhaltstext .tj-aktion-cards th,
.inhaltstext .tj-home-manifest th{color:#C2D4D2 !important;background:rgba(255,255,255,.05)}
.inhaltstext .tj-aktion-inline td,
.inhaltstext .tj-aktion-cards td,
.inhaltstext .tj-home-manifest td{border-color:rgba(255,255,255,.16) !important}
.inhaltstext .tj-aktion-inline a,
.inhaltstext .tj-aktion-cards a,
.inhaltstext .tj-home-manifest a,
.inhaltstext .tj-card a,
.inhaltstext .tj-tier-card a{color:#8DD8CF !important} .inhaltstext .tj-divider-title{margin:3.5rem 0 1.4rem;border-bottom:2px solid var(--tinte)}
.inhaltstext .tj-divider-title span{background:var(--tinte);color:#fff !important;
padding:.55rem 1rem;font-family:var(--schrift-eng);text-transform:uppercase;
letter-spacing:.05em;font-size:.95rem} .inhaltstext .tj-faq__a{
border-top:1px solid var(--kante);
padding-top:.8rem;margin:.6rem 0 1.6rem;color:var(--grau);max-width:70ch;
} .inhaltstext .tj-aktion-inline .tj-faq__a,
.inhaltstext .tj-aktion-cards .tj-faq__a,
.inhaltstext .tj-home-manifest .tj-faq__a{
border-top-color:rgba(255,255,255,.16);color:#C2D4D2;
} .inhaltstext .tj-reveal{opacity:1 !important;transform:none !important} .inhaltstext > .tjr-wrap{grid-column:voll}
.inhaltstext .tjr-bench-badge{background:var(--signal);color:#fff;padding:.2rem .5rem}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #1E73BE; --cmplz_button_accept_border_color: #1E73BE; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-logo { display: none !important;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: block;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: none;} .instagram-media.cmplz-placeholder-element > div { max-width: 100%; }