@import url("/assets/footer-social.css?v=20260928-2");
/* Original homepage footer, scoped against the legacy article styles. */
@font-face{font-family:Inter;src:url('/assets/telegram-welcome-12m/anleitung/assets/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
#ccm-footer.original-footer{--muted:#aeb3b8;--line:#ffffff25;--orange:#e88424;box-sizing:border-box;width:100%;margin-top:72px;padding:0 0 28px;border-top:1px solid #ffffff57;background:linear-gradient(180deg,#ffffff0d,transparent 34%);color:#f4f5f6;font-family:Inter,system-ui,sans-serif;line-height:1.65}
#ccm-footer *{box-sizing:border-box}
#ccm-footer,#ccm-footer :is(h3,h4,p,.foot-col,.company,.copy){text-align:left!important}
#ccm-footer .wrap{width:calc(100% - 48px);max-width:1240px;margin:0 auto;padding:0}
#ccm-footer :is(h3,h4,p){margin:0;font-family:Inter,system-ui,sans-serif}
#ccm-footer :is(h3,h4)::before{display:none!important}
#ccm-footer a{text-decoration:none;border:0}
#ccm-footer .foot-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:40px 0 34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
#ccm-footer .foot-cta h3{font-size:clamp(20px,2.4vw,26px);font-weight:900;letter-spacing:-.01em}
#ccm-footer .foot-cta p{font-size:14px;color:var(--muted);margin-top:5px}
#ccm-footer .foot-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.1fr;gap:30px;margin-bottom:34px}
#ccm-footer .foot-grid .logo{height:30px;margin-bottom:14px}
#ccm-footer .foot-grid .blurb{font-size:13.5px;color:var(--muted);max-width:290px;margin-bottom:18px}
#ccm-footer .foot-grid .fpart{display:flex;align-items:center;gap:16px;opacity:.7}
#ccm-footer .foot-grid .fpart img{height:18px;width:auto}
#ccm-footer .foot-col h4{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ccc;margin-bottom:14px}
#ccm-footer .foot-col a{display:block;font-size:13.5px;color:var(--muted);padding:5px 0;transition:.15s}
#ccm-footer .foot-col a:hover{color:var(--orange)}
#ccm-footer .foot-col .ln{font-size:13.5px;color:var(--muted);padding:5px 0}
#ccm-footer .foot-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
#ccm-footer .foot-bottom .company{font-size:12.5px;color:#ccc;font-weight:600}
#ccm-footer .foot-bottom .copy{font-size:12.5px;color:var(--muted)}
#ccm-footer .disclaimer{max-width:none;width:100%;font-size:11px;color:#555;line-height:1.6;margin-top:16px;border-top:1px solid var(--line);padding-top:16px}
#ccm-footer .foot-social{display:flex;gap:10px;margin-top:16px}
#ccm-footer .foot-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.04);color:var(--muted,#888);transition:.15s}

#ccm-footer .foot-grid>*{min-width:0}
#ccm-footer .foot-grid .logo{display:block;width:210px;height:auto;margin-bottom:14px}
#ccm-footer .foot-grid .blurb{line-height:1.8;margin-bottom:18px}
#ccm-footer .foot-col .ln{display:block}
#ccm-footer .foot-col .foot-resources{margin-top:24px}
#ccm-footer .foot-social{flex-wrap:wrap}
#ccm-footer .foot-social a{width:44px;height:44px;padding:0}
#ccm-footer .foot-social svg{width:17px;height:17px;fill:currentColor}
#ccm-footer .foot-col a:hover{color:#fff}
#ccm-footer .foot-cta p{font-size:13px;margin-top:5px}
#ccm-footer .foot-cta .button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 30px;border-radius:999px;border:1px solid #e0e4e852;background:linear-gradient(180deg,#51575c 0%,#292d31 43%,#111315 53%,#353a3f 100%);color:#f5f6f7;font:600 14px/1.5 Inter,system-ui,sans-serif;box-shadow:inset 0 1px 0 #ffffff61,inset 0 -1px 0 #000000b3;white-space:normal;text-align:center}
#ccm-footer .foot-cta .button:hover{border-color:#e8842466;color:#fff}
#ccm-footer .disclaimer{max-width:none;width:100%;font-size:11px;line-height:1.6;color:#929292;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
#ccm-footer .ccm-consent-settings-button{font:inherit;font-size:12px;color:#aeb3b8;background:none;border:0;padding:0;cursor:pointer}
#ccm-footer :focus-visible{outline:2px solid #dce0e4;outline-offset:4px}
@media(max-width:900px){#ccm-footer .foot-grid{grid-template-columns:1fr 1fr}#ccm-footer .brandcol{grid-column:1/-1}}
@media(max-width:650px){#ccm-footer .wrap{width:calc(100% - 36px)}#ccm-footer .foot-grid{gap:25px}#ccm-footer .foot-grid .foot-col:last-child{grid-column:1/-1}#ccm-footer .foot-grid .logo{width:190px}#ccm-footer .foot-cta .button{width:100%}#ccm-footer .foot-bottom{flex-direction:column;align-items:flex-start}}
@media print{#ccm-footer{display:none!important}}

#ccm-footer .foot-col .footer-blog-link{display:inline-flex;align-items:center;gap:8px;color:#f4f5f6;font-weight:700}
#ccm-footer .footer-blog-link span{font-size:16px;color:#aeb3b8}
