/*
Theme Name: Advanced Twenty Seventeen Child
Theme URI: http://saturnsolutions.com
Template: twentyseventeen
Author: SaturnSolutions
Author URI: http://saturnsolutions.com/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
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

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

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

.ats-align-left {
    text-align: left;
}

.ats-align-center {
    text-align: center;
}

.ats-align-right {
    text-align: right;
}

.ats-layout-boxed #page,
.ats-layout-boxed .site-navigation-fixed {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .ats-wrap1 {
    padding-bottom: 0;
}

.site-footer .ats-wrap2 {
    padding-top: 30px;
}

.footer-copyright-container {
    margin-top: -30px;
}

.ats-hide-panel-title .twentyseventeen-panel .entry-header {
    display: none;
}

.ats-hide-panel-title .twentyseventeen-panel .entry-content {
    float: none !important;
    width: 100% !important;
}

@media (max-width: 1170px) {
    .ats-preview.ats-layout-boxed #page,
    .ats-preview.ats-layout-boxed .site-navigation-fixed {
        max-width: 960px;
    }
}

@media screen and (min-width: 30em) {
    .ats-widget-area-advanced .widget-column {
        float: left !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ats-widget-area-advanced .widget-column:first-child {
        padding-left: 0 !important;
    }

    .ats-widget-area-advanced .widget-column:last-child {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 48em) {
    .ats-widget-area-advanced .widget-column {
        width: 100% !important;
    }
}


/* ------ jetzt kommt mein Part -------*/


.site-title, .site-branding .site-branding-text .site-title a {  /* ------ Header Seitentitel Schriftgröße -------*/
    font-size: 1.9rem!important;} 

@media only screen and (max-width: 480px) {      /* ------ Header Seitentitel Schriftgröße mobile -------*/
	
.site-title, .site-branding .site-branding-text .site-title a {
    font-size: 1.5rem!important;} 
}

.site-branding-text p {margin: 1rem 0 1rem !important;}     /* ------ Header Seitentitel Abstände -------*/

.site-description {         /* ------ Header Beschreibung Schriftgröße -------*/
    font-size: 1.25rem!important;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 11px;
	opacity: 0.9!important;
}


.panel-content .wrap {  /*  Abstand Content zum Header Startseite */
    padding-bottom: 4.5em;
    padding-top: 3em!important;
	padding-left: 1em;

}
.site-content {  /*  Abstand Content zum Header Unterseite */
    padding: 3.5em 0 0;
}

/*  Abstand Titel zum Content */
.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: 2em;
}

.main-navigation ul ul a {  /* Breite Submenü anpassen */
    width: 18em;
}


.single-post:not(.has-sidebar) #primary,   /* Content links ausrichten - Abstand verringert */
.page.page-one-column:not(.twentyseventeen-front-page) #primary, 
.archive.page-one-column:not(.has-sidebar) .page-header, 
.archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: 5px;
    max-width: 740px;
}

.site-footer .widget-area   { /*  Footer-Text */
    font-size: 0.85rem!important;
	line-height: 1.4em;
}

.site-footer .widget-area h2.widget-title {
    font-weight: 600!important;
    font-size: 0.73rem!important;
	margin-bottom: 1em!important;
}

.widget ul li { padding: 8px 0 5px 17px!important;}  /*  Footer Menü */
.widget ul li a { text-transform: uppercase!important; font-size: 0.75rem!important;}

.site-footer p {
	margin: 0 0 0.5em; line-height: 1.4em;
}


/* T E X T */

p {
    margin: 0 0 1.1em!important;
}

.entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
  color: #222;
  font-size: 16px;
  font-weight: 600!important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

h1 {}
h2 {font-size: 28px; color: #000; letter-spacing: 0.05em!important;}

ol.medi li {font-size: 20px; line-height: 28px;}
ol.medi li a {font-size: 18px; letter-spacing: 0.05em; }
ol.medi li a:hover {text-decoration: none;}

/* MEdia Player */

.mejs-container, .mejs-container .mejs-controls {
  background: #659397!important;
}

.mejs-container {  max-width: 500px; margin-top: 11px; margin-bottom: 37px;
}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
  -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
  box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);


/*  HEADER Höhe audgeloggt  */  

/*@media screen and (min-width: 48em) {
.twentyseventeen-front-page.has-header-image .custom-header-media, 
.twentyseventeen-front-page.has-header-video .custom-header-media, 
.home.blog.has-header-image .custom-header-media, 
.home.blog.has-header-video .custom-header-media {

    height: 30vh;

} 

}*/
/*		>>>>> bringt hier nichts, deshalb in Customizer geschrieben, von da greift es <<<<<<<<<<<<<<<<<<
 
 
@media screen and (min-width: 48em) {
.twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
  height: 60vh!important;
  max-height: 80%!important;
  overflow: hidden;
}	
	}