@charset "UTF-8";
/* CSS Document */


body {
    width: 100%;
    height: 100%;
    background-color:var(--yellow);
    color:var(--lavender);
	font-family: 'parkinsans-regular', "sans-serif";
    font-size: 18px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
}

.fade-in {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
	transition-delay:0.5s;
}

.fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}

/* BASIC ELEMENTS ##### ##### ----------------------------------------------------- ##### #####*/

img {width:100%; margin:0; padding:0;}

video  {width:100%; margin:0;}

label:hover {cursor:pointer;} 

.hidden {display:none;}
.mobile { display:none;}
.desktop { display:block;}

html {scroll-behavior: smooth;}

/* TRANSITIONS */

*{	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
}

.card .description, .card .description span
{	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
}

/* COLOR VARIABLES ##### ##### ----------------------------------------------------- ##### #####*/

:root {
	--yellow: #FFDE30;
	--orange: #C98420;
	--seablue: #2659A5;
	--midnightblue: #30398A;
	--lavender: #4E4998;
	--berry: #8561b5;
	--black: #000000;
	--white: #FFFFFF;
}

/* FONTS ##### ##### ----------------------------------------------------- ##### #####*/

@font-face {
    font-family: 'parkinsans-bold';
    src: url('fonts/parkinsans/bold/Parkinsans-Bold.eot');
    src: url('fonts/parkinsans/bold/Parkinsans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/parkinsans/bold/Parkinsans-Bold.woff2') format('woff2'),
         url('fonts/parkinsans/bold/Parkinsans-Bold.woff') format('woff'),
         url('fonts/parkinsans/bold/Parkinsans-Bold.ttf') format('truetype'),
         url('fonts/parkinsans/bold/Parkinsans-Bold.svg#butlerextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'parkinsans-medium';
    src: url('fonts/parkinsans/medium/Parkinsans-Medium.eot');
    src: url('fonts/parkinsans/medium/Parkinsans-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/parkinsans/medium/Parkinsans-Medium.woff2') format('woff2'),
         url('fonts/parkinsans/medium/Parkinsans-Medium.woff') format('woff'),
         url('fonts/parkinsans/medium/Parkinsans-Medium.ttf') format('truetype'),
         url('fonts/parkinsans/medium/Parkinsans-Medium.svg#butlerextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'parkinsans-regular';
    src: url('fonts/parkinsans/regular/Parkinsans-Regular.eot');
    src: url('fonts/parkinsans/regular/Parkinsans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/parkinsans/regular/Parkinsans-Regular.woff2') format('woff2'),
         url('fonts/parkinsans/regular/Parkinsans-Regular.woff') format('woff'),
         url('fonts/parkinsans/regular/Parkinsans-Regular.ttf') format('truetype'),
         url('fonts/parkinsans/regular/Parkinsans-Regular.svg#butlerextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HEADLINES + TXT MARKUPS ##### ##### ----------------------------------------------------- ##### #####*/

h1, h2, h3, h4 { margin:14px 0; padding:0; font-weight:normal; letter-spacing: 0.0em; float: left;}

h1 {
    font-family: 'parkinsans-bold';
    font-size: 60px;
    line-height: 120%;
}

h2 {
    font-family: 'parkinsans-bold';
 	font-size: 50px;
    line-height: 120%;
}

h3 {
    font-family: 'parkinsans-medium';
 	font-size: 40px;
    line-height: 120%;
}

h4 {
    font-family: 'parkinsans-medium';
 	font-size: 35px;
    line-height: 120%;
}

h1 > b,
h2 > b,
h3 > b,
h4 > b {color:var(--white); background-color: var(--lavender); padding:2px 20px;}

.caption {
	width:100%;
	margin:10px 0;
    float:left;
   
	font-family: 'parkinsans-medium';
    text-transform: uppercase;
    
	font-size: 0.9em;
    letter-spacing: 0.2em;
    line-height:120%;
}

b, strong { font-weight:normal; font-family:'parkinsans-bold';}

.txt_big,
.txt_regular {
	width:calc(100% - 50px);
	padding-left:50px;
}

.txt_big {
	font-family: 'parkinsans-regular';
	font-size:1.2em;
	line-height:150%;
	letter-spacing: 0.02em;
	margin:14px 0; 
	float:left;
}
.txt_regular {
	font-family: 'parkinsans-regular';
	font-size:1.0em;
	line-height:160%;
	letter-spacing: 0.02em;
	margin:14px 0; 
	float:left;
}
.txt_small {
	font-family: 'parkinsans-regular';
	font-size:0.85em;
	line-height:150%;
	letter-spacing: 0.02em;
	margin:14px 0; 
	padding:0; 
	float:left;
}

p {font-size:1.5em; line-height:1.4em; margin:0; padding:0; float:left;}

small { font-size:0.8em; width: 100%; float: left;}

.txt_center { text-align:center;}
.txt_left { text-align:left;}
.txt_right { text-align:right;}
.txt_block { text-align:justify;}
.uppercase { text-transform:uppercase;}

.page_headline {
	width:100%;
	float: left;
	margin:80px 0 100px 0;
	text-align:center;
	transform: rotate(-5deg);
}

.page_headline > h1 {font-size: 80px;}
.page_headline > .caption {color:var(--orange);}

.slide_headline {width:100%; float: left; margin:40px 0 80px 0; text-align: center;}

*::-webkit-selection { background-color:var(--orange); color:var(--white); text-shadow:none;}
*::-moz-selection { background-color:var(--orange); color:var(--white); text-shadow:none;}
*::selection { background-color:var(--orange); color:var(--white); text-shadow:none;}

/* LINKS ##### ##### ----------------------------------------------------- ##### #####*/

a {color:inherit; text-decoration:none; border:0 none;}
a:hover {cursor:pointer;}

a.txt_link {text-decoration: underline; color:var(--orange)}
a.txt_link:hover {text-decoration: underline; opacity:0.6;}

/* CTA + BUTTONS ##### ##### ----------------------------------------------------- ##### #####*/

button:hover { cursor: pointer;}

.cta_button_primary,
.cta_button_secondary {
	width:auto;
	float: left;
	padding:12px 26px;
	font-size:1.0em;
	border-radius:34px;
	margin:0 10px 10px 0;
}

.cta_button_primary:hover,
.cta_button_secondary:hover {
	padding:12px 36px;
}

.cta_button_primary {
	background-color: var(--yellow);
	outline:1.5px solid var(--yellow);
	color:var(--lavender);
}

.cta_button_secondary {
	outline:1.5px solid var(--yellow);
	color:var(--yellow);
}

.cta_button_secondary.lavender {
	outline:1.5px solid var(--lavender);
	color:var(--lavender);
	margin:20px 0 0 0;
}

.cta_arrow {
	width:135px;
	float: right;
	margin:20px 0;
}

.cta_arrow:hover .arrow {transform:scale(1.1);}

.cta_arrow .description {
	width:80px;
	float: left;
	margin:-5px 20px 0 0;
	text-align: right;
	font-size: 1.0em;
	line-height: 1.1em;
}

.cta_arrow .arrow {
	width:35px;
	float: left;
}

.cta_wrap {
	width:100%;
	float:left;
	margin:0;
}

.cta_wrap .cta_button_primary,
.cta_wrap .cta_button_secondary {margin:20px 20px 0 0;}

.cta_round {
	width:180px;
	height:180px;
	border-radius: 50%;
	position: absolute;
	right:30%;
	bottom:20%;
	z-index: 15;
}

.cta_round img {width:100%; margin:0; float: left;}

.cta_round:hover {
	transform: scale(0.8);
	box-shadow:0px 0px 44px rgba(78,73,152,1);
}

.cta_round .static,
.cta_round .turning {
	position:absolute;
}

.cta_round .static {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}

.cta_round .static img {
	width:20%;
	transform: rotate(90deg);
}

.cta_round .turning {
	animation:RotateAnimation 16s linear infinite;
	-webkit-animation:RotateAnimation 16s linear infinite;
	-moz-animation:RotateAnimation 16s linear infinite;
	-ms-animation:RotateAnimation 16s linear infinite;
	-o-animation:RotateAnimation 16s linear infinite;
}

/* SLIDE ##### ##### ----------------------------------------------------- ##### #####*/

.slide {
    width: 100%;
    float: left;
}

.slide > .inner {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.slide#hero {
    height: 100vh;
	min-height:725px;
    background-color:var(--yellow);
	color:var(--lavender);
}

.slide#white {
    height: auto;
    background-color:var(--white);
	color:var(--lavender);
    padding: 120px 0px;
}

.slide#yellow {
    height: auto;
    background-color:var(--yellow);
	color:var(--lavender);
    padding: 120px 0px;
}

.slide#orange {
    height: auto;
    background-color:var(--orange);
	color:var(--white);
    padding: 120px 0px;
}

.slide#lavender {
    height: auto;
    background-color:var(--lavender);
	color:var(--white);
    padding:0px 0px;
}


