/* mawe logo */
.navbar-brand .logo-img,
.t4-off-canvas-header .logo-img {
	min-height: 50px;
}
/* mawe logo */

/* mawe info-list */
ul.info-list {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

ul.info-list .fas,
ul.info-list .far {
	background: var(--color-primary);
	/* border-radius: 2px;	 */
	/* color: #2c2c2a; */
	display: inline-block;
	line-height: 34px;
	float: left;
	margin: 4px 20px 25px 0;
	text-align: center;
	height: 34px;
	width: 60px;
}

ul.info-list span {
	display: inline-block;
	line-height: 20px;
	/* overflow: hidden; */
}
/* mawe info-list */

/* mawe drop */
.drop {
	width: 100px;
	height: 150px;
	background: #379C8E;
	border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
	transform: rotate(45deg);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* mawe drop */

/* mawe splatter */
.splatter {
	width: 200px;
	height: 200px;
	background: #F8BF58;
		clip-path: polygon(
		50% 0%, 60% 10%, 80% 5%, 90% 20%, 95% 35%, 
		100% 50%, 95% 65%, 90% 80%, 80% 95%, 60% 90%, 
		50% 100%, 40% 90%, 20% 95%, 10% 80%, 5% 65%, 
		0% 50%, 5% 35%, 10% 20%, 20% 5%, 40% 10%
	);
}
.splatter {
	width: 200px;
	height: 200px;
	background: #F8BF58;
	display: inline-block;
	margin: 10px;
	clip-path: polygon(50% 50%);
}

/* Farbspritzer 1: klassischer Spritzer */
.splatter-1 {
  background: #F8BF58;
  clip-path: polygon(
    50% 0%, 65% 10%, 85% 5%, 95% 25%, 100% 50%,
    95% 75%, 85% 90%, 60% 95%, 50% 100%, 35% 95%,
    15% 90%, 5% 70%, 0% 50%, 5% 30%, 15% 10%, 35% 5%
  );
}

/* Farbspritzer 2: asymmetrisch, dynamisch */
.splatter-2 {
  background: #379C8E;
  clip-path: polygon(
    45% 0%, 60% 10%, 80% 20%, 95% 35%, 100% 50%,
    90% 65%, 80% 80%, 65% 95%, 50% 90%, 40% 100%,
    25% 90%, 10% 75%, 5% 60%, 10% 40%, 25% 25%, 40% 10%
  );
}

/* Farbspritzer 3: langgezogen */
.splatter-3 {
  background: #FF6B6B;
  clip-path: polygon(
    40% 0%, 50% 10%, 60% 5%, 75% 15%, 85% 30%, 90% 50%,
    85% 70%, 75% 85%, 60% 95%, 50% 90%, 40% 95%, 25% 85%,
    15% 70%, 10% 50%, 15% 30%, 25% 15%
  );
}

/* Farbspritzer 4: organischer Blob */
.splatter-4 {
  background: #6A4C93;
  clip-path: polygon(
    50% 0%, 65% 10%, 80% 5%, 90% 20%, 100% 40%,
    95% 60%, 80% 80%, 60% 95%, 40% 90%, 20% 80%,
    5% 60%, 0% 40%, 10% 20%, 25% 10%
  );
}
/* mawe splatter */


/* mawe dark-mode */
.dark-active .mode-light,
.dark-active .mode-dark {
	opacity: unset;
}
/* mawe dark-mode */


/* mawe time-line without dot */
.no-dots .timeline-item:after {
	background: none !important;
}
.no-dots .timeline-item-time {
	padding: 1.5em 0 2em;
}
/* mawe time-line with

/* mawe vorher text */
.vorher {
	position: relative;
	display: inline-block;
}

.vorher img {
	display: block;
	width: 100%;
	height: auto;
}

.vorher::after {
	content: "Vorher";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-32.5deg);
	color: white;
	font-size: 72px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
	opacity: 0.25;
}
/* mawe vorher text */

/* mawe footnav */
.social i.fab {
	font-size: xxx-large;
	font-size: xxx-large;
	margin-right: 40px;
	padding-top: 8px;
}
/* mawe footnav */
/* mawe acm-hero bg-bottom */
.bg-bottom .has-bg {
    background-position: bottom center;
}

/* mawe acm-hero bg-bottom */