/* Reset del margine e padding */
* {
   
        box-sizing:  border-box;
  }

.collar {
        font-size:        30px;
        font-family:      Micro;
        background:       var(--main-color);
        color:            var(--text-color);
        min-height:       65px;
        border-radius:    5px;
        flex-grow:        1;
        display:          flex;
        justify-content:  center;
        align-items:      center;
        }
.Form-cell {
        grid-row:  span 2;
           }



.S-cont {
        display:                grid;
        grid-template-columns:  repeat(3, 1fr);
        grid-template-rows:     auto auto;
        gap:                    10px;
        width:                  100%;
	
	
        }
.Specifed1 input, .Specifed1 select {
        width:          125px;
  padding: 4px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;

                                    }
.Sys select {
        width:          200px;
		  padding: 4px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
    

                                    }
.Specifed1 label {
        display:    block;
        font-size:  16px;
                 }
.Specifed1{
width:100%;
        display:          flex;
        justify-content:  space-between;
		align-items:      center;
        font-size:        16px;
        margin-bottom:    10px;
			
	
           }
		  .Sys {
width:100%;
        display:          flex;
        justify-content:  space-between;
		align-items:      center;
        font-size:        16px;
        margin-bottom:    1px;
			
	
           }
.submit-button {
        width:  100%;
               }
.t1 b {
        font-size:   14px;
        margin-top:  200px;
      }
.t1 li {
        font-size:      14px;
        margin-bottom:  8px;
       }
.t1 ul {
        margin-bottom:  15px;
       }
.t1, .Form-cell {
        width:          100%;
        background:     var(--main-color1);
        color:          var(--text-color1);
        border-radius:  5px;
        padding:        20px;
        border:         var(--rand);
        box-shadow:     var(--schatte);
                                             }
.t2 img {
        max-height:     65px;
        border-radius:  8px;
        }
.t2 {
        display:          flex;
        align-items:      center;
        justify-content:  flex-start;
        gap:              10px;
        padding:          1px;
        border-radius:    5px;
        
        margin-bottom:    20px;
    }
.visita img {
        width:          100%;
        border-radius:  5px;
        margin-bottom:  10px;
            }

#svg-1, #svg-2{		 
 background: #FFF; font-family:sans-serif; box-sizing:  border-box;
   border-radius: 5px; box-shadow:var(--schatte);} 
@media (max-width: 768px) {
          /* 1 .collar   */
.collar { font-size: 20px; }
          /* 2 .Form-cell  */
.Form-cell{ grid-row:0; }

          /* 5 .S-cont   */
.S-cont { display:grid; grid-template-columns:1fr; }
}