body { color:#646464; background:#f9f9f9; }


:root {
    --hybridmag-color-primary: #eb5722;
}


::-moz-selection { background:#eb5722 none repeat scroll 0 0; color:white; }
::selection { background:#eb5722 none repeat scroll 0 0; color:white; }



/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/
/* Header
--------------------------------------------- */


.site-header,
.hm-h-de .site-header,
.hm-h-lg .site-header {
    background-color: #2f2f2f /*!important;*/
}


.site-header a, 
.site-header .hm-search-toggle, 
.site-header .main-navigation a,
.site-header .site-title a {
    color: #ffffff /*!important;*/
}

.site-header .main-navigation a,
.site-header .hm-search-toggle,
.site-header .hm-mobile-menu-toggle,
.site-header .hm-slideout-toggle {
    color: #a7a7a7
}


.site-header .main-navigation a:hover,
.site-header .main-navigation li:hover > a,
.site-header .main-navigation .current_page_item > a,
.site-header .main-navigation .current-menu-item > a,
.site-header .hm-search-toggle:hover,
.site-header .hm-mobile-menu-toggle:hover,
.site-header .hm-slideout-toggle:hover {
    color: #ffffff !important;
}


.site-header .main-navigation a::after {
    content: " //";
    margin-left: 4px;
    color: inherit;
}



.site-header .hm-cta-btn {
    display: none !important;
}

/* Blendet den Dark-Mode-Umschalter (Mond/Sonne-Icon) im Header aus */
.site-header .hm-light-dark-switch,
.site-header .hm-light-dark-toggle {
    display: none !important;
}

/*.hm-slideout .custom-logo-link,
.hm-slideout-sidebar .custom-logo-link,
.hm-slideout .site-branding,
.hm-slideout-sidebar .site-branding {
    display: none !important;
}*/



/*Side bar */

/* Hide the title inside the Latest Posts sidebar widget block */


/* 1. Titel und Original-Bilder in BEIDEN Blöcken weiterhin strikt ausblenden */
#block-15 .wp-block-latest-posts__post-title,
#block-21 .wp-block-latest-posts__post-title,
#block-15 ul li a,
#block-21 ul li a,
#block-15 .wp-block-latest-posts__post-full-content figure,
#block-21 .wp-block-latest-posts__post-full-content figure,
#block-15 img,
#block-21 img {
    display: none !important;
}

#block-15 {
    background-color: #f2f2f2 !important; /* Hellgrauer Hintergrund */
    border: 1px solid #e0e0e0 !important; /* Subtiler Außenrahmen */
    padding: 20px !important;              /* Innenabstand für den Inhalt */
    border-radius: 0px !important;         /* Leicht abgerundete Ecken */
    box-sizing: border-box !important;
}

#block-15 .wp-block-latest-posts__post-full-content p {
    font-size: 17px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    margin: 0 !important;
}

/* ==========================================
   EXKLUSIVES STYLING NUR FÜR BLOCK 21 
   ========================================== */

/* 2. Grauer Container für das "Did you know?"-Widget */
#block-21 {
    background-color: #f2f2f2 !important; /* Hellgrauer Hintergrund */
    border: 1px solid #e0e0e0 !important; /* Subtiler Außenrahmen */
    padding: 20px !important;              /* Innenabstand für den Inhalt */
    border-radius: 0px !important;         /* Leicht abgerundete Ecken */
    box-sizing: border-box !important;
}

/* 3. Überschrift "Did you know?" und Glühbirnen-Icon hinzufügen */
#block-21 ul.wp-block-latest-posts__list::before {
    content: "Did you know?";
    display: block !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #1a1a1a !important;
    margin-bottom: 15px !important;
    
    /* Platzierung für das PNG-Icon links neben dem Text */
    padding-left: 42px !important; 
    background-image: url('/wordpress/wp-content/uploads/2026/10/did_you_know@2x.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 40px auto !important; /* Größe deines Glühbirnen-PNGs */
    line-height: 40px !important;
}

/* 4. Textformatierung innerhalb von Block 21 optimieren */
#block-21 .wp-block-latest-posts__post-full-content p {
    font-size: 17px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    margin: 0 !important;
}

/* Side bar end */

/*Footer*/


.hm-footer-widget-area {
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
}

.hm-footer-widget-area .widget {
    margin: 0 0 15px;      /* statt 35px */
}
.hm-footer-widget-area .widget:first-of-type {
    margin: 0 0 15px;       /* statt 50px */
}

/* Falls du das Logo mittig statt in einer Spalte willst */
.hm-footer-widget-area .widget img {
    display: block;
    margin: 0 auto;
}

/* Dunkle Bottom-Bar - gleiche Farbe wie dein Header */
.hm-footer-bottom {
    background-color: #2f2f2f;
}

.hm-footer-bottom-content {
    border-top: none;
    font-size: 0.85rem;
    color: #a7a7a7;
    padding: 4px 0;   /* kleinerer Wert = flachere Box */
}

/* "Privacy Policy" & andere Links in der Zeile: fett + weiß */
.hm-footer-bottom-content a {
    color: #ffffff;
    font-weight: 700;
}

/* Falls du die "Powered by WordPress and HybridMag"-Zeile
   wie im Screenshot nicht zeigen willst: */
.hm-designer-credit {
    display: none;
}