/*
 * Freie Utility-Klassen, die im Block-Editor als "Zusätzliche CSS-Klasse(n)" an
 * einzelne Blöcke vergeben werden können (Schriftgrößen, Spalten-Layouts, Galerien).
 * Unverändert übernommen, nur einsortiert.
 */

.huge,
.wp-block .huge {
	font-size: clamp(2.2rem, 2.2rem + ((1vw - 0.2rem) * 2.824), 5rem);
	font-weight: bold !important;
	padding-bottom: 2%;
}

.wp-block .huge {
	font-size: clamp(2rem, 15vw, 3rem) !important;
	padding: 0 12vw 0 0;
}

.xxl {
	font-size: clamp(2.2rem, 2.2rem + ((1vw - 0.2rem) * 2.824), 4rem);
}

.xl {
	font-size: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 3.92), 2rem);
}

.m {
	font-size: clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.809), 1.5rem);
}

h3.has-medium-fontsize {
	font-weight: 800;
}

h1.has-medium-font-size,
h2.has-medium-font-size,
h3.has-medium-font-size {
	margin: 0 0 0 0;
}

.rotate-bird {
	rotate: 15deg;
}

.galerie-rotate,
.wp-block .galerie-rotate {
	margin-top: 2rem;
}

.wp-block .galerie-rotate figure.wp-block-image.barb img {
	transform: rotate(-5deg);
}

.wp-block .galerie-rotate figure.wp-block-image.bird img {
	transform: rotate(2.5deg);
	margin-left: -0.5rem;
}

.wp-block .galerie-rotate figure.wp-block-image.kai img {
	transform: rotate(-7deg);
	margin-left: -1rem;
}

.wp-block .kacheln .wp-block-column {
	border: solid thin lightgray;
}

.wp-block .wp-block-columns.kacheln h3,
.wp-block .wp-block-columns.kacheln p {
	text-align: center;
}

.wp-block .wp-block-columns.kacheln p {
	margin-top: 0;
}

.wp-block .wp-block-columns.kacheln .wp-block-column {
	background-color: #fff6;
}

.wp-block .kacheln div.wp-block-column {
	margin-bottom: 1rem;
}

.wp-block .wp-block-columns.bb-columns-2>* {
	flex-shrink: 1;
	flex-basis: 20rem !important;
	flex-grow: 1;
	padding-bottom: 1rem;
}

.wp-block .wp-block-columns.kundinnen-liste {
	margin-left: 3rem !important;
}

.wp-block-columns.kundinnen-liste li {
	list-style: disc !important;
}

.wp-block-columns.kundinnen-liste li::marker {
	padding-left: 1rem !important;
}