:root{
    --blue:#9EB6CF;
    --blue-light:#F0F5FF;
    --text:#1E1E1E;
    --text-light:#666;
    --bg:#F7F7F7;
    --white:#fff;
    --radius:16px;
}

.hersteller-page {
    overflow:hidden;
    font-family:'Figtree',sans-serif;
    color:var(--text);
}

.hersteller-page .container {
    max-width:1240px;
    margin:0 auto;
    padding:0 20px;
}

.hersteller-section{
    padding:110px 0;
}

.hersteller-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 8px;
  background: #fff;
  color: #35516E;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: .3s ease;
}

.hersteller-btn:hover{
    background: #305071;
    color: var(--white);
}

.hersteller-head{
    max-width:920px;
    margin:0 auto 64px;
    text-align:center;
}
.hersteller-head.left {
	text-align: left;
	margin: 0;
}

.hersteller-tag {
    font-weight: 600;
    margin-bottom: 16px;
}

.hersteller-head h2 {
    margin:0 0 16px;
    font-size:40px;
    line-height:1.15;
    font-weight:600;
    letter-spacing:-0.03em;
}
.hersteller-hero__title span,
.hersteller-head h2 span {
  font-weight: 400;
  font-style: italic;
  font-family: Nyght Serif;
  position: relative;
  z-index: 1;
}

.hersteller-head p{
    color:var(--text-light);
    line-height:1.5;
}

/* HERO */

.hersteller-hero{
    background:var(--blue);
    padding:112px 0 90px;
}

.hersteller-hero__wrapper {
    display: grid;
    grid-template-columns: 520px 1fr;
    gap: 92px;
    align-items: center;
}

.hersteller-hero__content {
    position: relative;
}
.hersteller-hero__content::before {
  content: "";
  display: block;
  position: absolute;
  top: -122px;
  left: -42px;
  width: 82px;
  height: 122px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='112' viewBox='0 0 80 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.616 79.6256C22.4547 84.8712 23.6643 89.8268 24.8364 91.6129C27.0268 94.9417 27.3384 95.6239 29.5244 98.7663C31.4019 101.466 32.1083 105.948 30.0133 108.133C27.4448 110.804 25.1184 111.572 21.3955 110.655C14.32 108.919 0.841869 91.423 1.656 78.5114C1.88833 74.8338 4.64624 64.8102 17.4487 64.2814C22.3793 64.0919 29.0237 68.9236 24.616 79.6256Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.6039 63.549C22.3947 65.9225 25.3425 66.5985 27.0299 66.1961C28.5298 65.8336 29.8043 64.5335 29.777 62.7578C29.7009 60.7944 27.9375 59.2334 26.014 59.4968C24.4256 59.4844 22.6788 60.4977 22.6335 62.3427C22.5355 62.7219 22.5252 63.1388 22.6039 63.549Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4156 60.3336C16.2678 62.0163 18.3593 62.5025 19.5646 62.2126C20.636 61.9549 21.5375 61.0274 21.5152 59.7665C21.4609 58.3629 20.2099 57.2582 18.8385 57.4464C17.7027 57.4363 16.469 58.1604 16.4368 59.4732C16.3679 59.7466 16.3519 60.0391 16.4156 60.3336Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0037 61.9859C10.879 63.4473 12.6969 63.8736 13.7326 63.6239C14.6612 63.3982 15.4441 62.6009 15.4268 61.4999C15.3768 60.2827 14.2909 59.3241 13.1066 59.4814C12.1216 59.475 11.0501 60.0966 11.022 61.2408C10.9629 61.479 10.9568 61.7274 11.0037 61.9859Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.63206 64.3822C5.51977 65.7019 7.16111 66.0883 8.09879 65.854C8.93803 65.6527 9.64818 64.9246 9.62823 63.9301C9.58428 62.8284 8.60268 61.9612 7.53391 62.1124C6.64647 62.1084 5.6741 62.6703 5.64883 63.6992C5.59882 63.9287 5.58428 64.1591 5.63206 64.3822Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.61421 67.7903C1.51406 68.9772 2.97912 69.3149 3.82722 69.1139C4.57711 68.937 5.21435 68.287 5.20066 67.3991C5.16275 66.413 4.28535 65.6371 3.32346 65.7732C2.52493 65.7625 1.66035 66.2738 1.63769 67.1962C1.58011 67.3723 1.57509 67.5764 1.61421 67.7903Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M49.4394 27.6865C52.4934 33.1137 51.836 38.6743 50.797 40.7766C48.8541 44.6955 48.6055 45.4803 46.6425 49.1954C44.9569 52.3873 44.7844 57.3645 47.3583 59.4661C50.5127 62.0335 53.1499 62.5605 57.084 61.0653C64.5618 58.231 76.9149 37.3716 74.307 23.4123C73.5637 19.4364 69.2229 8.88266 55.2034 10.0129C49.8061 10.4636 43.2106 16.6135 49.4394 27.6865Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M49.489 9.90205C50.0333 12.4602 46.9116 13.5896 45.0195 13.3761C43.3369 13.181 41.775 11.9344 41.5682 9.99598C41.3894 7.84669 43.1026 5.91085 45.2335 5.94146C46.9625 5.71625 49.0007 6.58749 49.296 8.59165C49.4534 8.99177 49.5201 9.44462 49.489 9.90205Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M55.8031 5.57385C56.1884 7.38754 53.9744 8.19611 52.6225 8.04088C51.4208 7.9029 50.315 7.01245 50.1713 5.63571C50.0433 4.09912 51.2591 2.72881 52.7784 2.75108C54.0146 2.58864 55.4553 3.21317 55.6654 4.63921C55.7768 4.92797 55.8333 5.24452 55.8031 5.57385Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M61.9198 6.65281C62.2504 8.22845 60.3266 8.93523 59.1649 8.80121C58.123 8.67905 57.1637 7.91468 57.0359 6.7128C56.9281 5.37997 57.9835 4.19079 59.2948 4.20433C60.3672 4.06602 61.6175 4.60047 61.8006 5.84344C61.8967 6.09508 61.9365 6.36487 61.9198 6.65281Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M68.092 8.54774C68.3903 9.97064 66.6535 10.6105 65.6006 10.4801C64.6593 10.3727 63.7886 9.67401 63.6777 8.58775C63.5788 7.3816 64.5327 6.30584 65.7174 6.3282C66.6837 6.20551 67.8181 6.68812 67.9827 7.80583C68.0678 8.04925 68.1144 8.29834 68.092 8.54774Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M72.9237 11.7256C73.1911 13.0053 71.6398 13.5686 70.689 13.4626C69.8484 13.3698 69.0674 12.7466 68.964 11.7773C68.8739 10.6979 69.7264 9.73548 70.7926 9.7556C71.6612 9.63748 72.6713 10.0793 72.819 11.0814C72.9052 11.2656 72.9378 11.4872 72.9237 11.7256Z' fill='white'/%3E%3C/svg%3E%0A");
}
.hersteller-hero__content::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -135px;
  left: 280px;
  width: 76px;
  height: 128px;
  background-image: url("data:image/svg+xml,%3Csvg width='77' height='129' viewBox='0 0 77 129' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.7545 84.1804C42.741 90.8265 40.6632 96.7074 39.0112 98.7384C35.9412 102.526 35.484 103.308 32.4379 106.863C29.821 109.913 28.4124 115.292 30.6965 118.193C33.4959 121.757 36.2331 122.966 40.8702 122.323C49.684 121.071 68.2174 101.441 68.8088 85.6415C68.9765 81.15 66.8416 68.6149 51.3435 66.4052C45.3799 65.5508 36.7097 70.6333 40.7545 84.1804Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.1712 64.8693C45.1327 67.7744 41.4657 68.2395 39.4689 67.5418C37.6871 66.9192 36.2954 65.1805 36.5528 63.0298C36.8787 60.6503 39.2255 58.9655 41.5263 59.5167C43.4619 59.6989 45.4616 61.1446 45.2887 63.3822C45.357 63.8772 45.3327 64.3742 45.1712 64.8693Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M53.0919 61.7199C53.0586 63.788 50.4604 64.121 49.0268 63.6201C47.757 63.1764 46.7628 61.9443 46.9463 60.3998C47.1835 58.7016 48.844 57.5009 50.4849 57.9019C51.8655 58.0282 53.2881 59.0538 53.1656 60.6541C53.2256 61.0083 53.2033 61.3682 53.0919 61.7199Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M59.4691 64.3849C59.4399 66.1786 57.1784 66.4685 55.9394 66.0355C54.8437 65.6526 53.9775 64.5802 54.134 63.2445C54.337 61.7758 55.7826 60.7297 57.2013 61.0761C58.4038 61.186 59.6328 62.0751 59.5271 63.4629C59.581 63.769 59.5627 64.0843 59.4691 64.3849Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.7166 67.9581C65.6898 69.5804 63.6448 69.8425 62.5287 69.4525C61.5354 69.1054 60.7604 68.1337 60.8944 66.9281C61.0816 65.6032 62.3886 64.658 63.6705 64.9681C64.7497 65.0694 65.8599 65.871 65.7766 67.1288C65.8171 67.4073 65.7994 67.6883 65.7166 67.9581Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.1838 72.5851C70.1595 74.0359 68.3311 74.2702 67.3275 73.9196C66.4367 73.6083 65.739 72.744 65.8644 71.6618C66.0291 70.4669 67.1938 69.6329 68.3493 69.9103C69.3189 69.9963 70.317 70.7243 70.2254 71.8413C70.2767 72.089 70.2595 72.3358 70.1838 72.5851Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.9408 37.7593C35.7755 40.9382 32.9805 46.5141 32.6632 49.1128C32.0643 53.9514 31.8178 54.8235 31.3701 59.4833C30.9883 63.4837 28.0904 68.2296 24.4165 68.5963C19.9079 69.0515 17.1382 67.9186 14.3852 64.1321C9.17363 56.9147 10.4587 29.9488 21.4293 18.5641C24.5485 15.3279 35.0588 8.17121 47.4003 17.8024C52.1523 21.5056 54.5049 31.2764 41.9408 37.7593Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.7879 21.1834C50.7219 23.2261 52.9304 26.1903 54.818 27.1447C56.5024 27.9963 58.7202 27.7928 60.0908 26.1156C61.5788 24.2304 61.1647 21.3713 59.1718 20.0963C57.698 18.8284 55.2696 18.3906 53.7777 20.0673C53.3737 20.3614 53.0325 20.7236 52.7879 21.1834Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M49.5627 13.2933C48.096 14.7517 49.6584 16.8544 51.0136 17.5396C52.2139 18.1465 53.7911 18.008 54.7764 16.8045C55.8351 15.4559 55.5483 13.4268 54.1213 12.523C53.0727 11.616 51.3471 11.3027 50.2794 12.5009C49.9826 12.7034 49.7388 12.9691 49.5627 13.2933Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M43.2196 10.548C41.9479 11.8132 43.3077 13.6433 44.4789 14.2355C45.5147 14.7592 46.8881 14.6392 47.7417 13.6001C48.6589 12.4351 48.4097 10.6682 47.1762 9.88653C46.2629 9.09657 44.77 8.82792 43.8436 9.86674C43.5857 10.0402 43.3713 10.2721 43.2196 10.548Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.3124 8.52627C35.1624 9.67081 36.392 11.3257 37.4471 11.8591C38.3861 12.3339 39.6236 12.2182 40.3991 11.2854C41.2237 10.2316 40.998 8.63457 39.8854 7.92619C39.0639 7.21911 37.7164 6.9754 36.8682 7.90784C36.6394 8.07175 36.4493 8.27948 36.3124 8.52627Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.8808 8.51767C28.8526 9.54148 29.9521 11.0211 30.9007 11.5008C31.7429 11.9266 32.8494 11.8297 33.542 10.9887C34.2884 10.0412 34.0813 8.62381 33.0801 7.98384C32.3456 7.34506 31.1289 7.13102 30.3878 7.97177C30.1737 8.10664 30.0079 8.29024 29.8808 8.51767Z' fill='%23D9E4EF'/%3E%3C/svg%3E%0A");
  z-index: 1;
}

