*, ::after, ::before {
	box-sizing: border-box;
}
@font-face {
	font-family: 'Caudex';
	src: url('../f/Caudex-Bold.woff2') format('woff2'),  url('../f/Caudex-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'burnslowmedium';
	src: url('../f/burnslow-webfont.woff2') format('woff2'), url('../f/burnslow-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'burnslowmedium';
	background-color: #242223;
	color: #aaaaaa;
	text-transform: uppercase;
}
a {
	-webkit-transition: all ease-out 0.5s;
	-moz-transition: all ease-out 0.5s;
	-o-transition: all ease-out 0.5s;
	transition: all ease-out 0.5s;
}
a, a:focus, a:visited {
	color: #9fa0a2;
	text-decoration: none
}
a:hover {
	color: #f9f9f9;
	cursor: pointer !important
}
ul {
	list-style: none;
	padding: 0
}
.section svg {
	visibility: visible
}
.fp-viewing-intro .chrisliebing a {
	color: rgb(231, 66, 47) !important;
}
.fp-viewing-tour_dates .tour_dates_btn {
	color: rgb(231, 66, 47) !important;
}
.fp-viewing-videos .videobutton a {
	color: rgb(231, 66, 47) !important;
}
.container {
	max-width: 650px;
}

@media (min-width: 1200px) {
.container {
	max-width: 650px;
}
}

@media (min-width: 992px) {
.container {
	max-width: 650px;
}
}

@media (min-width: 768px) {
.container {
	max-width: 650px;
}
}
/* Fixed header and footer.
	* --------------------------------------- */
#header, #footer {
	position: fixed;
	display: block;
	width: 100%;
	z-index: 9999;
}
#header {
	top: 0px;
}
#footer {
	bottom: 0px;
	background-color: #222;
	padding: 10px 0;
	text-align: center;
}
#header a:hover, #footer a:hover {
	opacity: 0.75
}
.amfmradioshow_footer {
	display: none
}

