:root {
  --url: url("https://solarpanelmobile.ch/wp-content/themes/twentytwentyfive-custom/img/fahne-anim2_01.gif");
  --motivquer: url("https://solarpanelmobile.ch/wp-content/themes/twentytwentyfive-custom/img/spm-quer2.jpg");
  --motivhoch: url("https://solarpanelmobile.ch/wp-content/themes/twentytwentyfive-custom/img/spm-hoch2.jpg");
}

.fahne 
  {position:relative;background: var(--url) bottom no-repeat;
   background-size:cover;width:5vw;height:5vh;}

.fahne1,.fahne2,.fahne3,.fahne4,.fahne5,.fahne6,.fahne7
  {perspective: 500px;position:absolute;width:50vw;height:auto;top:0;z-index:10;
    color:transparent;overflow:visible;white-space: nowrap;font-weight:bold;text-transform: uppercase;}
.fahne1::after,
.fahne2::after,
.fahne3::after,
.fahne4::after,
.fahne5::after,
.fahne6::after { position:absolute;width: 5vw;height: 20vh;padding-top:10px;text-indent: 10px;
  background: var(--url) no-repeat 0px 0px;
  background-size:contain;*/ position: absolute;display: inline-block;
}


  .fahne1::after {  left: 24.2vw;top: 15vw;content:"Solar Panel Mobile";}
  .fahne2::after {  left: 43.3vw;top: 15vw;;content:"Schwammauto";}
  .fahne3::after {  left: 59.4vw;top: 16vw;;content:"Schwammstadt";}
  .fahne4::after {  left: 60.5vw;top: 2vw;width: 8vw;height:80px;content:"Expo";}
  .fahne5::after {  left: 62vw;top: 17vw;width: 12vw;;content:"Drainage";font-size:120%;padding-top:30px;}
  .fahne6::after {  left: 80vw;top: 18vw;width: 12vw;;content:"Links";font-size:120%;padding-top:30px;}

@media screen and (max-width:768px) {
.fahne1,.fahne2,.fahne3,.fahne4,.fahne5,.fahne6,.fahne7{font-size:14px;}}


.fahne1:hover,.fahne2:hover,.fahne3:hover,.fahne4:hover,
.fahne5:hover,.fahne6:hover,.fahne7:hover {color:white;cursor: pointer; transition: .5s ease;letter-spacing: 0.2rem;}