#inner_center { background: #e6e6e6; }

#content #kacheln { }

#content #kacheln,
#content #kacheln .menucontainer ul { display: inline-block; width: 100%; }

#content .teaser_item_list,
#content #kacheln .menucontainer ul { 
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0;
    padding: 2em 0 0 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-auto-flow: row;
}

@media (min-width: 768px) and (max-width: 1023px) {
    #content #kacheln .menucontainer ul {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #content #kacheln .menucontainer ul {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 479px) {
    #content #kacheln .menucontainer ul {
        display: flex;
        flex-flow: column;
    }

    #content #kacheln .menucontainer ul li {
        margin-bottom: 15px !important;
    }

    #content #kacheln .bild { width: 100%; height: auto; }
}

#content .teaser_item_list .teaser_element,
#content #kacheln .menucontainer ul li { 
  padding: 0;
  margin: 0 0 3% 0;
  border: 0;
  width: 24%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  background-size: cover;
}

@supports(display: grid){
#content .teaser_item_list .teaser_element,
#content #kacheln .menucontainer ul li  { 
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
  }
}

#content .teaser_item_list .teaser_element,
#content #kacheln .menucontainer > ul > li {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    background-color: #8FB9E1;
    border: 1px solid #8FB9E1;
}

#content #kacheln .menucontainer > ul > li:nth-child(even) {  }

#content .teaser_item_list .teaser_element img,
#content #kacheln .menucontainer > ul > li .item_img {
    padding: 0 !important;
    min-width: 100%;
    height: auto !important;
    margin: 0;
    display: inline-block;
}

#content .teaser_item_list .teaser_element .teaser_titledate,
#content #kacheln .menucontainer > ul > li > a,
#content #kacheln .menucontainer > ul > li > span.nolink {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items:baseline;
}

#content #kacheln .menucontainer > ul > li > a .item_text,
#content #kacheln .menucontainer > ul > li > span.nolink .item_text {
    font-size: 1.2em;
    color: #000;
    font-weight: normal;
    display: inline-block;
    padding: 0 5%;
    margin: 5% 0;
    width: 100%;
    text-align: center;
    min-height: 3em;
}

#content .teaser_item_list .teaser_element .teaser_titledate,
#content .teaser_item_list .teaser_element .teaser_titledate h3 { display: block; padding: 0 !important; margin: 0 !important; order: 2; }
#content .teaser_item_list .teaser_element .teaser_titledate h3 a { text-align: center !important; display: block; padding: 0 5% !important;
    margin: 5% 0 !important;
    font-size: 1.2em;
    color: #000;
    font-weight: normal;
    display: inline-block;
    padding: 0 5%;
    margin: 5% 0;
    width: 90%;
    text-align: center;
    min-height: 3em;
}

#content .teaser_item_list .teaser_element:hover,
#content #kacheln .menucontainer ul li:hover { background-color: #0055A5 }

#content .teaser_item_list .teaser_element a:hover,
#content #kacheln .menucontainer ul li a:hover { text-decoration: none; }

#content .teaser_item_list .teaser_element:hover a,
#content .teaser_item_list .teaser_element a:hover,
#content #kacheln .menucontainer ul li:hover a .item_text,
#content #kacheln .menucontainer ul li:hover span.nolink .item_text { color: #fff !important; }

#content #kacheln .menucontainer > ul > li > ul {
    display: none;
}

#content .teaser_item_list .teaser_element,
#content .teaser_item_list .teaser_element .wrapper {
    display: flex !important;
    flex-flow: column;
    padding: 0 !important;
}

#content .teaser_item_list .teaser_element div.teasercontent { display: none !important; }

@media (min-width: 1024) and (max-width: 1259px) {
    #content #kacheln { width: 98%;}
    
    #content #kacheln .menucontainer > ul > li {
        list-style: none;
        display: inline-block;
        max-width: 32%;
        padding: 0;
        margin: 0 0 2em 0;
        background-color: #8FB9E1;
        border: 1px solid #8FB9E1;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
	#content .teaser .teaser_item_list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr !important;
		grid-gap: 15px;
		grid-auto-flow: row;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	#content .teaser .teaser_item_list {
		display: grid;
		grid-template-columns: 1fr 1fr !important;
		grid-gap: 15px;
		grid-auto-flow: row;
	}
}

@media (max-width: 480px) {
	#content .teaser .teaser_item_list {
		display: flex;
		flex-flow: column;
	}

	#content .teaser .teaser_item_list .teaser_element{
		margin-bottom: 15px;
	}
}