@charset "utf-8";

:root {
  --link-color: #527089; /* alt  --link-color: #597893; */   
  --link-hover: #2f485f;
  
   --kj-off-red: #E42B01; /*  --kj-off-red: #e62a01; */
  
  
  --light-beige: #f3f0ee; /* var(--light-beige) # f 3 f 0 e e */
  --very-light-beige: #fbf9f8; /* var(--very-light-beige) # fbf9f8 */
  --beige: #e7e3df; /* var(--beige) # e7e3df */
  --action-border: rgba(232,228,226,.75);
  --partner-footer: #f1ece9;
  --partner-footer-border: #f1ece9;
  --icon-color:#fff;
  
  --focus-inset: inset 0 0 4px 4px #7dabf4  !important;
  --focus: 0 0 4px 4px #7dabf4 !important;
  
  --greyblue: #527089; /* var(--greyblue) # 587793 */
  

  --taupe: #d7ccc5;
  
 
  
  --neu: #F7CF3B;
  --update: #643173;
  --abgesagt: #AC1522;
  --geplant: #68B9D4;
  --verlegt:#0673B7;
  
  
  --black: #000; /* var(--black) # 0 0 0  */
  --grey2d: #2d2d2d; /* var(--grey2d) # 2d2d2d  */
  --grey999: #696969; /* #999; */
  --grey666: #5E5E5E; /* #666 */ 
  --grey444: #444; /* var(--grey444) # 444 */
  --grey333: #333; /* var(--grey333) # 3 3 3 */
  --grey222: #222; /* var(--grey222) # 222 */
  --grey111: #111; /* var(--grey111) # 111 */
  --greye7: #e7e7e7; /* var(--greye7) # e7e7e7 */
  --greyCCC: #ccc; /* var(--greyCCC) # ccc */
  
  --fb-color: #0D65D9;
  --fb-bg-hover: #f0f2f5;
  
  --weiss: #fff; /* var(--weiss) # fff */
  --inputs: #fff;
  --inputs-color: #000;
  --inputs-placeholder: #666; 
  
  
  --offweiss: #faf7f5;  /* var(--offweiss) # faf7f5 */
  --trans-weiss: rgba(255,255,255,.75); /* var(--trans-weiss) (255,255,255,.75) */
  --trans-weiss95: rgba(255,255,255,.95);
  --trans-weiss80: rgba(255,255,255,.8);
  --surround-bg: rgba(243,240,238,.86);
  
  
  
  --footer-bg: #e8e1dc; /* var(--footer-bg) # e8e1dc */
  --teaser-bg: #ddd5ce;  /* var(--teaser-bg) # ddd5ce */
  
  --kalender: #E42B01; /*#c30; */  
  --externticket: #587993; /* #8aa0b3; */
  --externticket-hover: #435A70; /* #4e667c; */
  
  --hinweis-bg: #f9f6d5;
  
  --green: #43c59e; /* var(--green) # 4 3 c 5 9 e */
  --greenhover: #35ac88; /* var(--greenhover) # 3 5 a c 8 8 */
  --red: #e63946; /* var(--red) # e63946 */
  --blue: #067bc2; /* var(--blue) */
  --orange: #f18f01; /* var(--orange) # f18f01*/
  
  --filter1: #efefef;
  --filter2: #fff;
  --filter-color: #000;
  --filter-icon: #e62a01
   
  
}

.arrow {color: var(--kj-off-red)}
.underline {border-bottom:1px solid var(--kj-off-red) }
.asterisks {color: var(--green)}


@font-face {
	font-family:'KJ BP';
	font-weight:200;
	src:url(../fonts/KJ_BP_Light_1.eot);
	src:url(../fonts/KJ_BP_Light_1.eot?#iefix) format('embedded-opentype'), url(../fonts/KJ_BP_Light_1.woff) format('woff'), url(../fonts/KJ_BP_Light_1.ttf) format('truetype')
}
@font-face {
	font-family:'KJ BP';
	font-weight:300;
	src:url(../fonts/KJ_BP_Regular_1.eot);
	src:url(../fonts/KJ_BP_Regular_1.eot?#iefix) format('embedded-opentype'), url(../fonts/KJ_BP_Regular_1.woff) format('woff'), url(../fonts/KJ_BP_Regular_1.ttf) format('truetype')
}
@font-face {
	font-family:'KJ BP';
	font-weight:500;
	src:url(../fonts/KJ_BP_Medium_1.eot);
	src:url(../fonts/KJ_BP_Medium_1.eot?#iefix) format('embedded-opentype'), url(../fonts/KJ_BP_Medium_1.woff) format('woff'), url(../fonts/KJ_BP_Medium_1.ttf) format('truetype')
}
@font-face {
	font-family:'KJ BP';
	font-weight:800;
	src:url(../fonts/KJ_BP_Bold_2.eot);
	src:url(../fonts/KJ_BP_Bold_2.eot?#iefix) format('embedded-opentype'), url(../fonts/KJ_BP_Bold_2.woff) format('woff'), url(../fonts/KJ_BP_Bold_2.ttf) format('truetype')
}
@font-face {
	font-family:'Font Awesome 5 Solid';
	font-style:normal;
	font-weight:900;
	src:url(../fonts/fa-solid-900.eot);
	src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg")
}
@font-face {
	font-family:'Font Awesome 5 Free';
	font-style:normal;
	font-weight:400;
	src:url(../fonts/fa-regular-400.eot);
	src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg")
}
.far {
	font-family:'Font Awesome 5 Free';
	font-weight:400
}
.fa, .fas {
	font-family:'Font Awesome 5 Solid';
	font-weight:900
}
#surround, body, html {
	min-height:100%
}
:after, :before {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}

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


body {
	font-family:'KJ BP', 'Helvetica Neue', Helvetica, Arial;
	padding:0;
	margin:0;
	background:var(--light-beige);
	color:var(--black);
	font-size:16px;
	-webkit-text-size-adjust:none
}
body.menu-active {
	overflow-y:hidden;
	overflow-x:auto
}
#scrolltotop {
	font-size:2em;
	line-height:1em;
	box-shadow:0 .125em 1em rgba(0,0,0,.15);
	padding:.25em .125em;
	border-radius:1em;
	background:rgba(255,255,255,.95);
	position:fixed;
	z-index:99;
	bottom:-2.5em;
	right:.375em
}
#scrolltotop.show {
	bottom:.375em
}
#helper1024, #helper1280, #helper1390, #helper350, #helper600, #helper768, #helper900 {
	
	height:1px;
	display:none
}
h1 {
	font-weight:800;
	font-size:1.5em;
	padding:0;
	margin:.75em 0 .5em
}
h1.bigger {font-size:2em; margin:1.125em 0.5em 0.5em}
#kein-treffer {
	text-align:center;
	padding:3em 1em;
	display:block
}
.whiteblock h1 {
	margin-top:0;
	padding-bottom:.5em;
	border-bottom:1px solid var(--greye7)
}
h2 {
	padding:0;
	margin:0;
	font-weight:500;
	font-size:1.25em
}
h3, h2.termine, h2#about-artist, h2.presse {
	padding:0;
	margin:0 0 .5em;
	font-weight:800;
	font-size:1.5em
}
h2.termine.small {font-size:1em}
.modal h1, h4 {
	padding:0;
	margin:0 0 .5em;
	font-weight:500;
	font-size:1.25em
}
.modal h2 {
	font-size:1.125em
}
b, strong {
	font-weight:500
}
a {
	webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	-ms-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out;
	webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	-ms-transition:background .2s ease-in-out;
	-o-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out;
	color:var(--link-color)
}
.extern-vvk a:hover, a:hover {
	color:var(--link-hover)
}
.topspace {
	margin-top:1.5em!important
}


#navigation {
	position:fixed;
	width:31.25em;
	right:-62.5em;
	top:2.75em;
	height:90vh;
	background:var(--weiss);
	z-index:200;
	webkit-transition:right .4s ease-in-out;
	-moz-transition:right .4s ease-in-out;
	-ms-transition:right .4s ease-in-out;
	-o-transition:right .4s ease-in-out;
	transition:right .4s ease-in-out;
	-webkit-box-shadow:0 0 2em 0 rgba(0,0,0,.15);
	-moz-box-shadow:0 0 2em 0 rgba(0,0,0,.15);
	box-shadow:0 0 2em 0 rgba(0,0,0,.15);
	overflow:hidden;
	display:none
}
body.menu-active #navigation {display:block}

/*
#navigation:focus-within {right:0} 
#navigation ul#main-navigation li.has-sub:focus-within ul {display:block}
*/
#navigation nav {
	overflow:auto;
	overflow-x:hidden
}
#navigation-header {
	position:absolute;
	width:inherit;
	z-index:201
}
#navigation-header .inner {
	border-bottom:1px solid var(--greye7);
	background:var(--weiss);
	padding:1.5em 2em
}
#navigation-header .logo-neu {
	display:inline-block;
	vertical-align:middle
}
#navigation-header .logo-neu svg {
	height:3em;
	width:3em
}
#navigation-header .burger-neu {
	float:right;
	display:inline-block;
	vertical-align:middle;
	margin-top:.563em
}
#navigation ul#main-navigation {
	clear:both;
	margin:8em 2em 2em 2em
}
#navigation ul#service-navigation {
	clear:both;
	padding:2em;
	border-top:1px solid var(--greye7)
}
#navigation ul#main-navigation li {
	font-size:1.25em;
	margin-bottom:.75em
}
#navigation ul#main-navigation li a {
	color:var(--link-color);
	line-height:1em;
	padding:0;
	display:block;
	text-decoration:none;
	text-transform:uppercase
}
#navigation ul#main-navigation li a span {
    font-size: 0.725em;
    text-transform: none;
    font-weight: 300;	
}
#navigation ul#main-navigation li a i {margin-left:0.125rem}

#navigation ul#service-navigation li {
	font-size:1.125em;
	margin-bottom:.75em
}
#navigation ul#service-navigation li:last-child {
	margin-bottom:0
}
#navigation ul#service-navigation li a {
	color:var(--grey666);
	line-height:1em;
	padding:0;
	display:block;
	text-decoration:none
}

#navigation ul#leichte-sprache-naviagtion {
	padding:1em 2em;
	border-top:1px solid var(--greye7);clear:both
}
#navigation ul#leichte-sprache-naviagtion li svg path {fill: var(--link-color)}
#navigation ul#leichte-sprache-naviagtion li.active-sub svg path {fill: var(--black)}

