/*
 Theme Name:   WDT Ausdruckswege Theme
 Theme URI:    https://generatepress.com
 Description:  WDT Ausdruckswege Theme (A GeneratePress child theme)
 Author:       Heike Trosin
 Author URI:   https://www.web-design-technik.de
 Template:     generatepress
 Version:      0.1
*/



/* Set the main content area to a minimum of 65vh */
#main {
	/*min-height: 65vh;*/
}

body {
	background-color: var(--outside-container);
}

/* Site Wrapper to set overall site max width */
.site-wrapper {
	width: 100%;
	max-width: 1920px; /* NICHT identisch mit Customizer > Container > Container Breite */
	background-color: var(--body);
	margin-left: auto;
  	margin-right: auto;
} 

/* Container Ausrichtung mittig */
.container-ausrichtung {
	margin-left: auto;
  	margin-right: auto;
}

/* Haupt-Container
 * ============= */
@media (min-width: 921px) {
	/* Desktop */
	.container-over-all {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: center; /*justify-content: space-between;*/
	}
	.abstand-buch-lz {
		width: 40px;
	}
}

@media (max-width: 920px) and (min-width: 370px) {
	/* Tablet */
	.container-over-all {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: center;
	}
	.abstand-buch-lz {
		width: 0px;
	}
}
@media (max-width: 369px) {
	/* Mobil */
	.container-over-all {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.abstand-buch-lz {
		width: 0px;
	}
	.seite-inhalt-oben {
		min-height: 14vw;
	}
	.mobile-navigation-buch {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: center;
		width: 90vw;
		margin-bottom: 10px;
	}
	.mobile-navigation-buch a {
		text-decoration: none;
		color: var(--contrast-2);
	}
	.mobile-navigation-buch a:hover, .mobile-navigation-buch a:focus {
		color: var(--accent);
	}
}
/* Menue Desktop 
 * ==============*/
/* Desktopmenue (Umschaltwert Customizer Primäre Navigation) */
@media (min-width: 781px) {
	.main-navigation, .main-navigation ul ul {
		background-color: var(--base-3);
	}
	.main-navigation .main-nav ul li a, .main-navigation .main-nav ul li a {
		border-top: 2px solid var(--base-3);
	}
	.main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li a:active {
		border-top: 2px solid var(--accent);
		background-color: var(--base-3);
		transition: border-top 1.5s ease;
	}
	.main-navigation .main-nav ul li a {
		color: var(--contrast);
		padding-left: 12px;
		padding-right: 12px;
		line-height: 40px;
	}
	/* Desktop Untermeue */
	.main-navigation.sub-menu-left ul ul {
		box-shadow: -1px 1px 0 rgba(255, 255, 255,.05);
		background-color: var(--base-4);
	}
}	

/* Menue mobil
 * =========== */
/* Hamburgermenue */
.mobile-menu-control-wrapper {
	background-color: var(--base-4);
}
/* mobiles Menue (Umschaltwert Customizer Primäre Navigation)*/
@media (max-width: 780px) {
	.has-inline-mobile-toggle #site-navigation.toggled {
		background-color: var(--base-3);
	}
	.main-navigation.toggled .main-nav ul ul {
		box-shadow: none;
		border-bottom: 0px solid var(--base-3);
	}
	.menu-item-has-children {
		border-bottom: 1px solid var(--accent);	
	}
}

/* Menue Footer 
 * =============*/
@media (max-width: 768px) and (min-width: 370px) {
	.one-container .site-content, .inside-page-header {
		padding: 0px;
	}
}
@media (max-width: 369px) {
	#footer-container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#footer-container p {
		margin-bottom: 10px;
	}
	.one-container .site-content, .inside-page-header {
		padding: 0px;
	}
}
/* Error 404 
 * ===============*/
.vor-zurueck-lz-error-container {
	padding-bottom: 20px;
}

/* Buch-Cover Hintergrund
 * ======================= */
@media (min-width: 1170px) {
	.hintergrund-buch {
		padding-top: 20px;
	}
}
@media (max-width: 1170px) and (min-width: 921px) {
	.hintergrund-buch {
		padding-top: 10px;
	}
}
.buch-cover {
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	height: 100%;
}
@media (min-width: 1171px) {
	.buch-cover {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Buch-Cover_01_800x1034.jpg);
	}
}
@media (max-width: 1170px) and (min-width: 921px) {
	.buch-cover {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Buch-Cover_01_600x776.jpg);
	}
}
@media (max-width: 920px) and (min-width: 820px) {
	.buch-cover {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Buch-Cover_01_800x1034.jpg);
	}
}
@media (max-width: 819px) and (min-width: 370px) {
	.buch-cover {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Buch-Cover_01_600x776.jpg);
	}
}
@media (max-width: 369px) {
	.buch-cover {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-cover_mobil_400x517.jpg);
		background-size: 95vw 100%;
	}
}

/* Buch-Cover Inhalt 
 * ================== */
