@import url('design.css'); @import url('content.css'); @import url('message.css');
.navi2 input[type="text"], .navi2 input[type="password"] {
    width: 120px;
    box-sizing: border-box;
    padding: 4px 6px;
    font-size: 11px;
    background: #1f1f1f;
    color: #f0f0f0;
    border: 1px solid #444;
}

.content {
    color: #f0f0f0;
    text-align: center
    margin: auto;
    width: 100%;
}

.content_position {
    padding: 20px;
    /* background: #12121299; */
}

.content table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    background: #transparent;
    color: #f0f0f0;
    /* box-shadow: 0 0 0 1px #ffffff50; */
    /* 10px = border thickness, #555 = border color */
}

h1 {
    margin-top: 60px;
    position: relative;
    left: 50px;      /* nach rechts */
    text-align: left; /* linksbündig (statt center) */
}

.content table td, .content table th {
    background: #2e2e2e00;
    border: 1px solid #444;
    padding: 10px;
    font-size: 12px;
}

/* === SIDEBAR POLL – FINAL === */

.poll_sidebar{
    font-size:12px;
    line-height:1.4;
    color:#e0e0e0;
}

.poll_sidebar_question{
    margin-bottom:8px;
}

.poll_sidebar_answer{
    margin-bottom:10px;
}

.poll_sidebar_label{
    display:flex;
    justify-content:space-between;
    gap:6px;
    margin-bottom:4px;
}

.poll_sidebar_label .answer-text{
    color:#ddd;
    word-break:break-word;
}

.poll_sidebar_label .answer-percent{
    color:#AFEEEE;
    font-weight:bold;
    white-space:nowrap;
}

.poll_bar_wrapper{
    background:#1a1a1a;
    border:1px solid #2a2a2a;
    border-radius:6px;
    overflow:hidden;
    height:8px;
}

