/* responsive768-979.css */
@media only screen and (min-width:600px) and (max-width:1278px)
{
.offcanvas
{display:block;right:20px;top:16px;position:absolute;float:right;margin:0 0 0 auto;padding:10px;text-align:right;z-index:999}

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

#container .inside
{padding:25px 15px;box-sizing:border-box;}

#header
{ height: 160px;}

.logo
{width:320px;left:25px;top:15px;position:absolute;padding-bottom:30px;float:left;clear:both;z-index: 999}

	
.layout_teaser
{width:46.2%;float:left;margin-right: 15px; margin-left: 15px;padding:15px 5px;background-color:#ffffff;color:#202020; border-radius: 10px;box-sizing:border-box;}

.layout_teaser .image_container a img
{width:100%;height:350px;display: flex;   justify-content: center;   align-items: center;}

.layout_teaser div
{height:auto;}







}