/* =========================================================
   USER CP
   Alle eigenen Klassen beginnen mit ucp-
   ========================================================= */

:root {

	/* -----------------------------------------------------
	   BASISFARBEN MIT FALLBACK
	----------------------------------------------------- */

	--ucp-bg:
		var(--sidebit-bg, #0a0809);

	--ucp-bg-deep:
		var(--sidebit-bg-deep, #070607);

	--ucp-bg-soft:
		var(--sidebit-bg-soft, #0e0b0c);

	--ucp-panel:
		var(--sidebit-panel, #100c0e);

	--ucp-panel-raised:
		var(--sidebit-panel-raised, #151013);

	--ucp-text:
		var(--sidebit-text, #c6babe);

	--ucp-text-soft:
		var(--sidebit-text-soft, #96898e);

	--ucp-text-muted:
		var(--sidebit-text-muted, #685c61);

	--ucp-text-strong:
		var(--sidebit-text-strong, #eee5e8);

	--ucp-accent-dark:
		var(--sidebit-accent-dark, #4e1019);

	--ucp-accent:
		var(--sidebit-accent-light, #b64356);

	--ucp-accent-pale:
		var(--sidebit-accent-pale, #ce7180);

	--ucp-line:
		var(--sidebit-line, rgba(194, 150, 161, 0.11));

	--ucp-line-strong:
		var(--sidebit-line-strong, rgba(194, 150, 161, 0.22));

	--ucp-line-accent:
		var(--sidebit-line-accent, rgba(182, 67, 86, 0.42));

	--ucp-transparent:
		transparent;


	/* -----------------------------------------------------
	   SCHRIFTEN
	----------------------------------------------------- */

	--ucp-font:
		var(--sidebit-font, "Inter", Arial, sans-serif);

	--ucp-display:
		var(--sidebit-display, "Cormorant Garamond", Georgia, serif);


	/* -----------------------------------------------------
	   BILD
	----------------------------------------------------- */

	--ucp-circus-image:
		url(/images/circusicon1.png);


	/* -----------------------------------------------------
	   ZUSÄTZLICHE FARBEN
	----------------------------------------------------- */

	--ucp-black:
		rgba(0, 0, 0, 0.38);

	--ucp-black-strong:
		rgba(0, 0, 0, 0.68);

	--ucp-red-wash:
		rgba(116, 27, 42, 0.09);

	--ucp-red-wash-strong:
		rgba(116, 27, 42, 0.16);

	--ucp-light:
		rgba(255, 255, 255, 0.025);

	--ucp-image-top:
		rgba(7, 6, 7, 0.20);

	--ucp-image-bottom:
		rgba(7, 6, 7, 0.77);


	/* -----------------------------------------------------
	   VERLÄUFE
	----------------------------------------------------- */

	--ucp-panel-gradient:
		linear-gradient(
			135deg,
			var(--ucp-panel-raised),
			var(--ucp-bg-soft) 58%,
			var(--ucp-bg-deep)
		);

	--ucp-soft-gradient:
		linear-gradient(
			to right,
			var(--ucp-red-wash-strong),
			var(--ucp-red-wash),
			var(--ucp-transparent)
		);

	--ucp-line-gradient:
		linear-gradient(
			to right,
			var(--ucp-accent),
			var(--ucp-line-accent) 28%,
			var(--ucp-line) 62%,
			var(--ucp-transparent)
		);

	--ucp-image-overlay:
		linear-gradient(
			to top,
			var(--ucp-image-bottom),
			var(--ucp-image-top)
		);


	/* -----------------------------------------------------
	   SCHATTEN
	----------------------------------------------------- */

	--ucp-shadow:
		0 22px 56px var(--ucp-black);

	--ucp-image-shadow:
		inset 0 0 60px var(--ucp-black-strong);


	/* -----------------------------------------------------
	   GRÖSSEN
	----------------------------------------------------- */

	--ucp-width:
		1380px;
}


/* =========================================================
   BASIS
   ========================================================= */

.ucp-page,
.ucp-page *,
.ucp-nav,
.ucp-nav * {
	box-sizing: border-box;
}


.ucp-page {
	width:
		min(
			calc(100% - 50px),
			var(--ucp-width)
		);

	margin:
		0
		auto;

	padding:
		46px
		0
		90px;

	color: var(--ucp-text);

	font-family: var(--ucp-font);
	font-size: 15px;
	line-height: 1.72;
}


/* =========================================================
   GEMEINSAME EYEBROW
   ========================================================= */

.ucp-eyebrow {
	display: flex;
	align-items: center;
	gap: 8px;

	margin:
		0
		0
		8px;

	color: var(--ucp-accent);

	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.22em;
	line-height: 1.5;

	text-transform: uppercase;
}


.ucp-eyebrow::before {
	width: 5px;
	height: 5px;

	content: "";

	border:
		1px solid
		var(--ucp-accent);

	transform:
		rotate(45deg);
}


/* =========================================================
   USERCP NAV
   ========================================================= */

.ucp-nav {
	position: relative;

	margin-bottom: 58px;

	background: var(--ucp-bg-soft);

	border:
		1px solid
		var(--ucp-line);

	box-shadow: var(--ucp-shadow);
}


/* =========================================================
   NAV INTRO
   ========================================================= */

.ucp-nav__intro {
	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		220px;

	min-height: 220px;

	border-bottom:
		1px solid
		var(--ucp-line-strong);
}


.ucp-nav__intro-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;

	min-width: 0;

	padding:
		34px
		clamp(30px, 4vw, 50px);
}


.ucp-nav__title {
	max-width: 720px;

	margin: 0;
	padding: 0;

	color: var(--ucp-text-strong);

	font-family: var(--ucp-display);
	font-size: clamp(42px, 4.5vw, 62px);
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 0.95;

	text-transform: none;
}


.ucp-nav__title::before,
.ucp-nav__title::after {
	display: none;

	content: none;
}


.ucp-nav__intro-copy p {
	max-width: 620px;

	margin:
		18px
		0
		0;

	color: var(--ucp-text-soft);

	font-size: 14px;
	line-height: 1.75;
}


.ucp-nav__intro-copy p strong {
	color: var(--ucp-accent-pale);
}


/* Bildspalte */

.ucp-nav__visual {
	position: relative;

	width: 220px;
	aspect-ratio: 1 / 1;

	background-image:
		var(--ucp-image-overlay),
		var(--ucp-circus-image);

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	border-left:
		1px solid
		var(--ucp-line-strong);

	box-shadow:
		var(--ucp-image-shadow);
}


.ucp-nav__visual::before {
	position: absolute;

	inset: 18px;

	content: "";

	border:
		1px solid
		var(--ucp-line);
}


.ucp-nav__visual::after {
	position: absolute;

	top: 18px;
	left: 18px;

	width: 58px;
	height: 1px;

	content: "";

	background:
		var(--ucp-accent);
}


/* =========================================================
   NAV GRUPPEN
   ========================================================= */

.ucp-nav__groups {
	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	background:
		var(--ucp-line);

	gap: 1px;
}


.ucp-navgroup {
	min-width: 0;

	padding:
		26px
		24px
		28px;

	background:
		var(--ucp-bg-soft);
}


.ucp-navgroup__header {
	display: flex;
	align-items: flex-start;
	gap: 15px;

	min-height: 56px;

	padding-bottom: 17px;

	border-bottom:
		1px solid
		var(--ucp-line);
}


.ucp-navgroup__number {
	flex:
		0
		0
		auto;

	color:
		var(--ucp-accent-dark);

	font-family:
		var(--ucp-display);

	font-size: 25px;
	font-weight: 600;
	line-height: 1;
}


.ucp-navgroup__header > div {
	min-width: 0;
}


.ucp-navgroup__header i {
	margin-bottom: 8px;

	color:
		var(--ucp-accent);

	font-size: 15px;
}


.ucp-navgroup__header h3 {
	margin: 0;
	padding: 0;

	color:
		var(--ucp-text-strong);

	font-family:
		var(--ucp-display);

	font-size: 25px;
	font-weight: 600;
	line-height: 1;

	text-transform: none;
}


.ucp-navgroup__header h3::before,
.ucp-navgroup__header h3::after {
	display: none;

	content: none;
}


.ucp-navgroup__links {
	display: flex;
	flex-direction: column;

	padding-top: 16px;
}


.ucp-navgroup__links a {
	position: relative;

	display: block;

	padding:
		7px
		0
		7px
		14px;

	color:
		var(--ucp-text-soft);

	font-size: 12px;
	font-weight: 500;
	line-height: 1.55;

	text-decoration: none;

	border-bottom:
		1px solid
		var(--ucp-line);
}


.ucp-navgroup__links a:last-child {
	border-bottom: 0;
}


.ucp-navgroup__links a::before {
	position: absolute;

	top: 1.13em;
	left: 1px;

	width: 4px;
	height: 4px;

	content: "";

	background:
		var(--ucp-accent-dark);

	transform:
		rotate(45deg);
}


.ucp-navgroup__links a:hover {
	color:
		var(--ucp-accent-pale);
}


/* =========================================================
   CONTENT
   ========================================================= */

.ucp-content {
	min-width: 0;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.ucp-sectionhead {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 34px;

	margin-bottom: 26px;
	padding-bottom: 20px;

	border-bottom:
		1px solid
		var(--ucp-line-strong);
}


.ucp-sectionhead > div {
	min-width: 0;
}


.ucp-page-title {
	max-width: 850px;

	margin: 0;
	padding: 0;

	color:
		var(--ucp-text-strong);

	font-family:
		var(--ucp-display);

	font-size:
		clamp(
			42px,
			4.8vw,
			64px
		);

	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 0.95;
}


.ucp-page-title::before,
.ucp-page-title::after {
	display: none;

	content: none;
}


.ucp-sectionhead p {
	max-width: 470px;

	margin: 0;

	color:
		var(--ucp-text-muted);

	font-size: 13px;
	line-height: 1.7;
}


/* =========================================================
   ACCOUNT SUMMARY
   ========================================================= */

.ucp-summary {
	display: grid;

	grid-template-columns:
		180px
		minmax(230px, 0.75fr)
		minmax(0, 1.25fr);

	align-items: stretch;

	min-height: 220px;

	background:
		var(--ucp-panel-gradient);

	border:
		1px solid
		var(--ucp-line);

	box-shadow:
		var(--ucp-shadow);
}


/* Avatar */

.ucp-summary__avatar {
	position: relative;

	min-height: 220px;

	overflow: hidden;

	background:
		var(--ucp-bg-deep);

	border-right:
		1px solid
		var(--ucp-line-strong);
}


.ucp-summary__avatar img,
.ucp-summary__avatar-fallback {
	position: absolute;

	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center 25%;
}


.ucp-summary__avatar img {
	filter:
		saturate(0.72)
		brightness(0.82)
		contrast(1.04);
}


.ucp-summary__avatar-fallback {
	color:
		var(--ucp-accent-dark);

	font-size: 42px;

	background:
		var(--ucp-bg-deep);
}


.ucp-summary__avatar-frame {
	position: absolute;

	inset: 8px;

	pointer-events: none;

	border:
		1px solid
		var(--ucp-line);
}


/* Identity */

.ucp-summary__identity {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;

	min-width: 0;

	padding:
		32px
		clamp(28px, 3.5vw, 46px);

	border-right:
		1px solid
		var(--ucp-line);
}


.ucp-summary__label {
	margin-bottom: 7px;

	color:
		var(--ucp-accent);

	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.17em;

	text-transform: uppercase;
}


.ucp-summary__name,
.ucp-summary__name .largetext {
	max-width: 100%;

	color:
		var(--ucp-text-strong);

	font-family:
		var(--ucp-display);

	font-size:
		clamp(
			30px,
			3vw,
			42px
		);

	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.02;

	overflow-wrap: anywhere;
}


.ucp-summary__group {
	margin-top: 10px;

	color:
		var(--ucp-text-soft);

	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
}


.ucp-summary__profilelink {
	display: inline-flex;
	align-items: center;
	gap: 9px;

	margin-top: 20px;
	padding-bottom: 5px;

	color:
		var(--ucp-accent-pale);

	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;

	text-decoration: none;
	text-transform: uppercase;

	border-bottom:
		1px solid
		var(--ucp-line-accent);
}


/* Facts */

.ucp-summary__facts {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	background:
		var(--ucp-line);

	gap: 1px;
}


.ucp-summary__fact {
	display: flex;
	flex-direction: column;
	justify-content: center;

	min-width: 0;

	padding:
		20px
		22px;

	background:
		var(--ucp-bg-soft);
}


.ucp-summary__fact > span,
.ucp-summary__fact > strong:first-child {
	margin-bottom: 6px;

	color:
		var(--ucp-text-muted);

	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.45;

	text-transform: uppercase;
}


.ucp-summary__fact strong,
.ucp-summary__fact a {
	color:
		var(--ucp-text-strong);

	font-size: 13px;
	font-weight: 600;
	line-height: 1.55;

	overflow-wrap: anywhere;
}


.ucp-summary__fact--generated {
	color:
		var(--ucp-text-soft);

	font-size: 12px;
	line-height: 1.6;
}


.ucp-summary__fact--generated strong {
	display: block;

	margin-bottom: 5px;

	color:
		var(--ucp-text-muted);

	font-size: 9px;
	letter-spacing: 0.12em;

	text-transform: uppercase;
}


/* =========================================================
   WIDGETS AUS MYBB
   ========================================================= */

.ucp-widgets {
	display: grid;

	gap: 18px;

	margin-top: 28px;
}


.ucp-widgets > * {
	min-width: 0;
}


.ucp-widgets .tborder {
	width: 100%;

	margin: 0;

	color:
		var(--ucp-text);

	background:
		var(--ucp-bg-soft);

	border:
		1px solid
		var(--ucp-line);
}


.ucp-widgets .thead,
.ucp-widgets .theadred {
	padding:
		16px
		18px;

	color:
		var(--ucp-text-strong);

	font-family:
		var(--ucp-display);

	font-size: 21px;
	font-weight: 600;
	line-height: 1.1;

	background:
		var(--ucp-soft-gradient);

	border-bottom:
		1px solid
		var(--ucp-line-strong);
}


.ucp-widgets .tcat {
	padding:
		10px
		14px;

	color:
		var(--ucp-accent);

	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.11em;

	background:
		var(--ucp-bg-deep);

	text-transform: uppercase;
}


.ucp-widgets .trow1,
.ucp-widgets .trow2 {
	padding:
		12px
		14px;

	color:
		var(--ucp-text-soft);

	font-size: 12px;
	line-height: 1.65;

	background:
		var(--ucp-bg-soft);

	border-bottom:
		1px solid
		var(--ucp-line);
}


/* =========================================================
   FORM BLOCK
   ========================================================= */

.ucp-formblock {
	margin-top: 26px;

	background:
		var(--ucp-bg-soft);

	border:
		1px solid
		var(--ucp-line);
}


.ucp-formblock__header {
	padding:
		23px
		26px
		20px;

	background:
		var(--ucp-soft-gradient);

	border-bottom:
		1px solid
		var(--ucp-line-strong);
}


.ucp-formblock__header h2 {
	margin: 0;
	padding: 0;

	color:
		var(--ucp-text-strong);

	font-family:
		var(--ucp-display);

	font-size: 30px;
	font-weight: 600;
	line-height: 1;

	text-transform: none;
}


.ucp-formblock__header h2::before,
.ucp-formblock__header h2::after {
	display: none;

	content: none;
}


/* =========================================================
   AVATAR PAGE
   ========================================================= */

.ucp-avatar__intro {
	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		minmax(220px, 0.38fr);

	gap: 1px;

	background:
		var(--ucp-line);

	border:
		1px solid
		var(--ucp-line);
}


.ucp-avatar__copy,
.ucp-avatar__current {
	min-width: 0;

	padding:
		26px;

	background:
		var(--ucp-bg-soft);
}


.ucp-block-label {
	display: block;

	margin-bottom: 13px;

	color:
		var(--ucp-accent);

	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.15em;

	text-transform: uppercase;
}


.ucp-avatar__note {
	color:
		var(--ucp-text-soft);

	font-size: 14px;
	line-height: 1.75;
}


.ucp-avatar__current-table {
	width: 100%;

	border-collapse: collapse;

	background:
		var(--ucp-transparent);
}


.ucp-avatar__current-table td {
	padding: 0 !important;

	text-align: left !important;

	background:
		var(--ucp-transparent) !important;
}


.ucp-avatar__current-table img {
	display: block;

	max-width: 160px;
	max-height: 160px;

	object-fit: cover;

	border:
		1px solid
		var(--ucp-line-strong);
}


/* =========================================================
   TABLES / DRAFTS / GENERATED FORM ROWS
   ========================================================= */

.ucp-table-wrap {
	width: 100%;

	overflow-x: auto;
}


.ucp-table,
.ucp-formtable {
	width: 100%;

	border-collapse: collapse;

	color:
		var(--ucp-text);

	font-family:
		var(--ucp-font);

	background:
		var(--ucp-bg-soft);
}


.ucp-table th,
.ucp-formtable th,
.ucp-formtable .tcat {
	padding:
		13px
		15px;

	color:
		var(--ucp-text-muted);

	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.11em;
	line-height: 1.45;

	text-align: left;

	background:
		var(--ucp-bg-deep);

	border-right:
		1px solid
		var(--ucp-line);

	border-bottom:
		1px solid
		var(--ucp-line-strong);

	text-transform: uppercase;
}


.ucp-table th:last-child {
	border-right: 0;
}


.ucp-table td,
.ucp-formtable td,
.ucp-formtable .trow1,
.ucp-formtable .trow2 {
	padding:
		14px
		15px;

	color:
		var(--ucp-text-soft);

	font-size: 13px;
	line-height: 1.65;

	background:
		var(--ucp-bg-soft);

	border-right:
		1px solid
		var(--ucp-line);

	border-bottom:
		1px solid
		var(--ucp-line);
}


.ucp-table td:last-child,
.ucp-formtable td:last-child {
	border-right: 0;
}


.ucp-table a,
.ucp-formtable a {
	color:
		var(--ucp-accent-pale);
}


.ucp-table__title {
	width: 55%;
}


.ucp-table__check {
	width: 42px;

	text-align: center !important;
}


/* generated avatar form rows */

.ucp-formtable input.textbox,
.ucp-formtable input[type="text"],
.ucp-formtable input[type="url"] {
	width: min(100%, 540px);
}


/* =========================================================
   ACTIONS
   ========================================================= */

.ucp-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;

	margin-top: 22px;
	padding-top: 20px;

	border-top:
		1px solid
		var(--ucp-line);
}


.ucp-primary-button,
.ucp-actions input[type="submit"],
.ucp-actions button {
	min-height: 40px;

	margin: 0;
	padding:
		0
		16px;

	color:
		var(--ucp-accent-pale);

	font-family:
		var(--ucp-font);

	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;

	background:
		var(--ucp-bg-soft);

	border:
		1px solid
		var(--ucp-line-accent);

	border-radius: 0;

	cursor: pointer;

	text-transform: uppercase;
}


.ucp-actions input[type="submit"]:hover,
.ucp-actions button:hover {
	color:
		var(--ucp-text-strong);

	background:
		var(--ucp-red-wash);
}


/* =========================================================
   ERRORS
   ========================================================= */

.ucp-content .error,
.ucp-content .error_message {
	margin-bottom: 22px;

	padding:
		14px
		17px;

	color:
		var(--ucp-text-strong);

	background:
		var(--ucp-red-wash-strong);

	border:
		1px solid
		var(--ucp-line-accent);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

	.ucp-page {
		width:
			calc(100% - 36px);
	}


	.ucp-nav__groups {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.ucp-summary {
		grid-template-columns:
			160px
			minmax(210px, 0.7fr)
			minmax(0, 1fr);
	}


	.ucp-widgets {
		grid-template-columns: 1fr;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px), (max-device-width: 760px) {

	.ucp-page {
		width: 100%;

		padding:
			30px
			18px
			70px;

		font-size: 17px;
		line-height: 1.74;
	}


	.ucp-eyebrow {
		font-size: 12px;
		letter-spacing: 0.17em;
	}


	/* Nav */

	.ucp-nav {
		margin-bottom: 44px;
	}


	.ucp-nav__intro {
		grid-template-columns:
			minmax(0, 1fr)
			150px;

		min-height: 170px;
	}


	.ucp-nav__intro-copy {
		padding:
			25px
			22px;
	}


	.ucp-nav__title {
		font-size:
			clamp(
				36px,
				9vw,
				48px
			);
	}


	.ucp-nav__intro-copy p {
		font-size: 15px;
	}


	.ucp-nav__visual {
		width: 150px;
	}


	.ucp-nav__groups {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.ucp-navgroup {
		padding:
			22px
			19px
			24px;
	}


	.ucp-navgroup__header h3 {
		font-size: 27px;
	}


	.ucp-navgroup__links a {
		padding-top: 9px;
		padding-bottom: 9px;

		font-size: 15px;
		line-height: 1.6;
	}


	/* Head */

	.ucp-sectionhead {
		align-items: flex-start;
		flex-direction: column;

		gap: 12px;
	}


	.ucp-page-title {
		font-size:
			clamp(
				40px,
				10vw,
				54px
			);
	}


	.ucp-sectionhead p {
		max-width: none;

		font-size: 16px;
	}


	/* Summary */

	.ucp-summary {
		grid-template-columns:
			145px
			minmax(0, 1fr);

		grid-template-areas:
			"avatar identity"
			"facts facts";

		min-height: 0;
	}


	.ucp-summary__avatar {
		grid-area: avatar;

		min-height: 190px;
	}


	.ucp-summary__identity {
		grid-area: identity;

		padding:
			24px
			20px;

		border-right: 0;
	}


	.ucp-summary__facts {
		grid-area: facts;

		border-top:
			1px solid
			var(--ucp-line);
	}


	.ucp-summary__label {
		font-size: 11px;
	}


	.ucp-summary__name,
	.ucp-summary__name .largetext {
		font-size: 34px;
	}


	.ucp-summary__group {
		font-size: 14px;
	}


	.ucp-summary__profilelink {
		font-size: 12px;
	}


	.ucp-summary__fact > span,
	.ucp-summary__fact > strong:first-child {
		font-size: 11px;
	}


	.ucp-summary__fact strong,
	.ucp-summary__fact a {
		font-size: 15px;
	}


	.ucp-summary__fact--generated {
		font-size: 14px;
	}


	/* Widgets */

	.ucp-widgets .thead,
	.ucp-widgets .theadred {
		font-size: 24px;
	}


	.ucp-widgets .tcat {
		font-size: 11px;
	}


	.ucp-widgets .trow1,
	.ucp-widgets .trow2 {
		font-size: 15px;
	}


	/* Avatar */

	.ucp-avatar__intro {
		grid-template-columns: 1fr;
	}


	.ucp-avatar__note {
		font-size: 16px;
	}


	/* Forms */

	.ucp-formblock__header h2 {
		font-size: 33px;
	}


	.ucp-formblock__header {
		padding:
			21px
			20px;
	}


	.ucp-table,
	.ucp-formtable {
		min-width: 680px;
	}


	.ucp-table th,
	.ucp-formtable th,
	.ucp-formtable .tcat {
		font-size: 11px;
	}


	.ucp-table td,
	.ucp-formtable td,
	.ucp-formtable .trow1,
	.ucp-formtable .trow2 {
		font-size: 15px;
	}


	.ucp-actions {
		justify-content: flex-start;
	}


	.ucp-primary-button,
	.ucp-actions input[type="submit"],
	.ucp-actions button {
		min-height: 45px;

		font-size: 13px;
	}

}


/* =========================================================
   KLEINE HANDYS
   ========================================================= */

@media (max-width: 520px), (max-device-width: 520px) {

	.ucp-page {
		padding:
			26px
			14px
			60px;
	}


	.ucp-nav__intro {
		display: block;
	}


	.ucp-nav__visual {
		display: none;
	}


	.ucp-nav__groups {
		grid-template-columns: 1fr;
	}


	.ucp-navgroup {
		padding:
			22px
			18px
			24px;
	}


	.ucp-navgroup__links a {
		font-size: 16px;
	}


	.ucp-summary {
		display: block;
	}


	.ucp-summary__avatar {
		width: 150px;
		height: 190px;
		min-height: 190px;

		margin:
			24px
			auto
			0;

		border:
			1px solid
			var(--ucp-line-strong);
	}


	.ucp-summary__identity {
		align-items: center;

		text-align: center;

		border-bottom:
			1px solid
			var(--ucp-line);
	}


	.ucp-summary__facts {
		grid-template-columns: 1fr;
	}


	.ucp-summary__fact {
		padding:
			17px
			18px;
	}


	.ucp-avatar__copy,
	.ucp-avatar__current {
		padding:
			22px
			18px;
	}


	.ucp-page-title {
		font-size:
			clamp(
				38px,
				12vw,
				50px
			);
	}


	.ucp-sectionhead p {
		font-size: 17px;
	}


	.ucp-widgets .trow1,
	.ucp-widgets .trow2 {
		font-size: 16px;
	}


	.ucp-actions {
		flex-direction: column;
		align-items: stretch;
	}


	.ucp-primary-button,
	.ucp-actions input[type="submit"],
	.ucp-actions button {
		width: 100%;
	}

}