/* Blog */

:root {
	--container-width: 1200px;
	--container-padding: 0 1.5rem;
	--hero-height: 70vh;
	--hero-min-height: 500px;
	--hero-margin-bottom: 3rem;
	--article-title-font-size: 3rem;
	--article-title-line-height: 1.2;
	--article-title-margin: 0 0 1.5rem;
	--article-title-color: #fff;
	--article-title-max-width: 800px;
	--section-title-margin: 0 0 1.5rem;
	--section-title-padding: 0.8rem;
	--section-title-width: 60px;
	--section-title-height: 4px;
	--sidebar-position: sticky;
	--sidebar-top: 2rem;
	--sidebar-section-border-radius: 10px;
	--sidebar-section-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.content-column a {
	color: var(--ovgu-bordeaux)/*#00a7dd*/;
}
.content-column a:hover {
	text-decoration: underline;
}

.sel-keywords {
	font-weight: bold;
	color: var(--article-content-color);
}

.download-pdf-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	justify-content: center;
	align-items: center;
	
	background-color: rgba(0,0,0,.6);
	
	z-index: 10;
}

.download-pdf-form-container {
	padding: 1em;
	border-radius: 5px;
	background-color: var(--sidebar-section-bg-color);
	box-shadow: 0px 0px 3px black;
	min-width: 270px;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .5em;
}

.pdf-genImage-check-container {
	background-color: var(--glossary-item-bg-color);
	padding: .5em;
	border-radius: inherit;
	text-align: center;
}

/*Loading Animation*/

.pdf-loading-animation {
	width: 30px;
	--b: 8px; 
	aspect-ratio: 1;
	border-radius: 50%;
	padding: 1px;
	background: conic-gradient(#0000 10%,white) content-box;
	-webkit-mask:
	repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
	radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
	-webkit-mask-composite: destination-in;
	mask-composite: intersect;
	animation:loading 1s infinite steps(10);
}
@keyframes loading {to{transform: rotate(1turn)}}


/******************/
@media print {
	footer, .navigation-area, .sidebar-column, .audio-container, .hero-overlay, .comments-section, .more-articles-section, .sel-keywords, .audio-container {
		display: none !important;
	}

	p, h1, h2, h3, h4, span {
		color: black !important;
	}

	.hero-image {
		visibility: hidden;
	}

	.content-column a:after {
		content: "( " attr(href) ") ";
	}

	.hero-section {
		min-height: unset !important;
		height: 200px !important;
		margin: 0 !important;
	}

	p {
		display: table;
		break-inside: avoid;
	}

	.media-container {
		break-inside: avoid;
	}

	h2, h3, h4 {
		page-break-before: always;
	}
}