/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
*/
/**

    var(--theme-palette-color-1); you can use this as your primary brand colour.
    var(--theme-palette-color-2); alternative colour, used usually for the hover action 
    var(--theme-palette-color-3); colour used for general text paragraphs
    var(--theme-palette-color-4); colour used for headings, subheadings and titles 
    var(--theme-palette-color-5); colour used for borders
    var(--theme-palette-color-6); #778d7a;  colour used for subtle backgrounds (page hero, footer)
    var(--theme-palette-color-7); colour used for the site’s background
    var(--theme-palette-color-8); lighter alternative colour, to be used in header backgrounds

	Blocksy Querys:
	@media (max-width: 767px) {}
	@media (min-width: 768px) {}
	@media (max-width: 999px) {}

*/



	/* lose und freie Klassen 
	__________________________________________________________________________________*/

		/* https://www.joshwcomeau.com/shadow-palette/ */
		:root {
			  --shadow-color: 0deg 0% 71%;
			  --shadow-elevation-low:
				0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.35),
				0.5px 0.8px 1.1px -2.3px hsl(var(--shadow-color) / 0.38);
			  --shadow-elevation-medium:
				0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.33),
				0.7px 1.1px 1.5px -1.2px hsl(var(--shadow-color) / 0.35),
				2.5px 4.2px 5.6px -2.3px hsl(var(--shadow-color) / 0.37);
			  --shadow-elevation-high:
				0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.31),
				0.9px 1.5px 2px -0.5px hsl(var(--shadow-color) / 0.31),
				1.8px 3.1px 4.1px -0.9px hsl(var(--shadow-color) / 0.32),
				3.4px 5.7px 7.7px -1.4px hsl(var(--shadow-color) / 0.33),
				6.1px 10.4px 13.9px -1.8px hsl(var(--shadow-color) / 0.34),
				10.6px 17.8px 23.9px -2.3px hsl(var(--shadow-color) / 0.35);
			}
			.schatten-small { box-shadow: var(--shadow-elevation-low); }
			.schatten 		{ box-shadow: var(--shadow-elevation-medium); }	
			.schatten-large { box-shadow: var(--shadow-elevation-high); }


				/* @link https://utopia.fyi/type/calculator?c=320,17,1.2,1290,18,1.414,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 

				:root {
				  --step--2: clamp(0.5627rem, 0.7956rem + -0.289vw, 0.7378rem);
				  --step--1: clamp(0.7956rem, 0.915rem + -0.1481vw, 0.8854rem);
				  --step-0: clamp(1.0625rem, 1.0419rem + 0.1031vw, 1.125rem);
				  --step-1: clamp(1.275rem, 1.1708rem + 0.5208vw, 1.5908rem);
				  --step-2: clamp(1.53rem, 1.2927rem + 1.1865vw, 2.2493rem);
				  --step-3: clamp(1.836rem, 1.3924rem + 2.2178vw, 3.1805rem);
				  --step-4: clamp(2.2032rem, 1.4464rem + 3.7841vw, 4.4973rem);
				  --step-5: clamp(2.6438rem, 1.4182rem + 6.1284vw, 6.3592rem);
				}*/


				/* @link https://utopia.fyi/type/calculator?c=320,17,1.2,1290,18,1.38,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
				:root {
				  --step--2: clamp(0.5907rem, 0.7864rem + -0.2427cqi, 0.7378rem);
				  --step--1: clamp(0.8152rem, 0.9086rem + -0.1158cqi, 0.8854rem);
				  --step-0: clamp(1.0625rem, 1.0419rem + 0.1031cqi, 1.125rem);
				  --step-1: clamp(1.275rem, 1.1835rem + 0.4577cqi, 1.5525rem);
				  --step-2: clamp(1.53rem, 1.328rem + 1.0102cqi, 2.1425rem);
				  --step-3: clamp(1.836rem, 1.4663rem + 1.8484cqi, 2.9566rem);
				  --step-4: clamp(2.2032rem, 1.584rem + 3.0959cqi, 4.0801rem);
				  --step-5: clamp(2.6438rem, 1.6585rem + 4.9265cqi, 5.6305rem);
				}


				h1 { 
					word-wrap: break-word; /* Für ältere Browser */
					overflow-wrap: break-word; /* Die moderne Eigenschaft */
					margin-top: 0 !important; 
					margin-bottom: 0.75em !important; 
					  text-shadow:
						-1px -1px 0 #ffffff,
						1px -1px 0 #ffffff,
						-1px 1px 0 #ffffff,
						1px 1px 0 #ffffff,
					   /* Schatten darunter */
						8px 8px 14px rgba(0, 0, 0, 0.8);
				}


			.wp-block-group > h1,
			.wp-block-group > h2,
			.entry-content > h2,
			.wp-block-group > h3,
			.wp-block-group > h4 { margin-top: 0em !important; }


			h2, .h2-groesse h1 { margin-top: 1em !important; margin-bottom: 0.75em !important;