/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
*{box-sizing:border-box;outline:0;vertical-align:top}
.center{max-width:60em;margin:0 auto;position:relative}
.row{margin:0 .5em;padding:2% 1em 0;overflow:hidden;height:1%;min-height:1%}
.orow{overflow:visible;padding-top:0;z-index:900;float:right}
.clearfix{height:0;clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.fg1,.fg10,.fg11,.fg12,.fg2,.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9{margin:0 2% 0;padding:0;float:left;position:relative}
.fg12{max-width:96%;width:960px}
.fg11{width:87.66%}
.fg10{width:79.33%}
.fg9{width:71%}
.fg8{width:62.66%}
.fg7{width:54.33%}
.fg6{width:46%}
.fg5{width:37.66%}
.fg4{width:29.33%}
.fg3{width:21%}
.fg3.right{float:right}
.fg2{width:12.66%}
.fg1{width:4.33%}
.push12{margin-left:100%}
.push11{margin-left:93.66%}
.push10{margin-left:85.33%}
.push9{margin-left:77%}
.push8{margin-left:68.66%}
.push7{margin-left:60.33%}
.push6{margin-left:52%}
.push5{margin-left:43.66%}
.push4{margin-left:35.33%}
.push3{margin-left:27%}
.push2{margin-left:18.66%}
.push1{margin-left:10.33%}
.fg-no-gutter{padding:0 3.5%;margin-top:0;margin-bottom:0}
.fg-no-gutter>[class*=fg]{margin:0;padding:0;float:left;position:relative}
.fg-no-gutter img{max-width:100%;max-height:100%}
.fg-no-gutter .fg12{width:100%}
.fg-no-gutter .fg11{width:91.66%}
.fg-no-gutter .fg10{width:83.33%}
.fg-no-gutter .fg9{width:75%}
.fg-no-gutter .fg8{width:66.66%}
.fg-no-gutter .fg7{width:58.33%}
.fg-no-gutter .fg6{width:50%}
.fg-no-gutter .fg5{width:41.66%}
.fg-no-gutter .fg4{width:33.33%}
.fg-no-gutter .fg3{width:25%}
.fg-no-gutter .fg2{width:16.66%}
.fg-no-gutter .fg1{width:8.33%}
.fg-no-gutter .push12{margin-left:100%}
.fg-no-gutter .push11{margin-left:91.66%}
.fg-no-gutter .push10{margin-left:83.33%}
.fg-no-gutter .push9{margin-left:75%}
.fg-no-gutter .push8{margin-left:66.66%}
.fg-no-gutter .push7{margin-left:58.33%}
.fg-no-gutter .push6{margin-left:50%}
.fg12 .push5{margin-left:41.66%}
.fg-no-gutter .push4{margin-left:33.33%}
.fg-no-gutter .push3{margin-left:25%}
.fg-no-gutter .push2{margin-left:16.66%}
.fg-no-gutter .push1{margin-left:8.33%}
.fg-no-mobile{display:block!important}
.fg-no-desktop{display:none!important}
@media screen and (max-width:36.5em){
.row{padding:0 1em;margin:0}
.fg1,.fg2{width:46%;margin-bottom:1em}
.fg10,.fg11,.fg12,.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9{margin:0 2% 1em;padding:0;width:96%}
.fg-no-gutter>[class*=fg]{width:50%}
.fg-no-mobile{display:none!important}
.fg-no-desktop{display:block!important}
}
body{font-family:Cambay,sans-serif;font-weight:400;font-size:17px;line-height:26px;margin:0;padding:0;height:100%;color:#000;background:#515982;background-image:url(/templates/zweiTageStrom_grey/img/bg_knobs.svg);background-repeat:no-repeat;background-size:100%;background-position-x:4em}
html{overflow-y:scroll;height:100%}
#edit{position:fixed;background:#fff;margin:2em;padding:.4em .4em .1em .4em}
h1,h2,h3,h4{font-family:Cambay,sans-serif;font-weight:700}
h1:first-child{margin-top:0}
h1,h2{font-size:2.5em;line-height:1.2em;margin:0 0 .67em 0}
h3{font-size:2em;line-height:1.2em;margin:.5em 0 .3em}
h4{margin:2em 0 .5em}
.service{width:40%}
.service h3{font-size:1.2em;margin:1em 0 .2em}
.service h3:first-child{margin:0 0 .2em}
.map.fl_r{margin:.5em 0}
header.center{padding:0;max-width:59em}
.title{display:none}
.logo{width:63.5%}
.logo a:hover{opacity:.75}
.logo img{width:100%}
.festival_info,.logo{vertical-align:bottom;display:inline-block}
.fg12.branding{max-width:100%;width:1010px;position:relative;margin:0 auto 2em auto}
.festival_info{width:34.5%;margin-bottom:-9px}
.festival_info,.festival_info a,.festival_info a:link,.festival_info a:visited{font-size:20px;line-height:29px;text-align:right;color:#eaeaea}
.festival_info p{margin:0;padding:0}
.festival_info a:hover,.festival_info a:visited:hover{text-decoration:none;opacity:.75}
.contents .rfg_gallery a,.contents .rfg_gallery a:link,.contents .rfg_gallery a:visited{border:none}
.fl_r{float:right}
.fl_l{float:left}
.clr{clear:both}
a:link,a:visited{text-decoration:none;color:#444}
b,strong{font-weight:600!important}
.edito{font-size:1.2em;line-height:1.5em}
.sponsor{padding-top:2em;text-align:center}
.sponsor div{display:inline-block;margin: 0 auto;}
.sponsor img{
  margin-right: 4em;
  margin-bottom: 1.5em;
  width: 175px;
  height: 100% !important;
  padding: 1rem;}
.logo-h {  max-width: 95px !important; }
.logo-h1 {  max-width: 80px !important; }
.sponsor img:last-child{margin-right:0}
.contents{background:#eaeaea;min-height:600px;padding:2.5em 2em 2em}
.contents a,.contents a:link,.contents a:visited,.smart-close{border-bottom:1px solid rgba(52,73,94,.4);font-weight:500;-webkit-transition:background-color .3s,border-color .3s;transition:background-color .3s,border-color .3s;line-height:18px;margin-top:4px;display:inline-block}
a.popup-trigger,a.popup-trigger:hover{display:block;border:none;background:0 0!important}
.contents a:hover,.contents a:visited:hover,.smart-close:hover{color:#000;text-decoration:none;border-color:rgba(52,73,94,0);background-color:rgba(52,73,94,.1)}
.row.fullbottom{background:#eaeaea;padding:0 1em 1em;margin-top:3em}
.contents p{margin:0 0 .7em 0}
ul{list-style:none;padding:0;margin:0}
.contents ul{list-style:inside}
img{max-width:100%;height:auto!important}
.ifl{float:left;margin:0 1em 1em 0}
.ifr{float:right;margin:0 0 1em 1em}
.navbg{background:#000}
.nav ul{float:right;margin:0;padding:0}
.top{text-align:center}
.topbuttons{text-align:center}
.topbuttons a.button{font-size:150%;display:block}
.top h1{color:#fff;text-transform:uppercase;font-size:3em;margin-top:2em}
.top a.button{margin:2em;font-size:150%;white-space:nowrap}
a.button:link,a.button:visited{padding:.5em;text-decoration:none;font-weight:700;color:#fff;border-radius:5px}
a.button:link,a.button:visited{background-color:#2a3fff}
a.button:hover,a.button:visited:hover{background-color:#009fe3}
a.purple:link,a.purple:visited{background-color:#951b81}
a.purple:hover,a.purple:visited:hover{background-color:#e119c0}
a.green:link,a.green:visited{background-color:#166837}
a.green:hover,a.green:visited:hover{background-color:#19e169}
.map a,.mt_flyer a{border:none!important}
.contents .button{display:inline-block;margin:.5em 0}
h2.featureheadline{text-align:center}
img.featureimage{max-width:100%}
p.featureteaser{text-align:justify;min-height:8em}
.btnlnk{margin:1em}
.footer{padding:1em 0;text-align:center}
ul.footer_menu{margin:0 0 3em 0;font-size:.85em}
ul.footer_menu li a{color:#eaeaea;opacity:.75;float:right;padding-left:1em}
ul.footer_menu li a:hover{opacity:1}
.fa,.fab{color:#eaeaea;opacity:.75}
a .fa:hover,a .fab:hover{opacity:1}
.contents .prog_home img {width: 250px; padding: 0 0 1.5rem 1.5rem;}
.contents .prog_home a {border:none;}
.contents .prog_home a:hover {background: none;}
.prg_wrap{width:65%}
.prg_txt.space{margin-top:5em}
.prg_txt{margin-bottom:.67em;border-bottom:5px solid #555;padding-bottom:.35em}
.prg_txt.t70 {
  border: none;
  color: #515982;
}
.mt_date.t70 {
  background: none;
  color: #515982;
}
.mt_date.t68, .mt_date.t71, .mt_date.t76 {
  background: #515982;
  color: ;
}
.prg_txt.t68, .prg_txt.t71, .prg_txt.t76 {
  border-bottom: 5px solid #515982;
}
.mt_title span {
  font-size: .95rem;
  line-height: 1.25rem;
  font-weight: normal;
}
.mt_title span.sub26 {
  display: block;
}
.mt_date{float:left;font-weight:700;background:#000;color:#eaeaea;padding:4px 2px 0;margin:3em 0 1em 0;width:100%}
.prg22 .popup img {  width: 600px; } 
.prg22 .popup img.prg_thumb {
    width: 400px;
  }
  .popup.topic64 img {width: 400px; height: auto;}
 /* .prg22 .prg_wrap img{-webkit-filter:none;filter:none}
.prg_wrap img{-webkit-filter:grayscale(100%);filter:grayscale(100%);margin-top: 10px;} */
.prg_wrap .colorpic img{filter:none}
.prg_wrap .colorpic{margin-bottom:5em}
.prg h1{margin-bottom:1.5em;text-transform:uppercase}
.prg h1{margin-bottom:0;text-transform:uppercase}
.prg{margin-bottom:7em}
.prg>p{margin-bottom:-.5em; line-height: 1.25rem;}
.mt_title{font-size:1.5em;margin:0}
.mt_short:last-child p{margin-bottom:0}
.mt_flyer a{pointer-events:none}
.mt_flyer .tp_thumb {width: 250px;}
.mt_flyer{float:right;margin-top:3em}
.vid{margin-bottom:5em}
.prg a.popup-trigger h2{cursor:pointer;opacity:1}
.prg a.popup-trigger:hover h2{opacity:.5}
.popup a,.popup a:link,.popup a:visited{display:inline-block;line-height:1em}
/*.popup{display:none;position:fixed;width:60%;height:90%;margin:2.5% 0;min-height:50%;padding:2.5% 8%;background:#f7f7f7;color:#333;font-size:19px;line-height:30px;z-index:9999;left:20%;overflow:scroll} */
.popup{display:none;position:fixed;width:64%;height:100%;margin:0;min-height:50%;padding:2.5% 8%;background:#f7f7f7;color:#333;font-size:19px;line-height:30px;z-index:9999;left:18%;overflow:scroll}

.popup-mobile{position:relative;top:0;left:0;width:100%;font-size:.9em;line-height:1.7em;padding:6% 3%}
.popup-btn-close{position:absolute;top:8px;right:14px;color:#000;font-size:60px;text-transform:uppercase;cursor:pointer;opacity:.5;margin-top:10px}
.popup-btn-close:hover{opacity:1}
.smart-close{cursor:pointer;margin:1em 0;float:right;font-size:.85em;display:none}
.orow ul.share-buttons{float:left;font-size:.75em;margin-top:.5em;padding-top:12px;margin-right:3em}
.orow ul.share-buttons li{padding-right:.75em}

/* trici: margin-bottom raus wenn instagram etc. vorhanden */
ul.share-buttons{list-style:none;padding:0 0 3em 0; margin-bottom: 2.5rem;}
ul.share-buttons li{display:inline}
ul.share-buttons .sr-only{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}
@media screen and (min-width:1000px){
.orow ul.share-buttons{float:left;margin-right:1.3em}
}
@media screen and (max-width:920px){
.orow ul.share-buttons{padding:1em 0 1em 5px;float:right;margin:0}
.orow ul.share-buttons li{padding:0 0 0 .75em}
.festival_info,.festival_info a,.festival_info a:link,.festival_info a:visited{font-size:1em;line-height:1.3em}
.fg12.branding{margin:2em auto}
.popup{width:94%;left:3%}
.map.fl_r{float:left;margin-bottom:3%}
.service{width:100%}
}
@media screen and (max-width:600px){
.prg_wrap{width:100%}
.mt_flyer{display:none}
.popup{width:100%;left:0}
.sponsor div{display:block}
.sponsor img,.sponsor img:last-child{float:none;display:block;position:relative;margin:0 auto 1.5em}
}
@media screen and (max-width:450px){
h3{font-size:1.5em;line-height:1.4em}
.popup{margin:0;padding:9% 3% 6%}
.popup-btn-close{font-size:40px}
.logo{float:left;width:100%}
.festival_info{width:100%;text-align:left;margin-top:1em}
.srt-menu a,span.toggle_title{font-size:1em}
.smart-close{display:block}
.fg12.branding{margin:.5em auto}
.srt-menu a{padding:4% 0 3% 4%}
.contents p{line-height:1.5em}
}
.navbg{background:#000}
.nav ul{float:right;margin:0;padding:0}
.menu-toggle{display:block;padding:3% 3% 2% 2%;background:#000;color:#fff;cursor:pointer;position:relative;float:left;margin-top:.5em}
.srt-menu{display:none}
.srt-menu.toggled-on{display:block;position:relative;z-index:10;width:40%}
.srt-menu{clear:both}
.srt-menu a{background:#000;display:block;margin:0;padding:12px 10px 7px;text-decoration:none;color:#eaeaea}
a.menu-expand.menu-parent{color:#fff}
.srt-menu .submenu .menu-current,a.menu-current{color:#fff}
.srt-menu a:hover{color:#fff}
.submenu a{background:#000}
.srt-menu .submenu a:hover{border:none;margin:0;color:#fff}
span.toggle_title{margin-left:.6em;font-size:21px;color:#ccc}
@media only screen and (min-width:921px){
#topnav,.srt-menu{float:right;margin:.35em 0 0 0}
.menu-toggle{display:none}
#menu-main-navigation{display:block}
.srt-menu,.srt-menu *{margin:0;padding:0;list-style:none}
.srt-menu ul{position:absolute;display:none;width:12em}
.srt-menu ul li{width:100%}
.srt-menu li:hover{visibility:inherit}
.srt-menu li{float:left;position:relative;margin-left:1px}
.submenu li{margin-left:0}
.srt-menu a{display:block;position:relative}
.srt-menu li.sfHover ul,.srt-menu li:hover ul{display:block;left:0;top:45px;z-index:99;box-shadow:2px 3px 2px 0 rgba(0,0,0,.3)}
ul.srt-menu li.sfHover li ul,ul.srt-menu li:hover li ul{top:-999em}
ul.srt-menu li li.sfHover ul,ul.srt-menu li li:hover ul{left:12em;top:0}
ul.srt-menu li li.sfHover li ul,ul.srt-menu li li:hover li ul{top:-999em}
ul.srt-menu li li li.sfHover ul,ul.srt-menu li li li:hover ul{left:10em;top:0}
}
@media screen and (max-width:920px){
body{background-image:none}
.nav li,.top h1{font-size:1.2em}
.nav ul,.orow{float:none}
.srt-menu a{margin:0 0 1px 0;font-size:21px}
.contents{padding:1em 0}
.mt_flyer{width:30%}
header.center{padding:3%}
}

@media screen and (max-width:540px){
.contents .prog_home img {
  display: none;
}

}
@media screen and (max-width:450px){
.srt-menu a,span.toggle_title{font-size:1em}
.srt-menu.toggled-on{width:100%;margin-top:-5px;float:left}
.submenu a{padding-left:6%}
.nav ul,.orow{float:none}
}