@font-face{
        font-family:"arno-pro";
	    font-style: italic;
        src:url("/Fonts/6354873/b5412b91-d411-4adb-8ef5-e427b2b21d59.woff2") format("woff2"), url("Fonts/6354873/0faad495-504f-4dd6-9f98-9dd227c2e77a.woff") format("woff");
    }
@font-face{
        font-family:"arno-pro";
	    font-style: normal;
        src:url("/Fonts/6355659/af5dec16-6437-49bd-bc80-974766bbc929.woff2") format("woff2"), url("Fonts/6355659/080963c7-962a-470f-804d-433165eb9ffd.woff") format("woff");
    }
@font-face{font-family:"brandon-grotesque";
	    font-weight:900;
	    src:url("/Fonts/5579765/cb12f0cc-9ad8-4386-90ce-f227514019a5.woff2") format("woff2"), url("Fonts/5579765/3952f7f8-a129-4d8f-80d5-899923a15f3f.woff") format("woff");
    }

/*######################################################## NEW STYLES ############################################################ */

body {font-size:20px;line-height:1.3; padding: 40px 0 60px 0; background-color: #fff;margin:0}
.inside-header, .inside-page-header, .one-container .site-content, .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding:0;
}
nav#generate-slideout-menu, a.screen-reader-text.skip-link, .slideout-exit, header#masthead,.site-footer  {
    display: none !important;
}


/*##################################################### HOMEPAGE ###################################################*/

.news-item-container {
	position:relative;
	padding-bottom: 12px;
}
.news-title-container {
	bottom: 12px;
	left: 0px;
	z-index:2;
	background:red;
	color:#fff;
	height:55px;
	padding: 10px 10px;
	overflow: hidden;
	text-transform: uppercase;
}
a:hover .news-title-container {
	color:#fff;
}
.news-title {
	font-family: brandon-grotesque, sans-serif;
	font-size:1.1rem;
	line-height:18px;
	font-weight: 900;
	position: relative;
    z-index: 1000;
}
.news-subtitle {
	font-size:20px;
	line-height:18px;
	position: relative;
    z-index: 1000;
}
.news-image {
	position:relative;
    z-index:1;
}
.news-image img {
	position:relative;
    z-index:1;
	display:block;
}


/*############## Veranstaltungen & Seminare ############*/
.termine-container { line-height: 1.2; }
.termine-container .item-title::before {content: "»";}
.termine-container .item-title::after {content: "«";}
.termine-container .item-title-container {font: 900 40px/1.2 brandon-grotesque; text-transform:uppercase; display:inline;}
.termin-container {}
.termin-item {margin-bottom: 1.5rem;font-size:40px; }
.event-datum .tag {font: 900 40px/1.2 brandon-grotesque; text-transform:uppercase;}
.teaser-reihe {margin-bottom: 1.5rem;}
.item-title-reihe, .item-title-ausstellung {text-transform: uppercase;}
.reihe-ausstellung a {text-transform: uppercase;}
.datum-ort, .reihe-ausstellung {line-height: 1.2;}
.tickets-soldout-program {padding-left:0px;}
.tickets-soldout, .tickets-icon {margin-top: -90px;}
.liste-title, .kurz-text {margin-bottom: 1rem;}
.termine-container .item-title-container a {
    color: #F15B67;
	text-decoration:none !important;
}
.grid-icon img {
width: 110px !important;
height: 110px !important;
padding-left: 30px;
}
.termin-item {width:100%}

.event-veranstalter {display: none;}
/*####### slashes separator #######*/
span.sep {
    font-size: 23px;
    line-height: 23px;
    letter-spacing: -5px;
    display:inline-block;
    padding: 0 4px 0 1px;
    text-align:center;
}


.uppercase {text-transform:uppercase;}



.loader-wheel {
  font-size: 45px;
  position: relative;
  height: 1em;
  width: 0.55em;
  padding-left: 0.45em;
  animation: loader-wheel-rotate 0.85s steps(12) infinite;
  overflow: hidden;
}

