/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}



.ausblenden {display:none;}

body {font-family: "Open Sans"; color: black; font-size: 16px}
h1 {font-weight: 400; text-transform: uppercase}
h1 span {font-weight:normal;}
.singlepost h1 {font-size: 150%; text-transform:none; font-weight:normal} 

.alignright {float:right; margin:8px 0px 12px 8px;}
.alignleft {float:left; margin:8px 12px 12px 0px;}

 p {
 hyphens: auto;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 3;

-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}


#masthead a {color: black;}
#masthead a:hover {color: #555}
a {color: black}
a {color: rgba(0,0,0,0.7)}

.stoerer a {color:transparent !important;}
.stoerer a:hover {color:black !important;}
.stoerer h6 {margin-top:12px;}



a:hover {color: rgba(0,0,0,0.5); text-decoration: none}

.abo-post a:hover {color: rgba(0,0,0,1); text-decoration: none}

hr.spacer {border-top: black solid 1px; margin: 20px 0 !important}
.header-top {padding: 20px 0}
header {margin-bottom: 50px}
header img {max-width: 100%}
.ruler {border-top: black solid 3px}

/* navigation top */
#menu-oben {padding: 0; margin: 0; font-size: 120%}
#menu-oben li {display: inline-block; margin-right: 40px}
#menu-oben .menu-item:before {font-family: "FontAwesome"; margin-right: 5px}

/* navigation main */
#menu-hauptnavigation {padding: 0; margin: 5px 0 0; font-size: 120%}
#menu-hauptnavigation > li {display: inline-block;}
#menu-hauptnavigation  li * {text-transform: uppercase}
#menu-hauptnavigation .current-menu-parent > span,
#menu-hauptnavigation .current-menu-item {font-weight: 700}
.menu-item-has-children {position: relative; cursor: pointer}
.menu-item-has-children:hover .sub-menu {display: block}
.sub-menu {display: none; position: absolute; left: 0; background: rgba(255,255,255,0.9); box-shadow: -3px 3px 3px rgba(0,0,0,0.3); padding: 0; z-index: 1000; padding: 12px}
.sub-menu.show {display: block !important}
.sub-menu li {list-style-type: none; margin-bottom: 6px;}
.sub-menu li a{display: block; font-size: 90%;}
.burger {display: none}

