/*
 Theme Name:   Twenty Seventeen Child
 Template:     twentyseventeen
*/

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

/* Theme Anpassungen beginnen hier */

/* 
FARBEN

TÜRKIS
52B7BB
82 183 187

7AC6C9

GRÜN
CAD400
202 212 0

ROT
DD656F
221 101 111

FOOTER FOND GRAU 
DADADA

*/



/* 
Typography 
font-family: 'Dosis', sans-serif;
*/
html {
    font-family: sans-serif;
}
body,
button,
input,
select,
textarea {
	font-family: "Dosis", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 1.250rem;
}
.site-title {
    font-weight: 800;
}
.site-description{
	letter-spacing: 0.04em;
	font-weight: 500;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 1.250rem;
}
.entry-header .entry-title {
    font-weight: 600;
    letter-spacing: 0.025em;
}
.entry-meta {
    padding-bottom: 1em;
}
h2.widget-title {
    font-size: 1.125rem;
}
@media screen and (min-width: 30em){
h2, .page .panel-content .recent-posts .entry-title {
    font-size: 1.625rem;
    font-weight: 600;
    letter-spacing: 0.025em;
}
}

@media screen and (min-width: 48em){
.site-title {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}
.site-description {
    font-size: 16px;
    font-size: 1.250rem;
}
#secondary {
    font-size: 1.125rem;
    line-height: 1.6;
}
h2.widget-title {
    font-size: 1.125rem;
}
}

/*  LOGO & HEAD STARTSEITE */
.page-id-65 .custom-logo-link img {
    display: inline-block;
    max-height: 311px;
    max-width: 490px;
    height: auto;
    padding-bottom: 30px;
}
.page-id-65 .site-branding-text{
    display: inline-block;
    width: 100%;
}
@media screen and (min-width: 13em){
.page-id-65 .custom-logo-link img {
    max-height: 180px;
    padding-bottom: 15px;
}
}
@media screen and (min-width: 30em){
.page-id-65 .custom-logo-link img {
    max-height: 250px;
    padding-bottom: 20px;
}
}
@media screen and (min-width: 48em){
.page-id-65 .custom-logo-link img {
    max-height: 311px;
    padding-bottom: 30px;
}
}

.custom-header-media:before {
    background: transparent;
}

/* 
NAVI 
*/
.navigation-top {
    background: #DD656F;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    /*font-size: 1.125rem;*/
    font-size: 1rem;
    color: white;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: black;
}
.navigation-top a {
    color: #FFF;
    letter-spacing: 0.04em;
    font-weight: 500;
}
.navigation-top a:hover {
    color: black;
}
.main-navigation a:hover {
    color: black;
}
.main-navigation ul ul li a:hover, .main-navigation ul ul li a:focus {
    background-color: #DD656F;
}
.site-header .navigation-top .menu-scroll-down {
    color: white;
}
@media screen and (min-width: 48em){
.site-header .navigation-top .menu-scroll-down {
    color: white;
}
}
/*
menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-74
*/
li.current-menu-ancestor a, li.current-page-ancestor a {
    color: black;
}


/*
NAVI DROPDOWN ANPASSEN
*/
.menu-toggle {
    color: #000;
    font-weight: 600;
    letter-spacing: 0.04rem;
}
.main-navigation ul {
    background: #DD656F;
}
.main-navigation ul ul li a{
    color: #767676;
    letter-spacing: 0.025em;
}
@media screen and (min-width: 30em){
.main-navigation ul ul li a{
    color: white;
}
}
@media screen and (min-width: 48em){
.main-navigation ul ul li a{
    color: #767676;
}
}
.dropdown-toggle {
    color: white;
}

/*
SOCIAL NAVIGATION
*/
.social-navigation a {
    background-color: #DD656F;
}


/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Dosis", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Dosis", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Dosis", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Dosis", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*
TEASER
*/
.teaser-1, .teaser-1 a {
    color: #52B7BB;
}
.teaser-1 a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(82, 183, 187, 1);
    box-shadow: inset 0 -1px 0 rgba(82, 183, 187, 1);
}
.teaser-1 a:hover {
    color: #52B7BB;
    -webkit-box-shadow: inset 0 0 0 rgba(82, 183, 187, 0), 0 3px 0 rgba(82, 183, 187, 1);
    box-shadow: inset 0 0 0 rgba(82, 183, 187, 0), 0 3px 0 rgba(82, 183, 187, 1);
}
.teaser-2, .teaser-2 a {
    color: #DD656F;
}
.teaser-2 {
    margin-top: 30px ! important;
    margin-bottom: 30px ! important;
}
.teaser-2 a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(221, 101, 111, 1);
    box-shadow: inset 0 -1px 0 rgba(221, 101, 111, 1);
}
.teaser-2 a:hover {
    color: #DD656F;
    -webkit-box-shadow: inset 0 0 0 rgba(221, 101, 111, 0), 0 3px 0 rgba(221, 101, 111, 1);
    box-shadow: inset 0 0 0 rgba(221, 101, 111, 0), 0 3px 0 rgba(221, 101, 111, 1);
}
.teaser-3, .teaser-3 a {
    color: #CAD400;
}
.teaser-3 a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(202, 212, 0, 1);
    box-shadow: inset 0 -1px 0 rgba(202, 212, 0, 1);
}
.teaser-3 a:hover {
    color: #CAD400;
    -webkit-box-shadow: inset 0 0 0 rgba(202, 212, 0, 0), 0 3px 0 rgba(202, 212, 0, 1);
    box-shadow: inset 0 0 0 rgba(202, 212, 0, 0), 0 3px 0 rgba(202, 212, 0, 1);
}
.teaser-1 a, .teaser-2 a, .teaser-3 a {
    margin-left: 10px;

}

