/* FILM & TV INDUSTRY RADAR by CINEWOLF – Website */ .ftir{ --ftir-bg:#F4F1EA;--ftir-card:#FFFFFF;--ftir-ink:#15140F;--ftir-mut:#5C5950;--ftir-line:#DCD6CA; --ftir-acc:#E0A33A;--ftir-acc-ink:#8A5A0B;--ftir-acc-soft:#FBF3E2;--ftir-red:#C2372B;--ftir-ok:#2F7D4F;--ftir-chip:#EFEAE0; --ftir-serif:'Fraunces',Georgia,'Times New Roman',serif;--ftir-sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--ftir-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace; background:var(--ftir-bg);color:var(--ftir-ink);font-family:var(--ftir-sans);font-size:16px;line-height:1.5; padding:0 16px 104px;box-sizing:border-box;border-radius:14px;position:relative; } /* aus schmalen Theme-Spalten ausbrechen (Avada, Block-Themes) */ #ftir.ftir{width:min(1240px,calc(100vw - 32px))!important;max-width:none!important;margin:0 0 0 calc(50% - min(620px,50vw - 16px))!important} .ftir[data-theme="dark"]{--ftir-bg:#0F0E0C;--ftir-card:#1A1916;--ftir-ink:#EDEAE2;--ftir-mut:#A7A296;--ftir-line:#2F2D27;--ftir-acc-ink:#E9B45A;--ftir-acc-soft:#221E15;--ftir-red:#D9483B;--ftir-ok:#6CC08B;--ftir-chip:#26241E} @media (prefers-color-scheme:dark){ .ftir[data-theme="auto"]{--ftir-bg:#0F0E0C;--ftir-card:#1A1916;--ftir-ink:#EDEAE2;--ftir-mut:#A7A296;--ftir-line:#2F2D27;--ftir-acc-ink:#E9B45A;--ftir-acc-soft:#221E15;--ftir-red:#D9483B;--ftir-ok:#6CC08B;--ftir-chip:#26241E} } .ftir *,.ftir *::before,.ftir *::after{box-sizing:border-box} .ftir a,.ftir a:hover,.ftir a:focus{color:inherit;text-decoration:none!important;box-shadow:none} .ftir a:hover{color:var(--ftir-acc-ink)} .ftir img{max-width:100%;display:block} .ftir h1,.ftir h2,.ftir h3,.ftir h4{overflow-wrap:break-word;hyphens:auto;font-family:var(--ftir-serif);color:var(--ftir-ink);margin:0;letter-spacing:-.01em;text-transform:none} .ftir p{margin:0 0 .8em} .ftir button,.ftir input,.ftir select,.ftir textarea{font:inherit;color:inherit} .ftir :focus-visible{outline:3px solid var(--ftir-acc);outline-offset:2px} .ftir-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .ftir-logo{flex:none} /* Kopf */ .ftir-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0 14px;border-bottom:1px solid var(--ftir-line)} .ftir-brand{display:flex;align-items:center;gap:12px;min-width:0} .ftir-brand__txt{display:flex;flex-direction:column;gap:2px} .ftir-brand__name{font-family:var(--ftir-serif);font-weight:800;font-size:22px;line-height:1;letter-spacing:-.01em} .ftir-brand__by{font-size:12px;color:var(--ftir-mut);letter-spacing:.02em} .ftir-head__tools{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ftir-search{display:flex;align-items:center;background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:10px;height:44px;padding-left:12px} .ftir-search input{border:0;background:transparent;width:220px;height:42px;outline:0;padding:0} .ftir-search .ftir-iconbtn{border:0;background:transparent} .ftir-iconbtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--ftir-line);background:var(--ftir-card);cursor:pointer;flex:none} .ftir-iconbtn--txt{font-weight:700;font-size:13px} .ftir-iconbtn.is-locked{opacity:.6} .ftir .ftir-i-moon{display:none} .ftir[data-theme="dark"] .ftir-i-sun{display:none}.ftir[data-theme="dark"] .ftir-i-moon{display:inline-flex} .ftir-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--ftir-line);background:var(--ftir-card);font-weight:600;cursor:pointer;text-align:center} .ftir-btn--acc{background:var(--ftir-acc);border-color:var(--ftir-acc);color:#15140F!important} .ftir-btn--acc:hover{filter:brightness(1.05)} .ftir-btn--line{background:transparent;border-color:var(--ftir-red);color:var(--ftir-red)} .ftir-btn--sm{min-height:40px;padding:0 14px} .ftir-btn--lg{min-height:52px;font-size:17px} .ftir-link{background:none;border:0;color:var(--ftir-acc-ink);text-decoration:underline;cursor:pointer;padding:0} .ftir-chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:20px;background:var(--ftir-chip);font-weight:600;font-size:14px} .ftir .ftir-chip--pro,.ftir .ftir-chip--vip,.ftir .ftir-chip--corporate{background:var(--ftir-acc);color:#15140F} .ftir .ftir-chip--admin{background:var(--ftir-ink);color:var(--ftir-bg)} .ftir h1 .ftir-chip{height:30px;font-family:var(--ftir-sans);font-size:13px;vertical-align:middle} /* Themen & Steuerung */ .ftir-topics{display:flex;gap:8px;overflow-x:auto;padding:14px 0 6px;scrollbar-width:thin} .ftir-topic{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:20px;border:1px solid var(--ftir-line);background:var(--ftir-card);font-size:14px;font-weight:500;white-space:nowrap} .ftir-topic.is-on{background:var(--ftir-acc);border-color:var(--ftir-acc);color:#15140F!important;font-weight:700} .ftir-topic.is-locked{color:var(--ftir-mut)} .ftir-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0 16px} .ftir-seg{display:inline-flex;border:1px solid var(--ftir-line);border-radius:10px;overflow:hidden;background:var(--ftir-card)} .ftir-seg__b{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 14px;font-size:14px;border-right:1px solid var(--ftir-line)} .ftir-seg__b:last-child{border-right:0} .ftir-seg__b.is-on{background:var(--ftir-ink);color:var(--ftir-bg)!important;font-weight:600} .ftir-seg__b.is-locked{color:var(--ftir-mut)} .ftir-seg--views{margin-left:auto} .ftir-statsbtn{border:1px solid var(--ftir-line);border-radius:10px;background:var(--ftir-card)} .ftir-pager{display:flex;align-items:center;gap:8px} .ftir-pager .ftir-iconbtn{width:40px;height:40px;font-size:20px} .ftir-pager__label{font-family:var(--ftir-serif);font-weight:700;font-size:18px} .ftir-note{color:var(--ftir-mut);font-size:14px} .ftir-count{text-align:center;color:var(--ftir-mut);font-size:14px;margin-top:10px} /* Karten */ .ftir-feed--cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .ftir-card{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0} .ftir-card--hero{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)} .ftir-card--top{border-color:var(--ftir-red)} .ftir-card--pick{border-color:var(--ftir-acc)} .ftir-media{position:relative;display:block;background:var(--ftir-chip);aspect-ratio:16/9;overflow:hidden} .ftir-media img{width:100%;height:100%;object-fit:cover} .ftir-media--hero{aspect-ratio:auto;min-height:320px} .ftir-media--thumb{width:168px;flex:none;aspect-ratio:16/9;border-radius:10px} .ftir-ph{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ftir-mut);font-size:12px;background:linear-gradient(135deg,var(--ftir-chip),var(--ftir-acc-soft))} .ftir-media.is-fallback .ftir-ph{display:flex} .ftir-badge{position:absolute;left:12px;top:12px;padding:4px 9px;border-radius:4px;font-family:var(--ftir-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:#fff;background:var(--ftir-red)} .ftir-badge--pick{background:var(--ftir-acc);color:#15140F} .ftir-article__head .ftir-badge,.ftir-pp--lead .ftir-badge{position:static;display:inline-block;margin-bottom:10px} .ftir-card__body{padding:14px 16px 12px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0} .ftir-card--hero .ftir-card__body{padding:22px 24px} .ftir-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;color:var(--ftir-mut);letter-spacing:.02em} .ftir-meta__topic{font-weight:700;text-transform:uppercase;color:var(--ftir-acc-ink);letter-spacing:.06em} .ftir-meta__cc{text-decoration:none;font-weight:600;border:0} .ftir-meta__dot{opacity:.6} .ftir-card__title{font-size:19px;line-height:1.22;font-weight:700} .ftir-card--hero .ftir-card__title{font-size:30px;line-height:1.12;font-weight:800} .ftir-card__sum,.ftir-row__sum{color:var(--ftir-mut);font-size:15px;margin:0} .ftir-card--hero .ftir-card__sum{font-size:17px} .ftir-card__persp{font-size:15px;border-left:3px solid var(--ftir-acc);padding-left:10px;margin:0} .ftir-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px} .ftir-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--ftir-chip);color:var(--ftir-mut)} .ftir-tag--ok{color:var(--ftir-ok);background:transparent;padding-left:0} .ftir-actions{display:flex;gap:2px} .ftir-act{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--ftir-mut);cursor:pointer} .ftir-act:hover{background:var(--ftir-chip);color:var(--ftir-ink)} .ftir-act.is-on{color:var(--ftir-acc-ink);background:var(--ftir-acc-soft)} .ftir-share{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px dashed var(--ftir-line)} .ftir-share[hidden]{display:none} .ftir-sh{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--ftir-line);background:var(--ftir-card);color:var(--ftir-ink);cursor:pointer} .ftir-sh:hover{background:var(--ftir-acc);border-color:var(--ftir-acc);color:#15140F!important} /* Liste */ .ftir-feed--list{display:flex;flex-direction:column;gap:0} .ftir-row{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--ftir-line);align-items:flex-start} .ftir-row__body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1} .ftir-row__title{font-size:18px;line-height:1.25;font-weight:700} /* Gesperrt / Freischalten */ .ftir-card--locked{filter:blur(3px);opacity:.55;pointer-events:none;user-select:none} .ftir-bar{display:block;height:14px;border-radius:4px;background:var(--ftir-line)} .ftir-bar--thin{height:10px;opacity:.7} .ftir-blur{filter:blur(5px);user-select:none} .ftir-unlock{display:flex;gap:16px;align-items:flex-start;margin:22px 0 6px;padding:20px 22px;border-radius:14px;background:var(--ftir-acc-soft);border:1px solid var(--ftir-acc)} .ftir-unlock__icon{color:var(--ftir-acc-ink);padding-top:2px} .ftir-unlock strong{font-family:var(--ftir-serif);font-size:20px;display:block;margin-bottom:4px} .ftir-unlock__btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .ftir-donate{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:18px 20px;border-radius:14px;background:var(--ftir-acc-soft);border:1px solid var(--ftir-line)} .ftir-donate strong{font-family:var(--ftir-serif);font-size:19px} .ftir-donate p{margin:0;color:var(--ftir-mut)} .ftir-donate__txt{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px} .ftir-donate__mark{flex:none;color:var(--ftir-acc-ink);display:flex;align-items:center} .ftir-donate__amounts{display:flex;flex-wrap:wrap;gap:8px} .ftir-donate__amounts--modal{justify-content:center;margin:14px 0 4px} .ftir-btn--sm{min-height:40px;padding:0 14px;font-size:15px} .ftir-empty{text-align:center;padding:48px 16px;color:var(--ftir-mut);display:flex;flex-direction:column;align-items:center;gap:12px} .ftir-more{text-align:center;margin:24px 0} .ftir-flash{padding:12px 16px;border-radius:10px;background:var(--ftir-acc-soft);border:1px solid var(--ftir-acc);margin:14px 0} .ftir-flash--bad{border-color:var(--ftir-red);color:var(--ftir-red)} /* Artikel */ .ftir-crumb{margin:16px 0 8px;font-size:14px} .ftir-article{max-width:780px;margin:0 auto} .ftir-article__head{margin:10px 0 18px} .ftir-article h1{font-size:40px;line-height:1.1;font-weight:800;margin-top:10px} .ftir-article__img{margin:0 0 18px} .ftir-article__img img{width:100%;border-radius:14px;max-height:480px;object-fit:cover} .ftir-article__img figcaption{font-size:12px;color:var(--ftir-mut);margin-top:6px} .ftir-article__sum{font-size:20px;line-height:1.55} .ftir-article__ai{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--ftir-mut);margin:6px 0 20px} .ftir-article__foot{border-top:1px solid var(--ftir-line);padding-top:12px;margin-top:12px} .ftir-persp{margin:22px 0;padding:18px 20px;border-radius:12px;background:var(--ftir-acc-soft);border-left:4px solid var(--ftir-acc)} .ftir-persp__k{font-family:var(--ftir-mono);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--ftir-acc-ink)} .ftir-persp p{font-family:var(--ftir-serif);font-size:19px;line-height:1.45;margin:8px 0} .ftir-persp cite{font-style:normal;font-weight:600} .ftir-related{max-width:780px;margin:36px auto 0} .ftir-related h2{font-size:22px;margin-bottom:6px} /* Zeitung */ /* Zeitungsansicht 2.7 */ .ftir-paper{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:14px;padding:26px 28px 30px} .ftir-paper__mast{text-align:center;border-bottom:3px double var(--ftir-ink);padding-bottom:12px;margin-bottom:22px} .ftir-paper__top{display:flex;justify-content:space-between;font-family:var(--ftir-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ftir-mut);border-bottom:1px solid var(--ftir-line);padding-bottom:6px;margin-bottom:10px} .ftir-paper__name{display:block;font-family:var(--ftir-serif);font-size:clamp(26px,5vw,48px);line-height:1.05;letter-spacing:-.02em;color:var(--ftir-ink)} .ftir-paper__sub{font-size:12px;color:var(--ftir-mut);letter-spacing:.06em;margin-top:4px} .ftir-paper__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--ftir-line)} .ftir-pp{min-width:0;display:flex;flex-direction:column;gap:10px} .ftir-pp__body{display:flex;flex-direction:column;gap:8px;min-width:0} .ftir-pp__title{font-family:var(--ftir-serif);line-height:1.12;letter-spacing:-.01em} .ftir-pp__title a{color:inherit} .ftir-pp p{margin:0;color:var(--ftir-mut)} .ftir-pp--lead{grid-column:span 12;display:block;padding-bottom:20px;border-bottom:1px solid var(--ftir-line)} .ftir-pp__head{margin-bottom:14px} .ftir-pp__lead-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start} .ftir-pp--lead .ftir-pp__title{font-size:clamp(26px,3.6vw,42px);max-width:34ch} .ftir-pp--lead .ftir-media{border-radius:10px} .ftir-pp--lead .ftir-media--hero{min-height:0;aspect-ratio:auto;width:100%;height:clamp(200px,25vw,330px)} .ftir-pp__cols{columns:2 210px;column-gap:24px;column-rule:1px solid var(--ftir-line)} .ftir-pp__cols p{font-size:15px;line-height:1.55} .ftir-pp--signal{border:2px solid var(--ftir-red);border-radius:10px;padding:14px 16px} .ftir-pp--voted{border:1px solid var(--ftir-acc);border-radius:10px;padding:14px 16px;background:var(--ftir-acc-soft)} .ftir-pp--signal .ftir-pp__title,.ftir-pp--voted .ftir-pp__title{font-size:20px} .ftir-pp__flag{font-family:var(--ftir-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ftir-acc-ink)} .ftir-pp--signal .ftir-pp__flag{color:var(--ftir-red)} .ftir-pp__note{font-size:12px!important;font-style:italic} .ftir-pp--s4{grid-column:span 4} .ftir-pp--s6{grid-column:span 6} .ftir-pp--s12{grid-column:span 12} .ftir-pp--mid .ftir-pp__title{font-size:21px} .ftir-pp--mid .ftir-media{border-radius:10px;aspect-ratio:16/9;max-height:230px} .ftir-paper__sections{columns:3 230px;column-gap:28px;column-rule:1px solid var(--ftir-line);margin-top:20px} .ftir-paper__sec{break-inside:avoid-column;margin-bottom:20px} .ftir-paper__rubric{font-family:var(--ftir-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ftir-acc-ink);border-bottom:2px solid var(--ftir-ink);padding-bottom:4px;margin-bottom:10px} .ftir-pp--sec{margin-bottom:14px;break-inside:avoid;gap:8px} .ftir-pp--sec.has-pic{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start} .ftir-pp--sec .ftir-media--thumb{width:100%} .ftir-pp--sec h4{font-size:17px;line-height:1.22} .ftir-pp--sec h4 a{color:inherit} .ftir-pp--sec p{font-size:14px} .ftir-pp--sec small{font-size:11px;color:var(--ftir-mut)} .ftir-h1 small{font-family:var(--ftir-sans);font-size:15px;font-weight:400;color:var(--ftir-mut)} .ftir-panel{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:14px;padding:18px 20px;margin:14px 0} .ftir-panel h2{font-size:20px;margin-bottom:10px} .ftir-panel h3{font-size:18px;margin:18px 0 8px} .ftir-panel--acc{background:var(--ftir-acc-soft);border-color:var(--ftir-acc)} .ftir-form{display:flex;flex-direction:column;gap:14px;max-width:560px} .ftir-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px} .ftir-form input[type=text],.ftir-form input[type=email],.ftir-form input[type=url],.ftir-form input[type=password],.ftir-form select,.ftir-form textarea,.ftir-copyfield{min-height:46px;padding:10px 12px;border:1px solid var(--ftir-line);border-radius:10px;background:var(--ftir-bg);font-weight:400;width:100%} .ftir-form--inline{flex-direction:row;flex-wrap:wrap;align-items:flex-end;max-width:none} .ftir-form--inline label{flex:1;min-width:200px} .ftir-form fieldset{border:1px solid var(--ftir-line);border-radius:10px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:4px 18px} .ftir-form legend{font-weight:600;font-size:14px;padding:0 6px} .ftir .ftir-check{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:400!important} .ftir-check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--ftir-acc)} .ftir-hp{position:absolute;left:-9999px;height:0;overflow:hidden} .ftir-auth{max-width:560px;margin:0 auto} .ftir-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--ftir-line);margin-bottom:6px} .ftir-tabs a{flex:none;padding:10px 14px;border-bottom:3px solid transparent;font-weight:500;font-size:15px} .ftir-tabs a.is-on{border-color:var(--ftir-acc);font-weight:700} .ftir-code{font-family:var(--ftir-mono);font-size:18px;letter-spacing:.12em;background:var(--ftir-chip);padding:2px 8px;border-radius:6px} .ftir-pre{font-family:var(--ftir-mono);font-size:13px;background:var(--ftir-chip);padding:12px 14px;border-radius:10px;white-space:pre-wrap;overflow-x:auto} .ftir-steps{padding-left:22px} .ftir-prefs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0} .ftir-prefs li{background:var(--ftir-chip);padding:4px 10px;border-radius:14px;font-size:14px} .ftir-prefs span{color:var(--ftir-acc-ink)} .ftir-team{padding-left:18px} .ftir-withdraw{margin-top:18px;padding-top:14px;border-top:1px solid var(--ftir-line)} .ftir-faq details{border-bottom:1px solid var(--ftir-line);padding:14px 0} .ftir-faq summary{font-family:var(--ftir-serif);font-weight:700;font-size:19px;cursor:pointer} .ftir-faq p{margin:10px 0 0;color:var(--ftir-mut)} .ftir-prose{max-width:720px;font-size:17px} /* Abos */ .ftir-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .ftir-plan{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px} .ftir-plan--hi{border:2px solid var(--ftir-acc)} .ftir-plan.is-current{box-shadow:0 0 0 3px var(--ftir-acc-soft)} .ftir-plan__k{font-family:var(--ftir-mono);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--ftir-acc-ink)} .ftir-plan__p{font-family:var(--ftir-serif);font-size:30px;font-weight:800} .ftir-plan__p small{font-family:var(--ftir-sans);font-size:14px;font-weight:400;color:var(--ftir-mut)} .ftir-plan p{color:var(--ftir-mut);font-size:15px;flex:1} .ftir-buy{display:flex;flex-direction:column;gap:10px} .ftir-buy__plans{display:flex;gap:14px;font-size:14px} .ftir-buy .ftir-check span{font-size:12px;color:var(--ftir-mut)} /* Auswertung */ .ftir-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:6px} .ftir-kpis div{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column} .ftir-kpis strong{font-family:var(--ftir-serif);font-size:36px;font-weight:800;line-height:1} .ftir-kpis span{color:var(--ftir-mut);font-size:14px} .ftir-chart{width:100%;height:auto} .ftir-chart rect{fill:var(--ftir-acc)} .ftir-chart line{stroke:var(--ftir-line)} .ftir-map{position:relative;width:100%;aspect-ratio:880/337} .ftir-map img,.ftir-map svg{position:absolute;inset:0;width:100%;height:100%} .ftir-map img{opacity:.5} .ftir[data-theme="dark"] .ftir-map img{filter:invert(1);opacity:.35} .ftir-map circle{fill:var(--ftir-acc);fill-opacity:.55;stroke:var(--ftir-acc-ink);stroke-width:1.2} .ftir-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px} .ftir-bars{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px} .ftir-bars li{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:10px;font-size:14px} .ftir-bars__l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ftir-bars__t{height:12px;background:var(--ftir-chip);border-radius:6px;overflow:hidden} .ftir-bars__t span{display:block;height:100%;background:var(--ftir-acc);border-radius:6px} .ftir-bars__n{text-align:right;font-weight:600} /* Fuss */ .ftir-foot{margin-top:40px;padding:22px 0 10px;border-top:1px solid var(--ftir-line);font-size:13px;color:var(--ftir-mut)} .ftir-foot__brand{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--ftir-ink)} .ftir-foot__disc{max-width:900px} .ftir-foot__links a{text-decoration:underline} /* Leiste unten – immer sichtbar */ .ftir-bar-bottom{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:9990;display:flex;align-items:center;gap:4px;padding:6px;border-radius:16px;background:var(--ftir-card);border:1px solid var(--ftir-line);box-shadow:0 8px 28px rgba(0,0,0,.18);max-width:calc(100vw - 16px);overflow-x:auto} .ftir-bb{min-width:64px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:12px;background:transparent;color:var(--ftir-ink);font-size:11px;font-weight:500;cursor:pointer;padding:0 8px} .ftir-bb:hover{background:var(--ftir-chip)} .ftir-bb--admin{background:var(--ftir-ink);color:var(--ftir-bg)!important} .ftir-bb--as select{font-size:12px;border:1px solid var(--ftir-line);border-radius:6px;background:var(--ftir-bg);padding:2px 4px} .ftir-drawer{position:fixed;inset:0;z-index:9995;background:rgba(0,0,0,.45);display:flex;justify-content:flex-start} .ftir-drawer[hidden]{display:none} .ftir-drawer__panel{width:min(340px,88vw);height:100%;overflow-y:auto;background:var(--ftir-card);padding:18px;position:relative} .ftir-drawer__close{position:absolute;right:12px;top:12px} .ftir-drawer__brand{display:flex;gap:10px;align-items:center;margin:4px 0 16px;font-size:14px} .ftir-drawer__brand span{color:var(--ftir-mut);font-size:12px} .ftir-drawer ul{list-style:none;margin:0;padding:0} .ftir-drawer li a{display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--ftir-line);font-weight:500} .ftir-modal{border:1px solid var(--ftir-line);border-radius:16px;background:var(--ftir-card);color:var(--ftir-ink);padding:26px;max-width:420px;width:calc(100vw - 32px);text-align:center} .ftir-modal::backdrop{background:rgba(0,0,0,.5)} .ftir-modal h2{font-family:var(--ftir-serif);font-size:24px;margin:8px 0} .ftir-modal__close{position:absolute;right:10px;top:10px} .ftir-modal__logo{display:flex;justify-content:center} .ftir-modal__btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0} .ftir-modal__small{font-size:13px;color:var(--ftir-mut)} .ftir-toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%) translateY(20px);opacity:0;transition:.25s;background:var(--ftir-ink);color:var(--ftir-bg);padding:10px 16px;border-radius:10px;font-size:14px;z-index:9999;pointer-events:none;max-width:90vw;text-align:center} .ftir-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)} /* Kurzansicht [industry_radar_teaser] */ .ftir--teaser{padding:16px;border:1px solid var(--ftir-line)} .ftir-teaser__head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px} .ftir--teaser ul{margin:0;padding-left:18px} .ftir--teaser li{margin:6px 0} .ftir--teaser small{color:var(--ftir-mut)} /* Responsive */ @media (max-width:1000px){ .ftir-feed--cards{grid-template-columns:repeat(2,minmax(0,1fr))} .ftir-plans{grid-template-columns:repeat(2,minmax(0,1fr))} .ftir-card--hero{grid-template-columns:1fr} .ftir-media--hero{min-height:0;aspect-ratio:16/9} .ftir-pp__lead-row{grid-template-columns:1fr} .ftir-pp--s4,.ftir-pp--s6{grid-column:span 6} } @media (max-width:640px){ .ftir{padding:0 12px 100px;border-radius:0} #ftir.ftir{width:100vw!important;margin-left:calc(50% - 50vw)!important} .ftir-head{gap:10px} .ftir-brand__name{font-size:18px} .ftir-head__tools{margin-left:0;width:100%} .ftir-search{order:5;flex:1 1 100%;min-width:0} .ftir-search input{width:100%} .ftir-feed--cards{grid-template-columns:1fr} .ftir-card--hero .ftir-card__title{font-size:24px} .ftir-media--thumb{width:112px} .ftir-row__title{font-size:16px} .ftir-seg--views{margin-left:0} .ftir-plans,.ftir-grid2,.ftir-kpis{grid-template-columns:1fr} .ftir-article h1{font-size:28px} .ftir-article__sum{font-size:18px} .ftir-h1{font-size:26px} .ftir-bb{min-width:56px} .ftir-bb--as{display:flex} .ftir-bars li{grid-template-columns:96px 1fr 36px} .ftir-paper{padding:16px} } @media print{ .ftir-bar-bottom,.ftir-head__tools,.ftir-topics,.ftir-controls,.ftir-actions,.ftir-share,.ftir-donate,.ftir-unlock{display:none!important} } /* ── Admin-Cockpit (?view=admin) ─────────────────────────────── */ .ftir-ck{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;margin:18px 0;border:1px solid var(--ftir-line);border-radius:14px;overflow:hidden;background:var(--ftir-bg)} .ftir-ck__nav{background:#15140F;color:#EDEAE2;padding:18px 12px;display:flex;flex-direction:column;gap:10px} .ftir-ck__brand{font-family:var(--ftir-mono);font-weight:600;letter-spacing:.12em;font-size:12px;color:#E0A33A;padding:0 8px 6px} .ftir-ck__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px} .ftir .ftir-ck__nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:8px;color:#EDEAE2;font-size:14px} .ftir .ftir-ck__nav a:hover{background:#26241E;color:#fff} .ftir .ftir-ck__nav a.is-on{background:#E0A33A;color:#15140F;font-weight:700} .ftir .ftir-ck__site{margin-top:auto;color:#A7A296;font-size:13px} .ftir-ck__badge{margin-left:auto;background:#D9483B;color:#fff;border-radius:10px;padding:0 7px;font-size:12px;font-weight:700} .ftir-ck__main{padding:22px 24px;min-width:0} .ftir-ck__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px} .ftir-ck__head h1{font-size:28px;font-weight:800} .ftir-ck__head h1 small{font-family:var(--ftir-sans);font-size:15px;color:var(--ftir-mut);font-weight:400} .ftir-ck__head .ftir-btn{margin-left:auto} .ftir-ck__status{font-size:13px;padding:4px 10px;border-radius:14px;background:var(--ftir-chip)} .ftir-ck__status.is-ok{color:var(--ftir-ok)} .ftir-ck__status.is-warn{color:var(--ftir-red)} .ftir-ck__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px} .ftir-ck__kpis>*{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column} .ftir-ck__kpis span{font-size:13px;color:var(--ftir-mut)} .ftir-ck__kpis b{font-family:var(--ftir-serif);font-size:30px;font-weight:800;line-height:1.1} .ftir-ck__kpis b.is-red{color:var(--ftir-red)} .ftir-ck__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ftir-ck__panel{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:12px;padding:16px 18px;min-width:0;margin-bottom:14px} .ftir-ck__grid .ftir-ck__panel{margin-bottom:0} .ftir-ck__panel--wide{grid-column:1/-1} .ftir-ck__panel h2{font-size:19px;margin-bottom:10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .ftir-ck__panel h2 small{font-family:var(--ftir-sans);font-size:13px;font-weight:400;color:var(--ftir-mut)} .ftir-ck__panel h3{font-size:16px;margin:14px 0 6px} .ftir .ftir-ck__more{margin-left:auto;font-family:var(--ftir-sans);font-size:13px;font-weight:600;color:var(--ftir-acc-ink)} .ftir-ck__t{width:100%;border-collapse:collapse;font-size:14px} .ftir-ck__t th{text-align:left;font-family:var(--ftir-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ftir-mut);font-weight:600;border-bottom:1px solid var(--ftir-line);padding:6px 8px} .ftir-ck__t td{border-bottom:1px solid var(--ftir-line);padding:8px;vertical-align:top} .ftir-ck__t tr.is-hidden td{opacity:.45} .ftir-ck__t tr.is-warn td{background:var(--ftir-acc-soft)} .ftir-ck__t small{color:var(--ftir-mut)} .ftir .ftir-ck__title{font-weight:700} .ftir-ck__acts{white-space:nowrap} .ftir-ckb{min-height:32px;padding:0 10px;border-radius:7px;border:1px solid var(--ftir-line);background:var(--ftir-card);color:var(--ftir-ink);font-size:13px;font-weight:600;cursor:pointer;margin:2px 2px 2px 0} .ftir-ckb:hover{border-color:var(--ftir-ink)} .ftir-ckb.is-busy{opacity:.5;pointer-events:none} .ftir-ckb--top.is-on{background:var(--ftir-red);border-color:var(--ftir-red);color:#fff} .ftir-ckb--pick.is-on{background:var(--ftir-acc);border-color:var(--ftir-acc);color:#15140F} .ftir-ckb--rev.is-on{background:var(--ftir-ok);border-color:var(--ftir-ok);color:#fff} .ftir-ckb--acc{background:var(--ftir-acc);border-color:var(--ftir-acc);color:#15140F} .ftir-ckb--sm{min-height:26px;font-size:12px;padding:0 8px} .ftir-ck__inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px} .ftir-ck__inline input[type=text],.ftir-ck__inline input[type=url],.ftir-ck__inline input[type=search],.ftir-ck__inline input[type=number],.ftir-ck__inline select{min-height:38px;padding:6px 10px;border:1px solid var(--ftir-line);border-radius:8px;background:var(--ftir-bg);flex:1;min-width:120px} .ftir-ck__inline input[type=number]{flex:0 0 auto} .ftir-ck__inline label{display:flex;align-items:center;gap:6px;font-size:14px} .ftir-ck__chips{display:flex;flex-wrap:wrap;gap:6px} .ftir-ck__chip{display:inline-flex;align-items:center;gap:6px;background:var(--ftir-chip);border-radius:16px;padding:3px 4px 3px 10px;font-size:13px} .ftir-ck__chip small{color:var(--ftir-mut)} .ftir-ck__st{font-size:13px;font-weight:600} .ftir-ck__st.is-ok{color:var(--ftir-ok)}.ftir-ck__st.is-bad{color:var(--ftir-red)}.ftir-ck__st.is-off{color:var(--ftir-mut)} .ftir-ck__tabs{display:flex;gap:6px} .ftir .ftir-ck__tabs a{padding:6px 12px;border-radius:16px;border:1px solid var(--ftir-line);font-size:13px} .ftir .ftir-ck__tabs a.is-on{background:var(--ftir-ink);color:var(--ftir-bg)} .ftir-ck__list{display:flex;flex-direction:column;gap:8px} .ftir-ck__sugg{border:1px solid var(--ftir-line);border-radius:10px;padding:10px 12px} .ftir-ck__sugg summary{cursor:pointer;display:flex;flex-direction:column;gap:2px} .ftir-ck__sugg summary span{font-weight:600;word-break:break-all} .ftir-ck__sugg summary small{color:var(--ftir-mut)} .ftir-ck__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px} .ftir-ck__2{display:grid;grid-template-columns:1fr 1fr;gap:12px} .ftir-ck__edit{max-width:none} .ftir-ck__edit h3{font-size:16px;margin-top:6px} .ftir-ck__out{margin-top:8px} .ftir-chip--xs{height:24px;font-size:12px;padding:0 9px} .ftir kbd{font-family:var(--ftir-mono);font-size:12px;background:var(--ftir-chip);border:1px solid var(--ftir-line);border-radius:4px;padding:0 5px} @media (max-width:900px){ .ftir-ck{grid-template-columns:1fr} .ftir-ck__nav ul{flex-direction:row;overflow-x:auto} .ftir .ftir-ck__nav a{white-space:nowrap} .ftir-ck__grid,.ftir-ck__2{grid-template-columns:1fr} .ftir-ck__kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .ftir-ck__main{padding:16px 12px} .ftir-ck__t{display:block;overflow-x:auto} } /* ── Auswertung, Tooltips, Trending (2.2) ─────────────────────── */ .ftir-statshead{display:flex;flex-wrap:wrap;align-items:center;gap:12px} .ftir-statshead .ftir-h1{margin-right:auto} .ftir-chart__grid{stroke:var(--ftir-line);stroke-width:1} .ftir-chart__axis{stroke:var(--ftir-mut);stroke-width:1} .ftir-chart__y{fill:var(--ftir-mut);font-size:12px;text-anchor:end;font-family:var(--ftir-sans)} .ftir-chart__x{fill:var(--ftir-mut);font-size:11px;text-anchor:middle;font-family:var(--ftir-sans)} .ftir-chart rect{cursor:pointer} .ftir-chart rect:hover,.ftir-chart rect.is-hover{fill:var(--ftir-acc-ink)} .ftir-tipwrap{position:relative} .ftir-tip{position:absolute;z-index:5;pointer-events:none;background:var(--ftir-ink);color:var(--ftir-bg);font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-120%);box-shadow:0 4px 14px rgba(0,0,0,.2)} .ftir-map circle{cursor:pointer;transition:fill-opacity .15s} .ftir-map circle:hover,.ftir-map circle:focus,.ftir-map circle.is-hover{fill-opacity:.9;outline:none} .ftir-bars__n small{color:var(--ftir-mut);font-weight:400;margin-left:4px} .ftir-bars li{grid-template-columns:130px 1fr 78px} .ftir-trend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .ftir-trend li{display:grid;grid-template-columns:28px minmax(120px,240px) 1fr 40px 70px;align-items:center;gap:10px;font-size:15px} .ftir-trend__rank{font-family:var(--ftir-mono);color:var(--ftir-mut);font-size:13px;text-align:right} .ftir .ftir-trend__term{font-weight:700} .ftir-trend__bar{height:10px;background:var(--ftir-chip);border-radius:5px;overflow:hidden} .ftir-trend__bar span{display:block;height:100%;background:var(--ftir-acc);border-radius:5px} .ftir-trend__n{text-align:right;font-weight:600} .ftir-trend__up{color:var(--ftir-ok);font-size:13px;font-weight:600} .ftir-trend__new{color:#fff;background:var(--ftir-red);font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;justify-self:start;letter-spacing:.04em;text-transform:uppercase} .ftir-trend__down,.ftir-trend__eq{color:var(--ftir-mut);font-size:13px} .ftir-liked{margin:0;padding-left:18px} .ftir-liked li{margin:8px 0} .ftir-liked small{color:var(--ftir-mut)} /* Fusszeile mittig */ .ftir-foot{text-align:center} .ftir-foot__brand{justify-content:center} .ftir-foot__disc{margin-left:auto;margin-right:auto} @media (max-width:640px){ .ftir-trend li{grid-template-columns:22px 1fr 34px 56px} .ftir-trend__bar{display:none} .ftir-bars li{grid-template-columns:96px 1fr 64px} } .ftir-wiz__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px} .ftir-wiz__steps>li{border:1px solid var(--ftir-line);border-radius:10px;padding:12px 14px;opacity:.75} .ftir-wiz__steps>li.is-now{opacity:1;border-color:var(--ftir-acc);background:var(--ftir-acc-soft)} .ftir-wiz__steps>li.is-done{opacity:1} .ftir-wiz__steps>li.is-done h3::after{content:" ✓";color:var(--ftir-ok)} .ftir-wiz__steps h3{font-size:16px;margin:0 0 6px} .ftir-wiz__steps p{font-size:14px} /* ===================== 2.3 ===================== */ /* Logo: Radarstrahl dreht sich, roter Punkt sendet */ .ftir .ftir-logo__sweep{transform-origin:32px 32px;animation:ftir-rot 4s linear infinite} .ftir .ftir-logo__ring{transform-origin:47.3px 19.1px;animation:ftir-ring 2.4s ease-out infinite} .ftir .ftir-logo__dot{animation:ftir-blink 4s ease-in-out infinite} .ftir-foot .ftir-logo__sweep,.ftir-foot .ftir-logo__ring,.ftir-foot .ftir-logo__dot{animation:none} .ftir-foot .ftir-logo__ring{display:none} @keyframes ftir-rot{to{transform:rotate(360deg)}} @keyframes ftir-ring{0%{transform:scale(.5);opacity:.9}100%{transform:scale(3);opacity:0}} @keyframes ftir-blink{0%,62%,100%{opacity:1}72%{opacity:.25}} @media (prefers-reduced-motion:reduce){.ftir *{animation:none!important;transition:none!important}} /* Kopf: Menue-Knopf, Reiter, Pfad */ .ftir-tabs{display:flex;gap:4px;padding:10px 0;border-bottom:1px solid var(--ftir-line);flex-wrap:wrap} .ftir .ftir-tabs__a{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:10px;font-weight:600;font-size:15px} .ftir .ftir-tabs__a:hover{background:var(--ftir-chip);color:var(--ftir-ink)} .ftir .ftir-tabs__a.is-on{background:var(--ftir-ink);color:var(--ftir-bg)!important} .ftir-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 4px;font-size:14px;color:var(--ftir-mut)} .ftir .ftir-crumbs a{color:var(--ftir-acc-ink)} .ftir .ftir-crumbs a:hover{text-decoration:underline!important} .ftir-crumbs [aria-current]{color:var(--ftir-ink);font-weight:600;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ftir .ftir-crumbs__back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--ftir-line);font-size:18px;line-height:1} .ftir-drawer__admin{margin-top:16px;padding-top:14px;border-top:1px solid var(--ftir-line);display:flex;flex-direction:column;gap:10px;font-size:14px} .ftir-drawer__admin select{margin-left:6px;border:1px solid var(--ftir-line);border-radius:6px;background:var(--ftir-bg);padding:4px} .ftir .ftir-bb.is-on{background:var(--ftir-ink);color:var(--ftir-bg)!important} @media (min-width:901px){ .ftir{padding-bottom:40px} .ftir-bar-bottom{display:none} } @media (max-width:900px){ .ftir-tabs{display:none} } /* Fusszeile wirklich mittig (Theme ueberschreibt Absatz-Abstaende) */ #ftir.ftir .ftir-foot{text-align:center} #ftir.ftir .ftir-foot p,#ftir.ftir .ftir-foot nav{margin-left:auto!important;margin-right:auto!important;text-align:center!important;max-width:900px} #ftir.ftir .ftir-foot__brand{display:flex;justify-content:center} .ftir-foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;margin-bottom:8px!important} /* Top-Signale */ .ftir-echo{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 6px;border-radius:13px;background:var(--ftir-chip);font:600 12px var(--ftir-sans);color:var(--ftir-ink);white-space:nowrap} .ftir-echo--3{background:var(--ftir-acc);color:#15140F} .ftir-blip{position:relative;width:16px;height:16px;flex:none} .ftir-blip i{position:absolute;inset:0;border-radius:50%;border:1.6px solid currentColor;opacity:.25} .ftir-blip i:nth-child(1){inset:5.5px;background:currentColor;opacity:1;border:0} .ftir-blip i:nth-child(2){inset:2.5px} .ftir-blip--2 i:nth-child(2),.ftir-blip--3 i:nth-child(2),.ftir-blip--3 i:nth-child(3){opacity:.9} .ftir-blip--3 i:nth-child(3){animation:ftir-ping 1.8s ease-out infinite} @keyframes ftir-ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.7);opacity:0}} .ftir-card__echo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px} .ftir-flags{display:inline-flex;gap:3px;flex-wrap:wrap} .ftir-flags abbr{font:600 10.5px var(--ftir-mono);background:var(--ftir-ink);color:var(--ftir-bg);border-radius:4px;padding:1px 5px;text-decoration:none;border:0} .ftir-card--signal{border:2px solid var(--ftir-acc)!important;box-shadow:0 6px 24px rgba(224,163,58,.18)} .ftir-row--signal{border-left:4px solid var(--ftir-acc);padding-left:10px} .ftir-also{margin:8px 0 4px;border-top:1px dashed var(--ftir-line);padding-top:8px;font-size:13px} .ftir-also summary{cursor:pointer;font-weight:600;color:var(--ftir-acc-ink);list-style:revert} .ftir-also ul{margin:6px 0 0;padding-left:18px;color:var(--ftir-mut)} .ftir-also li{margin:3px 0} .ftir .ftir-also a{font-weight:600;color:var(--ftir-ink)} .ftir-also abbr{font:600 10px var(--ftir-mono);border:0;text-decoration:none} .ftir-card__late{font-size:12px;margin:0 0 6px} .ftir-article__head .ftir-echo{margin:0 8px 8px 0} /* Verbreitungskarte (Detailansicht) */ .ftir-spread{margin:28px 0;border:1px solid var(--ftir-line);border-radius:16px;overflow:hidden;background:var(--ftir-card)} .ftir-spread h2{font-size:22px;padding:18px 20px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap} .ftir-spread__grid{display:grid;grid-template-columns:1.6fr 1fr} .ftir-spread__map{background:#15140F;position:relative;padding-bottom:12px} .ftir-spread__map .ftir-btn{margin:8px 12px 0} .ftir-spread__clock{position:absolute;left:14px;top:10px;font:600 12px var(--ftir-mono);color:#A7A296;pointer-events:none} .ftir-spread__clock b{display:block;font-family:var(--ftir-serif);font-size:22px;color:#EDEAE2} .ftir-spread__list{list-style:none;margin:0;padding:8px 16px 16px;font-size:14px;max-height:380px;overflow:auto} .ftir-spread__list li{display:grid;grid-template-columns:104px 34px 1fr;gap:8px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--ftir-line);transition:opacity .5s} .ftir-spread.is-js .ftir-spread__list li{opacity:.25} .ftir-spread.is-js .ftir-spread__list li.is-on{opacity:1} .ftir-spread__t{font:600 12px var(--ftir-mono);color:var(--ftir-acc-ink)} .ftir-spread__list li.is-first .ftir-spread__t{color:var(--ftir-red)} .ftir-spread__cc{font:600 11px var(--ftir-mono);background:var(--ftir-ink);color:var(--ftir-bg);border-radius:4px;text-align:center} .ftir-spread__list small{color:var(--ftir-mut)} .ftir-map--dark{background:#15140F} .ftir-map--dark img{filter:invert(1);opacity:.5} .ftir-arc{fill:none;stroke:var(--ftir-acc);stroke-width:1.8} .ftir-map text{fill:#EDEAE2;font:600 12px var(--ftir-mono)} @media (max-width:900px){.ftir-spread__grid{grid-template-columns:1fr}} /* Insights: drei Karten */ .ftir-geo__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px} .ftir-geo__head h2{margin:0} .ftir-geo__tabs .ftir-seg__b{border-top:0;border-bottom:0;background:transparent;cursor:pointer;font-weight:600} .ftir-geo__tabs .ftir-seg__b.is-on{background:var(--ftir-ink);color:var(--ftir-bg)} .ftir-geo__pane[hidden]{display:none} .ftir-geo__pane{background:#15140F;color:#EDEAE2;border-radius:12px;overflow:hidden} .ftir-geo__bar{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:14px 16px 4px;flex-wrap:wrap} .ftir-geo__k{display:block;font:600 12px var(--ftir-mono);color:#A7A296} .ftir-geo__bar b{font-family:var(--ftir-serif);font-size:24px;font-weight:800;color:#EDEAE2} .ftir-geo__cnt{text-align:right} .ftir-geo__cnt b{color:var(--ftir-acc)} .ftir-geo__tl{display:flex;gap:3px;padding:6px 16px 0} .ftir-geo__tl i{flex:1;height:4px;border-radius:2px;background:#2F2D27} .ftir-geo__tl i.is-on{background:var(--ftir-acc)} .ftir-geo__ctl{display:flex;align-items:center;gap:12px;padding:10px 16px 14px;flex-wrap:wrap} .ftir-geo__ticker{flex:1;min-width:200px;font-size:13px;color:#A7A296;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ftir-geo__ticker b{color:#EDEAE2} .ftir-geo__chips{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px 6px} .ftir-geo__chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;border:1px solid #3A372F;background:#1A1916;color:#EDEAE2;font:600 13px var(--ftir-sans);cursor:pointer;max-width:100%} .ftir-geo__chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch} .ftir-geo__chip i{width:10px;height:10px;border-radius:5px;flex:none} .ftir-geo__pane .ftir-note{color:#A7A296;padding:0 16px 14px;margin:0} .ftir-geo__pane[data-geo-pane="echo"] .ftir-note{padding-top:8px} .ftir-geo__scale{display:flex;align-items:center;gap:8px;font-size:12px;color:#A7A296} .ftir-geo__scale i{display:block;width:140px;height:8px;border-radius:4px;background:linear-gradient(90deg,#3A372F,#8A5A0B,#E0A33A,#FFE3A6)} .ftir-heat{position:relative;padding:0 8px} .ftir-heat svg{width:100%;height:auto;display:block;max-height:560px} .ftir-heat path[data-cc]{cursor:pointer;transition:fill .5s,opacity .2s} .ftir-geo__range{display:block;width:calc(100% - 32px);margin:8px 16px 0;accent-color:#E0A33A} .ftir-geo__rl{display:flex;justify-content:space-between;font-size:11px;color:#A7A296;padding:0 16px 8px} .ftir-geo .ftir-map circle{fill:var(--ftir-acc);fill-opacity:.4;stroke:#E0A33A;stroke-width:1} .ftir-geo .ftir-map .ftir-ping{fill:none;stroke:#E9B45A;stroke-width:2;pointer-events:none} .ftir-geo .ftir-map .ftir-ping--hot{stroke:#D9483B} .ftir-geo .ftir-map .ftir-echoarc{fill:none;stroke-width:1.5;stroke-dasharray:4 6;animation:ftir-flow 1.6s linear infinite;stroke-opacity:.8} @keyframes ftir-flow{to{stroke-dashoffset:-20}} .ftir-geo .ftir-tip,.ftir-heat .ftir-tip{z-index:5} /* Zahlen zaehlen hoch, Balken wachsen */ .ftir.is-growing [data-ftir-grow] .ftir-bars__t span{width:0!important} .ftir [data-ftir-grow] .ftir-bars__t span{transition:width 1.1s cubic-bezier(.2,.8,.2,1)} .ftir.is-growing [data-ftir-grow] .ftir-chart rect{transform:scaleY(0)} .ftir [data-ftir-grow] .ftir-chart rect{transform-box:fill-box;transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.8,.2,1)} /* Bildquelle beim Hovern */ .ftir-media{position:relative} .ftir-credit{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);font:500 10.5px/1.3 var(--ftir-sans);color:#fff;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2} .ftir-media:hover .ftir-credit,.ftir-article__img:hover .ftir-credit{opacity:1} .ftir-article__img{position:relative} .ftir-article__img figcaption.ftir-credit{position:absolute;margin:0} @media (hover:none){.ftir-credit{opacity:.85}} /* Sponsoren */ .ftir-spon{grid-column:1/-1;display:flex;align-items:center;gap:14px;border:1px solid var(--ftir-line);border-radius:14px;padding:12px 16px;background:var(--ftir-card)} .ftir-spon__logo{width:64px;height:64px;object-fit:contain;border-radius:10px;flex:none} .ftir-spon__txt{flex:1;min-width:0} .ftir-spon__txt strong{display:block;font-family:var(--ftir-serif);font-size:18px} .ftir-spon__txt p{margin:0;font-size:14px;color:var(--ftir-mut)} .ftir-spon__tag,.ftir-sponstrip>span{font:600 11px var(--ftir-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ftir-mut)} .ftir-sponstrip{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:34px;padding:12px 0;border-top:1px solid var(--ftir-line)} .ftir-sponstrip div{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center} .ftir-sponstrip img{height:32px;width:auto;filter:grayscale(1);opacity:.8;transition:.2s} .ftir-sponstrip a:hover img{filter:none;opacity:1} .ftir-sponstrip + .ftir-foot{margin-top:0} @media (max-width:640px){.ftir-spon{flex-wrap:wrap}} /* Feedback */ .ftir .ftir-fbbtn{position:fixed;right:0;top:50%;z-index:9980;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);background:var(--ftir-ink);color:var(--ftir-bg);border:0;border-radius:0 8px 8px 0;padding:14px 9px;font:700 13px var(--ftir-sans);letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2)} .ftir .ftir-fbbtn:hover{background:var(--ftir-acc);color:#15140F} @media (max-width:900px){.ftir .ftir-fbbtn{top:auto;bottom:96px;right:10px;transform:none;writing-mode:horizontal-tb;border-radius:18px;padding:8px 12px;font-size:12px}} .ftir-fbd{text-align:left;max-width:460px} .ftir-fbd h2{font-size:21px;padding-right:36px} .ftir-fbd__kinds{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0} .ftir-fbd__kinds label{cursor:pointer} .ftir-fbd__kinds input{position:absolute;opacity:0} .ftir-fbd__kinds span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:16px;background:var(--ftir-chip);font-size:13px} .ftir-fbd__kinds input:checked+span{background:var(--ftir-acc);color:#15140F;font-weight:700} .ftir-fbd__kinds input:focus-visible+span{outline:3px solid var(--ftir-acc);outline-offset:2px} .ftir-fbd textarea{width:100%;border:1px solid var(--ftir-line);border-radius:8px;background:var(--ftir-bg);padding:8px;margin-bottom:8px} /* Cockpit-Ergaenzungen */ .ftir-ck__fb{border-bottom:1px solid var(--ftir-line);padding:12px 0} .ftir-ck__fb p{margin:6px 0} .ftir-ck__plain{margin:0;padding-left:18px} .ftir-ck__plain li{margin:4px 0} .ftir-vipdur{display:inline-flex;gap:6px} .ftir-vipdur[hidden]{display:none} .ftir-report__head{display:flex;align-items:center;gap:12px;margin-bottom:12px} .ftir-spform fieldset{border:1px solid var(--ftir-line);border-radius:10px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:4px 16px} @media print{.ftir-ck__nav,.ftir-fbbtn,.ftir-tabs,.ftir-crumbs{display:none!important}} @media (max-width:640px){ .ftir-statshead .ftir-seg{max-width:100%;overflow-x:auto;flex-wrap:nowrap} .ftir-statshead .ftir-seg__b,.ftir-geo__tabs .ftir-seg__b{white-space:nowrap;padding:0 10px} .ftir-geo__head .ftir-seg{max-width:100%;overflow-x:auto} .ftir-spread h2{font-size:19px} } /* 2.4: Thema an der Karte korrigieren (nur Admin) */ .ftir .ftir-topicfix{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-bottom:1px dashed currentColor;text-transform:inherit;letter-spacing:inherit} .ftir .ftir-topicfix.is-unsure{color:var(--ftir-red)} .ftir .ftir-topicfix.is-unsure::after{content:" ?"} .ftir .ftir-topicfix.is-fixed{border-bottom-style:solid} .ftir{position:relative} .ftir-topicpop{position:absolute;z-index:60;display:flex;flex-wrap:wrap;gap:4px;max-width:250px;padding:8px;background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.18)} .ftir .ftir-topicpop button{font:600 11px var(--ftir-mono);letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:99px;border:1px solid var(--ftir-line);background:var(--ftir-bg);color:var(--ftir-ink);cursor:pointer} .ftir .ftir-topicpop button.is-on{background:var(--ftir-ink);color:var(--ftir-bg);border-color:var(--ftir-ink)} .ftir .ftir-topicpop button.is-ok{background:var(--ftir-ok);color:#fff;border-color:var(--ftir-ok)} .ftir .ftir-topicpop button:hover{border-color:var(--ftir-acc)} .ftir-ck__topics{display:flex;flex-wrap:wrap;gap:4px} .ftir-ck__t--topics td:first-child{max-width:420px} .ftir .ftir-ckb--ok{border-color:var(--ftir-ok);color:var(--ftir-ok)} /* 2.4: Sprachschalter DE | EN */ .ftir .ftir-langsw{position:relative;display:inline-flex;align-items:center;padding:3px;border:1px solid var(--ftir-line);border-radius:999px;background:var(--ftir-card);gap:2px;flex:none} .ftir .ftir-langsw__o{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;font:700 12px/1 var(--ftir-mono);letter-spacing:.06em;color:var(--ftir-mut);text-decoration:none;transition:background .2s,color .2s} .ftir .ftir-langsw__o:hover{color:var(--ftir-ink)} .ftir .ftir-langsw__o.is-on{background:var(--ftir-acc);color:#15140F;box-shadow:0 1px 3px rgba(0,0,0,.18)} .ftir .ftir-langsw__o:focus-visible{outline:2px solid var(--ftir-acc);outline-offset:2px} @media(max-width:600px){.ftir .ftir-langsw__o{min-width:30px;height:26px;padding:0 7px;font-size:11px}} /* 2.4: Titelblatt für Meldungen ohne Bild (Variante A) */ .ftir{--ftir-t-technology:#2E5E6E;--ftir-t-broadcast:#6B4E8A;--ftir-t-business:#8A5A0B;--ftir-t-innovation:#3D5A99;--ftir-t-people:#3F6B45;--ftir-t-festivals:#9A3B2E;--ftir-t-training:#5E6B2E;--ftir-t-jobs:#4A4A4A;--ftir-t-makingof:#7A3E5C} .ftir .ftir-cover{align-items:stretch;justify-content:space-between;gap:8px;padding:14px 16px;color:#fff;background:var(--ftir-t-business);overflow:hidden;text-align:left;font-size:inherit} .ftir .ftir-cover::after{content:"";position:absolute;right:-44px;bottom:-64px;width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.14) 0 1px,transparent 1px 22px);pointer-events:none} .ftir .ftir-cover--technology{background:var(--ftir-t-technology)} .ftir .ftir-cover--broadcast{background:var(--ftir-t-broadcast)} .ftir .ftir-cover--innovation{background:var(--ftir-t-innovation)} .ftir .ftir-cover--people{background:var(--ftir-t-people)} .ftir .ftir-cover--festivals{background:var(--ftir-t-festivals)} .ftir .ftir-cover--training{background:var(--ftir-t-training)} .ftir .ftir-cover--jobs{background:var(--ftir-t-jobs)} .ftir .ftir-cover--makingof{background:var(--ftir-t-makingof)} .ftir .ftir-cover__top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px} .ftir .ftir-cover__src{font:600 11px/1.2 var(--ftir-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ftir .ftir-cover__ic{flex:none;opacity:.9} .ftir .ftir-cover__hd{position:relative;z-index:1;font:700 21px/1.14 var(--ftir-serif);max-width:94%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#fff} .ftir .ftir-cover--hero .ftir-cover__hd{font-size:clamp(24px,3.2vw,36px);-webkit-line-clamp:4} .ftir .ftir-cover--thumb{padding:8px 9px} .ftir .ftir-cover--thumb .ftir-cover__src{font-size:9px;letter-spacing:.08em} .ftir .ftir-cover--thumb .ftir-cover__ic{width:14px;height:14px} .ftir .ftir-cover__tp{position:relative;z-index:1;font:600 10px var(--ftir-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.8} .ftir .ftir-card--cover .ftir-card__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media(max-width:600px){.ftir .ftir-cover__hd{font-size:19px}} .ftir .ftir-cover.has-badge .ftir-cover__top{padding-top:30px} /* 2.4.1: Freund:innen einladen – gut sichtbar */ .ftir .ftir-invite{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#15140F,#2a2519);color:#F4F1EA;border:1px solid #E0A33A} .ftir .ftir-invite strong{display:block;font:700 19px/1.25 var(--ftir-serif);color:#fff;margin-bottom:4px} .ftir .ftir-invite p{margin:0 0 12px;color:rgba(244,241,234,.82);font-size:14.5px} .ftir .ftir-invite__ic{flex:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#E0A33A;color:#15140F} .ftir .ftir-invite--hero{margin:0 0 18px;padding:24px} .ftir .ftir-invite--hero strong{font-size:24px} .ftir .ftir-invite--card{grid-column:1/-1;margin:4px 0} .ftir .ftir-invite--compact{margin:14px 0} .ftir .ftir-invite .ftir-btn--acc{background:#E0A33A;color:#15140F;border-color:#E0A33A} .ftir .ftir-invite__step h2{display:flex;align-items:center;gap:10px;font:700 18px var(--ftir-serif);margin:0 0 10px} .ftir .ftir-invite__step h2 span{width:28px;height:28px;border-radius:50%;background:var(--ftir-acc);color:#15140F;display:inline-flex;align-items:center;justify-content:center;font:700 14px var(--ftir-mono)} .ftir .ftir-invite__link{display:flex;gap:8px;flex-wrap:wrap} .ftir .ftir-invite__link .ftir-copyfield{flex:1 1 260px;min-width:0;font:500 13px var(--ftir-mono)} .ftir .ftir-invite__mail{max-width:640px} .ftir .ftir-invite__kpis{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 12px} .ftir .ftir-invite__kpis div{flex:1 1 180px;padding:12px 14px;border:1px solid var(--ftir-line);border-radius:10px;background:var(--ftir-bg)} .ftir .ftir-invite__kpis b{display:block;font:800 28px var(--ftir-serif);color:var(--ftir-acc-ink)} .ftir .ftir-invite__kpis span{font-size:13px;color:var(--ftir-mut)} .ftir .ftir-tabs__a--gift{color:var(--ftir-acc-ink)!important;font-weight:700} .ftir .ftir-tabs__a--gift svg{color:var(--ftir-acc)} .ftir .ftir-drawer__gift a{background:#15140F;color:#fff!important;border-radius:10px;padding:10px 12px!important;margin-bottom:6px;border:1px solid #E0A33A} .ftir .ftir-drawer__gift svg{color:#E0A33A} .ftir .ftir-drawer__gift span{display:flex;flex-direction:column;line-height:1.2} .ftir .ftir-drawer__gift small{color:#E0A33A;font-size:12px;font-weight:600} @media(max-width:600px){.ftir .ftir-invite{flex-direction:column;gap:10px}.ftir .ftir-invite--hero strong{font-size:20px}} /* Theme (Avada) ueberschreibt h1/h2 – Radar-Schrift erzwingen */ #ftir.ftir .ftir-h1,#ftir.ftir h1.ftir-h1{font-family:var(--ftir-serif)!important;font-weight:800!important;font-size:34px!important;line-height:1.15!important;letter-spacing:0!important;color:var(--ftir-ink)!important;text-transform:none!important} #ftir.ftir .ftir-panel h2,#ftir.ftir .ftir-invite__step h2{font-family:var(--ftir-serif)!important;text-transform:none!important;letter-spacing:0!important} @media(max-width:600px){#ftir.ftir .ftir-h1{font-size:26px!important}} /* 2.4.5: Menü liegt über dem Theme-Header (Avada sticky header) und unter der WP-Adminleiste */ .ftir-drawer{z-index:2147483000!important} body.admin-bar .ftir-drawer{top:32px} @media (max-width:782px){body.admin-bar .ftir-drawer{top:46px}} .ftir-drawer__panel{padding-top:max(18px,env(safe-area-inset-top))} .ftir.ftir-portal{position:static!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important;height:0!important;overflow:visible!important} /* 2.5 Kategorien im Cockpit */ .ftir .ftir-ck__sw{display:inline-block;width:22px;height:22px;border-radius:6px;vertical-align:middle} .ftir .ftir-ck__det{display:inline-block}.ftir .ftir-ck__det[open]{display:block;margin:8px 0} .ftir .ftir-ck__topicform input[type=color]{width:52px;height:30px;padding:0;border:0;vertical-align:middle;background:none} /* 2.5 Admin-Stift */ .ftir .ftir-edit{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:var(--ftir-mut);border:1px solid var(--ftir-line);text-decoration:none!important;transition:.15s} .ftir .ftir-edit:hover{color:#15140F;background:var(--ftir-acc);border-color:var(--ftir-acc)} .ftir .ftir-vh,.ftir-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* 2.6.1: Konto-Reiter am Handy (die Regel fuer das Hauptmenue hatte sie mit ausgeblendet) */ .ftir .ftir-acctabs{display:flex!important;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px} .ftir .ftir-acctabs a{flex:none;white-space:nowrap} /* 2.6.1: Konto-Status */ .ftir .ftir-planbox{border:1px solid var(--ftir-line);border-left:4px solid var(--ftir-acc);border-radius:12px;padding:14px 16px;margin:10px 0 16px;background:var(--ftir-bg)} .ftir .ftir-planbox__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:16px} .ftir .ftir-planbox p{margin:4px 0;font-size:15px} .ftir .ftir-planbox__btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} /* 2.6.1: Cockpit am Handy – nichts laeuft mehr aus dem Bild */ @media (max-width:900px){ .ftir .ftir-ck{grid-template-columns:minmax(0,1fr)} .ftir .ftir-ck__nav{min-width:0;overflow-x:auto} .ftir .ftir-ck__nav ul{display:flex;flex-wrap:wrap;gap:4px} .ftir .ftir-ck__panel{max-width:100%;overflow-x:auto} .ftir .ftir-ck__t{display:block;width:100%;overflow-x:auto;white-space:nowrap} .ftir .ftir-ck__t td,.ftir .ftir-ck__t th{white-space:normal} .ftir .ftir-ck__2,.ftir .ftir-ck__grid{grid-template-columns:1fr} .ftir .ftir-ck__edit input,.ftir .ftir-ck__edit textarea,.ftir .ftir-ck__topicform input,.ftir .ftir-ck__topicform textarea{max-width:100%} .ftir .ftir-ck__head{flex-wrap:wrap;gap:6px} } /* ------------------------------------------------------------------ */ /* 2.7 Zeitung responsiv + Druck */ /* ------------------------------------------------------------------ */ @media (max-width:1000px){ .ftir-paper{padding:20px} .ftir-paper__sections{columns:2 220px} .ftir-pp__lead-row{grid-template-columns:1fr} .ftir-pp__cols{columns:1} } @media (max-width:640px){ .ftir-paper{padding:14px} .ftir-paper__grid{gap:18px} .ftir-paper__sections{columns:1} .ftir-pp--s4,.ftir-pp--s6{grid-column:span 12} .ftir-pp--sec.has-pic{grid-template-columns:84px minmax(0,1fr)} .ftir-pp--lead .ftir-pp__title{font-size:24px} } @media print{ .ftir-paper{border:0;padding:0;background:#fff} .ftir-paper__grid{gap:14px} .ftir-pp--signal,.ftir-pp--voted{break-inside:avoid} } /* ------------------------------------------------------------------ */ /* 2.7 Theme-Schutz: das Theme (Avada) faerbt Ueberschriften im Inhalt */ /* grau ein – im Radar gilt unsere Farbwelt, sonst ist Dark Mode blass */ /* ------------------------------------------------------------------ */ .ftir h1,.ftir h2,.ftir h3,.ftir h4,.ftir h5,.ftir h6, .ftir h1 a,.ftir h2 a,.ftir h3 a,.ftir h4 a,.ftir h5 a,.ftir h6 a, .ftir .ftir-card__title a,.ftir .ftir-row__title a,.ftir .ftir-pp__title a,.ftir .ftir-article h1{ color:var(--ftir-ink)!important;-webkit-text-fill-color:var(--ftir-ink)!important; } .ftir .ftir-card__sum,.ftir .ftir-row__sum,.ftir .ftir-pp p,.ftir .ftir-note,.ftir .ftir-meta, .ftir .ftir-paper__sub,.ftir .ftir-paper__top,.ftir .ftir-pp--sec small,.ftir .ftir-count, .ftir .ftir-article__ai,.ftir .ftir-donate p{ color:var(--ftir-mut)!important;-webkit-text-fill-color:var(--ftir-mut)!important; } .ftir .ftir-meta__topic,.ftir .ftir-paper__rubric,.ftir .ftir-link,.ftir .ftir-pp__flag{ color:var(--ftir-acc-ink)!important;-webkit-text-fill-color:var(--ftir-acc-ink)!important; } .ftir .ftir-pp--signal .ftir-pp__flag{color:var(--ftir-red)!important;-webkit-text-fill-color:var(--ftir-red)!important} .ftir .ftir-badge{color:#fff!important;-webkit-text-fill-color:#fff!important} .ftir .ftir-badge--pick,.ftir .ftir-btn--acc,.ftir .ftir-topic.is-on{ color:#15140F!important;-webkit-text-fill-color:#15140F!important; } /* Admin-Chip: heller Text auf dunklem Grund – nicht mit den goldenen Flaechen verwechseln */ .ftir .ftir-chip--admin{color:var(--ftir-bg)!important;-webkit-text-fill-color:var(--ftir-bg)!important} .ftir .ftir-seg__b.is-on{color:var(--ftir-bg)!important;-webkit-text-fill-color:var(--ftir-bg)!important} .ftir[data-theme="dark"] .ftir-badge--pick,.ftir[data-theme="dark"] .ftir-btn--acc,.ftir[data-theme="dark"] .ftir-ckb--acc, .ftir[data-theme="dark"] .ftir-topic.is-on{color:#15140F!important;-webkit-text-fill-color:#15140F!important} @media (prefers-color-scheme:dark){ .ftir[data-theme="auto"] .ftir-badge--pick,.ftir[data-theme="auto"] .ftir-btn--acc,.ftir[data-theme="auto"] .ftir-ckb--acc{color:#15140F!important;-webkit-text-fill-color:#15140F!important} } /* ------------------------------------------------------------------ */ /* 2.7 Anleitungen (Telegram-Bot, Homescreen) */ /* ------------------------------------------------------------------ */ .ftir-guide h2{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:8px} .ftir-guide h2 svg{color:var(--ftir-acc-ink)} .ftir-steps{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px} .ftir-step{display:grid;grid-template-columns:28px 52px minmax(0,1fr);gap:12px;align-items:start} .ftir-step__n{width:26px;height:26px;border-radius:50%;background:var(--ftir-ink);color:var(--ftir-bg);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none} .ftir-step__pic{width:52px;height:52px;border-radius:10px;border:1px solid var(--ftir-line);background:var(--ftir-acc-soft);color:var(--ftir-acc-ink);display:flex;align-items:center;justify-content:center} .ftir-step__txt strong{display:block;font-family:var(--ftir-serif);font-size:17px;margin-bottom:2px} .ftir-step__txt p{margin:0;color:var(--ftir-mut);font-size:15px} .ftir-steps--mini{gap:8px;margin-top:10px} .ftir-steps--mini li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start} .ftir-steps--mini p{margin:0;font-size:14px;color:var(--ftir-mut)} .ftir-guide__box{border:1px solid var(--ftir-line);border-radius:12px;padding:16px 18px;background:var(--ftir-bg)} .ftir-guide__box h3{font-size:17px;margin-top:10px} .ftir-phone{width:96px;height:150px;margin:0 auto;border:2px solid var(--ftir-ink);border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:6px;background:var(--ftir-card)} .ftir-phone__bar{height:4px;width:34px;border-radius:2px;background:var(--ftir-line);margin:0 auto} .ftir-phone__screen{flex:1;border-radius:8px;background:linear-gradient(160deg,var(--ftir-acc-soft),var(--ftir-chip));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ftir-acc-ink)} .ftir-phone__screen span{font-family:var(--ftir-mono);font-size:11px;letter-spacing:.14em;color:var(--ftir-ink)} @media (max-width:640px){ .ftir-step{grid-template-columns:26px minmax(0,1fr)} .ftir-step__pic{display:none} } /* ------------------------------------------------------------------ */ /* 2.7.1 Eingabefelder: das Theme faerbt Text und Hintergrund von */ /* Formularfeldern – im Dunkelmodus war die Eingabe damit unsichtbar. */ /* ------------------------------------------------------------------ */ .ftir input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), .ftir select,.ftir textarea,.ftir .ftir-copyfield{ color:var(--ftir-ink)!important; -webkit-text-fill-color:var(--ftir-ink)!important; background-color:var(--ftir-bg)!important; border-color:var(--ftir-line)!important; caret-color:var(--ftir-acc-ink); opacity:1; } .ftir input::placeholder,.ftir textarea::placeholder{color:var(--ftir-mut)!important;-webkit-text-fill-color:var(--ftir-mut)!important;opacity:1} .ftir input::-webkit-input-placeholder,.ftir textarea::-webkit-input-placeholder{color:var(--ftir-mut)!important;-webkit-text-fill-color:var(--ftir-mut)!important} .ftir select option,.ftir optgroup{color:var(--ftir-ink);background-color:var(--ftir-card)} .ftir input:focus,.ftir select:focus,.ftir textarea:focus{outline:2px solid var(--ftir-acc);outline-offset:1px} .ftir input:-webkit-autofill,.ftir input:-webkit-autofill:hover,.ftir input:-webkit-autofill:focus{ -webkit-text-fill-color:var(--ftir-ink)!important; -webkit-box-shadow:0 0 0 1000px var(--ftir-bg) inset!important; caret-color:var(--ftir-ink); } .ftir input:disabled,.ftir select:disabled,.ftir textarea:disabled{color:var(--ftir-mut)!important;-webkit-text-fill-color:var(--ftir-mut)!important;opacity:.75} .ftir label,.ftir legend,.ftir .ftir-form label{color:var(--ftir-ink)} .ftir .ftir-form .description,.ftir .ftir-hint{color:var(--ftir-mut)!important;-webkit-text-fill-color:var(--ftir-mut)!important} /* ------------------------------------------------------------------ */ /* 2.8 */ /* ------------------------------------------------------------------ */ /* Ansicht als: Chip im Kopf wird zum Auswahlfeld, Band waehrend fremder Ansicht */ .ftir .ftir-chip--as{padding-right:8px;cursor:pointer} .ftir .ftir-chip--as select{border:0!important;background:transparent!important;font:inherit;font-weight:600;color:inherit!important;-webkit-text-fill-color:currentColor!important;padding:0 2px;cursor:pointer;max-width:120px} .ftir .ftir-chip--pro.ftir-chip--as select,.ftir .ftir-chip--vip.ftir-chip--as select,.ftir .ftir-chip--corporate.ftir-chip--as select{color:#15140F!important;-webkit-text-fill-color:#15140F!important} .ftir .ftir-chip--as select option{color:var(--ftir-ink);background:var(--ftir-card)} .ftir-bb--as{min-width:88px;gap:3px} .ftir-bb--as select{max-width:96px} .ftir-asband{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px;padding:10px 14px;border-radius:10px;background:var(--ftir-acc);color:#15140F;font-weight:600;font-size:14px} .ftir-asband .ftir-btn{margin-left:auto;background:#15140F;color:#fff!important;border-color:#15140F} .ftir-ck__as{display:block;margin-top:12px;font-size:12px;color:var(--ftir-mut)} .ftir-ck__as select{width:100%;margin-top:4px;font-size:13px} /* Aufrufe in der Meta-Zeile */ .ftir-meta__views{display:inline-flex;align-items:center;gap:3px;color:var(--ftir-mut)} /* Cockpit: Thema direkt in der Liste, Flaggen, Stift */ .ftir-ck__topicsel{font-size:13px;min-height:32px;padding:2px 6px;border-radius:8px;border:1px solid var(--ftir-line);max-width:170px} .ftir-ck__flag{font-size:11px;font-weight:700;color:var(--ftir-red);border:1px solid var(--ftir-red);border-radius:6px;padding:0 5px;margin-left:4px;vertical-align:middle} .ftir-ck__pen{margin-left:6px;color:var(--ftir-mut);font-size:15px} .ftir-ck__pen:hover{color:var(--ftir-acc-ink)} .ftir-ck .is-red{color:var(--ftir-red)} /* Cockpit: Live-Vorschau */ .ftir-ck__pv{margin-top:18px;border-top:1px solid var(--ftir-line);padding-top:14px} .ftir-ck__pvhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px} .ftir-ck__pvhead h3{margin:0;font-size:16px} .ftir-ck__pvhead .ftir-seg{margin:0} .ftir.ftir--pv{padding:14px 16px 18px;border-radius:14px;border:1px solid var(--ftir-line);width:auto!important;margin:0!important;max-width:none!important;min-height:120px} .ftir.ftir--pv .ftir-card{max-width:560px} .ftir.ftir--pv .ftir-card--hero{max-width:none} .ftir-article--pv h1{font-size:26px;margin:8px 0} .ftir-article--pv .ftir-media{margin:10px 0} .ftir-article--pv .ftir-article__sum{font-size:17px} /* Archiv-Suche mit Zitat-Schnipseln */ .ftir-archive{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:14px;padding:16px 18px;margin:14px 0 18px} .ftir-archive h2{font-size:19px;display:flex;align-items:center;gap:8px} .ftir-archive h2 small{font-family:var(--ftir-sans);font-size:13px;color:var(--ftir-mut);font-weight:500} .ftir-archive__list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px} .ftir-archive__hit{border-top:1px solid var(--ftir-line);padding-top:12px} .ftir-archive__meta{font-weight:700;font-size:15px;margin-bottom:4px} .ftir-archive__q{margin:6px 0;padding:8px 12px;border-left:3px solid var(--ftir-acc);background:var(--ftir-acc-soft);border-radius:0 8px 8px 0;font-size:14.5px;line-height:1.55;font-family:var(--ftir-serif)} .ftir-archive__q mark{background:var(--ftir-acc);color:#15140F;padding:0 3px;border-radius:3px} .ftir-archive__src{font-size:13px;color:var(--ftir-mut);display:flex;gap:10px;flex-wrap:wrap;align-items:center} .ftir-archive__src a{color:var(--ftir-acc-ink);font-weight:600;display:inline-flex;align-items:center;gap:3px} /* 2.8 Echo: Informationsrichtung */ .ftir-echo2__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);gap:16px;align-items:start} @media (max-width:860px){.ftir-echo2__grid{grid-template-columns:1fr}} .ftir-echo2__ctl{display:flex;align-items:center;gap:10px;margin-top:8px} .ftir-echo2__ctl .ftir-geo__range{flex:1;margin:0} .ftir-echo2__lead{font-size:13px;color:var(--ftir-mut);white-space:nowrap} .ftir-seg--sm .ftir-seg__b{height:30px;padding:0 10px;font-size:12px} .ftir-echo2__box{background:var(--ftir-card);border:1px solid var(--ftir-line);border-radius:12px;padding:12px 14px;margin-bottom:12px} .ftir-echo2__box h3{font-size:15px;margin:0 0 8px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .ftir-echo2__box h3 small{font-family:var(--ftir-sans);font-size:11px;color:var(--ftir-mut);font-weight:500} .ftir-echo2__list{list-style:none;margin:0;padding:0;max-height:300px;overflow:auto} .ftir-echo2__list button{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:8px;padding:6px 8px;cursor:pointer;text-align:left;font-size:13px;color:var(--ftir-ink)} .ftir-echo2__list button:hover{background:var(--ftir-chip)} .ftir-echo2__list li.is-on button{background:var(--ftir-acc-soft);outline:1px solid var(--ftir-acc)} .ftir-echo2__list li.is-all button{color:var(--ftir-acc-ink);font-weight:600} .ftir-echo2__cc{font-family:var(--ftir-mono);font-size:11px;color:var(--ftir-mut);width:26px;flex:none} .ftir-echo2__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ftir-echo2__src b{font-family:var(--ftir-mono);font-size:13px;color:var(--ftir-acc-ink);min-width:22px;text-align:right} .ftir-echo2__src small{font-family:var(--ftir-mono);font-size:11px;color:var(--ftir-mut);min-width:30px;text-align:right} .ftir-echo2__story button{align-items:flex-start} .ftir-echo2__story i{width:10px;height:10px;border-radius:50%;flex:none;margin-top:4px} .ftir-echo2__story span{flex:1;min-width:0;line-height:1.3} .ftir-echo2__story small{color:var(--ftir-mut);font-size:11px;white-space:nowrap} .ftir-echo2__thread{margin-top:10px;border-top:1px solid var(--ftir-line);padding-top:10px} .ftir-echo2__thread h4{font-size:14px;margin:8px 0} .ftir-echo2__thread .ftir-spread__list{margin:6px 0 10px} .ftir-e2dot{fill:#E0A33A;fill-opacity:.75;stroke:#15140F;stroke-width:.6;cursor:pointer;transition:r .4s} .ftir-e2dot.is-lead{fill:#F2C14E;fill-opacity:.95} .ftir-e2dot:hover,.ftir-e2dot.is-hover{fill-opacity:1;stroke:#fff} .ftir-e2arc{fill:none;stroke-width:1.3;stroke-opacity:.55} .ftir-e2arc.is-sel{stroke-width:2.2;stroke-opacity:.95} /* 2.8: Segment-Knoepfe auch als