/*
 Theme Name:   Blogrid Child
 Description:  Mein angepasstes Blogrid Theme
 Author:       Jonas Hofer
 Template:     blogrid
 Version:      1.0.0
*/

/* ==========================================================================
   BLOGRID CUSTOM ANPASSUNGEN (Aus Version 2.5)
   ========================================================================== */

/* --- 1. Globale Farben & Links --- */
a { 
    color: #CD3B3C; 
    text-decoration: none; 
}
a:hover { 
    color: #d5ad35; 
}

/* Rote Hintergrundfarbe für Menüs */
#smobile-menu, 
.super-menu, 
.primary-menu .pmenu, 
.top-nav-wrapper { 
    background-color: #CD3B3C !important; 
}
.primary-menu ul li ul.children,
.primary-menu ul li ul.sub-menu,
.primary-menu ul li ul {
    background: rgba(39, 39, 39, 0.9) !important;
}
.sub-menu a { color: #fff !important; }
.sub-menu a:hover { color: #CD3B3C !important; }

/* --- 2. Layout & Header Anpassungen --- */
.featured-content { width: 100%; }
.center-main-menu { max-width: 60%; padding-top: 27px; padding-right: 0px; }
.logofont { top: 44%; position: absolute; padding-left: 10px; color: #000; }
a.logofont:hover { color: #000; }
.logo-container .logofont,
.logo-container a.custom-logo-link { margin-top: 0px; }

/* --- 3. Mobile Header Anpassungen --- */
@media (max-width: 1023px) {
    .custom-logo { height: 50px; width: auto; }
    a.custom-logo-link,
    .super-menu-inner a.logofont { margin-top: 0px; }
    .super-menu.clearfix { margin-top: 0; z-index: 1; position: relative; } /* <-- Hier auf 0 setzen! */
    .primary-menu a#pull { float: left; width: 100%; }
}

/* --- 4. Eigene Custom-Elemente --- */
a.read-more-btn span { margin-left: 5px; }
a.read-more-btn {
    background: #CD3B3C;
    padding: 12px 20px;
    transition: all 0.4s;
    line-height: 1;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    position: inherit;
    bottom: 30px;
    left: 30px;
    border-radius: 3px;
    margin-top: 7px;
}
.socials {
    background-color: #CD3B3C;
    width: 30px;
    min-height: 40px;
    z-index: 10;
    position: fixed;
    display: block;
    top: 50%;
    right: 0;
    border-radius: 10px 0px 0px 10px;
}
.login {
    margin-top: 26px;
    float: right;
    z-index: 10;
    width: 95px;
}
@media (max-width: 1023px) {
    .login { float: left; }
} /* <--- Diese Klammer hat gefehlt! */

/* --- Logo-Grösse fixieren --- */
.custom-logo, 
.logo-container .custom-logo-link img {
    max-height: 75px !important; 
    width: auto;
}