/*
Theme Name: Twenty Eleven Child
Template: twentyeleven
Version: 1.0
*/


/* Untertitel-Menü unter "radblog" */
#subtitle-menu {
    width: 100%;
    clear: both;
    text-align: center;
    margin: 0 auto;
    padding: 4px 0 8px;
}

#subtitle-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#subtitle-menu li {
    display: inline-block;
    margin: 0 10px;
}

#subtitle-menu a {
    color: #111;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.5;
    text-decoration: none;
}

/* Mobil: Menüpunkte untereinander */
@media (max-width: 650px) {
    #subtitle-menu li {
        display: block;
        margin: 4px 0;
    }
}

/* Cremefarbener Seitenhintergrund */
#page {
    background: #FBFAF3 !important;
}

/* Hauptmenü unter dem Headerbild */
#access {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#access ul,
#access div {
    border: 0 !important;
}

#access a {
    color: #111111 !important;
    font-family: Manrope, sans-serif !important;
    font-size: 18px;
    font-weight: 400;
}

/* Footer cremefarben */
#colophon,
#site-generator {
    background-color: #FBFAF3 !important;
}

/* Mehr Hintergrund unterhalb des Footers sichtbar */
#page {
    margin-bottom: 500px !important;
}

/* radblog etwas weiter nach oben */
#site-title {
    margin-top: -35px !important;
}

/* Suchfeld etwas weiter nach oben */
#branding #searchform {
    margin-top: -35px !important;
}

/* Mobil: Suchfeld und radblog positionieren */
@media (max-width: 650px) {
    #branding #searchform {
        margin-top: 15px !important;
    }

    #site-title {
        margin-top: -10px !important;
    }
}


    


/* Footer wie auf siegfriedtrapp.de */

#colophon {
    background: #fbfaf3;
    border: 0;
    margin: 0;
    padding: 0;
}

#st-footer {
    max-width: 1370px;
    margin: 0 auto;
    padding: 45px 55px 35px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
}

.st-footer-left img {
    display: block;
    width: 35px;
    height: auto;
}

.st-footer-right {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 325px;
}

.st-footer-right a {
    font-size: 18px;
    line-height: 1.4;
    color: #222;
    text-decoration: none;
}

.st-footer-right a:hover {
    text-decoration: underline;
}

/* Mobil */
@media screen and (max-width: 650px) {

    #st-footer {
        padding: 30px 25px;
        flex-direction: column;
        gap: 30px;
    }

    .st-footer-right {
        min-width: 0;
        gap: 14px;
    }
}