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

body {
    background-color: #000000 !important;
    /* Nur dein Farbverlauf im Body */
    background: radial-gradient(125% 185% at 50% 10%, black 50%, #d35d3061 100%);
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
}

/* Das Rauschen als eigene Schicht darübergelegt */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-repeat: repeat;
    
    opacity: 0.13; 
    
    pointer-events: none; 
    z-index: 1; 
}

/* Navigation menu */
#site-header.medium-header .top-header-wrap, .search-toggle-li, #mobile-menu-search{
	display:none !important;
}

#site-header.medium-header #site-navigation-wrap{
	    background-color: transparent;
}

#site-navigation-wrap .dropdown-menu>li>a{
	color:#fff;
}

#site-header.medium-header #site-navigation-wrap .dropdown-menu>li>a{
	font-size: 14px;
    line-height: 50px;
    padding: 0 20px;
    text-transform: none;
}

#site-header.medium-header .oceanwp-mobile-menu-icon{
	 background-color: transparent !important;
}

#mobile-dropdown {
    background-color: transparent;
    top: 0px;
    z-index: 9;
}

nav ul.menu{
	background: #00000078;
    backdrop-filter: blur(10px);
    height: 100vh;
}

#mobile-dropdown ul {
    padding-top: 3em;
}

#mobile-dropdown a {
	font-size: 22px !important;
    line-height: 0.8 !important;
    color: #ffffff;
	text-align: center !important
}

#mobile-dropdown a:hover {
    color: #d35d31;
}

.oceanwp-mobile-menu-icon>button {
    font-size: 15px !important;
    line-height: 48px !important;
	color: #fff !important;
}

@media only screen and (max-width: 959px) {
#site-header.medium-header .oceanwp-mobile-menu-icon {
	display: flex;
    justify-content: end;
    margin-right: 20px;
	background-color: transparent !important;
	z-index: 10;
}
}

.simply-logo-top{
width: 320px;
height: auto;
padding: 65px 120px 30px 120px;
margin: auto;
margin-top: -3.55em;
border-radius: 0px 0px 25px 25px;
background-color: rgb(212 98 57 / 21%) !important; 
}

/* WP Admin Menu Ausblenden */

/* Standardzustand: Adminbar ist versteckt und nach oben verschoben */
body.admin-bar {
  margin-top: -32px;
  transition: margin-top 0.4s ease; /* Macht das Ausklappen flüssig */
}

/* WENN body ein #wpadminbar enthält, das gehovert wird: margin-top auf 0 */
body.admin-bar:has(#wpadminbar:hover) {
  margin-top: 0px;
}

#wpadminbar {
	cursor:pointer;
	opacity: 0;
	transition: all 0.4s;
}

#wpadminbar:hover {
	opacity:1;
}

#site-header{
	border-bottom: 0px solid !important;
}