.hersteller-hero__subtitle {
  margin-bottom: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.hersteller-hero__title{
  margin: 0 0 16px;
  color: #fff;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.hersteller-hero__text{
    margin-bottom:32px;
    color:#fff;
    line-height:1.6;
    max-width: 485px;
}

.hersteller-hero__image-wrapper {
    position: relative;
}
.hersteller-hero__image-wrapper::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #becede;
  border-radius: 1rem;
  position: absolute;
  top: -1.5rem;
  left: -1.5rem;
  z-index: 0;
}
.hersteller-hero__image {
    position: relative;
    z-index: 1;
}
.hersteller-hero__image img{
    width:100%;
    height: auto;
    display:block;
    border-radius:20px;
    border:8px solid #F5F5F5;
    height: 487px;
    object-fit: cover;
}
.hersteller-hero__image::before {
  content: "";
  display: block;
  position: absolute;
  top: -94px;
  right: -56px;
  width: 160px;
  height: 173px;
  background: url('../../images/hersteller-hero-decor.svg') center/contain no-repeat;
  z-index: -1;
}

.hersteller-hero__stats{
	position: absolute;
	left: 50%;
	bottom: -40px;
	z-index: 5;
	width: calc(100% - 40px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	gap: 12px;
	transform: translateX(-50%);
}

.hersteller-stat{
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 16px;
	min-height: 68px;
	padding: 12px 20px;
	border-radius: 8px;
	background: #F7F7F7;
	box-shadow: 0 10px 30px rgba(0,0,0,.05);
}
.hersteller-stat:nth-child(1) {max-width: 220px;}
.hersteller-stat:nth-child(2) {max-width: 293px;}
.hersteller-stat:nth-child(3) {max-width: 301px;}
.hersteller-stat:nth-child(4) {max-width: 232px;}

.hersteller-stat__number {
  flex-shrink: 0;
  color: #2F5277;
  font-size: 40px; 
  font-weight: 600;
  line-height: 1;
}
.hersteller-stat__number small {
	font-weight: 400;
}

.hersteller-stat__text{
    color: #2F5277;
    font-size: 14px;
    line-height: 1.35;
}

@media(max-width: 1200px){

    .hersteller-hero__wrapper{
        grid-template-columns: 1fr;
        gap: 64px;
    }
    .hersteller-hero__image-wrapper::before {top: -0.8rem;left: -0.8rem;}

    .hersteller-hero__content{
        max-width: 100%;
    }

    .hersteller-hero__text{
        max-width: 100%;
    }
}

@media(max-width: 767px){

    .hersteller-hero{
        padding: 72px 0;
    }

    .hersteller-hero .container{
        padding: 0 20px;
    }

    .hersteller-hero__wrapper{
        gap: 48px;
    }

    .hersteller-hero__title{
        font-size: 42px;
    }
    .hersteller-head h2 {
        font-size: 2rem !important;
    }

    .hersteller-hero__text{
        font-size: 18px;
    }

    .hersteller-btn{
        width: 100%;
        min-height: 60px;
        padding: 16px 24px;
        font-size: 18px;
    }

    .hersteller-hero__image-wrapper{
        padding-bottom: 0;
    }

    .hersteller-hero__image img {
        height: unset;
    }
    .hersteller-hero__image::before {content: none;}

    .hersteller-hero__stats{
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        margin-top: 24px;
        transform: none;
        grid-template-columns: 1fr;
    }

    .hersteller-stat{
        min-height: auto;
        padding: 16px;
        max-width: 100% !important;
        width: 100%;
        gap: 10px; 
    }

    .hersteller-stat__number{
        font-size: 28px;
    }

    .hersteller-stat__text{
        font-size: 16px;
    }
}

/* STEPS */

.hersteller-arguments{
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    background: #F7F7F7;
}

.hersteller-arguments .hersteller-head{
    max-width: 700px;
    margin: 0 auto 48px;
    text-align: center;
}

.hersteller-arguments .hersteller-tag{
    margin-bottom: 16px;
    color: #555;
    font-size: 16px;
    line-height: 1.2;
}

.hersteller-arguments__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    position: relative;
}

