/*
 * koeln-kollege.de
 * Copyright (c) 2025-2026 Aryan Mirfendereski <aryan@mirfendereski.de>
 * Copyright (c) 2025-2026 Gustaf Mossakowski <gustaf@koenige.org>
 * CSS
 */


/*
fonts

400	All Round Gothic Book
500	All Round Gothic Medium
600	All Round Gothic Demi
700	All Round Gothic Bold
*/

:root {
	--black: #000;
	--green: #587d32;
	--orange: #d18100;
	--purple: #8a4299;
	--red: #af2b3a;
	--turquois: #0a6972;
}

body		{ font-family: "all-round-gothic", sans-serif; font-weight: 400; }
h1			{ font-weight: 700; }
h2			{ font-weight: 500; }
h3			{ font-weight: 500; font-size: 1rem; text-align: right; }

main		{ padding-bottom: 5rem; }

/*
 * Cascading Style Sheets (CSS)
 * for login form
 *
 * Part of »Zugzwang Project«
 * https://www.zugzwang.org/modules/default
 *
 * @author Gustaf Mossakowski <gustaf@koenige.org>
 * @copyright Copyright © 2025-2026 Gustaf Mossakowski
 * @license http://opensource.org/licenses/lgpl-3.0.html LGPL-3.0
 */


#login		{ max-width: 40rem; margin: 5rem auto;
			--default_login_css_background_color: ;
			--background-color-login: var(--default_login_css_background_color, #FFF); }
#login fieldset
			{ position: relative; border: none; margin: 2.5rem 0 1rem;
			display: grid; grid-template-columns: 9rem 12.5rem; gap: .5rem;
			background: var(--background-color-login) url(/_layout/koelnkolleg/zugzwang-stripes.png) repeat-y 100% 0;
			background-size: 75%; padding: 1.5rem 1rem 1rem; border-radius: 3px; }
#login legend
			{ position: absolute; padding: .75rem 1rem; transform: translateY(-50%);
			background-color: inherit; border-radius: inherit; }
#login form	{ margin: 1rem 0 0; }
#login fieldset p	{ margin: 0; }
#login input[type=submit], p.submit
			{ grid-column: 2 / 3; height: 1.6rem; }
#login .error
			{ grid-column: 1 / 3; text-wrap: balance; }
@media screen and (max-width: 30rem) {
	#login fieldset
				{ background-size: 75%; }
}
@media screen and (max-width: 25rem) {
	#login		{ margin: 1rem auto; }
	#login fieldset
				{ grid-template-columns: auto; background-size: 100%;
				background-position: 4rem 0; }
	#login input[type=submit], p.submit
				{ grid-column: 1 / 2; }
	#login fieldset label
				{ margin-bottom: -.25rem; }
	#login .error
				{ grid-column: 1 / 2; }
}

#login		{ --background-color-login: #d1c4b0; }