<div class="cookies-eu-banner" id="cookies-eu-banner">
<div class="cookies-alignment">
<div class="cookies-panel">
<div class="cookies-text">
{# title #}
{#<p class="cookie-headline">{{ 'cookies-eu-headline' | trans }}</p>#}
{# title #}
<p>
{{ 'cookies-eu-text' | trans }}
<a href="{{ document.getProperty('docDataProtection') }}">{{ 'cookies-eu-more' | trans }}</a>
</p>
</div>
<div class="bottom">
<div class="items">
{# checkboxes #}
<div class="cookies-checkboxes">
<div class="cookies-checkbox">
<button id="cookies-eu-necessary">{{ 'cookies-eu-necessary' | trans }}<span class="lock"></span></button>
</div>
<div class="cookies-checkbox">
<button id="cookies-eu-statistics">{{ 'cookies-eu-statistics' | trans }}</button>
</div>
{#
<div class="cookies-checkbox">
<button id="cookies-eu-comfort">{{ 'cookies-eu-comfort' | trans }}</button>
</div>
#}
</div>
{# details #}
{#<div class="cookies-details">
<ul class="accordion" data-accordion data-allow-all-closed="true">
<li class="accordion-item" data-accordion-item>
<button class="cookies-eu-details" id="cookies-eu-details">{{ 'cookies-eu-details' | trans }}</button>
<div class="accordion-content" id="cookie-acc-content" data-tab-content>
<div class="cookies-eu-details">
<p>
<strong>{{ 'cookies-eu-necessary' | trans }}</strong><br />
{{ 'cookies-eu-necessary-text' | trans }}
</p>
<p>
<strong>{{ 'cookies-eu-statistics' | trans }}</strong><br />
{{ 'cookies-eu-statistics-text' | trans }}
</p>
</div>
</div>
</li>
</ul>
</div>#}
</div>
{# buttons #}
<div class="cookies-buttons">
<div class="cookies-save">
<a class="" id="cookies-eu-save">{{ 'cookies-eu-save' | trans }}</a>
</div>
<div class="cookies-save-all">
<a class="sectionLink" id="cookies-eu-save-all">{{ 'cookies-eu-save-all' | trans }}</a>
<svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
<g transform="translate(0 0.354)">
<g transform="translate(0)">
<path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#b76e2b" stroke-linejoin="round" stroke-width="1"></path>
<path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#b76e2b" stroke-width="1"></path>
</g>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>