/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18.03.2015, 09:56:13
    Author     : Marcin Jakubowski
*/

.section-aktuelles, .section-praxis { padding-bottom: 0px; padding-top: 32px}
    .section-aktuelles .article { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
    .section-aktuelles .article.topnews { border-bottom: 0px; }
    
    .section-aktuelles .topsection-praxis { border: none; }
        .section-aktuelles .topnews .news-img-wrap { float: left; width: 260px; }

    .section-aktuelles .news-list-date { font-size: 12px; color: #00b9e4 }

    .section-aktuelles .header h3 { font-size: 16px; font-weight: normal; margin: 8px 0 14px 0; padding: 0;}
        .section-aktuelles .topnews .header h3 { font-size: 24px; line-height: 1.1em; }
        .section-aktuelles .header h3 a { text-decoration: none; color: #005A93; line-height: 1.4em; }
            .section-aktuelles .header h3 a:hover { text-decoration: underline; }



.section-praxis { }
.section-praxis .article { margin-bottom: 12px;  -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
    .section-praxis .topnews { float: none; margin-bottom: 36px; }

    .section-praxis .news-list-author { font-size: 12px; text-transform: uppercase; color: #00b9e4 }
    .section-praxis .teaser-text { border-bottom: 1px solid #ccc; line-height: 1.35em;  clear: right; font-size: 15px; padding-bottom: 5px; min-height: 135px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
        .section-praxis .teaser-text p { margin: 0px; padding: 0 }

        .section-praxis .teaser-text a.more { background: url(../Images/news-list-more.png) left center no-repeat; font-weight: bold; color: #005A93; padding-left: 10px; text-decoration: none;}
            .section-praxis .teaser-text a.more:hover { text-decoration: underline; }

    .section-praxis .header h3 { font-size: 24px; line-height: 1.2em; font-weight: normal; margin: 10px 0 12px 0; padding: 0;}
        .section-praxis .topnews .header h3 { font-size: 34px; }
        .section-praxis .header h3 a { text-decoration: none; color: #005A93; }
            .section-praxis .header h3 a:hover { text-decoration: underline; }

/*    .section-praxis .news-img-wrap { float: left; width: 255px; }
        .section-praxis .news-img-wrap img { width: 240px; height: auto;  }

    .section-praxis .topnews .news-img-wrap { width: 500px; }
        .section-praxis .topnews .news-img-wrap img { width: auto; margin-top: -15px }*/


        .section-praxis .topnews .news-list-author,
        .section-praxis .topnews .header,
        .section-praxis .topnews .teaser-text{
     
        }

.praxis-list .article { min-height: 210px; }
.praxis-list .teaser-text-box { min-height: 160px; padding-bottom: 10px; margin-bottom: 24px }
    .praxis-list .news-img-wrap { }
    .praxis-list .news-list-date { font-size: 12px; color: #00b9e4 }
    .praxis-list .header h3 { font-size: 18px; font-weight: normal; margin: 8px 0 10px 0; padding: 0;}
        .praxis-list .header h3 a { text-decoration: none; color: #005A93; line-height: 1.3em; }
            .praxis-list .header h3 a:hover { text-decoration: underline; }
        .praxis-list .teaser-text { border-bottom: 1px solid #ccc; min-height: 128px; padding-bottom: 18px }
        .praxis-list .teaser-text a.more { background: url(../Images/news-list-more.png) left center no-repeat; font-weight: bold; color: #005A93; padding-left: 10px; text-decoration: none;}
            .praxis-list .teaser-text a.more:hover { text-decoration: underline; }

.aktuelles-list .article { margin-bottom: 16px; }
.aktuelles-list .teaser-text-box { width: 100%; padding-bottom:18px; border-bottom: 1px solid #ccc; }
    .aktuelles-list .news-list-date { font-size: 12px; color: #00b9e4; margin-bottom: 8px; display: block; }
    .aktuelles-list .header h3 { font-size: 18px; font-weight: normal; margin: 8px 0 10px 0; padding: 0;}
        .aktuelles-list .header h3 a { text-decoration: none; color: #005A93; line-height: 1.3em; }
            .aktuelles-list .header h3 a:hover { text-decoration: underline; }
        .aktuelles-list .teaser-text a.more { background: url(../Images/news-list-more.png) left center no-repeat; font-weight: bold; color: #005A93; padding-left: 10px; text-decoration: none;}
            .aktuelles-list .teaser-text a.more:hover { text-decoration: underline; }


.news-single .news-list-date { float: left; height: 20px; display: block;  margin: 0; padding: 0;}
    .news-single .news-list-date time { color: #02b9e1; font-weight: bold; margin: 0; padding: 0;}

    .news-single .news-img-caption { font-size: 12px; display: block; margin-bottom: 24px; margin-top: 0px }

@media (min-width: 992px) {
    .section-aktuelles .topnews .news-img-wrap { margin-right: 15px;}
    .section-aktuelles .topnews .news-img-wrap img { width: 100%; height: auto }
 
 .section-praxis .topnews .news-list-author,
.section-praxis .topnews .header { width: 50% !important; display: block; float: right; clear: right }  

    .section-praxis .teaser-text { height: 142px; line-height: 1.3em }
    .section-praxis .topnews .teaser-text { height: 160px; }
}

@media (max-width: 991px) {
   
.section-aktuelles .topnews .news-img-wrap { width: 180px }
.section-aktuelles .topnews .news-img-wrap img { width: 165px; height: auto; }

    .section-aktuelles .header h3 { font-size: 14px; }
        .section-aktuelles .topnews .header h3 { font-size: 18px; }
    .section-praxis .teaser-text { height: 230px; }
}

@media (max-width: 767px) {

.section-aktuelles .topnews .news-img-wrap { width: 100%; margin-bottom: 18px; }
.section-aktuelles .topnews .news-img-wrap img { width: 100%; height: auto; }
    .section-aktuelles .header h3, .section-aktuelles .topnews .header h3 { font-size: 14px; }
        .section-aktuelles .article.topnews { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
        
.section-praxis .article { display: none; }
    .section-praxis .article.topnews { display: block; }   
    .section-praxis .news-list-author { font-size: 10px; }
    .section-praxis .header { margin-bottom: 24px; font-size: 20px; line-height: 22px; }
    .section-praxis .header h3, .section-praxis .topnews .header h3 { font-size: 20px; line-height: 24px; margin-bottom: 0px }
    .section-praxis .news-img-wrap { margin-bottom: 24px}
    .section-praxis .teaser-text { border: none; height: auto }
    
    .praxis-list .news-img-wrap { margin-bottom: 18px }
        .praxis-list .teaser-text-box { border-bottom: none; }
        
}