<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 />
<button title="{{ 'cookies-eu-more' | trans }}" href="{{ document.getProperty('docDataProtection') }}">{{ 'cookies-eu-more' | trans }}</button>
</p>
</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>