.buch-cover-inhalt, .buch-inhalt-oben, .buch-inhalt-mitte, .buch-inhalt-unten {
		width: 100%;
}
/*.buch-cover h1 {
		padding-bottom: 1em;
}*/
@media (min-width: 1171px) {
	/* Buch-Cover Buchinhalt */
	.buch-cover {
		width: 800px;
		min-width: 800px;
		min-height: 1034px;
	}
	.buch-cover-inhalt {
		padding-top: 120px;
		padding-left: 150px;
		padding-right: 100px;
	}
	.buch-cover h1 {
		font-size: 70px;
	}
	.logo-cover {
		width: 450px;
		padding-top: 100px;
	}
	.buch-cover h2 {
		font-size: 40px;
		padding-top: 200px;
	}
	.schloss-buchcover-mobil {
		margin-top: -430px;
		margin-left: -12px;
	}
	.schloss-buchcover {
		width: 100px;
		height: 79px;
	}
}
@media (max-width: 1170px) and (min-width: 921px) {
	/* Buch-Cover Buchinhalt */
	.buch-cover {
		width: 600px;
		min-width: 600px;
		min-height: 776px;
	}
	.buch-cover-inhalt {
		padding-top: 120px;
		padding-left: 70px;
		padding-right: 20px;
	}
	.buch-cover h1 {
		font-size: 50px;
	}
	.logo-cover {
		width: 320px;
		padding-top: 50px;
	}
	.buch-cover h2 {
		font-size: 35px;
		padding-top: 150px;
	}
	.buch-inhalt-unten {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.schloss-buchcover-mobil {
		margin-top: -350px;
		margin-left: -12px;
	}
	.schloss-buchcover {
		width: 80px;
		height: 79px;
	}
}
@media (max-width: 920px) and (min-width: 820px) {
	/* Buch-Cover Buchinhalt */
	/* Lesezeichen ausgeblendet */ 
	.buch-cover {
		width: 800px;
		min-height: 1034px;
		margin-left: auto;
		margin-right: auto;
	}
	.buch-cover-inhalt {
		padding-top: 120px;
		padding-left: 200px;
		padding-right: 150px;
	}
	.buch-cover h1 {
		font-size: 70px;
	}
	.logo-cover {
		width: 450px;
		padding-top: 100px;
	}
	.buch-cover h2 {
		font-size: 40px;
		padding-top: 200px;
	}
	.schloss-buchcover-mobil {
		margin-top: -430px;
		margin-left: -12px;
	}
	.schloss-buchcover {
		width: 100px;
		height: 79px;
	}
}
@media (max-width: 819px) and (min-width: 620px) {
	/* Buch-Cover Buchinhalt */
	/* Lesezeichen ausgeblendet */ 
	.buch-cover {
		width: 600px;
		min-height: 776px;
		margin-left: auto;
		margin-right: auto;
	}
	.buch-cover-inhalt {
		padding-top: 120px;
		padding-left: 70px;
		padding-right: 20px;
	}
	.buch-cover h1 {
		font-size: 50px;
	}
	.logo-cover {
		width: 320px;
		padding-top: 50px;
	}
	.buch-cover h2 {
		font-size: 35px;
		padding-top: 150px;
	}
	.buch-inhalt-unten {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.schloss-buchcover-mobil {
		margin-top: -350px;
		margin-left: -12px;
	}
	.schloss-buchcover {
		width: 80px;
		height: 79px;
	}
}
@media (max-width: 619px) and (min-width: 420px) {
	/* Buch-Cover Buchinhalt */
	/* Lesezeichen ausgeblendet - mobil */ 
	.buch-cover {
		width: 400px;
		min-height: 517px;
		margin-left: auto;
		margin-right: auto;
	}
	.buch-cover-inhalt {
		padding-top: 50px;
		padding-left: 40px;
		padding-right: 10px;
	}
	.buch-cover h1 {
		font-size: 40px;
	}
	.logo-cover {
		width: 220px;
		padding-top: 30px;
	}
	.buch-cover h2 {
		font-size: 30px;
		padding-top: 100px;
	}
	.buch-inhalt-unten {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.schloss-buchcover-mobil {
		margin-top: -270px;
		margin-left: -12px;
	}
	.schloss-buchcover {
		width: 60px;
		height: 60px;
	}
}
@media (max-width: 419px) and (min-width: 370px) {
	/* Buch-Cover Buchinhalt */
	/* Lesezeichen ausgeblendet - mobil */ 
	.buch-cover {
		width: 370px;
		min-height: 517px;
		margin-left: auto;
		margin-right: auto;
	}
	.buch-cover-inhalt {
		padding-top: 50px;
		padding-left: 40px;
		padding-right: 10px;
	}
	.buch-cover h1 {
		font-size: 40px;
	}
	.logo-cover {
		width: 220px;
		padding-top: 30px;
	}
	.buch-cover h2 {
		font-size: 30px;
		padding-top: 100px;
	}
	.buch-inhalt-unten {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.schloss-buchcover-mobil {
		margin-top: -280px;
		margin-left: -12px;
	}
	.schloss-buchcover {
		width: 50px;
		height: 50px;
	}
}
@media (max-width: 369px) and (min-width: 270px) {
	/* Buch-Cover Buchinhalt */
	.buch-cover {
		width: 100vw;
		min-width: 100vw;
		min-height: 400px;
	}
	.buch-cover-inhalt {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	.buch-cover h1 {
		font-size: 24px;
		padding-left: 30px;
		padding-right: 20px;
	}
	.logo-cover {
		width: 55%;
		padding-top: 40px;
	}
	.buch-cover h2 {
		font-size: 20px;
		padding-top: 70px;
		padding-left: 30px;
		padding-right: 20px;
	}
}
@media (max-width: 269px) {
	/* Buch-Cover Buchinhalt */
	.buch-cover {
		width: 100vw;
		min-width: 100vw;
		min-height: 300px;
	}
	.buch-cover-inhalt {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	.buch-cover h1 {
		font-size: 22px;
		padding-left: 25px;
		padding-right: 15px;
	}
	.logo-cover {
		width: 55%;
		padding-top: 0;
	}
	.buch-cover h2 {
		font-size: 16px;
		padding-top: 50px;
		padding-left: 25px;
		padding-right: 15px;
	}
}

/* Buchseiten Hintergrund 
 * ======================= */
.buch-seite-oben, .buch-seite-mitte, .buch-seite-unten {
	background-position: center top;
	height: 100%;
}
.buch-seite-oben {
	background-size: contain;
	background-repeat: no-repeat;
}
.buch-seite-mitte {
	background-repeat: no-repeat;
}
.buch-seite-unten {
	background-size: contain;
	background-repeat: no-repeat;
}
@media (min-width: 1171px) {
	#buch-spalte {
		width: 800px;
	}
	.buch-seite-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_oben_800x140.jpg);
		min-height: 140px;
	}
	.buch-seite-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_mitte_800x589.jpg);
		background-size: 800px 100%;
		min-height: 660px; /* wegen der Fähnchen - pro Fähnchen zirka 68 px hinzu */
	}
	.buch-seite-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_unten_800x181.jpg);
		min-height: 181px;
	}
}
@media (max-width: 1170px) and (min-width: 921px) {
	#buch-spalte {
		width: 600px;
	}
	.buch-seite-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_oben_600x105.jpg);
		min-height: 105px;
	}
	.buch-seite-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_mitte_600x442.jpg);
		background-size: 600px 100%;
		min-height: 600px; /* wegen der Fähnchen - pro Fähnchen zirka 57 px hinzu */
	}
	.buch-seite-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_unten_600x136.jpg);
		min-height: 136px;
	}
}
@media (max-width: 920px) and (min-width: 820px) {
	/*width minus 130 wegen der Fähnchen - entsprechend height*/
	.buch-seite-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_oben_800x140.jpg);
		min-height: 140px;
	}
	.buch-seite-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_mitte_800x589.jpg);
		background-size: 800px 100%;
		min-height: 660px; /* wegen der Fähnchen - pro Fähnchen zirka 68 px hinzu */
	}
	.buch-seite-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_unten_800x181.jpg);
		min-height: 181px;
	}
}
@media (max-width: 819px) and (min-width: 620px) {
	.buch-seite-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_oben_600x105.jpg);
		min-height: 105px;
	}
	.buch-seite-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_mitte_600x442.jpg);
		background-size: 600px 100%;
		min-height: 680px; /* wegen der Fähnchen - pro Fähnchen zirka 66 px hinzu */
	}
	.buch-seite-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_unten_600x136.jpg);
		min-height: 136px;
	}
}
@media (max-width: 619px) and (min-width: 420px) {
	.buch-seite-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_oben_400x70.jpg);
		min-height: 70px;
	}
	.buch-seite-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_mitte_400x294.jpg);
		background-size: 400px 100%;
		min-height: 520px; /* wegen der Fähnchen - pro Fähnchen zirka 50 px hinzu */
	}
	.buch-seite-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_unten_400x90.jpg);
		min-height: 90px;
	}
}

