/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns
Version: 4.0.1789665886
Updated: 2026-09-17 19:24:46
*/

/*
 Theme Name:   Twenty Seventeen Child
 Description:  Mein Child Theme für Twenty Seventeen
 Author:       Ihr Name
 Template:     twentyseventeen
 Version:      1.0.0
*/

/* 1. DIE MENÜLEISTE (BLICKDICHT) */
.navigation-top {
    background: #ffffff !important; 
    border-top: none !important;
    box-shadow: none !important;    
}

/* 2. HAUPTMENÜ & SUBMENÜ - NORMALZUSTAND */
.main-navigation a,
.main-navigation li,
.main-navigation ul ul,
.main-navigation ul ul li {
    font-size: 13px !important;
    letter-spacing: 0.15em;
    color: #444444 !important;
    background: transparent !important;
}

/* 3. HOVER-EFFEKT FÜR ALLE MENÜEBENEN */
.main-navigation li:hover,
.main-navigation li:hover > a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a {
    color: #dd1313 !important;
    background: transparent !important;
}

.main-navigation ul ul {
    background: #ffffff !important;
}

/* 4. WIDGETS RECHTS TEXT & HOVER */
.widget-area .widget,
.widget-area .widget p, 
.widget-area .widget ul li,
.widget-area .widget a {
    font-size: 13px !important;
    line-height: 1.6;
    color: #666666 !important; 
}

.widget-area .widget a:hover {
    color: #dd1313 !important; 
    background: transparent !important;
}

/* 5. WIDGET-ÜBERSCHRIFTEN */
.widget-area .widget-title {
    font-size: 12px !important;
    color: #555555 !important; 
}


/* Hebt alle übergeordneten Menüpunkte (die Kette) farblich hervor */
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current-menu-parent > a,
.main-navigation ul li.current-menu-item > a {
    color: #dd1313 !important; /* Ersetzen Sie dies mit Ihrer Wunschfarbe */
}


/* Komfort-Menü für Twenty Seventeen: Verzögert beim Öffnen UND Schließen + schöner Schatten */
@media screen and (min-width: 48em) {
    .main-navigation ul ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
        
        /* Eleganter Schatten */
        box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
        
        /* VERZÖGERUNG BEIM SCHLIESSEN: Wartet 0.5s, bevor es ausgeblendet wird */
        transition: opacity 0.2s ease-in-out 0.6s, visibility 0.2s ease-in-out 0.6s;
    }

    /* Zustand beim Drüberfahren (Hover) */
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        visibility: visible;
        opacity: 1;
        
        /* VERZÖGERUNG BEIM ÖFFNEN: Wartet 0.4s, bevor es eingeblendet wird */
        transition: opacity 0.2s ease-in-out 0.3s, visibility 0.2s ease-in-out 0.3s;
    }
}

/* Widget-Überschriften auf Semibold (halbfett) setzen */
.widget-title {
    font-weight: 600 !important; /* 600 = Semibold, 500 = Medium */
}

/* Entfernt den Rahmen beim Klicken mit der Maus */
a:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none; /* Twenty Seventeen nutzt oft Box-Shadows statt Outline */
}

p { font-size: 13px; }
h2 { font-size: 19px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

/*Footer Hoehe*/
footer .widget {
padding-bottom: 0px !important;
}
.site-footer .widget-area {
padding-bottom: 0px !important;
padding-top: 0px !important;
}

/*For Content*/
.has-sidebar:not(.error404) #primary {
width: 66%
}

/*For Sidebar*/
.has-sidebar #secondary {
width: 28%
}

/*Listen einruecken*/
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1.2em;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
}

/*
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1.2em;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
}
*/



/* Schriftgröße für den "Continue reading"-Link in Twenty Seventeen verkleinern */
.more-link, 
a.more-link {
    font-size: 13px !important; /* !important stellt sicher, dass das Theme die Größe erzwingt */
    font-weight: normal; /* Optional: Macht den Text schlanker */
}