@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
.grid.row-direction{
flex-direction:row;
justify-content: center;
	}


.w-small{
max-width:20vw;

}
.w-lage{
width:100%;

}
.w-small, 
.w-lage{
	padding:0.3em;
	text-align:center;
}

.w-lage img{
/*max-width:40vw;*/
max-width:60vw;
padding:0.1em;
}

.titel{
font-size:6em;
/*padding:100px 0;*/
color:#000;
line-height:normal;
font-weight: 700;
}

.hand{
font-family: 'Parisienne', cursive;
font-size:10em;
padding:100px 0;
color:#000;
line-height:normal;
}
.w-lage.text 
{
margin: 70px 0;
line-height: 170%;


}
.w-lage.text span 
{
/*white-space: nowrap;*/
}
.w-lage .hand span 
{
white-space: nowrap;
}

.w-lage.text p{
*/max-width:780px;*/
max-width:50vw;
/*text-align:left;*/
margin: auto;
}
.w-lage.text p span{font-weight: bold; 
color:var(--red);
}


.w-lage.text p.titel{
max-width:none;
text-align:center;

}


@media (max-width:1600px), (orientation:portrait){
.w-small{
max-width:25vw;
}
.w-lage img{
max-width:70vw;

}
.titel{
font-size:300%;
}
}

@media (max-width:1024px){

.w-small{
max-width:30vw;
}
.w-small, .w-lage{
padding:0.1em;
}

.w-lage img{
max-width:90vw;
}
.hand{
font-size:8em;
padding:0.5em;

}	
.titel{
font-size:200%;
}

.w-lage.text 
{
margin: 10px 20px;

}
}
 @media (max-width:414px)  {
.hand{
font-size:5em;
	}
.titel{
font-size:200%;
}
.w-lage.text 
{
margin: 10px 20;

}
}