@charset "UTF-8";
@font-face {
	font-family: "SharpSans";
	src: url("../fonts/SharpSans-Book.eot") format("eot"), url("../fonts/SharpSans-Book.woff2") format("woff2"), url("../fonts/SharpSans-Book.woff") format("woff");
}
@font-face {
	font-family: "SharpSans";
	src: url("../fonts/SharpSans-Bold.eot") format("eot"), url("../fonts/SharpSans-Bold.woff2") format("woff2"), url("../fonts/SharpSans-Bold.woff") format("woff");
	font-weight: bold;
}
@font-face {
	font-family: "SharpSans-Medium";
	src: url("../fonts/SharpSans-Medium.eot") format("eot"), url("../fonts/SharpSans-Medium.woff2") format("woff2"), url("../fonts/SharpSans-Medium.woff") format("woff");
}
@font-face {
	font-family: "SharpSans-Semibold";
	src: url("../fonts/SharpSans-Semibold.eot") format("eot"), url("../fonts/SharpSans-Semibold.woff2") format("woff2"), url("../fonts/SharpSans-Semibold.woff") format("woff");
}
/* 1440/2 -10px*/
/*  10px Abstand */
/**************************************************/
/*    Hilfslinien                                 */
/**************************************************/
section {
	border: 0 !important;
}
section .row_cnt .col, section .row50 .col {
	border: 0 !important;
}
section .section_cnt {
	border: 0 !important;
}
section.bgheader .section_wrapper:before, section #logo, section #main-nav {
	border: 0 !important;
}

/**************************************************/
/*    Allgemeines                                 */
/**************************************************/
html {
	height: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0;
	font-family: "SharpSans", Arial, sans-serif;
	font-size: 20px;
	line-height: 1.6em;
	color: #001c2f;
	height: 100%;
	margin: 0px auto;
	background: #001c2f;
}

/*
:target:before {
	content: "";
	display: block;
	height: 340px;
	margin: -340px 0 0;
	position: absolute;
	top: 340px;
	border: 1px solid red;
}*/
.section_wrapper {
	position: relative;
	top: 200px;
}

.mobile, .mobile-portrait {
	display: none;
}

.fixed .section_wrapper {
	position: relative;
	top: 148px;
}

.source {
	font-size: 0.7em;
}

#ticket_symbol, #gallery_symbol, #tour_symbol {
	background: #64d1ff;
	display: block;
	border-radius: 10px 0 0 10px;
	position: fixed;
	right: 0;
	height: 100px;
	min-width: 105px;
	z-index: 10;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
#ticket_symbol a, #gallery_symbol a, #tour_symbol a {
	color: #001c2f;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
#ticket_symbol .ticket-title, #gallery_symbol .ticket-title, #tour_symbol .ticket-title {
	color: #001c2f;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	font-size: 0.85em;
	width: 80px;
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	/*transform: rotate(180deg);
	writing-mode: vertical-rl;*/
	text-align: center;
}
#ticket_symbol .ticket-border, #gallery_symbol .ticket-border, #tour_symbol .ticket-border {
	display: block;
	float: left;
	width: 25px;
	height: 100%;
	border-radius: 10px 0 0 10px;
	background-color: #64d1ff;
	background: linear-gradient(to right, #64d1ff 0%, #5cbeeb 100%);
}
#ticket_symbol .ticket-icon, #gallery_symbol .ticket-icon, #tour_symbol .ticket-icon {
	height: 0;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	height: 100%;
	width: 0;
	background: url(../img/all/calendar-events.svg) left center no-repeat;
	background-size: 50px 50px;
}
#ticket_symbol:hover .ticket-icon, #gallery_symbol:hover .ticket-icon, #tour_symbol:hover .ticket-icon {
	width: 75px;
}
#gallery_symbol {
	background: #9dfdb4;
	margin-top: 210px;
}
#gallery_symbol .ticket-border {
	background-color: #8ce6a7;
	background: linear-gradient(to right, #9cfcb4 0%, #8ce6a7 100%);
}
#gallery_symbol .ticket-icon {
	background-image: url(../img/all/galerie_neu.svg);
}
#gallery_symbol .ticket-title {
	position: relative;
	left: -3px;
}

#tour_symbol {
	background: #808b93;
	margin-top: 105px;
}
#tour_symbol .ticket-border {
	background-color: #808b93;
	background: linear-gradient(to right, #808b93 0%, #79848c 100%);
}
#tour_symbol .ticket-icon {
	background-image: url(../img/all/icon_360.svg);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#ticket_symbol .ticket-title, #gallery_symbol .ticket-title, #tour_symbol .ticket-title {
		transform: inherit;
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		padding: 0 !important;
	}
}
#home-audi {
	border: 1px solid red;
	background-color: rgba(255, 0, 0, 0.5);
}

