/*
	Theme Name: Lesart
	Theme URI: https://nikolic.win
	Description: Custom WordPress Theme
	Version: 1.0
	Author: Milan Nikolic
	Tags: Blank, HTML5, CSS3

	License: MIT
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	margin: 0;
	padding: 0;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 1.6rem/1.4 'Open Sans', sans-serif;
	color:#000;
	display: flex;
    min-height: 100vh;
    flex-direction: column;
}

img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#000;
	text-decoration:none;
	transition: all .23s ease-in;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.img-fit {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;	
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.container,
.container-narrow,
.container-wide {
	margin: 0 auto;
}
.container-wide {
	max-width: 1680px;
	padding: 0 20px;
}
.container {
	max-width: 1200px;
}
.container-narrow {
	max-width: 780px;
}
@media only screen and (max-width:1170px) {
	.container,
	.container-narrow,
	.container-wide {
		padding: 0 20px;
	}
}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
	position: relative;
	padding: 20px;
	flex: 1 1 100%;
	max-width: 100%;
}
@media only screen and (min-width:480px) {
	.col3{
		flex: 1 1 50%;
		max-width: 50%;
	}
}
@media only screen and (min-width:768px) {
	.col1{
	flex: 1 1 8.33%;
	max-width: 8.33%;
}
.col2{
	flex: 1 1 16.66%;
	max-width: 16.66%;
}

.col4{
	flex: 1 1 33.33%;
	max-width: 33.33%;
}
.col5{
	flex: 1 1 41.66%;
	max-width: 41.66%;
}
.col6{
	flex: 1 1 50%;
	max-width: 50%;
}
.col7{
	flex: 1 1 58.33%;
	max-width: 58.33%;
}
.col8{
	flex: 1 1 66.66%;
	max-width: 66.66%;
}
.col9{
	flex: 1 1 75%;
	max-width: 75%;
}
.col10{
	flex: 1 1 83.33%;
	max-width: 83.33%;
}
.col11{
	flex: 1 1 91.63%;
	max-width: 91.63%;
}
.col12{
	flex: 1 1 100%;
	max-width: 100%;
}

}
@media only screen and (min-width:1024px) {
	.col3{
		flex: 1 1 25%;
		max-width: 25%;
    }
}
.row {
	margin: 0 -20px;
	display: flex;
	flex-wrap: wrap;	
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	flex: 1 0 auto;
	position:relative;
}

/*------------------------------------*\
    FLEX
\*------------------------------------*/
.flex {
	display: flex;
}
.flex-center {
	justify-content: center;
}
.flex-vertical-center {
	align-items: center;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-space-between {
	justify-content: space-between;
}
.flex-end {
	justify-content: flex-end;
}
.flex-column{
	flex-direction: column;
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header .logo h1 {
	color: #277DA1;
	font-weight: 800;
	font-size: 40px;
}
.header {
	padding: 20px 0;
background: #F4F4F4;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.header ul {
	list-style: none;
}
.header a {
	font-weight: 500;
}

.header-user a {
	background: #277DA1;
	padding: 7px 23px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
	    min-width: 140px;
    text-align: center;
margin-bottom: 10px;
}
.header-user a:nth-child(2) {
	color: #277DA1;
	border:1px solid #277DA1;
	background-color: transparent;
}
.header .logo a,
.header nav a,
.post-edit-link  {
	color: #fff;
}
/************ DESKTOP MENU ***************/
.header ul {
	list-style: none;
	display: flex;
	height: 100%;
    align-items: center;
}
.header ul li a {
	font-size: 18px;
	padding: 0 15px;
	cursor: pointer;
	transition: all .23s ease-in; 
	font-weight: 500;
	color: #000;
}
.header ul li a:hover,
.header .socials i:hover {
	color: #B80005;
}
.header ul > li {
	position: relative;
}
.header .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
.header ul > li.menu-item-has-children:hover > .sub-menu {
	display: block;
}
.header .menu-item-has-children::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
}
/************ MOB MENU ***************/
@media only screen and (max-width:1280px) { 
	.side-nav-bg {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 1000;
		background: rgba(47, 54, 64,.7);	
	}
	.fa-bars {
		font-size: 26px
	}
	.mobile-header {

	}
	.side-nav {
		height: 100%;
		width: 70%;
		position: fixed;
		z-index: 1985;
		top: 0;
		left: -70%;
		/*background-color: #171d21;*/
		background-color: #2b323e;
		color: #b3b3b3;
		overflow-x: hidden;
		transition: .3s ease;
		border-right: solid 5px #ddd;
		padding: 23px 15px 15px 23px;
	}
	.side-nav .sub-menu {
		background: transparent;
		box-shadow: none;
	}
	.side-nav ul {
		list-style: none;
		display: flex;
		flex-direction: column;
	}
	.side-nav nav {
		margin: 23px 0;
	}
	.side-nav nav > ul > li {
		margin: 8px 0;
		position: relative;
	}
	.side-nav nav > ul > li > a {
		text-transform: uppercase;
		color: #fff!important;
	}
	.second-mob-menu {
		margin: 23px 0;
	}
	.second-mob-menu ul li {
		margin: 8px 0!important;
	}
	.second-mob-menu ul li a {
		font-size: 14px;
		letter-spacing: .5px;
	}
	.mob-socials .socials {
		display: flex;
        justify-content: flex-start;
	}
	.mob-socials .socials > a {
		margin-right: 10px;
	}
	.side-nav .menu-item-has-children::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f13a";
		position: absolute;
		z-index: 99999;
		right: 0;
		top: 0;
	}
	.side-nav .sub-menu {
	    width: 100%;
  	    position: relative;	
		display: none;
		margin-top: 5px;
		
	}
	.side-nav nav ul li a:hover {
		color: #fff;
	}
	.side-nav .menu-item-has-children.menu-open::after {
		color: #f36843;
	}	
	.side-nav .header-search {
		 margin: 23px 0!important;
	}
	.side-nav .header-search i {
		    color: #babfc2;
	}
}
/**** end of mobile menu ***/

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer .address {
	position: relative;
	padding-left: 27px;
	margin-bottom: 16px;
}
.footer .address::before {
	content: "";
	display: inline-block;
	background: url(img/pin.svg) no-repeat;
	width: 20px;
	height: 20px;
	position:absolute;
	left: 0;
	top: 3px;
}
.footer .phone {
	position: relative;
	padding-left: 27px;
	margin-bottom: 16px;
}
.footer .phone::before {
	content: "";
	display: inline-block;
	background: url(img/phone.svg) no-repeat;
	width: 20px;
	height: 20px;
	position:absolute;
	left: 0;
	top: 1px;
}
.footer .email {
	position: relative;
	padding-left: 27px;
	margin-bottom: 16px;
}
.footer .email::before {
	content: "";
	display: inline-block;
	background: url(img/letter.svg) no-repeat;
	width: 20px;
	height: 20px;
	position:absolute;
	left: 0;
	top: 1px;
}
/* return to top button */
#return-to-top { 
	position: fixed; 
	bottom: 20px; right: 20px; 
	display: none; 
	z-index: 1983;
}
#return-to-top i { 
	color: #1DB99A; 
	font-size: 28px;  
}

