/* Micado - E-Book 19.9.0 */

/* Fancybox */

.fb-mw-ebook .fancybox-slide {
	padding: 0;
}
.fb-mw-ebook .fancybox-content {
	background: none;
	height: 100%;
	padding: 0;
	width: 100%;
}
.fb-mw-ebook .fancybox-close-small {
	display: none;
}

/* Header */

.mw-ebook-wrapper > header {
	display: block;
	height: 60px;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3;
}
.mw-ebook-wrapper > header > div {
	margin: 0 auto;
	max-width: 1210px;
	padding: 0 20px;
	position: relative;
	text-align: center;
}
.mw-ebook-wrapper > header > div > a.trigger-close {
	background: var(--mw-color-primary);
	color: #FFFFFF;
	font-size: 34px;
	height: 60px;
	line-height: 60px;
	position: fixed;
	right: 30px;
	top: 0;
	transition: background 300ms ease, color 300ms ease;
	width: 60px;
}
.mw-ebook-wrapper > header > div > a.trigger-close:hover {
	background: var(--mw-color-primary-opacity-low);
}
.mw-ebook-wrapper > header > div > a.trigger-fullscreen {
	background: var(--mw-color-primary);
	color: #FFFFFF;
	display: none;
	font-size: 25px;
	height: 60px;
	line-height: 60px;
	position: fixed;
	right: 30px;
	top: 0;
	transition: background 300ms ease, color 300ms ease;
	width: 60px;
}
.mw-ebook-wrapper > header > div > a.trigger-fullscreen:hover {
	background: var(--mw-color-primary-opacity-low);
}
body.is-fullscreen .mw-ebook-wrapper > header > div > a.trigger-close {
	display: none;
}
body.is-fullscreen .mw-ebook-wrapper > header > div > a.trigger-fullscreen {
	display: block;
}

/* Content */