section .section_wrapper {
	background: #FFFFFF;
}
section.bgcolor .section_wrapper {
	background-color: #f8f8f8;
}
section.bgthread .section_wrapper {
	background-image: url(../img/all/thread.svg);
	background-size: cover;
	background-position: center center;
}
section#carSliderCont .section_wrapper {
	background-color: #62d1ff;
	background-image: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 40%);
	height: 260px;
}
section#carSliderCont .section_cnt {
	max-width: 1650px;
}
section#carSliderCont .carSlider {
	margin-top: 2rem;
	position: relative;
	top: -330px;
}
section#carSliderCont .carSlider .item {
	background-size: 90% !important;
	position: relative;
}
section#carSliderCont .carSlider .item .text {
	text-align: center;
	position: relative;
	top: -50px;
}
section#carSliderCont .carSlider .item .text h2 {
	font-size: 14px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.8);
	max-width: 90%;
	margin: 0 auto;
}
section#carSliderCont .carSlider .slick-list {
	padding: 45px 60px !important;
	margin-left: 30px !important;
}
section#carSliderCont .carSlider .slick-list .slick-slide {
	margin-right: 2rem;
	margin-left: 2rem;
	max-width: 400px;
}
section#carSliderCont .carSlider .slick-list .slick-slide:not(.slick-center) {
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	transition: all 0.5s ease-in-out;
}
section#carSliderCont .carSlider .slick-center {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
	transition: all 0.5s ease-in-out;
}
section#carSliderCont .carSlider .slick-center .text h2 {
	color: #000;
}
section#carSliderCont .carSlider .slick-dots {
	bottom: -20px;
}
section#carSliderCont .carSlider .slick-dots li {
	background: none;
	margin-left: 0;
	margin-right: 0;
}
section#carSliderCont .carSlider .slick-dots li.slick-active button:before {
	color: #000;
	font-size: 0.75rem;
	opacity: 1;
}
section#carSliderCont .carSlider .slick-dots li button:before {
	color: #fff;
	font-size: 0.5rem;
	line-height: 0.5rem;
	opacity: 1;
}
section#carSliderCont .carSlider .slick-next {
	right: -30px;
	top: 158px;
	z-index: 2;
}
section#carSliderCont .carSlider .slick-prev {
	top: 158px;
	left: -30px;
	z-index: 2;
}
section#carSliderCont .carSlider .slick-prev:before, section#carSliderCont .carSlider .slick-next:before {
	font-size: 50px;
	opacity: 0.5;
}
section#carSliderCont .carSlider .slick-prev, section#carSliderCont .carSlider .slick-next {
	height: 50px;
	width: 50px;
}
section#carSliderCont .carSlider .slick-prev.slick-disabled, section#carSliderCont .carSlider .slick-next.slick-disabled {
	opacity: 0;
}
section#carSliderCont .txtDisclaimer {
	position: relative;
	top: -320px;
	font-size: 10px;
	line-height: 14px;
	margin: 0 auto;
	display: block;
	color: #000;
	text-align: center;
	max-width: 400px;
}
section.bgheader .section_wrapper {
	position: relative;
	background: #f8f8f8;
	background-size: cover;
	background-position: center center;
	/*height: 650px; /* 100vh - header height */
	height: 600px;
	/*max-height: $header_height_100vh;*/
	display: flex;
	/*a.back {
		position: absolute;
		top: 70px;
	}*/
}
section.bgheader .section_wrapper .section_cnt {
	padding-bottom: 70px;
	/* vorher 70px */
	/* padding-top: 70px; */
	display: flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
}
section.bgheader .section_wrapper:before {
	background: rgba(0, 28, 47, 0.5);
	height: 100%;
	width: 100%;
	border: 1px solid red;
	content: " ";
	position: absolute;
}
section.bgheader .section_wrapper.noheader:before {
	background: none;
}
section.bgheader .section_wrapper * {
	color: #FFFFFF;
}
section.bgheader .section_wrapper .txt {
	margin-top: -45px;
	animation: fadeIn 1.5s;
}
section.bgheader .section_wrapper .txtDisclaimer {
	font-size: 10px;
	line-height: 14px;
	margin: 0 auto;
	display: block;
	color: #000;
	text-align: center;
	max-width: 400px;
}
section.mainheader .section_wrapper {
	background-color: #001c2f;
}
section.mainheader .section_wrapper:before {
	display: none;
}
section.mainheader .section_wrapper .txt {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
section.mainheader .section_wrapper h1 {
	text-align: center;
}
section.mainheader.specialheader .section_wrapper {
	height: auto !important;
	max-height: none !important;
}
section.mainheader.specialheader .section_cnt {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
section.mainheader.specialheader .section_cnt #home-audi-img {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	top: 2rem;
	position: relative;
	z-index: 10;
}
section.mainheader.specialheader .txt {
	/*max-width: $content_width;
	margin-left: auto;
	margin-right: auto;
	padding-left: 120px;
	padding-right: 120px;*/
	padding-bottom: 70px;
}
section#home-audi {
	margin-top: -80px;
}
section#home-audi .section_wrapper {
	background-color: #64d1ff;
	background: linear-gradient(180deg, #263d4d 0%, #64d1ff 20%, #64d1ff 100%);
	padding-top: 90px;
	text-align: center;
}
section#home-audi .section_wrapper .section_cnt {
	padding-top: 0;
	padding-bottom: 0;
}
section#home-audi .section_wrapper .section_cnt p {
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	font-size: 2.2em;
	line-height: 1.2em;
	margin-bottom: 0;
}
section#home-audi .section_wrapper .section_cnt .button {
	margin: 30px 0 40px 0;
}
section.noheadline .section_wrapper:before, section.noheadline .section_wrapper h1 {
	display: none;
}
section.bgcolormain .section_wrapper {
	background-color: #001c2f;
}
section.bgcolormain .section_wrapper * {
	color: #FFFFFF;
}
section.bghalfhalf .section_wrapper {
	background: linear-gradient(to bottom, #001c2f 0%, #001c2f 40%, white 40%, white 100%);
}
section.bgcolorspecial .section_wrapper {
	background-color: #64d1ff;
}
section.bgcolorspecial .section_wrapper * {
	color: #001c2f;
}
section.bgcolorspecial .section_wrapper .info_box * {
	color: #64d1ff;
}
section.bgcolorspecial .section_wrapper .headline-spliter {
	border-color: #001c2f;
}
section .section_cnt_full {
	max-width: 1440px;
	margin: 0px auto;
	position: relative;
}
section .section_cnt_full.full-pr {
	padding-right: 120px;
}
section .section_cnt_full.full-pl {
	padding-left: 120px;
}
section .section_cnt {
	max-width: 1440px;
	border: 1px solid blue;
	margin: 0px auto;
	position: relative;
}
section .section_cnt > * {
	margin-left: 10px;
	margin-right: 10px;
}
section .section_cnt > *.row_cnt {
	padding: 0;
	margin: 0;
	border: 0;
}

main section {
	/*&:before {
	 content: "";
	 display: block;
	 visibility: hidden;
	 //height: 200px;
	 //margin: -200px 0 0;
	 position: relative;
	 top: 200px;
	}*/
}
main section .section_cnt {
	padding: 140px 120px;
}
main section.event_data .section_cnt {
	padding-top: 60px;
	padding-bottom: 60px;
}

footer section .section_cnt, header section .section_cnt {
	padding-left: 120px;
	padding-right: 120px;
}

*, h1, h2, h3, h4, h5, h6, ol, ul, li {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	font-size: 3.9em;
	line-height: 1.15em;
	color: #FFFFFF;
}

h2, h3 {
	text-align: center;
	font-size: 3em;
}
h2 span, h3 span {
	font-family: "SharpSans", Arial, sans-serif;
	color: #99a4ac;
}

h2 {
	color: #001c2f;
	font-family: "SharpSans-Semibold", Arial, sans-serif;
}

h3 {
	color: #99a4ac;
	margin-bottom: 50px;
}

h4 {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding-top: 25px;
	margin-bottom: 15px;
}
h4 sub, h4 sup {
	font-weight: bold;
}

h4 .nowrap {
	font-weight: bold;
}

h2 + p, h2 + form, .center + p, .center + form {
	margin-top: 50px;
}

p {
	text-align: center;
	margin-bottom: 40px;
}
p.intro {
	font-family: "SharpSans-Medium", Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
}
p:last-child {
	margin-bottom: 0;
}
p:last-child a.button {
	margin-bottom: 0;
}

b, strong, strong span {
	font-weight: bold;
}

strong.semibold {
	font-weight: normal;
	font-family: "SharpSans-Semibold", Arial, sans-serif;
}

video, iframe {
	outline: none;
	border: 0;
}

.video-cnt {
	margin-bottom: 40px;
}
.video-cnt.video-nomargin {
	margin-bottom: 0;
}
.video-cnt video {
	width: 100% !important;
	height: auto !important;
}

a[href^=tel] {
	color: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}

/* element:hover, element:active { -webkit-user-select: none; -webkit-touch-callout: none; } */
a:focus, img:focus, embed:focus, object:focus, button:focus, input:focus, *:focus {
	outline: none !important;
}

sup {
	top: -0.25em;
}

a, a:hover, a:focus, a:active {
	outline: none;
	color: #001c2f;
	cursor: pointer;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	text-decoration: none;
}

p a, p a:hover, label a, label a:hover {
	text-decoration: none;
	border-bottom: 2px solid #a3a3a3;
	/*text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: $colorAnchor;  */
}
p a:hover, p a:hover:hover, label a:hover, label a:hover:hover {
	border-color: #001c2f;
}

.bgcolormain p a:hover, .bgcolormain p a:hover:hover, .journal p a:hover, .journal p a:hover:hover {
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.bgcolormain [data-toggle=tooltip]:hover, .journal [data-toggle=tooltip]:hover {
	border-color: #FFFFFF;
}

img {
	max-width: 100%;
	height: auto;
}

ul {
	margin-bottom: 40px;
}
ul:last-child {
	margin-bottom: 0;
}
ul li {
	list-style-type: none;
	background: url(../img/all/li.svg) no-repeat left 0.6em;
	padding-left: 15px;
}

sup {
	top: -0.25em;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

/**************************************************/
/*    Generelle Klassen                           */
/**************************************************/
.content-width {
	max-width: 1440px;
	margin: 0px auto;
}

.error, .error-missing {
	color: magenta !important;
}

.headline {
	margin-bottom: 0 !important;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.price {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.txt-button {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border: 3px solid #64d1ff;
	letter-spacing: 0.15em;
	border-radius: 40px;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-top: 30px;
	text-align: left;
	background-color: #001c2f;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.txt-button span {
	font-weight: bold;
	color: #FFFFFF !important;
	background: url(../img/all/calendar.svg) no-repeat 30px center;
	background-size: auto 28px;
	padding: 12px 30px 12px 90px;
	display: block;
}
.txt-button:hover, .txt-button:focus, .txt-button:active {
	animation: pulse infinite 1.5s;
	box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	color: #001c2f !important;
	background-color: #64d1ff;
	border: 3px solid #001c2f !important;
}
.txt-button:hover span, .txt-button:focus span, .txt-button:active span {
	color: #001c2f !important;
	background-image: url(../img/all/calendar-hover.svg);
}

.pulse-button {
	display: inline-flex !important;
	align-items: center !important;
	color: black !important;
	font-weight: bold;
	animation: pulse infinite 1.5s;
	box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
	font-size: 0.8rem !important;
	line-height: 1rem !important;
	margin-bottom: 0.5rem !important;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}
.pulse-button svg {
	width: 20px;
}
.pulse-button svg:first-child {
	margin-right: 20px;
}
.pulse-button svg:last-child {
	margin-left: 20px;
}

.pulse-button:hover {
	background: #64d1ff !important;
	cursor: default;
}
#mainOpeningHours {
	margin-top: 1rem;
}

.search {
	padding-right: 18px !important;
	background: url(../img/all/search.svg) no-repeat center right;
	background-size: auto 100%;
}

.headline-spliter {
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	font-size: 1.7em;
	line-height: 1.1em;
	padding-bottom: 30px !important;
	margin-top: 100px !important;
	/* statt 70px */
	border-bottom: 1px solid #99a4ac;
	margin-bottom: 0;
	letter-spacing: 0.03em;
}
.headline-spliter + p, .headline-spliter + ol, .headline-spliter + ul {
	margin-top: 40px;
}
.headline-spliter + form {
	margin-top: 25px;
}
.headline-spliter:first-child {
	margin-top: 0 !important;
}

.closingBox {
	border: 0.5rem solid #64d1ff;
	border-radius: 40px;
	margin-top: 3rem;
	letter-spacing: 0.1em;
	background-color: rgba(0, 0, 0, 0.3);
	max-width: 780px;
	padding-top: 2rem;
	padding-bottom: 3rem;
	padding-right: 1rem;
	text-align: left;
}
.closingBox .closingHeadline {
	text-align: left;
	color: #64d1ff !important;
	font-size: 3.25rem;
	line-height: 3.5rem;
	font-weight: bold;
	font-family: SharpSans;
}
.closingBox .closingText {
	margin-top: 1rem;
	text-align: left;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.8rem;
}
.closingBox .closingMapIcon {
	max-width: 100px;
	float: left;
	margin-left: 2rem;
	margin-right: 2rem;
}

.row_cnt {
	/*+ .headline-spliter {
	 padding-top: 110px !important;
	}*/
}
.row_cnt + p, .row_cnt p.headline-spliter {
	margin-top: 100px !important;
}
.row_cnt + .row_cnt {
	margin-top: 40px !important;
}
.row_cnt + .row_cnt.fb-container {
	margin-top: 80px !important;
}
.row_cnt.txt-image + .row_cnt.txt-image {
	margin-top: 0 !important;
}
.row_cnt + p.marginspliter {
	margin-top: 80px !important;
}
.row_cnt + .center {
	margin-top: 80px;
}

p.headline-spliter + .fb-container {
	margin-top: 40px;
}

.nomargin {
	margin-bottom: 0;
}

.marginspliter {
	margin-top: 80px;
}

.align-center {
	text-align: center;
}

.align-left p {
	text-align: left;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.opacity_hide {
	opacity: 0;
}

.opacity_show {
	opacity: 1;
}

.break, .br {
	display: block;
}

.nr {
	text-align: center;
	font-weight: bold;
	font-size: 7em;
	line-height: 1em;
	display: block;
}

.cat {
	color: #99a4ac;
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	display: block;
}
.cat + h4 {
	padding-top: 5px;
}

.nowrap {
	white-space: nowrap;
}

.date {
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	line-height: 1.3em;
	font-size: 15px;
}

.press + p {
	margin-top: 30px;
}
.press article {
	border-bottom: 1px solid #99a4ac;
}
.press article:last-child {
	border-bottom: 0;
}
.press article:last-child a {
	padding-bottom: 0;
}
.press article p {
	text-align: left;
	margin-top: 15px;
}
.press article h4 {
	margin-bottom: 0;
}
.press article h4:first-child {
	padding-top: 0;
}
.press article a {
	padding: 40px 0;
	display: block;
}
.press article a:hover {
	opacity: 0.6;
}

a.back {
	text-indent: -999999%;
	background: url(../img/all/back.svg) no-repeat center center;
	background-size: auto 100%;
	width: 46px;
	height: 46px;
	display: block;
	border-radius: 23px;
	cursor: pointer;
	opacity: 0.7;
}
a.back:hover {
	opacity: 1;
}

a.button, input.button, span.button, .cc-compliance > .cc-btn {
	background: #64d1ff;
	color: #001c2f !important;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	text-align: center;
	text-decoration: none;
	font-size: 1.08em;
	line-height: 1em;
	font-weight: bold;
	cursor: pointer;
	padding: 25px 52px;
	border-radius: 40px;
	display: inline-block;
	margin: 20px 0 40px 0;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	border: 3px solid #64d1ff;
}
a.button.btn_small, input.button.btn_small, span.button.btn_small, .cc-compliance > .cc-btn.btn_small {
	padding: 17px 50px;
	font-size: 0.8em;
}
a.button.btn_xsmall, input.button.btn_xsmall, span.button.btn_xsmall, .cc-compliance > .cc-btn.btn_xsmall {
	padding: 10px 20px;
	font-size: 0.7em;
}
a.button:hover, a.button:focus, a.button:active, input.button:hover, input.button:focus, input.button:active, span.button:hover, span.button:focus, span.button:active, .cc-compliance > .cc-btn:hover, .cc-compliance > .cc-btn:focus, .cc-compliance > .cc-btn:active {
	animation: pulse infinite 1.5s;
	box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	border: 3px solid #001c2f !important;
	color: #64d1ff !important;
	background: #001c2f;
}
a.button.btn_inverse, input.button.btn_inverse, span.button.btn_inverse, .cc-compliance > .cc-btn.btn_inverse {
	background: #001c2f;
	color: #64d1ff !important;
	border: 3px solid #001c2f;
}
a.button.btn_inverse:hover, input.button.btn_inverse:hover, span.button.btn_inverse:hover, .cc-compliance > .cc-btn.btn_inverse:hover {
	animation: pulse_inverse infinite 1.5s;
	color: #001c2f !important;
	background: none;
	border-color: #001c2f !important;
}

.headline-spliter + .buttons-container.bc-small {
	margin-top: 20px;
}

.buttons-container a.button {
	margin-right: 10px;
	margin-left: 10px;
}

.bgcolormain a.button:hover, .bgcolormain input.button:hover, .bgcolormain span.button:hover, .journal a.button:hover, .journal input.button:hover, .journal span.button:hover {
	border: 3px solid #64d1ff !important;
}

.center.logo-indigo, .center.logo-archimedes {
	padding-top: 0;
}
.center.logo-indigo img, .center.logo-archimedes img {
	width: 290px;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 #64d1ff;
	}
}
@keyframes pulse_inverse {
	0% {
		box-shadow: 0 0 0 0 #001c2f;
	}
}
.row50 {
	flex-wrap: wrap;
}
.row50 .col {
	flex-basis: calc(50% - 20px);
	flex-grow: inherit;
}

.event-info div {
	border-bottom: 2px solid #eeeeee;
	padding: 15px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.event-info div p {
	margin: 0;
	flex-basis: calc(33.33333%);
	flex-grow: inherit;
	text-align: left;
}
.event-info div p a {
	margin: 0;
}
.event-info div p.participate {
	text-align: right;
}

.event_data .date {
	font-family: "SharpSans-Semibold", Arial, sans-serif;
}
.event_data .seat {
	font-weight: bold;
	color: #99a4ac;
	text-transform: uppercase;
}
.event_data .price {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 0.075em;
	margin-bottom: 25px;
}
.event_data nav.social-nav {
	right: 120px;
	top: 60px;
}
.event_data nav.social-nav ul li {
	float: left;
	height: 30px !important;
	margin-bottom: 0 !important;
	background-position-y: center;
	margin-left: 25px;
}

.info_box {
	background-color: #001c2f;
	text-align: center;
	border-radius: 10px;
	padding: 50px;
	margin-top: 50px;
}
.info_box h4 {
	padding-top: 0;
}
.info_box ul li {
	background: none;
	padding: 0;
	font-weight: bold;
}
.info_box ul li strong::after {
	content: " – ";
}

.fb-container {
	justify-content: center !important;
}
.fb-container .col {
	margin-top: 20px !important;
}

.gallery .col {
	flex-grow: inherit;
}
.gallery .col:first-child {
	flex-basis: calc(62% - 20px);
	flex-basis: 60.3%;
	position: relative;
	margin-right: 0.85% !important;
}
.gallery .col:first-child img:last-child {
	max-width: 73.3%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.gallery .col:last-child {
	margin-left: 0.85% !important;
	flex-basis: 36.3%;
}
.gallery.reverse {
	flex-direction: row-reverse;
}
.gallery.reverse .col:first-child {
	margin-left: 0.85% !important;
	margin-right: 10px !important;
}
.gallery.reverse .col:first-child img:last-child {
	left: 0;
}
.gallery.reverse .col:last-child {
	margin-right: 0.85% !important;
	margin-left: 10px !important;
}

.negative-margin {
	margin-top: -220px;
}

.charging-station {
	margin-bottom: 20px;
}
.charging-station img {
	max-width: 340px;
}

.reverse {
	flex-direction: row-reverse;
}

.txt-image {
	justify-content: space-between !important;
}
.txt-image img {
	flex-shrink: 0;
}
.txt-image .col:first-child {
	flex-basis: calc(45% - 20px);
}
.txt-image .video {
	margin-top: 0;
}
.txt-image p {
	text-align: left;
}
.txt-image.reverse .col:first-child {
	padding-left: 5%;
	padding-right: 0;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*img {
	 margin: 0px auto;
	}*/
}

p + .center {
	padding-top: 60px;
}

.center-img {
	padding-top: 60px;
}

.flex3 {
	flex-grow: 3;
}

.centered .col {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.row33 {
	flex-wrap: wrap;
}
.row33 .col {
	flex-basis: calc(33.33333% - 20px);
	flex-grow: inherit;
}



.row15 {
	flex-wrap: wrap;
}
.row15 .col {
	flex-basis: calc(15% - 20px);
	flex-grow: inherit;
}
.row15 .col p {
	font-size: 0.8em;
	line-height: 1.3em;
}
.row15 .col h4 {
	font-size: 0.8em;
}
.row15 .col a.button.btn_small, .row15 .col input.button.btn_small, .row15 .col span.button.btn_small {
	padding: 10px 20px;
	font-size: 0.8em;
}
.row15 .col {
	margin: 10px 10px 0 10px !important;
	padding: 0;
	border: 1px solid gray;
}


.row20 {
	flex-wrap: wrap;
}
.row20 .col {
	flex-basis: calc(20% - 20px);
	flex-grow: inherit;
}
.row20 .col p {
	font-size: 0.8em;
	line-height: 1.3em;
}
.row20 .col h4 {
	font-size: 1.0em;
}
.row20 .col a.button.btn_small, .row20 .col input.button.btn_small, .row20 .col span.button.btn_small {
	padding: 10px 20px;
	font-size: 0.8em;
}
.row20 .col {
	margin: 10px 10px 0 10px !important;
	padding: 0;
	border: 1px solid gray;
}

.cars {
	font-size: 14px !important;
}


.label_zeitfenster {
	margin: 0px !important;
}


.row25 {
	flex-wrap: wrap;
}
.row25 .col {
	flex-basis: calc(25% - 20px);
	flex-grow: inherit;
}
.row25 .col p {
	font-size: 0.8em;
	line-height: 1.6em;
}
.row25 .col h4 {
	font-size: 1.3em;
}
.row25 .col a.button.btn_small, .row25 .col input.button.btn_small, .row25 .col span.button.btn_small {
	padding: 12px 15px;
	font-size: 0.6em;
}

.row100 {
	flex-wrap: wrap;
}
.row100 .col {
	flex-basis: 100%;
}

.row15, .row20, .row33, .row25, .row50, .img33, .gallery, .row100 {
	display: flex;
	justify-content: flex-start;
}
.row15 .col, .row20 .col, .row33 .col, .row25 .col, .row50 .col, .img33 .col, .gallery .col, .row100 .col {
	margin: 60px 10px 0 10px;
	padding: 0;
	border: 1px solid gray;
}

.row15.banner, .row20.banner, .row33.banner, .row25.banner, .row50.banner, .img33.banner, .gallery.banner, .row100.banner {
	padding-bottom: 120px;
}
.row15.banner .col, .row20.banner .col, .row33.banner .col, .row25.banner .col, .row50.banner .col, .img33.banner .col, .gallery.banner .col, .row100.banner .col {
	margin-top: 0;
	flex-basis: calc(50% - 10px);
}
.row15.banner .col a.complete, .row20.banner .col a.complete, .row33.banner .col a.complete, .row25.banner .col a.complete, .row50.banner .col a.complete, .img33.banner .col a.complete, .gallery.banner .col a.complete, .row100.banner .col a.complete {
	display: block;
	padding: 120px 0;
}
.row15.banner .col .button, .row20.banner .col .button, .row33.banner .col .button, .row25.banner .col .button, .row50.banner .col .button, .img33.banner .col .button, .gallery.banner .col .button, .row100.banner .col .button {
	margin-bottom: 0;
}
.row15.banner .col .cat, .row20.banner .col .cat, .row33.banner .col .cat, .row25.banner .col .cat, .row50.banner .col .cat, .img33.banner .col .cat, .gallery.banner .col .cat, .row100.banner .col .cat {
	border-bottom: 4px solid rgba(0, 28, 47, 0.7);
	margin-bottom: 20px;
	display: inline-block;
	padding-bottom: 4px;
}
.row15.banner .col p, .row20.banner .col p, .row33.banner .col p, .row25.banner .col p, .row50.banner .col p, .img33.banner .col p, .gallery.banner .col p, .row100.banner .col p {
	margin-bottom: 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
}
.row15.banner .col .col_cnt, .row20.banner .col .col_cnt, .row33.banner .col .col_cnt, .row25.banner .col .col_cnt, .row50.banner .col .col_cnt, .img33.banner .col .col_cnt, .gallery.banner .col .col_cnt, .row100.banner .col .col_cnt {
	margin: 0 auto;
	padding: 0 120px;
	max-width: 950px;
}
.row15.banner .col.events, .row20.banner .col.events, .row33.banner .col.events, .row25.banner .col.events, .row50.banner .col.events, .img33.banner .col.events, .gallery.banner .col.events, .row100.banner .col.events {
	margin-left: 0;
	background: #64d1ff url(../img/all/thread_events.svg) no-repeat center center;
	background-size: cover;
}
.row15.banner .col.events p, .row33.banner .col.events p, .row33.banner .col.events .cat, .row25.banner .col.events p, .row25.banner .col.events .cat, .row50.banner .col.events p, .row50.banner .col.events .cat, .img33.banner .col.events p, .img33.banner .col.events .cat, .gallery.banner .col.events p, .gallery.banner .col.events .cat, .row100.banner .col.events p, .row100.banner .col.events .cat {
	color: #001c2f;
}
.row15.banner .col.journal, .row33.banner .col.journal, .row25.banner .col.journal, .row50.banner .col.journal, .img33.banner .col.journal, .gallery.banner .col.journal, .row100.banner .col.journal {
	background: #001c2f url(../img/all/thread_journal.svg) no-repeat center center;
	background-size: cover;
	margin-right: 0;
}
.row15.banner .col.journal p, .row33.banner .col.journal p, .row33.banner .col.journal .cat, .row25.banner .col.journal p, .row25.banner .col.journal .cat, .row50.banner .col.journal p, .row50.banner .col.journal .cat, .img33.banner .col.journal p, .img33.banner .col.journal .cat, .gallery.banner .col.journal p, .gallery.banner .col.journal .cat, .row100.banner .col.journal p, .row100.banner .col.journal .cat {
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.row15.newsletter .col, .row33.newsletter .col, .row25.newsletter .col, .row50.newsletter .col, .img33.newsletter .col, .gallery.newsletter .col, .row100.newsletter .col {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.row15.newsletter .col p, .row33.newsletter .col p, .row25.newsletter .col p, .row50.newsletter .col p, .img33.newsletter .col p, .gallery.newsletter .col p, .row100.newsletter .col p {
	font-size: 0.8em;
	line-height: 1.4em;
}
.row15.newsletter .col img, .row33.newsletter .col img, .row25.newsletter .col img, .row50.newsletter .col img, .img33.newsletter .col img, .gallery.newsletter .col img, .row100.newsletter .col img {
	width: calc(47% - 10px);
}
.row15.newsletter .col .txt, .row20.newsletter .col .txt, .row33.newsletter .col .txt, .row25.newsletter .col .txt, .row50.newsletter .col .txt, .img33.newsletter .col .txt, .gallery.newsletter .col .txt, .row100.newsletter .col .txt {
	width: 53%;
}
.row15.legal, .row20.legal, .row33.legal, .row25.legal, .row50.legal, .img33.legal, .gallery.legal, .row100.legal {
	align-items: center;
}
.row15.legal img, .row20.legal img, .row33.legal img, .row25.legal img, .row50.legal img, .img33.legal img, .gallery.legal img, .row100.legal img {
	height: 40px;
}
.row15.footer-cnt, .row20.footer-cnt, .row33.footer-cnt, .row25.footer-cnt, .row50.footer-cnt, .img33.footer-cnt, .gallery.footer-cnt, .row100.footer-cnt {
	justify-content: space-between;
}
.row15.footer-cnt .col, .row20.footer-cnt .col, .row33.footer-cnt .col, .row25.footer-cnt .col, .row50.footer-cnt .col, .img33.footer-cnt .col, .gallery.footer-cnt .col, .row100.footer-cnt .col {
	flex-basis: 0;
	white-space: nowrap;
}
.row15.legal, .row20.legal, .row33.legal, .row25.legal, .row50.legal, .img33.legal, .gallery.legal, .row100.legal {
	justify-content: space-between;
}
.row15.images, .row20.images, .row33.images, .row25.images, .row50.images, .img33.images, .gallery.images, .row100.images {
	margin: 0 15%;
	justify-content: center;
	flex-wrap: wrap;
}
.row15.images .col, .row20.images .col, .row33.images .col, .row25.images .col, .row50.images .col, .img33.images .col, .gallery.images .col, .row100.images .col {
	margin-left: 0;
	margin-right: 0;
}
.row15.dynamic .col a:first-child, .row20.dynamic .col a:first-child, .row33.dynamic .col a:first-child, .row25.dynamic .col a:first-child, .row50.dynamic .col a:first-child, .img33.dynamic .col a:first-child, .gallery.dynamic .col a:first-child, .row100.dynamic .col a:first-child {
	overflow: hidden;
	display: block;
}
.row15.dynamic .col img, .row20.dynamic .col img, .row33.dynamic .col img, .row25.dynamic .col img, .row50.dynamic .col img, .img33.dynamic .col img, .gallery.dynamic .col img, .row100.dynamic .col img {
	-webkit-transition: all 1.1s ease-in-out;
	transition: all 1.1s ease-in-out;
}
.row15.dynamic .col a:hover img, .row20.dynamic .col a:hover img, .row33.dynamic .col a:hover img, .row25.dynamic .col a:hover img, .row50.dynamic .col a:hover img, .img33.dynamic .col a:hover img, .gallery.dynamic .col a:hover img, .row100.dynamic .col a:hover img {
	transform: scale(1.1);
}
.row15.dynamic .txt, .row20.dynamic .txt, .row33.dynamic .txt, .row25.dynamic .txt, .row50.dynamic .txt, .img33.dynamic .txt, .gallery.dynamic .txt, .row100.dynamic .txt {
	margin-top: 30px;
	position: relative;
}
.row15.dynamic .txt a, .row20.dynamic .txt a, .row33.dynamic .txt a, .row25.dynamic .txt a, .row50.dynamic .txt a, .img33.dynamic .txt a, .gallery.dynamic .txt a, .row100.dynamic .txt a {
	display: inline !important;
}
.row15.dynamic .txt h4, .row20.dynamic .txt h4, .row33.dynamic .txt h4, .row25.dynamic .txt h4, .row50.dynamic .txt h4, .img33.dynamic .txt h4, .gallery.dynamic .txt h4, .row100.dynamic .txt h4 {
	padding-top: 10px;
	margin-bottom: 0;
}
.row15.dynamic .txt p, .row20.dynamic .txt p, .row33.dynamic .txt p, .row25.dynamic .txt p, .row50.dynamic .txt p, .img33.dynamic .txt p, .gallery.dynamic .txt p, .row100.dynamic .txt p {
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: left;
}
.row15.dynamic a.button, .row20.dynamic a.button, .row33.dynamic a.button, .row25.dynamic a.button, .row50.dynamic a.button, .img33.dynamic a.button, .gallery.dynamic a.button, .row100.dynamic a.button {
	margin-top: 15px;
	margin-bottom: 0;
}
.row15.dynamic.team, .row20.dynamic.team, .row33.dynamic.team, .row33.dynamic.icons, .row25.dynamic.team, .row25.dynamic.icons, .row50.dynamic.team, .row50.dynamic.icons, .img33.dynamic.team, .img33.dynamic.icons, .gallery.dynamic.team, .gallery.dynamic.icons, .row100.dynamic.team, .row100.dynamic.icons {
	text-align: center;
	justify-content: center;
}
.row15.dynamic.team .txt p, .row20.dynamic.team .txt p, .row33.dynamic.team .txt p, .row33.dynamic.icons .txt p, .row25.dynamic.team .txt p, .row25.dynamic.icons .txt p, .row50.dynamic.team .txt p, .row50.dynamic.icons .txt p, .img33.dynamic.team .txt p, .img33.dynamic.icons .txt p, .gallery.dynamic.team .txt p, .gallery.dynamic.icons .txt p, .row100.dynamic.team .txt p, .row100.dynamic.icons .txt p {
	text-align: center;
	font-size: 0.75em;
	line-height: 1.6em;
}
.row15.dynamic.team img, .row20.dynamic.team img, .row33.dynamic.team img, .row33.dynamic.icons img, .row25.dynamic.team img, .row25.dynamic.icons img, .row50.dynamic.team img, .row50.dynamic.icons img, .img33.dynamic.team img, .img33.dynamic.icons img, .gallery.dynamic.team img, .gallery.dynamic.icons img, .row100.dynamic.team img, .row100.dynamic.icons img {
	max-width: 180px;
}
.row15.dynamic.team img, .row20.dynamic.team img, .row33.dynamic.team img, .row25.dynamic.team img, .row50.dynamic.team img, .img33.dynamic.team img, .gallery.dynamic.team img, .row100.dynamic.team img {
	max-width: 275px;
}
.row15.dyn-detail .date, .row20.dyn-detail .date, .row33.dyn-detail .date, .row25.dyn-detail .date, .row50.dyn-detail .date, .img33.dyn-detail .date, .gallery.dyn-detail .date, .row100.dyn-detail .date {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1em;
}
.row15.dyn-detail .cat, .row20.dyn-detail .cat, .row33.dyn-detail .cat, .row25.dyn-detail .cat, .row50.dyn-detail .cat, .img33.dyn-detail .cat, .gallery.dyn-detail .cat, .row100.dyn-detail .cat {
	margin-right: 120px;
	display: block;
}
.row15.imglinks .col, .row20.imglinks .col, .row33.imglinks .col, .row25.imglinks .col, .row50.imglinks .col, .img33.imglinks .col, .gallery.imglinks .col, .row100.imglinks .col {
	position: relative;
	overflow: hidden;
}
.row15.imglinks .col .txt, .row20.imglinks .col .txt, .row33.imglinks .col .txt, .row25.imglinks .col .txt, .row50.imglinks .col .txt, .img33.imglinks .col .txt, .gallery.imglinks .col .txt, .row100.imglinks .col .txt {
	padding: 20px;
	position: absolute;
	text-align: center;
	height: 100%;
	width: 100%;
	top: 0;
	display: flex;
	color: white;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	background: rgba(0, 28, 47, 0.7);
	font-size: 1.2em;
	line-height: 1.2em;
	animation: fadeIn 0.8s;
}
.row15.imglinks .col img, .row33.imglinks .col img, .row25.imglinks .col img, .row50.imglinks .col img, .img33.imglinks .col img, .gallery.imglinks .col img, .row100.imglinks .col img {
	-webkit-transition: all 1.1s ease-in-out;
	transition: all 1.1s ease-in-out;
}
.row15.imglinks .col a:hover img, .row33.imglinks .col a:hover img, .row25.imglinks .col a:hover img, .row50.imglinks .col a:hover img, .img33.imglinks .col a:hover img, .gallery.imglinks .col a:hover img, .row100.imglinks .col a:hover img {
	transform: scale(1.1);
}
.row15.imglinks .col a:hover .txt, .row33.imglinks .col a:hover .txt, .row25.imglinks .col a:hover .txt, .row50.imglinks .col a:hover .txt, .img33.imglinks .col a:hover .txt, .gallery.imglinks .col a:hover .txt, .row100.imglinks .col a:hover .txt {
	animation: fadeOut 0.8s;
	animation-fill-mode: both;
}

/**************************************************/
/*   Header                                       */
/**************************************************/
main {
	background: #001c2f;
}

header {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 200px;
	transition: border ease-out 500ms;
	z-index: 100;
}
header.header-fixed {
	border-bottom: 2px solid #3c7d99;
}
header section {
	background: #001c2f;
	/*@include lineargradient($colorMain,$colorMainTransDark);
	background-size: 400% 400%;
	@extend .gradientMoveSlow;*/
}
header section#header_links {
	display: flex;
	height: 100%;
	position: relative;
	z-index: 1000;
	border: 1px solid red;
}
header section#header_links .section_cnt {
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 100%;
	/* header gesamte Breite */
	justify-content: space-between;
}
header #searchbox {
	background: #64d1ff;
	background: -moz-linear-gradient(left, #64d1ff 0%, #63e9d6 100%);
	background: -webkit-linear-gradient(left, #64d1ff 0%, #63e9d6 100%);
	background: -o-linear-gradient(left, #64d1ff 0%, #63e9d6 100%);
	background: -ms-linear-gradient(left, #64d1ff 0%, #63e9d6 100%);
	background: linear-gradient(to right, #64d1ff 0%, #63e9d6 100%);
	background-size: 400% 400%;
	display: none;
	position: relative;
	z-index: 10;
	padding: 15px 0;
}
header #searchbox .section_cnt {
	max-width: 100%;
	/* header gesamte Breite */
}
header #searchbox form {
	background: url(../img/all/searchbox.svg) no-repeat center left;
	padding-left: 40px;
	background-size: auto 100%;
	justify-content: space-between;
	display: flex;
	align-items: center;
}
header #searchbox input {
	background: none;
	font-family: "SharpSans-Medium", Arial, sans-serif !important;
	line-height: 1em;
	width: 100%;
}
header #searchbox .close-btn {
	font-weight: bold;
	float: right;
	color: #001c2f;
	padding-left: 20px;
	cursor: pointer;
}
header #searchbox .close-btn:hover {
	opacity: 0.75;
}
header #logo {
    animation: fadeIn 5s;
    position: relative;
    display: inline-block;
    margin-left: 0;
    /*padding-left: 10px;*/ 
}
header #logo:before {
      content: "";
      display: block;
      
      background-size: auto 100%;
      animation: glow infinite 3s;
      position: absolute;
      /*
      top: 0;
      left: -10px;
      height: 100%;
      width: 100%;
      background: url(../img/all/logo-mooncity-glow.png) no-repeat left 5px center;
       */
      top: -5px;
      left: -15px;
      /*  height: calc(100% + 10px);
      width: calc(100% + 10px);*/
      /* NEU STORE */
      height: calc(82% + 10px);
      width: calc(82% + 10px); 
}
header #logo a {
      display: block;
      padding: 15px 10px;
      z-index: 1;
      position: relative; 
}
header #logo img {
      height: 58px; 
}

/**************************************************/
/*   Animationen                                  */
/**************************************************/
@-webkit-keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.gradientMove, header #searchbox {
	-webkit-animation: gradientMove 5s ease infinite;
	animation: gradientMove 5s ease infinite;
}

.gradientMoveSlow {
	-webkit-animation: gradientMove 10s ease infinite;
	animation: gradientMove 10s ease infinite;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.fadeIn {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes glow {
	from {
		opacity: 0.4;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0.4;
	}
}
@keyframes glow {
	from {
		opacity: 0.4;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0.4;
	}
}
.glow {
	-webkit-animation-name: glow;
	animation-name: glow;
}

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@keyframes fadeOutDown {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

/**************************************************/
/*-------------- ANIMATION ---------------*/
/**************************************************/
.animate {
	visibility: hidden;
	opacity: 0;
}

.fadeInUp {
	animation: fadeIn 1.5s;
	opacity: 1;
	visibility: visible;
}

/*
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  to {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

*/
/**************************************************/
/*   back-to-top Button             			  */
/**************************************************/
a.back-to-top {
	display: none;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	position: fixed;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	z-index: 999;
	font-weight: bold;
	right: 0;
	bottom: 0;
	background: #001c2f url(../img/all/back-to-top.svg) no-repeat center center;
	border-radius: 10px 0 0 10px;
	box-shadow: 0px 0px 3px 0px white;
	background-size: 50% auto;
}

/**************************************************/
/*   Footer                                       */
/**************************************************/
footer {
	font-size: 0.8em;
	line-height: 1.65em;
}
footer section .section_wrapper {
	background: #eeeeee;
}
footer section .section_wrapper .section_cnt {
	padding-top: 40px;
	padding-bottom: 100px;
}
footer section .section_wrapper .section_cnt p {
	margin-bottom: 30px;
}
footer section .section_wrapper .section_cnt p:last-child {
	margin-bottom: 0;
}

/**************************************************/
/*   Navigation               			          */
/**************************************************/
nav ul {
	margin-bottom: 0;
}
nav ul li {
	padding: 0;
	background: none;
	list-style-type: none;
}
nav#main-nav {
	float: right;
	font-size: 0.9em;
	line-height: 1em;
	border: 1px solid red;
}
nav#main-nav ul li {
	float: left;
	padding: 0 20px;
}
nav#main-nav ul li:last-child {
	padding-right: 0;
}
nav#main-nav ul li:first-child {
	padding-left: 0;
}
nav#main-nav ul li a {
	letter-spacing: 0.03em;
	color: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	padding: 8px 0;
	line-height: 1em;
	background: linear-gradient(to bottom, rgba(100, 209, 255, 0) 0%, #64d1ff 40%, #64d1ff 60%, rgba(100, 209, 255, 0) 100%);
	background-size: 0 6px;
	background-position: left bottom;
	background-repeat: no-repeat;
	transition: background ease-out 500ms;
}
nav#main-nav ul li a:hover, nav#main-nav ul li a.active {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	background-size: 100% 6px;
	transition-duration: 200ms;
}
nav#main-nav > ul > li ul {
	max-height: 0px;
	float: none;
	position: absolute;
	overflow: hidden;
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 1em;
}
nav#main-nav > ul > li ul li {
	padding: 6px 15px !important;
	float: none;
	display: block;
	background: #001c2f;
	border: 2px solid #3c7d99;
	border-radius: 20px;
	margin: 0 0 3px 0;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
