@media screen and (min-width: 1100px) {
  #mobilmenuon {
  display:none;
    }
  #mobilmenu {
  visibility:visible !important;
    }
  #mobilmenu a.close {
  display:none;
    }
}
@media screen and (max-width: 1500px) { 
 #bildmarke {
display:none;
} 
.back-to-top {
bottom:0px;
  }
.logo .frame-default:first-child {
position:relative;
  #height:160px;
margin-left:0%;
  width:100%;
}
}
@media screen and (max-width: 1099px) { 
body {
font-size:1em;
  } 
  #mediafly {
display:none;
} 
#main #content.section-state10 {
}
  .logo, .title {
display:none;
}
  .headerwrapper  {
width:100%;
height:55px !important;
padding:0px;
left:0px;
margin:0px;
}
.header {
display:block;
width:100%;
height:62px;
top:0px;
left:0px;
margin:0px !important;
padding:0px;
}  
nav.einzelseite {
position:relative !important;
width:100%;
padding-top:0px !important;
box-shadow:0px 0px 0px #fff !important;
}  
#mobilmenuon {
width:100%;
padding-top:0px;
height:60px;
top:0px;
left:0px;
margin:0px;
background-color:#fff;
    }
  #mobilmenuon a.show{
position:relative;
  overflow:hidden;
  display:block;
  overflow:hidden;
margin:0 auto;
  display:block;
  width:350px;
  height:56px;
  color:transparent !important;  
     background-image: url(/fileadmin/museum/templates/images/mobilmenue.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: scroll; 
  background-size:350px 57px;
    }

  #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:absolute;
visibility:hidden;
right:3px;
  left:50%;
 margin-left:-130px;
top:10px;
  z-index:9999;
  width:220px;
  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;
  }
  #mobilmenu ul.sf-submenu{
  width:220px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
margin-left:-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 5px 8px 0px rgba(51,51,51,0.5); 
    background: #fff;
}
  #mobilmenu ul.sf-menu li {
float:left;
clear:left;
display:block;
width:100%;
}

/* image float */
.ce-textpic.ce-left .ce-gallery[data-ce-columns="1"] .ce-row {
float:left;
height:auto;
margin-right:0px;
margin-left:0px;
}
.ce-gallery[data-ce-columns="1"] .ce-row .ce-column {
float:left;
} 
#container {
width:96%;
}
.frame-kopfbild {
margin-top:0px !important;
}
  #footer {
padding-left:2%;
padding-right:2%;
width:96%;
}
.frame-kopfbild .frame-type-textpic {
width:100% !important;
}
.frame-kopfbild .ce-bodytext,
.frame-kopfbild header h1 {
left:50%;
margin-left:-150px;
width:300px !important;
padding:0px;
}
  .suche {
margin-right:10px;
height:30px;
}
  .suche .suchbox {
height:30px;
font-size:0.8em;
}
  .suche .suchbild {
width:25px;
height:28px;
background-size: 20px auto;
border-right:1px solid #ddd;
background-position: 0px 4px;
}
}

/* bildschirme bis 800px */
@media screen and (min-width:1px) and (max-width: 800px) {

 body{
  font-size:1em;
    }
  figure {
  margin-bottom:10px !important;
  }
  #menuecontainer {
  width:100%;
    }

  h1 {
  font-size:1.8em !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  !important;
    margin-right:0px  !important;
margin-top:10px;
    margin-bottom:0px;
padding:0px !important;
  }
 
.frame-space-before-extra-small,
.frame-space-before-small,
.frame-space-before-medium,
.frame-space-before-large,
.frame-space-before-extra-large {
  margin-top:2% !important;
  }
.frame-space-after-extra-small,
.frame-space-after-small,
.frame-space-after-medium,
.frame-space-after-large,
.frame-space-after-extra-large {
  margin-bottom:2% !important;
  }
  .tx-powermail .powermail_fieldset{
  width:95% !important;
  float:left;
  clear:left;
  margin-left:2%; 
  margin-right:2%;
      }
/* Bild Text ausrichtung */
figcaption {
   white-space: nowrap;
   overflow: hidden;
   width: 180px;
   text-overflow: ellipsis;
padding-bottom:5px;
}
  .ce-gallery .ce-row {
height:0px;
overflow: visible;
clear:none !imnportant;
}
.ce-column {
margin-right:0px !important;
margin-left:0px !important;
}
#container {
width:100%;
}  
.section-content, .section-right {
width:96% ;
padding-left:2%;
padding-right:2%;
clear:left;
}  
  .section-right {
background-color: #eee;
margin-bottom: -2%;
padding-top:2%;
text-align:center;
} 
  #footer {
text-align:center;
}
/* Inhalte ausblenden */
  .frame-layout-1 {
display:none;
}
/* Bildbox Textoverlay */
  .frame-bildbox {
float:none;
}
  .frame-bildbox .ce-bodytext {
top:4em;
}
  .frame-bildbox .ce-bodytext,
.frame-bildbox header h1 {
width:360px !important;
padding-left:50%;
margin-left:-180px;
text-align:center;
}
}

/* mittelgross bis 800px */
@media screen and (min-width: 641px) and (max-width: 800px) {
body{
  font-size:1em; 
line-height:1.3em; 
  }
  .section-right #c87, .section-right #c88 {
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
clear:none;
} 
}


@media screen and (min-width:1px) and (max-width: 640px) {
body {
  font-size:1em !important;
}
/* Bild Text Ausrichtung allgemein */
.ce-textpic .ce-bodytext {
float:left;
clear:left;
width:100%;
}
.ce-textpic .ce-gallery[data-ce-columns="1"] .ce-row {
width:100%;
}
.ce-textpic .ce-gallery,
.ce-textpic .ce-gallery .ce-column {
float:left !important;
clear:left !important;
width:100% !important;
display:block !important;
}
.ce-gallery .ce-row {
margin-bottom:0px;
width:auto;
}
.ce-textpic .ce-gallery figure {
width:100% !important;
}
.ce-textpic 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;
}
.tx-powermail .powermail_create td.powermail_all_label,
.tx-powermail .powermail_create td.powermail_all_value {
width:100%;
float:left;
}
.powermail_fieldwrap.powermail_fieldwrap_kontakt-spamschutz .powermail_field,
.powermail_fieldwrap.powermail_fieldwrap_fuehrung-spamschutz .powermail_field{
float:left;
width:280px;
}
.flexslider .slides {
overflow:hidden;
}
.flexslider .slidercontent {
width:240%;
}
.flexslider .slidercontent img {
margin-left:-30%;
width:auto !important;
}
.flexslider .flex-direction-nav a {
width: 25px; 
height: 35px
}
.flexslider .flex-direction-nav a:before {
font-size:35px;
}
.flexslider .flex-prev { left: 5px; }
.flexslider .flex-next { right: 5px; }
}

/* 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; */
  }
  #footer .sprache, #footer .inhalt {
width:100%;
text-align:center;
}
  #footer .inhalt {
margin-left:10%;
}
}
/* bildschirme bis 280px */
@media screen and (max-width: 374px) {
  #mobilmenu {
position:absolute;
max-width:100% !important;
width:95%;
margin-right:5px;
left:1%;
margin-left:0px;
  }
#mobilmenuon {
width:100%;
  }
.frame-kopfbild .ce-bodytext{

position:absolute;
width:90% !important;
top:10%;
padding-left:5%;
margin-left:-50%;
text-align:left;
}
.frame-kopfbild .ce-bodytext p:first-child {
font-size:1.9em; 
}
h100, #c252, #c253 {
display:none;
}
}