@media (max-width: 419px) and (min-width: 370px) {
	.buch-seite-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_oben_400x70.jpg);
		min-height: 61.25px;
	}
	.buch-seite-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_mitte_400x294.jpg);
		background-size: 350px 100%;
		min-height: 530px; /* wegen der Fähnchen - pro Fähnchen zirka 50 px hinzu */
	}
	.buch-seite-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_unten_400x90.jpg);
		min-height: 78.75px;
	}
}

@media (max-width: 369px) {
	/* Lesezeichen ausgeblendet - Fähnchen ausgeblendet - mobil */ 
	.buch-seite-oben, .buch-seite-mitte, .buch-seite-unten {
		width: 95vw;
		min-width: 95vw;
	}
	.buch-seite-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_oben_400x70.jpg);
		background-size: 100% 100%;
	}
	.buch-seite-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_mitte_400x294.jpg);
		background-size: 100% 100%;
		min-height: 400px; /* Mindesthöhe */
	}
	.buch-seite-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/buch-seite_02_unten_400x90.jpg);
		background-size: 100% 100%;
		min-height: 78.75px;
	}
}

/* Buch-Seiten Inhalt grundsätzliche Textgrößen
================================================*/ /* soll oben bleiben */
/* Allgemein Abstände Überschriften und Text  */
.seite-inhalt-mitte h1 {
	margin: 0;
}
.seite-inhalt-mitte h2 {
	margin: 0;
}
.seite-inhalt-mitte h3 {
	margin: 0;
}
.seite-inhalt-mitte h4 {
	margin: 0;
}
.seite-inhalt-mitte p {
	margin: 0;
}
.langtext-text p {
	padding-bottom: 1.2em;
}
.seite-inhalt-oben a, .seite-inhalt-unten a {
	margin: 0;
}
/* Allgemeine Formatierungen */
/* Links Ausstellungs-Übersicht */
.postid-2428 .langtext-text a {
	text-decoration: none;
}
/* Links Presse-Übersicht */
.postid-2264 .langtext-text a {
	text-decoration: none;
}
/* Links Kapitel-Übersicht */
.postid-461 .langtext-text a {
	text-decoration: none;
}

