@font-face { font-family: jura;
             src:  url(../fonts/jura-regular.ttf) format(truetype);  }




b {}





pre  {
    
    
        position:  relative;  top: 5px;   
        z-index: 20;
        background: #333333;opacity: 0.9;
        color:  #cc6600;
        width: 50%;
        padding: 30px 20px 30px;
        margin-left: 20px;
        text-align: left;
  }



body {
    
    /*-- normalize --*/
    background-color: #17242c;
    margin: 0px;
    
    
}


.dropzone{background-color: blueviolet;}



/*--------     kopf    -------------------*/


   
    
.kopf           {      
                position: fixed;
                top: 0;


                width: 100%;
                height: 10vh;

                background-color: #001623;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
                display: flex;
                justify-content:  space-between;
                align-items: center;
                z-index: 10;

                }   

                
         
.kopf-element {

            
            height: 8vh;
            border-radius: 5px;
            /*background-color: darkslategray;*/
            
            display: flex;
            justify-content: center;
            align-items: center;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: auto;
            
            
            
}         
        

.kopf-element:nth-child(1)
            {
          
            }
            
            
            
                
.kopf-element:nth-child(2) {  
          
            justify-content:   flex-end;
            flex-grow: 5;
    
}










                .btn{
                           
                        font-family: 'Jura', sans-serif;
                        background-color: #d78110;
                        border: none;
                        color: #022029;
                        padding: 10px 20px;
                        text-align: center;
                        text-decoration: none;
                        display: inline-block;
                        
                        margin: 10px 0px;
                        cursor: pointer;
                        /*width: 140px;*/
                        opacity: 0.8;

                }
                .btn:hover {opacity: 1;}


                .btn_small{
                        width:97%;   
                        display: block;
                        font-family: 'Jura', sans-serif;
                        background-color: #d7101000;
                        border: none;
                        padding: 2px 20px;
                        text-align: center;
                        margin: 3px 0px;
                        cursor: pointer;
                        opacity: 1;   
                        color: azure;
                    

                }
                .btn_small:hover {background-color: #10d7965e;}


                
                
                
                
                
                
                
                
                
                
                
                
                
                
                






/*--------kopf ende---------------*/








.minifont div{
    
        font-size:  initial;    
    
}



.minifont {
   
        color:  orangered;   
        font-family: 'Jura', sans-serif;



        line-height: 1.5em;
        font-weight: 300;
        font-style: normal; 
 
}






/*  -----    Bauch    ---------------------*/


.bauch                  {
                        padding: 20px;
                        margin-top: 25vh;
                        }


div.contain                {
                        
                        margin-top: 8em;    
                        display: flex;
                     /*   justify-content: center;margin-top: 10em; */
                         


                            
                            
                        }
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        


/*-------- Table ---------*/


.css_table       {      
                        width: 45em;
                        display: table;                 
                        font-size: 0.8em;
                        padding: 0 0.7em 0 0.7em;

                        border-collapse: collapse;    
                        margin-top: 20em;
                        }

.css_table, table 
                        {
                        margin:15px;    
                        margin-top:  10em;                                                        
                        border: 2px solid #0c60816b;
                        }            




.css_table-row, tr     {
                        display: table-row;
                        height:  2.5em;
                        }
                        
                        
.css_table_header_row   {

                        background-color: #006666;
                        color: #d8bd9f; 
                        font-weight:  bolder;  
                        display: table-row;
                        height:  2.5em;           
                        }                       

.css_table-cell, td         {display: table-cell;
                                vertical-align: middle;
                                padding: 0 0.2em 0 0.5em;
                                border-bottom: 1pt solid #38a69e;
                        color:  #fd450d;   
                        font-family: 'Jura', sans-serif;
                        line-height: 7px;

                        }
                        
                        
                        
.css_table-cell:first-child {  
                        word-break: break-all; word-wrap: break-word;
                        
                        
                        
                        
                        }                      







.css_table-cell form    {
                         display: inline-block;                                                      

                        }                   
.css_table-cell label   { 
                        float:left;           
                        width: 100%;
                        height: 25px; 
                        }
                        
                     
                        
                        
input[type=checkbox], input[type=radio],
input[type=radio]:checked + .icomeins,
label input[type=submit]

                        {display: none}                       










                        
                        
.icomeins {
                        vertical-align: middle;
                        display:  inline-block;
                        background-image: url(../img/checkunchecked.svg);
                        background-repeat: no-repeat;

                        min-width: 35px;
                        height: 25px;


                        cursor: pointer;

                        }        

                        
                        
                        
input[type=checkbox]:checked + .icomeins
                        {
                        background-image: url(../img/check_checked2.svg);
                        min-width: 35px; height: 25px;background-repeat: no-repeat;
                        display:    inline-block;
                         }
                         
                         
                         
                         
       
                         
                         
                         
                         

             
.msg
                        {
                        margin-top: 150px;    
                        padding-left: 1em;    
                            
                        color:  #fd450d;   
                        font-family: 'Jura', sans-serif;
                        line-height: 1.8em;


                        }


                        
                        
 .tDnD_whileDrag td {
   /* background-color: #eee;*/
 }                       
                        
                        
                        
 img.dragHandle {
 position: relative;    
     height: 7em;
z-index: -10;

     
     
     
     
 }                        
                        
                        

/*  ------    Bauch ende  ------------------*/









@media screen and (max-width: 538px) {
    
    
    
    .bauch              {
                        padding: 0px;
                        margin-top: 29vh;
                        }
                        
    body                {width:100%;}
    
    
    
    
    
    
    
}