/* Media Queries */

/* See --desktop-min below */

/* Custom Properties */

:root {
	/* Layout controls */
	--gap-width: 22px;
	--desktop-min: 960px;
	--sidebar-min: 336px;
	--sidebar-max: 400px;
	--content-max: 728px;
	--content-min: calc(var(--desktop-min) - var(--gap-width) - var(--sidebar-min));
	--container-min: calc(var(--desktop-min) - var(--gap-width)*2);
	--container-max: calc(var(--content-max) + var(--gap-width) + var(--sidebar-max));

	--color-white: #fff;
	--color-blue-dark: rgb(1, 62, 131);
	--color-blue-light: rgb(27, 147, 210);
	--color-blue-highlight: rgb(228, 239, 249);
	--color-grey: rgb(51, 51, 51);
	--color-grey-dark: rgb(76, 76, 76);
	--color-grey-medium: rgb(153 153 153);
	--color-grey-light: rgb(197, 197, 197);
	--color-red-required: #D8000C;
	--color-red-error: #FF9494;
	--color-red-error-light: #FFDFE0;
	--color-yellow: #FFDC00; /* #ebb539 for higher contrast? */
	--color-yellow-opposite: #3A2C00;
	--color-orange: #FDA428;
	--color-orange-opposite: #3A2C00;

	--base-height: 22px;

	--color-background: #fff;
	--color-text: var(--color-grey);

	--color-link: var(--color-blue-dark);
	--color-link-hover: color(var(--color-blue-dark) lightness(20%));

	--color-background-toolbar: #fff;
	--color-border-toolbar: var(--color-blue-highlight);

	--color-background-input-field: #fff;

	--color-logo: var(--color-blue-light);

	--color-nav-arrow: var(--color-link);

	--color-video-entry-bg: var(--color-blue-highlight);
	--color-video-text: var(--color-text);
	--color-video-link: var(--color-link);

	--color-box-highlight: var(--color-blue-dark);
	--color-box-background: var(--color-blue-highlight);
	--color-box-text: var(--color-text);

	--color-popular-comments-bg: var(--color-blue-highlight);
	--color-popular-comments-text: var(--color-text);
	--color-popular-comments-link: var(--color-link);

	--color-share-button: var(--color-grey-dark);
	--color-share-button-hover: var(--color-link);

	--color-navigation-toggle: var(--color-blue-dark);
	--color-navigation-dark: var(--color-blue-dark);
}

@media (prefers-color-scheme: dark) {

:root {
		--color-yellow: #FEA305;
		--color-blue-dark: #013571;

		--color-background: rgb(36, 41, 46);
		--color-text: #f4f4f4;

		--color-link: #ddd;
		--color-link-hover: #bbb;

		--color-background-toolbar: rgb(45, 51, 57);
		--color-border-toolbar: #1f1f1f;

		--color-navigation-toggle: var(--color-logo);
		--color-navigation-dark: var(--color-background);

		--color-background-input-field: #ddd;

		--color-box-highlight: #fff;
		--color-box-background: var(--color-grey);
		--color-box-text: var(--color-text);

		--color-logo: #fff;

		--color-video-entry-bg: var(--color-grey);
		--color-video-text: var(--color-white);
		--color-video-link: var(--color-blue-highlight);

		--color-popular-comments-bg: var(--color-grey);
		--color-popular-comments-text: var(--color-white);
		--color-popular-comments-link: var(--color-blue-highlight);

		--color-share-button: var(--color-grey-medium);
		--color-share-button-hover: var(--color-blue-highlight)
}
	}

.hide-if-no-print {
	display: block !important;
}

iframe,
.ad-tag,
#jp-relatedposts,
.hide-if-print,
.toolbar,
.google-auto-placed,
.ad-tag,
.teads-inread,
#infinite-handle,
.entry-sharing,
.sharedaddy,
.comments-area,
.footer-menu,
.footer-follow,
.entry-sidebar,
.grid-sidebar,
.entry-related,
.entry-comments,
.print-hidden,
.widget-area,
.sharing-links,
.comments-link,
.post-views,
#anonymous-box-form-wrap,
#menu-fusszeile,
.entry-meta .comments-link.comments-link-mobile {
	display: none !important;
	visibility: hidden !important;
}

/**
 * Layout relevant stuff
 */

html {
	border: none;
}

.content-area,
.home .content-area {
	width: 100%;
	margin: 0 auto;
	float: none;
}

.site {
	min-width: 0;
}

.site-header {
	position: static;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	border: 0;
	background: 0;
	padding: 0;
	height: auto;
	display: block;
	margin-bottom: 4rem;
}

.site-branding {
	width: 60%;
	margin: 0 auto;
	padding: 0;
	float: none;
}

.site-branding .site-description {
		font-size: 1.25rem;
		display: block;
	}

.entry-meta .comments-link {
	display: inline !important;
}

.content-latest .entry-title {
	font-size: 2.5rem;
}

.content-latest .entry-content {
	font-size: 1.5rem;
}

.content-latest .post,
.content-latest .video,
.content-latest a {
	background: transparent;
	color: rgb(1, 62, 131) !important;
	color: var(--color-blue-dark) !important;
}

@media (min-width: 960px) {

.main-entry {
		display: block !important
}
	}

@media (min-width: 960px) {

.site-content,
.home .site-content {
		display: block !important
}
	}

.entry-meta {
       margin-bottom: 1.25rem;
}