/*
Theme Name: Accelerate-Child
Description: https://themegrill.com/themes/accelerate/
Author: 
Author URI: 
Theme URI: 
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: accelerate
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, blog, threaded-comments, theme-options, translation-ready, rtl-language-support, e-commerce
Version: 1.0
*/

/* Add your CSS below */


/* =Import Parent CSS */
@import url("../accelerate/style.css");

html{
	background-color: #fff;
	height: 100%;
	overflow-y:hidden;
 }

body {	
	background:#fff;	
	overflow-x:hidden;	
	overflow-y:scroll!important;	
	height: 100%;
	/*text-align:center;*/
}

body, p, td, div, input, textarea {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
ul.menu li a,
h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.tipsy-inner,
.search_form input {
    font-family: 'Open Sans', sans-serif;
    font-weight:normal;
}


p, td, div {    
	color: #8f8f8f;    
	font-size: 15px;    
	line-height: 23px;
	/*text-align: left!important;*/
}


h1, h2, h3, h4, h5, h6 {    
	color: #8f8f8f;    
	padding: 0;
	/*text-align: left;*/
}
h1{
	font-size: 40px;
    line-height: 42px;

    margin: 0px 0 17px 0;
    font-weight: 300!important;
}
body h2{
	color: #bb6b03;
	
}
h3{
	margin-bottom: 21px;
}
header nav ul.menu li a {    
	color: #8f8f8f;    
	display: inline-block;    
	font-weight: normal;    
	padding: 0 0 28px;    
	text-decoration: none;    
	transition: color 300ms ease 0s;
}

#masthead{ 	border-bottom: 1px solid #C5AF70;}
body #main{      
  border-top: 1px solid #C5AF70; padding-top: 25px;
  padding-bottom: 235px;

}
#breadcrumbs{ margin: 5px 0; }
#breadcrumbs a, #breadcrumbs span.breadcrumb_last{ font-size: 13px; font-weight: normal;}


/* Header area */
body #header-left-section{ margin-right: 0; }
body #header-logo-image{ padding-right: 0; }
#header-text-nav-container,#page{
	background-color: #fff;
}
#header-text-nav-container{
	width:96%;
	max-width: 1170px;
	margin: 0 auto;
	border: 0;
	position: relative;
}
#header-text-nav-container .call_us {
    font-size: 13px;
    line-height: 15px;
    position: absolute;
    right: 0;
    bottom: 67px;
    color: #b0b0b0;
    font-style: italic;
}

#header-text-nav-container > .inner-wrap:first-child {
	width: 30%;
	float: left;
}

.main-navigation{
	width: 70%;
	float: right;	
}
#menu-header{ float: right; }
#site-navigation{
	background-color: #fff;
	margin-top: 118px;
}


#page .head_line {
    background: #000 none repeat scroll 0 0 !important;
}
#page  .headline_content {
    max-width: 1170px;
    width: 96%;
    position: relative;
    margin: 0 auto;
    text-align: left;
    height:42px;
}

#page  .headline_content .left,
#page  .headline_content .right{
  width: 50%;
  float: left;
}
#page  .headline_content .right{
  float: right;
  margin-top: 12px;
}

#page .top_slogan {   
    font-size: 12px;
    line-height: 40px;
    color: #fff;
}


 /**/
header nav ul#menu-header > li {
	font-family: 'Open Sans', sans-serif;
    float: left;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    margin-left: 33px;
    line-height: 38px;
    font-weight: 400;
}
header nav ul#menu-header > li > a {
	font-family: 'Open Sans', sans-serif;
    color: #8f8f8f;
    display: inline-block;
    font-weight: normal;
    padding: 0 0 8px;
    text-decoration: none;
    transition: color 300ms ease 0s;
    font-size: 15px;
}

header nav ul#menu-header > li:before {
    content: ':';
    position: absolute;
    left: -18px;
    top: 0;
    color: #c5c5c5;
    font-size: 14px;
    line-height: 38px;
    display: inline-block;
}
header nav ul#menu-header > li:first-child:before {
    content: '';
    padding: 0px!important;
}


