.online .cal-spielplan .online-icon i::after,
.online .cal-start .online-icon i::after {
    content:"Online";display:inline-block;margin-left:5px;
    font-size: 1.1em;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Roque-Strong' !important;
}
.gastproduktion .cal-spielplan .gastproduktion-icon i::after,
.gastproduktion .cal-start .gastproduktion-icon i::after {
    content:"Gastproduktion";display:inline-block;margin-left:5px;
    font-size: 1.1em;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Roque-Strong' !important;
}
.konzert .cal-spielplan .konzert-icon i::after,
.konzert .cal-start .konzert-icon i::after {
    content:"Konzert";display:inline-block;margin-left:5px;
    font-size: 1.1em;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Roque-Strong' !important;
}
.ab .cal-spielplan i.fa-clock::after,
.ab .cal-start i.fa-clock::after {
    content:" ab";display:inline-block;margin-left:5px;margin-right:-5px;
    font-family:'Roboto',sans-serif;
    font-size:inherit;
}
.ab .cal-spielplan i.fa-clock::after {
    font-weight:bold;
}
.gastspiel .cal-spielplan .gastspiel-icon i::after,
.gastspiel .cal-start .gastspiel-icon i::after {
    content:"Gastspiel";display:inline-block;margin-left:5px;
    font-size: 1.1em;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Roque-Strong' !important;
}
#schwebe-fragen-2 input {
    display:block;padding:12px 20px; color:#FFFACE;background:#433C47;border-radius:15px;border:0;cursor:pointer;
}
#schwebe-fragen-2 .explanation {
    font-size:0.8em;text-align:center;margin-top:20px;
}
#schwebe-fragen-2 label {
    font-size:1.2em;
}
#schwebe-fragen-1 input {
    border-radius:15px;background-color:#000;color:#fff!important;padding: 8px 16px;border:0;margin:0 auto!important;display:block;max-width:50%;
}
#schwebe-fragen-1 label {
    font-weight:bold; font-size:1.1em;line-height:1.4;margin:2em 0 10px 0;
}
#blog-reader .main-text p a:before {
    content:''!important;
}
#blog-reader .main-text p a {
    padding:0 0 0 0!important;background:transparent!important;
    border-bottom:2px solid #F5DF4D;
}
input.captcha_small {
    width:80px;
}
.gastspiele-promo h2 {
    font-family:'BureauGrot',sans-serif;font-weight:bold!important;letter-spacing:-1px;max-width:80%;margin:0 auto 0 auto;
}
.mobile-socials {
    display:none;
}
.titel-small .cal-start a h5 {
    font: 1em/1.2 'Roque-Strong',sans-serif;
}
h2.small-h2 {
    color: #000!important;
      text-align: center;
      font-size: 1.1em!important;
      transform: rotate(0deg);
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      background: transparent!important;
}
#linkliste-salonf img,
.salonfaehig h4 {
    margin-bottom:1em;
}
.salonfaehig h4 {
    padding:0 10px 0 10px;
}
#linkliste-salonf hr {
    margin-bottom:2.5em;
}
#blog-reader .verlosung-unfollow h5 {
    display:none!important;
}
.special-infotext {
    background:#eee;margin-top:1em;margin-bottom:1em;border-bottom:1px solid #ccc;
}
#prod-daten p a {
    color:#000;
}
span.genre-label {
    margin-right:10px;line-height:1.4;font-size:0.6em;font-famliy:'Roboto',sans-serif;text-transform:uppercase;color:#222;letter-spacing:1px;padding:2px 8px 2px 8px;background:#eee;white-space: nowrap;
}
span.genre-label:before {
    content:'# ';
}
a.rotatebutton img {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -ms-transition: -ms-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}
a.rotatebutton img:hover {
    transform:rotate(25deg);
    -ms-transform:rotate(25deg);
    -webkit-transform:rotate(25deg);
}
.sk_branding {
    display:none!important;
}
span.genre::before {
    content:"# ";
}
span.genre {
    padding:2px 6px;color:#222;margin:6px 0 6px 0;border:1px solid #808080;display:inline-block;font-size:0.8em;margin-right:6px;
}
.cal-start span.genre {
    font-size:0.9em;border:0px;padding:0;color:#444;margin-bottom:0;line-height:1;
}
#menue li.thepunch,
#menue .level_1 li.last {
    margin-top:20px!important;
}
#punch-countdown {
    font-size:2em;width:100%;text-align:center;padding:1em;font-family:'Punch-Bold',sans-serif;text-transform:uppercase;background:#FFFC52;color:#FF55D6;line-height:1.4;
}
#foerderer.foerderer-start img.specialbig {
    max-height:8em!important;height:800px!important;
}
.gastspiel .cal-start span.gastspiel-icon {
    display:block!important;font-size:0.75em;margin:6px 0 6px 0;
}
.gastspiel.konzert .cal-start span.gastspiel-icon {
    display:inline-block!important;font-size:0.75em;margin:6px 0 6px 0;
}
.gripsholm #prod-daten a {
    color:#000;
}
#header #menue,
#header #menue .karten-link {
    font-family:'Roque-Strong';
    text-transform: uppercase;
}
.cal-start .kalender-2 span strong {
    font-family: 'Roque-Strong' !important;
}
h5.gastspiel {
    color:#fff;
    /*color:#000;
    background:rgba(255,255,255,1);
    padding:3px 12px 3px 12px;
    display:inline-block;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-shadow: 0px 0px 0px #000;*/
}
#link-buttons {
    margin-top:-1em;
}
.event.ohnedatum .kalender-1 p {
    color:transparent!important;font-size:0!important;
}
a.projektreihe,
span.projektreihe {
    letter-spacing:1px;
}
.normal-p p {
    margin-bottom:0.8em!important;
}
.projekt-marker {
    position: absolute;
    top:0px;right:0px;
    z-index: 10;
}
.main-text-white h6 {
    margin-bottom:1.1em;text-align:left;
}
.main-text-white p,
.main-text-white h6,
.main-text-white ul li {
    color:#fff;
}
.main-text-white {
    max-width:680px;margin:1em auto 1em auto;font-size:0.95rem;
}
.main-text.largercell {
    width:100%;max-width:100%;padding:0 1em 0 1em;
}
.blackmenue .fb-share img,
.blackmenue .mail-share img,
.blackmenue .twitter-share img {
    -webkit-filter: invert(100%);filter: invert(100%);
}
.bottom .icons.svg svg {
    color: #ffffff; /* Steuert die Farbe über currentColor */
    fill: #ffffff;margin:0 8px 0 8px;
    height:16px;width:auto;
}
.bottom .icons.svg .icon.insta svg, 
.bottom .icons.svg .icon.masto svg
{height:20px;margin-bottom:-2px;}

