/*** Titillium+Web START */
/* 400-normal */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.eot');
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.svg#TitilliumWeb') format('svg');
}
/* 400-italic */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: auto;
  font-weight: 400;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.eot');
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.svg#TitilliumWeb') format('svg');
}
/* 700-normal */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.eot');
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.svg#TitilliumWeb') format('svg');
}
/* 700-italic */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: auto;
  font-weight: 700;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.eot');
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.svg#TitilliumWeb') format('svg');
}
/* Titillium+Web ENDE ***/
@media all{
    
/*    #content{
        background: none transparent !important;
        padding:0 !important;
    }*/

    #articlecat {
        margin:1em 0 ;
    }

/*    #articlecat .itemwrapper:nth-child(odd){
    }
    
    #articlecat .itemwrapper:nth-child(even){
    }*/
    
    #articlecat .itemwrapper:nth-child(3n + 3){
        float: right;
        margin-right: 0;
        /*width: 30% !important;*/
    }
    
    #articlecat .itemwrapper:nth-child(3n + 2),
    #articlecat .itemwrapper:nth-child(3n + 1){
        margin-right: 5%;
    }
    
/*    #articlecat .itemwrapper:first-child{

    }

    #articlecat .itemwrapper:last-child{

    }*/

    #articlecat .itemwrapper {
        margin-bottom: 30px;
        float: left;
        width: 30%;
        margin-right: 5%;
        height: auto;
    }
    
    #articlecat .item {        
        width:275px;
        height:225px;
        cursor:pointer;
        background:#FFF;
        float:left;
        background-repeat: no-repeat !important;
        overflow:hidden;
    }
    
    .itemwrapper img{
        width: 100%;
        display: block;
    }
    
    #articlecat h3{
        background-color: #1D6A5E;
        color: #FFF;
        text-align: left;
        padding: 0.5em;
        overflow: hidden;
        /*white-space: nowrap;*/
        margin:0;
        height: 2.5em;
    }
    
    #articlecat h3 a{
        display: inline-block;
        color:inherit;
        font-size: 1em;
        font-weight: inherit;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    #articlecat h3 a:hover{
        color: #000;
        text-decoration: none;
    }

/*    #articlecat .boxPWhiteHead{
        width: 100%;
        height: 35px;
        background-color: transparent;
    }*/

    #articlecat .boxPImgSpacer{
        height: 195px;
    }

    
    


    #articlecat .item:hover{
/*        background-size: 285px 235px !important;
        background-position: -5px -5px !important;*/
    }

/*    #articlecat .boxPContent{
        background-color:  transparent;

    }*/

/*    #articlecattopline{
        margin-bottom: 30px;
    }*/

/*    #articlecattopline p{
        border-bottom: 1px solid #afafaf;
        margin: 0 30% 1em;
        padding: 0 0 1em;    
    }*/
}

@media all and (max-width: 500px){

    #articlecat{
        display: block;
        margin: 0 auto;
    }

    #articlecat .itemwrapper{
        clear: both;
        float: none;
        width: auto;
        display: block;
        margin: 0 2vw;
    }
    #articlecat .item {
        width: auto;
        float: none;
        clear: both;
        display: block;
    }
    #articlecat .itemwrapper .boxPWhiteHead{
        width: auto;
        display: block;
    }

}