/******************
   User custom CSS
******************/

/* =========================
   HEADER: Wappen (Navbar Brand)
   ========================= */

/* Wenn das Theme eine Navbar/Brand hat, ersetze das Logo durch Wappen */
.navbar-brand img {
    content: url('../files/Wappen.jpg');
    max-height: 70px;
    width: auto;
    height: auto;
}

.navbar-brand {
    padding-left: 10px;
}

/* kleinen Text neben/unter dem Brand ausblenden */
.navbar .text-muted,
.navbar small {
    display: none !important;
}


/* =========================
   STARTSEITE (Survey-Liste): Layout/Typo
   Voraussetzung: Titel kommt aus dem Template (aSurveyInfo.sSiteName)
   ========================= */

/* Gesamtbereich etwas nach oben/zentriert wirken lassen */
#surveylist-jumbotron,
#surveylist-container,
.survey-list,
#surveylist {
    text-align: center;
}

/* Der Seitentitel (SiteName / Stadt Colditz – Bürgerbeteiligung) */
#surveylist-jumbotron .h3,
#surveylist-jumbotron .text-center.h3,
.survey-list h1,
.survey-list h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 30px 0 12px 0;
}

/* Untertitel "Aktuelle Umfragen" (den haben wir im Twig eingefügt) */
#surveylist-jumbotron .h5,
#surveylist-jumbotron .text-center.h5,
.survey-list .h5 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 22px 0;
    color: #333;
}

/* Button-Liste etwas kompakter und mittig */
.survey-list ul,
#surveylist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    padding-left: 0;
    margin: 0 auto 20px auto;
}

.survey-list li,
#surveylist li {
    list-style: none;
}

/* Button etwas größer */
.survey-list a.btn,
#surveylist a.btn {
    min-width: 420px;
    max-width: 720px;
    padding: 10px 16px;
}


/* =========================
   ZENTRALES LIMESURVEY-LOGO AUSBLENDEN
   ========================= */

/* große Logos/Welcome-Bilder */
.ls-survey-logo,
.survey-welcome img,
img[alt*="LimeSurvey"],
img[aria-label*="LimeSurvey"] {
    display: none !important;
}


/* =========================
   FOOTER KOMPLETT AUSBLENDEN
   ========================= */

#poweredby,
#poweredby *,
.ls-footer,
.ls-footer *,
.footer,
.footer *,
footer,
footer * {
    display: none !important;
}