Allgemeines “Media Queries Sylesheet” für ENFOLD verfügbar?

Oder sollte man diesen Ansatz wählen und auf Media Queries verzichten bzgl. der typogarfischen Gestaltung?
Or should you choose this approach and do without media queries with regard to typographical design?

/* Basis-Schriftgröße für das gesamte Dokument festlegen */
html {
font-size: 16px; /* Basisschriftgröße ist 16px */

/* CSS-Variablen für Schriftgrößen mit clamp() */
–font-h1: clamp(2.5rem, 5vw + 1rem, 6.25rem); /* Mindestens 40px, ideal mit Viewport skaliert, maximal 100px */
–font-h2: clamp(1.8rem, 3.5vw + 0.5rem, 2.5rem); /* Mindestens 28.8px, maximal 40px */
–font-h3: clamp(1.6rem, 3vw + 0.5rem, 2rem); /* Mindestens 25.6px, maximal 32px */
–font-h4: clamp(1.4rem, 2.5vw + 0.5rem, 1.75rem); /* Mindestens 22.4px, maximal 28px */
–font-h5: clamp(1.2rem, 2vw + 0.5rem, 1.5rem); /* Mindestens 19.2px, maximal 24px */
–font-h6: clamp(1.1rem, 1.5vw + 0.5rem, 1.25rem); /* Mindestens 17.6px, maximal 20px */
–font-p: clamp(1rem, 1.5vw + 0.5rem, 1.2rem); /* Mindestens 16px, maximal 19.2px */
–font-menu: clamp(0.9rem, 1vw + 0.5rem, 1.1rem); /* Mindestens 14.4px, maximal 17.6px */

/* Schriftglättung aktivieren */
-webkit-font-smoothing: antialiased; /* Glättet die Schrift */
-moz-osx-font-smoothing: grayscale; /* Optimiert für Mac-Geräte */
}

/* Verwenden der CSS-Variablen für die Überschriften und Textelemente */
h1 {
font-size: var(–font-h1);
line-height: 1.2; /* Kompakter für große Headlines */
text-transform: none !important;
}

h2 {
font-size: var(–font-h2);
line-height: 1.3; /* Etwas großzügiger als H1 */
text-transform: none !important;
}

h3 {
font-size: var(–font-h3);
line-height: 1.4;
text-transform: none !important;
}

h4 {
font-size: var(–font-h4);
line-height: 1.4;
text-transform: none !important;
}

h5 {
font-size: var(–font-h5);
line-height: 1.5; /* Noch großzügiger */
text-transform: none !important;
}

h6 {
font-size: var(–font-h6);
line-height: 1.5;
text-transform: none !important;
}

p {
font-size: var(–font-p);
line-height: 1.6; /* Optimal für Fließtexte */
}

.main_menu li a {
font-size: var(–font-menu);
line-height: 1.4; /* Angemessen für Menüpunkte */
}

/* Schriftglättung und Font-Weight für Überschriften */
h1, h2, h3, h4, h5, h6 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400 !important; /* Verhindert Überschreibungen */
}