/* screen - prodotti */

.prodotti {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 5px;
  width:100vw;
}

@media (max-width: 1000px) {
  .prodotti {
      padding-right: 12px;
      padding-left: 12px;
  }
}

.prodotti .body {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 80px 0px 0px;
  position: relative;
  width:100vw;
}

@media (max-width: 1000px) {
  .prodotti .body{
      width:100%
  }
}

.prodotti .section {
  flex-direction: column;
  gap: 24px;
}

@media (max-width:1000px){
  .prodotti .body {
  padding:60px 0px;
  }
}

.prodotti .titolo {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.prodotti .titolo-1 {
  color: var(--secondary);
  font-weight: 700;
  line-height: 64px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width:100%;
}

.prodotti .sottotitolo {
  color: var(--secondary-dark);
  line-height: 32px;
  text-align: center;
  width:49.4vw;
}

@media(max-width:1200px){
  .prodotti .sottotitolo {
    width: 100%;
  }
}

.prodotti .section-1 {
  gap: 24px;
  justify-content: center;
  padding: 62px 0px 0px;
}

.product-cards {
    display: flex;
    flex-direction: row;
    width: 100%;
}

@media(max-width:1200px){
  .product-cards {
    flex-direction: column;
  }
}

.prodotti .product-cards {
  flex: 1;
  flex-grow: 1;
  gap: 24px;
  justify-content: center;
}

.prodotti .product-card-1 {
  align-items: flex-start;
  display: flex;
  position: relative;
  width:25%;
}

.prodotti .box {
  background-color: var(--white);
}

.prodotti .frame-3475 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 12px 12px 0px 0px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  padding: 20px 70px 0px;
  position: relative;
  width: 100%;
}

.prodotti .legalinvoice-go {
  color: var(--secondary);
  font-weight: 700;
  line-height: 44px;
  margin-left: -40.50px;
  margin-right: -40.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .frame-3473-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 0px 12px 12px;
  flex: 0 0 auto;
  gap: 20px;
  padding: 0px 24px 20px;
}

.prodotti .frame-3832 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.prodotti .frame-2683 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  justify-content: flex-end;
  position: relative;
}

.prodotti .x4 {
  color: var(--secondary-light);
  font-family: var(--font-family-satoshi-bold);
  font-size: 18px;
  letter-spacing: -0.04px;
  line-height: 24px;
  text-decoration: line-through;
}

.prodotti .frame-3821 {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.prodotti .x4-1 {
  color: var(--primary1);
  line-height: 64px;
  margin-top: -1.00px;
}

.prodotti .frame-3832-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 8px 0px 0px;
  position: relative;
}