nav#main-nav > ul > li ul li:hover {
	background-color: #64d1ff;
	border-color: #64d1ff;
}
nav#main-nav > ul > li ul li:hover a {
	color: #001c2f;
}
nav#main-nav > ul > li ul li a {
	padding: 0;
	background: none !important;
	display: block;
}
nav#main-nav > ul > li:hover ul, nav#main-nav > ul > li:active ul {
	max-height: 350px;
	-webkit-transition: max-height 0.8s linear;
	-moz-transition: max-height 0.8s linear;
	transition: max-height 0.8s linear;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
nav.social-nav {
	position: absolute;
	right: 0;
	top: 0;
}
nav.social-nav ul li {
	text-indent: -999999%;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	margin-bottom: 30px;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	display: block;
}
nav.social-nav ul li:last-child {
	margin-bottom: 0;
}
nav.social-nav ul li.instagram {
	background-image: url(../img/all/instagram.svg);
}
nav.social-nav ul li.youtube {
	background-image: url(../img/all/youtube.svg);
	height: 22px;
}
nav.social-nav ul li.facebook {
	background-image: url(../img/all/facebook.svg);
}
nav.social-nav ul li.twitter {
	background-image: url(../img/all/twitter.svg);
	height: 25px;
}
nav.social-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
nav.social-nav ul li:hover {
	opacity: 0.7;
}
nav.social-nav-bottom ul {
	margin-top: 1rem;
}
nav.social-nav-bottom ul li {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	display: block;
	margin-bottom: 1rem;
	text-indent: 2.5rem;
	line-height: 30px;
}
nav.social-nav-bottom ul li.instagram {
	background-image: url(../img/all/instagram.svg);
}
nav.social-nav-bottom ul li.facebook {
	background-image: url(../img/all/facebook.svg);
}
nav.social-nav-bottom ul li:hover {
	opacity: 0.7;
}
nav#quicklinks a:hover, nav#quicklinks a.active {
	opacity: 0.7;
}
nav#footer-nav ul {
	float: right;
}
nav#footer-nav ul li {
	float: left;
	border-right: 1px solid #001c2f;
	padding: 0 10px;
	line-height: 1em;
}
nav#footer-nav ul li:first-child {
	padding-left: 0;
}
nav#footer-nav ul li:last-child {
	border: 0;
	padding-right: 0;
}
nav#footer-nav ul li a:hover, nav#footer-nav ul li a.active {
	opacity: 0.7;
}
nav#top-nav {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.6em;
	line-height: 1.4em;
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 15px 120px 15px 15px;
	margin-right: 0;
	/* header gesamte Breite */
	background: linear-gradient(to bottom, rgba(157, 253, 180, 0) 0%, #64d1ff 40%, #64d1ff 60%, rgba(157, 253, 180, 0) 100%);
	background-repeat: no-repeat;
	background-color: #010b0b;
	background-position: left bottom;
	background-size: 100% 6px;
}
nav#top-nav ul {
	float: right;
	margin-right: 10px;
}
nav#top-nav ul li {
	float: left;
	background: none;
	padding: 0 15px !important;
	color: rgba(255, 255, 255, 0.5);
}
nav#top-nav ul li a, nav#top-nav ul li.search {
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	cursor: pointer;
}
nav#top-nav ul li a:hover, nav#top-nav ul li a.active, nav#top-nav ul li.search:hover, nav#top-nav ul li.search.active {
	color: #FFFFFF;
}
nav#top-nav ul li:last-child {
	padding-right: 0;
}
nav#top-nav ul li.search {
	padding-right: 25px !important;
	background: url(../img/all/search.svg) no-repeat center right;
	background-size: auto 100%;
}