@media (min-width: 1171px) {
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 36px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 30px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 28px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 24px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte p {
		font-size: 17px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a {
		font-size: 17px;
	}
}

@media (max-width: 1170px) and (min-width: 921px) {
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 32px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 26px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 24px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte p {
		font-size: 17px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a {
		font-size: 14px;
	}
}

@media (max-width: 920px) and (min-width: 820px) {
	/* Lesezeichen ausgeblendet - mobil */ 
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 36px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 30px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 28px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 24px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte p {
		font-size: 17px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a {
		font-size: 17px;
	}
}

@media (max-width: 819px) and (min-width: 620px) {
	/* Lesezeichen ausgeblendet - mobil */ 
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 32px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 26px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 24px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte p {
		font-size: 17px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a {
		font-size: 14px;
	}
}

@media (max-width: 619px) and (min-width: 420px) {
	/* Lesezeichen ausgeblendet - mobil */ 
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 26px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 22px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 18px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte p {
		font-size: 16px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a {
		font-size: 14px;
	}
}

@media (max-width: 419px) and (min-width: 370px) {
	/* Lesezeichen ausgeblendet - mobil */ 
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 26px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 22px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 18px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte p {
		font-size: 16px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a {
		font-size: 14px;
	}
}

@media (max-width: 369px) and (min-width: 320px) {
	/* Lesezeichen ausgeblendet - Fähnchen ausgeblendet - mobil */
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 26px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 22px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 18px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte p {
		font-size: 16px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a, .seite-inhalt-oben p, .seite-inhalt-unten p {
		font-size: 16px;
		line-height: 1.0;
	}
}

@media (max-width: 319px) and (min-width: 270px) {
	/* Lesezeichen ausgeblendet - Fähnchen ausgeblendet - mobil */
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 18px;
		font-weight: 600;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 18px;
		font-weight: 500;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 16px;
		font-weight: 500;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte p {
		font-size: 15px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a, .seite-inhalt-oben p, .seite-inhalt-unten p, .zurueck-galerie a, .zurueck-blaettern a, .vor-blaettern a {
		font-size: 15px;
		line-height: 1.0;
	}
}
@media (max-width: 269px) {
	/* Lesezeichen ausgeblendet - Fähnchen ausgeblendet - mobil */
	/* Text */
	.seite-inhalt-mitte h1 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h2 {
		font-size: 18px;
		padding-bottom: 10px;
	}
	.seite-inhalt-mitte h3 {
		font-size: 16px;
		padding-bottom: 15px;
	}
	.seite-inhalt-mitte h4 {
		font-size: 16px;
		padding-bottom: 15px;
	}
	.seite-inhalt-oben a, .seite-inhalt-unten a, .seite-inhalt-oben p, .seite-inhalt-unten p, .zurueck-galerie a, .zurueck-blaettern a, .vor-blaettern a {
		font-size: 14px;
		line-height: 1.0;
	}
	.seite-inhalt-mitte p {
		font-size: 14px;
	}
	p {
		font-size: 14px;
	}
}

/* Buch-Seiten Inhaltsformatierungen
 * ==================================*/

/* Ausrichtung */
.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
	width: 100%;
	min-width: 100%;
}
/* Abstände */
.seite-inhalt-mitte {
	padding-top: 0px;
	padding-bottom: 0px;
}
.seite-inhalt-unten {
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Navigation Buchseiten / Lesezeichen */
.vor-blaettern a, .zurueck-blaettern a, .seite-inhalt-oben a, .seite-inhalt-unten a {
	text-decoration: none;
	line-height: 1.0;
}
.vor-blaettern, .zurueck-blaettern {
	line-height: 1.0;
}
.vorwort-bilder a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	line-height: 1.0;
}
/* Navigation Anhang Einzelbilder */
.zurueck-galerie-container {
	line-height: 1.0;
}
.zurueck-galerie-container a {
	text-decoration: none;
}
.zurueck-galerie a::before {
	content: '» ' ;
}
.zurueck-galerie a::after {
	content: ' «' ;
}
/* Erklärungs-Texte - unter Überschriften 1 und 2 */
.erklaerung_0 {
	font-weight: 600;
	font-style: normal;
}
.einleitung_presse {
	font-weight: 400;
	font-style: normal;
	padding-bottom: 15px;
}
.erklaerung_1 {
	padding-top: 10px;
	font-weight: 400;
	font-style: normal;
}
.erklaerung_2 {
	padding-top: 10px;
	font-weight: 400;
	font-style: italic;
}
/* Gedicht 
 * --------*/
.gedicht-text-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-align: right;
	padding: 0;
	margin: 0;
	border-radius: 10px;
 	background-color: rgba(209, 193, 180, 0.2);
	font-style: normal;
}
h3.gedicht-ueberschrift {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	line-height: 1.8em;
	font-weight: 600;
	font-style: normal;
}
.gedicht-text p {
	margin: 0;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.5em;
	font-style: normal;
}
p.gedicht-unterschrift {
	font-size: small;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: 600;
	font-style: normal;
}
/* Stempel verkauft / unverkäuflich */
p.bild-verkauft_1, p.bild-verkauft_2, p.bild-unverkaeuflich_1, p.bild-unverkaeuflich_2, p.prosa-unverkaeuflich {
	font-size: 0.8em;
	font-weight: 600;
	padding: 5px 10px;
	border-radius: 5px;
	color: var(--base-3);
	margin-bottom: 0;
}
p.prosa-unverkaeuflich {
	width: min-content;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
}
.prosa-unverkaeuflich-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
}
.bild-verkauft_1, .bild-verkauft_2, .bild-unverkaeuflich_1, .bild-unverkaeuflich_2, .prosa-unverkaeuflich {
	text-shadow: rgba(0,0,0,0.5) 0 0 1px;
}
.bild-verkauft_1, .bild-verkauft_2 {
	box-shadow: inset 0 0 100px 0 var(--accent-4);
}
.bild-unverkaeuflich_1, .bild-unverkaeuflich_2, .prosa-unverkaeuflich {
	box-shadow: inset 0 0 100px 0 var(--accent);
}
/* Text unten / Unterschrift */
p.text-unten-unterschrift {
	font-family: Indie Flower;
	font-size: 24px;
	font-weight: 600;
	text-align: left;
	padding-top: 1em;
}
/* Hinweistext in "Informationen, Aktuelles, Hinweise" */
.updatehinweis-seite {
	color: var(--accent);
	font-weight: 600;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 30px;
}
.hinweistext-seite {
	color: var(--accent-4);
	font-weight: 600;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.hinweistext-galeriebild {
	padding-bottom: 0;
}
p.hinweistext-galeriebild {
	margin-bottom: 0;
}
p.updatehinweis-lesezeichen {
	color: var(--accent);
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 20px;
}
p.hinweistext-lesezeichen {
	color: var(--accent-4);
	font-weight: normal;
	padding: 10px;
}
.hinweistext-lz-container {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	border-radius: 5px;
 	background-color: rgba(255, 255, 255, 0.8);
	/*box-shadow: 0 0 10px 0 var(--base);*/
	position: relative;
}
/* Liste z.B. Kapitelübersicht */
/* numerisch */
#inhalt-mitte ol {
	list-style-type: upper-roman;
	padding-top: 20px;
	margin-bottom: 0;
}
#inhalt-mitte ol li {
	padding-bottom: 20px;
}
/* unnummeriert "NEU" */
#inhalt-mitte ul.liste-neu {
	list-style-type: "NEU. ";
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#inhalt-mitte ul li {
	padding-bottom: 0px;
}
/* unnummeriert "EW" Entstehungswege */
#inhalt-mitte ul.liste-entstehungswege {
	list-style-type: "EW. ";
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/* Zitate */
.seite-inhalt-mitte blockquote {
	border-left: 5px solid rgba(210, 194, 180,.3);
	padding: 10px 20px;
	font-size: 1em;
	font-style: italic;
	margin: 0 0 1.5em;
	position: relative;
}
/* Farben Text fett = türkis */
.seite-inhalt-mitte strong {
	color: var(--accent);
}
/* Farben Text vorformatiert = rot */
.seite-inhalt-mitte pre {
	color: var(--accent-4);
	background: var(--basis-3);
	font-family: inherit;
	font-size: inherit;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 1em;
	padding: 0;
	overflow: auto;
	max-width: 100%;
}
/* Bilder-Galerie 
 * ---------------*/
.bilder-galerie-container {
	padding-bottom: 0;
	margin-bottom: 0;
}
.container-bild-1 {
	padding-bottom: 0;
	margin-bottom: 0;
}
.bilder-galerie-container figure {
	object-fit: contain;
}
.bild-titel {
	font-weight: 600;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
}
.bild-titel::before {
	content: '“';
}
.bild-titel::after {
	content: '”';
}
.neu-dabei-kapitel-link {
	font-weight: 600;
	font-style: normal;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
}
.neu-dabei-kapitel-link::before {
	/*content: '–> ';*/  /*content: '» ';*/
}
.neu-dabei-kapitel-link::after {
	/*content: ' –';*/  /*content: ' «';*/
}
.bild-art {
	font-weight: normal;
	text-align: left;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom: 0;
}
.bild-groesse {
	font-weight: normal;
	font-style: italic;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
.bild-datum {
	font-weight: normal;
	text-align: left;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom: 0;
}
.download-link {
	padding-top: 0.1em;
	padding-bottom: 0.4em;
	margin-bottom: 0;
}
/* Abstand zum nächsten Bild, wenn Text länger als Bild */
#container-text p:last-child:last-of-type {
	margin-bottom: 20px;
}
/* Tablet */
/* Mobil */
.bilder-galerie-bild {
	width:60%;
}
@media (min-width: 420px) {
	.bilder-galerie-bild {
		box-shadow: 5px 5px 10px 0 var(--base);
	}
	.bilder-galerie-bild:hover {
		box-shadow: 5px 5px 10px 0 var(--contrast-3);
		transition: all 0.5s ease;
	}
}
@media (max-width: 819px) and (min-width: 620px) {
	.bilder-galerie-bild {
		width:75%;
	}
}
@media (max-width: 619px) {
	.bilder-galerie-bild {
		width:90%;	
	}	
}
@media (max-width: 419px) {
	.bilder-galerie-bild {
		width:95%;
	}
}


/* Desktop */
@media (min-width: 921px) {
	.bilder-galerie-bild {
		width:100%;
	}
	.container-bild {
		width:50%;
	}
	.container-text {
		width:50%;
	}
}

/* Einzelbild - Bidl groß */
.bilder-einzel-bild {
	width:100%;
	height:100%;
	max-height: 500px;
	max-width: 500px;
}

/* Bilderkarussel 
 * ==============*/
.su-bilderkarussell-01 {
	
}
.entstehungswege-bilderkarussell-01 {

}


/* CSS-Anpassungen in der App > Einstellungen (hier Kopie) */

/*
.su-image-carousel {
  margin: 0;
}
.su-image-carousel button.flickity-prev-next-button.next {
  right: 10px;
}
.su-image-carousel button.flickity-prev-next-button.previous {
  left: 10px;
}
.su-image-carousel button.flickity-prev-next-button {
  width: 34px;
  height: 34px;
}
@media (max-width: 619px) and (min-width: 370px) {
	.su-image-carousel button.flickity-prev-next-button {
		top: 55%;
		width: 24px;
		height: 24px;
	}
}
@media (max-width: 369px) {
	.su-image-carousel button.flickity-prev-next-button {
		top: 60%;
		width: 14px;
		height: 14px;
	}
}*/

/* Video 
 * ======*/
/* eingebunden via SCF */
.mejs-container .mejs-controls {
	background: var(--contrast-2);
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	background: var(--accent);
}
.mejs-volume-button,
.mejs-fullscreen-button {
	display: none;
}


/* Buch-Seiten Inhalt Abstände
================================*/
/* muss unten bleiben, da Seiteninhalte sonst nicht überall im Buch bleiben */
@media (min-width: 1171px) {
	/* Seiten */
	.buch-seite-oben, .buch-seite-mitte, .buch-seite-unten {
		width: 800px;
	}
	/* Abstände */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		padding-left: 120px;
		padding-right: 120px;
	}
	.seite-inhalt-oben {
		padding-top: 50px;
		padding-bottom: 0px;
	}
}

@media (max-width: 1170px) and (min-width: 921px) {
	/* Seiten */
	.buch-seite-oben, .buch-seite-mitte, .buch-seite-unten {
		width: 600px;
	}
	/* Abstände */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		padding-left: 80px;
		padding-right: 80px;
	}
	.seite-inhalt-oben {
		padding-top: 50px;
		padding-bottom: 0px;
	}
}

@media (max-width: 920px) and (min-width: 820px) {
	/* Seiten */
	/* Lesezeichen ausgeblendet - mobil */ 
	.buch-seite-oben, .buch-seite-mitte, .buch-seite-unten {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	/* Abstände */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		padding-left: 120px;
		padding-right: 120px;
	}
	.seite-inhalt-oben {
		padding-top: 50px;
		padding-bottom: 0px;
	}
}

@media (max-width: 819px) and (min-width: 620px) {
	/* Seiten */
	/* Lesezeichen ausgeblendet - mobil */ 
	.buch-seite-oben, .buch-seite-mitte, .buch-seite-unten {
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	/* Abstände */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		padding-left: 60px;
		padding-right: 80px;
	}
	.seite-inhalt-oben {
		padding-top: 50px;
		padding-bottom: 0px;
	}
}

@media (max-width: 619px) and (min-width: 420px) {
	/* Seiten */
	/* Lesezeichen ausgeblendet - mobil */ 
	.buch-seite-oben, .buch-seite-mitte, .buch-seite-unten {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	/* Abstände */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		padding-left: 60px;
		padding-right: 60px;
	}
	.seite-inhalt-oben {
		padding-top: 15px;
		padding-bottom: 0px;
	}
	.seite-inhalt-mitte {
		padding-top: 30px;
	}
}

@media (max-width: 419px) and (min-width: 370px) {
	/* Seiten */
	/* Lesezeichen ausgeblendet - mobil */ 
	.buch-seite-oben, .buch-seite-mitte, .buch-seite-unten {
		width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	/* Abstände */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		padding-left: 60px;
		padding-right: 60px;
	}
	.seite-inhalt-oben {
		padding-top: 15px;
		padding-bottom: 0px;
	}
	.seite-inhalt-mitte {
		padding-top: 30px;
	}
}

@media (max-width: 369px) and (min-width: 320px) {
	/* Lesezeichen ausgeblendet - Fähnchen ausgeblendet - mobil */
	/* Seiteninhalt */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		width: 70vw;
		min-width: 70vw;
	}
	/* Abstände */
	.seite-inhalt-oben {
		padding-top: 8px;
		padding-bottom: 0px;
	}
}

