.layout {

    opacity: 1;
    visibility: visible;
}


.articles__node ul {

    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 3rem;
}

.pagination__link {

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: unset !important;
}

.pagination__link:before, 
.pagination__link:after {

    width: 24px;
    height: 24px;
    background-image: url(../images/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.pagination__link_prev:before {

    content: "";
    display: inline-block;
    transform: rotate(180deg);
}

.pagination__link_next:after {

    content: "";
    display: inline-block;
    transform: rotate(0deg);
}


.articles__node ul .page-numbers {

    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: bold;

}


.articles__node ul .page-numbers:not(.pagination__link) {

    position: relative;
}

.articles__node ul .page-numbers:not(.pagination__link):before {

    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #e6e7e4;
    z-index: -1;
    margin: auto;
    transform: rotate(45deg);
}

.articles__node ul .page-numbers.current {

    color: #fff;
    font-weight: bold;
}

.articles__node ul .page-numbers.current:before {

    background-color: #000000;
}




.layout__gallery .gallery__link {

    pointer-events: initial;
}

.layout__collection .swiper-button-disabled,
.swiper-button-disabled {

    opacity: 0.7;
}

.layout__collection .swiper-button-disabled:hover,
.swiper-button-disabled:hover {

    transform: none !important;
}


.layout__collection .collection__header {

    opacity: 1 !important;
    transform: none !important;
    z-index: 0;
}

.section_404 {

    background-color: #1C1820;
}

.personal__sidebar .personal__picture {

    overflow: hidden;
    position: relative;
}

.personal__sidebar .personal__picture .personal-img1,
.personal__sidebar .personal__picture .personal-img2 {

    width: 100%;
    height: 100%;
    -o-object-position: top;
    object-position: top;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.personal__sidebar .personal__picture .personal-img2 {
    opacity: 0;
    visibility: hidden;
}

/* .personal__sidebar:hover .personal__picture .personal-img1 {
    opacity: 0;
    visibility: hidden;
} */

.personal__sidebar:hover .personal__picture .personal-img2 {
    opacity: 1;
    visibility: visible;
}

.table__item_title span {

    font-size: 1.25rem;
    font-weight: 600;
    text-transform: inherit;
    font-family: 'Geist';
}

.table__item_title:nth-child(1) {

    display: none;
}

.table__list > .table__item_title:nth-of-type(3) {

    margin-top: 10px;
}



.dnd-upload-status.complete {

    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f5f5;
    border-radius: 0.4rem;
    width: 100%;
    padding: 0;
}

.dnd-upload-status .dnd-upload-details .name {

    padding: 0;
}

.dnd-upload-status .dnd-upload-details .name span {

    font-size: 0.875rem;
    color: #333;
}

.dnd-upload-status .dnd-upload-details .remove-file {

    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: flex;
    align-items: center;
}

.dnd-upload-status .dnd-upload-details .remove-file span:after {

    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='%23ff0000'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='%23ff0000'/%3E%3C/svg%3E");

}


.dnd-upload-status .dnd-upload-image,
.dnd-upload-status .dnd-upload-details .name em,
.dnd-progress-bar {

    display: none !important;
}


.layout__video .brlbs-cmpnt-container {

    position: absolute;
    width: 100%;
    z-index: 2;
}

.title-mobile {
    display: none;
}

@media screen and (min-width: 768px) {
    .layout__collection .swiper-slide.swiper-slide-active {
        width: calc(100% - 40rem) !important;
    }

    .layout__header.header_nav-active .header__nav .nav__item.nav__item_active .nav__dropdown {

        background-color: #212127; 
    }

    .header__nav .nav__sublist {

        transform: translateX(100%);
        -webkit-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
    }

    .nav__item_active > .nav__dropdown .nav__sublist {
        transform: none;
    }

    .table__item_title {

        display: none;
    }

    .single-produkte .layout__banner .banner__picture {

        height: auto !important;
        aspect-ratio: 1920 / 756;
    }

    .single-produkte .layout__banner .banner__picture img {

        object-position: right;
    }
}

@media screen and (max-width: 769px) and (min-width: 768px) {

    .single-produkte .layout__banner .banner__picture {

        height: 264px;
    }
}


@media screen and (max-width: 767px) {

    .layout__teams .teams__item {

        order: 2;
    }

    .layout__teams .teams_content_item-1 {

        order: 1;
    }

    .header__nav .nav__sublist {

        grid-template-columns: repeat(1, 1fr);
    }

    .header__nav .nav__subpicture {

        height: 13.25rem;
    }


    .layout__table .table__layout:before {

        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5rem), calc(100% - 5rem) 100%, 0 100%);
    }



    .layout__table .table__layout::after {
        width: 6.95rem;
        height: 0.1rem;
        right: 0;
        bottom: 0;
        -webkit-transform: rotate(-45deg) translate(2.5rem, -0.75rem);
        -ms-transform: rotate(-45deg) translate(2.5rem, -0.75rem);
        transform: rotate(-45deg) translate(2.45rem, -0.8rem);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background-color: #8cd000;
    }


    .layout__locations .filter__list {

        flex-wrap: wrap;
    }

    .locations__filter.filter {
        height: auto !important;
    }

    .layout__locations {

        gap: 2rem;
    }


    .layout__about .about__footer .about__fragment {

        display: none;
    }



    .layout__article .article__picture .article__fragment {

        transform: translate(-50%, -50%) rotate(90deg) scale(0.6);
    }

    .layout__initiate .initiate__picture.initiate__picture_primary {

        width: 4rem;
        height: 11rem;
        top: -6rem;
    }

    .table__text {

        font-weight: 300;
    }


    .layout__columns .columns__main.wysiwyg:last-of-type {

        margin-bottom: 0;
    }


    .layout__options .options__item {

        padding: 56px 16px 40px 16px;
    }


    .layout__posts .posts__picture .swiper-footer {

        position: initial;
        transform: unset;
        margin-top: 1rem;
    }

    .layout__posts .posts__picture .swiper-footer .swiper__pagination:only-child {

        padding-top: 0;
    }

    .history__title.h3 {

        hyphens: auto;
    }


    .table__list:nth-child(2) {

        margin-top: 14px;
    }

    .swiper__button:hover {

        transform: none !important;
    }

    .history__nav-buttons.history__secondary {

        margin-top: 1rem;
        gap: 2rem;
        width: calc(100% - 11rem);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
    }
	
	
	.layout__data .data__list {
		
		align-items: flex-start;
	}
	
	.layout__gallery .gallery__picture,
	.layout__collection .slider__picture{
		
		height: auto;
	}
	
	.layout__gallery .gallery__picture img,
	.layout__collection .slider__picture img{
		
		object-fit: contain;
	}
	
	.layout__collection .swiper-slide {
		
		align-items: flex-start;
	}
	
	.layout__options .options__list,
	.layout__about .about__list {

        gap: 1rem;
    }
	
	.layout__posts .posts__picture {

        clip-path: unset !important;
    }

    .layout__posts .posts__item.posts__item_secondary .posts__picture.posts__picture_secondary .swiper-slide{

        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 200%, 3rem 100%, 0 calc(100% - 3rem));
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 200%, 3rem 100%, 0 calc(100% - 3rem));
    }

    .layout__posts .posts__item:not(.posts__item_secondary) .posts__picture.posts__picture_secondary .swiper-slide {

        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), calc(100% - 3rem) 100%, 100% 200%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3rem), calc(100% - 3rem) 100%, 100% 200%, 0 100%);
    }
}



