/* Nachrichten Styling */

/* Variant 1 */
.mod_newsarchive:not(.horizontal) .layout_latest {
	display: grid;
    grid-template-columns: minmax(15em, max-content);
    grid-auto-rows: max-content;
    grid-gap: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--base-border-color);
    margin-bottom: 3em;
}

.mod_newsarchive:not(.horizontal) .layout_latest .info {
	grid-column: 1/span 2;
    border-bottom: 1px solid var(--base-border-color);
}

.mod_newsarchive:not(.horizontal) .layout_latest .image_container {
	grid-row: 2/ span 4;
    margin: 0;
}

.mod_newsarchive:not(.horizontal) .layout_latest .ce_text > *:last-child {
	margin-bottom: 0;
} 

@media(max-width: 768px) {
	.mod_newsarchive:not(.horizontal) .layout_latest .info {
		grid-column: 1/span 1
	}
	
	.mod_newsarchive:not(.horizontal) .layout_latest .image_container {
		grid-row: 2;
	}
}

/*-----*/

/*Variant 2*/

.horizontal {
    white-space: nowrap;
    overflow-x: auto;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(20em, max-content);
    grid-column-gap: 1.5em;
    grid-template-rows: 2.5em auto 3em;
}

.horizontal > h2, 
.horizontal > h3 {
	margin: 0;
	font-size: 1.5em;
}

.horizontal .layout_latest {
	grid-row: 2;
    padding-bottom: 1em;
    white-space: initial;
    border: 1px solid #ccc;
}

.horizontal .info {
	grid-column: 1;
}

.horizontal .image_container {
	grid-row: 2;
}

.horizontal .layout_latest > *:not(.image_container):not(h2):not(h3) {
	padding: 0 1em;
}

.horizontal .ce_text {
	margin-bottom: 1em;
}

.horizontal .layout_latest > h2,
.horizontal .layout_latest > h3 {
	padding: 0 .666666667em;
	margin-bottom: .666666667em;
}

.horizontal .info {
	border-bottom: none;
}

/*---------*/

/*Variant 3*/

.layout_short:not(:last-child) {
	margin-bottom: 3em;
}

.layout_short {
	padding: 1em 0;
	border-bottom: 1px solid var(--base-border-color);
}

.layout_short > h2,
.layout_short > h1 {
	font-size: 1.5em;
	margin-bottom: 1em;
}

.layout_short .info {
	border-bottom: 1px solid var(--base-border-color);
	font-size: 0.875em;
	margin: 0;
}

/*-------*/

/*Variant 4*/

.layout_simple {
	padding: 1em 0;
	border-bottom: 1px solid var(--base-border-color);
}

.layout_simple > * {
	display: block;
}

.layout_simple time {
	margin-bottom: 1em;
}

.layout_simple + .pagination{
	margin: 3em 0;
}

/*-------*/


/* News-Menü */
.mod_newsmenu ul {
	list-style: none;
	margin: 0;
}

.mod_newsmenu .year {
	margin: 0;
}

.mod_newsmenu a {
	text-decoration: none;
}

.mod_newsmenu a:hover,
.mod_newsmenu a:focus,
.mod_newsmenu strong.active
 {
	color: var(--color-company-2);
	text-decoration: underline;
}

/*-------global-------*/

/*Detailsbutton*/

.mod_newsarchive .more{
	margin: 0;
	height: calc(2em + 2px);
}

.mod_newsarchive .more a {
	font-size: 0.875em;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: .5em;
    border: 1px solid var(--base-border-color);
    background: var(--color-whitesmoke);
    vertical-align: -webkit-baseline-middle;
}

/*-----*/

/*Info*/

.info {
	margin: 0;
	line-height: 2em;
}

.mod_newsarchive .info:before, 
.mod_newslist time:before {
    display:inline-block;
    text-align:center;
    font-family:"Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f073";
    width: 1.5em;
    margin-right: .5em;
}

/*-----*/

/*header*/


.mod_newsarchive:not(.horizontal) h2, 
.mod_newsarchive:not(.horizontal) h3 {
	margin: .6666666667em 0;
	font-size: 1.5em;
}

/*-----*/

/*navigation*/

.pagination * {
	margin: 0;
	padding: 0;
}

.pagination ul {
	list-style-type: none;
}

.pagination li {
	width: max-content;
	display: inline-block;
	padding: 1em;
	background: var(--dark);
	line-height: 0;
	margin-bottom: .25em;
}

.pagination li a {
	color: var(--color-white);
}

.pagination .active {
	color: var(--pflege)
}