.mw-ebook-wrapper > .content {
	height: 100%;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: opacity 300ms ease;
	width: 100%;
	z-index: 2;
}
.mw-ebook-wrapper > .content.loaded {
	opacity: 1;
}
.mw-ebook-wrapper > .content > .viewport {
	height: 100%;
	position: relative;
	transition: height 300ms ease;
	width: 100%;
	z-index: 2;
}
.mw-ebook-wrapper > .content > .viewport.scroll {
	overflow: auto !important;
	-webkit-overflow-scrolling: touch;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper {
	height: 650px;
	left: 50%;
	margin: auto;
	position: absolute;
	top: 50%;
	width: 1300px;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine {
	height: 650px;
	left: -650px;
	top: -325px;
	width: 1300px;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine.animated {
	transition: margin 300ms ease;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine .page {
	background: #FFFFFF;
	box-shadow: none !important;
	cursor: grabbing;
	height: 600px;
	width: 650px;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine .page.even::before {
	background: -webkit-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: -moz-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;	
	z-index: 2;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine .page.odd::before {
	background: -webkit-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: -moz-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine .page img {
	height: 100%;
	opacity: 0;
	transition: opacity 300ms ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine .page img.show {
	opacity: 1;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine .page img.large-image {
	height: 100%;
	width: 100%;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine .even .gradient {
	background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background: -webkit-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: -moz-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: -ms-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: -o-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.mw-ebook-wrapper > .content > .viewport > .wrapper > .magazine .odd .gradient {
	background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background: -webkit-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: -moz-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: -ms-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: -o-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Buttons */

.mw-ebook-wrapper > .content > .buttons {
	bottom: 30px;
	height: 35px;
	left: 50%;
	margin: 0 0 0 -60px;
	opacity: 1;
	position: absolute;
	text-align: center;
	transition: bottom 300ms ease, opacity 300ms ease;
	z-index: 3;
}
.mw-ebook-wrapper > .content > .thumbnails.show + .buttons {
	bottom: 187px;
}
.mw-ebook-wrapper > .content > .buttons.hide {
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.mw-ebook-wrapper > .content > .buttons > a {
	display: inline-block;
	height: 35px;
	margin: 0 2.5px;
	position: relative;
	transition: opacity 300ms ease;
	width: 35px;
	color: #ffffff;
	background: var(--mw-color-primary-opacity-low);
	font-size: 25px;
	padding-top: 5px;
}
.mw-ebook-wrapper > .content > .buttons > a:before {
	background: var(--mw-color-primary);
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	height: 35px;
	left: 0;
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: background 300ms ease, color 300ms ease;
	width: 35px;
}
.mw-ebook-wrapper > .content > .buttons > a:not(.disabled):hover::before,
.mw-ebook-wrapper > .content > .buttons > a.selected:not(.disabled)::before {
	background: var(--mw-color-primary);
	color: #FFFFFF;
}
.mw-ebook-wrapper > .content > .buttons > a.firstPage::before {
	content: '\E804';
}
.mw-ebook-wrapper > .content > .buttons > a.prev {
	color: var(--mw-color-primary);
	background: none;
	height: 50px;
	left: 30px;
	margin: -25px 0 0;
	position: fixed;
	top: 50%;
	width: 25px;
	z-index: 1;
}
.mw-ebook-wrapper > .content > .buttons > a.next {
	color: var(--mw-color-primary);
	background: none;
	height: 50px;
	margin: -25px 0 0;
	position: fixed;
	right: 30px;
	top: 50%;
	width: 25px;
	z-index: 1;
}
.mw-ebook-wrapper > .content > .buttons > a.prev:not(.disabled):hover::before,
.mw-ebook-wrapper > .content > .buttons > a.next:not(.disabled):hover::before {
	background: none;
	color: var(--mw-color-primary);
}
.mw-ebook-wrapper > .content > .buttons > a.last-page::before {
	content: '\E805';
}
.mw-ebook-wrapper > .content > .buttons > a.disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

/* Thumbnails */

.mw-ebook-wrapper > .content > .thumbnails {
	background: #FFFFFF;
	border-top: 2px solid var(--mw-color-primary);
	bottom: -157px;
	left: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: bottom 300ms ease, max-height 300ms ease, opacity 300ms ease;
	width: 100%;
	z-index: 3;
}
.mw-ebook-wrapper > .content > .thumbnails:before {
	background: -moz-linear-gradient(to left, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.5) 63%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0.1) 88%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to left, rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.5) 63%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.1) 88%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.5) 63%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.1) 88%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 0;
}
.mw-ebook-wrapper > .content > .thumbnails.show {
	bottom: 0;
	max-height: 157px;
	opacity: 1;
}
.mw-ebook-wrapper > .content > .thumbnails > div {
	padding: 0 15px;
}
.mw-ebook-wrapper > .content > .thumbnails > div > ul {
	text-align: center;
}
.mw-ebook-wrapper > .content > .thumbnails > div > ul li {
	cursor: pointer;
	opacity: 0.3;
	padding: 17px 0 38px;
	position: relative;
	transition: opacity 300ms ease;
	width: 100%;
}
.mw-ebook-wrapper > .content > .thumbnails > div > ul li:hover,
.mw-ebook-wrapper > .content > .thumbnails > div > ul li.selected {
	opacity: 1;
}
.mw-ebook-wrapper > .content > .thumbnails > div > ul li > img {
	display: block;
	height: 90px;
	max-width: 100%;
}
.mw-ebook-wrapper > .content > .thumbnails > div > ul li > span {
	border-bottom: 3px solid transparent;
	bottom: 15px;
	font-size: 0.66rem;
	font-weight: bold;
	left: 0;
	line-height: 20px;
	position: absolute;
	right: 0;
	transition: border 300ms ease, color 300ms ease;
}
.mw-ebook-wrapper > .content > .thumbnails > div > ul li:hover > span,
.mw-ebook-wrapper > .content > .thumbnails > div > ul li.selected > span {
	border-bottom: 3px solid var(--mw-color-primary);
	color: var(--mw-color-primary);
}
.mw-ebook-wrapper > .content > .thumbnails > div > ul li.double:after {
	clear: both;
	content: "";
	display: block;
}
.mw-ebook-wrapper > .content > .thumbnails > div > ul li.double > img {
	float: left;
	width: 50%;
}
	
/* Preloader */

.mw-ebook-wrapper > .preloader {
	background: var(--mw-color-primary);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 300ms ease;
	z-index: -1;
}
body.show-preloader .mw-ebook-wrapper > .preloader {
	opacity: 1;
	z-index: 9999;
}
.mw-ebook-wrapper > .preloader > p {
	animation: load 1000ms infinite 0s ease-in-out;
	animation-direction: alternate;
	color: #FFFFFF;
	font-size: 1.55rem;
	font-weight: 700;
	left: 50%;
	position: absolute;
	text-transform: uppercase;
	top: 45%;
	transform: translate(-50%, -50%);
}

@keyframes load {
	100% {
		filter: blur(5px);
		opacity: 0.5;
	}
}

@media all and (max-width: 1420px){

	/* Header */

	.mw-ebook-wrapper > header > div > a.trigger-close,
	.mw-ebook-wrapper > header > div > a.trigger-fullscreen {
		font-size: 20px;
		height: 40px;
		line-height: 40px;
		width: 40px;
	}

	/* Buttons */
		
	.mw-ebook-wrapper > .content > .buttons {
		left: 50%;
		margin-left: -100px;
	}
	.mw-ebook-wrapper > .content > .buttons > a.prev {
		height: 35px;
		left: auto;
		margin: 0 2.5px;
		position: relative;
		top: auto;
		width: 35px;
		color: #FFFFFF;
		background: var(--mw-color-primary-opacity-low);
	}
	.mw-ebook-wrapper > .content > .buttons > a.next {
		height: 35px;
		margin: 0 2.5px;
		position: relative;
		right: auto;
		top: auto;
		width: 35px;
		color: #FFFFFF;
		background: var(--mw-color-primary-opacity-low);
	}

}
@media all and (max-width: 500px){

	/* Header */

	.mw-ebook-wrapper > header {
		height: 40px;
	}
	
	/* Content */

	.mw-ebook-wrapper > .content {
		padding-top: 40px;
	}

	/* Buttons*/

	.mw-ebook-wrapper > .content > .buttons > a.fullscreen {
		margin-right: 2.5px;
	}

}

.mw-ebook-teaser > .wrapper {
	display: flex;
	padding: 0;
}
.mw-ebook-teaser .image {
	align-items: flex-end;
	background: no-repeat center center / cover;
	display: flex;
	flex: 0 0 120px;
	max-height: 120px;
	order: 1;
}
.mw-ebook-teaser.mw-image-text-combi-image-right .image {
	order: 2;
}
.mw-ebook-teaser .image .image-subtitle {
	background: var(--mw-color-primary-opacity-low);
	color: #FFFFFF;
	flex: 1;
	padding: 5px 50px 5px 10px;
}
.mw-ebook-teaser .wrapper-text {
	background: var(--mw-color-lightgray);
	flex: 1;
	line-height: 1.6;
	margin: 40px 10px 0 -40px;
	padding: 20px;
	position: relative;
	order: 2;
	z-index: 2;
}
.mw-ebook-teaser.mw-image-text-combi-image-right .wrapper-text {
	margin-right: -40px;
	margin-left: 10px;
	padding-left: 0;
	padding-right: 20px;
	order: 1;
}
.mw-ebook-teaser .wrapper-text h2 {
	font-size: 1.33rem;
	color: var(--mw-color-primary);
}
.mw-ebook-teaser .wrapper-text .text {
	display: none;
}
.mw-ebook-teaser .wrapper-text .buttons {
	display: flex;
	justify-content: flex-start;
}
.mw-ebook-teaser .wrapper-text .buttons > a {
	border-radius: unset;
	height: 40px;
	margin: 0 !important;
}
.mw-ebook-teaser .wrapper-text .buttons > .download {
	background: #FFFFFF;
	color: var(--mw-color-primary);
	flex: 0 0 40px;
	padding: 0;
}
.mw-ebook-teaser .wrapper-text .buttons > .open-ebook {
	background: var(--mw-color-primary);
	font-size: 0.83rem;
	padding: 0 20px;
	text-transform: uppercase;
}

@media all and (min-width: 350px){

	.mw-ebook-teaser .image {
		flex: 0 0 150px;
		max-height: 150px;
	}

}

@media all and (min-width: 500px){

	.mw-ebook-teaser .image {
		flex: 0 0 200px;
		max-height: 200px;
	}

}

@media all and (min-width: 768px){

	.mw-ebook-teaser > .wrapper {
		padding-left: var(--mw-padding-left);
		padding-right: var(--mw-padding-right);
	}
	.mw-ebook-teaser .image {
		flex: 0 0 250px;
		max-height: none;
	}
	.mw-ebook-teaser .image .image-subtitle {
		padding: 10px 20px;
	}
	.mw-ebook-teaser .wrapper-text {
		margin: 0;
		min-height: 250px;
		padding: 25px 20px 80px;
	}
	.mw-ebook-teaser .wrapper-text h2 {
		font-size: 1.55rem;
		margin-bottom: 15px;
		text-align: left;
	}
	.mw-ebook-teaser .wrapper-text .text {
		display: block;
		margin-bottom: 20px;
	}
	.mw-ebook-teaser .wrapper-text .buttons {
		position: absolute;
		bottom: 25px;
		justify-content: flex-end;
		left: 20px;
		right: 20px;
	}
	.mw-ebook-teaser .wrapper-text .buttons > .open-ebook {
		font-size: 1rem;
	}

}