.slide#lavender::before {
	content: " ";
	width:100%;
	height:100px;
	float:left;
	background-color:var(--lavender);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	transform: translateY(-100px);
}

.slide#lavender::after {
	content: " ";
	width:100%;
	height:100px;
	float:left;
	background-color:var(--lavender);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	transform: translateY(100px);
}

.slide#midnightblue {
    height: auto;
    background-color:var(--midnightblue);
	color:var(--white);
    padding:120px 0px;
}

.slide#fullwidthimage {
    height:720px;
    padding:0px 0px;
	background-size:cover;
	background-position: 50% 50%;
}

.book_img_01 {
	background-image:url(../src/images/bri_wiezerstoertmaneineideologie_mockup_v01.jpg)
}
.book_img_02 {
	background-image:url(../src/images/bri_wiezerstoertmaneineideologie_mockup_v02.jpg)
}
.book_img_03 {
	background-image:url(../src/images/bri_wiezerstoertmaneineideologie_mockup_v03.jpg)
}
.book_img_04 {
	background-image:url(../src/images/bri_wiezerstoertmaneineideologie_mockup_v04.jpg)
}

.slide#sub {
	height: auto;
    background-color:var(--white);
	color:var(--lavender);
    padding: 120px 0px;
}

/* BLOG ##### ##### ----------------------------------------------------- ##### #####*/

.blog_content {
	width:80%;
	float:left;
	margin:20px 10% 20px 10%;
}

.blog_content h2, .blog_content h4 {width:100%; padding:0; float: left;  text-align: center;}

.blog_content p {width:100%; padding: 0;}

.blog_content h2 {margin:0 0 20px 0;}
.blog_content h4 {margin:0 0 40px 0;}

.midsection {
	width:90%;
	float:left;
	margin:80px 0;
	padding:100px 5%;
	background-color:var(--berry);
	color:var(--white);
}

.midsection > .description {
	width:100%;
	float: left;
	text-align: center;
	font-size:4em;
	text-transform: uppercase;
	font-family: 'parkinsans-bold';
}
.midsection > .description b { color:var(--white); background-color: var(--orange); padding:2px 20px;}

/* COLUMNS ##### ##### ----------------------------------------------------- ##### #####*/

.col_half {
	width:50%;
	margin:0px 0px;
	float: left;
}

.col_right {
	width:60%;
	float: right;
}

/* MULTI LANGUAGE SELECT ##### ##### ----------------------------------------------------- ##### #####*/

#multilangMenu {
	position:absolute;
	top:0;
	right:0;
	display: none;
}

.lang_select {
    width: auto;
    position: absolute;
    top: 50px;
    right: 50px;
    font-size: 1em;
    z-index: 20;
}

.lang-de, .lang-en {
    width: 36px;
    height: 30px;
    float: left;
    text-align: center;
    color: var(--lavender);
    padding: 0px 4px;
}

.lang-de:hover, .lang-en:hover {transform:scale(0.9); opacity:0.8;}

.lang_divider {
    width: 2px;
    height: 15px;
    float: left;
    background-color: var(--lavender);
    margin: 6px 0px 0px;
}

/* COOKIE BANNER ##### ##### ----------------------------------------------------- ##### #####*/

.cookiebanner {
	width:calc(100% - 96px);
	height: auto;
	position: fixed;
	left:0;
	bottom:24px;
	margin:0 24px;
	padding:24px;
	background-color:var(--lavender);
	color:var(--white);
	border-radius:16px;
	z-index: 20;
}

.cookiebanner > .txt_small {width:65%; margin:0;}

.cookiebanner .button {
	float: right;
    font-family: 'parkinsans-regular';
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 4px 12px;
    margin: 10px 10px 0 10px;
    border-radius: 22px;
	border:0px;
}

.cookiebanner .primary {
	background-color:var(--white);
	color:var(--lavender);
	outline: var(--white) solid 1.5px;
}
.cookiebanner .secondary {
	color: var(--white);
	background-color:transparent;
	outline: var(--white) solid 1.5px;
}

