/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
*/

/* Schulstandortspezifische Farben laden */
@import "style_colors.css";

/* Schriftarten lokal laden, um Google-Zugriffe aus DSGVO-gründen zu vermeiden */
@import "style_fonts.css";

/* Titelbild über Menü */
#wp-custom-header > img {
    min-width: 0;
    max-width: 1200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transform: none;
    width: 100%;
}
.home.blog.has-header-image .custom-header-media,
body.single-post div.single-featured-image-header {
    height: auto;
}
header#masthead div.custom-header div.site-branding {
    padding-top: 1em;
    padding-bottom: 1em;
}

/* Einfärben der einzelnen Buchstaben der Überschrift */
.title_color1 {
    color: #7a7800;
}
.title_color2 {
    color: #FF0000;
}
.title_color3 {
    color: #04B404;
}
.title_color4 {
    color: #0000FF
}
.title_color5 {
    color: #FF8000
}
.title_color6 {
    color: #FF00FF
}
/* Schriftart der Überschrift */
h1.site-title, div.site-branding-text p.site-title {
    font-family: 'Gochi Hand';
    font-size: 34px;
    font-weight: bold;
}
@media screen and (min-width: 48em) {
    h1.site-title, div.site-branding-text p.site-title{
        font-size: 50px;
    }
}

/* Hauptmenü */
@media screen and (min-width: 48em) {
    /* Höhe der Navigation */
    nav.main-navigation {
        line-height: 0.5;
    }
    /* Schriftgröße der Navigation */
    nav.main-navigation div.menu-hauptmenue-container a {
        font-size: 1.2rem;
    }
}

/* Mobiles Menü Größe anpassen */
.menu-toggle {
    font-size: 1.4rem;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.navigation-top {
    font-size: 1.2rem;
}

/* Rahmen um Navigation verkleinern */
.navigation-top .wrap,
.navigation-top .wrap .menu-scroll-down {
    padding-top: 0;
    padding-bottom: 0;
}

/* Auf der Startseite keine Seitenüberschrift anzeigen */
body.home header.page-header {
    display: none;
}

/* Beitragbild auf Startseite kleiner */
body.home article.post div.post-thumbnail {
    width: 50%;
}

body.single-post div.single-featured-image-header img {
    width: 62.5em;
}

/* Seitenüberschrift */
body.page main.site-main article h1.entry-title {
    font-size: 1.0rem;
}
@media screen and (min-width: 48em) {
    body.page main.site-main article h1.entry-title {
        font-size: 1.2rem;
    }
}
/* Abstand nach Seitentitel verkleinern */
.page.page-one-column .entry-header {
    margin-bottom: 1em;
}

/* Listen nach links einrücken */
.entry-content ul {
    margin-left: 2em;
}
/* Bei Übersicht Aktuelles aber nicht */
.entry-content ul.wp-block-latest-posts {
    margin-left: 0;
}

/* Titel bei Termin-Widget größer */
section.ek_dates_widget h2.widget-title {
    font-size: 1rem;
}

/* Schriftgöße in Sidebar größer */
#secondary {
    font-size: 1rem;
}

/* Sidebar Rahmen um Bilder ausblenden */
.widget-area .widget a img {
    box-shadow: none;
}

/* Damit Sidebar bei einzelnen Beiträgen nicht angezeigt wird */
/*body.single-post div#content div.content_area div#primary.content_area{*/
body.single-post div.wrap #primary.content-area {
    width: 100%;
}
body.single-post aside#secondary {
    display: none;
}

/* Aktuelle Beiträge auf der Seite Aktuelles */
/* Reihenfolge ändern */
ul.wp-block-latest-posts__list li{
    display: flex;
    flex-flow: column;
}

ul.wp-block-latest-posts__list div.wp-block-latest-posts__featured-image {
    order: 3;
}
ul.wp-block-latest-posts__list a {
    order: 2;
}
ul.wp-block-latest-posts__list time {
    order: 1;
}
ul.wp-block-latest-posts__list div.wp-block-latest-posts__post-excerpt {
    order: 4
}

/* Block Aktuelle Beiträge auf der Seite Aktuelles */
/* Überschrift formatieren */
ul.wp-block-latest-posts__list a {
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.4;
}
/* Bild formatieren */
ul.wp-block-latest-posts__list div.wp-block-latest-posts__featured-image img{
    margin-top: 1.5em;
    margin-bottom: 1em;
    box-shadow: 0 0 0 8px #fff;    
}
/* Beitragsbild formatieren */
ul.wp-block-latest-posts__list div.wp-block-latest-posts__featured-image {
    display: block;
    margin-top: 1.5em;
    width: 100%;
}
/*Beitragsbild kleiner bei großem Fenster */
@media screen and (min-width: 48em) {
    ul.wp-block-latest-posts__list div.wp-block-latest-posts__featured-image {
        width: 40%;
    }
}
/* Link Weiterleisen auf Hauptmenü ausblenden */
ul.wp-block-latest-posts__list div.wp-block-latest-posts__post-excerpt p.link-more{
    display: none;
}
/* Schriftgröße Link Weiterlesen */
ul.wp-block-latest-posts__list div.wp-block-latest-posts__post-excerpt a{
    font-size: 1rem;
}

/* Abstand nach Textauszug */
ul.wp-block-latest-posts div.wp-block-latest-posts__post-excerpt {
    margin-bottom: 30px;
}

.home div.post-thumbnail img {
    max-width: 100%;
}

/* Button bei Terminseiten */
div.entry-content div.wp-block-button > a {
    color: #333;
    font-weight: 600;
}

/* Terminlisten formatieren */
div.ek-dates {
    margin-left: 5%;
}
div.ek-dates ul li {
    margin-bottom: 1.5em;
}
div.ek-dates-title {
    font-weight: bold;
}

/* Linie vor Fusszeile */
.site-footer {
    border-top: 4px solid;
}
/* Anpassungen Fusszeile */
@media screen and (min-width: 48em) {
    div.wrap div.widget-column.footer-widget-1 {
        width: 45%;
    }
    div.wrap div.widget-column.footer-widget-2 {
        width: 45%;
    }
}