.hersteller-arguments__grid::before {
  content: "";
  position: absolute;
  top: -108px;
  left: -96px;
  width: 232px;
  height: 215px;
  z-index: 1;
  background: url('../../images/kliniken-decor.svg') center/contain no-repeat;
}
.hersteller-argument{
    padding: 32px 24px;
    border-radius: 24px;
    background: #fff;
    position: relative;
    z-index: 5;
    flex-basis: calc(33.33% - 16px);
}

.hersteller-argument:nth-child(5),
.hersteller-argument:nth-child(4){
    flex-basis: calc(34% - 16px);
}

.hersteller-argument__num{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin-bottom: 12px;
    border-radius: 8px;
    background: #DDEAF7;
    color: #2F5277;
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    font-family: serif;
    line-height: 1;
}

.hersteller-argument h3{
    margin: 0 0 12px;
    color: #23272B;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
}

.hersteller-argument p{
    margin: 0;
    color: #5C5C5C;
    font-size: 16px;
    line-height: 1.55;
}

.hersteller-arguments-note-wrap {
	position: relative;
}
.hersteller-arguments-note {
    display: grid;
    grid-template-columns: 147px 1fr;
    gap: 64px;
    align-items: center;
    margin-top: 100px;
    padding: 32px 48px;
    border-radius: 24px;
    background: #9EB6CF;
    position: relative;
    z-index: 5;
}
.hersteller-arguments-note-wrap::after {
  content: "";
  position: absolute;
  top: -113px;
  right: -58px;
  width: 168px;
  height: 266px;
  z-index: 1;
  background: url('../../images/hersteller-arguments-note-decore.svg') center/contain no-repeat;

}

.hersteller-arguments-note__icon{
    color: rgba(255,255,255,.95);
    font-size: 200px;
    font-weight: 200;
    line-height: .8;
    font-style: italic;
    font-family: Nyght Serif;
}

.hersteller-arguments-note__tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-bottom: 12px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #DDEAF7;
    color: #2F5277;
    font-size: 20px;
    font-weight: 500;
}

.hersteller-arguments-note__text{
    color: #fff;
    font-size: 24px;
    line-height: 1.45;
    font-weight: 300;
    max-width: 885px;
}
.hersteller-arguments-note__text p {
	margin-bottom: 0;
}

.hersteller-arguments-note__text strong{
    font-weight: 700;
}

.hersteller-arguments-note__text i{
    font-family: serif;
    font-style: italic;
}

@media(max-width: 1200px){

    .hersteller-arguments__grid{
        grid-template-columns: repeat(2,1fr);
    }

    .hersteller-argument:nth-child(4),
    .hersteller-argument:nth-child(5){
        grid-column: auto;
    }

    .hersteller-arguments-note{
        gap: 32px;
    }
}

@media(max-width: 1024px){
     .hersteller-arguments-note__text {
       font-size: 22px;
     }
}

@media(max-width: 992px){
 .hersteller-argument {
    flex-basis: calc(50% - 16px) !important;
  }
  .hersteller-arguments-note {
    grid-template-columns: 100px 1fr;
  }
  .hersteller-arguments-note__icon {
    font-size: 160px;
  }
  .hersteller-arguments-note__text {
    font-size: 20px;
  }
}