#navigation #social-navigation {
	clear:both;
	padding:2em;
	border-top:1px solid var(--greye7)
}
#navigation #social-navigation ul li {
	display:inline-block;
	margin-right:.75em
}
#navigation #social-navigation span {
	display:block;
	margin-bottom:.5em;
	font-weight:200
}
#navigation ul#main-navigation li ul {
	margin:.75em 0 1.25em 0
}
#navigation ul#main-navigation li ul li {
	font-size:1em;
	font-weight:200;
	margin-left:0.5em;
}
#navigation ul#main-navigation li.has-sub ul {
	display:none
}
#navigation ul#main-navigation li.has-sub.active ul {
	display:block
}
#navigation ul#main-navigation li a:hover, #navigation ul#service-navigation li a:hover, .column ul li a:hover {
	color:var(--link-hover)
}
#navigation ul#service-navigation li a:hover {
	color:var(--grey333)
}
li.active-sub a {
	opacity:1!important;
	color:var(--black)!important;
	cursor:default;
	font-weight:500
}
#seiten-nav {
	max-width:88em;
	margin:0 auto
}
#seiten-nav.four li {
	width:25%;
	display:inline-block
}
#seiten-nav.three li {
	width:33.33%;
	width:calc(100%/3);
	display:inline-block
}
#seiten-nav.two li {
	width:50%;
	display:inline-block
}
#seiten-nav li .inner {
	margin:0 .75em 1.5em .75em
}
#seiten-nav li .inner a {
	height:13em;
	width:100%;
	display:table;
	color:var(--weiss);
	background:var(--link-color);
	text-decoration:none
}
#seiten-nav li .inner a:hover {
	color:var(--link-color);
	background:var(--weiss)
}
#seiten-nav li .inner a div {
	display:table-cell;
	vertical-align:middle;
	padding:1em;
	font-size:1.5em;
	text-align:center
}
.caret-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.cl {
	clear:both
}
.modal-dialog {
	position:fixed;
	z-index:200;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)!important
}
.modal-dialog h1, .modal-dialog h2.modal-h2, .modal-dialog h4 {
	position:fixed;
	top:0;
	left:0;
	color:var(--black);
	padding:.75em 1.5em;
	width:100%;
	z-index:1;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	background:var(--weiss);
	background:-moz-linear-gradient(top, var(--weiss) 1%, var(--light-beige) 100%);
	background:-webkit-linear-gradient(top, var(--weiss) 1%, var(--light-beige) 100%);
	background:linear-gradient(to bottom, var(--weiss) 1%, var(--light-beige) 100%);
	border-bottom:1px solid var(--footer-bg)
}
.modal {
	background:var(--offweiss);
	border:1px solid var(--grey999);
	width:30em;
	box-shadow:0 .25em 2em rgba(0,0,0,.5);
	overflow:hidden;
}
.modal, .modal .inner {
	max-height:100dvh;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.modal p {
	font-weight:300;
	line-height:1.4
}
p.smaller {font-weight:300;font-size:0.875em}

.modal p a {
	font-weight:500;
	text-decoration:none
}
.modal p em {
	font-weight:200;
	font-style:normal;
	color:var(--grey666)
}
.modal .inner {
	position:relative;
	padding:3.5em 2em 1em;
	overflow:auto;
	z-index:2
}
.modal .innerinner {
	padding:1.5em 0 0
}
.modal .inner .form {
	padding:0;
	margin:0;
	box-shadow:none;
	background:transparent; /*war 0 0 */
}
.modal .close-modal, .cookie-banner-close {
	display:inline-block;
	position:absolute;
	z-index:22;
	top:.5em;
	right:.5em;
	padding:.375em;
	font-size:1.125em;
	font-weight:300;
	/*background:rgba(255,255,255,0);*/
	color:var(--black);
	text-decoration:none
}

.cookie-banner-close {font-size:0.875em;right:3em;top:0;border:1px solid #e7e7e7;border-top:none;background:var(--weiss);}

.modal .close-modal i, .cookie-banner-close i {color:var(--kj-off-red);}
.modal .close-modal:hover i, .cookie-banner-close:hover i {
	color:var(--grey333);
	
}
#lastminute-modal, #ticket-servicemodal {
	display:none
}
#lastminute-modal .close-modal {
	color:var(--weiss)
}
#lastminute-modal ul {
	padding:0;
	margin:0
}
.modal-bg i {
	position:absolute;
	font-size:14em;
	z-index:1;
	left:0;
	bottom:0;
	color:rgba(232,225,220,.66)
}
a.btn, a.submit, input, select, textarea {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border:0;
	font-weight:300;
	font-family:'KJ BP', 'Helvetica Neue', Helvetica, Arial;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
select::-ms-expand {
display:none
}
ul {
	padding:0;
	margin:0;
	list-style-type:none
}
#surround {
	display:flex;
	flex-direction:column;
	padding:0;
	margin:0 auto;
	width:100%;
	min-height:100vh;
	/*max-width:98.125em;
	max-width:99.625em;*/
	max-width:100.125em;
	position:relative;
	/*overflow:auto*/
}
body.menu-active #surround:after {
	content:" ";
	z-index:199;
	display:block;
	position:absolute;
	height:100%;
	top:0;
	left:0;
	right:0;
	background:var(--surround-bg);
}
#menu-content {
	flex:1 0 auto;
	width:inherit;
	max-width:inherit;
	display:block
}
#logo {
	background:tranparent; /* war 0 0 */
	width:inherit;
	max-width:inherit
}
#logo h1 {
	padding:0;
	margin:0 0 0 .5em;
	font-size:1.125em;
	font-weight:500;
	color:var(--black);
	text-transform:uppercase;
	line-height:1em
}
#logo h1 span {
	display:block;
	font-weight:200
}
#logo h1 span.company-name {
	font-weight:500
}
#logo h1, #logo img, #logo svg {
	display:inline-block;
	vertical-align:middle
}
.logo-neu {
	text-decoration:none;
	font-size:1em;
	padding:0;
	margin-right:1em
}
.logo-neu img, .logo-neu svg {
	width:4em;
	height:4em;
	display:inline-block;
	vertical-align:middle
}
.logo-neu a {
	text-decoration:none;
	display:block
}
#logo a:hover h1 {
	color:var(--grey333)
}
.logo-neu h1 {
	padding:0;
	margin:0 0 0 .5em;
	font-size:.875em;
	font-weight:500;
	color:var(--black);
	text-transform:uppercase;
	line-height:1em;
	display:inline-block;
	vertical-align:middle
}
.logo-neu h1 span.company-name2 {
	display:block;
	font-weight:200
}
.logo-neu h1 span.company-name {
	font-weight:500;
	display:block
}
.company, .company2 {
	display:block
}
.logo-neu h1, .logo-neu img {
	display:inline-block;
	vertical-align:middle
}
.dropdown {
	padding-top:1em;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s, opacity .2s ease-in-out;
	z-index:20
}
li:hover .dropdown {
	visibility:visible;
	opacity:1
}
.dropdown .inner {
	box-shadow:0 -.25em .25em 0 rgba(0,0,0,.1), 0 .25em .25em 0 rgba(0,0,0,.1);
	position:relative
}
.dropdown ul {
	font-size:1em;
	border:0;
	display:block
}
.dropdown ul li {
	font-size:1em;
	display:block!important;
	border:none!important;
	padding:0!important;
	margin:0 0 .5em 0;
	line-height:1em
}
.dropdown ul li:last-child {
	margin:0
}
.dropdown ul li a {
	font-size:1em;
	line-height:1em!important;
	display:block!important;
	border:none!important;
	padding:0!important;
	text-transform:none!important;
	font-weight:300;
	white-space:nowrap
}
.dropdown h2 {
	font-size:1em;
	padding:0;
	margin:0 0 .5em 0;
	font-weight:500
}
.dropdown .inner:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	margin-left:1em;
	top:0;
	left:2em;
	box-sizing:border-box;
	border:.5em solid var(--black);
	border-color:transparent transparent var(--weiss) var(--weiss);
	transform-origin:0 0;
	transform:rotate(135deg);
	box-shadow:-.25em .25em .25em 0 rgba(0,0,0,.1)
}
.dropdown.kunden-service {
	position:absolute;
	left:-0.375em;
	background:transparent; /*war 0 0 */
}
.dropdown.kunden-service .inner {
	padding:1em 0.75em;
	background:var(--weiss)
}
#cookies {
	background:#3c5063;
	color:var(--weiss);
	width:100%;
	position:fixed;
	z-index:500;
	display:none;
	bottom:0;
	left:0
}
#cookies .inner {
	padding:1em
}
#cookies span {
	font-size:1em;
	display:block;
	margin:0 3em;
	font-weight:200;
	text-align:center;
	line-height:1.25
}
#cookies span a {
	font-weight:500;
	color:var(--weiss);
	text-decoration:none
}
#cookies .close {
	color:var(--weiss);
	position:absolute;
	right:1.5em;
	font-size:1.5em;
	text-decoration:none;
	top:50%;
	transform:translateY(-50%)
}
#cookies .close:hover {
	color:#3cf
}
#header h1:hover {
	color:var(--black)
}
#header {
	width:inherit;
	max-width:100.125em;
	-webkit-transform:translateZ(0);
	z-index:100;
	position:absolute;
	background:var(--light-beige);
	top:0;
	webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	-ms-transition:background .2s ease-in-out;
	-o-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out
}
#header:hover {
	background:var(--weiss)
}
#header-inner-neu {
	/*overflow:hidden;*/
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	padding:1em 2em;
	background:var(--weiss);
	-webkit-border-top-left-radius:.5em;
	-webkit-border-top-right-radius:.5em;
	-moz-border-radius-topleft:.5em;
	-moz-border-radius-topright:.5em;
	border-top-left-radius:.5em;
	border-top-right-radius:.5em;
	webkit-transition:box-shadow .2s ease-in-out;
	-moz-transition:box-shadow .2s ease-in-out;
	-ms-transition:box-shadow .2s ease-in-out;
	-o-transition:box-shadow .2s ease-in-out;
	transition:box-shadow .2s ease-in-out
}
#header.fixed {
	position:fixed;
	top:-2.75em
}

.darkmode #header.fixed {
	position:fixed;
	top:-4.25em
}

#contrastButton {
	color:#fff;
	font-weight:500;
	letter-spacing:0.025em;
	background:#000;
	padding:0 1.25em 0 2.75em;
	border:1px solid #000;
  	width: auto;
    position: absolute;
    right: 0;
    line-height: 2.5em;	
    font-size: 1em;
    top: -0.5em;	
	text-transform:none;
	border-radius:2em;color:#FF3
	
}
#contrastButton i {font-size:1.5em;position:absolute;left:0;top:0.3125em;color:#fff}


#header.fixed #header-inner-neu {
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border-top-left-radius:0;
	border-top-right-radius:0
}
.column {
	height:4em
}
.column.left {
	flex:0 0 auto;
	width:auto;
	border-right:1px solid var(--greye7)
}
.column.right {
	flex:0 0 auto;
	width:auto
}
.column.center {
	flex:1 1 auto
}
h1.center, p.center {
	text-align:center
}
#menu-search {
	margin:.688em 2em;
	position:relative
}
.column.center input[type=text] {
	padding:.75em .5em .75em 2.75em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	border:1px solid var(--greye7)
}
#menu-search button {
	position:absolute;
	left:0;
	top:.5em;
	left:.75em;
	padding:0;
	margin:0;
	color:var(--black)
}
#search-form a {
	font-weight:500;
	position:absolute;
	color:var(--inputs-color);
	background:tranparent; /* war 0 0 */
	border:0;
	padding:.125em .334em 0 .66em;
	font-size:1.25em;
	line-height:1.875em;
	display:block;
	top:1px;
	left:1px
}
#menu-search button:focus, #search-form a:focus, .column.center input[type=text]:focus {
	outline:0
}
.column.center input[type=text]:focus {
	border-bottom:2px solid var(--greyCCC);
	box-shadow:0 .125em 1em transparent;	
}
.column.center input[type=text]:focus-visible, input:focus-visible{	
	box-shadow: var(--focus);
}

.column ul li {
	display:inline-block
}
.column ul li a {
	color:var(--link-color);
	line-height:2em;
	padding:1em;
	display:block;
	text-decoration:none;
	text-transform:uppercase
}
a.lastminute {
	border-radius:.5em
}
.column ul#shop-menu {
	border-left:1px solid var(--greye7)
}
.column ul#shop-menu li {
	position:relative
}
#lastminute-modal h4, .column ul#shop-menu li.user-eingeloggt a.main-nav, .column ul#shop-menu li.warenkorb-has-items a.main-nav, a.lastminute, div.artist-infoblock i, p.information i {
	background:#f58120;
	background:-moz-linear-gradient(top, #f58120 0, #c6161d 100%);
	background:-webkit-linear-gradient(top, #f58120 0, #c6161d 100%);
	background:linear-gradient(to bottom, #f58120 0, #c6161d 100%);
	color:var(--weiss)
}
.recommend-teaser {
	background:var(--teaser-bg)
}
.artist-teaser {
	background:var(--teaser-bg)
}
.column ul#shop-menu li.user-eingeloggt a.main-nav:hover, .column ul#shop-menu li.warenkorb-has-items a.main-nav:hover, a.lastminute:hover {
	background:#f58120;
	background:-moz-linear-gradient(top, #f58120 33%, #c6161d 100%);
	background:-webkit-linear-gradient(top, #f58120 33%, #c6161d 100%);
	background:linear-gradient(to bottom, #f58120 33%, #c6161d 100%);
	color:var(--weiss)
}
.column ul#shop-menu li.user-eingeloggt a.main-nav::before {
	font-family:"Font Awesome 5 Solid";
	content:"\f00c";
	position:absolute;
	color:#6c6;
	font-size:.66em;
	right:.5em;
	bottom:.25em
}
.column ul li a.main-nav {
	font-size:1.5em;
	line-height:1.333em;
	padding:.667em 1em;
	border-right:1px solid var(--greye7);
	position:relative
}
.column ul li a.main-nav em {
	position:absolute;
	width:100%;
	padding:0;
	font-size:.5em;
	Xletter-spacing:0;
	bottom:-.75em;
	left:0;
	font-weight:200;
	font-style:normal;
	text-align:center
}
.column ul#shop-menu li.warenkorb-has-items em {
	display:none
}
#mobile-search {
	display:none
}
.column ul#shop-menu li a span {
	font-size:.75em;
	margin:0 0 0 .5em;
	font-weight:300;
	line-height:1em;
	display:inline-block
}
ul#shop-menu {
	display:inline-block;
	vertical-align:middle;
	margin-right:1em
}
#header-service {
	background:var(--light-beige);
	padding:0;
	font-weight:500;
	color:#aaa;
	padding:.5em 0;
	text-align:right;
	height:auto
}
.darkmode #header-service {padding:1.25em 0;}
#header-service ul li a strong {
	font-weight:300
}
#header-service ul li {
	display:inline-block;
	font-size:.875em
}
#header-service ul li a {
	color:rgba(0,0,0,.75);
	color:var(--grey333);
	display:block;
	font-size:1em;
	margin:0 0 0 1.25em;
	padding-right:1.25em;
	text-decoration:none;
	border-right:2px solid rgba(0,0,0,.15)
}
#header-service ul li a:hover {
	color:var(--black)
}
#header-service ul li a.ticketservice, #header-service ul li:last-child a {
	margin-right:0;
	border:0
}
#header-inner {
	margin:.5em 0;
	padding:.5em 0;
	position:relative
}
a.lastminute, a.ticketservice {
	position:relative;
	color:var(--weiss)!important;
	padding:.5em 1em;
	line-height:1em;
	margin:0 .5em;
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	-webkit-transform:rotate(0);
	text-decoration:none;
	font-weight:500;
	letter-spacing:.0625em;
	vertical-align:middle;
	text-align:center
}
a.lastminute em {
	font-weight:800;
	font-style:normal
}
.ticketservice:after, .ticketservice:before {
	content:'';
	position:absolute;
	top:.5em;
	height:1em;
	width:.4em;
	background:var(--light-beige)
}
.ticketservice:before {
	left:-.125em;
	border-radius:0 1em 1em 0
}
.ticketservice:after {
	right:-.125em;
	border-radius:1em 0 0 1em
}
.burger-neu {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	color:var(--grey333);
	position:relative;
	margin-left:.5em
}
.burger-neu:hover {
	color:var(--black)
}
.burger-neu:hover .menu-burger span {
	background:var(--black)
}
.burger-neu em {
	display:none
}
.menu-burger {
	display:inline-block;
	vertical-align:middle;
	font-size:2.5em;
	width:1em;
	height:.75em;
	position:relative;
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0);
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out
}
.menu-burger span {
	display:block;
	position:absolute;
	height:.15em;
	width:100%;
	background:var(--grey333);
	border-radius:0;
	opacity:1;
	left:0;
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0);
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out
}
.menu-burger span:nth-child(1) {
	top:0
}
.menu-burger span:nth-child(2), .menu-burger span:nth-child(3) {
	top:.3em
}
.menu-burger span:nth-child(4) {
	top:.6em
}
.menu-burger.open span:nth-child(1) {
	top:.3em;
	width:0;
	left:50%
}
.menu-burger.open span:nth-child(2) {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.menu-burger.open span:nth-child(3) {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.menu-burger.open span:nth-child(4) {
	top:.3em;
	width:0;
	left:50%
}
.container {
	max-width:86.5em;
	padding:0 2em;
	margin:0 auto;
	position:relative
}
.container-header {
	max-width:120em;
	padding:0 2em;
	margin:0 auto;
	position:relative
}
.xcontainer {
	padding:0 2em
}
.container.top1em {
	margin-top:1.5em
}
.container.bottom1em {
	margin-bottom:1.25em
}
.container.narrow {
	max-width:33em
}
.container.login {
	max-width:60em;
	padding:2em 1em 6em
}
.container.login h1 {
	display:none
}
#artist-thumbs {
	max-width:88em;
	margin:1.5em auto 0;
	position:relative;
	padding:0 1.25em
}
#artist-thumbs.news, #artist-thumbs.presse {
	margin:0 auto
}
section {
	margin:2em 0
}
section.taylor-section {
	padding:1.5em;border:1px solid #dcd3ce;background:#fefdfd;
	

}

