﻿#catalogues a { 
            font-size: 20px;
            height: 100px;
            line-height: 95px;
            margin: 0 2.5%;
            text-align: center;
            text-transform: uppercase;
            width: 20%;
            cursor:pointer;
        }
        #catalogues a:hover, #catalogues a:focus{ text-decoration:none; color:white;}
        #catalogues{
            margin-top:150px;
        }
        .devUse,.devList,.devImg{
            float:left;
            margin: 0px 1% 20px;
        }
        .devUse{
            width:17%;
        }
        .devList{
            width:70%;
        }
        .devImg{
            width:17%;
        }
        /*.devList table{ width:100%; border:0;border-top:1px solid #666; border-bottom:1px solid #666; border-right:1px solid #666; margin:0px; padding:0px;}
        .devList th{ font-size:1em; background-color: #52767c; color:white; margin:0px; padding:5px 10px; border-top:0px; border-left:1px solid #666; border-bottom:1px solid #666; }
        .devList th i{ font-size:0.8em; }
        .devList td{ font-size:0.8em; padding:3px 5px; margin:0px; border-right:0px; border-top:0px; border-left:1px solid #666;  }
        .devList tr:nth-child(2n+1){ background-color:#e6e6e6; }*/

/*TABELLE 2022*/
.table-wrap {
    overflow-x: auto;

}
.devList .intDev {
    width: 100%;
}
.devList tbody.list th, td {
    border: none;
    font-size: 13px;
    background: #FAFAFA;
    vertical-align: middle;
    border-bottom: 3px solid white;
    padding: 0.9rem;
}
.devList tbody.list th {
    background: #E6E6E6;
    border-bottom: 3px solid white;
    font-weight: 700;
}
.devList tbody.list td:nth-child(2n+1) {
    background: #F5F5F5;
    border-bottom: 3px solid white;
}

.devList th {
    color: white !important;
    background-color: #52767C !important;
    text-align: center !important;
    padding: 1% 0 !important;
}
/*.devList th:nth-child(2n) {
    background-color: rgba(82,118,124, 0.9) !important;
}*/
.devList tbody th, td {
    border: none;
    font-size: 13px;
    background: #FAFAFA;
    vertical-align: middle;
    border-bottom: 3px solid white;
    padding: 0.3rem;
}

.devList tbody th {
    background: #E6E6E6;
    border-bottom: 3px solid white;
    font-weight: 400;
    font-size:14px;
}

.devList tbody td:nth-child(2n+1) {
    background: #F5F5F5;
    border-bottom: 3px solid white;
}
.jadausa .devList tbody td:nth-child(2n+1) {
    font-size:.9rem;
}
table a {
    font-style: normal !important;
}
@media (max-width: 768px) {
    /**/
    .table-wrap {
        
        padding: 0px 10px;
    }
    .devList th {
        padding: 3% 1% !important;
        font-size: 13px;
    }

    .devList tbody.list td.models {
        width: 55%;
    }
}




h1 .epsH1 { /*text-align:center;*/
    font-size: 2.5em;
}
        .EPSP{ color:green; }
.EPSC {
    color: #E60000;
}
        .EPSR{ color:blue; }
        .devUse .useType{ margin-bottom: 30px; }
        .devUse ul{ list-style: none; margin-top:7px; margin-left:5px; }
        .devUse li{ list-style: none; padding-bottom:3px;}
        .imgW img, .imgW a { width:100%; display:block; }
        .imgW{ margin-bottom:25px;}


        @media screen and (min-width: 768px) and (max-width:890px) {
            .devUse{
                width:17%;
                float:left;
            }
            .devList{
                width:79%;
                float:left;
            }
            .devImg{
                clear:both;
                float:none;
                width:90%;
                margin:0px auto 20px;
            }
        }
        @media screen and (min-width: 480px) and (max-width:767px) {
            .devUse{
                width:17%;
                font-size:0.7em;
                float:left;
            }
            .devList{
                width:79%;
                float:left;
            }
            .devImg{
                clear:both;
                float:none;
                width:90%;
                margin:0px auto 20px;
            }
        }
        @media screen and (max-width: 479px){
            .devUse{
                float:none;
                width:90%;
                margin:0px auto 20px;
            }
            .devList{
                float:none;
                width:90%;
                margin:0px auto 20px;
            }
            .devImg{
                float:none;
                width:90%;
                margin:0px auto 20px;
            }
        }