/* page.css - Triebi.de 2006 Retro Stylesheet */
body {
    background-color: #111111;
    background-image: url(hintergrund.jpg);
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#root {
    width: 980px;
    margin: 0 auto;
    background-color: transparent;
}

#banner {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

#links {
    float: left;
    width: 170px;
}

#mitte {
    float: left;
    width: 610px;
    padding: 0 15px;
    box-sizing: border-box;
}

#rechts {
    float: left;
    width: 170px;
}

a {
    color: #0099FF;
    text-decoration: none;
}

a:hover {
    color: #FFFF00;
    text-decoration: underline;
}

/* Compatibility helpers for subpages in 2006 mode */
.card, article.card {
    background: #000000;
    border: 1px solid #122138;
    padding: 10px;
    margin-bottom: 15px;
}
.card-header, .card-body, .card-footer {
    padding: 5px 0;
}
.card-title {
    color: #FFFF00;
    margin: 0 0 5px 0;
}
.btn, button {
    font-family: Verdana, Arial, sans-serif;
    cursor: pointer;
}
.btn-sm, .btn-cyan, .btn-yellow {
    background: #000088;
    color: #FFFF00;
    border: 1px solid #FFFF00;
    padding: 3px 8px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
}
.btn-cyan:hover, .btn-yellow:hover {
    background: #0000CC;
    color: #FFFFFF;
}
.page-title {
    background: #122138;
    color: #FFFF00;
    padding: 8px 12px;
    margin-bottom: 15px;
    font-weight: bold;
    border: 1px solid #0000FF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cat-badge {
    background: #000000;
    color: #00FF00;
    padding: 2px 6px;
    border: 1px solid #00FF00;
    font-size: 10px;
}
.gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.gallery-grid .card {
    flex: 1 1 250px;
}
.form-control, input[type="text"], input[type="password"], textarea, select {
    background: #000000;
    color: #FFFFFF;
    border: 1px solid #0000FF;
    padding: 4px;
    font-family: Verdana, Arial, sans-serif;
}