.iwLatestList {
    display: flex;
    position: relative;
    flex-direction: column;
    /*max-width: 1440px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/

    .iwTeaser {
        flex: 1;
        display: flex;
        flex-flow: column nowrap;
        height: min-content;
        gap: 2rem;
        position: relative;
	    padding: 0 20px;

	    @media(min-width: 768px) {
		    padding: 0;
	    }

        .iwTeaser__image {
            width: 100%;

            img {
                width: 100%;
                object-fit: cover;
	            height: 300px;
	            
	            @media(min-width: 768px) {
		            height: 350px;
	            }
	            
	            @media(min-width: 922px) {
		            height: 400px;
	            }
	            
	            @media(min-width: 1200px) {
		            height: 500px;
	            }
            }

        }

        .iwTeaser__content {
            display: flex;
            flex-flow: column nowrap;
            gap: 15px;
	        margin-bottom: 2rem;
	        padding-right: 2rem;
	        
	        @media(min-width: 576px) {
		        padding-left: calc(((100vw - 540px) / 2) + 10px);
	        }
	        
	        @media(min-width: 768px) {
		        padding-left: calc(((100vw - 720px) / 2) + 10px);
	        }
	        
	        @media(min-width: 992px) {
		        padding-left: calc(((100vw - 960px) / 2) + 10px);
	        }
	        
	        @media(min-width: 1200px) {
		        padding-left: calc(((100vw - 1140px) / 2) + 10px);
	        }
	        
	        @media(min-width: 1400px) {
		        padding-left: calc(((100vw - 1320px) / 2) + 10px);
	        }
        }

        .iwTeaser__header {
            color: #014987;
            margin-bottom: 0;
        }

        .iwTeaser__text {

        }

        .iwTeaser__actions {
            margin-top: 2rem;
            display: flex;
            flex-flow: row wrap;
            gap: 1rem;

            .iwButton {
                &::after {
                    content: '';
                    background-image: url(../../Icons/Right.svg);
                    background-size: 24px;
                    width: 24px;
                    height: 24px;
                }
            }
            .iwButton--secondary {
                &::after {
                    background-image: url(../../Icons/Right-blue.svg);
                }
            }
        }
    }

    .iwList {
        flex: 1;
        list-style: none;
        background-color: #014987;
        display: flex;
        width: unset;
        flex-direction: column;
        margin: 0;
	    
	    @media(min-width: 768px) {
		    flex-direction: row;
		    flex-wrap: wrap;
	    }
	    
	    @media(min-width: 992px) {
		    flex-direction: column;
		    flex-wrap: nowrap;
	    }

        > li {
            display: flex;
            padding: 1.85rem;

            &:before {
                content: unset;
            }
        }

        .iwList__header {
            border-bottom: solid 1px rgba(255, 255, 255, 0.5);
            padding: 30px 20px 15px 20px;
            position: sticky;
            top: 61px;
            background-color: #014987;
            z-index: 4;
            font-size: 1.777em;
            color: #ffffff;
	        flex: 1 0 100%;
	        
	        @media(min-width: 768px) {
		        padding: 15px 30px;
		        font-size: 1.062rem;
		        font-weight: 700;
	        }
	        
	        @media(min-width: 992px) {
		        flex: unset;
	        }
        }

        .iwItem {
            border-bottom: solid 1px rgba(255, 255, 255, 0.5);;
            display: flex;
            width: unset;
            flex-flow: row nowrap;
            gap: 20px;
	        padding: 20px;
	        flex: 1 0 50%;

	        @media(min-width: 768px) {
		        gap: 30px;
		        padding: 30px;
	        }

	        @media(min-width: 992px) {
		        flex: unset;
	        }
        }

        .iwItem__cover {
            flex: 1;

            .iwItem__img {
                width: 100%;
                object-fit: contain;
                height: auto;
            }
        }

        .iwItem__content {
            flex: 3;
            display: flex;
            justify-content: flex-start;
            flex-flow: column nowrap;
            color: var(--white);
	        
	        @media(min-width: 768px) {
		        flex: 1;
	        }
	        
	        @media(min-width: 992px) {
		        flex: 2;
	        }

            .iwItem__title {
	            margin-bottom: 0;
	            
	            + .iwItem__teaser {
		            margin-top: 8px;
	            }
            }

            .iwItem__actions {
                margin-top: auto;
                display: flex;
                flex-direction: column;
	            gap: 9px;

                .iwButton {
                    display: flex;
                    width: max-content;
                    padding: 0;

                    &.iwButton--secondary {
                        color: var(--white);
                        align-items: center;

                        .iwButton__label {
                            color: var(--white);
                            text-decoration: unset;
                        }

                        &::before {
                            background-image: url(../../Icons/download-white.svg);
                        }

                        &:focus, &:hover {
                            background-color: #2A568C;
                            color: var(--white);
                            text-decoration: unset;
                        }
                    }

                    &::before {
                        content: '';
                        background-image: url(../../Icons/Right.svg);
                        background-size: 24px;
                        width: 24px;
                        height: 24px;
                    }
                }
            }
        }
    }

    .iwList--publications {
        .iwItem__content {
            .iwItem__actions {
                flex-direction: row;
                gap: 1.56rem;
            }
            .iwItem__teaser {
                margin-bottom: .5rem;
            }
            .iwItem__title {
                margin-bottom: 1.5rem;
            }
        }
    }

    /* Large (lg ≥768px) */
    @media (min-width: 992px) {
        flex-direction: row;
	    
        .iwTeaser {
            flex: 7;
            top: 60px;
            position: sticky;
        }

        .iwList {
            flex: 5;

            .iwList__header {
                top: 60px;
            }

            &.iwList--magazines {
                > li:nth-child(n+7) {
                    display: none;
                }
            }

            &.iwList--publications {
                > li:nth-child(n+10) {
                    display: none;
                }
            }
        }
    }
	
	@media (min-width: 992px) {
		.iwTeaser {
			flex: 7;
			top: 80px;
		}

		.iwList {
			flex: 5;

			.iwList__header {
				top: 80px;
			}
		}
	}

    /* Item amount / Not mobile-first! */
    @media (max-width: 991px) {
        .iwList {
            &.iwList--magazines {
                > li:nth-child(n+5) {
                    /*display: none;*/
                }
            }

            &.iwList--publications {
                > li:nth-child(n+7) {
                    /*display: none;*/
                }
            }
        }
    }
}