section#information {
	padding:0
}
section#information .column1 .inner h2 {
	display:none
}
section#information .column1 .inner h2.show-center {
	display:block;text-align:center
}
#main {
	padding-top:8.75em;
	padding-bottom:2em;
	margin:0;
	background:var(--very-light-beige)
}
.darkmode #main {padding-top:10.25em;}

.columns5050 .column1, .columns5050 .column2 {
	display:inline-block;
	width:50%;
	vertical-align:top
}
.columns5050 .column1 .inner {
	margin:0 2em 0 0
}
.columns5050 .column2 .inner {
	margin:0 0 0 2em
}
.columns5050sg {
	display:flex;
	flex-direction:row-reverse
}
.columns5050sg .column1, .columns5050sg .column2 {
	width:50%;
	vertical-align:top
}
.columns5050sg .column2 .inner {
	margin:0 .75em 0 0
}
.columns5050sg .column1 .inner {
	margin:0 0 0 .75em
}
.columnsGold .column1 {
	display:inline-block;
	width:61.8%;
	vertical-align:top
}
.columnsGold .column1.full {width:100%;}

.columnsGold .column2 {
	display:inline-block;
	width:38.2%;
	vertical-align:top
}
.columnsGold.history .column1 {
	float:left
}
.columnsGold.history .column2 {
	float:right;
	margin-bottom:1em
}
.columnsGold.history .column2 img {
	max-width:500px
}
.columnsGold .column1 .inner {
	margin:0 1em 0 0;
	background:var(--weiss);
	padding:2em 2em 3.5em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	position:relative
}
.columnsGold .column2 .inner {
	margin:0 0 0 1em;
	background:var(--weiss);
	padding:2em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1)
}
.columnsGold .column2 .inner.noshadow {	
	background:transparent;	
	box-shadow:none
}

.columnsGoldcontact {
	margin-top:1.5em
}
.columnsGoldcontact .column1 {
	display:inline-block;
	width:61.8%;
	vertical-align:top
}
.columnsGoldcontact .column2 {
	display:inline-block;
	width:38.2%;
	vertical-align:top
}
.columnsGoldcontact .column1 .inner {
	margin:0 .75em 0 0
}
.columnsGoldcontact .column2 .inner {
	margin:0 0 0 .75em
}
.columnsGoldversus .column1 {
	display:inline-block;
	width:38.2%;
	vertical-align:top
}
.columnsGoldversus .column2 {
	display:inline-block;
	width:61.8%;
	vertical-align:top
}
.columnsGoldversus .column1 .inner {
	margin:0 2em 0 0
}
.columnsGoldversus .column2 .inner {
	margin:0 0 0 2em
}
.columnsOne .column1 {
	margin:1.5em 2em
}
.columnsOne .column1 .inner {
	max-width:82.5em;
	margin:0 auto;
	background:var(--weiss);
	padding:2em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1)
}
.columnsOne .column2 {
	display:none
}
#information.columnsOne .column1 .inner {
	max-width:50em;
	position:relative;
	padding-bottom:3em
}
#information.columnsOne .column1 {
	margin:0
}
article {
	font-size:1em;
	padding:0;
	margin:0
}
article section {
	margin-bottom:2em
}
article ol li, article p, article ul li, section.job div {
	font-weight:300;
	line-height:1.5;
	font-size:1.125em;
	Xletter-spacing:.0375em;
	padding:0;
	margin:0 0 1em 0 
}
article ul.termine {
	list-style-type: none;
}
article ul.termine li {font-size:1em;margin:0;font-weight:inherit}
article ul.termine li.termine-past-hidden {display:none}

section.job div {text-laign:left !important}
article p.bigger {margin:0 1em 1em 1em; font-size:1.25em;}
article ul {
	padding:0;
	margin:0 0 1em 0;
	list-style-type:disc
}
article ol {
	padding:0;
	margin:0 0 1em 0
}
article ol li, article ul li {
	margin:0 0 .5em 2em
}
article ul#partner-links {
	padding:0;
	margin:0 0 2em 0;
	list-style-type:none
}
ul#partner-links li p {
	font-size:1em
}
ul#partner-links li a {
	font-weight:500;
	word-wrap:break-word
}
article ul#partner-links li {
	margin:0;
	padding:.75em 0 0 0;
	border-bottom:1px solid var(--greye7)
}
.Xhistory br, Xarticle p br {
	display:block;
	margin-top:2em;
	line-height:3em
}
.nobr br {
	display:block;
	margin-top:0;
	line-height:0
}
article img, main img {
	display:block;
	height:auto
}
#artist-info .artist-info img {
	display:inline-block!important;
	vertical-align:middle;
	margin:.5em;
	height:auto
}
figure {
	padding:1em;
	background:var(--weiss);
	margin:0;
	box-shadow:0 .125em 1em rgba(0,0,0,.1)
}
figure img {
	width:100%;
	display:block;
	height:auto
}
figcaption {
	padding:.75em 0 .25em;
	font-weight:300;
	background:var(--weiss);
	line-height:1.33
}
figcaption.center {text-align:center}
figcaption em {
	font-size:0.875em;
	font-style: normal;
}
#features {
	display:block;
	margin:0;
	position:relative;
	opacity:0;
	webkit-transition:opacity .4s ease-in-out;
	-moz-transition:opacity .4s ease-in-out;
	-ms-transition:opacity .4s ease-in-out;
	-o-transition:opacity .4s ease-in-out;
	transition:opacity .4s ease-in-out
}
#features-container {
	background:transparent url(../images/loader.gif) no-repeat center;
	border-bottom:1px solid var(--greye7)
}
#features-container.loaded {
	background:transparent; /*war 0 0 */
}
#features-container.loaded #features {
	opacity:1
}
.features-preload {
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:-1;
	width:100%
}
.artist-preload img, .features-preload img {
	-webkit-filter:contrast(300%) brightness(100%) grayscale(100%) saturate(100%) hue-rotate(0) sepia(0) invert(0) blur(2px);
	z-index:1
}
.lazyload, .lazyloading {
	opacity:.5
}
.artist-preload, .features-preload {
	background:var(--weiss) url(../images/loader.gif) no-repeat center
}

.artist-preload img, .features-preload img {
	opacity:.15
}
.lazyloaded {
	opacity:1;
	transition:opacity 1s
}
#scrollbar {
	position:absolute;
	z-index:1200;
	bottom:0;
	left:0;
	width:100%
}
#features-inner {
	width:10000%;
	overflow:hidden
}
.control {
	position:absolute;
	display:block;
	color:var(--kj-off-red);
	top:5em;
	padding:.33em;
	font-size:2em;
	line-height:1em;
	width:1em;
	text-align:center;
	background:var(--trans-weiss);
	z-index:10;
	border-radius:60px
}
.control:hover {
	background:var(--weiss);
	cursor:pointer
}
.control.left {
	left:.5em
}
.control.right {
	right:.5em
}
.swiper-button-disabled {
	opacity:0
}
#features-new {overflow:hidden;position:relative}
#features-new .swiper-slide img {width:100%}
#features-new .swiper-slide.mega {width:982px}
#features-new .swiper-slide.big {width:648px}
#features-new .swiper-slide.normal {width:314px}
#features-inner .swiper-slide {
	float:left;
	position:relative;
	background:transparent; /*war 0 0 */
}
#features-inner .swiper-slide img {
	display:block;
	height:auto;
	position:relative
}
#features-inner div:hover img {
	opacity:1
}
#features-inner div a {
	text-decoration:none
}
#features-inner div h3 {
	background:#CFF;
	background:linear-gradient(to right, #000 1%, #2d2d2d 100%);
	margin:0;
	font-weight:500;
	color:#fff;
	position:relative;
	bottom:0;
	display:table;
	height:2em;
	line-height:1em;
	text-align:left;
	font-size:1.125em;
	padding:.5em 0;
	width:100%
}
#features-inner div h3 i {
	position:absolute;
	top:1em;
	right:1em;
	color:var(--link-color);
	webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
#features-inner div h3 span {
	display:table-cell;
	vertical-align:middle;
	padding:0 3em 0 1em
}

#features-inner div a:hover h3 {
	color:#fff;
	background:#000;	
	background:linear-gradient(to right, #000 60%, #2d2d2d 100%)
}
#features-inner div a:hover h3 i {
	position:absolute;
	right:.75em;
	color:var(--link-hover)
}
#marquee {
	display:none;
	overflow:hidden;
	background:var(--weiss);
	padding:1.25em .75em;
	position:relative;
	border:1px solid rgba(232,228,226,.5);
	box-shadow:0 .125em 1em rgba(0,0,0,.1)
}
#marquee.marquee-new {padding:1em .75em;}
#marquee h2 {
	position:absolute;
	font-size:1em;
	top:0;
	left:0;
	font-weight:500;
	text-transform:uppercase;
	z-index:2;
	color:var(--greyblue);
	box-shadow:0 0 16px 0 rgba(0,0,0,.46)
}
#marquee h2 span {
	letter-spacing:.0625em
}
#marquee h2 i {
	position:relative;
	top:.0625em;
	margin-left:.125em
}
#marquee h2 a {
	display:block;
	padding:1.25em 1.5em;
	text-decoration:none;
	color:var(--greyblue);
	background:var(--offweiss)
}
#marquee h2 a:hover {
	color:var(--weiss);
	background:var(--greyblue)
}
#marquee ul {
	list-style-type:none;
	padding:0 0 0 8em;
	margin:0;
	width:4000%;
	position:relative;
	left:0
}
#marquee ul li {
	display:inline-block;
	color:var(--black);
	font-weight:200;
	margin-right:0
}
#marquee ul li a {
	text-decoration:none;
	color:var(--black);
	padding:.75em 1em
}
#marquee ul li a:hover {
	background:var(--link-color);
	color:var(--weiss)
}
#marquee ul li a:hover em {color:var(--weiss) !important}
#marquee ul li span {
	font-weight:500;
	margin-right:.125em
}
#marquee ul li span.marquee-loc {
	font-weight:200;
	margin-right:0
}
#marquee ul li .far, #marquee ul li .fas {
	opacity:1;
	margin-right:.25em
}
#marquee ul li.neu .fas {
	color:var(--green)
}
#marquee ul li.verlegt .far {
	color:var(--orange)
}
#marquee ul li.abgesagt .fas {
	color:var(--red)
}

#marquee.marquee-new ul li.neu .fas {
	background:var(--neu);
	color:var(--black)
}
#marquee.marquee-new ul li.verlegung .far {
	background:var(--verlegt);
	color:var(--weiss)
}
#marquee.marquee-new ul li.abgesagt .fas {
	background:var(--abgesagt);
	color:var(--weiss)
}

#marquee.marquee-new ul li i {padding:0.25em 0.375em;margin-right:0.375em;}

#marquee ul li.neu em {
	color:var(--green);
	font-weight:200;
	font-style:normal
}
#marquee.marquee-new ul li.neu em {color:var(--black);border-bottom:2px solid var(--neu);}

#marquee ul li.verlegt em, #marquee ul li.verlegung em {
	color:var(--orange);
	font-weight:200;
	font-style:normal
}
#marquee.marquee-new ul li.verlegung em {color:var(--verlegt);}
#marquee ul li.abgesagt em {
	color:var(--red);
	font-weight:200;
	font-style:normal
}
#marquee.marquee-new ul li.abgesagt em {color:var(--abgesagt);}

.abgesagt2 {
	color:var(--abgesagt)
}
#artist-thumbs .icon {
	text-align:center;
	color:var(--icon-color);
	padding:.75em;
	font-weight:300
}
#artist-thumbs .icon-new {padding:.5em;font-size:1.125em;position:absolute;z-index:100}
#artist-thumbs .icon-new span{display:none}

#artist-thumbs li.neu .icon {
	background:var(--neu);
}
#artist-thumbs li.geplant .icon {
	background:var(--neu)
}
#artist-thumbs li.abgesagt .icon {
	background:var(--abgesagt)
}
#artist-thumbs li.news-update .icon {
	background:var(--update)
}
#artist-thumbs li.verlegt .icon {
	background:var(--verlegt)
}

#artist-thumbs li.neu .icon-new {
	background:var(--neu); color:var(--black);
}
#artist-thumbs li.geplant .icon-new {
	background:var(--geplant); color:var(--black);
}
#artist-thumbs li.abgesagt .icon-new {
	background:var(--abgesagt); color:var(--weiss);
}
#artist-thumbs li.news-update .icon-new {
	background:var(--update); color:var(--weiss);
}
#artist-thumbs li.verlegung .icon-new {
	background:var(--verlegt); color:var(--weiss);
}


em.update-neu {color:var(--green);font-style: normal;display:inline-block;position:relative;padding-left:1.0625em;margin:2px 0}
em.update-abgesagt {color:var(--red);font-style: normal;display:inline-block;position:relative;padding-left:1.125em;margin:2px 0}
em.update-verlegt {color:var(--orange);font-style: normal;display:inline-block;position:relative;padding-left:1.0625em;margin:2px 0}
em.update-geplant {color:var(--green);font-style: normal;display:inline-block;position:relative;padding-left:1.0625em;margin:2px 0}


em.update-neu i, em.update-abgesagt i , em.update-verlegt i , em.update-geplant i {position:absolute;left:0;top:0.1875em;opacity:1;font-size:0.875em}
.icon .far, .icon .fas {
	margin-right:.25em;
	opacity:.85
}

.icon-new .far, .icon .fas {	
	opacity:1
}

.artist-news {
	padding:.75em 0;
	text-align:center;
	font-weight:300;
	min-height:2.5em;
	line-height:1.25em;
	font-size:.938em;
	display:table;
	width:100%
}

