/* ================================= */
/* Font definitions                  */
/* ================================= */
@font-face {
	font-family: 'Asap';
	src: url('/archium/fonts/asap/Asap-Variable.ttf') format('truetype');
	font-weight: 100 900;
	/* variable range */
	font-stretch: 75% 125%;
	/* wdth axis range */
	font-style: normal;
	font-display: swap;
}


/* ================================= */
/* Variable definitions              */
/* ================================= */
:root {
	--archium-yellow-1: #FFFF00;
	--archium-grey-1: #C5C5C5;
	--archium-grey-2: #7f7f7f;
	--archium-grey-3: #3f3f3f;
	--archium-grey-4: #000000;
	--archium-red-1: #ff0000;
	--archium-red-2: #7c0303;
	--austrianhospice-grey-1: #B6AE9E;
	--austrianhospice-grey-2: #C3BEB2;
	--austrianhospice-red: #e2000f;
	--austrianhospice-grey: #8d8676;
	--archium-grey-a: #CFCECE;
	--archium-grey-b: #e7e6e6;
	--archium-brown: #402209;
	--archium-blue: #658ca4;
	--archium-pre-background: rgb(240, 240, 240);

	/* commmon */
	--ARCHIUM_COLOR_thorax_identity: #de8f6e;
	--ARCHIUM_COLOR_thorax_provenance: #88ab75;
	--ARCHIUM_COLOR_thorax_contents: #dbd56e;
	--ARCHIUM_COLOR_thorax_status: #2ec4b6;
	--ARCHIUM_COLOR_thorax_usage: #DB6157;
	--ARCHIUM_COLOR_thorax_links: #6e55ca;
	--ARCHIUM_COLOR_thorax_attachment: #7d7c84;
	--ARCHIUM_COLOR_thorax_context: #FFA500;

	/* sabu specific */
	--ARCHIUM_COLOR_thorax_links: #003671;
	--ARCHIUM_COLOR_thorax_attachment: #003671;
	--ARCHIUM_COLOR_sabu_identity: #003671;
	--ARCHIUM_COLOR_sabu_contents: #003671;
	--ARCHIUM_COLOR_sabu_storage: #003671;
	--ARCHIUM_COLOR_sabu_usage: #003671;
	--ARCHIUM_COLOR_sabu_sabuevents: #003671;

	--butzbach-background: rgb(232, 234, 236);
	--butzbach-background-transparent: rgba(232, 234, 236, 213);
	--butzbach-darkblue: rgb(12, 49, 97);
	--butzbach-darkblue-transparent: rgba(12, 49, 97, 170);
	--butzbach-lightblue: rgb(12, 49, 97);
	--butzbach-lightblue-transparent: rgba(12, 49, 97, 170);
	--butzbach-grau: rgb(186, 187, 189);
	--butzbach-darkgrau: rgb(87, 89, 96);
	--butzbach-golden: #eedf90;
	--butzbach-darkgolden: rgb(132, 108, 31);
	--butzegreen: #4d5707;
}






/* ================================= */
/* Global settings                   */
/* ================================= */
* {
	font-family: "Asap", sans-serif;
}



/* ================================= */
/* Archium common                    */
/* ================================= */
.ARCHIUM_HIDDEN {
	display: none;
}

.archiumNaLogo {
	font-size-adjust: 0.55;
	line-height: 1.1;
	color: var(--archium-red-1);
}

/*Code-Highlight*/
pre span,
pre {
	font-size: 14px;
	background: var(--archium-pre-background);
	font-family: monospace;
}



/* ================================= */
/*  Butzbach specials (tweeki)       */
/* ================================= */
/*=== BODY ===*/
body {
	background-color: var(--butzbach-background);
	margin-top: 1rem;
	font-size: 20px;
	font-weight: 300;
}

.container {
	width: 095vw;

	max-width: 095vw;
	min-width: 350px;
}


/*=== LINKS ===*/
a {
	color: var(--archium-grey-3);

	&:visited {
		color: var(--archium-grey-2);
	}

	&:hover, &:focus, &:active {
		color: var(--archium-blue);
		text-decoration: none !important;
	}
}


