:root{
    --blue:#9EB6CF;
    --blue-light:#F0F5FF;
    --text:#1E1E1E;
    --text-light:#666;
    --bg:#F7F7F7;
    --white:#fff;
    --radius:16px;
}

.kliniken-page{
    overflow:hidden;
    font-family:'Figtree',sans-serif;
    color:var(--text);
}

.kliniken-container{
    max-width:1240px;
    margin:0 auto;
    padding:0 20px;
}

.kliniken-section{
    padding:110px 0;
}

.kliniken-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;
}

.kliniken-btn:hover{
    background: #305071;
    color: var(--white);
}

.kliniken-head{
    max-width:920px;
    margin:0 auto 64px;
    text-align:center;
}

.kliniken-tag {
    font-weight: 600;
    margin-bottom: 16px;
}

.kliniken-head h2 {
    margin:0 0 16px;
    font-size:40px;
    line-height:1.15;
    font-weight:600;
    letter-spacing:-0.03em;
}

.kliniken-head p{
    color:var(--text-light);
    line-height:1.5;
}

/* HERO */

.kliniken-hero{
    background:var(--blue);
    padding:112px 0 90px;
}

.kliniken-hero__wrap{
    display: grid;
    grid-template-columns: 486px 1fr;
    gap: 126px;
    align-items: center;
}

.kliniken-hero__content {
    position: relative;
}
.kliniken-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");
}
.kliniken-hero__content::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -135px;
  left: 226px;
  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;
}