@media (min-width: 768px) {
#header {top:0px}
#footer {
	background-color: transparent;
	padding: 0
}
.amfmradioshow_footer {
	position: fixed;
	right: 15px;
	bottom: 40px;
	display: inline-block; opacity: 1;
}
}
.amfmradioshow_footer a {
	padding: 5px;
	border: 1px solid #000;
	background-color: #e73d30;
	width: 110px;
	height: 30px;
	display: inline-block;
	background-image: url("../i/amfm-logo_bk.png");
	background-position: center;
	background-size: 75%;
	background-repeat: no-repeat;
	-webkit-transition: all ease-out 0.5s;
	-moz-transition: all ease-out 0.5s;
	-o-transition: all ease-out 0.5s;
	transition: all ease-out 0.5s;
	opacity: 1;
}
.fp-viewing-special_dates .amfmradioshow_footer a {
	border-color: #fff;
	background-image: url("../i/amfm-logo_wht.png");
}
.amfmradioshow_footer a:hover {
	opacity: 0.8
}
.amfmradioshow_menu a {
	padding: 5px;
	border: 1px solid #000;
	background-color: #e73d30;
	width: 110px;
	height: 30px;
	display: inline-block;
	background-image: url("../i/amfm-logo_bk.png");
	background-position: center;
	background-size: 75%;
	background-repeat: no-repeat;
	-webkit-transition: all ease-out 0.5s;
	-moz-transition: all ease-out 0.5s;
	-o-transition: all ease-out 0.5s;
	transition: all ease-out 0.5s;
}
.amfmradioshow_menu a:hover {
	opacity: 0.8
}
/* Intro*/
.flexrow {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: cover;
	color: rgb(231, 66, 47);
	font-size: 28px;
	letter-spacing: 0.125em;
}
/* Fullheight Slider / Special Dates*/
.slider_fullheight {
	height: 100%;
	width: 100%
}
.slider_fullheight .swiper-container-dates {
	width: 100%;
	height: 100%;
}
.slider_fullheight .swiper-slide {
	text-align: center;
	background: #242223;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/*lazy load bg-image and fade in content after lazyload finished*/
.fade.swiper-lazy-loaded {
	opacity: 1;
}
.swiper-container-singleevent {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	left: 0;
	right: 0;
}
.swiper-slide {
	text-align: center;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: cover;
}
/*lady load bg-image and fade in content after lazyload finished*/
.fade.swiper-lazy-loaded {
	opacity: 1;
}
/* ende Fullheight Slider / Special DATE */
.swiper-slide img {
	width: 100%;
	max-width: 100%;
	height: auto
}
.swiper-pagination-current {
	color: #e7422f
}
/*Intro*/

.socialicons {
	padding: 0;
	margin: 0;
	line-height: 1.05em;
	list-style: none;
	text-align: center;
	display: inline-block;
	width: 100%
}
.socialicons li {
	display: inline-block;
	margin: 5px 0 5px 0
}
.socialicons li a {
	height: 18px;
	display: block;
}
.socialicons li svg {
	position: relative;
	width: 22px;
	height: 22px;
	top: auto;
	left: auto;
	transform: none;
}
.chrisliebing, .videobutton, .tour_dates_btn, .newsletter_signup_btn, .scrolldown_container {
	display: none
}
.legalbuttoncontainer {
	display: none
}
.legalbuttoncontainer .mlr5 {
	margin: 0 5px
}
img.hands {
	width: 100%;
	max-width: 135px;
	height: auto
}
.clickheretobuy {
	font-family: Caudex;
	font-size: 12px;
	padding-top: 10px 0;
	color: #fff;
}
.clickheretobuy a {
	color: #fff
}
.clickheretobuy a:hover {
	opacity: 0.75
}
.above768 {
	display: none
}
.below768 {
	display: block
}
.hidden-sm-down {
	display: none
}

@media (min-width: 768px) {
.hidden-sm-down {
	display: block
}
.hidden-md-up {
	display: none
}
.chrisliebing, .videobutton, .tour_dates_btn, .newsletter_signup_btn, .legalbuttoncontainer, .socialicons, .scrolldown_container {
	cursor: pointer;
	display: inline-block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.chrisliebing {
	font-size: 28px;
	margin-left: -250px;
	margin-top: -203px;
	letter-spacing: 0.125em;
	display: inline-block;
}
.newsletter_signup_btn {
	margin-top: -242px;
	font-size: 18px;
	letter-spacing: 0.065em;
	padding: 10px;
	display: inline-block
}
.videobutton {
	color: #e7422f;
	font-size: 28px;
	margin-left: 354px;
	margin-top: -169px;
	line-height: 22px;
	display: inline-block
}
.videobutton span {
	display: block;
	text-align: center
}
.socialicons {
	margin-top: 240px
}
.legalbuttoncontainer {
	margin-top: 272px;
	display: inline-block;
}
.tour_dates_btn {
	font-size: 26px;
	letter-spacing: 0.065em;
	display: inline-block;
	margin-left: -151px;
	margin-top: 192px;
}
.fp-viewing-videos .scrolldown_container {
	display: none
}
.fp-viewing-intro .newsletter_signup_btn, .fp-viewing-intro .chrisliebing, .fp-viewing-intro .videobutton, .fp-viewing-intro .tour_dates_btn {
	position: relative;
	margin: 0;
	transform: none;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
.fp-viewing-intro .newsletter_signup_btn, .fp-viewing-intro .videobutton, .fp-viewing-intro .tour_dates_btn {
	font-family: Caudex;
	font-size: 14px;
	color: white;
	text-shadow: 2px 1px 4px rgba(0,0,0,0.75);
}
.fp-viewing-intro .newsletter_signup_btn a, .fp-viewing-intro .videobutton a, .fp-viewing-intro .tour_dates_btn a {
	color: white
}
.fp-viewing-intro .legalbuttoncontainer a, .fp-viewing-intro .legalbuttoncontainer {
	font-family: Caudex;
	font-size: 10px;
	color: white
}
.fp-viewing-intro .videobutton span {
	display: inline-block
}
.fp-viewing-intro .container {
	max-width: 775px;
}
img.hands {
	width: 100%;
	max-width: 100%;
	height: auto
}
.fp-viewing-intro #header, .fp-viewing-intro #footer {
	position: fixed;
	width: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
}
.fp-viewing-intro #footer {
	bottom: 40px;
}

.fp-viewing-intro .scrolldown_container {
	display: none
}
.fp-viewing-intro .legalbuttoncontainer, .fp-viewing-intro .socialicons, .fp-viewing-intro .amfmradioshow_footer {
	position: relative;
	display: inline-block;
	width: auto;
	right: auto;
	bottom: auto;
	top: auto;
	left: auto;
	transform: none;
	margin: 0 !important;
}
.fp-viewing-intro .socialicons {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
}
}
/* special event */
.text-center {
	text-align: center
}
.text-justify {
	text-align: justify
}
.colorwhite {
	color: white !important
}
.bgbelow768 {
}
.eventtitle, .eventdate {
	font-size: 26px;
	margin: 15px 0 15px 0;
}
.eventtitle-subline {
	font-size: 13px;
}
.eventdate {
	font-size: 16px;
}
.eventaddress {
	font-size: 16px;
	margin: 5px 0 5px 0
}
.eventcity {
	margin-top: 0;
	display: block;
	;
	font-size: 16px;
}
.eventpartners_mobile {
	text-align: center;
	padding: 0;
	display: inline-block
}
.eventpartners_mobile li {
	display: inline-block;
	margin: 0 5px
}
.eventpartners_mobile li img {
	width: auto;
	height: 26px
}
.eventpartners {
	text-align: center;
	padding: 0;
	display: none
}
.eventpartners li {
	display: inline-block;
	margin: 0 5px
}
.eventpartners li img {
	width: auto;
	height: 26px
}
#specialevent_info, #specialevent_entranceinfo {
	display: none
}
.midlepart .clrbutton {
	display: block
}