/* NAV ##### ##### ----------------------------------------------------- ##### #####*/

#nav {
	width:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 20;
}

#nav .logo {
	width:323px;
	position: absolute;
	margin:50px 0 0 50px;
}

#nav .logo:hover {
	transform:scale(0.9);
}

#nav .logo .signet {
	width:80px;
	float: left;
	margin:0 20px 0 0;
}

#nav .logo:hover .signet {
	animation:RotateAnimation 6s linear infinite;
	-webkit-animation:RotateAnimation 6s linear infinite;
	-moz-animation:RotateAnimation 6s linear infinite;
	-ms-animation:RotateAnimation 6s linear infinite;
	-o-animation:RotateAnimation 6s linear infinite;
}

/*RotateAnimation*/
@-webkit-keyframes RotateAnimation {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}

#nav .logo .wording {
	width:223px;
	float: left;
	margin:22px 0 0 0;
}

#nav .navicon {
    display: none;
}

#nav .navitem_wrap {
	width:auto;
	position: absolute;
	margin:50px 0 0 0;
	right:calc(140px + 24px);
	z-index: 20;
}

#nav .navitem_wrap_content {width:100%; float:left;}

#nav .navitem_wrap .navitem {
	width:auto;
	float: right;
	margin:0 0 0 24px;
}

#nav .navitem_wrap .navitem:hover {
	transform: translateY(-4px);
}

#nav .navitem_wrap .navitem.button {
	width:auto;
	float: right;
	margin:-4px 0 0 24px;
	padding:4px 12px;
	outline: 1.5px solid var(--lavender);
	border-radius:18px;
}

.anchor_nav {
	wdith:100%;
	float: left;
	margin:40px 0;
}

.anchor_nav .anchor_navitem,
.download_link {
	width: auto;
    float: left;
    margin: 0 22px 0 0;
    padding: 4px 18px;
    font-size: 0.8em;
    letter-spacing: 0.12em;
    text-transform: uppercase;
	color: var(--white);
    outline: 1px solid var(--white);
    border-radius: 18px;
}

.anchor_nav .anchor_navitem:hover {
	padding:4px 24px;
	outline:2px solid var(--white);
	opacity: 0.6;
}

.download_link {
	color: var(--lavender);
    outline: 1px solid var(--lavender);
}

.download_link:hover {
	outline:2px solid var(--lavender);
}


/* VISUAL ##### ##### ----------------------------------------------------- ##### #####*/

.visual {
	width:500px;
	height: 500px;
	position: absolute;
	top:20%;
	left:calc(50% - 250px);
	
	animation:RotateAnimation 12s linear infinite;
	-webkit-animation:RotateAnimation 12s linear infinite;
	-moz-animation:RotateAnimation 12s linear infinite;
	-ms-animation:RotateAnimation 12s linear infinite;
	-o-animation:RotateAnimation 12s linear infinite;
}

.visual #lottie-container {width:100%; float: left;}

/* INTRO PANEL ##### ##### ----------------------------------------------------- ##### #####*/

.intro_panel {
	width:440px;
	position: absolute;
	left:50px;
	padding:40px;
	background-color: rgba(255,255,255,0.4);
	transform: translateY(30%);
	z-index: 15;
	border-radius:16px;
	box-shadow: 0px 0px 24px rgba(0,0,0,0.2);
	backdrop-filter: blur(10px);
}

.intro_panel h1 {margin:0 0 20px 0; width:100%;}
.intro_panel h3 {margin:0 0 40px 0; width:100%;}

/* BOOK TEASER ##### ##### ----------------------------------------------------- ##### #####*/

.book_teaser_main {
	width:100%;
	float:left;
	margin:80px 0 0 0;
}

.book_teaser_small {
	width:90%;
	float:left;
	margin:80px 0;
	background-color: var(--lavender);
	color:var(--white);
	padding:40px 5%;
	border-radius: 16px;
}

.book_3d_wrap {
	width:40%;
	float: left;
	transform-style: preserve-3d;
	perspective: 10000px;
    perspective-origin: 0% 0%;
	
}

.book_3d_wrap_big {
	width:100%;
	height: 100vh;
	float: left;
	transform-style: preserve-3d;
	perspective: 5000px;
    perspective-origin: 0% 0%;
	overflow: hidden;
}

.book_teaser_small .book_3d_wrap {
	width:20%;
	float:left;
	margin-right: 5%;
}

.book_teaser_small .book_3d_wrap .spaceholder {
	width:100%;
	float:left;
	opacity: 0;
}

.book_3d_wrap .book_3d {
	width:100%;
	height: auto;
	transform-style: preserve-3d;
	float: left;
	transform: translateX(-30px) translateY(30px) translateZ(0px) rotateX(10deg) rotateY(12deg) rotateZ(-10deg) scaleX(1.0) scaleY(1.0) scaleZ(1.0);
	
	animation:BookAnimation 46s linear infinite;
	-webkit-animation:BookAnimation 46s linear infinite;
	-moz-animation:BookAnimation 46s linear infinite;
	-ms-animation:BookAnimation 46s linear infinite;
	-o-animation:BookAnimation 46s linear infinite;
}

.book_3d_wrap_big .book_3d {
	width:370px;
	height:525px;
	position: absolute;
	top:100px;
	left:50%;
	margin-left:-185px;
	transform-style: preserve-3d;
	transform:translateX(0px) translateY(0px) translateZ(0px) rotateX(-10deg) rotateY(8deg) rotateZ(-10deg) scaleX(1.0) scaleY(1.0) scaleZ(1.0);
	z-index: 25;
	
	animation:BookAnimation_02 20s linear infinite;
	-webkit-animation:BookAnimation_02 20s linear infinite;
	-moz-animation:BookAnimation_02 20s linear infinite;
	-ms-animation:BookAnimation_02 20s linear infinite;
	-o-animation:BookAnimation_02 20s linear infinite;
}

.book_teaser_small .book_3d_wrap .book_3d {
	transform: translateX(-75px) translateY(35px) translateZ(0px) rotateX(10deg) rotateY(-12deg) rotateZ(-10deg) scaleX(0.6) scaleY(0.6) scaleZ(0.6);
	
	animation:NOAnimation 0s linear infinite;
	-webkit-animation:NOAnimation 0s linear infinite;
	-moz-animation:NOAnimation 0s linear infinite;
	-ms-animation:NOAnimation 0s linear infinite;
	-o-animation:NOAnimation 0s linear infinite;
}

