@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
  body {
  }

  .siteholder {
      min-width: inherit;
  }

  .imagebox {
    width: 40%;
  }

  #mainarea .ce-wr-default {
      width: 90%;
  }
    .imagegallerx3x3 {
      width: 90%;
    }
    .imagegallerx4x4 {
      width: 90%;
    }    
    #mainarea_maincontent {
      margin-top:5em;
    }
  #mainarea .ce-wr-greyboxrightofimage h2 {
       margin-top: 0;    
    }

    #mainarea .ce-wr-box720textafter {
      display: block;
      float: left;
  }
  
  #pagetitle {
      margin-left: 2em;
  }  
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
  body {
  }

  .siteholder {
      min-width: inherit;
  }

  .imagebox {
    width: 50%;
  }


  #mainnav ul li {
      display: inline-block;
      padding: 0 0.8em;
  }

  #mainarea .ce-wr-boxwithtextonimage-fullwidth .ce-bodytext p,
  #mainarea .ce-wr-boxwithtextonimage .ce-bodytext p {
      font-size: 1.5em;
  }

  #mainarea .ce-wr-default {
      width: 90%;
  }
    .imagegallerx3x3 {
      width: 90%;
    }
    .imagegallerx4x4 {
      width: 90%;
    }    
    #mainarea_maincontent {
      margin-top:5em;
    }

  #mainarea .ce-wr-greyboxrightofimage h2 {
       margin-top: 0;    
    }
  #mainarea .ce-wr-greyboxrightofimage .ce-gallery {
      width: 100%;
  }    

  #mainarea .ce-wr-box720textafter  {
    padding-right: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    max-width: none !important;
    width: 100% !important;
    display: block !important;
  }

  #mainarea .ce-wr-box720textafter .ce-above .ce-bodytext {
    padding:0 2em;
  }

  #mainarea .ce-wr-box720textafter h3 {
      padding-top: 1em;
  }  

  #pagetitle {
      margin-left: 2em;
  }  
}



