﻿
body{
    
     
     margin:10px;
  

     }

.boxEig{
    background-color: white ;
    float: left;
    width:300px;
    padding :10px;
   
}

.reiheEig{
    float :left;
    width :100%;
}
    p {
      font-size : 18px;
      margin :10px;
      font-family: Verdana;
      
 
    }
   .mylinkEig{
        margin-top :10px;
        font-weight:400;
        text-align :right ;
        font-size:14px;

   }
  
   

   .boxkugelEig{
        float :left;
        width:14%;
        
    }

   .Sp77Reihe{
       float:left;
       width:100%;

   }
  .boxLogoEig{
       float :left ;
       width: 28%;
       margin-top:20px;
       margin-right :2%
}
   .kl_reiheEig{
        float :left ;
        width: 70%;
        
   }  
    .kl_logoEig{
            width: 100%;
            
        }

.LblKLEig {
    font-size: 20px;
    font-family: Verdana;
    border: 1px gray solid;
   padding-left :6px;
   padding-right :6px;
}
    
.boxKLEig{
    float:left ;
    height :auto;
    width :11%;
    background-color :white;
    text-align :center ;
    margin:15px 0em 5px 4px;
    padding :0 1px 0px 1px;
}

.clear{
    clear:both
}


@media screen and (min-width: 481px) and (max-width: 600px) {
    /* zusätzliche CSS für die mittlere Größe (Tablets) */


    body {
        
        border: 1px solid blue;
    }

    .boxLogoEig{
       float :left ;
       width: 28%;
       margin-top:10px;
       margin-right :2%;
}
   .kl_reiheEig{
        float :left ;
        width: 70%;
       
   }  
    .kl_logoEig{
            width: 100%;
            
        }



}


@media screen and (min-width: 601px) and (max-width: 800px) {
        /* zusätzliche CSS für die Vollversion (Desktop-Version) */



        
    body {
        
        border: 1px solid green;
    }
.boxEig{
    float: left;
    width:60%;
    border: 1px solid red;
   
}

    .boxLogoEig{
       float :left ;
       width: 28%;
       margin-top:10px;
       margin-right :2%;
}
   .kl_reiheEig{
        float :left ;
        width: 70%;
       
   }  
    .kl_logoEig{
            width: 100%;
            
        }



}