.blackmenue #menue a:hover,
.blackmenue .bottom .icons a.icon:hover {
    filter:opacity(0.5);
}
.blackmenue #menue ul,
.blackmenue #menue ul li,
.blackmenue #menue a,
.blackmenue #menue,
.blackmenue .bottom .icons a.icon {
    color:#000!important;
}
.joinhub {
    width:160px;height:auto;
}
.joinhub.watercolor:hover {
    background:#91BCD8;
}
a.no-arrow::before {
    content:''!important;
}
#solo-blog-header .hideonstartpage {
    display:none;visibility:collapse;
}
.qr-box {
    position:absolute;bottom:20px;right:20px;filter:opacity(0.75);
}
span.qr-info {
    text-transform:uppercase;font-size:0.6em;letter-spacing:1;display:block;margin-bottom:10px;
}
.qr-chat-code {
    height:100px;width:100px;
}
#grid-container {
    animation: fadeInAnimation ease 2s;
                animation-iteration-count: 1;
                animation-fill-mode: forwards;
            }
            @keyframes fadeInAnimation {
                0% {
                    opacity: 0;
                }
                100% {
                    opacity: 1;
                }
}
.stream-page #grid-container {
    animation: fadeInAnimation ease 4s;
                animation-iteration-count: 1;
                animation-fill-mode: forwards;
            }
            @keyframes fadeInAnimation {
                0% {
                    opacity: 0;
                }
                100% {
                    opacity: 1;
                }
}
.stream-page div#headerToggle a.toggle::before {
    background:transparent!important;color:#fff!important;
}
.stream-page #page-footer {
    display:none;
}
.stream-page #menue li a.live-link {
}
.stream-page {
    background:#000;color:#eee;
}
.blackbox .mod_newslist {
}
#blog-header-kalender .kalender-2 span.teaser {
    word-break: keep-all!important;-moz-hyphens: none;
    hyphens: none;
}
#formate {
    font-size:1rem;
}
#blog-header-kalender #solo-blog-header .main-text {
    max-width:720px!important;padding:1em 2em;font-size:1em;margin:0 auto;
}
#blog-header-kalender #solo-blog-header #social_buttons_container {
    display:none!important;
}
.event.bookwhen.ausverkauft #bookwhen,
.event.extern.ausverkauft #extern {
    display:none!important;
}
.xpand-block {
    background:#fafafa;padding:20px;border:6px solid #F5DF4D;
}
.xpand-block tbody {
    background:#fafafa;
}
#xpand-form .submit.xpand-send {
    color:#444!important;
}
#xpand-form textarea {
    font-size:0.9em;color:#404040;
}
#xpand-form label {
    display:none;
}
#xpand-form .explanation p {
    margin-bottom:5px;
}
#hygienekonzept li {
    margin-bottom:6px;
}
#hygienekonzept h5 {
    margin-bottom:20px;
}
#hygienekonzept {
    border-top:1px solid #ccc;margin:35px 0 15px 0;padding:40px 30px 0 30px;
}
#solo-blog-header .hideonstart {
    display:none; visibility:collapse;
}
.hidetime span.zeit {
    display:none;
}
.yellow-back #menue .active span {
    color:#796F0F;
}
a.nofx::before {
    content:""!important;background:#fff!important;padding:0 0 0 0!important;
}
#blog-reader a.nofx {
    padding:0 0 0 0!important;background:transparent!important;
}
#blog-reader .main-text img {
    margin:1.5em 0 1em 0;
}
#blog-reader .ce_text p {
    font-size: 1.1em;
    line-height: 1.7;
    margin-bottom: 1rem;
}
.plusx-marker {
    position: absolute;
    top:0px;right:0px;
    z-index: 10;
}
#menue .projektreihe-unten,
#menue .projektreihe-unten {
    /*border-bottom:1px solid #444;*/padding-bottom:12px;
}
#menue .produktionen .projektreihe {
    font-weight:bold;text-transform:uppercase;font-size:0.95em;/*padding-top:10px;*/
}
.just-small {
    display:none;
}
.audio h5 .audio-icon {
    display:inline;visibility:visible;margin-right:3px;
}
h5 .audio-icon {
    display:none;visibility:collapse;
}
.live-countdown-holder {
    width:60px;border:0px solid #ccc;display:inline;margin-right:5px;text-align:center;height:50px;float:left;
}
.live-countdown-holder .number {
    font: 1.4em/1 'Roque-Strong';
    text-transform: uppercase;
    margin:0 auto 0 auto;
}
.live-countdown-holder label {
    font-size:0.6em;text-transform:uppercase;text-align:center;letter-spacing:1px;
}
.vimeo-link-for-mobile {
    display:none;
}
p.bookwhen-ticketinfo {
    text-align: center; font-size: 1.2em; line-height: 1.6;
}
.live.online .cal-start.livekalender .online-icon a {
    color:#F5FF2B!important;
}
.live .cal-start.livekalender a.cal-btn-small:hover {
    background:#000;color:#F5FF2B!important;
    opacity: 1.0;
}
.live .cal-start.livekalender a.cal-btn-small {
    background:#F5FF2B;color:#000!important;
    opacity: 1.0;
}
.online-icon a {
    color:#000!important;
}
.online-icon {
    display:none;
}
.online .cal-spielplan .online-icon {
    display:inline;text-transform:lowercase;margin-left:16px;
}
.online .cal-start .online-icon {
    display:inline;float:right;text-transform:lowercase;
}
body {
    font:.9em 'Roboto',sans-serif;
    color:#000;
}
.black-btn {
    background:#000;
}
.mod_comments .form input.submit {
    background:#c0c0c0;
}
.comment_default .comment {
    max-width: 680px;
    margin: 0 auto 0 auto;
}
.extra-text.ce_accordion.ce_text.block div.toggler {
    display:inline!important;
}
.connection-comments .mod_comments h5,
.connection-comments .mod_comments label[for=ctrl_comment] {
    display:none;
}
a.yellowlink {
    color: #000!important;
    background: #F5DF4D;
    padding: 0 3px 0 3px;
    white-space: wrap;
    word-wrap: break-word;
}
#start-text .rte  a {
    color: #000;
    background: #F5DF4D;
    padding: 0 3px 0 3px;
    white-space: wrap;
    word-wrap: break-word;
}
.event #bookwhen,
.event #extern {
    display:none!important;
}
.event.bookwhen #karten,
.event.extern #karten {
    display:none!important;
}
.event.bookwhen #bookwhen {
    display:block!important;
}
.event.extern #extern {
    display:block!important;
}
.event.ohnezeit span.zeit {
    display:none!important;
}
.blog-post .gekuerztertext {
    display:none!important;
}
#ausnahme-blog-einzel .blog-post.shortversion .gekuerztertext {
    display:block!important;
    font-size: 0.95rem;
    max-width: 680px;
    margin: 0 auto 1em auto;
}
#ausnahme-blog-einzel .blog-post.shortversion .main-text {
    display:none;
}
.pk-infos {
    font-size:0.9em;text-align:center;color:#3C7107;
}
.pause-starter {
    background:#FFFEBE;color:#000!important;padding:2em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.dabeisein-button {
    text-align:center;display:block;background:#44CCAD;width:60%;color:#fff!important;font-size:1.3em;padding:6px 10px;line-height:1.2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
}
.online .cal-spielplan {
    background:#F5FF2B!important;
}
#cal-just-online .online .cal-spielplan {
    background:#eee!important;
}
.wa-banner {
    z-index:500;position:absolute;top:30px;right:-150px;transform: rotate(15deg);height:40px;width:auto;
}
#logo h2.subname {
    display:none!important;visibility:collapse!important;
}
a:visited {
    color:#808080;
}
.main-text {
    max-width:680px;margin:1em auto 1em auto;font-size:0.95rem;
}
.inhalt-padding .rte, #start-text.content-text {
    max-width:680px;margin:1em auto 2em auto;font-size:0.95rem;
}
#start-text .social-btn.vips {
    font-size: 0.95em!important;
}
#pausen-kalender {
    margin-top:1em;
}
input.nl-captcha {
    width:4em;display:inline;clear:right;text-align:center;
}
.mod_subscribe.abo-neu input.submit {
    display:block;
}
.nl-captcha-label {
    display:inline;margin-right:1em;
}
#news_startseite .ce_text a strong {
    opacity:1!important;
}
.de-en {
    margin-bottom:1em;
    text-align:center;
    color:#c0c0c0;
}
.de-en a {
    color:#808080;
}
.de-en a:hover {
    color:#000;
}
a.soli-link {
    color:#858585!important;
}
a.soli-link:hover {
    color:#a9a9a9!important;
}
span.markiert {
    background:#FFF180!important;
}
.border-top {
    border-top: 1px solid #ccc;padding-top:1.8em;
}
.ce_text a,
.custom-card a,
p a {
    text-decoration:none;
    color:#444;
    opacity: 1;
    transition: opacity .0s ease-in-out;
    -moz-transition: opacity .0s ease-in-out;
    -webkit-transition: opacity .s ease-in-out;
}
a.readon:hover {
    opacity:0.7!important;
}
.ce_text a:hover,
.custom-card a:hover,
p a:hover {
    color:#444;
    opacity: 1;
}
a.social-btn {
    opacity: 1;
    transition: opacity .0s ease-in-out;
    -moz-transition: opacity .0s ease-in-out;
    -webkit-transition: opacity .s ease-in-out;
}
a.social-btn:hover {
    opacity: 0.7;
}
.custom-card a img {
    opacity: 1!important;
}
blockquote {
    width:75%;
    margin:0 auto .7em;
    border:0;
    color:#000;
}
#logo a,
#galerie a {
    opacity: 1;
}

/* Galerie-Grid */
.content-gallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1rem;
}

/* Spaltenzahl aus der Contao-Klasse */
.content-gallery--cols-2 ul { grid-template-columns: repeat(2, 1fr); }
.content-gallery--cols-3 ul { grid-template-columns: repeat(3, 1fr); }
.content-gallery--cols-4 ul { grid-template-columns: repeat(4, 1fr); }

/* Bilder */
.content-gallery figure {
    margin: 0;
}
.content-gallery figure img {
    display: block;
    width: 100%;
    height: auto;
}

/* Mobil: einspaltig */
@media (max-width: 640px) {
    .content-gallery--cols-2 ul,
    .content-gallery--cols-3 ul,
    .content-gallery--cols-4 ul {
        grid-template-columns: 1fr;
    }
}

#galerie {margin-bottom:1em;}

.black {
    color: #000!important;
}
#left {
    color:#fff;
    background: #000;
}
.zeile1 #left,
.zeile2 #left {
    text-align:center;
}
#left,
#right {
    padding-top:1em;
}
.mod_article {
    padding-top:1em;
}
.mod_article.last {
    padding-bottom:1em;
}
.ce_text p {
    margin-bottom:.6rem;
}
.comment p {
    margin-bottom:0;
    display:inline!important;
}
.comment,
.reply p.info {
    margin-bottom: 1rem!important;
}
.reply {
    margin-top:-1rem;
    padding-left:2em;
    color:#808080;
}
.kommentar_autor {
    font-size:.8em;
    font-style:italic;
}
.mod_newsreader div#kommentare {
    margin:2em 0 2em 0;display: block;min-height:10px;
}
.mod_comments.block div.form p.info {display: none;color:#ff0000;}

.mod_comments label,
.ce_comments label {
    font-size:.8em;
    color:#808080;
}
.img-100pz img {
    height:auto;
    width: 100%!important;
}
tbody {
    border:0;
}
.inhalt-padding h2 {
    margin-bottom:.8em;
}
.ce_form.reservierung_standard {
    margin-bottom:3em;
}
.form_startseite input.submit {
    font-size:1em;
    background: #F5DF4D;color:#000;
}
.form_startseite input.submit:hover {
    background: #c0c0c0!important;
}
.vips input,
.vips select,
.vips label {
    font-size:.9em;
}
.mod_newsletterreader .newsletter {
    width:600px;margin:2em auto 1em auto;
}
.mod_newsletterreader .newsletter a.nofx {
    color:#000!important;
}
.mod_newsletterreader .newsletter span.genre::before {
    content: " ";
}
.mod_newsletterreader .newsletter span.genre {
    border:0;background:#eee;
}
.mod_newsletterreader .newsletter .spalten.sub-infos p {
    font-family:'Roboto',sans-serif!important;font-size:1.1em!important;
}
.mod_newsletterreader .newsletter b,
.mod_newsletterreader .newsletter strong {
    font-family:'Roboto',sans-serif!important;font-weight:bold!important;
}
.mod_newsletterreader .newsletter table td {
    padding:0 0 0 0;
}
.mod_newsletterreader .newsletter .spalten table td {
    background-color:#fff;
}
.mod_newsletterreader .newsletter table.team td {
    background:#eee!important;
}
.mod_newsletterreader .newsletter table.team td p {
    margin-bottom:0;
}
.vips .daten-custom-label {
    margin-bottom:0;
}
.vips #social_buttons_container {
    height:2em;
    margin-bottom:1em;
}
.vip-termine h5 {
    text-align:center;
}
.vip-termine table {
    width:70%;
    margin:0 auto 2em;
    border:0;
    border-collapse:collapse;
}
.vip-termine table a {
    padding:.2em .6em;
    color:#fff;
    background: #808080;
}
.vip-termine table a:hover {
    background: #c0c0c0;
}
.gallery .image_container_bg {
    width:100%;
    height:12em;
    overflow:hidden;
    border:1px solid #f00;
}
.comments-table tbody,
.comments-table {
    border:0;
    border-collapse:collapse;
    background: transparent!important;
}
.ce_form input,
.ce_form select {
    background-color:#fafafa;
    border-radius:0;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.mod_subscribe.abo-neu input,
.mod_unsubscribe.abo-neu input {
    background-color:#fafafa;
    border-radius:0;
    font-size:1em;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.mod_subscribe.abo-neu button.submit,
.mod_unsubscribe.abo-neu button.submit {
    padding:10px 15px;
    border:0;
    color:#000;
    background: #F5DF4D;
    cursor: pointer;
}
.mod_subscribe.abo-neu button.submit:hover,
.mod_unsubscribe.abo-neu button.submit:hover {
    background: #fff000;
}
.mod_subscribe.abo-neu,
#tl_unsibscribe {
    margin-bottom:2em;
}
.mod_subscribe.abo-neu .daten-custom-label {
    margin-bottom:1em;
}
#einladen .ce_form {
    padding-right:5em;
}
#einladen .ce_form input,
#einladen .ce_form textarea,
#einladen .ce_form label,
#einladen .ce_form .captcha_text {
    border-radius:0;
    font-size:.9em;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
