/* AGT eV colors:
	Beige background: #F0EDE4
	Dunkelblau font: #1465b1

	Orange button-bg: rgba(172,43,17,0.75)
	Blau button-bg: wie "Dunkelblau font"


 */
:root {
	--dufmods--agt-colors--beige: #F0EDE4;
	--dufmods--agt-colors--blue: #1465b1;
	--dufmods--agt-colors--blue-lines: #004382;
	--dufmods--agt-colors--orange: rgba(172,43,17,0.75);
	--dufmods--agt-colors--white: #FFF;
	--dufmods--agt-colors--blue-links: #3c8cd7;
}

.dufmods-stoerer {
	margin: 1.825rem 0 .5rem;
}
.dufmods-stoerer .wrapper {
	overflow: hidden;
}
.dufmods-stoerer + #home-teasers {
	padding-top: .5rem;
}
.dufmods-stoerer .item {
	display: inline-block;
}
.dufmods-stoerer :is(.head, .subline) {
	margin: .5rem .5rem .5rem 0;
}
.dufmods-stoerer :is(.head, .subline, a) {
	text-transform: none;
}
.dufmods-stoerer :is(h1, h2, h3, h4, h5, h6, p, span, a) {
	font-size: inherit;
	color: inherit;
	line-height: 1.5rem;
}
.dufmods-stoerer .item .button {
	border: none;
	text-shadow: none;
}

/* 
 * VARIANTEN: 
 */
/* .variante1, .variante1.blau, .variante2 */
/* .variante1 */
.dufmods-stoerer.variante1 {
	--dufmods--stoerer--bg: var(--dufmods--agt-colors--orange);
	--dufmods--stoerer--color: var(--dufmods--agt-colors--white);

	background-color: var(--dufmods--stoerer--bg);
	color: var(--dufmods--stoerer--color);

	font-size: 1rem;

	margin-top: 3rem;

	padding: .5em 0;

}
.dufmods-stoerer.variante1 .button {
	border: none;
	text-shadow: none;
	background-color: var(--dufmods--stoerer--color);
	color: var(--dufmods--stoerer--bg);
}
.dufmods-stoerer.variante1 .item-inner {
	display: flex;

	justify-content: flex-start;
	align-items: center;

	gap: .5rem;
}
.dufmods-stoerer.variante1 .item .head,
.dufmods-stoerer.variante1 .item .subline,
.dufmods-stoerer.variante1 .item a {
	text-transform: none;

	margin: .25rem;
}
.dufmods-stoerer.variante1 .item .head,
.dufmods-stoerer.variante1 .item .subline {
	color: inherit;

	line-height: 1em;

	font-size: 1.334em;
}
.dufmods-stoerer.variante1 .item .head {
	font-size: 1.5em;
	font-weight: 700;
}
.dufmods-stoerer.variante1 .item .subline {
	font-weight: 500;
	letter-spacing: 1px;
}
.dufmods-stoerer.variante1 .item .button {
	margin-left: auto;

	font-size: 1em;
}
.dufmods-stoerer.variante1 .item .read-more {
	color: var(--dufmods--agt-colors--white, #FFF);
}

/* .variante1.blau */
.dufmods-stoerer.variante1.blau {
	--dufmods--stoerer--bg: var(--dufmods--agt-colors--blue);
	--dufmods--stoerer--color: var(--dufmods--agt-colors--white);
}
.dufmods-stoerer.variante1.blau .button {
	background-color: var(--dufmods--stoerer--color);
	color: var(--dufmods--stoerer--bg);
	border: none;
	text-shadow: none;
}

/* .variante2 */
.dufmods-stoerer.variante2 {

}
.dufmods-stoerer.variante2 .item {
	border-bottom: 3px solid var(--dufmods--agt-colors--blue-lines, #004382);
}
.dufmods-stoerer.variante2 .item-inner {
	display: flex;
	font-size: 100%;
	justify-content: flex-start;
	align-items: center;

	min-height: 48px;
}
@media all and (max-width: 969px) {
	.dufmods-stoerer.variante2 .item-inner {
		flex-direction: column;
		height: 8em;
	}
}
.dufmods-stoerer.variante2 .item .head,
.dufmods-stoerer.variante2 .item .subline,
.dufmods-stoerer.variante2 .item a {
	text-transform: none;

	margin: .25rem;
}
.dufmods-stoerer.variante2 .item .head,
.dufmods-stoerer.variante2 .item .subline {
	color: inherit;

	line-height: 1em;

	font-size: 1.334em;
}
.dufmods-stoerer.variante2 .item .head {
	font-size: 1.5em;
	font-weight: 700;
}
.dufmods-stoerer.variante2 .item .subline {
	font-weight: 500;
	letter-spacing: 1px;
}
.dufmods-stoerer.variante2 .item .read-more {
	margin-left: 1em;
	color: #3c8cd7;
}
.dufmods-stoerer.variante2 .item .button {
	color: var(--dufmods--agt-colors--white, #FFF);

	margin-left: 2em;
}

/* .variante2.blau */
.dufmods-stoerer.variante2.blau .button {
	background: var(--dufmods--agt-colors--blue);
}