<div class="cookies-eu-banner" id="cookies-eu-banner" style="display: none;"> <div class="cookies-alignment"> <div class="cookies-panel"> <div class="cookies-text"> {# title #} <div class="title"> <p> {{ 'cookies-eu-headline'|trans }} </p> </div> {# text #} <div class="text"> <p> {{ 'cookies-eu-text'|trans }} <br> <a href="{{ document.getProperty('docDataProtection') }}">{{ 'cookies-eu-more'|trans }}</a> </p> </div> </div> <div class="one-line"> {# checkboxes #} <div class="cookies-checkboxes"> <div class="cookies-checkbox"> <button id="cookies-eu-necessary" aria-label="{{ 'aria.cookies.necessary'|trans }}"> <span class="no-consent"> {{ include('svg/checkbox/checkbox-empty-icon.html.twig') }} </span> <span class="has-consent"> {{ include('svg/checkbox/checkbox-checked-icon.html.twig') }} </span> <span>{{ 'cookies-eu-necessary'|trans }}</span> </button> </div> <div class="cookies-checkbox"> <button id="cookies-eu-statistics" aria-label="{{ 'aria.cookies.statistics'|trans }}"> <span class="no-consent"> {{ include('svg/checkbox/checkbox-empty-icon.html.twig') }} </span> <span class="has-consent"> {{ include('svg/checkbox/checkbox-checked-icon.html.twig') }} </span> <span>{{ 'cookies-eu-statistics'|trans }}</span> </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> {# details #} <div class="cookies-details"> <div class="accordion-container"> <div class="accordion-button"> <span class="open">+</span><span class="close">-</span><span class="accordion-button-text">{{ 'cookies-eu-details'|trans }}</span> </div> <div class="panel"> <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-more'|trans }} </p> {# <p> <strong>{{ 'cookies-eu-comfort'|trans }}</strong><br /> {{ 'cookies-eu-comfort-more'|trans }} </p> <p> <strong>{{ 'cookies-eu-personalisation'|trans }}</strong><br /> {{ 'cookies-eu-personalisation-more'|trans }} </p> #} </div> </div> </div> </div> {# buttons #} <div class="cookies-buttons"> <div class="cookies-save-all"> <div class="button darkblue-to-turquois" id="cookies-eu-save-all"> {{ include('layout/components/button.html.twig') }} <div class="button-text"> <span>{{ 'cookies-eu-save-all'|trans }}</span> </div> </div> </div> <div class="cookies-save"> <div class="button darkblue-to-turquois" id="cookies-eu-save"> {{ include('layout/components/button.html.twig') }} <div class="button-text"> <span>{{ 'cookies-eu-save'|trans }}</span> </div> </div> </div> {# <div class="cookies-save-minimum"> <a class="" id="cookies-eu-save-minimum">{{ 'cookies-eu-save-minimum'|trans }}</a> </div> #} </div> </div> </div> </div></div>