#einladen .ce_form label {
    /*margin-top:-12px;
    */
      text-align: right;
}
#einladen .ce_form.submit_container input {
    background: #000;
}
#einladen .ce_form .explanation {
    font-size: 0.9em!important;
}
#einladen .ce_form span.mandatory {
    display:none;
}
#einladen .ce_form table,
#einladen .ce_form tbody {
    border:0;
    border-collapse:collapse;
}
#einladen .ce_form .odd,
#einladen .ce_form .even {
    background: transparent;
}
#einladen .ce_form .col_0 {
    padding-top:1.2em;
    vertical-align:top;
}
input#ctrl_362 {
    width:5em;
    color:#000;
    background: #eee;
}
#einladen .ce_form input.captcha {
    float:right;
    text-align:center;
}
#einladen .ce_form span.captcha_text {
    display:block;
    padding-top:.9em;
}
#einladen .back {
    display:none;
    visibility: collapse;
}
#einladen input.submit {
    background: #808080;
}
#einladen input.submit:hover {
    background: #c0c0c0;
}
#einladen input,
#einladen textarea,
#einladen .explanation p {
    margin-bottom:0;
}
#einladen table.link-menue {
    margin-bottom:0;
}
#einladen table.link-menue a {
    padding:3px 12px;
    color:#fff;
    background: #ccc;
}
#einladen table.link-menue a:hover {
    padding:3px 12px;
    color:#fff;
    background: #808080;
}
#einladen table.link-menue tbody {
    border:0;
    border-collapse:collapse;
}
#einladen h5 {
    display:none;
    text-align:center;
    color:#c0c0c0;
}
.mod_comments .form textarea,
.mod_comments .form input {
    border-radius:0;
    font-size:.9em;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.ce_comments .form textarea,
.ce_comments .form input {
    border-radius:0;
    font-size:.9em;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.ce_comments .submit_container input {
    background: #000;
}
.mod_comments .daten-custom-label {
    float:left;
    color:#000;
    margin: -3.1em 0 0 2em!important;
}
.ce_comments .daten-custom-label {
    float:left;
    color:#000;
    margin: -3.1em 0 0 2em!important;
}
.mod_comments .checkbox_container {
    margin-top:.3em;
}
.mod_comments #captcha_text_captcha {
    display:block;
    margin-top:-0.3em;
}
.invisible,
.mod_comments span.mandatory,
.ce_comments span.mandatory {
    display:none;
}
.form-datenschutz label,
.form-datenschutz legend {
    display:none;
}
.daten-custom-label {
    width:100%;
    margin-top:-5.3em;
    padding-left:2.2em;
    font-size:.8em;
    color:#808080;
    text-align: left!important;
}
.submit_container input {
    width:100%;
    display:block;
    margin-top:1em;
    padding:.5rem;
    border:0;
    color:#fff;
    text-transform:uppercase;
    cursor: pointer;
}
.submit_container input:hover {
    color:#fff;
    background: #808080!important;
}
input.captcha {
    text-align:center;
}
.accordion {
    background: transparent!important;
}
.accordion-content {
    padding:0 0 .7rem;
    border:0;
    background: transparent!important;
}
#menue .nav2 ul li {
    width:75%;
    margin:.35rem auto .5rem;
    border:0px solid #f00;
    font:.93em/1.2 'Roboto',sans-serif;
    text-transform:none;
}
#menue .nav2 ul.level_1 li.first.last {
    margin-top: 0.35rem!important;
}
#menue .nav2 ul.level_1 li.vips.last {
    margin-top: 0.35rem!important;
}

/* #menue .nav2 ul li {font-family: 'Roboto',Helvetica,Arial,sans-serif;line-height:1.2;width:75%;border:0px solid #ff0000;margin:.5rem auto .5rem auto;text-transform: uppercase;font-size:.9em;} */
#menue .nav2 ul li strong {
    font-weight:normal;
}
#menue .nav2.tickets ul {
    margin:-3em 0 1.8em;
}
#menue .nav2.tickets ul li.first {
    margin-top:.5em;
}
#menue .nav2.tickets ul li {
    margin:.5em auto .7em;
}
#galerie .image_container {
    overflow:hidden;
}
.fx {
    /*opacity: 1;
    */
      transform: scale(1);
    transition: all 0.3s ease-out 0s;
}
.fx:hover {
    /*opacity: 0.5;
    */
      transform: scale(1.3);
    brightness: 1;
    transition: all 0.3s ease-out 0s;
}
#gutscheine img.motiv-wahl {
    height:100px;
    clear:right;
    display:inline;
}
#gutscheine .gutschein-motiv span {
    display:block;
    margin-bottom:1em;
}
#gutscheine .gutschein-motiv legend span {
    margin-bottom:0;
}
#gutscheine input,
#gutscheine select,
#gutscheine label,
#gutscheine legend {
    border-radius:0;
    font-size:.9em;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
#gutscheine span.mandatory {
    display:none;
}
#gutscheine span.invisible {
    display: none!important;
}
#gutscheine .widget-submit {text-align: center;}
#gutscheine #gutschein_formular button.submit {
    width:50%;
    margin:1em auto;
    padding:10px;
}
#gutscheine .submit {
    font-size:1em;
    background: #F5DF4D;color:#000;
}
#gutscheine .submit:hover {
    background: #c0c0c0!important;
}
#gutscheine form#gutschein_formular {
    margin-top:3em;
}
#gutscheine img.gutschein-rueck {
    width:200px;
    margin:0 auto;
}
#gutscheine .infotext {
    width:80%;
    margin:1em auto;
    font-size:.9em;
}
#gutscheine .explanation {
    margin-bottom:1em;
    padding:.3em;
    text-align:center;
    font-size:.9em;
    color:#444;
    background: #eee;
}
#gutscheine .explanation p {
    margin-bottom:0;
}
.daten-custom-label {
    width:94%;
    float:left;
    margin:-2.5em 0 3em 2.2em;
    padding:0;
    color: #808080!important;
}
.form-datenschutz {
    margin:0;
}
.daten-custom-label a {
    color:#444;
}
.daten-custom-label a:hover {
    color:#808080;
}
.reservierung_standard input,
.reservierung_standard select,
.reservierung_standard label {
    font-size:.9em;
}
.reservierung_standard .datenschutz {
    margin-top:1em;
}
.reservierung_standard .submit {
    margin-top:0;
}
.reservierung_standard input.submit {
    background: #808080;
}
.reservierung_standard input.submit:hover {
    background: #c0c0c0!important;
}

/* .captcha_holder {border:1px solid #ccc;padding:.2em .8em;background:#fafafa;} */
.captcha_holder label,
.captcha_holder span {
    font-size:.9em;
}
.captcha_holder label {
    margin-bottom:-0.3em;
    font-weight:normal;
}
.captcha_holder span {
    color:#808080;
}
.tickets h5 {
    margin:1em auto;
    text-align:center;
}
.ticket-info p {
    margin:0 4em .8em;
    font-size:.9em;
    /*text-align: justify;
    */;
}
.ticket-info.erm p {
    margin:0 4em 1em;
}
.h-margin {
    margin-bottom:1em;
}
.cc-message,
.cc-compliance {
    font-family:'BureauGrot',sans-serif;
}
.cc-window {
    border-top:1px solid #404040;
}
.cc-message {
    font-size:.9em;
}
.cc-link {
    text-decoration: none!important;
}
.image_cell {
    margin-bottom:1.9em;
}
.archiv-link {
    padding:2em 3em 3em;
    text-align:center;
    color: #808080!important;
}
.archiv-link h5 {
    margin-bottom:0;
    text-align:center;
    font:1.5em 'Roque-Strong';
    color:#808080;
    text-transform:uppercase;
}
.projektarchiv {
    text-indent:0;
    list-style: none;
}
.projektarchiv.level_1 h5 {
    font-size:2em;
    color:#000;
    margin:2em auto 2em auto;
}
.projektarchiv.level_2 h5 {
    margin-bottom:0;
    font:1.5em 'Roque-Strong';
    color:#000;
    text-transform:uppercase;
}
.projektarchiv li {
    margin-bottom:2em;
}
.projektarchiv span,
.projektarchiv a span {
    font-family:'BureauGrot';
    color:#808080;
}
.projektarchiv a:hover span {
    color:#444;
}
.projektarchiv a h5 {
    color:#000;
}
.projektarchiv a:hover h5 {
    color:#444;
}
ul.projektarchiv.level_2 {
    margin-left:0;
}
.projektarchiv a.gastspiel h5,
.projektarchiv a.konzert h5 {
    color: #808080!important;
}
.projektarchiv a.gastspiel:hover h5,
.projektarchiv a.konzert:hover h5 {
    color: #444444!important;
}
.projektarchiv .gastspiel h5::before {
    margin-right:.3em;
    content: "\21C4";
}
#menue .gastspiel a::before,
#menue span.gastspiel.active::before {
    margin-right:.3em;
    content: "\21C4";
}
#menue .gastspiel.konzert a::before,
#menue span.gastspiel.konzert.active::before {
    margin-right:.3em;
    content: "♫";
}
#menue .gastspiel.ausstellung a::before,
#menue span.gastspiel.ausstellung.active::before {
    margin-right:.3em;
    display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    font: var(--fa-font-regular);
        content: "\f03e  ";
}
#menue .konzert a::before,
#menue span.konzert.active::before {
    margin-right:.3em;
    content: "♫";
}
.projektarchiv .konzert h5::before {
    margin-right:.3em;
    content: "♫";
}
#menue .konzert a::before {
    margin-right:.3em;
    content: "♫";
}
a.vip-link {
    height:30px;
    display:block;
    font-size:0;
    color: transparent;
    background: url('https://theater-an-der-glocksee.de/files/tadg/grafik/vip-pass-text.svg') left top no-repeat;
}
#social_buttons_container {
    padding-top:0;
    border-top:0px solid #ccc;
}
.social-btn {
    width:82px;
    height:24px;
    display:inline-block;
    margin-right:1em;
    padding:2px 0 6px 6px;
    font:.8em/1.7 'Roboto',sans-serif;
    text-transform:none;
    color: #fff!important;
}
#prod-daten .social-btn {
    padding:4px 6px 4px 10px!important;height:auto!important;width:220px!important;
}
#prod-daten .social-btn.kulturpass {
    background: #eee; border: 1px solid #000; padding: 6px 4px 6px 8px!important;
}
#social_buttons_container .social-btn {
    padding:4px 6px 4px 10px!important;height:auto!important;
}
.social-btn.last {
    margin-right:0;
}
.social-btn.vips,
.social-btn.en-link {
    width:186px;
    padding:0 0 0 6px;
    font-size: 1em!important;
}
a.social-btn.en-link {
    background: #eee!important;
    color: #000!important;
}
.social-btn img {
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-right:6px;
    vertical-align:center;
}
a.social-btn.fb-share {
    float:left;
    display:inline-block;
    margin-right:1.3em;
    background: #000;
}
a.social-btn.twitter-share {
    float:left;
    display:inline-block;
    margin-right:1.3em;
    background: #000;
}
a.social-btn.mail-share {
    float:left;
    display:inline-block;
    margin-right:1.3em;
    background: #000;
}
a.social-btn.ko-fi {
    float:left;
    display:inline-block;
    margin-right:1.3em;
    background: #000;
}
.socialshareprivacy {
    display:none;
}
.ensemble-card {
    margin-bottom:2em;
    padding:1em 1em 0;
    border:0px solid #c0c0c0;
    font-family:'Roboto',Helvetica,Arial,sans-serif;
    background: #fff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-out 0s;
    cursor: pointer;
}

/* .ensemble-card:hover {transform: rotate(0deg);transition: all .3s ease-out 0s;} */
.ensemble-card:hover {
    transform: scale(1.05, 1.05);
    transition: all 0.3s ease-out 0s;
}
.ensemble-card a img {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}
.ensemble-card a img:hover {
    opacity: 0.8;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}
#main .ce_text .ensemble-card a:hover {
    opacity:1!important;
}
#leitung .ensemble-card {
    /*background: #ddd;
    */;
}
.ensemble-card img {
    width:100%;
    height:auto;
    margin-bottom:1em;
}
.ensemble-card h5 {
    text-align:center;
    font:1.2em 'BureauGrot';
}
.ensemble-card span {
    font-size:.8em;
}
.ensemble-card table,
.ensemble-card tbody {
    margin:0;
    border:0;
    font-weight:bold;
    background: transparent!important;
}
.ensemble-card table {
    margin:.5em 0 -1em;font-size:0.9em;
}
.ensemble-card p {
    margin: 0!important;font-size:0.9em;
}
.ensemble-card img.info-button {
    width:20px;
    height:20px;
    color: transparent;
}
body#plain-text {
    width:100%;
    color:#fafafa;
    background: #000;
    /*text-align: justify;
    */;
}
#plain-text #grid-container.plain {
    margin:0 1em 1em 0;
}
#plain-text p.back {
    display:none;
    margin-bottom:0;
}
#zeile2 .ce_text {
    font-size:.9em;
    /*text-align: justify;
    */;
}
#zeile2 .comment {
    font-size:.9em;
}
#zeile2 .ce_text p {
    margin-bottom:1.5rem;
}
#zeile2 .prod_presse em {
    display:block;
    margin-top:.4rem;
    text-align:center;
}
#zeile2 {
    margin:2rem 0 0;
    padding:2rem 0;
    border-top:1px solid #ccc;
    background: #fff;
}
#main .ce_text a {
    text-decoration:none;
    opacity: 1;
    transition: opacity .0s ease-in-out;
    -moz-transition: opacity .0s ease-in-out;
    -webkit-transition: opacity .0s ease-in-out;
}
#main .ce_text a:hover {
    opacity: 0.7;
}
.align-left {
    text-align:left;
}
#left b,
#left strong {
    text-transform:uppercase;
}
h1 {
    display:none;
    text-align:center;
    font:0em/1 'Roque-Strong';
    text-transform:uppercase;
    color: transparent;
    visibility: collapse;
}
h2 {
    text-align:center;
    font:3em/1 'Roque-Strong';
    text-transform:uppercase;
}
h2.mild {
    text-align:center;
    font:3em/1 'Roque-Mild';
    text-transform:uppercase;
}
h4 {
    margin-bottom:.6em;
    text-align:center;
    font:1em/1 'Roque-Mild';
    text-transform:uppercase;
}
h6 {
    text-align:center;
    font:1.6em/1 'Roque-Strong';
    text-transform:uppercase;
}
h6.mcpa-title {
    margin-bottom:.4em;
    text-align:center;
    font:1.8em/1 'Pixelar';
    text-transform:uppercase;
    letter-spacing:6px;
}
span.roboto {
    font-family:'Roboto',Helvetica,Arial,sans-serif;
}
h5.monat-headline {
    font:1.7em 'Roque-Strong',sans-serif;
    text-transform:uppercase;
}
#soli-tickets-anzeige {
    padding:1em 1em 0;
}
.soli-ticket-ticker {
    padding:.5em 1em;
    text-align:center;
    color:#fff;
    background: #000 url('https://theater-an-der-glocksee.de/files/tadg/grafik/line-bg.jpg') center center repeat-x;
}
.soli-ticket-ticker h5 {
    display:inline;
    margin-right:2em;
    font-family:'Roque-Strong';
    text-transform:uppercase;
}
.soli-ticket-ticker p {
    display:inline;
    font-weight:bold;
}
.soli-ticket-ticker a {
    color: #fff!important;
}
.soli-ticket-ticker a:hover {
    color: #c0c0c0!important;
}
.soli-ticket-ticker i {
    margin-left:3em;
}
.soli-infos.soli-ticket-ticker {
    font-size:1.2rem;
    color:#000;
    background: transparent;
}
.border-div {
    border:4px solid #000;
    border-radius:15px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.soli-infos .border-div {
    width:80%;
    margin:0 auto;
    padding-top:.5em;
    background: #eee;
}
.soli-infos.soli-ticket-ticker h5,
.soli-infos.soli-ticket-ticker p,
.soli-infos.soli-ticket-ticker i {
    display:block;
    margin:0 auto 1em;
}

/* #prod-daten {font-size:.9em;} */
#prod-info {
    /*text-align: justify;
    */;
}
.logo-full {
    width:80%;
    height:auto;
    display:block;
    margin:1.5em auto 1em;
}
.projekt-daten {
    /*font-family: 'BureauGrot';
    */
      font-size: 1em;
}
.projekt-team {
    font:.9em 'BureauGrot';
}
.padded-section {
    padding-top:1em;
    padding-bottom:1em;
}
.content {
    padding-top:1em;
    padding-bottom:1em;
}
.hero-section {
    height:50vh;
    position:relative;
    display:flex;
    text-align:center;
    background-size: cover;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hero-section .hero-section-text {
    max-width:96%;
    color:#fff;
    z-index: 100;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5)!important;
}
.hero-section .hero-section-text.video {
    max-width:96%;
    position:absolute;
    display:block;
    color:#fff;
    z-index: 100;
    /*text-shadow: 1px 1px 2px #0a0a0a;
    */;
}
.hero-section h2 {
    margin:0 auto .4em;
}
.hero-section-text h5 {
    margin:0 auto 1em;
}
.yellow-orbit h4 {
    margin:0 auto;
    font-family: 'Roboto',sans-serif!important;
    font-size:0.9em!important;
    color:#fff;
    letter-spacing:1px;text-transform:uppercase;
}
.hero-video {
    width:100%;
    height:100%;
    display:block;
    background-size: cover;
    z-index: 1;
}
.hero-video video {
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center center;
    z-index: 2;
}
.iframe-slide {
    border:1px solid #f00;
    overflow: hidden!important;
}
#instafeed span.logo {
    top:.6em;
    position:absolute;
    font-size:.9em;
    line-height:1;
    left: 0.8em;
}
#instafeed span.logo i {
    font-size:1.1em;
}
.orbit-insta-logo {
    top:3px;
    position:absolute;
    left: 10px;
    z-index: 100;
}
a .orbit-insta-logo {
    color:#fff;
}
.orbit-image.hero-section {
    background-size: cover!important;
}
.hero-menue {
    bottom:.6em;
    position:absolute;
    font-size:1.2em;
    right: 1em;
    z-index: 10;
}
.hero-menue a {
    margin-left:.6em;
    color: #fff!important;
    opacity: 0.7;
}
.hero-menue a:hover {
    opacity: 1;
}
#menue,
#menue a {
    color: #fff!important;
}
#menue li.active {
    color:#fff;
}
#menue a {
    opacity: 0.8;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}
