/*
 Theme Name:   hausamdeich
 Template:     oceanwp
*/


h1{
	font-weight:500 !important;
	margin-bottom: 1.5em !important;
}

#content-wrap{
	padding-top: 3em !important;
}

#site-header{
	/*z-index: 9995 !important;*/
}

#site-header-inner{
	height: 390px !important;
	background:url(/wp-content/uploads/2021/07/headerkanteHg.png) left bottom repeat-x !important;
	max-width:90% !important;
}

#site-logo{
	float: right !important;
	position: relative !important;
	width: 273px;
}

#site-logo-inner{
	position: absolute !important;
	height: 107px !important;
	left:-22px;
	/*left:-0.8571428571428571em;*/
	left:-1.571428571428571em;
	bottom:-56px;
}

#site-logo-inner img{
	transition: none !important;
}

#site-logo #site-logo-inner a:hover img {
    -moz-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    opacity: 1 !important;
}

#site-navigation-wrap{
	position: absolute !important;
	right: 22px !important;
	top:0;
}

#site-navigation-wrap .menu-bar-inner{
	height: 70px !important;
}

#site-header.full_screen-header .menu-bar{
	background-color:#bec92a;
	border-radius:0.3em;
}

#site-header.full_screen-header .menu-bar .ham{
	top:3px !important;
	right:1px;
	height:3px !important;
	background-color: #1e7ad9 !important;
}

#site-header.full_screen-header .menu-bar .ham::before, #site-header.full_screen-header .menu-bar .ham::after{
	height:3px !important;
	background-color: #1e7ad9 !important;
}

.oceanwp-mobile-menu-icon{
	position: absolute !important;
	left: 0;
	bottom:-57px; 
}

.oceanwp-mobile-menu-icon a.mobile-menu{ 
	height:40px !important;
	line-height: 40px !important;
}

.oceanwp-mobile-menu-icon a.mobile-menu .fa, .oceanwp-mobile-menu-icon a.mobile-menu .fa-bars{ 
	line-height: 40px !important; 
	font-size: 38px !important;
}

.oceanwp-mobile-menu-icon a.mobile-menu span.oceanwp-text{ 
	display:none;
}

#mobile-dropdown{
	position:absolute !important;
	top:115% !important;
}

#top-bar-wrap{
	background:#bec92a url(/wp-content/uploads/2021/05/hauptnaviHg.png) left bottom repeat-x !important;
	/*background:#bec92a !important;
	border-bottom: 3px solid #1e7ad9 !important;*/
	height: 4.75em;
	/*height: 5.666666666666667em;
	margin-top: -0.9166666666666667em;*/
	/*z-index: 9999 !important;*/
}

#top-bar{
	box-sizing:border-box;
	padding:0 !important;
	width: 1089px;
}

#top-bar, #top-bar-inner, #top-bar-content, #top-bar-nav{
	height: 100% !important;
}

.top-bar-menu{
	font-size: 22px;
	font-size: 1.8em !important;
	font-family: Quicksand, Tahoma, sans-serif;
	padding-left: 0;
	/*background:#bec92a;*/
	color:#1e7ad9;
	height: 100% !important;
	margin-bottom:0;
	margin-top:1em;
	padding-left:0;
	position:absolute;
	left:0;
	top:0;
}

.top-bar-menu li.menu-item{
	height: 100% !important;
	font-size: 0.9em !important;
	padding-top: 0.45em;
	margin-left: 0.360082304526749em !important;
	margin-right: 0.55em !important;
	color: #1e7ad9;
	box-sizing:border-box;
	display: block;
	text-align:center !important;
	float:left;
	position:relative;
}

#top-bar-nav > ul > li{
	margin-right: 0.55em !important;
}

.top-bar-menu li.menu-item:first-child{
	margin-left: 0.8641975308641975em !important;
}

.top-bar-menu li.menu-item a{
	height: 100% !important;
	text-align:center !important;
	padding-bottom: 0.16em;
	color: #1e7ad9;
	display: block;
	text-decoration:none;
	background: none;
	margin:0;
}

.top-bar-menu li.menu-item a:hover{
	color: #425a73;
	border-bottom: 4px solid #1e7ad9 !important;
}

.top-bar-menu li.current_page_item a{
	color: #425a73 !important;
	border-bottom: 4px solid #1e7ad9 !important;
}