/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) { 
  .siteholder {
      min-width: inherit;
  }

  .ismobileindex {
    font-size:1px;
  }

  body {
  }


  #footeronecontent, #footertwocontent, #footerthreecontent {
      display: block;
      vertical-align: bottom;
      width: 100%;
      margin-bottom: 3em;
  }

  #footeronecontent .ce-bodytext,
  #footertwocontent .ce-bodytext,
    #footerthreecontent .ce-bodytext {
      margin-left: 0;
      margin-right: 0;
    }

  #footerthreecontent {
    padding-bottom: 1em;
  }

  #mainarea {
    overflow: hidden;
    padding-top:0;
      margin-top: -2.5em;    
  }

  #mainarea h2 {
      word-break: break-all;
  }

  .siteholder_basetemplatestartpage #mainarea_maincontent_padder,
  #mainarea_maincontent_padder {
      margin: 0;
  }

  .ce-bodytext {
    margin-left:1em;
    margin-right:1em;
  }
  
  .ce-wr-boxwithtextonimage .ce-bodytext {
    margin-left:0em;
    margin-right:0em;
    width: 100% !important;
  }


  #mainarea .ce-wr-boxwithtextonimage-fullwidth .ce-bodytext {
    margin-left:0em;
    margin-right:0em;    
  }

  #mainarea .ce-wr-boxwithtextonimage-fullwidth .ce-bodytext p {
    padding-top:7%;
  }


  #mainarea h1.startseite,
  #mainarea h1 {
      font-size: 2em;
    margin-left:0.5em;      
    margin-right:0.5em;      
  }

  #mainarea .ce-bodytext h1 {
    margin-left:0;      
    margin-right:0;
  }

  #mainarea .ce-wr-boxwithtextonimage .ce-bodytext p {
      margin-right: 0;
  }

  #mainarea p.subheadlinestartseite {
      padding: 0;
      font-size: 1.75em;
      text-align: right;
  }  

  #mainarea .ce-wr-box720textafter.links {
      padding-right: 0;
      margin-right: 0;
  }

  #mainarea .ce-wr-box720textafter {
      width: 100%;  
  }

  #mainarea .ce-wr-box720textafter.rechts {
      padding-left: 0;
  }
  #mainarea .ce-wr-greyboxrightofimage .ce-gallery {
      width: 100%;
  }
  #mainarea .ce-wr-greyboxrightofimage .ce-bodytext {
      padding: 1.5em 0.01em;
     }
  #mainarea .ce-wr-greyboxrightofimage h2 {
      margin: 0.5em 0;   
      font-size: 1.5em;
  }
  #mainarea .ce-wr-boxwithtextonimage.links {
      margin-right: 0;
      padding-right: 0;
  }
  #mainarea .ce-wr-boxwithtextonimage.rechts {
      padding-left: 0;
  }
  #mainarea .ce-wr-boxwithtextonimage {
      width: 100%;
  }
  #mainarea h2 {
      margin: 2em 0 2em 0;
      letter-spacing: 0.25em;
      font-size: 1em;  
      padding:0 1em;
     }

  #mainarea .ce-wr-boxwithtextonimage-fullwidth {
      margin-bottom: 0;
  }

  .imagebox {
    display: none;
  }

  #mainnav {
      height: auto;
  }


  #mainnav ul {
    text-align: center;
  }

  #mainnav ul li {
      display: block;
      padding: 0;
  }

  #mainnav ul li a {
      display: block;
    line-height: 4.6875em;    
    border-bottom:1px solid #2c4b72;
    text-align: left;
      padding-left: 2.25em;    
  }

  #mainnav ul li.active a,
  #mainnav ul li ul li a {
    border-bottom:1px solid #637497;
  }

  #mainnav ul li ul li a {
    padding-left: 3.5em;
  }

  .subnav {
      position: static;
      display: block;
  }

  #headernav_inner ul {
    display: none;
  }

  #logo {
      position: static;
      margin: 0em 1em 0.5em 1em;
        width: 60%;
        height: 5em;
     }

  #stoererkunstpreis_bottom a {
      top: -3em;
      right: 3em;
      width: 14.875em;
      height: 6.4em;
  }  

  #navnext {
      right: 0em;
  }

  #navprev {
    left:1em;
  }

  #mainarea_maincontent {
    margin-top:5em;
  }

  #navnext_footer {
      right: 0em;
  }

  #navprev_footer {
    left:1em;
  }

  #stoererkunstpreis_top {
    display: none;
  }

  #stoererkunstpreis_top a {
      right: 0.5em;
  }
  

  .header_top {
      height: auto;
  }

  #mainnav_opener {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 5.5em;
      height: 5.5em;
      border-left:1px solid #bdbebe;
      background:url(../images/mobilenav/mobile_burger_108.png) center center no-repeat;
      background-size: 35%;
  }

  #mainnav_opener.open {
      background:url(../images/mobilenav/mobile-close_108.png) center center no-repeat;
      background-size: 35%;
  }  

  #mainnav {
    display: none;
  }

  #mainnav ul ul {
    display: none;
  }


  #mainnav ul li {
    position: relative;
  }
  
  #mainnav ul li .openclose {
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
    height: 4.75em;
    width: 5em;
      background:url(../images/mobilenav/mobile_sub_open_108.png) center center no-repeat;
      background-size: 35%;
  }
  #mainnav ul li .openclose.open {
      background:url(../images/mobilenav/mobile_sub_close_108.png) center center no-repeat;
      background-size: 35%;
  }

  #mainarea .ce-wr-middle {
      margin-bottom:1em;
  }

  #mainarea p {
    font-size: 1em;
  }

  #mainarea ul {
    font-size: 1em;
  }
  #mainarea ul li {
    line-height: 1.54em;
  }
  #mainarea h3 {
      font-size: 1.5em;  
      word-break: break-word;      
  }

  #navtop {
      margin:3em 0;
  }

  #pagetitle {
      margin-left: 0;
      text-align: center;
      position: static;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
  }

  #mainarea figcaption {
      margin: 1em 1.14em;
      line-height: 1.4em;
      font-size: 0.875em;
  }  
  /*  #headernav_inner,
    #mainnav ul,
    #footer_padder,
    #mainarea .ce-wr-default,
    #mainarea .ce-wr-middle,
    #mainarea .ce-wr-box720textafter,
    #mainarea .ce-wr-boxwithtextonimage,
    #mainarea .ce-wr-boxwithtextonimage-fullwidth,
    .imagegallerx3x3,
    .imagegallerx4x4,
    .foerderer,
    .tx-powermail {
        max-width: none;
     }*/

#socialicons {
    position: fixed;
    left: 0;
    top: auto;
    z-index: 10;
    background: #fff;
    bottom: 0;
}

#socialicons ul li {
  display: inline-block;
}
#socialicons ul li a.fb {
  margin-right: 7px;
  margin-bottom: 0;
}

.videoelement-inner {
  flex-direction: column;
}
.videoelement-inner-image {
    width: 100%;
}
.videoelement-inner-text {
    width: 100%;
}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 740px) 
and (orientation : landscape) { 
  .ismobileindex {
    font-size:1px;
  }


  body {
  }

}