/*
 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
*/

/********************************************************************
 * Formatierungen für das Impressum 
 *******************************************************************/

.wissen.page-id--1374 .mw-parser-output ul {
	list-style: none;
	margin: -1.5em 0 1.5em 0;
}
.wissen.page-id--1374 .mw-parser-output li {
  margin-bottom: 0;
}
.page.wissen .impressum-kontakt {
	display: grid;
	margin-bottom: 1.5em;
}
.page.wissen .impressum-kontakt p {
	grid-column-start: 1;
	grid-column-end: 3;
	margin-bottom: 0;
}
.page.wissen .impressum-kontakt p span{
	display: table-cell;
}
.page.wissen .impressum-kontakt p span:nth-child(1){
	min-width: 8ch;
}

.page.wissen .impressum-warnung {
	color: white;
	background-color: var(--wp-j4b-theme-color-brand-1);
	margin: 0 0 1.5em;
	padding: 1.5em;
}

.page.wissen .impressum-warnung a {
	color: inherit;
}
.page.wissen .impressum-warnung a:hover {
	text-decoration: underline;
}

/********************************************************************
 * Formatierungen für MediaWiki-Beiträge 
 *******************************************************************/

.page.wissen .inside-article .entry-header,
.page.wissen .inside-article .teaser-text {
	max-width: 782px;
	margin: 0 auto;
}
.page.wissen .inside-article .entry-header{
	margin-top: 3em;
	margin-bottom: 0.75em;
}
.page.wissen .inside-article .teaser-text {
	margin-bottom: 3em;
	font-weight: 600;
	hyphens: auto;
}
.page.wissen:not(.has-teaser):not(.page-id--1374) div[class^="mitte-header-"] + .content-area {
	margin-top: 3em;
}
.page.wissen.page-id--1374 div[class^="mitte-header-"],
.page.wissen.page-id--1374 div[class^="mitte-bottom-"] {
	display: none;
}


/* Dachzeile der Überschriften bei Anzeigen (Microsites) */
.content-area .mediawiki_microsite::before {
	content: "Anzeige\00a0\2013\00a0";
}
.page.wissen:not(.has-teaser) .mediawiki_microsite {
	font-size: 1em;
	}
.page.wissen:not(.has-teaser) .dachzeile.mediawiki_microsite {
	display: inline;
}

/* Headline (h1) auf Seiten ohne Teaser */
.page.wissen:not(.has-teaser) .entry-title {
	display: block;
	line-height: 1;
	color: var(--wp-j4b-theme-color-accent);
	text-decoration: none;
	font-size: calc(0.72 * 1.33333333333em);
	font-weight: bold;
	margin-bottom: 0.36em;
}
@media (min-width: 601px) {
	.page.wissen:not(.has-teaser) .entry-title {
		font-size: calc(0.5 * 2em);
		margin-bottom: 0.25em;
	}
}

/* Headline (erste h2) auf Seiten ohne Teaser sowie H1 im Namespace "profil" */
.page.wissen:not(.has-teaser) h2:first-of-type,
.page.wissen.profil:not(.has-teaser) .entry-title {
		margin-bottom: 0.5625em;
		font-size: 1.33333333333em;
		font-weight: 900;
		line-height: 1.1;
		color: inherit;
		hyphens: manual;
}
@media (min-width: 601px) {
	.page.wissen:not(.has-teaser) h2:first-of-type,
	.page.wissen.profil:not(.has-teaser) .entry-title {
		margin-bottom: 0.375em;
		font-size: 2.0em;
	}
}

/* Dachzeile im Namespace "profil" */
.page.wissen.profil:not(.has-teaser) .entry-title::before {
	content: "Profil";
	display: block;
	font-weight: bold;
	color: var(--wp-j4b-theme-color-on-background-medium);
	font-size: 0.63em;
}