@media (min-width: 768px) {
.eventpartners_mobile {
	display: none
}
.eventpartners {
	display: inline-block
}
#specialevent_info, #specialevent_entranceinfo {
	display: block
}
.midlepart .clrbutton {
	display: none
}
.eventaddress {
	margin: 5px 0 15px 0
}
.eventcity {
	margin-top: 15px;
}
}
.nowrap {
	white-space: nowrap;
}
.rightpart, .leftpart, .midlepart {
	font-size: 15px;
	letter-spacing: 0.05em;
}
.specialevent_bgicon {
	background-image: url("../i/icon.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px
}
.midlepart.specialevent_bgicon {
	background: none
}
.row.specialevent_bgicon {
	padding-top: 15px;
	padding-bottom: 15px
}

@media (min-width: 768px) {
.row.specialevent_bgicon {
	padding-top: 0px;
	padding-bottom: 0px;
}
.midlepart {
	padding-top: 90px;
	padding-bottom: 90px;
}
}
/* tourdates */
#tourdates {
	height: 187px;
	width: 100%;
	overflow: scroll;
	display: inline-block;
	margin-top: 30px;
	overflow-x:hidden;
}
#tourdates.reveal-animation::after {
	background: #f9f9f9;
}
#tourdates .json {
	letter-spacing: 0.05em;
	font-size: 17px;
	line-height: 1.05em;
	padding: 0px;
	width: 100%;
	display: none;
	padding: 20px 0px 20px 0px;
	display: inline-block;
}
#tourdates, #tourdates a, .rsslinks a {
	color: white !important
}
.rsslinks {
	text-align: center;
	padding: 10px;
	display: block;
	margin: 0 auto;
	position: relative;
	float: none;
	text-align: center;
	margin-top: -1px;
	background: none;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.rsslinksbg a {
	color: #fff !important;
}
.event-container, .event, .date {
	width: 100% !important;
	display: inline-block
}
.event-container .event {
	padding-bottom: 5px
}

@media (min-width: 768px) {
#tourdates .json {
	font-size: 20px
}
.event-container {
	display: table-row;
}
.event, .date {
	width: auto !important;
	display: table-cell;
}
.date {
	padding-right: 30px
}
.event-container .event {
	padding-bottom: 0px
}
}
/* Ende tourdates */


 /* Video */
