/* 

      _     ___     ___    __    _   ___ 
     /_\   | _ \   |_  )  /  \  / | ( _ )
    / _ \  |  _/    / /  | () | | | / _ \
   /_/ \_\ |_|     /___|  \__/  |_| \___/
                                       
  PHILIPP FLUES
  PRÜFLINGSNUMMER: 5397

*/

@font-face { font-family: 'Fjalla One';
             src: url('../fonts/Fjalla_One/FjallaOne-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Josefin Sans';
             src: url('../fonts/Josefin_Sans/JosefinSans-Light.ttf') format('truetype'); }

/*** 
Layout-CSS (Generell) & Startseite
***/
body,html{height:100%;width:100%}
body{font-size:1rem;font-family:'Josefin Sans',sans-serif}
h1,h2,h3,h4,h5{position:relative;font-family:'Josefin Sans',sans-serif}
h6{position:relative}
.heading-devider{height:11px;width:136px;background:url(../img/heading_divider.png);background-size:cover;display:inline-block}
header{position:fixed;top:0;left:0;width:100%;z-index:998;transition:all .5s;background:rgba(0,0,0,0.33);max-width:100vw;}
.scrolled header{background:rgba(164,46,45,0.92);-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);}
.logo-wrap img{padding:21px 37px 20px;max-width:190px;transition:all .4s}
body.scrolled .logo-wrap img{padding:15px 0;max-width:72px}
body.scrolled .toggle-menu{top:21px}
.mobilenav .logo-wrap img{max-width:100%!important;}
.bg-primary{background-color:#a42e2c!important}
.bg-dark{background-color:#1b1c1e!important}
.bg-white{background-color:#fff}
.text-inverse{color:#074052}
.text-primary{color:#B47F41!important}
a.text-primary{color:#B47F41}
a.text-primary:hover{color:#a42e2c!important;text-decoration:none}
.btn{font-family:'Josefin Sans',sans-serif;font-size:1rem;font-weight:600;border-width:0!important;overflow:hidden;}
.btn-primary{background-color:#a42e2c;border-color:#a42e2c;transition:all .3s;box-shadow:0 -2px 0 0 rgba(0,0,0,0.15) inset;font-size:18px;font-family:'Fjalla One';font-weight:400;text-transform:uppercase;padding:11px 21px}
.btn-primary:hover,.btn-primary:focus{background-color:#c03331;border-color:#c03331}
.btn-capsul{border-radius:50px}
.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;background:#a42e2d;transition:all .3s}
.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#a42e2d;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-shutter-in-horizontal:hover,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:active{color:#fff}
.hvr-shutter-in-horizontal:hover:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:active:before{-webkit-transform:scaleX(0);transform:scaleX(0)}
i.box-circle-outline{border-color:inherit;border-width:1px;border-style:solid;border-radius:50%;height:50px;line-height:50px;text-align:center;width:50px}
i.box-circle-solid{background-color:#35CBDF;border-radius:50%;color:#fff;font-size:22px;height:55px;line-height:55px;text-align:center;width:55px}
.content-icon{position:absolute;right:78px;bottom:40px;filter:invert(1) opacity(0.1);height:100px;width:auto}
.text-underline-white:before{content:"";position:absolute;width:100px;height:4px;left:50%;margin-left:-50px;background:#fff;bottom:-15px;border-radius:10px}
.text-underline-rb-white:before{content:"";position:absolute;width:100px;height:4px;left:0;background:#fff;bottom:-15px;border-radius:10px}
.text-underline-primary:before{content:"";position:absolute;width:50px;height:4px;left:50%;margin-left:-25px;background:#35CBDF;bottom:-15px;border-radius:10px}
.text-underline-rb-primary:before{content:"";position:absolute;width:100px;height:4px;left:0;background:#35CBDF;bottom:-15px;border-radius:10px}
.bg-overlay-primary:before{content:"";background:rgba(49,31,10,0.5);position:absolute;height:100%;width:100%;left:0;top:0;z-index:-1}
.bg-overlay.intro-bg{position:relative!important;overflow:hidden!important}
.bg-overlay.intro-bg .parallax-item{position:fixed}
.bg-overlay.intro-bg.parallax{background:url(../img/bg_buehne1.jpg);background-repeat:no-repeat!important;background-size:115% 115%!important;z-index:2;content:"";background-position:center center}
.bg-overlay.intro-bg.bg-festival.parallax{background:url(../img/bg_festival.jpg)}
.bg-overlay.intro-bg.parallax.bg-spielplan {background: url(../img/sec-bg-03.jpg);}
@keyframes float {
0%{transform:translatey(0px) translatex(0) scale(1)}
50%{transform:translatey(50px) translatex(25px) scale(1.1)}
100%{transform:translatey(0px) translatex(0px) scale(1)}
}
.bg-right{transition:all 2s}
.col-img{padding:0!important;overflow:hidden}
.col-img img{width:110%;height:110%;position:absolute;object-fit:cover;left:0;top:0;transition:all 1s}
.col-img figure::before{content:""}
.col-img figcaption{font-size:1.6em;position:absolute;bottom:20%;width:100%;text-align:center;margin:0 auto}
.col-img figcaption span{background:rgba(27,28,30,0.72);display:inline-block;padding:20px 80px;opacity:0;transform:translatex(-100%);transition:all .5s;font-family:'Fjalla One',sans-erif;text-transform:uppercase;font-size:25px;position:absolute;bottom:-50px;left:0;border-radius:0 60px 60px 0}
section:hover .col-img figcaption span{opacity:1;transform:translatex(0px)}
section .col-img:hover img{transform:scale(1.1)}
.bg-right figcaption span{border-radius:60px 0 0 60px;bottom:-50px;left:auto;right:0;transform:translatex(100%)}
.row .bg-right .col-img:hover figcaption span{transform:translatex(0px)}
.sec-bg-03{background:url(../img/sec-bg-03.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}
.sec-bg-04{background:url(../img/sec-bg-04.jpg);background-repeat:no-repeat;background-position:top left;background-size:cover}
.font-fjalla{font-family:'Fjalla One',sans-serif}
.intro{float:left;width:100%;display:flex;align-items:center;height:800px;position:fixed!important;z-index:-1}
.intro ~ section,.intro ~ footer{z-index:3}
.intro.intro-small{height:60%}
.intro-bg{position:relative;overflow:hidden}
.caption-container{width:50rem;margin:0 auto}
.caption-two-panel{display:flex;align-items:center}
.intro h1{font-family:'Fjalla One',sans-serif;font-size:3.4rem;text-transform:uppercase}
.intro-caption {text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.79);}
.intro-caption p{font-size:1.7rem}
.intro-caption .btn i{float:left;margin-right:15px}
.intro .carousel-item{height:100vh}
.intro .carousel-item::before{content:"";background:rgba(0,0,0,0.6);position:absolute;width:100%;height:100vh}
.intro .carousel-caption{top:25%}
.info-section{float:left;width:100%;padding:0;position:relative;z-index:1}
.info-section .col-md-6{padding:8%}
.info-section h2{font-weight:700;font-size:3em;color:#a42e2c;text-transform:uppercase; font-family:'Fjalla One';}
.info-section h3{font-size:2rem;font-weight:500;text-transform:uppercase;font-family:'Fjalla One';color:#a42e2c}
.info-section .price-count{font-size:2.5rem}
.info-section .head-sec{float:left;width:100%}
.info-section .service-block-bg{background-color:rgba(180,127,65,0.4)}
.info-section .service-block-bg:hover{background-color:rgba(180,127,65,1)}
.info-section h3{font-size:2rem}
.info-section p{font-size:1.4em;line-height:160%;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word}
.info-section .box h2{font-size:24px;margin-bottom:20px;margin-top:0}
.info-section .box i{font-size:20px}
.info-section .box{display:flex}
.info-section .text-box{flex:1 1 0;text-align:left}
.info-section .icon-box{line-height:1.2;width:70px}
.info-section .service-block-overlay{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.info-section .service-block-overlay:hover{background:#fff none repeat scroll 0 0;border-radius:5px;box-shadow:0 0 90px rgba(0,0,0,0.1);float:left;margin-top:-10px;position:relative;width:100%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.info-section .service-block i img{width:50px}
#premiere .btn{border-width:0;background-color:#a42e2c;font-size:24px;border-color:#a42e2c;text-transform:uppercase;padding:19px;color:#fff;box-shadow:0 -4px 0 0 rgba(0,0,0,0.2) inset;width:420px;display:inline-block;text-align:center}
#premiere .btn:hover{background-color:#c03331;letter-spacing:2px}
#start-1{overflow:hidden}
#start-1::before{width:100%;width:100px;height:130%;position:absolute;bottom:-15%;left:calc(50% - 83px);content:"";background-size:100% 100%;display:block;z-index:2;background:#1b1c1e;border-radius:50%;-webkit-box-shadow:30px 0 25px -15px rgba(0,0,0,0.2);-moz-box-shadow:30px 0 25px -15px rgba(0,0,0,0.2);box-shadow:30px 0 25px -15px rgba(0,0,0,0.2)}
#start-2{overflow:hidden}
#start-2::before{width:100%;width:100px;height:130%;position:absolute;bottom:-15%;left:calc(50% - 18px);content:"";background-size:100% 100%;display:block;z-index:2;background:red;border-radius:50%;background:#a42e2d;-webkit-box-shadow:-30px 0 25px -15px rgba(0,0,0,0.2);-moz-box-shadow:-30px 0 25px -15px rgba(0,0,0,0.2);box-shadow:-30px 0 25px -15px rgba(0,0,0,0.2)}
#premiere{overflow:hidden}
#premiere::before{width:100%;width:100px;height:130%;position:absolute;bottom:-15%;left:calc(50% - 83px);content:"";background-size:100% 100%;display:block;z-index:2;background:#1b1c1e;border-radius:50%;-webkit-box-shadow:30px 0 25px -15px rgba(0,0,0,0.2);-moz-box-shadow:30px 0 25px -15px rgba(0,0,0,0.2);box-shadow:30px 0 25px -15px rgba(0,0,0,0.2)}
#start-2 .btn{border-width:3px!important;background-color:transparent;font-size:21px;border-color:#fff;text-transform:uppercase;padding:19px;color:#fff;box-shadow:none;margin-top:20px;width:300px;display:inline-block;text-align:center}
#start-2 .btn:hover{letter-spacing:2px;background-color:rgba(0,0,0,0.16)}
.copy-footer{float:left;width:100%;font-size:14px;background:#161616;font-family:'Fjalla One',sans-serif;text-transform:uppercase}
.copy-footer a{color:#fff}
.copy-footer a:hover{text-decoration:underline}
.menui{background:#fff;transition:.6s ease;transition-timing-function:cubic-bezier(.75,0,.29,1.01);margin-top:10px;position:absolute}
.toggle-menu{z-index:999;position:fixed;display:block;padding:9px;height:60px;width:60px;margin:0;top:47px;right:35px;transition:all .4s}
.mobilenav{font-family:inherit;top:0;left:0;z-index:999;display:none;position:fixed;width:100%;height:100%;background:url(../img/bg_buehne2.jpg);background-size:cover;padding:0;}
.mobilenav li{list-style-type:none;text-align:center;padding:10px;clear:both}
.mobilenav li a{font-size:42px;color:#fff;text-decoration:none;font-weight:300;width:100%;font-family:'Fjalla One',sans-serif;text-transform:uppercase;text-shadow:0 0 20px #000;transition:all .4s}
.mobilenav li:first-child{margin-top:35px}
.mobilenav li a:hover{color:#a42e2c}
.top-animate{background:#fff!important;top:13px!important;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mid-animate{opacity:0}
.bottom-animate{background:#fff!important;top:13px!important;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.top-menu{top:0;width:37px;height:5px;background-color:#fff}
.mid-menu{top:13px;width:37px;height:5px;background-color:#fff}
.bottom-menu{top:26px;width:37px;height:5px;background-color:#fff}
#highlight .col-md-6{padding:0}
#highlight::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(30,29,29,0.77)}
#highlight .head-box{padding:116px 0 55px}
#highlight h2{color:#fff}
.highlight-content{padding:0 0 9%;position:relative;margin-top:15px}
.highlight-content::before{width:0;height:0;border-style:solid;border-width:0 20px 20px;border-color:transparent transparent rgba(0,0,0,0.67);content:"";position:absolute;left:calc(50% - 20px);top:-20px;z-index:3}
.highlight-text-outer{position:relative}
.highlight-text-outer:before,.highlight-text-outer:after{content:"";display:block;position:absolute;height:75px;width:75px;border-color:#a42e2c;border-style:solid;z-index:1}
.highlight-text-outer:before{border-width:8px 0 0 8px;top:-4px;left:-4px}
.highlight-text-outer:after{border-width:0 8px 8px 0;bottom:-4px;right:-4px}
.highlight-text{padding:60px 65px 16px;position:relative;color:#fff;background:rgba(0,0,0,0.67);text-align:center}
.highlight-text:before,.highlight-text:after{content:"";display:block;position:absolute;height:100%;height:calc(100% - 81px);width:100%;width:calc(100% - 81px);border-color:transparent;border-style:solid;z-index:-1}
.highlight-text:after{border-width:0 0 1.14285714px 1.14285714px;bottom:-.57142857px;left:-.57142857px}
.highlight-text:before{border-width:1.14285714px 1.14285714px 0 0;top:-.57142857px;right:-.57142857px}
#highlight .btn-primary{font-size:24px;font-family:'Fjalla One';font-weight:400;text-transform:uppercase;padding:11px 21px;width:370px}
#highlight .btn-primary:hover{letter-spacing:2px}



/*** 
Zusätzliches CSS (animation)
***/
#animation{padding-left:0}
.animation-frame{position:relative;padding:0}
.animation-frame::before{content:"";background:url(../img/vorhang_left.png);background-size:100% auto;background-position:top left;position:absolute;top:-1px;left:0;height:100%;width:245px;z-index:2;background-repeat:no-repeat}
.animation-frame::after{content:"";background:url(../img/vorhang_right.png);background-size:100% auto;background-position:top right;position:absolute;top:-1px;right:0;height:100%;width:245px;z-index:2;background-repeat:no-repeat}
#animation figure{position:relative}
#animation figure figcaption{position:absolute;top:calc(50% - 120px);font-size:25px;left:0;width:100%;text-align:center;padding:0 105px}
#animation figure figcaption span{background:rgba(164, 46, 44, 0.77);padding:15px 30px 11px;font-size:33px;line-height:60px;margin-bottom:3px;text-transform:uppercase;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-family:'Fjalla One',sans-serif}
#animation figure figcaption span.subcaption{background:#1b1c1e;padding:5px 10px;font-size:25px;text-transform:none;line-height:48px}
#animation figcaption{top:calc(50% - 160px)}
#animation .sequenz4 figcaption{top:90px}
#animation figcaption img{max-height:160px;width:auto;display:inline-block;filter:invert(1)}
#animation .sequenz1 figcaption img{filter:none}
#animation figure.sequenz4 figcaption span{line-height:70px}
#animation figure.sequenz4 figcaption span.subcaption{line-height:48px;position:relative; top:40px;}
.active figcaption{animation-duration:1.5s!important;animation-delay:.3s}
.active .sequenz1 figcaption{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
.active .sequenz2 figcaption{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
.active .sequenz3 figcaption{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.active .sequenz4 figcaption{-webkit-animation-name:flash;animation-name:flash}



/*** 
Zusätzliches CSS (festival.html)
***/
blockquote{display:block;background:rgba(255,255,255,0.07);padding:15px 20px 15px 45px;margin:0 0 20px;position:relative;font-size:17px!important;line-height:1.2;color:#eee;text-align:justify;border-left:15px solid #a42e2c;border-right:2px solid #a42e2c}
blockquote::before{content:"\201C";font-family:Georgia,serif;font-size:52px;font-weight:700;color:#eee;position:absolute;left:10px;top:5px}
blockquote::after{content:""}
blockquote a{text-decoration:none;background:#eee;cursor:pointer;padding:0 3px;color:#c76c0c}
blockquote a:hover{color:#666}
blockquote em{font-style:italic}
.bg-primary blockquote{border-color:#fff}
.sec-bg-03.festival-bg-03{background:url(../img/festival-sec-bg-03.jpg);background-attachment:fixed!important;background-size:auto 100%;padding-bottom:50px;}
#highlight.sec-bg-03.festival-bg-03::before{background:rgba(164,46,44,0.7)}

/*** 
Programm-Timeline (festival.html)
***/
.programm__day{position:relative;padding-bottom:4rem}
.programm__day:before{content:'';display:block;width:4px;height:100%;position:absolute;top:0;left:calc(50% - 2px);background:#1b1c1e;z-index:0}
.programm__day__title{position:relative;width:8rem;height:8rem;padding:1em;margin:auto;display:flex;justify-content:center;align-items:center;margin-bottom:4rem;background:#1b1c1e;border-radius:50%;font-weight:700;text-transform:uppercase;-webkit-box-shadow:0 3px 19px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 3px 19px 0 rgba(0,0,0,0.25);box-shadow:0 3px 19px 0 rgba(0,0,0,0.25)}
.programm__day__title time{display:inline-block;line-height:1.2;font-size:24px;color:#a42e2c}
.programm__list{list-style:none;margin:0;position:relative}
.programm__list li + li{margin-top:4rem}
.programm__item__detail{display:flex;flex-direction:column;align-items:stretch;position:relative;background:#1b1c1e;box-shadow:0 3px 19px 0 rgba(0,0,0,0.15)}
.programm__item__detail p{font-size:15px}
.programm__item__detail .subtitle{font-weight:700;font-size:1.3rem;margin-bottom:15px;display:inline-block}
@media (min-width: 1024px) {
.programm__item__detail{flex-direction:row}
}
.programm__item__detail:before{content:'';display:block;width:1.2rem;height:1.2rem;background:#1b1c1e;position:absolute;transform:rotate(45deg);top:calc(50% - 0.6rem)}
.programm__item__detail .uhrzeit{flex-basis:40%;display:flex;justify-content:center;align-items:flex-end;font-size:12px;font-weight:700;color:#fff;background:#a42e2c;position:relative;padding-bottom:10px;width:90px;min-width:90px;max-width:90px}
.programm__item__detail .uhrzeit::before{width:30px;height:30px;content:"";position:absolute;top:20px;filter:invert(1) brightness(2);background:url(../img/icons/clock.png);background-size:contain;background-repeat:no-repeat}
.programm__item__detail .desc{padding:2rem 2rem 7px;text-align:left}
.programm__item .programm__item__detail .edit__btn{position:absolute;top:-1em;right:-1em}
.programm__item__date{display:inline-block;width:70px;border-radius:50%;height:70px;line-height:71px}
@media (min-width: 768px) {
.programm__item .programm__item__article{display:flex;justify-content:space-between;align-items:center}
.programm__item .programm__item__article:before{content:'';display:block;order:2;flex-basis:40%}
.programm__item .programm__item__date{order:1}
.programm__item .programm__item__detail{order:0;flex-basis:40%}
.programm__item:nth-child(odd) .programm__item__detail:before{right:-.6rem}
.programm__item:nth-child(even) .programm__item__article:before{order:0}
.programm__item:nth-child(even) .programm__item__detail{order:2}
.programm__item:nth-child(even) .programm__item__detail:before{left:-.6rem}
.programm__item:nth-child(even) .programm__item__detail .edit__btn{left:-1em}
}
@media (min-width: 768px) {
.programm__item:nth-child(even) .programm__item__detail .uhrzeit{order:1}
}
@media (min-width: 751) {
.programm__item__date{width:4rem;border-radius:50%}
}
@media (min-width:1200px) {
  .programm__item:nth-child(odd) .programm__item__detail{position: relative;right: -50px;}
  .programm__item:nth-child(even) .programm__item__detail{position: relative;right: 90px;}
}
@media (max-width:1024px){
  .programm__item__detail .uhrzeit {width: 100%;min-width: 100%;max-width: 100%;height: 50px;line-height: 29px;order: 2;}
  .programm__item__detail .uhrzeit br {display:none;}
  .programm__item__detail .uhrzeit::before{top:10px;left:15px}
}
.programm__item__title{font-weight:700;font-size:1.8rem!important}
.programm__item__date{display:block;line-height:4rem;background:#a42e2c;color:#fff;font-size:1.4rem;margin-left:-40px;-webkit-box-shadow:0 3px 19px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 3px 19px 0 rgba(0,0,0,0.25);box-shadow:0 3px 19px 0 rgba(0,0,0,0.25)}
.programm__item__date img{width:40px;filter:invert(1)}



/*** 
Viewport-Anpassungen (Generell) <= 1200px
***/
@media (min-width:751px) and (max-width: 1200px) {
  .info-section h2{font-weight:700;font-size:2.4em;color:#a42e2c;text-transform:uppercase}
  .info-section p{font-size:15px}
  .intro{height:625px}
  .sec-bg-03.festival-bg-03{background-position:center top}
  .programm__list{padding:0}
  .programm__item__date{margin:0}
  .info-section .col-md-6{padding:40px}
  .animation-frame::before,.animation-frame::after{width:160px}
  #animation figure figcaption span {font-size:16px;}
  #animation figcaption img {max-height:66px;}
  #animation figure figcaption {top: 30%;}
  #animation .sequenz4 figcaption {top:20px;}
  .animation-frame::before, .animation-frame::after {background-size:auto 100%;}
  .content-icon {right: 15px;bottom: 10px;}
  #animation figure.sequenz4 figcaption span.subcaption {line-height: 20px;position: relative;top: 2px;font-size: 11px;}
  .col-img {z-index:-2;}
  section::before {z-index:-1 !important;}
  .mobilenav{background-size:100% 100%;}
  .btn {max-width:100%;}
}


/*** 
Viewport-Anpassungen (Generell) <= 750px
***/
@media (max-width: 750px) {
  .btn{max-width:100%}
  .intro h1{font-size:2.5rem}
  .intro-caption p{font-size:1.2rem}
  .info-section h2{font-size:2em}
  .info-section p{font-size:1.1em}
  .highlight-content{padding:0 15px 20px}
  .highlight-text{padding:25px 15px 1px}
  .col-img img{position:static}
  .animation-frame::before,.animation-frame::after{display:none}
  #animation figcaption img{max-height:50px}
  figure{margin:0}
  #animation figure figcaption{top:20px;font-size:14px;padding:0 15px}
  #animation figure figcaption span{font-size:15px;line-height:140%;padding:5px}
  .logo-wrap img{padding:21px 37px 20px;max-width:145px;transition:all .4s}
  .toggle-menu{top:27px;right:17px}
  .info-section .col-md-6{padding: 18% 8% 16%;}
  .programm__item__article{text-align:center}
  .programm__item__detail .uhrzeit{width:100%;min-width:100%;max-width:100%;height:50px;line-height:29px;order:2}

  .programm__item__detail .uhrzeit br{display:none}
  .programm__list{margin:0;padding:0}
  .programm__item__date{margin:0 auto}
  .intro{height:666px}
  #start-1::before, #start-2::before,#premiere::before {display:none;}
  .content-icon {right: 5px;bottom: 3px;height: 65px;}
  .bg-overlay.intro-bg.parallax {background-size:cover!important}
  .highlight-text-outer{margin-bottom:40px;}
  .mobilenav {background-size: auto 100%;background-position: center;}
  .mobilenav li:first-child {margin-top:0px;margin-bottom:20px;}
  .mobilenav .logo-wrap img {max-height:100px;}
  .mobilenav li a {font-size:30px;}
  .mobilenav {max-height:100vh;overflow:auto;max-width:100vw;}
  .col-img figcaption span {font-size:16px;}
  #start-2 .btn, #highlight .btn-primary, #premiere .btn {font-size:18px;}
  blockquote {font-size: 13px!important;text-align: left;}
  .programm__item__title {font-size:1.4rem!important}
  .programm__item__detail .subtitle {font-size:0.9rem;}
  .programm__item__detail p {font-size:0.9rem;}
  .programm__item__detail .uhrzeit {font-size:1rem;}
}

/*** 
W3 Modul W03 Text-, Grafik- und Bilddatenbearbeitung - Digital  (spielplan.html)
***/

.spielplan{padding:5%}
.spielplan h3{font-size:36px}
.spielplan h3 .badge-success{margin-top:-3px;position:relative;top:-4px;font-weight:400;font-size:24px}
.spielplan p{font-size:18px}
.spielplan span.subline{font-size:22px;text-transform:uppercase}
.spielplan tbody tr > :nth-child(1),.spielplan tbody tr > :nth-child(2){background:#a42e2d;vertical-align:middle;min-width:125px;font-size:19px;font-family:Fjalla One;text-align:center}
.spielplan tr > :nth-child(3){padding:50px 50px 30px}
.spielplan thead tr > *{vertical-align:middle;padding:.75rem!important;font-family:Fjalla One;font-size:21px;text-align:center;font-weight:400}
.table thead th{vertical-align:bottom;border-bottom:3px solid #a42f2e}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.08)}
.table td,.table th{border-top:1px solid rgba(255,255,255,0.03)}
.spielplan thead{background:#151515}
.bg-white.spielplan thead tr > *,.bg-white.spielplan tbody tr > :nth-child(1),.bg-white.spielplan tbody tr > :nth-child(2){color:#fff!important}
@media (max-width: 750px) {
	.spielplan tbody tr > :nth-child(1),.spielplan tbody tr > :nth-child(2){min-width:0;font-size:16px;font-weight:400}
	.spielplan h3{font-size:25px}
	.spielplan p{font-size:12px}
	.spielplan span.subline{font-size:16px}
	.spielplan h3 .badge-success{margin-top:-3px;position:relative;top:-4px;font-weight:400;font-size:16px}
}