/*hover farbe
 #A020F0
 */
  
* { 
	margin: 0; 
	padding: 0; 
	
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 

 
 
html {
		scroll-behavior: smooth;
	}
/**
 * Disable smooth scrolling when users have prefers-reduced-motion enabled
 */
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}




 
body { 
background:#ffffff;
/*overscroll-behavior:none;*/
 		
}
 

a img {
	border: none;
} 

a.anchor {
    display: block;
    position: relative;
    top: -80px;
     top: -240px;
     visibility: hidden;
}

/*a:focus { 
    outline: none; 
}  
*/

.clear {clear:both;margin:0;padding:0;height:0px;}

.clearfix:after {content: '';display: table;clear: both;}

 .invisible {display:none !important; }
 
 

 .unsichtbar {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden; 
  white-space: nowrap;
  z-index: 1000;
  top: 0;
}

.unsichtbar:focus  {
  height: auto;
  width: auto;
  padding: 5px;
  background-color: #fff; color: #000;
}

/*
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

*/


html, body { height:100%;}
 
 

#wrapper {
position: relative;
background:#fff;
width:100%; 
height:100%;
min-height:100%;
 margin: 70px auto 0px auto;
 margin: 60px auto 0px auto;
/*overflow:hidden;*/ 
} 


#page  {
width:100%;
display:block;
position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
 

.subnav1 #wrapper {margin:178px auto 0px auto;} 
.subnav2 #wrapper { margin:238px auto 0px auto;} 
.subnav3 #wrapper { margin:220px auto 0px auto; } 