/*BookAnimation*/
@-webkit-keyframes BookAnimation {
	0% { transform: translateX(-30px) translateY(30px) translateZ(0px) rotateX(10deg) rotateY(0deg) rotateZ(-10deg) scaleX(1.0) scaleY(1.0) scaleZ(1.0);}
	100% { transform: translateX(-30px) translateY(30px) translateZ(0px) rotateX(10deg) rotateY(-360deg) rotateZ(-10deg) scaleX(1.0) scaleY(1.0) scaleZ(1.0);}
}

/*BookAnimation_02*/
@-webkit-keyframes BookAnimation_02 {
	0% { transform: translateX(0px) translateY(0px) translateZ(0px) rotateX(-10deg) rotateY(0deg) rotateZ(-10deg) scaleX(1.0) scaleY(1.0) scaleZ(1.0)}
	100% { transform: translateX(0px) translateY(0px) translateZ(0px) rotateX(-10deg) rotateY(-360deg) rotateZ(-10deg) scaleX(1.0) scaleY(1.0) scaleZ(1.0)}
}

.book_3d .side {transform-style: preserve-3d; position: absolute; /*background-color: rgba(199,231,76,0.5);*/}

.book_3d .side.cover {
	width:370px;
	height:525px;
	background-image: url(../src/book_textures/tlu_brighteurope_book_texture_cover.svg);
	transform: translateX(0px) translateY(0px) translateZ(35px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.book_3d .side.back {
	width:370px;
	height:525px;
	background-image: url(../src/book_textures/tlu_brighteurope_book_texture_back.svg);
	transform: translateX(0px) translateY(0px) translateZ(-35px) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}

.book_3d .side.spine {
	width:70px;
	height:525px;
	background-image: url(../src/book_textures/tlu_brighteurope_book_texture_spine.svg);
	transform: translateX(-35px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
}

.book_3d .side.pages {
	width:70px;
	height:525px;
	background-image: url(../src/book_textures/tlu_brighteurope_book_texture_pages.svg);
	transform: translateX(335px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}

.book_3d .side.top {
	width:370px;
	height:70px;
	background-image: url(../src/book_textures/tlu_brighteurope_book_texture_top.svg);
	transform: translateX(0px) translateY(-35px) translateZ(0px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}

.book_3d .side.bottom {
	width:370px;
	height:70px;
	background-image: url(../src/book_textures/tlu_brighteurope_book_texture_top.svg);
	transform: translateX(0px) translateY(490px) translateZ(0px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}


.book_teaser_main .description {
	width:60%;
	float: right;
}

.book_teaser_small .description {
	width:75%;
	float: left;
}

.book_teaser_main .description h3,
.book_teaser_small .description h4,
.book_teaser_main .description .caption {
	color:var(--yellow);
}

.book_teaser_main .description .cta_button_secondary, 
.book_teaser_main .description .cta_button_primary,
.book_teaser_small .description .cta_button_secondary, 
.book_teaser_small .description .cta_button_primary {margin: 20px 20px 0 0;}

.shadow {
	width: 640px;
    height: 640px;
    position: absolute;
	margin-top: 40px;
	margin-left:calc(50% - 320px);
    border-radius: 50%;
	background: radial-gradient(circle closest-side at 50% 50%, rgba(201,132,32,0.4) 0%, rgba(201,132,32,0) 95%);
	transform: translateZ(-600px);
	z-index: 5;
}

/* CARDS ##### ##### ----------------------------------------------------- ##### #####*/

.cards_wrap {
	width:100%;
	float:left;
	margin:40px 0;
}

.cards_wrap > h4 {width:100%; float:left; margin:0 0 40px 0;}

.cards_slider {
	width:100%;
	height: auto;
	float: left;
	margin:0 50px 0 0;
	overflow: hidden;
}

.slider_inner {
	width:3160px;
	padding:40px 0;
	float: left;
	transform: translateX(0px);
	
	display: flex;
    cursor: grab;
    user-select: none;
    scroll-behavior: smooth;
}

.slider_inner:hover { cursor:grab;}
.slider_inner.active { cursor: grabbing;}

.card_intro {
	width:420px;
	height:560px;
	float:left;
	padding:40px;
	border-radius:16px;
	position: relative;
	margin:0 80px 0 10px;
}

.card_intro > .cta_arrow {width:100%; margin-top:50px; float: right;}

.card {
	width:340px;
	height:560px;
	float: left;
	padding:40px;
	border-radius:16px;
	position: relative;
	margin: 0 10px 0 0;
	
	background-color: var(--lavender);
	color:var(--white);
}

/*.card:first-of-type {margin-left:10px;}*/

.card.negative {background-color: var(--midnightblue);}

.card:hover {transform:scale(0.95); box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}

.cards_wrap > .card {
	width:calc(33.3% - 90px);
	float: left;
	padding:40px;
	margin: 0 10px 20px 0;
}

.card .signet {
	width:40px;
	height:40px;
	float: left;
	margin-left:calc(50% - 20px);
}

.card .caption {
	width:100%;
	margin:20px 0 0 0;
	font-size:0.8em;
	text-align: center;
	font-family: 'parkinsans-regular';
}

.card .description {
	width:calc(100% - 80px);
	float: left;
	position: absolute;
	bottom:30px;
}

/*
.card .description span {
	display:none;
	transform: translateY(40px);
}

.card:hover .description span {
	display:block;
	transform: translateY(0px);
}
*/

/* TEASER VISION ##### ##### ----------------------------------------------------- ##### #####*/

.teaser_vision {
	width:100%;
	height:420px;
	float: left;
	border-radius:16px;
	margin:0px 0 0 0;
	text-align: center;
	background-color: var(--lavender);
}

.teaser_vision:hover {
	transform:scale(0.95);
}

.teaser_vision h1 {
	width:100%;
	float: left;
	font-size: 8em;
	margin:80px 0 0 0;
    text-transform: uppercase;
	-webkit-text-stroke: 1px var(--yellow);
    -moz-text-stroke: 1px var(--yellow);
    -ms-text-stroke: 1px var(--yellow);
    -o-text-stroke: 1px var(--yellow);
}

.teaser_vision .caption {color:var(--yellow)}

/* TEASER NEXT PAGE ##### ##### ----------------------------------------------------- ##### #####*/

.teaser_nextpage {
	width:100%;
	float: left;
}

.teaser_nextpage .caption,
.teaser_nextpage h2,
.teaser_nextpage p {width:100%; float: left;}

.teaser_nextpage h2 {color:var(--orange);}

/* ACCORDION FAQ ##### ##### ----------------------------------------------------- ##### #####*/

.accordion_wrap {
	width:90%;
	float: left;
	margin:0;
}

.accordion_item {
	width:100%;
	float:left;
	margin:40px 0;
}

.accordion_item .preview {
	width:100%;
	float: left;
	margin:0;
	padding:20px 0 40px 0;
	border-bottom: 1px dotted var(--white);
}

.accordion_item .preview:hover {padding: 60px 0;}

.accordion_item .preview .headline_wrap {
	width:60%;
	height: auto;
	float: left;
}

.accordion_item .preview .headline_wrap h3 {margin:0;}

.accordion_item .preview .headline_wrap .caption {
	font-size:0.8em; 
	color:rgba(255,255,255,0.6); 
	margin:0 0 10px 0;
}

.accordion_item .preview .int_open,
.accordion_item .preview .int_close {
	width:40%;
	height: auto;
	float: right;
	display:none;
}

.accordion_item .preview .int_open span,
.accordion_item .preview .int_close span {
	width: auto;
	max-width: 80px;
    float: right;
    margin: 18px 20px 0 0;
    color: var(--yellow);
    font-size: 0.8em;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3em;
}

.accordion_item .preview .int_open .icon,
.accordion_item .preview .int_close .icon {
	width:34px;
	height:34px;
	float: right;
	margin:20px 0;
	border-radius:50%;
	border:1.5px solid var(--yellow);
	position: relative;
}

.accordion_item .preview .icon:hover {transform:scale(1.1);}

.accordion_item .preview .icon .line_01,
.accordion_item .preview .icon .line_02{
	width:14px;
	height:0px;
	border-bottom:1.5px solid var(--yellow);
	position: absolute;
	margin:16px 10px;
}

.accordion_item .preview .icon .line_02{
	transform: rotate(90deg);
}

.accordion_item .content {
	width:100%;
	float: left;
	margin:0;
	padding:20px 0 40px 0;
	border-bottom: 1px dotted var(--white);
	display:none;
}

.accordion_item .content > p.txt_small {width:60%; float: left;}

input#item-001:checked ~ .accordion_item#ac_item_01 > .preview,
input#item-002:checked ~ .accordion_item#ac_item_02 > .preview,
input#item-003:checked ~ .accordion_item#ac_item_03 > .preview,
input#item-004:checked ~ .accordion_item#ac_item_04 > .preview,
input#item-005:checked ~ .accordion_item#ac_item_05 > .preview,
input#item-006:checked ~ .accordion_item#ac_item_06 > .preview,
input#item-007:checked ~ .accordion_item#ac_item_07 > .preview,
input#item-008:checked ~ .accordion_item#ac_item_08 > .preview,
input#item-009:checked ~ .accordion_item#ac_item_09 > .preview  {border-bottom: 0px none transparent;}

input#item-001:checked ~ .accordion_item#ac_item_01 > .preview .int_close,
input#item-002:checked ~ .accordion_item#ac_item_02 > .preview .int_close,
input#item-003:checked ~ .accordion_item#ac_item_03 > .preview .int_close,
input#item-004:checked ~ .accordion_item#ac_item_04 > .preview .int_close,
input#item-005:checked ~ .accordion_item#ac_item_05 > .preview .int_close,
input#item-006:checked ~ .accordion_item#ac_item_06 > .preview .int_close,
input#item-007:checked ~ .accordion_item#ac_item_07 > .preview .int_close,
input#item-008:checked ~ .accordion_item#ac_item_08 > .preview .int_close,
input#item-009:checked ~ .accordion_item#ac_item_09 > .preview .int_close {display: block;}

input#item-001:not(:checked) ~ .accordion_item#ac_item_01 > .preview .int_open,
input#item-002:not(:checked) ~ .accordion_item#ac_item_02 > .preview .int_open,
input#item-003:not(:checked) ~ .accordion_item#ac_item_03 > .preview .int_open,
input#item-004:not(:checked) ~ .accordion_item#ac_item_04 > .preview .int_open,
input#item-005:not(:checked) ~ .accordion_item#ac_item_05 > .preview .int_open,
input#item-006:not(:checked) ~ .accordion_item#ac_item_06 > .preview .int_open,
input#item-007:not(:checked) ~ .accordion_item#ac_item_07 > .preview .int_open,
input#item-008:not(:checked) ~ .accordion_item#ac_item_08 > .preview .int_open,
input#item-009:not(:checked) ~ .accordion_item#ac_item_09 > .preview .int_open {display: block;}

input#item-001:checked ~ .accordion_item#ac_item_01 > .content,
input#item-002:checked ~ .accordion_item#ac_item_02 > .content,
input#item-003:checked ~ .accordion_item#ac_item_03 > .content,
input#item-004:checked ~ .accordion_item#ac_item_04 > .content,
input#item-005:checked ~ .accordion_item#ac_item_05 > .content,
input#item-006:checked ~ .accordion_item#ac_item_06 > .content,
input#item-007:checked ~ .accordion_item#ac_item_07 > .content,
input#item-008:checked ~ .accordion_item#ac_item_08 > .content,
input#item-009:checked ~ .accordion_item#ac_item_09 > .content {display: block;}

/* TILES ##### ##### ----------------------------------------------------- ##### #####*/

.tiles_container {
	width:100%;
	float:left;
	margin:60px 0;
}

.tiles_container > .description {
	width:calc(45% - 50px);
	float:left;
	margin:0 50px 0 0;
}

.tiles_container > .tile_wrap {
	width:55%;
	float:left;
	margin:0;
}

.tile_item {
	width:calc(100% - 68px);
	height: auto;
	float: left;
	margin:10px 0;
	padding:24px 34px;
	background-color: var(--midnightblue);
	color:var(--white);
	border-radius: 16px;
}

.tile_item.negative {
	background-color: var(--orange);
	color:var(--white);
}

.tile_item h4 {
    margin:0 0 10px 0;
	word-break: break-word;
}
.tile_item p {margin:0;}

.checkmark_item {
	width:100%;
	float:left;
	margin:24px 0 0 0;
	color:var(--yellow);
}

.checkmark_item .checkmark {
    width: 20px;
    float: left;
    margin: 7px 18px 0 0;
}

.checkmark_item > p { width:calc(100% - 40px); font-size:1.25em;}

/* CONTENT LIST  ##### ##### ----------------------------------------------------- ##### #####*/

.content_list {
	width:100%;
	float: left;
	margin:0;
}

.content_list .content_listitem {
	width:calc(75% - 48px);
	float: left;
	padding:24px;
	outline:1px solid var(--lavender);
	border-radius:16px;
	position: relative;
	z-index:10;
}

.content_list .content_listitem:nth-last-of-type(odd) {margin:20px 0 20px 25%;}
.content_list .content_listitem:nth-last-of-type(even) {margin:20px 25% 20px 0;}

/*
.content_list .content_listitem .caption {font-size:0.8em; margin: 0px;}


.content_listitem::before {
	content:" ";
	width:0%;
	height:100%;
	position:absolute;
	background-color:var(--lavender);
	left:0;
	top:0;
	border-radius:16px;
	z-index:-25;	
	transition:all 0.4s linear;
}

.content_list .content_listitem:hover::before {width:100%}
.content_list .content_listitem:hover {color:var(--white);}
*/

/* DOWNLOADS  ##### ##### ----------------------------------------------------- ##### #####*/

.downloads_wrap {
	width:100%;
	float: left;
	margin:40px 0 80px 0;
}

.downloads_wrap .download_item {
	width:calc(33.33% - 50px);
	float: left;
	margin:50px 50px 0 0;
	background-color:rgba(255,255,255,0.6);
	border-radius:16px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.download_item .preview_image {
	width:100%;
	height: 240px;
	margin:0;
	float: left;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.download_item .description {
	width:90%;
	margin:20px 5%;
	float: left;
}

.download_item .description > span {width:100%; float: left;}
.download_item .description > span.download_title {font-family: 'parkinsans-bold';}
.download_item .description > span.download_descr {font-size:0.8em; margin:0px 0 28px 0;}

.download_item .description .download_link {margin-left:calc(50% - 108px);}

.download_item .description > small {width:100%; float:left; text-align: center; margin:5px; opacity:0.7;}

/* SIGNUP  ##### ##### ----------------------------------------------------- ##### #####*/

.signup_wrap {
	width:100%;
	float:left;
	margin:60px 0 40px 0;
}

.signup_wrap h3,
.signup_wrap p {
	width:80%;
	float: left;
	text-align:center;
	margin:0 10%;
}

.signup_wrap p {font-size:1em; margin-top:20px;}

.signup_wrap .signup_form_wrap {
	width:100%;
	float:left;
	margin:40px 0 0 0;
}

.signup_form_wrap #signup-form {
	width:100%;
	float:left;
}

.signup_form_wrap #signup-form > input[type=email] {
	width:calc(80% - 325px);
	float:left;
	margin:0 0 0 10%;
	padding:15px 20px;
	border:0px;
	background-color:var(--white);
	color:var(--lavender);
	font-family: 'parkinsans-regular';
	font-size:14px;
	box-shadow:0px 0px 0px inset rgba(0,0,0,0);
	border-radius: 32px;
}

.signup_form_wrap #signup-form > input[type=email]:focus,
.signup_form_wrap #signup-form > input[type=email]:active{
	box-shadow:0px 0px 2px inset rgba(0,0,0,0.2);
}

.signup_form_wrap #signup-form > button[type=submit] {
  	width:auto;
	float:right;

	margin:0 10% 0 0;
    padding: 12px 26px;
	border-radius: 34px;
    
	font-family: 'parkinsans-regular';
	font-size: 1.0em;
	
	border:0px;
	cursor: pointer;

	background-color:var(--lavender);
	color:var(--white);
}

.signup_form_wrap #signup-form > button[type=submit]:hover {
  padding:12px 36px;
}

.signup_form_wrap #signup-form .privacy_txt {
	width:40%;
	float:left;
	margin:20px 0 0 10%;
	font-size: 0.7em;
	line-height:1.1em;
}

input::placeholder {
	font-family: 'parkinsans-regular';
	font-size:14px;
	color:rgba(0,0,0,0.5);
}

#signup-message {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0;
	font-size: 0.8em;
}

/* AUTHOR  ##### ##### ----------------------------------------------------- ##### #####*/

.author_wrap {
	width:100%;
	float:left;
}

.author_wrap .author_description {
	width:45%;
	float: left;
	padding:100px 5%;
}

.author_wrap .image_45 {
	width:45%;
	height: 100vh;
	min-height: 1200px;
	margin-top:-120px;
	float: left;
	background-image: url(../src/images/tlu_timon_lutz_foto_web_rgb.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

/* FOOTER  ##### ##### ----------------------------------------------------- ##### #####*/

#footer {
	width:100%;
	float: left;
	padding:80px 0;
	background-color: var(--lavender);
	color:var(--white);
}

#footer .logo {
	width:280px;
	margin: 0 0 0 100px;
	float: left;
}

#footer .footer_content {
	width:calc(100% - 200px);
	float: left;
	margin:30px 100px 0 100px;
}

