/* print styles */
/* Simon Obitz | meiio ux design | Berlin 2021 */

/*
hide elements
page
header
typography
block elements
additional details
*/


/*
Seitenformat
Innenabstand
Ausblenden: Navigation, Footer, Weiterlesen
Header
Titelbild
Meta-Infos
Schriftgrößen und -abstände
Bildgrößen
Auflistung
Aufzählung
Zitat
Einschub
Links mit URL
*/




@media print {}
@media print {	/* test */
	/* dev helper --- --- --- */
	body {}
	h1, h2, h3, h4, h5, h6, p, ul, ol,
	figure { outline: 0px dashed rgba(50,50,50,0.1); }
	
	div { outline: 0px dotted rgba(250,50,50,0.1); }
	
	/* page --- --- --- */
	@page {
		margin: 1.5cm 3cm 1.5cm 3cm;
	}
	
	@bottom-right {
		counter-increment: page;
		content: "Seite " counter(page);
	}
	
	h2, h3, h4, h5, h6 {
		page-break-after: avoid;
	}
	
	ul, ol, img {
		page-break-inside: avoid;
	}
	
	
	body { background: #fff; }
	.o-wrapper { max-width: 900px; }
	.c-page { margin-top: 0; }
	
	/* hide elements --- --- --- */
	div.c-search-overlay { display: none; }
	header .c-application-header__company-logo { display: none; }
	header .c-social-icons--header { display: none; }
	nav#navigation { display: none; }
	.c-application-header__burger { display: none; }
	section.c-related-content { display: none; }
	footer { display: none; }
	
	
	/* header --- --- --- */
	.c-application-header {
		position: relative;
	}
	
	.c-application-header--compact {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.c-logo {
		height: auto;
		width: 90mm;
	}
	
	.c-logo__figur {
		width: 50mm;
		min-width: 50mm;
		max-width: 50mm;
		height: auto;
	}
	.c-logo__subline {
		display: block !important;
		position: relative !important;
		top: 0 !important;
		opacity: 1 !important;
		font-size: 0.88889rem !important;
		height: 28px !important;
		white-space: nowrap;
		margin-top: 0;
		padding-top: 0;
		width: 90mm;
		min-width: 90mm;
		max-width: 90mm;
	}
	
	.c-application-header--compact .c-logo__subline {
		display: block !important;
		position: relative !important;
		top: 0 !important;
		opacity: 1 !important;
		font-size: 0.88889rem !important;
		height: 28px !important;
	}
	
	
	/* title image --- --- --- */
	article .c-content__image-wrapper { 
		display: block;
		overflow: hidden;
		background-color: transparent;
		margin-right: 0;
		margin-left: 0;
		width: auto; 
		max-width: 100%;
		height: 150px;
	}
	
	
	/* content - article --- --- --- */
	article .c-page { margin-top: 0; }
	
	.c-content__header {
		margin: 0;
		padding: 0;
		margin-top:    0;
		margin-bottom: 0;
		text-align: center;
	}
	
	.c-content__title {
		background: #fff !important;
	}
	
	.c-content__container {
		margin: 0;
		padding: 0;
	}
	
	
	/* meta info --- --- --- */
	.c-content__meta {
		position: relative;
		width: 100%;
		margin: 0;
		margin-bottom: 12pt;
		padding: 0;
		text-align: center;
	}
	
	.c-content__meta .u-divider { display: none; }
	
	.c-meta__updated, .c-meta__divider, .c-meta__formats {
		display: inline-block;
		float: none;
		clear: none;
		margin: 0;
		padding: 0;
	}
	
	.c-meta__categories, .c-meta__tags {
		display: block;
		float: none;
		clear: none;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #a1a1a1;
	}
	
	.c-meta__categories {
		margin-top: 6pt;
	}
	
	.c-meta__category {
		float: none;
		clear: none;
	}
	
	.c-content__meta .c-meta__tag {
		float: none;
		clear: none;
		padding-right: 4pt;
	}
	
	.c-content__blocks {
		
	}
	
	.c-content__container .u-divider {
		margin-top: 40px;
	}
	
	
	
	/* typography --- --- --- */
	html {
		font-size: 8pt;
	}
	
	body {
		font-size: 1rem;
	}
	
	h1, h2, h3, h4, h5, h6, p, ul, ol, li, p.is-style-intro {
		margin: 0;
		padding: 0;
		margin-block-start: 0;
		margin-block-end: 0;
		color: #000;
	}
	
	.c-content__blocks h1, 
	.c-content__blocks h2, 
	.c-content__blocks h3, 
	.c-content__blocks h4,
	.c-content__blocks h5,
	.c-content__blocks h6 {
		margin: 0;
		padding: 0;
	}
	
	
	p {
		font-size: 8pt;
		padding-bottom: 4pt;
		color: #000;
	}
	
	p.is-style-intro {
		font-size:   10pt;
		line-height: 15pt;
		margin-bottom: 12pt;
		color: #000;
	}
	
	.c-content__header {
		margin-top: 24pt;
		margin-bottom: 0;
	}
	.c-content__blocks h1 {
		font-size:   16pt;
		line-height: 20pt;
	}
	
	.c-content__blocks h2 {
		font-size:   11pt;
		line-height: 14pt;
		margin-top:    8pt;
		margin-bottom: 6pt;
	}
	
	.c-content__blocks h3 {
		font-size:   10pt;
		line-height: 13pt;
		margin-top:    8pt;
		margin-bottom: 6pt;
	}
	
	.c-content__blocks h4 {
		font-size:    9pt;
		line-height: 12pt;
		margin-top:    8pt;
		margin-bottom: 6pt;
	}
	
	.c-content__blocks h5, 
	.c-content__blocks h6 {
		font-size:    8pt;
		line-height: 11pt;
		margin-top:    4pt;
		margin-bottom: 4pt;
	}
	
	.c-content__blocks ul:not(.wp-block-gallery) li::before {
		content: url(../images/marker/list-marker-red.svg);
		background: none;
		position: absolute;
		top: 0;
	}
	.c-content__blocks ul:not(.wp-block-gallery) ul li,
	.c-content__blocks ul:not(.wp-block-gallery) ul li ul li {
		padding-left: 12px;
	}
	
	
	blockquote {}
	.wp-block-quote { 
		margin-top: 2rem;
		margin-left: 0;
		font-size: 8pt;
	}
	.wp-block-quote::before {
		content: url(../images/marker/quote-marker-red.svg);
		background: none;
		display: block;
		position: absolute;
		top: -1.5em;
	}
		
	blockquote cite {
		font-size: 8pt;
		line-height: 12pt;
		color: #888888;
	}
	
	
	.c-content__blocks > ul:not(.wp-block-gallery) {
		margin-top:    4pt;
		margin-bottom: 4pt;
	}
	.c-content__blocks > ol:not(.wp-block-gallery) {
		margin-top:    4pt;
		margin-bottom: 4pt;
	}
	
	.c-content__blocks ul:not(.wp-block-gallery) li {
		padding-left: 12px;
	}
	.c-content__blocks ul:not(.wp-block-gallery) li:before {
		width:  6pt;
		height: 1pt;
		margin-bottom: 6pt;
	}
	
	
	/*
	a[href^="http"]:not([href*="mittendrin.fdst.de"]):after {}
	*/
	
	article a[href^=http]::after {
		content:" [" attr(href) "] ";
		color: #888888;
		text-decoration: none !important;
	}	
	article .c-meta a::after {
		content: "";
	}
	
	
	
	/* content media --- --- --- */
	article figure {
		max-width: 67% !important;
	}
	article figure figcaption {
		font-size: 8pt !important;
		font-style: italic;
	}
	
	article figure img, 
	article figure figcaption {
		outline: 0px solid blue;
	}
	
	
	.wp-block-gallery {
		display: none !important;
	}
	
	
	
	/* content blocker --- --- --- */
	.BorlabsCookie ._brlbs-content-blocker {
		font-size: 1rem !important;
		width: 100%;
	}
	.BorlabsCookie ._brlbs-content-blocker img._brlbs-thumbnail {
		display: none !important;
	}
	.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
		display: none !important;
	}
	
	.BorlabsCookie ._brlbs-content-blocker::before {
		content: "(Hier wurde ein Inhalt wie z.B. ein Video oder ein Tweet ausgeblendet, der durch die Datenschutz-Einstellungen nicht freigegeben wurde.)";
		position: relative;
		font-size: 1rem;
		font-style: italic;
		font-weight: 400;
		color: #000;
	}
	
	
	/* additional block elements --- --- --- */
	
	
}