.artist-news-new {
	padding:.75em 0;text-align:center;
	font-weight:300;
	min-height:2.5em;
	line-height:1.33em;font-size:.938em;
	font-size:1em;display:table;width:100%;
}


.artist-news span {
	display:table-cell;
	vertical-align:middle;
	padding:0 .75em
}

.artist-news-new span {
	display:table-cell;
	vertical-align:middle;
	padding:0 .75em
}
#artist-thumbs li.neu .news-locations {
	color:var(--green)
}
#artist-thumbs li.geplant .news-locations {
	color:var(--green)
}
#artist-thumbs li.abgesagt .news-locations {
	color:var(--red)
}
#artist-thumbs li.news-update .news-locations {
	color:var(--blue)
}
#artist-thumbs li.verlegung .news-locations {
	color:var(--orange)
}
#artist-thumbs li .news-locations {
	margin:0 .75em;
	background:var(--weiss);
	box-shadow:0 .125em 1em rgba(0,0,0,.1)
}
#artist-thumbs li .news-locations-new {
	margin:0 .75em;
	background:var(--weiss); 
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	
}
#artist-thumbs li.neu .news-locations-new {background:var(--neu);background:#fefaeb}
#artist-thumbs li.neu .news-locations-new strong em {
	border-bottom:2px solid var(--neu);
	font-style: normal;
	}
#artist-thumbs li.abgesagt .news-locations-new {background:var(--abgesagt);background:#f7e7e8}	
#artist-thumbs li.abgesagt .news-locations-new strong em {
	color: var(--abgesagt);
	font-style: normal;
	}	
#artist-thumbs li.verlegung .news-locations-new {background:var(--verlegt);background:#f2f8fb}
#artist-thumbs li.verlegung .news-locations-new strong em {
	color: var(--verlegt);
	font-style: normal;
	}
#artist-thumbs li.geplant .news-locations-new {background:var(--geplant);background:#f0f8fb}	
#artist-thumbs li.geplant .news-locations-new strong em {
	border-bottom:1px solid var(--geplant);
	font-style: normal;
	}
	
#artist-thumbs li.news-update .news-locations-new {background:var(--update);background:#efeaf1}	
#artist-thumbs li.news-update .news-locations-new strong em {
	border-bottom:1px solid var(--update);
	font-style: normal;
	}	
	

.news-locations-mobile {
	display:none
}
#main-search {
	padding:2em;
	background:var(--beige)
}
#main-search input[type=text], #suche input[type=text] {
	padding:.5em 1em;
	background:var(--inputs);
	border:0;
	border-radius:.125em;
	font-size:1.25em;
	line-height:1.25em;
	width:100%;
	outline:1px solid var(--greye7)
}
#search-form {
	position:relative
}
button {
	font-weight:500;
	color:var(--greye7);
	background:tranparent; /* war 0 0 */
	border:0;
	padding:.5em 1em;
	font-size:1.25em;
	line-height:1.25em
}
button.buttonreset,  button.buttonreset:hover {background: transparent;
    width: auto;
    border: none;
    box-shadow: none;	
	padding:0.25em}
.shadow {
	box-shadow:0 .125em 1em rgba(0,0,0,.15)
}
#callback-teaser {
	margin:2em 0;
	padding:1em;
	background:var(--weiss);
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	border-radius:.5em;
	width:50%;
	margin:0 auto
}
#callback-teaser p {
	font-weight:300;
	font-size:1.125em;
	margin:0 2em 0 0
}
#callback-teaser p strong {
	font-weight:500
}
.button-link {
	line-height:1em;
	font-size:1em;
	border-radius:1em;
	padding:1em 2em;
	text-decoration:none;
	color:var(--weiss);
	font-weight:500;
	display:inline-block;
	text-transform:uppercase;
	background:var(--link-color);
	text-align:center
}
.teaser-col1 {
	width:66%;
	display:inline-block;
	vertical-align:middle
}
.teaser-col2 {
	width:34%;
	display:inline-block;
	vertical-align:middle;
	text-align:right
}
#hamburg-tickets {
	display:none
}
#tickets-teaser {
	position:relative;
	background-color:var(--kj-off-red);
	background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='300'height='249.7'viewBox='001080900'%3E%3Cgfill-opacity='.1'%3E%3Cpolygonfill='%23444'points='90%2C1500%2C300180%2C300'/%3E%3Cpolygonpoints='90%2C150180%2C00%2C0'/%3E%3Cpolygonfill='%23AAA'points='270%2C150360%2C0180%2C0'/%3E%3Cpolygonfill='%23DDD'points='450%2C150360%2C300540%2C300'/%3E%3Cpolygonfill='%23999'points='450%2C150540%2C0360%2C0'/%3E%3Cpolygonpoints='630%2C150540%2C300720%2C300'/%3E%3Cpolygonfill='%23DDD'points='630%2C150720%2C0540%2C0'/%3E%3Cpolygonfill='%23444'points='810%2C150720%2C300900%2C300'/%3E%3Cpolygonfill='%23FFF'points='810%2C150900%2C0720%2C0'/%3E%3Cpolygonfill='%23DDD'points='990%2C150900%2C3001080%2C300'/%3E%3Cpolygonfill='%23444'points='990%2C1501080%2C0900%2C0'/%3E%3Cpolygonfill='%23DDD'points='90%2C4500%2C600180%2C600'/%3E%3Cpolygonpoints='90%2C450180%2C3000%2C300'/%3E%3Cpolygonfill='%23666'points='270%2C450180%2C600360%2C600'/%3E%3Cpolygonfill='%23AAA'points='270%2C450360%2C300180%2C300'/%3E%3Cpolygonfill='%23DDD'points='450%2C450360%2C600540%2C600'/%3E%3Cpolygonfill='%23999'points='450%2C450540%2C300360%2C300'/%3E%3Cpolygonfill='%23999'points='630%2C450540%2C600720%2C600'/%3E%3Cpolygonfill='%23FFF'points='630%2C450720%2C300540%2C300'/%3E%3Cpolygonpoints='810%2C450720%2C600900%2C600'/%3E%3Cpolygonfill='%23DDD'points='810%2C450900%2C300720%2C300'/%3E%3Cpolygonfill='%23AAA'points='990%2C450900%2C6001080%2C600'/%3E%3Cpolygonfill='%23444'points='990%2C4501080%2C300900%2C300'/%3E%3Cpolygonfill='%23222'points='90%2C7500%2C900180%2C900'/%3E%3Cpolygonpoints='270%2C750180%2C900360%2C900'/%3E%3Cpolygonfill='%23DDD'points='270%2C750360%2C600180%2C600'/%3E%3Cpolygonpoints='450%2C750540%2C600360%2C600'/%3E%3Cpolygonpoints='630%2C750540%2C900720%2C900'/%3E%3Cpolygonfill='%23444'points='630%2C750720%2C600540%2C600'/%3E%3Cpolygonfill='%23AAA'points='810%2C750720%2C900900%2C900'/%3E%3Cpolygonfill='%23666'points='810%2C750900%2C600720%2C600'/%3E%3Cpolygonfill='%23999'points='990%2C750900%2C9001080%2C900'/%3E%3Cpolygonfill='%23999'points='180%2C090%2C150270%2C150'/%3E%3Cpolygonfill='%23444'points='360%2C0270%2C150450%2C150'/%3E%3Cpolygonfill='%23FFF'points='540%2C0450%2C150630%2C150'/%3E%3Cpolygonpoints='900%2C0810%2C150990%2C150'/%3E%3Cpolygonfill='%23222'points='0%2C300-90%2C45090%2C450'/%3E%3Cpolygonfill='%23FFF'points='0%2C30090%2C150-90%2C150'/%3E%3Cpolygonfill='%23FFF'points='180%2C30090%2C450270%2C450'/%3E%3Cpolygonfill='%23666'points='180%2C300270%2C15090%2C150'/%3E%3Cpolygonfill='%23222'points='360%2C300270%2C450450%2C450'/%3E%3Cpolygonfill='%23FFF'points='360%2C300450%2C150270%2C150'/%3E%3Cpolygonfill='%23444'points='540%2C300450%2C450630%2C450'/%3E%3Cpolygonfill='%23222'points='540%2C300630%2C150450%2C150'/%3E%3Cpolygonfill='%23AAA'points='720%2C300630%2C450810%2C450'/%3E%3Cpolygonfill='%23666'points='720%2C300810%2C150630%2C150'/%3E%3Cpolygonfill='%23FFF'points='900%2C300810%2C450990%2C450'/%3E%3Cpolygonfill='%23999'points='900%2C300990%2C150810%2C150'/%3E%3Cpolygonpoints='0%2C600-90%2C75090%2C750'/%3E%3Cpolygonfill='%23666'points='0%2C60090%2C450-90%2C450'/%3E%3Cpolygonfill='%23AAA'points='180%2C60090%2C750270%2C750'/%3E%3Cpolygonfill='%23444'points='180%2C600270%2C45090%2C450'/%3E%3Cpolygonfill='%23444'points='360%2C600270%2C750450%2C750'/%3E%3Cpolygonfill='%23999'points='360%2C600450%2C450270%2C450'/%3E%3Cpolygonfill='%23666'points='540%2C600630%2C450450%2C450'/%3E%3Cpolygonfill='%23222'points='720%2C600630%2C750810%2C750'/%3E%3Cpolygonfill='%23FFF'points='900%2C600810%2C750990%2C750'/%3E%3Cpolygonfill='%23222'points='900%2C600990%2C450810%2C450'/%3E%3Cpolygonfill='%23DDD'points='0%2C90090%2C750-90%2C750'/%3E%3Cpolygonfill='%23444'points='180%2C900270%2C75090%2C750'/%3E%3Cpolygonfill='%23FFF'points='360%2C900450%2C750270%2C750'/%3E%3Cpolygonfill='%23AAA'points='540%2C900630%2C750450%2C750'/%3E%3Cpolygonfill='%23FFF'points='720%2C900810%2C750630%2C750'/%3E%3Cpolygonfill='%23222'points='900%2C900990%2C750810%2C750'/%3E%3Cpolygonfill='%23222'points='1080%2C300990%2C4501170%2C450'/%3E%3Cpolygonfill='%23FFF'points='1080%2C3001170%2C150990%2C150'/%3E%3Cpolygonpoints='1080%2C600990%2C7501170%2C750'/%3E%3Cpolygonfill='%23666'points='1080%2C6001170%2C450990%2C450'/%3E%3Cpolygonfill='%23DDD'points='1080%2C9001170%2C750990%2C750'/%3E%3C/g%3E%3C/svg%3E")
}
#tickets-teaser .close {
	position:absolute;
	top:1em;
	right:1em;
	padding:.5em 1em;
	border-radius:.25em;
	background:rgba(255,255,255,.25);
	color:var(--weiss);
	text-decoration:none
}
#tickets-teaser .inner-teaser {
	padding:2em 0;
	margin:0
}
.teaser-col-head {
	max-width:60em;
	display:block;
	margin:0 auto;
	text-align:center
}
.teaser-col2-head2 {
	width:100%;
	text-align:center;
	margin-top:1em
}
.teaser-col2-head2 ul li {
	display:inline-block;
	vertical-align:top;
	width:20%;
	font-size:.875em
}
.teaser-col2-head2 ul li .inner {
	padding:1em;
	margin:.5em;
	background:var(--weiss);
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	border-radius:.5em
}
.teaser-col2-head2 ul li h4 {
	font-size:1.25em;
	height:2.5em;
	display:table;
	width:100%;
	padding:0;
	margin:0;
	font-weight:500
}
.teaser-col2-head2 ul li h4 span {
	display:table-cell;
	vertical-align:middle
}
.teaser-col2-head2 ul li p {
	padding:0;
	margin:0 0 1em;
	display:block;
	font-weight:200
}
.teaser-col2-head2 ul li p strong {
	font-weight:300
}
.teaser-col2-head2 ul li a {
	display:inline-block
}
.breadcrumb {
	font-weight:300;
	border-bottom:1px solid var(--light-beige);
	padding:.75em 0
}
.breadcrumb.artist-page, .breadcrumb.taylor-page {
	border-bottom:0
}
#header-service .breadcrumb {
	color:var(--black);
	float:left;
	padding:0;
	border:0;
	margin-top:.375em
}
.breadcrumb .inner {
	font-size:.938em;
	padding:0;
	position:relative
}
.breadcrumb.artist-page .inner {
	padding:0 6em 0 0
}
.breadcrumb.taylor-page .inner {
	padding:0 9em 0 0
}
.breadcrumb .inner #shortlink {
	position:absolute;
	right:0;
	top:1px;	
}
.breadcrumb .inner #shortlink:hover {
	opacity:0.8
}
#myshortUrl {
	position:absolute;
	top:-300px;
	max-width:220px
}
#myshortUrlLabel {
	display:none
}
#myshortUrl.myshortUrlvisible {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border:.25em solid #0c6;
	text-align:center;
	font-weight:600;
	font-size:1.5em;
	width:300px
}
#myshortUrl-notice {
	background:#ff6;
	padding:1em;
	text-align:center
}
#shortlink .fa-check-circle, #shortlink.copied .fa-link {
	display:none
}
#shortlink.copied .fa-check-circle {
	display:inline-block
}
.breadcrumb a {	
	color:var(--link-color);
	font-weight:300
}
.breadcrumb em {
	font-style:normal;
	font-weight:500;
	opacity:.5;
	display:none
}
.breadcrumb span {
	/* opacity:.5 */
}
#artist-thumbs img {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden
}
#artist-thumbs .pic {
	margin:0 0 3.25em;
	position:relative;
	z-index:2;
	overflow:hidden;
	height:0;
	padding-top:77.14%
}
#artist-thumbs .pic a, #artist-thumbs .pic span.jslink, #artist-thumbs .pic .thepic {
	position:absolute;
	top:0;
	width:100%
}
.card-link {text-decoration:none;padding:0;margin:0;border:0;display:block;}