.page.wissen .toc,
.page.wissen .kasten {
	padding: 1em;
	margin-bottom: 1.5em;
	box-shadow: 0.25em 0.25em 0.75em var(--wp-j4b-theme-color-darker-6);
	border-left: 0.3em solid var(--wp-j4b-theme-color-accent);
}
.page.wissen .kasten :last-child {
	margin-bottom: 0;
}
.page.wissen .kasten::after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	clear: both;
}
.page.wissen hr {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}
.page.wissen div.floatright,
.page.wissen table.floatright {
	margin: 0 0 0.5em 0.5em;
}
.page.wissen div.tright, 
.page.wissen div.floatright, 
.page.wissen table.floatright {
	clear: right;
	float: right;
}
@media (max-width: 600px) {
	.page.wissen div.floatright:has(img) {
		width: 40%;
	}
}
.page.wissen #mw-toc-heading {
	font-weight: bold;
	margin-bottom: .5em;
}
.page.wissen .toc ul {
	margin-bottom: 0;
	margin-left: 0;
}
.page.wissen .toc ul ul {
	list-style-type: unset;
	margin-bottom: 0;
}
.page.wissen .toc ul li {
	list-style-type: disc;
	hyphens: manual;
}
.page.wissen .toc ul li.toclevel-1 {
	list-style-type: decimal;
	list-style-position: inside;
}
/* Klickfläche der Links im Inhaltsverzeichnis vergrößern */
.page.wissen .toc ul li.toclevel-1 a {
	display: contents;
	line-height: 1.25em;
	padding: 0.375em 0;
}
.page.wissen .tocnumber {
	color: var(--wp-j4b-theme-color-on-background);
}
.page.wissen .wp-post-image {
	width: 100%;
}
/* Lauftext im SPIEGEL-Stil schmaler setzen */
.page.wissen:not(.has-teaser) .inside-article .entry-header,
.page.wissen .inside-article .entry-content {
	max-width: 616px;
	margin: 0 auto;
}

.page.wissen .inside-article .entry-content,
.page.wissen .inside-article .teaser-text {
	hyphens: auto;
}
/* Bildunterschriften im MediaWiki */
.page.wissen small.bu,
p img + br + small {
	color: var(--wp-j4b-theme-color-on-background-medium);
	font-size: 0.8em;
	line-height: 1.2;
	display: inline-block;
	margin-top: -0.4em;
}
.page.wissen dl {
	font-style: italic;
	background-color: var(--base-2);
}
.page.wissen dd {
	margin: 0 1em 1.5em;
}

.page.wissen .entry-footer {
		color: var(--wp-j4b-theme-color-on-background-medium);
		font-size: 0.8em;
		line-height: 1.2;
		margin-bottom: 3em;
}

	.page.wissen .entry-footer > span {
		display: block;
	}

@media screen and (min-width: 44.375em) {
	.page.wissen .entry-footer {
		color: var(--wp-j4b-theme-color-on-background-medium);
		font-size: 0.8em;
		line-height: 1.2;
		margin-bottom: 3em;
	}
	.page.wissen .entry-footer > span {
		display: inline;
	}
	.page.wissen .entry-footer > span:not(:last-child)::after {
		content: "\0020\002f\0020";
	}
}



/* Externe MediaWiki-Links als solche durch ein Icon kennzeichnen */
:root {
	/* SVG-Icon - External Link */
	--icon-external-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7Z'/%3E%3C/svg%3E");
}
.content-area a.external.text:not([href^="mailto"]):not([href^="https://www.mittelstandswiki.de/"])::after {
	content: "";
	display: inline-block;
	height: 1em;
	padding-right: 0.7em;
	background-color: var(--wp-j4b-theme-color-accent);
	background-color: currentColor;
	-webkit-mask-image: var(--icon-external-link);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100%;
	mask-image: var(--icon-external-link);
	mask-repeat: no-repeat;
	mask-size: 100%;
	transition: background-color .1s ease-in-out;
}

/* Silbentrennung in MediaWiki-Überschriften */
.page.wissen h1, 
.page.wissen .mw-parser-output h2, 
.page.wissen .mw-parser-output h3, 
.page.wissen .mw-parser-output h4, 
.page.wissen .mw-parser-output h5, 
.page.wissen .mw-parser-output h6 {
	hyphens: auto;
}
@media screen and (min-width: 769px) {
	.page.wissen h1, 
	.page.wissen .mw-parser-output h2, 
	.page.wissen .mw-parser-output h3, 
	.page.wissen .mw-parser-output h4, 
	.page.wissen .mw-parser-output h5, 
	.page.wissen .mw-parser-output h6 {
		hyphens: manual;
	}
}

/* Klickfläche der "Nützlichen Links" vergrößern */
/*
.page.wissen h2:has(span[id="Nützliche_Links"]) + ul li a {
	display: block;
	line-height: 1.25em;
	padding: 0.375em 0;
}
*/

/* Keine Banner auf Fehlerseiten */
.error404 div[class^="mitte-header-"],
.error404 div[class^="mitte-bottom-"] {
	display: none;
}



/* Meta-Daten mit Outdated-Hinweis */
.page.wissen .entry-meta.mediawiki {
	font-size: 0.8em;
	margin: -2.25em auto 3em;
	max-width: 782px;
	color: var(--wp-j4b-theme-color-on-background-medium);
}