#footer .navitem_wrap {
	width:180px;
	float: left;
	margin:20px 100px 0 0;
	color:var(--yellow);
}

#footer .navitem_wrap .navitem {
	width:100%;
	float:left;
	margin:0 0 14px 0;
}

#footer .navitem_wrap .navitem.small {
	width:100%;
	float:left;
	font-size:0.8em;
	margin:0 0 8px 0;
}

#footer .about {
	width:280px;
	float: left;
	margin:0 100px 0 0;
	
}

#footer .about p {font-size:18px; margin-top:20px;}
#footer .about .txt_small {font-size:0.8em;}

#footer .connect {
	width:440px;
	float: left;
	margin:0 0 0 0;
}

#footer .connect p {font-size:18px; margin-top:20px;}
#footer .connect .txt_small {font-size:0.8em;}

#footer .connect .social_icons_wrap {
	width:100%;
	float: left;
	margin:20px 0;
}

#footer .connect .social_icon {
	width:44px;
	height:44px;
	float:left;
	margin:0 14px 0 0;
}

#footer .connect .cta_wrap {
	width:100%;
	float: left;
	margin:20px 0;
}

#footer .connect .cta_wrap .cta_button_primary {
	margin-bottom:20px;
}

/* MOBILE STYLES */

@media screen and (min-width:1920px) {
	
	.page_headline > h1 {font-size: 94px;}
	
	.slide > .inner {
		max-width: 1400px;
	}
	
	.visual {
		width:600px;
		height:600px;
		left:calc(50% - 300px);
	}
	
	.intro_panel {
		transform: translateY(54%);
	}
	
}

