/* responsive */

/* ############################## */
@media only screen and (min-width: 1500px) {

#logo {
    top: -270px;
    position: absolute;
}

#logo img {
    height: auto;
    width: 100%;
}

#main .inside {margin:0 180px;}

#main .accordion .ce_table .col_0 {width:450px;}
#main .accordion .ce_table .col_1 {width:140px;}


}


/* ############################## */
@media only screen and (min-width: 1200px) and (max-width: 1499px) {

#logo {
    top: -240px;
    position: absolute;
}

#logo img {
    height: auto;
    width: 200px;
    padding:10px;
}

#main .inside {margin:0 180px;}

/* Angebot Tabellen */
#main .accordion .ce_table .col_0 {width:450px;}
#main .accordion .ce_table .col_1 {width:140px;}

}



/* ############################## */
@media only screen and (min-width: 768px) and (max-width: 1200px) {

#mainnav {display:none;}

   
#logo {
    top: -180px;
    position: absolute;
}

#logo img {
    height: auto;
    width: 160px;
    padding:5px;
}

#main .inside {margin:0 180px;}

#main .accordion .ce_table .col_0 {width:450px;}
#main .accordion .ce_table .col_1 {width:140px;}


}

.socialmedialeft,
.socialmediaright {
	float:none;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}



/* ############################## */
/* iPad */
@media only screen and (min-width: 767px) and (max-width: 1024px) and (orientation : portrait)

  {

   #wrapper {max-width:100%;}

   #main .inside {margin:0 20px;}

   #mainnav {display:none;} /*ORIGINAL*/


#logo {
    top: -140px;
    position: absolute;
}

#logo img {
    height: auto;
    width: 100px;
    padding:5px;
}

/* Angebot Tabellen */
#main .ce_table.col_0 {max-width:70%;}
#main .ce_table.col_1 {max-width:29%;}


#footer .adressefooter {float:none;margin:0 10px;padding:0;width:100%;}
#footer .adressefooternonfloat {float:none;margin:0;padding:0 10px;width:100%;}


  }


  /* ############################## */
/* iPad landscape */

@media only screen  and (orientation : landscape)

{

#wrapper {width:100%;max-width:960px;}

}

/* ############################## */
@media only screen and (min-width: 1024px) {

.mod_mobile_menu {
  display: none !important;
}

}


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

body {
	font-family: 'Economica', verdana, arial;
}

#logo {
    top: -80px;
    position: absolute;
	background-color:rgba(255,255,255,.8)    
}

#logo img {
    height: auto;
    width: 60px;
    padding:5px;
}


#mainnav {display:none;}

#container .inside, #header .inside, #footer .inside {width:100%;}
#main .inside {width: 97%; margin:0 10px;}
#main .float_left {float:none;}

#main .image_container.float_left {margin:0;padding:0 0 10px 0;}
#main .mod_newslist h2 {margin:0;padding:0 0 10px 0;}

/* Team */

#main .ce_image.teamlinks,
#main .ce_image.teamrechts
{
	width: 45%;
	float: left;
}

#main .ce_image.teamlinks .image_container,
#main .ce_image.teamrechts .image_container {
  float: none;
  margin: 0;
  padding: 0;
}

/* Angebot Tabellen */
#main .ce_table.col_0 {max-width:70%;}
#main .ce_table.col_1 {max-width:29%;}

/* OpenStreetMap */
#main iframe {
    max-width: 99%;
    height: 260px;
}

#footer .adressefooter {float:none;margin:0 10px;padding:0;width:94%;}
#footer .adressefooternonfloat {float:none;margin:0;padding:0 10px;width:94%;}

#beba {
  width: 94%;
  margin: 0 10px;
}



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


.teamlinks,
.teamrechts {
	/*float:none !important;*/
	width:100%;
}

	
	
}







}

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

/* Team */

#main .ce_image.teamlinks,
#main .ce_image.teamrechts
{
	width: 50%;
	float: left;
}

#main * img {
  max-width: 100%;
  height: auto;
}

}

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

/* Team */

#main .ce_image.teamlinks,
#main .ce_image.teamrechts
{
	width: 100%;
	float: none;
}


#main .ce_image .caption {
    top:-70px;
    position:relative;
    /*padding:5px 2px 5px 2px;*/
    text-align:center;
    background-color:rgba(109,31,128,.5);
    /*background-color:red;*/
    font-variant:small-caps;
    color:#fff;
    width:63%;
    margin-right:auto;
    margin-left:auto;
}



}