/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    https://heidenreich.dk/themes/twentyseventeen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       HeidenreichDk
 Author URI:   https://heidenreich.dk
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 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
 Text Domain:  twentyseventeen-child
*/
/* Schriftgröße & Co */
* { 
	font-size: 15px !important;
	font-weight: 200;
}
sup { 
	font-size: 10px !important;
}
h1,h2,h3,h4,h5,h6 { 
	font-size: 16px !important; 
	font-weight: 500 !important; 
	text-transform: uppercase !important; 
}
.entry-title { 
	font-size: 16px !important; 
	font-weight: 500 !important; 
	text-transform: uppercase !important;
	padding-bottom: 1em !important;
}
.entry-content p {
	text-align: justify;
}
.main-navigation, .grossraum-miete, .grossraum-kontakt {
	font-size: 16px !important; 
	font-weight: 500 !important; 
	text-transform: uppercase !important;
}
#primary a {
	font-weight: 500 !important; 
}
#masthead a {
	color: black !important;
	box-shadow: none !important;
	font-size: 16px !important; 
	font-weight: 500 !important; 
	text-transform: uppercase !important;
}
#masthead a:hover {
	color: #7ea294 !important;
}
#masthead a:active {
	color: #b2d2ba !important;
}
#content * {
	color: black !important;
}
#content a {
	color: #7ea294 !important;
 	box-shadow: none !important;
}
#content a:hover {
	color: black !important;
	box-shadow: 1px black !important;
}
#content a:active {
	color: #7ea294 !important;
	box-shadow: 1px #7ea294 !important;
}


/* logo */
.custom-logo {
	max-height: 225px !important;
	max-width: 315px !important;
}
@media screen and (min-width: 48em) {
	.home .custom-logo {
		max-height: 500px !important;
		max-width: 700px !important;
	}
}


/* Graufilter über Bildern entfernen */ 
.panel-image:before {
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#00000000", GradientType=0);
}
.custom-header-media::before {
	background: none;
}
/* Bilder immer fixiert */
.panel-image {
	background-attachment: fixed !important;
}
@supports ( -webkit-touch-callout : none) {
	.panel-image {
		background-attachment: scroll !important;
	}
}


/**************/
/* navigation */
/*
.menu-item-456 {
	left: -0.3em
}
.menu-item-457 {
	float: right !important;
	right: -0.3em !important;
}
.site-navigation-fixed.navigation-top {
	position: relative !important;
}
*/
.navigation-top {
	display: none !important;
	border-top: 0px !important;
}
.grossraum-menu {
	display: none !important;
}
.home .grossraum-menu {
	display: block !important;
	margin-top: -2em !important;
}

@media screen and (min-width: 48em) {
	.home .grossraum-menu {
		margin-top: -3em !important;
	}
}
.grossraum-miete {
  float: left !important;
}
.grossraum-kontakt {
	float: right !important;
}
.grossraum-miete, .grossraum-kontakt {
	position: relative !important;
	z-index: 10 !important;
}
.grossraum-menu:after {
	display: table !important;
	clear: both !important;
}
/*
@media screen and (min-width: 48em) {
	.home .navigation-top {
		display: block !important;
		background-color: transparent !important;
		border-top: 0px !important;
	}
}
@media screen and (min-width: 48em) {
	.home .grossraum-mobile {
		display: none !important;
	}
}
*/
/* navigation */
/**************/

/* bilder */
.panel-image {
	height: 50vh !important;
}
@media screen and (min-width: 48em) {
	.panel-image {
		height: 100vh !important;
	}
}
/* bilder-text */
.grossraum-txt {
	font-size: 5.5vw !important;
	font-weight: 500 !important;
	width: 75vw !important;
}
.grossraum-xxx {
	position: absolute !important;
	width: 100%;
	top: -30vh;
	left: 0;
}
@media screen and (min-width: 48em) {
	.grossraum-xxx {
		top: -60vh;
	}
}


/* content */ 
.panel-content {
	padding-top: 4em !important;
	padding-bottom: 2em !important;
}
@media screen and (min-width: 48em) {
	.panel-content {
		padding-bottom: 0em !important;
	}	
}


/* kontaktformular */
.wpcf7-form .wpcf7-submit, 
.wpcf7-form p, 
.wpcf7-form label{
	font-weight: 500 !important;
}
.wpcf7-form .wpcf7-text, 
.wpcf7-form .wpcf7-textarea {
	margin-top: 10px !important;
	padding: 5px !important;	
}
/* kontakt senden button */
input.wpcf7-submit {
	background-color: #b2d2ba;
	border: 1px solid #7ea294;
	box-shadow: none;	
}


/* back to top */
.scroll-to-top-button {
	position: fixed;
	right: 2em;
	bottom: 2em;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	background: #7ea294;
	z-index: 9999;
}
.scroll-to-top-button:after {
	display: inline-block;
	margin-left: 2px;
	content: '^';
	vertical-align: top;
	font-size: 36px;
	line-height: 1;
}


/* footer */
#panel10 * {
	background: #b2d2ba;
	color: black !important;
}
#panel10 * {
	margin-bottom: 0px !important;
}
.site-footer {
	background: #b2d2ba !important;
	margin: 0 !important;
	padding-top: 2.5em !important;	
	border-top: 0 !important;
	color: black !important;
}


/* powered by weg */
.site-info {
	display: none !important;
}


/****************/
/*** subpages ***/
/****************/
@media screen and (min-width: 48em) {
	.grossraum-subpage .entry-header,
	.grossraum-subpage .entry-content {
		float: none !important;
		width: 100% !important;
	}
}