@media screen and (max-width: 650px) {
	
	.has-mobile-title .title-desktop {
        display: none;
    }

    .has-mobile-title .title-mobile {
        display: inline;
    }

    .single-produkte .layout__banner .banner__layout {

        -webkit-clip-path: polygon(0 -100%, 100% 0, 100% calc(100% - 5rem), calc(100% - 5rem) 100%, 0 100%);
        clip-path: polygon(0 -100%, 100% 0, 100% calc(100% - 5rem), calc(100% - 5rem) 100%, 0 100%);
    }

    .single-produkte .layout__banner .banner__picture {

        margin-bottom: 0;
        height: auto;
    }
	
	.single-produkte .layout__banner .banner__fragment {
		
		display: none;
	}
	
	.layout__banner .banner__layout {

        -webkit-clip-path: polygon(0 -100%, 100% 0, 100% calc(100% - 5rem), calc(100% - 5rem) 100%, 0 100%);
        clip-path: polygon(0 -100%, 100% 0, 100% calc(100% - 5rem), calc(100% - 5rem) 100%, 0 100%) !important;
    }
	
	.layout__banner:not(.banner_tertiary) .banner__picture {
		
		height: auto;
		margin-bottom: 0;
	}
	
	.layout__banner:not(.banner_tertiary) .banner__picture video {
		
		width: 100%;
	}
	
	.layout__banner:not(.banner_tertiary) .banner__fragment {
		
		display: none;
	}
	
	.single-produkte .layout__banner .banner__fragment {
        display: block !important;
    }


    .banner__fragment.show-animation {

        display: block !important;
    }

    .banner__fragment.hide-animation {

        display: none !important;
    }

    .single-produkte .layout__banner  .banner__fragment.hide-animation  {
        display: block !important;
    }

    .single-produkte .layout__banner  .banner__fragment.hide-animation  {
        display: none !important;
    }



    .layout__banner.d-full-height .banner__layout {
        background-color: #212127;
        -webkit-clip-path: polygon(0 -25rem, calc(100% - 5rem) 0, 100% 5rem, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 -25rem, calc(100% - 5rem) 0, 100% 5rem, 100% 100%, 0 100%) !important;
    }

    .layout__banner.d-full-height .banner__picture {

        height: 60vh;
        margin-bottom: -5rem;
    }

    .banner.banner_tertiary .banner__layout {

        clip-path: unset !important;
    }
}

























