/*
 Theme Name:   MiWiki 2023
 Theme URI:    https://generatepress.com
 Description:  MiWiki GeneratePress child theme
 Author:       Stefan Kuhn
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



/*************************************************************************
 * Gestaltung der Startseite (Home)
 *************************************************************************/

/* Auf der Startseite die H1 ausblenden */
/*
.home h1, .home .content-area .entry-content p.site-description {
	border: 0;
	clip: rect(1px,1px,1px,1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}
*/

/* Buttons auf der Startseite */
.home .wp-block-buttons > .wp-block-button {
	min-width: 50%;
	margin: 0;
}
.home .wp-block-button .wp-block-button__link {
	width: 100%;
	border-radius: 9999px;
}

/* Abstände für Teaser im Gutenberg-Block "Gruppe" */
.home .site-main .j4b-main-teaser .wp-block-group__inner-container,
.home .site-main .j4b-startpage-news-group .wp-block-group__inner-container {
	padding: 0;
}

/* Reihenfolge der Teaser-Inhalte */
.home .teaser .inside-article {
	display: flex;
	flex-direction: column;
}
.home .teaser .post-image {
	order: 1;
}
.home .teaser .entry-header {
	order: 2;
}
.home .teaser .entry-content {
	order: 3;
}
/* Teaser allgemein */
.home .teaser {
	position: relative;
	margin-bottom: 3em;
	hyphens: auto;
}
.home .teaser .post-image {
	margin-top: 0;
}
.home .teaser .post-image a {
	line-height: 0;
}
.home .teaser .entry-header a {
	padding-top: 0.5em;
}
.home .teaser .entry-content {
	margin-top: 0;
}
.home .teaser .entry-content a:any-link {
	color: inherit;
}
/* Kleine Teaser */
.home .j4b-small-teaser  {
	margin-bottom: 0;
	gap: 0;
}
.home .j4b-small-teaser .wp-block-column:last-of-type {
	display: none;
}
/* Tipp- & Klickflächen vergößern */
.home .teaser a:any-link {
	display: block;
}
.home .teaser .post-image a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
/* Desktop-Darstellung der Teaser */
@media (min-width: 782px) {
	.home .teaser .post-image a {
		padding: 0;
	}
	.home .teaser .entry-header {
		hyphens: manual;
	}
	.home .teaser .entry-header a {
		padding-top: 0;
	}
	/* Großer MediaWiki-Teaser */
	.home .j4b-main-teaser .inside-article {
		align-items: center;
	}
	.home .j4b-main-teaser .post-image {
		z-index: 1;
		width: 100%;
	}
	.home .j4b-main-teaser .entry-header {
		z-index: 2;
		margin-top: -6em;
		padding: 1em 1em 0;
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
		box-shadow: inset 0 4px 4px -4px var(--wp-j4b-theme-color-darker-9), inset -4px 0 4px -4px var(--wp-j4b-theme-color-darker-9), inset 4px 0 4px -4px var(--wp-j4b-theme-color-darker-9);
	}
	.home .j4b-main-teaser .entry-content {
		z-index: 3;
		padding: 0 1em 1em;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
		box-shadow: inset 0 -4px 4px -4px var(--wp-j4b-theme-color-darker-9), inset -4px 0 4px -4px var(--wp-j4b-theme-color-darker-9), inset 4px 0 4px -4px var(--wp-j4b-theme-color-darker-9);
	}
	.home .j4b-main-teaser .entry-header,
	.home .j4b-main-teaser .entry-content {
		width: calc( 100% - 6em);
		max-width: calc(782px + 2em);
		background-color: var(--wp-j4b-theme-color-background);
		background-image: linear-gradient(var(--wp-j4b-theme-color-lighter-1),var(--wp-j4b-theme-color-lighter-1));
	}
	/* Kleine MediaWiki-Teaser */
	.home .j4b-small-teaser  {
		font-size: calc( 1em / 2 * 1.4);
	}
	.home .j4b-small-teaser .teaser {
		margin-bottom: calc( 3em / 1.4 * 2);
	}
	.home .j4b-small-teaser .entry-header {
		padding-top: 0.5em;
	}
	.home .j4b-small-teaser .entry-content {
		display: none;
	}
	.home .j4b-small-teaser .wp-block-column:not(:last-of-type) {
		margin-right: 0.75em;
	}
	.home .j4b-small-teaser .wp-block-column:not(:first-of-type) {
		margin-left: 0.75em;
	}
	.home .j4b-small-teaser .wp-block-column:last-of-type {
		display: block;
	}
}
/* News-Teaser */
.home .j4b-startpage-news-group {
	margin-top: 6em;
	margin-bottom: 3em;
}
.home .j4b-startpage-news .post-image img {
	width: 100%;
}
/* Desktop-Darstellung der News-Teaser */
@media (min-width: 782px) {
	.home .j4b-startpage-news-group {
		margin-top: 4.5em;
	}
	.home .j4b-startpage-news {
		margin-bottom: 0;
		padding-top: 1.5em;
	}
	.home .j4b-startpage-news:first-of-type {
		padding-top: 0;
	}
	.home .j4b-startpage-news .inside-article {
		display: block;
	}
	.home .j4b-startpage-news .inside-article::after {
		content: "";
		display: block;
		clear: both;
	}
	.home .j4b-startpage-news .entry-header {
		float: left;
		width: 66%;
	}
	.home .j4b-startpage-news .post-image {
		float: right;
		width: calc(33% - 0.5em);
		margin-bottom: 1.5em;
	}
	.home .j4b-startpage-news .entry-content {
		float: left;
		width: 66%;
		margin-bottom: 1.5em;
	}
	.home .j4b-startpage-news::after {
		content: "";
		display: block;
		height: 1px;
		background: linear-gradient(90deg,var(--wp-j4b-theme-color-on-background-disabled) 25%,transparent 0) 0 100% / 0.25em 1px repeat-x
	}
	.home .j4b-startpage-news:last-of-type::after {
		height: 0;
		margin-bottom: 1.5em;
	}
	.home .j4b-startpage-news .post-image a {
		padding-top: 0;
		padding-bottom: 0;
	}
}
/* Hover-Effekt der Teaser */
@media (hover: hover) and (pointer: fine) {
	.home .teaser .post-image {
		height: auto;
		max-width: 100%;
		overflow: hidden;
	}
	.home .teaser:hover .post-image a {
		display: block;
		line-height: 0;
	}
	.home .teaser .post-image img {
		transition: transform .1s ease-in-out, filter .1s ease-in-out;
	}
	.home .teaser:hover .post-image img {
		transform: scale(1.05);
		filter: brightness(1) contrast(1);
	}
	.home .teaser:hover .entry-header a:any-link {
		/*
		color: inherit;
		*/
		color: var(--wp-j4b-theme-color-on-background-medium);
	}
}



/*************************************************************************
 * Diverses
 *************************************************************************/

@media (max-width: 600px) {
	.home .teaser h2,
	.archive .teaser h2 {
		font-size: 1.33333333333em;
	}
}