.cbp-spmenu, .toggle-menu, .mobile_menu {
  display: none;
}
/* ==========================================================================
  Wide Screen Layout: From 1200px.
========================================================================== */
@media (min-width: 1200px) {





}
/* ========= end fo Wide Screen Layout: From 1200px. ========= */


/* ==========================================================================
  Normal Desktop Layout: From 980px.
========================================================================== */
@media (min-width: 1000px) and (max-width: 1050px) {




}
/* ========= end fo Normal Desktop Layout: From 980px. ========= */


/* ==========================================================================
  Tablet Device Layout: From 768px.
========================================================================== */
@media (min-width: 768px) and (max-width: 999px) {

img {
	max-width: 100%;
}
#topheaderinner, #page {
	width: 96%;
}
#topheaderinnerleft, #topheaderinnerright {
    width: 50%;
    margin-top: 15px;
    font-size: 20px;
    margin-bottom: 10px;
}
#topheader {
    height: auto;
    overflow: hidden;
}
#secondary {
    float: right !important;
    margin-right: 0px !important;
    width: 30% !important;
}
#main #content {
    width: 65%;
    float: left;
    margin: 0px 32% 0px 0%;
}
#primary {
    margin: 0px -33.4% 0px 0px;
}
#access a {
    padding: 0px 10px 0px 10px;
    font-size: 20px;
}




}
/* ========= end fo Tablet Device Layout: From 768px. ========= */

@media (min-width: 768px) and (max-width: 800px) {

.cbp-spmenu, .toggle-menu, .mobile_menu {
  display: block;
}
#access {
  display: none;
}
.mobile_menu {
overflow: hidden;
background-color: #57C6C4;
}
.toggle-menu {
background-color: rgba(0,0,0,.4);
background-image: url('../images/navigation.png');
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
height: 42px;
width: 42px;
border: 0 none;
float: right;
margin-right: 10px;
margin-bottom: 5px;
margin-top:5px;
}
.cbp-spmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cbp-spmenu {
background: #57C6C4;
}
.cbp-spmenu-vertical a {
border-bottom: 1px solid #22706F;
}
#topheaderinner, #page {
	width: 96%;
}
#topheaderinnerleft, #topheaderinnerright {
    width: 50%;
    margin-top: 5px;
    font-size: 20px;
}
#topheader {
    height: auto;
    overflow: hidden;
}
#secondary {
    float: right !important;
    margin-right: 0px !important;
    width: 30% !important;
}
#main #content {
    width: 65%;
    float: left;
    margin: 0px 32% 0px 0%;
}
#primary {
    margin: 0px -40.4% 0px 0px;
}



}


/* ==========================================================================
  Mobile Layout: From 320px.
========================================================================== */
@media (max-width: 767px) {

img {
	max-width: 100%;
}
.cbp-spmenu, .toggle-menu, .mobile_menu {
  display: block;
}
#access {
  display: none;
}
.mobile_menu {
overflow: hidden;
background-color: #57C6C4;
}
.toggle-menu {
background-color: rgba(0,0,0,.4);
background-image: url('../images/navigation.png');
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
height: 42px;
width: 42px;
border: 0 none;
float: right;
margin-right: 10px;
margin-bottom: 5px;
margin-top:5px;
}
.cbp-spmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cbp-spmenu {
background: #57C6C4;
}
.cbp-spmenu-vertical a {
border-bottom: 1px solid #22706F;
}
#topheaderinner, #page {
	width: 96%;
}
#topheaderinnerleft, #topheaderinnerright {
    width: 100%;
    margin-top: 5px;
    font-size: 20px;
	text-align: center;
}
#topheader {
    height: auto;
    overflow: hidden;
}
#main #content, #main #secondary {
margin: 0 1%;
}
#main #secondary {
text-align: center;
}
#site-generator {
    font-size: 12px;
}
.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {
    font-size: 20px;
}
p {
    margin-bottom: 1em;
}
#easyFrontendFormular h1 {
    margin-top: 10px;
}



}
/* ========= end fo Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {




}
/* ========= end fo Wide Mobile Layout: 480px. ========= */



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {



#easyFrontendFormular span.row {
    width: 90% !important;
}
.wpp_row_view .property_div div.wpp_overview_right_column, .wpp_row_view .property_div div.wpp_overview_left_column {
    vertical-align: top;
    width: 100% !important;
    margin-left: 0 !important;
    overflow: hidden;
}



}
/* ========= end fo small Mobile Layout ========= */