/* Themify Customize Styling */
#headerwrap {	background-image: url(https://stephanmoebius.de/wp-content/uploads/2019/07/header_compressed_tele_black_comp.jpg);
	background-repeat: no-repeat;
	background-position: center center; 
}
#headerwrap.fixed-header, .transparent-header #headerwrap.fixed-header {	background: none;
	background-color: rgba(7,103,138,0.72); 
}
body #site-logo a {	
	font-family: "Vollkorn SC";	font-weight:normal;
	letter-spacing:0,5px;
	text-transform:capitalize; 
}
#main-nav-wrap, .header-block #main-nav-wrap, body:not([class*="header-"]) #main-nav-wrap, .header-block.mobile_menu_active .menu-icon-wrap, body:not([class*="header-"]).mobile_menu_active .menu-icon-wrap {	background: none;
	background-color: rgba(7,103,138,0.73); 
}
#main-nav {	
	background-color: transparent; 
}
#main-nav a {	
	color: #ddc120;
	font-family: "Vollkorn SC";	font-weight:normal;
	text-transform:capitalize; 
}
#main-nav a:hover {	
	color: #ffdd00; 
}
body:not(.mobile_menu_active) #main-nav .current_page_item > a:hover, body:not(.mobile_menu_active) #main-nav .current-menu-item > a:hover {	
	color: #f1cd05; 
}
#main-nav ul {	background: none;
	background-color: #000000; 
}
#main-nav ul a, body:not(.mobile_menu_active) #main-nav .current_page_item ul a, body:not(.mobile_menu_active) #main-nav ul .current_page_item a, body:not(.mobile_menu_active) #main-nav .current-menu-item ul a, body:not(.mobile_menu_active) #main-nav ul .current-menu-item a {	
	color: #f1cd05; 
}
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {	
	font-family: "Vollkorn SC";	font-weight:normal;
 
}
#main-nav ul a:hover, body:not(.mobile_menu_active) #main-nav .current_page_item ul a:hover, body:not(.mobile_menu_active) #main-nav ul .current_page_item a:hover, body:not(.mobile_menu_active) #main-nav .current-menu-item ul a:hover, body:not(.mobile_menu_active) #main-nav ul .current-menu-item a:hover {	
	color: #ffd900; 
}
.page-title {	
	font-family: "Vollkorn SC";	font-weight:normal;
	text-transform:capitalize; 
}
#footerwrap {	background: none;
	background-color: #07678a; 
}
#footer {		font-size:18px;
 
}

/* Themify Custom CSS */
.pagewidth{
	width: 1100px;
	
}

#footer{
    padding: 0 0 1.25em 0;
}

.home #headerwrap {	background-image: url(https://stephanmoebius.de/wp-content/uploads/2019/07/header_compressed_tele_black_comp.jpg);
	background-repeat: no-repeat;
	background-position: center center; 
}

.home #header{
    height: 500px !important;
    z-index: 1;
}

.home #headerwrap{
	height: 500px !important;
}

#headerwrap.fixed-header, .transparent-header #headerwrap.fixed-header{
	height: 70px !important;
}


#headerwrap #main-nav ul{
transform: none;
transform-origin: bottom;
bottom: auto;
top: auto;
}

#headerwrap.fixed-header #main-nav-wrap{
	position: absolute;
	top: 0;
	height: 70px !important;
}


#content{
    width:800px;
}

/* Abschnitt Widget Post Slider */

.widget-post-slider .wps-caption{
	background-color: rgba(255,255,255,1);
	font-size: 14px;
	font: bold 1em/1.62em 'Muli',sans-serif;
	color: #4392f1;
	text-align: center;
	position: inherit;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 5px;
}

.widget-post-slider .wps-caption a,
.widget-post-slider .wps-caption a:hover{
	color: blue;
}
.sp-widget-post-slider-section .slick-arrow.slick-prev{
	left: -35px;
	color: #f1cd05;
}
.sp-widget-post-slider-section .slick-arrow.slick-next{
	right: -35px;
	color: #f1cd05;
}

.slick-slide img{
	height: 217px;
	width: auto;
}

/*
Abschnitt Dropdownmenu main-nav breiter
*/

.sub-menu{
	display: none;
}

#main-nav li:hover > .sub-menu{
	display: block;
}


#main-nav li > .sub-menu{
	width: 250px;
	left: 30%;
}


/*
#main-nav ul a,
#main-nav .current_page_item ul a,
#main-nav ul .current_page_item a,
#main-nav .current-menu-item ul a,
#main-nav ul .current-menu-item a {
	width: 250px;
}


#main-nav ul {
  margin: 0 0 0 -115px;
}
*/
/*
Anpassung Untermenu
*/

#main-nav li > .sub-menu{
	background-color: rgba(7, 103, 138, 0.93);
}


/*
######### MEDIA QUERIES ##########
*/


/*
######## MOBILE #########
*/

@media (max-width: 650px) {
    .hgroup .header-bar #site-logo span {
        background-color: orangered;
    }
}