/**
 * ContentStock Branding
 *
 * Gemeinsame Darstellung der ContentStock-Bild- und Wortmarke in Editor,
 * Authentifizierung und Standalone-Oberflächen.
 */

.cs-brand {
	display: flex;
	align-items: center;
}

.cs-brand__logo {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

.cs-brand--sidebar .cs-brand__logo {
	width: 220px;
}

.cs-brand--auth {
	justify-content: center;
	margin: .15rem 0 1.5rem;
	& .cs-brand__logo {
		width: min(15rem, 80%);
	}
}