/**************************************************/
/*   Video               			          */
/**************************************************/
.video {
	position: relative;
	margin-top: 100px;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	/*  + .headline-spliter {
		margin-top: 100px !important;
	}*/
}
.video + .row_cnt {
	margin-top: 40px !important;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p + .video {
	margin-top: 60px;
}

.video + .video {
	margin-top: 60px;
}

/**************************************************/
/*   Formulare               			          */
/**************************************************/
input::-ms-clear {
	display: none;
}

/* IE placeholder x entfernen */
::-webkit-input-placeholder {
	color: #001c2f;
	font-family: "SharpSans-Medium", Arial, sans-serif !important;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #001c2f;
	font-family: "SharpSans-Medium", Arial, sans-serif !important;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #001c2f;
	font-family: "SharpSans-Medium", Arial, sans-serif !important;
}

:-ms-input-placeholder {
	color: #001c2f;
	font-family: "SharpSans-Medium", Arial, sans-serif !important;
}

/* remove standard-styles */
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
}
input.button {
	margin-bottom: 0;
}

form span.error {
	position: absolute;
	right: 0;
	margin-bottom: 0;
	display: block;
	top: 0;
	top: -32px;
	color: #001c2f !important;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 0.1em;
}

.checkbox span.error {
	position: inherit;
}