@media screen and (max-width:1440px) {
	
	.slide > .inner {
		max-width: 1200px;
	}
	
	#nav .logo {
		width:260px;
	}

	#nav .logo .signet {
		width:64px;
		margin:0 16px 0 0;
	}

	#nav .logo .wording {
		width:180px;
		float: left;
		margin:17px 0 0 0;
	}
	
	#footer .connect {
		width:280px;
	}
	
}

@media screen and (max-width:1140px) {
	
	.slide > .inner {
		width: 90%;
		max-width: auto;
		margin: 0px 5%;
	}
	
	.page_headline {
		transform: rotate(0deg);
		margin:0px;
	}
	
	.page_headline > h1 {font-size: 50px;}
	
	h1, h2, h3, h4 {margin:0px 0px 8px 0px;}
	
	h1 {
		font-size: 40px;
		line-height: 120%;
	}

	h2 {
		font-size: 36px;
		line-height: 120%;
	}

	h3 {
		font-size: 30px;
		line-height: 120%;
	}

	h4 {
		font-size: 26px;
		line-height: 120%;
	}

	.caption {
		font-size: 0.7em;
		line-height:120%;
		margin:8px 0 4px 0;
	}
	
	.txt_big,
	.txt_regular {
		width:100%;
		padding-left:0px;
	}

	.txt_big {
		font-size:1.15em;
		line-height:140%;
		letter-spacing: 0.02em;
	}
	.txt_regular {
		font-size:1.0em;
		line-height:140%;
		letter-spacing: 0.02em;
	}
	.txt_small {
		font-size:0.9em;
		line-height:140%;
		letter-spacing: 0.02em;
	}
	
	.col_right {
		width:100%;
	}

	#nav .navicon {
		width: 14px;
		height: 14px;
		top: 50px;
		right: 50px;
		position: fixed;
		background-color: var(--lavender);
		display: none;
		z-index: 25;
		padding: 26px;
		border-radius: 50%;
	}

	#nav .navicon:hover {transform:scale(0.9);}

	#nav .navicon img { width: 14px; position: absolute;}

	#nav:not(:target) .navicon[title="open-nav"] {display:block;}
	#nav:target .navicon[title="close-nav"] {display:block;}

	#nav:not(:target) .navitem_wrap { display:none;}
	#nav:target .navitem_wrap { display:block;}
	
	#nav:not(:target) .lang_select { opacity: 0;}
	#nav:target .lang_select { opacity: 1;}
	
	#nav .navitem_wrap {
		width:100%;
		height: 100vh;
		position: fixed;
		margin:0 0 0 0;
		right:0px;
		background-color: var(--lavender);
		color:var(--white);
		
		display: flex ;
		flex-direction: column-reverse ;
		flex-wrap: wrap ;
		justify-content: center ;
		align-items: center ;
		align-content: center ;
	}

	#nav .navitem_wrap .navitem,
	#nav .navitem_wrap .navitem.button {
		width:100%;
		float: right;
		margin:20px 0;
		text-align: center;
		font-size: 28px;
	}

	#nav .navitem_wrap .navitem:hover {
		transform: translateY(0px) scale(0.9);
	}

	#nav .navitem_wrap .navitem.button {
		padding:0;
		outline: 0px ;
	}

	.lang_select {
		top: 70px;
		right: calc(20px + 116px);
		position: fixed;
	}
	
	.lang-de, .lang-en {
		color: var(--white);
	}

	.lang_divider {
		background-color: var(--white);
	}
	
	.slide#hero {
		height: auto;
		min-height:580px;
	}
	
	.slide#hero + .slide#lavender {padding:120px 0 60px 0;}
	
	.slide#white {
		padding: 60px 0px;
	}

	.slide#yellow {
		padding: 60px 0px;
	}
	
	.slide#orange {
		padding: 60px 0px;
	}
	
	.slide#midnightblue {
		padding:60px 0px;
	}

	.slide#lavender {
		padding: 60px 0px;
	}

	.slide#lavender::before {
		display:none;
	}

	.slide#lavender::after {
		display:none;
	}
	
	.cookiebanner > .txt_small {width:100%;}
	
	.book_teaser_small {margin:0;}
	
	.book_teaser_small .book_3d_wrap {
		height: 400px;
	}
	
	.book_3d_wrap {
	    width: 110%;
        height: 530px;
        float: left;
        overflow: hidden;
        margin: 0 0 0 -5%;
        padding: 0;
	}
	
	.book_teaser_main .description {width:100%;}
	
	.book_teaser_small .description {
		width:100%;
	}

	.book_teaser_small .book_3d_wrap {
		width:110%;
		margin-right:-24px 0 0 -5%;
	}
	
	.book_teaser_small .book_3d_wrap .book_3d {
		transform: translateX(-33px) translateY(35px) translateZ(0px) rotateX(10deg) rotateY(-12deg) rotateZ(-10deg) scaleX(0.6) scaleY(0.6) scaleZ(0.6);
	}

	
	.book_3d_wrap .book_3d {
		transform: translateX(-30px) translateY(30px) translateZ(0px) rotateX(10deg) rotateY(12deg) rotateZ(-10deg) scaleX(0.8) scaleY(0.8) scaleZ(0.8);
	}
	
	.author_wrap .author_description {
		width:90%;
		padding:20px 5%;
	}

	.author_wrap .image_45 {
		width:100%;
		height:auto;
		min-height:800px;
		margin:-60px 0 0 0;
		background-position:50% 0%;
	}

	/*BookAnimation*/
	@-webkit-keyframes BookAnimation {
		0% { transform: translateX(0px) translateY(60px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(5deg) scaleX(0.8) scaleY(0.8) scaleZ(0.8);}
		100% { transform: translateX(0px) translateY(60px) translateZ(0px) rotateX(0deg) rotateY(-360deg) rotateZ(5deg) scaleX(0.8) scaleY(0.8) scaleZ(0.8);}
	}
	
	.teaser_vision {
		width:calc(100% - 40px);
		height:auto;
		padding:40px 20px;
	}

	.teaser_vision h1 {
		font-size: 3em;
		margin:0 0 0 0;
	}
	
	.accordion_item .preview .headline_wrap {
		width:calc(100% - 40px);
		height: auto;
		float: left;
	}
	
	.cards_wrap {margin:20px 0;}
	
	.cards_wrap > h4 { margin:0;}
	
	.cards_wrap > .card {
		width:90%;
		float: left;
		height: auto;
		min-height: auto;
		padding:20px 5%;
		margin:20px 0 0 0;
	}
	
	.cards_wrap > .card .description {
		width:100%;
		float: left;
		position: relative;
		margin:20px 0 0 0;
		padding:0;
		bottom:0px;
	}

	.card .signet {
		width: 24px;
		height: 24px;
		margin-left: calc(50% - 12px);
	}
	
	.card .caption {margin:14px 0 0 0;}

	.accordion_item .preview .int_open,
	.accordion_item .preview .int_close {
		width:40px;
		height: auto;
		float: right;
		display:none;
	}

	.accordion_item .preview .int_open span,
	.accordion_item .preview .int_close span {
		display: none;
		width:0px;
		height: 0px;
		opacity: 0;
	}
	
	.accordion_item .content > p.txt_small {width:100%;}
	
	.blog_content {
		width:100%;
		float:left;
		margin:20px 0% 20px 0%;
	}
	
	.tiles_container {
		margin:24px 0;
	}
	
	.tiles_container > .description {
		width:100%;
		float:left;
		margin:0 0 20px 0;
	}

	.tiles_container > .tile_wrap {
		width:100%;
		float:left;
		margin:0;
	}
	
	.cta_round {
		width:140px;
		height:140px;
		right:40px;
		bottom:40px;
	}
	

	.signup_wrap .signup_form_wrap {
		margin:20px 0 0 0;
	}

	.signup_form_wrap #signup-form > input[type=email] {
		width:calc(100% - 40px);
		float:left;
		margin:20px 0 10px 0;
		font-size:16px;
	}

	.signup_form_wrap #signup-form > button[type=submit] {
		width:100%;
		padding:12px 0;
		margin:0;
	}
	
	.signup_form_wrap #signup-form > button[type=submit]:hover {
		width:100%;
		padding:12px 0;
	}

	.signup_form_wrap #signup-form .privacy_txt {
		width:100%;
		margin:10px 0;
	}
	
	.midsection {
		margin:40px 0;
		padding:40px 5%;
	}
	
	.midsection > .description {
		font-size:2em;
		line-height: 1.4em;
	}
	
	.anchor_nav .anchor_navitem, .download_link {
		margin:10px 20px 0 0;
	}
	
	.content_list .content_listitem:nth-last-of-type(even),
	.content_list .content_listitem:nth-last-of-type(odd) {
		margin: 20px 0 0 0;
	}
	

	.content_list .content_listitem {
		width: calc(100% - 30px);
		padding:20px 15px;
	}
	
	.downloads_wrap .download_item {
		width: calc(50% - 50px);
		margin: 50px 50px 0 0;
	}


}