/* featured */
.einschub .einschub-text, .einschub h1 {visibility: hidden}
.einschub:hover .einschub-text, .einschub:hover h1 {visibility: visible}
.featured-image {background: #fff; text-align: left; overflow:hidden;    margin-bottom: 20px;}
.single .featured-image img {max-width: 80%; height: auto}
/*.featured-image img {max-width: 100%; height: auto;    box-shadow: 250px 0px rgba(0, 0, 0, 0.7), -250px 0px rgba(0, 0, 0, 0.7);}*/
.imagetitle {display:block;font-size:80%; line-height:1.2em; margin-top:3px; }


/* content */
#content {padding-right: 0}


.ast-archive-description {   border:0px !important;}


/* form elements */
.form-control {border-radius: 0; border: black solid 1px; background: #EFEFF0}
.btn {border-radius: 0; cursor: pointer; text-align: left; border: none}
.btn-default {background: #EFEFF0; color: black; font-weight: bold; border: black solid 1px}
.btn-success {background: black; color: white; font-weight: bold}
.btn-success:hover {background: black}
.label-big {font-size: 130%}

/* checkboxes */
input[type=checkbox] { display: none} /* to hide the checkbox itself */
input[type=checkbox] + span:before {
    font-family: FontAwesome;
    display: inline-block;
}

input[type=checkbox] + span:before { border:1px solid black; width:25px; height:25px; margin-right: 8px; content: "\00a0"; letter-spacing: 10px;} /* unchecked icon */
input[type=checkbox]:checked + span:before { text-align:center; content: "\f00d"; letter-spacing: 0px; } /* checked icon */

.form-check-label {padding: 0}

/* sidebars */
#sidebar-right {padding-left: 0}

/* footer */
footer {margin: 50px 0; padding-top: 15px}
footer {font-size: 82%}
.footer-d img {max-width: 50% !important; float: left;}



.footer-d div.widget_media_image:nth-child(even)  img {padding-right:0px;padding-left:20px;}
.footerd div.widget_media_image:nth-child(odd) img {padding-left:0px;padding-right:20px;}

#media_image-2 img {padding-left:0px;padding-right:20px;}
#media_image-3 img {padding-right:0px;padding-left:20px;}

/*.footer-d div.widget_media_image::nth-child(2) img {width: 30%; margin-left: 23px;}*/
/* post listing */

.genres {column-count: 2;}
.lcp_paginator {padding: 0}
.lcp_paginator li {padding: 0 !important; width: 40px; text-align: center; display: inline-block; border: 1px solid; padding: 0 5px; margin: 2px;}
.lcp_paginator li a {width: 38px; background: black; color: white !important; display: inline-block }
.lcp_paginator li.lcp_currentpage {background: white; color: black}


.lcp-grid .row.abos {margin: 3px 0 2px;}
.lcp-grid .rule hr {border-bottom: black solid 2px}
.lcp-grid .order-ticket {padding-left: 15px; position: absolute;    bottom: 0px;    margin-bottom: 12px;}
.lcp-grid .time-place-location {font-size: 180%;}
.lcp-grid .location {font-size: 90%}
.lcp-grid .title {font-size: 140%; font-weight:bold; line-height:1.2em;}
.lcp-grid .title span {font-weight:normal; }
.lcp-grid  .cart {width: 60px; height: auto;}
.lcp-list .lcp-post {border-top: black solid 1px}
.lcp-list .time-place-location {padding: 20px 0 0}
.lcp-list h2 {font-size: 150%; margin-top:6px; font-weight: normal; padding: 0}

.lcp-list h1.title {font-size: 150%; padding: 0}
.lcp-list .subtitle {padding: 0}
.lcp-list .order-ticket {font-size: 90%; color: #DA2129 !important; font-weight: bold; padding: 0}
.lcp-list .order-ticket a {padding: 0}
.lcp-list .control {margin-right: 25px}




.lcp-search .lcp-post {border-top: black solid 1px}
.lcp-search .path {margin-top: 20px}
.lcp-search .time-place-location {font-size: 140%; padding: 0}
.lcp-search .title {font-size: 140%; padding: 0}
.lcp-search .subtitle {padding: 0}
.lcp-search .order-ticket {font-size: 90%; color: #DA2129 !important; font-weight: bold}
.lcp-search .order-ticket a {padding: 0}


.lcp-post {margin-bottom: 30px; position: relative;}
.lcp-post .featured-image {background-size: cover; background-position: center; margin: 0}
.lcp-post a {color: black !important; text-decoration: none}

.thumb-overlay {display: none}
.time-place-location {padding: 20px 15px 20px; line-height: 1.1em}
.title, .subtitle {padding: 0 15px}
.subtitle {margin-top: 12px}
.order-ticket {color: #DA2129 !important; font-weight: bold}

.order-ticket a:hover{color: red !important}

.lcp-post:hover .thumb-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    width: auto;
    height: 100%;
    background: rgba(255,255,255,0.65);
    z-index: 1000;
}

.lcp-post:hover .agetag {display:none; }

.agetag {
    position: absolute;
    right: 25px;
    bottom: 11px;
    z-index: 1;
    height: 65px;
    overflow: hidden;
    text-align: center;
    padding-top: 11px;
    width: 65px;
    font-size: 26px;
    background: white;
    border:black solid 1px;
    border-radius:33px;
    transform: rotate(-16deg);
}

.agetag-small {
    font-size: 84%;
    border: black solid 1px;
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    height: 40px;
    width: 40px;
    padding-top: 7px;
    border-radius: 21px;
    font-weight:normal;
     transform: rotate(-15deg);
          letter-spacing: -1px;
}

.post-time-place {font-size: 240%; line-height: 1.3em}
.widget h2 {font-size:100%; font-weight:bold;}
.space-top {margin-top: 25px}

/* icons */
.icon-search a:before {content:"\00a0"; display: inline-block; width: 20px; height: 15px; background: url(../img/lupe.svg) no-repeat; margin: 7px 5px 0 0; float: left; }
.icon-fb a {color: white; font-size: 0; float: left !important; margin-right:0px;}
.icon-fb a:before {display: inline-block; width: 20px; height: 15px; background: url(../img/facebook.svg) no-repeat; margin: 7px 5px 0 0; content:"\00a0";  }

#menu-oben li.icon-fb {    margin-right: 0px;}

.icon-ig a {color: white; font-size: 0; float: left !important; }
.icon-ig a:before {display: inline-block; width: 20px; height: 15px; background: url(../img/instagram.svg) no-repeat; margin: 7px 5px 0 0; content:"\00a0";  }



  .download a[href$= ".pdf"]  {
	background-image: url(../img/download.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 42px;
	height: 36px;
	display: inline-block;
	padding-top: 7px;
  background-size: 36px 36px;
  margin-top: 6px;
}

/* slider arrows */

.crellyslider  .cs-controls .cs-next {background: transparent url(images/arrow-right.png) no-repeat center center !important;      box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px rgba(0,0,0,0) !important; width: 56px; height: 95px;}
.crellyslider  .cs-controls .cs-previous {background: transparent url(images/arrow-left.png) no-repeat center center !important;  box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px rgba(0,0,0,0) !important; width: 56px; height: 95px;}

/* maps & locations */
.acf-map {height: 500px; margin-bottom: 50px}
.marker {display: none}

.location-entry {border-top: black solid 1px;}
.location-entry .location-title{padding: 10px 0; margin: 0 !important; cursor: pointer}
.location-entry .location-subtitle {display: none; margin-bottom: 10px;    margin-top: -10px;}

/* sidebar */
.history-back {text-align: right; font-size: 200%; cursor: pointer; margin-top: 24px}

/* other */

.text-bold {font-weight: 700}
.default-padding {padding: 10px}
.default-padding-medium {padding: 5px 10px}
.default-padding-top {padding-top: 8px}

/* social */
.singlepost .fb-link {float: right}



 .einschub h1 >a,  .einschub h2 >a {
    width: 100%;
    display: inline-block;
    min-height:148px;
    vertical-align: middle;
    }



@media screen and (min-width: 0) and (max-width: 321px) {

    #menu-oben { font-size: 85%;}
    #menu-oben li { margin-right: 18px;}
    .einschub h2 {visibility: visible;}
    .elementor-background-overlay {background: #fff; opacity: 0.64}
}

@media screen and (min-width: 0)  and (max-width: 767px){
    #menu-oben li { margin-right: 24px;}
    .kicker-mobile img {width: 40%}
    .navbar-collapse {display: none; margin-bottom: 30px !important}
    header {margin-bottom: 0}
    .burger {display: block; text-align: center; font-size: 150%; margin: 12px 0}
    #menu-hauptnavigation span {display: none}
    #menu-hauptnavigation li,
    #menu-hauptnavigation > li {display: block !important}
    #menu-hauptnavigation .sub-menu {position: relative; display: block !important; box-shadow: none; padding: 0;}
    #menu-hauptnavigation .sub-menu li a {font-size: 100% !important;}
    #content {padding-right: 15px}
    #kartenkaufen {max-height:150px;width:50%;}

    .thumb-overlay {
        display:block !important;
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        width: auto;
        height: 100%;
        background: rgba(255,255,255,0.65);
        z-index: 1000;
    }
    .einschub h2 {visibility: visible;}
    .elementor-background-overlay {background: #fff; opacity: 0.64}
}

/* Medium. Above 48em (768px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #menu-hauptnavigation {font-size: 90%}
    .kicker-mobile img {width: 40%}
     #kartenkaufen {max-height:120px;}
     .thumb-overlay {
        display:block !important;
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        width: auto;
        height: 100%;
        background: rgba(255,255,255,0.65);
        z-index: 1000;
    }
    .einschub h2 {visibility: visible;}
    .elementor-background-overlay {background: #fff; opacity: 0.64}
}

/* Large. Above 62em (992px) */
@media screen and (min-width: 992px) {
   
    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }  

    div.hidden-md-down {flex: 16%;}

     .kicker-mobile img {width: 40%}
     #kartenkaufen {max-height:120px;}

    .container {
        width: 1300px;
        max-width: 100%;
    }
   
    .thumb-overlay {
        display:block;
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        width: auto;
        height: 100%;
        background: rgba(255,255,255,0.65);
        z-index: 1000;
    }
    .einschub h2 {visibility: visible;}
    .elementor-background-overlay {background: #fff; opacity: 0.64}
 }


@media screen and (max-width: 1200px)  {

 .stoerer a:link {color:black !important;}

 .einschub .einschub-text, .einschub h1 {
    visibility: visible;
}
.einschub h1 >a, .einschub h2 >a {
    min-height: 40px;
 
}

}

/* Extra large. Above 75em (1200px) */
@media screen and (min-width: 1360px)  {
    
    #kartenkaufen {max-height:150px;}
         .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }   
    .thumb-overlay {display:none;} 
    .elementor-background-overlay {background: #fff; opacity: 0}
    .einschub h2 {visibility: hidden}
    .einschub:hover h2 {visibility: visible; opacity: 1}
    .einschub:hover .elementor-background-overlay {background: #fff; opacity: 0.64}   
}




#content iframe {
    width: 100%;
    min-height: 330px;
    }



    .showdate1, .midnight00 {display:none;}

