/* LaLegion */
.site_logo {
	background-image: url("./images/site_logo.jpg");
	display: inline-block;
/* Die folgenden zwei Linien auskommentiert am 18 Mai */
/*	padding-left: 240px;
	padding-top: 60px; */
}

.headerbar {
	background-image: url("./images/bg_header.gif");
	height: 82px;
}

.forabg {
	background-image: url("./images/bg_list.gif");
}

.forumbg {
	background-image: url("./images/bg_list.gif");
}

.site_logo {
        display: inline-block;
        width: 240px;
        height: 60px;
}

h1 {
        /* Forum name */
        margin-right: 200px;
        margin-top: 6px;
}


.icon-appfoto				{ background-image: url("./images/icon_appfoto.gif"); }
.icon-fb					{ background-image: url("./images/icon_fb.gif"); }
.icon-lalegionde			{ background-image: url("./images/icon_lalegionde.gif"); }
.icon-picture				{ background-image: url("./images/icon_picture.gif"); }
.icon-tv					{ background-image: url("./images/icon_tv.gif"); }
.icon-upload                                        { background-image: url("./images/icon_upload.gif"); }

/* LaLegion 2026 */

@media (max-width: 768px) {

    .headerbar {
        height: auto;
        min-height: 82px;
    }

    #site-description {
        text-align: center;
    }

    .site_logo {
        display: block;
        width: 240px;
        height: 60px;
        margin: 0 auto 10px auto;
        float: none;
    }

    h1 {
        margin: 0;
        text-align: center;
        font-size: 1.6em;
    }

    #site-description p {
        text-align: center;
    }
}

@media (max-width: 768px) {

    #wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    body {
        font-size: 16px;
    }

    .forumtitle {
        font-size: 1.15em;
        font-weight: bold;
    }

    .responsive-hide {
        display: none !important;
    }

    .headerbar {
        padding: 8px;
    }

    #site-description p {
        font-size: 0.95em;
    }

    .forabg .inner,
    .forumbg .inner {
        padding: 6px;
    }
}

@media (max-width: 768px) {
    .wrap,
    #wrap {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* iPhone XR / mobile width fix */
@media only screen and (max-width: 768px) {
    html, body {
        min-width: 0 !important;
        width: 100% !important;
    }

    body #wrap.wrap,
    body .wrap {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}

/* Prevent forum text overflow on mobile */
@media (max-width: 768px) {
    .forabg,
    .forumbg,
    .topiclist,
    .topiclist li,
    .row,
    .row dl,
    .row dt,
    .row dd,
    .list-inner {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .list-inner {
        padding-right: 4px !important;
    }

    .topiclist.forums dt {
        margin-right: 0 !important;
        width: auto !important;
    }

    .topiclist.forums dd {
        display: none !important;
    }
}

/* Reduce forum row padding on mobile */
@media (max-width: 768px) {
    .topiclist.forums .list-inner,
    .topiclist.forums dl.icon dt .list-inner,
    .topiclist.forums dl.row-item dt .list-inner {
        padding-left: 38px !important;
        padding-right: 8px !important;
    }

    .row-item:before {
        left: 8px !important;
    }
}

/* Mobile top navigation cleanup */
@media (max-width: 768px) {
    .navbar {
        padding: 4px 8px !important;
    }

    .navbar .inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
    }

    .linklist {
        font-size: 0.9em !important;
    }

    .linklist > li {
        margin: 0 3px !important;
    }

    .header-avatar img {
        width: 24px !important;
        height: 24px !important;
    }

    .username {
        max-width: 90px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
}

/* Compact mobile header */
@media (max-width: 768px) {

    .headerbar {
        min-height: 60px !important;
        height: 60px !important;
        padding: 0 !important;
    }

    .site_logo {
        width: 160px !important;
        height: 40px !important;
        margin: 4px auto !important;
        background-size: contain !important;
    }

    h1 {
        font-size: 1.3em !important;
        margin: 0 !important;
        padding-top: 4px !important;
    }

    #site-description p {
        display: none !important;
    }

    #site-description {
        min-height: auto !important;
    }
}

/* Compact mobile header */
@media (max-width: 768px) {

    .headerbar {
        min-height: 60px !important;
        height: 60px !important;
        padding: 0 !important;
    }

    .site_logo {
        width: 160px !important;
        height: 40px !important;
        margin: 4px auto !important;
        background-size: contain !important;
    }

    h1 {
        font-size: 1.3em !important;
        margin: 0 !important;
        padding-top: 4px !important;
    }

    #site-description p {
        display: none !important;
    }

    #site-description {
        min-height: auto !important;
    }
}

/* FORCE compact header mobile */
@media only screen and (max-width: 768px) {
    body.section-index .headerbar,
    body .headerbar {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 0 !important;
        overflow: hidden !important;
        background-size: 100% 58px !important;
    }

    body #site-description {
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body #site-description h1 {
        line-height: 58px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .headerbar {
        background-image: url("./images/bg_header_mobile.gif") !important;
    }
}

@media (max-width: 768px) {
    .headerbar {
        background-image: url("./images/bg_header_mobile.gif") !important;
        height: 25px !important;
    }
}

@media (max-width: 768px) {

    .forabg,
    .forumbg {
        padding: 1px !important;
    }

    .forabg .inner,
    .forumbg .inner {
        margin: 0 !important;
        padding: 1px !important;
    }
}

/* Mobile menu cleanup */
@media (max-width: 768px) {

    a[title="FAQ"] ,
    .icon-lalegionde,
    .icon-appfoto,
    .icon-tv {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .mobile-hide-faq {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .responsive-search {
        display: none !important;
    }
}

@media (max-width: 768px) {

    .topiclist.forums .list-inner,
    .topiclist.forums dl.row-item dt .list-inner {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

@media (max-width: 768px) {

    .topiclist.forums .list-inner,
    .topiclist.forums dl.icon dt .list-inner,
    .topiclist.forums dl.row-item dt .list-inner {
        padding-left: 42px !important;
        padding-right: 10px !important;
    }

    .row-item:before {
        left: 8px !important;
    }
}

@media (max-width: 768px) {
    .topiclist.forums dl.row-item dt .list-inner {
        padding-left: 48px !important;
        padding-right: 12px !important;
    }

    .row-item:before {
        left: 12px !important;
    }
}

/* Mobile: clean left/right forum row spacing */
@media (max-width: 550px) {
    ul.topiclist.forums dl.row-item dt .list-inner {
        padding-left: 50px !important;
        padding-right: 16px !important;
    }

    ul.topiclist.forums dl.row-item {
        background-position: 12px 50% !important;
    }

    ul.topiclist.forums li.row {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

@media (max-width: 768px) {
    ul.topiclist.forums li.row {
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 768px) {
    .forabg,
    .forumbg {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
}

@media (max-width: 768px) {

    body {
        font-size: 12px !important;
    }

    a.forumtitle {
        font-size: 1.0em !important;
    }

    .row-item,
    .row-item .responsive-show,
    .forabg,
    .forumbg {
        font-size: 0.95em !important;
    }
}

@media (max-width: 768px) {

    body {
        font-size: 13px !important;
    }

    a.forumtitle {
        font-size: 1.1em !important;
    }

    .forum-description,
    .row-item,
    .forabg,
    .forumbg {
        font-size: 1em !important;
    }
}

@media (max-width: 768px) {

    a.forumtitle {
        text-decoration: underline !important;
        font-weight: bold !important;
    }
}