.footer {
	background: #EEE;
	padding: 50px 0 30px;
}
.footer h2 {
	margin-bottom: 16px;
}
.footer ul {
	list-style: none;
}
.footer ul li {
	margin-bottom: 10px;
}

.footer ul li a:hover {
	color: #4D908E;
}

.footer .copyright {
	margin-top: 60px;
}
.footer .logo-column h2 {
	color: #4D908E;
	font-weight: 800;
	font-size: 40px;
	margin-bottom: 15px;
}
.newsletter-banner {
	background: #F9C74F;
	padding: 55px 20px;
}
.newsletter-banner h2 {
	font-size: 37px;
	margin-bottom: 20px;
}
.newsletter-banner .btn {
	margin-top: 0;
	min-width: 200px;
	background: #4D908E;
	text-transform: capitalize;
	border: none;
	margin-left: 5px;
	cursor: pointer;
}
.newsletter-banner input{
	padding:15px;
	    border-radius: 5px;
    border: none;
	min-width: 284px;
}
.newsletter-banner input:first-child {
	min-width: 284px;
}
.logo-column {
	max-width: 340px;
}
.logo-column .socials {
	margin-top: 30px;
	display: flex;
	align-items: center;
}
.logo-column .socials svg {
	margin-right: 30px;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

h1 {
	font-weight: 700;
	font-size: 4rem;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (max-width:768px) {
	.sib_signup_form .flex.flex-center {
		flex-direction: column;
		gap: 1rem;
	}
	.sib_signup_form input {
		width: 100%;
	}
	footer > .container {
		flex-direction: column;
		gap: 2rem;
	}
	.reading-groups .swiper-button-next, .reading-groups .swiper-button-prev {
		top: 30px!important;
	}
	.reading-groups h2 {
		font-size: 27px!important;
		line-height: 1.2;
	}
}
@media only screen and (max-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (max-width:1200px) {
	body .book-in-focus-header {
		flex-direction: column;
		gap: 2rem;
	}
	body .book-in-focus-header .buttons {
		margin: 0 auto 2rem!important;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}


/*------------------------------------*\
    PAGE
\*------------------------------------*/

.page-section {
	padding: 80px 0;
}

.main-search button {
	background: none;
	border: none;
	font-size: 23px;
	position: absolute;
	left: 10px;
	top: 7px;
}
.main-search input {
	padding: 10px 40px;
	border-radius: 4px;
	background: #ddd;
	border: none;
	width: 100%;
	font-size: 1.8rem;
}
.main-search form {
	position: relative;
}

.user-registration,
.grey-box,
.ur-frontend-form  {
	background: #ddd!important;
	box-shadow: 0 2px 20px rgba(45,53,89,.1);
}
.btn,
.view-article,
.modal-button,
.button-primary {
	background:#629DAB;
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
	padding: 12px 23px;
	font-weight: 700;
	font-size: 16px;
	display: inline-block;
	margin-top: 40px;
	transition: all .23s ease-in;
	border: none;
}
.btn:hover,
.view-article:hover {
	color: #fff !important;
	background: #7DB89E;
}
.btn_cover {
	margin-top: 10px;
}
.ur-frontend-form .ur-button-container .ur-submit-button {
	margin-right: auto;
}
.grey-box {
	text-align: center;
	font-size: 33px;
	margin-bottom: 30px;
	padding: 20px;
	box-shadow: 0 2px 20px rgba(45,53,89,.1);
}
.grey-box b {
	display: block;
}


.content {
	padding: 60px 0;
	flex: 1;
	padding: 30px;
}


.single .img-wrap img{
	margin: 40px 0;
	height: 100%;
	max-width: 200px;
	max-height: 300px;
	width:100%;
}

.quote-item {
	background: #E6E3CE;
	padding: 20px;
	margin-bottom: 30px;
	position: relative;
	font-weight: 500;
	transition: all .23s ease-in;
}
.quote-item:hover {
	box-shadow: 0 3px 6px rgba(101, 125, 168,0.16), 0 3px 6px rgba(101, 125, 168,0.23)
}
.quote-item p {
	margin-bottom: 15px;
}
.quote-item p:last-child {
	margin-bottom: 0;
}
.quote-item b {
	display: inline-block;
	margin-right: 10px;
    width: 93px;
    padding-right: 10px;
}
.quote-item .page-number {
	background: #629DAB;
	font-weight: 700;
	position: relative;
	top: -20px;
	left: -20px;
	font-size: 1.4rem;
	padding: 5px 8px;
	display: inline-block;
	margin-right: 15px;
	color: #fff;
}
.quote-item .author{
	background: #629DAB;
	font-weight: 700;
	position: relative;
	top: -20px;
	font-size: 1.4rem;
	padding: 5px 8px;
	display: inline-block;
	margin-right: 15px;
	color: #fff;
}
.quote-item .comments a {
	background: #A4C9A7;
	font-weight: 700;
	position: relative;
	top: -20px;
	font-size: 1.4rem;
	padding: 5px 8px;
	display: inline-block;
	margin-right: 15px;
}
.quote-item a .flex {
	margin-bottom: 20px;
}
.quote-item a .flex:last-child {
	margin-bottom: 0;
}
.quote-item .comments.blue a {
    background: #629DAB;
    font-weight: 700;
    position: relative;
    top: -20px;
    right: -10px;
    font-size: 1.4rem;
    padding: 10px 8px;
    display: inline-block;
    margin-right: 0;
    color: #fff;
    float: right;
}
div.updated {
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2023;
    text-align: center;
    font-size: 2.3rem;
    font-weight: 500;
    background: rgba(76, 175, 80, .9);
    color: #fff;
    padding: 10px;
}
.acf-field-5fa481d1c0f6a {
	display: none;
}

.book-item {
	text-align: center;
}
label[for=acf-_post_content] {
	display: inline-block;
	text-indent: -9999px;
	position: relative;
	bottom: -30px;
}
label[for=acf-_post_content]::before {
	content: "Stelle";
	text-indent: 0;
	float: left;
}
#insert-media-button {
	display: none;
}
.acf-form-submit {
	text-align: center;
}
.acf-form-submit input {
	background: #585353;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 12px 23px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    border: none;
}
.single .add-quote {
    border-top: 1px solid #ddd;
    margin-top: 50px;
    display: none;
}

.content p {
	line-height: 1.8;
}

.filter-citations {
	margin: 20px 0;
}
.filter-citations span {
	margin-right: 10px;
}

select {
	-webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}

.question div p {
	margin-bottom: 15px;
}
.question div p:last-child {
	margin-bottom: 0;
}
.question div {
	flex: 1;
}
.question div ol,
.question div ul {
	padding-left: 20px;
	margin-bottom: 15px;
}
.question div ol li,
.question div ul li {
	margin: 4px 0;
}


.flex.heading{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin-top: 30px;
}
.flex.heading .edit-post-wrapper {
	 -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
     display: none;
}
.edit-post {
	cursor: pointer;
}
.citation > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;	
}

.admin-edit {
    position: fixed;
    z-index: 1984;
    top: 5px;
    left: 5px;
    line-height: 1;
    font-weight: 700;	
}

button {
	background: none;
	border: none;
	border-radius: 0;
}

a.pm_button,
.buttonarea input {
	background: #585353;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 12px 23px;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    text-transform: uppercase;
}
a.pm_button button,
.buttonarea input,
.quote-item.fazit-quote > a {
	color: #fff !important;
}
a.pm_button:hover,
.buttonarea input:hover {
	color: #fff !important;
    background: #7b7373;
}
.quote-item.fazit-quote {
	background: #657DA8;
	padding-right: 50px;
}
.quote-item.fazit-quote::after {
	content: "FAZIT";
	position: absolute;
    right: 0;
    color: #fff;
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 5px;
    writing-mode: tb-rl;
    line-height: 1;
    opacity: .7;
    top: 50%;
    transform: translateY(-50%);
}
.quote-item.fazit-quote .fazit-label {
	position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    font-weight: 700;
}



.besprechung{
    -webkit-box-flex:1;
        -ms-flex:1 1 100%;
            flex:1 1 100%;
}
.besprechung-form {
	display: none;
}
.besprechung-form .acf-field-taxonomy,
.besprechung-form .acf-field.acf-field-text {
	display: none!important;
}
.archive.tag article.post {
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
} 
.archive.tag article.post .comments  {
	display: block;
}

.archive.tag article.post .comments a{
	background: #585353;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 12px 23px;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
}


.besprechung-content p {
	margin-bottom: 15px;
}
.besprechung-content p:last-child {
	margin-bottom: 0;
}

.pm-group-logo > img {
	height: auto;
}
.single h1 {
	line-height: 1;
	margin-bottom: 20px;
}

.sticky .sticky-header {
	display: block;
}
.sticky-header {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #657DA8;
	z-index: 2021;
	padding: 5px 0;
	color: #fff;
}
.sticky-header a {
	color: #fff;
}
.sticky-book-title {
	text-transform: uppercase;
    font-weight: 500;
    margin-right: 30px;
}
.sticku-add-quote {
	cursor: pointer;
	transition: all .23s ease-in;
	display: inline-block;
}

.sticku-add-quote:hover {
	color: #1DB99A;
}

.besprechung-excerpt {
	margin-top: 20px;
}
.besprechung-excerpt .view-article {
	margin: 10px 0 0;
    font-size: 12px;
}
.besprechung-excerpt > div {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	font-weight: 500;
}
.besprechung-excerpt > div:last-child {
	border-bottom: none;
}

@media only screen and (min-width:768px) {
	.besprechung {
		/*margin-left: -227px;
    	margin-right: -227px;*/
	}
}
#wpdcom .wpd-blog-subscriber .wpd-comment-author, #wpdcom .wpd-blog-subscriber .wpd-comment-author a {
	color: #A4C9A7!important;
}
#wpdcom .wpd-thread-head .wpd-thread-info,
#wpdcom .wpd-thread-head .wpdiscuz-user-settings {
	border-color:  #A4C9A7!important;
}
.bar-graph h4 {
	color: #657DA8;
}
.btn.modal-trigger {
	background-color: #657DA8;
}
.besprechung a.btn {
    background: #7DB89E;
    display: block !important;
    margin: 20px auto  !important;
    width: 300px !important;
    text-align: center !important;
}

