body,td,th {
	color: #fff; background-color: #fff; font-size: 1.5vw; font-family: 'Open Sans', sans-serif; color: #333333;
	
}

p { hyphens: auto; }



h3{
	font-size: 2.5vw; 
	text-decoration: none;
}

@font-face {
    font-family: 'Boston';
    src: 
         url('font/BostonBold.woff') format('woff'),
         url('font/BostonBold.ttf') format('truetype');
}





#reihe {
    
display: flex;
  width: 90%;
margin-left: 5%;


}

.reveal222{
  position: relative;
  transform: translateY(100px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal222.active{
  transform: translateY(0);
  opacity: 1;
}






#col1 {
    
width: 30%; padding:3%; 
}
#col2 {
    
width: 30%; padding:3%; 

}
#col3 {
    
width: 30%; padding:3%; 

}

















.textfeld-container44 {
      position: relative;
      width: 100%;
      height: auto;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .textfeld {
      width: 100%;
      padding: 0.5vw;
      box-sizing: border-box;
    }

    .balken {
      height: 8px;
      background-color: #364a1a;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

.textfeld-container44-ge {
      position: relative;
      width: 100%;
      height: auto;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .textfeld-ge {
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
    }

    .balken-ge {
      height: 8px;
      background-color: #ffd254;
      position: absolute;

      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

.textfeld-container44-sa {
      position: relative;
      width: 100%;
      height: auto;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .textfeld-sa {
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
    }

    .balken-sa {
      height: 8px;
      background-color: #8a9977;
      position: absolute;

      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }


.spalten-container44 {
      
      width: 51.5%; 
 
      
    }

    
    .linke-spalte {
      width: 40%;
float:left;
padding-left: 5%; 
          }

    .mittlere-spalte {
      width: 40%;
float:left;

          }

    .rechte-spalte {
      width: 15%;
      padding: 0;
text-align: bottom;
float:left;
 
          }

.spalten-container44-re {
      display: flex;
      width: 100%; /* Anpassen, wie gewünscht */
      margin: auto;
    }

    .linke-spalte-re,
    .mittlere-spalte-re,
    .rechte-spalte-re {
      box-sizing: border-box;
      
    }

    .linke-spalte-re {
      width: 20%;
          }

    .mittlere-spalte-re {
      width: 40%;
padding: 10px; 
          }

    .rechte-spalte-re {
      width: 40%;
      padding: 20px; 
          }

.square-button16 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 10.5vw;

            overflow: hidden;
background-image: url('images/2013-team-murr.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button16:hover {
 background-image: url('images/2013-team-murr-h.jpg');
        }

        .square-button16:active {
 background-image: url('images/2013-team-murr-h.jpg');
        }


.square-button2023-1 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 15.75vw;

            overflow: hidden;
background-image: url('images/2023_Julius_Lindenlaub_Fr.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2023-1:hover {
background-image: url('images/2023_Julius_Lindenlaub_Fr-h.jpg');
        }

        .square-button2023-1:active {
background-image: url('images/2023_Julius_Lindenlaub_Fr-h.jpg');
        }

.square-button2023-2 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 15.75vw;

            overflow: hidden;
background-image: url('images/2023_Jona-Knoll.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2023-2:hover {
background-image: url('images/2023_Jona-Knoll-h.jpg');
        }

        .square-button2023-2:active {
background-image: url('images/2023_Jona-Knoll-h.jpg');
        }


.square-button2023-3 {
            display: inline-block;
            position: relative;
            width: 13vw;
            height: 19vw;
            overflow: hidden;
background-image: url('images/2023_Julius_Lindenlaub_Ab.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2023-3:hover {
background-image: url('images/2023_Julius_Lindenlaub_Ab-h.jpg');
        }

        .square-button2023-3:active {
background-image: url('images/2023_Julius_Lindenlaub_Ab-h.jpg');
        }

.square-button2022-1 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 15.75vw;

            overflow: hidden;
background-image: url('images/2022_Buero-Weimar.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2022-1:hover {
background-image: url('images/2022_Buero-Weimar-h.jpg');
        }

        .square-button2022-1:active {
background-image: url('images/2022_Buero-Weimar-h.jpg');
        }

.square-button2022-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 10.5vw;

            overflow: hidden;
background-image: url('images/2022_Buero-Weimar2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2022-2:hover {
background-image: url('images/2022_Buero-Weimar2-h.jpg');
        }

        .square-button2022-2:active {
background-image: url('images/2022_Buero-Weimar2-h.jpg');
        }

.square-button2021-1 {
            display: inline-block;
            position: relative;
            width: 13vw;
            height: 19vw;


            overflow: hidden;
background-image: url('images/2021_Preise-Buga2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2021-1:hover {
background-image: url('images/2021_Preise-Buga2-h.jpg');
        }

        .square-button2021-1:active {
background-image: url('images/2021_Preise-Buga2-h.jpg');
        }

.square-button2021-2 {
            display: inline-block;
            position: relative;
            width: 13vw;
            height: 19vw;


            overflow: hidden;
background-image: url('images/2021_Preise-Buga.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2021-2:hover {
background-image: url('images/2021_Preise-Buga-h.jpg');
        }

        .square-button2021-2:active {
background-image: url('images/2021_Preise-Buga-h.jpg');
        }
.square-button2021-3 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 17.25vw;

            overflow: hidden;
background-image: url('images/2021_BUGA.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2021-3:hover {
background-image: url('images/2021_BUGA-h.jpg');
        }

        .square-button2021-3:active {
background-image: url('images/2021_BUGA-h.jpg');
        }

.square-button2021-4 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2021_BUGA2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2021-4:hover {
background-image: url('images/2021_BUGA2-h.jpg');
        }

        .square-button2021-4:active {
background-image: url('images/2021_BUGA2-h.jpg');
        }

.square-button2019-1 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2019-Jubilaeum.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2019-1:hover {
background-image: url('images/2019-Jubilaeum-h.jpg');
        }

        .square-button2019-1:active {
background-image: url('images/2019-Jubilaeum-h.jpg');
        }

.square-button2019-2 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2019-Jubilaeum2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2019-2:hover {
background-image: url('images/2019-Jubilaeum2-h.jpg');
        }

        .square-button2019-2:active {
background-image: url('images/2019-Jubilaeum2-h.jpg');
        }

.square-button2019-3 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 17.25vw;

            overflow: hidden;
background-image: url('images/2019-Jubilaeum-GF.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2019-3:hover {
background-image: url('images/2019-Jubilaeum-GF-h.jpg');
        }

        .square-button2019-3:active {
background-image: url('images/2019-Jubilaeum-GF-h.jpg');
        }

.square-button2019-4 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2019-Ausflug-Wuerzburg.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2019-4:hover {
background-image: url('images/2019-Ausflug-Wuerzburg-h.jpg');
        }

        .square-button2019-4:active {
background-image: url('images/2019-Ausflug-Wuerzburg-h.jpg');
        }

.square-button2019-5 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2019-Ausflug.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2019-5:hover {
background-image: url('images/2019-Ausflug-h.jpg');
        }

        .square-button2019-5:active {
background-image: url('images/2019-Ausflug-h.jpg');
        }

.square-button2019-6 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2019-Ausflug2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2019-6:hover {
background-image: url('images/2019-Ausflug2-h.jpg');
        }

        .square-button2019-6:active {
background-image: url('images/2019-Ausflug2-h.jpg');
        }

.square-button2019-7 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2019-Ausflug3.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2019-7:hover {
background-image: url('images/2019-Ausflug3-h.jpg');
        }

        .square-button2019-7:active {
background-image: url('images/2019-Ausflug3-h.jpg');
        }

.square-button2017-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2017-IHK.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2017-1:hover {
background-image: url('images/2017-IHK-h.jpg');
        }

        .square-button2017-1:active {
background-image: url('images/2017-IHK-h.jpg');
        }

.square-button2017-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2017-Betriebsfest.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2017-2:hover {
background-image: url('images/2017-Betriebsfest-h.jpg');
        }

        .square-button2017-2:active {
background-image: url('images/2017-Betriebsfest-h.jpg');
        }

.square-button2016-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2016-Weimar.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2016-1:hover {
background-image: url('images/2016-Weimar-h.jpg');
        }

        .square-button2016-1:active {
background-image: url('images/2016-Weimar-h.jpg');
        }

.square-button2015-1 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2015-Team-Weimar.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2015-1:hover {
background-image: url('images/2015-Team-Weimar-h.jpg');
        }

        .square-button2015-1:active {
background-image: url('images/2015-Team-Weimar-h.jpg');
        }

.square-button2015-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2015-Rotes-Kreuz.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2015-2:hover {
background-image: url('images/2015-Rotes-Kreuz-h.jpg');
        }

        .square-button2015-2:active {
background-image: url('images/2015-Rotes-Kreuz-h.jpg');
        }

.square-button2015-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2015-Rotes-Kreuz2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2015-3:hover {
background-image: url('images/2015-Rotes-Kreuz2-h.jpg');
        }

        .square-button2015-3:active {
background-image: url('images/2015-Rotes-Kreuz2-h.jpg');
        }

.square-button2015-4 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2015-Rotes-Kreuz3.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2015-4:hover {
background-image: url('images/2015-Rotes-Kreuz3-h.jpg');
        }

        .square-button2015-4:active {
background-image: url('images/2015-Rotes-Kreuz3-h.jpg');
        }

.square-button2013-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-hallenbau.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-1:hover {
background-image: url('images/2013-hallenbau-h.jpg');
        }

        .square-button2013-1:active {
background-image: url('images/2013-hallenbau-h.jpg');
        }

.square-button2013-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-hallenbau2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-2:hover {
background-image: url('images/2013-hallenbau2-h.jpg');
        }

        .square-button2013-2:active {
background-image: url('images/2013-hallenbau2-h.jpg');
        }

.square-button2013-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-hallenbau3.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-3:hover {
background-image: url('images/2013-hallenbau3-h.jpg');
        }

        .square-button2013-3:active {
background-image: url('images/2013-hallenbau3-h.jpg');
        }

.square-button2013-4 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-offene-tuer.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-4:hover {
background-image: url('images/2013-offene-tuer-h.jpg');
        }

        .square-button2013-4:active {
background-image: url('images/2013-offene-tuer-h.jpg');
        }

.square-button2013-5 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-offene-tuer2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-5:hover {
background-image: url('images/2013-offene-tuer2-h.jpg');
        }

        .square-button2013-5:active {
background-image: url('images/2013-offene-tuer2-h.jpg');
        }

.square-button2013-6 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-offene-tuer3.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-6:hover {
background-image: url('images/2013-offene-tuer3-h.jpg');
        }

        .square-button2013-6:active {
background-image: url('images/2013-offene-tuer3-h.jpg');
        }

.square-button2013-7 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-team-murr.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-7:hover {
background-image: url('images/2013-team-murr-h.jpg');
        }

        .square-button2013-7:active {
background-image: url('images/2013-team-murr-h.jpg');
        }

.square-button2013-7 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-team-murr.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-7:hover {
background-image: url('images/2013-team-murr-h.jpg');
        }

        .square-button2013-7:active {
background-image: url('images/2013-team-murr-h.jpg');
        }

.square-button2013-8 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2013-vfb.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2013-8:hover {
background-image: url('images/2013-vfb-h.jpg');
        }

        .square-button2013-8:active {
background-image: url('images/2013-vfb-h.jpg');
        }

.square-button2012-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2012-murr.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2012-1:hover {
background-image: url('images/2012-murr-h.jpg');
        }

        .square-button2012-1:active {
background-image: url('images/2012-murr-h.jpg');
        }

.square-button2011-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2011-blueba.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2011-1:hover {
background-image: url('images/2011-blueba-h.jpg');
        }

        .square-button2011-1:active {
background-image: url('images/2011-blueba-h.jpg');
        }

.square-button2011-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2011-blueba2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2011-2:hover {
background-image: url('images/2011-blueba2-h.jpg');
        }

        .square-button2011-2:active {
background-image: url('images/2011-blueba2-h.jpg');
        }

.square-button2009-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2009-weimar.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2009-1:hover {
background-image: url('images/2009-weimar-h.jpg');
        }

        .square-button2009-1:active {
background-image: url('images/2009-weimar-h.jpg');
        }

.square-button2009-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2009-weimar2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2009-2:hover {
background-image: url('images/2009-weimar2-h.jpg');
        }

        .square-button2009-2:active {
background-image: url('images/2009-weimar2-h.jpg');
        }

.square-button2009-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2009-weimar3.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2009-3:hover {
background-image: url('images/2009-weimar3-h.jpg');
        }

        .square-button2009-3:active {
background-image: url('images/2009-weimar3-h.jpg');
        }

.square-button2009-4 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2009-murr.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2009-4:hover {
background-image: url('images/2009-murr-h.jpg');
        }

        .square-button2009-4:active {
background-image: url('images/2009-murr-h.jpg');
        }

.square-button2003-1 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 15.5vw;

            overflow: hidden;
background-image: url('images/2003-team-murr.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2003-1:hover {
background-image: url('images/2003-team-murr-h.jpg');
        }

        .square-button2003-1:active {
background-image: url('images/2003-team-murr-h.jpg');
        }

.square-button2002-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2002-weimar.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2002-1:hover {
background-image: url('images/2002-weimar-h.jpg');
        }

        .square-button2002-1:active {
background-image: url('images/2002-weimar-h.jpg');
        }

.square-button2002-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2002-lagerhalle.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2002-2:hover {
background-image: url('images/2002-lagerhalle-h.jpg');
        }

        .square-button2002-2:active {
background-image: url('images/2002-lagerhalle-h.jpg');
        }

.square-button2000-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2000-messe.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2000-1:hover {
background-image: url('images/2000-messe-h.jpg');
        }

        .square-button2000-1:active {
background-image: url('images/2000-messe-h.jpg');
        }

.square-button2000-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2000-messe2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2000-2:hover {
background-image: url('images/2000-messe2-h.jpg');
        }

        .square-button2000-2:active {
background-image: url('images/2000-messe2-h.jpg');
        }

.square-button2000-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;

            overflow: hidden;
background-image: url('images/2000-info.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2000-3:hover {
background-image: url('images/2000-info-h.jpg');
        }

        .square-button2000-3:active {
background-image: url('images/2000-info-h.jpg');
        }




.square-button1999-1 {
            display: inline-block;
            position: relative;
            width: 13vw;
            height: 19vw;


            overflow: hidden;
background-image: url('images/1999-meisterbrief.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1999-1:hover {
background-image: url('images/1999-meisterbrief-h.jpg');
        }

        .square-button1999-1:active {
background-image: url('images/1999-meisterbrief-h.jpg');
        }

.square-button1998-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 24vw;
            overflow: hidden;
background-image: url('images/1998-diplom.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1998-1:hover {
background-image: url('images/1998-diplom-h.jpg');
        }

        .square-button1998-1:active {
background-image: url('images/1998-diplom-h.jpg');
        }

.square-button1998-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1998-laga.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1998-2:hover {
background-image: url('images/1998-laga-h.jpg');
        }

        .square-button1998-2:active {
background-image: url('images/1998-laga-h.jpg');
        }

.square-button1998-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1998-laga2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1998-3:hover {
background-image: url('images/1998-laga2-h.jpg');
        }

        .square-button1998-3:active {
background-image: url('images/1998-laga2-h.jpg');
        }

.square-button1996-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1998-weimar.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1996-1:hover {
background-image: url('images/1998-weimar-h.jpg');
        }

        .square-button1996-1:active {
background-image: url('images/1998-weimar-h.jpg');
        }

.square-button1996-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1996-baustelle.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1996-2:hover {
background-image: url('images/1996-baustelle-h.jpg');
        }

        .square-button1996-2:active {
background-image: url('images/1996-baustelle-h.jpg');
        }

.square-button1996-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1996-baustelle2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1996-3:hover {
background-image: url('images/1996-baustelle2-h.jpg');
        }

        .square-button1996-3:active {
background-image: url('images/1996-baustelle2-h.jpg');
        }


.square-button1995-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1995-messe.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1995-1:hover {
background-image: url('images/1995-messe-h.jpg');
        }

        .square-button1995-1:active {
background-image: url('images/1995-messe-h.jpg');
        }

.square-button1995-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1995-messe2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1995-2:hover {
background-image: url('images/1995-messe2-h.jpg');
        }

        .square-button1995-2:active {
background-image: url('images/1995-messe2-h.jpg');
        }

.square-button1993-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-iga0.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-1:hover {
background-image: url('images/1993-iga0-h.jpg');
        }

        .square-button1993-1:active {
background-image: url('images/1993-iga0-h.jpg');
        }

.square-button1993-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-iga1.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-2:hover {
background-image: url('images/1993-iga1-h.jpg');
        }

        .square-button1993-2:active {
background-image: url('images/1993-iga1-h.jpg');
        }

.square-button1993-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-iga2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-2:hover {
background-image: url('images/1993-iga2-h.jpg');
        }

        .square-button1993-2:active {
background-image: url('images/1993-iga2-h.jpg');
        }

.square-button1993-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-iga3.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-3:hover {
background-image: url('images/1993-iga3-h.jpg');
        }

        .square-button1993-3:active {
background-image: url('images/1993-iga3-h.jpg');
        }

.square-button1993-4 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-iga4.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-4:hover {
background-image: url('images/1993-iga4-h.jpg');
        }

        .square-button1993-4:active {
background-image: url('images/1993-iga4-h.jpg');
        }

.square-button1993-5 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-iga5.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-5:hover {
background-image: url('images/1993-iga5-h.jpg');
        }

        .square-button1993-5:active {
background-image: url('images/1993-iga5-h.jpg');
        }

.square-button1993-6 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-iga6.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-6:hover {
background-image: url('images/1993-iga6-h.jpg');
        }

        .square-button1993-6:active {
background-image: url('images/1993-iga6-h.jpg');
        }

.square-button1993-7 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-igabrand.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-7:hover {
background-image: url('images/1993-igabrand-h.jpg');
        }

        .square-button1993-7:active {
background-image: url('images/1993-igabrand-h.jpg');
        }

.square-button1993-10 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1993-igabrand2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-10:hover {
background-image: url('images/1993-igabrand2-h.jpg');
        }

        .square-button1993-10:active {
background-image: url('images/1993-igabrand2-h.jpg');
        }

.square-button1993-8 {
            display: inline-block;
            position: relative;
            width: 13vw;
            height: 19vw;

            overflow: hidden;
background-image: url('images/1993-ehrenpreis.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1993-8:hover {
background-image: url('images/1993-ehrenpreis-h.jpg');
        }

        .square-button1993-8:active {
background-image: url('images/1993-ehrenpreis-h.jpg');
        }

.square-button1992-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1992-sondershausen.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1992-1:hover {
background-image: url('images/1992-sondershausen-h.jpg');
        }

        .square-button1992-1:active {
background-image: url('images/1992-sondershausen-h.jpg');
        }


.square-button1990-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1990-baumschule.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1990-1:hover {
background-image: url('images/1990-baumschule-h.jpg');
        }

        .square-button1990-1:active {
background-image: url('images/1990-baumschule-h.jpg');
        }

.square-button1990-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1990-bau0.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1990-2:hover {
background-image: url('images/1990-bau0-h.jpg');
        }

        .square-button1990-2:active {
background-image: url('images/1990-bau0-h.jpg');
        }

.square-button1990-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1990-bau1.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1990-3:hover {
background-image: url('images/1990-bau1-h.jpg');
        }

        .square-button1990-3:active {
background-image: url('images/1990-bau1-h.jpg');
        }

.square-button1990-4 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1990-bau2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1990-4:hover {
background-image: url('images/1990-bau2-h.jpg');
        }

        .square-button1990-4:active {
background-image: url('images/1990-bau2-h.jpg');
        }

.square-button1990-5 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1990-bau3.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1990-5:hover {
background-image: url('images/1990-bau3-h.jpg');
        }

        .square-button1990-5:active {
background-image: url('images/1990-bau3-h.jpg');
        }

.square-button1990-6 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1991-schlepper.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1990-6:hover {
background-image: url('images/1991-schlepper-h.jpg');
        }

        .square-button1990-6:active {
background-image: url('images/1991-schlepper-h.jpg');
        }


.square-button1980-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1988-baum2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-1:hover {
background-image: url('images/1988-baum2-h.jpg');
        }

        .square-button1980-1:active {
background-image: url('images/1988-baum2-h.jpg');
        }

.square-button1980-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1988-baum1.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-2:hover {
background-image: url('images/1988-baum1-h.jpg');
        }

        .square-button1980-2:active {
background-image: url('images/1988-baum1-h.jpg');
        }

.square-button1980-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1988-baum0.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-3:hover {
background-image: url('images/1988-baum0-h.jpg');
        }

        .square-button1980-3:active {
background-image: url('images/1988-baum0-h.jpg');
        }

.square-button1980-4 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1986-lkw.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-4:hover {
background-image: url('images/1986-lkw-h.jpg');
        }

        .square-button1980-4:active {
background-image: url('images/1986-lkw-h.jpg');
        }

.square-button1980-5 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1986-dach.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-5:hover {
background-image: url('images/1986-dach-h.jpg');
        }

        .square-button1980-5:active {
background-image: url('images/1986-dach-h.jpg');
        }

.square-button1980-6 {
            display: inline-block;
            position: relative;
            width: 13vw;
            height: 19vw;
            overflow: hidden;
background-image: url('images/1984-terralift.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-6:hover {
background-image: url('images/1984-terralift-h.jpg');
        }

        .square-button1980-6:active {
background-image: url('images/1984-terralift-h.jpg');
        }

        .square-button1980-88:active {
background-image: url('images/1980-radlader-h.jpg');
        }

.square-button1980-8 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1984-luftbild.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-8:hover {
background-image: url('images/1984-luftbild-h.jpg');
        }

        .square-button1980-8:active {
background-image: url('images/1984-luftbild-h.jpg');
        }

.square-button1980-22 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1981-baustelle.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-22:hover {
background-image: url('images/1981-baustelle-h.jpg');
        }

        .square-button1980-22:active {
background-image: url('images/1981-baustelle-h.jpg');
        }

.square-button1980-9 {
            display: inline-block;
            position: relative;
            width: 13vw;
            height: 18.5vw;
            overflow: hidden;
background-image: url('images/1980-sl-ul.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-9:hover {
background-image: url('images/1980-sl-ul-h.jpg');
        }

        .square-button1980-9:active {
background-image: url('images/1980-sl-ul-h.jpg');
        }

.square-button1980-10 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1980-hoekel.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-10:hover {
background-image: url('images/1980-hoekel-h.jpg');
        }

        .square-button1980-10:active {
background-image: url('images/1980-hoekel-h.jpg');
        }

.square-button1980-11 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1980-gewerbe.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-11:hover {
background-image: url('images/1980-gewerbe-h.jpg');
        }

        .square-button1980-11:active {
background-image: url('images/1980-gewerbe-h.jpg');
        }

.square-button1980-12 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1984-spezial.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-12:hover {
background-image: url('images/1984-spezial-h.jpg');
        }

        .square-button1980-12:active {
background-image: url('images/1984-spezial-h.jpg');
        }


.square-button1980-13 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1980-radlader.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1980-13:hover {
background-image: url('images/1980-radlader-h.jpg');
        }

        .square-button1980-13:active {
background-image: url('images/1980-radlader-h.jpg');
        }

.square-button1975-1 {
            display: inline-block;
            position: relative;
            width: 24vw;
            height: 17vw;
            overflow: hidden;
background-image: url('images/1975-mitarbeiter.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1975-1:hover {
background-image: url('images/1975-mitarbeiter-h.jpg');
        }

        .square-button1975-1:active {
background-image: url('images/1975-mitarbeiter-h.jpg');
        }

.square-button1974-1 {
            display: inline-block;
            position: relative;
            width: 25vw;
            height: 18.5vw;
            overflow: hidden;
background-image: url('images/1974-gewerbe.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1974-1:hover {
background-image: url('images/1974-gewerbe-h.jpg');
        }

        .square-button1974-1:active {
background-image: url('images/1974-gewerbe-h.jpg');
        }

.square-button1971-1 {
            display: inline-block;
            position: relative;
            width: 13vw;
            height: 19vw;
            overflow: hidden;
background-image: url('images/1971-meisterbrief.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1971-1:hover {
background-image: url('images/1971-meisterbrief-h.jpg');
        }

        .square-button1971-1:active {
background-image: url('images/1971-meisterbrief-h.jpg');
        }

.square-button1969-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1969-siegfried-lindenlaub.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1969-1:hover {
background-image: url('images/1969-siegfried-lindenlaub-h.jpg');
        }

        .square-button1969-1:active {
background-image: url('images/1969-siegfried-lindenlaub-h.jpg');
        }

.square-button1969-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1969-betriebshof.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1969-2:hover {
background-image: url('images/1969-betriebshof-h.jpg');
        }

        .square-button1969-2:active {
background-image: url('images/1969-betriebshof-h.jpg');
        }

.square-button1969-3 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1969-fahrzeug0.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1969-3:hover {
background-image: url('images/1969-fahrzeug0-h.jpg');
        }

        .square-button1969-3:active {
background-image: url('images/1969-fahrzeug0-h.jpg');
        }

.square-button1969-4 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1969-fahrzeug1.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1969-4:hover {
background-image: url('images/1969-fahrzeug1-h.jpg');
        }

        .square-button1969-4:active {
background-image: url('images/1969-fahrzeug1-h.jpg');
        }

.square-button1969-5 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1969-fahrzeug2.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1969-5:hover {
background-image: url('images/1969-fahrzeug2-h.jpg');
        }

        .square-button1969-5:active {
background-image: url('images/1969-fahrzeug2-h.jpg');
        }

.square-button1969-6 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 11.5vw;
            overflow: hidden;
background-image: url('images/1969-fahrzeug3.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button1969-6:hover {
background-image: url('images/1969-fahrzeug3-h.jpg');
        }

        .square-button1969-3:active {
background-image: url('images/1969-fahrzeug3-h.jpg');
        }

.square-button2024-1 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 24vw;
            overflow: hidden;
background-image: url('images/2024-timo-knoll.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2024-1:hover {
background-image: url('images/2024-timo-knoll-h.jpg');
        }

        .square-button2024-1:active {
background-image: url('images/2024-timo-knoll-h.jpg');
        }

.square-button2024-2 {
            display: inline-block;
            position: relative;
            width: 16vw;
            height: 24vw;
            overflow: hidden;
background-image: url('images/2024-silber.jpg');
            background-size: cover;
            background-position: center;
            transition: background-image 0.3s ease-in-out;
        }

        .square-button2024-2:hover {
background-image: url('images/2024-silber-h.jpg');
        }

        .square-button2024-2:active {
background-image: url('images/2024-silber-h.jpg');
        }