.poll_bar_fill{
    height:100%;
    background:linear-gradient(90deg,#7CFC00,#9cff57);
}

.poll_sidebar_meta{
    margin-top:10px;
    font-size:11px;
}

.poll_votes{
    color:#aaa;
}

.poll_voted{
    margin-top:4px;
    color:#AFEEEE;
    font-weight:bold;
}

.poll_table {
    width: 100%;
    border-collapse: collapse;
    background: #2e2e2e;
}

.poll_header {
    background: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    border-bottom: 2px solid #222;
}

.poll_row td {
    background: #2b2b2b;
    border: 1px solid #444;
    padding: 8px;
    vertical-align: middle;
}

.poll_answer {
    font-weight: bold;
}

.poll_result {
    text-align: right;
    font-size: 11px;
    white-space: nowrap;
}

.poll_bar_cell {
    width: 100%;
}

.poll_bar_wrapper {
    width: 100%;
    height: 12px;
    background: #1e1e1e;
    border: 1px solid #444;
    box-sizing: border-box;
}

.poll_bar_fill {
    height: 100%;
    background: #AFEEEE;
}


.poll_footer {
    background: #2b2b2b;
    border: 1px solid #444;
    text-align: center;
    padding: 10px;
}

.poll_footer .button, .poll_table input[type="submit"] {
    background: #AFEEEE;
    color: #000;
    border: none;
    padding: 6px 12px;
    font-weight: bold;
    cursor: pointer;
}

.poll_footer .button:hover, .poll_table input[type="submit"]:hover {
    background: #2ecc71;
}

.poll_archive_table {
    width: 100%;
    border-collapse: collapse;
    background: #2e2e2e;
}

.poll_archive_row td {
    padding: 8px 10px;
    border-bottom: 1px solid #444;
    background: #2b2b2b;
}

.poll_archive_row a {
    color: #f0f0f0;
    font-weight: bold;
}

.poll_archive_row a:hover {
    color: #AFEEEE;
}

.poll_archive_date, .poll_archive_votes {
    font-size: 11px;
    color: #aaa;
    text-align: right;
}

.navi2 .poll_sidebar {
    font-size: 11px;
    color: #f0f0f0;
}

.navi2 .poll_sidebar_answer {
    margin: 6px 0;
}

.navi2 .poll_bar_wrapper {
    height: 6px;
    border: 1px solid #333;
}

.navi2 .poll_bar_fill {
    height: 100%;
    background: #AFEEEE;
}

@media (max-width: 768px) {
    /* Nur alte Poll-GIFs ausblenden */ .navi2 img[src*="poll"], .navi2 img[src*="bar"] {
        display: none !important;
    }

    .navi2 .poll_sidebar {
        width: 100%;
        font-size: 11px;
    }

    .navi2 .poll_bar_wrapper {
        width: 100%;
        height: 6px;
        box-sizing: border-box;
    }
}

.gallery_sub, .gallery {
    border-collapse: separate;
    border-spacing: 10px;
}

.gallery_sub_td {
    background: #2b2b2b;
    border: 1px solid #444;
    padding: 6px;
}

.gallery td {
    background: #2b2b2b;
    padding: 5px;
}

.gallery img {
    max-width: 100%;
    height: auto;
    border: 2px solid #222;
}

.pages {
    font-size: 11px;
    color: #aaa;
    text-align: center;
}

.pages a {
    padding: 3px 6px;
    margin: 0 2px;
    background: #333;
    border: 1px solid #444;
    color: #f0f0f0;
    text-decoration: none;
}

.pages a:hover {
    background: #39ff14;
    color: #000;
}

.pages .selected {
    background: #39ff14;
    color: #000;
    font-weight: bold;
    border-color: #39ff14;
}


.livestream-link {
    position: relative;
}

.live-dot {
    display: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #39ff14;
    margin-left: 6px;
    vertical-align: middle;
    animation: liveBlink 1s infinite;
}

.live-dot.active {
    display: inline-block;
}

@keyframes liveBlink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

.navi1 .navi_header + .navi_content {
    padding-top: 12px;
}

.team_row td {
    vertical-align: middle;
    padding: 10px 8px;
}

.team_user {
    font-weight: 500;
}

.team_buddy {
    color: #39ff14;
    font-weight: bold;
}

.team_lastactive {
    text-align: center;
    font-size: 11px;
    color: #aaa;
}

.team_actions {
    text-align: center;
}

.team_icons {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.team_icons img {
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
}

.team_icons img:hover {
    opacity: 1;
    transform: scale(1.1);
}

.online_summary {
    margin-bottom: 10px;
    font-size: 12px;
    color: #ccc;
}

.online_row td {
    vertical-align: middle;
    padding: 10px 8px;
}

.online_user {
    font-weight: 500;
}

.online_buddy {
    color: #39ff14;
    font-weight: bold;
}

.online_lastactive {
    text-align: center;
    font-size: 11px;
    color: #aaa;
}

.online_actions {
    text-align: center;
}

.online_icons {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.online_icons img {
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
}

.online_icons img:hover {
    opacity: 1;
    transform: scale(1.1);
}

.userlist_summary {
    margin-bottom: 10px;
    font-size: 12px;
    color: #ccc;
}

.userlist_row td {
    vertical-align: middle;
    padding: 10px 8px;
}

.userlist_name {
    font-weight: 500;
}

.userlist_buddy {
    color: #39ff14;
    font-weight: bold;
}

.userlist_posts, .userlist_regdate {
    text-align: center;
    font-size: 11px;
    color: #aaa;
}

.userlist_actions_col {
    text-align: center;
}

.userlist_icons {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.userlist_icons img {
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
}

.userlist_icons img:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* =========================
 *   EQUIPMENT TABLE
 *   ========================= */
.equipment_table {
    border-collapse: collapse;
    background: #2b2b2b;
    margin-top: 10px;
}

.equipment_table td {
    padding: 10px;
    border: 1px solid #444;
    vertical-align: middle;
}

.equipment_table a {
    color: #39ff14;
    font-weight: bold;
    text-decoration: none;
}

.equipment_table a:hover {
    text-decoration: underline;
}

.downloads_category {
    border-collapse: separate;
}

.downloads_category_td {
    width: 320px;
    min-height: 1px;
    border: 1px solid #555;
    background: #2e2e2e;
    float: left;
    margin: 0 3px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    color: #f0f0f0;
}

/* Einzelne Artikel-Box */
.articles_list {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 15px;
    background: #2e2e2e;
    margin: 10px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    /* border-radius: 4px; */
}

.articles_list * {
    color: #f0f0f0 !important;
}

.articles_list a:link, .articles_list a:visited, .articles_list a:active {
    color: #f0f0f0 !important;
}

.articles_list a:hover {
    color: #FFA500 !important;
}

/* Titel */
.articles_title a {
    font-size: 16px;
    font-weight: bold;
    color: #f0f0f0;
    text-decoration: none;
}

.articles_title a:hover {
    text-decoration: underline;
}

/* Info unter Titel */
.articles_info {
    font-size: 11px;
    margin: 0 0 10px 0;
    color: #f0f0f0;
}

/* Footer */
.articles_footer {
    text-align: right;
    font-size: 11px;
    margin: 10px 0 0 0;
    color: #f0f0f0;
}

/* Beste / Top Artikel Boxen */
.articles_best, .downloads_best {
    width: 320px;
    min-height: 100px;
    border: 1px solid #555;
    background: #040404;
    float: left;
    margin: 0 3px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    color: #f0f0f0;
}

.articles_best_head, .downloads_best_head {
    font-size: 10px;
    font-weight: bold;
    padding: 4px 0 9px 3px;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(33, 33, 33, 1) 50%, rgba(33, 33, 33, 1) 100%);
    color: #f0f0f0;
}

.articles_best_content, .downloads_best_content {
    display: block;
    padding: 3px;
}

/* Galerie- und Bild-Teaser */
.articles_list img {
    float: left;
    margin: 0 10px 10px 0;
}

/* Datum-Kopf ausblenden */
.articles_datehead {
    display: none !important;
}

<style type="text/css"> <!-- .links_category {
    border-collapse: separate;
}

.links_category_td {
    border: 1px solid #DEDEDE;
    background: #FAFAFA;
    padding: 3px;
    vertical-align: top;
}

.links_best {
    width: 320px;
    min-height: 100px;
    border: 1px solid #555;
    background: #2e2e2e;
    float: left;
    margin: 0 3px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    color: #f0f0f0;
}

.links_best_head {
    color: #f2f2f2;
    font-size: 10px;
    font-weight: bold;
    background-image: url('design/header_box.gif');
    background-position: bottom;
    padding: 4px 0px 9px 3px;
}

.links_best_content {
    padding: 3px;
}

textarea, input {
    padding: 2px 2px;
    font: 13px "Segoe UI", Tahoma, sans-serif;
    color: #FAFAFA !important;
    background-color: #000000;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(100, 100, 100, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
    resize: vertical;
    transition: all 0.2s ease;
}

textarea:focus, input:focus {
    outline: none;
    border-color: #2196F3;
    box-shadow: 0 0 0 1px rgba(33, 150, 243, 0.5) inset, 0 0 8px rgba(33, 150, 243, 0.4);
    background: #090909