.layout_latest {
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1)}

.blogOuter {display: flex; margin-bottom: 3%}
.layout_latest {background: #fff;overflow: hidden;margin-right: 3%; width: 31.33333%; color: #0a1f2f}
.layout_latest.last {margin: 0}
.layout_latest .contentFrame {padding: 25px}

.layout_latest .bl_kat {font-size: 12px; color: #0a1f2f; margin-bottom: 10px}
.layout_latest .infoicons {display: none; font-size: 12px;margin-bottom: 10px}
.layout_latest h3 {font-size: 22px}


.layout_latest .backpicDivFrame {overflow: hidden}
.layout_latest figure, .layout_latest figure > div {border-top-right-radius: 0; border-bottom-right-radius: 0}
.layout_latest:hover {box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.23), 0 0.5rem 1.6rem 0 rgba(0,0,0,.2)}

.layout_latest div.more a {padding: 8px 12px; border: 1px solid #000; border-radius: 4px; color: #000;transition: all .45s cubic-bezier(.23,1,.32,1)}
.layout_latest div.more a:hover {background-color: #000; color: #fff; text-decoration: none}


.layout_latest:hover .backpicDiv {transform: scale(1.1)}


/*NAVIGATION LEFT*/
#newsNavigationLeft #newsKatMenu ul {display: block}
#newsNavigationLeft #newsKatMenu ul li {margin: 0 0 3% 0; padding: 10px 0 10px 20px}
#newsNavigationLeft #newsKatMenu ul li.active:after {content: "";position: absolute;height: 100%;background-color: #00c9d9;width: 2px;left: 0; top: 0}


/*NAVIGATION*/
#newsKatMenu * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
#newsKatMenu ul {display: flex; justify-content: center; overflow: visible}
#newsKatMenu ul li {list-style-type: none; margin: 0 1%; font-size: 0.7em; text-transform: uppercase; cursor: pointer; position: relative}
#newsKatMenu ul li.active:after {content: "";position: absolute;bottom: -10px;height: 2px;background-color: #00c9d9;width: 100%;left: 0}
    

@media (max-width: 850px)
{
	#newsKatMenu ul {display: block; }
	#newsKatMenu ul li {margin: 0 0 3% 0}
	#newsKatMenu ul li.active:after {bottom: -5px}
	
	.blogOuter {display: block}
	.layout_latest {width: 100%; margin: 0 0 3% 0}
}