/* Start of CMSMS style sheet 'GartenDesign Responsive' */
/*Hide checkbox*/

input[type=checkbox] {
    display: none
}


/*Style 'show menu' label button and hide it by default*/

.show-menu {
    position: absolute;
    right: 25px;
    top: 50px;
    padding: 5px;
    margin-top: -0.50em;
    vertical-align: middle;
    z-index: 999;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' fill='darkslateblue' x='0' y='0' width='29px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
    background-size: contain;
    display: none;
    /* margin: 5px; */
}


/*Show menu when invisible checkbox is checked*/

input[type=checkbox]:checked ~ #menu_vert {
    display: block!important;
    position: absolute;
    top: 0;
}

.toplogo {
    display: none
}

@media (max-width: 818px) {
    .show-menu {
        /* critical positioning styles */
        position: absolute;
        display: block;
        right: 50px;
        top: 55px;
        z-index: 9999;
        /* non-critical apperance styles */
        height: 30px;
        width: 40px;
        cursor: pointer;
        /* background-color:red; */
        background-size: contain;
    }
    div#header h1 a {
        background: url(images/cms/header.jpg) no-repeat center center;
        background-size: cover;
        min-width: 100%;
        margin: 1em auto;
        height: 100%;
        display: block;
        min-height: 218px;
        /* width: 816px; */
        background-clip: padding-box;
        background-position: 5%;
    }

div#header1 h1 a {
        background: url(images/cms/header1.jpg) no-repeat center center;
        background-size: cover;
        min-width: 100%;
        margin: 1em auto;
        height: 100%;
        display: block;
        min-height: 218px;
        /* width: 816px; */
        background-clip: padding-box;
        background-position: 5%;
}

div#header2 h1 a {
        background: url(images/cms/header2.jpg) no-repeat center center;
        background-size: cover;
        min-width: 100%;
        margin: 1em auto;
        height: 100%;
        display: block;
        min-height: 218px;
        /* width: 816px; */
        background-clip: padding-box;
        background-position: 5%;
}

div#header3 h1 a {
        background: url(images/cms/header3.jpg) no-repeat center center;
        background-size: cover;
        min-width: 100%;
        margin: 1em auto;
        height: 100%;
        display: block;
        min-height: 218px;
        /* width: 816px; */
        background-clip: padding-box;
        background-position: 5%;
}

div#header4 h1 a {
        background: url(images/cms/header4.jpg) no-repeat center center;
        background-size: cover;
        min-width: 100%;
        margin: 1em auto;
        height: 100%;
        display: block;
        min-height: 218px;
        /* width: 816px; */
        background-clip: padding-box;
        background-position: 5%;
}

div#header5 h1 a {
        background: url(images/cms/header5.jpg) no-repeat center center;
        background-size: cover;
        min-width: 100%;
        margin: 1em auto;
        height: 100%;
        display: block;
        min-height: 218px;
        /* width: 816px; */
        background-clip: padding-box;
        background-position: 5%;
}

div#header6 h1 a {
        background: url(images/cms/header6.jpg) no-repeat center center;
        background-size: cover;
        min-width: 100%;
        margin: 1em auto;
        height: 100%;
        display: block;
        min-height: 218px;
        /* width: 816px; */
        background-clip: padding-box;
        background-position: 5%;
}

    div#content {
        height: auto;
        padding: 0;
        display: block;
    }
    #content_bg {
        background: none;
        /* padding-top: 0; */
        /* margin-top: 0; */
        padding: 0;
        display: block;
        border: none;
    }
    div#footer {
        width: 100%;
    }
    div#bg {
        width: 100%;
    }
    div#main {
        width: 100%;
    }
    div#left {
        width: 100%;
        position: relative;
        float: none;
    }
    div#menu_vert {
        position: absolute;
        background-color: #94B557;
        width: 100%;
        text-align: center;
        top: -900px;
        z-index: 99;
    }
    div#right {
        width: 100%;
        position: relative;
        display: block;
        padding: 0;
        float: none;
    }
    .text {
        width: 90%;
        margin: 0 auto;
        text-align: justify;
        display: block;
    }
    #right img {
        margin-left: 6px;
        margin-top: 1em;
    }
    .text img {
        float: none!important;
        display: block;
        padding-bottom: 1em;
    }
}


@media (max-width: 480px) {

div#header h1 a,
div#header1 h1 a ,
div#header2 h1 a ,
div#header3 h1 a ,
div#header4 h1 a ,
div#header5 h1 a,
div#header6 h1 a   {

        background: url(images/cms/header_mobile.jpg) no-repeat center center;
        background-size: cover;
        min-width: 100%;
        margin: 1em auto;
        height: 100%;
        display: block;
        min-height: 218px;
        /* width: 816px; */
        background-clip: padding-box;
        background-position: 3%;
}

.show-menu {
    position: absolute;
    right: 25px;
    top: 110px;



    }
}




/* End of 'GartenDesign Responsive' */