@font-face {
font-family: 'Share Tech Mono';
font-style: normal;
font-weight: 400;
src: url(//himmlitz.art/wp-content/themes/himmlitz%20theme3/fonts/share-tech-mono-latin-400-normal.woff2) format('woff2');
} :root {
--bg-color: #050505;
--text-color: #f0f0f0;
--accent-yellow: #ccff00;
--holo-cyan: #00ffff;
--holo-pink: #ff00ff;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
scroll-behavior: smooth;
}
body {
background-color: var(--bg-color) !important;
color: var(--text-color) !important;
font-family: 'Share Tech Mono', monospace;
overflow-x: hidden;
position: relative;
} .video-bg-container {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
z-index: -999;
opacity: 0.35;
filter: contrast(120%) brightness(80%);
animation: bgPulse 4s infinite alternate ease-in-out;
}
.video-bg-container video {
width: 100vw;
height: 100vh;
object-fit: cover;
}
@keyframes bgPulse {
0% { opacity: 0.25; filter: brightness(70%) drop-shadow(0 0 2px rgba(204,255,0,0.1)); }
50% { opacity: 0.45; filter: brightness(110%) drop-shadow(0 0 15px rgba(204,255,0,0.4)); }
100% { opacity: 0.25; filter: brightness(70%) drop-shadow(0 0 2px rgba(204,255,0,0.1)); }
} body::before {
content: " ";
display: block;
position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.12) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.015), rgba(0, 255, 0, 0.005), rgba(0, 0, 255, 0.015));
z-index: 99999;
background-size: 100% 4px, 4px 100%;
pointer-events: none;
}
footer::before {
display: none !important;
} .site-header {
position: relative;
overflow: hidden;
border-bottom: none !important;
padding: 35px 60px; }
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
z-index: 20;
}
.retro-logo {
display: flex;
align-items: center;
text-decoration: none;
transition: all 0.3s ease;
}
.retro-logo span {
font-size: 3rem; color: var(--accent-yellow);
text-shadow: 0 0 12px var(--accent-yellow);
line-height: 1;
transition: text-shadow 0.3s ease;
}
.retro-logo:hover span {
text-shadow: 0 0 18px var(--accent-yellow);
}
nav ul {
list-style: none !important;
display: flex;
gap: 60px; margin: 0;
padding: 0;
}
nav ul li {
list-style: none !important;
}
nav ul li a {
font-family: 'Share Tech Mono', monospace;
font-size: 1.8rem; font-weight: bold;
color: var(--text-color);
text-decoration: none;
transition: 0.2s;
letter-spacing: 2px;
}
nav ul li a:hover {
color: var(--accent-yellow);
text-shadow: 0 0 12px var(--accent-yellow);
} .site-main {
padding-top: 0 !important;
margin-top: 0 !important;
position: relative;
z-index: 1;
}
.editor-content-box {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
background: rgba(5, 5, 5, 0.65);
backdrop-filter: blur(3px);
font-family: 'Share Tech Mono', monospace;
font-size: 1.1rem;
line-height: 1.8;
color: #ddd;
border-bottom: 1px dashed #333;
}
.editor-content-box p {
margin-bottom: 15px;
}
.editor-content-box h1, 
.editor-content-box h2, 
.editor-content-box h3 {
color: var(--accent-yellow);
margin-top: 30px;
margin-bottom: 15px;
text-shadow: 1px 1px var(--holo-cyan);
}
.editor-content-box a {
color: var(--holo-cyan);
text-decoration: underline;
}
.editor-content-box a:hover {
color: var(--accent-yellow);
} .retro-social-links {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
}
.retro-badge {
display: flex;
align-items: center;
gap: 15px;
background: rgba(10, 10, 10, 0.85);
border: 1px solid #444;
padding: 14px 18px;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.badge-icon {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
object-fit: contain !important;
filter: drop-shadow(0 0 5px rgba(255,255,255,0.2));
margin-right: 15px !important;
}
.retro-badge-hover {
transition: all 0.3s ease !important;
}
.retro-badge-hover:hover {
border-color: var(--accent-yellow) !important;
box-shadow: 0 0 10px rgba(204,255,0,0.3) !important;
transform: translateY(-2px);
} footer {
text-align: center;
padding: 30px;
font-size: 1rem;
color: #888;
position: relative;
z-index: 100000;
background: rgba(5, 5, 5, 0.95);
border-top: 1px solid #222;
}
.footer-icon-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: rgba(10, 10, 10, 0.9);
border: 1px solid #333;
transition: all 0.3s ease;
}
.footer-icon-link img {
width: 22px !important;
height: 22px !important;
object-fit: contain;
filter: grayscale(100%) brightness(80%);
transition: all 0.3s ease;
}
.footer-icon-link:hover {
border-color: var(--accent-yellow);
box-shadow: 0 0 8px rgba(204, 255, 0, 0.3);
transform: translateY(-3px);
} .site-main img[src*="Unbenannt2"],
.editor-content-box img[src*="Unbenannt2"],
.wp-block-image img[src*="Unbenannt2"],
.neon-glow-img img {
transition: filter 0.3s ease-in-out;
filter: drop-shadow(0 0 3px rgba(204, 255, 0, 0.2));
}
.site-main img[src*="Unbenannt2"]:hover,
.editor-content-box img[src*="Unbenannt2"]:hover,
.wp-block-image img[src*="Unbenannt2"]:hover,
.neon-glow-img img:hover {
filter: drop-shadow(0 0 10px rgba(204, 255, 0, 0.6)) drop-shadow(0 0 15px rgba(0, 240, 255, 0.3));
} #toggle-contact-btn.platform-btn {
font-size: 1.1rem !important;
padding: 14px 20px !important;
background: rgba(204, 255, 0, 0.1) !important;
border: 2px solid var(--accent-yellow) !important;
color: var(--accent-yellow) !important;
cursor: pointer;
font-family: 'Share Tech Mono', monospace;
font-weight: bold;
letter-spacing: 1px;
box-shadow: 0 0 10px rgba(204, 255, 0, 0.2);
transition: all 0.3s ease;
display: inline-block;
width: 100%;
text-align: center;
}
#toggle-control-btn.platform-btn:hover {
background: var(--accent-yellow) !important;
color: #000 !important;
box-shadow: 0 0 15px rgba(204, 255, 0, 0.4);
} @media (max-width: 768px) {
header, .site-header {
padding: 14px 15px !important;
margin-bottom: 0 !important;
}
.retro-logo span {
font-size: 1.8rem !important; }
nav ul {
gap: 20px !important;
}
nav ul li a {
font-size: 1rem !important; letter-spacing: 1px !important;
}
.site-main {
margin-top: 0 !important;
padding-top: 5px !important;
}
.site-main > *:first-child,
.site-main .wp-block-group:first-child,
.site-main .wp-block-cover:first-child,
.site-main .wp-block-columns:first-child,
.site-main .wp-block-image:first-child,
.site-main div:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.wp-block-image, 
.wp-block-paragraph, 
.wp-block-heading,
.editor-content-box {
margin-top: 0px !important;
padding-top: 0px !important;
}
}