#filter-events {
	display: flex;
}
#filter-events .col:first-child {
	text-align: right;
}

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 25px 0;
	width: 100%;
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	line-height: 1em;
	border: none;
	border-radius: 5px;
	color: #001c2f;
	width: 100%;
	background-color: #ccd1d5;
	border: 4px solid transparent;
	transition: background-color 0.25s, border-color 0.25s;
}
.input__field.error {
	border-color: #001c2f;
	color: #001c2f !important;
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: 100%;
	pointer-events: none;
	overflow: hidden;
	padding: 0 0.8em;
	transform: translate3d(0, 3em, 0);
	transition: transform 0.25s;
	transition-timing-function: ease-in-out;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
	padding: 2px 0;
	transition: transform 0.25s;
	transition-timing-function: ease-in-out;
}

.input__label-content::after {
	content: attr(data-content);
	position: absolute;
	bottom: 100%;
	bottom: 40px;
	left: 0;
	height: 100%;
	width: 100%;
	color: #001c2f;
	margin-bottom: 0;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 0.1em;
}

.input__field:focus + .input__label,
.input--filled .input__label {
	transform: translate3d(0, 0.8em, 0);
}

.input__field:focus + .input__label .input__label-content,
.input--filled .input__label-content {
	transform: translate3d(0, 100%, 0);
}

.input__field:focus + .input__field,
.input--filled .input__field {
	background-color: transparent;
	border-color: #64d1ff;
}

.checkbox {
	padding: 25px 0;
	display: block;
}
.checkbox label {
	width: 100%;
	float: left;
}
.checkbox label span.txt {
	display: block;
	float: right;
	width: calc(100% - 22px - 20px);
}
.checkbox::after {
	display: block;
	clear: both;
	content: "";
}
.checkbox + .checkbox {
	padding-top: 0;
}

.checkbox span.error {
	position: inherit;
	margin-left: calc(22px + 20px);
}

input[type=checkbox]:checked,
input[type=checkbox]:not(:checked),
input[type=radio]:checked,
input[type=radio]:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

input[type=checkbox] + label,
input[type=radio] + label {
	cursor: pointer;
}

input[type=checkbox]:checked + label::before,
input[type=checkbox]:not(:checked) + label::before,
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
	content: " ";
	display: inline-block;
	width: 22px;
	height: 22px;
	position: relative;
	top: 4px;
	border: 2px solid #ccd1d5;
	background: white;
	box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
	border-radius: 30px;
}

input[type=checkbox]:hover + label::before,
input[type=radio]:hover + label::before {
	background: #ccd1d5;
	box-shadow: inset 0 0 0 3px white;
}

input[type=checkbox]:checked + label::before,
input[type=radio]:checked + label::before {
	background: #001c2f;
	box-shadow: inset 0 0 0 3px white;
}

/**************************************************/
/*   Battery Scanner                 			  */
/**************************************************/
main section.bghalfhalf .section_cnt {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	position: relative;
}

#xray {
	display: block;
	padding-bottom: 50px;
}
#xray .wrapper {
	width: 900px;
	height: 450px;
	overflow: hidden;
	position: relative;
	text-align: left;
	margin: 0px auto;
}
#xray .wrapper .frame {
	width: 200px;
	height: 450px;
	position: absolute;
}
#xray .wrapper .bg {
	position: absolute;
	width: 100%;
	height: auto;
}
#xray .wrapper .img {
	position: absolute;
	width: 100%;
	height: auto;
	clip: rect(0px, 200px, 400px, 0);
	user-select: none;
	-webkit-user-select: none;
}
#xray .wrapper .handle {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 200px;
	height: 60px;
	cursor: pointer;
	text-align: center;
	background: none;
}
#xray .wrapper .handle .img {
	position: static;
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0;
}

#xscan {
	width: 900px;
	position: relative;
	text-align: left;
	margin: 0px auto;
}
#xscan .xrayscan {
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	animation: fadeIn infinite 2s;
	position: absolute;
	left: 0;
	display: block;
	z-index: 15;
	width: 200px;
	line-height: 1em;
	background: url("/img/all/scan-arrow.svg") no-repeat top center;
	padding-top: 15px;
	background-size: auto 16px;
	height: 40px;
	text-align: center;
	margin-top: -40px;
}

/*

#xray {display: block;
	.frame {
		width: 200px;
		height: 450px;
		position: absolute;
	}
	.wrapper {
		width: 900px;
		height: 450px;
		overflow: hidden;
		position: relative;
		text-align: left;
		margin: 0px auto;

		.bg {
			position: absolute;
			width: 100%;
			height: auto;
		}

		.img {
			position: absolute;
			width: 100%;
			height: auto;
			clip: rect(0px, 200px, 400px, 0);
			user-select: none;
			-webkit-user-select: none;
		}

		.scan {
			font-family: $font-semibold;
			animation: fadeIn infinite 2s;
			position: absolute;
			bottom: -55px;
			left: 0;
			display: block;
			z-index: 15;
			width: 100%;
			line-height: 1em;
			background: url("/img/all/scan-arrow.svg") no-repeat top center;
			padding-top: 15px;
			background-size: auto 16px;
			height: 40px;
		}


		.handle {
			position: absolute;
			bottom: 0px;
			left: 0;
			width: 200px;
			height: 60px;
			cursor: pointer;
			text-align: center;
			background: none;
			.img {
				position: static;
				width: 60px;
				height: 60px;
				display: inline-block;
				margin: 0;
			}
		}
	}
}

*/
/**************************************************/
/*   Accordion                 			          */
/**************************************************/
h2 + .accordion {
	margin-top: 50px;
}

.accordion {
	margin-bottom: 40px;
}
.accordion:last-child {
	margin-bottom: 0;
}
.accordion .acc-item {
	border-bottom: 2px solid #eeeeee;
}
.accordion .acc-item h4 {
	background: url(../img/all/down-gray.svg) no-repeat right center;
	font-size: 1em;
	cursor: pointer;
	margin: 0;
	padding: 25px 75px 25px 0;
}
.accordion .acc-item:hover h4 {
	background: url(../img/all/down.svg) no-repeat right center;
}
.accordion .acc-item.active h4 {
	background-image: url(../img/all/up.svg);
}
.accordion .acc-item .acc-cnt {
	display: none;
	padding-bottom: 25px;
	padding-right: 75px;
}
.accordion .acc-item .acc-cnt p {
	text-align: left;
	font-size: 0.9em;
}

/**************************************************/
/*   Tooltip                 			          */
/**************************************************/
.tooltip {
	z-index: 50;
}

.tooltip-inner {
	max-width: 400px;
	padding: 40px;
	color: #001c2f;
	text-align: left;
	background: #FFFFFF url(../img/all/info.svg) no-repeat right 10px top 10px;
	background-size: 40px 40px;
	border-radius: 30px;
	font-family: "SharpSans", Arial, sans-serif;
	border: 2px solid #001c2f;
}
.tooltip-inner strong {
	display: block;
	color: #001c2f;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-right: 10px;
}

