@media (max-width: 1300px){

	#bayslider .slide.active .caption{left:20px;}

}

@media (max-width: 770px){

#content.content25-75 .left-content{width:35%;}

#content.content25-75 .right-content{width:65%;}

#content.content75-25 .left-content{width:65%;}

#content.content75-25 .right-content{width:35%;}

.four-column{width:50%; margin:0px 0px 30px 0px!important;}

.four-column.column-first, .four-column.column-third{padding-left:0px;}

.four-column.column-second, .four-column.column-last{padding-right:0px;}

.caption-wrapper{display:none;}

.frame-galleryFixHeight .ce-row .ce-column img { height: 170px !important;}

.camera.article{width: calc(50% - 10px);}

.camera.article:nth-child(2) {margin-right:0px;}

}

@media (max-width: 770px){

  ul.menu{
    
    display:none;
    padding: 40px 20px 20px 20px;
    width:100%;
    
  }
  
  ul.menu > li{
  
    width:100%;
  
  }
  
  ul.menu > li > a{
  
    padding:10px 0px;
    width:100%;
  
  }
  
  ul.menu > li > a.parent{background:url(../images/menu/open-submenu.png) no-repeat right center;}
  
  ul.menu > li.hover > a.parent{background:url(../images/menu/close-submenu.png) no-repeat right center;}
  
  .menu > li > ul {
  
    width:100% !important;
    border-bottom:1px solid #fff;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    
  }
  
  .menu > li.hover > ul , .menu li li.hover ul {
  
    display:block !important;
  
  }
  
  .menu > li > ul {display:none !important;}

ul.menu > li > a.parent{color:#fff; padding:10px 0px !important;}
  
  ul.menu > li.first {margin-left: 0px;}
  
  ul.menu > li.active > a {padding:10px;}
  
  #content.content75-25 .right-content, #content.content75-25 .left-content, #content.content25-75 .left-content, #content.content25-75 .right-content{width:100%; padding-left:0px; padding-right:0px;}
  
  .two-column, .three-column{width:100%; padding:0px; margin:0px !important;}
  
  .two-column.column-first, .three-column.column-first, .three-column.column-second{padding-bottom:30px;}
  
  
  label.powermail_label, .powermail_field{width:100% !important; }
  
  label.powermail_label{padding-bottom:5px;}

ul.menu > li.first{margin-left:0px;}

ul.menu > li.hover > a{color:#fff;}

ul.menu > li.active > a{padding:10px;}
  
 
  

  
}

@media (max-width: 660px){

  
  .frame-gallery .ce-row .ce-column{width:48%; margin-right:4%; margin-bottom:4% ;}

.frame-gallery .ce-row .ce-column .image{margin-bottom:4% ;}

.frame-gallery .ce-row .ce-column:nth-child(2) {margin-right:0;}

.ce-textpic.ce-right .ce-gallery{width:100%; margin-left:0px; margin-bottom:20px;}

.ce-textpic.ce-left .ce-gallery{width:100%; margin-right:0px; margin-bottom:20px;}

.frame-box2 .ce-textpic.ce-left .ce-gallery, .frame-box2 .ce-textpic.ce-right .ce-gallery{margin-bottom:0px;}

.frame-galleryFixHeight .ce-row .ce-column img {height: 250px !important;}

.frame-galleryFixHeight .ce-row{width:48%; margin-right:4%; margin-bottom:4% ;}

.frame-galleryFixHeight .ce-row:nth-child(2) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(4) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(6) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(8) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(10) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(12) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(14) {margin-right:0;}

.frame-galleryFixHeight .ce-row:nth-child(16) {margin-right:0;}

ul.footer-menu {width:400px; margin:0px auto 35px auto; float:none; }

ul.footer-social {width:100px; float:none; margin:0px auto auto;}
  ul.footer-social li:last-child a{margin-left:0px;}
  
  #bayslider .slide .caption{width:calc(100% - 40px);}

#bayslider .slide .caption h1{font-size:1.5em;}



}

@media (max-width: 600px){

  #content .csc-textpic-intext-left .csc-textpic-imagewrap, #content .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,#content .csc-textpic-intext-right .csc-textpic-imagewrap, #content .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{width:100%; padding:0px 0px 20px 0px !important; float:left; margin:0px;}

  #content div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image, #content .csc-textpic-intext-right-nowrap .csc-textpic-text{width:100%; margin:0px;}
  
  #content div.ce-textpic .image img{width:100%% !important; height:auto !important;}

  
  .ce-textpic.ce-left.ce-intext .image{margin-right:0px; padding-right:0px !important; width:100%;}
  
  .csc-textpic-intext-left-nowrap .csc-textpic-text{width:100%; padding:0; float:left; margin:0px;}
  
  .powermail_fieldset_3 .powermail_fieldwrap_kinder, .powermail_fieldset_3 .powermail_fieldwrap_anzahl{width: 49%; margin-right: 0;}
  
  .powermail_fieldset_3 .powermail_fieldwrap_personenanzahl, .powermail_fieldset_3 .powermail_fieldwrap_haustiere{width: 49%;}
  
  .hotline-fixed{bottom:90px;}
  
  .four-column{width:100%; padding:0px 0px 0px 0px;}
  
  .camera.article{width: 100%; margin-right:0px !important;}
  
  .news-single .article .news-img-wrap{width:100% !important; margin: 0px 0px 0px 0px !important;}
  
  .news-single .article .news-img-wrap .outer{width:calc(50% - 20px); margin-right:20px; float:left;}
  .news-single .article .news-img-wrap .outer:nth-child(2n){margin-right:0px;} 
  
  .news-camera{width:100%;}
  
  .ce-textpic.ce-left .ce-gallery{width:100%; position:relative; float:left; margin-bottom:1em;}


}

@media (max-width: 540px){


.frame-galleryFixHeight .ce-row .ce-column img {width:100% !important; height: auto !important;}

.frame-galleryFixHeight .ce-row{width:100%; margin-right:0; margin-bottom:4% ;}

  ul.footer-menu{width:100%; } ul.footer-menu li{width:100%; text-align:center; margin-bottom:10px;}
  
  ul.footer-menu > li > a{padding:0px;}
  
  

}

@media (max-width: 480px){
	
   .logo {width:100%; margin-bottom:20px !important; text-align:center; float:none; margin:0px 5%;}

  .logo img{float:none; width:auto !important;}
  
  .toptop{width:100%; text-align:center;}
 
  
}