.jslink {cursor:pointer;}
.artist-preload {
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1
}
.artist-preload img {
	width:100%;
	display:block;
	height:auto;
	position:relative;
	top:-.25em
}
#artist-thumbs h1 {
	font-weight:500;
	padding:0;
	margin:1.5em 0 .25em .5em;
	font-size:1.25em
}
#artist-thumbs ul {
	list-style-type:none;
	padding:0;
	margin:0
}
#artist-thumbs li {
	display:inline-block;
	vertical-align:top;
	width:calc(100%/5);
	margin:0 0 1.5em 0
}
#artist-thumbs p {
	margin:1em .5em
}
#artist-thumbs li .inner {
	overflow:hidden;
	background:var(--weiss);
	margin:0 .75em;
	display:block;
	position:relative;
	-webkit-border-top-left-radius:.25em;
	-webkit-border-top-right-radius:.25em;
	-moz-border-radius-topleft:.25em;
	-moz-border-radius-topright:.25em;
	border-top-left-radius:.25em;
	border-top-right-radius:.25em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	webkit-transition:box-shadow .2s ease-in-out;
	-moz-transition:box-shadow .2s ease-in-out;
	-ms-transition:box-shadow .2s ease-in-out;
	-o-transition:box-shadow .2s ease-in-out;
	transition:box-shadow .2s ease-in-out
}
.darkmode #artist-thumbs li .inner, .darkmode a.full-link  {border:1px solid var(--black);}

#artist-thumbs li .inner.more {
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
	position:relative;
}
#artist-thumbs li .inner.more i {position:absolute;bottom:0.5em;right:0.5em}
a.full-link {	
	letter-spacing:.125em;line-height:1.25em;
	background:var(--weiss);
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration:none;
	display:block;
	font-size:1.125em;
	text-align:center;
	padding:1.5em .5em;
	color:var(--link-color);
	margin:0;
	webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
a.full-link:hover {
	background:var(--link-color);
	color:var(--weiss);
	box-shadow:0 .125em 1em rgba(0,0,0,.2)
}
/*a.full-link span {
	background:var(--weiss)
}*/
a.full-link.more {
	display:table;
	font-size:1.25em;
	width:100%;
	padding:32.5% 0;
	margin:0;
	color:var(--weiss);
	background:var(--link-color);
	background:-moz-linear-gradient(left, #577792 0, #839aae 100%);
	background:-webkit-linear-gradient(left, #577792 0, #839aae 100%);
	background:linear-gradient(to right, #577792 0, #839aae 100%)
}
a.full-link.more em {
	display:table-cell;
	vertical-align:middle;
	font-style:normal;
	padding:1.688em 0 1.75em
}
.more-alt {
	display:none
}
.thumb-header {
	padding:.75em 1em;
	font-size:.875em;
	color:var(--grey333);
	font-weight:200;
	box-shadow:0 0 1em 0 rgba(0,0,0,.15);
	position:relative;
	z-index:3
}
.city {
	float:right;
	font-weight:200;
	color:var(--black)
}
.date {
	float:left;
	font-weight:500;
	color:var(--black)
}
.news-icon {
	float:left;
	font-weight:200;
	font-size:1.125em
}
.news-info {
	float:right;
	font-weight:500;
	font-size:1.125em
}
.city em {
	font-style:normal
}
.details {
	position:relative;
	padding:0;
	display:block;
	background:var(--weiss);
	background:-moz-linear-gradient(top, var(--trans-weiss80) 0, var(--weiss) 50%);
	background:-webkit-linear-gradient(top, var(--trans-weiss80) 0, var(--weiss) 50%);
	background:linear-gradient(to bottom, var(--trans-weiss80) 0, var(--weiss) 50%);
	text-decoration:none
}
.details h2 {
	font-weight:800;
	font-size:1em;
	height:3.25em;
	display:table;
	width:100%;
	margin:0;
	text-align:center;
	color:var(--grey333)
}
.details p {
	padding:0 0 .75em 0;
	margin:0 .571em;
	display:none;
	font-weight:300;
	font-size:.875em
}
.details h2 span {
	padding:0 .5em
}
.hover {
	width:100%;
	font-size:1em;
	height:3.25em;
	overflow:hidden;
	position:absolute;
	z-index:4;
	bottom:0;
	webkit-transition:height .2s ease-in-out;
	-moz-transition:height .2s ease-in-out;
	-ms-transition:height .2s ease-in-out;
	-o-transition:height .2s ease-in-out;
	transition:height .2s ease-in-out;
	box-shadow:0 0 1em 0 rgba(0,0,0,.15)
}
#artist-thumbs li .inner:hover .hover {
	height:5.8125em
}
#artist-thumbs li .inner:hover {
	box-shadow:0 .125em 1.25em rgba(0,0,0,.25)
}
.details h2 span {
	display:table-cell;
	vertical-align:middle
}
.action {
	padding:0;
	font-size:1em;
	text-align:center
}
.action .thumb-btn, .action .thumb-btn2 {
	width:50%;
	display:inline-block;
	border-top:1px solid var(--action-border);
}
.action .thumb-btn.full {
	width:100%
}
.action .thumb-btn a, .action .thumb-btn span {
	text-decoration:none;
	border-right:1px solid var(--action-border);
	background:var(--offweiss);
	background:-moz-linear-gradient(top, var(--offweiss) 0, var(--beige) 100%);
	background:-webkit-linear-gradient(top, var(--offweiss) 0, var(--beige) 100%);
	background:linear-gradient(to bottom, var(--offweiss) 0, var(--beige) 100%);
	color:var(--link-color);
	padding:.75em .5em;
	font-weight:500;
	text-align:center;
	margin-right:0;
	border-radius:0;
	display:block
}
.thumb-btn a:hover, .thumb-btn span:hover {
	background:var(--weiss);
	background:-moz-linear-gradient(top, var(--weiss) 0, var(--beige) 100%);
	background:-webkit-linear-gradient(top, var(--weiss) 0, var(--beige) 100%);
	background:linear-gradient(to bottom, var(--weiss) 0, var(--beige) 100%);
	color:var(--link-hover)
}
.action .thumb-btn2 .sold-out {
	display:block;
	padding:.75em 0;
	background:var(--offweiss);
	background:-moz-linear-gradient(top, var(--offweiss) 0, var(--beige) 100%);
	background:-webkit-linear-gradient(top, var(--offweiss) 0, var(--beige) 100%);
	background:linear-gradient(to bottom, var(--offweiss) 0, var(--beige) 100%)
}
.action .thumb-btn2 a, .action .thumb-btn2 em {
	text-decoration:none;
	padding:.75em .5em;
	font-weight:500;
	text-align:center;
	text-transform:uppercase;
	text-transform:none;
	margin-left:0;
	border-radius:0;
	display:block;
	font-style: normal;
}
em > .sold-out {
  padding: 0 !important;
}


#artist-fixed, #infohelfer-fixed {
	position:fixed;
	top:-2em;
	left:0;
	
	width:100%;
	z-index:40;
	webkit-transition:top .2s ease-in-out;
	-moz-transition:top .2s ease-in-out;
	-ms-transition:top .2s ease-in-out;
	-o-transition:top .2s ease-in-out;
	transition:top .2s ease-in-out
}
#artist-fixed .inner, #infohelfer-fixed .inner {
	max-width:98.125em;
	max-width:99.625em;
	max-width:100.125em;
	margin:0 auto;
	background:var(--weiss);
	box-shadow:0 .125em 1em transparent;
	webkit-transition:box-shadow .5s ease-in-out;
	-moz-transition:box-shadow .5s ease-in-out;
	-ms-transition:box-shadow .5s ease-in-out;
	-o-transition:box-shadow .5s ease-in-out;
	transition:box-shadow .5s ease-in-out
}
#artist-fixed.fixed, #infohelfer-fixed.fixed {
	top:6em
}



#artist-fixed.fixed .inner, #infohelfer-fixed .inner {
	/* box-shadow:0 .125em 1em rgba(0,0,0,.1); */
	border-bottom:1px solid var(--greye7);
	
}
#artist-fixed .container, #infohelfer-fixed .container {
	padding:.5em 2em;
	text-align:center
}
#artist-fixed ul, #artist-fixed-name, #infohelfer-fixed-info {
	display:inline-block;
	vertical-align:middle;
	font-size:1em;
	font-weight:500;
	color:var(--kj-off-red);
	padding:0;
	margin:0
}
#artist-fixed-name {
	padding:0 1em 0 0
}
#artist-fixed-name span {
	font-size:1.25em
}
#artist-fixed ul li a em {
	font-style:normal
}
#artist-fixed ul li {
	display:inline-block;
	font-size:1em;
	padding:0;
	margin:0;
	line-height:1em;
	padding:.333em 1em;
	border-left:1px solid var(--greye7)
}
#artist-fixed ul li a {
	text-decoration:none;
	font-weight:300
}
#artist-fixed ul li a i {
	opacity:.75
}
#artist-fixed ul li#artist-fixed-pressemat-link {
	display:inline-block
}
#artist-fixed ul li#artist-fixed-medienpartner-link {
	display:none
}
#full-name {
	display:block
}
#turncate1-name, #turncate2-name {
	display:none
}
#artist-header {
	text-align:center;
	padding:0;
	margin:0
}
#gallery-surround {
	position:relative
}
#gallery {
	padding-bottom:42%;
	margin:0;
	position:relative;
	overflow:hidden;
	text-align:center;
	background:var(--grey333);
	background:var(--grey333) url(../../images/loader.gif) no-repeat center
}
#gallery.galleryboxshadow {
	box-shadow:0 0 1px 1px var(--very-light-beige) inset
}
#gallery img {
	max-height:100%;
	width:auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-right:-50%;
	transform:translate(-50%, -50%)
}
.gallery-links {
	position:absolute;
	padding:.75em .75em .75em .25em;
	background:var(--very-light-beige);
	bottom:0;
	right:0;
	z-index:20;
	display:block
}
a.gallery, a.videogallery {
	display:none
}
a.gallery.show-gallery {
	display:block
}
a.open-gallery {
	box-shadow:0 .0625em .25em rgba(255,255,255,.45);
	display:inline-block;
	text-decoration:none;
	font-size:1em;
	padding:.5em .75em;
	color:var(--weiss);
	background:var(--kj-off-red);
	margin-left:.5em;
	border-radius:.25em
}
a.open-gallery:hover {
	background:var(--black)
}
a.open-gallery i {
	margin-right:.125em
}
.responsive-video-surround {
	max-height:100%;
	width:74.6%;
	position:absolute;
	z-index:19;
	top:50%;
	left:50%;
	margin-right:-50%;
	transform:translate(-50%, -50%)
}
.responsive-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.responsive-video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0;
	height:0;
	overflow:hidden
}
#fourofourvid {
	max-width:50em;
	margin:2em auto
}
#artist-header h1, #artist-header-motto {
	font-size:1em;
	padding:1.75em 1em 1.25em;
	margin:0 auto;
	font-weight:200
}
#artist-header h1.booking-artist {padding:1.75em 1em 0;}

.artist {
	font-size:3em;
	color:var(--kj-off-red);
	font-weight:800
}
.tourmotto {
	font-weight:300;
	font-size:1.25em
}
#artist-header h1 p {
	font-size:.875em;
	margin-bottom:1em
}
#artist-header h1 p a {
	color:var(--black)
}

/* artist header neu */
.alternativetitel {padding:0;margin:0}
.alternativetitel h1 {color: var(--kj-off-red);font-size: 2.5em !important;line-height: 1.1250em !important;font-weight:800 !important;padding:0 !important;margin:0 !important} 
.supertitel, .subtitel {color: var(--black);
    font-size: 1.25em;
    line-height: 1.25em;
    font-weight: 300;padding:0;margin:0;}
.subtitelX {font-weight:200}
.supertitel em, .subtitel em {
	font-style: normal;font-weight:200
}
.supertitel, .subtitel, .alternativetitel {margin-bottom:0.25em}
.supertitel p, .subtitel p {padding:0;margin:0}


