@media screen and (min-width: 1100px) {
  #mobilmenuon {
  display:none;
    }
  #mobilmenu {
  visibility:visible !important;
    }
  #mobilmenu a.close {
  display:none;
    }
}

@media screen and (max-width: 1099px) { 
body {
font-size:1em;
  }  
#content .myclass:last-Child,
#content.myclass {
padding-bottom:0px !important;
    }
  .section-state1,
  .section-state3,
  .section-state4,
  .section-state5,
  .section-state6,
  .section-state7,
  .section-state8,
  .section-state10,
  .section-state11 {
    padding-left:2% !important;
    padding-right:3% !important;
    width:95% !important;
  }
  #mediafly {
display:none !important;
}
#wrapper {
padding-top:0px; 
}
.header {
position:absolute;
height:0px !important;
padding:0px !important;
margin:0px !important;
background-color:rgba(255,255,255,0);
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important; 
}
.headerwrapper {
height:50px;
}
.headerwrapper a.logolink {
float:left;
display:block;
width:75px;
height:50px !important;
margin-top:10px !important;
margin-left:20px;
background-image: url(/fileadmin/kulti/template/images/logo-kulti-rot.svg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
background-size: auto 100% !important;
} 
nav.einzelseite {
width:100%;
margin-top:10px !important;
}  
#mobilmenuon {
position:absolute;
width:100%;
padding-top:0px !important;
height:55px;
top:0px !important;
left:0px;
margin:0px !important;
    }
  #mobilmenuon a.show{
position:fixed;
  overflow:hidden;
  display:block;
  overflow:hidden;
  display:block;
  width:50px;
  height:50px;
top:10px;
right:10px;
  color:transparent !important;  
     background-image: url(/fileadmin/kulti/template/images/mobilmenue.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll; 
  background-size:40px !important;
background-color: rgba(255,255,255,0.8);
    }
  nav.einzelseite ul {
  margin:0px;
width:100%;
    }
  nav.einzelseite li {
  display:block;
float:left;
clear:left;
font-size:20px;
  width:100% !important;
margin:0px;
    }
nav.einzelseite ul li.level1:first-child a,
nav.einzelseite ul li.current1:first-child a{
display:block;
padding-top:60px !important;
background-image: url(/fileadmin/kulti/template/images/logo-kulti.png) !important;
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
background-size: auto 60px;
}  
  nav.einzelseite ul li:last-child a {
color:#B5152B !important;
border:2px solid #B5152B !important;
width:99% !important;
}
  nav.einzelseite ul li.level1 a {
  display:block;
width:100%;
margin:0px !important;
  padding:0em !important;
  color:#000;
text-align:center;
    } 

 nav.einzelseite li.current1 a {
color:#B5152B !important;
background-image:none !important;
margin:0px !important;
    }
  #mobilmenu a.close {
  position:relative;
  z-index:100;
  display:block;
  float:right;
  font-size:23px;
  line-height:16px;
  padding:3px 5px 5px 5px;
  margin-bottom:4px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  border:2px solid #3A393A;
  background:#3A393A;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    #box-shadow: 0px 0px 5px #3A393A;
    }
 
  #mobilmenu {
  position:fixed !important;
visibility:hidden;
  left:50%;
 margin-left:-150px;
  margin-top:0px;
  z-index:9999;
  width:280px;
  padding:5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
-webkit-box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5);
-moz-box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5);
box-shadow: 0px 0px 15px 2px rgba(51,51,51,0.5); 
    background: #fff;
  }

  .tx-bwrk-onepage-menu {
position:absolute;
width:20px !important;
height:2auto;
bottom:;
margin-left:-20px;
bottom:none;
}
.tx-bwrk-onepage-menu ul{
position:relative !important;
display:inline-block;

float:none !important;
width:auto;
list-style:none;
height:20px;
margin:0 auto !important;
}
  .tx-bwrk-onepage-menu li {
display:inline-block;
}
.tx-bwrk-onepage-menu li a {
padding:0px;
margin:10px;
display:inline-block;
width:10px;
height:10px;
  } 
  #footer {
width:96%;
padding-left:2%;
padding-right:2%;
overflow:hidden;
}
#footer #c231 {
width:100% !important;
padding-top:0.5%;
padding-right:2%;
padding-left:2%;
margin-left:-2%;
}

/* image float */
.ce-gallery[data-ce-columns="1"] .ce-row {
float:left;
height:auto;
margin-right:10px;
margin-left:0px;
}
  .ce-gallery[data-ce-columns="1"] .ce-row .ce-column {
float:left;
}  
}

/* bildschirme bis 800px */
@media screen and (min-width:1px) and (max-width: 800px) {
  body{
    }
  h1 {
  font-size:1.8em !important;
  margin-bottom:10px !important;
      }
 .frame-textbutton header h1 {
  font-size:1em !important;
  margin-bottom:10px !important;
      }
  h2 {
  font-size:1.5em !important;
  margin-bottom:10px !important;
      }
  h3 {
  margin-bottom:10px !important;
      }
  .multicolumnContainer .column {
    float:left;
    clear:left;
    width:100% !important;
    margin-left:0px;
    margin-right:0px;
margin-top:10px;
    margin-bottom:0px;
  }

.infoboxenrot,
.infoboxenrot .multicolumnContainer,
.infoboxenrot .column,
.infoboxenweiss,
.infoboxenweiss .multicolumnContainer,
.infoboxeweiss .column {
display:normal;
height:auto !important;
  }
  #footer .multicolumnContainer .column{
    float: left;
width:100% !important;
    text-align: center;
    margin: 0.5em 0em;    
  }
  #footer .multicolumnContainer .column div{
    margin-top: 0em !important;
    margin-bottom: : 0em !important;
  }
