/* Unterer Teil - Discover Container */

.discover-head {
    padding: 0 0 0 1rem;
    max-width: 1100px;
    margin: 0 auto;

    .title2 {
        margin: 0;
    }
}

.discovercontainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 4rem;
    padding: 2rem 0;

    .discover-link {
        padding: 0 0 0 1rem;
        display: inline-flex;
        color: #000;

        .inline-icon-small {
            margin-left: 10px;
            display: inline-flex;
            align-items: flex-start;
            padding: 7px 0 0px 15px;
        }

        &:hover {
            color: var(--gn-text-hover-color);
            fill: var(--gn-text-hover-color);
        }
    }
}

.discover-element.discover-left {
    .discover-media {
        min-height: 350px;
        object-fit: cover;
    }
}

.discover-element.discover-right {
    .discover-media {
        min-height: 500px;
        object-fit: cover;
    }
}

.discover-media-wrapper {
    overflow: hidden;
}

.discover-media {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;

    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: 1s transform cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition: 1s transform cubic-bezier(0.22, 0.61, 0.36, 1);
    -ms-transition: 1s transform cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: 1s transform cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: 1s transform cubic-bezier(0.22, 0.61, 0.36, 1);

    &:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media only screen and (min-width: 550px) {
/*************** Tablet Viewport ***************/
    .discovercontainer {
        grid-template-columns: 1fr 1fr;
        column-gap: 4rem;
        align-items: center;
        max-width: 1100px;
        margin: 0 auto;
    }


}



@media only screen and (min-width: 850px) {
/*************** Tablet Landscape Breakpoint ***************/
    
    .discover {
        padding: 0 2rem;
    }

    .discovercontainer {
        column-gap: 8rem;

        .discover-link.title3 {
            margin: 2rem 0rem 0.625rem 1rem;
            font-size: 24px;
            line-height: 32px;
        }

    }

    .discover-element.discover-right {
        .discover-media {
            min-height: 600px;
        }
    }

}



@media only screen and (min-width: 1110px) {
/*************** Desktop Breakpoint ***************/
    .discovercontainer {
        column-gap: 10rem;
    }



}