#artist-tickets, #geschenkkarten-tickets {
	line-height:3em;
	text-align:center;
	display:none
}
#geschenkkarten-tickets {
	display:block
}
#artist-tickets a.ticket {
	font-size:1.25em
}
.termine {
	font-size:1em;
	margin:0 0 2em;
	display:block;
	height:auto
}
#termine {
	margin-top:0
}
#termine-past {
	position:relative
}
.mehrtermine {
	text-align:center;
	color:var(--black);
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:-moz-linear-gradient(top, rgba(251,249,248,0) 0, var(--very-light-beige) 70%, var(--very-light-beige) 100%);
	background:-webkit-linear-gradient(top, rgba(251,249,248,0) 0, var(--very-light-beige) 70%, var(--very-light-beige) 100%);
	background:linear-gradient(to bottom, rgba(251,249,248,0) 0, var(--very-light-beige) 70%, var(--very-light-beige) 100%);
	z-index:4;
	padding:1.5em 0 1.5em
}
.mehrtermine a {
	display:inline-block;
	background:var(--greyCCC);
	color:var(--grey222);
	text-decoration:none;
	font-weight:300;
	padding:.5em
}
.darkmode .mehrtermine a {color:var(--weiss); background:var(--green);}
.mehrtermine a:hover {
	background:#eee;
	color:var(--black)
}
#termine-past .day, #termine-past h4 {
	filter:grayscale(100%);
	opacity:.7
}
#termine-past.reveal .day, #termine-past.reveal h4 {
	filter:grayscale(100%);
	opacity:1
}
#termine-past .day, #termine-past .day a, #termine-past .day span.information span {
	color:var(--grey666)!important
}
#termine-current h4, #termine-past h4 {
	margin:1.25em 0 0;
	padding:.5em .75em;
	background:var(--black)
}
h4 a {
	text-decoration:none
}
h4.eventhead a {
	color:var(--weiss);
	font-size:.875em
}
h4 a:hover {
	text-decoration:underline
}
#hidden-dates {
	display:none
}
.day {
	display:table;
	position:relative;
	z-index:1;
	width:100%;
	vertical-align:middle;
	border-bottom:1px solid var(--light-beige);
	background:var(--weiss);
	box-shadow:0 .125em 1em transparent;
	box-shadow:0 .125em 1em rgba(0,0,0,.1)
}
.darkmode .day {border:1px dashed var(--black);margin-bottom:0.5em}
.day:hover {
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	z-index:2
}
.day a {
	font-size:1em
}
.day-month {
	display:block;
	font-weight:400;
	background:var(--kalender);
	padding:.25em;
	font-size:.875em
}
#termine-past .day-month {
	background:var(--grey333);
	font-weight:400
}
#termine-past .day-day {
	color:var(--grey333)
}
.day-day {
	display:block;
	font-size:1.5em;
	font-weight:800;
	background:var(--weiss);
	color:var(--black);
	padding:.125em;
	border:1px solid var(--greye7)
}
.day-day.day-mobile {
	display:none
}
.date-big {
	font-size:1em;
	color:var(--weiss);
	display:table-cell;
	padding:.75em 0 .75em .75em;
	vertical-align:top;
	font-weight:500;
	text-align:center;
	width:4.5em;
	z-index:1
}
.date-infos {
	display:table-cell;
	vertical-align:top;
	padding:2em 2em 1em 2em
}
.tickets-past {
	color:#555;
	font-weight:200
}
time {
	display:table;
	width:100%
}
time span.td {
	display:table-cell;
	width:20%;
	vertical-align:top
}
time span.zeitpunkt {
	width:20%;
	font-weight:200
}
time span.information {
	width:20%;
	font-size:.875em;
	line-height:1.25em
}
time span.td:last-child {
	text-align:center;
	padding:0;top:-0.5em
}
.day time em {
	display:none
}
.day time em {
	font-size:12px;
	position:absolute;
	top:-1.75em;
	font-style:normal;
	letter-spacing:.125em;
	opacity:.4;
	font-weight:200;
	width:100%
}
time span.td {
	padding:0 1em 0 0;
	position:relative
}
span.td a {
	color:var(--link-color);
	text-decoration:none;
	display:inline-block
}
.extra-info {
	font-weight:300;
	margin:0.25em 1em 0 0
}
mark {
	display:block;
	color:var(--black);
	background:transparent !important /* war 0 0 */
}
.extra-info span {
	position:relative!important
}
.extra-info br, .extra-info hr, .extra-info p, .extra-info-long hr {
	display:none!important
}
.extra-info br {
	display:block!important
}
.extra-info-long {
	font-weight:300;
	margin:1em 20% 0 0;
	line-height:1.5;
	font-size:1em
}
.extra-info-long br {
	display:block!important
}
.extra-info p.verlegt {
	display:block!important;
	margin:0;
	padding:0
}
time span.ort {
	font-size:1.25em;
	position:relative;
	top:-.125em
}
.verlegt {
	font-size:1em;
	color:var(--verlegt);
	font-weight:300
}
.sold-out {
	text-transform:uppercase;
	font-weight:800;
	Xletter-spacing:.125em;
	font-size:1em;
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	-webkit-transform:rotate(0);
	color:var(--black)
}
.abgesagt2, .ausverkauft2 {
	font-weight:500;
	font-size:1.25em;
	Xletter-spacing:.125em;
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	-webkit-transform:rotate(0)
}
.col1 {
	width:60%;
	display:inline-block;
	vertical-align:top
}
.col1 .inner {
	margin-right:4em
}
.col2 {
	width:40%;
	display:inline-block;
	vertical-align:top
}
#links ul {
	padding:0;
	margin:0
}
#links ul li {
	padding:0;
	margin:0 0 .75em;
	list-style-type:none
}
#links ul li:last-child {
	margin:0
}
#links ul li a {
	text-decoration:none;
	font-size:1.125em;
	font-weight:500;
	overflow-wrap:break-word;
	word-wrap:break-word;
	-ms-word-break:break-all;
	word-break:break-all;
	word-break:break-word;
	-ms-hyphens:auto;
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto
}
.action .thumb-btn2 a, .action .thumb-btn2 em, a.ticket, a.personsio {
	box-shadow:0 2px 4px rgba(0,0,0,.18);
	background:var(--link-color)
}
.action .thumb-btn2 a:hover, .action .thumb-btn2 em:hover, a.ticket:hover, a.personio:hover { 
	background:var(--link-hover)
}
a.ticketservice {
	display:inline-block;
	webkit-transition:background .4s ease-in-out;
	-moz-transition:background .4s ease-in-out;
	-ms-transition:background .4s ease-in-out;
	-o-transition:background .4s ease-in-out;
	transition:background .4s ease-in-out;
	background:var(--grey444);
	background:-moz-linear-gradient(top, var(--grey444) 0, var(--grey111) 100%);
	background:-webkit-linear-gradient(top, var(--grey444) 0, var(--grey111) 100%);
	background:linear-gradient(to bottom, var(--grey444) 0, var(--grey111) 100%)
}
a.ticketservice:hover {
	background:var(--grey333);
	background:-moz-linear-gradient(left, var(--grey333) 0, var(--grey222) 100%);
	background:-webkit-linear-gradient(left, var(--grey333) 0, var(--grey222) 100%);
	background:linear-gradient(to right, var(--grey333) 0, var(--grey222) 100%)
}
/*a.ticket, a.ticketX strong {
	text-decoration:none;
	font-weight:800;
	border-radius:.25em;
	text-transform:uppercase;
	letter-spacing:.0625em;
	padding:.66em 1.625em .66em;
	text-shadow:0 1px 2px rgba(0,0,0,.2);
	
}*/
a.ticket, a.ticketX strong, a.personio {
	text-decoration:none;
	font-weight:800;
	border-radius:.25em;
	text-transform:uppercase;
	letter-spacing:.0625em;
	padding:0 1.625em;
	line-height:2.375em;
	text-shadow:0 1px 2px rgba(0,0,0,.2);
	display:inline-block
	
}

a.ticket.kj-shop-ticket {overflow:hidden;height:2.375em; padding:0;transition: background 0.3s ease-in-out;vertical-align: middle;}
a.ticket.kj-shop-ticket .kj-shop-ticket-inital, a.ticket.kj-shop-ticket .kj-shop-ticket-hover {display:block;position:relative} 
a.ticket.kj-shop-ticket .kj-shop-ticket-inital {top:0;transition: 0.3s ease-in-out;padding:0 1.625em;}
a.ticket.kj-shop-ticket .kj-shop-ticket-hover {top:0;transition: 0.3s ease-in-out;}
a.ticket.kj-shop-ticket .kj-shop-ticket-hover span, a.ticket.kj-shop-ticket .kj-shop-ticket-hover i {font-size:0.825em}
a.ticket.kj-shop-ticket:hover .kj-shop-ticket-inital {top:-2.375em}
a.ticket.kj-shop-ticket:hover .kj-shop-ticket-hover {top:-2.375em;}
a.ticket.kj-shop-ticket:hover .kj-shop-ticket-hover span {}
a.ticket.kj-shop-ticket:hover {background: var(--kj-off-red)}
a.ticket.opacity {background:var(--externticket);}
a.ticket.opacity:hover {background:var(--externticket-hover);}
.fb-event-button {
	webkit-transition:background .4s ease-in-out;
	-moz-transition:background .4s ease-in-out;
	-ms-transition:background .4s ease-in-out;
	-o-transition:background .4s ease-in-out;
	transition:background .4s ease-in-out;
	
	display: inline-block;
    margin-top: 0.75em;
	width:9.33em;
	box-shadow: 0 2px 4px rgb(0 0 0 / 18%);
    background: var(--very-light-beige);
	color:var(--fb-color) !important;
	font-size:0.875em !important;
	font-weight: 800;
    border-radius: 0.25em;
    text-transform: uppercase;
    letter-spacing: 0.0625em;
    padding: 0.5em;
    text-shadow: 0 1px 2px rgb(0 0 0 / 5%);
	}

.fb-event-button:hover {background: var(--fb-bg-hover);}

.action .thumb-btn2 a, .action .thumb-btn2 em, a.ticket, a.personio {
	color:var(--weiss)!important
}
.action .thumb-btn2 a span, a.ticket span {
	color:var(--weiss)!important
}
.fa-ticket-alt {
	-moz-transform:rotate(-40deg);
	-ms-transform:rotate(-40deg);
	-o-transform:rotate(-40deg);
	-webkit-transform:rotate(-40deg);
	margin-right:.5em;
	opacity:.75
}


.fa-filter, .fa-phone-volume {
	margin-right:.25em;
	opacity:.85
}
.full-link .fa-calendar-alt {
	margin-right:.75em;
	opacity:.85
}
.fa-angle-double-right {
	margin-left:.5em;
	opacity:.9
}
#medien-partner ul {
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;
	font-size:0
}
#medien-partner ul li {
	display:inline-block;
	position:relative;
	width:33.33%;
	width:calc(100%/3);
	padding:0;
	margin:0;
	position:relative;
	z-index:1
}
#medien-partner ul li a {
	width:100%;
	text-align:center;
	display:table;
	min-height:120px
}
#medien-partner ul li a div.image {
	overflow:hidden;
	text-align:center;
	background:var(--weiss);
	float:none;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
	padding:1em;
	border:.25em solid var(--weiss);
	outline:1px solid var(--greye7);
	outline-offset:0
}
#medien-partner ul li:hover {
	box-shadow:0 .125em 1em rgba(0,0,0,.15);
	z-index:2;
	font-size:16px
}
#medien-partner ul li a div.image img {
	margin:0 auto;
	width:100%
}
#medien-partner ul li a div.imagesize-1 img {
	max-width:140px
}
#medien-partner ul li a div.imagesize-2 img {
	max-width:120px
}
#medien-partner ul li a div.imagesize-3 img {
	max-width:100px
}
.filter {
	background:var(--beige);
	color:var(--weiss);
	margin-bottom:.75em;
	display:none
}
.filter a {
	padding:1em 5em 1em 1em;
	border-left:1px solid rgba(0,0,0,.2);
	display:inline-block
}
#artist-filters.fixed {
	background:tranparent; /* war 0 0 */
	position:fixed;
	width:100%;
	left:0;
	z-index:12;
	top:6em
}
#artist-filter {
	position:relative
}
#artist-filters h1, #headline h1 {
	padding:0;
	margin:1em 0 0 0;
	color:var(--black);
	font-size:1.5em;
	font-weight:800
}
#artist-filters h1 {
	width:25em
}
#headline h1 {
	margin:0;
	padding:1em 0
}
#headline {
	margin-bottom:2em
}
#artist-filters .inner, #headline .inner {
	max-width:98.125em;
	max-width:99.625em;
	max-width:100.125em;
	margin:0 auto;
	background:-moz-linear-gradient(top, rgba(246,243,241,.9) 0, rgba(243,240,238,.9) 100%);
	background:-webkit-linear-gradient(top, rgba(246,243,241,.9) 0, rgba(243,240,238,.9) 100%);
	background:linear-gradient(to bottom, rgba(246,243,241,.9) 0, rgba(243,240,238,.9) 100%);
	padding:0;
	webkit-transition:background .4s ease-in-out;
	-moz-transition:background .4s ease-in-out;
	-ms-transition:background .4s ease-in-out;
	-o-transition:background .4s ease-in-out;
	transition:background .4s ease-in-out
}

.darkmode #artist-filters .inner, .darkmode #headline .inner {
background:-moz-linear-gradient(top, rgba(0,0,0,.9) 0, rgba(12,12,12,.9) 100%);
background:-webkit-linear-gradient(top,  rgba(0,0,0,.9) 0, rgba(12,12,12,.9) 100%);
background:linear-gradient(to bottom,  rgba(0,0,0,.9) 0, rgba(12,12,12,.9) 100%);
	
}


#artist-filters .inner .container {
	display:flex;
	justify-content:space-between
}
#artist-filter-container {
	padding:1em 0
}
#artist-filter-container-mobile {
	display:none
}
#artist-filters .inner ul li {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 1em;
	padding-bottom:0
}
#artist-filters .inner ul li select, #artist-filters .inner ul li select2 {
	width:100%;
	display:inline-block!important;
	vertical-align:middle
}
#artist-filters .inner ul li.select-wrapper select {width:auto}


