/* Theme Name: mrsoftworks – DeepSite Theme URI: https://mrsoftworks.de Author: Marco Reichelt Author URI: https://mrsoftworks.de Description: Custom Theme (DeepSite-Export) – Apple-Style, Tailwind, AOS, Feather Icons Version: 1.0.0 Text Domain: mrsoftworks-deepsite */ :root { --steelblue: #4682B4; --navy: #000080; } /* Fallbacks, falls Tailwind-CDN noch nicht geladen ist */ .mr-text { color: var(--steelblue); } .softworks-text { color: #1a1a1a; } .dark .softworks-text { color: #e5e7eb; } /* === Logo Handling (Light/Dark) === */ .site-logo img { height: 36px; /* passe bei Bedarf an */ width: auto; display: inline-block; vertical-align: middle; } .site-logo .logo--light { display: inline-block; } .site-logo .logo--dark { display: none; } /* System-Dark-Mode */ @media (prefers-color-scheme: dark) { .site-logo .logo--light { display: none; } .site-logo .logo--dark { display: inline-block; } } /* Falls dein Theme eine .dark Klasse auf setzt */ html.dark .site-logo .logo--light { display: none; } html.dark .site-logo .logo--dark { display: inline-block; } /* Optional: kleine optische Korrektur, wenn Logo im Header zu dicht steht */ .header .site-logo { display: inline-flex; align-items: center; gap: .5rem; } /* Loader ausblenden, sobald .page-loaded auf gesetzt wurde */ .page-loaded #preloader { opacity: 0; visibility: hidden; pointer-events: none; } /* Optional: während des Ladens Scrollen verhindern (entfernen, wenn nicht gewünscht) */ html:not(.page-loaded) { overflow: hidden; } /* Barrierearmut: bei reduzierter Bewegung Animation ausblenden */ @media (prefers-reduced-motion: reduce) { #preloader l-zoomies { display: none; } }