/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none; }
html,
body { font-family: 'MuseoSans', sans-serif; font-size: 16px; color: #1c1b2a; font-weight: 300; }
body { background: #fff; }
input,
select,
textarea { font-family: 'MuseoSans', sans-serif; font-size: 16px; color: #1c1b2a; }
img { display: block; border: 0; max-width: 100%; }
ul,
li { list-style: none; }
:focus { outline: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'MuseoSans', sans-serif; font-weight: 700; }
h1 { margin-bottom: 25px; font-size: 80px; line-height: 1.1; color: #fff; }
h2 { font-size: 48px; color: #fff; margin-bottom: 35px; }
a { text-decoration: none; }
.button { background: transparent; cursor: pointer; border-radius: 30px; font-size: 19px; color: #fff; border: 1px solid #fff; height: 48px; min-width: 127px; padding: 7px 22px 5px; display: inline-flex; align-content: center; align-items: center; justify-content: center; font-family: 'MuseoSans', sans-serif; font-weight: 700; text-transform: uppercase; }
.button:hover { background: #f0bf20; color: #fff; border: 1px solid #f0bf20; }
.buttoncolor { background: transparent; cursor: pointer; border-radius: 30px; font-size: 19px; color: #f0bf20; border: 1px solid #f0bf20; height: 48px; min-width: 127px; padding: 7px 22px 5px; margin-top: 10px; display: inline-flex; align-content: center; align-items: center; justify-content: center; font-family: 'MuseoSans', sans-serif; font-weight: 700; text-transform: uppercase; }
.buttoncolor:hover { background: #f0bf20; font-size: 19px; color: #fff; border: 1px solid #f0bf20; }
p { line-height: 1.95; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.centered { padding-right: calc((100% - 1420px) / 2); padding-left: calc((100% - 1420px) / 2); }

/* ### wrapper ### */
#wrapper { overflow: hidden; position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { z-index: 9; padding-top: 10px; position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
#headerCntr .logo { margin-left: 10px; }
#headerCntr .logo img { max-width: 100%; }

/* ### social box ### */
.socialBox { padding: 50px 60px 0 0; display: inline-flex; align-content: center; align-items: center; justify-content: flex-start; }
.socialBox .number { font-size: 16px; font-weight: 700; color: rgba(255, 255, 255, 0.5); }
.socialBox .number a { color: rgba(255, 255, 255, 0.5); }
.socialBox .number a:hover { color: rgba(255, 255, 255, 1); }
.socialBox ul { display: inline-flex; align-items: flex-start; justify-content: flex-start; padding-left: 18px; }
.socialBox ul li { margin-left: 12px; }
.socialBox ul li a { opacity: 0.5; display: block }
.socialBox ul li a:hover { opacity: 1; }

/* ### content container ### */
#contentCntr { z-index: 3; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; background: #fff; position: relative; width: 100%; }

/* ### banner box ### */
.banner-space { height: 100vh; width: 100%; min-height: 700px; }
.bannerBox { z-index: 2; display: flex; align-content: center; align-items: center; justify-content: flex-start; width: 100%; height: 100vh; min-height: 700px; background: url('../images/banner-img.jpg') center center no-repeat; background-size: cover; position: fixed; top: 0; left: 0; }
.bannerBox .mid { width: 100%; position: fixed; top: 50%; transform: translateY(-50%); left: 0; }
.bannerBox .content { max-width: 1200px; position: relative; margin-top: 151px; padding-left: 36px; margin-left: 50px; transition: transform .1s; transform: translateZ(0); transform-style: preserve-3d; }
.bannerBox .button { margin-right: 20px; }
.bannerBox .icon { position: absolute; top: 0; left: 10px; }
.bannerBox h1 { text-shadow: 0 0 20px rgba(0,0,0,0.2) }
.plate-image { animation:spin 12s linear infinite; }

/* ### banner box sponsoren ### */
.banner-spaceSponsor { height: 100%; width: 100%; min-height: 450px; }
.bannerBoxSponsor { z-index: 2; display: flex; align-content: center; align-items: center; justify-content: flex-start; width: 100%; height: 100vh; min-height: 450px; background: url('../images/banner-img.jpg') center center no-repeat; background-size: cover; position: fixed; top: 0; left: 0; }
.bannerBoxSponsor .mid { width: 100%; position: fixed; top: 50%; transform: translateY(-50%); left: 0; }
.bannerBoxSponsor .content { max-width: 600px; position: relative; margin-top: 151px; padding-left: 100px; margin-left: 50px; transition: transform .1s; transform: translateZ(0); transform-style: preserve-3d; }
.bannerBoxSponsor .button { margin-right: 20px; }
.bannerBoxSponsor .icon { position: absolute; top: 0; left: 10px; }
.bannerBoxSponsor h1 { text-shadow: 0 0 20px rgba(0,0,0,0.2) }
.plate-image { animation:spin 12s linear infinite; }

/* ### book box ### */
.bookBox { padding: 78px 140px 125px 78px; max-width: 1300px; margin: 0 auto; position: relative; background: #1c1b2a; box-shadow: 0 0 60px rgba(0,0,0,0.2) }
.bookBox:before { content: ''; position: absolute; right: 0; top: 0; height: 459px; width: 359px; background: url('../images/popup-overlay.png') center center no-repeat; }
.bookBox:after { content: ''; position: absolute; right: 100px; bottom: -20px; height: 20px; width: 800px; background: #c68723; }
.bookBox h2 { color: #f0bf20; }
.bookBox h2:after { content: ''; display: block; width: 60px; height: 6px; background: #f0bf20; margin: 11px 0; }
.bookBox p { color: #fff; }
.bookBox .row { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; }
.bookBox .left { width: 350px; }
.bookBox .right { width: 490px; padding-top: 10px; position: relative; z-index: 2; }
.bookBox select { appearance: none; -webkit-appearance: none; margin-bottom: 12px; cursor: pointer; padding: 5px 25px; border-radius: 40px; border: 1px solid #636362; width: 100%; height: 48px; color: #fff; background-color: transparent; background: url('../images/select-arrow.png') right 22px center no-repeat; }
.bookBox .field { appearance: none; margin-bottom: 12px; padding: 5px 25px; background: transparent; border-radius: 40px; border: 1px solid #636362; width: 100%; height: 48px; color: #fff; }
.bookBox .field.date { padding-right: 60px; background: url('../images/date.png') right 22px center no-repeat; }
.bookBox .field::placeholder { color: #fff; }
.bookBox .col { width: calc(50% - 5px) }
.bookBox .button { padding-top: 9px; margin-top: 50px; }
.bookBox .text-right { text-align: right; }
.popup-modal-dismiss { text-indent: -9999px; opacity: 0.2; position: absolute; top: 60px; right: 64px; width: 16px; height: 16px; background: url('../images/close-icon.png') center center no-repeat; }
.popup-modal-dismiss:hover { opacity: 1; }
.mfp-bg { opacity: 0.9; background: #1c1b2a; }

/* ### concept box ### */
.conceptBox { padding: 0 60px; margin-bottom: 115px; width: 100%; position: relative; }
.conceptBox .block { width: calc(100% - 380px); margin: -100px 0 0 380px; padding: 75px 150px 75px 75px; display: block; background-image: linear-gradient(to bottom, #0091d4, #226fb6); position: relative; }
.conceptBox h2:after { content: ''; display: block; width: 60px; height: 6px; background: #fff; margin: 11px 0; }
.conceptBox p { font-weight: 500; color: #fff; }
.conceptBox p a { color: #fff; text-decoration: underline; }
.conceptBox p a:hover { color: #fff; text-decoration: none; }
.conceptBox .bottom { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; }
.conceptBox .plate-image { position: relative; z-index: 2; margin: -230px 0 0 -170px; }
.conceptBox blockquote { max-width: 750px; text-align: right; margin-top: 205px; }
.conceptBox .icon { position: absolute; top: -15px; right: -10px; }

blockquote { font-weight: 300; font-size: 60px; padding-right: 145px; position: relative; }
blockquote a { font-weight: 700; color: #f0bf20; font-size: 30px;}
blockquote a:hover { font-weight: 700; color: #f0bf20; font-size: 30px; }
blockquote:after { content: ''; position: absolute; top: -20px; right: 50px; background: url('../images/blockquote.png') center center no-repeat; width: 285px; height: 185px; }
blockquote span { font-weight: 700; color: #0091d4; display: inline-block; }

/* ### text box ### */
.textBox { padding: 0 40px; max-width: 1000px; margin: 0 auto 490px; width: 100%; position: relative; }
.textBox:after { top: 8px; left: 0; content: ''; position: absolute; width: 6px; height: 60px; background: #1c1b2a; }
.textBox .block { max-width: 550px; }
.textBox p { font-weight: 300; margin-bottom: 30px; }
.textBox p a { color: #1c1b2a; text-decoration: underline;}
.textBox p a:hover { color: #1c1b2a; text-decoration: none;}
.textBox .overlay { position: absolute; bottom: -367px; left: -320px; }

/* ### text box 2 ### */
.textBox2 { padding: 0 40px; max-width: 1000px; margin: 0 auto 490px; width: 100%; position: relative; }
.textBox2:after { top: 8px; left: 0; content: ''; position: absolute; width: 6px; height: 60px; background: #1c1b2a; }
.textBox2 .block { max-width: 800px; }
.textBox2 p { font-weight: 300; margin-bottom: 30px; }
.textBox2 p a { color: #1c1b2a; text-decoration: underline;}
.textBox2 p a:hover { color: #1c1b2a; text-decoration: none;}
.textBox2 .overlay { position: absolute; bottom: -367px; left: -320px; }

/* ### text box sponsoren ### */
.textBoxSponsor { padding: 0 40px 50px; max-width: 1000px; margin: 0 auto 90px; width: 100%; position: relative; }
.textBoxSponsor:after { top: 8px; left: 0; content: ''; position: absolute; width: 6px; height: 60px; background: #1c1b2a; }
.textBoxSponsor .block { max-width: 100%px; }
.textBoxSponsor p { font-weight: 300; margin-bottom: 30px; }
.textBoxSponsor .overlay { position: absolute; bottom: -367px; left: -320px; }

	/* ### grid box ### */
	.gridBox { width: 100%; overflow: hidden; }
	.gridBox  .holder{ padding: 45px 25px 15px 25px;  margin-right: -48px; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	.gridBox .block { padding-bottom: 15px; width: calc(25% - 48px); float: left; margin: 0 48px 45px 0; }
	.gridBox .image {  position: relative; }
	.gridBox .image img {border: 16px solid #f5f5f5; width: 100%; }
	.gridBox .image:after { content: ''; width: 60px; height: 40px; display: block; margin: 0px auto; background: url(../img/icon-view-gray.png) left top no-repeat; }

/* ### cookies box ### */
.cookiesBox { z-index: 999; padding: 35px 85px 35px 76px; position: fixed; left: 50%; bottom: 50px; transform: translateX(-50%); width: 800px; background: rgba(240, 191, 32, 0.9); border-radius: 30px; }
.cookiesBox p { font-size: 14px; color: #fff; line-height: 1.85; position: relative; }
.cookiesBox .icon { position: absolute; top: 4px; left: -35px; }
.cookiesBox .close { text-indent: -9999px; opacity: 0.5; position: absolute; top: 30px; right: 30px; width: 16px; height: 16px; background: url('../images/close-icon.png') center center no-repeat; background-size: 16px auto; }
.cookiesBox .close:hover { opacity: 1; }

/* ### footer container ### */
#footerCntr { z-index: 9; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%; position: relative; background: #1c1b2a; }
#footerCntr .overlay { z-index: -1; position: absolute; bottom: 84px; right: 50%; margin-right: -680px; width: 418px; }

/* ### image box ### */
.imageBox { margin-bottom: 450px; margin-top: -483px; position: relative; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.imageBox .image1 { margin: 150px 0 0 80px; width: 560px; }
.imageBox .image2 { position: absolute; top: 240px; left: 50%; margin-left: -330px; width: 680px; z-index: 1; }
.imageBox .image2:after { position: absolute; top: 49px; right: -120px; content: ''; box-shadow: 0 0 60px rgba(0,0,0,0.2); width: 400px; height: calc(100% - 140px); background: #5bbaa1; z-index: -1; }
.imageBox .image3 { margin-right: -60px; width: 520px; }
.imageBox .img { width: 100%; box-shadow: 0 0 60px rgba(0,0,0,0.2); }
.imageBox .icon { position: absolute; right: -11px; top: 44px; }

/* ### footer box ### */
.footerBox { margin-bottom: 60px; width: 100%; }
.footerBox .row { flex-wrap: wrap; text-align: center; display: flex; align-items: flex-start; justify-content: center; padding: 0 60px; }
.footerBox .column { width: 25%; }
.footerBox .logo { width: 205px; display: block; margin: -35px auto 0; position: relative; left: 7px; }
.footerBox .title { color: #0091d4; font-size: 24px; font-family: 'MuseoSans', sans-serif; font-weight: 700; margin-bottom: 25px; }
.footerBox address { color: #fff; font-style: normal; line-height: 1.6; }
.footerBox p { color: #fff; font-style: normal; line-height: 1.6; }
.footerBox p a { color: #0091d4; }
.footerBox .tel { color: #fff; }
.footerBox ul { display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 5px; }
.footerBox li { margin: 0 7px; }
.footerBox .icon { display: block; margin: 0 auto 75px; }

/* ### copy box ### */
.copyrightBox { padding: 35px 60px; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.05) }
.copyrightBox p { line-height: 1.1; margin: 0; color: #fff; opacity: 0.1; font-size: 14px; }
.copyrightBox p a { color: #fff; text-decoration: none; }
.copyrightBox p a:hover { color: #fff; text-decoration: underline; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1299px) {
	.centered { padding-left: 15px; padding-right: 15px; }
}

@media only screen and (max-width: 1439px) {
	#headerCntr .logo { margin-left: -30px; }
	.bannerBox .mid { width: 100%; position: fixed; top: 45%; transform: translateY(-50%); left: 0; }
	.bannerBox .content { margin-left: 0px; margin-top: 240px; }
	.bannerBox h1 { font-size: 54px; line-height: 1.1; margin-bottom: -10px; }
	.bannerBox h2 { font-size: 24px; line-height: 1.4; margin-bottom: 0px; }
	.socialBox { padding-right: 20px; }
	.centered { padding-right: calc((100% - 1120px) / 2); padding-left: calc((100% - 1120px) / 2); }
	.copyrightBox p .xl-hide { display: none; }
	.copyrightBox { padding: 40px 20px; }
	.footerBox .row { padding: 0; margin: 0 -30px; }
	.conceptBox { padding: 0 10px; }
	.conceptBox .block { width: calc(100% - 260px); margin-left: 260px; }
	.conceptBox .plate-image { margin-left: -270px; }
	blockquote { padding-right: 45px; }
	.conceptBox blockquote { max-width: 650px; }
	blockquote:after { right: -35px; }
	.imageBox .image3 { margin-right: -210px; }
	.imageBox .image1 { margin-left: -70px; }
	.bookBox { padding: 78px 100px 120px 78px; max-width: 1080px; }
	.bookBox:after { width: 580px; }
}

@media only screen and (max-width: 1199px) {
	.centered { padding-right: calc((100% - 900px) / 2); padding-left: calc((100% - 900px) / 2); }
	#headerCntr .logo { margin: 10px 0 0 -20px; width: 272px; }
	.socialBox { padding-right: 20px; }
	h2,
	h1 { font-size: 48px; }
	h1 { line-height: 1.3; }
	.bannerBox { min-height: 820px; }
	.bannerBox .content { margin-left: 80px; max-width: 540px; margin-top: 143px; padding-left: 85px; }
	.copyrightBox p .lg-hide { display: none; }
	#footerCntr .overlay { bottom: 275px; margin-right: -538px;	}
	.conceptBox { padding: 0; }
	.conceptBox .block { width: calc(100% - 180px); margin: -80px 0 0 180px; padding: 55px; }
	.conceptBox .plate-image { width: 550px; margin: -170px 0 0 -220px; }
	.conceptBox blockquote { max-width: 550px; }
	blockquote { padding-right: 20px; font-size: 48px; }
	blockquote:after { right: -65px; background-size: 229px; top: -30px; }
	.imageBox { margin-top: -204px; margin-bottom: 362px; }
	.imageBox .image1 { width: 421px; margin: 115px 0 0 15px }
	.imageBox .image2 { width: 511px; margin-left: -240px; top: 180px; }
	.imageBox .image2:after { top: 39px; right: -90px; height: calc(100% - 107px); }
	.imageBox .icon { top: 30px; }
	.imageBox .image3 { width: 391px; margin-right: -134px; }
	.textBox { max-width: 800px; margin-bottom: 230px; }
	.textBox .overlay { bottom: -250px; left: -170px; }
	.textBox2 { max-width: 800px; margin-bottom: 230px; }
	.textBox2 .overlay { bottom: -250px; left: -170px; }
	.bookBox { padding: 65px 90px 90px 65px; max-width: 860px; }
	.bookBox:after { width: 470px; }
	.bookBox .left { width: 33%; }
	.bookBox .right { width: 60%; }
	.gridBox .block { width: calc(33.3% - 50px); }
}

@media only screen and (max-width: 979px) {
	.centered { padding-right: calc((100% - 704px) / 2); padding-left: calc((100% - 704px) / 2); }
	#headerCntr .logo { margin: 8px 0 0 -15px; width: 226px; }
	.socialBox { padding-right: 20px; }
	h2,
	h1 { font-size: 36px; }
	.bannerBox { min-height: 680px; }
	.bannerBox .content { margin-left: 55px; max-width: 480px; margin-top: 95px; padding-left: 85px; }
	.bannerBox .icon { top: -10px; left: 20px;	}
	.bannerBox h1 { padding-right: 50px; }
	.copyrightBox .md-hide,
	.socialBox .number span { display: none; }
	.footerBox .row { margin: 0 60px; }
	.footerBox .column { width: 50%; margin-bottom: 40px; }
	#footerCntr .overlay { bottom: 185px; margin-right: -482px; }
	.footerBox { margin-bottom: 40px; }
	.conceptBox .block { width: calc(100% - 80px); margin: -90px 0 0 80px; padding: 45px 45px 60px; }
	.conceptBox .plate-image { width: 550px; margin-top: -100px; }
	.conceptBox blockquote { max-width: 370px; margin-top: 150px; }
	.conceptBox { margin-bottom: 95px; }
	blockquote { padding-right: 30px; font-size: 48px; }
	blockquote:after { right: -75px; top: 50%; transform: translateY(-50%); }
	.textBox { max-width: 620px; margin-bottom: 280px; }
	.imageBox { margin-top: -240px; margin-bottom: 320px; }
	.imageBox .image1 { width: 337px; margin: 93px 0 0 -13px; }
	.imageBox .image2 { width: 409px; margin-left: -185px; top: 148px; }
	.imageBox .image3 { width: 313px; margin-right: -124px; }
	.imageBox .image2:after { top: 28px; right: -71px; height: calc(100% - 84px); }
	.imageBox .icon { top: 30px; }
	.bookBox h2 { font-size: 48px; }
	.bookBox { max-width: 680px; }
	.bookBox:after { width: 380px; }
	.bookBox .left { width: 44%; }
	.bookBox .right { width: 40%; }
	.bookBox .col { width: 100%; }
	.bookBox .button span { display: none; }
	.bookBox .button { margin-top: 30px; width: 100%; }
	.cookiesBox { padding: 35px 60px; width: 700px; }
	.gridBox .block { width: calc(50% - 50px);}
	.gridBox .holder { margin: 0px; }
	.gridBox .block { width: 100%; margin-right: 0px; }
	.gridBox .holder { margin-right: -45px; }
	.gridBox .block { margin: 0px 45px 0px 0px; width: calc(50% - 45px);}
	.gridBox { padding-bottom: 60px; }
}

@media only screen and (max-width: 767px) {
	.centered { padding-right: 20px; padding-left: 20px; }
	#headerCntr .logo { margin: 20px 0 0 20px; width: 204px; }
	.socialBox { padding: 0; position: absolute; right: 30px; top: 30px; }
	.socialBox ul { display: none; }
	h2 { font-size: 28px; line-height: 1.2; margin-bottom: 25px; }
	h1 { font-size: 44px; line-height: 1.0; margin-bottom: 15px; }
	.bannerBox { min-height: 530px; display: block; }
	.bannerBox .content { margin-left: 0; max-width: 100%; margin-top: 0; padding: 150px 30px 0; }
	.bannerBox .icon { display: none; }
	.bannerBox h1 { padding-right: 25px; }
	.bannerBox h1 span { display: none; }
	.socialBox .number { color: rgba(255, 255, 255, 0.5); font-size: 14px; }
	.socialBox .number span { display: inline; }
	.socialBox .number a { color: rgba(255, 255, 255, 0.5); }
	.socialBox .number a:hover { color: rgba(255, 255, 255, 1); }
	.bannerBox .button { margin: 0 15px 10px 0; }
	.bannerBox { background-image: url('../images/banner-img-mobile.jpg'); background-position: -680px center; }
	.footerBox { margin-bottom: 30px; }
	.footerBox .row { margin: 0; }
	.footerBox .column { width: 100%; margin-bottom: 60px; }
	.footerBox .sm-hide { display: none; }
	.footerBox .title { margin-bottom: 15px; }
	.footerBox .icon { display: block; margin: 0 auto 75px 65px; }
	.copyrightBox { padding: 30px 20px 15px; display: block; text-align: center; }
	.copyrightBox p { line-height: 1.8; margin-bottom: 20px; }
	#footerCntr .overlay { max-width: 70%; bottom: 583px; margin-right: -170px;	}
	.conceptBox { width: calc(100% + 40px); margin: 0 -20px 110px; }
	.conceptBox .block { width: calc(100% - 30px); margin: -40px 0 0 30px; padding: 45px 35px 102px; }
	p { line-height: 1.9; }
	.conceptBox .plate-image { width: auto; min-width: 390px; margin: -110px 0 0 -105px; }
	.conceptBox .bottom { display: block; }
	.conceptBox blockquote { max-width: 100%; margin-top: 30px; padding-left: 20px; }
	.conceptBox .icon { right: 20px; }
	blockquote { padding-right: 50px; font-size: 30px; }
	blockquote:after { right: -75px; top: 50%; transform: translateY(-50%); background-size: 171px auto; }
	.textBox { padding: 0 15px 0 35px; margin-bottom: 475px; }
	.textBox:after { left: 10px; }
	.textBox .overlay { bottom: -186px; left: -140px; }
	.textBox2 { padding: 0 15px 0 35px; margin-bottom: 475px; }
	.textBox2:after { left: 10px; }
	.textBox2 .overlay { bottom: -186px; left: -140px; }
	.imageBox { margin-top: -400px; margin-bottom: 102px; }
	.imageBox .image1 { width: 269px; margin: 0; top: 0; left: 50%; margin-left: -35px; position: absolute; }
	.imageBox .image2 { width: 327px; min-width: 327px; margin: 205px auto 215px; top: auto; left: 50%; margin-left: -122px; position: relative; }
	.imageBox .image3 { width: 251px; margin: 0; bottom: 0; left: 50%; margin-left: -105px; position: absolute; }
	.imageBox .image2:after { top: 28px; right: auto; left: -38px; height: calc(100% - 84px); width: 200px; }
	.imageBox .icon { top: 45px; right: auto; left: -17px; }
	.bookBox h2 { font-size: 30px; padding-right: 30px; }
	.bookBox { padding: 30px; }
	.bookBox:after { width: 10px; height: 600px; bottom: auto; top: 140px; right: -10px; }
	.mfp-container { padding-right: 10px; padding-left: 10px; }
	.bookBox .left { width: 100%; padding-bottom: 30px; }
	.bookBox .right { width: 100%; }
	.bookBox .col { width: 100%; }
	.cookiesBox { padding: 24px; bottom: 10px; width: calc(100% - 20px); left: 10px; transform: none; }
	.cookiesBox .icon { top: -28px; left: -5px; }
	.cookiesBox .close { top: 20px; right: 20px; }
	.popup-modal-dismiss { top: 30px; right: 30px; }
	.banner-space,
	.bannerBox { min-height: 500px; height: 100vh; }
	.gridBox .holder { margin-right: -33px; padding-left: 0; padding-right: 0; }
	.gridBox .block { margin-right: 33px; width: calc(50% - 33px); }
	.gridBox .holder { padding: 0px; margin: 0px; }
	.gridBox .block { width: 100%; margin: 0px 0px 20px 0px; }
}

@media only screen and (max-width: 375px) and (max-height: 800px){
	.bannerBox { background-image: url('../images/banner-img-mobile.jpg'); background-position: -490px center; }
	.gridBox .holder { margin: 0px; }
	.gridBox .block { width:100%; margin-right: 0px; }
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}