/* ========================= T A B L E ======================== */
table, th, td{
    background-color: transparent;

}
table {
    border: 1px solid #bbb;
    border-collapse: collapse;
    width: 100%;   
}
table img{
    width: 128px;
    height:96px;
   
}


td, th {
    
    border: 1px solid #bbb;
    text-align: left;   
}

th p{
    padding: 2px 0 2px 12px; 
    font-size: 13px;
    line-height: 19px;  
    font-weight: 600;
}
td {
    padding: 2px 0 2px 12px; 
    font-size: 12px;
    line-height: 19px;    
}
.image{
    width: 128px;
    padding: 3px;
    height: 96px;
    background-color: #fff;
    vertical-align: top;  
}



/*================================== M O S A I K =====================================*/
/*
.mosaik2 .w3-col{
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;   
}*/

.mosaik2 img{
    width:100%;
    padding:2px 2px 0px 2px;
    
}

.mosaik2 .hoch{
    width:75%;
    margin:0px 12.5% -5px 12.5%;      
}
.mosaik2 .hoch2{
    width:57%;
    margin:0px 22% -4px 21%    
}
.mosaik2 .hoch3{
    width:52%;
    margin:0px 24% -4px 24%    
}
.mosaik2 .quer{   
    height:70%;
    margin-top: 30%;    
}
.mosaik2 .quer2{             
    height:58%;
    margin-top: 42%;     
}
/*.w3-row ::after{content:"test";}
.w3-col:nth-child(3) ::after{
    content:"Test!!!!!!";
}

.w3-col:nth-child(1) ::after{content:"test";}
.w3-col:nth-child(4) ::after{
    content:"";clear:both;>
}*/
/*================================== A C C O R D =====================================*/

.accord {
background-color: #fff;
color: #000;
cursor: pointer;
padding: 0;
margin: 0;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
opacity: 0.8;
}

/*.accord.active, */.accord:hover {
    background-color:#eee;
    opacity: 1;
}

/*.accord:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accord.active:after {
    content: "\2212";
}*/

/*================================== P A N E L  =====================================*/

.panel {
    
    background-color: #fff;
    max-height: 0;
    border: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 20px;
}

.panel .w3-col, .panel .w3-row {
    margin: 0;
}
/* =============================   PRELOAD IMAGES ================================== */
div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}
h3{
    padding-top:32px;
}