.kliniken-hero__subtitle {
  margin-bottom: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.kliniken-hero__title{
  margin: 0 0 16px;
  color: #fff;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.kliniken-benefits-top h2 span,
.kliniken-cta__title span,
.kliniken-hero__title span,
.kliniken-head h2 span {
  font-weight: 400;
  font-style: italic;
  font-family: Nyght Serif;
  position: relative;
  z-index: 1;
}

.kliniken-hero__title i{
    font-style:italic;
    font-family:serif;
    font-weight:500;
}

.kliniken-hero__text{
    margin-bottom:32px;
    color:#fff;
    line-height:1.6;
}

.kliniken-hero__image_wrap {
    position: relative;
}
.kliniken-hero__image_wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #becede;
  border-radius: 1rem;
  position: absolute;
  top: -1.5rem;
  left: -1.5rem;
  z-index: 0;
}
.kliniken-hero__image {
    position: relative;
    z-index: 1;
}
.kliniken-hero__image img{
    width:100%;
    height: auto;
    display:block;
    border-radius:20px;
    border:8px solid #F5F5F5;
    min-height: 487px;
    object-fit: cover;
}
.kliniken-hero__image::before {
  content: "";
  display: block;
  position: absolute;
  top: -94px;
  right: -56px;
  width: 160px;
  height: 173px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='168' height='174' viewBox='0 0 168 174' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M101.405 110.422C108.984 118.661 110.124 128.661 109.172 132.768C107.386 140.425 107.275 141.901 105.37 149.21C103.735 155.489 105.484 164.269 110.853 166.886C117.43 170.079 122.261 169.915 128.529 165.678C140.446 157.639 153.469 116.052 143.156 92.7009C140.218 86.0501 128.276 69.3717 104.211 77.1239C94.9522 80.1355 85.9449 93.6129 101.405 110.422Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.1663 79.2817C96.1722 83.5337 91.1752 86.7956 87.7767 87.2014C84.7521 87.5531 81.5057 86.0152 80.3454 82.7086C79.1472 79.0215 81.3476 74.9286 85.0888 74.1045C88.0214 72.9983 91.9466 73.6832 93.2887 77.0684C93.7289 77.7036 94.0322 78.4685 94.1663 79.2817Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M103.432 69.1076C104.853 72.1224 101.313 74.4491 98.8832 74.7343C96.7237 74.9878 94.422 73.8852 93.6034 71.5355C92.7466 68.8996 94.3095 66.0011 96.9771 65.4143C99.0732 64.6209 101.851 65.1202 102.806 67.5289C103.12 67.9883 103.349 68.5189 103.432 69.1076Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M114.579 68.4769C115.806 71.0978 112.731 73.1269 110.643 73.3709C108.77 73.5862 106.777 72.6439 106.058 70.5936C105.32 68.3058 106.677 65.7904 108.977 65.2739C110.797 64.5902 113.204 65.0104 114.037 67.1099C114.309 67.5106 114.489 67.9663 114.579 68.4769Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M126.161 69.2484C127.269 71.6153 124.493 73.4502 122.597 73.6558C120.906 73.8554 119.095 72.9917 118.453 71.1366C117.784 69.0669 119.01 66.7917 121.092 66.3429C122.732 65.7301 124.916 66.1074 125.664 67.9953C125.913 68.3861 126.097 68.8028 126.161 69.2484Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M135.923 72.8209C136.918 74.9501 134.435 76.5746 132.728 76.7807C131.219 76.9647 129.596 76.1957 129.015 74.5424C128.413 72.6908 129.508 70.6557 131.382 70.2517C132.853 69.6873 134.803 70.0443 135.474 71.7369C135.701 72.0237 135.849 72.398 135.923 72.8209Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65.6101 57.4223C58.0309 65.6607 56.8909 75.6612 57.8429 79.7676C59.6283 87.4249 59.74 88.9005 61.6445 96.2096C63.2794 102.489 61.531 111.269 56.1617 113.886C49.5848 117.079 44.7533 116.915 38.4854 112.678C26.5687 104.639 13.5455 63.052 23.8584 39.7009C26.7966 33.0501 38.739 16.3717 62.804 24.1239C72.0624 27.1355 81.0697 40.6129 65.6101 57.4223Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M72.8484 26.2817C70.8424 30.5337 75.8394 33.7956 79.238 34.2014C82.2625 34.5531 85.5089 33.0152 86.6692 29.7086C87.8674 26.0215 85.667 21.9286 81.9258 21.1045C78.9933 19.9983 75.0681 20.6832 73.7259 24.0684C73.2857 24.7036 72.9825 25.4685 72.8484 26.2817Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M63.5825 16.1076C62.1612 19.1224 65.7021 21.4491 68.1315 21.7343C70.291 21.9878 72.5926 20.8852 73.4112 18.5355C74.268 15.8996 72.7052 13.0011 70.0375 12.4143C67.9415 11.6209 65.1634 12.1202 64.2084 14.5289C63.8944 14.9883 63.6652 15.5189 63.5825 16.1076Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.4358 15.4769C51.2084 18.0978 54.2835 20.1269 56.3714 20.3709C58.2447 20.5862 60.238 19.6439 60.9568 17.5936C61.6943 15.3058 60.3376 12.7904 58.0375 12.2739C56.2181 11.5902 53.8103 12.0104 52.9779 14.1099C52.706 14.5106 52.5253 14.9663 52.4358 15.4769Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.8537 16.2484C39.7458 18.6153 42.5213 20.4502 44.4173 20.6558C46.1084 20.8554 47.9198 19.9917 48.5612 18.1366C49.2311 16.0669 48.0051 13.7917 45.923 13.3429C44.2827 12.7301 42.0991 13.1074 41.3506 14.9953C41.1014 15.3861 40.9174 15.8028 40.8537 16.2484Z' fill='%23D9E4EF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.0919 19.8209C30.0971 21.9501 32.5794 23.5746 34.2868 23.7807C35.7958 23.9647 37.419 23.1957 37.9992 21.5424C38.6015 19.6908 37.5062 17.6557 35.6324 17.2517C34.1612 16.6873 32.2116 17.0443 31.5406 18.7369C31.3139 19.0237 31.1654 19.398 31.0919 19.8209Z' fill='%23D9E4EF'/%3E%3C/svg%3E%0A");
  z-index: -1;
}

.kliniken-hero__image::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -49px;
  left: -57px;
  width: 100px;
  height: 103px;
  background-image: url("data:image/svg+xml,%3Csvg width='132' height='136' viewBox='0 0 132 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M86.1987 63.5792C74.8469 57.746 69.6919 47.4936 69.0948 42.7249C67.9921 33.8287 67.531 32.2057 66.6929 23.6352C65.9714 16.2727 60.6457 7.56576 53.8704 6.87806C45.5764 6.04937 40.471 8.1261 35.4311 15.1258C25.843 28.4176 28.2717 78.0422 48.4956 98.971C54.2567 104.932 73.5985 118.079 96.2989 100.314C105.021 93.4487 109.356 75.4827 86.1987 63.5792Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M106.197 94.0513C102.378 90.2909 106.441 84.8342 109.918 83.0626C113.016 81.4961 117.095 81.8643 119.638 84.946C122.371 88.4198 121.627 93.6653 117.948 96.0193C115.245 98.357 110.775 99.1686 108.007 96.0744C107.286 95.5678 106.661 94.8687 106.197 94.0513Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M100.286 108.584C97.5785 105.917 100.452 102.034 102.939 100.773C105.15 99.6521 108.047 99.9263 109.848 102.118C111.802 104.602 111.27 108.318 108.646 109.996C106.715 111.67 103.546 112.229 101.577 110.027C101.06 109.659 100.606 109.181 100.286 108.584Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M88.6051 113.648C86.2604 111.326 88.7525 107.945 90.8906 106.862C92.8104 105.895 95.3142 106.119 96.8901 108.03C98.5795 110.188 98.1175 113.413 95.8595 114.871C94.1817 116.318 91.4398 116.816 89.723 114.897C89.2744 114.575 88.9018 114.159 88.6051 113.648Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M75.9113 117.376C73.7944 115.28 76.0423 112.224 77.9902 111.258C79.7213 110.379 81.9995 110.59 83.4157 112.323C84.9469 114.274 84.5303 117.191 82.4791 118.491C80.9649 119.792 78.4799 120.247 76.9361 118.522C76.5157 118.202 76.1548 117.828 75.9113 117.376Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64.0593 117.396C62.1569 115.509 64.1739 112.794 65.9198 111.902C67.4621 111.111 69.5016 111.295 70.773 112.836C72.1461 114.58 71.7748 117.189 69.9287 118.358C68.5766 119.541 66.35 119.926 64.9659 118.379C64.6105 118.162 64.3043 117.82 64.0593 117.396Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

/* STEPS */

.kliniken-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    position: relative;
}

.kliniken-step{
    padding:32px;
    background:var(--bg);
    border-radius:var(--radius);
    position: relative;
    z-index: 5;
}
.kliniken-steps::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;
}
.kliniken-steps::after {
  content: "";
  position: absolute;
  bottom: -105px;
  right: -116px;
  width: 278px;
  height: 234px;
  z-index: 1;
  background: url('../../images/kliniken-decor2.svg') center/contain no-repeat;

}

