@media only screen and (max-height : 768px) and (max-width: 1366px) {

.ContentPaneText
{
height: 357px;
overflow-y: auto;
 overflow-x: hidden;
}



}

@media only screen and (max-width : 768px){

#footer a, #Startfooter a
{
font-size: 35px;
  float: left;
width: 100%;
}

#Startfooter .scrollableArea a
{
  float:none;
  width: auto;
}

#footer
{
  text-align:left;
}

#Startfooter a.CurrentPageLink
{
  margin-top: -6px;
}

#makeMeScrollable
{
  position: fixed;
  top: 10%;
}

.scrollableArea
{
  width: 95% !important;
  margin:auto;
}


.ContentPaneText table
{
width: 100% !important;
}

.ContentPaneText
{
 height: auto;
 overflow-y: hidden;
 overflow-x: hidden;
}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {



}



/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) and (max-width: 650px) {

#Startfooter a,
#Startfooter{
font-size: 25px;
}

.MobilVersionPane
{
  display:block;
  margin-top: 10px;
height: 200px;
overflow-y: auto;
overflow-x: hidden;
  color: #fff;
}

.ContentPaneHorizontal .MobilVersionPane img
{
width: auto;
}

.Hide
{
  display:none;
}

#Startfooter
{
  bottom: 10px;
  margin-left: 8px;
}

body .ContentPaneText
{
top: 5px;
height: 200px;
overflow-y: auto;
overflow-x: hidden;

}

.ContactWrapper
{
  margin-top: 0px;
}

#footer
{
  height: auto;
  margin-left:5px;
  bottom: 0px;
}

#footer a
{
  font-size: 25px;
  
}

.horizontal
{
 margin-top: -15px;
}

.Projectimagelist li
{
  height: 40px;
}

.ContentPaneHorizontal
{
  height: 100%;
  width: 100%;
}



 #footer .horizontalProjekt a.StartLink
{
 
}

.CurrentProjectCategoryTable
{
 
}

.ContentPaneHorizontal img {
max-width: 100%;
  max-height: 100%;
  width: 100%;
}

.ContactWrapper .ContentPaneHorizontal img {
  width: auto;
  margin-left: 0px;
}

#Startfooter a.CurrentPageLink
{
display:none;
}

.Projectimagelist
{
 display:none;
}

.PageImageLink
{
 display:block;
 position: absolute;
 top: 20px;
 right: 20px;
 z-index: 99;
}


}

/* Smartphone iPhone 4 (landscape) ----------- */
@media only screen 
and (max-width: 480px) {

  #Startfooter a, #Startfooter, #footer, #footer a {
  font-size: 22px;
  }

.MobilVersionPane img
{
width: auto;
}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
  
body
{
    
    
}

.bgstretcher ul li img
{
 position: absolute;

}

.PageImageLink
{
 display:block;
 position: absolute;
 top: 20px;
 right: 20px;
 z-index: 99;
}

.CurrentPageNav
{
 max-width: 95%;
}



#Startfooter,
#footer
{
 display:none;
  height: auto;
}

.ProjektKategoriFooter
{
  display: block !important; 
}

.ProjektKategoriFooter .StartLink,
.ProjektKategoriFooter .CurrentPageLink
{
  display:none !important;
}

div.scrollableArea
{
 max-width: 95%;
 position: absolute;
 top: 0px;
}

.MobileMenu
{
background-color: transparent;
height: 65px;
position: fixed;
top: 50px;
 left: 10px;
z-index: 1;
width: 70%;
padding-left: 2%;
padding-top: 10px;
overflow-y:scroll;
height: 77%;

   
}

.MobileMenu a
{
  font-size: 14px;
  text-decoration: none;
  font-family: Helvetica;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000000;
}

.MobileOpen
{
  display:block;
}

.MobileBottomTitle
{
  position: fixed;
bottom: 2%;
z-index: 999999999;
  width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
  display:block;
}

.MobileBottomTitle a
{
  font-size: 14px;
  text-decoration: none;
  font-family: Helvetica;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000000;
}

.StartLink
{
 font-size: 15px;
}

