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