[data-toggle=tooltip] {
	border-bottom: 2px dotted #a3a3a3;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
[data-toggle=tooltip]:hover {
	border-color: #001c2f;
	cursor: help;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
	border-top-color: #001c2f;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
	border-right-color: #001c2f;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
	border-bottom-color: #001c2f;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
	border-left-color: #001c2f;
}

/**************************************************/
/* selectboxit                 			          */
/**************************************************/
.selectboxit-container {
	/* Individual options */
}
.selectboxit-container * {
	font-family: "SharpSans-Medium", Arial, sans-serif !important;
}
.selectboxit-container .selectboxit-btn {
	border: 2px solid #001c2f;
	background: url(../img/all/down.svg) no-repeat right 20px top 13px !important;
}
.selectboxit-container .selectboxit-btn.selectboxit-open {
	background-image: url(../img/all/up.svg) !important;
}
.selectboxit-container .selectboxit-btn.selectboxit-open.selectboxit-open-down {
	border-bottom: 0;
	border-radius: 20px 20px 0 0;
}
.selectboxit-container .selectboxit-btn.selectboxit-open.selectboxit-open-up {
	border-top: 0;
	border-radius: 0 0 20px 20px;
}
.selectboxit-container .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-container .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-container .selectboxit-btn.selectboxit-enabled:active {
	color: #001c2f;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
	height: 34px;
	line-height: 34px !important;
}
.selectboxit-container .selectboxit {
	background: #FFFFFF;
	border-radius: 20px;
	height: 40px;
	line-height: 38px !important;
}
.selectboxit-container .selectboxit span {
	height: 38px;
	line-height: 38px !important;
}
.selectboxit-container .selectboxit .selectboxit-option-icon-container {
	display: none;
}
.selectboxit-container .selectboxit-text {
	font-weight: bold;
	font-family: "SharpSans", Arial, sans-serif !important;
	font-size: 16px;
	line-height: 1em;
	text-indent: 0;
	padding-left: 20px;
}
.selectboxit-container .selectboxit,
.selectboxit-container .selectboxit-options {
	width: 280px !important;
}
.selectboxit-container .selectboxit-options {
	border-radius: 0 0 20px 20px;
	border: 2px solid #001c2f;
	border-top: 0;
	z-index: 50 !important;
}
.selectboxit-container .selectboxit-options.openUp {
	border-radius: 20px 20px 0 0;
	border: 2px solid #001c2f;
	border-bottom: 0;
}
.selectboxit-container .selectboxit-list {
	border: 2px solid #001c2f;
	border-top: 0;
}
.selectboxit-container .selectboxit-list li {
	padding-left: 0;
	background: none;
}
.selectboxit-container .selectboxit-option-anchor {
	padding-left: 20px;
	text-indent: 0;
}
.selectboxit-container .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
	color: #001c2f;
	background: #eeeeee !important;
}
.selectboxit-container .selectboxit-optgroup-header {
	text-indent: 0;
}
.selectboxit-container .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
	color: #999999;
}
.selectboxit-container .selectboxit-default-arrow, .selectboxit-container .selectboxit-arrow-container {
	display: none;
}

/**************************************************/
/*-------------- COOKIE ---------------*/
/**************************************************/
.cc-window {
	background: #FFFFFF;
	border-top: 2px solid #001c2f;
	font-family: "SharpSans", Arial, sans-serif;
	left: inherit !important;
	right: inherit !important;
	max-width: 2200px;
}

.cc-link {
	font-family: "SharpSans", Arial, sans-serif;
	font-weight: bold;
	padding-left: 0;
	font-size: 1em !important;
	text-decoration: none;
}

.cc-revoke, .cc-window {
	font-size: 0.8em !important;
	line-height: 1.4em !important;
	color: #001c2f !important;
}

.cc-compliance > .cc-btn {
	margin: 0 0 0 20px;
	padding: 10px 20px;
	font-size: 0.7em;
}

.cc-window.cc-banner {
	padding: 10px 120px;
}

.cc-message {
	margin-left: 10px;
}

.cc-compliance {
	margin-right: 10px;
}

/**************************************************/
/* mmenu                 			          */
/**************************************************/
#hamburger, #mmenu, #mmenu .mmenu_others {
	display: none;
}

.mm-opened header {
	box-shadow: none;
	position: absolute;
}
.mm-opened #mmenu, .mm-opened #mmenu .mmenu_others {
	display: block;
}
.mm-opened .hamburger--collapse .hamburger-inner {
	-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.32s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mm-opened .hamburger--collapse .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.mm-opened .hamburger--collapse .hamburger-inner::before {
	top: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#mmenu .mmenu_others {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 12px 15px 9px 15px;
	background-color: #001c2f !important;
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	background: linear-gradient(to bottom, rgba(157, 253, 180, 0) 0%, #64d1ff 40%, #64d1ff 60%, rgba(157, 253, 180, 0) 100%);
	background-repeat: no-repeat;
	background-color: black;
	background-position: left top;
	background-size: 100% 6px;
	text-align: center;
}
#mmenu .mmenu_others a {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1em;
	color: rgba(255, 255, 255, 0.6);
	letter-spacing: 0.03em;
	padding-right: 12px;
}
#mmenu .mmenu_others a.active {
	color: white;
}

.mm-page {
	background-color: #FFFFFF !important;
}

.mm-navbar {
	font-size: 1.3em;
	background: url(../img/all/logo-mooncity-inverse.svg) no-repeat 40px 40px;
	text-indent: -999999%;
	background-size: auto 35px;
	background-repeat: no-repeat;
	/*height: 60px;*/
	height: 80px;
}
.mm-navbar .mm-title {
	height: 100%;
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
	/*margin-top: 0;*/
	margin-top: 40px;
}

.mm-navbar > * {
	padding-top: 8px;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
	color: #FFFFFF;
}

.mm-blocking #mm-blocker {
	box-shadow: 3px 0px 10px black !important;
	/*box-shadow: 3px 0px 2px #9dfdb4 !important;*/
}

#mmenu, .mm-panel {
	background: #001c2f;
	font-family: "SharpSans-Semibold", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

#mmenu .mm-listview a {
	/* border-bottom: 1px solid white; */
	color: rgba(255, 255, 255, 0.6);
	/* text-align: center;
	 font-size: 14px;*/
	font-size: 18px;
}

.mm-listview > li > a, .mm-listview > li > span {
	/* padding-top: 12px;
	padding-bottom: 12px;*/
	padding-top: 15px;
	padding-bottom: 15px;
}

.mm-listview > li > a, .mm-listview > li > span {
	padding-left: 40px;
	padding-right: 40px;
}

.mm-menu .mm-listview > li a:not(.mm-next) {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

#mmenu .mm-listview li.active a, #mmenu .mm-listview li a:hover {
	color: #64d1ff;
}

#mmenu .mm-listview .mm-next:before {
	border: none;
}

#mmenu .mm-listview > li {
	background: none;
}

#mmenu .mm-listview > li:not(.mm-divider):after {
	border: none;
}

#mmenu .mm-listview > li .mm-next:after, #mmenu .mm-btn:after, #mmenu .mm-btn:before {
	border-color: #FFFFFF;
}

.slider .slick-dots li, .slider3 .slick-dots li {
	background: none;
	margin: 0 3px;
}
.slider .slick-prev, .slider .slick-next, .slider3 .slick-prev, .slider3 .slick-next {
	height: 2.5rem;
	width: 2.5rem;
}
.slider .slick-prev:hover:before, .slider .slick-next:hover:before, .slider3 .slick-prev:hover:before, .slider3 .slick-next:hover:before {
	opacity: 1;
}
.slider .slick-prev.slick-disabled, .slider .slick-next.slick-disabled, .slider3 .slick-prev.slick-disabled, .slider3 .slick-next.slick-disabled {
	opacity: 0;
}
.slider .slick-prev, .slider3 .slick-prev {
	left: -3rem;
}
.slider .slick-next, .slider3 .slick-next {
	right: -3rem;
}
.slider .slick-prev:before, .slider .slick-next:before, .slider3 .slick-prev:before, .slider3 .slick-next:before {
	color: white;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background-size: 1.5rem;
	content: "";
	opacity: 0.5;
}
.slider .slick-next:before, .slider3 .slick-next:before {
	background-image: url(/img/all/arrow_right.svg);
}
.slider .slick-prev:before, .slider3 .slick-prev:before {
	background-image: url(/img/all/arrow_left.svg);
}
.slider .slick-dots, .slider3 .slick-dots {
	bottom: 15px;
}
.slider .slick-dots li button:before, .slider3 .slick-dots li button:before {
	font-size: 12px;
	color: #fff;
	opacity: 0.5;
}
.slider .slick-dots li.slick-active button:before, .slider3 .slick-dots li.slick-active button:before {
	opacity: 1;
}

.sliderinfo {
	margin-top: 4rem;
}
.sliderinfo .headline-spliter {
	line-height: 1.3em;
}
.sliderinfo .headline-spliter span {
	font-size: 90%;
	display: block;
	color: #99a4ac;
	font-family: "SharpSans", Arial, sans-serif;
}
.sliderinfo .name {
	font-family: "SharpSans-Semibold", Arial, sans-serif;
}

.slider3 .slick-slide {
	padding: 10px;
}

#footerinfo {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}

.cookieinfo {
	background: #010b0b;
	color: #fff;
	padding: 2rem 2rem;
	border-top: 2px solid #001c2f;
}
.cookieinfo .text {
	max-width: 1180px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.6;
	padding-top: 0;
}
.cookieinfo .desc {
	float: left;
	width: 50%;
	font-size: 1rem;
}
.cookieinfo .desc a {
	color: #fff !important;
	text-decoration: underline;
}
.cookieinfo .buttons {
	padding-top: 5px;
	float: right;
	text-align: right;
	margin-left: 2rem;
}
.cookieinfo .buttons .button {
	margin-bottom: 0;
	margin-left: 10px;
}