#wpdcom .wpd-thread-head .wpd-thread-info {
	    background: #A4C9A7;
    color: #000;
}

#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-text {
	font-weight: 500;
	font-size: 17px;
	    color: #000!important;
}


.page-template-default.page .page-section p,
.page-template-default.page .page-section h1,
.page-template-default.page .page-section h2,
.page-template-default.page .page-section h3 {
	margin-bottom: 20px;
}

.page-section .wp-block-group {
	max-width: 840px;
}
.page-template-default.page .page-section ol,
.page-template-default.page .page-section ul {
	padding-left: 20px;
	margin-bottom: 20px;
}
.page-template-default.page .page-section ol li,
.page-template-default.page .page-section ul li {
	margin-bottom: 8px;
}
.current-menu-item > a {
	color: #4D908E!important;
}





.book-in-focus-description {
	margin-top: 40px;
}
.book-excerpt .view-article {
	display: none;
}
.book-excerpt {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}
.book-in-focus-item .img-wrap {
	margin-bottom: 20px;
	
}
.book-in-focus-item .img-wrap img {
width: 240px;
    height: 360px;
}
.book-in-focus-item h2 {
	line-height: 1.1;
	margin-bottom: 15px;
}
.book-in-focus-item .btn {
	margin-top: 20px;
}
.side-banners {
	position: sticky;
	top: 0;
}
.book-in-focus-header .buttons {
	margin-left: auto;
}
.book-in-focus-header .buttons .btn {
	margin: 0 0 10px 0;
}
.book-in-focus-header .buttons .btn:last-child {
	margin-left: 2rem;
}
.book-in-focus-header h1 {
	font-size: 36px;
	margin-bottom: 0;
}
.order-bnumber {
	font-size: 24px;
	color: rgba(0, 0, 0, 0.20);
	font-weight: 600;
	display: inline-block;
	margin: 0;
}
.book-date, .order-number {
	font-size: 24px;
	color: rgba(0, 0, 0, 0.20);
	font-weight: 600;
	display: inline-block;
	margin: 0 2rem;
}
.btn.outline {
	background: transparent;
	border: 1px solid #629DAB;
	color: #629DAB;
}
.btn.outline:hover {
	background: #629DAB;
}
.book-in-focus-header {
	margin-bottom: 1rem;
}
.home-book-in-focus-description {
/*	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;*/
    overflow: hidden;
    margin-bottom: 2rem;
}
.home-book-in-focus-description.shorted {
	-webkit-line-clamp: 2;
}
.citation-comment-content.shorted {
	-webkit-line-clamp: 3;
}
.show-more-description {
	margin: -10px 0 30px!important;
	    position: relative;
    top: -10px;
}
.home-book-in-focus .content {
	padding-top: 0;
}
.home-book-in-focus {
	position: relative;
	padding-bottom: 40px;
	padding-top: 40px;
}
.home-book-in-focus::before {
	content: "";
	background: linear-gradient(90deg, #E4E4E4 0%, rgba(228, 228, 228, 0.00) 100%);
	position: absolute;
	left: calc( (1660px - 100vw) / 2);
	bottom: 0;
	height: calc(100% + 40px);
	width: 100%;
	z-index: -1;
}
.page-template-page-tpl-landing .page-section {
	padding-top: 2rem;
}
@media only screen and (max-width:1680px) {
	.home-book-in-focus::before {left:-20px;}
}
.field-privacy_policy a {
	text-decoration: underline;
}



.bar {
  border-radius: 6px;
  position: relative;
  width: 0;
  background-color: #00c853;

}
.show-bar-one {
  -webkit-animation: show-bar-one 1.2s 0.1s forwards;
  -moz-animation: show-bar-one 1.2s 0.1s forwards;
  animation: show-bar-one 1.2s 0.1s forwards;	
}
.show-bar-two {
  -webkit-animation: show-bar-two 1.2s 0.1s forwards;
  -moz-animation: show-bar-two 1.2s 0.1s forwards;
  animation: show-bar-two 1.2s 0.1s forwards;	
}
.show-bar-three {
  -webkit-animation: show-bar-three 1.2s 0.1s forwards;
  -moz-animation: show-bar-three 1.2s 0.1s forwards;
  animation: show-bar-three 1.2s 0.1s forwards;	
}
.bar::after {
  -webkit-animation: fade-in-text 2.2s 0.1s forwards;
  -moz-animation: fade-in-text 2.2s 0.1s forwards;
  animation: fade-in-text 2.2s 0.1s forwards;
  color: #fff;
  content: attr(data-percentage);
  font-weight: 700;
  position: absolute;
  right: 16px;
  top: 0;
  font-size: 15px;
}

.bar-graph {
	margin: 15px 0;
}
.average-rating span {
    border: 6px solid #00c853;
    border-radius: 100%;
    padding: 11px;
    margin-left: 20px;	
    width: 115px;
    height: 115px;
}

.book-in-focus-reviews h3 {
	font-size: 22px;
	color: #4D908E;
	font-weight: 800;
	margin-top: 40px;
}
.reviewer-name {
	margin: 40px 0 -20px;
	font-size: 16px;
	font-weight: 700;
}
.book-in-focus-reviews .bar {
	background-color: #4D908E;
	height: 8px;
}
.book-in-focus-reviews .bar::after {
	right: -50px;
    top: -5px;
    font-size: 14px;
    color: #000;
}
.reviewer-name b {
	background: #90BE6D;
	    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 5px;
}



.reading-groups {
	position: relative;
	padding: 80px 0;
}
.reading-groups h2 {
	margin-bottom: 40px;
	font-weight: 800;
    font-size: 36px;
}

.reading-group {
	text-align: center;
}
.reading-group img {
	margin-bottom: 15px;
	aspect-ratio: 1/1.5;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.reading-groups .swiper-button-next:after, .reading-groups .swiper-button-prev:after {
	color:rgba(0, 0, 0, 0.50);
	top: 106px;
}
.reading-groups .swiper-button-next, .reading-groups .swiper-button-prev {
	top: 106px;
}
.reading-groups .swiper-button-prev {
	left: auto!important;
	right: 84px;
}


.review-text { 
    transition: all .23s ease;
    font-size: 14px;
}
.shorted {
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.show-more {
	    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.50);
    display: inline-block;
    margin-top: 15px;
    cursor: pointer;
    transition: all .23s ease;
}
.show-more:hover {
	color: #629DAB;
}

.loop-book-meta  {
	color: rgba(0, 0, 0, 0.35);
    font-weight: 600;
    gap: 2rem;
    margin-bottom: 1rem;
}

.reading-group-link span {
	display: block;
	font-weight: 400;
	font-size: 14px;
	text-transform: nonte;
}
.reading-group-link {
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 20px;
	display: inline-block;
}
.reading-group-link:hover {
	opacity: .8;
}

.single-citation #wpd-post-rating {
	display: none;
}
.single-citation .home-book-in-focus-description {
	padding-top: 5rem;
}

.citation-excerpt .view-article {
	display: none;
}
.citation-in-focus {
	padding: 70px 0;
}
.citation-in-focus .flex {
	gap: 4rem;
	align-items: center;
}
.citation-in-focus .flex .right-content {
	flex: 1;
}
.citation-in-focus .img-wrap {
	max-width: 260px;
}
.citation-in-focus h2, .citation-in-focus h3 {
	margin-bottom: 10px;
	color: #629DAB;
}
.citation-in-focus .reviewer-name {
	margin: 0 0 20px!important;
}


.initial-comment {
	background: rgba(164,201,167, .5);
    padding: 2rem;
    margin-top: 2rem;
}
.initial-comment h3 {
	margin-bottom: .5rem;
}

#wpdcom {
	display: flex;
    flex-direction: column-reverse;
}