#menue a:hover {
    opacity: 1;
}
#menue ul li {
    display:block;
    margin:0;
    padding:0;
    text-align:center;
    line-height:2.2;
    /*text-transform:uppercase;
    */;
}
#menue ul {
    margin:0;
    text-indent:0;
    list-style: none;
}
#menue .karten-link {
    display:block;
    margin:2em auto;
    font:1.5em 'BureauGrot';
    text-transform:none;
    line-height: 2.2;
}
#menue .produktionen li span.forward {
    color:#fff;
}
a.icon {
    color:#fff;
    opacity: 1;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}
a.icon:hover {
    color:#fff;
    opacity: 0.7;
}
#wrapper {
    width:100%;
}
#header {
    color:#fff;
    background: #000;
    box-shadow: 0;
}
#content {
    padding-top:.8em;
    color:#000;
    background: #fff;
}
#rechts {
    padding-top:.5em;
    color:#000;
    background: #fff;
}

/* #footer {background:#000;color:#ccc;} */
.footer a {
    color:#808080!important;
}
.footer a:hover {
    color:#404040!important;
}
.padding-1 {
    padding:0 .8em 0 0;
}
.center {
    text-align:center;
}
.justify {
    /*text-align: justify;
    */;
}
h1 span {
    display:block;
    font-size:.9em;
}
h3 {
    margin:.2em 0;
    font:2.5em/1 'Roque-Strong';
}
h4 {
    font:2.1em/1 'Roque-Mild';
}
h5 {
    font:1.2em 'Roboto',sans-serif;
    font-weight:800;text-transform:none;
}
h1 {
    margin:.5em auto 1.2em;
}
a h1 {
    color: #fff!important;
}
.glocke-logo {
    width:40%;
    height:auto;
    display:block;
    margin:0 auto 3em;
}
#header {
    font-family:'BureauGrot';
}
#header .menu a {
    color:#fff;
}
#header .menu a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
#header ul.sublevel-1 li {
    margin-left:4em;
    font-size:.8em;
}
#header ul.sublevel-1 li a {
    padding:0 0 .6em;
}
#content p {
    font-size:.9em;
    line-height:1.4;
}
#content .prod-titel {
    margin-bottom:1.2em;
}
#rechts .social-media img {
    width:40px;
    height:auto;
    display:block;
    margin:0 auto 2em;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#rechts .social-media img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
#mbTitle {
    display: none!important;
}

/* #footer {text-align: right;} */
#page-footer ul li {
    display:inline-block;
    margin:.6em 1em 0;
    text-indent:0;
    list-style: none;
}
#page-footer {
    padding-top:1em;
    margin-top:1.5em;
    border-top:1px solid #ccc;
    font-size:.7em;
    color:#808080;
    background-color: transparent;
    text-align: center!important;
}

/* #footer {position: fixed;bottom: 0;width:%;} */
#header .form_startseite {
    width:100%;
    margin:0 auto;
}
#header .form_startseite label {
    font:.8em 'Roboto',sans-serif;
    color:#eee;
}
#header .form_startseite select,
#header .form_startseite input {
    padding:2px 4px;
    border-radius:0;
    font:.9em/1 'Roboto',sans-serif;
    color:#444;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
span.mandatory {
    display:none;
}
#header .form_startseiet .telefon {
    display:none;
}
#hideimage {
    display: none!important;
    visibility: collapse;
}
.blog-small #hideimage {
    display: block!important;
}
#ausnahme-blog-einzel .hideimage .image_holder {
    display: none!important;
}
.blog-small h5 {
    height:3em;
    font-size:1em;
}
.blog-small a.headline {
    color:#000;
    opacity: 1;
}
.blog-small.custom-card {
    margin-bottom:2em;
    padding:1em 1em 0;
    border:0px solid #c0c0c0;
    font-family:'Roboto',Helvetica,Arial,sans-serif;
    background: #fff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-out 0s;
}
.shorttext {
    height:10em;
    overflow:hidden;
    display:block;
}
.shorttext p {
    display: inline!important;
    margin-bottom: 0!important;
}
.blog-small .readon {
    display:inline-block;
}
.blog_img_container {
    height:8em;
    overflow:hidden;
    margin-bottom:1em;
}
.blog_img_container a {
    opacity: 1;
}
.blog_img_container img {
    min-height:100%;
    margin-top:-3em;
}
.mod_newsreader .ce_comments h2 {
    display:none;
}
.mod_newsreader .hideimage .blog-image,
.mod_newsreader .hideimage .image_holder {
    display:none;
}
.mod_newsreader .video h5 {
    display:none!important;
}
.mod_newsreader .video.titel h5 {
    display:block!important;
}
.video h5 .video-icon {
    display:inline;visibility:visible;margin-right:3px;
}
h5 .video-icon {
    display:none;visibility:collapse;
}
.video .main-text {
    max-width:100%;
}
#ausnahme-blog-einzel .video .main-text .flex-video {
    margin-top:0;
}
.video .main-text p {
    max-width:680px;margin-left:auto;margin-right:auto;
}
.mod_newsreader .image_holder {
    max-height:70vh;
    overflow:hidden;
    margin-bottom:1em;
}
.mod_newsreader .blog-image {
    height:auto;
    display:block;
    margin:0 auto;
    padding:0;
    width: 100%!important;
}