.prodotti .x00 {
  color: var(--primary1);
  font-weight: 700;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .iva-al-mese {
  letter-spacing: 0;
  line-height: 24px;
  margin-right: -1.00px;
  opacity: 0.85;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .lorem-ipsum {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .die-perfekte-lsung {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.prodotti .frame-3473-2 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 16px;
}

.prodotti .molecolecard-caratteristicaincluso {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
  width: 100%;
}

.prodotti .check {
  height: 24px;
  position: relative;
  width: 24px;
}

.prodotti .frame-3464 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 2px;
  position: relative;
}

.prodotti .caratteristica-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .verwalten-von-peppol {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .link-zu-ihrem-steuerberater {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .button {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.prodotti .content {
  align-self: stretch;
  background-color: var(--primary1);
  border-radius: 40px;
  display: flex;
  padding: 10px 28px;
  width: 100%;
}

.prodotti .button-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .button-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.prodotti .content-1 {
  align-self: stretch;
  display: flex;
  width: 100%;
}

.prodotti .button-3 {
  color: var(--primary1);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: -12.50px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .east {
  height: 20px;
  margin-right: -12.50px;
  position: relative;
  width: 20px;
}

.prodotti .product-card {
  height: auto;
  width:20.8vw;;
}

.prodotti .box-1 {
  background-color: var(--backgroundenterprise);
  height: auto;
}

.prodotti .frame-3475-1 {
  background-color: var(--backgroundenterprise);
}

.prodotti .legalinvoice-start {
  color: var(--secondary);
  font-weight: 700;
  line-height: 44px;
  margin-left: -48.50px;
  margin-right: -48.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .frame-3473-3 {
  align-items: center;
  background-color: var(--backgroundenterprise);
  gap: 20px;
  height: auto;
  padding: 0px 24px 20px;
}

.prodotti .x4-2 {
  color: var(--secondary-light);
  font-family: var(--font-family-satoshi-bold);
  font-size: 18px;
  letter-spacing: -0.04px;
  line-height: 24px;
  text-decoration: line-through;
}

.prodotti .x4-3 {
  color: var(--primary1);
  line-height: 64px;
  margin-top: -1.00px;
}

.prodotti .text-1 {
  color: var(--primary1);
  font-weight: 700;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .die-perfekte-e-invoi {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.prodotti .frame-3473-4 {
  align-items: flex-start;
  gap: 16px;
  height: auto;
}

.prodotti .peppol-xml-x-rechnu {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .software-integrationen {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .abgleich-mit-dem-bankkonto {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .box-2 {
  background-color: var(--focus-alternative);
  height: auto;
}

.prodotti .frame-3475-2 {
  background-color: var(--focus-alternative);
}

.prodotti .legalinvoice-pro {
  color: var(--secondary);
  font-weight: 700;
  line-height: 44px;
  margin-left: -39.00px;
  margin-right: -39.00px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .frame-3473-5 {
  align-items: center;
  background-color: var(--focus-alternative);
  border-radius: 0px 0px 12px 12px;
  gap: 20px;
  height: auto;
  padding: 0px 24px 20px;
}

.prodotti .pricing-1 {
  margin-left: -12.00px;
  margin-right: -12.00px;
}

.prodotti .x4-4 {
  color: var(--primary1);
  line-height: 64px;
  margin-top: -1.00px;
}

.prodotti .fr-steuerberater-d {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.prodotti .frame-3473-6 {
  align-items: flex-start;
  gap: 16px;
  height: auto;
}

.prodotti .verwalten-von-peppol-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .intuitives-dashboard {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .intuitives-dashboard-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .section-2 {
  flex-direction: column;
  gap: 10px;
  padding: 120px 0px;
}

@media(max-width:1000px){
  .prodotti .section-2 {
  padding: 80px 0px;
  }
}

.prodotti .headline {
  align-items: center;
  background-color: var(--info-alternative);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  gap: 64px;
  justify-content: center;
  padding: 32px 40px;
  position: relative;
  width:85vw;
}

@media (max-width: 1000px) {
  .prodotti .headline {
      flex-direction: column;
      gap: 32px;
  }
}

@media (max-width: 1000px) {
  .prodotti .headline {
    width:100%;
  }
}

.prodotti .frame-3960 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
  width:16.8vw;
}

@media (max-width: 1000px) {
.prodotti .frame-3960 {
    width:100%;
  }
}

.prodotti .e-rechnung-softwarekostenlos {
  color: var(--secondary);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.prodotti .sottotitolo-1 {
  color: var(--secondary);
  flex: 1;
  font-family: var(--font-family-satoshi-regular);
  font-size: var(--font-size-m);
  line-height: 20px;
}

.prodotti .span0 {
  letter-spacing: -0.01px;
  line-height: 26px;
}

.prodotti .span1 {
  font-family: var(--font-family-satoshi-bold);
  font-size: var(--font-size-l);
  font-weight: 700;
  letter-spacing: -0.04px;
  line-height: 32px;
}

.prodotti .button-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.prodotti .content-2 {
  background-color: var(--primary-light);
  border-radius: 60px;
  display: inline-flex;
  padding: 10px 28px;
}

.prodotti .button-5 {
  letter-spacing: 0;
  line-height: 19px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.prodotti .section-3 {
  flex-direction: column;
  gap: 10px;
}

.prodotti .informative-carousel {
  align-items: center;
  background-color: var(--backgroundenterprise);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  padding: 80px 0px;
  position: relative;
  width:85vw;
}

@media (max-width:
1000px){
  .prodotti .informative-carousel {
    width: 100%;
    gap: 44px;
    padding: 60px 0px;
}
}

.prodotti .moleculestesti {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 0px 208px;
  position: relative;
  width: 70.5vw;
}

.prodotti .titolo-2 {
  color: var(--secondary);
  font-weight: 700;
  line-height: 44px;
  margin-left: -104.00px;
  margin-right: -104.00px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 56.1vw;
}

.prodotti .frame-3895 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 70.5vw;
}

.prodotti .frame-346 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
  width: 100%;
}

@media(max-width:1000px){
  .prodotti .frame-346 {
  flex-direction: column;
  }
}

.prodotti .info-aggiuntiveatoms {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--grey-3);
  border-radius: 4px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  padding: 20px 20px 20px 30px;
  position: relative;
}

@media(max-width:1000px){
  .prodotti .info-aggiuntiveatoms {
  width: 100%;
  }
}

@media(max-width:1000px){
  .frame-4451{
    margin: 0 auto;
  }
}

.prodotti .frame-3444 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
  width: 100%;
}

.prodotti .smartphone {
  height: 32px;
  position: relative;
  width: 32px;
}

.prodotti .frame-3445 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  position: relative;
}

.prodotti .inbox {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.prodotti .send {
  height: 32px;
  position: relative;
  width: 32px;
}

.prodotti .pdf {
  height: 32px;
  position: relative;
  width: 32px;
}

.prodotti .dashboard_customize {
  height: 32px;
  position: relative;
  width: 32px;
}

.prodotti .info-aggiuntiveatoms-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--grey-3);
  border-radius: 4px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 20px 20px 20px 30px;
  position: relative;
}

.prodotti .handshake {
  height: 32px;
  position: relative;
  width: 32px;
}

.prodotti .agenda {
  height: 32px;
  position: relative;
  width: 32px;
}

.prodotti .section-4 {
  flex-direction: column;
  gap: 10px;
  padding: 120px 0px 56px;
}

@media(max-width:1000px){
.prodotti .section-4 {
  padding: 80px 0px 44px;
}
}

.prodotti .section-6 {
  padding-bottom:120px;
}

.prodotti .titolo-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
}

.prodotti .titolo-4 {
  color: var(--secondary);
  font-weight: 700;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width:49.4vw;
}

.prodotti .footer {
  align-items: flex-start;
  background-color: transparent;
  display: inline-flex;
  flex-direction: column;
}

.prodotti .footer-top {
  align-items: center;
  background-color: var(--info-alternative);
  border-radius: 24px 24px 0px 0px;
  display: flex;
  justify-content: space-between;
  padding: 20px 87px;
  width:100vw;
}

.prodotti .titolo-5 {
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  width: 66.5vw;
}

.prodotti .frame-2 {
  align-items: center;
  background-color: var(--yellow-commercial);
  border-radius: 40px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 16px 32px;
  position: relative;
}

.prodotti .button-6 {
  letter-spacing: 0.12px;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .footer-bottom {
  align-items: center;
  background-color: var(--white);
  display: inline-flex;
  gap: 10px;
  padding: 40px 108px;
}

.prodotti .box-3 {
  align-items: flex-start;
  border-radius: 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.prodotti .content-3 {
  align-items: center;
  flex: 0 0 auto;
  gap: 4px;
  justify-content: center;
  position: relative;
}

.prodotti .footer-1 {
  flex: 0 0 auto;
  position: relative;
}

.prodotti .frame-3473-7 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.prodotti .frame-3475-3 {
  align-items: center;
  align-self: stretch;
  border-radius: 12px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  padding: 20px 70px 0px;
  position: relative;
  width: 100%;
}

.prodotti .price-2 {
  color: var(--primary1);
  font-weight: 700;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.prodotti .pricing-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.prodotti .product {
  align-items: flex-start;
    display: flex;
    position: relative;
    width: 25%;
    align-items: stretch;
    border-radius: 12px;
    border: 1px solid var(--grey-3);
}

@media(max-width:1200px){
  .prodotti .product {
    width:100%;
  }
}

.prodotti .section-5 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.prodotti .sottotitolo-2 {
  font-weight: 400;
  position: relative;
}

.prodotti .x4-5 {
  font-weight: 700;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}