.kliniken-step__num{
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E4EEFA;
  border-radius: 6px;
  color: #35516E;
  font-style: italic;
  font-family: Nyght Serif;
  font-size: 20px;
  font-weight: 600;
}

.kliniken-step h3{
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.2;
}

.kliniken-step p{
    color:var(--text-light);
    line-height:1.5;
}

/* BENEFITS */

.kliniken-benefits-section{
    background:var(--blue-light);
}

.kliniken-benefits-top {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    margin-bottom:56px;
    align-items: flex-end;
}

.kliniken-benefits-top h2 {
    font-size:40px;
    line-height:1.15;
    max-width: 440px;
}

.kliniken-benefits-top > p{
    color:var(--text-light);
    line-height:1.6;
    margin-bottom: 0;
}

.kliniken-benefits{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.kliniken-benefit{
    display:flex;
    gap:20px;
    padding:32px 24px;
    background:#fff;
    border-radius:var(--radius);
}

.kliniken-benefit__icon{
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #EEF4FC;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kliniken-benefit h3{
  margin: 8px 0 12px;
  font-size: 20px;
  line-height: 1.2;
}

.kliniken-benefit p{
    color:var(--text-light);
    line-height:1.5;
    margin-bottom: 0;
}

/* FAQ */

.kliniken-faq{
    max-width:900px;
    margin:0 auto;
    position: relative;
}
.kliniken-faq::before {
  content: "";
  position: absolute;
  top: 74px;
  left: -82px;
  width: 110px;
  height: 209px;
  z-index: 1;
  background: url('../../images/faq-decor.svg') center/contain no-repeat;
}
.kliniken-faq::after {
  content: "";
  position: absolute;
  bottom: 62px;
  right: -184px;
  width: 250px;
  height: 317px;
  z-index: 1;
  background: url('../../images/faq-decor2.svg') center/contain no-repeat;

}

.kliniken-faq-item{
    margin-bottom:20px;
    border-radius:16px;
    overflow:hidden;
    background:var(--bg);
    position: relative;
    z-index: 5;
}

.kliniken-faq-question{
    width:100%;
    padding:32px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:none;
    background:none;
    cursor:pointer;
    font-size:20px;
    font-weight:500;
    text-align:left;
}

.kliniken-faq-answer{
    display:none;
    padding:0 24px 32px;
    color:var(--text-light);
    line-height:1.6;
    margin-top: -16px;
}

.kliniken-faq-item.active .kliniken-faq-answer{
    display:block;
}
.kliniken-faq-item.active svg {
    transform: rotate(-180deg);
}

/* CTA */

.kliniken-cta{
    padding:100px 0 124px;
    background: #F7F7F7;
}

.kliniken-cta .kliniken-container {
  max-width: 1120px;
}

.kliniken-cta__box{
    display:grid;
    grid-template-columns: 480px 1fr;
    overflow:hidden;
    border-radius:24px;
}

.kliniken-cta__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.kliniken-cta__content {
    padding:56px;
    background:var(--blue);
    color:#fff;
    position: relative;
}
.kliniken-cta__ring {
    pointer-events: none;
    position: absolute;
    right: -44px;
    top: 0px;
    width: 20.1875rem;
    height: 20.1875rem;
    z-index: 0;
}

.kliniken-cta__subtitle{
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  z-index: 5;
}

.kliniken-cta__title{
  margin: 0 0 20px;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 600;
  color: var(--white);
  position: relative;
  z-index: 5;
}

.kliniken-cta__title i{
    font-family:serif;
    font-style:italic;
}

.kliniken-cta__text{
    margin-bottom:32px;
    line-height:1.6;
    position: relative;
    z-index: 5;
}

.cta-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 16px 0 0;
}
.cta-list .cta-list-one {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cta-list .cta-list-one p {
  margin-bottom: 0;
}


/* RESPONSIVE */

@media(max-width:1024px){

    .kliniken-hero__wrap,
    .kliniken-benefits-top,
    .kliniken-cta__box{
        grid-template-columns:1fr;
    }

    .kliniken-steps,
    .kliniken-benefits{
        grid-template-columns:1fr;
    }

    .kliniken-hero__wrap {gap: 60px;}
    .kliniken-hero__image_wrap::before {top: -0.8rem;left: -0.8rem;}
    .kliniken-benefits-top {gap: 20px;}

}

@media(max-width:767px){

    .kliniken-section,
    .kliniken-cta,
    .kliniken-hero{
        padding:72px 0;
    }

    .kliniken-hero__title,
    .kliniken-head h2,
    .kliniken-benefits-top h2,
    .kliniken-cta__title{
        font-size:34px;
    }

    .kliniken-cta__content{
        padding:32px 24px;
    }

    .kliniken-faq-question{
        padding:24px;
        font-size:16px;
    }

    .kliniken-faq-answer{
        padding:0 24px 24px;
    }

    .kliniken-hero__image img {min-height: unset;}
    .kliniken-hero__content::after {content:none;}
    .kliniken-step {padding: 24px;}
    .kliniken-faq::before {left: -43px;}
    .kliniken-head {margin: 0 auto 48px;}

}
