@charset "UTF-8";
/* media CSS */


@media only screen and (max-height: 900px) {
    #wrapper {
        padding: 6em 0;
    }
}
@media only screen and (max-height: 820px) {
    #wrapper {
        padding: 4.6em 0;
    }
}

@media only screen and (max-width: 760px) {  /*________________________________________________________________________ FLUID/1-SPALTER : 1.15 */
    #wrapper {
        padding: 5em 3em;
    }
    #content {
        width: 100%;
    }
    #image-tiles {
        flex-direction: column;
        justify-content: flex-start;
    }
    #image-tiles .tile {
        width: 100%;
        margin-bottom: 0.2em;
    }
    
    /* TYPO */
    .karin-helm h1 {
        font-size: 9.6em;
    }
    .fancybox-button {
        font-size: 5.2em !important;
    }
    .aktuelles h1,
    .kontakt h1,
    .standard h1,
    .gartenkoepfe-stubenhocker h1,
    .gartenkoepfe-stubenhocker #main p,
    .karin-helm #main p {
        font-size: 4.6em;
    }
    #image-tiles .tile .overlay h2 {
        font-size: 4.4em;
    }
    .aktuelles h2 {
        font-size: 2.6em;
    }
    .kontakt #main p {
        font-size: 1.9em;
    }
    h3,
    .aktuelles #main p {
        font-size: 1.6em;
    }
    .standard h2,
    .standard h3,
    .standard #main p,
    .standard #main ul {
        font-size: 1.4em;
    }
    .standard p, .standard #main ul {
        hyphens: auto;
    }
    
    /* PROPORTIONS */
    .inside,
    .slide {
        min-height: 70em;
        padding: 6em 2.6em;
    }
    .owl-prev,
    .owl-next {
        bottom: 2.6em;
        width: 1.8em !important;
        height: 2em !important;
    }
    .owl-prev {
        right: 7em;
    }
    .owl-next {
        right: 2.6em;
    }
    .termin {
        margin: 3.8em 0;
    }
}

@media only screen and (max-width: 380px) {
    #wrapper {
        padding: 4.8em 2.6em;
    }
    .inside,
    .slide {
        min-height: 68em;
        padding: 5.6em 2.2em;
    }
    
    /* TYPO */
    .karin-helm h1 {
        font-size: 8em;
    }
    .fancybox-button {
        font-size: 5em !important;
    }
    .aktuelles h1,
    .kontakt h1,
    .standard h1,
    .gartenkoepfe-stubenhocker h1,
    .gartenkoepfe-stubenhocker #main p,
    .karin-helm #main p,
    #image-tiles .tile .overlay h2 {
        font-size: 4.2em;
    }
    .aktuelles h2 {
        font-size: 2.4em;
    }
    .kontakt #main p {
        font-size: 1.8em;
    }
    h3,
    .aktuelles #main p {
        font-size: 1.5em;
    }
    .standard h2,
    .standard h3,
    .standard #main p,
    .standard #main ul {
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 360px) {
    #wrapper {
        padding: 4em 2.6em;
    }
    .inside,
    .slide {
        min-height: 66.8em;
        padding: 5.6em 2.2em;
    }
}

@media only screen and (max-width: 320px) {
    #wrapper {
        padding: 4em 2.2em;
    }
    .inside,
    .slide {
        min-height: 66em;
        padding: 5em 2em;
    }
    .karin-helm h1 {
        font-size: 7em;
    }
    .fancybox-button {
        font-size: 4.4em !important;
    }
    .aktuelles h1,
    .kontakt h1,
    .standard h1,
    .gartenkoepfe-stubenhocker h1,
    .gartenkoepfe-stubenhocker #main p,
    .karin-helm #main p,
    #image-tiles .tile .overlay h2 {
        font-size: 3.8em;
    }
}