/* Reset del margine e padding */
* {
   
        box-sizing:  border-box;
  }
#Abw , #geh {
        background-color:  #fff;
        border-radius:     3px;
        display:           flex;
        align-items:       center;
        width:             100%;
        padding:           10px;
            }
.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;
           }
#insert-id2 img {
        width:       100%;
        object-fit:  cover;
                }
#insert-id2 {
        display:          flex;
        flex-direction:   column;
        justify-content:  center;
            }
.mark {
        background:   #E7FEC2;
        color:        #006600;
        margin-left:  10px;
        font-weight:  bold;
        padding:      0 10px 0 10px;
      }
#Projection-X, #Projection-Y {
        grid-column:     span 2;
        display:         flex;
        flex-direction:  row;
                             }
.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:        3px;
        font-size:      16px;
        border-radius:  6px;
        outline:        none;
                                    }
.Specifed1 label {
        display:    block;
        font-size:  16px;
                 }
.Specifed1 {
        display:          flex;
        justify-content:  space-between;
        font-size:        16px;
        margin-bottom:    10px;
           }
.submit-button {
        width:  100%;
               }
.t1 li {
        font-size:      14px;
		margin-bottom:8px;
                                             }
											 .t1 ul {
      
		margin-bottom:15px;
                                             }
.t1 b{
    font-size: 14px;
    margin-top: 200px;
}										 
.t1, .Form-cell,#Projection-X, #Projection-Y {
        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;
        box-shadow:       0 4px 8px rgba(0, 0, 0, 0.1);
        margin-bottom:    20px;
    }
.visita img {
        width:          100%;
        border-radius:  5px;
        margin-bottom:  10px;
            }
.X div, .Y div {
        font-size:      18px;
        border-bottom:  var(--linea);
        color:          var(--text-color1);
        font-weight:    bold;
        min-width:      33px;
               }
#X, #Y {
        padding:        5px;
        font-size:      20px;
        border-bottom:  var(--linea);
        color:          var(--text-color1);
        min-width:      60px;
        text-align:     center;
        max-height:     34pX;
       }
.X, .Y {
        text-align:  center;
        padding:     10px;
        color:       var(--text-color1);
        font-size:   16px;
        align-self:  start;
       }
.XX, .YY {
        display:          flex;
        flex-wrap:        wrap;
        width:            100%;
        color:            #000;
        justify-content:  flex-start;
        gap:              5px;
         }
@media (max-width: 768px) {
          /* 1 .collar   */
.collar { font-size: 20px; }

          /* 2 .Form-cell  */
.Form-cell{ grid-row:0; }

          /* 3 #Projection-X, #Projection-Y   */
#Projection-X, #Projection-Y { grid-column: 1;}

          /* 4 .S-cont   */
.S-cont { display:grid; grid-template-columns:1fr; }
#geh {max-width:1em;}
}