:root{
    --WelcomeTextWidth: 375px;
    
    --ButtonTop: -310px;
    --1Produktbox: 250px;
    --ProduktboxWidth: 180px;
    --ProduktboxHeight: 300px;
    --Produktboxdiif: 200px;
    --BoxPadding: 10px;
    --BoxpPaddingTop: 20px;

    --BoxEndWidth: 950px;
    
    --FontSizeInfo: 15px;
    --FontSizeBox: 13px;
     
     --ButtonTop2: -410px; 
}

.myImgModal {border-radius: 5px;cursor: pointer;}
 .myImgModal:hover {opacity: 0.7;}
 #closeImg {position: absolute; top: 0px; right: 15px; color: #f1f1f1; font-size: 40px; font-weight: bold;padding:20px;}
 #closeImg:hover, .close:focus {color: #ff8000; text-decoration: none; cursor: pointer;}
 #myModal  {display: none;position: fixed;z-index: 999999;padding-top: 50px;left: 0;top: 0;width: 100%; height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9);}
 #imgAll {display: block; margin: auto; height:auto !important; max-height:90%; max-width: 95% !important; cursor:pointer;}
 #caption {font-size:110%;margin: auto;text-align: center;color: #cccccc;padding-top:5px;}
 
 dl.bildmodal {display: inline-block; text-align:center;margin:0px;padding:4px;}
 dl.bildmodal dd {background:#222222;font-size:85%;max-width: 800px;display: inline-block; margin:3px 0 0 0; padding: 2px 10px;border-radius:2px;box-shadow: 1px 1px 2px 2px #cccccc;}
 
 @media only screen and (max-width: 800px){.modal-content {width: 100%;}}


 .myImgModal2 {border-radius: 5px;cursor: pointer;}
 .myImgModal2:hover {opacity: 0.7;}
 #closeImg {position: absolute; top: 0px; right: 15px; color: #f1f1f1; font-size: 40px; font-weight: bold;padding:20px;}
 #closeImg:hover, .close:focus {color: #ff8000; text-decoration: none; cursor: pointer;}
 #myModal  {display: none;position: fixed;z-index: 999999;padding-top: 130px;left: 0;top: 0;width: 100%; height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.9);}
 #imgAll {display: block; margin: auto; height:65% !important; max-height:110%; max-width: 110% !important; cursor:pointer;}
 #caption {font-size:110%;margin: auto;text-align: center;color: #cccccc;padding-top:5px;}
 
 dl.bildmodal {display: inline-block; text-align:center;margin:0px;padding:4px;}
 dl.bildmodal dd {background:#222222;font-size:85%;max-width: 800px;display: inline-block; margin:3px 0 0 0; padding: 2px 10px;border-radius:2px;box-shadow: 1px 1px 2px 2px #cccccc;}
 
 @media only screen and (max-width: 800px){.modal-content {width: 100%;}}
 

H1{
    box-sizing:border-box;
    background-color: white;
    align-items: center;
    margin-top: 40px;
    padding: 0px;
    display:flex;
    margin-left:calc(27% - 100px);
}

H1 a{
    font-size: 27px;
    color: rgb(55, 85, 157);
    /*margin-left:calc(12% - 42px);*/
}

H2{
    box-sizing:border-box;
    background-color: white;
    align-items: center;
    margin-top: 30px;
    padding: 0px;
    display:flex;
    margin-left:calc(27% - 129px);
}
H2 a{
    font-size: 22px;
    color: rgb(55, 85, 157);
    /*margin-left:calc(12% - 42px);*/
}
H3{
    box-sizing:border-box;
    background-color: white;
    align-items: center;
    margin-top: 5px;
    padding: 0px;
    display:flex;
    margin-left:calc(27% - 129px);
}
H3 a{
    font-size: 20px;
    color: rgb(55, 85, 157);
    /*margin-left:calc(12% - 42px);*/
}

H4{
    box-sizing:border-box;
    background-color: white;
    align-items: center;
    margin-top: 5px;
    padding: 0px;
    display:flex;
}
H4 a{
    font-size: 18px;
    color: black;
    /*margin-left:calc(12% - 42px);*/
}

H5{
    box-sizing:border-box;
    background-color: white;
    align-items: center;
    margin-top: 25px;
    padding: 0px;
    display:flex;
    margin-left:calc(27% - 129px);
    color: rgb(55, 85, 157);
    font-size: 20px;
}

H5 a{
    font-size: 20px;
    color: rgb(55, 85, 157);
    /*margin-left:calc(12% - 42px);*/
}

H6{
    box-sizing:border-box;
    background-color: white;
    align-items: center;
    margin-top: 10px;
    padding: 0px;
    display:flex;
    margin-left:calc(27% - 129px);
}

H6 a{
    font-size: 20px;
    color: rgb(55, 85, 157);
    text-decoration: none;
    padding-top: 35px;
    /*margin-left:calc(27% - 129px);*/
}

H7{
    box-sizing:border-box;
    background-color: white;
    align-items: center;
    margin-top: 10px;
    padding: 0px;
    display:flex;
    margin-left:calc(27% - 129px);
}

H7 a{
    font-size: 18px;
    color: black;
    
    /*margin-left:calc(27% - 129px);*/
}


H8{
    box-sizing:border-box;
    background-color: white;
    align-items: top;
    margin-top: 5px;
    padding: 0px;
    display:flex;
    font-weight: 600;
}
H8 a{
    font-size: 18px;
    
    color: black;
    /*margin-left:calc(12% - 42px);*/
}

.TextImpress{
    width: 500px;
    margin-left: var(--Logo-left);
    box-sizing: border-box;
    display: flex;
}
.TextImpress a{
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding-top: 10px;
    align-items: center;
}


.TextDatSchutz{
    width: 970px;
    margin-left: var(--Logo-left);
    box-sizing: border-box;
    display: flex;
}
.TextDatSchutz a{
    font-size: var(--FontSizeInfo);
    color: blue;
    padding-top: 10px;
    align-items: center;
}


.TextDatSchutz p{
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding-top: 10px;
    align-items: center;
}

.TextImpLink{
    margin-left: var(--Logo-left);
    margin-left: calc(var(--Logo-left) + 60px);
    margin-top: -16px;
    box-sizing: border-box;
    display: flex;
    }

.TextImpink a{
    font-size: 15px;
    align-items: center;
}

.Textindex1{
    width: var(--WelcomeTextWidth);
    height: auto;
    box-sizing: inherit;
    background-color: white;
    margin: 0px;
    margin-top: 10px;
    margin-left: var(--Logo-left);
    display: flex;
   }

   .Textindex1 a{
    width: 100%;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 10px;
    align-items: center;
    margin-right: 0px;
    padding-left: 0px;
}
.Textindex2{
   width: 420px;
   height: auto;
   box-sizing: inherit;
   background-color: white;
   margin: 0px;
   margin-top: -195px;
   margin-left:calc(32% + var(--1Produktbox)); 
   display: flex;
  }

  .Textindex2 a{
   width: 100%;
   font-size: var(--FontSizeInfo);
   color: rgba(24, 24, 31, 0.897);
   padding: 10px;
   align-items: center;
   margin-right: 0px;
   padding-left: 0px;
}


.Textindex2 b{
    color: white;
}

.Textindex3{
    width: 1000px;
    height: auto;
    box-sizing: inherit;
    background-color: white;
    margin: 0px;
    margin-top: 20px;
    margin-left: var(--Logo-left);
    display: flex;
   }
 
   .Textindex3 a{
    width: 100%;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 10px;
    align-items: center;
    margin-right: 0px;
    padding-left: 0px;
 }

 .TextindexFirm{
    width: 480px;
    height: auto;
    box-sizing: border-box;
    background-color: white;
    margin: 0px;
    margin-top: 10px;
    margin-left: var(--Logo-left);
    display: flex;
   }

   .TextindexFirm a{
    width: 100%;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 10px;
    align-items: center;
    margin-right: 0px;
    padding-left: 0px;
}
.comp2{
    width: 150px;
    height: auto;
    box-sizing: border-box;
    background-color: white;
    margin-left: var(--Logo-left);
    margin-top: -10px;
    display: flex;
}
.TextindexFirm p{
    width: 480px;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 10px;
    align-items: center;
    margin-right: 0px;
    padding-left: 0px;
}

.TextindexFirm2{
    width: 400px;
    height: 450px;
    box-sizing: border-box;
    background-color: white;
    margin-top: -460px;
    margin-left: calc(520px + var(--Logo-left));
    justify-content: center;
    display: flex;
    border-left: solid 1px rgba(24, 24, 31, 0.199);
   }

.TextindexFirm2 a{
    width: 100%;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 0px;
    padding-left: 60px;
    align-items: center;
    margin-right: 0px;
  }

.TextindexFirm2 p{
 color:rgb(55, 85, 157);
 font-size: 18px;
}

.TextindexTable{
    width: auto;
    height: auto;
    box-sizing: inherit;
    background-color: white;
    margin: 0px;
    margin-top: 0px;
    vertical-align: top; 
    padding-left: 5px;
   
   }

   .TextindexTable a{
    width: auto;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 10px;
    margin-right: 0px;
    padding-left: 0px;
    display: flex;
   }

.zert1{
    width: 150px;
    height: auto;
    box-sizing: border-box;
    align-items: 0;
    background-image:linear-gradient(white, rgba(85, 120, 218, 0.555) 25px, rgb(85, 120, 218, 0.555) 29px, rgb(223, 223, 223));
    margin-left: calc(580px + var(--Logo-left));
    margin-top: -280px;
    justify-content: center;
    display: flex;
}

.zert2{
    width: 150px;
    height: auto;
    box-sizing: border-box;
    align-items: 0;
    background-image:linear-gradient(white, rgba(85, 120, 218, 0.555) 25px, rgb(85, 120, 218, 0.555) 29px, rgb(223, 223, 223));
    margin-left: calc(780px + var(--Logo-left));
    margin-top: -230px;
    justify-content: center;
    display: flex;
}



 

.ButWerkzeug{
    width: var(--ProduktboxWidth);
    box-sizing:border-box;
    background-color: white;
    background-image:linear-gradient(white, rgba(85, 120, 218, 0.555) 25px, rgb(85, 120, 218, 0.555) 29px, rgb(223, 223, 223));
    align-items: 0;
    margin: 0px; /*var(--menue-margin);*/
    margin-top: var(--ButtonTop);
    /*margin-left: calc(650px*var(--view2));*/
    list-style: none;
    display: flex;
    justify-content: center;
    margin-left:calc(27% + var(--1Produktbox)); 
    box-shadow: 0px 5px 13px 2px #c2c2c2;
}

.ButWerkzeug a{
    width: 100%;
    align-items: center;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 5px;
    padding-left: 45px;
    padding-right: 0px;
    text-decoration: none;
} 

.ButMessen{
    width: var(--ProduktboxWidth);
    box-sizing:border-box;
    background-color: white;
    background-image:linear-gradient(white, rgba(189, 218, 85, 0.555) 25px, rgb(189, 218, 85, 0.555) 29px, rgb(233, 233, 233));
    align-items: 0;
    margin: 0px; /*var(--menue-margin);*/
    margin-top: -25px;
    margin-left:calc(27% + calc(var(--1Produktbox) + var(--Produktboxdiif))); 
    list-style: none;
   display: flex;
   box-shadow: 0px 5px 13px 2px #c2c2c2;
}

.ButMessen a{
    width: 100%;
    align-items: center;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 5px;
    padding-left: 40px;
    text-decoration: none;
}

.ButEntwicklung{
    width: var(--ProduktboxWidth);;
    box-sizing:border-box;
    background-color: white;
    background-image:linear-gradient(white, rgba(85, 218, 163, 0.555) 25px, rgb(85, 218, 163, 0.555) 29px, rgb(223, 223, 223));
    align-items: 0;
    margin: 0px; /*var(--menue-margin);*/
    margin-top: -27px;
    margin-left:calc(27% + calc(var(--1Produktbox) + (2 * var(--Produktboxdiif))));
    list-style: none;
   display: flex;
   box-shadow: 0px 5px 13px 2px #c2c2c2;
}

.ButEntwicklung a{
    width: 100%;
    align-items: center;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 5px;
    padding-left: 50px;
    text-decoration: none;
}

.ButMaschine{
    width: var(--ProduktboxWidth);;
    box-sizing:border-box;
    background-color: white;
    background-image:linear-gradient(white, rgba(201, 101, 221, 0.555) 25px, rgba(201, 101, 221, 0.555) 29px, rgb(223, 223, 223));
    align-items: 0;
    margin: 0px; /*var(--menue-margin);*/
    margin-top: -27px;
    margin-left:calc(27% + calc(var(--1Produktbox) + (2 * var(--Produktboxdiif))));
    list-style: none;
    display: flex;
    box-shadow: 0px 5px 13px 2px #c2c2c2;
}

.ButMaschine a{
    width: 100%;
    align-items: center;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 5px;
    padding-left: 27px;
    text-decoration: none;
}

.ButSoftware{
    width: var(--ProduktboxWidth);
    box-sizing:border-box;
    background-color: white;
    background-image:linear-gradient(white, rgba(85, 120, 218, 0.555) 25px, rgb(85, 120, 218, 0.555) 29px, rgb(223, 223, 223));
    align-items: 0;
    margin: 0px; 
    margin-top: var(--ButtonTop2);
    list-style: none;
    display: flex;
    justify-content: center;
    margin-left:calc(27% + var(--1Produktbox)); 
    box-shadow: 0px 5px 13px 2px #c2c2c2;
}

.ButSoftware a{
    width: 100%;
    align-items: center;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 5px;
    padding-left: 60px;
    padding-right: 0px;
    text-decoration: none;
} 


.ButAuslegung{
    width: var(--ProduktboxWidth);
    box-sizing:border-box;
    background-color: white;
    background-image:linear-gradient(white, rgba(189, 218, 85, 0.555) 25px, rgb(189, 218, 85, 0.555) 29px, rgb(223, 223, 223));
    align-items: 0;
    margin: 0px; /*var(--menue-margin);*/
    margin-top: -25px;
    margin-left:calc(27% + calc(var(--1Produktbox) + var(--Produktboxdiif))); 
    list-style: none;
   display: flex;
   box-shadow: 0px 5px 13px 2px #c2c2c2;
}

.ButAuslegung a{
    width: 100%;
    align-items: center;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 5px;
    padding-left: 50px;
    text-decoration: none;
}

.ButAnwendungstechnik{
    width: var(--ProduktboxWidth);;
    box-sizing:border-box;
    background-color: white;
    background-image:linear-gradient(white, rgba(85, 218, 163, 0.555) 25px, rgb(85, 218, 163, 0.555) 29px, rgb(223, 223, 223));
    align-items: 0;
    margin: 0px; 
    margin-top: -27px;
    margin-left:calc(27% + calc(var(--1Produktbox) + (2 * var(--Produktboxdiif))));
    list-style: none;
   display: flex;
   box-shadow: 0px 5px 13px 2px #c2c2c2;
}

.ButAnwendungstechnik a{
    width: 100%;
    align-items: center;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding: 5px;
    padding-left: 30px;
    text-decoration: none;
}




.BoxWerkzeug{
    width: var(--ProduktboxWidth);
    height:  var(--ProduktboxHeight);
    box-sizing: border-box;
    /* border: solid 1px rgba(0, 0, 255, 0.568);*/
    display: flex;
    padding: var(--BoxPadding);
    padding-top:  var(--BoxpPaddingTop);
    margin-left:calc(27% + var(--1Produktbox));
    margin-top:-2px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 1%;
	border-bottom-right-radius: 1%;
}

.BoxWerkzeug a{
  margin-right: 2px;
  align-items: center;
  font-size: var(--FontSizeBox);
  color: rgba(24, 24, 31, 0.897);
  text-decoration: none;
}
.BoxWerkzeug img{
    height: 23vh;
    width: 78%;
    margin-left: 20px;
    margin-top: 20px;

}

.BoxMessen{
    width: var(--ProduktboxWidth);
    height: var(--ProduktboxHeight);
    box-sizing:border-box;
     /* border: solid 1px rgba(0, 0, 255, 0.568);*/
    display: flex;
    padding: var(--BoxPadding);
    padding-top:  var(--BoxpPaddingTop);
    margin-left: calc(27% + calc(var(--1Produktbox) + (1 * var(--Produktboxdiif))));
    margin-top:-300px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 1%;
	border-bottom-right-radius: 1%;
}

.BoxMessen a{
    align-items: center;
   
    font-size: var(--FontSizeBox);
    color: rgba(24, 24, 31, 0.897);
    text-decoration: none;
  }

  .BoxMessen img{
    height: 21vh;
    width: 100%;
    margin-top: 60px;
    margin-left: 2px;
    margin-top: 10px;
  }


.BoxEntwicklung{
    width: var(--ProduktboxWidth);
    height: var(--ProduktboxHeight);
    box-sizing:border-box;
    display: flex;
    padding: var(--BoxPadding);
    padding-top:  var(--BoxpPaddingTop);
    margin-left:calc(27% + calc(var(--1Produktbox) + (2 * var(--Produktboxdiif))));
    margin-top:-300px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 1%;
	border-bottom-right-radius: 1%;
}

.BoxEntwicklung a{
    align-items: center;
       font-size: var(--FontSizeBox);
    color: rgba(24, 24, 31, 0.897);
    text-decoration: none;
}

.BoxEntwicklung img{
    height: 20vh;
    width: 90%;
    margin-top: 60px;
    margin-left: 10px;
    margin-top: 10px;
}

.BoxMaschine{
    width: var(--ProduktboxWidth);
    height: var(--ProduktboxHeight);
    box-sizing:border-box;
    display: flex;
    padding: var(--BoxPadding);
    padding-top:  var(--BoxpPaddingTop);
    margin-left:calc(27% + calc(var(--1Produktbox) + (2 * var(--Produktboxdiif))));
    margin-top:-300px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 1%;
	border-bottom-right-radius: 1%;
}

.BoxMaschine a{
    align-items: center;
    font-size: var(--FontSizeBox);
    color: rgba(24, 24, 31, 0.897);
    text-decoration: none;
}

.BoxMaschine img{
    height: 20vh;
    width: 90%;
    margin-top: 60px;
    margin-left: 10px;
    margin-top: 10px;
}



.BoxSoftware{
    width: var(--ProduktboxWidth);
    height:  var(--ProduktboxHeight);
    box-sizing: border-box;
    /* border: solid 1px rgba(0, 0, 255, 0.568);*/
    display: flex;
    padding: var(--BoxPadding);
    padding-top:  var(--BoxpPaddingTop);
    margin-left:calc(27% + var(--1Produktbox));
    margin-top:-2px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 1%;
	border-bottom-right-radius: 1%;
}

.BoxSoftware a{
  margin-right: 2px;
  align-items: center;
  font-size: var(--FontSizeBox);
  color: rgba(24, 24, 31, 0.897);
  text-decoration: none;
}
.BoxSoftware img{
    height: 21vh;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;

}

.BoxAuslegung{
    width: var(--ProduktboxWidth);
    height: var(--ProduktboxHeight);
    box-sizing:border-box;
     /* border: solid 1px rgba(0, 0, 255, 0.568);*/
    display: flex;
    padding: var(--BoxPadding);
    padding-top:  var(--BoxpPaddingTop);
    margin-left: calc(27% + calc(var(--1Produktbox) + (1 * var(--Produktboxdiif))));
    margin-top:-300px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 1%;
	border-bottom-right-radius: 1%;
}

.BoxAuslegung a{
    align-items: center;
   
    font-size: var(--FontSizeBox);
    color: rgba(24, 24, 31, 0.897);
    text-decoration: none;
  }

  .BoxAuslegung img{
    height: 21vh;
    width: 100%;
    margin-left: 2px;
    margin-top: 20px;
  }

  .BoxAnwendungstechnik{
    width: var(--ProduktboxWidth);
    height: var(--ProduktboxHeight);
    box-sizing:border-box;
    display: flex;
    padding: var(--BoxPadding);
    padding-top:  var(--BoxpPaddingTop);
    margin-left:calc(27% + calc(var(--1Produktbox) + (2 * var(--Produktboxdiif))));
    margin-top:-300px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 1%;
	border-bottom-right-radius: 1%;
}

.BoxAnwendungstechnik a{
    align-items: center;
       font-size: var(--FontSizeBox);
    color: rgba(24, 24, 31, 0.897);
    text-decoration: none;
}

.BoxAnwendungstechnik img{
    height: 21vh;
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
}




.Diamond{
    width: 580px;
    box-sizing:border-box;
    background-color: white;
    /*background-image:linear-gradient(white, rgba(85, 120, 218, 0.555) 25px, rgb(85, 120, 218, 0.555) 29px, rgb(223, 223, 223));*/
    align-items: 0;
    margin: 0px; /*var(--menue-margin);*/
   margin-top: 40px;
    /*margin-left: calc(650px*var(--view2));*/
    list-style: none;
    display: flex;
    /*justify-content:stretch;*/
    margin-left:calc(27% + var(--1Produktbox)); 
    box-shadow: 0px 5px 13px 2px #858484;
}


.Diamond a{
    width: 100%;
    align-items: center;
    font-size: var(--FontSizeBox);
    color: rgba(24, 24, 31, 0.897);
    padding: 5px;
    padding-top:10px;
    padding-left: 10px;
    padding-right: 0px;
    text-decoration: none;
}

.Competence1{
    margin: 10px;
    margin-top: 22px;
    margin-right: 45px;
}


/*.Competence1{
    margin-left: 20px;
}*/

.BoxEnd{
    width: var(--BoxEndWidth);
    box-sizing:border-box;
    background-color: white;
    
    align-items: 0;
    margin: 0px; /*var(--menue-margin);*/
    margin-top: 80px;
    margin-left: calc(var(--Logo-left) + 10px);
    list-style: none;
    display: flex;
    border-top: solid 1px rgba(24, 24, 31, 0.61);
   /*box-shadow: 0px 5px 13px 2px #c2c2c2;*/
}

.BoxEnd a{
    font-size: 11px;
    color: rgba(24, 24, 31, 0.897);
    padding: 10px;
    padding-top: 15px;
    align-items: center;
    margin-right: 0px;
}

ul li::marker{
    font-size: 100%; 
}

ul{
    margin-left: 50px;
}

.marking{
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    padding-top: 10px;
    align-items: center;
} 


.ImageSoftware1{
    width: 460px;
    height: 350px;
    box-sizing: border-box;
    /* border: solid 1px rgba(0, 0, 255, 0.568);*/
    display: block; 
    padding: 0px;
    padding-top: 0px ;
    margin-left:var(--Logo-left);
    margin-top: 30px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 0%;
	border-bottom-right-radius: 0%;
}

.ImageSoftware1 p{
  align-items: center;
  font-size: var(--FontSizeInfo);
  color: rgba(24, 24, 31, 0.897);
  text-decoration: none;
  margin-left: 10px;
}

.ImageSoftware1 img{
  /*height: 70%;
  width: 90%;*/
  margin-left: 0px;
  margin-top: 0px;
}

.ImageSoftware1b{
    width: 360px;
    height: 250px;
    box-sizing: border-box;
    /* border: solid 1px rgba(0, 0, 255, 0.568);*/
    
    padding: 0px;
    padding-top: 0px ;
    /*margin-left:var(--Logo-left);
    margin-top: 30px;
    box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 0%;
	border-bottom-right-radius: 0%;*/
}

.ImageSoftware1b p{
  align-items: center;
  font-size: var(--FontSizeInfo);
  color: rgba(24, 24, 31, 0.897);
  text-decoration: none;
  margin-left: 10px;
}

.ImageSoftware1b img{
  /*height: 70%;
  width: 90%;*/
  margin-left: 0px;
  margin-top: 0px;

}


.ImageSoftware2{
    width: 460px;
    height: 350px;
    box-sizing: border-box;
    /* border: solid 1px rgba(0, 0, 255, 0.568);*/
    display: block; 
    padding: 0px;
    padding-top: 0px ;
    margin-left: calc(var(--Logo-left) + 460px + 25px);
    margin-top: -350px;
   box-shadow: 0px 5px 13px 2px #858484;
    border-bottom-left-radius: 0%;
	border-bottom-right-radius: 0%;
}

.ImageSoftware2 p{
  align-items: center;
  font-size: var(--FontSizeInfo);
  color: rgba(24, 24, 31, 0.897);
  text-decoration: none;
  margin-left: 10px;
}

.ImageSoftware2 img{
  /*height: 90%;
  width: 90%;*/
  margin-left: 0px;
  margin-top: 0px;
}


.ImageGif{
    width: 460px;
    height: 350px;
   /* box-sizing: border-box; */
    /* border: solid 1px rgba(0, 0, 255, 0.568);*/
    display: block; 
    padding: 0px;
    padding-top: 0px ;
    margin-left:var(--Logo-left);
    margin-top: 30px;
    /*box-shadow: 0px 5px 13px 2px #858484;*/
    border-bottom-left-radius: 0%;
	border-bottom-right-radius: 0%;
}

.ImageGif p{
    align-items: center;
    font-size: var(--FontSizeInfo);
    color: rgba(24, 24, 31, 0.897);
    text-decoration: none;
    margin-left: 10px;
  }
  
  .ImageGif img{
    /*height: 90%;
    width: 90%;*/
    margin-left: 0px;
    margin-top: 0px;
  }

  #anker1{
    scroll-behavior: smooth;
  }


  

 .Mod3D {
    /*position: relative; */
    
    box-sizing: content-box;
    box-sizing: inherit;
    
    display: flex;
    margin-left: calc(27% - 120px);
    margin-top: 30px;
    width: 850px;
    height: 470px;
  
    box-shadow: 0px 5px 13px 2px #c2c2c2;
    border-style: solid 0px black;
    overflow:hidden;
    

 }
 
 .Mod3D iframe{
    box-sizing: border-box;
   
}

 #EmbeddedView-Iframe-171313{
   
    width: 100%;
    height: 70%;
     
    /*zoom: 1.8;  */
    /*  scale: 1.7; */
    transform: scale(1.7);
    margin-top: 50px;
    
    clip:rect(auto auto 150px auto)

}