

/* Start:/local/templates/alhemer_optik/components/bitrix/breadcrumb/.default/style.min.css?1777394320254*/
.bx-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px}.bx-breadcrumb .bx-breadcrumb-item,.bx-breadcrumb .bx-breadcrumb-item span{font-weight:400;color:#d8ccba}.bx-breadcrumb .bx-breadcrumb-item.end span{color:var(--brown)}
/* End */


/* Start:/local/templates/alhemer_optik/components/bitrix/news.detail/.default/style.css?17773869881314*/
.news--detail{
    max-width: 800px;
    margin: 46px auto 0 auto;
}

.news--detail-top{
    position: relative;
}

.news--detail-top_img{
    position: absolute;
    top: 0;
    left: -10%;
    width: 48px;
    height: 48px;
}

.news--detail-top_title-text{
    font-weight: 500;
    font-size: 40px;
    line-height: 110.00000000000001%;
    letter-spacing: -4%;
    display: block;
}

.news-date-time{
    font-weight: 600;
    font-size: 14px;
    line-height: 122%;
    letter-spacing: -0.5px;
    color: #969696;
    margin-top: 32px;
    display: block;
}

.news--detail_picture{
    width: 100%;
    height: 100%;
    max-height: 550px;
    object-fit: cover;
    margin-top: 64px;
}

.news--detail-btn{
    margin-top: 32px;
    padding: 12px 16px;
    display: block;
}

.news--detail-text{
    display: block;
    margin-top: 32px;
}

@media (max-width: 1439px) {
    .news--detail{
        max-width: unset;
    }

    .news--detail-top{
        display: flex;
        gap: 32px;
    }

    .news--detail-top_img{
        position: unset;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .news--detail-top_title-text{
        font-size: 32px;
    }

    .news--detail-top_img{
        display: none;
    }

    .news--item-first .news--item-preview_picture{
        height: 435px;
    }
}
/* End */


/* Start:/local/templates/alhemer_optik/components/bitrix/news.list/news_item/style.css?17773869881888*/
.news-container{
    margin-bottom: 112px;
}

.news--list, #news-list--wrapper{
    margin-top: 64px;
    display: flex;
    gap: var(--gap);
    color: var(--black);
    flex-wrap: wrap;
}

.news--item{
    width: calc(25% - 8px);
}

.news--item.news--item-first{
    width: calc(50% - 8px);
}

.news--item-preview_picture-container{
    max-height: 340px;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.news--item-preview_picture{
    object-fit: cover;
    width: 100%;
    height: 340px;
    overflow: hidden;
    transition: all .5s ease;
}

.news--item:hover .news--item-preview_picture{
    transform: scale(1.2);
}

.news--item-name{
    font-weight: 600;
    line-height: 122%;
    letter-spacing: -2%;
    margin-top: 16px;
    display: block;
}

.news--item:hover .news--item-name{
    color: var(--cherry);
}

.news--item-preview{
    font-weight: 400;
    font-size: 14px;
    line-height: 122%;
    display: block;
    margin-top: 8px;
}

.news--item-date_time{
    font-weight: 400;
    line-height: 122%;
    letter-spacing: -2%;
    margin-top: 16px;
    display: block;
}

.news-pager{
    margin-top: 32px;
}

@media (min-width: 320px) and (max-width: 1439px) {
    .news--list{
        margin-top: 48px;
        gap: 16px;
    }

    .news--item.news--item-first{
        width: calc(100%);
    }

    .news--item-first .news--item-preview_picture{
        max-height: 435px;
    }

    .news--item{
        width: calc(50% - 8px);
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .news--list{
        gap: 8px;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    #news-list--wrapper{
		flex-wrap: nowrap;
	}

    .news--title{
        font-size: 32px;
    }

    .news--item.news--item-first, .news--item{
        width: calc(100%);
    }

    .news--item-first .news--item-preview_picture{
        height: 435px;
    }
}
/* End */
/* /local/templates/alhemer_optik/components/bitrix/breadcrumb/.default/style.min.css?1777394320254 */
/* /local/templates/alhemer_optik/components/bitrix/news.detail/.default/style.css?17773869881314 */
/* /local/templates/alhemer_optik/components/bitrix/news.list/news_item/style.css?17773869881888 */
