/**
 * @author Jonas Zieher, Valentin Alisch <hallo@valentinalisch.de>
 * @version 1.0
 *
 * Koeber_La View: Journal
 */

#journal {
	/*margin-top: calc( var( --header_height ) * -1 + var( --border_width ) * -2 );*/
}

#journal .journal__spacer {
	margin: calc( var( --vertical_spacing ) * 7 ) auto;
}

#journal__intro {
	padding-top: calc( var( --header_height ) - var( --border_width ) * 2 );
}



	#journal .journal__article a {
		display: block;
	}

		#journal .journal__article .image + .journal__meta {
			margin-top: var( --vertical_spacing );
		}

		#journal .journal__article .journal__meta {
			--font_weight: var( --font_weight--light );
			font-weight: var( --font_weight--light );
		}

			#journal .journal__article .journal__meta .journal__date {
				color: var( --gray );
			}

			#journal .journal__article .journal__meta .journal__intro-text {
				margin-top: calc( 1em * var( --line_height--regular ) );
			}




#journal #journal__grid .journal__article {
	margin-bottom: calc( var( --vertical_spacing ) * 4 );
}



@media (  max-width: 699px ) {

	#journal #journal__highlight .journal__meta {
		margin-top: var( --vertical_spacing );
	}

	#journal #journal__highlight .image .image__inner {
		padding-top: 100%;
		width: 100vw;
		margin-left: calc( ( 100vw - var( --grid-content_width ) ) * -0.5 );
	}

}



/**
 * ——————————————————————————
 */
@media ( min-width: 700px ) {

	#journal #journal__grid,
	#journal #journal__highlight {
		--grid-horizontal_spacing: 12%;
	}

	#journal .journal__article .image + .journal__meta {
		margin-top: calc( var( --vertical_spacing ) * 0.5 );
	}

}