#main {
    background: linear-gradient(160deg, #fdd898 0%, #fdd898 20%, #e0845e 100%);
}

#colophon {
/*background: linear-gradient(to bottom, #fee5b4, #b52256);*/
/*background: linear-gradient(to bottom, #e0845e, #e0845e);*/
  background-color: white;
	border-top: 8px solid #b52256;
}

#theme-attribution {
  display: none;
}

.main-navigation {
 background: #b52256;
}
.main-navigation ul li {
font-size: 20px;
}
.main-navigation ul ul a {
width: 300px;
}

/* footer */
.footerrow {
		text-align: center;
		font-size: 16px;
		padding: 24px;
}
.footerrow h4 {
		font-size: 28px
}

.footerlogos {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
	flex-wrap: nowrap;
}

.footerlogos a {
	display: block;
}

.footerlogo {
	display: block;
	object-fit: contain;
	padding: 12px 64px;
}

/* Erstes Logo */
.footerlogo-paritaetisch {
	width: 360px;
	height: 180px;
}

/* Zweites Logo */
.footerlogo-bonn {
	width: 360px;
	height: 180px;
}



/* piles */
.pile{ padding: 20px 0;}

.mypile-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.mypile {
  border: 4px solid #b52256;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.mypile i {
  font-size: 40px;
  margin-bottom: 10px;
  color: #b52256;
}

.mypile-title {
  font-size: 24px;
  font-weight: bold;
}

/* Hover Effekt */
.mypile:hover {
  background-color: #b52256;
  color: #fff;
  transform: translateY(-3px);
}


.mypile:hover * {
  color: #fff;
}

.logo-height-constrain {
	width: 120px;
	height: 100px;
}