body .main-navigation a:hover,
body .main-navigation li.menu-item-has-children:hover,
body .main-navigation ul li:hover>a,
body .main-navigation ul li.current-menu-ancestor a{ background-color: #fff; }

header nav ul.sub-menu{ border: 0px; border-top: 4px solid;     border-color: #c5b068; background-color: #1e1e1e;}
header nav ul.sub-menu li{  text-align: left; background-color: #1e1e1e;border: 0px; text-transform: none;}
body header nav ul.sub-menu li a{ 
	color: #7a7a7a!important; 
	background-color: #1e1e1e!important; 
	font-family: 'Open Sans', sans-serif!important; 
	font-weight: 400!important; 
	line-height: 18px!important;
}

header nav ul.sub-menu:before {  
	background: url(img/bg_menu_arrow.png) no-repeat bottom center;  
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -3px;
    width: 7px;
    height: 4px;
    display: block;
}


/* ++++++++++++++ */
body #page{
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

body footer {	 
	border-top: 1px solid #C5AF70;
	background-color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}

body .footer-widgets-wrapper{
	margin-top: 100px;
	border-top: 0;
	background-color: #000;
}

body .footer-socket-wrapper {
    border-top: 0;
    border-bottom: 3px solid #C5AF70;
    background-color: #000;
}

body footer .footer_socials,
#page .headline_socials{
	float: right;
}
body footer .footer_socials li,
#page .headline_socials li {
    height: 16px;
    display: inline-block;
    float: left;
    margin-left: 15px;
}
body footer .footer_socials li:first-child,
#page .headline_socials li:first-child {
    margin-left: 0;
}
body footer .footer_socials li a ,
#page .headline_socials li a{
    width: 16px;
    height: 16px;
    display: block;
}
body  a.ico_social-facebook {
    background: url(img/icons/ico_social-facebook.png) 0 0;
}

body a.ico_social-instagram {
    background: url(img/icons/ico_social-instagram.png) 0 0;
}
body a.ico_social-dribbble {
    background: url(img/icons/ico_tripadvisor.png) 0 0;
        width: 20px!important;
}

body a.ico_social-twitter {
    background: url(img/icons/ico_social-twitter.png) 0 0;
    width: 20px!important;
    background-size: 20px;
}
body #colophon .widget ul li {
    border-bottom: 0;
}

body .footer-socket-wrapper .footer-menu a{
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
}




/* responsiv */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	
	#header-text-nav-container .call_us {right: 1.5%; }
  .breadcrumb, header, #main { width: 96%; margin: auto;  }
  .breadcrumb { padding: 0 10px; }
  .head_line{ padding: 0 2%; }
  #header-text-nav-container{ width: 100%; }
  body #header-logo-image{ max-width: 170px; }
  #site-navigation{   margin-top: 83px;}
  header nav ul#menu-header > li { margin-left: 15px; margin-right: 15px; }
  header nav ul#menu-header > li > a,
  body header nav ul.sub-menu li a {    font-size: 12px;  }
  header nav ul#menu-header > li:before { left: -5px; content:''; }
  .sub-toggle, .sub-menu .sub-toggle {   
        right: 0px;    top: 40%;
        width: 100%;
    }
    .sub-toggle i, .sub-menu .sub-toggle i{
    	visibility: 	hidden;	
    }

  	.main-navigation ul li ul {
        position: absolute;
        width: 200px;
    	top: 100%;
    	right: -20px;
	}

	body .footer-socket-wrapper .footer-menu a {
	    

	    font-size: 12px;
	}
}


@media screen and (max-width: 768px) {
	.site-header .menu-toggle { background-color: #1e1e1e; margin-top: 5px; color:#f0f0f0;}
	#header-text-nav-container .call_us {right: 1.5%; }
    #site-navigation {    margin-top: 0;    position: absolute;    margin: 0;    padding: 0;    left: 0;    width: 100%;  }
    #header-text-nav-wrap {    margin-top: 50px;  }
    #menu-header {float: none;}
  	header nav ul#menu-header > li {     float: none;    clear: both;    width: 100%;    margin:0;    padding:0;  }
    .better-responsive-menu .sub-toggle {  	top: 1px; background: transparent!important; left:0;     text-align: right; }
    .better-responsive-menu .sub-toggle i {  	right: 15px; }
    .better-responsive-menu .sub-toggle i:before { color:  #937d3e;  }
    .main-small-navigation a{ border :0;}
    header nav ul#menu-header > li > a {padding: 5px 0 2px 10px;}
}




/* =Secondary Navigation – 1:1 wie Primary Navigation */
.secondary-navigation {
    /* Desktop: Standardmäßig offen */
}

.secondary-navigation .menu-toggle {
    display: none;
}

/* Mobile (≤768px): Verhält sich exakt wie .main-small-navigation im Parent */
@media screen and (max-width: 768px) {
    .secondary-navigation {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .secondary-navigation .menu-toggle {
        display: block;
        /* Erbt Styling von .site-header .menu-toggle aus Parent */
    }

    .secondary-navigation .nav-menu {
        display: none;
    }

    /* Wenn die Klasse main-small-navigation per JS gesetzt wird */
    .secondary-navigation.main-small-navigation .nav-menu {
        display: block;
    }
    
    /* Sicherstellen, dass Untermenüs und Listen korrekt vererbt werden */
    .secondary-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
}