/* responsive400.css */
@media only screen and (max-width: 687px)
{
	
.offcanvas{background-color: #006;padding:5px 5px 0 5px;position:absolute;right:50px;top:50px;z-index:9999;border-radius:8px;}

#nav-main,
#header .mod_navigation
{display:none}

.mod_customnav{margin:15px auto; color: #ffffff}



#header,
#header .inside{width:100%;height:0}
#header .logo {width:240px;margin:0;background-color:#fff;z-index:9999}

#sectionhead{height:450px;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;background:#006 url("/files/images/allgemein/TFH-Wildau-Foyer-device-400.jpg") center center no-repeat;background-size: cover}


#wrapper{width:100%;margin-right:0;margin-left:0;padding:0;box-sizing:border-box}

#main{min-height:100px}
#container .submit
{margin-left:2px;border-radius:3px;font-size:15px;font-weight:normal;color:rgba(255,255,255,.9);border: none;cursor: pointer; margin-top: 10px;    padding: 15px 30px;    background-color:#00A2DD;    color:rgba(255,255,255,.8)}

/* Claim */

.subclaim{float:right;right:10px;}

#sectionhead .subclaim h1,
#sectionhead .subclaim h2
{position:relative; display:block; top:400px; margin:0 auto;padding:6px 20px;background-color:rgba(0,0,102,.2);font-size:16px;text-align: center;}




#section03{display: none}

/* boxes and colors.css */
.aqua_blue5{margin:0 auto;padding:15px 20px;color:#fff;background-color:#00A2DD;font-size:1.45em;line-height: 1.7em;border-radius:8px;}
#aqua_blue {margin-bottom: 5px;}
.white{padding:30px 20px 10px 20px;}


#footer-custom p,
#footer-custom ul
{ max-width: 100%;
  padding-left: 30px;
  padding-right:40px;
  text-align:left;
  box-sizing: border-box;
}

#footer-custom .center p
{ 
  display:grid;
  justify-content: center;
  text-align:center;
}
.center a
{text-align:center;}


h1{margin-top:5px;padding:0 8px 0 5px;font-size:2.15em;line-height:1.75em;font-weight:normal;box-sizing:border-box}



/* Gallery */

#main .gallery_4 img 
{width:100%;}
#main .content-gallery li
{width:100%;}


}