/* Languages on Fire — site-wide nav + footer (auto-extracted) */

/* ===== NAV ===== */
.lofnav,.lofnav *{margin:0;padding:0;border:0;list-style:none;text-decoration:none;box-sizing:border-box;}.elementor-location-header{position:relative;z-index:9999;}.elementor-location-header .elementor-section,.elementor-location-header .elementor-container,.elementor-location-header .elementor-column,.elementor-location-header .elementor-widget-wrap,.elementor-location-header .elementor-column-wrap,.elementor-location-header .elementor-widget-html,.elementor-location-header .elementor-widget-container,.elementor-location-header .e-con,.elementor-location-header .e-con-inner{overflow:visible!important;}.elementor-location-header .elementor-container,.elementor-location-header .e-con-inner{max-width:100%!important;}.elementor-location-header .elementor-widget-wrap,.elementor-location-header .elementor-column-wrap,.elementor-location-header .elementor-widget-container{padding:0!important;}.lofnav{width:100%;position:relative;z-index:9999;}.lofnav .drop,.lofnav .sub{z-index:100;}
.lofnav{font-family:'Outfit',sans-serif;background:#FCFAF7;}
.lofnav .in{max-width:1140px;margin:0 auto;padding:24px 28px;display:flex;align-items:center;gap:28px;}
.lofnav .brand-link{margin-right:auto;display:flex;align-items:center;}
.lofnav .brand{height:46px;width:auto;display:block;}
.lofnav .toggle{display:none;}
.lofnav .ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;}
.lofnav .ham span{width:24px;height:2px;background:#1d1b1a;border-radius:2px;}
.lofnav .menu{list-style:none;display:flex;align-items:center;gap:30px;margin:0;padding:0;}
.lofnav .menu>li{position:relative;}
.lofnav a{text-decoration:none;color:#5d5853;font-weight:600;font-size:15px;font-family:'Outfit',sans-serif;}
.lofnav .menu>li>a{display:inline-flex;align-items:center;gap:7px;padding:6px 0;}
.lofnav .menu>li>a:hover{color:#FE540A;}
.lofnav .caret{display:inline-block;width:7px;height:7px;border-right:2px solid #b9b2aa;border-bottom:2px solid #b9b2aa;transform:translateY(-2px) rotate(45deg);transition:.18s;}.lofnav .dtoggle{display:none;}.lofnav .dtog{display:inline-flex;align-items:center;margin-left:7px;}
.lofnav .menu>li:hover .caret{border-color:#FE540A;}
.lofnav .menu>li>a.navcta{background:#FE540A!important;color:#fff!important;padding:13px 26px!important;border-radius:10px!important;font-weight:700;line-height:1;display:inline-flex!important;align-items:center;}
.lofnav .menu>li>a.navcta:hover{background:#EC4700!important;}
.lofnav .drop{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 10px);left:0;background:#fff;border:1px solid #EDE6DC;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.13);min-width:236px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.16s;}
.lofnav .menu>li:hover>.drop,.lofnav .menu>li:focus-within>.drop{opacity:1;visibility:visible;transform:translateY(0);}
.lofnav .drop>li{position:relative;}
.lofnav .drop>li>a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:11px 15px;border-radius:9px;color:#1d1b1a;font-weight:600;white-space:nowrap;}
.lofnav .drop>li>a:hover{background:#F8EDE4;color:#FE540A;}
.lofnav .drop .sc{color:#c2bab1;font-size:15px;line-height:1;}
.lofnav .sub{list-style:none;margin:0;padding:8px;position:absolute;top:-9px;left:calc(100% + 8px);background:#fff;border:1px solid #EDE6DC;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.13);min-width:184px;opacity:0;visibility:hidden;transform:translateX(8px);transition:.16s;}
.lofnav .has-sub:hover>.sub,.lofnav .has-sub:focus-within>.sub{opacity:1;visibility:visible;transform:translateX(0);}
.lofnav .sub>li>a{display:block;padding:11px 15px;border-radius:9px;color:#1d1b1a;font-weight:600;white-space:nowrap;}
.lofnav .sub>li>a:hover{background:#F8EDE4;color:#FE540A;}
.lofnav .drop .divider{height:1px;background:#EDE6DC;margin:6px 8px;}
.lofnav .drop .all>a{color:#FE540A;}
@media(max-width:900px){.lofnav .in{flex-wrap:wrap;padding:16px 20px;}.lofnav .brand{height:40px;}.lofnav .ham{display:flex;margin-left:auto;}.lofnav .menu{display:none;flex-direction:column;align-items:stretch;gap:0;width:100%;margin-top:12px;border-top:1px solid #ECE3D6;padding-top:6px;}.lofnav .toggle:checked~.menu{display:flex;}.lofnav .menu>li{width:100%;border-bottom:1px solid #f0e9df;position:relative;}.lofnav .menu>li:last-child{border-bottom:none;}.lofnav .menu>li>a{display:block;padding:13px 2px;font-size:16px;}.lofnav .dtog{display:flex;align-items:center;justify-content:center;position:absolute;top:3px;right:0;width:48px;height:46px;margin:0;cursor:pointer;}.lofnav .dtoggle:checked~.dtog .caret{transform:translateY(2px) rotate(-135deg);}.lofnav .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;padding:0 0 8px 14px;min-width:0;display:none;}.lofnav .dtoggle:checked~.drop{display:block;}.lofnav .drop>li>a{padding:8px 2px;font-size:15px;}.lofnav .has-sub>a .sc{display:none;}.lofnav .sub{position:static;display:block;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;padding:2px 0 4px 14px;min-width:0;}.lofnav .sub>li>a{padding:7px 2px;font-size:14px;}.lofnav .menu>li>a.navcta{display:inline-flex;margin:12px 0 6px!important;}}

/* ===== FOOTER ===== */
.loffoot,.loffoot *{margin:0;padding:0;border:0;list-style:none;text-decoration:none;box-sizing:border-box;}.elementor-location-footer .elementor-container,.elementor-location-footer .e-con-inner{max-width:100%!important;}.elementor-location-footer .elementor-widget-wrap,.elementor-location-footer .elementor-column-wrap,.elementor-location-footer .elementor-widget-container{padding:0!important;}.loffoot{width:100%;}html,body{margin:0;background:#0f0d0b;}
.loffoot{font-family:'Outfit',sans-serif;background:#0f0d0b;color:#9a938d;}
.loffoot .in{max-width:1140px;margin:0 auto;padding:60px 28px 16px;}
.loffoot .cols{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1px solid #2a2522;}
.loffoot .brand{height:32px;width:auto;margin-bottom:16px;display:block;}
.loffoot .brandbox p{font-size:14px;color:#9a938d;max-width:260px;margin:0 0 18px;line-height:1.6;}
.loffoot .social{display:flex;gap:16px;align-items:center;}
.loffoot .social a{color:#9a938d;display:inline-flex;}
.loffoot .social a:hover{color:#FE540A;}
.loffoot .social svg{width:22px;height:22px;display:block;}
.loffoot h4{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;}
.loffoot .col a{display:block;color:#9a938d;text-decoration:none;font-size:14.5px;padding:5px 0;}
.loffoot .col a:hover{color:#FE540A;}
.loffoot .bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:18px;font-size:13px;color:#7d756e;}
.loffoot .bottom .legal a{color:#9a938d;text-decoration:none;margin-left:18px;}
.loffoot .bottom .legal a:hover{color:#FE540A;}
@media(max-width:860px){.loffoot .cols{grid-template-columns:1fr 1fr;gap:28px;}.loffoot .brandbox{grid-column:1/-1;}}@media(max-width:560px){.loffoot .cols{grid-template-columns:1fr;}.loffoot .bottom{flex-direction:column;align-items:flex-start;gap:10px;}.loffoot .bottom .legal{display:flex;flex-wrap:wrap;gap:8px 14px;}.loffoot .bottom .legal a{margin:0;}}

/* Mobile full-bleed: kill Elementor's 15px container padding on nav + footer so their backgrounds reach the screen edges (content keeps its own .in padding) */
.elementor-location-header .elementor-container,.elementor-location-footer .elementor-container{padding-left:0!important;padding-right:0!important;}

/* nav auth toggle: Login when logged out, My Account when logged in */
.lofnav .lof-account{display:none!important;}
body.logged-in .lofnav .lof-login{display:none!important;}
body.logged-in .lofnav .lof-account{display:inline-flex!important;}


/* nav: reveal 'my German course' link only for logged-in members of the German course */
.lofnav .lof-german-course{display:none!important;}
body.lof-has-german-course .lofnav .lof-german-course{display:block!important;}
.lofnav .drop .lof-german-course{border-top:1px solid #EDE6DC;margin-top:6px;padding-top:6px;}
.lofnav .drop .lof-german-course>a{color:#FE540A!important;font-weight:700;}
html.js-anim .rv-in{opacity:1!important;transform:none!important;}