.cookieswitch {
	float: right;
	font-size: 24px;
	color: #666;
}
.cookieswitch.marketing.fa-toggle-on {
	color: green;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	height: 25px;
	width: 30px;
	display: block;
	float: left;
	cursor: pointer;
	background: red;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger:hover {
	opacity: 0.8;
}

.hamburger-box {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 100%;
	height: 3px;
	background-color: #64d1ff;
	background-color: #FFFFFF;
	border-radius: 2px;
	position: absolute;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.15s;
	transition-delay: 0.15s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
	-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.32s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (max-height: 700px) {
	section.bgheader .section_wrapper {
		height: 400px;
		max-height: inherit;
	}
	section.bgheader .section_wrapper .section_cnt {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	section.bgheader .section_wrapper .txt {
		margin-top: 0;
	}
}
@media screen and (max-width: 1600px) {
	h1 {
		font-size: 3.5em;
	}

	#ticket_symbol:hover .ticket-icon, #gallery_symbol:hover .ticket-icon, #tour_symbol:hover .ticket-icon {
		width: 70px;
	}
}
@media screen and (max-width: 1550px) {
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-top: 2rem;
		margin-right: 1.5rem;
		margin-left: 1.5rem;
		max-width: 350px;
	}
	section#carSliderCont .carSlider .slick-dots {
		bottom: 0;
	}
	section#carSliderCont .txtDisclaimer {
		top: -340px;
	}
}
@media screen and (max-width: 1440px) {
	.cc-window.cc-banner {
		padding-left: 8%;
		padding-right: 8%;
	}

	section .section_cnt_full.full-pr {
		padding-right: 8%;
	}
	section .section_cnt_full.full-pl {
		padding-left: 8%;
	}

	footer section .section_cnt, header section .section_cnt, main section .section_cnt {
		padding-left: 8%;
		padding-right: 8%;
	}

	nav#top-nav {
		padding-right: 8%;
	}

	.banner .col .col_cnt {
		padding-left: 8% !important;
		padding-right: 8% !important;
	}

	.event_data nav.social-nav {
		right: 8%;
	}
}
@media screen and (max-width: 1300px) {
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-right: 1rem;
		margin-left: 1rem;
		max-width: 300px;
	}
}
@media screen and (max-width: 1280px) {
	.row33.dynamic.team .txt p, .row25.dynamic.team .txt p, .row50.dynamic.team .txt p, .img33.dynamic.team .txt p, .gallery.dynamic.team .txt p {
		font-size: 0.7em;
	}

	nav#main-nav ul li {
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media screen and (max-width: 1200px) {
	body {
		font-size: 18px;
	}

	nav#main-nav ul li {
		padding-left: 8px;
		padding-right: 8px;
	}

	#ticket_symbol, #gallery_symbol, #tour_symbol {
		min-width: 95px;
	}
	#ticket_symbol .ticket-icon, #gallery_symbol .ticket-icon, #tour_symbol .ticket-icon {
		background-size: auto 40px;
	}
	#ticket_symbol:hover .ticket-icon, #gallery_symbol:hover .ticket-icon, #tour_symbol:hover .ticket-icon {
		width: 55px;
	}
}
@media screen and (max-width: 1160px) {
	nav#main-nav ul li {
		padding-left: 7px;
		padding-right: 7px;
	}
}
@media screen and (max-width: 1120px) {
	section.bgheader .section_wrapper {
		height: 450px;
	}
	section.bgheader .section_wrapper.diffHeight {
		height: 550px;
	}
	section.bgheader .section_wrapper .section_cnt {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	nav#main-nav ul li {
		padding-left: 10px;
		padding-right: 10px;
	}

	header #logo:before {
		top: 0;
		left: -10px;
		height: 100%;
		width: 100%;
	}
	header #logo img {
		height: 42px;
	}

	h3 {
		margin-bottom: 35px;
	}

	h2 + p, .center + p, h2 + form {
		margin-top: 35px;
	}

	/*	h1 {
			font-size: 3.5em;
		}
		*/
	.row33.dynamic.team .col, .row25.dynamic.team .col, .row50.dynamic.team .col, .img33.dynamic.team .col, .gallery.dynamic.team .col {
		flex-basis: calc(50% - 20px);
	}
	.row33.dynamic.team .col a.button, .row25.dynamic.team .col a.button, .row50.dynamic.team .col a.button, .img33.dynamic.team .col a.button, .gallery.dynamic.team .col a.button {
		margin-top: 0;
	}
	.row33.dynamic.team .col .txt, .row25.dynamic.team .col .txt, .row50.dynamic.team .col .txt, .img33.dynamic.team .col .txt, .gallery.dynamic.team .col .txt {
		margin-top: 20px;
	}
	.row33.dynamic.team .col .txt p, .row25.dynamic.team .col .txt p, .row50.dynamic.team .col .txt p, .img33.dynamic.team .col .txt p, .gallery.dynamic.team .col .txt p {
		font-size: 0.8em;
	}
	.row33.dynamic.icons .col .txt, .row25.dynamic.icons .col .txt, .row50.dynamic.icons .col .txt, .img33.dynamic.icons .col .txt, .gallery.dynamic.icons .col .txt {
		margin-top: 10px;
	}

	.row25.dynamic .col {
		flex-basis: calc(33.33333% - 20px);
	}
	.row25.dynamic .col a.button.btn_small, .row25.dynamic .col input.button.btn_small, .row25.dynamic .col span.button.btn_small {
		padding: 17px 50px;
	}
	.row25.dynamic .col h4 {
		font-size: 1.6em;
	}
}
@media screen and (max-width: 1065px) {
	.cc-window.cc-banner {
		padding-left: 40px;
		padding-right: 40px;
	}

	.negative-margin {
		margin-top: -170px;
	}

	#ticket_symbol, #gallery_symbol, #tour_symbol {
		min-width: 87px;
	}

	/* header { height: 150px; }
	section.bgheader .section_wrapper {
		top: 150px;
	}*/
	body {
		font-size: 16px;
	}

	a.back-to-top {
		width: 80px;
		height: 80px;
	}

	.text2col {
		display: block;
	}
	.text2col .col {
		width: auto;
	}

	.input__label-content {
		padding: 0;
	}

	.input__label-content::after {
		bottom: 30px;
	}

	form span.error {
		top: -25px;
	}

	.break {
		display: block;
	}

	.press article a {
		padding: 25px 0;
	}

	.accordion .acc-item .acc-cnt {
		padding-right: 30px;
	}

	h2, h3 {
		font-size: 2.4em;
	}

	h4 {
		font-size: 1.6em;
	}

	.row33 .col, .row25 .col, .row50 .col, .img33 .col, .gallery .col {
		margin-top: 60px;
	}

	.row33.banner, .row25.banner, .row50.banner, .img33.banner, .gallery.banner {
		padding-bottom: 80px;
	}

	section .section_cnt_full.full-pr {
		padding-right: 40px;
	}
	section .section_cnt_full.full-pl {
		padding-left: 40px;
	}
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-top: 5rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
		max-width: 300px;
	}
	section#carSliderCont .carSlider .slick-next {
		top: 198px;
	}
	section#carSliderCont .carSlider .slick-prev {
		top: 198px;
	}

	.row_cnt + p.marginspliter {
		margin-top: 60px !important;
	}

	main section .section_cnt {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.row50.banner .col a.complete {
		padding: 80px 0;
	}

	footer section .section_cnt, header section .section_cnt, main section .section_cnt {
		padding-left: 40px;
		padding-right: 40px;
	}

	nav#top-nav {
		padding-right: 40px;
	}

	.banner .col .col_cnt {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

	.event_data nav.social-nav {
		right: 40px;
	}

	.tooltip-inner {
		max-width: 350px;
		padding: 25px;
		background-size: 25px 25px;
		border-radius: 30px;
		font-size: 0.9em;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.cookieinfo .desc {
		width: 100%;
	}
	.cookieinfo .buttons {
		float: none;
		width: 100%;
		text-align: center;
		margin-left: 0;
	}
}
@media screen and (max-width: 1000px) {
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-top: 5rem;
		margin-right: 0rem;
		margin-left: 0rem;
		max-width: 300px;
	}
}
@media screen and (max-width: 900px) {
	/*
		form span.error {
			top: -28px;
		}*/
	header #logo:before {
		top: 4px;
		left: -6px;
		height: calc(100% - 8px);
		width: calc(100% - 8px);
	}
	header #logo img {
		height: 26px;
	}

	nav#main-nav ul li {
		padding-left: 5px;
		padding-right: 5px;
	}

	.row33.dynamic.team img {
		max-width: inherit;
	}

	section.bgheader .section_wrapper {
		height: 400px;
	}
	section.bgheader .section_wrapper.diffHeight {
		height: 500px;
	}

	#ticket_symbol, #gallery_symbol, #tour_symbol {
		height: 100px;
		min-width: 77px;
	}
	#ticket_symbol span.ticket-border, #gallery_symbol span.ticket-border, #tour_symbol span.ticket-border {
		width: 15px;
	}
	#ticket_symbol .ticket-icon, #gallery_symbol .ticket-icon, #tour_symbol .ticket-icon {
		background-size: auto 35px;
	}
	#ticket_symbol:hover .ticket-icon, #gallery_symbol:hover .ticket-icon, #tour_symbol:hover .ticket-icon {
		width: 50px;
	}

	a.back-to-top {
		width: 70px;
		height: 70px;
	}

	.row33.legal {
		display: flex;
		flex-direction: column-reverse;
	}
	.row33.legal .col {
		margin-top: 10px;
		width: auto;
	}
	.row33.legal .col:first-child {
		margin-top: 20px;
	}
	.row33.legal .col:last-child {
		margin-top: 20px;
	}

	.row25.dynamic .col a.button.btn_small, .row25.dynamic .col input.button.btn_small, .row25.dynamic .col span.button.btn_small, .row33.dynamic .col a.button.btn_small, .row33.dynamic .col input.button.btn_small, .row33.dynamic .col span.button.btn_small {
		padding: 13px 38px;
	}

	.txt-button {
		font-size: 1em;
		margin-top: 20px;
	}
	.txt-button span {
		background-size: auto 25px;
		background-position-x: 25px;
		padding: 12px 25px 12px 75px;
	}

	section#carSliderCont .carSlider .item .text {
		top: -40px;
	}
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-top: 6rem;
		margin-right: 0rem;
		margin-left: 0rem;
		max-width: 250px;
	}

	.closingBox {
		padding-bottom: 2rem;
		max-width: 580px;
	}
	.closingBox .closingHeadline {
		font-size: 2.75rem;
		line-height: 3rem;
	}
	.closingBox .closingText {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.closingBox .closingMapIcon {
		max-width: 80px;
	}
}
@media screen and (max-width: 853px) {
	.closingBox {
		margin-top: 1rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}
@media screen and (max-width: 850px) {
	.dyn-detail .date {
		position: relative !important;
		line-height: 1.3em !important;
	}
	.dyn-detail .cat {
		margin-right: 0 !important;
	}

	.info_box {
		padding: 30px;
		margin-top: 50px;
	}
	.info_box ul li {
		background: none;
		padding: 0 0 10px 0;
		font-weight: normal;
	}
	.info_box ul li:last-child {
		padding-bottom: 0;
	}
	.info_box ul li strong {
		display: block;
	}
	.info_box ul li strong::after {
		content: none;
	}
}
@media screen and (max-width: 820px) {
	section#carSliderCont .section_wrapper {
		height: 200px;
	}
	section#carSliderCont .carSlider .item .text {
		top: -30px;
	}
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-top: 7rem;
		max-width: 200px;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}
	section#carSliderCont .txtDisclaimer {
		top: -360px;
	}
}
@media screen and (max-width: 768px) {
	header #logo img {
		height: 30px;
	}

	#top-nav, #main-nav, .desktop {
		display: none;
	}

	.row33.footer-cnt .col {
		white-space: normal;
	}
	.row33.footer-cnt .col .break {
		display: inline;
	}

	#hamburger, .mobile {
		display: block;
	}

	body {
		font-size: 14px;
	}

	#ticket_symbol, #gallery_symbol, #tour_symbol {
		min-width: 65px;
		/*.ticket-title { padding: 0 12px;}*/
	}
	#ticket_symbol:hover .ticket-icon, #gallery_symbol:hover .ticket-icon, #tour_symbol:hover .ticket-icon {
		width: 0;
	}

	.cc-window.cc-banner {
		flex-direction: column;
		display: block;
	}

	.cc-compliance > .cc-btn {
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 5px;
		min-width: auto !important;
	}

	.cc-window .cc-message {
		display: block;
	}

	section.bgheader.mainheader .section_wrapper .section_cnt {
		justify-content: center;
	}
	section.bgheader.mainheader .section_wrapper .section_cnt .txt {
		padding-top: 0;
		margin-top: 0;
	}
	section.bgheader.mainheader .section_wrapper .section_cnt h1 {
		padding: 0 40px;
	}

	.checkbox {
		padding: 15px 0;
	}

	.headline-spliter {
		padding-bottom: 20px !important;
	}

	.tooltip-inner {
		max-width: 300px;
		padding: 15px;
		background-size: 20px 20px;
		font-size: 0.8em;
		border-radius: 20px;
	}

	/* Header klein -> gleich functions.js start */
	header {
		height: 100px !important;
		border-color: #9dfdb4;
	}
	header #top_nav {
		top: -100px !important;
	}

	.section_wrapper {
		top: 99px !important;
	}

	/* Header klein -> gleich functions.js ende */
	#ticket_symbol, #gallery_symbol, #tour_symbol {
		position: absolute;
		top: 0;
		height: 65px;
	}
	#ticket_symbol span.ticket-border, #gallery_symbol span.ticket-border, #tour_symbol span.ticket-border {
		width: 10px;
	}

	#gallery_symbol {
		margin-top: 140px;
	}

	#tour_symbol {
		margin-top: 70px;
	}

	.fb-container.row25 .col {
		flex-basis: calc(33.33333% - 20px);
	}

	.charging-station img {
		max-width: 250px;
	}

	a.back-to-top {
		width: 60px;
		height: 60px;
	}

	p.nomargin a.button, p.nomargin input.button, p.nomargin span.button {
		margin-bottom: 20px;
	}

	form span.error {
		top: -22px;
	}

	.input {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.input__label {
		bottom: calc(100% - 2px);
	}

	.input__label-content::after {
		bottom: 28px;
	}

	/* main section .section_cnt {
		   padding-top: 60px;
		   padding-bottom: 60px;
	}*/
	h1 {
		font-size: 2.8em;
	}

	h2, h3 {
		font-size: 2.2em;
	}

	h4 {
		font-size: 1.4em;
	}

	.accordion .acc-item .acc-cnt {
		padding-right: 0;
	}

	footer, .row33.newsletter .col p {
		font-size: 1em;
	}

	footer section .section_wrapper .section_cnt {
		padding-top: 40px;
		/* 50 */
	}

	.row33 .col, .row25 .col, .row50 .col, .img33 .col, .gallery .col {
		margin-top: 40px;
		/* 50 */
	}

	p + .center {
		padding-top: 40px;
		/* 50 */
	}

	.video-cnt {
		margin-bottom: 35px;
	}

	.row25.dynamic .col, .row33.dynamic .col {
		flex-basis: calc(50% - 20px);
	}

	.icons img {
		max-width: 150px !important;
	}

	ul, p, footer section .section_wrapper .section_cnt p {
		margin-bottom: 20px;
	}

	.video + .row_cnt {
		margin-top: 20px !important;
	}

	.row_cnt + p, .row_cnt p.headline-spliter {
		margin-top: 60px !important;
		/* 70 */
	}
	.row_cnt + .row_cnt {
		margin-top: 20px !important;
	}
	.row_cnt + .row_cnt.fb-container {
		margin-top: 40px !important;
		/* 50 */
	}
	.row_cnt.txt-image + .row_cnt.txt-image {
		margin-top: 0 !important;
	}
	.row_cnt + .center {
		margin-top: 40px;
		/* 50 */
	}

	.headline-spliter {
		margin-top: 60px !important;
		/* 70 */
	}

	a.button.btn_small, input.button.btn_small, span.button.btn_small {
		padding: 12px 25px;
	}

	.imglinks .col {
		margin-top: 20px;
	}

	footer nav.social-nav {
		position: inherit;
		margin-top: 40px;
		/* 50 */
	}
	footer nav.social-nav ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	footer nav.social-nav ul li {
		margin-bottom: 0;
	}

	#filter-events.row50 {
		display: block;
	}
	#filter-events.row50 .col {
		text-align: center;
		width: calc(100% - 20px);
	}
	#filter-events.row50 .col:last-child {
		margin-top: 20px;
	}

	.row50.banner .col a.complete {
		padding: 40px 0;
	}

	.icons .col {
		flex-basis: calc(50% - 20px);
	}
	.icons .col a.button {
		margin-top: 0;
	}

	.newsletter, footer .row_cnt {
		display: block;
	}
	.newsletter .col, footer .row_cnt .col {
		width: auto;
	}

	section.bgheader .section_wrapper {
		max-height: 320px;
	}
	section.bgheader .section_wrapper.diffHeight {
		max-height: 400px;
	}
	section.bgheader .section_wrapper .section_cnt {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	/*section.bgheader .section_wrapper .txt {
		margin-bottom: 40px;
	}*/
	.row33.dynamic .txt p, .row25.dynamic .txt p, .row50.dynamic .txt p, .img33.dynamic .txt p, .gallery.dynamic .txt p, .row100.dynamic .txt p {
		margin-bottom: 10px;
	}
	.row33.dynamic a.button, .row25.dynamic a.button, .row50.dynamic a.button, .img33.dynamic a.button, .gallery.dynamic a.button, .row100.dynamic a.button {
		margin-top: 10px;
	}

	.row_cnt + .row_cnt.features {
		margin-top: 0 !important;
	}

	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-top: 7rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
		max-width: 200px;
	}
}
@media screen and (max-width: 768px) {
	#ticket_symbol, #gallery_symbol, #tour_symbol {
		position: absolute !important;
		top: 0 !important;
		height: 67px !important;
		min-width: 40px !important;
		width: 60px !important;
		font-size: 0.6rem !important;
	}
}
@media screen and (max-width: 730px) {
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-right: 0rem;
		margin-left: 0rem;
	}
}
@media screen and (max-width: 690px) {
	section#carSliderCont .carSlider .item .text {
		top: -20px;
	}
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-top: 8rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
		max-width: 150px;
	}
	section#carSliderCont .carSlider .slick-dots {
		bottom: 30px;
	}
	section#carSliderCont .carSlider .slick-center {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		transform: scale(1.2);
	}
	section#carSliderCont .txtDisclaimer {
		top: -380px;
	}
}
@media screen and (max-width: 672px) {
	.closingBox .closingMapIcon {
		max-width: 60px;
	}
	.closingBox .closingHeadline {
		font-size: 2rem;
	}
	.closingBox .closingText {
		margin-top: 0;
	}
}
@media screen and (min-width: 626px) and (max-width: 642px) {
	.closingBox .closingMapIcon {
		margin-top: 15px;
	}
}
@media screen and (max-width: 625px) {
	section#carSliderCont .carSlider {
		margin-top: 3rem;
	}
	section#carSliderCont .carSlider .slick-next {
		top: 213px;
	}
	section#carSliderCont .carSlider .slick-prev {
		top: 213px;
	}
}
@media screen and (max-width: 588px) {
	.closingBox .closingHeadline {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.closingBox .closingText {
		font-size: 0.75rem;
		line-height: 1rem;
	}
}
@media screen and (max-width: 540px) {
	.pulse-button {
		font-size: 0.5rem !important;
		line-height: 0.6rem !important;
	}

	#mainOpeningHours {
		margin-top: 0 !important;
	}
}
@media screen and (max-width: 488px) {
	.closingBox .closingMapIcon {
		margin-left: 1rem;
		margin-right: 1rem;
	}
}
@media screen and (max-width: 454px) {
	.closingBox {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		margin-top: 2rem;
		max-width: 340px;
	}
	.closingBox .closingMapIcon {
		max-width: 40px;
	}
	.closingBox .closingHeadline {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.closingBox .closingText {
		font-size: 0.6rem;
		line-height: 0.75rem;
	}
}
@media screen and (max-width: 412px) {
	section#carSliderCont .carSlider .slick-prev, section#carSliderCont .carSlider .slick-next {
		height: 30px;
	}
	section#carSliderCont .carSlider .slick-list .slick-slide {
		margin-top: 8rem;
		margin-right: 1.5rem;
		margin-left: 1.5rem;
		max-width: 200px;
	}
	section#carSliderCont .carSlider .item .text {
		top: -30px;
		width: 100%;
	}
	section#carSliderCont .carSlider .slick-dots {
		bottom: 10px;
	}
	section#carSliderCont .txtDisclaimer {
		top: -360px;
	}
}
@media screen and (max-width: 390px) {
	.closingBox .closingMapIcon {
		max-width: 30px;
		margin-top: 5px;
	}
}
@media screen and (max-width: 340px) {
	.closingBox {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.closingBox .closingMapIcon {
		margin-top: 0;
	}
}
@media screen and (max-width: 625px) {
	.desktop-all {
		display: none;
	}

	.mobile-portrait {
		display: block;
	}

	body {
		font-size: 13px;
	}

	#ticket_symbol, #gallery_symbol, #tour_symbol {
		min-width: 60px;
	}

	/*
	#ticket_symbol {
		&:hover {
			.ticket-icon {
				width: 48px;
			}
		}
	}*/
	.slider3 .slick-prev {
		left: -1rem;
	}
	.slider3 .slick-next {
		right: -1rem;
	}

	.slider3 .slick-slide {
		padding: 0;
	}

	.slider3 .slick-prev, .slider3 .slick-next,
	.slider3 .slick-prev:before, .slider3 .slick-next:before {
		background-size: 0.8rem;
		width: 1rem;
		height: 1rem;
	}

	#xscan .xrayscan {
		font-size: 0.7em;
		background-size: auto 12px;
		padding-top: 12px;
	}

	.tooltip-inner {
		max-width: 280px;
	}

	.negative-margin {
		margin-top: -105px;
	}

	footer section .section_wrapper .section_cnt {
		padding-top: 20px;
		padding-bottom: 70px;
	}

	main section .section_cnt {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.charging-station img {
		max-width: 175px;
	}

	main section.event_data .section_cnt {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	main section.event_data .section_cnt nav.social-nav {
		top: 40px;
	}

	.event-info {
		border-top: 2px solid #eeeeee;
	}
	.event-info div {
		display: block;
		position: relative;
	}
	.event-info div p.participate {
		position: absolute;
		top: 15px;
		right: 0;
	}
	.event-info div p.seat {
		padding-top: 3px;
	}

	.txt-image .col:last-child {
		margin-top: 30px;
	}
	.txt-image .col:first-child {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.input__label-content::after {
		bottom: 25px;
	}

	form span.error {
		top: -20px;
	}

	ul li {
		background-position-y: 0.45em;
	}

	.row33.dynamic.team .col .txt p, .row33.dynamic.icons .col .txt p, .row25.dynamic.team .col .txt p, .row25.dynamic.icons .col .txt p, .row50.dynamic.team .col .txt p, .row50.dynamic.icons .col .txt p, .img33.dynamic.team .col .txt p, .img33.dynamic.icons .col .txt p, .gallery.dynamic.team .col .txt p, .gallery.dynamic.icons .col .txt p {
		font-size: 0.9em;
		margin-top: 10px;
	}

	form .row {
		display: block;
	}

	p.intro {
		font-size: 1.1em;
	}

	h1 {
		font-size: 2.2em;
	}

	h2, h3 {
		font-size: 2em;
	}

	.cc-window.cc-banner, .cc-window.cc-floating {
		padding: 10px 15px;
	}

	.cc-window .cc-message {
		margin-bottom: 0;
	}

	.selectboxit,
	.selectboxit-options {
		width: 240px !important;
	}

	section .section_cnt_full.full-pr {
		padding-right: 15px;
	}
	section .section_cnt_full.full-pl {
		padding-left: 15px;
	}

	a.button, input.button, span.button {
		padding: 15px 31px;
	}

	footer section .section_cnt, header section .section_cnt, main section .section_cnt {
		padding-left: 15px;
		padding-right: 15px;
	}

	nav#top-nav {
		padding-right: 15px;
	}

	.banner .col .col_cnt {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.row50.banner .col.events {
		margin-right: 30px;
		margin-bottom: 30px;
	}
	.row50.banner .col.journal {
		margin-left: 30px;
	}

	section.bgheader .section_wrapper {
		min-height: 250px;
		height: auto;
	}
	section.bgheader .section_wrapper .section_cnt {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	section.bgheader .section_wrapper .section_cnt .txt {
		padding-top: 15px;
	}

	a.back {
		width: 30px;
		height: 30px;
		border-radius: 15px;
	}

	.row50, .team, .icons, .row25, .row33.dynamic {
		display: block;
		display: flow-root;
	}
	.row50 .col, .team .col, .icons .col, .row25 .col, .row33.dynamic .col {
		width: auto;
	}

	.row33.dynamic.team img {
		max-width: 325px;
	}

	footer section .section_wrapper .section_cnt p {
		margin-bottom: 20px;
	}

	.imglinks.topics {
		display: inline-block;
	}
	.imglinks.topics .col {
		width: auto;
		float: right;
		margin-top: 20px;
		max-width: 75%;
	}
	.imglinks.topics .col:first-child, .imglinks.topics .col:last-child {
		float: left;
	}

	.event_data nav.social-nav {
		right: 15px;
	}

	.fb-container {
		display: flex;
	}
	.fb-container.row25 .col, .fb-container.row33 .col {
		width: auto;
		flex-basis: calc(50% - 20px);
	}

	.txt-button {
		font-size: 0.9em;
	}
	.txt-button span {
		background-size: auto 18px;
		background-position-x: 20px;
		padding: 8px 20px 8px 55px;
	}
}
@media screen and (max-width: 425px) {
	.br {
		display: block;
	}

	/*.headline-spliter + .row33.dynamic.team .col:first-child {
		margin-top: 30px;
	}*/
	.row33.dynamic.team img {
		max-width: 100%;
	}

	h1 {
		font-size: 2em;
	}

	.event-info div p {
		text-align: center !important;
	}
	.event-info div p.participate {
		position: initial;
		margin-top: 10px;
	}
}
@media screen and (max-width: 520px) {
	#home-audi-img img {
		height: 200px !important;
		width: 455px !important;
	}
}
@media screen and (max-width: 520px) {
	#home-audi-img img {
		height: 185px !important;
		width: 420px !important;
	}
}
@media screen and (max-width: 375px) {
	#mmenu .mmenu_others {
		padding-left: 10px;
		padding-right: 10px;
	}
	#mmenu .mmenu_others a {
		padding-right: 7px;
	}

	#home-audi-img img {
		height: 165px !important;
		width: 400px !important;
	}

	.buttons-container a.button {
		margin-right: 0;
		margin-left: 0;
	}
	.buttons-container.bc-small a.button {
		width: 100%;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 335px) {
	.mm-navbar {
		background-size: auto 30px;
	}

	#mmenu .mm-listview a {
		font-size: 16px;
	}

	.selectboxit-container .selectboxit, .selectboxit-container .selectboxit-options {
		width: 210px !important;
	}

	.txt-button {
		font-size: 0.9em;
	}

	#home-audi-img img {
		height: 125px !important;
		width: 350px !important;
	}
}

/*# sourceMappingURL=screen.css.map */