img{max-width:100%;}
@font-face{font-family:'larsseitregular';src:url('../fonts/type_dynamic_-_larsseit-regular-webfont.eot');src:url('../fonts/type_dynamic_-_larsseit-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/type_dynamic_-_larsseit-regular-webfont.woff2') format('woff2'),url('../fonts/type_dynamic_-_larsseit-regular-webfont.woff') format('woff'),url('../fonts/type_dynamic_-_larsseit-regular-webfont.ttf') format('truetype'),url('../fonts/type_dynamic_-_larsseit-regular-webfont.svg#larsseitregular') format('svg');font-weight:normal;font-style:normal;}
.main-page .header { position:relative; z-index: 99; display: inline-block; width: 100%; margin-top: 60px; }
.header .container{max-width:1700px;width:100%;}
.header nav{float:right}
.header nav ul{list-style:none;margin:0px;padding:0px;}
.header nav ul li{display:inline-block;margin:0 15px;position:relative;}
.header nav ul li a { padding:0 25px 0 0;font-size:18px;color:#fff;font-family:'larsseitregular';text-transform:uppercase;position:relative;letter-spacing:2px;text-decoration:none; }

.header nav ul li.social-nav a { padding: 0 15px 0 0; }

.header nav ul li .caret{height:11px;width:11px;position:absolute;right:0;top:0px;border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
.header nav ul li.open .caret {
    transform: rotate(136deg);
    top: 6px;
}
.header nav ul ul.dropdown-menu { padding:10px 0; width:100%; background-color: #383838; min-width: 208px; left: -15px; }
.header nav ul ul.dropdown-menu li { margin:0;display:block; }
.header nav ul ul.dropdown-menu li a { color:#fff;width:100%;padding:5px 15px;letter-spacing:0; text-transform:uppercase; font-size: 14px;line-height: 17px; }
.header nav ul ul.dropdown-menu li a:hover{ background-color: transparent; color: #337ab7; }

.header .nav .open > a, 
.header .nav .open > a:hover,
.header .nav .open > a:focus {
    background-color: transparent;
    border-color: #337ab7;
}
li.social-nav a{ display: inline-block; }
.footer ul.footer-link li { }

.banner{ position:relative; margin-top:-225px; }
.logo { position:relative;text-align:center;width:40%;display:inline-block; z-index: 9; }
.mobile-logo{ display:none; }
.banner .image img{ width:100%;height:auto; }
.banner video{ width:100%;height:auto; }
.banner button.slick-prev.slick-arrow{ position:absolute;top:50%;left:52px;z-index:99;background:none;border:none;outline:none;margin-top:-20px; }
.banner button.slick-next.slick-arrow{ position:absolute;top:50%;right:52px;z-index:999;background:none;border:none;outline:none;margin-top:-20px; }
body{ background-color:#232323; color:#fff; }
.artist-detail-content{ padding:40px 0px 58px 0px; }
.artist-detail-content h2{ margin:0px;text-align:center;font-size:24px;color:#fff;line-height:30px;padding-bottom:24px;letter-spacing:1.2px;font-family:'larsseitregular'; }
.artist-detail-content .artist-detail{display:flex;flex-wrap:wrap;max-width:910px;margin: 0 auto;}
.artist-detail-content .artist-detail .artist {position: relative;margin: 5.5px;width: 216px;}
.artist-detail-content .artist-detail .artist a {display: inline-block;width: 100%;height: 100%;position: relative;padding-bottom: 97.4%;}
.artist-detail-content .artist-detail .artist .image {display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.artist-detail-content .artist-detail .artist a:after { content:"";position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,0.2);left:0;top:0;transition:0.5s all;opacity:0;}
.artist-detail-content .artist-detail .artist .image img { width:100%; height:100%;   object-fit: cover; }
.artist-detail-content .artist-detail .artist .name { position:absolute;text-align:center;color:#ffffff;font-size:24px; line-height:30px; letter-spacing:1.2px;font-family:'larsseitregular';top:50%;left:50%;transform:translate(-50%,-50%);width:100%;opacity:0;visibility:hidden;transition:0.5s all; z-index:9;padding:0 15px;}
.artist-detail-content .artist-detail .artist a:hover .name{ opacity:1;visibility:visible; }
.artist-detail-content .artist-detail .artist a:hover:after{ opacity:1 }
.footer{ text-align:center;padding:30px 0px 30px 0px;position:relative;bottom:0;left:0;width:100%;color:#fff; /* background-color: #fff; */ /*border-top: 2px solid #666;*/}
.footer ul.footer-link{ padding:30px 0px;margin:0px; }
.footer ul.footer-link li{ display:inline-block; padding:0 15px; }
.footer ul.footer-link li a { display:inline-block;line-height:30px;font-size:15px;color:#fff;text-decoration:none;letter-spacing:1.2px;font-family:'larsseitregular';text-transform:uppercase; }
.footer ul.social-media { padding:29px 0px 0px 0px;margin:0px; }
.footer ul.social-media li { display:inline-block;padding:0 15px; }
.footer ul.social-media li a { display:inline-block; }
.footer ul.footer-link li.social-icon { padding: 0 7px; }
.footer ul.footer-link li.social-icon .fa { font-size: 19px; }
.footer p{ font-size:16px;letter-spacing:0.5px;font-family:'larsseitregular'; }

/*arstist-page*/
.artist-content{padding-top:55px;text-align:center;}
.artist-content .main-content{max-width:910px;width:100%;}
.artist-content .main-content .left-part{width:20.13%;float:left;}
.artist-content .main-content .left-part ul.order{display:block;padding:0px;margin:0px;}
.artist-content .main-content .left-part ul.order li{padding:4px 0px;list-style:none;}
.artist-content .main-content .left-part ul.order li a{text-decoration:none;font-size:14px;color:#FFFFFF;background-color:#000000;font-family:'larsseitregular';padding:0 53px;width:182px;text-align:center;display:inline-block;line-height:33px;}
.artist-content .main-content .left-part ul.order li.dates{margin-bottom:4px;}
.artist-content .main-content .left-part ul.order li.dates a{color:#fff;background-color:transparent;padding:0 45px;line-height:30px;border:2px solid #f1f0ef;}
.artist-content .main-content .left-part .lenske-logo{padding-top:49px;padding-bottom:35px;text-align:center;}
.artist-content .main-content .left-part ul.social-media{display:block;padding:0px;margin:0px;}
.artist-content .main-content .left-part ul.social-media li{display:inline-block;list-style:none;padding:12px 0px;width:33.33%;float:left;text-align:center;min-height:55px;}
.artist-content .main-content .left-part ul.social-media li .fa { font-size: 23px; color: #fff; }
li a.ra { color: #fff; }
.artist-content .main-content .left-part .second-state-logo{padding-top:41px;text-align:center;}
.artist-content  .main-content{display:inline-block;padding-bottom:38px;text-align:left;}
.artist-content .main-content .right-part{width:77.75%;float:right;}
.artist-content .main-content .right-part .right-main{max-width:538px;width:100%;float:right;}
.artist-content .main-content .right-part h2{margin:0px;font-size:36px;color:#fff;letter-spacing:1.2px;font-family:'larsseitregular';padding-bottom:40px;}
.artist-content .main-content .right-part p{margin:0px;font-size:14px;color:#fff;font-family:'larsseitregular';line-height:20px;padding-bottom:20px;text-align:justify;}
.artist-content .main-content .right-part .link-btn a{ text-decoration:none; width:auto; line-height:33px; padding:0 24px; text-align:center; background-color:#000; display:inline-block; color:#fff; font-family:'larsseitregular'; }
.artist-content .main-content .right-part .link-btn{padding-top:75px;}

/*about-page*/
.main-page{text-align:center; /*padding-top:75px;*/ /*padding-bottom: 141px; */}
.main-page .content{max-width:570px;width:100%;margin:0 auto;display:block;padding-bottom:82px;padding-top:79px;padding-left:15px;padding-right:15px;}
.main-page .content h2{margin:0px;font-size:36px;color:#fff;line-height:50px;font-family:'larsseitregular';padding-bottom:45px;letter-spacing:1.2px;}
.main-page .content p{margin:0px;font-size:14px;color:#fff;line-height:20px;font-family:'larsseitregular';}
.main-page .content .mail a{font-size:14px;color:#fff;line-height:20px;font-family:'larsseitregular';text-decoration:none;}
.main-page .content .address a{text-decoration:none;color:#fff;}
.main-page .content .mail{padding:5px 0px;}

/*imprint-page*/
.main-page .content h3{ margin:0px;font-size:15px;letter-spacing:1.2px;line-height:20px;color:#fff;font-family:'larsseitregular';padding-bottom:18px; }
.main-page .content.imprint p{ padding-bottom:6px; }
.main-page .content.imprint h2{ padding-bottom:31px; }
.main-page .content.imprint{ padding-top:0px; padding-bottom:6px; }
.main-page .content .top-detail{ padding-bottom:27px;text-align:left; }

/*content-page*/
.main-page .content.newsletter{ max-width:381px;width:100%;padding-bottom:136px;padding-top:138px;}
.main-page .content .form-new .input-box{ position:relative;display:inline-block;width:100%;}
.main-page .content .form-new .input-box input[type="email"]{ height:34px;border:2px solid #000000;line-height:30px;padding-left:35px;max-width:381px;width:100%;font-size:14px;color:#000000;font-family:'larsseitregular';padding-right:120px;outline:none;}
.main-page .content .form-new .input-box input::placeholder{ color:#000000;}
.main-page .content .form-new .input-box input[type="submit"]{ position:absolute;top:0;right:0;height:34px;background-color:#000000;color:#FFFFFF;font-family:'larsseitregular';width:109px;border:none;}
.main-page .content .form-new{ padding-bottom:106px;}
.banner-img{ position:absolute;top:0px;left:0px;bottom:0px;right:0px }
ul.aboss-event-list{ padding:0 0 20px 0;margin:0;}
ul.aboss-event-list li{ list-style:none;font-family:'larsseitregular'; }
ul.aboss-event-list li span.aboss-event-title a{ text-decoration:none; color:#fff; text-decoration:underline; }
ul.aboss-event-list li span.ticket-link a{ text-decoration:none;color:#fff;position:relative;padding:0 10px; }
ul.aboss-event-list li span.ticket-link a:after{ position:absolute;top:-2px;left:2px;content:"\f105";font-family:FontAwesome;color:#7f7f7f;}

@media (min-width:768px){
	/*.header nav ul li:hover .dropdown-menu,
	.header nav ul li.dropdown.open:hover .dropdown-menu{display:block;}
	.header nav ul li.dropdown.open .dropdown-menu{display:none;}*/
	.header .nav > li > a:hover,
	.header .nav > li > a:focus{background-color: transparent;}
	.header nav ul li:hover .dropdown-menu{ display: block; }
}

@media (max-width:1199px){
}
@media (max-width:991px){
	.artist-content .main-content .right-part{width:100%;float:none;display:block;}
	.artist-content .main-content .left-part{width:100%;float:none;display:block;}
	.artist-detail-content .artist-detail{max-width: 640px;}
	.main-page .content p{ font-size:14px; line-height:22px; }
	.main-page .content .mail a{font-size:20px;}
	.main-page .content .mail{padding:20px 0px;}
	.artist-content .main-content .left-part ul.order{width:50%;float:left; }
	.artist-content .main-content .left-part-main{width:50%;float:left; }
	.artist-content .main-content .left-part .lenske-logo { padding-top:0; }
	.artist-content .main-content .left-part ul.social-media li { padding-left:0px;padding-right:0px;width:92px;}
	.artist-content .main-content .left-part ul.social-media { text-align:center; }
	.artist-content .main-content .left-part .lenske-logo { padding-bottom:0px; }
	.artist-content .main-content .left-part .second-state-logo { padding-top:5px; }
	.artist-content .main-content .right-part .right-main { float:left;padding-top:30px;max-width:none; }
	.artist-content .main-content .right-part .link-btn{ padding-top:40px; }
	.main-page .content.newsletter{ padding-top:90px; padding-bottom:90px; }
	.main-page .content .form-new{ padding-bottom:90px; }
}
@media (max-width:767px) {
    .main-page .header { margin-top: 0px; }
	.header nav {width: 100%;margin: 0;min-height: auto;border: none;padding: 20px 0 0;}
	.header .navbar-toggle{background-color: #fff;margin: 0px;}
	.header .navbar-toggle .icon-bar{background-color: #000;}
	.header .navbar-collapse{box-shadow: none;border: none;}
	.header nav ul li {margin: 10px 0;width: 100%;text-align: left;}

	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus,
	.nav > li > a:hover,
	.nav > li > a:focus {text-decoration: none;background-color: transparent;border:none;}
	.header .navbar-nav .open .dropdown-menu{background-color: #383838;}

	.artist-detail-content{ padding-bottom:20px; padding-top: 0px; }
	.banner .logo{ top:20px; }
	/*.logo img{max-width:100px;}*/
	.banner button.slick-prev.slick-arrow{ left:0px; }
	.banner button.slick-next.slick-arrow{ right:0px; }
	.banner{margin-top:-114px;}
	.main-page{padding-top:0px;padding-bottom:0; }
	.main-page .content{padding-top:40px;padding-bottom:40px; }
	.main-page .content h2{font-size:25px;line-height:35px; }
	.main-page .content h2{padding-bottom:30px; }
	.artist-content .main-content .left-part ul.order{ width:100%; float:none; }
	.artist-content .main-content .left-part-main{ width:100%; float:none; padding-top:0px; }
	.artist-content .main-content .left-part ul.order li a{width:100%; }
	.artist-content .main-content .left-part ul.social-media li{padding-left:0px;padding-right:0px;width:33.33%; }
	.artist-content .main-content .left-part .second-state-logo{padding-top:15px; }
	.artist-content .main-content .right-part .right-main{padding-top:40px; }
	.main-page .content.newsletter{padding-top:60px;padding-bottom:60px; }
	.main-page .content .form-new{padding-bottom:60px; }
	.footer{ padding-top:20px;padding-bottom:20px;position:static; }
	.logo{ display:none; }
	.mobile-logo{ display:block; padding:0px 0px; }
	/*.mobile-logo img{max-width:100px;}*/
	.banner{margin:0px;}
}
@media (max-width:639px){
	.artist-detail-content .artist-detail {max-width: 425px;}
	.footer ul.footer-link li {padding: 0 15px;}
}
@media (max-width:479px){
	.footer ul.footer-link li{padding:0 10px;}
	.footer ul.footer-link li{padding:0 8px;}
	.artist-content .main-content .left-part ul.social-media li{padding-left:30px;padding-right:30px;}
	.artist-content .main-content .right-part .right-main{padding-top:30px;}
	.artist-content .main-content .right-part h2{padding-bottom:20px;}
	.artist-content .main-content .right-part .link-btn{padding-top:25px;}
	.artist-detail-content .artist-detail .artist{width:100%;}
}


.artist-section{
	width: 100%;
	padding: 50px 0;
}
.artist-section h2{
	text-align: center;
	font-size: 48px;
	line-height: 52px;
	margin-bottom: 26px;
}
.artist-section .artist{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 18px;
}

.artist-section .artist a{
/*	display: block;*/
	color: #fff;
	text-decoration: none;
	transition: 0.5s all;
}
.artist-section .artist .name{
	width: 100%;
	text-align: center;
	background: #5A5A5A;
	line-height: 18px;
	font-size: 14px;
	padding: 8px 0;
	font-family:'larsseitregular';
	font-weight: normal;
	display: flex;
	justify-content: center;
	transition: 0.5s all;
	text-transform: uppercase;
}
.artist-section .artist a:hover .name{
	background-color: rgb(0 0 0 / 75%);
}
.artist-section .artist .name span{
	padding-left: 5px;
	text-decoration: underline;
}
.artist-section .small .artist{
	width: 50%;
	padding: 0 10px;
	float: left;
}
.artist-section h3{
	font-size: 36px;
	margin-bottom: 10px;
	margin-top: 0;
}
.artist-section h4{
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
}
.artist-section h5{
	margin-bottom: 10px;
}
.artist-section p{
	margin-bottom: 15px;
	line-height: 21px;
	font-size: 14px;
	font-size: 18px;
}
.icon-list{
	list-style: none;
	display: flex;
	padding: 26px 0 40px;
	margin: 0;
}
.icon-list li{
	padding-right: 50px;
}
@media (max-width:991px){
    .artist-section .artist .image img{
        object-fit: cover;
    }
    .artist-section .artist .name{
    	font-size: 13px;
    }
}
@media (max-width:639px){
	.artist-section h2{
		font-size: 28px;
		line-height: 30px;
	}
	.artist-section .artist .name{
		font-size: 12px;
		line-height: 15px;
	}
	.icon-list{
		padding-bottom: 20px;
	}	
	.icon-list li{
		padding: 0;
		width: 33.33%;
		justify-items: center;
		text-align: center;
	}
}

.o-video {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%; /* 9 / 16 * 100 */
}
.o-video > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

.artist-section ul.icon-list li .fa {
    font-size: 28px;
    color: #fff;
}
.artist-section .artist .image.artistdetail img{   
    width: 100%;
    height: auto;
}

.artist-section .artist ul li{
  font-size: 18px;
  line-height: 20px;
}
.artist-section .artist ul li  a{
  text-decoration: underline;
}
.artist-section .artist p  a{
  text-decoration: underline;
}
