<div class="cookie-box cookie-hidden">
<span class="cookie-txt">{{'cookie.notice'|trans({}, 'cookie')}}<a class="cookie-link" href="#cookie-popup">{{'cookie.settings'|trans({}, 'cookie')}}</a></span>
<button class="cookie-button">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="18px" height="18px" viewBox="0 0 178.896 178.561" enable-background="new 0 0 178.896 178.561"
xml:space="preserve">
<circle cx="89.788" cy="89.28" r="83.718"/>
<g>
<path fill="#FFFFFF" d="M80.096,126.533c-0.129-0.096-0.243-0.169-0.344-0.258c-0.305-0.27-0.618-0.531-0.905-0.818
c-10.071-10.063-20.137-20.134-30.221-30.184c-0.511-0.51-0.564-0.777-0.015-1.314c4.545-4.445,9.064-8.916,13.563-13.408
c0.503-0.503,0.739-0.43,1.196,0.031c5.382,5.415,10.795,10.8,16.168,16.223c0.53,0.535,0.769,0.453,1.247-0.025
c13.455-13.479,26.929-26.941,40.38-40.427c0.558-0.557,0.836-0.635,1.44-0.027c4.453,4.461,8.943,8.883,13.443,13.297
c0.474,0.464,0.598,0.703,0.048,1.251c-18.474,18.375-36.927,36.771-55.383,55.162C80.532,126.219,80.376,126.451,80.096,126.533z"
/>
</g>
</svg>
{{'cookie.popup.accept'|trans({}, 'cookie')}}
</button>
</div>
<div id="cookie-popup" class="cookie-overlay">
<div class="cookie-popup">
<h2>{{'cookie.popup.title'|trans({}, 'cookie')}}</h2>
<a class="cookie-close" href="#">×</a>
<div class="cookie-content">
<p>{{'cookie.popup.intro'|trans({}, 'cookie')}}</p>
<ul>
<li>{{'cookie.popup.functional_text'|trans({}, 'cookie')|raw}}</li>
<li>{{'cookie.popup.social_text'|trans({}, 'cookie')|raw}}</li>
<li>{{'cookie.popup.marketing_text'|trans({}, 'cookie')|raw}}</li>
</ul>
{% set privacyPage = settingObject('cookie_privacy_page', 'cookie') %}
<p>
{% if privacyPage is not null %}
{{'cookie.popup.readmore'|trans({}, 'cookie')}} <a class="cookie-privacy" href="{{ path('page_view', { slug: privacyPage.slug }) }}">{{'cookie.popup.privacy_statement'|trans({}, 'cookie')|raw}}</a>
{% endif %}
</p>
<div class="cookie-block">
<div class="cookie-img">
<img src="{{ asset('build/images/@cookie-notice/images/functional.svg') }}" alt="Functional" style="width:100%;">
</div>
<div id="cookie-active" class="cookie-slider" >
<span class="cookie-on">{{'cookie.popup.on'|trans({}, 'cookie')|raw}}</span>
<input type="checkbox" value="functional" name="slide2" id="cookie-slide" class="cookie-checkbox" checked />
<label for="cookie-slide"></label>
<span class="cookie-off">{{'cookie.popup.off'|trans({}, 'cookie')|raw}}</span>
</div>
<div class="cookie-disable"></div>
<h3>{{'cookie.popup.functional'|trans({}, 'cookie')|raw}}</h3>
</div>
<div class="cookie-block">
<div class="cookie-img">
<img src="{{ asset('build/images/@cookie-notice/images/social.svg') }}" alt="Social" style="width:100%;">
</div>
<div id="cookie-active2" class="cookie-slider">
<span class="cookie-on">{{'cookie.popup.on'|trans({}, 'cookie')|raw}}</span>
<input type="checkbox" value="1" name="slide" id="cookie-slide2" class="cookie-checkbox"checked />
<label for="cookie-slide2"></label>
<span class="cookie-off">{{'cookie.popup.off'|trans({}, 'cookie')|raw}}</span>
</div>
<h3>{{'cookie.popup.social'|trans({}, 'cookie')|raw}}</h3>
</div>
<div class="cookie-block">
<div class="cookie-img">
<img src="{{ asset('build/images/@cookie-notice/images/marketing.svg') }}" alt="Marketing" style="width:100%;">
</div>
<div id="cookie-active3" class="cookie-slider">
<span class="cookie-on">{{'cookie.popup.on'|trans({}, 'cookie')|raw}}</span>
<input type="checkbox" value="2" name="slide" id="cookie-slide3" class="cookie-checkbox" checked />
<label for="cookie-slide3"></label>
<span class="cookie-off">{{'cookie.popup.off'|trans({}, 'cookie')|raw}}</span>
</div>
<h3>{{'cookie.popup.marketing'|trans({}, 'cookie')|raw}}</h3>
</div>
<div class="cookie-footer">
<a class="cookie-button" href="#">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="18px" height="18px" viewBox="0 0 178.896 178.561" enable-background="new 0 0 178.896 178.561"
xml:space="preserve">
<circle cx="89.788" cy="89.28" r="83.718"/>
<g>
<path fill="#FFFFFF" d="M80.096,126.533c-0.129-0.096-0.243-0.169-0.344-0.258c-0.305-0.27-0.618-0.531-0.905-0.818
c-10.071-10.063-20.137-20.134-30.221-30.184c-0.511-0.51-0.564-0.777-0.015-1.314c4.545-4.445,9.064-8.916,13.563-13.408
c0.503-0.503,0.739-0.43,1.196,0.031c5.382,5.415,10.795,10.8,16.168,16.223c0.53,0.535,0.769,0.453,1.247-0.025
c13.455-13.479,26.929-26.941,40.38-40.427c0.558-0.557,0.836-0.635,1.44-0.027c4.453,4.461,8.943,8.883,13.443,13.297
c0.474,0.464,0.598,0.703,0.048,1.251c-18.474,18.375-36.927,36.771-55.383,55.162C80.532,126.219,80.376,126.451,80.096,126.533z"
/>
</g>
</svg>
{{'cookie.popup.edit'|trans({}, 'cookie')}}</a>
</div>
</div>
</div>
</div>