.swiper-container, .swiper-wrapper, .swiper-slide, .swiper-slide img {
	box-sizing: border-box !important;
}
.swiper-container-videos .swiper-slide img {
	padding: 12px;
	background-color: rgb(231, 66, 47);
}
.slider_videotitle {
	position: absolute;
	color: #fff;
	padding: 3px 10px 0 15px;
	bottom: -4px;
	left: 0;
	text-align: left;
	background-color: rgb(231, 66, 47);
	letter-spacing: 0.025em;
}

@media (min-width: 768px) {
.swiper-container-videos {
	padding-left: 0;
	padding-right: 0;
}
}

@media (max-width: 767px) {
.swiper-container-videos {
	max-width: 340px;
	padding: 0
}
}
.swiper-container-videos .swiper-pagination, .swiper-container-videos .swiper-button-next, .swiper-container-videos .swiper-button-prev {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.swiper-container-videos .swiper-pagination-fraction {
	margin-top: 124px;
	bottom: auto;
	font-size: 23px;
}
.swiper-container-videos .swiper-button-prev {
	background-image: url("../i/arrow-left.svg") !important;
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
}
.swiper-container-videos .swiper-button-next {
	background-image: url("../i/arrow-right.svg") !important;
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
}
.swiper-container-videos .swiper-button-next {
	margin-top: 122px;
	margin-left: 50px;
}
.swiper-container-videos .swiper-button-prev {
	margin-top: 122px;
	margin-left: -50px;
}

@media (max-width: 767px) {
.swiper-container-videos .swiper-pagination-fraction {
	margin-top: 129px
}
.swiper-container-videos .swiper-button-next, .swiper-container-videos .swiper-button-prev {
	margin-top: 127px;
}
}
.videolink {
	position: absolute;
	/*  border: 1px solid red;*/
	display: inline-block;
	-webkit-transition: all 0.5s ease;
}
.videolink svg {
	position: relative;
	transform: none;
	left: auto;
	top: auto;
	width: 75px;
	height: auto;
	background: #aaa
}
.videolink .triangle {
	-webkit-transition: all 0.7s ease-in-out;
	stroke-dasharray: 240;
	stroke-dashoffset: 480;
	stroke: #fff;
	transform: translateY(0);
}
.videolink:hover .triangle {
	stroke-dashoffset: 0;
	opacity: 1;
	stroke: #e83e31;
}
/* Styles for animated modal
   ========================= */

.animated-modal {
	width: 100%;
	max-width: 550px;
	border-radius: 4px;
	overflow: hidden;
	transform: translateY(-50px);
	transition: all .7s;
}

@media (max-width: 767px) {
.animated-modal {
	max-width: 100%
}
}
.animated-modal h2, .animated-modal p {
	transform: translateY(-50px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: .4s;
}
.fancybox-slide--current .animated-modal, .fancybox-slide--current .animated-modal h2, .fancybox-slide--current .animated-modal p {
	transform: translateY(0);
	opacity: 1;
}
.fancybox-slide--current .animated-modal h2 {
	transition-delay: .1s;
}
.fancybox-slide--current .animated-modal p {
	transition-delay: .3s;
}
.fancybox-slide--current .animated-modal p.delay05 {
	transition-delay: .5s;
}
.fancybox-slide--current .animated-modal p.delay07 {
	transition-delay: .7s;
}
.fancybox-slide--current .animated-modal p.delay06 {
	transition-delay: .6s;
}
.fancybox-slide--current .animated-modal p.delay09 {
	transition-delay: 0.9s;
}
.fancybox-content {
	background: #232122;
	color: #fff;
	font-family: 'burnslowmedium';
	text-transform: uppercase;
	letter-spacing: 0.03em
}
.fancybox-container {
	line-height: 1.05em
}
.fancybox-container svg {
	visibility: visible;
	position: relative
}
.fancybox-button.fancybox-button--close, .fancybox-close-small {
	background-image: url("../i/x.svg");
	text-indent: -9999px;
	background-size: 13px;
	background-position: center;
	background-repeat: no-repeat;
}
.fancybox-button.fancybox-button--close {
	background-size: 17px;
}
.fancybox-button.fancybox-button--close svg {
	display: none
}
.fancybox-slide--iframe {
	padding-left: 10px;
	padding-right: 10px
}
/*Sticky Header + fullscreen nav */
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1009;
	padding: 15px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background-color: transparent;
}
.header-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.header .cltypo {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-size: 23px;
	line-height: 1;
	letter-spacing: 0.035em;
	margin-bottom: -5px;
	color: #e53d32
}
.header .menu_btn {
	visibility: visible;
}
.header.-small {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #aaa;
}
.header .menu_btn {
	visibility: visible;
}
.header {
	visibility: visible;
	background: #121212;
}
.header-wrap {
}

@media only screen and (min-width: 768px) {
.header-wrap {
	display: none;
}
.header {
	background: transparent
}
}
/* MENU BUTTON ============================ */
.menu_btn {
	position: relative;
	width: 20px;
	height: 20px;
	z-index: 100;
	cursor: pointer;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.menu_btn .menu_icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.menu_btn .menu_icon .middle-stick {
	width: 20px;
	height: 2px;
	background-color: #e53d32;
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 1;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	margin-top: -1px;
}
.menu_btn .menu_icon:before {
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #e53d32;
	content: "";
	top: 0;
	right: 0;
}
.menu_btn .menu_icon:after {
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #e53d32;
	content: "";
	bottom: 0;
	right: 0;
}
.menu_btn.open .menu_icon .middle-stick {
	opacity: 0;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
.menu_btn.open .menu_icon:before {
	background-color: #aaa;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transform: rotateZ(135deg) scaleX(1.25) translate(5px, -7px);
	-ms-transform: rotate(135deg) scaleX(1.25) translate(5px, -7px);
	transform: rotateZ(135deg) scaleX(1.25) translate(5px, -7px);
}
.menu_btn.open .menu_icon:after {
	background-color: #aaa;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transform: rotateZ(-135deg) scaleX(1.25) translate(5px, 6px);
	-ms-transform: rotate(-135deg) scaleX(1.25) translate(5px, 6px);
	transform: rotateZ(-135deg) scaleX(1.25) translate(5px, 6px);
}
.menu-overlay {
	height: 0;
	width: 100%;
	position: fixed;
	z-index: 1005;
	left: 0;
	top: 0;
	background-color: #222222;
	overflow: hidden;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.menu-overlay .menu-container {
	padding-top: 50px;
	width: 100%;
	color: #fff;
}
.menu-overlay .menu-content-wrap {
	position: relative;
	z-index: 5;
	overflow: hidden;
}
.menu-overlay > .container {
	position: relative;
}
.menu-overlay .cltypo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 17vw;
	width: 100%;
	text-align: center;
	opacity: 0.05;
	margin-top: 1.6vw;
}
.menu-overlay .fullpagemenu_list {
	margin-bottom: 75px;
}
.menu-overlay .follow-block {
	color: #aaa;
}
.follow-block .socialicons {
	padding: 0;
	margin: 0;
	line-height: 1;
	list-style: none;
	text-align: center;
	margin-left: 0;
	margin-top: 0;
	width: 100%;
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	text-align: left;
}
.fullpagemenu_list li {
	margin-bottom: 23px;
}
.fullpagemenu_list a {
	color: #aaa;
	position: relative;
	position: relative;
	font-size: 30px;
	letter-spacing: 0.03em;
}
.fullpagemenu_list a:hover .right-arrow {
	opacity: 1;
	left: -50px;
}
.fullpagemenu_list .right-arrow {
	position: absolute;
	left: -75px;
	opacity: 0;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.fullpagemenu_list .right-arrow:after {
	background-color: #aaa;
}

::-webkit-full-page-media, _:future, :root .fullpagemenu_list .arrow-down {
 top: 0;
}
.-open-menu {
	height: 100%;
}

@media only screen and (max-width: 1400px) {
.menu-overlay .fullpagemenu_list {
	margin-bottom: 30px;
}
.fullpagemenu_list li {
	margin-bottom: 20px;
}
}

@media only screen and (max-width: 991px) {
.menu-overlay {
	overflow: auto;
}
.fullpagemenu_list li {
	margin-bottom: 15px;
}
.fullpagemenu_list .right-arrow {
	top: 2px;
}
}

@media only screen and (max-width: 767px) {
.menu-wrap {
	text-align: center;
}
.menu-overlay .cltypo {
	opacity: 0.05;
}
.menu-overlay .follow-block .socialicons {
	text-align: center
}
.menu-overlay .fullpagemenu_list {
	margin-bottom: 20px;
}
.fullpagemenu_list a:hover .arrow-down {
	right: 110%;
}
.fullpagemenu_list .arrow-down {
	right: 120%;
}
}

@media only screen and (max-width: 575px) {
.fullpagemenu_list .right-arrow {
	display: none;
}
}
.preloader-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #222222;
	z-index: 999999;
}
.preloader {
	margin: 0 auto;
	width: 39px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
}
.preloader > div {
	height: 100%;
	width: 4px;
	display: inline-block;
	float: left;
	margin-left: 2px;
	-webkit-animation: delay 0.8s infinite ease-in-out;
	animation: delay 0.8s infinite ease-in-out;
	background-color: transparent;
	background-image: url("../i/preloader.png");
	background-size: container;
	background-position: center;
	background-repeat: no-repeat
}
.preloader .bar1 {
}
.preloader .bar2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.preloader .bar3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.preloader .bar4 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.preloader .bar5 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.preloader .bar6 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
 @-webkit-keyframes delay {
 0%, 40%, 100% {
 -webkit-transform: scaleY(0.05);
}
 20% {
 -webkit-transform: scaleY(1);
}
}
 @keyframes delay {
 0%, 40%, 100% {
 transform: scaleY(0.05);
 -webkit-transform: scaleY(0.05);
}
 20% {
 transform: scaleY(1);
 -webkit-transform: scaleY(1);
}
}
.reveal-animation {
	display: inline-block;
	position: relative;
	-webkit-animation: fade 1.5s ease-in-out 1 forwards;
	animation: fade 1.5s ease-in-out 1 forwards;
	color: transparent;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.reveal-animation::after {
	content: '';
	background: #e53d32;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-animation: swipe 1.5s ease-in-out 1 forwards;
	animation: swipe 1.5s ease-in-out 1 forwards;
	-webkit-transform-origin: left 50%;
	-ms-transform-origin: left 50%;
	transform-origin: left 50%;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.reveal-animation_2 {
	-webkit-animation: fade 1.5s ease-in-out 1 forwards;
	animation: fade 1.5s ease-in-out 1 forwards;
	color: transparent;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.reveal-animation_2::after {
	content: '';
	background: #e53d32;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-animation: swipe 1.5s ease-in-out 1 forwards;
	animation: swipe 1.5s ease-in-out 1 forwards;
	-webkit-transform-origin: left 50%;
	-ms-transform-origin: left 50%;
	transform-origin: left 50%;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
 @-webkit-keyframes swipe {
 0% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
}
 50% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: left 50%;
 transform-origin: left 50%;
}
 50.001% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: right 50%;
 transform-origin: right 50%;
}
 100% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: right 50%;
 transform-origin: right 50%;
}
}
 @keyframes swipe {
 0% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
}
 50% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: left 50%;
 transform-origin: left 50%;
}
 50.001% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: right 50%;
 transform-origin: right 50%;
}
 100% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: right 50%;
 transform-origin: right 50%;
}
}
@-webkit-keyframes fade {
 0% {
 color: transparent;
}
 50% {
 color: transparent;
}
 50.001% {
 color: #aaa;
}
 100% {
 color: #aaa;
}
}
 @keyframes fade {
 0% {
 color: transparent;
}
 50% {
 color: transparent;
}
 50.001% {
 color: #aaa;
}
 100% {
 color: #aaa;
}
}
.fullpage-wrapper {
	width: 100%!important;
	transform: none!important;
}
.fp-section {
	width: 100%!important;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	transition: all .5s ease-in-out;
}
.fp-section.active {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}
a.clrbutton {
	display: block;
	cursor: pointer;
	/* border: 1px solid #FFF; */
	padding: 0px 20px;
	outline: none;
	overflow: hidden;
	color: #FFF;
	transition: color 0.3s 0.1s ease-out;
	text-align: center;
	line-height: 30px;
	height: 28px;
	margin: 15px auto 0 auto;
	position: relative;
	max-width: 155px;
	background: #212424;
	letter-spacing: 0.06em;
}
a.clrbutton:hover {
	color: #fff;
}
/*form */
:focus {
	outline: none;
}
.form-control {
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #fff;
	background-color: transparent;
	background-clip: padding-box;
	border: 1px solid #fff;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control::placeholder {
 color: #fff;
 opacity: 1;
}
.form-control::-webkit-input-placeholder {
 color: #fff;
 opacity: 1;
box-sizing: border-box;
}
.btn {
	box-sizing: border-box;
	border: 1px solid white;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-primary {
	box-sizing: border-box;
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
}
.btn-primary:hover {
	box-sizing: border-box;
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button;
	box-sizing: border-box;
}
button {
	background-color: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
	margin: 0;
	padding: 0;
}
.button {
	border-style: solid;
	border-width: 0.0625em;
	padding: 0.5em 1em;
	position: relative;
}
.button::after {
	background-color: #26a7f2;
	bottom: 0;
	content: '';
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	will-change: opacity;
	z-index: -1;
}
.button:focus::after, .button:hover::after {
	opacity: 1;
}
/* modules/cookie-disclaimer.css */

.cookie-disclaimer {
	background-color: #000000;
	color: #fff;
	font-size: 12px;
	font-size: 0.75rem;
	opacity: 0;
	padding: 7px;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
	transition: opacity 0.3s, -webkit-transform 0.5s;
	transition: opacity 0.3s, transform 0.5s;
	transition: opacity 0.3s, transform 0.5s, -webkit-transform 0.5s;
	z-index: 9999;
	letter-spacing: 0.03em;
}
.cookie-disclaimer.is-active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.cookie-disclaimer :first-child {
	margin-top: 0;
}
.cookie-disclaimer :last-child {
	margin-bottom: 0;
}
/* modules/media.css */

.media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.media--center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.media__object--left {
	margin-right: 1em;
}
.media__object--right {
	margin-left: 1em;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.media__body {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.fixed {
	position: fixed;
	will-change: transform;
}
.fixed--bottom {
	bottom: 0;
	left: 0;
	right: 0;
}
/* scroll down */
.scrolldown_container {
	width: 28px;
	height: 28px;
	margin-top: 314px
}
.chevron {
	position: absolute;
	width: 24px;
	height: 24px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
	background: url("../i/scrolldown.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px
}
.chevron:first-child {
	animation: move 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
}
 @keyframes move {
 25% {
 opacity: 1;
}
 33% {
 opacity: 1;
 transform: translateY(24px);
}
 67% {
 opacity: 1;
 transform: translateY(24px);
}
 100% {
 opacity: 0;
 transform: translateY(24px) scale3d(0.5, 0.5, 0.5);
}
}
.text {
	display: block;
	margin-top: 55px;
	margin-left: -25px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
	letter-spacing: 0.08em;
}
 @keyframes pulse {
 to {
 opacity: 1;
}
}



a.tooltip {
  position: relative;
  text-decoration: none; letter-spacing:0.01em;
}
a.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%;
  left: 0%;
  background: #ffcb66;
  padding: 5px 15px;
  color: black;
  -webkit-border-radius: 10px;
  -moz-border-radius : 10px;
  border-radius : 10px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;
}
a.tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid #ffcb66;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;
  opacity: 0;
  left: 10%;
  bottom: 90%;
}
a.tooltip:hover:after {
  bottom: 100%;
}
a.tooltip:hover:before {
  bottom: 70%;
}
a.tooltip:hover:after, a:hover:before {
  opacity: 1;
}
Ihr seht, das CSS macht massiv gebrauch vo