/* Hintergrund Header */
#branding,
#logo-wrap,
#site-logo {
    background: #f6f3ef !important;
}

/* Logo / Header */
#logo-wrap,
#site-logo {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    clear: both !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

#logo-wrap {
    padding-top: 12px !important;
    padding-bottom: 16px !important;
}

#site-logo .custom-logo-link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
}

#site-logo img.custom-logo {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 620px !important;
    width: 58vw !important;
    height: auto !important;
}

/* Menüleiste */
#access,
#site-navigation,
#access .menu,
#site-navigation .menu {
    background: #adb089 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Menüpunkte allgemein */
#access a,
#site-navigation a,
#access .menu a,
#site-navigation .menu a {
    color: #ffffff !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

/* Trennlinien entfernen */
#access li,
#site-navigation li,
#access .menu li,
#site-navigation .menu li {
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

/* Hauptmenü etwas ruhiger */
#access > ul > li > a,
#access > div > ul > li > a,
#site-navigation > ul > li > a,
#site-navigation > div > ul > li > a,
#access .menu > li > a,
#site-navigation .menu > li > a {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Hover / aktiver Menüpunkt */
#access ul li:hover > a,
#access ul li.current-menu-item > a,
#access ul li.current_page_item > a,
#site-navigation ul li:hover > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current_page_item > a {
    background: #8f946d !important;
    color: #ffffff !important;
}

/* Untermenüs */
#access ul ul,
#site-navigation ul ul {
    background: #adb089 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Untermenü-Links */
#access ul ul a,
#site-navigation ul ul a {
    color: #ffffff !important;
    background: #adb089 !important;
    text-shadow: none !important;
}

/* Untermenü-Hover */
#access ul ul a:hover,
#site-navigation ul ul a:hover {
    background: #8f946d !important;
    color: #ffffff !important;
}

/* Inhaltsbereich / Karten */
#main,
#page,
.site-main {
    background: #4b5635 !important;
}

/* Hauptinhalt und Seitenleisten-Boxen als Karten */
#primary,
#content,
#secondary .widget,
.widget-area .widget,
#secondary .widget_nav_menu,
.widget-area .widget_nav_menu {
    background: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
    border: none !important;
    box-sizing: border-box !important;
}

/* Innenabstand Hauptinhalt */
#content,
.entry-content,
.hentry {
    padding: 28px !important;
}

/* Innenabstand Seitenleisten-Boxen */
#secondary .widget,
.widget-area .widget,
#secondary .widget_nav_menu,
.widget-area .widget_nav_menu {
    padding: 26px !important;
}

/* Sidebar / Aktuelles */
#secondary .widget_nav_menu ul,
.widget-area .widget_nav_menu ul,
#secondary .menu,
.widget-area .menu {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sidebar-Listenelemente */
#secondary .widget_nav_menu li,
.widget-area .widget_nav_menu li,
#secondary .menu li,
.widget-area .menu li {
    background: transparent !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hauptpunkte in der Sidebar */
#secondary .widget_nav_menu > div > ul > li,
.widget-area .widget_nav_menu > div > ul > li,
#secondary .widget_nav_menu > ul > li,
.widget-area .widget_nav_menu > ul > li {
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(79, 93, 55, 0.16) !important;
}

/* Letzter Hauptpunkt ohne Linie */
#secondary .widget_nav_menu > div > ul > li:last-child,
.widget-area .widget_nav_menu > div > ul > li:last-child,
#secondary .widget_nav_menu > ul > li:last-child,
.widget-area .widget_nav_menu > ul > li:last-child {
    border-bottom: none !important;
}

/* Sidebar-Menü-Links */
#secondary .widget_nav_menu a,
.widget-area .widget_nav_menu a,
#secondary .menu a,
.widget-area .menu a {
    display: block !important;
    background: transparent !important;
    color: #4f5d37 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    padding: 4px 0 !important;
    line-height: 1.35 !important;
}

/* Hauptlinks etwas kräftiger */
#secondary .widget_nav_menu > div > ul > li > a,
.widget-area .widget_nav_menu > div > ul > li > a,
#secondary .widget_nav_menu > ul > li > a,
.widget-area .widget_nav_menu > ul > li > a {
    font-weight: 600 !important;
}

/* Unterpunkte in der Sidebar */
#secondary .widget_nav_menu ul ul,
.widget-area .widget_nav_menu ul ul,
#secondary .menu ul,
.widget-area .menu ul {
    margin-top: 4px !important;
    margin-left: 14px !important;
    padding-left: 12px !important;
    border-left: 2px solid rgba(143, 148, 109, 0.35) !important;
}

/* Unterpunkt-Links etwas feiner */
#secondary .widget_nav_menu ul ul a,
.widget-area .widget_nav_menu ul ul a,
#secondary .menu ul a,
.widget-area .menu ul a {
    font-weight: 400 !important;
    font-size: 0.96em !important;
    color: #5a6642 !important;
}

/* Sidebar-Menü-Hover */
#secondary .widget_nav_menu a:hover,
.widget-area .widget_nav_menu a:hover,
#secondary .menu a:hover,
.widget-area .menu a:hover {
    color: #8f946d !important;
    background: transparent !important;
    padding-left: 4px !important;
}

/* Überschriften im Inhaltsbereich */
.entry-title,
#content h1,
#content h2,
#content h3,
#secondary .widget-title,
.widget-area .widget-title {
    color: #3f4b2d !important;
    text-shadow: none !important;
    line-height: 1.25 !important;
}

/* Fließtext etwas angenehmer */
#content p,
.entry-content p,
#secondary,
.widget-area {
    color: #1f2933 !important;
    line-height: 1.65 !important;
}

/* Bilder im Inhalt sauberer einbetten */
#content img,
.entry-content img {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
    height: auto !important;
}

/* Links im Inhalt passend zum Schulgrün */
#content a,
.entry-content a,
#secondary a,
.widget-area a {
    color: #4f5d37 !important;
}

#content a:hover,
.entry-content a:hover,
#secondary a:hover,
.widget-area a:hover {
    color: #8f946d !important;
}

/* Schriftart / Grundschulfreundliche Typografie */
body,
button,
input,
select,
textarea,
#content,
.entry-content,
#secondary,
.widget-area,
#access,
#site-navigation {
    font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
}

/* Verspieltere Überschriften mit Handy-Fallbacks */
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.widget-title,
#content h1,
#content h2,
#content h3,
#secondary .widget-title,
.widget-area .widget-title {
    font-family: "Segoe Print", "Chalkboard SE", "Comic Sans MS", "Marker Felt", "Comic Neue", cursive !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
}

/* Menü bewusst gut lesbar halten */
#access a,
#site-navigation a {
    font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
}