/* =====================================
   phpBB3 Heimwerker Style – FIXED VERSION
===================================== */

/* ===== Imports ===== */
@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");

/* =====================================
   GLOBAL
===================================== */
body {
    background: #e5e5e5 url("./images/5.png");
    font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
}

/* =====================================
   HEADER
===================================== */
.headerbar {
    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
                url("./images/wood-pattern.png");
    background-color: #7a4f2b;
    border-bottom: 4px solid #5a3a1a;
    border-radius: 0 0 8px 8px;
}

.site_logo {
    background-image: url("./images/logo.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
}

/* =====================================
   NAVIGATION
===================================== */
.navbar {
    background: #2f2f2f;
    border-radius: 8px;
    margin: 10px 0;
}

.navbar a {
    color: #fff !important;
}

.navbar a:hover {
    background: #555;
    color: #ffd966 !important;
}

/* =====================================
   KATEGORIEN BOXEN
===================================== */
.forabg, .forumbg {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

/* Header BASIS (nur einmal!) */
.forabg .header,
.forumbg .header {
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-weight: bold;
    padding: 14px 18px;
    border-bottom: 3px solid rgba(0,0,0,0.2);
    font-size: 1.2em;
    letter-spacing: 0.5px;
    background-repeat: repeat;
    background-size: auto;
}

/* =====================================
   KATEGORIEN – PREMIUM (TEXT + ICONS + HOVER)
===================================== */

/* Basis-Styling für alle Kategorie-Header */
.forabg .header {
    position: relative;
    padding: 18px 20px 18px 48px !important; /* Mehr Platz für Text + Icon */
    font-size: 1.4em !important;           /* Größer */
    font-weight: 800 !important;            /* Dicker */
    letter-spacing: 0.8px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); /* Tiefer Schatten */
    
    /* Smooth Übergang für Hover */
    transition: all 0.25s ease;
}

/* Hover-Effekt: Titel leicht vergrößern + Schatten intensivieren */
.forabg:hover .header {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
}

/* ===== ICONS (Font Awesome) ===== */
.forabg .header::before {
    font-family: "FontAwesome";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.3em;
    font-weight: normal;
    transition: all 0.25s ease;
}

/* Icon-Hover: drehen + vergrößern */
.forabg:hover .header::before {
    transform: translateY(-50%) scale(1.15) rotate(5deg);
}

/* ===== Kategorie ID 5 (WILLKOMMEN) ===== */
.forabg.cat-5 .header {
    background-image:
        linear-gradient(rgba(255,255,255,0.15), rgba(255,255,255,0.15)),
        url("./images/wood-pattern.png");
    background-color: #7a4f2b;
    color: #2c2c2c;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}
.forabg.cat-5 .header::before {
    content: "\f0a9"; /* Hand-Zeigend */
    color: #2c2c2c;
}

/* ===== Kategorie ID 1 (PROJEKTE & TUTORIALS) ===== */
.forabg.cat-1 .header {
    background-image:
        linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)),
        url("./images/diagmonds-light.png");
    background-color: #8B5A2B;
    color: #fff;
}
.forabg.cat-1 .header::before {
    content: "\f0ad"; /* Wrench / Werkzeug */
    color: #fff;
}

/* ===== Kategorie ID 10 (FRAGEN & HILFE) ===== */
.forabg.cat-10 .header {
    background-image:
        linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
        url("./images/diagmonds.png");
    background-color: #2d6ca2;
    color: #fff;
}
.forabg.cat-10 .header::before {
    content: "\f059"; /* Fragezeichen-Kreis */
    color: #fff;
}

/* ===== Kategorie ID 13 (REGIONALE COMMUNITY) ===== */
.forabg.cat-13 .header {
    background-image:
        linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
        url("./images/green-dust-and-scratches.png");
    background-color: #3c8c3c;
    color: #fff;
}
.forabg.cat-13 .header::before {
    content: "\f041"; /* Pin / Ort */
    color: #fff;
}

/* ===== Kategorie ID 16 (GALERIE / MEDIEN) ===== */
.forabg.cat-16 .header {
    background-image:
        linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2)),
        url("./images/asfalt-dark.png");
    background-color: #FEFA81;
    background-repeat: repeat;
    background-size: auto;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.forabg.cat-16 .header::before {
    content: "\f03e"; /* Kamera / Galerie */
    color: #fff;
}

/* ===== Kategorie ID 22 (OFF-TOPIC / COMMUNITY) ===== */
.forabg.cat-22 .header {
    background-image:
        linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2)),
        url("./images/45-degree-fabric-light.png");
    background-color: #8b5a2b;
    color: #fff;
}
.forabg.cat-22 .header::before {
    content: "\f086"; /* Sprechblasen / Chat */
    color: #fff;
}

/* =====================================
   LISTEN
===================================== */
ul.topiclist li {
    border-bottom: 1px solid #e0e0e0;
}

ul.topiclist li:nth-child(even) {
    background-color: #f8f8f8;
}

/* =====================================
   POSTS
===================================== */
.post {
    background: #f9fafc;
    border-radius: 12px;
    padding: 18px;
    margin-bottom: 15px;
}

/* =====================================
   BUTTONS
===================================== */
.button1 {
    background: #2d6ca2;
    color: #fff;
}

.button2 {
    background: #e67e22;
    color: #fff;
}

/* =====================================
   FOOTER
===================================== */
#page-footer {
    margin-top: 30px;
    padding: 20px 0;
}

/* =====================================
   WRAP
===================================== */
.wrap {
    background-color: #E8DBCE;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

/* =====================================
   BEITRÄGE – HINTERGRUND KORRIGIEREN (ONLINE-BILD ENTFERNEN)
===================================== */

/* Entfernt das Online-Bild aus allen Beitragsbereichen */
.post,
.postprofile,
.postbody,
.content,
.inner,
.signature,
.online {
    background-image: none !important;
}

/* Setzt die richtigen Hintergrundfarben */
.post {
    background: #f9fafc !important;
    border-radius: 12px;
    padding: 18px;
    margin-bottom: 15px;
    border: 1px solid #e5e9f0;
}

/* Abwechselnde Beitragsfarben */
.post:nth-child(even) {
    background: #f5f7fb !important;
}

/* Hover-Effekt */
.post:hover {
    background: #ffffff !important;
}

/* Profilbereich im Beitrag */
.postprofile {
    background: #eef2f7 !important;
    border-radius: 10px;
    padding: 12px;
}

/* Online-Status als Punkt (statt Bild) */
.online {
    background-image: none !important;
}

.postprofile.online::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #2ecc71;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    right: 12px;
    box-shadow: 0 0 0 2px #fff;
}

/* Signatur */
.signature {
    background: transparent !important;
    background-image: none !important;
    border-top: 1px solid #e0e0e0;
    margin-top: 15px;
    padding-top: 8px;
    font-size: 0.85em;
    color: #777;
}

/* =====================================
   KATEGORIEN-NAMEN – GRÖSSER & DICKER
===================================== */

/* Nur die Kategorie-Titel (Links) vergrößern */
.forabg .header a {
    font-size: 1.5em !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px;
    text-decoration: none;
}

/* Optional: Hover-Effekt für die Titel */
.forabg .header a:hover {
    text-decoration: underline;
    opacity: 0.95;
}