/* --------------------------------------------|
|                                              |
| Lists                                        |
|                                              |
|-------------------------------------------- */

.list {
    position: relative;
    margin-bottom: 20px;
}

.list--xxx {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	grid-column-gap: 2.5rem;
	display: grid;
	grid-row-gap: var(--padding-secondary-horizontal-px);
	padding-top: var(--padding-primary-vertical-px);
	padding-bottom: var(--padding-primary-vertical-px);
}

@media only screen and (min-width: 576px) {
	.list--xxx {
		grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
	}

	.list--yyy{
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
}

.list--matrix {
    margin-top: 20px;
}

/* --------------------------------------------|
| Headlines                                    |
|-------------------------------------------- */

.h2--list {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
    margin-bottom: 0;
}