/* 1. Theme-Header & masthead komplett ausblenden */
header.wp-block-template-part,
.site-header,
.wp-site-blocks > header,
.wp-block-template-part[class*=“header“],
#masthead {
display: none !important;
}
/* 2. HTML-Codeblock aus dem Dokumentenfluss nehmen */
.wp-block-html:first-child {
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
height: 0 !important;
min-height: 0 !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
pointer-events: none !important;
}
/* 3. Menüleiste: Absolut oben verankert */
#sk-header {
position: absolute;
top: 0; left: 0; right: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1.5rem;
height: 64px;
background: rgba(2, 6, 12, 0.95);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
pointer-events: auto;
}
body.admin-bar #sk-header { top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar #sk-header { top: 46px; }
}
#sk-wordmark {
font-family: ‚Manrope‘, system-ui, sans-serif;
font-weight: 700;
font-size: 1.05rem;
letter-spacing: 0.18em;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}
#sk-burger {
display: flex;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px; height: 40px;
background: none;
border: none;
cursor: pointer;
padding: 8px;
box-sizing: border-box;
}
#sk-burger span {
display: block;
width: 22px; height: 1.5px;
background: #fff;
border-radius: 2px;
transition: transform 0.3s ease, opacity 0.3s ease;
transform-origin: center;
}
#sk-burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
#sk-burger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
#sk-burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
#sk-overlay {
display: none;
position: fixed !important;
inset: 0 !important;
background: #02060c;
z-index: 99998 !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.8rem;
padding: 4rem 2rem 6rem;
box-sizing: border-box;
}
#sk-overlay.open { display: flex; }
#sk-overlay a {
font-family: ‚Manrope‘, system-ui, sans-serif;
font-weight: 300;
font-size: clamp(1.2rem, 2.2vw, 1.7rem);
letter-spacing: 0.14em;
color: rgba(255,255,255,0.80);
text-decoration: none;
transition: color 0.2s, letter-spacing 0.2s;
}
#sk-overlay a:hover { color: #D7B45A; letter-spacing: 0.22em; }
#sk-search-wrap {
position: absolute;
bottom: 3.5rem;
width: 280px;
}
#sk-search {
width: 100%;
padding: 0.6rem 0;
background: transparent;
border: none;
border-bottom: 1px solid rgba(255,255,255,0.25);
color: #fff;
font-family: ‚Manrope‘, system-ui, sans-serif;
font-size: 0.9rem;
letter-spacing: 0.06em;
outline: none;
transition: border-color 0.2s;
box-sizing: border-box;
}
#sk-search::placeholder { color: rgba(255,255,255,0.35); }
#sk-search:focus { border-bottom-color: rgba(255,255,255,0.55); }
main, #content, .entry-content, .wp-site-blocks {
padding-top: 0 !important;
margin-top: 0 !important;
}
(function () {
const burger = document.getElementById(’sk-burger‘);
const overlay = document.getElementById(’sk-overlay‘);
burger.addEventListener(‚click‘, function () {
const isOpen = burger.classList.toggle(‚open‘);
overlay.classList.toggle(‚open‘, isOpen);
burger.setAttribute(‚aria-expanded‘, isOpen);
document.body.style.overflow = isOpen ? ‚hidden‘ : “;
});
overlay.querySelectorAll(‚a‘).forEach(function (link) {
link.addEventListener(‚click‘, function () {
burger.classList.remove(‚open‘);
overlay.classList.remove(‚open‘);
burger.setAttribute(‚aria-expanded‘, ‚false‘);
document.body.style.overflow = “;
});
});
})();
Der Mensch ist ein System.
Körperliche, psychologische und kognitive Prozesse existieren nicht isoliert. Sie sind miteinander verbunden und beeinflussen sich fortlaufend.
Shaktayalogie untersucht diese Zusammenhänge und fragt, wie menschliche Systeme kohärenter, anpassungsfähiger und entwicklungsfähiger werden können.