#footer .text-right,
#footer #c230 {
text-align:center;
}
    /* Space */
    .frame-space-before-extra-small,
    .frame-space-before-small,
    .frame-space-before-medium,
    .frame-space-before-large,
    .frame-space-before-extra-large,
    .frame-space-after-extra-small,
    .frame-space-after-small,
    .frame-space-after-medium,
    .frame-space-after-large,
    .frame-space-after-extra-large {
float:left;
clear:left;
width:100%;
margin:0px !important;
}
  .tx-powermail .powermail_fieldset{
  width:95% !important;
  float:left;
  clear:left;
  margin-left:2%; 
  margin-right:2%;
}
/* Highlightsgalerie */
  .section-state3 {
width:100% !important;
padding:0px !important;
}
.section-state3 header h1 {
top:10%;
font-size:1.2em !important;
line-height:1em;
}
.section-state3 .frame-type-textpic {
max-width:50%;
} 
.section-state3 .ce-gallery .ce-column  {
height:250px !important;
} 
.section-state3 .ce-bodytext{
position:absolute;
height:1px;
width:90% !important;
top:30%;
padding-left:5%;
text-align:center;
}
  .section-state3 .ce-textpic figure img {
max-width:170% !important;
margin-left:-35% !important;
}
/* Banner Vollbild */
.section-state2 figure {
margin-bottom:0px !important;
}

/* Bild Text Ausrichtung allgemein */
.ce-bodytext {
float:left;
clear:left;
width:100%;
}
.ce-gallery[data-ce-columns="1"] .ce-row {
width:100%;
}
.ce-gallery,
.ce-gallery .ce-column {
float:left !important;
clear:left !important;
width:100% !important;
display:block !important;
}
.ce-row {
margin-bottom:0px;
width:auto;
}
.ce-gallery figure {
width:100% !important;
}
figure img {
float:none;
margin:0 auto;
max-width:100% !important;
height:auto !important;
}
figure {
margin-bottom:5px !important;
}
figcaption {
width:100% !important;
   white-space: normal !important;
   overflow: visible;
   text-overflow: clip;
padding-bottom:0px;
}
/* Kopfbild Slider */  
.frame-kopfbild .ce-bodytext {
position:relative;
font-size:0.9em;
}
.frame-kopfbild .ce-bodytext p:last-of-type a {
position:relative;
float:left;
right:0;
bottom:0px;
margin-top:15px;
}
/* Uebersichtseite Programm */
.news-list-view {
text-align:center;
}
#section-id-56 .column {
width:33.3% !important;
float:left !important;
clear:none;
}
#section-id-56 .frame-textbutton a{
min-width:120px !important;
padding: 0.5em 0px 0.5em 0px !important;
font-size:1.2em;
margin-left:5px;
margin-right:5px;
}
/* Veranstaltung Details Ticket Button */
.multicolumnLayout8 p a.frame-textbutton {
position:relative;
margin-top:0em !important;
margin-left:0px;
}
}

/* mittelgross bis 800px */
@media screen and (min-width: 641px) and (max-width: 800px) {
body{
  font-size:0.9em; 
line-height:normal; 
  }
#mobilmenu {
font-size:1.4em;
}
}

@media screen and (min-width:1px) and (max-width: 640px) {
/* Inhalte Startseite ausblenden */
#section-id-5, #section-id-6, #section-id-7, #section-id-9, #section-id-48 {
display:none;
}

body {
  font-size:1em !important;
Line-height:normal;
}
  .powermail_fieldwrap {
   width:100% !important; 
float:left;
clear:left;
  }
.section-state3 .frame-type-textpic {
max-width:100%;
}
  .section-state3 .ce-textpic figure img {
max-width:100% !important;
margin-left:0% !important;
}
  .multicolumnLayout8 p.frame-textbutton {
position:relative;
float:left;
margin:0px !important;
  }
}

/* bildschirme bis 480px */
@media screen and (max-width: 480px) {
  #mobilmenuon a.show {
    background-size: auto 80%;
  } 
  #mobilmenu {
    margin-left: -135px; 
    max-width: 270px;
    /*! margin-left: -175px; */ 
    /*! width:350px; */
  }
  .section-state3 .ce-textpic figure img {
max-width:170% !important;
margin-left:-35% !important;
}
}
/* bildschirme bis 280px */
@media screen and (max-width: 374px) {
a.flyon {
left:10px;
  }
  #mobilmenu {
position:absolute;
max-width:100% !important;
width:95%;
margin-right:5px;
left:1%;
margin-left:0px;
  }
#mobilmenuon {
width:100%;
  }
#section-id-56 .column {
width:auto !important;
}
  #section-id-56 .frame-textbutton a {
float:left !important;
clear:none !important;
}
}