/*
Theme Name: gsammw
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
Updated: 2025-02-12 12:48:52
*/

/* Scroll-Down-Icon im Menü ausblenden */
.menu-scroll-down {
    display: none !important;
}

/* Abkürzungen mit gepunkteter Linie und Akzentfarbe unterstreichen */
abbr[title] {
    border-bottom: 1px #FF5733 dotted;
}

/* Überschriften 5. Ordnung in Akzentfarbe */
h5 {
    color: #FF5733;
}

/* Buttons und Schaltflächen im Hover-/Fokus-Zustand in Akzentfarbe */
:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #FF5733;
}

/* Aktives Menüelement in Hauptnavigation farblich hervorheben */
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
    color: #FF5733;
}

/* Hover-Effekt für Hauptnavigation */
.main-navigation a:hover {
    color: #FF5733;
}

/* Hintergrund und Lesbarkeit für Seitentitel und Beschreibung verbessern */
.site-title {
    background-color: #000;
    padding: 8px;
    opacity: 1 !important;
}

.site-description {
    background-color: #000;
    padding: 8px;
    opacity: 1 !important;
}

/* Zentrierte und angepasste Überschriften auf Seiten */
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
}

/* Metadaten (z.B. Datum, Autor) in Akzentfarbe */
.entry-meta {
    color: #FF5733;
}

.entry-meta a {
    color: #FF5733;
}

/* Byline auf Einzelansicht und Gruppenblogs ausblenden */
.single .byline,
.group-blog .byline {
    display: none;
}

/* Aktuelle Seitenzahl in Pagination hervorheben */
.page-numbers.current {
    color: #FF5733;
}

/* Vor-/Zurück-Buttons in Pagination im Hover/Fokus */
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background-color: #FF5733;
}

/* Seitenzahlen in Beitragsseiten-Navigation */
.page-links .page-number {
    color: #FF5733;
}

/* Icons für Kategorien und Schlagwörter im Footer */
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
    color: #FF5733;
}

/* Bearbeiten-Link im Footer im Hover/Fokus */
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
    background-color: #FF5733;
}

/* Untertitel in Navigation */
.nav-subtitle {
    color: #FF5733;
}

/* Hintergrundfarbe für Social-Media-Icons */
.social-navigation a {
    background-color: #FF5733;
}

/* Kommentar-Metadaten farblich anpassen */
.comment-metadata {
    color: #FF5733;
}

.comment-metadata a {
    color: #FF5733;
}

/* Hinweise bei fehlenden Kommentaren oder Moderation */
.no-comments,
.comment-awaiting-moderation {
    color: #FF5733;
}

/* RSS-Widget-Datum und Autor */
.widget_rss .rss-date,
.widget_rss li cite {
    color: #FF5733;
}

/* Aktueller Titel im WP-Playlist-Player */
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
    color: #FF5733;
}

/* Hover/Fokus auf Playlist-Elementen */
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #FF5733;
}

/* Responsive Anpassungen ab 48em Bildschirmbreite */
@media screen and (min-width: 48em) {

    /* Hover/Fokus für Untermenüs */
    .main-navigation li li:hover,
    .main-navigation li li.focus {
        background: #FF5733;
    }

    /* Scroll-Down-Icon in Navigation farblich anpassen */
    .site-header .navigation-top .menu-scroll-down {
        color: #FF5733;
    }

    /* Zentrierung und maximale Breite für Panel-Inhalte */
    .page-two-column .panel-content .entry-header {
        float: none;
        max-width: 678px;
        width: 100%;
    }

    .page-two-column .panel-content .entry-content {
        float: none;
        max-width: 678px;
        width: 100%;
    }

    /* Zentrierung und maximale Breite für verschiedene Header- und Content-Bereiche */
    body:not(.has-sidebar):not(.page-one-column) .page-header,
    body.has-sidebar.error404 #primary .page-header,
    body.page-two-column:not(.archive) #primary .entry-header,
    body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
        float: none;
        max-width: 678px;
        width: 100%;
    }

    /* Artikel und Content-Bereiche ohne Sidebar */
    .blog:not(.has-sidebar) #primary article,
    .archive:not(.page-one-column):not(.has-sidebar) #primary article,
    .search:not(.has-sidebar) #primary article,
    .error404:not(.has-sidebar) #primary .page-content,
    .error404.has-sidebar #primary .page-content,
    body.page-two-column:not(.archive) #primary .entry-content,
    body.page-two-column #comments {
        float: none;
        max-width: 678px;
        width: 100%;
    }

    /* Footer-Widget-Spalte 2 anpassen */
    .site-footer .widget-column.footer-widget-2 {
        float: left;
        max-width: 678px;
        width: 100%;
    }

    /* Footer-Menü-Elemente nebeneinander und ohne Rahmen */
    .site-footer .widget-column.footer-widget-2 nav ul li {
        border: none !important;
        display: inline-block;
        list-style-type: none;
        padding-right: 10px;
    }

}