.overlay-menu {
	background: rgba(0,136,146,.85);
}

html .bg-color-accent, html .bg-accent {
	background-color: hsl(184, 100%, 29%);
}

html .bg-color-accent, html .bg-accent,
html .bg-color-accent p, html .bg-accent p,
html .bg-color-accent a, html .bg-accent a,
.content-detail .infobox_quaternary.accent a {
	color: white;
}

a,
.content-detail .infobox_quaternary.accent a:hover {
	color: hsl(184,100%, 29%);
}

a:hover {
	color: hsl(184,100%, 22%);
}


.mmnews__menu ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 0 3rem;
	gap: 0.5rem;
}

.mmnews__menu a {
	background: #0C8892;
	color: white;
	padding: 3px 6px;
	font-size: 1rem;
}

@media screen and (max-width: 480px) {

}


/* ---- grid ---- */

.masongrid {
  /*background: #EEE;*/
  /*max-width: 1200px;*/
  /*margin: 0 auto;*/
}

/* clearfix */
.masongrid:after {
  content: '';
  display: block;
  clear: both;
}

.masongrid__item,
#mmnews_full {
  --primary-color: #0C8892;
  --secondary-color: #F3F3F2;
}

/* ---- grid-item ---- */

.masongrid__item {
  /*width: 460px;*/
  width: 100%;
  /*height: 120px;*/
  padding: 16px;
  float: left;
  background: var(--secondary-color);
  /*
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
  */
  margin-bottom: 16px;
}

@media screen and (min-width:800px) {
	.masongrid__item {
		width: calc(50% - 1rem);
		margin: 0.5rem;
	}
}

@media screen and (min-width: 1400px) {
	.masongrid__item {
		width: calc(33% - 1rem);
	}
}

.masongrid__item > h2 {
	font-size: 2rem;
}

.masongrid__item > .ce_text p {
	color: black;
}

.masongrid__item img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.masongrid__item .info time {
	color: black;
	font-size: 1rem;
}

.masongrid__item .more a .invisible {
	display: block;
	height: 0;
}

.masongrid__item .image_container {
	display: grid;
	grid-template-columns: 1fr;
}

.masongrid__item .image_container > a,
.masongrid__item .image_container .archive-title {
	grid-row-start: 1;
    grid-column-start: 1;
}

.masongrid__item .archive-title {
	background: var(--primary-color);
	color: white;
	padding: 3px 6px;
    align-self: end;
    justify-self: start;
}

.masongrid__item.featured {
	background: var(--primary-color);
}

.masongrid__item.featured,
.masongrid__item.featured time,
.masongrid__item.featured p,
.masongrid__item.featured a {
	color: white;
}

.masongrid__item.featured figure,
.masongrid__item.featured p.info,
.masongrid__item.featured .ce_text {
	display: none;
}

.masongrid__item.featured p.more a {
	background: white;
	color: var(--primary-color);
	box-shadow: none;
	padding: 3px 6px;
}

.masongrid__item.featured p.more a .invisible {
	display: none;
}

.masongrid__item.featured p.more a:hover {
	box-shadow: none;
}

/* ---- full news ---- */

.main:has(#mmnews_full) .content-start,
.main:has(#mmnews_full) .mmnews__menu {
	display: none;
}

#mmnews_full figure.image_container img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#mmnews_full {
	margin: 3rem auto;
	max-width: 90ch;
}

#mmnews_full h1 {
	color: var(--primary-color);
	font-size: 2rem;
}
#mmnews_full h2 {
	color: var(--primary-color);
	font-size: 1.8rem;
}

#mmnews_full strong {
	color: var(--primary-color);
}

#mmnews_full time {
	font-size: 1rem;
}

#mmnews_full p.back {
	margin-top: 2rem;
}

@media screen and (min-width: 1400px) {
	#mmnews_full h1 {
		max-width: 25ch;
	}
	
	#mmnews_full h2 {
		max-width: 45ch;
	}
	
	#mmnews_full .ce_text {
		max-width: 70ch;
	}
}

.boxed--grey {
	padding: 2rem;
	background: var(--secondary-color);
}

.boxed--grey p:last-of-type {
	margin-bottom: 0;
}

.main:has(#mmnews_full),
.main:has(.masongrid) {
	margin-bottom: 120px;
}

/*
.masongrid__item--width2 { width: 320px; }
.masongrid__item--width3 { width: 480px; }
.masongrid__item--width4 { width: 640px; }

.masongrid__item--height2 { height: 200px; }
.masongrid__item--height3 { height: 260px; }
.masongrid__item--height4 { height: 360px; }
*/



/*********************/



.carousel-caption,
.carousel-caption.heimspiel {
	bottom: 40px;
	left: 140px;
}
.carousel-caption h2.hl-h5,
.carousel-caption h2.hl-h5.size-heimspiel,
.carousel-caption h5,
.carousel-caption h5.size-heimspiel {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

@media (min-width: 992px) {
  .carousel-caption,
  .carousel-caption.heimspiel {
    bottom: 30px;
    left: 160px;
  }
  .carousel-caption h2.hl-h5,
  .carousel-caption h2.hl-h5.size-heimspiel,
  .carousel-caption h5,
  .carousel-caption h5.size-heimspiel {
    font-size: 4rem;
    line-height: 4rem;
  }
}



.content-teaser .teaser_box__text {
    padding-bottom: 40px;
}


#header .header-logo img {
	width: 100%;
}