/********************************************************************/
/* Die Hilfsklassen für das Projekt 								*/
/********************************************************************/

/* Abstand -----------*/
.pad2 { padding: 2%;   }
.pad20{ padding: 2% 0; }
.pad02{ padding: 0 2%; }
.pad3 { padding: 3%;   }
.pad30{ padding: 3% 0; }
.pad5 { padding: 5%;   }
.pad52{ padding: 5% 2%;}
.pad53{ padding: 5% 3%;}
/* .pad0250{ padding: 0 2% 5% 0;} */
.pad0350{ padding: 0 3% 5% 0;}


/* Wrapper ---------*/
.wrapper500, .wrapper750, .wrapper850, .wrapper900, .wrapper1000, .wrapper1100, .wrapper1200, .wrapper1400{
	margin-left:auto;
	margin-right:auto;
}
.wrapper500 { max-width:500px; }
.wrapper750 { max-width:750px; }
.wrapper850 { max-width:850px; }
.wrapper900 { max-width:900px; }
.wrapper1000 { max-width:1000px; }
.wrapper1100 { max-width: 1100px; }
.wrapper1200 { max-width: 1200px; }
.wrapper1400 { max-width: 1400px; }


/* Ausrichtung ---------*/
.dreiSpalter {
	display: flex;
	gap: 1rem;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*Die CSS erzeugt eine beliebige Anzahl gleich großer Spalten */
.variableSpalten {
    display: flex;
}
.variableSpalten > * {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
}

/* Gaps ---------*/
.gap1 {	gap: 1rem; }
.gap05 { gap: 0.5rem; }


/* Img ---------*/
.cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blur {	filter: blur(5px);}


/* Font ---------*/
.font08 { font-size: 0.8rem; }


/* Sonstige -----------*/
.col4 {column-count: 4; column-width: 200px; column-gap: 2rem; }
.text-center {
	text-align: center;
}