/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}





/* ==========================================================================
	 Author's custom styles

	 font-family: "Touche W01 Regular", sans-serif;

	 green #32cd32;
	 ========================================================================== */

html {font-size: 15px; line-height: 1.25}


/* ==================================================
   general form definitions
   ================================================== */

legend { display: none; }
label { display: inline-block; text-align: left; width: 33%; }

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	background: #fff;
	border: 3px solid #000;
	color: #000;
	display: inline-block;
	margin-bottom: 1em;
	padding: .5em 1em;
	transition: opacity .2s ease-out;
	width: 66%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
textarea:hover {
	opacity: .5;
}

input[type="submit"] {
	background: #fff;
	border: 3px solid #000;
	color: #000;
	float: right;
	font-weight: 700;
	margin: 0 0 1em 0;
	padding: .5em 1em;
	transition: opacity .2s ease-out;
	width: auto;
}

input[type="submit"]:hover { opacity: .5; }


/* ==================================================
   fe-login
   ================================================== */

.tx-felogin-pi1 form fieldset:before,.tx-felogin-pi1 form fieldset:after {content:" ";display:table}
.tx-felogin-pi1 form fieldset:after {clear:both}
.tx-felogin-pi1 > h3 { display: none; }
.tx-felogin-pi1 > div { margin-bottom: 1em; }

a.logout-btn { background: #fff; border: 4px solid #000; bottom: 40px; left: 40px; padding: .25em .5em; position: fixed; text-align: 40px; text-decoration: none; transition: opacity .2s ease-out; z-index: 1000; width: auto; }
a.logout-btn:hover { opacity: .5; }


/* ==================================================
   columns
   ================================================== */

.columns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; }
.column--66 { width: 100%; }
.column--50 { width: 100%; }
.column--33 { width: 100%; }
.column--25 { width: 100%; }


/* ==================================================
   system gallery (ce-gallery)
   ================================================== */

.ce-above .ce-gallery { margin-bottom: 1em; width: 100%; }
.ce-gallery figure.video { width: 100%; }
.ce-gallery figure.image { margin-bottom: 30px; }
.ce-gallery figcaption { font-size: .75rem; padding-top: 10px; }

.ce-gallery .ce-row { margin-bottom: 0; }
.ce-gallery .ce-column { box-sizing: border-box; padding: 0; }

.ce-gallery[data-ce-columns="1"] .ce-column { width: 100%; }
.ce-gallery[data-ce-columns="2"] .ce-column { width: 100%; }
.ce-gallery[data-ce-columns="3"] .ce-column { width: 100%; }
.ce-gallery[data-ce-columns="4"] .ce-column { width: 100%; }

.ce-gallery[data-ce-columns="1"] figure.image { display: block; }


/* ==================================================
   gallery (ce-gal)-> custom content element
   ================================================== */

.ce-gal { margin-bottom: 1.5em; }
.ce-gal__img { margin-bottom: 1em; }
.ce-gal__title { margin-top: 0; text-transform: uppercase; }


/* ==================================================
   ce-eventitem
   ================================================== */

.ce-eventitem { display: flex; flex-direction: row; justify-content: space-between; padding-bottom: .33em; }
a.ce-eventitem__link { display: flex; flex-direction: row; justify-content: space-between; text-decoration: none; width: 100%; }
a.ce-eventitem__link:hover { text-decoration: underline; }
.ce-eventitem__time { padding-right: 4%; min-width: 100px; width: auto; }
.ce-eventitem__title { width: 100%; }


/* ==================================================
   filelinks (ce-uploads)
   ================================================== */

ul.ce-uploads { list-style: none; margin: 0; padding: 0; }
ul.ce-uploads li { margin: 0 0 .5em; }
ul.ce-uploads span { display: inline-block; }
ul.ce-uploads > li > div > a { margin-right: .5em; }
.ce-uploads-description { margin-right: .5em; }
.ce-uploads li > img, .ce-uploads li > a > img { width: auto; }
.ce-uploads-fileName { font-variant-numeric: tabular-nums; }


/* ==================================================
   ext: dp_cookieconsent
   ================================================== */