.loader-wheel i {
  display: block;
  position: absolute;
  height: 0.3em;
  width: 0.1em;
  border-radius: 0.05em;
  background: #333;
  opacity: 0.8;
  transform: rotate(-30deg);
  transform-origin: center 0.5em;
}

@keyframes loader-wheel-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}

/* loader ellips in separate pen CSS */


#main div#nav-below,nav#nav-below {
    display: none !important;
}



.termin-container {
    overflow: auto;
}
.termin-item {
    float: left;
    max-width:100%;
    clear:both;
}
.home .termine-container {
  clear: both;
  overflow: auto;
}
.event-top-container {
    float:left;
}
.termine-container .item-title-container {clear:both;}
.grid-text {
    float:left;
    max-width: calc(100% - 140px);
}



.termine-container .item-title-container .kurz-text {
    font: 400 20px/1.3 arno-pro; 
    text-transform: none; 
}



/*#### slider ####*/
.images-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3 ease;
}
.images-slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
}





/*#### home ####*/
.box-content a {display:block;}
.box-content {
  position: relative;
  margin: auto;
  overflow: hidden;
}


.news-item-container, .news-item-container-top {
    padding-bottom: 0px;
}

.home .grid-33, .home .grid-66 {
    margin-bottom: 12px;
}

.tickets-icon {width:150px;}
h2.liste-title {
    margin-bottom: 20px;
}


body, h2 {font-family: arno-pro, serif;}

.site-logo {
  position: absolute;
    top: 21px;
    z-index: 300;
}
.site-logo img {
    width: 88px;
}




.tickets-soldout img {
    width: 90px !important;
}
.tickets-soldout {
   padding-bottom:10px;
}

/*###################################################################### MONITOR-STYLES #####################################################################################*/

body {line-height: 1.2;}
.monitor-container, .monitor-container-top {
	width:1920px;
	height:2165px
}


.monitor-container-top {
	border: 0px solid #000;
}
.monitor-container-inside {
	padding:100px 90px 100px;
}

.full-img {
    background-size: cover !important;
    background-position: center center !important;
}

.news-font-subtitle {
font-size:110px !important;
line-height:115px !important;
}
.news-font-title {
font-size:105px !important;
line-height:115px !important;
}


.news-title-container {
	padding:50px;
}
.termine-container {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
  height: 1860px;
  overflow:hidden;
}

.termine-container .termin-container {
  min-height:20px;
  width: 825px;
  margin:0px 90px 0 0
  
}

h1, h2, h3, pre {font-family: brandon-grotesque, sans-serif; font-weight: 900; text-transform: uppercase;line-height: 1;}
span.sep {font-size: inherit; letter-spacing: -0.6rem; font-weight: 100; color:#000;}


#display-container {margin-bottom: 100px !important;}


/*############## Programm ###############*/
.event-monat {font-size:200px;margin-top:30px;margin-bottom:20px; }
.event-monat:first-child {margin-top:-20px;}
.programm-title {font-size: 100px; margin-bottom: 60px;}


/*############## Zitate + Texte ###############*/
.modul-zitat {font-size: 68px; color:#fff;}
.modul-text {font-size: 68px; color:#000;}
h1, h2, h3 {font-size: 280px;  margin: 0; padding: 0;}
h2 {font-size: 200px;}
h3 {font-size: 100px;}
.modul-text h3 {color: #F15B67;}
.modul-zitat h1::before, .modul-zitat h2::before, .modul-zitat h3::before {content: "»";}
.modul-zitat h1::after, .modul-zitat h2::after, .modul-zitat h3::after {content: "«";} 
.modul-zitat p,.modul-text p {margin:0 0 20px 0;}





.monitor-container-inside,
.monitor-container__ {
    height: 1965px !important;
}

#display-container .slick-slide {
    height: 2165px !important;
}


.generate-back-to-top {display: none !important;}
html, body {overflow-anchor: none !important;}