/*
 Theme Name:   twentyseventeen Child
 Description:  Child theme for the Enfold Theme
 Author:       together concept Werbeagentur GmbH
 Author URI:   https://togehter-concept.de
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  twentyseventeen-child
*/

/* VERKNUEPFUNG */
@import url("../twentyseventeen/style.css");

/*
 Theme Name:   twentyseventeen Child
 Description:  Child theme for the Enfold Theme
 Author:       together concept Werbeagentur GmbH
 Author URI:   https://togehter-concept.de
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  twentyseventeen-child
*/

/* VERKNUEPFUNG */
@import url("../twentyseventeen/style.css");


/* ANPASSUNGEN */

.site-info {display:none;}

@media screen and (min-width: 48em) {
body.page-template-page-full-width .page-full-width #primary .entry-content {
width: 100% !important;
}

body.page-template-page-full-width .page-full-width #primary .entry-header {
width: 100% !important;
}
}

.site-branding .site-branding-text .site-description {
    font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0em;
    text-transform: none;
    color: #737272 !important;
}

/* FULL-WIDTH TEMPLATE */

body.page-template-template-full-width #content #primary {
	max-width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header,
body.page-template-template-full-width #content #primary .entry-content {
    float: none;
    width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header {
    margin-bottom: 4em;
}

/* HEADER BILDGROESSE */

.panel-image {
    height: 100vh;
    max-height: 640px !important;
}

@media screen and (min-width: 320px) {
.panel-image {
    height: 100vh;
    max-height: 190px !important;
	width: 100%;
}

@media screen and (min-width: 375px) {
.panel-image {
    height: 100vh;
    max-height: 250px !important;
	width: 100%;
}

@media screen and (min-width: 768px) {
.panel-image {
    height: 100vh;
    max-height: 450px !important;
	width: 100%;
}
	
@media screen and (min-width: 1024px) {
.panel-image {
    height: 100vh;
    max-height: 640px !important;
	width: 100%;
}