.navicon-button {
display: inline-block;
position: fixed;
height: 45px;
cursor: pointer;
top: 26px;
left: 15px;
transition: 0.25s;
opacity: .8;
}

.navicon {
position: relative;
width: 2.5em;
height: .3125rem;
background: #fff;
transition: 0.5s;
border-radius: 2.5rem;
}

.navicon-button .navicon:before, .navicon-button .navicon:after {
transition: 0.25s;
}

.navicon:before {
top: .625rem;
}

.navicon:after, .navicon:before {
display: block;
content: "";
height: .3125rem;
width: 2.5rem;
background: #fff;
position: absolute;
z-index: -1;
transition: 0.5s 0.25s;
border-radius: 1rem;
}

.navicon:after {
top: -.625rem;
}

.open:not(.steps) .navicon:before,
.open:not(.steps) .navicon:after {
  top: 0 !important;
}

.open .navicon:before,
.open .navicon:after {
  transition: 0.5s;
}


/* and + */
.open.plus .navicon,
.open.x .navicon {
  background: transparent;
}
.open.plus .navicon:after,
.open.x .navicon:after {
  -webkit-transform: rotate(45deg);
}
.open.plus .navicon:before,
.open.x .navicon:before {
  -webkit-transform: rotate(-45deg);
}

.navicon-button:hover {
  transition: 0.5s;
  opacity: 1;
}

.MenuItemSelected a, .MenuItemSelected a:link, .MenuItemSelected a:visited, .MenuItemSelected a:active, .MenuItemSelected a:hover {
color: #ccc;
font-size: 18px;
font-weight: bold;
}

#makeMeScrollable
{
  overflow-y:scroll;
  height: 100%;
  font-weight: normal;
}

div.scrollWrapper {

position: fixed;
top: 60px;


}

div.scrollingHotSpotLeftVisible,
div.scrollingHotSpotRightVisible
{
  display:none;
}


.ProjectsImage
{
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

#footer a, #Startfooter a
{
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

.ThumbWrapper
{
  display: inline-block !important;
  width: 142px !important;
  border: none !important;
  margin-right: 0px !important;
  height: auto !important;
}

.MobileProjectName
{
 display:block;
 color: #fff;
 font-size: 13px;
 margin-bottom: 5px;
}

.Level3
{
 display:none;
}

.MobileMenuUl,
.MobileMenuUl ul
{
 list-style: none;
 margin: 0px;
 padding: 0px;
}

.MobileMenu .MenuItem a, 
.MobileMenu .MenuItem a:link,
.MobileMenu .MenuItem a:visited,
.MobileMenu .MenuItem a:active 
{
 font-size: 18px;
   margin-bottom: 10px;
}

.MobileMenu .Level2 .MenuItem a, 
.MobileMenu .Level2 .MenuItem a:link,
.MobileMenu .Level2 .MenuItem a:visited,
.MobileMenu .Level2 .MenuItem a:active 
{
 font-size: 15px;
 margin-left: 10px;
}

.MobileMenu .Level3 .MenuItem a, 
.MobileMenu .Level3 .MenuItem a:link,
.MobileMenu .Level3 .MenuItem a:visited,
.MobileMenu .Level3 .MenuItem a:active 
{
 font-size: 14px;
 margin-left: 15px;
 margin-bottom: 10px;
}

.MobileMenuUl ul
{
 list-style:none;
}

.Level2
{
 margin-bottom: 10px;
padding-bottom: 10px;
}

.ContentPaneHorizontal
{
  width: 100%;
}

body .ContentPaneText
{
  max-width: 95%;
  position: fixed;
  top: auto;
  bottom: 30px;
  height: 74%;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.ContentPaneText table
{
  width: 100%;
  max-width: 100%;
  
  
}

img#PageImage
{
 max-width: 100%;
 height: auto;
  margin-top: 15%;
}

.ImageOpacity
{
opacity: 1;
}

.Hide
{
 display:none;
}

.MobilVersionPane
{
 display:block;
 color: #fff;
 position: fixed;
 top: 15%;
 left: 5%;
 width: 95%;
 margin: auto;
 overflow-y: scroll;
 overflow-x: hidden;
 height: 80%;
}



}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

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

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

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}















































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */