/*
Theme Name: yu.design
Author: Yvonne Unger
Description: child for twentyseventeen
Template: twentyseventeen
*/

/*Seitenaufbau*/

@media screen and (min-width: 740px) {
/*sidebar 10%schmaler, dafür mitte 10% mehr*/
.has-sidebar:not(.error404) #primary {
	width: 68%;}

.has-sidebar #secondary {
	width:27%;}

.page-one-column .panel-content .wrap {
	max-width:1000px;}

.site-content,
.panel-content .wrap {
	padding-top:3em;}
}

.widget {
	padding-bottom: 1em;}

/*Typo*/

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
	margin-bottom:15px;}

body p, ol{
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
 	-ms-hyphens: auto;
 	hyphens: auto;}

ol,ul {
	margin-left:20px;}

.page .panel-content .entry-title, 
.page-title, 
body.page:not(.twentyseventeen-front-page) .entry-title {
	font-size:1.8em;
	font-weight:normal;}
	
h2 {
	font-size:1.5em;
	color:#4b8674;
	padding-top:10px;
	margin-bottom:10px;}

/*HEADER anpassen*/

.custom-header-media:before {
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
/* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
/* IE6-9 */}

/* Setzt den Header für Archive, Beiträge und Seiten, die nicht Startseite sind, auf 50 Prozent Fensterhöhe (Desktop) */
@media screen and (min-width: 48em) {
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header {
height: 1200px;
height: 50vh;
max-height: 50%;
overflow: hidden;
}
} 

/* Sorgt dafür, dass der IE auf Seiten und Beiträgen den passenden Bildausschnitt zeigt*/
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
max-width: 100%;
top: 0;
left: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}

/* Lösung für Browser, zum Beispiel den Internet Explorer, die kein object-fit verstehen */
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: auto;
position: absolute;
top: 40%;
left:0;
-moz-transform: translate(0, -40%);
-webkit-transform: translate(0, -40%);
transform: translate(0, -40%);
}

/* Sorgt dafür, dass der IE das Startseiten-Headerbild nicht verzerrt */
.twentyseventeen-front-page.has-header-image .custom-header-media img,
.twentyseventeen-front-page.has-header-video .custom-header-media video,
.twentyseventeen-front-page.has-header-video .custom-header-media iframe {
position: fixed;
left: 50%;
max-width: 250%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; 
width: auto;
top: 50%;
padding-bottom: 1px; 
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}