Type: css

/* ============================================================ MYTHOS — Site-wide Inner Page Theme Load via: WPCode Pro → Add Snippet → CSS Snippet → Site Wide Purpose: dark-themes the GeneratePress chrome + Gutenberg page content on every NON-home page, so inner pages match the self-contained…Continue reading

@import url(‘https://fonts.googleapis.com/css2?family=Spectral:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap’); .mt-page{ –mt-purple:#534AB7; –mt-purple-light:#7B72E0; –mt-purple-deep:#3A3290; –mt-glow:rgba(83,74,183,.45); –mt-cyan:#35C7FF; –mt-cyan-soft:rgba(53,199,255,.5); –mt-bg:#08081A; –mt-bg-2:#0C0C22; –mt-card:#12122E; –mt-card-2:#171738; –mt-border:rgba(123,114,224,.22); –mt-border-bright:rgba(123,114,224,.5); –mt-text:#E9E9F2; –mt-muted:#9A9AC0; –mt-white:#fff; –serif:’Spectral’,Georgia,serif; –sans:’IBM Plex Sans’,system-ui,sans-serif; –mono:’IBM Plex Mono’,monospace; –wrap:1180px; –pill:999px; –ease:cubic-bezier(.22,1,.36,1); font-family:var(–sans); color:var(–mt-text); background:var(–mt-bg); line-height:1.6; -webkit-font-smoothing:antialiased; } .mt-page *{box-sizing:border-box;margin:0;padding:0} .mt-page img{max-width:100%;display:block} .mt-page ::selection{background:var(–mt-purple);color:#fff}…Continue reading

/* ============================================================ MYTHOS TECHNOLOGY — Homepage CSS Load via: WPCode Pro → Add Snippet → CSS Snippet Scope: Site-wide (or restrict to front page template) ============================================================ */ /* ── TOKENS ────────────────────────────────────────────────── */ :root { –mt-purple: #534AB7; –mt-purple-light: #6E65D0; –mt-purple-glow: rgba(83,…Continue reading

/* ========================================================= Etch Structure Panel: Colour-coded tag markers ========================================================= */ .etch-builder-structure-wrapper .etch-builder-accordion__header { position: relative; isolation: isolate; } .etch-builder-structure-wrapper .etch-builder-accordion__header::after { content: “”; position: absolute; left: 0; top: 0px; bottom: 0px; width: 4px; z-index: -1; border-radius: 0; background: var(–etch-tag-color, #64748b);…Continue reading

/* Kästen Legacy-Artikel */ /* Nur .kasten, die ein .image UND ein h3 enthalten → Personenkarte */ .legacy .kasten { padding-bottom:64px; } .legacy .kasten:has(.image + h3):not(:has(p.frage)) > *:not(.image) { grid-column: 2; } .legacy .kasten:has(.image + h3):not(:has(p.frage)) ul { margin: 0.25rem…Continue reading

.module–ad–leadboard.is-hidden–sm { display:block !important; } .module–article–flexible-box figcaption { width: 290px; } .module–banner–advertorial .module–inner { padding:0 !important; } /* Version 1.0.1 */ /* ================================================================ * Fix: Frame/Tandem-Ad Sichtbarkeit im Leaderboard-Slot * ================================================================ */ /* Hauptfix: Bilder im Leaderboard-Modul von max-width befreien…Continue reading

/* ============================================================= Video Grid — pc-video-grid 3-column card layout. Responsive: 2-col tablet, 1-col mobile. ============================================================= */ .pc-video-grid { display: grid; grid-template-columns: repeat( 3, 1fr ); gap: 2rem; width: 100%; } /* ── Card ── */ .pc-video-grid__card { display: flex; flex-direction:…Continue reading

/* Pinlisting Guide Page Styles */ .pl-guide-page { –pl-dark: #1E1E1E; –pl-text: #2A2A33; –pl-muted: #64646F; –pl-blue: #2563EB; –pl-blue-hover: #1F50C8; –pl-cyan: #4CC2A4; –pl-surface: #FFFFFF; –pl-muted-surface: #FAFBFD; –pl-soft: #F7F9FB; –pl-border: #E2E6EC; –pl-pill: #E2E8F6; color: var(–pl-text); font-size: 17px; line-height: 1.72; } .pl-guide-page, .pl-guide-page *…Continue reading