@media(max-width: 767px){

    .hersteller-arguments{
        padding: 72px 0;
    }

    .hersteller-arguments .kliniken-head{
        margin-bottom: 48px;
    }

    .hersteller-arguments .kliniken-head h2{
        font-size: 38px;
    }

    .hersteller-arguments__grid{
        grid-template-columns: 1fr;
    }

    .hersteller-argument {
        flex-basis: calc(100% - 16px) !important;
        padding: 24px;
        border-radius: 20px;
    }

    .hersteller-arguments__grid::before {
        top: -75px;
        left: -90px;
    }

    .hersteller-argument__num{
        width: 48px;
        height: 48px;
        margin-bottom: 20px;
        font-size: 22px;
    }

    .hersteller-argument h3{
        margin-bottom: 14px;
        font-size: 22px;
    }

    .hersteller-argument p{
        font-size: 16px;
    }

    .hersteller-arguments-note{
        margin-top: 48px;
        padding: 32px 24px;
        border-radius: 20px;
    }

    .hersteller-arguments-note__icon{
        font-size: 120px;
    }

    .hersteller-arguments-note__text{
        font-size: 20px;
    }

    .hersteller-arguments-note{
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

/* brands */

.hersteller-brands {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background: #FFFFFF;
}

.hersteller-brands__head{
    max-width: 920px;
    margin: 0 auto 48px;
    text-align: center;
}

.hersteller-brands__head p{
    max-width: 740px;
    margin: 0 auto;
    color: #5C5C5C;
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: -0.02em;
}

.hersteller-brands__grid{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 24px;
    position: relative;
}
.hersteller-brands__grid::before {
  content: "";
  position: absolute;
  top: -54px;
  left: -43px;
  width: 54px;
  height: 79px;
  z-index: 1;
  background: url('../../images/hersteller-brands-decor.svg') center/contain no-repeat;
}
.hersteller-brands__grid::after {
  content: "";
  position: absolute;
  bottom: -53px;
  right: -47px;
  width: 109px;
  height: 109px;
  z-index: 1;
  background: url('../../images/hersteller-brands-decor2.svg') center/contain no-repeat;
}

.hersteller-brand{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 88px;
    padding: 20px;
    border: 8px solid #F7F7F7;
    border-radius: 20px;
    background: #F7F7F7;
    box-shadow:
        0 0 4.5px rgba(0,0,0,.05),
        0 0 1.9px rgba(0,0,0,.1);
    transition: .3s ease;
    z-index: 5;
}

.hersteller-brand:hover{
    transform: translateY(-4px);
}

.hersteller-brand__title{
    color: #2A2F33;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.02em;
}

@media(max-width: 1200px){

    .hersteller-brands__grid{
        grid-template-columns: repeat(3,1fr);
    }
}

@media(max-width: 767px){

    .hersteller-brands{
        padding: 72px 0;
    }

    .hersteller-brands__head{
        margin-bottom: 48px;
    }

    .hersteller-brands__head h2{
        font-size: 38px;
    }

    .hersteller-brands__head p{
        font-size: 16px;
    }

    .hersteller-brands__grid{
        grid-template-columns: repeat(2,1fr);
        gap: 16px;
    }

    .hersteller-brand{
        min-height: 96px;
        padding: 16px;
        border-radius: 16px;
    }

    .hersteller-brand__title{
        font-size: 18px;
    }
}

@media(max-width: 480px){
    .hersteller-brand {
        min-height: 70px;
    }
}


/* model */

.pricing-model{
    padding: 100px 0;
    background: #F0F5FF;
    overflow: hidden;
}

.pricing-model__head{
    max-width: 798px;
    margin: 0 auto 64px;
    text-align: center;
}

.pricing-model__subtitle{
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

.pricing-model__title{
    margin: 0 0 16px;
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #2A2F33;
}

.pricing-model__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

.pricing-model__row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 24px;
    margin-bottom: 48px;
    position: relative;
}

.pricing-model__row::before {
    content: "";
    position: absolute;
    top: 265px;
    left: -68px;
    width: 29px;
    height: 145px;
    z-index: 1;
    background: url('../../images/model-decor.svg') center/contain no-repeat;
  
}
.pricing-model__row::after {
    content: "";
    position: absolute;
    top: -29px;
    right: -41px;
    width: 26px;
    height: 143px;
    z-index: 1;
    background: url('../../images/model-decor2.svg') center/contain no-repeat;
  
}

.pricing-model__card{
    /* height: 100%; */
    border-radius: 16px;
    padding: 40px 32px 32px;
    box-shadow:
        0px 0px 4.5px rgba(0, 0, 0, 0.05),
        0px 0px 1.9px rgba(0, 0, 0, 0.1);
}

.pricing-model__card--white{
    background: #fff;
}

.pricing-model__card--blue{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #9EB6CF;
}

.pricing-model__card-head{
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D9E4EF;
}

.pricing-model__card-head--white{
    border-color: rgba(217, 228, 239, 0.5);
}

.pricing-model__card-head h3{
    margin: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #2F4F70;
}

.pricing-model__card-head--white h3{
    color: #fff;
}

.pricing-model__group + .pricing-model__group{
    margin-top: 32px;
}

.pricing-model__group-title{
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #2A2F33;
}

.pricing-model__box-bonus {
    display: flex;
    background: #F2FBF8;
    padding: 24px;
    border-radius: 16px;
    margin: 0 0 24px;
    gap: 20px;
  }
  .pricing-model__box-bonus-icon {
    background: #47AB8F;
    height: 40px;
    width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
  }
  .pricing-model__box-bonus-text h4 {
    font-size: 16px;
    color: #2C6A58;
    margin: 0 0 8px;
  }
  .pricing-model__box-bonus-text p {
    margin: 0;
  }
  .pricing-model__box-bonus-text p em {
    font-family: Nyght Serif;
    color: #2C6A58;
  }

.pricing-model__group-row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.pricing-model__group-description{
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

.pricing-model__grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
    margin-top: 16px;
}

.pricing-model__option{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 24px;
    background: #F0F5FF;
    border-radius: 8px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
    cursor: pointer;
    transition: .3s ease;
    text-align: center;
}

.pricing-model__option:hover,
.pricing-model__option.active{
    background: #9EB6CF;
    color: #fff;
}

.pricing-model__startup-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
    margin-top: 16px;
}

.pricing-model__startup{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 12px 24px;
    background: #F0F5FF;
    border-radius: 8px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
    cursor: pointer;
    transition: .3s ease;
}

.pricing-model__startup.active {
    background: #9EB6CF;
    color: #fff;
    font-weight: 600;
}

.pricing-model__badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px 2px 4px;
    min-width: 51px;
    height: 26px;
    background: #47AB8F;
    border-radius: 100px;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
}
.pricing-model__startup.active .pricing-model__badge {
    background: #FFFFFF;
    color: #47AB8F;
}

.pricing-model__products {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #E5EAF1;
}

.pricing-model__products-title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

.pricing-model__products-text {
    margin-bottom: 16px;
    color: #5C5C5C;
}
.pricing-model__products-text strong {
    font-weight: 500;
}

  .pricing-model__products-list {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

.pricing-model__product-branding {
    background: #F0F5FF;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
  }

.pricing-model__product {
    display: flex;
    justify-content: space-between;
    flex-basis: calc(50% - 8px);
    gap: 15px;
    padding: 11px 15px;
    border-radius: 12px;
    border: 1px solid #F0F5FF;
    background: #F0F5FF;
    cursor: pointer;
    transition: .25s;
}

.pricing-model__product:hover {
    border-color: #2F4F70;
}

.pricing-model__product.active .pricing-model__product-icon {
    background: #9EB6CF;
}
.pricing-model__product.active .pricing-model__product-icon img { 
    filter: brightness(10); 
}

.pricing-model__product-content {
    display: flex;
    gap: 16px;
}
.pricing-model__product-icon {
    height: 32px;
    width: 32px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
  }

.pricing-model__product-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.pricing-model__product-name {
    font-weight: 400;
    color: #5C5C5C;
    font-size: 16px;
}

.pricing-model__product-price {
    margin-top: 4px;
    font-size: 16px;
    color: #2F4F70;
    font-style: italic;
    font-family: Nyght Serif;
}

.pricing-model__product-radio {
    width: 19px;
    min-width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 2px solid #A8B6C8;
    position: relative;
}
.pricing-model__product.active .pricing-model__product-radio {
    border: none;
    background: #2F4F70;
}
.pricing-model__product.active .pricing-model__product-radio::after {
    content: '';
    position: absolute;
    left: 53%;
    top: 50%;
    width: 10px;
    height: 8px;
    transform: translate(-50%, -50%);
    background: #fff;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpath d='M1 3L3 5L7 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpath d='M1 3L3 5L7 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;
}


.pricing-model__config-box {
    margin-top: 16px;
    padding: 16px 24px;
    border-radius: 16px;
    background: #9EB6CF;
}

.pricing-model__config-title {
    margin: 0 0 8px;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
}
.pricing-model__config-title em {
    font-family: Nyght Serif;
}

.pricing-model__config-text {
    margin-bottom: 16px;
    color: rgba(255,255,255,1);
}

.pricing-model__config-button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 7px 11px;
    background: #fff;
    border-radius: 8px;
    text-decoration: none;
    color: #2F4F70;
    font-weight: 600;
    transition: all .25s ease;
}
.pricing-model__config-button path  { 
    transition: all .25s ease;
}
.pricing-model__config-button span {
    display: flex;
}
.pricing-model__config-button:hover {
    background: #2F4F70;
    color: #fff;
}
.pricing-model__config-button:hover path {
    stroke: #fff;
}