@media screen and (max-width:920px) {
	
	.page_headline > h1 {font-size: 36px; margin:14px 0 24px 0;}
	
	h1 {
		font-size: 32px;
		line-height: 120%;
	}

	h2 {
		font-size: 28px;
		line-height: 120%;
	}

	h3 {
		font-size: 24px;
		line-height: 120%;
	}

	h4 {
		font-size: 20px;
		line-height: 120%;
	}

	.caption {
		font-size: 0.7em;
		line-height:120%;
		letter-spacing:0.05em;
		margin:0 0 8px 0;
	}

	.txt_big {
		font-size:0.9em;
		line-height:140%;
		letter-spacing: 0.02em;
	}
	.txt_regular {
		font-size:0.8em;
		line-height:140%;
		letter-spacing: 0.02em;
	}
	.txt_small {
		font-size:0.74em;
		line-height:140%;
		letter-spacing: 0.02em;
	}
	
	.slide#white {
		padding: 40px 0px;
	}

	.slide#yellow {
		padding: 40px 0px;
	}
	
	.slide#yellow:nth-of-type(1) {padding:80px 0 40px 0;}
	
	.slide#orange {
		padding: 40px 0px;
	}
	
	.slide#midnightblue {
		padding:40px 0px;
	}

	.slide#lavender {
		padding: 40px 0px;
	}
	
	#nav .logo {
		width:200px;
		margin: 20px 0 0 20px;
	}

	#nav .logo .signet {
		width:50px;
		margin:0 12px 0 0;
	}

	#nav .logo .wording {
		width:138px;
		float: left;
		margin:12px 0 0 0;
	}
	
	#nav .navicon {
		top: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.cta_button_primary,
	.cta_button_secondary {
		font-size:0.8em;
		line-height: 1.0em;
	}

	.cookiebanner {
		width:calc(100% - 44px);
		bottom:10px;
		margin:0 10px;
		padding:12px;
	}
	
	.book_teaser_main {
		margin:40px 0 0 0;
	}

	.visual {
		width:80%;
		height: auto;
		position: absolute;
		top:80px;
		left:10%;
	}

	.intro_panel {
		width:calc(90% - 48px);
		position: absolute;
		left:5%;
		padding:24px;
		transform: translateY(280px);
	}
	
	.signup_wrap {
		margin:20px 0;
	}
	
	.card {
		width: 310px;
		height: 520px;
		float: left;
		padding: 25px;
		border-radius: 16px;
	}
	
	.card_intro {
		width: 280px;
		height: 560px;
		margin:0 10px;
	}

	.slider_inner {
		width:2800px;
	}
	
	.checkmark_item > p { font-size:1.0em;}
	
	.downloads_wrap {
		margin:0px 0 40px 0;
	}

	.downloads_wrap .download_item {
		width:90%;
		margin:20px 5% 0 5%;
	}
	
	.download_item .preview_image {
		height: 160px;
	}
	
	.download_item .description {
		margin: 20px 5% 10px 5%;
	}

	.download_item .description > span.download_descr {
		margin:0 0 12px 0;
	}
	
	.download_item .description .download_link {
		margin-left: 0;
	}
	.download_item .description > small {
		text-align:left;
	}
	
	.author_wrap .image_45 {
		margin:-40px 0 0 0;
	}
	
	#footer .logo {
		width:280px;
		margin: 0 5%;
	}

	#footer .footer_content {
		width:90%;
		margin:20px 5% 0 5%;
	}
	
	#footer .navitem_wrap {
		width: 100%;
	}
	
	#footer .about {
		width: 100%;
	}
	
	#footer .connect {
		width: 100%;
	}
	
	#footer p,
	#footer span {width:100%;}
	
	
	#footer .connect .cta_wrap {
		width: 70%;
	}
}