.cc-window { background: #000 !important; font-family: "Touche W01 Regular", sans-serif; }
.cc-btn { background: #fff !important; border: 4px solid #000 !important; color: #000 !important; font-family: "Touche W01 Regular", sans-serif; padding: 5px; text-decoration: none; transition: background .2s ease-out; }
.cc-btn:hover { background: #000 !important; color: #fff !important; }
.cc-revoke.cc-bottom { border-radius: 0; }
.cc-color-override-1442146887.cc-revoke { background-color: #000; text-decoration: none; transition: transform .2s ease-out, background-color .2s ease-out; }
.cc-color-override-1442146887.cc-revoke:hover { background-color: #568882; }


/* ==================================================
   ext: news
   ================================================== */

.news-list-view .article { margin-bottom: 10vw; }
.news-list-view h2 { font-size: 24px; }
.news-list-date { margin-top: 1em; text-transform: uppercase; }

.news-single .pager { display: flex; flex-direction: row; list-style: none; margin: auto 0 1em 0; padding: 0; }
.news-single .pager li { border: none; margin-right: 32px; }
.news-single .pager a { border: 3px solid #000; display: inline-block; padding: .5em; }

.news .page-navigation > p { display: none; }
.news .page-navigation ul.f3-widget-paginator { font-size: 1rem; list-style: none; margin: 0 0 0 -.5em; padding: 0; }
.news .page-navigation ul.f3-widget-paginator li { display: inline-block; margin: 0 .25em; }
.news .page-navigation ul.f3-widget-paginator li.current { background: #568882; border: 1px solid #568882; color: #fff; display: inline-block; padding: .2em .55em; }
.news .page-navigation ul.f3-widget-paginator li a { background: #fff; border: 1px solid #000; display: block; font-weight: normal; padding: .2em .55em; transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out; }
.news .page-navigation ul.f3-widget-paginator li a:hover { background: #568882; border: 1px solid #568882; color: #fff; }

.news .page-navigation ul.f3-widget-paginator li.next { background: #fff url('/typo3conf/ext/klinksitemsf/Resources/Public/Images/mixitup-next.svg') no-repeat center center; background-size: auto 100%; border: none; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; width: 30px; }
.news .page-navigation ul.f3-widget-paginator li.next:hover { background: #fff url('/typo3conf/ext/klinksitemsf/Resources/Public/Images/mixitup-next--green.svg') no-repeat center center; background-size: auto 100%; }
.news .page-navigation ul.f3-widget-paginator li.next a { background: none; border: none; color: transparent; display: inline; }

.news .page-navigation ul.f3-widget-paginator li.previous { background: #fff url('/typo3conf/ext/klinksitemsf/Resources/Public/Images/mixitup-prev.svg') no-repeat center center; background-size: auto 100%; border: none; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; width: 30px; }
.news .page-navigation ul.f3-widget-paginator li.previous:hover { background: #fff url('/typo3conf/ext/klinksitemsf/Resources/Public/Images/mixitup-prev--green.svg') no-repeat center center; background-size: auto 100%; }
.news .page-navigation ul.f3-widget-paginator li.previous a { background: none; border: none; color: transparent; display: inline; }


/* ==================================================
   grid-slim
   ================================================== */

.grid-slim { margin: 0 auto; width: 66% }


/* ==================================================
   space before/after
   ================================================== */

.frame-space-before-large { margin-top: 5em; }
.frame-space-before-medium { margin-top: 2.5em; }
.frame-space-before-small { margin-top: 1em; }
.frame-space-after-large { margin-bottom: 5em; }
.frame-space-after-medium { margin-bottom: 2.5em; }
.frame-space-after-small { margin-bottom: 1em; }


/* ==================================================
   responsive iframe/video embed
   ================================================== */

.embed-container, .video-embed, .mediaelement-video { position: relative; padding-bottom: 56.25%; height: 0; margin-top: 16px; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed, .video-embed iframe, .video-embed object, .video-embed embed, .mediaelement-video iframe, .mediaelement-video object, .mediaelement-video embed { border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



















































.hidden {display:none !important}
.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible {visibility:hidden}
.clearfix:before,.clearfix:after {content:" ";display:table}
.clearfix:after {clear:both}
.no-scroll {overflow:hidden}
::-moz-selection {background:#000;color:#fff;text-shadow:none}
::selection {background:#000;color:#fff;text-shadow:none}
audio,canvas,iframe,img,svg,video {vertical-align:middle}
img,embed,object {max-width:100%;height:auto;width:100%}
figure {margin:0}
* {box-sizing:border-box}
.uppercase {text-transform:uppercase}
.underline {text-decoration:underline}
.center {text-align:center}
table {margin:0;padding:0;width:100%}
td {text-align:left;vertical-align:top}
.font-face--bold {font-family:"Touche W01 Bold", sans-serif;font-weight:700}
.font-face--regular {font-family:"Touche W01 Regular", sans-serif;font-weight:400}
.font-face--semibold {font-family:"Touche W01 Bold", sans-serif;font-weight:500}
/*.font-size--m,.content--news h4 {font-size:24px}*/
.font-size--l {font-size:27px}
.font-size--l--info { font-size: 15px; }
/*.font-size--xl,.content--news h2 {font-size:60px}*/
.font-size--xxl {font-size:38px}
h1,.h1 {font-family:"Touche W01 Bold", sans-serif;font-weight:700;line-height:1;margin:0;text-transform:uppercase}
h2 {font-family:"Touche W01 Semibold", sans-serif;font-size:24px;font-weight:500;line-height:1;margin:1.2em 0 .45em;text-transform:uppercase}
h3 {font-family:"Touche W01 Semibold", sans-serif;font-size:15px;font-weight:500;line-height:1;margin:1em 0 .33em;text-transform:uppercase}
h4 {font-family:"Touche W01 Regular", sans-serif;font-weight:400;margin:1em 0 .33em;text-transform:uppercase}
p,ul,ol,img {margin:0 0 1.5em;padding:0}
.content ul {list-style-type:none;padding-left:1rem}
.content ul>li:before {content:"\2013";display:inline-block;float:left;margin-left:-1rem;width:1rem}
a {color:inherit;text-decoration:underline;transition:color 200ms ease-out}
a:hover {color:#000; text-decoration: none;}
.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,.embed-container object,.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%}
/*@media only screen and (max-width: 1440px) {.font-size--m,.content--news h4 {font-size:21px}
.font-size--l {font-size:37px}
.font-size--xl,.content--news h2 {font-size:52px}
.font-size--xxl {font-size:100px}
}*/
/*@media screen and (max-aspect-ratio: 3 / 2) {.font-size--m,.content--news h4 {font-size:1.96vw}
.font-size--l {font-size:3.5vw}
.font-size--xl,.content--news h2 {font-size:4.9vw}
.font-size--xxl {font-size:9.4vw}
}*/
/*@media only screen and (max-width: 960px) {.font-size--m,.content--news h4 {font-size:19px}
.font-size--l {font-size:34px}
.font-size--xl,.content--news h2 {font-size:47px}
.font-size--xxl {font-size:90px}
}*/
/*@media only screen and (max-width: 768px) {.font-size--m,.content--news h4 {font-size:15px}
.font-size--l {font-size:27px}
.font-size--xl,.content--news h2 {font-size:37px}
.font-size--xxl {font-size:71px}
}*/
/*@media only screen and (max-width: 480px) {.font-size--l--info {font-size:15px}
.font-size--xl,.content--news h2 {font-size:24px}
.font-size--xl--day-time {font-size:20px}
.font-size--xxl {font-size:38px}
}*/
html,body {background-color:#fff;color:#000;font-family:"Touche W01 Regular",sans-serif;height:100%;margin:0}
.main--standard {max-width:1440px;margin:0 auto;padding:0 3.92vw}
.icon {cursor:pointer;display:block;height:80px;transition:all 200ms ease-out;width:80px}
.icon:hover {opacity:.5}
.burger--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/burger--black.svg") no-repeat center center;background-size:auto 100%}
.burger--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/burger--white.svg") no-repeat center center;background-size:auto 100%}
.down--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/down--black.svg") no-repeat center center;background-size:auto 100%}
.down--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/down--white.svg") no-repeat center center;background-size:auto 100%}
.fb--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/fb--black.svg") no-repeat center center;background-size:auto 100%}
.fb--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/fb--white.svg") no-repeat center center;background-size:auto 100%}
.ig--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/ig--black.svg") no-repeat center center;background-size:auto 100%}
.ig--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/ig--white.svg") no-repeat center center;background-size:auto 100%}
.mail--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/mail--white.svg") no-repeat center center;background-size:auto 100%}
.left--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/left--black.svg") no-repeat center center;background-size:auto 100%}
.left--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/left--white.svg") no-repeat center center;background-size:auto 100%}
.play--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/play--black.svg") no-repeat center center;background-size:auto 100%}
.play--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/play--white.svg") no-repeat center center;background-size:auto 100%}
.right--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/right--black.svg") no-repeat center center;background-size:auto 100%}
.right--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/right--white.svg") no-repeat center center;background-size:auto 100%}
.stop--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/stop--black.svg") no-repeat center center;background-size:auto 100%}
.stop--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/stop--white.svg") no-repeat center center;background-size:auto 100%}
.ticket--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/ticket--black.svg") no-repeat center center;background-size:auto 100%;width:115px}
.ticket--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/ticket--white.svg") no-repeat center center;background-size:auto 100%;width:115px}
.up--black {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/up--black.svg") no-repeat center center;background-size:auto 100%}
.up--white {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/up--white.svg") no-repeat center center;background-size:auto 100%}
@media only screen and (max-width: 1440px) {.icon {height:5.56vw;width:5.56vw}
.ticket {width:7.99vw}
}
@media only screen and (max-width: 768px) {.icon {height:40px;width:40px}
.ticket {width:58px}
}
.toplink {bottom:40px;opacity:0;position:fixed;right:40px;z-index:301}
.toplink--active {opacity:1}
@media only screen and (max-width: 1440px) {.toplink {bottom:2.78vw;right:2.78vw}
}
.ticket-btn {position:fixed;right:40px;top:40px;z-index:1000}
.ticket-btn__link {display:block}
@media only screen and (max-width: 1440px) {.ticket-btn {right:2.78vw;top:2.78vw}
}
.menu-btn {left:40px;top:40px}
.menu-btn--do-open {position:fixed;top:40px;z-index:1000}
.menu-btn--do-close {position:absolute;z-index:2}
@media only screen and (max-width: 1440px) {.menu-btn {left:2.78vw;top:2.78vw}
}
.menu {background:#000;color:#fff;height:100%;left:-100%;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1001}
.menu a:hover,.menu a.active {color:#f77}
.nav-wrap {position:relative;z-index:1}
.nav {list-style:none}
.nav-main {font-size:9.05vw;line-height:0.7;margin:40px 0;padding:0 0 0 15vw;text-transform:uppercase}
.nav-main__item {margin-bottom:3.5vw}
a.nav-main__link { text-decoration:none; }
a.nav-main__link:hover {color:#f77;background:-webkit-linear-gradient(left, #652c90, #ed1064, #fd0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.social {bottom:0;left:40px;position:absolute}
.social__item {display:block;margin-top:20px}
@media only screen and (max-width: 1440px) {.nav-main {margin:2.78vw 0}
.social {left:2.78vw}
.social__item {margin-top:1.39vw}
}
@media only screen and (max-width: 768px) {.social__item {margin-top:10px}
}
@media only screen and (max-width: 450px) {.social {bottom:auto;top:40px}
}
@media screen and (min-aspect-ratio: 3 / 2) {.nav-main {font-size:13.5vh;line-height:0.7}
.nav-main__item {margin-bottom:5vh}
}
@media only screen and (max-width: 480px) {.nav-main {font-size:7vw;line-height:1;padding:0 0 0 20vw}
.nav-main__item {margin-bottom:2.5vw}
}
.hero {height:100vh;padding:9.23vh 0 0;text-align:center}
.sun {height:56.92vh;margin:0 0 8vh}
.hero__h1 {font-size:14.77vh}
@media screen and (max-aspect-ratio: 3 / 2), only screen and (max-width: 480px) {.hero {height:auto;padding:5.88vw 0 0}
.sun {height:36.27vw;margin:0 0 5.1vw}
.hero__h1 {font-size:9.41vw}
}
.content {padding:0 0 3.92vw;width:100%}
.content--news {margin:0 auto;width:66%}
/*.content--news h4 {margin-top:10vw}
.content--news h4:first-of-type {margin-top:1em}
.content--news .sc-content a {text-decoration:underline}*/
/*.column {float:left;margin-right:4%;min-height:1px}*/
/*.column--50 {width:48%}*/
/*.column--last {margin-right:0}*/
@media only screen and (max-width: 768px) {/*.content--news {width:100%}*/
/*.column {float:none;margin-right:0}*/
/*.column--50 {width:100%}*/
.grid-slim { width: 100%; }
}
@media screen and (max-aspect-ratio: 3 / 2) {.content {padding-top:3.92vw}
}
.fullscreen-bg--sun {background-image:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/div/bg--sun.jpg");background-position:top center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}
.main--home {padding-top:18.67vw;margin:0 8vw 0 12vw;width:80vw}
.home {color:#fff;font-size:9.2vw;line-height:1.15;position:relative;text-transform:uppercase;z-index:2}
.home h1 {font-size:9.2vw;line-height:1.15;margin-bottom:.55em}
.home p {margin:1em 0}
.lineup {list-style:none;margin-bottom:.55em;padding:0}
.lineup__item {line-height:1;margin-bottom:.14em}
@media screen and (min-aspect-ratio: 3 / 2) {.main--home {padding-top:28vh}
.home {font-size:13.8vh}
.home h1 {font-size:13.8vh}
}
./*events__col {padding-bottom:.33em}
.events__col--time {width:25%}
.events__col--artist {width:75%}*/
.h1--partner {margin:1.1em 0 .2em}
.page--galerie .content img,.page--galerie .content .embed-container {margin-bottom:1em}
.band {color:#fff}
.band__video-wrap {height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}
.band__iframe {bottom:0;display:block;left:50%;position:fixed;right:0;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:101}
.band__img {background-repeat:no-repeat;background-position:center center;background-size:cover;bottom:0;left:0;position:fixed;right:0;top:0;z-index:101}
.band__grid {background:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/div/grid.svg") repeat center center;bottom:0;left:0;position:fixed;right:0;top:0;z-index:102}
.band__info {left:280px;margin-top:25px;position:relative;top:0;max-width:960px;z-index:300}
.info-btn {left:160px;position:fixed;z-index:301}
.info-btn--do-close {top:25px}
.info-btn--do-open {bottom:40px;opacity:0}
.play-btn {position:fixed;right:185px;top:40px;visibility:hidden;z-index:301}
.overview-btn {position:fixed;right:109px;top:40px;z-index:301}
.next-btn {position:fixed;right:35px;top:40px;z-index:301}
.h1--band {margin-bottom:.4em}
.h2--day-time {margin:0 0 .7em}
@media only screen and (max-width: 1440px) {.band__info {left:19.44vw;margin-top:1.74vw;width:66.67vw}
.info-btn {left:11.12vw}
.info-btn--do-close {top:1.74vw}
.info-btn--do-open {bottom:2.78vw}
.play-btn {right:13vw;top:2.78vw}
.overview-btn {right:7.57vw;top:2.78vw}
.next-btn {right:2.43vw;top:2.78vw}
}
@media only screen and (max-width: 768px) {.page--band .toplink .up--white {background-image:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/up--black.svg")}
.page--band .menu-btn .burger--white.invert {background-image:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/burger--black.svg")}
.page--band .next-btn .right--white.invert {background-image:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/right--black.svg")}
.page--band .overview-btn .left--white.invert {background-image:url("/typo3conf/ext/klinksitemsf/Resources/Public/Images/icon/left--black.svg")}
.info-btn {display:none}
.play-btn {display:none}
.overview-btn {right:9vw}
.band {color:#000}
.band__video-wrap {height:56.25vw;position:relative}
.band__iframe {height:56.25vw !important;left:0;position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none;width:100% !important}
.band__img {height:56.25vw;position:relative}
.band__grid {display:none;height:56.25vw;position:absolute}
.band__info {left:0;margin-top:0;padding:5vw 3.92vw 0;width:100%}
}
@media only screen and (max-width: 480px) {.overview-btn {right:13vw}
}






































/* ==========================================================================
	 Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
	display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	/* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 1.25dppx),
	(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 https://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster */
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	/*
		 * Don't show links that are fragment identifiers,
		 * or use the `javascript:` pseudo protocol
		 */
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	/*
		 * Printing Tables:
		 * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
		 */
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}