.pricing-model__addons{
    padding-top: 24px;
    margin-top: 32px;
    border-top: 1px solid #D9E4EF;
}

.pricing-model__addons-title{
    margin: 0 0 16px;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #2A2F33;
}

.pricing-model__addons-text{
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

.pricing-model__addons-list{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pricing-model__addons-item{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #2F4F70;
}

.pricing-model__addons-item span{
    flex-shrink: 0;
    display: flex;
    margin-top: 4px;
}

.pricing-model__top{
    margin-bottom: 40px;
}

.pricing-model__label{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 4px 12px;
    margin-bottom: 16px;
    background: #F0F5FF;
    border-radius: 7px;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #2F4F70;
}

.pricing-model__price-title{
    margin: 0 0 16px;
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #fff;
}

.pricing-model__price-text{
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
}

.pricing-model__price-block{
    margin-bottom: 40px;
}
.pricing-model__summary {
    background: #F0F5FF33;
    padding: 12px 16px;
    color: #fff;
    border-radius: 8px;
    margin: 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-weight: 600;
}
.pricing-model__summary-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pricing-model__summary-price {
    display: flex;
    align-items: center;
    gap: 4px;
  }
.pricing-model__summary-item .pricing-model__price-old {
    font-size: 14px;
}
.pricing-model__summary-item .pricing-model__price-current {
    font-size: 16px;  
}
.pricing-model__summary-item .pricing-model__price-old::after {
    height: 1px;
}

.pricing-model__price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 8px;
}

.pricing-model__price-value{
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.pricing-model__price-empty{
    font-size: 64px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
}
.pricing-model__price-currency{
    font-size: 48px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
}

.pricing-model__price-current {
    font-weight: 600;
    font-size: 64px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #fff;
}

.pricing-model__price-old {
    position: relative;
    font-weight: 600;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: rgba(255,255,255,.45);
}

.pricing-model__price-old::after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 50%;
    height: 3px;
    background: rgba(255,255,255,.5);
    border-radius: 10px;
}

.pricing-model__price small {
    font-weight: 600;
    font-size: 48px;
    line-height: 1;
}

.pricing-model__price-description{
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #F7F7F7;
}

.pricing-model__bottom{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pricing-model__benefits{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pricing-model__benefit{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #fff;
}

.pricing-model__benefit svg{
    flex-shrink: 0;
    margin-top: 3px;
}

.pricing-model__button{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #2F4F70;
    transition: .3s ease;
    text-decoration: none;
}

.pricing-model__button:hover{
    background: #2f4f70;
    color: #ffffff;
}

.pricing-model__note{
    max-width: 748px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

@media (max-width: 1199px){

    .pricing-model{
        padding: 80px 0;
    }

    .pricing-model__card{
        padding: 32px 24px;
    }

}

@media (max-width: 991px){
    .pricing-model__row{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px){

    .pricing-model{
        padding: 64px 0;
    }

    .pricing-model__head{
        margin-bottom: 40px;
    }

    .pricing-model__title{
        font-size: 32px;
    }

    .pricing-model__grid,
    .pricing-model__startup-grid{
        grid-template-columns: 1fr;
    }

    .pricing-model__group-row{
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .pricing-model__card{
        padding: 24px 20px;
    }

    .pricing-model__price-title{
        font-size: 32px;
    }

    .pricing-model__price span{
        font-size: 52px;
    }

    .pricing-model__price small{
        font-size: 36px;
    }

    .pricing-model__button{
        width: 100%;
    }

}

@media (max-width: 575px){

    .pricing-model__title{
        font-size: 28px;
    }

    .pricing-model__card-head h3{
        font-size: 22px;
    }

    .pricing-model__group-title,
    .pricing-model__addons-title{
        font-size: 18px;
    }

    .pricing-model__price-title{
        font-size: 28px;
    }

    .pricing-model__price span{
        font-size: 44px;
    }

    .pricing-model__price small{
        font-size: 30px;
    }

    .pricing-model__option,
    .pricing-model__startup{
        padding: 12px 16px;
    }

}


/* about */

.about-dashboard {
    padding: 100px 0;
    background: #fff;
    overflow: hidden;
}

.about-dashboard__wrapper {
    display: grid;
    grid-template-columns: 424px minmax(0, 1fr);
    gap: 152px;
    align-items: center;
}

.about-dashboard__content {
    max-width: 424px;
}

.about-dashboard__head {
    margin-bottom: 32px;
}

.about-dashboard__subtitle {
    display: inline-block;
    margin-bottom: 16px;

    font-family: 'Figtree', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

.about-dashboard__text {
    margin: 0;

    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

.about-dashboard__items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.about-item__icon {
    width: 32px;
    height: 32px;
    min-width: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #F0F5FF;
    border-radius: 4px;
}

.about-item__icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.about-item__ti {
	display: flex;
	align-items: center;
	gap: 12px;
}
.about-item__ti h3 {
    font-family: 'Figtree', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #2A2F33;
}

.about-item__content p {
    margin: 0;

    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

.about-dashboard__image-wrap,
.about-dashboard__image {
    position: relative;
}
.about-dashboard__image::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #9EB6CF;
  border-radius: 1rem;
  position: absolute;
  top: -1.5rem;
  left: -1.5rem;
  z-index: 2;
}
.about-dashboard__image-wrap::before {
  content: "";
  position: absolute;
  top: -114px;
  left: -67px;
  width: 103px;
  height: 179px;
  z-index: 1;
  background: url('../../images/about-dashboard-decor.svg') center/contain no-repeat;
}
.about-dashboard__image-wrap::after {
  content: "";
  position: absolute;
  bottom: -75px;
  right: -100px;
  width: 192px;
  height: 317px;
  z-index: 1;
  background: url('../../images/about-dashboard-decor2.svg') center/contain no-repeat;
}

.about-dashboard__image img {
    display: block;
    width: 100%;
    border-radius: 16px;
    position: relative;
    z-index: 5;
    height: auto;
    object-fit: cover;
    box-shadow: 0px 0px 20.8px 0px #0000000D,  0px 0px 1.2px 0px #0000001A, 0px 1px 6.6px 0px #0000000D;
}

/* =========================
   Responsive
========================= */

@media (max-width: 1200px) {

    .container {
        padding: 0 40px;
    }

    .about-dashboard__wrapper {
        gap: 64px;
    }
    .about-dashboard__image::before {
        top: -0.8rem;
        left: -0.8rem;
    }
}

@media (max-width: 991px) {

    .about-dashboard {
        padding: 80px 0;
    }

    .about-dashboard__wrapper {
        grid-template-columns: 1fr;
        gap: 56px;
    }

    .about-dashboard__content {
        max-width: 100%;
    }

    .about-dashboard__image img {
        max-width: 100%;
        margin: 0 auto;
        height: auto;
    }
}

@media (max-width: 767px) {

    .container {
        padding: 0 20px;
    }

    .about-dashboard {
        padding: 64px 0;
    }

    .about-dashboard__title {
        font-size: 32px;
    }

    .about-item {
        gap: 14px;
    }

    .about-item__content h3 {
        font-size: 18px;
    }

    .about-item__content p {
        font-size: 15px;
    }
    .pricing-model__product {
        flex-basis: 100%;
    }
}

@media (max-width: 480px) {

    .about-dashboard__title {
        font-size: 28px;
    }

    .about-dashboard__wrapper {
        gap: 40px;
    }

    .about-dashboard__items {
        gap: 20px;
    }
}


/* ROI */

.hersteller-ROI {
  padding: 100px 0;
  background: #F2FBF8;
}
.hersteller-ROI .hersteller-head {
    max-width: 765px;
}
.roi-grid:before,
.lf-quiz:before {
    content: "";
    position: absolute;
    top: 265px;
    left: -86px; 
    width: 49px;
    height: 93px;
    z-index: 1;
    background: url('../../images/roi-decor.svg') center/contain no-repeat;
  }
.roi-grid:after,  
.lf-quiz:after {
    content: "";
    position: absolute;
    top: -75px;
    right: -58px;
    width: 104px;
    height: 143px;
    z-index: 1;
    background: url('../../images/roi-decor2.svg') center/contain no-repeat;
}


:root{
    --cream:#FFF;
    --cream-2:#F2EADB;
    --cream-3:#D9E4EF;
    --forest:#F0F2F4;
    --forest-2:#2D5438;
    --terracotta:#C85A3D;
    --terracotta-2:#A84528;
    --blush:#F4D7CE;
    --blush-2:#FAEAE3;
    --ink:#141414;
    --ink-soft:#2F4F70;
    --line:rgba(20,20,20,0.12);
    --line-cream:rgba(251,247,241,0.18);
  }
  .serif-italic{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}

  .section-wrap{max-width:1280px;margin:0 auto}
  .section-header{text-align:center;margin-bottom:48px;max-width:780px;margin-left:auto;margin-right:auto}
  .mono-label{
    font-family:'Instrument Sans',sans-serif;text-transform:uppercase;
    letter-spacing:0.18em;font-size:11px;font-weight:600;
    color:var(--terracotta);margin-bottom:18px;
  }
  .section-header h2{
    font-family:'Fraunces',serif;font-size:clamp(32px,4vw,52px);
    color:var(--forest);font-weight:400;letter-spacing:-0.025em;
    line-height:1.05;margin-bottom:18px;
  }
  .section-header h2 em{font-family:'Instrument Serif',serif;color:var(--terracotta)}
  .section-header p{
    font-size:16px;color:var(--ink-soft);line-height:1.65;max-width:620px;margin:0 auto;
  }

  /* ===== LEAD FUNNEL ===== */
  .lf-quiz {
    background: var(--cream); 
    box-shadow: 0px 0px 4.5px 0px #0000000D, 0px 0px 1.9px 0px #0000001A;
    border-radius: 16px;
    padding: 40px 32px 28px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }
  .lf-progress{margin-bottom:32px}
  .lf-progress-bar{
    height: 2px;
    background: var(--cream-3);
    border-radius: 10px;
    overflow: hidden;
  }
  .lf-progress-fill{
    height:100%;background: linear-gradient(90deg, #D9E4EF 0%, #9DB5CD 100%);
    border-radius:3px;
    transition:width 0.4s cubic-bezier(0.16,1,0.3,1);
  }
  .lf-progress-label{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.16px;
    color: var(--ink-soft);
    margin: 0 0 16px;
  }
  .lf-quiz-inner{min-height:0}
  .lf-step{display:none;animation:lfFade 0.35s ease}
  .lf-step.active{display:block}
  @keyframes lfFade{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
  }
  .lf-question{
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.2;
    margin-bottom: 16px;
    font-size: 24px;
  }
  .lf-question em{
    font-weight: 400;
    font-style: italic;
    font-family: Nyght Serif;
  }
  .lf-hint{
    font-size: 16px;
    color: #5C5C5C;
    line-height: 1.55;
    margin-bottom: 24px;
  }
  .lf-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .lf-options-grid.lf-options-2col{grid-template-columns:repeat(4,1fr);}
  .lf-option{
    background: #F0F5FF;
    border: 1.5px solid #F0F5FF;
    border-radius: 6px;
    padding: 12px 24px;
    cursor: pointer;
    text-align: center;
    transition: all 0.18s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .lf-option:hover {
    border-color: #9EB6CF;
  }
  .lf-option.selected{background:var(--forest);border-color:var(--forest);color:var(--cream)}
  .lf-option-icon{color:var(--terracotta);margin-bottom:4px}
  .lf-option.selected {
    background: #2F4F70;
    border-color: #2F4F70;
    color: var(--cream);
  }
  .lf-option-main{
    font-size: 20px;
    font-weight: 500;
    color: #2A2F33;
    letter-spacing: -0.005em;
    line-height: 1.3;
  }
  .lf-option.selected .lf-option-main{color:var(--cream)}
  .lf-option-sub{
    font-size: 16px;
    color: #5C5C5C;
    line-height: 1.4;
    letter-spacing: -0.2px;
  }
  .lf-option.selected path {
    stroke: var(--cream);
  }
  .lf-option.selected .lf-option-sub{
    color:var(--cream);
  }
  .lf-options-pills{display:flex;flex-wrap:wrap;gap:16px}
  .lf-pill{
    background: #F0F5FF;
    border: 1.5px solid transparent;
    border-radius: 8px;
    padding: 11px 21px;
    cursor: pointer;
    font-size: 16px;
    color: #5C5C5C;
    font-weight: 500;
    transition: all 0.18s;
  }
  .lf-pill:hover {
    border-color: #9EB6CF;
    color: var(--ink-soft);
  }
  .lf-pill.selected{
    background: #2F4F70;
    border-color: #2F4F70;
    color: var(--cream);
  }

  /* Numeric Input */
  .lf-input-wrap .lf-input-stepper {max-width:384px}
  .lf-input-stepper{
    display: flex;
    align-items: stretch;
    overflow: hidden;
    transition: border-color 0.18s;
    gap: 8px;
  }
  .lf-input-stepper:focus-within{border-color:var(--forest)}
  .lf-stepper-btn{
    border: none;
    cursor: pointer;
    width: 52px;
    flex-shrink: 0;
    font-family: 'Fraunces',serif;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    user-select: none;
    background: #9EB6CF;
    height: 52px;
    border-radius: 8px;
  }
  .lf-stepper-btn:hover{background:#728DA9;}
  .lf-input-display{
    flex: 1;
    display: flex;
    justify-content: center;
    gap: 4px;
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    border-radius: 8px;
    align-items: center; 
    transition: all .25s ease;
  }
  .lf-input-display:hover {
    border: 1px solid #9EB6CF;
  }
  .lf-input-display input {
    background: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    font-weight: 400;
    color: #5C5C5C;
    text-align: right;
    letter-spacing: -0.02em;
    line-height: 1;
    width: auto;
    min-width: 65px;
    max-width: 65px;
    -moz-appearance: textfield;
    margin: 0;
    padding: 0;
    height: unset;
    margin-left: -40px;
  }
  .lf-input-display input::-webkit-outer-spin-button,
  .lf-input-display input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .lf-input-display input::placeholder{color:#5C5C5C}
  .lf-input-unit{
    font-size: 16px;
    color: #5C5C5C;
    white-space: nowrap;
    line-height: 1.4;
    position: relative;
    top: 1px;
}
  .lf-input-hint{
    margin-top: 8px;
    font-size: 12px;
    color: #909090;
  }
  .lf-input-quick {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #D9E4EF;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .lf-input-quick-label{
    font-size: 16px;
    font-weight: 400;
    color: #5C5C5C;
  }
  .lf-input-quick-pills{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .lf-quick-pill{
    background: #F0F5FF;
    border: 1px solid #F0F5FF;
    border-radius: 8px;
    padding: 10px 23px;
    cursor: pointer;
    font-size: 16px;
    color: #5C5C5C;
    font-weight: 400;
    transition: all 0.15s;
  }
  .lf-quick-pill:hover{border-color:#9EB6CF;color:#2F4F70}
  .lf-quick-pill.selected{background:#2F4F70;border-color:#2F4F70;color:var(--cream)}

  .lf-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
    padding-top: 20px;
  }
  .lf-back{
    background: #F7F7F7;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: var(--ink-soft);
    font-weight: 600;
    padding: 12px;
    transition: color 0.15s;
    height: 46px;
    min-width: 176px;
    border-radius: 8px;
  }
  .lf-back:hover{
    background:var(--forest);
    color: var(--ink-soft);
  }
  .lf-back:disabled{opacity:0.3;cursor:not-allowed}
  .lf-next{
    background: #2F4F70;
    color: var(--cream);
    border: none;
    border-radius: 5px;
    padding: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    letter-spacing: -0.005em;
    height: 46px;
    min-width: 176px;
    justify-content: center;
  }
  .lf-next:hover{background:#3D5E7F;}
  .lf-next:focus{background:#2F4F70;}
  .lf-next:disabled{background:var(--cream-3);color:var(--ink-soft);cursor:not-allowed;transform:none}

  /* ===== ROI CALCULATOR ===== */
  .roi-disclaimer{
    /* display: inline-flex;
    gap: 5px; */
    font-size: 16px;
    color: #2A2F33;
    line-height: 1.5;
  }
  .roi-disclaimer strong{
    color: #2C6A58;
    font-weight: 600;
    font-style: normal;
  }
  .roi-disclaimer-icon{
    color: var(--terracotta);
    font-size: 11px;
    flex-shrink: 0;
    position: relative;
    top: 4px;
  }
  .roi-wrap{display:none}
  .roi-wrap.active{display:block;animation:lfFade 0.45s ease}
  #roi-wrap .hersteller-head {
    margin: 0 auto 48px;
  }
  .roi-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
    position: relative;
  }

  /* LEFT inputs */
  .roi-inputs{
    background: var(--cream);
    border-radius: 16px;
    padding: 40px 32px 32px;
    box-shadow: 0px 0px 4.5px 0px #0000000D, 0px 0px 1.9px 0px #0000001A;
  }
  .roi-inputs-title{
    font-size: 22px;
    color: var(--ink-soft);
    margin-bottom: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
  }
  .roi-inputs-sub{
    font-size: 16px;
    color: #5C5C5C;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D9E4EF;
}
  .roi-input{margin-bottom:16px}
  .roi-input:last-child{margin-bottom:0}
  .roi-input-head{
    display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;
  }
  .roi-input-label{
    font-size: 20px;
    color: #2A2F33;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.005em;
    margin: 0 0 4px;
  }
  .roi-input-help{
    font-size: 16px;
    color: #5C5C5C;
    line-height: 1.4;
  }
  .roi-input-value{
    font-size: 24px;
    color: #2A2F33;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.01em;
  }
  .roi-input-value em{
    color: #5C5C5C;
    font-size: 20px;
    margin-left: 2px;
    font-style: normal;
    font-weight: 400;
  }
  .roi-slider{
    -webkit-appearance:none;appearance:none;
    width:100%;height:4px;background:var(--cream-3);
    border-radius:10px;outline:none;cursor:pointer;
  }
  .roi-slider::-webkit-slider-thumb{ 
    -webkit-appearance:none;appearance:none;
    width:20px;height:20px;border-radius:50%;background:#9EB6CF;
    cursor:pointer;border:3px solid #D9E4EF;
    box-shadow: 0px 7px 2px 0px #364E6D00, 0px 4px 2px 0px #364E6D0A, 0px 2px 1px 0px #364E6D1F, 0px 1px 1px 0px #364E6D36, 0px 0px 1px 0px #364E6D3D;
    transition:transform 0.15s,background 0.2s;
  }
  .roi-slider::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--terracotta)}
  .roi-slider::-moz-range-thumb{
    width:20px;height:20px;border-radius:50%;background:#9EB6CF;
    cursor:pointer;border:3px solid #D9E4EF;
    box-shadow: 0px 7px 2px 0px #364E6D00, 0px 4px 2px 0px #364E6D0A, 0px 2px 1px 0px #364E6D1F, 0px 1px 1px 0px #364E6D36, 0px 0px 1px 0px #364E6D3D;

  }
  .roi-slider-scale{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #5C5C5C;
    margin-top: 4px;
    text-transform: uppercase;
    line-height: 1.4;
  }
  .roi-assumption {
    margin-top: 25px;
    padding-top: 24px;
    border-top: 1px solid #D9E4EF;
    font-size: 16px;
    color: #5C5C5C;
    line-height: 1.4;
  }
  .roi-assumption strong{
    color: #2A2F33;
    font-weight: 600;
  }

  /* RIGHT results */
  .roi-results{
    background: #9EB6CF;
    color: var(--cream);
    border-radius: 16px;
    padding: 40px 32px 32px;
    position: relative;
    box-shadow: 0px 0px 4.5px 0px #0000000D, 0px 0px 1.9px 0px #0000001A;
  }
  .roi-results-inner{position:relative;z-index:2}
  .roi-results-label{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--cream);
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D9E4EF80;
  }
  .roi-headline{
    font-size: 16px;
    color: #2F4F70;
    margin-bottom: 16px;
    font-weight: 600;
    background: #F0F5FF;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 7px;
  }
  .roi-big-number{
    font-size: 56px;
    color: var(--cream);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.04em;
    margin-bottom: 16px;
  }
  .roi-big-number em{
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-left: 6px;
    font-style: normal;
  }
  .roi-big-sub{
    font-size: 16px;
    color: var(--cream);
    line-height: 1.4;
    margin-bottom: 24px;
  }
  .roi-big-sub strong{font-weight: 600;}

  .roi-bars{margin-bottom:79px}
  .roi-bar-row{margin-bottom:24px}
  .roi-bar-row:last-child{margin-bottom:0}
  .roi-bar-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 1.2;
    color: var(--cream);
    font-weight: 600;
  }
  .roi-bar-head strong{
    font-size: 24px;
    color: var(--cream);
    font-weight: 600;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }
  .roi-bar{
    height: 4px;
    background: #D9E4EF80;
    border-radius: 10px;
    overflow: hidden;
  }
  .roi-bar-fill{
    height:100%;border-radius:6px;
    transition:width 0.5s cubic-bezier(0.16,1,0.3,1);
  }
  .roi-bar-fill.old{background:#F7F7F7}
  .roi-bar-fill.new {
    background: #F7F7F7;
  }

  .roi-stats{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0;
    border-top: 1px solid var(--line-cream);
    padding-top: 24px;
    margin-bottom: 24px;
  }
  .roi-stat{padding:0 18px;border-right:1px solid var(--line-cream)}
  .roi-stat:first-child{padding-left:0}
  .roi-stat:last-child{border-right:none;padding-right:0}
  .roi-stat-val{
    font-size: 32px;
    color: var(--cream);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
    text-align: center;
  }
  .roi-stat-val em{
    font-style: normal;
    font-size: 0.6em;
    margin-left: 2px;
    font-weight: 400;
  }
  .roi-stat-lbl{
    font-size: 16px;
    color: var(--cream);
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: center;
  }

  .roi-payback{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    justify-content: center;
  }
  .roi-payback-icon{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .roi-payback-text{font-size:16px;color:var(--cream);line-height:1.4}
  .roi-payback-text em{
    font-style: normal;
    font-weight: 600;
  }

  .roi-cta{
    width: 100%;
    padding: 12px 24px;
    background: var(--cream);
    color: #2F4F70;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.2s;
    letter-spacing: -0.005em;
  }
  .roi-cta:hover{background:#2F4F70; color: var(--cream);}

  .roi-restart{
    display: block;
    margin: 48px auto 0;
    background: transparent;
    border: none;
    color: #5C5C5C;
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
  }
  .roi-restart:hover{text-decoration: none;}

  .hersteller-ROI-popup {
    background: #fff;
    max-width: 1200px;
    margin: 60px auto;
    border-radius: 16px;
  }
  .hersteller-ROI-popup .roi-grid::after, .hersteller-ROI-popup .lf-quiz::after,
  .hersteller-ROI-popup .roi-grid::before, .hersteller-ROI-popup .lf-quiz::before {
    content: none;
  }
  .hersteller-ROI-popup .container {
    padding: 0;
  }

  @media(max-width:992px){
    .roi-grid{grid-template-columns:1fr;gap:24px}
    .roi-inputs,.roi-results{padding:30px 24px}
  }

  @media(max-width:767px){
    .roi-grid{grid-template-columns:1fr;gap:24px}
    .roi-inputs,.roi-results{padding:30px 24px}
    .lf-back, .lf-next {min-width: 110px;}
    .lf-options-pills, .lf-input-quick-pills {gap: 10px;}
    .lf-pill, .lf-quick-pill {padding: 11px 16px;font-size: 14px;}
    .roi-stats{grid-template-columns:1fr;gap:0;border-top:none;padding-top:0}
    .roi-stat{padding:18px 0;border-right:none;border-bottom:1px solid var(--line-cream)}
    .roi-stat:last-child{border-bottom:none}
    .lf-quiz{padding:24px 18px}
    .lf-question{font-size:20px}
    .lf-options-grid{grid-template-columns:repeat(2,1fr)}
    .lf-options-grid.lf-options-2col{grid-template-columns:1fr}
    .lf-nav{flex-wrap:wrap}
    .lf-stepper-btn{width:44px;font-size:22px}
    .lf-input-display input{font-size:20px}
    .lf-input-unit {font-size: 14px;}
    .lf-option-icon {margin-bottom: 0;}
    .lf-option {gap: 5px;}
    .roi-big-number {font-size: 40px;}
    .roi-big-number em {font-size: 24px;}
    .roi-bar-head {font-size: 16px;gap: 30px;}
    .roi-bar-head strong {font-size: 20px;}
    .roi-bars {margin-bottom: 20px;}

  }


/* partner-dashboard */

.partner-dashboard {
    padding: 100px 0;
    background: #F0F5FF;
    overflow: hidden;
}

.partner-dashboard .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.partner-dashboard__wrapper {
    display: grid;
    grid-template-columns: minmax(0, 424px) minmax(0, 550px);
    justify-content: space-between;
    align-items: center;
    gap: 80px;
}

.partner-dashboard__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.partner-dashboard__subtitle {
    font-family: 'Figtree';
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #5C5C5C;
    margin-bottom: 16px;
}

.partner-dashboard__text {
    font-family: 'Figtree';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}

.partner-dashboard__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.partner-dashboard__item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.partner-dashboard__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.partner-dashboard__item-text {
    font-family: 'Figtree';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.02em;
    color: #2A2F33;
}

.partner-dashboard__image-wrap {
	position: relative;
}
.partner-dashboard__image {
    position: relative;
    border-radius: 16px;
    background: #F7F7F7;
    z-index: 2;
}
.partner-dashboard__image::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #9EB6CF;

  border-radius: 1rem;

  position: absolute;
  top: -1.5rem;
  left: -1.5rem;
  z-index: -1;
}
.partner-dashboard__image-wrap::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  right: -56px;
  width: 75px;
  height: 130px;
  z-index: 0;
  background: url('../../images/gift-decor.svg') center/contain no-repeat;
}
.partner-dashboard__image img {
    display: block;
    width: 100%;
    height: 540px;
    border-radius: 16px;
    object-fit: cover;
    border: 8px solid #F7F7F7;
    box-shadow:
        0px 0px 20.8px rgba(0, 0, 0, 0.05),
        0px 0px 1.2px rgba(0, 0, 0, 0.1),
        0px 1px 6.6px rgba(0, 0, 0, 0.05);
    z-index: 2;
}
.partner-dashboard__image iframe {
    border-radius: 16px;
    object-fit: cover;
    border: 8px solid #F7F7F7 !important;
    box-shadow:
        0px 0px 20.8px rgba(0, 0, 0, 0.05),
        0px 0px 1.2px rgba(0, 0, 0, 0.1),
        0px 1px 6.6px rgba(0, 0, 0, 0.05);
    z-index: 2;
}

/* tablet */
@media (max-width: 991px) {

    .partner-dashboard {
        padding: 80px 0;
    }

    .partner-dashboard__wrapper {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .partner-dashboard__content {
        max-width: 100%;
    }

    .partner-dashboard__title {
        font-size: 34px;
    }

    .partner-dashboard__image {
        width: 100%;
    }
    

    .partner-dashboard__image::before {
        top: -0.8rem;
        left: -0.8rem;
    }

    .partner-dashboard__image img {
        height: auto;
        aspect-ratio: 1 / 1;
    }
}

/* mobile */
@media (max-width: 767px) {

    .partner-dashboard {
        padding: 64px 0;
    }

    .partner-dashboard .container {
        padding: 0 16px;
    }

    .partner-dashboard__wrapper {
        gap: 40px;
    }

    .partner-dashboard__content {
        gap: 24px;
    }

    .partner-dashboard__title {
        font-size: 28px;
        line-height: 1.2;
    }

    .partner-dashboard__text,
    .partner-dashboard__item-text {
        font-size: 15px;
    }

    .partner-dashboard__list {
        gap: 14px;
    }

    .partner-dashboard__item {
        align-items: flex-start;
    }

    .partner-dashboard__image {
        border-width: 6px;
        border-radius: 14px;
    }
}