/*
Website: Webarchitekten Hamburg
Author:      Ebi Fleck
Author URI:  https://webarchitekten-hamburg.de
*/



/**************************************
 * Base
 *************************************/

html {font-family: "DM Sans", sans-serif; }


/**************************************
 * Typography
 *************************************/

body {  
font-size: clamp(0.879rem, calc(0.905rem + -0.094vw), 0.845rem);
font-weight: 300;
line-height: 1.45;
letter-spacing: 0.03em;
}


.p-small p {
font-size: clamp(0.702rem, calc(0.738rem + -0.212vw), 0.604rem);
font-weight: 300;
line-height: 1.6;
letter-spacing: 0.05em;  
}


h1 {
font-size: clamp(2.283rem, calc(1.933rem + 2.081vw), 3.247rem);
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.009em;
text-transform:none;  
}

h2 {
font-size: clamp(1.803rem, calc(1.616rem + 1.114vw), 2.319rem);
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.009em;
text-transform:none;  
}


h4 {
font-size: clamp(0.889rem, calc(0.905rem + -0.094vw), 0.845rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.02em;    
}



/*========== class & span styles ========*/

.display-lg {
font-size: clamp(3.252rem, calc(2.479rem + 4.590vw), 5.378rem);
font-weight: 800;
line-height: 1.5;
letter-spacing: 0.008em;
}