.beststellen {
	max-width:27rem;
	align-items:flex-start;
}
.library-description {
    font-size: 14px;
    margin-top: 10px;	
}

.single-citation .book-in-focus-header h1 {
	font-size:23px!important;
}
.single-citation .book-date, .single-citation .order-number {
	font-size:23px!important;
}

.flex.beststellen {
	gap:1rem!important;
}
/* GROUP PAGE */
.btn_show_hide {
	height: 36px;
	line-height: 36px;
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 0 10px;
}

#pg_group_tabs, #pg_members {
}

.registerToGroup {
	border: 1px #ccc solid;
	padding: 25px;
	position: relative;
}
.registerToGroup .btn_show_hide {
	position: absolute;
	right: 25px;
	top: 25px;
}
.hideGroups {
	display: none;
}
.registerToGroupLists {
}
.registerToGroup {

}
.registerRow {
	margin-bottom: 1px;
	padding: 7px 10px;
}
.registerRow:hover {
	background-color: #f2f2f2;
}
.groupCheckbox {
	margin-right: 7px;
}
.groupAdditional {
	opacity: .7;
	font-size: 13px;
}
#rating-wrapper {
	max-width: 400px;
}
.libraryShopLink .library-description {
	padding-bottom: 15px;
}
.backUrl {
	margin-top: 25px;
}
.backUrl a * {
	vertical-align: middle;
}
.backUrl i {
	font-size: 24px;
}
.backTitle {
	font-size: 18px;
	margin-left: 10px;
}
.pm-section-left-panel .active {
	font-weight: bold;
}
.page-template-default.page .page-section h3.groupMessageTitle {
	margin-bottom: 5px;
	font-size: 18px;
}
.pg-alert-sucess {
	color: #198754;
	background-color: rgb(209, 231, 221);
	border-color: #a3cfbb;
}
.formContainer {
	margin: 0 3%;
}
.containerRow, .formRow {
	margin: 0;
	margin-bottom: 15px;
}
.page-template-default.page .page-section p.checkboxSet {
	margin-bottom: 15px;
	margin-top: 15px;
}
.formRowInset {
	margin-left: 25px;
}
.formRow input, .formRow textarea, .formRow select {
	font: 400 1.6rem/1.4 'Open Sans', sans-serif;
	font-size: 13px;
}
.formRow input:not(input[type="radio"]):not(input[type="checkbox"]), .formRow select {
	width: 100%;
	max-width: 250px;
	height: 38px;
	padding: 5px;
	border: 1px solid rgba(128,128,128,0.5);
}
.formRow textarea {
	width: 100%;
	height: 100px;
	padding: 5px;
	border: 1px solid rgba(128,128,128,0.5);
}
.formRow select {
	background-color: #fff;
	border: 1px solid rgba(128,128,128,0.5);
}
.formRow .btn {
	margin-top: 0;
}

