/*
 * Custom Styles Child Theme
 */

.big-slogan{
	overflow: hidden;
	/*
	background-clip: text;
	-webkit-background-clip: text;
    color: transparent; */
}
.big-slogan::before{
    /* display: block; */
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 45%;
    font-weight: 800;
    max-width: 8ch;
    content: "Lernen mit Zukunft";
    /*font-size:clamp(4rem, 4rem + ((1vw - 0.2rem) * 10), 10rem);*/
	--min-fs:3;
	--max-fs:10;
	--base-fs:16; 
	--min-fs-rem:calc(var(--min-fs) * 1rem);
	--diff-px:calc(var(--base-fs) * (var(--max-fs) - var(--min-fs)));
	font-size:clamp(  calc(var(--min-fs) * 1rem) , calc( var(--min-fs-rem) + var(--diff-px) * ( (100vw - 600px) / (1920 - 600) ) ), calc(var(--max-fs) * 1rem) );
    color: inherit; 
    transform: translate(-50%, -50%) rotate(330deg);
    -webkit-ransform: translate(-50%, -50%) rotate(30deg);
    line-height: 1em;
    text-transform: uppercase;
}