.portal {
	margin: 1rem 3vw 0 3vw;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 10rem;
}



.portal .ce_linkteaser {
    padding: 0;
    margin: 0.6vw;
    overflow: hidden;
    width: calc(85vw / 7);
    height: calc(12vw * 1.379166667);
    overflow: hidden;
}

.portal .ce_linkteaser:hover {
    width: calc(85vw / 7);
	height: calc(12vw * 1.379166667);
	overflow: hidden;   
}

/*============================
SCALE
==============================*/
.portal .image_container {
    text-align: center;
    position: relative;
    width: auto;
    height: calc(12vw * 1.379166667);
    overflow: hidden;
}

.portal .image_container:hover {
    text-align: center;
    position: relative;
    width: auto;
    height: calc(12vw * 1.379166667);
    overflow: hidden;
}

.portal .ce_linkteaser :hover img {
	transform: scale(1.1);
	filter: contrast(1.1);
	transition: all 0.6s ease-in;
	transition-delay: 0.05s;
}

.portal .ce_linkteaser img {
	transform: scale(1);
	transition: all 0.4s ease-out;
}

.portal .ce_linkteaser .content {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.66;
    bottom: 0;
    transition: all 0.3s ease-out;
}

.portal .ce_linkteaser .content:hover {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1000;
    bottom: 0;
    opacity: 0.9;
    transition: all 0.5s ease-in;
    transition-delay: 0.05s;
}

.portal .ce_linkteaser .content .inside {
    bottom: 0;
    position: absolute;
    width: 100%;
}

.portal .ce_linkteaser .content .teaser {
    padding: 0.35rem;
    width: 100%;
    /* background-color: rgb(236, 10, 10, 0.5); */
    background-color: rgba(251, 251, 251, 1);
    border-bottom: 1px solid #f28c33;
    color: rgb(245, 150, 14);
}

.portal .ce_linkteaser .content .teaser:hover {
    color: rgb(245, 150, 14);
} 

.portal .ce_linkteaser .content .teaser p {
    font: 1rem "Fira Sans", sans-serif;
    margin-bottom: 0;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}
a:hover .teaser p {
    color: rgb(245, 150, 14);
    transition: all 0.5s ease-in;
    transition-delay: 0.05s;
    
}

.content h2 {
    display: none;
}


@media (max-width:812px) {


    .portal {
        margin: 0;
        position: relative;
        top: 1rem;
    }

    .portal .ce_linkteaser {
        padding: 0;
        margin: 1.5vw;
        overflow: hidden;
        width: calc(84vw / 2);
        height: calc(42vw * 1.379166667);
        overflow: scroll;
        flex: 0 1 auto;
    }

    .portal .ce_linkteaser:hover {
        padding: 0;
        margin: 1.5vw;
        overflow: hidden;
        width: calc(84vw / 2);
        height: calc(42vw * 1.379166667);
        overflow: scroll;
    }

    .portal .image_container {
        text-align: center;
        position: relative;
        width: auto;
        height: calc(42vw * 1.379166667);
        overflow: hidden;
    }

    .portal .image_container:hover {
        text-align: center;
        position: relative;
        width: auto;
        height: calc(42vw * 1.379166667);
        overflow: hidden;
    }

    #footer {
        display: none;
    }

    #container #main {
        /* -webkit-overflow-scrolling: touch; */

    }

}