.blogOuter {padding-left: 10px}

.layout_latest, .layout_latest .backpicDiv {
    -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)}

.pg_slideStartInnerFrame {margin-top: 3%}

/*HOME*/
body.home .pg_slideStartInnerFrame {margin-top: 0; display: flex}
body.home .layout_latest {box-shadow: 0 0 1rem 0 #d7dce1; width: 0; overflow: hidden}
body.home .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)}
body.home .layout_latest .col12 {padding: 25px 25px 0 25px}
body.home  .layout_latest div.more {left: 25px}
body.home .layout_latest > div {border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.blogOuter {display: flex}

/*LANDSCAPE MODUS*/
.layout_latest {position: relative; padding-bottom: 80px; min-height: 700px}
.layout_latest .bl_kat {font-size: 12px; color: #ed1c24; margin-bottom: 10px; cursor: pointer}
.layout_latest .infoicons {font-size: 12px;margin-bottom: 10px}
.layout_latest h3 {font-size: 22px}
.layout_latest {background: #fff;/*box-shadow: 0 0 1rem 0 #d7dce1;*/overflow: hidden;border-radius: 4px; margin-bottom: 3%; width: 98%}
.layout_latest figure, .layout_latest figure > div {border-top-right-radius: 0; border-bottom-right-radius: 0}
.layout_latest .col4 {float: none;flex: 0 0 33.3333333333%;max-width: 33.3333333333%; margin-right: 0; overflow: hidden}
.layout_latest .col4 .backpicDiv {height: 100% !important;transition: all .75s ease-in-out;}    
.layout_latest .col8.last {padding: 25px; float: none; flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.layout_latest .col12 {padding: 25px 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 {position: absolute; bottom: 35px; left: 0px}
.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); font-weight: normal}
.layout_latest div.more a:hover {background-color: #000; color: #fff; text-decoration: none}
.layout_latest:hover .backpicDiv {transform: scale(1.1)}

#home .layout_latest {max-width: 31.33333%; margin: 0 2% 0 0}

.layout_latest.ShowNewsInLandscapeFormat {display: flex !important; padding-bottom: 0}
.layout_latest.ShowNewsInLandscapeFormat .col8, .layout_latest.ShowNewsInLandscapeFormat .col12 {padding: 25px 25px 80px 25px; position: relative}


/* Select */
#newsKatMenu * {-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
#newsKatMenu .selectFrame select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none; outline: 0}
#newsKatMenu .selectFrame {position: relative; width: 50%;/*background-color: #f0f3f5;*/height: 40px;border-bottom: 1px solid;}
#newsKatMenu .selectFrame select {color: #333;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid transparent;
    /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    font-size: 18px;
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0; 
    width: 100%;
    height: 100%;}
#newsKatMenu .selectFrame:before {    
content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 10px; }


@media (max-width: 768px)
{

	.blogOuter {display: block}
}