/* Tabellen horizontal scrollbar und mit Mindestgröße der Tabellenzellen */
.page.wissen .mw-parser-output table {
	display: block;
	width: 100%;
	overflow-x: scroll;
	border-width: 1px;
	font-size: 0.8em;
}
.page.wissen .mw-parser-output td {
	min-width: 48px;
	min-height: 48px;
	text-align: center;
}


/*
#wpadminbar #wp-admin-bar-mediawiki > .ab-item::before {
	content: "\f107";
	top: 2px;
}
#wpadminbar #wp-admin-bar-mediawiki-teaser > .ab-item::before {
	content: "\f464";
	top: 2px;
}
*/

/* MediaWiki-Optionen im Admin-Bar-Menü */
@media screen and (max-width: 782px) {
	#wpadminbar #wp-admin-bar-mediawiki {
		display: block;
	}
	#wpadminbar #wp-admin-bar-aioseo-main {
		display: none;
	}
}
#wpadminbar #wp-admin-bar-mediawiki > .ab-item .ab-icon {
	--ab-icon-mediawiki: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='custom-logo' version='1.2' viewBox='0 0 54.935 54.909'%3E%3Cpath d='M12.021 0C8.001 1.874 4.023 3.85.041 5.813c-.018 10.128-.06 17.3.02 26.7a2208.78 2208.78 0 0 0 11.988-8.95c0-3.276-.018-5.588.037-8.628C16.995 18.561 22.13 22.443 27.4 26.36c5.82-4.14 10.015-7.407 15.463-11.4.155 4.433.084 7.976.146 12.266 3.601-2.64 7.988-5.951 11.926-8.888a8643.13 8643.13 0 0 0-.045-14.414C49.434 2.1 47.22 1.235 42.85.05 37.04 4.367 32.917 7.546 27.4 11.457 21.663 7.187 17.454 3.997 12.021 0zm42.854 22.418c-3.608 2.625-7.97 5.956-11.904 8.889 0 3.268.028 5.577-.057 8.61-5.228-3.818-10.012-7.5-15.373-11.444-5.19 3.747-10.325 7.607-15.455 11.457-.018-4.667-.007-7.97-.08-12.305C7.994 30.595 3.997 33.6 0 36.594v12.42c4.56 2.232 7.773 3.86 12.07 5.82 5.721-4.264 9.932-7.431 15.332-11.439 5.24 3.733 10.402 7.657 15.572 11.514l11.96-4.033V36.649h.001c0-4.638 0-8.562-.06-14.23z'/%3E%3C/svg%3E");
	content: "";
	display: block;
	-webkit-mask-image: var(--ab-icon-mediawiki);
	mask-image: var(--ab-icon-mediawiki);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}
@media screen and (max-width: 782px) {
	#wpadminbar #wp-admin-bar-mediawiki > .ab-item .ab-icon {
		top: 1px;
		width: 52px;
		height: 46px !important;
		-webkit-mask-size: 32px 32px;
		mask-size: 26px 26px;
		background-color: #c3c4c7;
		text-align: center;
		line-height: 1.33333333 !important;
	}
}
@media screen and (min-width: 783px) {
	#wpadminbar #wp-admin-bar-mediawiki > .ab-item .ab-icon {
		top: 3px;
		width: 1em;
		height: 1em;
		background-color: rgba(240,246,252,.6);
		-webkit-mask-size: 14px 14px;
		mask-size: 14px 14px;
	}
	#wpadminbar #wp-admin-bar-mediawiki:hover > .ab-item .ab-icon {
		background-color: #72aee6;
	}
}



/* MiWi-Link als Button formatieren / Bsp.: https://www.mittelstandswiki.de/wissen/Hilfe:Thema_vorschlagen/ */
.mw-block-button {
	text-align: center;
	margin-bottom: 1.5em;
}
.mw-block-button a {
	margin: 0 !important;
	padding: 0.25em 1em !important;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius:9999px;
	color: var(--wp-j4b-theme-color-on-accent);
	background-color: var(--wp-j4b-theme-color-brand-1);
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
.mw-block-button a:hover {
	color: var(--wp-j4b-theme-color-on-accent-hover ) !important;
	background-color: var(--wp-j4b-theme-color-brand-2);
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
.mw-block-button a::after {
	display:none !important;
}


/* Headlines und Aufzählungen in Kästen */
.wissen .kasten h2 {
	text-wrap: balance;
}
.wissen .kasten ul {
	list-style: none;
	margin-left: 0;
}


/* Bilder mit BU */
.page.wissen .image-with-caption {
	display: block;
}
.page.wissen .image-with-caption .caption {
	font-size: 0.8em;
	line-height: 1.5;
	display: block;
}