/*
Theme Name: wissenschaftsbuch
*/


/* CHANGE TELEMENTS IN STYLE.CSS AND GUTENBERG.CSS */
/* ------------------------------------------------*/
/* fullwidth elements */
.alignfull {
	position: relative;
	flex-shrink: 0;
	left: calc(((100vw - 100%)/2)*-1);
	width: 100vw;
}
/* remove column of text+image element on mobile  */
@media (max-width: 768px) {
	.wp-block-media-text {
		display: block;
	}
	.wp-block-media-text__content {
		padding: 1em 0 0 0 !important;
	}
}
/* CHANGE TELEMENTS IN STYLE.CSS AND GUTENBERG.CSS */
/* ------------------------------------------------*/

/* background colors */
.has-primary-background-color {background-color: #9E0529; color: #fff;}
.has-secondary-background-color {background-color: #720009; color: #fff;}
.has-tertiary-background-color {background-color: #720009;}
/* text colors */
.has-primary-color {color: #9E0529 !important;}
.has-secondary-color {color: #720009 !important;}
.has-tertiary-color {color: #F5E5E9 !important;}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
		src: url("fonts/SourceSansPro-Regular.woff2") format("woff2"), url("fonts/SourceSansPro-Regular.woff") format("woff");
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
		src: url("fonts/SourceSansPro-Italic.woff2") format("woff2"), url("fonts/SourceSansPro-Italic.woff") format("woff");
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
		src: url("fonts/semibold.woff2") format("woff2"), url("fonts/semibold.woff") format("woff");
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
		src: url("fonts/SourceSansPro-SemiboldItalic.woff2") format("woff2"), url("fonts/SourceSansPro-SemiboldItalic.woff") format("woff");
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
		src: url("fonts/SourceSansPro-Bold.woff2") format("woff2"), url("fonts/SourceSansPro-Bold.woff") format("woff");
}

@font-face {
	font-family: 'Source Sans Pro';
	font-weight: 700;
	font-style: italic;
	font-stretch: normal;
		src: url("fonts/SourceSansPro-BoldItalic.woff2") format("woff2"), url("fonts/SourceSansPro-BoldItalic.woff") format("woff");
}


/**  typography
------------------------------------------------------------- **/
html {
	font-variant-ligatures: none;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}
body {
	font-family: "Source Sans Pro",Arial,sans-serif;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.765;
	color: #000;
}
b,strong {font-weight: bold;}

/* mini css-reset*/
ul,ol,li {
	margin: 0; padding: 0;
}

h1,h2,h3,h4,h5 {
	color: #9E0529;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	font-weight: normal;
	line-height: 1.2em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #9E0529 !important;
}

h1 {
	display: block;
	font-size: 2em;
	letter-spacing: 0;
	color: #9E0529;
}
h2 {
	font-size: 1.7em;
	color: #9e0529;
}

.content p,
.content ul {margin-bottom: 0.7em;}
p:empty {margin: 0;}

/*lists*/
.content ol,
.content ul {
	margin-bottom: 1.875rem;
	padding-left: 0;
	overflow: hidden;
	list-style-type: none;
}
.content ol li,
.content ul li {
	position: relative;
	margin-bottom: .9375rem;
	padding-left: 1.875rem;
}
.content ul li::before,
.content ol li::before {
	position: absolute;
	left: 0;
	color: #9e0529;
}

.content ul li:before {
	content:"\2022"
}
.content ul ul li:before {
	content:"\2013"
}
.content ul ul li ul li:before {
	content:"\2022";
	color:#000
}
/* buttons */
.content button,
.content a.button,
.content a.button-fullwidth,
.content input[type=submit].button-fullwidth {
	cursor: pointer;
	background-color: #000;
	padding: 5px 10px;
	display: inline-block;
	margin: 5px 0 5px 0;
	color:#fff;
	text-decoration: none;
	border: 2px solid #000; text-align: center;
}

/*images*/
.alignright {margin-left: 20px;}
.alignleft {margin-right: 20px;}

blockquote {
  background: transparent;
  margin: 0.5em 0;
  quotes: "\201C""\201D";
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 3em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
	font-family: 'Arial Black';
}
blockquote p {
	display: inline;
}

hr {
	border: none;
}

figure {
	margin: 0;
}
figure > img {
	display: block;
}
.wp-block-image {
	margin-bottom: 0;
}

/**  base template
------------------------------------------------------------- **/

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body, html {margin: 0; padding: 0; height: 100%;}
body {overflow-x: hidden;}

/* images */
img {
	max-width: 100%;
	height: auto;
	/* display: block; */
}
.aligncenter, dl.aligncenter, .html5-captions .wp-caption.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
  }

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: #000;
	/* border-bottom: 1px solid #000; */
}
.main a:link,
.main a:visited,
.main a:hover,
.main a:active {
	text-decoration: underline;
}

.icons a:link,
.icons a:visited,
.icons a:hover,
.icons a:active {
	border-bottom: none;
} 

/* site width */
.max-size {max-width: 1200px; margin: 0 auto; padding: 0 1em; overflow: visible; position: relative;}

/* footer immer unten */
.site-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.site-container > .main {
	flex: 1;
}
.site-container > .main .content {
	margin: 2em 0;
}

.site-container > .main .content > p:first-of-type + .wp-block-cover {
	margin-top: -2em;
}

body.home .site-container > .main .content {
	margin: 0 0;
}

@media all and (-ms-high-contrast:none) {
	.site-container {
		display: block;
	}
}

video::-webkit-media-controls-panel {
   background-image: none !important;
   filter: brightness(0.4);
}
/**
------------------------------------------------------------- **/
div[class^="post-"],
.post,
article {
	position: relative;
}

a.post-edit-link {
	opacity: 0.2; padding: 0 5px; text-transform: uppercase; display: inline-block; color: #000; position: absolute; bottom: 0; right: 0;
	font-size: 0; width: 25px; height: 25px; background: url('img/icon-edit.svg') no-repeat center center #ccc;
	background-size: 18px; z-index: 100000;
	border-bottom: none;
}
a.more-link {display: block; color: #4DA728; border: none !important;}
a.more-link:hover { color: #4DA728 !important;}
a.more-link:before {content: '» '}
hr {clear: both; height: 0; border: 0; border-bottom: 2px solid #333;}

img.centered {
	margin: 0 auto;
}
.wp-caption {width: 100% !important;}


/**  header
------------------------------------------------------------- **/
header.mainheader {
	background: #fff;
	overflow: visible;
	width: 100%;
	z-index: 1000;
	position: relative;
	
}
header.mainheader a.logo {
	display: block;
	border: none;
	max-width: 350px;
	min-width: 200px;
	text-decoration: none;
}
header.mainheader a.logo img {
	width: 170px;
}
header.mainheader a.logo .description {
	color: #000;
	line-height: 1em;
	font-size: 14px;
	display: block;
	letter-spacing: 1px;
}
.mainheader > .max-size {
	padding-top: 1.5625rem;
	padding-bottom: 1.5625rem;
	transition: padding 0.4s;
}
/**  menu
------------------------------------------------------------- **/

.menu-toggle {display: block; cursor: pointer; position: absolute; right: 1em; bottom: 20px; width: 30px; height: 30px;} 
.menu-container {display: none;}

.menu-container {position: absolute; left: 0; top: 100px; width: 100%; z-index: 200; background: #333;}
.menu-container > div {position: relative;}
.menu-container ul {display: block; text-align: center;}
.menu-container ul li {display: block; margin: 0; position: relative;}
.menu-container ul li a {color: #fff; border: none; padding: 0;}

.menu-container ul.children li {background: #96BC3E;}
.menu-container ul.children li a {color: #fff;}

.show-menu .menu-container {
	display: block;
}

/* animated menu icon */
.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 100%;
	background: #333;
	position: absolute;
	display: block;
	content: '';
	transition: all 0.2s ease-in-out;
}
.menu-toggle span {top:  calc(50% - 2px);}
.menu-toggle span:before {top: -10px;}
.menu-toggle span:after {bottom: -10px;}
.show-menu .menu-toggle span {background-color: transparent;}
.show-menu .menu-toggle span:before, .site-container.show-menu .menu-toggle span:after {top: 0;}
.show-menu .menu-toggle span:before {transform: rotate(45deg);}
.show-menu .menu-toggle span:after {transform: rotate(-45deg);}


/* top menu */
.menu-shop-container {
	display: none;
}
@media (max-width:999px) {
	.menu-container {
		padding: 1em 0;
	}
	.menu-container li a {
		display: block;
		font-size: 1.25em;
	}
	.menu-container .sub-menu {
		font-size: 0.75em;
	}
}

@media (min-width:1000px) {
/**  big displays
------------------------------------------------------------- **/
	/**  menu
	---------------- **/
	.menu-toggle {display: none;}
	.menu-container {
		display: block;
		background: transparent;
	}

	.menu-container {position: relative; top: auto; left: auto; background: none !important;}
	.menu-container ul {display: flex; justify-content: flex-end;}
	.menu-container ul li {position: relative;}
	.menu-container ul li a {color: #333; line-height: normal;}
	.menu-container ul.children li {background: #fff;}
	/* .menu-container ul > li.current-menu-item { border-bottom: 2px solid #333;} */
	.menu-container ul li ul {display: none; text-align: left;}

	.menu-container ul > li > a {padding: 0.8em 1em; display: block; white-space: nowrap;}
	/* .menu-container ul > li.current_page_item > a { border-bottom: 2px solid #006376;} */

	/*mouse over submenu*/
	.menu-container ul li:hover ul {display: block; box-shadow: 0 0px 2px 0px gray;}
	.menu-container ul li ul {background: #fff; position: absolute; top: 45px; left: 0; width: 280px; font-size: 0.85em; line-height: 1.5em;}
	.menu-container ul li ul li {display: block;}
	.menu-container ul li ul li a {color: #333 !important; height: 45px;}
	.menu-container ul ul ul {display: none !important;}

	.mainheader > .max-size {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	header.mainheader a.logo img {
		width: 250px;
	}

} /** end bid displays**/

/**  breadcrumb navigation
------------------------------------------------------------- **/
.breadcrumb {
	background: #9E0529;
	color: #fff;
	font-size: 0.8em;
}
.breadcrumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.breadcrumb ul li {
	display: inline-block;
	padding: 0.5em 0.5em 0.5em 0;
}
.breadcrumb ul li:not(:last-child):after {
	content:'›';
	padding-left: 0.5em;
}
.breadcrumb a {
	color: #fff;
	border: none;
}

/* .content > p:first-of-type {
	display: none;
} */
p:empty {
	display: none;
}
.wp-block-columns {
	margin-bottom: 0;
}

/**  subpage
------------------------------------------------------------- **/

@media (min-width: 768px) {
	.leftcol {
		width: 70%;
		float: left;
		padding-right: 2em;
	}
	.rightcol {
		width: 30%;
		float: right;
	}
}

.rightcol ul {
	list-style: none;
}
.rightcol ul li {
	margin: 0;
}

/**  footer
------------------------------------------------------------- **/

footer {
	padding: 2em 0;
	text-align: center;
	position: relative;
	font-size: 0.85em;
	background-color: #F5E5E9;
}
/* footer a {
	color: #fff !important;
	border-color: #fff !important;
	border: none !important;
} */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5 {
	color: #fff;
	font-weight: bold;
}
footer ul {
	margin-left: 15px;
}
footer .widgets {
	margin-top: 1em;
	text-align: center;
}
/* footer .widgets > * {
	margin-bottom: 2em;
}  */

/* @media (min-width: 768px) {
	footer {
		text-align: left;
	}
	footer .widgets {display: flex;}
	footer .widgets  > * {flex: 1 0 0; position: relative;}
	footer .widgets  > * {padding-left: 0.5em; padding-right: 0.5em;}
	footer .widgets  > *:first-child {padding-left: 0;}
	footer .widgets  > *:last-child {padding-right: 0;}
} */
footer ul.menu {
	list-style: none;
}
footer ul.menu li {
	margin-left: 0;
}

a.backtotop {
	display: block;
	padding: 2em;
	text-align: center;
	cursor: pointer;
	font-size: 0.85em;
	text-transform: uppercase;
}
a.backtotop img {
	margin: 0 auto 1em auto;
	display: block;
}

/**  forms
------------------------------------------------------------- **/

input[type=text],
input[type=password],
input[type=email],
input[type=submit],
input[type=tel],
input[type=date],
input[type=number],
textarea,
select {
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px;
	border: 1px solid #000;
	outline: none;
	vertical-align: middle;
	max-width: 100%;
	width: 100%;
	/* border-radius: 4px; */
	/*box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.4);*/
	font-family: inherit;
	background: #FFFFFF;
	font-size: initial; /*prevents ios form zooming to the input field */
}

textarea {resize:vertical;}

input:focus,
textarea:focus,
select:focus {
	border: 1px solid #000;
}

select {
	background: url('img/arrow-down.svg') no-repeat center right 1em;
	background-size: 15px 15px;
	padding-right: 40px;
}

input[type=checkbox],
input[type=radio] {
	-webkit-appearance:none;
	/*-moz-appearance: none; does not work, makes it even uglier */
	appearance: none;
	display: inline-block;
	padding: 10px;
	border: 1px solid #000;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #fff;
}

input[type=radio] {
	border-radius: 100%;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
	background: url('img/icon-check.svg') no-repeat center center #fff;
	background-size: 70%;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
		border: 1px solid #000;
		outline: 0;
}

input[type=search] {
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
	padding: 8px;
	border: 1px solid #ccc;
	outline: none;
	vertical-align: middle;
	border-radius: 5px;
	font-family: inherit;
	background: none;
}

input.short,
select.short {max-width: 160px;}

fieldset {
	border: 0;
	padding: 0;
}
/*BUTTONS*/
input[type=submit],
a.button,
button,
.wp-block-button__link  {
	background-color: #65B743 !important;
	display: inline-block;
	padding: 0.5em 1em !important;
	color: #fff !important;
	line-height: normal !important;
	border: 1px solid #65B743;
	/* border-radius: 5px; */
	font-weight: normal !important;
	font-size: 1.1em !important;
	cursor: pointer;
	transition: all 0.2s;
}
/* a.button:hover,
.wp-block-button__link:hover {
	font-size: 1.2em !important;
} */

.has-blau-background-color .wp-block-button__link,
.has-braun-background-color .wp-block-button__link {
	border: 1px solid #fff;
}

/**  micro grid system
------------------------------------------------------------- **/
@media (min-width: 768px) {
	.flexrow {
		display: flex;
	}
	.flexrow > div {
		padding-left: 1em;
		padding-right: 1em;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 0;
		position: relative;
	}
	.flexrow > div:first-child {padding-left: 0;}
	.flexrow > div:last-child {padding-right: 0;}
}

div.table {display: table;}
div.table-row {display: table-row;}
div.table-cell {display: table-cell;}

/* .col .gallery {
	display: flex;
	flex-wrap: wrap;
}
.col .gallery-item  {
	float: none !important;
	width: auto !important;
	margin: 0 5px;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
}
.col .gallery-item img {
	border: 1px solid #ccc !important;
}
.col .gallery-item:first-of-type {
	margin-left: 0;
}
.col .gallery-item:last-of-type {
	margin-right: 0;
} */


/** iframe fix **/
iframe {display: block;} 

.wp-block-table {
	margin: 0;
}

.wp-block-table tr td {
	border-bottom: 1px solid #ccc;
}


/**  cookie consent
	------------------------------------------------------------- **/
	.cc-message span {
		font-size: 2em;
	}
	.cc-window {
		opacity: 1;
		transition: opacity 1s ease
	}
	
	.cc-window.cc-invisible {
		opacity: 0
	}
	
	.cc-animate.cc-revoke {
		transition: transform 1s ease
	}
	
	.cc-animate.cc-revoke.cc-top {
		transform: translateY(-2em)
	}
	
	.cc-animate.cc-revoke.cc-bottom {
		transform: translateY(2em)
	}
	
	.cc-animate.cc-revoke.cc-active.cc-bottom,
	.cc-animate.cc-revoke.cc-active.cc-top,
	.cc-revoke:hover {
		transform: translateY(0)
	}
	
	.cc-grower {
		max-height: 0;
		overflow: hidden;
		transition: max-height 1s
	}
	
	.cc-link,
	.cc-revoke:hover {
		text-decoration: underline
	}
	
	.cc-revoke,
	.cc-window {
		position: fixed;
		overflow: hidden;
		box-sizing: border-box;
		font-family: inherit;
		line-height: 1.5em;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		z-index: 9999
	}
	
	.cc-window.cc-static {
		position: static
	}
	
	.cc-window.cc-floating {
		padding: 2em;
		max-width: 24em;
		-ms-flex-direction: column;
		flex-direction: column
	}
	
	.cc-window.cc-banner {
		padding: 1em 1.8em;
		width: 100%;
		-ms-flex-direction: row;
		flex-direction: row
	}
	
	.cc-revoke {
		padding: .5em
	}
	
	.cc-btn,
	.cc-close,
	.cc-link,
	.cc-revoke {
		cursor: pointer
	}
	
	.cc-link {
		opacity: .8;
		display: inline-block;
		padding: .2em
	}
	
	.cc-link:hover {
		opacity: 1
	}
	
	.cc-link:active,
	.cc-link:visited {
		color: initial
	}
	
	.cc-btn {
		display: block;
		padding: .4em .8em;
		font-weight: 700;
		border-width: 2px;
		border-style: solid;
		text-align: center;
		white-space: nowrap
	}
	
	.cc-banner .cc-btn:last-child {
		min-width: 140px
	}
	
	.cc-highlight .cc-btn:first-child {
		background-color: transparent;
		border-color: transparent
	}
	
	.cc-highlight .cc-btn:first-child:focus,
	.cc-highlight .cc-btn:first-child:hover {
		background-color: transparent;
		text-decoration: underline
	}
	
	.cc-close {
		display: block;
		position: absolute;
		top: .5em;
		right: .5em;
		opacity: .9;
		line-height: .75
	}
	
	.cc-close:focus,
	.cc-close:hover {
		opacity: 1
	}
	
	.cc-revoke.cc-top {
		top: 0;
		left: 3em;
		border-bottom-left-radius: .5em;
		border-bottom-right-radius: .5em
	}
	
	.cc-revoke.cc-bottom {
		bottom: 0;
		left: 3em;
		border-top-left-radius: .5em;
		border-top-right-radius: .5em
	}
	
	.cc-revoke.cc-left {
		left: 3em;
		right: unset
	}
	
	.cc-revoke.cc-right {
		right: 3em;
		left: unset
	}
	
	.cc-top {
		top: 1em
	}
	
	.cc-left {
		left: 1em
	}
	
	.cc-right {
		right: 1em
	}
	
	.cc-bottom {
		bottom: 1em
	}
	
	.cc-floating>.cc-link {
		margin-bottom: 1em
	}
	
	.cc-floating .cc-message {
		display: block;
		margin-bottom: 1em
	}
	
	.cc-window.cc-floating .cc-compliance {
		-ms-flex: 1;
		flex: 1
	}
	
	.cc-window.cc-banner {
		-ms-flex-align: center;
		align-items: center
	}
	
	.cc-banner.cc-top {
		left: 0;
		right: 0;
		top: 0
	}
	
	.cc-banner.cc-bottom {
		left: 0;
		right: 0;
		bottom: 0
	}
	
	.cc-banner .cc-message {
		-ms-flex: 1;
		flex: 1
	}
	
	.cc-compliance {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-line-pack: justify;
		align-content: space-between
	}
	
	.cc-compliance>.cc-btn {
		-ms-flex: 1;
		flex: 1
	}
	
	.cc-btn+.cc-btn {
		margin-left: .5em
	}
	
	@media print {
		.cc-revoke,
		.cc-window {
			display: none
		}
	}
	
	@media screen and (max-width:900px) {
		.cc-btn {
			white-space: normal
		}
	}
	
	@media screen and (max-width:414px) and (orientation:portrait),
	screen and (max-width:736px) and (orientation:landscape) {
		.cc-window.cc-top {
			top: 0
		}
		.cc-window.cc-bottom {
			bottom: 0
		}
		.cc-window.cc-banner,
		.cc-window.cc-left,
		.cc-window.cc-right {
			left: 0;
			right: 0
		}
		.cc-window.cc-banner {
			-ms-flex-direction: column;
			flex-direction: column
		}
		.cc-window.cc-banner .cc-compliance {
			-ms-flex: 1;
			flex: 1
		}
		.cc-window.cc-floating {
			max-width: none
		}
		.cc-window .cc-message {
			margin-bottom: 1em
		}
		.cc-window.cc-banner {
			-ms-flex-align: unset;
			align-items: unset
		}
	}
	
	.cc-floating.cc-theme-classic {
		padding: 1.2em;
		border-radius: 5px
	}
	
	.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
		text-align: center;
		display: inline;
		-ms-flex: none;
		flex: none
	}
	
	.cc-theme-classic .cc-btn {
		border-radius: 5px
	}
	
	.cc-theme-classic .cc-btn:last-child {
		min-width: 140px
	}
	
	.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
		display: inline-block
	}
	
	.cc-theme-edgeless.cc-window {
		padding: 0
	}
	
	.cc-floating.cc-theme-edgeless .cc-message {
		margin: 2em 2em 1.5em
	}
	
	.cc-banner.cc-theme-edgeless .cc-btn {
		margin: 0;
		padding: .8em 1.8em;
		height: 100%
	}
	
	.cc-banner.cc-theme-edgeless .cc-message {
		margin-left: 1em
	}
	
	.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
		margin-left: 0
	}
	
	.cc-banner,
	.cc-message,
	.cc-btn {
		font-size: 13px;
		line-height: 1.2em;
	}


/**  tables
------------------------------------------------------------- **/
table td {
	font-size: 0.85em;
	padding: 10px;
	line-height: 1.2em;
}
table td:last-child {
	white-space: nowrap;
}

/**  gutenberg overwrites
------------------------------------------------------------- **/
.wp-block-navigation-link__content {
	padding: 0;
}
ul.wp-block-latest-posts li,
ul.wp-block-navigation__container li {
	margin-left: 0 !important;
}
.wp-block-media-text .wp-block-media-text__content {
	padding: 0;
}
.wp-block-media-text__media img {
	padding: 1.5em;
}
.wp-block-media-text__media > a {
	border-bottom: none;
}
.wp-block-navigation-link__label {
	font-family: inherit;
}
@media (max-width: 768px) {
	.wp-block-column {
		margin-bottom: 2em;
	}
}
.wp-block-cover * {
	line-height: 1em;
}

/**  slider
------------------------------------------------------------- **/
.slider {
	position: relative;
	margin-bottom: 2em;
	background: #D0D0D0;
}
.slider .prev,
.slider .next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	height: 50px;
	width: 50px;
	font-size: 0px !important;
	background: url('img/icon-arrow-side-white.svg') no-repeat center center;
	background-size: contain;
	background-color: transparent !important;
	border: none !important;
	opacity: 0.7;
	transition: all 0.2s;
}
.slider .prev:hover,
.slider .next:hover {
	opacity: 1;
}
.slider .prev {
	left: 0;
	transform: scaleX(-1);
}
.slider .next {
	right: 0;
}
.slide {
	display: block;
	position: relative;
}
.slide > .slider-text {
	background: #720009;
	padding: 1rem 2rem;
	z-index: 1;
	/* color: #fff; */
	overflow-x: hidden;
    overflow-y: auto;
}
.slide > .slider-text * {
	color: #000;
}
.slide a:link,
.slide a:visited,
.slide a:hover,
.slide a:active {
	text-decoration: none;
	color: #000;
}
.slide > .slider-image {
	position: relative;
}
.slide > .slider-image img {
	display: block;
}
@media (min-width: 800px) {
	.slide > .slider-text {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 33.333%;
		z-index: 1;
	}
	.slide > .slider-image img {
		width: 66.666%;
	}
}

/******************** from child theme *****************/

/* social media icons */
.social-links {
	width: 120px;
}
.social-links a {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	margin-left: 5px;
}

@media (max-width: 1000px) {
	.social-links {
		position: absolute;
		top: 40px;
		right: 70px;
	}
}
.booklist {
	width: 100%;
	margin-top: 2em;
	overflow: visible;
	display: flex;
	flex-wrap: wrap;
}
.book {
	position: relative;
	width: 25%;
	padding-bottom: 20px;
	cursor: pointer;
	/* overflow: hidden; */
	margin-bottom: 1em; margin-top: 0;
	transition: all 0.3s;
}
@media (max-width:1024px) {.book {width: 25%; }}
@media (max-width:800px) {.book {width: 33.3333%; }}
@media (max-width:650px) {.book {width: 50%; }}

.item-open {display: none;}

.book .categorization {
	font-size: 0.9em;
	margin-top: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	max-width: 180px;
}

.book-cover,
.book-image,
.book-image div,
.book-frame,
.book-title {
	width: 180px;
	height: 280px;
}
.book-cover {
	position: relative;
	transition: all 0.2s;
}
.book-cover:hover {
	transform: scale(1.18);
}
.book-image,
.book-image div,
.book-frame,
.book-title  {
	position: absolute;
	top: 0;
	left: 0;
}
.book-image div {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 100;
	/*transition: all 0.5s;*/
}

.book-frame {
	box-shadow: 7px 7px 0px 0px #ccc;
}
.book-frame:before,
.book-frame:after {
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 1;
}
.book-frame:before {
	left: 0px;
	bottom: -7px;
	border-width: 0 8px 7px 0;
	border-color: transparent #cccccc transparent transparent;

}
.book-frame:after {
	right: -7px;
	top: 0;
	border-width: 8px 0 0 7px;
	border-color: transparent transparent transparent #cccccc;
}

.book-title {
	color: #fff;
	background-color:#498CBE;
	padding: 2em 1em;
	text-align: center;
	font-size: 1em;
	z-index: 99;
	line-height: 1.25em;
	/* overflow: hidden;
	text-overflow: ellipsis; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.book.active .book-image {
	display: none !important;
}
.item-open a:link,
.item-open a:hover,
.item-open a:visited,
.item-open a:active {
	color: #498CBE;
	text-decoration: none;
}

.item-open {
	width: 100%;
	/* float: left; */
	margin-bottom:15px;
	position: relative;
	/*background: #EAEDF1;*/
	border-top: 2px dashed #0A3C6F;
	border-bottom: 2px dashed #0A3C6F;
	padding: 1em 2em 1em 0;
}

.item-open .close {
	position: absolute;
	bottom: 15px;
	right: 2em;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('img/icon-close.svg') no-repeat center center;
	background-size: 20px 20px;
}
.item-open .left {width: 25%;}
.item-open .right { width: 75%; text-align: left;}
.item-open .right h3 {
	margin-top: 0;
}

@media (max-width:850px) {
.item-open .left {width: 35%;}
.item-open .right {width: 65%;}
}
@media (max-width:660px) {
	.item-open .left {display: none;}
	.item-open .right {width: 100%;}
}

.item-open h4 {margin: 0.5em 0;}
.item-open .bookcontent {margin: 1em 0;}
.item-open .categorization {font-size: 1.1em;}
.item-open .row {margin-bottom: 0.5em;}

span.nominierung a {display: none;}
span.nominierung a:last-child { display: inline-block;}

hr {display: block; clear: both;}

.item-open .edit-link {position: absolute; right: 0; top: 0; bottom: auto;}
.item-open .verlag:before {content:'Verlag: '; font-weight: 700; display: block;}
.item-open .autor:before {content:'Autor(en): '; font-weight: 700; display: block;}

@media (max-width:430px) {
	.book-cover,
	.book-image,
	.book-title,
	.book-frame,
	.book-image div {
		width: 140px !important;
		height: 218px !important;
		float: none !important;
	}
	.book-title { font-size: 1em;}
}

.single-books .book,
.single-books .close {
	display: none;
}
.single-books .item-open {
	display: flex;
	background: none;
}

.book-tag-sieger .book-image:before {
	content:'Sieger';
	position: absolute;
	top: 0;
	left: 0;
	background:#21be69;
	color: #fff;
	padding: 0.2em 0.6em;
	z-index: 2000;
}


/**  filter
------------------------------------------------------------- **/

.searchandfilter ul li {
	padding: 0;
	margin: 0;
}
@media (min-width: 900px) {
	.searchandfilter ul {
		display: flex;
	}
	.searchandfilter ul li {
		padding: 0;
		margin: 0 5px;
	}
	.searchandfilter ul li:first-child {
		margin-left: 0;
	}
	.searchandfilter ul li:last-child {
		margin-right: 0;
	}
}

.searchandfilter label,
.searchandfilter select,
.searchandfilter input {
	display: block;
}
@media (max-width: 899px) {
	.searchandfilter label {
		margin-bottom: 1em;
	}
}
.searchandfilter li:before {
	content: none !important;
}
.result-number {
	font-size: 1.5em;
	text-align: center;
}
.search-filter-results .pagination {
	display: flex;
	justify-content: space-between;
}
.search-filter-results .pagination > div {
	width: 33.333%;
}
.search-filter-results .pagination .nav-previous {
	text-align: left;
}
.search-filter-results .pagination .result-pages {
	text-align: center;
}
.search-filter-results .pagination .nav-next {
	text-align: right;
}

/** voting
------------------------------------------------------------- **/

.vote-block {
	overflow: auto;
}
.vote-block h2 {
	text-align: center;
	font-size: 1.4em;
	border-bottom: 1px solid #498CBE !important;
}
.page-template-voting .book {width: 20%;}

@media (max-width:900px) {
	.page-template-voting .book {width: 33.3333%;}
}
@media (max-width:650px) {
	.page-template-voting  .book {width: 50%; }
}

.page-template-voting .book-cover,
.page-template-voting .book-image,
.page-template-voting .book-image div,
.page-template-voting .book-frame,
.page-template-voting .book-title {
	width: 160px;
	height: 240px;
	margin: 0 auto;
}

.page-template-voting button {
	width: 100%;
	background: #0A396E;
	color: #fff;
	border: none;
	padding: 1em;
}
.page-template-voting .book > .categorization {
	display: none;
}

.unvoted .show-description {pointer-events: none;}
.page-template-voting .unvoted {opacity: 0.3; filter: grayscale(1);}
.page-template-voting .voted {opacity: 1;}

.page-template-voting .book-cover:before {
	content:'Meine Wahl';
	line-height: 7em;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -3.5em;
	margin-left: -3.5em;
	background:  #fff;
	color: #0a396e;
	z-index: 2000;
	width: 7em;
	height: 7em;
	border-radius: 100%;
	text-align: center;
	box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
	opacity: 0;
	transform: scale(0);
	transition: all 0.2s;
}
.page-template-voting .voted .book-cover:before {
	opacity: 1;
	transform: scale(1);
}
.page-template-voting .book-title {
	overflow: hidden;
}

.page-template-voting .show-description {
	text-align: center;
	max-width: 160px;
	margin: 0 auto;
	margin-top: 0.5em;
}
.button.nominate {
	background:  #0a396e;
	color: #fff;
	/* display: inline-block; */
	padding: 0 1em;
	cursor: pointer;
	float: right;
	margin-right: 40px;
	height: 30px;
	line-height: 30px;
}

.page-template-voting .close {
	border: 1px solid #0a396e;
	height: 30px;
	width: 30px;
}

#alreadyvoted {
	text-align: center;
	border: 1px solid #ccc;
	padding: 1.5em;
}

#voting-button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}


/** voting overlay
------------------------------------------------------------- **/
.overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	background: rgba(0,0,0,0.5);
	display: none;
}

.overlay-inner {
	display: flex;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.overlay-content {
	background: #fff;
	max-width: 540px;
	padding: 2em;
	position: relative;
}
.close-overlay {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('img/icon-close.svg') no-repeat center center;
	background-size: contain;
}

/** participant database plugin 
------------------------------------------------------------- **/
.pdb-signup .checkbox.control-group .controls {
	display: flex;
	align-items: flex-start;
}
.pdb-signup .checkbox.control-group .control-label {
	font-weight: bold;
}

.pdb-signup .alert.pdb-error p {
	margin-bottom: 0 !important;
}


/** recolor
------------------------------------------------------------- **/
.breadcrumb {
	background: #498CBE;
}
input[type=submit],
a.button,
button,
.wp-block-button__link {
	background-color: #498CBE !important;
	border: 1px solid #498CBE !important;
}
footer {
	background-color: #D0D0D0;
}
.slide > .slider-text {
	background: #D0D0D0;
	color: #333 !important;
}
.slide > h1,
.slide > .slider-text > * {
	color: #333 !important;
}
.menu-container {
	background: #231f20;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #498CBE !important;
}

h1,h2,h3,h4,h5 {
	color: #498CBE;
}
.content h1,
.content h2 {
	border-bottom: 2px solid #498CBE;
}
.slide h1,
.slide h2 {
	border-bottom: none;
}
header.mainheader {
 background-color: #231f20;
}
.menu-container ul li a {
	color: #fff;
}
/* jury
------------------------------------------------------------- **/
ul.jury {
	list-style: none;
}
ul.jury li {
	padding-left: 0 !important;
}
ul.jury li:before {
	content:'';
}
ul.jury h3 {
	margin: 0;
}

/* participant database plugin
------------------------------------------------------------- **/

.field-group-submit {
	margin: 1em 0;
}

.page-template-voting .content {
	margin-top: 0 !important;
}

/* extras
------------------------------------------------------------- **/

.small-txt {
	font-size: 0.8em;
	line-height: 1.5em;
	display: inline-block;
}

/* passwortgeschützer Bereich (Intern)
------------------------------------------------------------- **/
.post-password-form {
	max-width: 480px;
	margin: 0 auto;
}
.post-password-form input[type=password] {
	margin-bottom: 1em;
}
.wp-block-file__button {
	border-radius: 0 !important;
	text-decoration: none !important;
	background: #498CBE !important;
}

.ptam-block-post-grid-image a {
	pointer-events: none;
}



/* shortlist & single-books  */
/* ------------------------------------------------*/
.autor-data {
	max-width: 180px;
	margin-top: 2em;
}
.autor-bio {
	line-height: 1.25em;
	font-size: 0.9em;
}
.subheadline h2 {
	margin-top: 0;
}
.subheadline p {
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.5em;
}
.long-text {
	margin-bottom: 2em;
}
.acf-data .verlag:before {content:'Verlag: '; font-weight: 700; display: block;}
.acf-data .autor:before {content:'Autor(en): '; font-weight: 700; display: block;}

.categorization {font-size: 1.1em;}
.categorization a:link,
.categorization a:hover,
.categorization a:visited,
.categorization a:active {
	color: #498CBE;
	text-decoration: none;
}
.single-books .bookcontent {
	margin: 1em 0;
}
.single-books h3 {
	margin-top: 0;
}
.single-books .book-header-photo {
	margin-bottom: 1.5em;
}
@media (max-width:767px) {
	/* .single-books .book-cover {display: none;} */
	.single-books .autor-data {
		display: flex;
		max-width: 100%;
		gap: 10px;
		margin-top: 0;
		margin-bottom: 1.5em;
	}
	.single-books .autor-bio {
		margin: 0;
	}

	.single-books .flexrow {
		display: flex;
		flex-direction: column-reverse;
	}

	.single-books .book-cover {
		transition: none;
		margin: 2em 0 2em 0;
	}
	.book-cover:hover {
		transform: scale(1);
	}
}

@media (max-width: 767px) {
  .autor-data {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items horizontally */
    gap: 10px; /* Add spacing between the photo and bio */
    max-width: 100%; /* Ensure it uses full width on mobile */
    margin-top: 1em;
  }
  .autor-photo img {
    max-width: 100%; /* Ensure the image scales properly */
    height: auto;
  }
  .autor-bio {
    text-align: center; /* Align text to the center */
    font-size: 0.9em; /* Adjust font size for better readability on small screens */
  }
}