#SchnyderWebflowGraphic .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 100px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#SchnyderWebflowGraphic .button.support_reparatur {
  position: absolute;
  left: 90px;
  top: 10px;
}

#SchnyderWebflowGraphic .button.prufen {
  position: absolute;
  left: 0px;
  top: 200px;
}

#SchnyderWebflowGraphic .button.identifizieren {
  position: absolute;
  left: 90px;
  top: 390px;
}

#SchnyderWebflowGraphic .button.auszeichnen {
  position: absolute;
  left: 510px;
  top: 390px;
}

#SchnyderWebflowGraphic .button.software {
  position: absolute;
  left: 600px;
  top: 200px;
  right: auto;
  bottom: auto;
}

#SchnyderWebflowGraphic .button.beratung {
  position: absolute;
  left: 510px;
  top: 10px;
  z-index: auto;
}

#SchnyderWebflowGraphic .background_button {
  position: absolute;
  width: 400px;
  height: 300px;
  background-image: url('../images/button1.svg');
  background-position: 50% 50%;
  background-size: 400px;
  background-repeat: no-repeat;
}

#SchnyderWebflowGraphic .background_button.support_reparatur {
  width: 212px;
  height: 75px;
  background-image: url('../images/button1.svg');
  background-size: auto 75px;
}

#SchnyderWebflowGraphic .background_button.prufen {
  width: 212px;
  height: 75px;
  background-image: url('../images/button2.svg');
  background-size: auto 75px;
}

#SchnyderWebflowGraphic .background_button.identifizieren {
  width: 212px;
  height: 75px;
  background-image: url('../images/button3.svg');
  background-size: auto 75px;
}

#SchnyderWebflowGraphic .background_button.auszeichnen {
  width: 212px;
  height: 75px;
  background-image: url('../images/button4.svg');
  background-size: auto 75px;
}

#SchnyderWebflowGraphic .background_button.software {
  width: 212px;
  height: 75px;
  background-image: url('../images/button5.svg');
  background-size: auto 75px;
}

#SchnyderWebflowGraphic .background_button.beratung {
  width: 212px;
  height: 75px;
  background-image: url('../images/button6.svg');
  background-size: auto 75px;
}

/* French mode active */

#SchnyderWebflowGraphic.fr .background_button.support_reparatur {
	background-image: url('../images/fr/button1.svg');
}

#SchnyderWebflowGraphic.fr .background_button.prufen {
	background-image: url('../images/fr/button2.svg');
}

#SchnyderWebflowGraphic.fr .background_button.identifizieren {
	background-image: url('../images/fr/button3.svg');
}

#SchnyderWebflowGraphic.fr .background_button.auszeichnen {
	background-image: url('../images/fr/button4.svg');
}

#SchnyderWebflowGraphic.fr .background_button.software {
	background-image: url('../images/fr/button5.svg');
}

#SchnyderWebflowGraphic.fr .background_button.beratung {
	background-image: url('../images/fr/button6.svg');
}


#SchnyderWebflowGraphic .icon {
  position: absolute;
  width: 400px;
  height: 300px;
  background-image: url('../images/icon1.svg');
  background-position: 85% 50%;
  background-size: 135px;
  background-repeat: no-repeat;
}

#SchnyderWebflowGraphic .icon.support_reparatur {
  left: 207.5px;
  width: 75px;
  height: 75px;
  background-image: url('../images/icon1.svg');
  background-position: 50% 50%;
  background-size: 75px;
}

#SchnyderWebflowGraphic .icon.prufen {
  left: 208.5px;
  width: 75px;
  height: 75px;
  background-image: url('../images/icon2.svg');
  background-position: 50% 50%;
  background-size: 75px;
}

#SchnyderWebflowGraphic .icon.identifizieren {
  left: 207.5px;
  width: 75px;
  height: 75px;
  background-image: url('../images/icon3.svg');
  background-position: 50% 50%;
  background-size: 75px;
}

#SchnyderWebflowGraphic .icon.auszeichnen {
  left: 14.5px;
  width: 75px;
  height: 75px;
  background-image: url('../images/icon4.svg');
  background-position: 12% 49%;
  background-size: 75px;
}

#SchnyderWebflowGraphic .icon.software {
  left: 14.5px;
  width: 75px;
  height: 75px;
  background-image: url('../images/icon5.svg');
  background-position: 50% 50%;
  background-size: 75px;
}

#SchnyderWebflowGraphic .icon.beratung {
  left: 14.5px;
  width: 75px;
  height: 75px;
  background-image: url('../images/icon6.svg');
  background-position: 20% 50%;
  background-size: 75px;
}

#SchnyderWebflowGraphic.kreis {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 890px; 
	height: 500px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background-image: url('../images/kreis-fett.svg');
	background-position: 50% 50%;
	background-size: 45%;
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
}

#SchnyderWebflowGraphic .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}



/* CUSTOM CHANGES */ 
/* ==================== */
#SchnyderWebflowGraphic .background_button,
#SchnyderWebflowGraphic .icon {
	transition: all .5s!important;
}
#SchnyderWebflowGraphic .button:hover .background_button {
	-webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)!important;
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)!important;
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)!important;
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)!important;
}
#SchnyderWebflowGraphic .button:hover .icon {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)!important;
    -moz-transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)!important;
    -ms-transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)!important;
    transform: translate3d(0, 0, 0) scale3d(1.3, 1.3, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)!important;
}