.bookItem {
	margin: 0 auto;
	max-width: 250px;
}
.bookItem .img-wrap {
	border: 1px solid #f2f2f2;
	margin: 0 auto 10px auto;
	text-align: center;
	padding: 25px;
	width: 250px;
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bookItem .img-wrap img {
	max-width: 200px;
	max-height: 300px;
}
.bookItem .img-wrap svg {
	opacity: .08;
	width: 100px;
}
.bookItem .bookTitle, .page-template-default.page .page-section h3.bookTitle {
	font-size: 18px;
	color: #1c1800;
	margin: 0;
	font-weight: normal;
}
.bookItem .bookAuthor {
	display: block;
	font-size: 14px;
	color: #6a6a69;
	opacity: .77;
	font-weight: normal;
	margin-bottom: 10px;
}
.bookItem .libraryShopLink .btn {
	padding: 8px 15px;
	font-size: 14px;
	margin: 0;
}
.bookItem .libraryShopLink:nth-child(2) .btn, a.btn_cover_light {
	border: 1px solid #629DAB!important;
	color: #629DAB;
	background: #fff;
}
.bookItem .libraryShopLink:nth-child(2) .btn:hover {
	color: #629DAB!important;
	opacity: .8;
}
.bookItem .libraryShopLink .library-description {
	font-size: 12px;
	opacity: .57;
	margin: 0;
	padding-bottom: 10px;
}
.bookLinks {
	/*display: grid;
	grid-template-columns: auto auto;
	justify-content:space-between;*/
}
a.actionLink {
	color: #277DA1;
}
.userRow {
	padding: 10px 0;
	border-bottom: 1px solid #f2f2f2;
	display: flex;
	align-items: center;
	gap: 10px;
}
.userRow a {
	font-size: 13px;
}
.popupHolder {
	width: 100%;
	height: 100%;
	min-height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(0, 0, 0, .7);
	z-index: 9000;
	padding: 25px;
	display: none;
}
.popupInside {
	max-width: 600px;
	margin: 0 auto;
	background-color: #fff;
	padding: 25px;
}
.popupClose {
	text-align: right;
}
.popupClose span {
	cursor: pointer;
}

/*Fixes 210624*/
.pm_free_group {
    display: none !important;
}

/*Fixes 160724*/
.pm-group-image-link {
    display: block;
    pointer-events: none;
}
.pm-all-group-container .pm-group-signup{
    display: none !important;
}
/*Reading group template*/
.rg{
  text-align:center;
  line-height:1.4em
}
.rg h2 {
  font-size:36px;
  padding-bottom:5px;
}
.rg h3 {
  color:#629DAB;
  padding-bottom:5px;
}
.rg h5 {
  font-size:15px;
  padding-bottom:5px;
}
.rg span {
  font-size:16px;
}
.rg img{
  width:360px;
  height:180px;
}

/*Book search*/
form.form-search{display:block;
    width: 100% !important;
	margin-left:6%;
}
.book-search input#book, .book-search input#autor,.book-search input#zitat{
  width:25% !important;
  padding:10px;
  margin:10px;
}
#checkbox-container{

  display:inline-flex !important;