/* .mod_newsreader .blog-image {float:left;max-width:40%;height:auto;margin:0 1em .5em 0;} */
.mod_newsreader p img {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}
.post-datum {
    display:block;
    font-weight:bold;
}
.post-autor {
    display:block;
}
.blog-post {
    /*text-align: justify;
    */;
}
.blog-link {
    color:#808080;
}
.blog-link:hover {
    color:#000;
}
.blog-post .ce_text a {
    color:#808080;
    opacity: 1!important;
}
.blog-post .ce_text a:hover {
    color:#000;
    opacity: 1!important;
}
.post-author img.post-avatar {
    width:64px;
    height:64px;
    margin-bottom:1.6em;
    border:0px solid #000;
    border-radius:50%;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
#ausnahme-blog-einzel .post-author img.post-avatar {
    width:38px;
    height:38px;
    margin-bottom:1.6em;
    border:0px solid #000;
    border-radius:50%;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    margin-left:auto;margin-right:auto;
}
#ausnahme-infos .ce_text {
    font-size: 0.95rem;
}
.post-infos {
    font-size:.9em;
}
.custom-card table {
    font-size:.8em;
}
.custom-card table,
.custom-card tbody {
    padding:0;
    border:0;
    background: transparent;
}
.custom-card table td {
    padding:0 0 1em;
}
.pagination {
    clear:both;
    display:block;
    width:100%;
    text-align:center;
}
.pagination .current {
    display:block;
    padding:.1875rem .625rem;
    border-radius:3px;
    font-weight:bold;
    color:#fff;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    background: #c0c0c0;
}
.orbit-previous,
.orbit-next {
    top:50%;
    position:absolute;
    padding:1rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    color: transparent;
    cursor: pointer;
    opacity: 0.25;
    transition: opacity .0s ease-in-out;
    -moz-transition: opacity .0s ease-in-out;
    -webkit-transition: opacity .s ease-in-out;
}
.orbit-previous {
    margin-left:1.6em;
    background: transparent url('https://theater-an-der-glocksee.de/files/tadg/grafik/arrow-prev.svg') 100% 100% no-repeat!important;
}
.orbit-next {
    margin-right:1.6em;
    background: transparent url('https://theater-an-der-glocksee.de/files/tadg/grafik/arrow-next.svg') 100% 100% no-repeat!important;
}
.orbit-previous:hover,
.orbit-next:hover {
    opacity: 1;
}
#news_startseite {
    font-size:.9em;
}
#news_startseite .ce_text p,
#blog_startseite .blog-small p {
    padding:0 0 0 0!important;
    margin-left:0!important;margin-right:0!important;
}
#news_startseite .important {
    padding-right:1px;
    padding-left:1px;
    background-color:#FFFD33;
}
#blog_startseite .custom-card {
    padding:0;
    font-size:.9em;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
}
#blog_startseite .blog_img_container {
    display:none;
    -webkit-filter: saturate(0);
    filter: saturate(0);
    transition: all 0.4s ease-in-out;
}
#blog_startseite .blog_img_container:hover {
    -webkit-filter: saturate(1);
    filter: saturate(1);
    transition: all 0.4s ease-in-out;
}
#blog_startseite .video .blog_img_container {
    display:none;
    display:block;
}
#blog_startseite .headline h5 {
    height:auto;
    display:inline;
    font-family:'BureauGrot',sans-serif;
    font-weight:normal;
}
#blog_startseite p,
#blog_startseite .blog_entry_content,
#blog_startseite .shorttext {
    display:inline;
}
#news_startseite .layout_full {
    margin-bottom:1em;
    border-bottom:1px solid #ccc;
}
#news_startseite .layout_full.last {
    border-bottom:0px solid #ccc;
}
.cal-start {
    margin-bottom:1em;
    padding:1em;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
.cal-start.livekalendersmall {
    margin-bottom:1em;
    padding:1em;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
}
.cal-start table {
    width:100%;
    margin-bottom:0;
}
.cal-start td {
    padding:0;
}
.cal-start tbody {
    padding:0;
    border:0;
}
.cal-start .kalender-1 {
    text-align:center;
}
.cal-start .kalender-2 {
    line-height: 1!important;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.cal-start .kalender-3 {
    width:0;
    margin-bottom:.500.50emem;
    padding:0;
}
.cal-start .kalender-4 {
    float:right;
    display:block;
    vertical-align:top;
}
.cal-start .wochentag {
    margin-bottom:0;
    font-weight:normal;
}
.cal-start .datum {
    margin-bottom:0;
    border:0px solid #f00;
    font:2.2em 'BureauGrot37','BureauGrot',sans-serif;
    font-weight:normal;
}
.cal-start .monat {
    margin:0;
    font-family:'BureauGrot37','BureauGrot',sans-serif;
        font-weight:normal;
        text-transform:uppercase;
}
.cal-start a h5 {
    margin-bottom:.2rem;
    font:1.2em/1.2 'Roque-Strong',sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    color: #000!important;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
.cal-start .teaser,
.cal-start .zeit {
    font-size:.9em;
}
.cal-start .teaser p {
    min-height:2.1em;
    margin-bottom:.2rem;
    color:#000;
}
.cal-start .teaser b,
.cal-start .teaser strong {
    font-size:1em;
    font-weight:normal;
    text-transform:uppercase;
    font-family: 'Roque-Strong'!important;
}
.cal-start .cal-msg {
    font-size:.9em;
}
.cal-start .cal-msg span {
    padding:1px 6px;
    text-align:center;
    color:#000;
    /*background: #C4002A;*/
    background: #F5DF4D;
}
.cal-start .cal-msg span#ausfall {
    color:#fff;
}
#verkaufstop,
#vvkstop,
#ausfall,
#nurnochabendkasse {
    display:none;
    margin-top:.6em;
}
.ausverkauft #verkaufstop {
    display:block;
}
.ausverkauft img.ausverk {
    display:block;
    display:block!important;
}
.ausverkauft .cal-start img.ausverk {
    display:block;
    margin-top:5px!important;
}
.keinrest .warteliste {
    display:none!important;
}
.keinrest .abendkasse {
    display:none!important;
}
.ausverkauft #einladen,
.ausverkauft #karten,
.faelltaus #karten,
.faelltaus #einladen {
    display: none!important;
}
.keinekarten #karten,
.keinekarten #einladen {
    display: none!important;
}
.mit-einladung #einladen {
    display: block!important;
}
.faelltaus #ausfall {
    display:block;
}
.nurnochabendkasse #nurnochabendkasse {
    display:block;
}
.gastproduktion .gastproduktion-icon {
    margin-bottom:.3em;
    display: block!important;
}
.gastspiel-icon {
    display: none!important;
}
.gastproduktion-icon {
    display: none!important;
}
.cal-start .gastspiel-icon {
    font-size:.8em;
}
.cal-start .gastproduktion-icon {
    font-size:.8em;
}
.konzert .konzert-icon {
    margin-bottom:.3em;
    display: block!important;
}
.gastspiel.konzert .konzert-icon {
    margin-bottom:.3em;
    display: inline-block!important;margin-left:10px;
}
.konzert-icon {
    display: none!important;
}
.cal-start .konzert-icon {
    font-size:.8em;
}
.cal-start .teaser p {
    font-size:.9em;
    line-height: 1.3!important;
}
.cal-start .kalender-1 {
    margin-left:-0.8em;
}
.cal-start .kalender-2 {
    max-width:100%;
    margin-right:.6em;
    padding-left:.5em;
}
.cal-start .kalender-4 ul {
    height:100%;
    margin:0;
    border:0px solid #c0c0c0;
}
.cal-start .kalender-4 ul li {
    min-height:30px;
    display:block;
    border:0px solid #f00;
    text-indent:0;
    list-style: none;
}
.cal-start .cal-btn-small {
    width:28px;
    height:28px;
    float:right;
    display:block;
    text-align:center;
    line-height:2;
    color:#000;
    background: #eee;
}
.cal-start .cal-btn-small-inline {
    display:inline;color:#000!important;
}
a.cal-btn-small {
    color:#000;
    opacity: 0.5;
    transition: opacity .0s ease-in-out;
    -moz-transition: opacity .0s ease-in-out;
    -webkit-transition: opacity .0s ease-in-out;
}
a.cal-btn-small:hover {
    opacity: 1;
}
a.cal-btn {
    opacity: 0.7;
    transition: opacity .0s ease-in-out;
    -moz-transition: opacity .0s ease-in-out;
    -webkit-transition: opacity .0s ease-in-out;
}
a.cal-btn:hover {
    opacity: 1;
}
.cal-start .cal-btn img {
    width:12px;
    height:12px;
    margin:-1px 6px 0 0;
}
.cal-start .cal-btn {
    min-width:75px;
    float:right;
    display:block;
    margin-bottom:.5em;
    padding:1px 0 2px 4px;
    font:.8em/1.7 'Roboto',sans-serif;
    text-transform:none;
    background: #000;
    color: #fff!important;
    width: 100%!important;
}
.cal-start .kalender-2 {
    padding-right:0;
}
.cal-spielplan table {
    margin-bottom:0;
}
.cal-spielplan .table-holder {
    padding:.5em;
    border:0px solid #000;
}
.ausverkauft .cal-spielplan .table-holder,
.ausverkauft .cal-spielplan h5,
.faelltaus .cal-spielplan .table-holder,
.faelltaus .cal-spielplan h5,
.ausverkauft .cal-spielplan .online-icon a,
.faelltaus .cal-spielplan .online-icon a {
    color: #808080!important;
    filter: saturate(0);
}
.cal-spielplan td {
    padding:0;
}
.cal-spielplan tbody {
    padding:0;
    border:0;
}
.cal-spielplan .kalender-1 {
    padding-top:.4em;
    text-align:center;
}
.cal-spielplan .kalender-2 {
    padding-top:.4em;
    padding-left:2em;
    line-height: 1!important;
}
.cal-spielplan .kalender-3 {
    height:7em;
    background-size: 50% 50%;
}
.cal-spielplan .kalender-3 .image_holder {
    width:100%;
    height:100%;
    transition: all 0.3s ease-out 0s;
}
.cal-spielplan .kalender-3 .image_holder:hover {
    background-size: 120% auto!important;
    transition: all 0.3s ease-out 0s;
}
.cal-spielplan .cal-t4 {
    width:8em;
    float:right;
    margin:0 .7em 0 1em;
    padding-top:.6em;
    vertical-align:center;
}
.cal-spielplan .wochentag {
    margin-bottom:0;
    font-size:.8em;
    font-weight:normal;
}
.cal-spielplan .datum {
    margin-bottom:0;
    border:0px solid #f00;
    font:2.2em 'BureauGrot37','BureauGrot',sans-serif;
    font-weight:normal;
}
.cal-spielplan .monat {
    margin:0;
    font-family:'BureauGrot37','BureauGrot',sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}
.cal-spielplan a h5 {
    margin-bottom:.2rem;
    font:1.7em/1 'Roque-Strong',sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    color: #000!important;
}
.cal-spielplan .teaser,
.cal-spielplan .zeit {
    width:100%;
    font-size:.9em;
}
.cal-spielplan .zeit {
    width:100%;
    font-size:1em;
    margin:3px 0 8px 0;display:block;font-weight:bold;
}
.cal-start .zeit {
    width:100%;
    margin:3px 0 8px 0;display:block;font-weight:normal;
}
.cal-spielplan .teaser p {
    min-height:2.1em;
    margin-bottom:.2rem;
    line-height:1.4;
}
.cal-spielplan .teaser b,
.cal-spielplan .teaser strong {
    font-size:1.1em;
    font-weight:normal;
    text-transform:uppercase;
    font-family: 'Roque-Strong'!important;
}
.cal-spielplan .cal-btn img {
    width:12px;
    height:12px;
    margin:-1px 6px 0 5px;
}
.cal-spielplan .cal-btn {
    width:100%;
    display:block;
    margin-bottom:.5em;
    padding:5px 5px 5px 5px;
    font:.8em/1.7 'Roboto',sans-serif;
    text-transform:uppercase;
    letter-spacing: 1px;
    background: #000;
    color: #fff!important;
}
.cal-spielplan a.cal-btn:hover {opacity: 0.7;}
.cal-spielplan a.cal-btn {opacity: 1;}
.cal-spielplan #verkaufstop,
.cal-spielplan #vvkstop,
.cal-spielplan #ausfall,
.cal-spielplan #nurnochabendkasse {
    margin-top:0;
}
.startseite.zeile-1 {
    padding-bottom:1em;
}
#foerderer {
    margin:1em 0 -1.3em;
    text-align:center;
    border-top:1px solid #ccc;
}
#foerderer span,
#foerderer img {
    max-width:22%;
    max-height:4em;
    display:inline-block;
    margin:0 2em;
    font-size:.7em;
    width: auto!important;
}
#foerderer img.bigger {
    max-height:6em;
}
#foerderer.foerderer-start {
    border-top:1px solid #ccc;
    margin: 1em 0 0em 0!important;
    opacity: 1;
}
#foerderer.foerderer-start span,
#foerderer img {
    min-width:10em;
    max-height:3.5em;
    display:inline-block;
    margin:.5em 2em;
    font-size:.7em;
}
#foerderer.foerderer-start img.bigger {
    max-height:3.5em;
}
#foerderer.foerderer-start img.evenbigger {
    max-height:5em;
}
#foerderer.foerderer-start img.smaller {
    min-width:1em;
    max-width:8em;
}
.hidden {
    display:none;
}
.impressum h2 {
    margin-bottom:2em;
}
.impressum table,
.impressum tbody {
    border:0;
}
#foerderer .startseite-foerderer img {
    margin: .5em 1.5em;
}
#foerderer .startseite-foerderer img.bigger {
    min-width: 10em;
    max-height: 4.5em;
    height:4.5em!important;
    display: inline-block;
    font-size: .7em;
}
#foerderer img.theaterpreis {
    min-width: 10em;
    max-height: 6em;
    height:5em!important;
    display: inline-block;
    margin: .5em 2em;
    font-size: .7em;
}
.impressum table tr {
    border-bottom:0px solid #eee;
    background: transparent;
}
.impressum p {
    font-size:.9em;
}
#video-container {
    overflow:hidden;
}
#video-controls {
    bottom:0;
    left:0;
    right:0;
    position:absolute;
    padding:5px;
    border:0px solid #f00;
    opacity: 0.6;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
}
#video-container:hover #video-controls {
    opacity: 1;
}
#video-controls button.play {
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s;
}
#video-container:hover button.play {
    opacity: 1;
}
#video-controls button {
    padding:4px;
    font-size:1.4em;
    /*background: rgba(0,0,0,.5);
    */
      color: #fff;
}
#video-controls button.play {
    float:left;
    margin:0 0 .2em .4em;
}
#video-controls button.mute {
    width:34px;
    height:34px;
    float:right;
    margin:0 .4em .2em 0;
    border-radius:50%;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    background: rgba(0, 0, 0, 0.5);
}
#video-controls #volume-bar,
#video-controls #seek-bar,
#video-controls #full-screen {
    display:none;
}
button:hover {
    cursor: pointer;
}
#seek-bar {
    width:360px;
}
#volume-bar {
    width:60px;
}
.justformobile {
    display:none;
}
.foundation-player .player-cover figure img {width:150px;height:auto;}
@media screen and (min-width:1025px) and (max-width:1110px) {
    .cal-start .kalender-1 {
        padding-right: 0;
      }
      .cal-start .cal-btn {
        width: 100%!important;
        min-width: 100%;
        font-size: 0!important;
        margin: 0 0 10px 0;
        padding: 6px 0px 6px 3px;
        text-align: center;
      }
      .cal-start .cal-btn img {
        height: 13px;
        width: auto;
      }
    .nice-size .image_container {max-height:8em;}
}
@media screen and (min-width:1111px) {
    #spielplan .ausverkauft img.ausverk {margin-left:0px!important;}
}