.event {
	color:#00f!important
}
#genre-select-container {
	width:12em
}
#artist-filters .inner ul li#event-artist-container select, #artist-filters .inner ul li#event-artist-container select2 {
	width:auto;
	max-width:12em
}
#artist-filters label.gradient {
	background:var(--footer-bg);
	color:var(--black);	
	background:linear-gradient(to bottom, var(--footer-bg) 0, var(--taupe) 100%);
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	line-height:1.5em;
	font-weight:300;
	padding:.5em .5em .5em .75em;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin:0;
	
}
.info-paragraph, div.artist-infoblock, p.info {
	background:var(--weiss);
	font-size:1em;
	padding:1em 1.5em 1em 1.5em;
	font-weight:300;
	line-height:1.5;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	position:relative;
	Xletter-spacing:.03125em
}
.info-paragraph {
	padding:1.25em 1.25em .75em 1.25em;
	margin:0
}
.info-paragraph p {
	padding:0;
	margin:0 0 .25em 0
}
p.information {
	padding:1em 4em
}
div.artist-infoblock {
	padding:.5em 1em .5em 3.5em;
	margin-bottom:1em;
	min-height:1.563em
}
div.artist-infoblock i, p.information i {
	font-size:1.75em;
	padding:.25em;
	position:absolute;
	top:0;
	left:0;
	color:var(--weiss)
}
#presse-downloads {
	padding:2em 0;
	border-top:1px solid var(--footer-bg)
}
.presse-downloads {
	max-width:87.5em;
	margin:0 auto;
	padding:0 1.5em;
	display:block
}
.presse-downloads li {
	display:inline-block;
	vertical-align:top;
	margin:0;
	width:calc(100%/6);
	text-align:center
}
.presse-downloads li a {
	position:relative;
	font-weight:500;
	text-decoration:none;
	display:block;
	letter-spacing:0;
	font-size:1em;
	padding:.875em;
	margin:0 .5em 1em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	background:var(--weiss)
}
.presse-downloads li a img {
	height:5.375em;
	width:auto;
	display:block;
	margin:.5em auto .5em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	border:1px solid var(--greye7)
}
.presse-downloads li a em {
	font-style:normal;
	font-size:.875em;
	font-weight:200;
	color:var(--grey666);
	margin-top:.125em
}
.presse-downloads li a span {
	display:inline;
	vertical-align:middle
}
.presse-downloads li a:hover {
	box-shadow:0 .125em 1em rgba(0,0,0,.25)
}
.presse-downloads li a:hover em {
	color:var(--black)
}
map_container {
	position:relative
}
#map {
	height:0;
	background:var(--black);
	overflow:hidden;
	padding-bottom:56%;
	position:relative;
	margin-bottom:1.5em
}
#locationsAZ {
	font-size:1em;
	box-shadow:0 .125em 1em rgba(0,0,0,.15);
	margin-bottom:1em
}
#locationsAZh2 {
	font-size:1em;
	margin-bottom:.25em;
	font-weight:200
}
#locationsAZ ul li {
	text-align:center;
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:calc(100%/26);
	padding:0;
	margin:0
}
#locationsAZ ul li a {
	display:table;
	position:relative;
	z-index:1;
	width:100%;
	background:var(--weiss);
	outline:1px solid var(--greye7);
	text-decoration:none;
	line-height:4em;
	font-size:1em;
	font-weight:800
}
#locationsAZ ul li a span {
	display:table-cell;
	vertical-align:middle
}
#locationsAZ ul li a:hover {
	position:relative;
	z-index:2;
	box-shadow:0 .125em 1em rgba(0,0,0,.25)
}
#locations h3 {
	font-size:2em;
	text-align:center;
	background:var(--greye7);
	padding:.25em;
	margin:0 0 .5em 0
}
#locations h4 {
	padding:0;
	margin:0
}
#locations ul {
	display:block;
	margin:0;
	padding-bottom:1.75em;
	border-bottom:1px solid var(--greye7)
}
#locations ul li {
	line-height:1.5
}
#locations ul li a::before {
	font-family:"Font Awesome 5 Solid";
	content:"\f105";
	margin-right:.25em;
	opacity:.85
}
#locations a {
	text-decoration:none
}
.to_top a {
	font-size:.875em;
	text-decoration:none;
	font-weight:500
}
.to_top {
	text-align:right;
	margin:.5em 0
}
.artist-teaser {
	padding:0;
	margin:2em 2em 0 2em
}
.artist-teaser, .recommend-teaser {
	padding:2em 1em;
	margin:2em 0 0;
	box-shadow:0 .125em 1em rgba(0,0,0,.025)
}
.artist-teaser ul li {
	width:33.33%;
	width:calc(100%/3);
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0
}
.artist-teaser ul li a {
	display:block;
	padding:0;
	margin:0 1em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	text-decoration:none;
	position:relative;
	background:var(--weiss)
}
#lastminute-modal p {
	margin-bottom:0
}
#lastminute-modal ul li a {
	display:block;
	padding:0;
	margin:0 0 1em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	text-decoration:none;
	position:relative;
	background:var(--weiss)
}
.artist-teaser ul li a i {
	position:absolute;
	top:.625em;
	right:.625em;
	font-size:2em
}
#lastminute-modal ul li a i {
	position:absolute;
	top:.625em;
	left:.625em;
	font-size:2em
}
.artist-teaser ul li a:hover i {
	right:.5em
}
#lastminute-modal ul li a h2, .artist-teaser ul li a h2 {
	font-size:1.125em;
	padding:0;
	margin:0
}
#lastminute-modal ul li a h2 span {
	display:none
}
#lastminute-modal ul li a p, .artist-teaser ul li a p {
	color:var(--black);
	font-weight:300;
	padding:0;
	margin:.25em 0 0 0;
	line-height:1.25
}
#lastminute-modal ul li a p b, .artist-teaser ul li a p b {
	color:var(--black);
	font-weight:200
}
#lastminute-modal ul li a:hover, .artist-teaser ul li a:hover {
	box-shadow:0 .125em 1em rgba(0,0,0,.25)
}
.artist-teaser ul li a div {
	margin:0 .25em;
	padding:1em 3em 1em 1em
}
#lastminute-modal ul li a div {
	margin:0 .25em;
	padding:1em 1em 1em 4.25em
}
#artist-thumbs li, .day, .full-link, .presse-downloads a, a.scalelink {
	transform:scale(1, 1);
	webkit-transition:transform .2s ease-in-out;
	-moz-transition:transform .2s ease-in-out;
	-ms-transition:transform .2s ease-in-out;
	-o-transition:transform .2s ease-in-out;
	transition:transform .2s ease-in-out
}
#artist-thumbs li.more:hover .full-link:hover, #artist-thumbs li:hover, .presse-downloads a:hover, a.scalelink:hover {
	transform:scale(1.03, 1.03)
}
.day:hover {
	transform:scale(1.01, 1.01)
}
.recommend-teaser .headline {
	width:23%;
	display:inline-block;
	vertical-align:top
}
.recommend-teaser .headline .inner {
	margin:0 1em;
	background: var(--footer-bg);
	box-shadow:0 .125em 1em rgba(0,0,0,.1)
}
.recommend-teaser .headline .inner .innerinner {
	padding:1.25em 1.25em 1.25em 6.5em;
	position:relative
}
.artist-teaser h3 {
	margin:0 .75em .625em
}
.recommend-teaser .headline h3 {
	font-weight:500;
	font-size:1.375em;
	margin:0;
	color:var(--black);
	text-align:left;
	min-height:3.182em
}
.recommend-teaser .headline h3 em {
	font-weight:300
}
.recommend-teaser .headline img {
	position:absolute;
	left:1.25em;
	top:1.25em;
	overflow:hidden;
	border-radius:35px
}
.recommend-teaser ul {
	width:77%;
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0
}
.indiTime {
	display:none
}
.extern-vvk, .no-ticket-info {
	display:none;
	padding:.5em;
	margin:0;
	font-weight:300;
	border:1px solid var(--greye7);
	line-height:1.33;
	background:var(--weiss)!important
}
.no-ticket-info {display:block;font-size:0.825em;border:1px dashed var(--greye7);}
mark.extern-vvk {
	position:relative;
	top:-0.5em;
	
}
mark.no-ticket-info {
	position:relative;top:-1em;
	margin:0 0.75em
}
.extern-vvk a {
	font-weight:500
}
.description-heckmeck {
	min-height:1em;
	margin:1em 0 .5em;
	display:block
}
.description-heckmeck hr, .description-heckmeck span, hr {
	display:none
}
.description-heckmeck span.infotext-terminspalte, .description-heckmeck span.tourmottotermine {
	display:block
}
.description-heckmeck p {
	padding:0;
	margin:0
}
.description-heckmeck img {
	max-width:100%;
	width:auto;
	height:auto;
	display:block
}
#myshortUrl-overlay, #overlay-loading-animation {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:var(--trans-weiss);
	z-index:12000;
	cursor:pointer
}
#overlay-loading-animation .inner {
	display:table;
	height:100%;
	width:100%
}
#overlay-loading-animation .inner2 {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:1.5em;
	color:var(--kj-off-red)
}
#overlay-loading-animation .inner2 span {
	display:block;
	margin-top:.25em;
	font-weight:200;
	text-transform:uppercase
}
#overlay-loading-animation .inner2 span i {
	display:block
}
#index-loggedin {
	padding:1em;
	background:#6c6;
	text-align:center;
	position:relative;
	z-index:0;
	display:none;
	position:relative;
	color:var(--weiss);
	font-weight:300
}
#index-loggedin:after {
	bottom:100%;
	right:15.85em;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	z-index:20;
	pointer-events:none;
	border-color:rgba(102,204,102,0);
	border-bottom-color:#6c6;
	border-width:1.5em;
	margin-left:-1.5em
}
#aktuelle-termine {
	display:block;
	padding:2em 2em 0;
	margin:0;
	text-align:center
}
#aktuelle-termine .ticket {
	margin:0!important;
	top:0;
	display:inline-block
}
#map_canvas {
	height:0;
	padding-bottom:66%;
	background:var(--black)
}
#bplan_mode {
	display:block
}
#bplan_mode img {
	max-width:100%
}
.location address, .location p {
	font-style:normal;
	font-size:1.125em;
	line-height:1.5;
	margin-bottom:1em;
	font-weight:200
}
.location h2 {
	border-bottom:1px solid var(--greye7);
	margin:2em 0 .5em;
	padding:0 0 .25em;
	font-size:1.25em
}
.location h2:first-child {
	margin:0 0 .5em
}
ul#team {
	text-align:center
}
ul#team li {
	border-radius:.25em;
	background:var(--weiss);
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin:.5em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1);
	height:290px
}
ul#team li .inner {
	max-width:175px;
	padding:0 1em 1em
}
.team-head {
	display:table;
	height:3em;
	width:175px;
	padding:0 1em
}
.team-head .inn {
	display:table-cell;
	vertical-align:middle;
	font-size:.875em;
	font-weight:200
}
ul#team li .inner h2 {
	font-size:1em;
	padding:0;
	margin:.75em 0;
	display:block
}
ul#team li .inner p {
	font-size:.875em;
	margin:.75em 0;
	color:var(--grey666);
	padding:0;
	display:block;
	font-weight:200
}
ul#team li .inner p.team-mail a {
	font-weight:500;
	text-decoration:none
}
ul#team li .inner p.team-mail a i {
	margin:0 .25em 0 0
}
p.booking-roster-link {
	margin:0!important
}
p.booking-roster-link a {
	font-weight:500;
	display:block;
	text-decoration:none
}
p.booking-roster-link a i {
	margin:0 0 0 .25em
}
ul#faq-links {
	margin:1.5em 0;
	display:block
}
ul#faq-links li {
	margin:0 0 .5em;position: relative;
    padding: 0 0 0 0.875em;
}
ul#faq-links li i {
	position: absolute;
    left: 0;
    top: 0.0625em;
	}
ul#faq-links li a {
	text-decoration:none;
	font-size:1.125em
}
.faq_block {
	font-weight:300;
	line-height:1.5;
	font-size:1.125em;
	border-top:1px solid var(--greye7);
	padding:2em 0 0
}
.faq_block strong {
	font-weight:500
}
.faq_block ol, .faq_block ul {
	padding:0 0 0 2em
}
.faq_block ul li {
	list-style-type:disc
}
#love {
	position:relative;
	padding:1em 1em 1em 3em;
	font-weight:200;
	text-align:left;
	background:#ffc;
	border:1px solid #ff6;
	margin:0 1em 1em
}
#love i {
	color:var(--red);
	position:absolute;
	left:1em;
	top:1em
}
.geschenkkarten-thumbs {
	margin:1em 0;
	position:relative;
	z-index:0!important
}
.geschenkkarten-thumbs li {
	display:inline-block;
	width:25%;
	width:calc(100%/4);
	z-index:0!important
}
.geschenkkarten-thumbs li a {
	z-index:0
}
.geschenkkarten-thumbs li .inner {
	padding:0 .5em .5em 0
}
.geschenkkarten-thumbs li a img {
	box-shadow:0 .125em 1em rgba(0,0,0,.2);
	z-index:0!important
}
.geschenkkarten-thumbs li:hover a img {
	box-shadow:0 .125em 1em rgba(0,0,0,.4)
}
.geschenkkarten-thumbs img {
	max-width:100%;
	height:auto;
	display:block
}
#geschenkkarten-thumbnails li {
	width:33%;
	width:calc(100%/3);
	vertical-align:top;
	padding:0;
	margin:0
}
#geschenkkarten-thumbnails li .inn {
	margin:0 .25em
}
#geschenkkarten-thumbnails li:first-child .inn {
	margin:0 .5em 0 0
}
#geschenkkarten-thumbnails li:last-child .inn {
	margin:0 0 0 .5em
}
#geschenkkarten-buy li {
	display:block;
	margin:0 0 1em
}
#geschenkkarten-buy li a {
	display:inline-block;
	margin:.25em 0 0 0
}
#geschenkkarten-buy h3 {
	font-size:1em;
	margin:0 0 .25em 0
}
#booking-details {
	max-width:30em;
	margin:0 auto;
	padding:3em 2em;
	text-align:center
}
#booking-details p {
	margin:.5em 0 0 0;
	padding:0;
	font-size:1em
}
#booking-details p.booking-contact a {
	font-size:1.25em;
	text-decoration:none
}
#booking-details a {
	font-weight:500
}
#booking-details-outer {
	position:relative;
	z-index:10;
	margin-top:1rem
}
#artist-info {
	margin:0 0 1.5em
}
div.artist-info {
	margin:0;
	text-align:center;
	font-size:.875em;
	max-width:50em;
	margin:0 auto
}
div.artist-info p {
	padding:0 0 .5em 0;
	line-height:1.5!important;
	margin:0
}
div.artist-info a {
	display:inline-block
}
div.artist-info a.contains-image {
	vertical-align:middle
}
div.artist-info a.contains-image img {
	margin:.25em .75em
}
span.artist-info-left {
	text-align:left!important;
	display:block!important
}
span.orange-color {
	color:var(--kj-off-red)!important
}
span.textforimage {
	display:inline-block
}
.postit {
	position:relative;
	border:1px solid #ff6;
	border-bottom-right-radius:3.75em .375em;
	background:#ffc;	
	background:linear-gradient(135deg, #ffc 81%, #ffc 82%, #ffc 82%, #fefee7 100%)
}
.darkmode .postit {
background:#000;border:none	
}
.postit:after {
	content:"";
	position:absolute;
	z-index:-1;
	right:0;
	bottom:20px;
	width:200px;
	height:25px;
	background:rgba(0,0,0,.2);
	box-shadow:2px 15px 5px rgba(0,0,0,.4);
	-moz-transform:matrix(-1, -.1, 0, 1, 0, 0);
	-webkit-transform:matrix(-1, -.1, 0, 1, 0, 0);
	-o-transform:matrix(-1, -.1, 0, 1, 0, 0);
	-ms-transform:matrix(-1, -.1, 0, 1, 0, 0);
	transform:matrix(-1, -.1, 0, 1, 0, 0)
}
#buttonHideText, #buttonShowText {
	display:inline-block;
	font-size:1em;
	font-weight:800;
	text-decoration:none
}
#buttonHideText i, #buttonShowText i {
	font-size:.75em
}
#more-text {
	display:none
}
#survey {
	padding:1em;
	background:var(--greye7);
	margin-top:1em
}
#order-iframe iframe {
	height:42.5em;
	width:100%;
	overflow:hidden
}
#order-iframe iframe.bestellt-f {
	height:26em
}
#order-iframe iframe.bestellt-s {
	height:26em
}
.location-block {
	padding:0 0 0 2em;
	position:relative
}
.location-block.addtop {
	margin-top:1em
}
.location-block address, .location-block p {
	padding:0;
	margin:0 0 .5em 0
}
.location-block i {
	position:absolute;
	left:-.5em;
	top:0;
	font-size:1.75em
}
.impressum-section h2 {
	margin-bottom:.5em
}
.impressum-section {
	margin-bottom:2em
}
.info_impressum {
	border-top:1px solid var(--greye7);
	padding:1em 0 0 0;
	text-align:center
}
.bigdate-geplant {
	background:var(--geplant);color:var(--black);background: #f0f8fb;
	font-size:.875em;
	padding:1.5em .5em;
	display:block
}
#important-message {
	background:var(--weiss);
	margin:1.5em 0 1em 0;
	padding:1.5em 2em 1em 2em;
	box-shadow:0 .125em 1em rgba(0,0,0,.1)
}
#important-message p {
	font-weight:300;
	line-height:1.25em
}
.search-marker {
	font-style:normal;
	border-bottom:2px solid red;
	display:inline
}
p.warning {
	background:#f7e2e3;
	border:1px solid #e28c8d;
	margin:.75em 0!important;
	padding:.875em 1em .875em 3em!important;
	position:relative
}
.noticewarning {
	background:#fefdec!important;
	border:1px solid var(--weiss)8b5!important
}
p.warning i {
	position:absolute;
	color:#c71a1c;
	left:.75em;
	top:.75em;
	font-size:1.25em
}
.noticewarning i {
	color:var(--grey333)!important
}
span.warning i {
	color:#c71a1c;
	font-size:1.25em
}
span.warning {
	color:#c71a1c
}

