.fg-wrapper,
.view-display-id-embed_sportarten > .view-rows,
.view-display-id-embed_leistungsklassen > .view-rows{
	display:flex;
	margin:-5px;
	padding: 5px 0px;
  justify-content:center;

}
.view-display-id-embed_sportarten > .view-rows,
.view-display-id-embed_leistungsklassen > .view-rows{
	  flex-flow: wrap;
}
.view-display-id-embed_sportarten  .fg-box,
.view-display-id-embed_leistungsklassen .fg-box{
	flex-basis:20%;
}


.ms-slidedown .fg-wrapper {
	flex-wrap:wrap;
}


.fg-box {
	width:100%;
	margin:5px;
}

.fg-box-head {
    text-align: center;
    font-size: smaller;
    color: gray;
    padding: 0px 5px;
    /* border-bottom: 1px solid #2a2a2b; */
    background: linear-gradient(270deg,transparent,#f2cb18,transparent);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
}

.fg-box-head.blue {
	background: linear-gradient(270deg,transparent,#0406d7,transparent);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
}
.fg-box-head.yellow {
    background: linear-gradient(270deg,transparent,#f2cb18,transparent);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
}
.fg-box-head.red {
	background: linear-gradient(270deg,transparent,#d00f12,transparent);
	  background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
}
.fg-box-row {
    text-align: center;
    padding:5px;
}

.fg-box-img{
  	align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    position: relative;
    text-align: center;
    font-size: 1.2rem;
    word-break: break-word;
    color: #d9d9d9;
}
.fg-box-img  img {
	    filter: grayscale(1) opacity(0.5);
}
.fg-box-img:hover img {
	    filter: grayscale(0);
}
.fg-box-img:hover .fg-box-caption {
    background-color: rgba(0,0,0,.6);
}
.fg-box-caption {
	  position: absolute;
    background-color: black;
    background-color: rgba(0,0,0,.3);
    color: #f2f2f2;
    min-width: 80%;
    padding: 30px 5px;

}
.fg-box-caption > a {
	color:white;
	text-decoration:none;
}

.fg-box-row.left {
	  text-align: left;
}

.button_dsv > div {
    text-align: center;
		font-size: inherit;
    color: gray;
    padding: 0px 5px;
    background: linear-gradient(270deg,transparent,white,transparent);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;

}
.button_dsv:hover {
	text-decoration:none;
}

.button_dsv.is-active > div,
.button_dsv:hover > div{
text-align: center;
    font-size: inherit;
    color: #f2cb18;
    padding: 0px 5px;
    background: linear-gradient(270deg,transparent,#f2cb18,transparent);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;

}

.dsv-image-title {
	background-color:#1a1a1a;
	text-align:center;
}
.dsv-image:hover {
      filter: brightness(0.5);

}