<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 }}<br />
</p>
<div class="btn">
<a title="{{ 'cookies-eu-more'|trans }}" href="{{ document.getProperty('docDataProtection') }}">{{ 'cookies-eu-more'|trans }}</a>
</div>
</div>
{# checkboxes #}
<div class="cookies-checkboxes">
<div class="cookies-checkbox">
<button title="{{ 'cookies-eu-necessary'|trans }}" id="cookies-eu-necessary">{{ 'cookies-eu-necessary'|trans }}<span class="lock"></span></button>
</div>
<div class="cookies-checkbox">
<button title="{{ 'cookies-eu-statistics'|trans }}" 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>
{# buttons #}
<div class="cookies-buttons">
<div class="cookies-save">
<button title="{{ 'cookies-eu-save'|trans }}" class="cookies-eu-save" id="cookies-eu-save">{{ 'cookies-eu-save'|trans }}</button>
</div>
<div class="cookies-save-all">
<button title="{{ 'cookies-eu-save-all'|trans }}" class="sectionLink" id="cookies-eu-save-all">{{ 'cookies-eu-save-all'|trans }}</button>
</div>
</div>
</div>
</div>
</div>