/**** Ecke ****/

.layout__gallery .gallery__picture::after {
	height: 0.125rem;
	-webkit-transform: rotate(-45deg) translate(-1.25rem, -1.8rem);
	transform: rotate(-45deg) translate(-1.25rem, -1.8rem);
}

.layout__gallery .gallery__picture:before {
    border: 2px solid #8cd000;
}

@media (max-width: 1700px) {
	.layout__gallery .gallery__picture::after {
		-webkit-transform: rotate(-45deg) translate(-1.32rem, -1.8rem);
		transform: rotate(-45deg) translate(-1.32rem, -1.8rem);
	}
}


@media (max-width: 1650px) {
	.layout__gallery .gallery__picture::after {
		-webkit-transform: rotate(-45deg) translate(-1.3rem, -1.75rem);
		transform: rotate(-45deg) translate(-1.3rem, -1.75rem);
	}
}


@media (max-width: 1500px) {
	.layout__gallery .gallery__picture::after {
		-webkit-transform: rotate(-45deg) translate(-1.3rem, -1.8rem);
		transform: rotate(-45deg) translate(-1.3rem, -1.8rem);
	}
}

@media (max-width: 1300px) {
	.layout__gallery .gallery__picture::after {
		height: 2px;
		-webkit-transform: rotate(-45deg) translate(-1.3rem, -1.7rem);
		transform: rotate(-45deg) translate(-1.3rem, -1.7rem);
	}
}

@media (max-width: 800px) {
	.layout__gallery .gallery__picture::after {
		-webkit-transform: rotate(-45deg) translate(-1.4rem, -1.6rem);
		transform: rotate(-45deg) translate(-1.4rem, -1.6rem);
	}
}

@media (max-width: 500px) {
	.layout__gallery .gallery__picture::after {
		-webkit-transform: rotate(-45deg) translate(0.35rem, -1.6rem);
		transform: rotate(-45deg) translate(0.35rem, -1.6rem);
	}
}


@media (max-width: 420px) {
	.layout__gallery .gallery__picture::after {
		-webkit-transform: rotate(-45deg) translate(0.25rem, -1.6rem);
		transform: rotate(-45deg) translate(0.25rem, -1.6rem);
	}
}


@media (max-width: 400px) {
	.layout__gallery .gallery__picture::after {
		-webkit-transform: rotate(-45deg) translate(0.3rem, -1.6rem);
		transform: rotate(-45deg) translate(0.3rem, -1.6rem);
	}
}

@media (max-width: 380px) {
	.layout__gallery .gallery__picture::after {
		-webkit-transform: rotate(-45deg) translate(0.3rem, -1.55rem);
		transform: rotate(-45deg) translate(0.3rem, -1.55rem);
	}
}