/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Header Hauptseiten - Coming Soon*/


/*Header Hauptseiten*/
.you-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #d4d8d5;
    padding: 80px 5vw;
    flex-wrap: wrap;
  }
  
  .you-left-block {
    max-width: 875px;
    color: #111;
  }
  
  .you-logo {
    font-size: clamp(60px, 10vw, 150px);
    font-weight: 900;
    font-family: sans-serif;
    line-height: 1;
    margin-bottom: 30px;
  }
  
  .you-text {
    font-size: clamp(14px, 1.5vw, 18px);
    font-weight: 400;
    line-height: 1.6;
    font-family: default;
  
  }
  
  .you-svg-logo {
    max-width: 900px;
    margin-left: auto;
  }

  .you-logo-img {
    max-width: 100%;
    width: clamp(500px, 40vw, 900px);
    height: auto;
    margin-bottom: 65px;
    display: block;
  }

  
  @media (max-width: 768px) {
    .you-header {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
  
    .you-left-block,
    .you-svg-logo {
      max-width: 100%;
      margin: 0 auto;
    }
  
    .you-svg-logo {
      margin-top: 40px;
    }
  }
  



  /*Unterstrichene Linie dünner als original - Leistungen - Bereich: WOMIT KÖNNEN WIR SIE UNTERSTÜTZEN?*/
  .w-tabs.style_simple2>.w-tabs-list .w-tabs-item:after {
    height:min(2px,.15em);
 }

/*Eigener Stil für den Zurück-nach-oben Button (SCROLLING-UP)*/
.w-toplink.scrolling-up {
  background-color: #ffffff;
  border-radius: 50% !important;
  width: 50px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px #00000033;
  transition: all 0.3s ease;
}

.w-toplink.scrolling-up:hover {
  background-color: #f8f8f8;
  box-shadow: 0 6px 12px #0000004d;
  transform: translateY(-2px);
}

.w-toplink.scrolling-up i {
  color: #000000;
  font-size: 1.2em;
  line-height: 1;
  margin: 0;
}

/* Sicherstellen, dass der Button auch aktiv den Stil behält */
.w-toplink.scrolling-up.active {
  transform: translate3d(0, 0, 0);
}

.w-toplink.scrolling-up.active:hover {
  transform: translate3d(0, -2px, 0);
}

/* JavaScript zum Hinzufügen der scrolling-up Klasse */


/*LEISTEN Hove mit Pfeil - Leistungen - Bereich: 3 Leisten untereinander*/

.hover-row-steuerberatung,
.hover-row-wirtschaftsberatung,
.hover-row-wirtschaftsprüfung {
  transition: background 0.4s ease; 
  cursor: pointer;
}

.hover-row-steuerberatung:hover {
  background: linear-gradient(to right, #D2D6D3, #28FF00);
}

.hover-row-steuerberatung .arrow-img {
  transition: transform 0.2s ease;
  transform: translateX(-50px);
}

.hover-row-steuerberatung:hover .arrow-img {
  transform: translateX(10px);
}

.hover-row-steuerberatung .next-text {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-50px);
  display: inline-block;
  margin-right: 30px;
}

.hover-row-steuerberatung:hover .next-text {
  opacity: 1;
  transform: translateX(0);
}

/* Wirtschaftsberatung */
.hover-row-wirtschaftsberatung:hover {
  background: linear-gradient(to right, #D2D6D3, #FFFF00);
}

.hover-row-wirtschaftsberatung .arrow-img {
  transition: transform 0.2s ease;
  transform: translateX(-50px);
}

.hover-row-wirtschaftsberatung:hover .arrow-img {
  transform: translateX(10px);
}

.hover-row-wirtschaftsberatung .next-text {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-50px);
  display: inline-block;
  margin-right: 30px;
}

.hover-row-wirtschaftsberatung:hover .next-text {
  opacity: 1;
  transform: translateX(0);
}

/* Wirtschaftsprüfung */
.hover-row-wirtschaftsprüfung:hover {
  background: linear-gradient(to right, #D2D6D3, #FF72C2);
}

.hover-row-wirtschaftsprüfung .arrow-img {
  transition: transform 0.2s ease;
  transform: translateX(-50px);
}

.hover-row-wirtschaftsprüfung:hover .arrow-img {
  transform: translateX(10px);
}

.hover-row-wirtschaftsprüfung .next-text {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-50px);
  display: inline-block;
  margin-right: 30px;
}

.hover-row-wirtschaftsprüfung:hover .next-text {
  opacity: 1;
  transform: translateX(0);
}