body{font-family:Arial,sans-serif;padding:20px;}
html, body {
    overflow-y: auto !important;
    height: auto !important;
}
input[type="text"]{padding:5px;width:200px;height:30px;}
input[type="submit"]{height:39px;border-radius:10px;font-size:1.5em;position:relative;top:5px;}
em,i{font-weight:bold;}
.content{text-align:left;}
.search-container{max-width:1500px;margin:5px auto;padding:20px;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.28);background:#f9f9f9;text-align:center;}
.search-containerinput[type="text"]{border-radius:10px;border:1px solid #ccc;}
ul{margin-left:12px;padding-left:0px;}
li{margin-left:7px;padding-left:0px;}
.menu-wrapper{position:fixed;top:50px;left:15px;z-index:9999;}
@media(max-width:480px){.menu-wrapper{top:30px;left:10px;}}
.menu-checkbox{position:absolute;left:-9999px;opacity:0;pointer-events:none;}
.menu-button{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border-radius:8px;cursor:pointer;user-select:none;transition:background .15s ease,transform .12s ease;padding:6px;background:rgba(0,0,0,0.06);border:none;}
.menu-button:hover{background:rgba(0,0,0,0.09);}
.menu-button:active{transform:scale(.98);}
.menu-button .dot{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:3px 0;}
.dropdown-menu{position:absolute;top:calc(100% + 8px);min-width:200px;padding:8px 6px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column;gap: 6px;transform-origin:top right;transform:scale(.95);opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s ease;z-index:999;font-size:0.95rem;}
.dropdown-menu a{padding:8px 10px;text-decoration:none;color:#111;border-radius:6px;}
.dropdown-menu a:hover{background:rgba(0,0,0,0.04);}
.menu-checkbox:checked + .menu-button + .dropdown-menu,
.menu-wrapper:focus-within .dropdown-menu{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity .12s ease, transform .12s ease;}
.bunt{font-weight:700;font-family: "Segoe UI", Roboto, Arial, sans-serif;}
.bunt .ge{color:#7B3FBF;}.bunt .de{color:#2E9B3D;}.bunt .ut{color:#D84444;}.bunt .et{color:#FF8C2B;}
#Symbol{position:relative;z-index:20;}
#suggestions{position:absolute;left:50%;transform:translateX(-50%);background:#ffffff;border:1px solid #cccccc;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.15);margin-top:5px;max-width:200px;display:none;max-height:250px;overflow-y:auto;text-align:left;z-index:30;}
#suggestions div{padding:8px 10px;cursor:pointer;font-size:1.1em;}
#suggestions div:hover{background:#f2f2f2;}
#footer{text-align:center;padding:20px;margin-top:40px;color:#666;font-size:0.9em;}

#footer .footer-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

#footer .footer-nav a {
    color: #333;
    text-decoration: none;
    margin: 0 5px;
}

#footer .footer-nav a:hover {
    text-decoration: underline;
}

#footer .sep {
    margin: 0 5px;
    color: #777;
}



@media (hover: hover) and (pointer: fine)
{
.hint{position:relative;}
.hint::after{content:attr(data-title);position:absolute;left:50%;top:130%;transform:translateX(-50%);background:#FFFFB8;color:#333;padding:6px 10px;border-radius:6px;white-space:normal;width:220px;font-size:14px;line-height:1.2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease;z-index:1000;}
.hint::before{content: "";position:absolute;left:50%;top:120%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#333;opacity:0;visibility:hidden;transition:opacity 0.25s ease;}
.hint:hover::after,
.hint:hover::before{opacity:1;visibility:visible;}
}