/*
 Theme Name:   Twenty Seventeen Child
 Description:  Arbeit an Twenty Seventeen
 Author:       EFG
 Author URI:   
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  twenty-seventeen-child
*/



/* Hintergrundfarbe im Kopfbereich */
.site-branding {
    background-color: #294263;
    padding-top: 15px; /*Platz über Logo*/
    padding-bottom: 0; /* Platz zwischen Logo und Menü */
}

/* Hintergrundfarbe der Menüleiste am Rand */
.navigation-top {
/* background-color: #369e9a;*/
    border-bottom: 7px solid #294263; /* Linie unter Menü */
    border-top: 7px solid #294263; /* Linie über Menü */
}

/* Hintergrundfarbe und ober Abstand im Textbereich */
.panel-content, #content.site-content {
    background-color: #6fa9bd;
    padding-top: 20px;
    
}

/* Höhe und Breite für Logo */
.custom-logo-link img {
    max-height: 200px;
    max-width: 1000px;
}

/* Breite der Logo-Zeile */
.wrap {
    padding-left: 10px;
    padding-right: 10px;
}

/* Breite der Inhaltskontainer */
.page-one-column .panel-content .wrap, 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
    max-width: 1000px;
    padding-left: 0;
    padding-right: 0;
}

/* löschen der Seitenüberschrift - Schriftgrösspe auf "0" */
.page .panel-content .entry-title, 
.page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 0;
}

/* Bereich nach Menüleiste verkürzen - erste Seite */
.panel-content .wrap {
padding-top: 0;
}

/* weiterer Bereich nach Menüleiste verkürzen - erste Seite */
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header {
	margin-bottom: 0;
}

/* Bereich nach Menüleiste verkürzen - alle weiteren Seiten */
.site-content {
	padding: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.8em;
}

h3, h1 {
	font-family: "bitterbold";
	color: #494949;
}


@media screen and (min-width: 48em) {
	/* Die Menüleiste in der Höhe verkleinern -- SP Menüpunkte nicht sichtbar*/
	.navigation-top {
		height: 58px;
	}
	
	/* Bei verkürzter Höhe der Menüleiste den Text mittig -- SP Menü Text nicht schön */
	.navigation-top .wrap {
		line-height: 0px;
		bottom: 5px;
	}
	
	/* Weiteres Layout der Menüleiste*/
	.js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul {
	   /*text-align: center; /* zentriert die Menüpunkte - sieht nicht unbedingt besser aus */*/
	}
}

/* Kalender Formatierung */
/*.ics-calendar .events .title.has_desc {
	font-weight: 700;
	}*/
	.ics-calendar .events .title {
		font-weight: 700;
		}
	.ics-calendar .events .time:hover .show_on_hover {
		font-size: 0%;
	}
	.ics-calendar h3, .ics-calendar h4, dd.event.open, dt.time, dd.event  {
		color: #626262;
}
/* Kalender Formatierung Ende*/

/*Footer Formatierung*/
.site-footer {
    border-top: 0; 
    margin-top: 2em;    
}

.site-footer .wrap {
    padding-bottom: 0;
    padding-top: 0;
}

.site-footer .widget-area {
    padding-bottom: 0;
    padding-top: 0;
}

.widget {
    padding-bottom: 0;
}


@font-face {
    font-family: 'bitteritalic';
    src: url('fonts/bitter-italic-webfont.woff2') format('woff2'),
         url('fonts/bitter-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'bitterbold';
    src: url('fonts/bitter-bold-webfont.woff2') format('woff2'),
         url('fonts/bitter-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'bitterbold_italic';
    src: url('fonts/bitter-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/bitter-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'bitterregular';
    src: url('fonts/bitter-regular-webfont.woff2') format('woff2'),
         url('fonts/bitter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}