/* Kopf -------------------------------- */


/* Fuss -------------------------------- */
.noMob {
    display: block;
}


/* Navigation -------------------------------- */
/* //-
.aDsp#eE, .aDsp#eAdd, .aDsp#eRmv, .aDsp#eUser, #eUser    {
    display:block;
}
*/


/* Inhalt -------------------------------- */
section {
    width: 33%;
}


/* Archiv -------------------------------- */
#cI, #cD  {
    max-width: 1200px;
}
#cI, #cD  {
    padding: 0;
}
.flextainer  {
    flex-direction: row;
    }
.i1, .d1 {
    flex: 0 1 22%;
    order: 1;
    }
.i2, .d2 {
    flex: 0 1 52%;
    order: 2;
    }
.i3, .d3 {
    flex: 0 1 22%;
    order: 3;
    }
.e1 {
    flex: 1;
    order: 1;
    }
.usrL .e1   {
    max-width: 960px;
}

.fTxt1, .fTxt3 {
    flex: 1.618;
}
.fTxt1b, .fTxt3b {
    flex: 2.35;
}
.fTxt2, .fTxtS2w, .fTxtS2p, .fTxtS2u {
    flex: 5;
}
/* //-

.feTxt2 {
    flex: 1.618;
}
*/


.d2 figure img{
    max-width: 640px;
    max-height: 480px;
    }



.cap1, .cap2, .cap3, .cap31, .cap32, .cap4, .cap5, .cap51, .cpt1, .cptR {
   margin-right: 0.5rem;
   min-height: 24px;
}
.cap1, .cap2, .cap3, .cap31, .cap32, .cap4, .cap5, .cap51, .cpt1 {
   float:left;
}
.cptR {
   float:right;
   text-align: right;
}
.cap1 {
   width:64px;
}
.cap2 {
   width:248px;
}
.cap3 {
   width:304px;
}
.cap31 {
   width:240px;
}
.cap32 {
   width:56px;
}
.cap4 {
   width:150px;
}
.cap5 {
   width:241px;
}
.cap51 {
   width:116px;
}
.cpt1 {
/* //-
   width:64px;
   */
   padding-right:24px;
}
.cptR {
/* //-
   width:64px;
   */
   padding-left:24px;
}

.ue5 {
   width:296px;
}
.ue6 {
   float:left;
   width:480px;
}
.ue5, .ue6 {
   margin-right: 0.5rem;
   margin-bottom: 1rem;
   min-height: 24px;
}
.ue5, .ue6 {
   margin-right: 0.5rem;
   margin-bottom: 1rem;
   min-height: 24px;
}
.cap1 p, .cap2 p, .cap3 p, .cap31 p, .cap32 p, .cap4 p, .cap5 p, .cap51 p {
   padding: 4px 6px;
}

.iUE   {
    width: 960px;
}
.iUE p  {
    height: 22px;
   }
.iUE div:first-child, .iUE div:nth-child(2)    {
    padding-top:4px;
}
.iUE div:first-child    {
    color: #fff;
}
.col1, .select-css .col1    {
    background-color:#FFA0C0;
}
.col64, .select-css .col64    {
    background-color:#90E0E0;
}
.col128, .select-css .col128    {
    background-color:#C0E0A0;
}
.col255, .select-css .col255    {
    background-color:#FFE0A0;
}
.uRem .material-icons   {
    font-size:20px;
    line-height:20px;
    vertical-align: sub;
}
.uRem   {
    color: rgba(255,255,255,0.5);
}
.uRem:hover   {
    color: rgba(255,255,255,1);
    cursor: pointer;
}

#usrCap div:hover, #werkCap div:hover, #personCap div:hover  {
    color: rgba(255,255,255,1);
    cursor: pointer;
}

#nav2ES {
    display:block;
}
#nav3ES {
    display:none;
}


/* Liste -------------------------------- */
.ue5 {
   width:296px;
}
.ue6 {
   width:480px;
}
.ue5, .ue6 {
   margin-right: 0.5rem;
   margin-bottom: 1rem;
   min-height: 24px;
}
.ue5, .ue6 {
   margin-right: 0.5rem;
   margin-bottom: 1rem;
   min-height: 24px;
}

.wl1    {
    width: 160px;
    min-height: 80px;
}
.wl1, .wl2, .wl3, .wl4, .wl4r    {
    padding-right: 24px;
}
.wl2, .wl3    {
    width: 320px;
}
.wl4    {
    width: 192px;
}
.wl5    {
    width: 48px;
}


/* size -------------------------------- */
.size_xs, .size_s, .size_m, .size_l {
    display: none;
}
.size_l {
    display: inline-block;
}