/*
NEWS
*/
.entry-meta {
    font-weight: 700;
}
.entry-summary a {
    box-shadow: none ! important;
    color: white;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 10px 20px;
    background-color: #DD656F;
    letter-spacing: 0.05em;
}
.entry-summary a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(221, 101, 111, 1);
    box-shadow: inset 0 -1px 0 rgba(221, 101, 111, 1);
}
.entry-summary a:hover, .entry-summary a:focus { 
    background-color:rgba(221, 101, 111, 0.8);
    box-shadow: none ! important;
    color: white;
}
.entry-footer .cat-links, .entry-footer .tags-links {
    font-weight: 700;
}
.nav-links .nav-title .icon{
    top:5px;
}
.nav-title {
    letter-spacing: 0.03em;
    font-weight: 700;
}
.nav-links .nav-title .icon-arrow-left{
 /*   padding-left: 10px;*/
}
.nav-links .nav-title .icon-arrow-right{
/*    padding-right: 10px;*/
}

.entry-footer .edit-link a.post-edit-link:hover, .entry-footer .edit-link a.post-edit-link:focus {
    background-color:rgba(221, 101, 111, 0.8);
    box-shadow: none ! important;
    color: white;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 10px 20px;
    letter-spacing: 0.05em;
}
.entry-footer .edit-link a.post-edit-link {
    background-color:rgba(221, 101, 111, 1);
    box-shadow: none ! important;
    color: white;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 10px 20px;
    letter-spacing: 0.05em;
}

/*
SUCHE
*/
.search-form .search-submit {
/*    display: none;*/
    background: transparent;
}
.search-form .search-submit .icon {
    fill:#DD656F;
}
/*input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    */
input[type="search"] {
    background: transparent;
    border: 0px;
    border-bottom: 3px solid #DD656F;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/*
BUTTON .mtg-button
*/
.entry-content a.mtg-button {
    -webkit-box-shadow: inset 0 -1px 0 rgba(221, 101, 111, 1);
    box-shadow: inset 0 -1px 0 rgba(221, 101, 111, 1);
    font-size: 1.125rem ! important;
    font-weight: 400;
    padding: 4px 8px;
    letter-spacing: 0.05em;
    border: 0px ! important;
}
.entry-content a.mtg-button:hover, .entry-content a.mtg-button:focus { 
    -webkit-box-shadow: inset 0 -1px 0 rgba(221, 101, 111, 1);
    box-shadow: inset 0 -1px 0 rgba(221, 101, 111, 1);
    color: white;
    border: 0px ! important;
}
.su-button-style-default span {
    border: 0px ! important;
    font-size: 1.125rem ! important;
}
.su-button-style-default .su-button i {
    display: inline-block;
    width: 1.125em;
    height: 1.125em;
    margin: 0 0.5em 0 0 !important;
    text-align: center;
    line-height: 1.125em;
}
.su-button-style-default .fa {
    font-size: 1.125rem ! important;
}

/*
SU-NOTE
*/
.su-note-inner {
    border: 0px ! important;
    font-size: 1rem;
}
.su-note {
    border: 0px ! important;
}

/*
ICONS
*/
i.fa-mtg-adresse {
    margin-right: 15px;
    color: #DD656F;
}

/*
FORM
*/
.wpcf7 label{
    font-size: 1.125rem;
    font-weight: 600;
}
button, input[type="button"], input[type="submit"] {
    font-size: 1.125rem ! important;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.wpcf7-recaptcha{
    margin-bottom: 20px;
    margin-top: 20px;
}

/*
FOOTER
*/
.site-footer {
    border-top: 1px solid #DADADA;
    background-color: #DADADA;
}
.site-info{
    display: none;
}
ul#menu-footer-menue.menu li a {
    text-decoration: none;
    box-shadow: none;
    color: #DD656F;
    font-size: 1.125rem ! important;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
ul#menu-footer-menue.menu li a:hover {
    text-decoration: none;
    box-shadow: none;
    color: #DC7C84;
}

/*
SOCIALES
*/
.mtg-sociales .fa {
    font: normal normal normal 40px/1 FontAwesome;
}
.widget .mtg-sociales a {
    color: #DD656F;
    box-shadow: none ! important;
    padding-right: 30px;
}
.widget .mtg-sociales a:hover, .widget .mtg-sociales a:focus{
    color: #DD656F ! important;
    box-shadow: none ! important;
}
.widget .mtg-sociales a img {
    box-shadow: none ! important;
/*    max-width: 40px;
    height: auto;*/
   /* margin-top: -7px;*/
}
img.footer-icon-link {
    max-width: 32px;
    height: auto;
    margin-bottom: -7px;
}
img.footer-icon-link-js {
    margin-left: -5px;
    margin-bottom: -2px;
    max-width: 34px;
}

/*
PBC COUNTDOWN
*/
.pbc-num{
    padding: 20px ! important;
}
.pbc-label{
    padding: 10px ! important;
}









/* Theme Anpassung enden hier */