a {
	&.active {
		color: var(--archium-grey-2);
	}

	&.new {
		color: var(--archium-red-2);
	}

	&.external, &.interwiki {
		color: var(--archium-grey-3) !important;

		/* removes ugly lock icon */
		background: none !important;
		padding-right: 0 !important;

		&:visited {
			color: var(--archium-grey-2) !important;
		}

		&:hover, &:focus, &:active {
			color: var(--archium-blue) !important;
		}
	}
}

.plainlinksabu {
	padding: 3px;
    margin: 2px;

    &:has(a:hover) {
	    border: solid #000 1px;
	    background: #fff;
	    padding: 2px;
    }
}



/*=== HEADINGS ===*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: light;
	line-height: 1.1;
	color: var(--archium-brown);
}


/*=== BUTTONS ===*/
a.btn,
.btn-primary,
.oo-ui-buttonElement,
.oo-ui-buttonElement-button {

	border-radius: 0 !important;

	--bs-btn-color: var(--archium-grey-4) !important;
	--bs-btn-hover-color: #fff !important;
	--bs-btn-active-color: #fff !important;

	--bs-btn-bg: var(--austrianhospice-grey-2) !important;
	--bs-btn-hover-bg: var(--austrianhospice-grey-1) !important;
	--bs-btn-active-bg: var(--bs-btn-hover-bg) !important;
	--bs-btn-disabled-bg: var(--bs-btn-hover-bg) !important;

	--bs-btn-border-color: var(--archium-brown) !important;
	--bs-btn-hover-border-color: var(--bs-btn-border-color) !important;
	--bs-btn-active-border-color: var(--bs-btn-border-color) !important;
	--bs-btn-disabled-border-color: var(--bs-btn-border-color) !important;

	--bs-btn-focus-shadow-rgb: 49, 132, 253 !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
	--bs-btn-disabled-color: #fff !important;


	&:focus, &:visited {
		color: var(--bs-btn-color);
	}

	&:focus:hover, &:visited:hover {
		color: #fff;
	}
}

/*=== NAVBAR ===*/
.p-navbar {
	background: var(--butzbach-lightblue-transparent);
	color: var(--butzbach-golden);
}

#mw-navigation {
	/*background-image: linear-gradient(rgb(245, 245, 245) 0px, rgb(232, 232, 232) 100%);*/
	padding: 0;
	box-shadow: rgb(0, 0, 0, 0.2) 0px 1px 2px 0px;
	box-sizing: border-box;
}

#mw-navigation .container {
	display: flex;
	flex-direction: row;
	align-items: stretch;

	font-weight: 500;

	.navbar-brand {
		padding-top: 15px;
		padding-bottom: 10px;
	}

	#navbar {
		width: 90vw;

		.navbar-nav {
			height: 100%;
		}

		.nav-link {
			height: 100%;
			align-content: center;

			color: hsl(0, 0%, 30%);

			&:hover, &:focus, &.active {
				color: hsl(0, 0%, 15%);
				background-color: var(--archium-grey-b);
			}
		}
	}
}



/*=== FOOTER ===*/
#footer {
	box-shadow: rgb(0, 0, 0, 0.2) 1px 1px 2px 2px;
	box-sizing: border-box;
}


/*=== TOC ===*/
#tweekiTOC {
	background: var(--austrianhospice-grey-2);
	padding: 5px;
	border: var(--archium-brown) 1px solid;
	
	&:empty {
		display: none;
	}
	
	.toctitle h2 {
		font-size: 1.2rem;
		color: var(--archium-grey-4);
		
		a {
			color: var(--archium-grey-4);
			font-size: .8rem;
			text-decoration: none;
		}
	}
	
	#toc a {
		background-color: var(--butzbach-background);
		padding: 2px;
		color: hwb(210 0% 100%);
		font-size: 1rem;
		
		&:active, &:focus, &:hover {
			background-color: #fff;
		}
	}
	
	ul.nav {
		gap: 5px;
	}
}

/*=== GRID ===*/
.archium-grid-item {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0 5px 0 5px;
	align-content: center;
	display: grid;

	& > pre {
		background: none;
		border: none;
	}
}

/* remove background from header */
.archium-grid-item-header {
	background-color: transparent;
	align-content: center;
	display: grid;
}

.archium-grid-item:hover {
	box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);
}

.archium-grid-item:focus-within {
	box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);
}


/*=== LISTS ===*/
.archium-ul {
	cursor: pointer;
	display: list-item;
	margin-left: 1.5em;

	&:last-of-type {
		margin-bottom: 1em;
	}
}

