/*
Theme Name:   Twenty Seventeen Child
Description:  Twenty Seventeen Child Theme by Enno Kreutzer
Author:       Enno Kreutzer
Author URI:   http://www.kreuter-marketing.de
Template:     twentyseventeen
Version:      1.0
Text Domain:  twentyseventeen
*/


.menu-hauptmenue-oben-container {
	position: relative;
	z-index: 5;
}


article .panel-image {
	max-height: calc(100vh - 300px);
	height: 75vw;
}

.minilogo {
	position: absolute;
	transition: opacity 1s ease-out;
    opacity: 0;
	height: 65px;
	left: 0;
	top: 0;
}

.site-navigation-fixed .minilogo {
	display: block;
	opacity: 1;
}

.minilogo img {
	max-height: 72px;
	margin-top: -1px;
	margin-left: 0px;
}


.zurueck {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.single-featured-image-header img {
	width: 100vw;
}

@media screen and (max-width: 767px)
{
	.minilogo {
		display: none;
		visibility: hidden:
	}
	
	.mastheadbig {
		margin-top: 60px;
	}
	
	#site-navigation {
		position: fixed !important;
		top: 0px;
		left: 0px !important;
		width: 100% !important;
		height: 65px !important;
		z-index: 15;
		background: white;
	}
	
	.site-header .menu-scroll-down {
		display: none;
		position: absolute;
		right: -90px;
		padding-top: 2px;
	}
	
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
		display: table;
		height: 300px;
		height: 25vh;
		width: 100%;
	}
	
	article .panel-image {
		background-position: 0 0 !important;
	}
}


@media screen and (min-width: 767px)
{
	.single-featured-image-header {
		background-color: #fafafa;
		border-bottom: 1px solid #eee;
		max-height: calc( 100vh - 425px);
	}
	
	.mastheadbig {
		height: 100vh;
	}
		
}

@media screen and (max-width: 1280px)
{
	#top-menu {
		padding-left: 130px;
	}
	.main-navigation a {
		padding: 1em 1em;
	}				
}

@media screen and (min-width: 767px) and (max-width: 950px)
{
	.minilogo img {
		max-height: 65px;
	}
	
	.main-navigation a {
		padding: 1em .65em;
	}	
	
	.menu, .page_item a, .menu-item a {
		font-size: 12px;
	}
			
}