.kreditkarten-info {
	background:#faf4f4;
	border:3px solid #f44141!important;
	padding:0.75em 1em 0.75em 3em;
	position:relative;
	margin:1em 0;
	border-radius: 4px;
	font-size:1em;
}
.kreditkarten-info.tickets-info {margin:0 0 1.5em 0}
.kreditkarten-info p {padding:0;margin:0 !important;line-height:1.5;font-size:1em}
.kreditkarten-info  i {
	position:absolute;
	color:#f44141;
	left:.5em;
	top:0.5em;
	font-size:1.5em
}


/* */
.de, .en, .leicht {display:none}
.de.active, .en.active,  .leicht.active {display:block}
span.leicht {font-size:1.1111111111111em}
span.leicht h2 {margin:1.75em 0 0.875em}
#lang-switch a, #lang-switch button {padding:0.925em 2em;color:var(--link-color);border-right:1px solid #dcd3ce;border-left:1px solid #dcd3ce;
    box-shadow: inset 10px 0px 20px -10px rgb(216 206 199 / 82%);
	font-weight:500;
	position:relative;top:2px;margin-top:0;
	border-top:1px solid #dcd3ce;
	letter-spacing:0.125em;	
}
#lang-switch button {
	background:var(--light-beige);
	margin:0;
	border-bottom:none !important;
	text-transform: none;
}
#lang-switch button.lang-btn-leichte-sprache, #lang-switch button.lang-btn-leichte-sprache.active, #lang-switch button.lang-btn-leichte-sprache.active:hover {padding-left:2.75em;padding-right:1em;font-weight:300;letter-spacing:normal;}
#lang-switch button.lang-btn-leichte-sprache span:first-child{position:absolute;left:1.125em;top:0.75em}
#lang-switch button.lang-btn-leichte-sprache span:last-child {font-size:0.8125em;line-height:1em}
#lang-switch button.lang-btn-leichte-sprache svg {fill:var(--link-color);}
#lang-switch a.active, #lang-switch button.active {font-weight:300}
#lang-switch a.active, #lang-switch a.active:hover, #lang-switch button.active, #lang-switch button.active:hover  {padding:1em 2em;margin-top:0;color:#cbc0b9;text-decoration:none;
background: linear-gradient(to bottom,  #e7dfda 0%,var(--very-light-beige) 50%); 
    box-shadow: none;
	border-top:1px solid #dcd3ce;
position:relative;top:1px;cursor:default
}
#lang-switch a:hover,  #lang-switch button:hover {color:var(--link-hover);text-decoration:underline}
#lang-switch button.lang-btn-leichte-sprache.active svg {fill:#cbc0b9}


#lang-switch {padding:0.75rem 0;
margin:1rem 0 1.25rem;
border-bottom:1px solid #dcd3ce
}
#lang-switch.lang-switch-buttons {padding:0}




#lang-switch ul {display:block;
	list-style-type: none;
	padding:0;margin:0;
}
#lang-switch ul li {
	list-style-type: none;
	display:inline-block;
	padding:0;margin:0;
}

.sichergrad {
	background: var(--very-light-beige); /* Old browsers */
background: linear-gradient(to bottom,  var(--very-light-beige) 4%,#e7dfda 100%); 

	}


#datenschutz-page-new h2, #datenschutz-page-new  h3, #datenschutz-page-new h4, #datenschutz-page-new h5 {	
	text-transform:none
	}

#datenschutz-page-new  h2 {	
	font-size:1.75rem;margin-bottom:1rem;font-weight:400;
	border-bottom:1px solid var(--greye7);margin:3rem 0 0 0;padding-bottom:0.5rem
	}

#datenschutz-page-new  h3 {	
	font-size:1.5rem;margin:2rem 0 1rem;font-weight:400;
	
	}

#datenschutz-page-new  h4 {
	font-size:1.25rem;margin-bottom:0.75rem;font-weight:400
	}

#datenschutz-page-new h5 {
	font-size:1em;margin-bottom:0.5rem;font-weight:400
	}
#datenschutz-page-new {word-wrap:break-word;}
#datenschutz-page-new p.small {
	font-size:0.875rem; 
	}
	
.widerspruchrecht {border:1px solid var(--grey333);padding:1rem 1rem 0 1rem;margin-bottom:3rem}


ol#teilnahmebedingungen, ol#teilnahmebedingungen ol  {
  counter-reset: item;
  font-size:1rem;
}
ol#teilnahmebedingungen li {
  display: block;
  font-size:1rem;
  padding:0;margin:0 0 0.5rem 0
}
ol#teilnahmebedingungen li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  margin-right: 0.25rem
}
ol#teilnahmebedingungen li {font-size:1.25rem;margin:1rem 0 1.5rem}

ol#teilnahmebedingungen li ol li {font-size:1rem; margin:1rem 0 0}


.social-media-icons {
	display: flex;flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem;
	justify-content: center;
	margin:0.5rem
}
.social-media-icons h3 {display:none;}
.social-media-link {
	
}
.social-media-link svg {
	fill:var(--link-color);
	height:32px;
	width:32px;
	transform: scale(0.75);
}
.social-media-link:hover svg {
	transform: scale(0.80);
	fill:var(--link-hover)
}

a.downloadbtn {background:var(--link-color);color:var(--weiss);padding:0.75em;font-weight:600;width:auto;text-decoration:none;border-radius:0.25em}
a.downloadbtn:hover {opacity:0.75}


.ticket-mark {font-size: 0.75rem;
    font-weight: 200;
    margin: 1.3em auto 0;
    max-width: 170px;}
	
.ticket .fa-external-link-alt, .fa-external-link-square-alt {	
	margin-right:.5em;
	opacity:.75
}

.ticket.kj-shop-ticket .fa-external-link-alt{
	margin: 0 0 0 .25em;
	opacity:.99
}

.k1, .k-default, .k0 {font-size: 0.938em;color:var(--grey999);display:block;}
.k2 {font-size: 0.938em;color: var(--black);display:block;}
.k3 {	font-size: 0.938em;	color: var(--kj-off-red);display:block;}

#job-list {list-style-type:none;padding:0; margin:0}
#job-list li {padding:0; margin:0}
#job-list li a {background:var(--weiss);padding:1em 4em 1em 1em;margin:0.75em 0 0; display:block;text-decoration:none;position:relative;box-shadow:0 .125em 1em rgba(0,0,0,.1)}
#job-list li a i {font-size:2em;position:absolute;top:0.5em;right:0.5em}
.job-title {font-size:1.25em;font-weight:600;color:var(--black)}
section.job {border:1px solid var(--greye7);padding:5% 5% 3em ; margin: 0 0 2em;position:relative}
section.job .backtotop {position:absolute;bottom:1em;right:1em}
section.job header {text-align:center;padding:1em 1em 2em;margin:0 0 2em;Xborder-bottom:1px solid var(--light-beige);}
section.job header h1 {border:none;padding:0; margin: 0.5em 0; font-size:2em; word-wrap:break-word;}
section.job header span {font-size:1em;font-weight:300}
#stellen-overview {padding:1em;background:var(--light-beige);}
#stellen-overview header h1 {border:none;padding:0;font-weight:500;
	font-size:1.25em}
#stellen-overview p {margin-top:1em;padding:0}
a.personio {font-weight:300;text-transform:none;box-shadow:0 2px 4px rgba(0,0,0,.18);
	background:var(--link-color);margin-top:1em;
	line-height:1.5em;padding:1em} 


.skip-link {
  position: absolute;
  top: -5em; 
  left: 50%; 
  transform: translateX(-50%);
  background: black;
  color: white;
  padding: 1em 2em;
  z-index: 1000;
  text-decoration: none;
  border-radius: 0.5em;
  transition: top 0.3s;
  text-decoration:underline;
  font-size:1.5em;
  font-weight:300;
  text-align:center;
}
.skip-link:hover {background: var(--grey333);color:var(--weiss)}

.skip-link:focus {
  top: 1em; 
}
.skip-link.nolefttop:focus {
  top: 0; 
  left:0;
  transform: translateX(0%);
  font-size:1em
}

.mobile-link {display:none}
.desktop-link {display:block}

*,*:focus,*:hover{
    outline:none;
}
a:focus, li:has(> .inner a.card-link:focus) , .presse-downloads li a:focus, .artist-teaser ul li a:focus, .lang-switch ul li a:focus, button:focus, #partnerFooter a:focus, #partnerFooter li:has(> a:focus), select:focus, textarea:focus, input[type=submit]:focus, .control:focus, .select2-container .select2-selection--single:focus {  
    box-shadow: var(--focus) !important;	
}
#medien-partner li:has(> a:focus) {z-index:2}
.thumb-btn a:focus, .thumb-btn2 a:focus, .full-link a:focus, #features a.contains-image:focus, #features a.contains-image:focus img, #marquee a:focus, #cookie-banner:focus, #cookie-einstellungen:focus, h2 a:focus  {
    box-shadow: var(--focus-inset) !important;	
}

#features-new a:focus::after {
  box-shadow: var(--focus-inset);	
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}


.startseiten-links-wrapper {
  display: flex;
  gap: 1.5em;
  align-items: stretch;
}

.startseiten-link {
flex: 1;
  display: flex !important;
  justify-content: center; 
  align-items: center;  
  text-align: center;  
  flex-direction: column;
  text-transform:uppercase

}
.startseiten-link span {display: inline-flex;
  align-items: center;
  justify-content: center;
  }
.startseiten-link span.upper1 i {    top: -0.0375em;
    right: 0.125em;
    position: relative;}
.startseiten-link span.upper2 i {    top: -0.125em;
    right: -0.25em;
    position: relative;}
.startseiten-link em {
	font-style: normal;
	font-weight: 300;
	font-size:0.75em
}
#header-service ul li a.leichte-sprache:hover span:last-child {text-decoration-color:  var(--link-hover);color:var(--link-hover);}
.btn-leichte-sprache span:first-child {border-bottom:1px solid var(--grey666);color:var(--grey666);}
#header-service ul li a.leichte-sprache {padding-right:0;margin-left:3em}
.leichte-sprache span, .btn-leichte-sprache span {display:inline-block;vertical-align:middle}
.leichte-sprache span:first-child, .btn-leichte-sprache span:first-child {margin-right:0.5em}
.leichte-sprache span:last-child {text-decoration:underline; text-underline-offset: 0.33em;text-decoration-color: transparent;} /* --grey666 */
.btn-leichte-sprache span:first-child {border-bottom:1px solid var(--grey666);}

.btn-leichte-sprache {position:absolute;padding:0.75em;background:transparent; color: var(--grey666); text-transform:none;letter-spacing:0;width:auto;font-weight:300;border:none; box-shadow:none;right:0;bottom:0;font-size:0.875em;}
.btn-leichte-sprache:hover {background:transparent;box-shadow:none;}
.btn-leichte-sprache:hover span:first-child { border-bottom:1px solid var(--link-hover);color: var(--link-hover)}

#about-text-leichte-sprache p {font-size:1.25em;margin: 1em 0 }

.leichte-sprache h1 {font-size:2em}
.leichte-sprache h2 {font-size:1.75em;margin:2em 0 1em}
.leichte-sprache p, .leichte-sprache ul li {line-height:1.5em;font-size:1.25em;max-width:700px}
.leichte-sprache p.leicht-bigger {font-size:1.5em;}
.leichte-sprache img {padding:2em;background:var(--weiss);border:2px dashed var(--beige);margin:0 0 2em;max-width:75%}


section#newheader {margin-top:1em}
#intro .container {}

#intro .container .inner, #newheader .container .inner {
padding:2em 2em 1em;text-align:center;

background: linear-gradient(to top, rgba(255,255,255,0.0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);


	}
#intro .container .inner h1 {padding:0;margin:0;font-weight:400;font-size:1.75em}
#intro .container .inner p {font-weight:200;max-width:700px;margin:0.5em  auto 0;line-height:1.5}
#newheader .container .inner h1 {padding:0;margin:0;font-weight:400;}
#newheader .container .inner p {font-weight:200;max-width:700px;margin:0.5em  auto 0;line-height:1.5}