@media (max-width: 319px) and (min-width: 270px) {
	/* Lesezeichen ausgeblendet - Fähnchen ausgeblendet - mobil */
	/* Seiteninhalt */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		width: 70vw;
		min-width: 70vw;
	}
	/* Abstände */
	.seite-inhalt-oben {
		padding-top: 8px;
		padding-bottom: 0px;
	}
}
@media (max-width: 269px) {
	/* Lesezeichen ausgeblendet - Fähnchen ausgeblendet - mobil */
	/* Seiteninhalt */
	.seite-inhalt-oben, .seite-inhalt-mitte, .seite-inhalt-unten {
		width: 70vw;
		min-width: 70vw;
	}
	/* Abstände */
	.seite-inhalt-oben {
		padding-top: 8px;
		padding-bottom: 0px;
	}
	#mobile-navigation-buch-items {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.zurueck-galerie {
		margin-bottom: 0;
	}
}


/* Buchseiten Fähnchen
  * ===================*/

.faehnchen-container {
	position: relative;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	background-color: var(--base-2);
	color: var(--contrast); 
	transition: all 0.5s ease;
	text-decoration: none;
}
.kapitelnummer-fahne {
	background-color: var(--base-4);
}


@media (min-width: 1171px) {
	/* Fähnchen */
	.faehnchen-spalte {
		margin-top: 130px;
		margin-left: -75px;
	}
	.faehnchen-inhalt {
		padding-left: 10px;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.faehnchen-container {
		width: 60px;
		padding: 6px 6px 6px 6px;
		margin-top: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		font-size: 17px;
	}
}
@media (max-width: 1170px) and (min-width: 921px) {
	/* Fähnchen */
	.faehnchen-spalte {
		margin-top: 100px;
		margin-left: -70px;
	}
	.faehnchen-inhalt {
		padding-left: 20px; /*10px*/
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.faehnchen-container {
		width: 45px;
		padding: 6px 6px 6px 2px;
		margin-top: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		font-size: 14px;
	}
}
@media (max-width: 920px) and (min-width: 820px) {
	/* Fähnchen */
	/* Lesezeichen ausgeblendet - mobil */
	.faehnchen-spalte {
		margin-top: 130px;
		margin-left: -75px;
	}
	.faehnchen-inhalt {
		padding-left: 10px;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.faehnchen-container {
		width: 60px;
		padding: 6px 6px 6px 6px;
		margin-top: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		font-size: 17px;
	}
}

@media (max-width: 819px) and (min-width: 620px) {
	/* Fähnchen */
	/* Lesezeichen ausgeblendet - mobil */
	.faehnchen-spalte {
		margin-top: 110px;
		margin-left: -60px;
	}
	.faehnchen-inhalt {
		padding-left: 10px;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.faehnchen-container {
		width: 54px;
		padding: 6px 6px 6px 2px;
		margin-top: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		font-size: 17px;
	}
}

@media (max-width: 619px) and (min-width: 420px) {
	/* Fähnchen */
	.faehnchen-spalte {
		margin-top: 60px;
		margin-left: -40px;
	}
	.faehnchen-inhalt {
		padding-left: 10px; /*10px*/
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.faehnchen-container {
		width: 40px;
		padding: 5px 5px 5px 0px;
		margin-top: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		font-size: 14px;
	}
}
@media (max-width: 419px) and (min-width: 370px) {
	/* Fähnchen */
	.faehnchen-spalte {
		margin-top: 60px;
		margin-left: -40px;
	}
	.faehnchen-inhalt {
		padding-left: 10px; /*10px*/
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.faehnchen-container {
		width: 42px;
		padding: 5px 5px 5px 2px;
		margin-top: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		font-size: 14px;
	}
}

/* Seitenleiste Lesezeichen 
   ========================= */
@media (min-width: 1170px) {
	.hintergrund-lesezeichen {
		padding-top: 40px;
	}
}
@media (max-width: 1170px) and (min-width: 921px) {
	.hintergrund-lesezeichen {
		padding-top: 30px;
	}
}
/* Navigation Lesezeichen */
.lz-navi {
	margin-bottom: 1.5em;
	line-height: 1.0;
}
.hintergrund-lesezeichen a:link, .hintergrund-lesezeichen a:visited {
	text-decoration: none;
	color: var(--contrast);
}
.hintergrund-lesezeichen a:hover, .hintergrund-lesezeichen a:active {
	text-decoration: none;
	color: var(--accent);
}
/* vor-zurück Lesezeichen siehe Buch-Seiten */

/* Abstände im Lesezeichen */
.lesezeichen-inhalt-oben {
	padding-top: 20px;
	padding-bottom: 0px;
}
.lesezeichen-inhalt-mitte {
	padding-top: 0px;
	padding-bottom: 0px;
}
.lesezeichen-inhalt-unten {
	padding-top: 0px;
	padding-bottom: 0px;
}
.lz-galerie-bild {
	width:70%;
	height:70%;	
	border-radius: 5px;
	margin-bottom: 20px;
	object-fit: contain;
}

@media (min-width: 1171px) {
	.lesezeichen-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Lesezeichen_02_oben_250x109.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		min-height: 109px;
	}
	.lesezeichen-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Lesezeichen_02_mitte_250x559.jpg);
		background-size: 250px 100%;
		background-repeat: no-repeat;
		min-height: 559px;
	}
	.lesezeichen-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Lesezeichen_02_unten_250x169.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		min-height: 169px;
	}
	.lesezeichen-oben, .lesezeichen-mitte, .lesezeichen-unten {
		background-position: center top;
		height: 100%;
		width: 250px;
	}
	.lesezeichen-inhalt-oben, .lesezeichen-inhalt-mitte, .lesezeichen-inhalt-unten {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 1170px) and (min-width: 921px) {
	.lesezeichen-oben {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Lesezeichen_02_oben_250x109.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		min-height: 87px;
	}
	.lesezeichen-mitte {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Lesezeichen_02_mitte_250x559.jpg);
		background-size: 200px 100%;
		background-repeat: no-repeat;
		min-height: 447px;
	}
	.lesezeichen-unten {
		background-image: url(https://www.ausdruckswege.de/wp-content/uploads/2023/12/Lesezeichen_02_unten_250x169.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		min-height: 135px;
	}
	.lesezeichen-oben, .lesezeichen-mitte, .lesezeichen-unten {
		background-position: center top;
		height: 100%;
		width: 200px;
	}
	.lesezeichen-inhalt-oben, .lesezeichen-inhalt-mitte, .lesezeichen-inhalt-unten {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.lesezeichen-inhalt-oben p, .vor-blaettern a, .zurueck-blaettern a, .lz-navi a, .lesezeichen-inhalt-mitte p, .container-vor-zurueck {
		font-size: 14px;
	}
}


/* HELPER CLASSES */

/* Standard Shadow(s) */

.shadow-standard {
	box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
	transition: all .2s ease-in;
}

.shadow-standard:hover {
	box-shadow: 0px 8px 32px 0px rgba(33, 33, 33, 0.1);
}

/* Max Width(s) */

.max-width-1024 {
	max-width: 1024px;
}


.max-width-768 {
	max-width: 768px;
}

.max-width-640 {
	max-width: 640px;
}

.max-width-480 {
	max-width: 480px;
}

/* Margin Auto */

.margin-auto {
	margin-left: auto;
	margin-right: auto;
}

/* Position Properties */

.relative {
	position: relative;
}

.absolute {
	position:absolute;
	top: 0px;
	left: 0px;
}

.sticky {
	position: sticky;
	top: 24px;
}

/* =========
     Grafik 
   ========= */
/* Image Aspect Ratios */

.aspect-1-1 img{
    aspect-ratio: 1/1;
	object-fit: cover;
}

.aspect-3-2 img{
    aspect-ratio: 3/2;
	object-fit: cover;
}

.aspect-2-3 img{
    aspect-ratio: 2/3;
	object-fit: cover;
}

.aspect-4-3 img{
    aspect-ratio: 4/3;
	object-fit: cover;
}

.aspect-3-4 img{
    aspect-ratio: 3/4;
	object-fit: cover;
}

.aspect-16-9 img{
    aspect-ratio: 16/9;
	object-fit: cover;
}

.aspect-9-16 img{
    aspect-ratio: 9/16;
	object-fit: cover;
}


/* Hintergrundbilder */

.ar-16-9 {
    aspect-ratio: 16/9;
}

.ar-9-16 {
    aspect-ratio: 9/16;
}

.ar-4-3 {
    aspect-ratio: 4/3;
}

.ar-1-1 {
	aspect-ratio: 1/1;
}

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Nicht Unterstrichen */
.no-ul, .no-ul a {
	text-decoration: none;
}

/* Remove bottom margin on last paragraph */
.gb-container p:last-child:last-of-type {
    margin-bottom: 0px;
}

.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0px;
}

/* ============
     Farben 
===============*/

/* Hintergrund rechte Seitenleiste */
#right-sidebar {
  background-color: var(--base-3);
}
/*
:root {
	--primary: #1e73be;
	--primary-2: #175790;
	--kontrast: #d11a1a;
	--kontrast-2: #9e1414;
	--surface-0: #ffffff;
	--surface-10: #eeeeee;
	--surface-20: #dddddd;
	--surface-30: #cccccc;
	--surface-40: #bbbbbb;
	--surface-50: #aaaaaa;
	--surface-60: #888888;
	--surface-70: #777777;
	--surface-80: #555555;
	--surface-90: #333333;
	--surface-100: #000000;	
}*/

/*
:root {
/*	--contrast: #222222; /* schwarz */
/*	--contrast-2: #3B3631; /* tiefbraun-schwarz */
/*	--contrast-3: #766B62; /* braun */
/*	--base: #d2c2b4; /* sand Logo */
/*	--base-2: #E8E2DA; /* hell sand */
/*	--base-3: #ffffff; /* weiß */
/*	--base-4: #F7F5F2; /* hellster sand */
/*	--accent: #45bcd3; /* türkis Logo */
/*	--accent-2: #2B9FB6; /* dunkeltürkis */
/*	--accent-3: #a92936; /*dunkelrot*/
/*	--accent-4: #d10f0e; /*tiefrot*/
/*}
*/

/* ==========
 * Fonts
 * ==========*/

/* eb-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 600;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 800;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 800;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/eb-garamond-v27-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 500;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 600;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 800;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 900;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/work-sans-v19-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* indie-flower-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ausdruckswege.de/wp-content/uploads/fonts/indie-flower-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}