/* MOOD — Mitgliederseiten */

/* Nutzungsbedingungen & Einwilligung */
.md-tou {
	display: grid;
	gap: 1.4rem;
	max-width: 74ch;
}
.md-tou__note {
	margin-bottom: 1.4rem;
	padding: .9rem 1.15rem;
	border: 1px solid var(--md-rule-hair);
	border-left: 2px solid var(--md-accent);
	font-size: var(--md-t-micro);
	line-height: 1.8;
	color: var(--md-ink-dim);
}
.md-tou__body {
	font-size: var(--md-t-body);
	line-height: 1.95;
	color: var(--md-ink-dim);
}
.md-tou__body p { margin: 0 0 1.1rem; }
.md-tou__body p:last-child { margin-bottom: 0; }
.md-tou__body a { color: var(--md-ink); border-bottom: 1px solid var(--md-rule-soft); }
.md-tou__body a:hover { color: var(--md-ink-bright); }
.md-tou__body h2,
.md-tou__body h3 {
	margin: 1.8rem 0 .7rem;
	font-family: var(--md-f-serif);
	font-weight: 700;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink);
}
.md-tou__body ul,
.md-tou__body ol { margin: 0 0 1.1rem; padding-left: 1.2rem; }
.md-tou__body li { margin-bottom: .35rem; }
.md-tou__last { color: var(--md-ink); }

.md-tou__coppa {
	padding-bottom: 1.3rem;
	border-bottom: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	line-height: 1.85;
	color: var(--md-ink-dim);
}
.md-tou__coppa .md-head { margin-bottom: .7rem; }
.md-tou__coppa p { margin: 0 0 .8rem; }
.md-tou__coppa p:last-child { margin-bottom: 0; }

.md-tou__check:empty,
.md-tou__accept:empty { display: none; }
.md-tou__check {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .5rem;
	padding: .9rem 0;
	border-top: 1px solid var(--md-rule-hair);
	border-bottom: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	color: var(--md-ink);
}
.md-tou__check label {
	display: inline-flex;
	align-items: baseline;
	gap: .5rem;
	cursor: pointer;
}
.md-tou__accept {
	font-size: var(--md-t-micro);
	line-height: 1.8;
	color: var(--md-ink-dim);
}
.md-tou__date {
	margin: 0;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-tou__foot {
	padding-top: 1.3rem;
	border-top: 1px solid var(--md-rule-hair);
}
.md-tou__go {
	display: inline-flex;
	align-items: center;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	font-family: var(--md-f-sans);
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-bright);
	cursor: pointer;
	transition: color var(--md-dur) var(--md-ease);
}
.md-tou__go:hover { color: var(--md-accent); }

/* Registrierung */
.md-reg { display: grid; gap: clamp(1.5rem, 3vw, 2.25rem); }
.md-reg--narrow { max-width: 44rem; }
.md-reg__cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	gap: clamp(1.75rem, 4vw, 3rem);
	align-items: start;
}
.md-reg__col { display: grid; gap: clamp(1.5rem, 3vw, 2.25rem); align-content: start; min-width: 0; }
.md-reg__grp { display: grid; gap: 1rem; align-content: start; min-width: 0; }
.md-reg__grp .md-head { margin-bottom: 0; }
.md-reg__grp .md-head::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--md-rule-hair);
}
.md-reg__f { display: grid; gap: .35rem; align-content: start; min-width: 0; }
.md-reg__two {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: 1rem;
}
.md-reg__date {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr);
	gap: 1rem;
}
.md-reg__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .6rem .8rem;
}
.md-reg__row input.textbox { flex: 1 1 12rem; min-width: 0; }
.md-reg__l {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-kicker);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-reg__hint {
	margin: 0;
	font-size: var(--md-t-kicker);
	line-height: 1.7;
	letter-spacing: var(--md-ls-body);
	color: var(--md-ink-faint);
}
.md-reg__hint:empty { display: none; }
.md-reg__q {
	font-family: var(--md-f-serif);
	font-size: 1rem;
	line-height: 1.5;
	color: var(--md-ink);
}
.md-reg input[type="text"],
.md-reg input[type="password"],
.md-reg input.textbox,
.md-reg select,
.md-reg textarea {
	width: 100%;
	padding: .55rem .7rem;
	background: var(--md-wash);
	border: 1px solid var(--md-rule-hair);
	border-radius: 0;
	font-family: var(--md-f-sans);
	font-size: var(--md-t-body);
	color: var(--md-ink);
}
.md-reg input:focus,
.md-reg select:focus,
.md-reg textarea:focus {
	outline: 0;
	border-color: var(--md-rule-soft);
	background: var(--md-scrim);
}
.md-reg textarea { min-height: 8rem; line-height: 1.9; resize: vertical; }
.md-reg__v { display: grid; gap: .4rem; }
.md-reg__v label {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: var(--md-t-micro);
	color: var(--md-ink-dim);
}
.md-reg__v input[type="checkbox"],
.md-reg__v input[type="radio"] { width: auto; }

.md-reg__checks { display: grid; gap: .5rem; }
.md-reg__check {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	font-size: var(--md-t-micro);
	color: var(--md-ink-dim);
	cursor: pointer;
}
.md-reg__check input { width: auto; }
.md-reg__check:hover { color: var(--md-ink); }

.md-reg__cap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .8rem 1.2rem;
}
.md-reg__cap img { border: 1px solid var(--md-rule-hair); filter: var(--md-photo-filter); }
.md-reg__capin { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .8rem; flex: 1 1 12rem; }
.md-reg__capin input.textbox { flex: 1 1 8rem; min-width: 0; }

.md-reg__status {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-reg label.error {
	display: block;
	margin: .3rem 0 0;
	padding: 0;
	font-size: var(--md-t-kicker);
	font-weight: 400;
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-accent);
}
.md-reg .valid { border-color: var(--md-rule-soft); }

.md-reg input.button,
.md-reg input[type="button"] {
	width: auto;
	padding: 0;
	background: none;
	border: 0;
	font-family: var(--md-f-sans);
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-dim);
	cursor: pointer;
}
.md-reg input.button:hover { color: var(--md-ink-bright); }
.md-reg__foot {
	padding-top: 1.3rem;
	border-top: 1px solid var(--md-rule-hair);
}
.md-reg__go {
	font-size: var(--md-t-micro) !important;
	color: var(--md-ink-bright) !important;
}
.md-reg__go:hover { color: var(--md-accent) !important; }

/* Select2 im Empfehlungsfeld */
.md-reg .select2-container { width: 100% !important; }
.md-reg .select2-choice {
	padding: .5rem .7rem;
	background: var(--md-wash) !important;
	border: 1px solid var(--md-rule-hair) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--md-ink);
}