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}.cmplz-obfuscate span{display:none}#cmplz-manage-consent-container{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary{display:block;cursor:pointer}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker{display:none;content:""}.cmplz-alert{display:none;padding:7px;color:white;margin:10px 0}.cmplz-alert.cmplz-error{background-color:#f44336}.cmplz-alert.cmplz-success{background-color:green}.cmplz-close{margin-left:15px;color:white;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.cmplz-close:hover{color:black}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{display:inline-block;width:calc(50% - 35px);vertical-align:top}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{width:100%}}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;cursor:pointer}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div{display:grid;grid-template:"heading chevron";grid-template-columns:2fr 25px;grid-gap:15px;align-items:center}#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3{grid-area:heading;margin:0}#cmplz-cookies-overview .cmplz-dropdown summary div::after,#cmplz-document .cmplz-dropdown summary div::after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div::after{grid-area:chevron}#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],#cmplz-document .cmplz-dropdown summary div input[data-category=functional],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional]{visibility:hidden}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary{display:block}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div{grid-template:"heading paragraph label checkbox chevron";grid-template-columns:2fr auto 0 auto 25px}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p{grid-area:paragraph}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{display:grid}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-column:span 2;grid-template-columns:1fr 1fr 1fr;grid-template:"purpose purpose purpose" "header1 header2 header3" auto}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-area:purpose}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header{grid-area:header1}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header{grid-area:header2}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header{grid-area:header3}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-template-columns:100px 1fr}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-column:span 2}}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories{margin-top:10px;display:block;width:100%}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description{padding:10px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:5px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category{background-color:rgba(239,239,239,0.25)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{display:grid;grid-template-columns:1fr auto 25px;grid-template-rows:auto;align-items:center;grid-gap:10px;padding:5px 10px;background-color:rgba(239,239,239,0.5)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section{padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2{grid-column-start:1;width:100%;justify-self:start;font-size:18px;text-align:left;margin-top:8px;text-transform:initial;padding-bottom:10px;border-bottom:0;margin-bottom:0}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2::before{height:0;margin:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{font-size:var(--cmplz_category_header_active_font_size);color:var(--cmplz_category_header_always_active_color)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox{display:flex;align-items:center;margin:0;padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle{background:0;border:0;padding:0;margin:0;cursor:pointer;grid-column-start:3;display:flex;align-items:center;justify-content:center;color:inherit}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open{display:flex;align-items:center;justify-content:center;cursor:pointer;content:"";transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:25px;width:25px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded=true] .cmplz-icon.cmplz-open{transform:rotate(180deg)}.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:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.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-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:1280px;
--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; --ease-out:cubic-bezier(.23,1,.32,1);
--ease-in-out:cubic-bezier(.77,0,.175,1); --ebene-kopf:30;
--ebene-leiste:35;
--ebene-korn:60;
--ebene-springmarke:100;
} body::before{
content:"";position:fixed;inset:0;z-index:var(--ebene-korn);pointer-events:none;
opacity:.055;mix-blend-mode:multiply;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23k)'/%3E%3C/svg%3E");
background-size:220px 220px;
}
@media (prefers-reduced-transparency: reduce){body::before{display:none}}
*{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;text-wrap:pretty}
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:var(--ebene-springmarke);text-decoration:none;font-weight:700}
.springmarke:focus{left:var(--sp);top:.5rem}  .kopf{
position:sticky;top:0;z-index:var(--ebene-kopf);background:var(--papier);color:var(--tinte);
border-bottom:1px solid var(--kante);padding:.6rem var(--sp);
display:flex;align-items:center;gap:var(--sp);
transition:padding .25s var(--ease-out),box-shadow .25s var(--ease-out);
}
.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:var(--logo-hoehe,68px);width:auto;display:block;transition:height .25s var(--ease-out)} .kopf.kompakt{padding-top:.35rem;padding-bottom:.35rem;
box-shadow:0 12px 28px -20px rgba(15,45,48,.45)}
.kopf.kompakt .marke img{height:calc(var(--logo-hoehe,68px) * .68)}
.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:calc(var(--logo-hoehe,68px) * .7)}
.kopf.kompakt .marke img{height:calc(var(--logo-hoehe,68px) * .56)}
} .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(1.4rem,3.4vw,2.6rem) var(--sp) clamp(2.5rem,6vw,4rem);
background:var(--grund-tief)}
h1.gross{font-size:clamp(2.1rem,5.2vw,3.7rem);max-width:19ch;text-wrap:balance;letter-spacing:-.035em}
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(1.6rem,4vw,2.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;grid-template-areas:"nach fenster" "von fenster";
align-items:start;column-gap:clamp(1.2rem,3vw,2rem);row-gap:1.1rem;
padding:clamp(1.4rem,3vw,2rem) 0 1.4rem}
.ort-nach{grid-area:nach;min-width:0}
.ort-von{grid-area:von}
.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:nowrap;
font-family:var(--schrift-eng);font-weight:700;line-height:1;
font-size:clamp(1.9rem,4.6vw,3.1rem)} .tafel .wort{display:inline-flex;gap:3px;flex:0 0 auto}
.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;gap:.6rem;font-size:.7rem;color:var(--grau);margin-top:.15rem}
.naechste{flex:1 1 auto;min-width:0;text-align:center;color:var(--signal)} .fenster{grid-area:fenster;align-self:center;position:relative;width:8.5rem;aspect-ratio:3/4;padding:.55rem;
background:var(--grund-tief);border-radius:2.6rem;
box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 5px rgba(15,45,48,.14),0 1px 2px rgba(15,45,48,.12)}
.fenster-blick{position:relative;width:100%;height:100%;border-radius:2.1rem;overflow:hidden;
background:#DCE8E5;isolation:isolate}
.fenster-blick::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;
box-shadow:inset 0 3px 8px rgba(15,45,48,.28),inset 0 -1px 2px rgba(15,45,48,.1)} .motiv{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transform:scale(1.05);
transition:none}
.motiv.aktiv{opacity:1;transform:none;z-index:1;
transition:opacity .3s var(--ease-out),transform .8s var(--ease-out)}
.motiv-foto{object-fit:cover}
.motiv .m-himmel{fill:#DCE8E5}
.motiv .m-land,.fluegel .m-land{fill:var(--tinte)}
.motiv .m-sonne,.motiv .m-akzent{fill:var(--signal)}
.motiv .m-meer{fill:#8DD8CF}
.motiv .m-hell{fill:var(--papier)}
.motiv .m-strich{stroke:var(--tinte)}
.fluegel{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.rollo{position:absolute;inset:0;z-index:3;background:var(--grund);
box-shadow:0 2px 6px rgba(15,45,48,.22);transition:transform .9s var(--ease-in-out)}
.rollo::after{content:"";position:absolute;left:36%;right:36%;bottom:7px;height:3px;border-radius:2px;background:var(--kante)}
.fenster.offen .rollo{transform:translateY(-88%)} .route{--griff:30px;--anteil:0;--mitte:calc(1.5rem + 22px);
position:relative;margin-top:.4rem;padding-top:1.5rem}
.route input[type=range]{position:relative;z-index:2;margin:0;height:44px;background:transparent}
.route input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}
.route input[type=range]::-moz-range-track{height:4px;background:transparent}
.route input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--griff);height:44px;margin-top:-20px;
background:transparent;border:0;border-radius:0;box-shadow:none}
.route input[type=range]::-moz-range-thumb{width:var(--griff);height:44px;background:transparent;border:0;border-radius:0;
box-shadow:none;opacity:0}
.route input[type=range]:focus{outline:none}
.bahn{position:absolute;z-index:0;left:calc(var(--griff) / 2);right:calc(var(--griff) / 2);top:var(--mitte);
height:6px;margin-top:-3px;
background-image:radial-gradient(circle, var(--kante) 1.8px, transparent 2.3px);
background-size:7px 6px;background-repeat:repeat-x;background-position:0 50%}
.bahn-voll{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--papier);
transform-origin:left center;transform:scaleX(var(--anteil));transition:transform .3s var(--ease-out)}
.bahn-voll::after{content:"";position:absolute;left:0;right:0;top:2px;height:2px;background:var(--signal)}
.halte{list-style:none;margin:0;padding:0}
.halt{position:absolute;z-index:1;top:var(--mitte);width:0;
left:calc(var(--griff) / 2 + var(--p) * (100% - var(--griff)))}
.halt-ring{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;
border:2px solid var(--kante);background:var(--papier);
transition:border-color .25s var(--ease-out),background .25s var(--ease-out)}
.halt.da .halt-ring{border-color:var(--signal);background:var(--signal)}
.halt.hier .halt-ring{box-shadow:0 0 0 3px var(--papier),0 0 0 5px var(--signal)}
.halt.frisch .halt-ring{animation:tjfly-stempel-klein .34s var(--ease-out)}
.halt-name{position:absolute;left:0;bottom:13px;transform:translateX(-50%);white-space:nowrap;
font-family:var(--schrift-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
color:var(--grau);transition:color .25s var(--ease-out)}
.halt.am-anfang .halt-name{transform:translateX(calc(var(--griff) / -2))}
.halt.am-ende .halt-name{transform:translateX(calc(-100% + var(--griff) / 2))}
.halt.hier .halt-name{color:var(--tinte);font-weight:600}
.flieger{position:absolute;z-index:3;top:var(--mitte);
left:calc(var(--griff) / 2 + var(--anteil) * (100% - var(--griff)));
width:var(--griff);height:var(--griff);margin:calc(var(--griff) / -2) 0 0 calc(var(--griff) / -2);
display:grid;place-items:center;pointer-events:none;
background:var(--signal);color:#fff;border:3px solid var(--papier);border-radius:2px;
box-shadow:0 2px 6px -1px rgba(15,45,48,.4);
--neigung:0deg;transform:rotate(var(--neigung));
transition:left .3s var(--ease-out),transform .25s var(--ease-out),box-shadow .2s var(--ease-out)}
.flieger svg{width:18px;height:18px;display:block} .route.zieht .flieger,.route.zieht .bahn-voll{transition-duration:.08s}
.flieger.vor{--neigung:-7deg}
.flieger.zurueck{--neigung:7deg}
.flieger.landet svg{animation:tjfly-hopser .45s var(--ease-out)}
@keyframes tjfly-hopser{0%{transform:translateY(-5px) scale(1.3)}100%{transform:none}} .route.fokus .flieger{box-shadow:0 0 0 3px var(--papier),0 0 0 5px var(--signal),0 2px 6px -1px rgba(15,45,48,.4)}
.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-color:var(--papier);border-radius:0 2px 2px 0;
background-image:radial-gradient(circle, var(--kante) 1.7px, transparent 2.1px);
background-size:4px 12px;background-repeat:repeat-y;background-position:-1px 10px; --riss-x:16px;--riss-y:8px;--riss-dreh:1.8deg;
transform-origin:0 100%;
transition:transform .75s cubic-bezier(.22,1,.36,1),box-shadow .75s cubic-bezier(.22,1,.36,1);
}
.coupon.abgerissen{transform:translate(var(--riss-x),var(--riss-y)) rotate(var(--riss-dreh));
box-shadow:-2px 1px 3px rgba(15,45,48,.12), -14px 18px 34px -16px rgba(15,45,48,.5)}
@media(max-width:880px){.coupon{--riss-x:0px;--riss-y:14px;--riss-dreh:-1.4deg;transform-origin:100% 0}}
@media (prefers-reduced-motion: reduce){.coupon{transition:none}}
.coupon .label{font-size:.7rem;color:var(--grau)}
.coupon .label + .label,.coupon .mittel + .label,.coupon .urteil + .label{margin-top:1.3rem}
.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}  .coupon .urteil{margin-top:1.2rem;align-self:flex-start;padding:.55rem .8rem;
border:3px double var(--signal);color:var(--signal);border-radius:3px;
font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;
transform:rotate(-3deg);transform-origin:50% 50%;mix-blend-mode:multiply;
text-wrap:balance;max-width:100%}
.coupon .urteil[data-zustand="schwach"]{border-color:var(--warnung);color:var(--warnung)} @media (hover:hover) and (pointer:fine){
.coupon .urteil.stempelt{animation:tjfly-stempel .32s cubic-bezier(.2,.9,.3,1.15) both}
}
@keyframes tjfly-stempel{
0%{opacity:0;transform:rotate(-3deg) scale(1.9);filter:blur(1.5px)}
60%{opacity:1;filter:blur(0)}
100%{opacity:1;transform:rotate(-3deg) scale(1)}
}
.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}
.coupon .urteil{width:100%;min-height:4.5rem;box-sizing:border-box;
display:flex;align-items:center;transform:none;mix-blend-mode:normal;text-wrap:wrap}
.coupon .urteil.stempelt{animation:none}
}
@media(max-width:640px){
.strecke{grid-template-columns:1fr auto;grid-template-areas:"nach nach" "von fenster"}
.fenster{width:6.4rem;align-self:end;padding:.45rem;border-radius:2rem}
.fenster-blick{border-radius:1.6rem} .route{--mitte:calc(1.35rem + 22px);padding-top:1.35rem;padding-bottom:.55rem}
.halt-name{font-size:.56rem;letter-spacing:.05em}
.halt.unten .halt-name{bottom:auto;top:13px} .skala{flex-wrap:wrap;row-gap:.3rem}
.naechste{flex-basis:100%;order:-1}
.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 13.5rem;
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); transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
@media(min-width:861px){
.buehne-kopf .wir-bild{transform:rotate(-.8deg)}
@starting-style{.buehne-kopf .wir-bild{opacity:0;transform:translateY(22px) rotate(2.2deg)}}
}
@media(max-width:860px){
@starting-style{.buehne-kopf .wir-bild{opacity:0;transform:translateY(16px)}}
} .wir-bild.folgt{transition:opacity .7s var(--ease-out);will-change:transform}
.wir-bild img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;
object-position:50% 34%;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:.6rem .2rem .65rem;text-align:center;text-wrap:balance}
@media(max-width:860px){ .buehne-kopf{grid-template-columns:1fr;gap:1.1rem}
.buehne-kopf .wir-bild{position:static}
.wir-bild img{aspect-ratio:2/1;object-position:50% 14%} .kanaele{gap:.4rem 1.6rem;margin-top:1.2rem;padding-top:.8rem}
.kanal-was small{display:none}
.kanal-zahl{font-size:1.45rem}
} .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 .18s var(--ease-out)}
.kanal:hover{color:var(--tinte)} @media (hover:hover) and (pointer:fine){.kanal:hover{transform:translateY(-2px)}}
.kanal:active{transform:translateY(0) scale(.985);transition-duration:.08s}
.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:0 0 auto;align-self:center;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 .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out)}
.knopf-voll{background:var(--tinte);color:#fff;box-shadow:0 3px 0 0 var(--signal)}
.knopf-voll:hover{color:#fff} .knopf svg{transition:transform .2s var(--ease-out)}
@media (hover:hover) and (pointer:fine){
.knopf-voll:hover{transform:translateY(-2px);
box-shadow:0 10px 18px -10px rgba(15,45,48,.5),0 3px 0 0 var(--signal)}
.knopf:hover svg{transform:translateX(3px)}
} .knopf:active{transform:translateY(1px) scale(.985);transition-duration:.08s}
.knopf-voll:active{box-shadow:0 1px 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}
.knopf-reihe-knapp{margin-top:1.8rem} .knopf-breit{margin-top:.9rem;width:100%;justify-content:center;padding:.9rem 1rem;font-size:.88rem}
.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 figure:first-child{--dreh:-3deg;--ruhe:-1.1deg}
.beweis-bilder figure:last-child{--dreh:2.6deg;--ruhe:.9deg}
.beweis-bilder figure{transform:rotate(var(--ruhe,0deg))}
.js-bereit .beweis-bilder .zeigt-sich{transform:translateY(28px) rotate(var(--dreh,0deg))}
.js-bereit .beweis-bilder .zeigt-sich.da{transform:rotate(var(--ruhe,0deg));
transition-duration:.75s,.75s}
@media(max-width:820px){.beweis-bilder figure{--dreh:0deg;--ruhe:0deg}}
.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} .js-lauf .phase.aktiv .phase-marke{animation:tjfly-stempel-klein .34s var(--ease-out)}
@keyframes tjfly-stempel-klein{from{transform:scale(1.45)}to{transform:scale(1)}}
.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:active{transform:scale(.97)}
.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}
.tab-fuss strong{color:#fff} .marker{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
color:#8DD8CF;border:1px solid rgba(141,216,207,.7);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} .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)}
.bento{margin-top:clamp(1.6rem,4vw,2.4rem);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.kachel{--kerbe:var(--papier);--pad:1.4rem;
grid-column:span var(--spanne,2);position:relative;isolation:isolate;overflow:hidden;
display:flex;flex-direction:column;gap:.7rem;padding:var(--pad);min-height:15rem;
background:var(--grund);border:1px solid var(--kante);border-radius:2px;
transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.kachel-kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.kachel-ikon{color:var(--signal);flex:0 0 auto}
.kachel-titel{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;
font-size:clamp(1.25rem,2.2vw,1.55rem);line-height:1.05;margin-top:.3rem;max-width:none;text-wrap:balance}
.kachel-titel a{color:inherit;text-decoration:none} .kachel-titel a::after{content:"";position:absolute;inset:0;z-index:2}
.kachel-titel a:focus-visible{outline:none}
.kachel:has(.kachel-titel a:focus-visible){outline:3px solid var(--signal);outline-offset:3px}
.kachel-text{color:var(--grau);font-size:.95rem;line-height:1.55;max-width:52ch} .kachel-fuss{position:relative;margin-top:auto;padding-top:1.1rem;
display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.kachel-fuss::before{content:"";position:absolute;left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);top:0;
border-top:2px dotted var(--kante)}
.kachel-fuss::after{content:"";position:absolute;top:-9px;left:calc(var(--pad) * -1 - 1px);right:calc(var(--pad) * -1 - 1px);
height:18px;pointer-events:none;
background:
radial-gradient(circle at 0 50%,var(--kerbe) 9px,transparent 9.5px),
radial-gradient(circle at 100% 50%,var(--kerbe) 9px,transparent 9.5px)}
.kachel-preis{font-family:var(--schrift-eng);font-weight:700;font-size:1.7rem;line-height:1;white-space:nowrap}
.kachel-preis small{display:block;font-family:var(--schrift);font-weight:400;font-size:.78rem;
color:var(--grau);letter-spacing:0;margin-top:.25rem;white-space:normal;max-width:22ch;line-height:1.35}
.kachel-pfeil{color:var(--signal);display:grid;place-items:center;width:44px;height:44px;margin:-8px -10px -8px 0;
transition:transform .22s var(--ease-out)} .kachel-gebunden{background:
repeating-linear-gradient(135deg,transparent 0 9px,rgba(15,45,48,.045) 9px 10px),var(--grund)}
.kachel-gebunden .kachel-ikon{color:var(--grau)} .kachel-fokus{background:var(--tinte);border-color:var(--tinte);color:#fff}
.kachel-fokus .kachel-text{color:#C2D4D2}
.kachel-fokus .kachel-ikon,.kachel-fokus .kachel-pfeil{color:#8DD8CF}
.kachel-fokus .chip-da{color:#7FE0B4}
.kachel-fokus .kachel-preis small{color:#A9C2C0}
.kachel-fokus .kachel-fuss::before{border-top-color:rgba(255,255,255,.28)}
.kachel-fokus:has(.kachel-titel a:focus-visible){outline-color:#8DD8CF} .kachel::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;
background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(16,113,108,.13),transparent 70%);
transition:opacity .25s var(--ease-out)}
.kachel-fokus::before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(141,216,207,.16),transparent 70%)}
@media (hover:hover) and (pointer:fine){
.kachel:hover{transform:translateY(-2px);box-shadow:0 14px 26px -18px rgba(15,45,48,.5)}
.kachel:hover::before{opacity:1}
.kachel:hover .kachel-pfeil{transform:translateX(4px)}
}
.kachel:active{transform:translateY(0) scale(.99);transition-duration:.08s} @media(max-width:940px){
.kachel{grid-column:span 3}
.kachel-fokus,.kachel-einzeln{grid-column:1 / -1}
}
@media(max-width:620px){
.bento{grid-template-columns:1fr;gap:.85rem}
.kachel,.kachel-fokus,.kachel-einzeln{grid-column:1 / -1}
.kachel{min-height:0;--pad:1.2rem}
}
@media (prefers-reduced-motion: reduce){.kachel,.kachel-pfeil,.kachel::before{transition:none}} .ehrlich{margin-top:1.6rem;padding:clamp(1.3rem,3vw,1.9rem);border:2px solid var(--signal);background:#F8F5EF}
.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-auf{margin-top:1.1rem;interpolate-size:allow-keywords}
.inhalt-auf > summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;
gap:1rem;min-height:48px;padding:.5rem 0;border-top:1px solid var(--kante);border-bottom:1px solid var(--kante);
font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.88rem;
transition:color .18s var(--ease-out)}
.inhalt-auf > summary::-webkit-details-marker{display:none}
.inhalt-auf > summary::after{content:"+";font-family:var(--schrift-mono);font-size:1.3rem;font-weight:400;
color:var(--signal);line-height:1;transition:transform .25s var(--ease-out)}
.inhalt-auf[open] > summary::after{transform:rotate(45deg)}
.inhalt-auf > summary:hover{color:var(--signal)}
.inhalt-auf > summary:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
.inhalt-auf::details-content{height:0;overflow:clip;transition:height .32s var(--ease-out),content-visibility .32s allow-discrete}
.inhalt-auf[open]::details-content{height:auto}
@media (prefers-reduced-motion: reduce){.inhalt-auf::details-content,.inhalt-auf > summary::after{transition:none}}
.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} .inhalt li.weitere{color:var(--grau);font-size:.9rem} .modul-knapp{align-items:center}
.modul-knapp h3{margin:0}
.knapp-was{margin:.5rem 0 0;color:var(--grau);font-size:1.02rem}
.inhalt li.weitere::before{background:var(--kante)}
.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 .zusatz.oben{margin-top:.9rem} .wert-zusatz{display:block;font-family:var(--schrift);font-weight:400;font-size:.9rem;
color:var(--grau);margin-top:.2rem}
.modul-warte{margin-top:.9rem}
.modul-warte .zusatz{margin-top:.6rem}
.modul-warte .knopf-breit{margin-top:.7rem}
.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} .abschluss-signal{margin-top:1.8rem;margin-bottom:2.4rem;border-color:var(--signal)}
.abschluss-signal strong{color:var(--signal)}   .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:1.15fr minmax(0,1fr);
gap:clamp(1.5rem,4vw,3rem);align-items:center}
.brief h2{color:#fff;max-width:16ch} .brief p{margin-top:.9rem;color:#D9ECEA;max-width:46ch}
.brief p + p{margin-top:.7rem}
.brief strong{color:#fff} .checkin{--kerbe:var(--signal);--pad:1.5rem;position:relative;background:var(--papier);color:var(--tinte);
border-radius:2px;padding:var(--pad);
box-shadow:0 1px 2px rgba(3,30,28,.3),0 22px 40px -22px rgba(3,30,28,.65)}
.checkin-kopf{display:flex;align-items:center;gap:1rem;padding-bottom:1rem}
.checkin-titel{font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.95rem}
.checkin-klasse{margin-left:auto;font-size:.72rem;background:var(--tinte);color:#fff;padding:.35rem .6rem}
.checkin-form{position:relative;padding-top:1.4rem}
.checkin-form::before{content:"";position:absolute;left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);top:0;
border-top:2px dotted var(--kante)}
.checkin-form::after{content:"";position:absolute;top:-9px;left:calc(var(--pad) * -1 - 1px);right:calc(var(--pad) * -1 - 1px);
height:18px;pointer-events:none;
background:
radial-gradient(circle at 0 50%,var(--kerbe) 9px,transparent 9.5px),
radial-gradient(circle at 100% 50%,var(--kerbe) 9px,transparent 9.5px)}
.checkin form{display:grid;gap:.7rem}
.checkin input[type=email]{width:100%;background:#fff;border:2px solid var(--tinte);color:var(--tinte);
padding:.95rem 1.1rem;border-radius:2px;font:inherit;font-size:1rem;min-height:52px}
.checkin input[type=email]:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
.checkin input::placeholder{color:var(--grau)}
.checkin .knopf-voll{justify-content:center;background:var(--tinte);box-shadow:0 3px 0 0 var(--signal)}
.checkin .klein,.checkin p{margin:.9rem 0 0;font-size:.84rem;line-height:1.5;color:var(--grau);max-width:none}
.checkin .meldung{font-weight:600;background:#E4EFED;color:var(--tinte);padding:.75rem 1rem;border-radius:2px}
.checkin-code{display:block;width:100%;height:28px;margin-top:1.3rem;color:var(--tinte)}
.brief-text{min-width:0}
@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:#8FA5A3}
.fuss ul{margin:.6rem 0 0;padding:0;list-style:none;display:grid}
.fuss a{color:#DCE6E4;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:var(--ebene-leiste);
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 .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}  .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;font-variant-numeric:tabular-nums}
.log-zahlen .wert small{font-family:var(--schrift);font-weight:400;font-size:.95rem;color:#C2D4D2;margin-left:.3rem}
.log-zahlen .was{margin-top:.5rem;font-size:.88rem;color:#C2D4D2} ::view-transition-group(*){animation-duration:.4s;animation-timing-function:var(--ease-out)}
::view-transition-old(*):only-child{animation-duration:.2s}
::view-transition-new(*):only-child{animation-duration:.3s} @view-transition{navigation:auto}
.kopf{view-transition-name:kopf}
::view-transition-old(root){animation:tjfly-weg .22s var(--ease-out) both}
::view-transition-new(root){animation:tjfly-her .3s var(--ease-out) both}
@keyframes tjfly-weg{to{opacity:0}}
@keyframes tjfly-her{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion: reduce){
@view-transition{navigation:none}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}
}
.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:active{transform:scale(.97)}
.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(min-width:861px){
.seiten-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}
.seiten-kopf .meta{margin:0 0 .5rem;white-space:nowrap;flex:0 0 auto}
}
@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:.7rem}
} .inhaltstext{
grid-template-columns:[voll-start text-start] minmax(0,1fr) [text-end voll-end];
}  .inhaltstext > :is(p,ul,ol,h2,h3,h4,h5,blockquote,pre,.tj-hinweis,.tj-warnung,.tj-schritte,.tj-fragen,
.tj-achtung,.tjfly-rechtshinweis,.tjfly-briefzeile,.einstieg,.lead){max-width:72ch}
.inhaltstext > *{grid-column:voll}
.inhaltstext > :is(p,ul,ol,h2,h3,h4,h5,blockquote,pre,.tj-hinweis,.tj-warnung,.tj-schritte,.tj-fragen,
.tj-achtung,.tjfly-rechtshinweis,.tjfly-briefzeile,.einstieg,.lead){grid-column:text} .tj-marke span{padding-right:1.6rem;
clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)} .js-bereit .zeigt-sich{
opacity:0;
transform:translateY(16px);
}
.js-bereit .zeigt-sich.da{
opacity:1;
transform:none;
transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);
transition-delay:var(--verzug, 0ms);
} .zaehlt{font-variant-numeric:tabular-nums} .zelle,.werkzeug,.beleg{transition:border-color .18s var(--ease-out), background .18s var(--ease-out)} @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:minmax(0,30rem) 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(3,18,20,.35),0 18px 36px -20px rgba(3,18,20,.7)}
.wir-kurz-bild img{display:block;width:100%;height:auto;aspect-ratio:4/3;
object-fit:cover;object-position:50% 40%;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}
} .arbeit-trenner{margin-top:clamp(2.6rem,6vw,4rem);padding-top:clamp(2rem,4vw,2.6rem);
border-top:1px solid var(--kante)}
.arbeit-trenner h2{margin:0}
.arbeit-trenner .lead{margin-top:.9rem} .arbeit-allein{margin-top:0;padding-top:0;border-top:0} .leistung + .arbeit-trenner,.modul + .arbeit-trenner{border-top:0;padding-top:0} .ohne-oben{padding-top:0} .haltung{margin-bottom:clamp(2.4rem,5vw,3.4rem);padding-bottom:clamp(2rem,4vw,2.6rem);
border-bottom:1px solid var(--kante)}
.haltung h2{margin:0 0 1.2rem}
.haltung-text{max-width:62ch;display:grid;gap:.9rem}
.haltung-text p{margin:0;font-size:1.02rem;line-height:1.65;color:var(--grau)} .haltung-klar{color:var(--tinte) !important}
.haltung-klar strong{color:var(--signal)} .tjfly-rechtshinweis{margin-top:2.4rem;padding:1rem 1.1rem;background:var(--grund-tief);
border:1px dashed var(--kante);border-radius:2px;font-size:.88rem;line-height:1.6;
color:var(--grau)}
.tjfly-rechtshinweis strong{color:var(--tinte)} .tjfly-briefzeile{margin:2.6rem 0 0;padding-top:1.2rem;border-top:1px solid var(--kante);
font-size:.95rem;line-height:1.6;color:var(--grau)}
.tjfly-briefzeile a{color:var(--tinte);text-decoration:underline;
text-underline-offset:3px;text-decoration-thickness:1px}
.fuss-hinweis{background:var(--tinte);border-top:1px solid rgba(255,255,255,.14)}
.fuss-hinweis-innen{max-width:var(--breite);margin:0 auto;padding:1rem var(--sp);
display:flex;gap:1rem 1.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fuss-hinweis p{margin:0;font-size:.8rem;line-height:1.55;color:rgba(255,255,255,.72);max-width:72ch}
.fuss-danke{flex:0 0 auto;font-family:var(--schrift-eng);font-weight:700;font-size:.85rem;
color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:2px;
padding:.55rem .9rem;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.fuss-danke:hover{border-color:#8DD8CF;color:#8DD8CF}
.fuss-danke:focus-visible{outline:3px solid #8DD8CF;outline-offset:2px} .haltung-danke{color:var(--grau) !important}
.haltung-danke a{color:var(--signal);font-weight:700} .gestrichen{--kerbe:var(--papier);position:relative;display:grid;grid-template-columns:minmax(0,1fr) 17rem;
background:var(--grund);border:1px solid var(--kante);border-radius:2px;margin-top:clamp(.5rem,2vw,1.5rem);
box-shadow:0 1px 2px rgba(15,45,48,.14),0 16px 34px -16px rgba(15,45,48,.5)}
.gestrichen-haupt{padding:clamp(1.5rem,3vw,2.4rem)}
.gestrichen .ort{padding:clamp(1.4rem,3vw,2.2rem) 0 1.2rem}
.gestrichen .ort .code{font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;line-height:1.02;
font-size:clamp(1.9rem,4.6vw,3.2rem);margin-top:.5rem;max-width:16ch;text-wrap:balance;letter-spacing:-.01em}
.gestrichen .ort .klein{max-width:46ch;margin-top:.9rem;font-size:1.02rem;color:var(--grau)}
.gestrichen .suchform{margin-top:1.4rem}
.gestrichen-zeile{margin-top:1.8rem}
.gestrichen-abriss{position:relative;padding:clamp(1.5rem,3vw,2.4rem) 1.5rem;background-color:var(--papier);
background-image:radial-gradient(circle,var(--kante) 1.7px,transparent 2.1px);
background-size:4px 12px;background-repeat:repeat-y;background-position:-1px 10px;display:flex;flex-direction:column}
.stempel-gestrichen{align-self:flex-start;margin:.2rem 0 1.6rem;padding:.6rem .9rem;border:3px double var(--warnung);
color:var(--warnung);border-radius:3px;font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;
letter-spacing:.14em;font-size:1.25rem;transform:rotate(-5deg);mix-blend-mode:multiply}
@media (hover:hover) and (pointer:fine){
.stempel-gestrichen{animation:tjfly-stempel-gestrichen .4s .15s var(--ease-out) both}
}
@keyframes tjfly-stempel-gestrichen{
0%{opacity:0;transform:rotate(-5deg) scale(2.1);filter:blur(2px)}
60%{opacity:1;filter:blur(0)}
100%{opacity:1;transform:rotate(-5deg) scale(1)}
}
.gestrichen-abriss .label{font-size:.7rem;color:var(--grau)}
.gestrichen-wege{list-style:none;margin:.5rem 0 0;padding:0;display:grid}
.gestrichen-wege a{display:flex;align-items:center;justify-content:space-between;min-height:48px;
font-family:var(--schrift-eng);font-weight:700;text-transform:uppercase;letter-spacing:.04em;
color:var(--tinte);text-decoration:none;border-bottom:1px solid var(--kante)}
.gestrichen-wege a::after{content:"→";color:var(--signal);transition:transform .2s var(--ease-out)}
.gestrichen-wege a:hover{color:var(--signal)}
@media (hover:hover) and (pointer:fine){.gestrichen-wege a:hover::after{transform:translateX(4px)}}
@media(max-width:860px){
.gestrichen{grid-template-columns:1fr}
.gestrichen-abriss{background-size:12px 4px;background-repeat:repeat-x;background-position:10px -1px}
}
@media (prefers-reduced-motion: reduce){.stempel-gestrichen{animation:none}} div.tjr-header-icon{font-size:0;line-height:0;width:1.6rem;height:1.6rem;display:grid;place-items:center}
div.tjr-header-icon::before{content:"";display:block;width:1.6rem;height:1.6rem;background:var(--signal);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='4' y='3' width='16' height='18'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='4' y='3' width='16' height='18'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E") center/contain no-repeat} html{color-scheme:light;accent-color:var(--signal)}
a,button,summary,input,.knopf,.kachel{touch-action:manipulation}
button,input,select,textarea{-webkit-tap-highlight-color:rgba(16,113,108,.18)} .kachel-titel,.halt-name{hyphens:manual}.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) max(1.25rem, calc(50vw - 50%));
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:none;margin-left:0;margin-right:0}
.tj-band > p{max-width:68ch}
.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 h2,.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{display:inline-block;margin-top:.55rem;padding:.35rem .6rem;
border:3px double currentColor;border-radius:3px;color:var(--signal);
font-family:var(--schrift-eng);font-weight:700;font-size:.78rem;
text-transform:uppercase;letter-spacing:.08em;transform:rotate(-3deg)}
.tj-band .tj-skala .urteil{color:#8DD8CF}
.tj-skala .top .stufe,.tj-skala .top .urteil{color:var(--gut)}
.tj-band .tj-skala .top .stufe,.tj-band .tj-skala .top .urteil{color:#7FE0B4}
.tj-skala .schlecht .stufe,.tj-skala .schlecht .urteil{color:var(--warnung)}
.tj-band .tj-skala .schlecht .stufe,.tj-band .tj-skala .schlecht .urteil{color:#FF8A7A}
.js-bereit .tj-skala.zeigt-sich .urteil{opacity:0}
.js-bereit .tj-skala.zeigt-sich.da .urteil{animation:tjfly-stempel .32s cubic-bezier(.2,.9,.3,1.15) both}
.js-bereit .tj-skala.zeigt-sich.da > div:nth-child(2) .urteil{animation-delay:.16s}
.js-bereit .tj-skala.zeigt-sich.da > div:nth-child(3) .urteil{animation-delay:.32s}
.js-bereit .tj-skala.zeigt-sich.da > div:nth-child(4) .urteil{animation-delay:.48s}
@media (prefers-reduced-motion: reduce){.js-bereit .tj-skala.zeigt-sich .urteil{opacity:1;animation:none}}
@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-hinweis p{margin:0 0 .7rem}
.tj-hinweis p:last-child{margin-bottom:0}
.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;table-layout:fixed} .tj-tabelle td{overflow-wrap:anywhere} .tj-tabelle thead th{white-space:nowrap;hyphens:manual}
.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-tabelle tbody tr:nth-child(even) td{background:rgba(15,45,48,.025)}
.tj-band .tj-tabelle tbody tr:nth-child(even) td{background:rgba(255,255,255,.035)}
.tj-tabelle tbody tr:hover td{background:rgba(15,118,110,.06)}
.tj-band .tj-tabelle tbody tr:hover td{background:rgba(255,255,255,.07)}
.tj-tabelle td{font-variant-numeric:tabular-nums}
.tj-tabelle tbody td:first-child{color:var(--tinte)} .tj-tabelle tbody tr:has(.tj-eigen) td{background:rgba(15,118,110,.07)}
.tj-tabelle .tj-eigen{display:inline-block;margin-top:.3rem;font-family:var(--schrift-mono);
font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)} .tj-zellen > a{transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out)}
@media (hover:hover) and (pointer:fine){
.tj-zellen > a:hover{transform:translateY(-2px);
box-shadow:0 6px 18px -10px rgba(15,45,48,.45);position:relative;z-index:1}
}
.tj-zellen > a:active{transform:translateY(0) scale(.99);transition-duration:.08s}
.tj-zellen > a:hover h2,.tj-zellen > a:hover h3{color:var(--signal)}
@media (prefers-reduced-motion: reduce){.tj-zellen > a{transition:none}
.tj-zellen > a:hover{transform:none}} .tj-kartenreihe{display:flex;gap:10px;margin-bottom:.4rem}
.tj-kartenreihe .tj-kartenbild{width:calc(50% - 5px);height:auto}
.tj-kartenliste{list-style:none;margin:.8rem 0;padding:0;border-top:1px solid var(--kante)}
.tj-kartenliste li{padding:.5rem 0;border-bottom:1px solid var(--kante);
font-size:.93rem;color:var(--grau);line-height:1.5}
.tj-kartenliste strong{color:var(--tinte)}  .tj-mehr{margin:0}
.tj-mehr summary{width:100%;box-sizing:border-box;background:#F1EDE4;
border:1px solid var(--kante);border-top:none;padding:.7rem 1rem;
display:block;text-align:center}
.tj-band .tj-mehr summary{background:rgba(255,255,255,.06);
border-color:rgba(255,255,255,.2)} .tj-tabelle.fortsetzung{margin-top:0;border-top:none}
.tj-mehr[open] summary{border-bottom:none}
.tj-mehr summary{cursor:pointer;list-style:none;display:inline-block;
font-family:var(--schrift-mono);font-size:.78rem;letter-spacing:.12em;
text-transform:uppercase;color:var(--signal);padding:.35rem 0;
border-bottom:1px solid currentColor}
.tj-mehr summary::-webkit-details-marker{display:none}
.tj-mehr summary::after{content:"\00a0+"}
.tj-mehr[open] summary::after{content:"\00a0\2212"}
.tj-mehr summary:hover{color:var(--tinte)}
.tj-mehr > p{margin:.8rem 0 0;font-size:.92rem;color:var(--grau);line-height:1.6} .tj-gegen .karten-band{height:110px;display:flex;gap:8px;align-items:center;
margin-bottom:.6rem}
.tj-gegen img.karten-band{width:auto;max-width:100%;object-fit:contain;display:block}
.tj-gegen .tj-kartenpaar.karten-band img{height:100%;width:auto}
.tj-gegen .tj-anzeige{margin-top:.8rem} .tj-setup{margin-top:2.4rem;border-top:2px solid var(--tinte);padding-top:1.2rem}
.tj-band .tj-setup{border-color:rgba(255,255,255,.3)}
.tj-setup-marke{display:block;font-family:var(--schrift-mono);font-size:.72rem;
letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}
.tj-band .tj-setup-marke{color:#8DD8CF}
.tj-setup-liste{margin-top:1.2rem;display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
border-top:1px solid var(--kante);border-left:1px solid var(--kante)}
.tj-band .tj-setup-liste{border-color:rgba(255,255,255,.2)}
.tj-setup-liste > div{border-right:1px solid var(--kante);
border-bottom:1px solid var(--kante);padding:1.2rem 1.3rem;
display:flex;flex-direction:column;gap:.5rem}
.tj-band .tj-setup-liste > div{border-color:rgba(255,255,255,.2)} .tj-setup-bild{width:auto;height:64px;margin-bottom:.3rem;display:block;
object-fit:contain;object-position:left}
.tj-setup-liste .kopf{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.tj-setup-liste .karte{font-family:var(--schrift-eng);font-weight:700;
text-transform:uppercase;letter-spacing:.03em;font-size:1rem;line-height:1.2}
.tj-setup-liste .rolle{font-family:var(--schrift-mono);font-size:.66rem;
letter-spacing:.12em;text-transform:uppercase;padding:.16rem .45rem;
border:1px solid currentColor;white-space:nowrap}
.tj-setup-liste .rolle.laeuft{color:var(--gut)}
.tj-setup-liste .rolle.ruht{color:var(--grau)}
.tj-band .tj-setup-liste .rolle.laeuft{color:#7FE0B4}
.tj-setup-liste p{margin:0;font-size:.92rem;line-height:1.55;color:var(--grau)}
.tj-band .tj-setup-liste p{color:#C2D4D2}
.tj-setup-liste .tj-link{margin-top:auto;padding-top:.5rem;font-size:.85rem}
.tj-setup-fazit{margin-top:1.1rem;font-size:.97rem;color:var(--tinte);max-width:60ch}
.tj-band .tj-setup-fazit{color:#fff}
.tj-setup > .tj-anzeige{margin-top:.9rem} .tj-wege{margin-top:1.6rem;display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2px;
background:var(--kante);border:1px solid var(--kante)}
.tj-wege > a{background:var(--papier);padding:1.5rem 1.4rem;text-decoration:none;
color:inherit;display:flex;flex-direction:column;gap:.55rem;
transition:background .15s ease}
.tj-wege > a:hover{background:#F1EDE4}
.tj-wege > a:hover h3{color:var(--signal)}
.tj-wege .nr{font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--signal)}
.tj-wege h3{font-family:var(--schrift-eng);text-transform:uppercase;
letter-spacing:.04em;font-size:1.15rem;margin:0}
.tj-wege h3::after{content:"\00a0→";color:var(--signal)}
.tj-wege p{margin:0;font-size:.93rem;line-height:1.55;color:var(--grau)}
.tj-wege .fussmarke{margin-top:auto;padding-top:.6rem;font-family:var(--schrift-mono);
font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}
@media (prefers-reduced-motion: reduce){.tj-wege > a{transition:none}} .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-fragen summary::after{transition:transform .25s var(--ease-out),color .18s var(--ease-out)}
.tj-fragen details[open] summary::after{content:"+";transform:rotate(45deg)} .tj-fragen details,.tj-mehr,.tj-schritt,.tj-verzeichnis details{interpolate-size:allow-keywords}
.tj-fragen details::details-content,
.tj-mehr::details-content,
.tj-schritt::details-content,
.tj-verzeichnis details::details-content{
height:0;overflow:clip;
transition:height .32s var(--ease-out),content-visibility .32s allow-discrete}
.tj-fragen details[open]::details-content,
.tj-mehr[open]::details-content,
.tj-schritt[open]::details-content,
.tj-verzeichnis details[open]::details-content{height:auto}
@media (prefers-reduced-motion: reduce){
.tj-fragen details::details-content,.tj-mehr::details-content,
.tj-schritt::details-content,.tj-verzeichnis details::details-content{transition:none}
} .lesefortschritt{position:fixed;left:0;top:var(--tjfly-kopf,68px);z-index:var(--ebene-kopf);
width:100%;height:3px;pointer-events:none} .lesefortschritt::before{content:"";position:absolute;inset:0;background:var(--signal);
transform-origin:0 50%;transform:scaleX(0);animation:tjfly-lese linear both;animation-timeline:scroll(root)}
.lese-flieger{position:absolute;left:0;top:-8px;width:20px;height:20px;color:var(--signal);
animation:tjfly-lese-flug linear both;animation-timeline:scroll(root)}
.lese-flieger svg{display:block;width:100%;height:100%}
@keyframes tjfly-lese{to{transform:scaleX(1)}}
@keyframes tjfly-lese-flug{to{transform:translateX(calc(100vw - 20px))}}
@supports not (animation-timeline:scroll()){.lesefortschritt{display:none}}
@media (prefers-reduced-motion: reduce){.lesefortschritt{display:none}} .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}
.tj-schluss .signatur-name{display:inline-block;margin-top:.55rem;opacity:.72} .inhaltstext > .tj-band,
.inhaltstext > .tj-zellen,
.inhaltstext > .tj-gegen,
.inhaltstext > .tj-belege,
.inhaltstext > .tj-tabelle,
.inhaltstext > .tj-skala,
.inhaltstext > .tj-karten,
.inhaltstext > .tj-mehr,
.inhaltstext > .tj-setup,
.inhaltstext > .tj-wege{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;margin-right: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;min-width:0}
.tj-band .tj-koepfe > div{background:var(--tinte)} .tj-koepfe img{width:100%;max-width:min(22rem,100%);height:auto;aspect-ratio:3/4;object-fit:cover;
object-position:50% 32%;border-radius:2px;margin-bottom:1.1rem;
background:var(--grund-tief);display:block}
.tj-band .tj-koepfe img{background:rgba(255,255,255,.08)}
.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:.25rem;font-family:var(--schrift-mono);font-size:.69rem;
letter-spacing:.1em;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}
} .weg-mehr{margin:.8rem 0 0;font-size:.92rem}
.weg-mehr a{color:var(--signal);font-weight:600} .serie-teil{margin-top:clamp(2.6rem,6vw,3.8rem);padding-top:clamp(1.8rem,4vw,2.4rem);
border-top:2px solid var(--tinte);scroll-margin-top:96px}
.serie-teil > .nr{font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--signal)}
.serie-teil > h2{margin-top:.4rem}
.einstieg{font-size:1.06rem} @media(max-width:760px){
.inhaltstext section.wrap{min-width:0;max-width:100%}
.inhaltstext section.wrap > div{min-width:0;max-width:100%} .inhaltstext [style*="min-width"]{min-width:0 !important} div:has(> #tjPartnerTable){overflow-x:auto;max-width:100%}
} .tj-ikon{
width:1.15em; height:1.15em;
display:inline-block; vertical-align:-.2em;
flex:0 0 auto; margin-right:.3em;
color:var(--signal);
}  .tj-warnung .tj-ikon,
.tj-hinweis .tj-ikon,
.warnzeile .tj-ikon{ color:inherit } .serie-teil > * + *{margin-top:1.15rem} .inhaltstext h2,.inhaltstext h3,.inhaltstext h4{margin-bottom:.55rem}
.serie-teil h2{margin-bottom:.7rem} .serie-teil h3{
font-size:1.07rem; letter-spacing:.06em;
margin-top:2.6rem; margin-bottom:.6rem;
border-top:1px solid var(--kante); padding-top:1.5rem;
}
.serie-teil > h3:first-of-type{border-top:0;padding-top:0}
.tj-band .serie-teil h3{border-top-color:rgba(255,255,255,.18)} .serie-teil > .tj-ikon{
width:1.9rem; height:1.9rem;
display:block; margin:0 0 .1rem; stroke-width:1.9;
} h2 > .tj-ikon, h3 > .tj-ikon, h4 > .tj-ikon{
width:1.15em; height:1.15em;
stroke-width:2; vertical-align:-.2em; margin-right:.4em;
} .tj-schritt{margin-top:1.6rem;border:1px solid var(--kante);background:var(--papier)}
.tj-schritt > summary{
cursor:pointer; list-style:none; padding:.95rem 1.1rem;
font-family:var(--schrift-eng); font-weight:700; text-transform:uppercase;
letter-spacing:.06em; font-size:1.02rem; background:var(--grund-tief);
display:flex; align-items:center; gap:.55rem;
}
.tj-schritt > summary::-webkit-details-marker{display:none}
.tj-schritt > summary::after{
content:"+"; margin-left:auto; font-family:var(--schrift-mono);
font-size:1.1rem; color:var(--signal); line-height:1;
}
.tj-schritt[open] > summary::after{content:"–"}
.tj-schritt > summary:hover{background:#EBE5D9}
.tj-schritt > summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.tj-schritt-inhalt{padding:1.1rem 1.1rem 1.3rem}
.tj-schritt-inhalt > * + *{margin-top:1rem} .tj-schritt > summary .tj-ikon{width:1.2em;height:1.2em;margin:0;flex:0 0 auto} .serie-teil .tj-warnung{margin-top:1.6rem}
.serie-teil .tj-warnung h3{
border-top:0; padding-top:0; margin-top:0; margin-bottom:.5rem; font-size:1rem;
}
.serie-teil .tj-warnung > *:last-child{margin-bottom:0} .tj-partnerblock{margin-top:1.8rem}
.tj-partnerblock h3{
border-top:0; padding-top:0; margin-top:1.2rem; margin-bottom:.4rem; font-size:1rem;
}
.tj-partnerblock > h3:first-child{margin-top:0}
.tj-partnerblock .knopf{margin-top:.6rem} .tj-verzeichnis-kopf{
margin:0; padding:.85rem 1.1rem; background:var(--tinte); color:var(--grund);
font-family:var(--schrift-mono); font-size:.66rem; letter-spacing:.18em;
text-transform:uppercase;
}
.tj-verzeichnis > ol{margin:0;padding:0;list-style:none}
.tj-verzeichnis > ol > li{margin:0}
.tj-verzeichnis > ol > li + li{border-top:1px solid var(--kante)}
.tj-verzeichnis > ol > li > a{
display:grid; grid-template-columns:auto 1fr; gap:.1rem 1rem;
padding:.9rem 1.1rem; text-decoration:none; color:inherit;
}
.tj-verzeichnis > ol > li > a:hover{background:var(--grund-tief)}
.tj-verzeichnis > ol > li > a:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}
.vz-nr{grid-row:1/3;align-self:start;padding-top:.3rem;
font-family:var(--schrift-mono);font-size:.62rem;letter-spacing:.12em;
text-transform:uppercase;color:var(--signal)}
.vz-titel{font-family:var(--schrift-eng);font-weight:700;font-size:1.12rem;line-height:1.2}
.vz-zeile{color:var(--grau);font-size:.92rem;line-height:1.45}
@media(max-width:520px){
.tj-verzeichnis > ol > li > a{grid-template-columns:1fr;gap:.2rem}
.vz-nr{grid-row:auto}
} .tj-bild{margin:2rem 0 0;padding:0}
.tj-bild img{
display:block; width:100%; height:auto; border:1px solid var(--kante); background:var(--grund-tief);
}
.tj-band .tj-bild img{border-color:rgba(255,255,255,.2)} .tj-bild.grafik img{max-height:none;object-fit:contain;background:var(--papier)} .tj-bild.hoch img{max-width:26rem;margin:0 auto}
.tj-bild figcaption{
margin-top:.65rem; color:var(--grau); font-size:.93rem; line-height:1.5;
border-left:2px solid var(--signal); padding-left:.7rem;
}
.tj-band .tj-bild figcaption{color:#C2D4D2;border-left-color:#8DD8CF}  .tj-achtung{
margin:2.4rem 0 0; padding:0;
background:#FDF4F2; border:2px solid var(--warnung);
}
.tj-achtung-kopf{
margin:0; padding:.7rem 1.4rem;
background:var(--warnung); color:#fff;
font-family:var(--schrift-mono); font-size:.66rem;
letter-spacing:.18em; text-transform:uppercase;
}
.tj-achtung > p:not(.tj-achtung-kopf){padding:0 1.4rem}
.tj-achtung > p:nth-of-type(2){padding-top:1.2rem}
.tj-achtung > p:last-child{padding-bottom:1.3rem}
.tj-achtung p + p{margin-top:.7rem}
.tj-achtung p{font-size:.96rem;line-height:1.6}
.tj-achtung strong{color:var(--tinte)}  .tj-warnung{
margin-top:1.6rem; padding:1.1rem 1.2rem;
background:#FDF6ED; border:2px dashed #D9A05B;
}
.tj-warnung h3{color:#9A5B12}
.tj-warnung ul{margin-top:.5rem}
.tj-warnung > *:last-child{margin-bottom:0}
.tj-band .tj-warnung{background:rgba(255,255,255,.07);border-color:#B78248}
.tj-band .tj-warnung h3{color:#E8BE85} .tj-belege .marke{
display:flex; align-items:center; gap:.4rem; margin-bottom:.55rem;
font-family:var(--schrift-mono); font-size:.62rem; letter-spacing:.14em;
text-transform:uppercase; color:var(--signal);
}
.tj-belege .marke .tj-ikon{width:1.15em;height:1.15em;margin:0;flex:0 0 auto}
.tj-belege-kosten .wert{color:var(--tinte)} .tj-summe{
margin-top:2px; display:flex; align-items:baseline; gap:.9rem;
flex-wrap:wrap; padding:1.1rem 1.4rem;
background:var(--tinte); color:var(--grund);
}
.tj-summe-wert{
font-family:var(--schrift-eng); font-weight:700; font-size:1.6rem;
line-height:1; flex:0 0 auto;
}
.tj-summe-was{font-size:.93rem;line-height:1.45;color:#C2D4D2;min-width:0} @media(min-width:1100px){
.mit-verzeichnis .tj-band{padding-left:clamp(1.25rem,3vw,2.6rem);padding-right:clamp(1.25rem,3vw,2.6rem)}
} .tj-band > .tj-etikett{display:none} .inhaltstext > .tj-bild{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);
gap:.7rem clamp(1.2rem,3vw,2.2rem);align-items:end;margin:2rem 0 0;max-width:none}
.inhaltstext > .tj-bild img{max-width:100%}
.inhaltstext > .tj-bild figcaption{margin:0;max-width:34ch;align-self:end}
@media(max-width:700px){
.inhaltstext > .tj-bild{grid-template-columns:1fr}
.inhaltstext > .tj-bild img{max-width:100%}
} .tj-band a:not(.knopf),.dunkel a:not(.knopf):not(.kachel-titel a){color:#8DD8CF}
.tj-band a:not(.knopf):hover,.dunkel a:not(.knopf):hover{color:#fff;text-decoration-color:#fff}
.tj-band .knopf-rand{border-color:#fff;color:#fff}
.tj-band .knopf-rand:hover{background:#fff;color:var(--tinte)}
.tj-band .knopf-voll:hover{color:#fff} .serie-teil > *{max-width:60rem}
.serie-teil > :is(p,ul,ol){max-width:72ch}
.serie-teil > h3{max-width:72ch} .us-kasten{padding:1.15rem 1.35rem 1.25rem;border:1px solid var(--kante);border-left:5px solid var(--signal);background:var(--papier)}
.us-kasten > * + *{margin-top:.7rem}
.serie-teil .us-kasten h3{margin:0;padding:0;border:0;font-size:1.02rem;letter-spacing:.05em}
.us-kasten ul,.us-kasten ol{padding-left:1.25rem}
.us-kasten li + li{margin-top:.4rem}
.us-warnung{border-left-color:var(--warnung);background:#FBF2EF}
.us-warnung h3{color:var(--warnung)}
.us-tipp{background:#EAF2F0;border-left-color:var(--signal-tief)}
.us-tipp h3{color:var(--signal-tief)} .us-schritt{display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;align-items:start;padding-top:1.3rem;border-top:1px dashed var(--kante)}
.us-nr{display:grid;place-items:center;width:2.6rem;height:2.6rem;background:var(--tinte);color:#fff;
font-family:var(--schrift-mono);font-weight:700;font-size:1rem;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.us-schritt h4{margin:.1rem 0 .35rem;font-family:var(--schrift-eng);font-size:1.12rem;text-transform:uppercase;letter-spacing:.05em}
.us-schritt p + p{margin-top:.6rem} .us-partner{position:relative;display:grid;grid-template-columns:1fr;border:2px solid var(--tinte);background:var(--papier);box-shadow:5px 5px 0 rgba(15,45,48,.14)}
.us-partner:has(.us-bonus){grid-template-columns:1fr minmax(13rem,17rem)}
.us-partner > div{padding:1.2rem 1.4rem}
.us-partner h3{margin:0 0 .5rem;padding:0;border:0;font-size:1.15rem}
.serie-teil .us-partner h3{margin-top:0;padding-top:0;border-top:0}
.us-partner p + p{margin-top:.8rem}
.us-partner-knopf{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.us-partner-knopf small{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.06em;color:var(--grau)}
.us-bonus{margin:0;padding:1.2rem 1.2rem;background:var(--grund-tief);border-left:2px dashed var(--tinte);
display:flex;flex-direction:column;justify-content:center;gap:.35rem}
.us-bonus span:first-child{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.us-bonus strong{font-family:var(--schrift-eng);font-size:1.7rem;line-height:1.05;text-transform:uppercase}
.us-bonus span:last-child{font-size:.88rem;color:var(--grau);line-height:1.4} .us-beispiele{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.us-beispiele figure{margin:0;border:1px solid var(--kante);background:var(--papier);display:flex;flex-direction:column}
.us-beispiele img{display:block;width:100%;height:auto;background:#fff;border-bottom:1px solid var(--kante);padding:.8rem}
.us-beispiele figcaption{padding:.9rem 1.1rem 1.1rem;font-size:.92rem;line-height:1.5}
.us-beispiele figcaption > * + *{margin-top:.5rem}
.us-label{display:block;font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)} .us-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}
.us-zahl{display:flex;flex-direction:column;gap:.15rem;padding:1.1rem 1.2rem;border:2px solid var(--tinte);background:var(--papier)}
.us-zahl span{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.us-zahl strong{font-family:var(--schrift-eng);font-size:2.3rem;line-height:1.05}
.us-zahl small{font-size:.86rem;color:var(--grau);line-height:1.4}
.us-summe{display:grid;gap:.2rem;padding:1.3rem 1.5rem;background:var(--tinte);color:#fff}
.us-summe span{font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8DD8CF}
.us-summe strong{font-family:var(--schrift-eng);font-size:2.6rem;line-height:1.05}
.us-summe p{margin:0;max-width:44ch;color:#cfe0de} .us-feld{padding:1rem 1.3rem 1.1rem;border:1px solid var(--kante);background:var(--papier)}
.us-feld > * + *{margin-top:.8rem}
.us-posten{list-style:none;margin:0;padding:0}
.us-posten li{display:flex;justify-content:space-between;gap:1.2rem;padding:.65rem 0;border-bottom:1px dashed var(--kante)}
.us-posten li:last-child{border-bottom:0}
.us-name{flex:1 1 auto}
.us-preis{flex:0 0 auto;font-family:var(--schrift-mono);font-size:.86rem;text-align:right;white-space:nowrap} .us-dok-kopf{font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.us-dok{list-style:none;padding:0 !important;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.7rem}
.us-dok li{margin:0 !important;padding:.8rem 1rem;border:1px solid var(--kante);background:var(--grund);display:flex;flex-direction:column;gap:.2rem}
.us-dok span{font-size:.88rem;color:var(--grau);line-height:1.45}
.us-links{display:flex;flex-wrap:wrap;gap:.6rem} .us-notiz{padding:.9rem 1.1rem;border:1px dashed var(--kante);background:var(--grund);font-size:.9rem;line-height:1.55}
.us-recht{font-size:.84rem;line-height:1.55;color:var(--grau);padding-top:.8rem;border-top:1px solid var(--kante)}
.us-klein{font-size:.84rem;color:var(--grau)}
@media (max-width:700px){
.us-beispiele{grid-template-columns:1fr}
.us-partner:has(.us-bonus){grid-template-columns:1fr}
.us-bonus{border-left:0;border-top:2px dashed var(--tinte)}
.us-schritt{grid-template-columns:2.2rem 1fr;gap:.8rem}
.us-nr{width:2.2rem;height:2.2rem;font-size:.9rem}
.us-preis{white-space:normal}
}
.us-name{min-width:0;overflow-wrap:anywhere}
.us-posten li{flex-wrap:wrap}
@media (max-width:700px){.us-preis{text-align:left;flex-basis:100%}} .us-blick{margin-top:1.6rem;max-width:60rem;display:grid;gap:.8rem}
.us-blick .us-zahl strong{font-size:1.9rem}
.us-blick .us-zahl{padding:.9rem 1.1rem}
.us-weiter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.2rem;
margin-top:2.2rem !important;padding-top:1.2rem;border-top:1px dashed var(--kante)}
.us-weiter a:not(.knopf){font-family:var(--schrift-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal)} .us-schritt{position:relative;border-top:0}
.us-schritt:has(+ .us-schritt)::before{content:"";position:absolute;left:1.2rem;top:3.5rem;bottom:-1.2rem;width:2px;background:var(--kante)}
.us-schritt:has(+ .us-schritt){padding-bottom:1.3rem}
@media (max-width:700px){.us-schritt:has(+ .us-schritt)::before{left:1rem;top:3.1rem}} .nach-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));gap:1.2rem;margin-top:1.4rem}
.nach-karte{display:flex;flex-direction:column;gap:.7rem;padding:1.3rem 1.4rem 1.4rem;border:2px solid var(--tinte);background:var(--papier);box-shadow:5px 5px 0 rgba(15,45,48,.12)}
.nach-karte h3{margin:0;font-size:1.25rem}
.nach-karte p{margin:0}
.nach-karte .nach-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.5rem}
.vorlage{margin-top:1.2rem;padding:1rem 1.2rem 1.1rem;border:1px solid var(--kante);border-left:5px solid var(--signal);background:var(--papier);max-width:46rem}
.vorlage-kopf{margin:0 0 .5rem;font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.vorlage-text{margin:0 0 .9rem;font-size:.97rem;line-height:1.6}
.vorlage-kopieren{font:inherit;font-family:var(--schrift-eng);font-weight:700;font-size:.92rem;text-transform:uppercase;letter-spacing:.06em;
padding:.6rem 1rem;border:2px solid var(--tinte);background:transparent;color:var(--tinte);cursor:pointer}
.vorlage-kopieren:hover{background:var(--tinte);color:#fff}
.vorlage-kopieren:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.vorlage-kopieren.fertig{background:var(--signal);border-color:var(--signal);color:#fff}
.dl-karte{display:grid;grid-template-columns:1fr auto;gap:1.2rem 2rem;align-items:center;margin-top:1.4rem;padding:1.4rem 1.6rem;
border:2px solid var(--tinte);background:var(--papier);box-shadow:5px 5px 0 rgba(15,45,48,.12);max-width:56rem}
.dl-karte h3{margin:0 0 .5rem;font-size:1.25rem}
.dl-karte p{margin:0 0 .6rem}
.dl-karte > div > p:last-child{margin-bottom:0}
.dl-knopf{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;margin:0}
.dl-knopf small{font-family:var(--schrift-mono);font-size:.68rem;letter-spacing:.08em;color:var(--grau)}
@media (max-width:760px){.dl-karte{grid-template-columns:1fr}}.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} .inhaltstext > :not(.tj-aktion-inline):not(.tj-aktion-cards):not(.tj-home-manifest):not(.bc-box){
--tj-text:var(--tinte);
--tj-text-dim:var(--grau);
--tj-text-muted:var(--grau);
--tj-text-sub:var(--grau);
--tj-border:var(--kante);
} .inhaltstext > :is(.tj-aktion-inline,.tj-aktion-cards,.tj-home-manifest) + :is(.tj-aktion-inline,.tj-aktion-cards,.tj-home-manifest){margin-top:0} .inhaltstext .bc-box{
--tj-text:#fff;--tj-text-sub:#D6E3E1;--tj-text-dim:#C2D4D2;
--tj-gold:#8DD8CF;--tj-gold-border:rgba(141,216,207,.45);
background:var(--tinte);border:0;border-radius:0;max-width:60rem;margin:0;
box-shadow:5px 5px 0 rgba(15,45,48,.16);
}
.inhaltstext .bc-box::before{height:3px;background:var(--signal);opacity:1}
.inhaltstext .bc-box::after{display:none}
.inhaltstext .bc-img-wrap img{border-radius:0;border:1px solid rgba(255,255,255,.3);box-shadow:none}
.inhaltstext .bc-head h3{font-family:var(--schrift-eng);text-transform:uppercase;letter-spacing:.04em;color:#fff}
.inhaltstext .bc-badge{border-radius:0;background:transparent;font-family:var(--schrift-mono);letter-spacing:.1em}
.inhaltstext .bc-pill{border-radius:0;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#D6E3E1}
.inhaltstext .bc-tip{border-radius:0;border-left:3px solid #8DD8CF;background:rgba(255,255,255,.05);color:#D6E3E1}
.inhaltstext .bc-tip strong,.inhaltstext .bc-cta:hover{color:#8DD8CF}
.inhaltstext .bc-aktion,.inhaltstext .bc-cta{color:#C2D4D2}
.inhaltstext .bc-aktion strong{color:#fff} .inhaltstext > section.wrap{width:100%} .inhaltstext #tjfly-bio{
--bio-gold:var(--signal);--bio-gold-dim:rgba(16,113,108,.1);--bio-gold-border:var(--signal);
--bio-blue:transparent;--bio-blue-card:var(--papier);--bio-border:var(--kante);
--bio-text:var(--tinte);--bio-text-sub:var(--tinte);--bio-text-dim:var(--grau);--bio-muted:var(--grau);
--bio-radius:0;--bio-gap:1.1rem;
font-family:var(--schrift);font-size:1rem;background:transparent;color:var(--tinte);padding:0 0 2rem;
}
.inhaltstext #tjfly-bio .bio-wrap{max-width:46rem;margin:0}
.inhaltstext #tjfly-bio a{text-decoration:none}
.inhaltstext #tjfly-bio .bio-logo{display:none}
.inhaltstext #tjfly-bio .bio-hero{text-align:left;padding:0}
.inhaltstext #tjfly-bio .bio-hero h1{font-family:var(--schrift-eng);font-size:clamp(1.5rem,5vw,2rem);font-weight:700;
text-transform:uppercase;letter-spacing:.03em;color:var(--tinte);margin:0}
.inhaltstext #tjfly-bio .bio-section-label{font-family:var(--schrift-mono);font-size:.7rem;font-weight:500;
letter-spacing:.14em;color:var(--signal);padding:.6rem 0 0}
.inhaltstext #tjfly-bio .bio-section-label::after{background:var(--kante)}
.inhaltstext #tjfly-bio .bio-card{background:var(--papier);border:2px solid var(--tinte);border-radius:0;
box-shadow:5px 5px 0 rgba(15,45,48,.12);padding:1.3rem 1.4rem 1.25rem}
.inhaltstext #tjfly-bio .bio-card:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 rgba(15,45,48,.16);border-color:var(--tinte)}
.inhaltstext #tjfly-bio .bio-card--primary{background:var(--tinte);border-color:var(--tinte)}
.inhaltstext #tjfly-bio .bio-card--primary .bio-card-title{color:#fff}
.inhaltstext #tjfly-bio .bio-card--primary .bio-card-text{color:#C2D4D2}
.inhaltstext #tjfly-bio .bio-card--accent-left{border-left:6px solid var(--signal)}
.inhaltstext #tjfly-bio .bio-card--accent-left:hover{border-left-color:var(--signal)}
.inhaltstext #tjfly-bio .bio-card-title{font-family:var(--schrift-eng);font-size:1.2rem;font-weight:700;
text-transform:uppercase;letter-spacing:.04em;color:var(--tinte)}
.inhaltstext #tjfly-bio .bio-card-text{font-size:.95rem;color:var(--grau)}
.inhaltstext #tjfly-bio .bio-card-icon,
.inhaltstext #tjfly-bio .bio-tool-icon{display:none}
.inhaltstext #tjfly-bio .bio-btn{border-radius:0;font-family:var(--schrift-eng);font-size:.95rem;
text-transform:uppercase;letter-spacing:.06em;padding:.9rem 1.2rem}
.inhaltstext #tjfly-bio .bio-btn--gold{background:#8DD8CF;color:var(--tinte);box-shadow:none}
.inhaltstext #tjfly-bio .bio-btn--gold:hover{background:#fff;filter:none;box-shadow:none}
.inhaltstext #tjfly-bio .bio-btn--outline{background:transparent;color:var(--tinte);border:2px solid var(--tinte)}
.inhaltstext #tjfly-bio .bio-btn--outline:hover{background:var(--tinte);color:#fff;border-color:var(--tinte)}
.inhaltstext #tjfly-bio .bio-tool-card,
.inhaltstext #tjfly-bio .bio-cc-card{background:var(--papier);border:1px solid var(--kante);border-radius:0;color:var(--tinte)}
.inhaltstext #tjfly-bio .bio-tool-card:hover,
.inhaltstext #tjfly-bio .bio-cc-card:hover{border-color:var(--signal);background:#fff;transform:none}
.inhaltstext #tjfly-bio .bio-tool-title,
.inhaltstext #tjfly-bio .bio-cc-card-title{font-family:var(--schrift-eng);font-size:1.02rem;text-transform:uppercase;letter-spacing:.03em;color:var(--tinte)}
.inhaltstext #tjfly-bio .bio-tool-text,
.inhaltstext #tjfly-bio .bio-cc-card-text{color:var(--grau);font-size:.86rem}
.inhaltstext #tjfly-bio .bio-tool-chevron,
.inhaltstext #tjfly-bio .bio-cc-card-chevron{color:var(--signal);font-size:1.2rem}
.inhaltstext #tjfly-bio .bio-cc-card-icon{border-radius:0;background:var(--grund-tief);border-color:var(--kante)}
.inhaltstext #tjfly-bio .bio-amex{background:var(--grund);border:1px dashed var(--kante);border-radius:0;padding:1.3rem 1.3rem 1.2rem}
.inhaltstext #tjfly-bio .bio-amex-title{font-family:var(--schrift-eng);font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;color:var(--tinte)}
.inhaltstext #tjfly-bio .bio-amex-subtext{color:var(--grau);font-size:.92rem}
.inhaltstext #tjfly-bio .bio-amex-badge,
.inhaltstext #tjfly-bio .bio-yt-live{border-radius:0;background:transparent;border:1px solid var(--signal);color:var(--signal);
font-family:var(--schrift-mono);font-weight:500;letter-spacing:.1em}
.inhaltstext #tjfly-bio .bio-yt-live::before{background:var(--signal);border-radius:0}
.inhaltstext #tjfly-bio .bio-amex-fan-card{border-radius:0;border-color:var(--kante);box-shadow:0 3px 10px rgba(15,45,48,.25)}
.inhaltstext #tjfly-bio .bio-cc-subhead{font-family:var(--schrift-mono);font-weight:500;letter-spacing:.12em;color:var(--signal)}
.inhaltstext #tjfly-bio .bio-aff-note{text-align:left;color:var(--grau);opacity:1;font-size:.82rem}
.inhaltstext #tjfly-bio .bio-tool-card{padding:.95rem 1.1rem;gap:1rem}
.inhaltstext #tjfly-bio .bio-cc-card{padding:.7rem .9rem}
.inhaltstext #tjfly-bio .bio-tool-title,.inhaltstext #tjfly-bio .bio-cc-card-title{margin-bottom:.15rem}.wegweiser h2{max-width:20ch}
.wegweiser .lead{max-width:48ch}
.wahl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.8rem}
.wahl-karte{display:flex;flex-direction:column;gap:.45rem;padding:1.3rem 1.4rem 1.4rem;border:2px solid var(--tinte);
background:var(--papier);color:var(--tinte);text-decoration:none;
box-shadow:5px 5px 0 rgba(15,45,48,.12);transition:transform .18s var(--ease-out,ease),box-shadow .18s,background .18s}
.wahl-karte:hover{color:var(--tinte);transform:translate(-1px,-1px);box-shadow:7px 7px 0 rgba(15,45,48,.18)}
.wahl-karte:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.wahl-karte.aktiv{background:var(--tinte);color:#fff;box-shadow:5px 5px 0 var(--signal)}
.wahl-karte.aktiv .wahl-kurz{color:#C2D4D2}
.wahl-titel{font-family:var(--schrift-eng);font-weight:700;font-size:1.35rem;line-height:1.1;text-transform:uppercase;letter-spacing:.03em}
.wahl-kurz{font-size:.95rem;line-height:1.5;color:var(--grau)}
.wahl-ergebnis{margin-top:1.4rem;padding:1.3rem 1.5rem;border:1px dashed var(--tinte);background:var(--grund-tief);max-width:46rem}
.wahl-ergebnis[hidden]{display:none}
.wahl-kopf{margin:0 0 .4rem;font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.wahl-text{margin:0 0 1rem;font-size:1.08rem;max-width:52ch}
.wahl-ergebnis .knopf-reihe{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}
.wahl-anders{background:none;border:0;padding:.4rem 0;font:inherit;font-family:var(--schrift-mono);font-size:.72rem;letter-spacing:.1em;
text-transform:uppercase;color:var(--grau);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wahl-anders:hover{color:var(--tinte)}
@media (max-width:860px){.wahl{grid-template-columns:1fr}} .weiter-karte{margin-top:clamp(2.4rem,6vw,3.6rem);padding:1.4rem 1.6rem 1.5rem;border:2px solid var(--tinte);background:var(--papier);
box-shadow:5px 5px 0 rgba(15,45,48,.12);max-width:46rem}
.weiter-kopf{margin:0 0 .5rem;font-family:var(--schrift-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.weiter-text{margin:0 0 1.1rem;font-size:1.08rem;max-width:52ch} .begriff-wrap{position:relative;display:inline}
.begriff{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:help;
border-bottom:2px dotted var(--signal);text-decoration:none;-webkit-tap-highlight-color:transparent}
.begriff:hover{background:rgba(16,113,108,.1)}
.begriff:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.begriff[aria-expanded="true"]{background:rgba(16,113,108,.14)}
.begriff-text{position:absolute;left:0;top:calc(100% + .45rem);z-index:40;display:block;width:min(19rem,calc(100vw - 2.4rem));
padding:.8rem 1rem .9rem;background:var(--papier);color:var(--tinte);border:2px solid var(--tinte);
box-shadow:4px 4px 0 rgba(15,45,48,.18);font-family:var(--schrift);font-size:.92rem;font-weight:400;line-height:1.5;
text-transform:none;letter-spacing:0;text-align:left;white-space:normal}
.begriff-text[hidden]{display:none}
.begriff-kopf{display:block;margin-bottom:.3rem;font-family:var(--schrift-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.tj-band .begriff,.dunkel .begriff{border-bottom-color:#8DD8CF}
@media (prefers-reduced-motion:reduce){.wahl-karte{transition:none}}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%; }