* {font-family:'Work Sans',sans-serif; color:#000!important;}
h1, h2, h3, h4, p,a { margin:0px;padding:0px; line-height:100%; color:#000;}
p,input { line-height:140%; margin-bottom:10px; font-size:14px;}
h2 { font-size:18px; margin-bottom:20px; text-transform:uppercase; font-weight:700}
h3 { font-size:14px; margin-bottom:20px;margin-top:30px; font-weight:700}
.container { position:relative; margin:0px;}
.abstand5 { height:5px;}
.abstand10 { height:10px;}
.abstand15 { height:15px;}

h2.Reihe { font-size:14px;}
#header { z-index:999; padding-bottom:50px;}
#header.Headergross { margin-left:-40px; position:fixed;  }
#header.Headerkleiner { margin-left:-25px; position:fixed; }

    #logo.gross {width:80%; margin-top:-30px; }
    #logo.klein {width:40%; margin-top:-30px; }

#menue    { list-style:none; margin:0px; padding:0px; float:right; margin-top:-60px;font-size:18px; 
            font-family:'Work Sans',sans-serif; font-weight:700; text-transform:uppercase;
            -moz-transform: rotate(-6.6deg);
            -ms-transform: rotate(-6.6deg);
            -o-transform: rotate(-6.6deg);
            -webkit-transform: rotate(-6.6deg);
            transform: rotate(-6.6deg);
             
            }


.teilen  {margin-bottom:10px;}
.teilen a { text-decoration:none!important; }
.infolangtext {margin-bottom:10px;;}
.mehrbutton,.mehrbutton2 {cursor:pointer; }
.mehrbutton span,.mehrbutton2 span{text-transform:uppercase; font-weight:600;letter-spacing:-1px;font-size:13px;}


#header.Headerkleiner #menue{font-size:15px;}

#menue a { color:#000;}
#header.Headerkleiner #menue { margin-right:400px;margin-top:-40px}

    #menue   li { list-style:none; margin:0px; padding:0px; float:left; margin:0px 10px 0px 10px; }

.rotate { margin-left:-90px;padding-bottom:30px;
            -moz-transform: rotate(-6.0deg);
            -ms-transform: rotate(-6.0deg);
            -o-transform: rotate(-6.0deg);
            -webkit-transform: rotate(-6.0deg);
            transform: rotate(-6.0deg);
}

.downloads p { line-height:100%;}

p.overline { font-size:18px!important; margin-bottom:0px;margin-top:0px; text-transform:uppercase; font-weight:700;}

#inhalt {margin-top: 250px;}
#inhalt img { margin-bottom:10px;}
#inhalt a { color:#000; text-decoration:underline; }

/*Inhalte*/
.termin {  font-family:'Work Sans',sans-serif;  height:450px; overflow:hidden;}
.termin img { width:100%; margin-bottom:10px;}
.termin h2 {   font-size:24px; font-weight:800; margin-bottom:0px;text-transform:uppercase;}
.termin h3 {  font-size:14px; margin-bottom:5px; }
    .termin p.datum { font-size:18px!important; margin-bottom:5px;  font-weight:700; text-transform:uppercase;}
.termin p.veranstalter {  font-size:14px;   }
.termin p {  margin-bottom:10px; line-height:130%;}

#inhalt h2 { margin-bottom:0px;}
#inhalt .subline { margin-bottom:10px; text-transform:uppercase; font-weight:700;font-size:14px; line-height:100%;}
#inhalt .bg-info { padding-top:20px;padding-bottom:0px;}
#inhalt .row { margin-bottom:40px;}

#inhalt .row .colFirst {  padding-left:50px; }

.bu {font-size:12px;line-height:100%;margin-bottom:15px;}

#inhalt.programm  {}
#inhalt.programm .datum  { text-transform:uppercase; font-weight:700; margin:10px 0px 0px 0px ; padding:0px;font-size:18px;}
#inhalt.programm .titelfilm  { text-transform:uppercase; font-weight:700; margin:0px 0px  5px 0px ; padding:0px; font-size:18px!important;}
#inhalt.programm .titelreiheklein  { text-transform:uppercase; font-weight:700; margin:0px 0px  0px 0px ; padding:0px; font-size:14px!important;}
#inhalt.programm .anreisser  {  margin:0px 0px  3px 0px ; padding:0px;}
h3.datum { font-size:14px!important;}
#inhalt.programm strong { text-transform:uppercase;}

#KopfFixed h2 { margin:0px; padding:0px;}

.versal {text-transform:uppercase;  }

.terminKopf {margin-top:50px;}
#termineKlein p { margin: 0px  0px  10px  0px !important; line-height:110%; padding:0px !important ; font-weight:normal !important; }
#termineKlein h3 { text-transform:uppercase;margin-bottom: 20px;}
#termineKlein a { text-decoration:none; text-transform:uppercase;  }

input { border:1px solid #111!important; box-shadow:none !important; border-radius:inherit !important; text-transform:uppercase;  }
a.btn { text-decoration:none!important; float:right; border-radius:inherit;}

.vermietung h3{margin-bottom:10px;}

#blende {position:fixed; left:0px; top:-100px; height:150px; background-color:#fff; width:100%; z-index:8;}

#menubutton {width:50px; text-align:right; position:fixed; right:10px; top:110px; z-index:9999; cursor:pointer; font-size:20px;}
#zusatzmenue {display:none;position:fixed; padding-bottom:40px; padding-top:130px; left:2%;background-color:#fff; top:0px;width:97%; border-bottom:4px solid #111; z-index:8}
#zusatzmenue h3 { text-transform:uppercase;font-size:13px !important ; margin-bottom:5px;   }
#zusatzmenue p { text-transform:uppercase;font-size:13px !important    ;margin:0px; padding:0px ;padding:3px 0px 2px 0px; }
#zusatzmenue a {color:#000; line-height:100%;  }

@media (max-width: 1200px) {
    #inhalt {    margin-top: 150px;}
    #header.Headergross { margin-left:-25px;   }
    #menue    {   margin-top:-55px; }
    #header.Headerkleiner #menue { margin-right:350px;margin-top:-35px}
    #logo.klein {width:40%; margin-top:-20px; }
    #blende { height:220px; width:120%; }
    #blende.klein { background-color:#fff; height:170px;  }
    #termineKlein p { margin:0px 3px 0px 0px !important; padding:0px!important;}
}

@media (max-width: 991px) {
    #header.Headergross { margin-left:-25px;   }
    #menue    {   margin-top:-40px; }
    #inhalt {    margin-top: 150px;}
    #termineKlein p,#termineKlein input,#termineKlein label {font-size:12px !important;}
    .rotate { margin-left:-45px; margin-right:10px;}

    #header.Headerkleiner #menue { margin-right:150px;margin-top:-30px}
    #logo.klein {width:60%; margin-top:-30px; }
    #blende { height:220px; width:120%; }
    #blende.klein { background-color:#fff; height:170px;  }
}

@media (max-width: 767px) {
    #header.Headergross { margin-left:-25px;   }
    #menue    {        margin-top:-40px; line-height:150%;   margin-left:10px;           white-space:nowrap; font-size:13px!important; }    
    #logo.gross {width:100%; margin-top:-20px; }
    #logo.klein {width:70%; margin-top:-20px; }

    #inhalt .row .colFirst {  padding-left:17px; }
    #header.Headerkleiner #menue { margin-right:0px;margin-top:-20px;}

    .rotate { margin-left:-55px; margin-right:10px;}
    #inhalt {    margin-top:  150px;} 
    #termineKlein {}

    #blende { height:220px; width:120%; }
    #blende.klein { background-color:#fff; height:210px;  }


    #menubutton { top:100px; font-size:26px;}
#zusatzmenue {  padding-top:130px;  }
#zusatzmenue.klein {  padding-top:130px;  }

}
@media (max-width: 650px) {   
    #menue    {        margin-top:-25px;   }    
    #menubutton { top:75px; font-size:26px;}
     #blende { height:220px; width:120%; }
    #blende.klein { background-color:#fff; height:200px;  }
#zusatzmenue.klein {  padding-top:100px;  }
}
@media (max-width: 500px) {
    body {  }   
    /*#inhalt.programm  {padding-top:40px;}*/

      #inhalt {    margin-top: 100px!important;}
  p {font-size:13px;}
    #menubutton { top:60px; font-size:26px;}
    #blende { height:210px; width:120%; }
    #blende.klein { background-color:#fff; height:170px;  }
    #menue    {     margin-top:-12px; padding-left:5px!important; width:100%;   font-size:12px!important;  }    
        #header.Headerkleiner #menue {  margin-top:-10px; padding-bottom:10px; background-color:#fff; }
    #logo.klein {width:70%; margin-top:-15px; }
#zusatzmenue.klein {  padding-top:100px;  }
#menue li {
    
    margin: 5px 0px 0px 10px;
}
    .rotate { padding-bottom:5px;
          -moz-transform: rotate(-0.0deg);
            -ms-transform: rotate(-0.0deg);
            -o-transform: rotate(-0.0deg);
            -webkit-transform: rotate(-0.0deg);
            transform: rotate(-0.0deg);  /**/
        }
    .col-xs-2 { width:10%;}
    .col-xs-10 { width:88%; }
}

 #blende { background-color:#fff !important;}



#cookieChoiceInfo {
    position: fixed;
    font-family: Arial,helvetica,sans-serif;
    z-index: 9999999999999999999999;
    width: 100%;
    background-color: #eee;
    margin: 0;
    left: 0;
    bottom: 0;
    padding: 10px 0px 10px 0px;
    z-index: 1000;
    text-align: center;
    font-size: 15px;
    line-height: 130%;
    -webkit-box-shadow: 0px -2px 25px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.5);
    color: #000;
}

    #cookieChoiceInfo a {
        color: #000;
        text-decoration: underline;
    }

        #cookieChoiceInfo a#cookieChoiceLink {
        }

        #cookieChoiceInfo a#cookieChoiceDismiss {
            position: absolute;
            top: 10px;
            right: 10px;
            margin: 0px;
        }

#impressumlink {
    position: absolute;
    z-index: 9999999999999999999999999;
    left: 0px;
    top: 0px;
    color: #000;
    background-color: rgba(255, 255, 255, 0.50);
    padding: 3px 10px 3px 10px;
}

    #impressumlink a {
        color: #111;
    }