Hello
Values depends on your header height.
The viewport has a height of 150 – so if you like to have a height of 210px – the relative height should be set as: 140%
.logo.avia-svg-logo svg {
height: 210px;
max-height: 140% !important;
overflow: visible;
}
.av-contains-svg {
overflow: visible !important;
}
/*** if you like ***/
#circle-bg {
filter: drop-shadow(2px 3px 5px #888);
}/*** similar to Kriesi Logo - after scroll ***/
#top #header #uw-vakantiewoning,
#top #header #onze-zorg {
opacity: 1;
transition: opacity 2s ease;
}
#top #header.header-scrolled #uw-vakantiewoning,
#top #header.header-scrolled #onze-zorg {
opacity: 0;
}the xml structure of that svg logo
You can see that each of these elements can be addressed separately via ID
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 425 150" style="max-height: 140px;">
<defs>
<radialGradient id="white-blue" cx="338.783" cy="-632.797" r="117.545" data-name="Unbenannter Verlauf" fx="338.783" fy="-632.797" gradientTransform="matrix(.391 0 0 -.391 -57.805 -172.793)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff"></stop>
<stop offset=".14" stop-color="#fafdfe"></stop>
<stop offset=".29" stop-color="#edf7fc"></stop>
<stop offset=".44" stop-color="#d8eef8"></stop>
<stop offset=".59" stop-color="#bae2f3"></stop>
<stop offset=".75" stop-color="#93d1ed"></stop>
<stop offset=".91" stop-color="#65bee6"></stop>
<stop offset="1" stop-color="#46b1e1"></stop>
</radialGradient>
</defs>
<path id="uw-vakantiewoning" fill="#005899" d="M179.501 67.011V55.929h3.472v11.082c0 1.917-.27 3.409-.81 4.477-1.006 1.957-2.925 2.936-5.757 2.936s-4.755-.979-5.768-2.936c-.54-1.068-.81-2.56-.81-4.477V55.929h3.472v11.082c0 1.24.133 2.145.399 2.716.414 1.011 1.316 1.517 2.707 1.517 1.382 0 2.281-.505 2.696-1.517.266-.571.399-1.476.399-2.716Zm22.641-11.082h3.472l-4.603 18.03h-3.261l-1.975-10.544-.577-3.486-.577 3.486-1.975 10.544h-3.173l-4.637-18.03h3.627l2.163 10.324.466 2.875.477-2.814 1.841-10.385h3.605l1.941 10.324.499 2.875.499-2.764 2.185-10.434Zm10.637 0h3.649l3.55 13.688 3.583-13.688h3.55l-5.579 18.03h-3.228l-5.524-18.03Zm24.259 14.323h-6.023l-1.132 3.706h-3.572l5.835-18.03h3.86l5.791 18.03h-3.705l-1.054-3.706Zm-.953-3.106-2.041-7.095-2.108 7.095h4.149Zm22.274 6.813h-4.393l-5.047-7.878-1.631 1.847v6.03h-3.361v-18.03h3.361v7.425l6.312-7.425h4.415l-6.7 7.425 7.044 10.605Zm11.492-3.707h-6.023l-1.131 3.706h-3.573l5.835-18.03h3.86l5.791 18.03h-3.705l-1.054-3.706Zm-.954-3.106-2.041-7.095-2.108 7.095h4.149Zm21.009 6.813h-3.416l-6.678-12.807v12.807h-3.184v-18.03h3.583l6.512 12.587V55.929h3.184v18.03Zm15.064-18.03v3.192h-4.892v14.838h-3.438V59.121h-4.914v-3.192h13.244Zm1.731 0h3.395v18.03h-3.395v-18.03Zm17.959 10.152h-7.942v4.636h9.052v3.242h-12.391v-18.03h11.992v3.192h-8.652v3.829h7.942v3.131Zm19.678-10.152h3.472l-4.603 18.03h-3.262l-1.974-10.544-.577-3.486-.577 3.486-1.975 10.544h-3.172l-4.637-18.03h3.627l2.163 10.324.467 2.875.476-2.814 1.842-10.385h3.605l1.942 10.324.499 2.875.499-2.764 2.186-10.434Zm12.768 18.531c-2.337 0-4.123-.701-5.358-2.104-1.656-1.721-2.484-4.2-2.484-7.437 0-3.303.828-5.782 2.484-7.437 1.235-1.402 3.021-2.104 5.358-2.104s4.123.702 5.358 2.104c1.649 1.655 2.474 4.134 2.474 7.437 0 3.238-.824 5.716-2.474 7.437-1.235 1.402-3.021 2.104-5.358 2.104Zm3.228-4.843c.791-1.101 1.187-2.667 1.187-4.697s-.398-3.586-1.192-4.691c-.795-1.105-1.869-1.658-3.223-1.658s-2.433.55-3.238 1.652c-.807 1.101-1.21 2.667-1.21 4.697s.403 3.596 1.21 4.697c.806 1.101 1.886 1.651 3.238 1.651s2.429-.55 3.228-1.651Zm20.433 4.342h-3.416l-6.678-12.807v12.807h-3.184v-18.03h3.583l6.512 12.587V55.929h3.184v18.03Zm2.917-18.03h3.395v18.03h-3.395v-18.03Zm19.801 18.03h-3.416l-6.678-12.807v12.807h-3.184v-18.03h3.583l6.512 12.587V55.929h3.184v18.03Zm13.211-.441c-.902.612-2.011.918-3.327.918-2.167 0-3.942-.828-5.325-2.483-1.442-1.664-2.163-3.939-2.163-6.825 0-2.92.728-5.26 2.186-7.022 1.457-1.761 3.383-2.642 5.779-2.642 2.078 0 3.747.581 5.008 1.743 1.26 1.162 1.983 2.611 2.168 4.348h-3.361c-.259-1.231-.891-2.092-1.897-2.581a4.29 4.29 0 0 0-1.874-.404c-1.317 0-2.399.549-3.245 1.645-.846 1.097-1.27 2.746-1.27 4.948 0 2.218.459 3.788 1.375 4.709.918.921 1.96 1.382 3.129 1.382 1.146 0 2.085-.365 2.817-1.095.733-.73 1.184-1.686 1.354-2.869h-3.783v-3.009h6.811v9.676h-2.263l-.344-2.251c-.659.856-1.25 1.46-1.775 1.81Z"></path>
<path id="onze-zorg" fill="#48c8ee" d="M177.061 103.269c-2.337 0-4.122-.701-5.357-2.104-1.657-1.721-2.485-4.2-2.485-7.437 0-3.303.828-5.782 2.485-7.437 1.235-1.402 3.021-2.105 5.357-2.105s4.123.702 5.358 2.105c1.649 1.655 2.474 4.134 2.474 7.437 0 3.238-.825 5.716-2.474 7.437-1.235 1.402-3.021 2.104-5.358 2.104Zm3.228-4.843c.792-1.102 1.187-2.667 1.187-4.698s-.398-3.586-1.192-4.691c-.795-1.106-1.869-1.658-3.223-1.658s-2.433.55-3.239 1.651-1.209 2.667-1.209 4.698.403 3.596 1.209 4.698c.806 1.101 1.886 1.65 3.239 1.65s2.43-.549 3.228-1.65Zm20.433 4.341h-3.416l-6.678-12.807v12.807h-3.184v-18.03h3.583l6.511 12.587V84.737h3.184v18.03Zm14.753 0h-12.723v-3.18l8.442-11.658h-8.231v-3.192h12.49v3.021l-8.552 11.829h8.575v3.18Zm13.689-7.877h-7.943v4.637h9.052v3.241h-12.39v-18.03h11.991v3.192h-8.652v3.829h7.943v3.131Zm21.652 7.877h-12.723v-3.18l8.441-11.658h-8.231v-3.192h12.491v3.021l-8.553 11.829h8.575v3.18Zm9.54.502c-2.337 0-4.122-.701-5.357-2.104-1.657-1.721-2.486-4.2-2.486-7.437 0-3.303.829-5.782 2.486-7.437 1.235-1.402 3.02-2.105 5.357-2.105s4.123.702 5.358 2.105c1.649 1.655 2.474 4.134 2.474 7.437 0 3.238-.824 5.716-2.474 7.437-1.235 1.402-3.021 2.104-5.358 2.104Zm3.228-4.843c.791-1.102 1.187-2.667 1.187-4.698s-.398-3.586-1.192-4.691c-.795-1.106-1.869-1.658-3.223-1.658s-2.433.55-3.238 1.651c-.807 1.101-1.21 2.667-1.21 4.698s.403 3.596 1.21 4.698c.806 1.101 1.886 1.65 3.238 1.65s2.429-.549 3.228-1.65Zm14.154-2.729h-3.528v7.07h-3.339v-18.03h8.02c1.146.024 2.028.18 2.645.465s1.141.706 1.57 1.26c.355.456.636.961.843 1.516.207.555.311 1.186.311 1.896 0 .856-.196 1.699-.588 2.526-.392.829-1.04 1.413-1.942 1.755.754.335 1.288.81 1.603 1.425.314.616.471 1.556.471 2.82v1.211c0 .823.03 1.382.089 1.675.089.465.296.807.621 1.027v.453h-3.76a13.574 13.574 0 0 1-.222-.966 9.8 9.8 0 0 1-.145-1.553l-.022-1.675c-.015-1.15-.206-1.917-.571-2.3-.366-.383-1.052-.575-2.058-.575Zm2.074-3.278c.68-.343 1.02-1.02 1.02-2.03 0-1.093-.329-1.826-.987-2.201-.37-.212-.925-.318-1.664-.318h-3.971v4.844h3.872c.769 0 1.346-.098 1.73-.294Zm17.416 9.908c-.902.611-2.011.918-3.327.918-2.167 0-3.942-.828-5.325-2.483-1.442-1.664-2.163-3.939-2.163-6.826 0-2.919.728-5.259 2.186-7.021 1.457-1.762 3.383-2.642 5.779-2.642 2.078 0 3.747.581 5.008 1.744 1.26 1.162 1.983 2.611 2.168 4.348h-3.361c-.259-1.231-.891-2.092-1.897-2.581a4.29 4.29 0 0 0-1.874-.404c-1.317 0-2.399.549-3.245 1.646-.846 1.096-1.27 2.746-1.27 4.947 0 2.219.459 3.789 1.375 4.71.918.921 1.96 1.382 3.129 1.382 1.146 0 2.085-.365 2.817-1.094.733-.731 1.184-1.687 1.354-2.87h-3.783v-3.009h6.811v9.676h-2.263l-.344-2.25c-.659.856-1.25 1.459-1.775 1.81Z"></path>
<circle id="circle-bg" cx="75.267" cy="75" r="71.344" fill="#fff" stroke="#005899" stroke-miterlimit="11.339" stroke-width=".958"></circle>
<path id="happy-place" style="fill:#215f9a" d="M13.575,49.047l1.433-2.695,4.561,2.425,2.785-5.235-4.561-2.429,1.433-2.695,12.232,6.507-1.433,2.695-5.288-2.813-2.785,5.235,5.288,2.813-1.433,2.695-12.232-6.507v.003h0ZM27.383,28.658l-1.723,1.842h0v.003l6.029,13.84,2.3-2.457-1.356-2.848,3.677-3.932,2.96,1.132,2.352-2.516-14.238-5.064h0ZM31.399,36.563l-1.996-4.169h0l4.309,1.698-2.314,2.471h.001ZM45.773,19.739c-1.8-2.75-4.302-2.216-6.71-.643l-4.309,2.813h-.004l7.577,11.603,2.558-1.671-2.953-4.522,1.87-1.22c2.443-1.594,3.746-3.642,1.971-6.361h0ZM42.23,24.041l-1.706,1.115h-.003l-1.796-2.754,1.311-.856c.986-.639,2.303-1.268,3.086-.073.71,1.08.011,1.982-.891,2.569h0ZM58.59,14.675c-1.15-3.082-3.708-3.11-6.403-2.107l-4.823,1.796h0l4.833,12.984,2.862-1.066-1.884-5.061,2.09-.779c2.733-1.017,4.456-2.723,3.324-5.767h0ZM54.178,18.093l-1.908.709h0l-1.146-3.082,1.468-.545c1.101-.409,2.523-.731,3.023.608.451,1.209-.426,1.936-1.436,2.31ZM65.789,17.195l-6.193-7.203,3.764-.493,3.582,4.764,2.411-5.546,3.589-.468-4.131,8.555.765,5.861-3.027.395-.765-5.861.004-.003h0ZM83.273,8.905h.002-.002ZM88.32,9.912l-5.045-1.007-2.709,13.588,2.995.598,1.055-5.298,2.188.437c2.858.57,5.221.024,5.857-3.163.643-3.226-1.521-4.592-4.341-5.155ZM89.554,14.447c-.252,1.265-1.381,1.419-2.436,1.209l-1.994-.398v.003-.003h0l.642-3.223,1.534.308c1.15.227,2.534.703,2.254,2.104ZM97.494,12.382l2.81,1.199-4.33,10.153,5.204,2.219-1.104,2.593-8.01-3.418,5.438-12.746h-.008ZM112.819,20.431h-.002v.003l-12.99,7.689,2.723,1.978,2.66-1.695,4.355,3.163-.758,3.075,2.785,2.024,3.268-14.752s-2.041-1.485-2.041-1.485ZM110.247,28.864l-2.74-1.989,3.893-2.495s-1.153,4.484-1.153,4.484ZM125.579,37.713c.171-.93-.077-1.87-.8-2.743-1.475-1.775-4.009-1.887-5.997-.238s-2.345,4.159-.933,5.861c.786.947,1.845,1.366,2.971,1.248l.164,3.17c-2.003.161-3.841-.856-5.054-2.317-2.764-3.327-2.593-7.566.828-10.404,3.418-2.838,7.615-2.226,10.376,1.104.989,1.188,1.831,3.034,1.422,4.9l-2.974-.584-.003.003ZM132.223,41.166l4.197,8.426-2.523,1.255-2.834-5.693-2.314,1.15,2.677,5.379-2.523,1.255-2.677-5.379-2.523,1.255,2.992,6.008-2.523,1.255-4.355-8.741,12.403-6.175.003.007v-.002Z"></path>
<path id="services" d="M34.873 112.871c.115-.584-.199-1.283-.566-1.706-.423-.489-1.23-.972-1.821-.461-1.429 1.241 2.625 4.058-.126 6.441-1.751 1.52-3.806.832-5.211-.786-.874-1.01-1.346-2.156-1.3-3.495l2.422.059a2.55 2.55 0 0 0 .563 2.153c.489.566 1.304.968 1.859.486 1.443-1.251-2.527-4.26.091-6.528 1.674-1.45 3.809-.758 5.148.783.769.888 1.276 1.943 1.265 3.117l-2.328-.063h.004Zm7.255 3.397 5.781 4.054-1.213 1.73-3.907-2.736-1.111 1.587 3.691 2.586-1.213 1.73-3.691-2.586-1.213 1.73 4.124 2.89-1.213 1.73-5.997-4.204 5.966-8.51h-.003Zm11.117 6.877 3.771 1.398c1.996.741 3.421 2.048 2.579 4.32-.503 1.363-1.625 2.153-3.096 1.891l.954 5.033-2.572-.954-.594-4.648-1.059-.391-1.443 3.897-2.146-.797 3.61-9.744-.003-.003Zm.654 4.83 1.265.468c.786.29 1.814.64 2.205-.419.363-.979-.461-1.454-1.248-1.747l-1.405-.521-.821 2.216.004.003Zm11.131-.978 2.604.227 1.964 7.011h.028l3.198-6.553 2.443.213-5.179 9.978-1.828-.161-3.229-10.715Zm15.36.363 2.272-.294 1.335 10.306-2.272.294-1.335-10.306Zm15.647-1.223c-.612-.356-1.339-.419-2.139-.133-1.629.591-2.349 2.349-1.692 4.173.661 1.821 2.342 2.712 3.9 2.146.87-.315 1.433-.958 1.636-1.779l2.279.688c-.395 1.454-1.58 2.492-2.918 2.978-3.051 1.104-5.997-.091-7.13-3.226-1.136-3.131.363-5.938 3.414-7.042 1.09-.395 2.607-.521 3.816.241l-1.167 1.954Zm5.564-5.812 5.791-4.04 1.209 1.733-3.911 2.73 1.108 1.59 3.694-2.579 1.209 1.733-3.694 2.579 1.209 1.733 4.127-2.88 1.209 1.733-6.004 4.19-5.948-8.521v-.003Zm15.573-10.359c-.594-.031-1.244.377-1.611.797-.423.486-.79 1.356-.203 1.866 1.429 1.244 3.652-3.166 6.399-.776 1.751 1.524 1.356 3.652-.052 5.27-.877 1.007-1.947 1.632-3.278 1.775l-.28-2.404a2.542 2.542 0 0 0 2.051-.86c.493-.566.776-1.426.224-1.908-1.44-1.255-3.865 3.096-6.48.821-1.671-1.457-1.283-3.67.056-5.207.772-.884 1.747-1.534 2.911-1.688l.262 2.314Z" style="fill:#46b1e1"></path>
<circle id="circle-gradient" cx="74.763" cy="74.825" r="45.996" fill="url(#white-blue)"></circle>
<path id="house" fill="#2d517d" d="M101.3 73.141c-.028-.025-.056-.052-.087-.073l-8.961-7.451v-4.55a2.934 2.934 0 0 0-2.932-2.932h-1.37a2.942 2.942 0 0 0-2.66 1.695l-9.646-8.021a1.378 1.378 0 0 0-1.768.007L48.625 73.1a3.87 3.87 0 0 0-1.356 2.949 3.883 3.883 0 0 0 3.879 3.879c.881 0 1.744-.304 2.453-.874l.14-.115v15.164a3.76 3.76 0 0 0 3.757 3.757H67.5c.762 0 1.377-.615 1.377-1.377v-9.747h11.442v9.747c0 .762.615 1.377 1.377 1.377H92.38a3.76 3.76 0 0 0 3.757-3.757V78.939l.161.136a3.881 3.881 0 0 0 6.308-3.026 3.88 3.88 0 0 0-1.304-2.901l-.003-.007Zm-2.572 4.026a1.08 1.08 0 0 1-.678-.227l-2.401-2.02a1.378 1.378 0 0 0-2.265 1.052v18.121c0 .552-.451 1.003-1.003 1.003h-9.307v-8.744a2.38 2.38 0 0 0-2.38-2.38h-.619v-6.937c0-3.02-2.457-5.473-5.476-5.473s-5.473 2.457-5.473 5.473v4.411h2.754v-.776c-.538-.126-.94-.605-.94-1.181s.402-1.055.94-1.181v-1.276c0-1.499 1.22-2.719 2.719-2.719s2.723 1.22 2.723 2.719v6.937h-8.814a2.382 2.382 0 0 0-2.38 2.38v8.744h-8.625A1.005 1.005 0 0 1 56.5 94.09V75.969c0-.535-.311-1.024-.797-1.248a1.373 1.373 0 0 0-1.468.196l-2.377 1.999a1.11 1.11 0 0 1-.702.248 1.126 1.126 0 0 1-.734-1.978l.035-.031 24.321-20.497 10.743 8.933c.409.343.982.416 1.464.189.482-.227.793-.713.793-1.248v-1.471c0-.098.08-.178.178-.178h1.37c.098 0 .178.08.178.178v5.197c0 .409.182.797.496 1.059l9.471 7.874a1.126 1.126 0 0 1-.737 1.974l-.007.003Z"></path>
</svg>