.elementor-widget-text-editor p, .elementor-widget-heading, div.elementor-widget:not(:last-child){
	margin-bottom: 0.4em !important;
}

.elementor-column.elementor-col-33{
	width:32.13957759412305% !important;
}

.mar33{
	box-sizing:border-box;
	width:32.13957759412305% !important;
	margin-right:1.744719926538108% !important;
}

section.sec66 div.elementor-container > div.elementor-col-66{
	box-sizing:border-box;
	width:66.11570247933884% !important;
	margin-right:1.744719926538108% !important;

}

section.sec66 div.elementor-container > div:last-child{
	margin-right:0 !important;
	}

section.sec16 div.elementor-container > div{
	box-sizing:border-box;
	width:15.24334251606979% !important;
	margin-right:1.744719926538108% !important;
	/*background:red;*/
}

section.sec16 div.elementor-container > div:first-child, section.sec16 div.elementor-container > div:nth-child(3){
	width:15.15151515151515% !important;

}

section.sec16 div.elementor-container > div:last-child{
	margin-right:0 !important;
	}

#footer{
	border-top: 3px solid #1e7ad9 !important;
}

#footer .elementor-column.elementor-col-33{
	box-sizing:border-box;
	/*margin-right:1.744719926538108% !important;*/
	border-left: 1px solid #425a73;
}

#footer .elementor-column.elementor-col-33:first-child{
	box-sizing:border-box;
	/*margin-right:1.744719926538108% !important;*/
	border-left: 0;
}

#footer .elementor-container{
	max-height: 84px !important;
}

#footer h4{
	margin-bottom: 0.4em !important;
}

#footer a{
	color: #1e7ad9 !important;
}

/*10web-Foto-Galerie*/

.bwg_thumbnail.bwg_container{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails{
	width:100% !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item > a {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item{
	margin-right: 1.744719926538108% !important;
	margin-bottom: 28px !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item:nth-child(3n){
	margin-right: 0 !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item:last-child{
	margin-right: 0 !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails{
	padding-left: 0 !important;
}

#bwg_container3_0{
}

/*Foo-Gallery*/

.fg-default.fg-gutter-10{
	padding-left: 0 !important;
}

.fg-default.fg-gutter-10 .fg-item{
	margin-right: 1.744719926538108% !important;
	margin-bottom: 28px !important;
}

.fg-default.fg-gutter-10 .fg-item:nth-child(3n){
	margin-right: 0 !important;
}

.fg-default.fg-gutter-10 .fg-item:last-child{
	margin-right: 0 !important;
}

.fg-item{
	width:32.13957759412305% !important;
	height: auto !important;
}

.fg-image{
	width:100% !important;
}



@media screen and (min-width:240px) and (max-width:767px){ 
	

    #site-logo{
        float: right !important;
        position: relative !important;
        width: 273px;
    }
    
	#site-logo-inner{ 	
	    position: absolute !important;
        height: 107px !important;
        left:0 !important;
        bottom:-56px;
	}
}


@media screen and (min-width:240px) and (max-width:479px){ 
 

    .elementor-columnn, .elementor-top-column, .elementor-element{
    	margin-bottom:21px !important;
    } 

    .elementor-column.elementor-col-33{
        width:100% !important;
    } 

    .mar33{
        box-sizing:border-box;
        width:100% !important;
        margin-right:0 !important;
    } 
    
    section.sec66 div.elementor-container > div.elementor-col-66{
        box-sizing:border-box;
        width:100% !important;
        margin-right:0 !important;

    }
    
    section.sec16 div.elementor-container > div{
        box-sizing:border-box;
		width:32.13957759412305% !important;
		margin-right:1.744719926538108% !important;
        /*background:red;*/
    }
    

    section.sec16 div.elementor-container > div:first-child, section.sec16 div.elementor-container > div:nth-child(3){
		width:32.13957759412305% !important;

    }

    section.sec16 div.elementor-container > div:last-child, section.sec16 div.elementor-container > div:nth-child(3){
        margin-right:0 !important;
        }
        
    section.sec16 div.elementor-container > div:nth-child(1), section.sec16 div.elementor-container > div:nth-child(2), section.sec16 div.elementor-container > div:nth-child(3){
    	margin-bottom:21px !important;
    }


}