/* -- MOBILE DEVICES -- */
@media screen and (max-width: 640px) {
    .cal-start .kalender-1 {
        padding-right: 0;
      }
      .cal-start .cal-btn {
        width: 100%!important;
        min-width: 100%;
        font-size: 0!important;
        margin: 0 0 10px 0;
        padding: 6px 0px 6px 3px;
        text-align: center;
      }
      .cal-start .cal-btn img {
        height: 13px;
        width: auto;
      }
      .cal-start .wochentag, .cal-start .datum {
        margin-bottom: 0!important;
      }
      #instafeed .orbit-image.hero-section {
        background-size: cover!important;
      }
      #instafeed {
        background: #000 url('https://theater-an-der-glocksee.de/files/tadg/grafik/insta-bg.jpg') 50% 50% no-repeat;
        background-size: cover!important;
      }
      .ensemble-card img {
        width: 6em;
        float: left;
        margin-right: 1em;
      }
      .ensemble-card {
        text-align: left!important;
      }
      .ensemble-card h5, .ensemble-card p {
        text-align: left!important
      }
      .ensemble-card center {
        text-align: left;
      }
      .ensemble-card img.info-button {
        float: right;
      }
      .pagination .next {
        display: inline-block;
      }
      .pagination .current, .pagination .last {
        display: none;
      }
      a.social-btn {
        margin-right: 1em!important;margin-bottom:1em;
      }
    .social-btn.vips, .social-btn.tickets {
         margin-top: 0.5em;margin-bottom:0.2em;
     }
    #social_buttons_container .social-btn {
      padding: 4px 4px 4px 4px !important;
    }
      .cal-spielplan .cal-btn {
        width: 100%!important;
        display: block!important;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
      }
      .cal-spielplan .teaser p {
        min-height: 1em!important;
      }
      .cal-spielplan .monat, .cal-spielplan .datum {
        display: inline!important;
        font-size: 1.3em!important;
      }
      .cal-spielplan .wochentag {
        margin-bottom: 0px!important;
      }
    #foerderer img.bigger.cityofmusic {
        border: 0px solid #ff0000;
        max-width: 100px!important;
        min-width: 100px!important;
        width: 100px!important;
        height: 64px!important;
        max-height: 64px!important;
        display: block!important;
        position: relative;
        margin: 1em auto 2em auto!important;
        clear: both!important;
      }
      #foerderer img, #foerderer img.bigger {
        border: 0px solid #ff0000;
        max-width: 90%!important;
        width: 100%;
        height: auto!important;
        max-height: auto!important;
        display: block!important;
        position: relative;
        margin: 1em auto 2em auto!important;
        clear: both!important;
      }
      .soli-ticket-ticker i, p, h5 {
        display: block!important;
        margin: 0 auto 0.4em auto!important;
      }
      .blog-small .blog_img_container {
        height: auto!important;
      }
      .blog-small .blog_entry_content {
        /*height: 7em!important;*/
        height:auto!important;
      }
    .blog-small h5 {height:auto!important;font-size:1.24em;}
      #menue .karten-link {
        font-family: 'BureauGrot';
        text-transform: none;
        font-size: 1em!important;
        margin: 2em auto 0 auto!important;
        display: block;
      }
    .blog-small.custom-card table {font-size:1em!important;}
     #menue .live-link {
        font-family: 'BureauGrot';
        text-transform: none;
        font-size: 1em!important;
        margin: 1em auto 2em auto!important;
        display: block;
      }
      #menue .nav2.tickets ul {
        margin: 0em 0 1.8em 0;
      }
    .blog-small.custom-card .blog_img_container img {
    margin-top:0px!important;
    }
    #menue {font-size:1rem!important;}
    p.bookwhen-ticketinfo {font-size:1em!important;}
    #solo-blog-header .ce_text {padding-left: 0px!important;padding-right: 0px!important;}
    table.blog-header-image-holder, table.blog-header-image-holder td {height:200px!important;}
    .corona1 #solo-blog-header .ce_text a {white-space: normal!important;word-wrap: break-word;}
    .just-small {display:block!important;}
    .plusx-marker img {height:100px!important;width:auto!important;}
    .plusx-table {margin-left:0px!important;margin-right:0px!important;width:100%!important;}
    #vita-utakrause img {width:50%!important;height:auto;}
    .yellow-back #bilder-slide-neu h5 {font-size:0.8rem;}
    #xpand-screen {height:100vh;}
    #blog-header-kalender #solo-blog-header .main-text {padding:0!important;}
    #grid-container .mod_article.first.grid-padding-x .cell {padding-left:0!important;padding-right:0!important;}
    #grid-container #gutscheine.mod_article.first.grid-padding-x .cell {padding-left:1.5em!important;padding-right:1.5em!important;}
    .kontakt #grid-container .mod_article.first.grid-padding-x .cell.ce_text {padding-right: .9375rem!important;padding-left: .9375rem!important;}
    .spielplan #grid-container .mod_article.first.grid-padding-x .cell {padding-right: .9375rem!important;padding-left: .9375rem!important;}
    #gutscheine #gutschein_formular .submit {width:100%;}
    h5.gastspiel {display:inline-block!important;}
    .h5-leitung h5 {margin-left: 1em!important;}
    .startseite-foerderer img.smaller {min-width: 10em!important;width:10em;}
    #foerderer .startseite-foerderer img {min-width:50%!important;width:100%!important;max-width:60%!important;margin:4em auto 4em auto!important;max-height: 6em!important;
    height: 6em !important;}
    #foerderer img {min-width:50%!important;width:100%!important;max-width:60%!important;margin:4em auto 4em auto!important;max-height: 6em!important;
    height: 6em !important;}
    .mod_newsletterreader .newsletter {width:100%;margin:2em auto 1em auto;}
    .mod_newsletterreader .newsletter .spalten {display:block;width:100%!important;}
    #newsletter-page .mod_subscribe, #newsletter-page .mod_unsubscribe, #newsletter-page .ce_text p {padding-left:1em!important;padding-right:1em!important;}
    .mod_newsletterreader .newsletter .zwei-spalte {margin-top:2em;}
    #linkliste-salonf {padding-left:1em!important;padding-right:1em!important;width:100%!important;margin:2em auto 2em auto!important;display:block;}
    ul.booking-links li {display:block!important;margin:0px auto 20px auto!important;width:75%;}
    h2.main-text-h2 {margin-top:0.75em!important;}
    .cal-spielplan h5 {padding-right: .9375rem!important;padding-left: .9375rem!important;}
    #blog-header-kalender .main-text #start-text {margin-top:0.25em!important;margin-bottom:2em!important;}
    .mobile-socials {display:block;}
    .foundation-player.normal .player-progress .progress {width:180px!important;}
    .shorttext {font-size: 1.1em!important;height: auto!important;}
}
@media screen and (max-width: 960px) {
    #einladen table.link-menue {
        display: none;
        visibility: collapse;
      }
      #einladen span.captcha_text {
        margin-right: 0.5em;
      }
      /* #foerderer img, #foerderer img.bigger {max-width:90%;width:100%;height:auto!important;max-height:auto!important;display: block!important;position:relative;margin-bottom: 2em;clear:both;}
    */
      #instafeed .orbit-image.hero-section {
        background-size: cover!important;
      }
      #instafeed {
        background: #000 url('https://theater-an-der-glocksee.de/files/tadg/grafik/insta-bg.jpg') 50% 50% no-repeat;
        background-size: cover!important;
      }
      #hideifmobile, .hideifmobile {
        display: none!important;
        visibility: collapse;
      }
      .orbit-controls {
        display: none;
      }
      .doppelpunkt {
        display: none;
      }
      /*.hero-menue {display: none;}*/
      .orbit-image.hero-section {
        background-size: cover!important;
      }
      .hero-section-text {
        font-size: 0.8rem!important;
      }
      .hero-section-text h4 {
        font-size: 1rem!important;
      }
      #news_startseite .ce_text {
        padding-left: 0!important;
        padding-right: 0!important;
      }
      .ce_text {
        padding-left: 1em!important;
        padding-right: 1em!important;
      }
    .inhalt-padding {
        padding-left: 1em!important;
        padding-right: 1em!important;
      }
    #blog-reader .rte {
        padding-left: 0!important;
        padding-right: 0!important;
    }
      #social_buttons_container {
        text-align: center;
      }
      #social_buttons_container .social-btn {
        display: inline-block;
      }
      /*#foerderer.foerderer-start {display: none;}
    #foerderer {text-align: center;}
    #foerderer span, #foerderer img {display: block;margin:0 auto 1em auto;position:absolute;}
    #foerderer img {height:4em;} */
      h5.monat-headline {
        text-align: center;
        font-size: 1.3em;
        line-height: 1;
      }
      .cal-spielplan {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
      }
      .cal-spielplan .kalender-2 {
        text-align: center;
        width: 90%!important;
      }
      .cal-spielplan .kalender-3 {
        width: 70%!important;
        margin: 0.5em 0 0.5em 0;
      }
      .cal-spielplan .cal-btn {
        width: 45%;
        display: inline-block;
      }
      /*.cal-spielplan .cal-btn {width:100%!important;display:block!important;overflow:hidden;margin-left: auto;margin-right: auto;}*/
      .cal-spielplan .kalender-4 {
        width: 70%!important;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      .cal-spielplan .cal-msg span {
        background: #C4002A;
        color: #fff;
        padding: 1px 6px 1px 6px;
        text-align: left;
      }
      .cal-spielplan .kalender-1 {
        color: #000!important;
        ;
        border-bottom: 0px solid #eee;
        width: 65%;
        margin: 0 auto 0 auto;
      }
      .cal-spielplan .wochentag {
        display: block;
        font-size: 0.9em;
        font-weight: normal;
      }
      .cal-spielplan .datum {
        display: inline;
        font-size: 1.5em;
        font-weight: normal;
      }
      .cal-spielplan .monat {
        display: inline;
        font-size: 1.5em;
        font-weight: normal;
      }
      /*.ensemble-card table td {display: block;width:100%;text-align: center;}*/
      .ticket-info p, .ticket-info.erm p {
        margin: 0 0 1em 0;
        text-align: left;
      }
      #blog_startseite .blog_img_container {
        display: block;
        -webkit-filter: saturate(1);
        filter: saturate(1);
      }
      .mod_newsreader .formbody {
        margin-bottom: 2em;
      }
      #page-footer {
        display: block;
        margin-top: 2em;
      }
      .en-link-1 {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        z-index: 10;
      }
      #galerie .image_container {
        overflow: hidden;
        width: 100%;
        height: 100%;
      }
      .cal-spielplan .teaser p {
        min-height: 1em!important;
      }
      #menue .karten-link {
        font-family: 'BureauGrot';
        text-transform: none;
        font-size: 1em!important;
        margin: 2em auto 0 auto!important;
        display: block;
      }
     #menue .live-link {
        font-family: 'BureauGrot';
        text-transform: none;
        font-size: 1em!important;
        margin: 1em auto 2em auto!important;
        display: block;
      }
      #menue .nav2.tickets ul {
        margin: 0em 0 1.8em 0;
      }
    .blog-small.custom-card .blog_img_container img {
    margin-top:0px!important;
    }
    #menue {font-size:1rem!important;}
    #blog-reader .post-infos {text-align:center;margin-top:1em;}
    .justformobile {display:block!important;}
    #solo-blog-header .ce_text {padding-left: 0px!important;padding-right: 0px!important;}
    iframe#chat-box {margin:0 0 2em 0;}
}

