#sub-header{
display:none;
}
#wrapper{
padding-top: 0px !important;
}
.sisu_news_header{
background-image: url(https://www.sensideon.com/wp-content/uploads/2024/04/company-sensideon_cut.jpg);
background-size: cover;
background-position: 0 0px;
height: 350px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.sisu_news_header h1{
padding: 45px 0 !important;
width: 500px;
border-top: 2px solid white;
border-bottom: 2px solid white;
font-size: 43px ;
font-weight: bold ;
}
h2.news_headline{
font-variant: initial !important;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.news_entry{
display:flex;
flex-flow: row nowrap;
height: 220px;
margin-bottom: 30px;
}
.news_entry .image_container{
flex: 0 0 auto;
height: 220px;
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
width: 360px;
}
.news_entry .text_container{
padding: 20px 20px;
background-color: #dfe6ee;
flex: 1 1 auto;
position: relative;
}
.news_entry .text_container time{
float: right;
font-size: 15px !important;
color: #222 !important;
}
.news_entry .text_container .category{
float: left;
color: #dfe6ee !important;
background-color: #456191 !important;
padding: 1px 8px !important;
border-radius: 5px !important;
text-transform: uppercase !important;
font-size: 14px !important;
}
.news_entry .text_container h3{
font-variant: initial !important;
color: #456191 !important;
font-size: 18px !important;
margin-top: 40px!important;
margin-bottom: 6px !important;
line-height: 1.2em;
}
.news_entry .text_container .text{
color: #222 !important;
font-size: 16px !important;
margin-bottom: 0 !important;
}
.news_entry .text_container .mehr_erfahren{
color: #f5962a !important;
font-size: 16px !important;
font-weight: bold !important;
} h3.sidebar_headline {
font-variant: initial !important;
color: #456191 !important;
font-size: 20px !important;
margin-top: 0px!important;
margin-bottom: 6px !important;
} ul.category-list{
margin: 0 !important;
margin-top: 10px !important;
margin-bottom: 20px !important;
padding-left: 0px !important;
padding-bottom: 83px !important;
border-bottom: 1px solid #eee !important;
}
.category-list li{
list-style: none !important;
float: left;
margin-right: 10px;
}
.category-list li a{
color: white !important;
background-color: #456191 !important;
padding: 4px 7px !important;
border-radius: 5px !important;
text-transform: uppercase !important;
font-size: 15px !important;
}
.category-list li.active a{
background-color: #f5962a !important;
}
.category-list li:hover a{
background-color: #f5962a !important;
} .news_entry_small time{
font-size: 15px !important;
color: #222 !important;
}
.news_entry_small h3{
line-height: 0 !important;
}
.news_entry_small h3 a{
color: #222 !important;
font-size: 16px !important;
font-variant: initial !important;
line-height: 1.3 !important;
}
#news_entry_small_wrapper{
}
.moreItemsWrapper{
text-align: center;
}
.moreItemsWrapper button{
font-size: 18px;
letter-spacing: 1px;
line-height: .9;
color: white;
border-radius: 5px !important;
margin-bottom: 60px;
margin-top: 20px;
padding: 10px 20px;
background-color: #f5962a !important;
border: 2px solid #f5962a !important;
}
.moreItemsWrapper button:hover{
transition: background-color 0.3s;
background-color: #456191 !important;
}
.moreItemsWrapper button:focus {outline:0;}
.news_entry_small:last-of-type{
padding-bottom: 10px !important;
border-bottom: 1px solid #eee !important;
}
@media (max-width: 1199px){
.news_entry .image_container{
width: 300px;
}   
ul.category-list{
padding-bottom: 110px !important;
}
.sisu_news_header h1{
padding: 40px 0 !important;
width: 400px;
}
}
@media (max-width: 991px){
.news_entry .image_container{
width: 260px;
}   
}
@media (max-width: 767px){
.container{
max-width: 100% !important;
width: auto !important;
}
.news_entry{
display:flex;
flex-flow: column nowrap;
margin-bottom: 30px;
height: auto !important;
}
.news_entry .image_container{
width: 100%;
height: 220px !important;
}   
.news_entry .text_container{
min-height: 220px !important;
}
.news_entry .text_container time{
font-size: 14px !important;
padding-left: 3px !important;
padding-right: 3px !important;
}
.news_entry .text_container .category{
font-size: 14px !important;
}
.sisu_news_header h1{
padding: 25px 0 !important;
width: 250px;
}
}