@charset "UTF-8";:root{--color-primary:#D32F2F;--color-dark:#1C1C1C;--color-light:#FAFAFA;--color-white:#FFF;--color-border:#E0E0E0;--font-heading:'Public Sans',sans-serif;--font-body:'Public Sans',sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--container-width:1200px}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background-color:var(--color-light);color:var(--color-dark);line-height:1.6}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:color 0.2s}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-top:0;font-weight:700;letter-spacing:-0.02em}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.top-bar{background:var(--color-dark);color:var(--color-white);padding:var(--spacing-xs) 0;font-size:0.9rem}.split-bar{display:flex;justify-content:space-between;align-items:center;height:100%}.top-search,.top-menu{display:flex;align-items:center}.top-bar .module,.top-bar .mod-search{margin:0;padding:0;display:flex;align-items:center}.top-bar form{margin:0;display:flex;align-items:center}.top-bar input:not(.form-check-input){height:30px;padding:0 10px;margin:0}.top-bar .btn{height:30px;padding:0 15px;margin-left:5px;line-height:28px;color:var(--color-white)}.top-bar .btn:hover{color:var(--color-primary)}.site-header{background:var(--color-white);border-bottom:3px solid var(--color-primary);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:100}.header-grid{display:flex;justify-content:space-between;align-items:center}.logo-img{height:50px;display:block}.main-nav nav>ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-sm)}.main-nav li{position:relative}.main-nav a{font-weight:600;text-transform:uppercase;font-size:0.9rem;padding:var(--spacing-xs) 0;border-top:3px solid transparent;display:block;white-space:nowrap}.main-nav a:hover,.main-nav .active>a{border-top-color:var(--color-primary);color:var(--color-primary)}.main-nav>nav>ul>li>.mod-menu__heading,.main-nav>nav>ul>li>.nav-header{font-weight:600;text-transform:uppercase;font-size:0.9rem;padding:var(--spacing-xs) 0;border-top:3px solid transparent;display:block;white-space:nowrap}.main-nav a .fa,.main-nav a .fas,.main-nav a .far,.main-nav a .fab,.main-nav a [class*="fa-"]{margin-right:0.4em}.main-nav ul ul{display:none;position:absolute;top:100%;left:0;background:var(--color-white);min-width:220px;box-shadow:0 4px 20px rgba(0,0,0,0.15);border-top:3px solid var(--color-primary);padding:var(--spacing-sm) 0;z-index:1000;flex-direction:column;gap:0;list-style:none}.main-nav li:hover>ul{display:flex}.main-nav ul ul li{width:100%}.main-nav ul ul a{padding:var(--spacing-xs) var(--spacing-md);font-size:0.95rem;text-transform:none;font-weight:500;border-top:none;transition:background 0.2s,color 0.2s}.main-nav ul ul .mod-menu__heading,.main-nav ul ul .nav-header{padding:var(--spacing-xs) var(--spacing-md);font-size:0.95rem;text-transform:none;font-weight:500;border-top:none;display:block}.main-nav ul ul a:hover{background:var(--color-light);color:var(--color-primary)}.main-nav ul ul ul{top:0;left:100%;border-top:none;border-left:3px solid var(--color-primary)}.main-nav li.parent>a::after,.main-nav li.parent>.mod-menu__heading::after,.main-nav li.parent>.nav-header::after{content:' ▾';font-size:0.7em;opacity:0.6}.main-nav ul ul li.parent>a::after,.main-nav ul ul li.parent>.mod-menu__heading::after,.main-nav ul ul li.parent>.nav-header::after{content:' ▸'}.submenu-toggle{display:none}.site-body{padding:var(--spacing-md) 0}@media (max-width:768px){.site-body{padding-left:5px;padding-right:5px}}.main-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-md)}.sidebar-right .module{background:var(--color-white);border:1px solid var(--color-border);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.sidebar-right h3,.content-area .module h3{border-left:4px solid var(--color-primary);padding-left:var(--spacing-xs);text-transform:uppercase;font-size:1.1rem;margin-bottom:var(--spacing-sm)}.content-area a:not(.btn):not(.sppb-btn):not(._dx){color:var(--color-primary)}.content-area a:not(.btn):not(.sppb-btn):not(._dx):hover{color:var(--color-dark)}.site-footer{background:#111;color:#fff;margin-top:auto}.footer-primary{padding:var(--spacing-md) 0;background:var(--color-primary)}.footer-secondary{background:#000;padding:var(--spacing-md) 0;font-size:0.85rem;color:#888}.footer-flex{display:flex;justify-content:space-between;align-items:center}.footer-links ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-md)}.footer-links a{color:#888;transition:color 0.2s}.footer-links a:hover{color:var(--color-white)}.burger-btn{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:200}.burger-icon{display:block;width:24px;height:2px;background:var(--color-dark);position:relative;transition:background 0.2s}.burger-icon::before,.burger-icon::after{content:'';position:absolute;left:0;width:100%;height:2px;background:var(--color-dark);transition:transform 0.2s,top 0.2s}.burger-icon::before{top:-8px}.burger-icon::after{top:8px}.burger-btn[aria-expanded="true"] .burger-icon{background:transparent}.burger-btn[aria-expanded="true"] .burger-icon::before{top:0;transform:rotate(45deg)}.burger-btn[aria-expanded="true"] .burger-icon::after{top:0;transform:rotate(-45deg)}.eb-entry-head{text-align:center}.eb-entry-head .eb-entry-meta{justify-content:center}#eb .ebd-block[data-type="alerts"] .alert,#eb .ebd-block[data-type="alerts"] .o-alert,#eb .rl_quickindex.alert,#eb .rl_quickindex.o-alert{font-size:0.95rem}@media (max-width:1100px){.main-grid{display:block}.header-grid{justify-content:space-between;position:relative}.burger-btn{display:block}.main-nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-white);border-top:3px solid var(--color-primary);box-shadow:0 10px 20px rgba(0,0,0,0.1);padding:var(--spacing-sm);z-index:101}.main-nav.nav-open nav{display:block}.main-nav ul{flex-direction:column;gap:0;width:100%;white-space:normal;overflow-x:visible}.main-nav a{display:block;padding:10px 0;border-top:none;border-bottom:1px solid var(--color-border)}.main-nav li:hover>ul{display:none}.main-nav li.parent>a::after,.main-nav li.parent>.mod-menu__heading::after,.main-nav li.parent>.nav-header::after{display:none}.main-nav li.parent{display:flex;flex-wrap:wrap;align-items:center;position:relative;border-bottom:1px solid var(--color-border)}.main-nav li.parent>a,.main-nav li.parent>.mod-menu__heading,.main-nav li.parent>.nav-header{flex:1;min-width:0;border-bottom:none;padding-right:50px}.submenu-toggle{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:var(--color-text);font-size:1rem}.submenu-toggle:hover{color:var(--color-primary)}.submenu-toggle .toggle-arrow{transition:transform 0.2s ease}.main-nav li.parent.submenu-open>.submenu-toggle .toggle-arrow{transform:rotate(180deg)}.main-nav ul ul{position:static;box-shadow:none;border-top:none;border-left:3px solid var(--color-primary);margin-left:var(--spacing-sm);padding-left:0;padding-bottom:0;margin-bottom:0;display:none;flex-basis:100%}.main-nav li.parent.submenu-open>ul{display:block}.main-nav ul ul a{font-size:1rem;padding:12px var(--spacing-md);min-height:44px;display:flex;align-items:center}.main-nav ul ul .mod-menu__heading,.main-nav ul ul .nav-header{font-size:1rem;padding:12px var(--spacing-md);min-height:44px;display:flex;align-items:center;padding-right:50px}.main-nav ul ul ul{border-left:2px solid var(--color-border)}}@media (max-width:768px){.split-bar{flex-direction:column;gap:var(--spacing-xs);text-align:center}}@media (max-width:768px){.header-grid{flex-direction:row}.main-nav ul{font-size:0.9rem}}@font-face{src:url('https://www.chinamobilemag.de/templates/tmpl_cmmtheme/fonts/PublicSans.woff2') format('woff2'),url('https://www.chinamobilemag.de/templates/tmpl_cmmtheme/fonts/PublicSans.ttf') format('truetype');font-family:'Public Sans';font-weight:100 900;font-display:swap}.com-users-registration,.com-users-remind,.com-users-reset,.com-users-profile,.com-users-profile__edit,.com-users-login{max-width:600px;margin:0 auto;padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:4px}.com-users-registration legend,.com-users-remind legend,.com-users-reset legend,.com-users-profile legend,.com-users-profile__edit legend,.com-users-login legend{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-dark);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-xs);width:100%}.com-users-registration fieldset,.com-users-remind fieldset,.com-users-reset fieldset,.com-users-profile fieldset,.com-users-profile__edit fieldset,.com-users-login fieldset{border:none;padding:0;margin:0 0 var(--spacing-md) 0}.com-users-registration .control-group,.com-users-remind .control-group,.com-users-reset .control-group,.com-users-profile dl,.com-users-profile__edit .control-group,.com-users-login .control-group{margin-bottom:var(--spacing-sm)}.com-users-registration .control-label,.com-users-remind .control-label,.com-users-reset .control-label,.com-users-profile__edit .control-label{display:block;margin-bottom:0.25rem;font-weight:600}.com-users-registration input[type="text"],.com-users-registration input[type="email"],.com-users-registration input[type="password"],.com-users-remind input[type="text"],.com-users-remind input[type="email"],.com-users-reset input[type="text"],.com-users-reset input[type="email"],.com-users-reset input[type="password"],.com-users-profile__edit input[type="text"],.com-users-profile__edit input[type="email"],.com-users-profile__edit input[type="password"],.com-users-profile__edit input[type="password"],.com-users-login input[type="text"],.com-users-login input[type="password"],.mod-login input[type="text"],.mod-login input[type="password"]{width:100%;padding:0.75rem;border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-body);font-size:1rem;transition:border-color 0.2s}.com-users-registration input:focus,.com-users-remind input:focus,.com-users-reset input:focus,.com-users-reset input:focus,.com-users-profile__edit input:focus,.mod-login input:focus{border-color:var(--color-primary);outline:none}.com-users-registration .input-group,.com-users-reset .input-group,.com-users-profile__edit .input-group,.com-users-profile__edit .input-group,.com-users-login .input-group,.mod-login .input-group{display:flex;flex-wrap:nowrap;align-items:stretch;position:relative;width:100%}.com-users-registration .input-group input,.com-users-reset .input-group input,.com-users-profile__edit .input-group input,.com-users-profile__edit .input-group input,.com-users-login .input-group input,.mod-login .input-group input{flex:1;width:auto;border-top-right-radius:0;border-bottom-right-radius:0}.com-users-registration .input-password-toggle,.com-users-reset .input-password-toggle,.com-users-profile__edit .input-password-toggle,.com-users-profile__edit .input-password-toggle,.com-users-login .input-password-toggle,.mod-login .input-password-toggle{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;z-index:2;display:flex;align-items:center;justify-content:center;padding:0 1rem;height:auto;background:#e9ecef;border:1px solid var(--color-border);cursor:pointer}.com-users-login .btn.input-password-toggle,.mod-login .btn.input-password-toggle{height:auto;line-height:inherit}.icon-eye{color:var(--color-primary)}.icon-eye::before{content:"\f06e";font-family:"Font Awesome 6 Free";font-weight:400}.icon-eye-slash{color:var(--color-primary)}.icon-eye-slash::before{content:"\f070";font-family:"Font Awesome 6 Free";font-weight:400}#progress-0,meter{width:100%;height:10px;display:block;margin-top:5px}.mod-articlescategory{list-style:none;padding:0;margin:0}.mod-articlescategory li{margin-bottom:var(--spacing-xs)}.btn{display:inline-block;font-weight:600;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:0.5rem 1rem;font-size:0.9rem;line-height:1.5;border-radius:4px;transition:color 0.15s,background-color 0.15s,border-color 0.15s;cursor:pointer;text-transform:uppercase;font-family:var(--font-heading)}.btn-primary{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary)}.login-modal-btn{font-size:0.85rem;padding:2px 10px;height:auto;line-height:1.5;background-color:var(--color-primary);border-color:var(--color-primary);color:#fff !important}.login-modal-btn:hover{background-color:#b71c1c;border-color:#b71c1c;color:var(--color-white) !important}.user-menu{display:flex;list-style:none;margin:0;padding:0;gap:15px}.user-menu .nav-item{display:flex;align-items:center}.user-menu .nav-link{color:var(--color-white);text-decoration:none;font-size:0.9rem;padding:0;transition:color 0.2s}.user-menu .nav-link:hover,.user-menu .nav-link.active{color:var(--color-primary)}#loginModal .modal-content{color:var(--color-dark);text-align:left}#loginModal .modal-title{color:var(--color-dark)}.mod-login .form-group{margin-bottom:var(--spacing-sm)}.mod-login .input-group-text{background-color:var(--color-light);border-color:var(--color-border);color:var(--color-primary)}.mod-login__remember{margin-top:var(--spacing-sm)}.mod-login__submit .btn-primary{width:100%;margin-top:var(--spacing-xs);font-size:1rem;padding:0.75rem}.mod-login__options{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-size:0.9rem}.mod-login__options li{margin-bottom:0.25rem}.mod-login__options a{color:var(--color-dark);text-decoration:none;display:inline-flex;align-items:center}.mod-login__options a:hover{color:var(--color-primary);text-decoration:underline}.mod-login__options .icon-register{margin-left:0.25rem}#loginModal .modal-header{border-bottom-color:var(--color-primary);background-color:var(--color-light)}#loginModal .modal-title{color:var(--color-primary);font-weight:700;text-transform:uppercase;font-size:1.2rem}#loginModal .modal-body{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.mod-login{width:100%;max-width:320px;margin:0 auto}.mod-login__userdata{width:100%}#loginModal .modal-footer{border-top:none;padding-top:0}.icon-user::before{content:"\f007";font-family:"Font Awesome 6 Free";font-weight:400}.icon-register::before{content:"\f2b9";font-family:"Font Awesome 6 Free";font-weight:400}.mod-login .input-group{display:flex;align-items:stretch;width:100%}.mod-login .form-control,.mod-login .input-group-text{height:auto !important;padding-top:0.5rem !important;padding-bottom:0.5rem !important;font-size:1rem !important;line-height:1.5 !important;display:flex;align-items:center}.mod-login .input-group-text,.mod-login .input-password-toggle{width:50px !important;padding-left:0 !important;padding-right:0 !important;justify-content:center !important}.mod-login .icon-user{display:inline-block;line-height:1}.modal-body .btn{height:auto !important;padding:0.5rem 1rem !important;line-height:1.5 !important}.mod-login__remember .form-check{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin:0}.btn-primary:hover{background-color:#b71c1c;border-color:#b71c1c}.mod-login .btn-primary:hover{color:var(--color-white) !important}.btn-secondary{color:var(--color-white);background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.inputbox{display:block;width:100%;padding:0.5rem 1rem;font-size:1rem;line-height:1.5;color:var(--color-dark);background-color:var(--color-white);background-clip:padding-box;border:1px solid var(--color-border);border-radius:4px;transition:border-color 0.15s}.inputbox:focus{border-color:var(--color-primary);outline:0}.com-content__filter{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-light);border:1px solid var(--color-border);border-radius:4px;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.com-content__filter .inputbox{width:auto;display:inline-block;min-width:250px;margin:0}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