.thorax-tree-view-link a.external {

	&, &:visited {
		color: var(--butzegreen) !important;
	}

	&:hover, &:active {
		color: green !important;
	}
}



/*=== DROPDOWN ===*/
.dropdown-menu {
	font-size: 18px;
	background-color: var(--archium-grey-b);
}


.dropdown-item {
	color: var(--archium-grey-3);

	&:hover, &:focus {
		background: var(--archium-grey-a);
		color: var(--archium-grey-4);
	}
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffffd5;
	border: 5px;
	border-style: solid;
	border-radius: 5px;
	border-color: transparent;
	padding-right: 10px;
	z-index: 1;
}

.dropdown-list {
	display: none;
	position: absolute;
	background-color: #ffffffd5;
	border: 5px;
	border-style: solid;
	border-radius: 5px;
	border-color: transparent;
	z-index: 1;
}

.archium-overview:hover .dropdown-list,
.archium-ul:hover .dropdown-content {
	display: block;
}



/*=== EDITOR ===*/
.CodeMirror {
	&, pre, span {
		background: hsl(0, 0%, 99%) !important;
	}
}

#mw-scribunto-output {
	padding: 10px;
	background: hsl(270, 21%, 6%);

	&:empty {
		display: none
	}


	* {
		font-weight: 450;
	}

	.mw-scribunto-message {
		color: hsl(167, 83%, 38%);
	}

	.mw-scribunto-input {
		color: hsl(220, 54%, 59%);

		&::before {
			content: '> '
		}
	}

	.mw-scribunto-error p {
		color: #f00
	}

	.scribunto-trace * {
		color: hsl(0, 0%, 70%)
	}

	.mw-scribunto-print {
		color: hsl(0, 0%, 90%)
	}

	.mw-scribunto-clear {
		margin-top: 7rem;
	}
}

/*=== IMAGES ===*/

.ar-img-fullwidth {
    display: contents;
  	
    img {
  	    object-fit: cover;
		max-height: 300px;
        width: 100%;
  	}
}



/* ======================== */
/* font adjustments         */
/* ======================== */
.firstHeading, .tweekiFirstHeading {
	font-weight: 500
}

th, b, strong {
	font-weight: 500;
}

.panel-title {
	font-size: 20px;
}

.references {
	font-size: 14px;
}




/* =================================== */
/* mediawiki related tweaks (UNSORTED) */
/* =================================== */
/* make multi template wrappers wrap and shrink if needed */
/* example: multiple date inputs in a form */
.multipleTemplateWrapper {
	display: inline-grid;
	white-space: normal;
}

/* no idea anymore - probably removes empty linebreaks*/
fieldset {
	white-space: normal;
}

/* removes ugly empty white lines from date
  input fields */
.instanceMain > pre {
	display: none;
	white-space: normal;
}

/* makes it so that combo boxes do wrap if needed
 and dont take up too much horizontal space */
/* !important is needed to avoid countless specific rules */
.select2-container {
	display: inline-grid !important;
}

.select2-choice {
	display: inline-grid;
}

/* center embedded images and make them (down)scalable
  this does _not_ apply to image previews in forms */
.image img,
.mw-file-description img {
	display: block;
	margin: auto;
	max-width: 100%;
	/* max-height: 300px; */
	object-fit: cover;
}

/* remove magnifying button beneath thumbnails */
.mw-content-ltr .magnify {
	display: none;
}

/* remove padding around thumbnails */
div.thumbinner {
	padding: 0px;
}


.toctogglelabel {
	cursor: pointer;
	color: var(--archium-grey-3);
}

.toctogglelabel:hover {
	cursor: pointer;
	color: var(--archium-grey-2);
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: var(--archium-grey-2);
}

/*neu eingefüggter CSS-Code-Ende*/
.mw-body .firstHeading {
	border-bottom: none;
}

/* Styles for the alternating / transition effect. */
.toggle-image {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 800px;
	transition: opacity 2s ease-in-out;
}

/*Cookie-Warner*/
.mw-cookiewarning-text span {
	color: var(--archium-yellow-1);
}

.mw-cookiewarning-text a {
	color: var(--archium-red-1);
}

.mw-cookiewarning-text a:hover {
	color: var(--archium-blue);
}







.mw-editform .editor * {
	font-family: monospace !important;
}