/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: marmiko.de
Author URI: https://marmiko.de/
Template: oceanwp
Version: 1.0
*/

/*imported.css*/


/* General */
#site-header{
	border-bottom:none;
}

/* shadow sizes,.... */
.boxed-layout.wrap-boxshadow #wrap{
    -webkit-box-shadow: 01px 5px 7px #999;
    -moz-box-shadow: 1px 5px 7px #999;
    box-shadow: 1px 5px 7px #999
} 
        
.boxed-layout #wrap .container{
    padding-left: 0px;
    padding-right: 0px;
}
    
/* show shadow at the bottom of each page */
.boxed-layout .site{
	margin-bottom: 80px;
}


/* content area  */
#main{
	padding: 1px 10px 1px 55px;
}

/* header inclusive Submenu and Images  */
#site-header{
    height: 575px;
}

/* logo */
#site-logo{
	height: 107px;
	width:393px
}


/* Menu  */ 
/* Topmenu (Download,...) */
.topmenu_navigation{
	padding-right: 50px;
}

/* colors for 
Topmenu (Download,...) 
first Menu (Willkommen,...) */
.topmenu_navigation .wp-block-navigation__container > .current-menu-item > a, 
.submenu_navigation .wp-block-navigation__container > .current-menu-item > a{
	color: #694f45;
}

.topmenu_navigation .wp-block-navigation__container .wp-block-navigation-item__content :hover,
.submenu_navigation .wp-block-navigation__container .wp-block-navigation-item__content :hover{
    color: #684f45;
}

/* prevcent focus border */ 
#site-logo #site-logo-inner a:focus,
.topmenu_navigation .wp-block-navigation__container .wp-block-navigation-item__content:focus{
	outline: none !important;
}

.topmenu_navigation .wp-block-navigation__container .wp-block-navigation-item__content,
.submenu_navigation .wp-block-navigation__container .wp-block-navigation-item__content {
	   color: #a28d83;
}

/* Menu Willkommen.... */
/* 01.09.2023 Anko changed top from 484px to 243px, because of wordpress changes */
.submenu_navigation{
	position: absolute;
  top: 243px;
  z-index: 20000;
  left: 55px;
}

.submenu_navigation 
.wp-block-navigation-item__label,
.submenu_navigation
.wp-block-navigation-item__content{
font-size: 16px !important;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle ~ .wp-block-navigation__submenu-container{
	min-width: 380px !important;
	padding-left: 20px
}

/*.submenu_navigation */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content    {
	font-weight: bold;
  color: #f6b998;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content :hover{
	   color: #ed7333;
}

/* all Menus  */
.topmenu_navigation 
.wp-block-navigation-item,
.submenu_navigation
.wp-block-navigation-item,
.submenu_page_menu  
.wp-block-navigation-item{
	padding-right: 15px;
}

.submenu_navigation
.wp-block-navigation__submenu-container
{
	padding-top: 0px !important;
}

/* Submenu Therapie with Osteopathie .... */
.submenu_page_menu{
	position: absolute;
	top: 443px;
	left: 55px;
	bottom: -60px;
}

/* colors for Submenu Therapie with Osteopathie .... */
.submenu_page_menu .wp-block-navigation__container > .current-menu-item > a{
	color: #ed7333;
	font-weight: bold;
}


.submenu_page_menu .wp-block-navigation__container .wp-block-navigation-item__content :hover{
	   color: #ed7333;
	   font-weight: bold;
}

.submenu_page_menu .wp-block-navigation__container .wp-block-navigation-item__content {
	   color: #f6b998;
	   font-weight: bold;
	text-decoration: none !important;
}
/* figure wuth img old no straching possible */
/* 
 * #ImageNavigation{
	height:370px;
	width: 1039px;
	z-index: 5;
}*/

/* Images */
.DiashowImage {
	height:370px;
	width: 1039px;
}

#wp-image-01,
#wp-image-02,
#wp-image-03{
	position: absolute;
 top: 150px;
}
/* to set the size of the page to show the bottom shaddow old  
#outer-wrap{
	height: 2000px;
}
*/

/*******************/
/* set the positions of some elemts in a smaller screens */


@media screen and (max-width: 780px) and (min-width: 580px) 
{
	#site-header{
	height: 645px;
	}

	/* content area  */
/*    #main{
		margin-top: 150px;
	}
*/	
	
	#wp-image-01,
	#wp-image-02,
	#wp-image-03{
		position: absolute;
 		top: 300px;
	}
	
/* 01.09.2023 Anko changed top from 484px to 243px , because of wordpress changes */
    .submenu_navigation{
		position: absolute;
  	    top: 283px !important;
  	    z-index: 20000;
  	    left: 55px;
	}
/*
	.submenu_page_menu{
		position: absolute;
		top: 678px;
		left: 55px;
		bottom: -60px;
	}*/
	/* to set the size of the page to show the bottom shaddow old */
	/*
	#outer-wrap{
	  height: 3000px;
  }*/
}


@media screen and (max-width: 580px){
    .submenu_navigation{
		position: absolute;
  	    top: 490px;
  	    z-index: 20000;
  	    left: 55px;
	}/*
    #main{
		margin-top: -220px;
	}
	*/
	#site-header{
	height: 550px
	}

	#wp-image-01,
	#wp-image-02,
	#wp-image-03{
		position: absolute;
 		top: 290px;
	}
}

/*******************/

/*
@media (min-width: 782px){
	#main{
	   width: 910px;
	   padding: 78px 0 1px 55px;
   }
}
*/	  


/* Topmenu (Download,...) bounded at right */
/*.custom-header-nav {
	float: right;
}
*/

/*
@media screen and (max-width: 900px){
.custom-header-logo img{
	max-width: 300px;
	max-height: 181px;
	} 
}*/
/*
@media screen and (max-width: 1024px){
.topmenu_navigation #modal-4{
    display: none;
}
.topmenu_navigation .wp-block-navigation__responsive-container-open {
    display: block;
}
}
*/
/*
@media screen and (max-width: 1024px) and (min-width: 751px) {
  .topmenu_navigation { display: none; }
}

@media screen and (max-width: 750px) {
  .topmenu_navigationmenu { display: block; }
}
*/

/*
#site-navigation{
	flex-wrap: nowrap;
}*/
/* remove underline in Menus 
.single .entry-content a:focus,
a:focus {
	outline: none !important;
}
*/

/*#site-header-inner {
	height:100%;
	width: 100%;
}*/