/* -- IPAD DEVICES -- */
@media screen and (max-width: 1023px) {
    .orbit-image.hero-section {
        background-size: cover!important;
      }
      .hero-section-text {
        font-size: 0.8rem!important;
      }
      .hero-section-text h4 {
        font-size: 1rem!important;
      }
      #social_buttons_container {
        text-align: center;
      }
      #social_buttons_container .social-btn {
        display: inline-block;
      }
      /* #foerderer {text-align: center;}
    #foerderer span, #foerderer img {display: block;margin:0 auto 1em auto;}
    #foerderer img {height:4em;} */
      #blog_startseite .shorttext {
        font-size: 1em;
      }
      .shorttext {
        font-size: 0.8em;
        height: 14em;
      }
      .blog-small .blog_img_container {
        height: 8em;
      }
      .blog-small .blog_entry_content {
        height: 8em;
      }
      .hero-section-text.video {
        border: 0px solid #ff0000;
        z-index: 100;
        position: absolute;
        left: 1em;
        top: 17vh;
        width: 100%;
      }
      .cal-spielplan {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
      }
      .cal-spielplan {
        border-bottom: 1px solid #ccc;
        padding-bottom: 3em;
      }
      .cal-spielplan .kalender-2 {
        text-align: center;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
      }
      .cal-spielplan .kalender-3 {
        margin: 0.5em auto 0.5em auto;
        width: 62%;
      }
      .cal-spielplan .cal-btn {
        width: 60%;
        display:block;
    margin-left:auto;
    margin-right:auto;
      }
      .cal-spielplan .kalender-4 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
      .cal-spielplan .kalender-1 {
        color: #000!important;
        ;
        border-bottom: 0px solid #eee;
        width: 65%;
        margin: 0 auto 0 auto;
      }
      .cal-spielplan .wochentag {
        display: block;
        font-size: 0.9em;
        font-weight: normal;
      }
      .cal-spielplan .datum {
        display: inline;
        font-size: 1.5em;
        font-weight: normal;
      }
      .cal-spielplan .monat {
        display: inline;
        font-size: 1.5em;
        font-weight: normal;
      }
      .cal-spielplan .cal-msg span {
        background: #808080;
    /*background:#C4002A;*/
        color: #fff;
        padding: 1px 6px 1px 6px;
        text-align: center;
      }
      .cal-spielplan .cal-msg span a {color:#fff!important;}
      .mit-einladung #einladen {
        display: inline-block!important;
      }
      .ticket-info p, .ticket-info.erm p {
        margin: 0 0 1em 0;
      }
      #blog_startseite .blog_img_container {
        display: block;
        -webkit-filter: saturate(1);
        filter: saturate(1);
      }
      .mod_newsreader .formbody {
        margin-bottom: 2em;
      }
      #page-footer {
        display: block;
        margin-top: 2em;
      }
      .en-link-1 {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        right: 0;
        float: right;
        z-index: 10;
      }
      #galerie .image_container {
        overflow: hidden;
        width: 100%;
        height: 100%;
      }
      .inhalt-padding .rte {
        padding: 0 0 0 0;
        margin-bottom: 2em;
        text-align: left;
      }
      /* -- ENDE IPAD DEVICES -- */
}
@media only screen and (min-width: 1025px) {
    #galerie .image_container {
        overflow: hidden;
      }
      #hideifmobile, .hideifmobile {
        display: block;
        visibility: visible;
      }
      /* angepasste Größe */
      #instafeed .orbit-image.hero-section {
        background-size: auto 640px!important;
      }
      #instafeed {
        background: #000 url('https://theater-an-der-glocksee.de/files/tadg/grafik/insta-bg.jpg') 50% 50% no-repeat;
        background-size: cover!important;
      }
    .nice-size .image_container {max-height:8em;}
    .ohnedatum .cal-start .kalender-2 {width:100%!important;}
    .ohnedatum .cal-start .kalender-1, .ohnedatum .cal-start .kalender-4 {display:none;visibility:collapse;}
}
@media only screen and (min-width: 961px) and (max-width: 1024px) {
    /* angepasste Größe */
      #instafeed .orbit-image.hero-section {
        background-size: auto 640px!important;
      }
      #instafeed {
        background: #000 url('https://theater-an-der-glocksee.de/files/tadg/grafik/insta-bg.jpg') 50% 50% no-repeat;
        background-size: cover!important;
      }
}
@media only screen and (max-width: 767px) {
    #hideifmobile, .hideifmobile {
        display: none!important;
        visibility: collapse;
      }
    .justformobile {display:block!important;}
    .spielplan h5.monat-headline {font-size: 2em;margin-top:1em!important;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    #hideifmobile, .hideifmobile {
        display: none!important;
        visibility: collapse;
      }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .chat-rechts {min-height:75vh;border:0px solid #ff0000;}
    .vimeo-link-for-mobile {display:block!important;}
}
@keyframes ticker-text {
    0% {
            transform: translateX(0);
          }
          100% {
            transform: translateX(-100%);
          }
}
.ticker-text {
    display: inline-block;
    padding-left: 100%;
    animation: ticker-text 15s linear infinite;
}
.ticket-text {
    display: inline-block;
          padding-left: 100%;
          animation: ticker 10s linear infinite;
}
p.error {
    font-size:0.9em;color:#ff0000;line-height:1.2;margin-bottom: 0;
}
.img-color-rotate {
    animation: hueSpin 8s linear infinite;
    filter: hue-rotate(0deg);
}
@keyframes hueSpin {
    0%   { filter: hue-rotate(0deg); }
    10%   { filter: hue-rotate(0deg); }
      100% { filter: hue-rotate(360deg); }
}