header {position:fixed; height: 50px;padding-top:10px;
 height: 60px;padding-top:10px;padding-bottom:10px;

 top:0px; width: 100%;z-index:700;z-index:1001; background-color:#fff;}

#subnavwrapper, .artist .booknavcontainer , .eventpage .booknavcontainer {position:fixed; /*height: auto; */top:60px; width: 100%;background:#fff;  z-index:1000;} 

.artist .booknavcontainer {top:50px;  z-index:2000;}

.eventpage .booknavcontainer {top:192px; top: 162px; top: 112px; }
.eventpage.subnav2 .booknavcontainer {top: 162px; }
.eventpage.subnav3 .booknavcontainer {top: 162px; }





.booknavcontainer {  margin-top: 0px;}
 
.booknavwrapper {  padding: 0px 0px 0px 0px;  }
  
 .booknavwrapper .booknav { border-right: 2px solid #000;
border-left: 2px solid #000;
border-bottom: 2px solid #000;}







  
  
.contentwrapper {max-width: 1440px; width: 100%; padding:0px 10px 0px 10px; }

header .contentcontainer {position:relative}

#sprachnavi {display:none;}


.grid-sizer {width:100%; }
 
.grid-item {width: 100%; padding-bottom:0px;    display:block; padding-bottom: 10px;
float: left; } 
.grid-item img {width:100%; height:auto; }
 
.grid-item img {
  display: block;
  max-width: 100%;
} 
 
#logo {display:block; width: calc(100% - 50px);float:left; background-color: #fff; color: #000; border: 2px solid #000;line-height: 36px;height: 40px; padding-left: 10px;} 

.start #logo { background-color: #000; color: #fff; }

#logo:hover { background-color: #A020F0; border: 2px solid #A020F0; cursor:pointer;  color: #fff;}
 
footer .contentwrapper > div {margin-bottom: 10px; margin-top: 10px;padding: 0px 5px 0px 5px;padding: 0px;}
footer ul {  margin:0px ; padding:0; list-style-type:none;}
footer  ul li {display: block; padding: 0px 0px 0px 0px;  }

.bottomfooter > div {width:100%; clear:both;  padding:0px; background:#000;}

.topfooter > div {width:100%; clear:both;   padding:9px 10px 9px 10px; border:2px solid #000;}

.topfooter div#sitemapnav {width:100%; clear:both;   padding:0px 10px 9px 10px; border:2px solid #000;border-top:none; }

#sitemapnav  ul  { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    justify-content: flex-start ;

     -webkit-justify-content: flex-start ;
     -moz-justify-content: flex-start ;
       -ms-justify-content: flex-start ;
       
       flex-wrap:  wrap  ;
       
       }
       
       
#sitemapnav  ul ul { display:block; }

#sitemapnav  ul > li {  font-weight: bold; padding: 10px 30px 0px 0px; }
 
#sitemapnav  ul > li > ul > li  {float:none; display:block; font-weight: normal; padding: 0px 0px 0px 0px;}
#sitemapnav  ul > li > span { font-weight: normal;}

#sitemapnav  ul > li a:hover {color: #A020F0;}


footer nav {float:left; }
footer .some {float:right; display:inline-block; padding: 0px;  }
footer .some a {
display:inline-block; width: 26px; height: 26px; margin-left: 10px;text-indent: -9999px;
background-repeat:no-repeat;
background-size:auto 30px ;
background-position:  center;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; 
}

a.youtube{ background-image:url('../images/icons/youtube.svg')}
a.instagram{ background-image:url('../images/icons/insta.svg')}
a.facebook{ background-image:url('../images/icons/facebook.svg')}
a.twitter{ background-image:url('../images/icons/twitter.svg')}
a.whatsapp{ background-image:url('../images/icons/whatsapp.svg')}
a.email{ background-image:url('../images/icons/email.svg')}

a.youtube:hover, a.youtube:focus { background-image:url('../images/icons/youtube_hover.svg')}
a.instagram:hover, a.instagram:focus { background-image:url('../images/icons/insta_hover.svg')}
a.facebook:hover, a.facebook:focus { background-image:url('../images/icons/facebook_hover.svg')}
a.twitter:hover, .twitter:focus { background-image:url('../images/icons/twitter_hover.svg')}
a.whatsapp:hover, a.whatsapp:focus { background-image:url('../images/icons/whatsapp_hover.svg')}
a.email:hover, a.email:focus { background-image:url('../images/icons/email_hover.svg')}



footer .supportedby { display:block; padding: 10px; width: 100%; color: #fff;}
footer .supporterlogos { display:block;margin: 10px;}

footer .supporterlogos span {text-indent: -9999px;
float:left; 
display:block; 
width: calc(33.3333% - 20px); height: 120px;
margin: 10px;
background-repeat:no-repeat;
background-size:contain; 
background-position:  center;
}

 
footer .supporterlogos span.applaus {background-image:url('../images/logos/Applaus_Logo-white.png');background-size:100px auto;width: 100px; }


span.initiativemusik {background-image:url('../images/logos/initiativemusik.svg')}
span.soziokultur {background-image:url('../images/logos/soziokultur.svg')}

span.senatsverwaltung {background-image:url('../images/logos/senatsverwaltung.svg');
background-image:url('../images/logos/B_SEN_KuGZ_Logo_DE_V_N_1C.svg')}

span.aktionmensch {background-image:url('../images/logos/AM_Foerder_Logo_RGB.png');
background-image:url('../images/logos/Aktion-Mensch-logo-SW-invers.svg')}
span.bzapankow {background-image:url('../images/logos/kulturamt-web.png');
background-image:url('../images/logos/ba_pankow_kultur-invers-2rows.svg')
}

 
 
 
 


a#top {position:fixed; right: 6px; bottom: 10px; display:none; z-index:1000;width:30px; height:30px; background:#fff; border:2px solid #000;}

a#top{display:block;width:48px; height:48px;text-indent:-9999px;
background-image:url('../images/icons/top.svg');
background-repeat:no-repeat;
background-size:146px 16px; background-size:20px 20px; 
background-position:center; 
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;

}
a#top:hover,  a#top:focus  { background-image:url('../images/icons/top_hover.svg');  background-color:#000;} 

.booknav {text-align:center; height: 51px;}

.booknav span {text-align:center; display:inline-block; line-height: 42px; padding-top: 6px;  overflow: hidden;  text-overflow: ellipsis;
width: calc(100% - 120px);
white-space: nowrap;
}
 


.booknav a {display:block;width:48px; height:48px;text-indent:-9999px;
background-repeat:no-repeat;
background-size: auto 20px;
background-position:center; 
}
.booknav a.booknav_next{background-image:url('../images/icons/next.svg');float:right;}
.booknav a.booknav_next:hover, #booknav a.booknav_next:focus  {background-image:url('../images/icons/next_unselectable.svg');}

.booknav a.booknav_prev{background-image:url('../images/icons/previous.svg');float:left;}
.booknav a.booknav_prev:hover, #booknav a.booknav_prev:focus  {background-image:url('../images/icons/previous_unselectable.svg');}
 
footer .booknav {border: 2px solid #000;margin: 0px 0px 10px 0px !important; }


 
section > div  {border:2px solid #000; }

div.listitem  > a  {border:2px solid #000; display:block; padding: 10px;}
 
section > div p.subline  {border-top: 2px solid #000;}



section.event > div  {border:none; }

section p {padding:6px 10px 6px 10px; margin:0;}
section h2 {padding:6px 10px 6px 10px; margin:0;}
 
section.intro  {margin-bottom: 10px; padding: 0px 5px 0px 5px;padding: 0px;}
section.textblock  {margin-bottom: 10px; padding: 0px 5px 0px 5px;padding: 0px;}

section.event {border:none; 
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}

section.event:hover {cursor:pointer;}


p + h2 {padding-top:0px;}

.event img,.singleevent img,  .standardimage {display:block; width: 100%; height:auto; }

.standardimage { filter:none;border-left:2px solid #000;border-bottom:2px solid #000;}
.seriespage .standardimage { border-top:2px solid #000;border-right:2px solid #000;}


section:focus {border:2px solid #A020F0;}

.galleryimages {border-top:2px solid #000;border-left:2px solid #000;}
.galleryimages figure { display:none;}
.galleryimages figcaption  { display:none;}
.galleryimages figure.gallerypreview{border-bottom:2px solid #000;display:block;}

.artist .galleryimages {border-top:none; }
.artist .galleryimages img {width: 100%; height:auto; }



.event p, .event ul, .event ol  {padding: 6px 10px 6px 10px; border-left:2px solid #000;border-right:2px solid #000;}
.event ul , .event ol{padding: 6px 10px 6px 30px;}

.event p.date, .event.pagemenu h2 { border-top: 2px solid #000; }

.video .event p.date { display:none;  }
.video .event h2  { border-top: 2px solid #000;  }



section.event div:hover p.date, section.event div:focus p.date  { border-top: 2px solid #A020F0; }

.event p.artistinfo { border-top: 2px solid #000;  border-bottom: 2px solid #000; }
 
.event p.artistinfo.noborderbottom , .noborderbottom {border-bottom:none !important;}
.borderbottom {border-bottom: 2px solid #000 !important;}


section.event div:hover p.artistinfo ,section.event div:focus p.artistinfo { border-top: 2px solid #A020F0;  border-bottom: 2px solid #A020F0; }

.event h2 {padding: 6px 10px 6px 10px;border-left:2px solid #000;border-right:2px solid #000;}
.event h2.borderbottom {border-bottom:2px solid #000;}


 section.event div img {  filter: grayscale(100%);}
 
.singleimage {border-left:2px solid #000;border-right:2px solid #000;border-top:2px solid #000;}

.singleimage:hover ,  a:focus .singleimage, section.event:hover .singleimage { filter: none;}


.gallery:hover img, .gallery:focus img,  section.event:hover .gallery  img{ filter: none;}

section.event div:hover .startimage , section.event div:hover .stopimage ,
section.event div:focus .startimage , section.event div:focus .stopimage 
{ filter:none;border-left:2px solid #A020F0;border-right:2px solid #A020F0;border-top:2px solid #A020F0;}

section.event div:hover p ,section.event a:focus p { color:#A020F0;border-left:2px solid #A020F0;border-right:2px solid #A020F0;}
section.event div:hover h2 ,section.event a:focus h2 { color:#A020F0;border-left:2px solid #A020F0;border-right:2px solid #A020F0;}

section.event div:hover p.addinfo ,section.event a:focus p.addinfo  {border-bottom: 2px solid #000;color:#000;border-left:2px solid #000;border-right:2px solid #000;}

/*für border unter share-/copy block bei eventdetail wenn event categories hat, die keine seite haben = discontinued series....*/
p.bottomline {height: 0px; border-bottom: 2px solid #000; padding:0;}


 
/*
.seriespage section.event div {border-bottom:2px solid #000;}
.seriespage section.event div:hover {border-bottom:2px solid #A020F0;}*/

.event p.showall {border-bottom:2px solid #000;border-left:2px solid #000;border-right: none;  }

.event p.showall:hover , .event p.showall:focus , .event a:focus  p.showall {border-bottom:2px solid #A020F0;border-left:2px solid #A020F0; background-color: #A020F0; color: #fff;cursor:pointer;}

.event p.showall span {float:right; 
display: inline-block; cursor: pointer; margin-right:4px;margin-top:6px;  
width:8px;height:8px;
border-radius: 50%;
-moz-border-radius:50%;
-webkit-border-radius:50%; 
text-indent:-9999px; background:#000;}

.event p.showall:hover span, .event p.showall:focus span {background:#fff;}




.supportedby, .sharebuttons {border-top:2px solid #000;border-left:2px solid #000;border-right:2px solid #000;}
.supportedby span { padding: 10px;}

.seriespage .supportedby {border-bottom:2px solid #000;}

 
.sharebuttons span , .sharebuttons button {display:block; float:left; padding:8px 42px 8px 10px; border-right:2px solid #000;border-top: none; border-left:none; border-bottom: none; background-color:#fff;
background-repeat:no-repeat;
background-size:auto 22px; 
background-position:right 10px center;  }

.sharebuttons span:hover {}
 
button.share {background-image:url('../images/icons/share.svg'); width: 100px;}
button.share:hover {background-color: #A020F0;color: #fff; cursor:pointer;background-image:url('../images/icons/share_hover.svg');}

button.copylink {background-image:url('../images/icons/link.svg');}
button.copylink:hover {background-color: #A020F0;color: #fff; cursor:pointer;background-image:url('../images/icons/link_hover.svg');}


.sharebuttons {position:relative}

span.eventshare {display:none; position:absolute; z-index:2;left:100px; top: 0px; width: calc(100% - 100px);  padding:8px 42px 6px 10px;  background-color: #fff ; border-right: none;border-bottom:2px solid #000;}

span.eventshare a {text-indent: -9999px;
display:inline-block; width: 26px; height: 26px; margin-left: 10px;
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; 
background-repeat:no-repeat;display:block; float:left; 
background-size:auto 22px; 
background-position:center; }

span.eventshare a.closeshare { border-right: none; cursor:pointer;
background-image:url('../images/icons/close.svg');
background-repeat:no-repeat;
background-size:auto  16px;
background-position:  center top 2px;
}
span.eventshare a.closeshare:hover {
≈url('../images/icons/close_hover.svg');
}


p.addinfo {background-repeat:no-repeat;
background-size:auto 20px;;
background-position:right 5px center; }
p.addinfo:hover {background-color:#A020F0; color:#fff; }
 

p.addinfo { background-image:url('../images/icons/event.svg');} 
p.addinfo:hover  { background-image:url('../images/icons/event_hover.svg');} 

 p.addinfo.series { background-image:url('../images/icons/series.svg');} 
 p.addinfo.series:hover  { background-image:url('../images/icons/series_hover.svg');} 

 p.addinfo.festival { background-image:url('../images/icons/festival.svg');} 
 p.addinfo.festival:hover  { background-image:url('../images/icons/festival_hover.svg');}  




.eventpage p.addinfo  {border-top:2px solid #000;}
.eventpage a:hover p.addinfo  {border-top:2px solid #A020F0;}

 .artistimages p.addinfo  {border-bottom:2px solid #000;border-left:none;border-right:2px solid #000;padding: 6px 10px 6px 10px; background-image: none; }

 .artistimages a:hover p.addinfo  {border-bottom:2px solid #A020F0;border-left:none;border-right:2px solid #A020F0;padding: 6px 10px 6px 10px;}
 .artistimages p.showall  {border-bottom:2px solid #000;border-left:none;border-right:2px solid #000;padding: 6px 10px 6px 10px; background-image: none; }

 
 /*copyright*/
.eventpage .col50.left  p.addinfo {border-top:none;border-right:none; background-image: none; }


.boxes {
	width: 100%; display:block; 
	padding:0px 0px 0px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
/*    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    justify-content: flex-start ;

     -webkit-justify-content: flex-start ;
     -moz-justify-content: flex-start ;
       -ms-justify-content: flex-start ;


 
}

.boxes > div {width: 20%; }



 .logocontainer{width: 100%; position:relative;/* padding-bottom: 100%;*/padding-bottom: 10px;}
 
 .boxes div img { 
 	width: 75%; height: auto; margin: auto; /*position:absolute; 
 
 width: 100%; top: 50%; left: 50%;  
-ms-transform: translateX(-50% );
transform: translateX(-50% );
-ms-transform: translateY(-50% );
transform: translateY(-50% ); */
 }


section.text {position:relative; }

.toggletext{
	position:absolute;z-index:2; top: -2px; right: 12px; display:block; width: 28px; height: 28px;
	cursor:pointer;
background-image:url('../images/icons/close.svg');
background-repeat:no-repeat;
background-size:auto  16px;
background-position:  right 10px top 12px;background-position: left bottom;
}

.hidetext .toggletext{background-image:url('../images/icons/close.svg');}
.hidetext .toggletext:hover{background-image:url('../images/icons/close_hover.svg');}


.showtext .toggletext {background-image:url('../images/toggletext.png');} 
.showtext .toggletext:hover {background-image:url('../images/toggletext.png');} 

.hidetext h2, .showtext h2  {padding-rigjt: 34px;}
 
section.text > a   {border:2px solid #000;  display:block;}
section.text  > a:hover   {border:2px solid #A020F0; color:#A020F0;}
section.text  > a:hover h2  {border-bottom:2px solid #A020F0; }
section.text.showtext  > a:hover h2  {border-bottom:none; }


.showtext p {height: 0px; display:none;  }
 section.text.showtext h2   {border-bottom: none; }
 
 

article.twocols  {margin-bottom: 10px;}
 
 .showall-button a {display:block; width: 100%; line-height: 24px; color: #fff;background-color:#000; padding: 6px 10px 6px 10px;}
 
.list-item {width: 100%; display:block; margin-bottom: 10px; padding: 0px 10px 0px 10px}
.list-item a {width: 100%; display:block; border:2px solid #000; color:#000 ; padding: 6px 10px 6px 10px; }
.list-item a:hover { border:2px solid #A020F0; color:#A020F0 }
.list-item a:hover { border:2px solid #000; color:#fff;background-color: #000; }


.list-item p {display:inline-block; padding-right: 24px;margin-bottom: 0;}
.list-item h2 {display:inline-block; font-size:24px}


  .includecontent .list-item {padding: 0px 0px 0px 0px;}

/*for artists: */
 
  .a_z_liste {}
 
 .contentwrapper .textblock  .a_z_liste ul {list-style-type:none; margin:0;padding:0;}
  .a_z_liste li {list-style-type:none; float:left;  display:block; }
  
.a_z_liste li button {background: #fff; border:none; cursor:pointer; padding: 5px 10px 5px 10px;}
  
 .a_z_liste li.showall button {font-weight: bold; border-right: 2px solid #000}
 
 
.artistcontent {
	width: 100%; display:block; 
	padding:0px 0px 0px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
   flex-direction: column;
    flex-wrap: wrap;   
    justify-content: flex-end ; 
 
   border-left:2px solid #000;

}  
  
.artistcontent.borderright {    border-right:2px solid #000;border-top:2px solid #000;}
.artistcontent.borderbottom {    border-bottom:2px solid #000;}

.artist .galleryimages {border-left: none; border-right: 2px solid #000;}

.artistimages.borderleft {    border-left:2px solid #000;}

.artistcontent > h1  {width: 100%;  border-bottom: 1px solid #000; padding: 12px 0px 6px 12px;}
.artistcontent > div.text{width: 100%;  padding: 12px 12px 6px 12px;}
.artistcontent > div.links {width: 100%;  border-top: 2px solid #000;padding: 12px 0px 6px 12px; border-bottom: 2px solid #000; }


.event div.links {width: 100%;  border-top: 2px solid #000;padding:0px;}
.event div.links p {padding: 12px 0px 12px 12px;}

.imagebox {padding: 0px 0px; margin-bottom: 20px;}
.imagebox > div  {border: 2px solid #000;}
.imagebox h2, .textblock h2 {border-bottom: 2px solid #000; }

 	
.textcontainer { border-bottom: 2px solid #000;}
.textcontainer.noborderright{ border-bottom: none;}

.imagecontainer {  padding-bottom: 100%; background-repeat:no-repeat;
background-size:100% auto ;
background-position:  center;}



/*object-fit: cover;*/



.sprachnavi-mobile li.settingsmenu a {text-indent: -9999px;display:block; width: 35px; height: 40px;
background-repeat:no-repeat; background-size: 23px auto; background-position:center; }
.sprachnavi-mobile  li.view {margin-left: 10px;}
.sprachnavi-mobile  li.leichte_sprache a{background-image:url('../images/icons/leichte_sprache.svg'); }
.sprachnavi-mobile  li.leichte_sprache a:hover{background-image:url('../images/icons/leichte_sprache_hover.svg'); }


.sprachnavi-mobile  li.isl a{background-image:url('../images/icons/sign-language.png'); }
.sprachnavi-mobile  li.isl a:hover{background-image:url('../images/icons/sign-language-hover.png'); }


.sprachnavi-mobile  li.kontrast a {background-image:url('../images/icons/kontrast.svg');}
.sprachnavi-mobile  li.kontrast a:hover{background-image:url('../images/icons/kontrast_hover.svg');}

.sprachnavi-mobile  li.schriftskalierung a{background-image:url('../images/icons/schriftskalierung.svg');}
.sprachnavi-mobile  li.schriftskalierung a:hover{background-image:url('../images/icons/schriftskalierung_hover.svg');}

.sprachnavi-mobile  li.view.kacheln a{background-image:url('../images/icons/kacheln_ansicht.svg');}
.sprachnavi-mobile  li.view.kacheln a:hover{background-image:url('../images/icons/kacheln_ansicht_hover.svg');}
.sprachnavi-mobile  li.view.liste a{background-image:url('../images/icons/listen_ansicht.svg');}
.sprachnavi-mobile  li.view.liste a:hover{background-image:url('../images/icons/listen_ansicht_hover.svg');}
     


.listen_ansicht .gallery,.listen_ansicht .grid-item.event img, .listen_ansicht .artistinfo, .listen_ansicht .grid-item.event .news-list-category {display:none; }

.listen_ansicht .grid-sizer,.listen_ansicht  .grid-item  {width:100%; }

.listen_ansicht  .grid-item.event.listitem  {
margin-bottom: 10px;
padding:  0px !important;
border: 2px solid #000;
 width: 100% ; 
}

 .listen_ansicht .grid-item.event.listitem:hover, .listen_ansicht .grid-item.event.listitem:focus   {/*border: 2px solid #A020F0;*/
 border: 2px solid #000; background-color:#000;
 }
 
  .listen_ansicht .grid-item.event.listitem:hover p,  .listen_ansicht .grid-item.event.listitem:hover  h2,
  .listen_ansicht .grid-item.event.listitem:focus p,  .listen_ansicht .grid-item.event.listitem:focus  h2 { color:#fff !important;}
  
.listen_ansicht .event.listitem p {
  display: inline-block;
  padding-right: 24px;
  margin-bottom: 0;
  border:none !important; 
}



.listen_ansicht .event.listitem h2 { width: 100% ; line-height: 29px; }

 
.listen_ansicht section.event.listitem p.dateshort {width: 100% ;font-size: 20px;
padding-bottom: 0px;}




.listen_ansicht .event.listitem h2, .listen_ansicht .event.listitem h2.borderbottom {
display: inline-block;display: block; float:left; 
font-size: 24px;
  border:none !important; 
  }
  
.listen_ansicht .event.listitem p.artistinfo {display:none; }

.listen_ansicht section.event.listitem div:hover h2,.listen_ansicht  section.event div:hover p {border:none !important; }


 .listen_ansicht section.event.listitem p.dateshort span.datum {width: 100px;display:inline-block; text-align:left; }
.listen_ansicht section.event.listitem p.dateshort span {width: 30px; display:inline-block; text-align:center;}
.listen_ansicht section.event.listitem p.dateshort span.uhrzeit {width: 60px; display:inline-block; text-align:left;} 
 
.listen_ansicht section.event.listitem p.date {display:none}


.kachel_ansicht section.event.listitem p.dateshort {display:none;}

.contentwrapper.gridwrapper  { clear:both; } 

.videocontainer , .video-embed {position:relative; width: 100%; padding-bottom: 56%;}
.videocontainer iframe, .video-embed iframe  {position:absolute; width: 100%; height: 100%; display:block; border: none;}
/*
.video-embed iframe {display:block; }*/

.iframenotice {display:none; }


.boxes.sponsoren {-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;}

.boxes > div.sponsorbox {width: 100%; border-bottom: 2px solid #000;}
.boxes > div.sponsorbox:last-of-type {border-bottom: none; }

div.sponsorbox > div  > div.logos { padding: 10px 10px 10px 10px;
width: 150px;
float: left;}

div.sponsorbox p {float:right; width: calc(100% - 150px);}
div.sponsorbox  > div > div.logos > div img {width: 100%; height: auto;  }





.seriespage .col50.right {border-bottom: 2px solid #000;}

.ce-gallery img {  width: 100%;  height: auto; }
.ce-gallery figcaption {  padding: 10px;}

/***************************************************************************************************/ 
/***************************************************************************************************/ 

 
@media all and (min-width: 360px){ 

} 
 
@media all and (min-width: 480px){ 
 
  

#logo {width: calc(100% - 80px);  border: 2px solid #000;line-height: 66px;  height: 70px; padding-left: 10px; } 
header {height: 80px;height: 90px;}

#subnavwrapper {top:90px;}
#wrapper { margin: 90px auto 0px auto; } 

.subnav1 #wrapper {  margin: 210px auto 0px auto; }
.subnav2 #wrapper { margin:260px auto 0px auto;} 
.subnav3 #wrapper { margin:310px auto 0px auto; } 


}


 
@media all and (min-width: 768px){ 
	
.toggletext{top: 0px;}


.col50 {float:left; width: 50%;}
.col50.left { }
.col50.right {float:right;}

 
.seriespage .col50 {border-top: 2px solid #000;}

.seriespage .standardimage { border-top:none;border-right:none}
 
.contentwrapper {max-width: 1440px; width: 100%; } 
 
.contentwrapper.gridwrapper  { padding:0px 5px 0px 5px; padding:0px 10px 0px 10px;  } 

.contentwrapper.twocols, .contentwrapper.includecontent { padding:0px 10px 0px 10px; 

}


.contentwrapper.event{ margin-top:19px;  }
  
.contentwrapper.twocols.flexcols .col70, .contentwrapper.twocols.flexcols .col30 {border-top: 2px solid #000;}

.contentwrapper.twocols.flexcols {
display: flex; margin-top:19px; 
}
 
.col70 {flex: 1 0 66.666667%;}	
.col30 {flex: 1 0 33.333333%;}	
  
.artistcontent.borderright {border-top: none; }

 
.grid-sizer {width:50%; }

.grid-item  {width: 50%;}
 
.grid-item:nth-of-type(even) {padding:5px 0px 5px 5px; } 
.grid-item:nth-of-type(odd) { padding:5px 5px 5px 0px; } 





.grid-item img {width:100%; height:auto; }	 


footer .supportedby {float:left; width: 20%; padding: 10px; color: #fff;}
footer .supporterlogos {float:right; padding:0px; width: auto; }
footer .supporterlogos  a ,footer .supporterlogos  span { width: 140px; height: 120px;   margin:0px 24px 0px 0px;}


	
.hidetext {background-position:  right 12px top 12px;}

.showtext {background-position:  right 12px top 12px;}

 
  
}


/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
 

@media all and (min-width: 960px){
	
	

.boxes.sponsoren {-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;}
	
.boxes > div.sponsorbox {width: 25%; border-right: 2px solid #000;border-bottom:none;}

.boxes > div.sponsorbox:last-of-type {border-right: none; }

div.sponsorbox > div {position:relative; height: 100%;   padding: 10px 10px 120px 10px; }

div.sponsorbox > div  > div.logos {position:absolute; bottom: 0px;width: 100%; padding: 16px 0px 16px 16px;}

div.sponsorbox > div   > div.logos > div {width: 65%; float:left; display:block; padding: 0px 16px 0px 0px;  }
div.sponsorbox.double > div   > div.logos > div {width: 50%;  }

div.sponsorbox  > div > div.logos > div img {width: 100%; height: auto;  }


div.sponsorbox p {float:none; width: 100% ;}



	
	
.imagebox {padding: 0px 10px; margin-bottom: 20px;}

	
.listen_ansicht  .grid-item.event.listitem  { 
margin:0px 10px 10px 10px;
width:calc(100% - 20px); 
padding: 0px 10px 0px 10px !important;
}	

.listen_ansicht .event.listitem h2 {overflow: hidden;  text-overflow: ellipsis;
width: calc(100% - 230px);
white-space: nowrap;
line-height: 34px; height: 46px;}

 
.listen_ansicht section.event.listitem p.dateshort {display: block; float:left; width: 220px; padding: 6px 20px 0px 0px;
height: 46px;
line-height: 34px;}

.listen_ansicht .event.listitem p { padding-right: 24px; }

	
	
.toggletext{top: 12px;}	 
	
footer .booknav {margin: 10px 10px 19px 10px !important; }
/*
.eventpage footer .booknav {margin: 19px 10px 19px 10px !important; }*/
 
.booknavwrapper {   padding: 0px 10px 0px 10px; }

.hidetext {background-position:  right 25px top 25px;}

.showtext {background-position:  right 25px top 25px;}


.sticky{
  position: sticky;
  top: 170px;
}

/*	
.contentfixed {  	
width: inherit;	
position:fixed;z-index:1;
top:170px; 
left: 50%;   
-ms-transform: translateX(-100% );
transform: translateX(-100% );
 
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all  300ms ease-in-out; 

}*/
/*.contentfixed  img { 
	
-webkit-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
transition: all  500ms ease-in;
}
*/
	
	
#sprachnavi {display:block; position: absolute; right: -40px; }
#sprachnavi ul {list-style-type:none;margin:0; padding: 0; }
#sprachnavi li {display:block;margin-bottom: 8px;width: 25px; text-align:center;}
#sprachnavi li:first-of-type {display:block;margin-bottom: 4px;}
#sprachnavi li a { color:#000;display:block;}
#sprachnavi li a:hover { color:#A020F0}
#sprachnavi li a.active{font-weight:700;}

#sprachnavi li.settingsmenu a {text-indent: -9999px;display:block; width: 25px; height: 25px;
background-repeat:no-repeat; background-size: 23px auto; background-position:center; }
 
#sprachnavi li.leichte_sprache a{background-image:url('../images/icons/leichte_sprache.svg'); }
#sprachnavi li.leichte_sprache a:hover{background-image:url('../images/icons/leichte_sprache_hover.svg'); }


 
#sprachnavi li.isl a{background-image:url('../images/icons/sign-language.png'); }
#sprachnavi li.isl a:hover{background-image:url('../images/icons/sign-language-hover.png'); }



#sprachnavi li.kontrast a {background-image:url('../images/icons/kontrast.svg');}
#sprachnavi li.kontrast a:hover{background-image:url('../images/icons/kontrast_hover.svg');}

#sprachnavi li.schriftskalierung a{background-image:url('../images/icons/schriftskalierung.svg');}
#sprachnavi li.schriftskalierung a:hover{background-image:url('../images/icons/schriftskalierung_hover.svg');}

#sprachnavi li.view.kacheln a{background-image:url('../images/icons/kacheln_ansicht.svg');}
#sprachnavi li.view.kacheln a:hover{background-image:url('../images/icons/kacheln_ansicht_hover.svg');}
#sprachnavi li.view.liste a{background-image:url('../images/icons/listen_ansicht.svg');}
#sprachnavi li.view.liste a:hover{background-image:url('../images/icons/listen_ansicht_hover.svg');}
     
     
	
	
footer .contentwrapper > div {margin-bottom: 19px;margin-top: 10px; padding: 0px 10px;}	 
footer .contentwrapper > div.bottomfooter {margin-top: 19px; margin-bottom: 19px;}	 

footer .contentwrapper > div.booknav {padding: 0px 0px;}



a#top {  bottom: 19px;  }
 
section {margin: 0px}

section.intro {margin-bottom: 10px; padding: 0px 10px;}	

section.textblock {margin-bottom: 20px; padding: 0px 10px;}	 
 
section.event p {padding: 6px 10px 6px 10px;}
section.event h2 {padding: 6px 10px 6px 10px;margin-top: 0 !important;}

section p {padding:12px 15px 10px 15px;padding: 6px 10px 6px 10px;}


 .contentwrapper,  .contentwrapper.gridwrapper  {padding:0px 50px 0px 50px;}

 
 
header .contentwrapper,  .contentwrapper.twocols,  .contentwrapper.includecontent  {padding:0px 60px 0px 60px;}


.grid-item { padding:10px; } 

 
.grid-item:nth-of-type(even){ padding:10px; } 
.grid-item:nth-of-type(odd) { padding:10px; } 



 
header {position:fixed; height: 170px; top:0px; width: 100%;   background:#fff;}

/*
#subnavwrapper.fixed, .artist .booknavwrapper.fixed ,*/
#subnavwrapper, .artist .booknavcontainer , .eventpage .booknavcontainer {position:fixed; height: auto; top:168px; width: 100%;background:#fff;  z-index:1000;
}

.eventpage .booknavcontainer {}

header .contentcontainer { width: 100%; border-bottom: 2px solid #000; height: 160px;padding-top:20px;  padding-bottom: 20px;   }


.seriespage header .contentcontainer  { border-bottom: none;  } 
.seriespage.scrolled header .contentcontainer  { border-bottom: 2px solid #000;  } 

.seriespage #sub-nav {border-top: 2px solid #000;  }
.seriespage.scrolled #sub-nav {border-top: none;  }


 .seriespage header {height: 168px;}
 .seriespage.scrolled header {height: 170px;}
 .seriespage.scrolled .col50 {border-top: none; }
 



#logo {width: 292px; float:left; height: 120px; line-height: 118px;  text-align:center;border: 2px solid #000;padding-left: 0px; } 

#main-nav {width: calc(100% - 310px); float:right; }

#wrapper { margin:168px auto 0px auto; } 
 
.subnav1 #wrapper {margin:237px auto 0px auto;  } 
.subnav2 #wrapper { margin:290px auto 0px auto;} 
.subnav3 #wrapper { margin:327px auto 0px auto; } 





.textimagecontainer {display:flex;}

.textcontainer {flex: 1 0 60%;}	

.imagecontainer, .frame-type-form_formframework  {flex: 1 0 40%;}	

.textcontainer { border-right: 2px solid #000;border-bottom: none; padding-top: 5px;}

.textcontainer.noborderright{ border-right: none; padding-right: 10px;}



.imagecontainer , .frame-type-form_formframework { padding-bottom: 0;background-position:  center center;}





}  
 




 
 

@media all and (min-width: 1440px){
 	

a#top{  left:50%; bottom: 80px;bottom: 19px; margin-left: 630px; width:40px; height:40px;background-size:20px 20px;}




.contentwrapper,.contentwrapper.gridwrapper  {width: 1440px; padding: 0px 96px 0px 96px;margin:auto;  }
 
header {position:fixed; height: 170px; width: 1440px; top:0px; left:50%; margin-left: -720px;}

header .contentwrapper ,.contentwrapper.twocols ,.contentwrapper.includecontent {padding: 0px 106px 0px 106px; }

/*
#subnavwrapper.fixed , .artist .booknavwrapper.fixed ,*/


#subnavwrapper , .artist .booknavcontainer,
.eventpage .booknavcontainer  {position:fixed; height: auto; top:168px; /*top:170px;*/

 width:1440px; background:#fff; left:50%; margin-left: -720px; z-index:1000;}

 .eventpage .booknavcontainer {top: 219px; top: 220px;}
 
}
 

/************************************************************/

/************************************************************/


/************************************************************/


/************************************************************/



 
 
 

div.introcoltext{position:absolute; top: 50%;
 
  -ms-transform: translateY(-50% );
  transform: translateY(-50% ); 
  
  text-align:center;width:100%;
   
  }
 

  

.section img  {  width:100%;height:auto;}


 
 

.boximage > div {
    width: 100%;
    padding-bottom: 100%;
 
    background-repeat: no-repeat;
    background-size: auto 100%;
 
    background-position: center center;
}

a:hover .boximage > div {opacity:0.7}




.list article {
	
    display: inline-block;
    border: 0;  
 width: calc((100% - 40px) /2);
 margin-right:20px;
 
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    
margin-bottom:20px;
}

.list article a:hover .listimage {opacity:0.7}

   
/* 
 video {width:100%; height:auto; }
 
 figure.video_container {position:relative;}
  figure.video_container figcaption { position: absolute;
top:  50%;
left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50% ); 
  
z-index: 10;
color:#fff;
font-size:32px;}
*/




.cookie-disclaimer {
  background: #212529;
  color: #FFF;

  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1001;
position: fixed;
  display:none; 
  border-top:1px solid #fff;
}  
.cookie-disclaimer .container {
  text-align: left;
  padding : 15px; 
  max-width:1440px; margin:auto;
}
.cookie-disclaimer .container p {margin-bottom:20px;}

.accept-cookie  {float:right; 
	border:1px solid #ff6666; 	border:1px solid #414241; 
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#414241;
	color:#fff;font-size:16px;
	height:38px;line-height:38px;
	display:inline-block;
	padding:0px 20px 0px 20px;  ;margin-right:16px;margin-top:12px;

}

.decline-cookie {
 	border:1px solid #414241;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
 background-color:#414241;
 	color:#fff;
	
	font-size:16px;
	padding:0px 20px 0px 20px; 
	height:38px;line-height:38px;
	display:inline-block; 
}
.cookie-disclaimer a {color:#fff; text-decoration:none; }
.cookie-disclaimer a:hover {color:#fff; text-decoration:underline; }

span.reset-cookie {cursor:pointer;}
#footer.nocookieconsent {padding-bottom:400px;}   
 
    
    


@media all and (max-width: 960px){
 	    
 .pagenav , .programnav {display:none !important; }

.booknavcontainer { border-right: none;
border-left: none;
border-bottom: none;
padding: 0px 0px 0px 0px;
width: 120px !important;
position: fixed;
top: 20px !important;
right: 110px;
}

.booknavwrapper .booknav , #sub-nav {border:none !important; }


.booknav {width: 120px !important;
position: fixed;
top: 20px !important;
right: 110px;

border:none !important; }


#subnavwrapper, .artist .booknavcontainer, .eventpage .booknavcontainer {z-index:1002; /** über header */}

.booknav a {display:block;width:48px; height:48px;text-indent:-9999px;background-color: transparent; 
background-repeat:no-repeat;
background-size: auto 20px;
background-position:center; border:none !important; 
}

.booknav span {width: 1px;display:none; 
text-indent: -9999px;}
   
} 
  
   
@media (max-width: 480px){


.booknav, .booknavcontainer {
top: 6px !important;}


}



     .fadeInLoad {
        border: 1px solid #48484A;
        font-size: 40px;
        animation: fadeInLoad 5s;
    }
    @keyframes fadeInLoad {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    
    
@media all and (-ms-high-contrast:none) {
     #sm_menu_ham { display:none !important; } /* IE10 */
     *::-ms-backdrop, #sm_menu_ham { display:none !important; } /* IE11 */
}