vertical-align:middle !important;
width:17%;
}


input#citation{
width:10% !important;
}
#checkbox-container label{
  width:100%;
  padding:10px;
}

.display-search-book{
  text-align:center;
  line-height:1.6em;
}
.display-search-book h2 {
  font-size:20px;
}
.groupTitle{
  color:#629DAB;
  font-size:16px;
}
a.img-sbook img{
  width:240px;
  height:360px;
  padding-bottom:15px;
}

#bookautocomplete-list {
    padding: 15px;
    font-size: 15px;
    z-index: 1;
    position: absolute;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    width: max-content;
}
#autorautocomplete-list  {
    padding: 15px;
    font-size: 15px;
    z-index: 1;
    position: absolute;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    width: max-content;
    left:40%;
}
#zitatautocomplete-list {
    padding: 15px;
    font-size: 15px;
    z-index: 1;
    position: absolute;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    width: max-content;
	margin-top:50px;
}
 .pm-group-description .pm-card-label {
    width: 25%;
    display: none!important;
}
.pmagic .pm-group-description .pm-card-value {
    width: 73%;
    margin-left: 2%;
    color: #969696;
    display: none !important;
}

.header ul li a, 
.search,.side-nav nav > ul > li > a
   {margin-right: 5%; 
    margin-left: -15%;
    background: #629DAB;
    color: #fff;
    background: #629DAB;
    color: #fff !important;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 12px 23px;
    font-weight: 700 !important;
    font-size: 16px;
    display: inline-block;}

.search a{color:#fff;
font-weight: 700 !important;}

/*Notification*/
.pmagic .pm-notification {
    position: relative;
    padding: 1em 1em 1em 2em;
    border-left: 4px solid #ddd;
    width: 45% !important;
    float: left;
}
.pmagic .pm-notification .pm-notification-card {
    max-width: 350px;
    border-radius: 8px;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .08);
    position: relative;
    margin-left: 40px;
    background-color: #fff;
}

@media only screen and (max-width:480px) {
.search,
.side-nav nav > ul > li > a,
.header-user a {
display:block;
text-align:center;
max-width:300px;
margin:0 0 10px 0;
}
.book-search input#book, .book-search input#autor,#checkbox-container{
max-width:300px;
  padding:10px;
  margin:10px;
  display:block;
}
}