@charset "utf-8";
/* ++++++++++++++++++++++++++++++++++++++++++
Accordion advanced for geschichte-mausbach.de
created 6.11.2022 by Haro von Laufenberg
+++++++++++++++++++++++++++++++++++++++++++++ */
:root {
	--signs-blue:#21a8e0;
	--signs-scbrown:#f6921d;
	--signs-yellow:#f8c427;
	--signs-stz:#f7a600;
	--signs-rkz:#32628d;
	--signs-nz:#ea4c7e;
}
.acc label b::before, .acc label i::before, .acc h3, .acc h4, .acc .panel .pic-sec-cap, .acc .hint, .acc .geo-pos {
	font-family:'Roboto', Arial, sans-serif;
}
.acc {
	width:100%;
	margin:0 auto;
	counter-reset:signs;
}
.acc .choice {
	display:grid;
	grid-template-columns:9fr 1fr;
	grid-template-areas:"name action" "panel panel";
}
.acc label:nth-child(odd) {
	grid-area:name;
}
.acc label:nth-child(even) {
	grid-area:action;
}
.acc .panel {
	grid-area:panel;
}
.acc input[name="ac"] {
	display:none
}
.acc .panel {
	margin:0;
	height:0;
	overflow:hidden;
	background-color:var(--darkwhite);
	border-bottom:.15em solid var(--darkwhite);
	line-height:1.4;
	padding:0 1.5em;
	box-sizing:border-box;
	-webkit-transition:0.5s ease-out;
	transition:0.5s ease-out;
}
.acc input.open:checked ~ .panel {
	height:auto;
	max-height:38em;
	overflow-y:auto;
	padding:1.4em 1em 2.4em 1em;
	border:.088em solid var(--silver);
	border-top:none;
	border-bottom-left-radius:.235em;
	border-bottom-right-radius:.235em;
	margin:-.4em 0 .5em 0;
	-webkit-transition:height 0.5s ease-out;
	transition:height 0.5s ease-out;
}
.acc label {
	background:transparent;
	margin-bottom:.4em;
	padding:.8em;
	width:100%;
	box-sizing:border-box;
	border:.088em solid var(--grey);
	border-right:none;
	border-top-left-radius:.235em;
	border-bottom-left-radius:.235em;
	color:var(--black);
	cursor:pointer;
	-webkit-transition:.3s ease-out;
	transition:.3s ease-out;
}
.acc label b, .acc label i {
	font-weight:normal;
	font-style:normal;
	font-weight:400;
	padding-left:2.5em;
	text-indent:-2.4em;
	float:left;
	counter-increment:signs;
}
.acc label b::before, .acc label i::before {
	font-weight:500;
	border-radius:50%;
	padding:.2em .55em;
	text-align:center;
	vertical-align:.1em;
	margin-right:1.2em;
	font-size:.8em;
	content:counter(signs);
}
.acc label b::before, .acc label i::before {
	color:var(--realwhite);
	border:.12em solid var(--black);
}
.acc label i::before {
	padding:.2em .3em;
}
.acc label b.brown::before, .acc label i.brown::before {
	background:var(--signs-scbrown);
}
.acc label b.blue::before, .acc label i.blue::before {
	background:var(--signs-blue);
}
.acc label b.yellow::before, .acc label i.yellow::before {
	color:var(--text);
	background:var(--signs-yellow);
}
.acc label.close {
	border-radius:0;
	border-right:.088em solid var(--grey);
	border-left:none;
	border-top-right-radius:.235em;
	border-bottom-right-radius:.235em;
	padding-left:0;
	cursor:pointer;
}
.acc input.open:checked ~ label {
	color:var(--realwhite);
	background-color:var(--signs-rkz);
	border-bottom-left-radius:0;
	z-index:100;
	border-bottom-right-radius:0;
	cursor:default;
}
.acc input.open.signs-brown:checked ~ label {
	background-color:var(--signs-scbrown);
}
.acc input.open.signs-blue:checked ~ label {
	background-color:var(--signs-blue);
}
.acc input.open.signs-yellow:checked ~ label {
	color:var(--text);
	background-color:var(--signs-yellow);
}
.acc input.open:checked ~ label b::before, .acc input.open:checked ~ label i::before {
	border-color:var(--realwhite);
	background:transparent;
}
.acc input.open.signs-yellow:checked ~ label b::before, .acc input.open.signs-yellow:checked ~ label i::before {
	color:var(--text);
	border-color:var(--text);
	background:transparent;
}
.acc label:nth-child(odd)::after {
	content:"+";
	color:var(--steelblue);
	float:right;
	font-size:1.2em;
	font-weight:400;
	margin:0 -1em 0 0;
}
.acc input.open:checked ~ label:nth-child(odd)::after {
	content:"";
}
.acc input.open:checked ~ label.close::after {
	content:"X";
	font-weight:600;
	color:var(--realwhite);
	padding:0 1em;
	cursor:pointer;
}
.acc input.open.signs-yellow:checked ~ label.close::after {
 color:var(--text);
}
.acc .panel figure + figure {
	margin-top:1.4em;
}
.acc .panel img {
	margin-bottom:.7em;
}
.acc .panel figcaption {
	margin-top:0;
}
.acc .panel .boxes + .acc .panel .boxes {
	margin-top:1.4em;
}
.acc h3, .acc h4, .acc .panel .pic-sec-cap {
	margin:0 0 1em 0;
}
.acc h3 {
	font-weight:500;
}
p.pic-sec-cap {
	font-weight:400;
	color:var(--grey);
	margin-top:-.6em !important;
}
p.pic-sec-cap::before {
	font-family:'icomoon';
	content:'\ea37';
	font-size:1.2em;
	line-height:0;
	vertical-align:middle;
	color:var(--steelblue);
	padding-right:.4em;
}
.acc h3 + .author {
	margin:-1em 0 1.4em 0;
}
.acc p.semibold + .author {
	margin:-1.4em 0 1.4em 0;
}
.acc h3 + .semibold {
	margin:0 0 1.4em 0;
	color:var(--steelblue);
}
.acc p.cap-div + .author, .acc h3.div + .author {
	margin:-.4em 0 1.2em 0;
}
.acc h3.div + .author {
	margin:-.2em 0 1.2em 0;
}
.acc .panel p + p.cap-div, .acc .panel p + h3.div {
	margin-top:1.4em;
}
.acc .panel p.cap-div, .acc .panel h3.div {
	font-weight:normal;
	padding:.8em 0 .8em 1.8em;
	text-indent:-1.9em;
	margin-bottom:1em !important;
}
.acc .panel p.cap::before, .acc .panel p.cap-div::before, .acc .panel h3.div::before {
	padding-right:.85em;
}
.acc .hint {
	padding:1em 1em 1.2em 1em;
}
.acc .hint::before {
	font-family:'icomoon';
	content:'\ea42';
	color:var(--red);
	padding-right:1em;
}
.acc .cap-inner, .acc h3.cap-inner, .acc h4.cap-inner {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:400;
	margin:1em 0 .5em 0;
}
.acc .boxes + p {
	padding-top:1.4em;
}
.acc .divis {
	border-top:1px solid var(--silver);
	border-bottom:1px solid var(--silver);
	margin:1.8em 0 1.4em 0;
}
.acc .divis + .subsection {
	border-top:none;
	margin-top:-1.4em;
}
.acc .divis-top {
	border-top:1px solid var(--silver);
	margin:1.4em 0 1.6em 0;
}
.acc .divis-top + .hint {
	margin-bottom:0;
	padding-bottom:0;
}
.acc .divis-bot {
	border-bottom:1px solid var(--silver);
	margin:1.4em 0 1.6em 0;
}
.acc .panel section.sign-line {
	margin:0;
	padding-bottom:1em;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-content:flex-start;
	align-content:flex-start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	gap:.4em 1.4em;
}
.acc .panel section.sign-line:nth-child() {
	-webkit-flex:1 1 auto;
	flex:1 1 auto;
	-webkit-align-self:auto;
	align-self:auto;
}
.acc .panel section.sign-line:nth-child(1) {
	min-width:7.5em;
}
.acc .panel section.sign-line img {
	max-width:7.5em;
}
.acc .panel section.sign-line p {
	font-family:'Roboto', Arial, sans-serif;
	margin:0;
}
.acc .panel section.sign-line p.position, .acc .panel section.sign-line p.sign-no {
	font-size:.85em;
	color:var(--midgrey);
}
.acc .panel section.sign-line p.position::before, .acc .panel section.sign-line span.geo-pos::before {
	font-size:1em;
	padding-right:.25em;
	color:var(--grey);
}
.acc .panel section.sign-line p.position::before {
	content:'\ea8d';
	font-size:1.1em;
	margin-left:-.15em;
}
.acc .panel section.sign-line p.title {
	font-size:.95em;
	color:var(--brilliantblue);
	margin-top:.4em;
	line-height:1.2;
}
.acc .panel section.sign-line p.title span {
	font-size:.85em;
	color:var(--midgrey);
}
.acc .panel section.sign-line p.title span::before {
	content:'\A';
	white-space:pre;
	line-height:0;
}
.acc .panel section.sign-line p.title::before, .acc .panel section.sign-line p.title::after {
	content:'"';
}
.acc .panel section.sign-line + section {
	margin-top:1em;
}
.acc figure img {
	width:100%;
	max-width:18em;
}
.acc figure.portrait img {
	max-width:12em;
}
.acc figure figcaption {
	max-width:20em;
}
.acc .boxes figcaption.all-over {
	width:100%;
	margin-right:2em;
}
.acc .panel figcaption p.source {
	margin-top:.2em;
	font-size:.9em;
	line-height:1.4em;
}
.acc .panel figcaption.thumb img {
	max-width:8em;
	float:left;
	margin:.1em 1em 1em 0;
}
.acc .panel .boxes {
	gap:1.4em 1em;
}
@media screen and (min-width:60em) {
	.acc .panel .boxes-item {
		max-width:48%;
	}
	.acc figure img {
		width:100%;
		max-width:15em;
	}
	.acc figure.portrait img {
		max-width:10em;
	}
}
@media screen and (min-width:64em) {
	.acc figure img {
		width:100%;
		max-width:17em;
	}
	.acc figure.portrait img {
		max-width:11.33em;
	}
}
.acc p {
	margin:0;
	margin-bottom:.4em;
}
.acc p:last-of-type {
	margin:0;
}
.acc .geo-pos span {
	padding-left:.8em;
}
.acc .geo-pos::before {
	font-family:'icomoon';
	content:'\e9bc';
	font-size:1.1em;
	line-height:.1;
	color:var(--grey);
	vertical-align:-.05em;
	padding-right:1em;
}
.acc .author {
	margin:1.4em 0 0 0;
}
.acc .originator {
	font-family:'Roboto', Arial, sans-serif;
	font-size:.8em;
	line-height:1.3;
	margin:1.4em 0 !important;
	color:var(--grey);
}
.acc .boxes + .acc .originator {
	margin-top:-1.8em !important;
}
.acc .comment-signs .author {
	font-weight:300;
	color:inherit;
}
.comment-signs {
	border-top:1px solid var(--lightsilver);
	border-bottom:1px solid var(--lightsilver);
	color:var(--darksteelblue);
	margin:1em 0;
	padding:.8em 0;
}
.comment-signs p {
	margin-top:.4em !important;
}
.comment-signs.sans {
	border:none;
	margin:.4em 0;
}
.comment-signs.top {
	border-bottom:none;
	margin-top:1.2em;
}
.comment-signs-single {
	border-top:1px solid var(--lightsilver);
	color:var(--darkgrey);
	margin:1.4em 0 0 0;
	padding:.8em 0 0 0;
}
.comment-signs::before, .comment-signs-single::before {
	font-family:'icomoon';
	content:'\e93b';
	color:var(--gold);
	line-height:.5;
	padding-right:.5em;
}
.comment-signs::before {
	font-size:1.2em;
}
.comment-signs-single::before {
	font-size:1em;
}
.comment-signs > .subsection {
	margin-top:-.6em !important;
}
.ess {
	margin-top:1em;
}
.acc .panel p.cap-div + .ess {
	margin-top:0;
}
.ess li {
	margin-left:1.5em;
	margin-top:.4em;
}
.ess li:first-of-type {
	margin-top:0;
}
.ess li::before, .ess li.imgage::before {
	font-family:'agm-iconset';
	content:'\0051';
	padding-right:.5em;
	margin-left:-1.5em;
	vertical-align:-.15em;
	color:var(--brilliantblue);
}
.ess li::before {
	content:'\0051';
}
.ess li.imgage::before {
	content:'\005a';
}
@media print {
	.acc input.open:checked~.panel {
		height:auto !important;
		max-height:100%;
	}
	@page {
		size:A4 portrait;
		margin:16mm 15mm 17mm 16mm;
		padding:5mm;
	}
}