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

    body, #content, #center,#centerwrap{min-width: 0;    width: 100%;}
    #content{display: grid; 
        grid-template-rows: max-content max-content max-content;
        grid-template-areas: 
          "center"
          "right"
          "left";
        }
    #center {
        grid-area: center;
        width: 100%;
    }
    #left {
        grid-area: left;
        width: 100%;
    }
    #right {
        grid-area: right;
        width: 100%;
       
    }
       
      .container {
       
      }

    #centerwrap  .head{
        margin: 40px auto;
        height: auto;
        text-align: center;}
    .head .logo{max-width:300px ;}
	
	.head .corporate  {  font-size:24px; color:#594b40; }
	.head hr{border-color: #594b40;}

    #logo-vers-block{
        position: unset;    
        text-align: center;
        margin: auto;
    }

    .content{height: auto;}
    .content a{   line-break: anywhere;}

    .content-lft.main_page{background: #f8f2ef;color: #4a1c08;
    }
    .content-lft p {
        font-size: 24px;
        padding: 0 20px;
    }
    .content-lft ul {
        font-size: 24px;
    width: calc(100% - 60px);
    }
    
    .content-lft h1{}
    .content-lft h1,
    .content-lft h2,
    .content-lft h3 {padding: 0 20px;
        margin: 20px 0;
    }

    .content .clear{display: none;}

    .portrait-wrapper{
        float: none;
        max-width: 600px;
        max-height: 300px;
        overflow: hidden;
        margin: 0 auto 40px;}
    .portrait-wrapper img{width: 100%;}

    .lightbox{
        height: 190px;
        margin: 20px auto;
        width: 315px;
        position: relative;}

    .lightbox .showroom{  width: 315px;}
    
    .carousel-frame{margin: 0 auto;}
    
    .main_content_container{margin-right: 0;}


    #right h2,#left h2{font-size: 34px;}
    #right .head{display: none;}
    #right .content{
        margin: 40px 0px;}
	
	.ofenheadline{font-size: 25px;}
	
	.ofen {
    display: grid;
    grid-template-rows: 46px 259px auto;
}
	.ofenattr{
    height: auto;
    margin: auto;
    display: flex;
	}
        
    .ofentable{    
        text-align: left;
        font-size: 22px;}
    .ofenpic {
        position: absolute;
       /* max-width: 428px;*/
       	max-width: 350px;
        bottom: 0;
        left: 0;
        margin: auto;
        right: 0;
      }

	.fancybox-outer .fancybox-nav span{visibility: visible;opacity: 0.5}
    #left {
        background: #261107;
        color: white;
		font-size: 22px;
    }
    #left .head{
		margin: 20px 0;
        height: 0;
    }
    #left  td{
		font-size: 1.5em;
    }
    #left a{color: #fff;}

    #left .content{text-align: center;min-height: auto;}
    
    #left .content table{margin: auto;}
    #left .content table td:first-child{text-align: left;}
    #left .content table td:last-child{text-align: right;}
    .footernav{
        margin: 20px 0;
    }
    .footernav a{
        margin: 20px 0;
    }
    .footeremail{ margin: 20px 0;}
	body .cookie-disclaimer{font-size: 18px;}
	
	body .cookiebanner{display: grid;}
	body .cookiebanner__object--right{margin: 10px auto}
	
}