<div class="cookies-eu-banner" id="cookies-eu-banner">
<div class="cookies-alignment">
<div class="cookies-panel">
<div class="cookies-text">
{# title #}
<h3>{{ 'cookies-eu-headline' | trans }}</h3>
{# title #}
<p>
{{ 'cookies-eu-text' | trans }}<br />
<a href="{{ document.getProperty('dataProtectionDoc') }}">{{ 'cookies-eu-more' | trans }}</a>
</p>
</div>
{# checkboxes #}
<div class="cookies-checkboxes">
<div class="cookies-checkbox">
<button id="cookies-eu-necessary">{{ 'cookies-eu-necessary' | trans }}</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 class="cookies-checkbox">
<button id="cookies-eu-personalisation">{{ 'cookies-eu-personalisation' | trans }}</button>
</div>
#}
</div>
{#
<div class="control-group cookies-checkboxes">
<div class="cookies-checkbox">
<label id="cookies-eu-necessary" class="control control-checkbox">
{{ 'cookies-eu-necessary' | trans }}
<input type="checkbox" disabled="disabled" checked="checked" />
<div class="control_indicator"></div>
</label>
</div>
<div class="cookies-checkbox">
<label id="cookies-eu-statistics" class="control control-checkbox">
{{ 'cookies-eu-statistics' | trans }}
<input type="checkbox" />
<div class="control_indicator"></div>
</label>
</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>
{# <p>
<strong>{{ 'cookies-eu-comfort' | trans }}</strong><br />
{{ 'cookies-eu-comfort-text' | trans }}
</p>
<p>
<strong>{{ 'cookies-eu-personalisation' | trans }}</strong><br />
{{ 'cookies-eu-personalisation-text' | trans }}
</p> #}
</div>
</div>
</li>
</ul>
</div>
{# buttons #}
<div class="cookies-buttons">
<div class="cookies-save-all">
<a class="sectionLink" id="cookies-eu-save-all">{{ 'cookies-eu-save-all' | trans }}</a>
</div>
<div class="cookies-save">
<a class="" id="cookies-eu-save">{{ 'cookies-eu-save' | trans }}</a>
</div>
{# <div class="cookies-save-minimum">
<a class="" id="cookies-eu-save-minimum">{{ 'cookies-eu-save-minimum' | trans }}</a>
</div> #}
</div>
</div>
</div>
</div>