/* ==========================================================================
	responsive.css
========================================================================== */

/* 360px
============================================== */
@media screen and (min-width: 22.5em) {

    .ce_gallery ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ce_gallery ul li {
        width: 48%;
        margin-right: 2%;
    }

    .ce_gallery ul li:nth-child(2n) {
        margin-right: 0;
    }
}

/* 486px
============================================== */
@media screen and (min-width: 30.375em) {

    .image_container.float_left {
        float: left;
        margin: 0 1.5rem 1.5rem 0;
        max-width: 40%;
    }

    .image_container.float_right {
        float: right;
        margin: 0 0 1.5rem 1.5rem;
        max-width: 40%;
    }

    .image_container.float_above {
        margin: 0 0 1.25rem 0;
    }

    button.submit {
        width: auto;
        padding: 0.625rem 1.25rem;
    }
}

/* 576px
============================================== */
@media screen and (min-width: 36em) {
	
	.rsts-skin-default .rsts-caption {
		font-size: 1.5rem;
	}
}

/* 768px
============================================== */
@media screen and (min-width: 48em) {

	[class*=grid_] {
		grid-gap: 2rem
	}

    img {
        margin: 0;
    }

    .ce_gallery ul li,
    .ce_gallery ul li:nth-child(2n) {
        width: 23%;
        margin-right: 2.666666%;
    }

    .ce_gallery ul li:nth-child(4n) {
        margin-right: 0;
    }
}

/*790px
============================================== */
@media screen and (min-width: 49.375em) {

    .desktopnav {
        display: block;
    }
    
    .mod_mobile_menu {
        display: none;
    }
    
    .logo {
	    max-width: 19rem;
    }
    
    .onepage_article .inside {
	   	padding-top: 7rem;
	}
	
	#startseite.onepage_article .inside {
	   	padding-top: 5rem;
	}
}

/* 850px
============================================== */
@media screen and (min-width: 53.125em) {
	
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.688rem;
    }

    h3 {
        font-size: 1.375rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1.188rem;
    }

    h6 {
        font-size: 1.063rem;
    }

    .ce_text .image_container {
        max-width: 100%;
    }

    .column-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    #startseite.onepage_article .inside {
	   	padding-top: 6.25rem;
	}

    .column-form .widget {
        width: 49%;
    }
    
    .desktopnav a {
		font-size: 0.875rem;
		padding: 2.5rem 0.5rem;
	}
	
	.rsts-skin-default .rsts-caption {
		top: 2rem;
		left: 2rem;
		font-size: 2rem;
		line-height: 1.25;
	}
}

/* 928px
============================================== */
@media screen and (min-width: 52.50em) {
	
	
}

/* 980px
============================================== */
@media screen and (min-width: 61.25em) {
	
	#header .inside,
    #footer .inside,
    .onepage_article .inside {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* 1050px
============================================== */
@media screen and (min-width: 65.625em) {
	
	.rsts-skin-default .rsts-caption {
		top: auto;
		bottom: 2rem;
		font-size: 2.5rem;
	}
}

/* 1200px
============================================== */
@media screen and (min-width: 75em) {

}