/* --------------------------------------------------------------------------------- */
.bildbox {margin-left: 1em; margin-right: 1em;}	
ul.bildboxteaser {padding: 0; margin: 0;}

@media (min-width: 768px) {ul.bildboxteaser {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;} }

ul.bildboxteaser>li {display: block; padding: 0; margin: 0; list-style: none;}
ul.bildboxteaser>li>a {display: block; position: relative; width: 100%; height: 0; overflow: hidden;}
ul.bildboxteaser>li>a>img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 0.5s;}
ul.bildboxteaser>li>a>span {display: block; position: absolute;}		
	
#parawan>li {width: 100%; margin-bottom: 10px;}
#parawan>li>a {padding-bottom: 100.000%;}
#parawan>li>a>span {background-color: #1f517d; color: #ffffff; padding: 8px; bottom:0; right:0; border-top-left-radius: 10px; opacity: 0.8;}
#parawan>li>a:hover>img {transform: scale(1.1);}

@media (min-width: 768px) and (max-width: 1023px) {
    #parawan>li {width: calc( 50% - 8px ); margin-left: 10px;}
    #parawan>li:nth-child(2n+1) {margin-left: 0;}
}
@media (min-width: 1024px) {
    #parawan>li {width: calc( 25.000% - 8px ); margin-left: 10px;}
    #parawan>li:nth-child(4n+1) {margin-left: 0;}
}
/* --------------------------------------------------------------------------------- */