.main-home {
    margin-top: 5rem
}

.main-home .img-placeholder {
    background: #e7e5e5
}

.main-home .button {
    border-radius: 2px;
    padding: 1rem 3rem
}
.main-home footer .button {
    border: none;
    background-color: #1b8395 ;
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    padding: 1rem 3rem;
    text-decoration: none;
    cursor: pointer;
}
.main-home img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.main-home .block-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.main-home .img-wrapper {
    position: relative;
    height: 0
}

.main-home .img-wrapper .img-placeholder,
.main-home .img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:48em) {
    .main-home {
        margin-top: 7.5rem
    }
}

.main-home .news {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 3.75rem;
    margin-bottom: 80px
}

.main-home .news .news-teaser,
.main-home .news .twitter-teaser>div {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 1.5rem;
    grid-auto-flow: row
}

.main-home .news .news-teaser h4,
.main-home .news .twitter-teaser>div h4 {
    font-size: 16px;
    line-height: 1.2;
    color: rgba(0, 0, 0, .6)
}

.main-home .news .news-teaser p,
.main-home .news .twitter-teaser>div p {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 24px;
}

.main-home .news .news-teaser .img-wrapper,
.main-home .news .twitter-teaser>div .img-wrapper {
    z-index: 6;
    padding-top: 100%;
    margin-bottom: -50%;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: 1/1/2/span 3
}

.main-home .news .news-teaser section,
.main-home .news .twitter-teaser>div section {
    position: relative;
    box-sizing: border-box;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-area: 2/1/3/span 4;
    margin-left: 1rem;
    margin-bottom: calc(.75em + 1rem);
    padding: calc(37.5% + 1rem) 1rem 3rem;
    background: #f4f4f4
}

.main-home .news .news-teaser section footer,
.main-home .news .twitter-teaser>div section footer {
    position: absolute;
    right: 1rem;
    bottom: calc(-.75em - 1rem);
    display: flex;
    justify-content: flex-end;
    transition: opacity .3s
}

.main-home .news .twitter-teaser>div .img-wrapper {
    background-color: #cceaf8;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "twitter"
}

.main-home .news .twitter-teaser>div .img-wrapper .twitter {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: twitter;
    -ms-grid-column-align: center;
    justify-self: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 60%;
    height: 60%
}

.main-home .news .twitter-teaser>div .img-wrapper .twitter>svg .st0 {
    fill: #fff
}

.main-home .news .twitter-teaser>div h4+span {
    font-size: .75rem;
    line-height: 1em;
    font-family: Frutiger LT W01_55 Roma1475738, sans-serif;
    font-weight: 400;
    color: #666
}

.main-home .news>footer {
    display: flex;
    justify-content: center
}

@media (min-width:48em) {
    .main-home .news {
        -ms-grid-columns: (1fr)[12];
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 44px 1.5rem;
        margin-bottom: 7.5rem
    }
    .main-home .news>header {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }
    .main-home .news>header .news-teaser,
    .main-home .news>header .twitter-teaser>div {
        -ms-grid-columns: (1fr)[12];
        grid-template-columns: repeat(12, 1fr);
        -ms-grid-rows: 1.5rem 1fr;
        grid-template-rows: 1.5rem 1fr
    }
    .main-home .news>header .news-teaser p,
    .main-home .news>header .twitter-teaser>div p {
        font-size: 28px;
        line-height: 28px;
    }
    .main-home .news>header .news-teaser .img-wrapper,
    .main-home .news>header .twitter-teaser>div .img-wrapper {
        z-index: 0;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 8;
        grid-area: 1/1/3/span 8;
        height: 0;
        width: unset;
        padding-top: 60%;
        margin-bottom: 0
    }
    .main-home .news>header .news-teaser section,
    .main-home .news>header .twitter-teaser>div section {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 7;
        -ms-grid-column-span: 6;
        grid-area: 2/7/3/span 6;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        margin-left: 0;
        padding: 1.5rem 1.5rem 6rem
    }
    .main-home .news .twitter-teaser {
        -ms-grid-column-span: 6;
        grid-column: span 6
    }
    .main-home .news .news-teaser,
    .main-home .news .twitter-teaser>div {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr)
    }
    .main-home .news .news-teaser .img-wrapper,
    .main-home .news .twitter-teaser>div .img-wrapper {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-area: 1/1/2/span 4
    }
    .main-home .news .news-teaser section,
    .main-home .news .twitter-teaser>div section {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 6;
        grid-area: 2/1/3/span 6;
        margin-bottom: calc(.75em + 1rem)
    }
    .main-home .news>footer {
        -ms-grid-column-span: 12;
        grid-column: span 12
    }
}

@media (min-width:64em) {
    .main-home .news {
        margin-bottom: 92px
    }
    .main-home .news .news-teaser,
    .main-home .news .twitter-teaser>div {
        -ms-grid-rows: 1.5rem 1fr;
        grid-template-rows: 1.5rem 1fr
    }
    .main-home .news .news-teaser .img-wrapper,
    .main-home .news .twitter-teaser>div .img-wrapper {
        height: 11.5rem;
        width: 11.5rem;
        padding: 0;
        margin-bottom: -5.75rem
    }
    .main-home .news .news-teaser section,
    .main-home .news .twitter-teaser>div section {
        padding: 1.5rem 1rem 3rem 10.5rem;
        margin-left: 2rem;
        min-height: 17.5rem;
        margin-bottom: calc(.75em + 1rem)
    }
    .main-home .news .news-teaser section footer,
    .main-home .news .twitter-teaser>div section footer {
        opacity: 0
    }
    .main-home .news .img-wrapper:hover~section footer,
    .main-home .news .twitter-teaser>div section:hover footer,
    .main-home .news .twitter-teaser>div section footer:hover,
    .main-home .news section:hover footer,
    .main-home .news section footer:hover {
        opacity: 1
    }
}

@media (min-width:71.25em) {
    .main-home .news>header .news-teaser .img-wrapper,
    .main-home .news>header .twitter-teaser>div .img-wrapper {
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
        grid-column: 1/span 7
    }
    .main-home .news>header .news-teaser section,
    .main-home .news>header .twitter-teaser>div section {
        -ms-grid-column: 6;
        -ms-grid-column-span: 7;
        grid-column: 6/span 7;
        padding: 2.5rem 5rem 6rem 2.5rem
    }
    .main-home .news .news-teaser .img-wrapper,
    .main-home .news .twitter-teaser>div .img-wrapper {
        width: 15.5rem;
        height: 15.5rem
    }
    .main-home .news .news-teaser section,
    .main-home .news .twitter-teaser>div section {
        padding-left: 14.5rem
    }
}