From 0a160f213561f1c91b21290aaa03c766e6e50dbb Mon Sep 17 00:00:00 2001
From: luisa-beerboom <101706784+luisa-beerboom@users.noreply.github.com>
Date: Tue, 25 Jun 2024 17:03:24 +0200
Subject: [PATCH] Redesign election ballots (#2214)

---
 .../users/user-repository.service.ts          |   9 +-
 .../poll/base/base-poll-vote.component.ts     | 188 -------
 .../base-poll-vote.component.html             | 260 +++++++++
 .../base-poll-vote.component.scss             | 209 ++++++++
 .../base-poll-vote.component.ts               | 499 ++++++++++++++++++
 .../poll-cannot-vote-message.component.html   |  33 ++
 .../poll-cannot-vote-message.component.scss   |  23 +
 ...poll-cannot-vote-message.component.spec.ts |  22 +
 .../poll-cannot-vote-message.component.ts     |  57 ++
 .../meetings/modules/poll/poll.module.ts      |   6 +-
 .../topic-poll-vote.component.html            | 175 ------
 .../topic-poll-vote.component.scss            |  91 ----
 .../topic-poll-vote.component.ts              | 280 +---------
 .../modules/topic-poll/topic-poll.module.ts   |   2 +
 .../assignment-poll/assignment-poll.module.ts |   2 +
 .../assignment-poll-vote.component.html       | 239 ---------
 .../assignment-poll-vote.component.scss       |  91 ----
 .../assignment-poll-vote.component.ts         | 272 +---------
 .../motion-poll-vote.component.html           |  90 ----
 .../motion-poll-vote.component.scss           |  56 --
 .../motion-poll-vote.component.ts             |  59 +--
 .../modules/motion-poll/motion-poll.module.ts |   2 +
 .../custom-icon/custom-icon.component.html    |   3 +
 .../custom-icon/custom-icon.component.scss    |   0
 .../custom-icon/custom-icon.component.spec.ts |  21 +
 .../custom-icon/custom-icon.component.ts      |  24 +
 .../modules/custom-icon/custom-icon.module.ts |  11 +
 .../modules/custom-icon/definitions/index.ts  |   7 +
 .../src/app/ui/modules/custom-icon/index.ts   |   1 +
 client/src/assets/img/drawn_cross.svg         |  64 +++
 .../styles/global-components-style.scss       |  10 +
 .../src/assets/styles/poll-styles-common.scss |  12 +-
 client/src/meta                               |   2 +-
 33 files changed, 1325 insertions(+), 1495 deletions(-)
 delete mode 100644 client/src/app/site/pages/meetings/modules/poll/base/base-poll-vote.component.ts
 create mode 100644 client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.html
 create mode 100644 client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.scss
 create mode 100644 client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.ts
 create mode 100644 client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.html
 create mode 100644 client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.scss
 create mode 100644 client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.spec.ts
 create mode 100644 client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.ts
 delete mode 100644 client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.html
 delete mode 100644 client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.scss
 delete mode 100644 client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.html
 delete mode 100644 client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.scss
 delete mode 100644 client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.html
 delete mode 100644 client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.scss
 create mode 100644 client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.html
 create mode 100644 client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.scss
 create mode 100644 client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.spec.ts
 create mode 100644 client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.ts
 create mode 100644 client/src/app/ui/modules/custom-icon/custom-icon.module.ts
 create mode 100644 client/src/app/ui/modules/custom-icon/definitions/index.ts
 create mode 100644 client/src/app/ui/modules/custom-icon/index.ts
 create mode 100644 client/src/assets/img/drawn_cross.svg

diff --git a/client/src/app/gateways/repositories/users/user-repository.service.ts b/client/src/app/gateways/repositories/users/user-repository.service.ts
index c7ad164694..413bce9313 100644
--- a/client/src/app/gateways/repositories/users/user-repository.service.ts
+++ b/client/src/app/gateways/repositories/users/user-repository.service.ts
@@ -329,11 +329,14 @@ export class UserRepositoryService extends BaseRepository<ViewUser, User> {
     }
 
     private getLevelAndNumber(user: LevelAndNumberInformation): string {
+        const strings: string[] = [];
+        if (user.structureLevels()) {
+            strings.push(user.structureLevels());
+        }
         if (user.number()) {
-            return `${this.translate.instant(`No.`)} ${user.number()}`;
-        } else {
-            return ``;
+            strings.push(`${this.translate.instant(`No.`)} ${user.number()}`);
         }
+        return strings.join(` · `);
     }
 
     public getVerboseName = (plural = false): string => this.translate.instant(plural ? `Participants` : `Participant`);
diff --git a/client/src/app/site/pages/meetings/modules/poll/base/base-poll-vote.component.ts b/client/src/app/site/pages/meetings/modules/poll/base/base-poll-vote.component.ts
deleted file mode 100644
index a0ce350b3a..0000000000
--- a/client/src/app/site/pages/meetings/modules/poll/base/base-poll-vote.component.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-import { ChangeDetectorRef, Directive, inject, Input } from '@angular/core';
-import { BehaviorSubject, debounceTime, Observable } from 'rxjs';
-import { Id } from 'src/app/domain/definitions/key-types';
-import {
-    IdentifiedVotingData,
-    PollContentObject,
-    PollPropertyVerbose,
-    VoteValue,
-    VotingData
-} from 'src/app/domain/models/poll';
-import { BaseComponent } from 'src/app/site/base/base.component';
-import { PollControllerService } from 'src/app/site/pages/meetings/modules/poll/services/poll-controller.service';
-import { ViewPoll } from 'src/app/site/pages/meetings/pages/polls';
-import { ViewUser } from 'src/app/site/pages/meetings/view-models/view-user';
-import { OperatorService } from 'src/app/site/services/operator.service';
-
-import { MeetingSettingsService } from '../../../services/meeting-settings.service';
-import { VoteControllerService } from '../services/vote-controller.service';
-import { VotingProhibition, VotingService } from '../services/voting.service';
-
-export interface VoteOption {
-    vote?: VoteValue;
-    css?: string;
-    icon?: string;
-    label: string;
-}
-
-@Directive()
-export abstract class BasePollVoteComponent<C extends PollContentObject = any> extends BaseComponent {
-    @Input()
-    public set poll(value: ViewPoll<C>) {
-        this._poll = value;
-        this.updatePoll();
-    }
-
-    public get poll(): ViewPoll<C> {
-        return this._poll;
-    }
-
-    public votingErrors = VotingProhibition;
-
-    public get isReady(): boolean {
-        return this._isReady;
-    }
-
-    public get isUserPresent(): boolean {
-        return this.user?.isPresentInMeeting();
-    }
-
-    public PollPropertyVerbose = PollPropertyVerbose;
-
-    public delegations: ViewUser[] = [];
-
-    protected voteRequestData: IdentifiedVotingData = {};
-
-    protected alreadyVoted: { [userId: number]: boolean } = {};
-
-    protected deliveringVote: { [userId: number]: boolean } = {};
-
-    protected user!: ViewUser;
-
-    public voteDelegationEnabled: Observable<boolean> =
-        this.meetingSettingsService.get(`users_enable_vote_delegations`);
-
-    public forbidDelegationToVote: Observable<boolean> =
-        this.meetingSettingsService.get(`users_forbid_delegator_to_vote`);
-
-    private _isReady = false;
-    private _poll!: ViewPoll<C>;
-    private _delegationsMap: { [userId: number]: ViewUser } = {};
-    private _canVoteForSubjectMap: { [userId: number]: BehaviorSubject<boolean> } = {};
-
-    private voteRepo = inject(VoteControllerService);
-    protected votingService = inject(VotingService);
-    protected cd = inject(ChangeDetectorRef);
-    private pollRepo = inject(PollControllerService);
-    private operator = inject(OperatorService);
-
-    public constructor(private meetingSettingsService: MeetingSettingsService) {
-        super();
-        this.subscriptions.push(
-            this.operator.userObservable.pipe(debounceTime(50)).subscribe(user => {
-                if (
-                    user &&
-                    (!user.getMeetingUser()?.vote_delegated_to_id || user.getMeetingUser()?.vote_delegated_to)
-                ) {
-                    this.user = user;
-                    this.delegations = user.vote_delegations_from();
-                    this.createVotingDataObjects();
-
-                    for (const key of Object.keys(this._canVoteForSubjectMap)) {
-                        this._canVoteForSubjectMap[+key].next(this.canVote(this._delegationsMap[+key]));
-                    }
-
-                    this.cd.markForCheck();
-                    this._isReady = true;
-                }
-            })
-        );
-    }
-
-    public isDeliveringVote(user: ViewUser = this.user): boolean {
-        return this.deliveringVote[user?.id];
-    }
-
-    public hasAlreadyVoted(user: ViewUser = this.user): boolean {
-        return this.alreadyVoted[user?.id];
-    }
-
-    public canVoteForObservable(user: ViewUser = this.user): Observable<boolean> {
-        if (!this._canVoteForSubjectMap[user.id]) {
-            this._canVoteForSubjectMap[user.id] = new BehaviorSubject(this.canVote(user));
-        }
-        return this._canVoteForSubjectMap[user.id];
-    }
-
-    public getVotingError(user: ViewUser = this.user): string {
-        return this.votingService.getVotingProhibitionReasonVerbose(this.poll, user) || ``;
-    }
-
-    public getVotingErrorFromName(errorName: string): string {
-        return this.votingService.getVotingProhibitionReasonVerboseFromName(errorName) || ``;
-    }
-
-    protected async sendVote(userId: Id, votePayload: any): Promise<void> {
-        try {
-            await this.pollRepo.vote(this.poll, votePayload);
-            this.alreadyVoted[userId] = true;
-            this.poll.hasVoted = true; // Set it manually to `true`, because the server will do the same
-        } catch (e: any) {
-            this.raiseError(e);
-        } finally {
-            this.deliveringVote[userId] = false;
-            this.cd.markForCheck();
-        }
-    }
-
-    private createVotingDataObjects(): void {
-        this.voteRequestData[this.user.id] = { value: {} } as VotingData;
-        this.alreadyVoted[this.user.id] = this.poll.hasVoted;
-        this.deliveringVote[this.user.id] = false;
-
-        if (this.delegations) {
-            this.setupDelegations();
-        }
-    }
-
-    protected updatePoll(): void {
-        this.setupHasVotedSubscription();
-    }
-
-    private setupHasVotedSubscription(): void {
-        this.subscriptions.push(
-            this.voteRepo.subscribeVoted(this.poll).subscribe(() => {
-                if (this.user) {
-                    this.alreadyVoted[this.user.id] = this.poll.hasVoted;
-                    if (this.delegations) {
-                        this.setupDelegations();
-                    }
-                }
-
-                for (const key of Object.keys(this._canVoteForSubjectMap)) {
-                    this._canVoteForSubjectMap[+key].next(this.canVote(this._delegationsMap[+key]));
-                }
-            })
-        );
-    }
-
-    private setupDelegations(): void {
-        for (const delegation of this.delegations) {
-            this._delegationsMap[delegation.id] = delegation;
-            this.alreadyVoted[delegation.id] = this.poll.hasVotedForDelegations(delegation.id);
-            if (!this.voteRequestData[delegation.id]) {
-                this.voteRequestData[delegation.id] = { value: {} } as VotingData;
-                this.deliveringVote[delegation.id] = false;
-            }
-        }
-    }
-
-    private canVote(user: ViewUser = this.user): boolean {
-        return (
-            this.votingService.canVote(this.poll, user) &&
-            !this.isDeliveringVote(user) &&
-            !this.hasAlreadyVoted(user) &&
-            this.hasAlreadyVoted(user) !== undefined
-        );
-    }
-}
diff --git a/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.html b/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.html
new file mode 100644
index 0000000000..02554c600f
--- /dev/null
+++ b/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.html
@@ -0,0 +1,260 @@
+<ng-container *ngIf="poll && isReady">
+    <!-- own voting -->
+    <ng-container [ngTemplateOutlet]="votingArea"></ng-container>
+
+    <!-- Delegations -->
+    <ng-container *ngIf="isUserPresent && (voteDelegationEnabled | async)">
+        <div class="poll-vote-delegation" *ngFor="let delegation of delegations">
+            <mat-divider></mat-divider>
+
+            <ng-container
+                [ngTemplateOutlet]="votingArea"
+                [ngTemplateOutletContext]="{ delegation: delegation }"
+            ></ng-container>
+        </div>
+    </ng-container>
+</ng-container>
+
+<ng-template #votingArea let-delegation="delegation">
+    <h4 *ngIf="delegation" class="poll-delegation-title">
+        <span>{{ 'Voting right for' | translate }}</span>
+        <span>&nbsp;{{ delegation.getFullName() }}</span>
+    </h4>
+
+    <ng-container *ngIf="{ canVote: canVoteForObservable(delegation) | async } as voting">
+        <ng-container *ngIf="voting.canVote && !(hasAlreadyVoted(delegation) || isDeliveringVote(delegation))">
+            <!-- Poll hint -->
+            <p *ngIf="pollHint">
+                <i>{{ pollHint }}</i>
+            </p>
+            <div>
+                <div *ngIf="poll.type !== PollType.Analog">
+                    <!-- Leftover votes -->
+                    <div class="option-list-information-grid" *ngIf="showAvailableVotes && !settings.hideLeftoverVotes">
+                        <b>{{ poll.option_ids.length }} {{ optionPluralLabel | translate }}</b>
+                        <div></div>
+                        <b>
+                            {{ 'Available votes' | translate }}:
+                            <b>{{ getVotesAvailable(delegation) }}/{{ poll.max_votes_amount }}</b>
+
+                            <span *ngIf="poll.min_votes_amount > 1">
+                                ({{ 'At least' | translate }}
+                                <b>{{ poll.min_votes_amount }}</b>
+                                )
+                            </span>
+
+                            <span *ngIf="poll.max_votes_per_option > 1">
+                                ({{ 'At most' | translate }}
+                                <b>{{ poll.max_votes_per_option }}</b>
+                                {{ maxVotesPerOptionSuffix | translate }})
+                            </span>
+                        </b>
+                    </div>
+
+                    <!-- Options and Actions -->
+                    <div
+                        *ngIf="!settings.isSplitSingleOption"
+                        [ngClass]="{
+                            'yna-grid': poll.isMethodYNA,
+                            'yn-grid': poll.isMethodYN,
+                            'single-vote-grid': (poll.isMethodY || poll.isMethodN) && poll.max_votes_per_option <= 1,
+                            'single-multi-vote-grid':
+                                (poll.isMethodY || poll.isMethodN) && poll.max_votes_per_option > 1
+                        }"
+                    >
+                        <div *ngIf="showAvailableVotes" class="grid-name-area"></div>
+                        <b *ngIf="!showAvailableVotes" class="grid-name-area">
+                            {{ poll.option_ids.length }} {{ optionPluralLabel | translate }}
+                        </b>
+                        <b
+                            class="poll-option-title"
+                            *ngFor="let action of voteActions.length ? voteActions : voteOptions; index as i"
+                            [ngClass]="'option' + i"
+                        >
+                            {{ action.label | translate }}
+                        </b>
+                    </div>
+                    <ng-container *ngFor="let option of poll.options; let i = index">
+                        <div
+                            [ngClass]="{
+                                'split-grid': settings.isSplitSingleOption,
+                                'yna-grid': !settings.isSplitSingleOption && poll.isMethodYNA,
+                                'yn-grid': !settings.isSplitSingleOption && poll.isMethodYN,
+                                'single-vote-grid':
+                                    !settings.isSplitSingleOption &&
+                                    (poll.isMethodY || poll.isMethodN) &&
+                                    poll.max_votes_per_option <= 1,
+                                'single-multi-vote-grid':
+                                    !settings.isSplitSingleOption &&
+                                    (poll.isMethodY || poll.isMethodN) &&
+                                    poll.max_votes_per_option > 1,
+                                'accentuated-background': i % 2 === 1
+                            }"
+                        >
+                            <div
+                                class="vote-option-title grid-name-area"
+                                *ngIf="!settings.isSplitSingleOption && !option.isListOption"
+                                [ngClass]="{ 'strike-text no': shouldStrikeOptionText(option, delegation) }"
+                            >
+                                <span *ngIf="option.content_object">
+                                    <span>{{ option.content_object.short_name }}</span>
+                                    <div class="user-subtitle" *ngIf="option.content_object.getLevelAndNumber()">
+                                        {{ option.content_object.getLevelAndNumber() }}
+                                    </div>
+                                </span>
+                                <span *ngIf="option.text">
+                                    <span>{{ option.text }}</span>
+                                </span>
+                                <i *ngIf="!option.content_object && !option.text">{{ noDataLabel | translate }}</i>
+                            </div>
+                            <div
+                                class="vote-option-title"
+                                id="name"
+                                *ngIf="!settings.isSplitSingleOption && option.isListOption"
+                            >
+                                <span *ngIf="option.content_object">
+                                    <span>{{ option.content_object.getTitle() | translate }}</span>
+                                </span>
+                            </div>
+
+                            <ng-container *ngIf="!poll.max_votes_per_option || poll.max_votes_per_option <= 1">
+                                <div
+                                    class="vote-button-area"
+                                    *ngFor="let action of voteActions.length ? voteActions : voteOptions; index as i"
+                                    [ngClass]="'option' + i"
+                                >
+                                    <button
+                                        class="vote-button"
+                                        mat-raised-button
+                                        (click)="saveSingleVote(option.id, action.vote, delegation)"
+                                        [disabled]="isDeliveringVote(delegation)"
+                                    >
+                                        <div
+                                            class="vote-button-content"
+                                            [ngClass]="getActionButtonContentClass(action, option, delegation)"
+                                        >
+                                            <os-custom-icon
+                                                [customIcon]="drawnCross"
+                                                class="vote-button-cross"
+                                                [ngClass]="getActionButtonClass(action, option, delegation)"
+                                            ></os-custom-icon>
+                                            <mat-icon class="vote-button-circle">radio_button_unchecked</mat-icon>
+                                        </div>
+                                    </button>
+                                    <span *ngIf="settings.isSplitSingleOption" class="vote-label">
+                                        {{ action.label | translate }}
+                                    </span>
+                                </div>
+                            </ng-container>
+                            <mat-form-field
+                                appearance="outline"
+                                *ngIf="poll.max_votes_per_option > 1"
+                                class="vote-input"
+                            >
+                                <input
+                                    type="number"
+                                    matInput
+                                    [formControl]="getFormControl(option.id)"
+                                    (change)="saveMultipleVotes(option.id, $event, delegation)"
+                                    min="0"
+                                    max="{{ poll.max_votes_per_option }}"
+                                    value="0"
+                                    required
+                                />
+                                <mat-error>
+                                    {{ getErrorInVoteEntry(option.id) }}
+                                </mat-error>
+                            </mat-form-field>
+                        </div>
+                    </ng-container>
+
+                    <div
+                        *ngIf="
+                            !settings.hideLeftoverVotes &&
+                            (poll.isMethodY || poll.isMethodN || poll.isMethodYN) &&
+                            poll.hasGlobalOptionEnabled
+                        "
+                        class="or-divider-grid"
+                    >
+                        <div class="hr-wrapper">
+                            <hr />
+                        </div>
+                        <div translate>OR</div>
+                        <div class="hr-wrapper">
+                            <hr />
+                        </div>
+                    </div>
+                    <!-- global yes/no/abstain -->
+                    <ng-container
+                        *ngIf="
+                            !settings.hideGlobalOptions &&
+                            (poll.isMethodY || poll.isMethodN || poll.isMethodYN) &&
+                            poll.hasGlobalOptionEnabled
+                        "
+                    >
+                        <ng-container *ngFor="let option of globalVoteActions">
+                            <div class="single-vote-grid">
+                                <div class="vote-option-title">
+                                    <span>
+                                        {{ getGlobalOptionName(option) | translate }}
+                                    </span>
+                                </div>
+                                <div class="vote-button-area">
+                                    <button
+                                        class="vote-button"
+                                        mat-raised-button
+                                        (click)="saveGlobalVote(option.vote, delegation)"
+                                        [disabled]="isDeliveringVote(delegation)"
+                                    >
+                                        <div
+                                            class="vote-button-content"
+                                            [ngClass]="getGlobalButtonContentClass(option, delegation)"
+                                        >
+                                            <os-custom-icon
+                                                [customIcon]="drawnCross"
+                                                class="vote-button-cross"
+                                                [ngClass]="getGlobalCSSClass(option, delegation)"
+                                            ></os-custom-icon>
+                                            <mat-icon class="vote-button-circle">radio_button_unchecked</mat-icon>
+                                        </div>
+                                    </button>
+                                </div>
+                            </div>
+                        </ng-container>
+                    </ng-container>
+                </div>
+            </div>
+
+            <!-- Submit Vote -->
+            <ng-container
+                *ngIf="!settings.hideSendNow"
+                [ngTemplateOutlet]="sendNow"
+                [ngTemplateOutletContext]="{ delegation: delegation }"
+            ></ng-container>
+        </ng-container>
+
+        <os-poll-cannot-vote-message
+            [poll]="poll"
+            [delegationUser]="delegation"
+            [hasAlreadyVoted]="hasAlreadyVoted(delegation)"
+            [isDeliveringVote]="isDeliveringVote(delegation)"
+            [hasDelegations]="!delegations.length"
+        ></os-poll-cannot-vote-message>
+    </ng-container>
+</ng-template>
+
+<ng-template #sendNow let-delegation="delegation">
+    <div class="centered-button-wrapper">
+        <button
+            mat-flat-button
+            color="accent"
+            (click)="submitVote(delegation)"
+            [disabled]="getVotesCount(delegation) < minVotes"
+        >
+            <mat-icon>how_to_vote</mat-icon>
+            <span>
+                {{ 'Submit vote now' | translate }}
+            </span>
+        </button>
+    </div>
+</ng-template>
diff --git a/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.scss b/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.scss
new file mode 100644
index 0000000000..b5e55820d4
--- /dev/null
+++ b/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.scss
@@ -0,0 +1,209 @@
+@import 'src/assets/styles/poll-colors.scss';
+@import 'src/assets/styles/poll-styles-common.scss';
+
+%vote-grid-base {
+    display: grid;
+    grid-gap: 10px;
+    padding: 10px;
+    margin: 0 10px;
+
+    .vote-button {
+        min-width: 50px;
+        height: 50px;
+        margin: auto;
+
+        .vote-button-content {
+            margin: auto;
+            display: grid;
+
+            .vote-button-circle,
+            .vote-button-cross {
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            .vote-button-circle {
+                z-index: 0;
+            }
+
+            .vote-button-cross {
+                z-index: 1;
+                height: 24px;
+                width: 24px;
+                opacity: 0;
+            }
+        }
+
+        .button-content-opaque {
+            opacity: 0.5;
+        }
+
+        .button-content-not-opaque {
+            opacity: 1 !important;
+        }
+    }
+
+    .vote-button-area {
+        display: inline-grid;
+        justify-content: center;
+    }
+
+    .vote-button:hover {
+        .button-content-opaque {
+            opacity: 1;
+        }
+    }
+
+    .vote-label {
+        margin-left: 10px;
+    }
+
+    .poll-option-title {
+        text-align: center;
+    }
+}
+
+.or-divider-grid {
+    @extend %vote-grid-base;
+    grid-template-areas: 'left or right';
+    grid-template-columns: auto min-content auto;
+
+    .hr-wrapper {
+        height: 100%;
+    }
+}
+
+.poll-vote-delegation {
+    margin-top: 1em;
+
+    .poll-delegation-title {
+        font-weight: 500;
+    }
+}
+
+.yn-grid {
+    @extend %vote-grid-base;
+    grid-template-areas: 'name yes no';
+    grid-template-columns: auto var(--poll-option-title-width, 70px) var(--poll-option-title-width, 70px);
+    @media (max-width: 700px) {
+        grid-template-areas: 'name name name' '. yes no';
+    }
+}
+
+.yna-grid {
+    @extend %vote-grid-base;
+    grid-template-areas: 'name yes no abstain';
+    grid-template-columns: auto var(--poll-option-title-width, 70px) var(--poll-option-title-width, 70px) var(
+            --poll-option-title-width,
+            70px
+        );
+    @media (max-width: 700px) {
+        grid-template-areas: 'name name name name' '. yes no abstain';
+    }
+}
+
+.single-vote-grid {
+    @extend %vote-grid-base;
+    grid-template-areas: 'name yes';
+    grid-template-columns: auto var(--poll-option-title-width, 70px);
+    @media (max-width: 700px) {
+        grid-template-areas: 'name name' '. yes';
+    }
+}
+
+.single-multi-vote-grid {
+    @extend %vote-grid-base;
+    grid-template-areas: 'name yes';
+    grid-template-columns: auto 120px;
+    @media (max-width: 700px) {
+        grid-template-areas: 'name name' '. yes';
+    }
+}
+
+.global-option-grid {
+    @extend %vote-grid-base;
+    grid-template-columns: auto var(--poll-option-title-width, 70px);
+}
+
+.option-list-information-grid {
+    @extend %vote-grid-base;
+    grid-template-columns: max-content auto max-content;
+}
+
+.split-grid {
+    display: grid;
+    grid-gap: 20px;
+    margin-top: 2em;
+    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+
+    .vote-button-area {
+        display: inline-grid;
+        grid-gap: 1em;
+        margin: auto;
+
+        .vote-label {
+            text-align: center;
+        }
+    }
+}
+
+.grid-name-area {
+    grid-area: name;
+}
+
+.vote-option-title {
+    display: flex;
+    span,
+    i {
+        margin-top: auto;
+        margin-bottom: auto;
+    }
+}
+
+.option0 {
+    grid-area: yes;
+}
+
+.option1 {
+    grid-area: no;
+}
+
+.option2 {
+    grid-area: abstain;
+}
+
+.strike-text {
+    text-decoration: line-through;
+}
+
+.centered-button-wrapper {
+    display: flex;
+    text-align: center;
+    margin-top: 20px;
+    > * {
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .vote-submitted {
+        color: $votes-yes-color;
+        font-size: 200%;
+        overflow: visible;
+    }
+}
+
+.vote-input {
+    width: 120px;
+}
+
+.mat-divider-horizontal {
+    position: initial;
+}
+
+.submit-vote-indicator {
+    text-align: center;
+    .mat-mdc-progress-spinner {
+        display: block;
+        margin: auto;
+    }
+}
diff --git a/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.ts b/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.ts
new file mode 100644
index 0000000000..0b1a014f11
--- /dev/null
+++ b/client/src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component.ts
@@ -0,0 +1,499 @@
+import { ChangeDetectorRef, Directive, inject, Input, OnInit } from '@angular/core';
+import { UntypedFormControl, Validators } from '@angular/forms';
+import { marker as _ } from '@colsen1991/ngx-translate-extract-marker';
+import { BehaviorSubject, debounceTime, Observable } from 'rxjs';
+import { Id } from 'src/app/domain/definitions/key-types';
+import {
+    GlobalVote,
+    IdentifiedVotingData,
+    PollContentObject,
+    PollPropertyVerbose,
+    PollType,
+    VoteValue,
+    VotingData
+} from 'src/app/domain/models/poll';
+import { BaseComponent } from 'src/app/site/base/base.component';
+import { PollControllerService } from 'src/app/site/pages/meetings/modules/poll/services/poll-controller.service';
+import { ViewOption, ViewPoll } from 'src/app/site/pages/meetings/pages/polls';
+import { ViewUser } from 'src/app/site/pages/meetings/view-models/view-user';
+import { OperatorService } from 'src/app/site/services/operator.service';
+import { CustomIcon } from 'src/app/ui/modules/custom-icon/definitions';
+
+import { MeetingSettingsService } from '../../../../services/meeting-settings.service';
+import { VoteControllerService } from '../../services/vote-controller.service';
+import { VotingProhibition, VotingService } from '../../services/voting.service';
+
+export interface VoteOption {
+    vote?: VoteValue;
+    css?: string;
+    label: string;
+}
+
+export interface PollVoteViewSettings {
+    hideLeftoverVotes?: boolean;
+    hideGlobalOptions?: boolean;
+    hideSendNow?: boolean;
+    isSplitSingleOption?: boolean;
+}
+
+@Directive()
+export abstract class BasePollVoteComponent<C extends PollContentObject = any> extends BaseComponent implements OnInit {
+    public readonly drawnCross = CustomIcon.DRAWN_CROSS;
+
+    @Input()
+    public set poll(value: ViewPoll<C>) {
+        this._poll = value;
+        this.updatePoll();
+    }
+
+    public get poll(): ViewPoll<C> {
+        return this._poll;
+    }
+
+    public PollType = PollType;
+    public formControlMap: { [optionId: number]: UntypedFormControl } = {};
+
+    public get minVotes(): number {
+        return this.poll.min_votes_amount;
+    }
+
+    public votingErrors = VotingProhibition;
+
+    public get isReady(): boolean {
+        return this._isReady;
+    }
+
+    public get isUserPresent(): boolean {
+        return this.user?.isPresentInMeeting();
+    }
+
+    public PollPropertyVerbose = PollPropertyVerbose;
+
+    public delegations: ViewUser[] = [];
+
+    public readonly voteOptions: VoteOption[] = [
+        {
+            vote: `Y`,
+            css: `voted-yes`,
+            label: `Yes`
+        },
+        {
+            vote: `N`,
+            css: `voted-no`,
+            label: `No`
+        },
+        {
+            vote: `A`,
+            css: `voted-abstain`,
+            label: `Abstain`
+        }
+    ];
+
+    /**
+     * Subset of voteOptions that is used based on the pollmethod.
+     */
+    public voteActions: VoteOption[] = [];
+
+    public get showAvailableVotes(): boolean {
+        return (this.poll.isMethodY || this.poll.isMethodN) && this.poll.max_votes_amount > 1;
+    }
+
+    /**
+     * Subset of global voteOptions that is used.
+     */
+    public globalVoteActions: VoteOption[] = [];
+
+    public get pollHint(): string {
+        return null;
+    }
+
+    public readonly settings: PollVoteViewSettings = {};
+
+    public readonly noDataLabel: string = _(`No data`);
+
+    public readonly maxVotesPerOptionSuffix: string = _(`votes per option`);
+
+    public readonly optionPluralLabel: string = _(`Options`);
+
+    public voteDelegationEnabled: Observable<boolean> =
+        this.meetingSettingsService.get(`users_enable_vote_delegations`);
+
+    public forbidDelegationToVote: Observable<boolean> =
+        this.meetingSettingsService.get(`users_forbid_delegator_to_vote`);
+
+    protected voteRequestData: IdentifiedVotingData = {};
+
+    protected alreadyVoted: { [userId: number]: boolean } = {};
+
+    protected deliveringVote: { [userId: number]: boolean } = {};
+
+    protected user!: ViewUser;
+
+    private _isReady = false;
+    private _poll!: ViewPoll<C>;
+    private _delegationsMap: { [userId: number]: ViewUser } = {};
+    private _canVoteForSubjectMap: { [userId: number]: BehaviorSubject<boolean> } = {};
+
+    private voteRepo = inject(VoteControllerService);
+
+    protected votingService = inject(VotingService);
+    protected cd = inject(ChangeDetectorRef);
+    private pollRepo = inject(PollControllerService);
+    private operator = inject(OperatorService);
+
+    public constructor(private meetingSettingsService: MeetingSettingsService) {
+        super();
+        this.updatePollOptionTitleWidth();
+        this.subscriptions.push(
+            this.operator.userObservable.pipe(debounceTime(50)).subscribe(user => {
+                if (
+                    user &&
+                    (!user.getMeetingUser()?.vote_delegated_to_id || user.getMeetingUser()?.vote_delegated_to)
+                ) {
+                    this.user = user;
+                    this.delegations = user.vote_delegations_from();
+                    this.voteRequestData[this.user.id] = { value: {} } as VotingData;
+                    this.alreadyVoted[this.user.id] = this.poll.hasVoted;
+                    if (this.delegations) {
+                        this.setupDelegations();
+                    }
+
+                    for (const key of Object.keys(this._canVoteForSubjectMap)) {
+                        this._canVoteForSubjectMap[+key].next(this.canVote(this._delegationsMap[+key]));
+                    }
+
+                    this.cd.markForCheck();
+                    this._isReady = true;
+                }
+            }),
+            this.translate.onLangChange.subscribe(() => {
+                this.updatePollOptionTitleWidth();
+            })
+        );
+    }
+
+    public ngOnInit(): void {
+        this.defineVoteOptions();
+        this.cd.markForCheck();
+    }
+
+    private updatePollOptionTitleWidth(): void {
+        document.documentElement.style.setProperty(
+            `--poll-option-title-width`,
+            `${Math.max(
+                Math.max(...this.voteOptions.map(option => this.translate.instant(option.label).length * 9)),
+                70
+            )}px`
+        );
+    }
+
+    public isDeliveringVote(user: ViewUser = this.user): boolean {
+        return this.deliveringVote[user?.id];
+    }
+
+    public hasAlreadyVoted(user: ViewUser = this.user): boolean {
+        return this.alreadyVoted[user?.id];
+    }
+
+    public canVoteForObservable(user: ViewUser = this.user): Observable<boolean> {
+        if (!this._canVoteForSubjectMap[user.id]) {
+            this._canVoteForSubjectMap[user.id] = new BehaviorSubject(this.canVote(user));
+        }
+        return this._canVoteForSubjectMap[user.id];
+    }
+
+    public getVotingError(user: ViewUser = this.user): string {
+        return this.votingService.getVotingProhibitionReasonVerbose(this.poll, user) || ``;
+    }
+
+    public getVotingErrorFromName(errorName: string): string {
+        return this.votingService.getVotingProhibitionReasonVerboseFromName(errorName) || ``;
+    }
+
+    public getVotesCount(user: ViewUser = this.user): number {
+        if (this.voteRequestData[user?.id]) {
+            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1 && !this.isGlobalOptionSelected(user)) {
+                return Object.keys(this.voteRequestData[user.id].value)
+                    .map(key => parseInt(this.voteRequestData[user.id].value[+key] as string, 10))
+                    .reduce((a, b) => a + b, 0);
+            } else {
+                return Object.keys(this.voteRequestData[user.id].value).filter(
+                    key => this.voteRequestData[user.id].value[+key]
+                ).length;
+            }
+        }
+        return 0;
+    }
+
+    public getVotesAvailable(user: ViewUser = this.user): number | string {
+        if (this.isGlobalOptionSelected()) {
+            return `-`;
+        }
+        return this.poll.max_votes_amount - this.getVotesCount(user);
+    }
+
+    public getFormControl(optionId: number): UntypedFormControl {
+        if (!this.formControlMap[optionId]) {
+            this.formControlMap[optionId] = new UntypedFormControl(0, [
+                Validators.required,
+                Validators.min(0),
+                Validators.max(this.poll.max_votes_per_option)
+            ]);
+        }
+        return this.formControlMap[optionId];
+    }
+
+    public getErrorInVoteEntry(optionId: number): string {
+        if (this.formControlMap[optionId].hasError(`required`)) {
+            return this.translate.instant(`This is not a number.`);
+        } else if (this.formControlMap[optionId].hasError(`min`)) {
+            return this.translate.instant(`Negative votes are not allowed.`);
+        } else if (this.formControlMap[optionId].hasError(`max`)) {
+            return this.translate.instant(`Too many votes on one option.`);
+        }
+        return ``;
+    }
+
+    public abstract getActionButtonClass(actions: VoteOption, option: ViewOption, user: ViewUser): string;
+
+    public getActionButtonContentClass(voteOption: VoteOption, option: ViewOption, user: ViewUser = this.user): string {
+        return this.getActionButtonClass(voteOption, option, user) ? `` : `button-content-opaque`;
+    }
+
+    public getGlobalButtonContentClass(option: VoteOption, user: ViewUser = this.user): string {
+        return this.getGlobalCSSClass(option, user) ? `` : `button-content-opaque`;
+    }
+
+    protected isGlobalOptionSelected(user: ViewUser = this.user): boolean {
+        const value = this.voteRequestData[user.id]?.value;
+        return value === `Y` || value === `N` || value === `A`;
+    }
+
+    public saveGlobalVote(globalVote: GlobalVote, user: ViewUser = this.user): void {
+        if (this.voteRequestData[user.id].value && this.voteRequestData[user.id].value === globalVote) {
+            this.voteRequestData[user.id].value = {};
+            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
+                this.enableInputs();
+            }
+        } else {
+            this.voteRequestData[user.id].value = globalVote;
+            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
+                this.disableAndResetInputs();
+            }
+            this.submitVote(user);
+        }
+    }
+
+    public async submitVote(user: ViewUser, value: any = undefined): Promise<void> {
+        this.deliveringVote[user.id] = true;
+        this.cd.markForCheck();
+
+        const votePayload = {
+            value: value,
+            user_id: user.id
+        };
+
+        await this.sendVote(user.id, votePayload);
+    }
+
+    public getGlobalCSSClass(option: VoteOption, user: ViewUser = this.user): string {
+        if (this.voteRequestData[user.id]?.value === option.vote) {
+            return `button-content-not-opaque`;
+        }
+        return ``;
+    }
+
+    public getGlobalOptionName(option: VoteOption): string {
+        switch (option.label) {
+            case `Yes`:
+                return `General approval`;
+            case `No`:
+                return `General rejection`;
+            default:
+                return `General ` + option.label.toLowerCase();
+        }
+    }
+
+    public saveMultipleVotes(optionId: number, event: any, user: ViewUser = this.user): void {
+        let vote = parseInt(event.target.value, 10);
+
+        if (isNaN(vote) || vote > this.poll.max_votes_per_option || vote < 0) {
+            vote = 0;
+        }
+
+        if (!this.voteRequestData[user.id]) {
+            throw new Error(`The user for your voting request does not exist`);
+        }
+
+        if (this.isGlobalOptionSelected(user)) {
+            delete this.voteRequestData[user.id].value;
+        }
+
+        if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
+            this.saveMultipleVotesMultiVoteMethodY(optionId, vote, user);
+        }
+    }
+
+    public abstract saveSingleVote(optionId: number, vote: VoteValue, user: ViewUser): void;
+    public abstract shouldStrikeOptionText(option: ViewOption, user: ViewUser): boolean;
+
+    protected async sendVote(userId: Id, votePayload: any): Promise<void> {
+        try {
+            await this.pollRepo.vote(this.poll, votePayload);
+            this.alreadyVoted[userId] = true;
+            this.poll.hasVoted = true; // Set it manually to `true`, because the server will do the same
+        } catch (e: any) {
+            this.raiseError(e);
+        } finally {
+            this.deliveringVote[userId] = false;
+            this.cd.markForCheck();
+        }
+    }
+
+    protected isErrorInVoteEntry(): boolean {
+        for (const key in this.formControlMap) {
+            if (this.formControlMap.hasOwnProperty(key) && this.formControlMap[key].invalid) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    private saveMultipleVotesMultiVoteMethodY(optionId: number, vote: number, user: ViewUser = this.user): void {
+        // Another option is not expected here
+        const maxVotesAmount = this.poll.max_votes_amount;
+        const tmpVoteRequest = this.getTmpVoteRequestMultipleVotes(optionId, vote, user);
+
+        // check if you can still vote
+        const countedVotes = Object.keys(tmpVoteRequest)
+            .map(key => parseInt(tmpVoteRequest[key], 10))
+            .reduce((a, b) => a + b, 0);
+        if (countedVotes <= maxVotesAmount) {
+            this.voteRequestData[user.id].value = tmpVoteRequest;
+
+            // if you have no options anymore, try to send
+            if (this.getVotesCount(user) === maxVotesAmount && !this.isErrorInVoteEntry()) {
+                this.submitVote(user);
+            }
+        } else {
+            this.raiseError(
+                this.translate.instant(`You reached the maximum amount of votes. Deselect one option first.`)
+            );
+            this.formControlMap[optionId].setValue(this.voteRequestData[user.id].value[optionId]);
+        }
+    }
+
+    private getTmpVoteRequestMultipleVotes(
+        optionId: number,
+        vote: number,
+        user: ViewUser = this.user
+    ): { [option_id: number]: number } {
+        const maxVotesAmount = this.poll.max_votes_amount;
+        const maxVotesPerOption = this.poll.max_votes_per_option;
+        return this.poll.options
+            .map(option => option.id)
+            .reduce((output, next_id) => {
+                output[next_id] = this.voteRequestData[user.id].value[next_id];
+                output[next_id] = output[next_id] ? output[next_id] : 0;
+                if (next_id === optionId) {
+                    if (vote > Math.min(maxVotesPerOption, maxVotesAmount)) {
+                        output[next_id] = Math.min(maxVotesPerOption, maxVotesAmount);
+                    } else if (vote >= 0) {
+                        output[next_id] = vote;
+                    }
+                }
+                return output;
+            }, {});
+    }
+
+    private enableInputs(): void {
+        for (const key in this.formControlMap) {
+            if (this.formControlMap.hasOwnProperty(key)) {
+                this.formControlMap[key].enable();
+            }
+        }
+    }
+
+    private disableAndResetInputs(): void {
+        for (const key in this.formControlMap) {
+            if (this.formControlMap.hasOwnProperty(key)) {
+                this.formControlMap[key].setValue(0);
+                this.formControlMap[key].disable();
+            }
+        }
+    }
+
+    private createVotingDataObjects(): void {
+        this.voteRequestData[this.user.id] = { value: {} } as VotingData;
+        this.alreadyVoted[this.user.id] = this.poll.hasVoted;
+        this.deliveringVote[this.user.id] = false;
+
+        if (this.delegations) {
+            this.setupDelegations();
+        }
+    }
+
+    protected updatePoll(): void {
+        this.setupHasVotedSubscription();
+        this.defineVoteOptions();
+    }
+
+    private setupHasVotedSubscription(): void {
+        this.subscriptions.push(
+            this.voteRepo.subscribeVoted(this.poll).subscribe(() => {
+                if (this.user) {
+                    this.alreadyVoted[this.user.id] = this.poll.hasVoted;
+                    if (this.delegations) {
+                        this.setupDelegations();
+                    }
+                }
+
+                for (const key of Object.keys(this._canVoteForSubjectMap)) {
+                    this._canVoteForSubjectMap[+key].next(this.canVote(this._delegationsMap[+key]));
+                }
+            })
+        );
+    }
+
+    private setupDelegations(): void {
+        for (const delegation of this.delegations) {
+            this._delegationsMap[delegation.id] = delegation;
+            this.alreadyVoted[delegation.id] = this.poll.hasVotedForDelegations(delegation.id);
+            if (!this.voteRequestData[delegation.id]) {
+                this.voteRequestData[delegation.id] = { value: {} } as VotingData;
+                this.deliveringVote[delegation.id] = false;
+            }
+        }
+    }
+
+    private canVote(user: ViewUser = this.user): boolean {
+        return (
+            this.votingService.canVote(this.poll, user) &&
+            !this.isDeliveringVote(user) &&
+            !this.hasAlreadyVoted(user) &&
+            this.hasAlreadyVoted(user) !== undefined
+        );
+    }
+
+    private defineVoteOptions(): void {
+        this.voteActions = [];
+        this.globalVoteActions = [];
+        if (this.poll) {
+            const globals = {
+                Y: this.poll.global_yes,
+                N: this.poll.global_no,
+                A: this.poll.global_abstain
+            };
+
+            for (const option of this.voteOptions) {
+                if (this.poll.pollmethod.includes(option.vote)) {
+                    this.voteActions.push(option);
+                }
+
+                if (globals[option.vote]) {
+                    this.globalVoteActions.push(option);
+                }
+            }
+        }
+    }
+}
diff --git a/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.html b/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.html
new file mode 100644
index 0000000000..4918eaf32f
--- /dev/null
+++ b/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.html
@@ -0,0 +1,33 @@
+<div class="centered-button-wrapper">
+    <!-- Success -->
+    <div *ngIf="hasAlreadyVoted && !isDeliveringVote">
+        <mat-icon class="vote-submitted">check_circle</mat-icon>
+        <br />
+        <span>{{ 'Voting successful.' | translate }}</span>
+    </div>
+
+    <!-- Delivering -->
+    <div *ngIf="isDeliveringVote" class="submit-vote-indicator">
+        <mat-spinner class="small-spinner"></mat-spinner>
+        <br />
+        <span>{{ 'Delivering vote... Please wait!' | translate }}</span>
+    </div>
+
+    <div *ngIf="hasAlreadyVoted === undefined">
+        <mat-spinner class="small-spinner"></mat-spinner>
+        <br />
+        <span>{{ 'Retrieving vote status... Please wait!' | translate }}</span>
+    </div>
+
+    <ng-container *ngIf="hasAlreadyVoted !== undefined">
+        <!-- Permission error error -->
+        <div *ngIf="!hasAlreadyVoted && !isDeliveringVote && !(!isUserPresent && hasDelegations)">
+            <span>{{ getVotingError(delegationUser) | translate }}</span>
+        </div>
+
+        <!-- Delegation not present vote error -->
+        <div *ngIf="!hasAlreadyVoted && !isDeliveringVote && !isUserPresent && hasDelegations">
+            <span>{{ getVotingErrorFromName('USER_NOT_PRESENT') | translate }}</span>
+        </div>
+    </ng-container>
+</div>
diff --git a/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.scss b/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.scss
new file mode 100644
index 0000000000..cf7543b8fb
--- /dev/null
+++ b/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.scss
@@ -0,0 +1,23 @@
+@import 'src/assets/styles/poll-colors.scss';
+
+.centered-button-wrapper {
+    display: flex;
+    text-align: center;
+    > * {
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .vote-submitted {
+        color: $votes-yes-color;
+        font-size: 200%;
+        overflow: visible;
+    }
+}
+
+.submit-vote-indicator {
+    text-align: center;
+    .mat-spinner {
+        margin: auto;
+    }
+}
diff --git a/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.spec.ts b/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.spec.ts
new file mode 100644
index 0000000000..9ecc177bc8
--- /dev/null
+++ b/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PollCannotVoteMessageComponent } from './poll-cannot-vote-message.component';
+
+xdescribe(`PollCannotVoteMessageComponent`, () => {
+    let component: PollCannotVoteMessageComponent;
+    let fixture: ComponentFixture<PollCannotVoteMessageComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            declarations: [PollCannotVoteMessageComponent]
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(PollCannotVoteMessageComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it(`should create`, () => {
+        expect(component).toBeTruthy();
+    });
+});
diff --git a/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.ts b/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.ts
new file mode 100644
index 0000000000..be479a7005
--- /dev/null
+++ b/client/src/app/site/pages/meetings/modules/poll/components/poll-cannot-vote-message/poll-cannot-vote-message.component.ts
@@ -0,0 +1,57 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core';
+import { debounceTime } from 'rxjs';
+import { OperatorService } from 'src/app/site/services/operator.service';
+
+import { BaseMeetingComponent } from '../../../../base/base-meeting.component';
+import { ViewPoll } from '../../../../pages/polls';
+import { ViewUser } from '../../../../view-models/view-user';
+import { VotingService } from '../../services/voting.service';
+
+@Component({
+    selector: `os-poll-cannot-vote-message`,
+    templateUrl: `./poll-cannot-vote-message.component.html`,
+    styleUrls: [`./poll-cannot-vote-message.component.scss`],
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class PollCannotVoteMessageComponent extends BaseMeetingComponent {
+    @Input()
+    public delegationUser: ViewUser;
+
+    @Input()
+    public hasAlreadyVoted: boolean;
+
+    @Input()
+    public isDeliveringVote = false;
+
+    @Input()
+    public hasDelegations = false;
+
+    @Input()
+    public poll: ViewPoll;
+
+    public user: ViewUser;
+
+    public get isUserPresent(): boolean {
+        return this.user?.isPresentInMeeting();
+    }
+
+    public constructor(operator: OperatorService, private votingService: VotingService, private cd: ChangeDetectorRef) {
+        super();
+        this.subscriptions.push(
+            operator.userObservable.pipe(debounceTime(50)).subscribe(user => {
+                if (user) {
+                    this.user = user;
+                }
+                this.cd.markForCheck();
+            })
+        );
+    }
+
+    public getVotingError(user: ViewUser = this.user): string {
+        return this.votingService.getVotingProhibitionReasonVerbose(this.poll, user) || ``;
+    }
+
+    public getVotingErrorFromName(errorName: string) {
+        return this.votingService.getVotingProhibitionReasonVerboseFromName(errorName) || ``;
+    }
+}
diff --git a/client/src/app/site/pages/meetings/modules/poll/poll.module.ts b/client/src/app/site/pages/meetings/modules/poll/poll.module.ts
index 2922822243..9c687813e3 100644
--- a/client/src/app/site/pages/meetings/modules/poll/poll.module.ts
+++ b/client/src/app/site/pages/meetings/modules/poll/poll.module.ts
@@ -6,6 +6,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -19,6 +20,7 @@ import { SearchSelectorModule } from 'src/app/ui/modules/search-selector';
 import { ChartComponent } from './components/chart/chart.component';
 import { CheckInputComponent } from './components/check-input/check-input.component';
 import { EntitledUsersTableComponent } from './components/entitled-users-table/entitled-users-table.component';
+import { PollCannotVoteMessageComponent } from './components/poll-cannot-vote-message/poll-cannot-vote-message.component';
 import { PollProgressComponent } from './components/poll-progress/poll-progress.component';
 import { SingleOptionChartTableComponent } from './components/single-option-chart-table/single-option-chart-table.component';
 import { VotesTableComponent } from './components/votes-table/votes-table.component';
@@ -34,7 +36,8 @@ const COMPONENTS = [
     CheckInputComponent,
     EntitledUsersTableComponent,
     SingleOptionChartTableComponent,
-    VotesTableComponent
+    VotesTableComponent,
+    PollCannotVoteMessageComponent
 ];
 
 @NgModule({
@@ -57,6 +60,7 @@ const COMPONENTS = [
         ListModule,
         DirectivesModule,
         SearchSelectorModule,
+        MatProgressSpinnerModule,
         OpenSlidesTranslationModule.forChild()
     ],
     exports: [...PIPES, ...MODULES, ...COMPONENTS],
diff --git a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.html b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.html
deleted file mode 100644
index f588284d84..0000000000
--- a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.html
+++ /dev/null
@@ -1,175 +0,0 @@
-<ng-container *ngIf="poll && isReady">
-    <!-- own voting -->
-    <ng-container [ngTemplateOutlet]="votingArea"></ng-container>
-
-    <!-- Delegations -->
-    <ng-container *ngIf="isUserPresent && (voteDelegationEnabled | async)">
-        <div class="topic-vote-delegation" *ngFor="let delegation of delegations">
-            <mat-divider></mat-divider>
-
-            <ng-container
-                [ngTemplateOutlet]="votingArea"
-                [ngTemplateOutletContext]="{ delegation: delegation }"
-            ></ng-container>
-        </div>
-    </ng-container>
-</ng-container>
-
-<ng-template #votingArea let-delegation="delegation">
-    <h4 *ngIf="delegation" class="topic-delegation-title">
-        <span>{{ 'Voting right for' | translate }}</span>
-        <span>&nbsp;{{ delegation.getFullName() }}</span>
-    </h4>
-
-    <ng-container *ngIf="{ canVote: canVoteForObservable(delegation) | async } as voting">
-        <ng-container *ngIf="voting.canVote">
-            <!-- Leftover votes -->
-            <h4 *ngIf="(poll.isMethodY || poll.isMethodN) && poll.max_votes_amount > 1">
-                {{ 'Available votes' | translate }}:
-                <b>{{ getVotesAvailable(delegation) }}/{{ poll.max_votes_amount }}</b>
-
-                <span *ngIf="poll.min_votes_amount > 1">
-                    ({{ 'At least' | translate }}
-                    <b>{{ poll.min_votes_amount }}</b>
-                    )
-                </span>
-
-                <span *ngIf="poll.max_votes_per_option > 1">
-                    ({{ 'At most' | translate }}
-                    <b>{{ poll.max_votes_per_option }}</b>
-                    {{ 'votes per candidate' | translate }})
-                </span>
-            </h4>
-
-            <!-- Options and Actions -->
-            <div *ngFor="let option of poll.options; let i = index">
-                <div *ngIf="poll.type !== PollType.Analog">
-                    <div
-                        [ngClass]="{
-                            'yna-grid': poll.isMethodYNA,
-                            'yn-grid': poll.isMethodYN,
-                            'single-vote-grid': poll.isMethodY || poll.isMethodN
-                        }"
-                    >
-                        <div class="vote-option-text">
-                            <span *ngIf="option.text">
-                                <span>{{ option.text }}</span>
-                            </span>
-                            <i *ngIf="!option.text">{{ "Text for this option couldn't load." | translate }}</i>
-                        </div>
-
-                        <ng-container *ngIf="!poll.max_votes_per_option || poll.max_votes_per_option <= 1">
-                            <div *ngFor="let action of voteActions">
-                                <button
-                                    class="vote-button"
-                                    mat-raised-button
-                                    (click)="saveSingleVote(option.id, action.vote, delegation)"
-                                    [disabled]="isDeliveringVote(delegation)"
-                                    [ngClass]="getActionButtonClass(action, option, delegation)"
-                                >
-                                    <mat-icon>{{ action.icon }}</mat-icon>
-                                </button>
-                                <span *ngIf="poll.isMethodYN || poll.isMethodYNA" class="vote-label">
-                                    {{ action.label | translate }}
-                                </span>
-                            </div>
-                        </ng-container>
-                        <mat-form-field appearance="outline" *ngIf="poll.max_votes_per_option > 1" class="vote-input">
-                            <input
-                                type="number"
-                                matInput
-                                [formControl]="getFormControl(option.id)"
-                                (change)="saveMultipleVotes(option.id, $event, delegation)"
-                                min="0"
-                                max="{{ poll.max_votes_per_option }}"
-                                value="0"
-                                required
-                            />
-                            <mat-error>
-                                {{ getErrorInVoteEntry(option.id) }}
-                            </mat-error>
-                        </mat-form-field>
-                    </div>
-                    <mat-divider *ngIf="poll.options.length - 1 > i"></mat-divider>
-                </div>
-            </div>
-
-            <!-- Submit Vote -->
-            <ng-container
-                [ngTemplateOutlet]="sendNow"
-                [ngTemplateOutletContext]="{ delegation: delegation }"
-            ></ng-container>
-        </ng-container>
-
-        <ng-container
-            *ngIf="!voting.canVote"
-            [ngTemplateOutlet]="cannotVote"
-            [ngTemplateOutletContext]="{ delegation: delegation }"
-        ></ng-container>
-    </ng-container>
-</ng-template>
-
-<ng-template #cannotVote let-delegation="delegation">
-    <div class="centered-button-wrapper">
-        <!-- Success -->
-        <div *ngIf="hasAlreadyVoted(delegation) && !isDeliveringVote(delegation)">
-            <mat-icon class="vote-submitted">check_circle</mat-icon>
-            <br />
-            <span>{{ 'Voting successful.' | translate }}</span>
-        </div>
-
-        <!-- Delivering -->
-        <div *ngIf="isDeliveringVote(delegation)" class="submit-vote-indicator">
-            <mat-spinner class="small-spinner"></mat-spinner>
-            <br />
-            <span>{{ 'Delivering vote... Please wait!' | translate }}</span>
-        </div>
-
-        <div *ngIf="hasAlreadyVoted(delegation) === undefined">
-            <mat-spinner class="small-spinner"></mat-spinner>
-            <br />
-            <span>{{ 'Retrieving vote status... Please wait!' | translate }}</span>
-        </div>
-
-        <ng-container *ngIf="hasAlreadyVoted(delegation) !== undefined">
-            <!-- Permission error error -->
-            <div
-                *ngIf="
-                    !hasAlreadyVoted(delegation) &&
-                    !isDeliveringVote(delegation) &&
-                    !(!isUserPresent && delegations.length)
-                "
-            >
-                <span>{{ getVotingError(delegation) | translate }}</span>
-            </div>
-
-            <!-- Delegation not present vote error -->
-            <div
-                *ngIf="
-                    !hasAlreadyVoted(delegation) &&
-                    !isDeliveringVote(delegation) &&
-                    !isUserPresent &&
-                    delegations.length
-                "
-            >
-                <span>{{ getVotingErrorFromName('USER_NOT_PRESENT') | translate }}</span>
-            </div>
-        </ng-container>
-    </div>
-</ng-template>
-
-<ng-template #sendNow let-delegation="delegation">
-    <div class="centered-button-wrapper">
-        <button
-            mat-flat-button
-            color="accent"
-            (click)="submitVote(delegation)"
-            [disabled]="getVotesCount(delegation) < minVotes"
-        >
-            <mat-icon>how_to_vote</mat-icon>
-            <span>
-                {{ 'Submit vote now' | translate }}
-            </span>
-        </button>
-    </div>
-</ng-template>
diff --git a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.scss b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.scss
deleted file mode 100644
index 2435c6bf1c..0000000000
--- a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@import 'src/assets/styles/poll-colors.scss';
-@import 'src/assets/styles/poll-styles-common.scss';
-
-%vote-grid-base {
-    display: grid;
-    grid-gap: 10px;
-    margin: 20px 0;
-}
-
-.topic-vote-delegation {
-    margin-top: 1em;
-
-    .topic-delegation-title {
-        font-weight: 500;
-    }
-}
-
-.yn-grid {
-    @extend %vote-grid-base;
-    grid-template-areas:
-        'name name'
-        'yes no';
-}
-
-.yna-grid {
-    @extend %vote-grid-base;
-    grid-template-areas:
-        'name name name'
-        'yes no abstain';
-}
-
-.single-vote-grid {
-    @extend %vote-grid-base;
-    grid-template-areas: 'yes name';
-    grid-template-columns: min-content auto;
-}
-
-.global-option-grid {
-    @extend %vote-grid-base;
-    grid-template-columns: auto auto;
-}
-
-.vote-option-text {
-    grid-area: name;
-    display: flex;
-    span,
-    i {
-        margin-top: auto;
-        margin-bottom: auto;
-    }
-}
-
-.centered-button-wrapper {
-    display: flex;
-    text-align: center;
-    > * {
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    .vote-submitted {
-        color: $votes-yes-color;
-        font-size: 200%;
-        overflow: visible;
-    }
-}
-
-.vote-button {
-    min-width: 50px;
-    min-height: 50px;
-}
-
-.vote-input {
-    width: 120px;
-}
-
-.vote-label {
-    margin-left: 10px;
-}
-
-.mat-divider-horizontal {
-    position: initial;
-}
-
-.submit-vote-indicator {
-    text-align: center;
-    .mat-mdc-progress-spinner {
-        display: block;
-        margin: auto;
-    }
-}
diff --git a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.ts b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.ts
index 71c89bf87c..8a4c55347e 100644
--- a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.ts
+++ b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/components/topic-poll-vote/topic-poll-vote.component.ts
@@ -1,10 +1,11 @@
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
-import { UntypedFormControl, Validators } from '@angular/forms';
-import { GlobalVote, PollMethod, PollType, VoteValue } from 'src/app/domain/models/poll';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { marker as _ } from '@colsen1991/ngx-translate-extract-marker';
+import { VoteValue } from 'src/app/domain/models/poll';
 import {
     BasePollVoteComponent,
+    PollVoteViewSettings,
     VoteOption
-} from 'src/app/site/pages/meetings/modules/poll/base/base-poll-vote.component';
+} from 'src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component';
 import { ViewOption } from 'src/app/site/pages/meetings/pages/polls';
 import { MeetingSettingsService } from 'src/app/site/pages/meetings/services/meeting-settings.service';
 import { ViewUser } from 'src/app/site/pages/meetings/view-models/view-user';
@@ -12,52 +13,23 @@ import { PromptService } from 'src/app/ui/modules/prompt-dialog';
 
 import { ViewTopic } from '../../../../view-models';
 
-const voteOptions = {
-    Yes: {
-        vote: `Y`,
-        css: `voted-yes`,
-        icon: `thumb_up`,
-        label: `Yes`
-    } as VoteOption,
-    No: {
-        vote: `N`,
-        css: `voted-no`,
-        icon: `thumb_down`,
-        label: `No`
-    } as VoteOption,
-    Abstain: {
-        vote: `A`,
-        css: `voted-abstain`,
-        icon: `trip_origin`,
-        label: `Abstain`
-    } as VoteOption
-};
-
 @Component({
     selector: `os-topic-poll-vote`,
-    templateUrl: `./topic-poll-vote.component.html`,
-    styleUrls: [`./topic-poll-vote.component.scss`],
+    templateUrl: `../../../../../../../../modules/poll/components/base-poll-vote/base-poll-vote.component.html`,
+    styleUrls: [`../../../../../../../../modules/poll/components/base-poll-vote/base-poll-vote.component.scss`],
     changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class TopicPollVoteComponent extends BasePollVoteComponent<ViewTopic> implements OnInit {
-    public TopicPollMethod = PollMethod;
-    public PollType = PollType;
-    public voteActions: VoteOption[] = [];
-    public formControlMap: { [optionId: number]: UntypedFormControl } = {};
+export class TopicPollVoteComponent extends BasePollVoteComponent<ViewTopic> {
+    public override readonly settings: PollVoteViewSettings = {
+        hideGlobalOptions: true
+    };
 
-    public get minVotes(): number {
-        return this.poll.min_votes_amount;
-    }
+    public override readonly noDataLabel = _(`Text for this option couldn't load.`);
 
     public constructor(private promptService: PromptService, meetingSettingsService: MeetingSettingsService) {
         super(meetingSettingsService);
     }
 
-    public ngOnInit(): void {
-        this.defineVoteOptions();
-        this.cd.markForCheck();
-    }
-
     public getActionButtonClass(actions: VoteOption, option: ViewOption, user: ViewUser = this.user): string {
         if (
             this.voteRequestData[user?.id]?.value[option.id] === actions.vote ||
@@ -68,111 +40,7 @@ export class TopicPollVoteComponent extends BasePollVoteComponent<ViewTopic> imp
         return ``;
     }
 
-    public getGlobalYesClass(user: ViewUser = this.user): string {
-        if (this.voteRequestData[user.id]?.value === `Y`) {
-            return `voted-yes`;
-        }
-        return ``;
-    }
-
-    public getGlobalAbstainClass(user: ViewUser = this.user): string {
-        if (this.voteRequestData[user.id]?.value === `A`) {
-            return `voted-abstain`;
-        }
-        return ``;
-    }
-
-    public getGlobalNoClass(user?: ViewUser): string {
-        if (!user) {
-            if (!this.user) {
-                return ``;
-            }
-            user = this.user;
-        }
-        if (this.voteRequestData[user.id]?.value === `N`) {
-            return `voted-no`;
-        }
-        return ``;
-    }
-
-    private defineVoteOptions(): void {
-        this.voteActions = [];
-        if (this.poll) {
-            if (this.poll.isMethodN) {
-                this.voteActions.push(voteOptions.No);
-            } else {
-                this.voteActions.push(voteOptions.Yes);
-
-                if (!this.poll.isMethodY) {
-                    this.voteActions.push(voteOptions.No);
-                }
-
-                if (this.poll.isMethodYNA) {
-                    this.voteActions.push(voteOptions.Abstain);
-                }
-            }
-        }
-    }
-
-    public getFormControl(optionId: number): UntypedFormControl {
-        if (!this.formControlMap[optionId]) {
-            this.formControlMap[optionId] = new UntypedFormControl(0, [
-                Validators.required,
-                Validators.min(0),
-                Validators.max(this.poll.max_votes_per_option)
-            ]);
-        }
-        return this.formControlMap[optionId];
-    }
-
-    public isErrorInVoteEntry(): boolean {
-        for (const key in this.formControlMap) {
-            if (this.formControlMap.hasOwnProperty(key) && this.formControlMap[key].invalid) {
-                return true;
-            }
-        }
-        return false;
-    }
-
-    public getErrorInVoteEntry(optionId: number): string {
-        if (this.formControlMap[optionId].hasError(`required`)) {
-            return this.translate.instant(`This is not a number.`);
-        } else if (this.formControlMap[optionId].hasError(`min`)) {
-            return this.translate.instant(`Negative votes are not allowed.`);
-        } else if (this.formControlMap[optionId].hasError(`max`)) {
-            return this.translate.instant(`Too many votes on one option.`);
-        }
-        return ``;
-    }
-
-    public getVotesCount(user: ViewUser = this.user): number {
-        if (this.voteRequestData[user?.id]) {
-            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1 && !this.isGlobalOptionSelected(user)) {
-                return Object.keys(this.voteRequestData[user.id].value)
-                    .map(key => parseInt(this.voteRequestData[user.id].value[key], 10))
-                    .reduce((a, b) => a + b, 0);
-            } else {
-                return Object.keys(this.voteRequestData[user.id].value).filter(
-                    key => this.voteRequestData[user.id].value[key]
-                ).length;
-            }
-        }
-        return 0;
-    }
-
-    public getVotesAvailable(user: ViewUser = this.user): number | string {
-        if (this.isGlobalOptionSelected()) {
-            return `-`;
-        }
-        return this.poll.max_votes_amount - this.getVotesCount(user);
-    }
-
-    private isGlobalOptionSelected(user: ViewUser = this.user): boolean {
-        const value = this.voteRequestData[user.id]?.value;
-        return value === `Y` || value === `N` || value === `A`;
-    }
-
-    public async submitVote(user: ViewUser = this.user): Promise<void> {
+    public override async submitVote(user: ViewUser = this.user): Promise<void> {
         const value = this.voteRequestData[user.id].value;
         if (this.poll.isMethodY && this.poll.max_votes_per_option > 1 && this.isErrorInVoteEntry()) {
             this.raiseError(this.translate.instant(`There is an error in your vote.`));
@@ -182,15 +50,7 @@ export class TopicPollVoteComponent extends BasePollVoteComponent<ViewTopic> imp
         const content = this.translate.instant(`Your decision cannot be changed afterwards.`);
         const confirmed = await this.promptService.open(title, content);
         if (confirmed) {
-            this.deliveringVote[user.id] = true;
-            this.cd.markForCheck();
-
-            const votePayload = {
-                value: value,
-                user_id: user.id
-            };
-
-            await this.sendVote(user.id, votePayload);
+            await super.submitVote(user, value);
         }
     }
 
@@ -211,7 +71,11 @@ export class TopicPollVoteComponent extends BasePollVoteComponent<ViewTopic> imp
         }
     }
 
-    public saveSingleVoteMethodYNOrYNA(optionId: number, vote: VoteValue, user: ViewUser = this.user): void {
+    public override shouldStrikeOptionText(_option: ViewOption, _user: ViewUser): boolean {
+        return false;
+    }
+
+    private saveSingleVoteMethodYNOrYNA(optionId: number, vote: VoteValue, user: ViewUser = this.user): void {
         if (this.voteRequestData[user.id].value[optionId] && this.voteRequestData[user.id].value[optionId] === vote) {
             delete (this.voteRequestData[user.id] as any).value[optionId];
         } else {
@@ -224,7 +88,7 @@ export class TopicPollVoteComponent extends BasePollVoteComponent<ViewTopic> imp
         }
     }
 
-    public saveSingleVoteMethodYOrN(optionId: number, vote: VoteValue, user: ViewUser = this.user): void {
+    private saveSingleVoteMethodYOrN(optionId: number, vote: VoteValue, user: ViewUser = this.user): void {
         const maxVotesAmount = this.poll.max_votes_amount;
         const tmpVoteRequest = this.getTMPVoteRequestYOrN(maxVotesAmount, optionId, user);
 
@@ -264,108 +128,4 @@ export class TopicPollVoteComponent extends BasePollVoteComponent<ViewTopic> imp
                 return o;
             }, {});
     }
-
-    public saveMultipleVotes(optionId: number, event: any, user: ViewUser = this.user): void {
-        let vote = parseInt(event.target.value, 10);
-
-        if (isNaN(vote) || vote > this.poll.max_votes_per_option || vote < 0) {
-            vote = 0;
-        }
-
-        if (!this.voteRequestData[user.id]) {
-            throw new Error(`The user for your voting request does not exist`);
-        }
-
-        if (this.isGlobalOptionSelected(user)) {
-            delete this.voteRequestData[user.id].value;
-        }
-
-        if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
-            this.saveMultipleVotesMultiVoteMethodY(optionId, vote, user);
-        }
-    }
-
-    private saveMultipleVotesMultiVoteMethodY(optionId: number, vote: number, user: ViewUser = this.user): void {
-        // Another option is not expected here
-        const maxVotesAmount = this.poll.max_votes_amount;
-        const tmpVoteRequest = this.getTmpVoteRequestMultipleVotes(optionId, vote, user);
-
-        // check if you can still vote
-        const countedVotes = Object.keys(tmpVoteRequest)
-            .map(key => parseInt(tmpVoteRequest[key], 10))
-            .reduce((a, b) => a + b, 0);
-        if (countedVotes <= maxVotesAmount) {
-            this.voteRequestData[user.id].value = tmpVoteRequest;
-
-            // if you have no options anymore, try to send
-            if (this.getVotesCount(user) === maxVotesAmount && !this.isErrorInVoteEntry()) {
-                this.submitVote(user);
-            }
-        } else {
-            this.raiseError(
-                this.translate.instant(`You reached the maximum amount of votes. Deselect one option first.`)
-            );
-            this.formControlMap[optionId].setValue(this.voteRequestData[user.id].value[optionId]);
-        }
-    }
-
-    private getTmpVoteRequestMultipleVotes(
-        optionId: number,
-        vote: number,
-        user: ViewUser = this.user
-    ): { [option_id: number]: number } {
-        const maxVotesAmount = this.poll.max_votes_amount;
-        const maxVotesPerOption = this.poll.max_votes_per_option;
-        return this.poll.options
-            .map(option => option.id)
-            .reduce((output, next_id) => {
-                output[next_id] = this.voteRequestData[user.id].value[next_id];
-                output[next_id] = output[next_id] ? output[next_id] : 0;
-                if (next_id === optionId) {
-                    if (vote > Math.min(maxVotesPerOption, maxVotesAmount)) {
-                        output[next_id] = Math.min(maxVotesPerOption, maxVotesAmount);
-                    } else if (vote >= 0) {
-                        output[next_id] = vote;
-                    }
-                }
-                return output;
-            }, {});
-    }
-
-    public saveGlobalVote(globalVote: GlobalVote, user: ViewUser = this.user): void {
-        if (this.voteRequestData[user.id].value && this.voteRequestData[user.id].value === globalVote) {
-            this.voteRequestData[user.id].value = {};
-            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
-                this.enableInputs();
-            }
-        } else {
-            this.voteRequestData[user.id].value = globalVote;
-            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
-                this.disableAndResetInputs();
-            }
-            this.submitVote(user);
-        }
-    }
-
-    protected override updatePoll(): void {
-        super.updatePoll();
-        this.defineVoteOptions();
-    }
-
-    private enableInputs(): void {
-        for (const key in this.formControlMap) {
-            if (this.formControlMap.hasOwnProperty(key)) {
-                this.formControlMap[key].enable();
-            }
-        }
-    }
-
-    private disableAndResetInputs(): void {
-        for (const key in this.formControlMap) {
-            if (this.formControlMap.hasOwnProperty(key)) {
-                this.formControlMap[key].setValue(0);
-                this.formControlMap[key].disable();
-            }
-        }
-    }
 }
diff --git a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/topic-poll.module.ts b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/topic-poll.module.ts
index bb0a3d6c8a..dfa1a29418 100644
--- a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/topic-poll.module.ts
+++ b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/modules/topic-poll/topic-poll.module.ts
@@ -19,6 +19,7 @@ import { PollService } from 'src/app/site/pages/meetings/modules/poll/services/p
 import { DirectivesModule } from 'src/app/ui/directives';
 import { ChoiceDialogModule } from 'src/app/ui/modules/choice-dialog';
 import { CommaSeparatedListingModule } from 'src/app/ui/modules/comma-separated-listing';
+import { CustomIconModule } from 'src/app/ui/modules/custom-icon';
 import { IconContainerModule } from 'src/app/ui/modules/icon-container';
 import { SearchSelectorModule } from 'src/app/ui/modules/search-selector';
 import { SortingListModule } from 'src/app/ui/modules/sorting/modules';
@@ -43,6 +44,7 @@ import { TopicPollServiceModule } from './services/topic-poll-service.module';
         TopicPollFormComponent
     ],
     imports: [
+        CustomIconModule,
         CommonModule,
         CommaSeparatedListingModule,
         TopicPollServiceModule,
diff --git a/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/assignment-poll.module.ts b/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/assignment-poll.module.ts
index 31b1d6393f..01c3d7721f 100644
--- a/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/assignment-poll.module.ts
+++ b/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/assignment-poll.module.ts
@@ -20,6 +20,7 @@ import { PollService } from 'src/app/site/pages/meetings/modules/poll/services/p
 import { DirectivesModule } from 'src/app/ui/directives';
 import { ChoiceDialogModule } from 'src/app/ui/modules/choice-dialog';
 import { CommaSeparatedListingModule } from 'src/app/ui/modules/comma-separated-listing';
+import { CustomIconModule } from 'src/app/ui/modules/custom-icon';
 import { ExpandableContentWrapperModule } from 'src/app/ui/modules/expandable-content-wrapper';
 import { IconContainerModule } from 'src/app/ui/modules/icon-container';
 import { SearchSelectorModule } from 'src/app/ui/modules/search-selector';
@@ -46,6 +47,7 @@ const COMPONENTS = [
     declarations: [...COMPONENTS, AssignmentPollDialogComponent, AssignmentPollFormComponent],
     exports: [...COMPONENTS, PollModule, AssignmentPollServiceModule],
     imports: [
+        CustomIconModule,
         CommonModule,
         CommaSeparatedListingModule,
         AssignmentPollServiceModule,
diff --git a/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.html b/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.html
deleted file mode 100644
index a8f454eef0..0000000000
--- a/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.html
+++ /dev/null
@@ -1,239 +0,0 @@
-<ng-container *ngIf="poll && isReady">
-    <!-- own voting -->
-    <ng-container [ngTemplateOutlet]="votingArea"></ng-container>
-
-    <!-- Delegations -->
-    <ng-container *ngIf="isUserPresent && (voteDelegationEnabled | async)">
-        <div class="assignment-vote-delegation" *ngFor="let delegation of delegations">
-            <mat-divider></mat-divider>
-
-            <ng-container
-                [ngTemplateOutlet]="votingArea"
-                [ngTemplateOutletContext]="{ delegation: delegation }"
-            ></ng-container>
-        </div>
-    </ng-container>
-</ng-container>
-
-<ng-template #votingArea let-delegation="delegation">
-    <h4 *ngIf="delegation" class="assignment-delegation-title">
-        <span>{{ 'Voting right for' | translate }}</span>
-        <span>&nbsp;{{ delegation.getFullName() }}</span>
-    </h4>
-
-    <ng-container *ngIf="{ canVote: canVoteForObservable(delegation) | async } as voting">
-        <ng-container *ngIf="voting.canVote">
-            <!-- Poll hint -->
-            <p *ngIf="pollHint">
-                <i>{{ pollHint }}</i>
-            </p>
-
-            <!-- Leftover votes -->
-            <h4 *ngIf="(poll.isMethodY || poll.isMethodN) && poll.max_votes_amount > 1">
-                {{ 'Available votes' | translate }}:
-                <b>{{ getVotesAvailable(delegation) }}/{{ poll.max_votes_amount }}</b>
-
-                <span *ngIf="poll.min_votes_amount > 1">
-                    ({{ 'At least' | translate }}
-                    <b>{{ poll.min_votes_amount }}</b>
-                    )
-                </span>
-
-                <span *ngIf="poll.max_votes_per_option > 1">
-                    ({{ 'At most' | translate }}
-                    <b>{{ poll.max_votes_per_option }}</b>
-                    {{ 'votes per candidate' | translate }})
-                </span>
-            </h4>
-
-            <!-- Options and Actions -->
-            <div *ngFor="let option of poll.options; let i = index">
-                <div *ngIf="poll.type !== PollType.Analog">
-                    <div
-                        [ngClass]="{
-                            'yna-grid': poll.isMethodYNA,
-                            'yn-grid': poll.isMethodYN,
-                            'single-vote-grid': poll.isMethodY || poll.isMethodN
-                        }"
-                    >
-                        <div class="vote-candidate-name" *ngIf="!option.isListOption">
-                            <span *ngIf="option.content_object">
-                                <span>{{ option.content_object.short_name }}</span>
-                                <div class="user-subtitle" *ngIf="option.content_object.getLevelAndNumber()">
-                                    {{ option.content_object.getLevelAndNumber() }}
-                                </div>
-                            </span>
-                            <i *ngIf="!option.content_object">{{ unknownUserLabel | translate }}</i>
-                        </div>
-                        <div class="vote-candidate-name" *ngIf="option.isListOption">
-                            <span *ngIf="option.content_object">
-                                <span>{{ option.content_object.getTitle() | translate }}</span>
-                            </span>
-                        </div>
-
-                        <ng-container *ngIf="!poll.max_votes_per_option || poll.max_votes_per_option <= 1">
-                            <div *ngFor="let action of voteActions">
-                                <button
-                                    class="vote-button"
-                                    mat-raised-button
-                                    (click)="saveSingleVote(option.id, action.vote, delegation)"
-                                    [disabled]="isDeliveringVote(delegation)"
-                                    [ngClass]="getActionButtonClass(action, option, delegation)"
-                                >
-                                    <mat-icon>{{ action.icon }}</mat-icon>
-                                </button>
-                                <span *ngIf="poll.isMethodYN || poll.isMethodYNA" class="vote-label">
-                                    {{ action.label | translate }}
-                                </span>
-                            </div>
-                        </ng-container>
-                        <mat-form-field appearance="outline" *ngIf="poll.max_votes_per_option > 1" class="vote-input">
-                            <input
-                                type="number"
-                                matInput
-                                [formControl]="getFormControl(option.id)"
-                                (change)="saveMultipleVotes(option.id, $event, delegation)"
-                                min="0"
-                                max="{{ poll.max_votes_per_option }}"
-                                value="0"
-                                required
-                            />
-                            <mat-error>
-                                {{ getErrorInVoteEntry(option.id) }}
-                            </mat-error>
-                        </mat-form-field>
-                    </div>
-                    <mat-divider *ngIf="poll.options.length - 1 > i"></mat-divider>
-                </div>
-            </div>
-
-            <!-- global yes/no/abstain -->
-            <ng-container *ngIf="(poll.isMethodY || poll.isMethodN || poll.isMethodYN) && poll.hasGlobalOptionEnabled">
-                <mat-divider></mat-divider>
-                <div class="global-option-grid">
-                    <div *ngIf="poll.global_yes">
-                        <button
-                            class="vote-button"
-                            mat-raised-button
-                            (click)="saveGlobalVote('Y', delegation)"
-                            [ngClass]="getGlobalYesClass(delegation)"
-                            [disabled]="isDeliveringVote(delegation)"
-                        >
-                            <mat-icon>thumb_up</mat-icon>
-                        </button>
-                        <span class="vote-label">
-                            {{ PollPropertyVerbose.global_yes | translate }}
-                        </span>
-                    </div>
-
-                    <div *ngIf="poll.global_no">
-                        <button
-                            class="vote-button"
-                            mat-raised-button
-                            (click)="saveGlobalVote('N', delegation)"
-                            [ngClass]="getGlobalNoClass(delegation)"
-                            [disabled]="isDeliveringVote(delegation)"
-                        >
-                            <mat-icon>thumb_down</mat-icon>
-                        </button>
-                        <span class="vote-label">
-                            {{ PollPropertyVerbose.global_no | translate }}
-                        </span>
-                    </div>
-
-                    <div *ngIf="poll.global_abstain">
-                        <button
-                            class="vote-button"
-                            mat-raised-button
-                            (click)="saveGlobalVote('A', delegation)"
-                            [ngClass]="getGlobalAbstainClass(delegation)"
-                            [disabled]="isDeliveringVote(delegation)"
-                        >
-                            <mat-icon>trip_origin</mat-icon>
-                        </button>
-                        <span class="vote-label">
-                            {{ PollPropertyVerbose.global_abstain | translate }}
-                        </span>
-                    </div>
-                </div>
-            </ng-container>
-
-            <!-- Submit Vote -->
-            <ng-container
-                [ngTemplateOutlet]="sendNow"
-                [ngTemplateOutletContext]="{ delegation: delegation }"
-            ></ng-container>
-        </ng-container>
-
-        <ng-container
-            *ngIf="!voting.canVote"
-            [ngTemplateOutlet]="cannotVote"
-            [ngTemplateOutletContext]="{ delegation: delegation }"
-        ></ng-container>
-    </ng-container>
-</ng-template>
-
-<ng-template #cannotVote let-delegation="delegation">
-    <div class="centered-button-wrapper">
-        <!-- Success -->
-        <div *ngIf="hasAlreadyVoted(delegation) && !isDeliveringVote(delegation)">
-            <mat-icon class="vote-submitted">check_circle</mat-icon>
-            <br />
-            <span>{{ 'Voting successful.' | translate }}</span>
-        </div>
-
-        <!-- Delivering -->
-        <div *ngIf="isDeliveringVote(delegation)" class="submit-vote-indicator">
-            <mat-spinner class="small-spinner"></mat-spinner>
-            <br />
-            <span>{{ 'Delivering vote... Please wait!' | translate }}</span>
-        </div>
-
-        <div *ngIf="hasAlreadyVoted(delegation) === undefined">
-            <mat-spinner class="small-spinner"></mat-spinner>
-            <br />
-            <span>{{ 'Retrieving vote status... Please wait!' | translate }}</span>
-        </div>
-
-        <ng-container *ngIf="hasAlreadyVoted(delegation) !== undefined">
-            <!-- Permission error error -->
-            <div
-                *ngIf="
-                    !hasAlreadyVoted(delegation) &&
-                    !isDeliveringVote(delegation) &&
-                    !(!isUserPresent && delegations.length)
-                "
-            >
-                <span>{{ getVotingError(delegation) | translate }}</span>
-            </div>
-
-            <!-- Delegation not present vote error -->
-            <div
-                *ngIf="
-                    !hasAlreadyVoted(delegation) &&
-                    !isDeliveringVote(delegation) &&
-                    !isUserPresent &&
-                    delegations.length
-                "
-            >
-                <span>{{ getVotingErrorFromName('USER_NOT_PRESENT') | translate }}</span>
-            </div>
-        </ng-container>
-    </div>
-</ng-template>
-
-<ng-template #sendNow let-delegation="delegation">
-    <div class="centered-button-wrapper">
-        <button
-            mat-flat-button
-            color="accent"
-            (click)="submitVote(delegation)"
-            [disabled]="getVotesCount(delegation) < minVotes"
-        >
-            <mat-icon>how_to_vote</mat-icon>
-            <span>
-                {{ 'Submit vote now' | translate }}
-            </span>
-        </button>
-    </div>
-</ng-template>
diff --git a/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.scss b/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.scss
deleted file mode 100644
index 00255615e2..0000000000
--- a/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-@import 'src/assets/styles/poll-colors.scss';
-@import 'src/assets/styles/poll-styles-common.scss';
-
-%vote-grid-base {
-    display: grid;
-    grid-gap: 10px;
-    margin: 20px 0;
-}
-
-.assignment-vote-delegation {
-    margin-top: 1em;
-
-    .assignment-delegation-title {
-        font-weight: 500;
-    }
-}
-
-.yn-grid {
-    @extend %vote-grid-base;
-    grid-template-areas:
-        'name name'
-        'yes no';
-}
-
-.yna-grid {
-    @extend %vote-grid-base;
-    grid-template-areas:
-        'name name name'
-        'yes no abstain';
-}
-
-.single-vote-grid {
-    @extend %vote-grid-base;
-    grid-template-areas: 'yes name';
-    grid-template-columns: min-content auto;
-}
-
-.global-option-grid {
-    @extend %vote-grid-base;
-    grid-template-columns: auto auto;
-}
-
-.vote-candidate-name {
-    grid-area: name;
-    display: flex;
-    span,
-    i {
-        margin-top: auto;
-        margin-bottom: auto;
-    }
-}
-
-.centered-button-wrapper {
-    display: flex;
-    text-align: center;
-    > * {
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    .vote-submitted {
-        color: $votes-yes-color;
-        font-size: 200%;
-        overflow: visible;
-    }
-}
-
-.vote-button {
-    min-width: 50px;
-    min-height: 50px;
-}
-
-.vote-input {
-    width: 120px;
-}
-
-.vote-label {
-    margin-left: 10px;
-}
-
-.mat-divider-horizontal {
-    position: initial;
-}
-
-.submit-vote-indicator {
-    text-align: center;
-    .mat-mdc-progress-spinner {
-        display: block;
-        margin: auto;
-    }
-}
diff --git a/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.ts b/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.ts
index 5d45cb077c..11f98d923b 100644
--- a/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.ts
+++ b/client/src/app/site/pages/meetings/pages/assignments/modules/assignment-poll/components/assignment-poll-vote/assignment-poll-vote.component.ts
@@ -1,11 +1,11 @@
-import { Component, OnInit } from '@angular/core';
-import { UntypedFormControl, Validators } from '@angular/forms';
-import { GlobalVote, PollMethod, PollType } from 'src/app/domain/models/poll/poll-constants';
+import { Component } from '@angular/core';
+import { marker as _ } from '@colsen1991/ngx-translate-extract-marker';
+import { PollMethod } from 'src/app/domain/models/poll/poll-constants';
 import { VoteValue } from 'src/app/domain/models/poll/vote-constants';
 import {
     BasePollVoteComponent,
     VoteOption
-} from 'src/app/site/pages/meetings/modules/poll/base/base-poll-vote.component';
+} from 'src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component';
 import { ViewAssignment } from 'src/app/site/pages/meetings/pages/assignments';
 import { ViewOption } from 'src/app/site/pages/meetings/pages/polls';
 import { MeetingSettingsService } from 'src/app/site/pages/meetings/services/meeting-settings.service';
@@ -14,53 +14,25 @@ import { PromptService } from 'src/app/ui/modules/prompt-dialog';
 
 import { UnknownUserLabel } from '../../services/assignment-poll.service';
 
-const voteOptions: {
-    Yes: VoteOption;
-    No: VoteOption;
-    Abstain: VoteOption;
-} = {
-    Yes: {
-        vote: `Y`,
-        css: `voted-yes`,
-        icon: `thumb_up`,
-        label: `Yes`
-    } as VoteOption,
-    No: {
-        vote: `N`,
-        css: `voted-no`,
-        icon: `thumb_down`,
-        label: `No`
-    } as VoteOption,
-    Abstain: {
-        vote: `A`,
-        css: `voted-abstain`,
-        icon: `trip_origin`,
-        label: `Abstain`
-    } as VoteOption
-};
-
 @Component({
     selector: `os-assignment-poll-vote`,
-    templateUrl: `./assignment-poll-vote.component.html`,
-    styleUrls: [`./assignment-poll-vote.component.scss`]
+    templateUrl: `../../../../../../modules/poll/components/base-poll-vote/base-poll-vote.component.html`,
+    styleUrls: [`../../../../../../modules/poll/components/base-poll-vote/base-poll-vote.component.scss`]
 })
-export class AssignmentPollVoteComponent extends BasePollVoteComponent<ViewAssignment> implements OnInit {
+export class AssignmentPollVoteComponent extends BasePollVoteComponent<ViewAssignment> {
     public unknownUserLabel = UnknownUserLabel;
     public AssignmentPollMethod = PollMethod;
-    public PollType = PollType;
-    public voteActions: VoteOption[] = [];
-    public formControlMap: { [optionId: number]: UntypedFormControl } = {};
 
-    public get pollHint(): string | null {
+    public override get pollHint(): string | null {
         if (this.poll?.content_object) {
             return this.poll.content_object!.default_poll_description;
         }
         return null;
     }
 
-    public get minVotes(): number {
-        return this.poll.min_votes_amount;
-    }
+    public override readonly maxVotesPerOptionSuffix = _(`votes per candidate`);
+
+    public override readonly optionPluralLabel: string = _(`Candidates`);
 
     private get assignment(): ViewAssignment {
         return this.poll.content_object;
@@ -74,11 +46,6 @@ export class AssignmentPollVoteComponent extends BasePollVoteComponent<ViewAssig
         super(meetingSettingsService);
     }
 
-    public ngOnInit(): void {
-        this.defineVoteOptions();
-        this.cd.markForCheck();
-    }
-
     public getActionButtonClass(actions: VoteOption, option: ViewOption, user: ViewUser = this.user): string {
         if (
             this.voteRequestData[user?.id]?.value[option.id] === actions.vote ||
@@ -89,111 +56,7 @@ export class AssignmentPollVoteComponent extends BasePollVoteComponent<ViewAssig
         return ``;
     }
 
-    public getGlobalYesClass(user: ViewUser = this.user): string {
-        if (this.voteRequestData[user.id]?.value === `Y`) {
-            return `voted-yes`;
-        }
-        return ``;
-    }
-
-    public getGlobalAbstainClass(user: ViewUser = this.user): string {
-        if (this.voteRequestData[user.id]?.value === `A`) {
-            return `voted-abstain`;
-        }
-        return ``;
-    }
-
-    public getGlobalNoClass(user?: ViewUser): string {
-        if (!user) {
-            if (!this.user) {
-                return ``;
-            }
-            user = this.user;
-        }
-        if (this.voteRequestData[user.id]?.value === `N`) {
-            return `voted-no`;
-        }
-        return ``;
-    }
-
-    private defineVoteOptions(): void {
-        this.voteActions = [];
-        if (this.poll) {
-            if (this.poll.isMethodN) {
-                this.voteActions.push(voteOptions.No);
-            } else {
-                this.voteActions.push(voteOptions.Yes);
-
-                if (!this.poll.isMethodY) {
-                    this.voteActions.push(voteOptions.No);
-                }
-
-                if (this.poll.isMethodYNA) {
-                    this.voteActions.push(voteOptions.Abstain);
-                }
-            }
-        }
-    }
-
-    public getFormControl(optionId: number): UntypedFormControl {
-        if (!this.formControlMap[optionId]) {
-            this.formControlMap[optionId] = new UntypedFormControl(0, [
-                Validators.required,
-                Validators.min(0),
-                Validators.max(this.poll.max_votes_per_option)
-            ]);
-        }
-        return this.formControlMap[optionId];
-    }
-
-    public isErrorInVoteEntry(): boolean {
-        for (const key in this.formControlMap) {
-            if (this.formControlMap.hasOwnProperty(key) && this.formControlMap[key].invalid) {
-                return true;
-            }
-        }
-        return false;
-    }
-
-    public getErrorInVoteEntry(optionId: number): string {
-        if (this.formControlMap[optionId].hasError(`required`)) {
-            return this.translate.instant(`This is not a number.`);
-        } else if (this.formControlMap[optionId].hasError(`min`)) {
-            return this.translate.instant(`Negative votes are not allowed.`);
-        } else if (this.formControlMap[optionId].hasError(`max`)) {
-            return this.translate.instant(`Too many votes on one option.`);
-        }
-        return ``;
-    }
-
-    public getVotesCount(user: ViewUser = this.user): number {
-        if (this.voteRequestData[user?.id]) {
-            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1 && !this.isGlobalOptionSelected(user)) {
-                return Object.keys(this.voteRequestData[user.id].value)
-                    .map(key => parseInt(this.voteRequestData[user.id].value[+key] as string, 10))
-                    .reduce((a, b) => a + b, 0);
-            } else {
-                return Object.keys(this.voteRequestData[user.id].value).filter(
-                    key => this.voteRequestData[user.id].value[+key]
-                ).length;
-            }
-        }
-        return 0;
-    }
-
-    public getVotesAvailable(user: ViewUser = this.user): number | string {
-        if (this.isGlobalOptionSelected()) {
-            return `-`;
-        }
-        return this.poll.max_votes_amount - this.getVotesCount(user);
-    }
-
-    private isGlobalOptionSelected(user: ViewUser = this.user): boolean {
-        const value = this.voteRequestData[user.id]?.value;
-        return value === `Y` || value === `N` || value === `A`;
-    }
-
-    public async submitVote(user: ViewUser = this.user): Promise<void> {
+    public override async submitVote(user: ViewUser = this.user): Promise<void> {
         const value = this.voteRequestData[user.id].value;
         if (this.poll.isMethodY && this.poll.max_votes_per_option > 1 && this.isErrorInVoteEntry()) {
             this.raiseError(this.translate.instant(`There is an error in your vote.`));
@@ -209,15 +72,7 @@ export class AssignmentPollVoteComponent extends BasePollVoteComponent<ViewAssig
         }
         const confirmed = await this.promptService.open(title, content);
         if (confirmed) {
-            this.deliveringVote[user.id] = true;
-            this.cd.markForCheck();
-
-            const votePayload = {
-                value: value,
-                user_id: user.id
-            };
-
-            await this.sendVote(user.id, votePayload);
+            await super.submitVote(user, value);
         }
     }
 
@@ -279,103 +134,10 @@ export class AssignmentPollVoteComponent extends BasePollVoteComponent<ViewAssig
         }
     }
 
-    public saveMultipleVotes(optionId: number, event: any, user: ViewUser = this.user): void {
-        let vote = parseInt(event.target.value, 10);
-
-        if (isNaN(vote) || vote > this.poll.max_votes_per_option || vote < 0) {
-            vote = 0;
-        }
-
-        if (!this.voteRequestData[user.id]) {
-            throw new Error(`The user for your voting request does not exist`);
-        }
-
-        if (this.isGlobalOptionSelected(user)) {
-            this.voteRequestData[user.id].value = {};
-        }
-
-        if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
-            // Another option is not expected here
-            const maxVotesAmount = this.poll.max_votes_amount;
-            const tmpVoteRequest = this.getTmpVoteRequestMultipleVotes(optionId, vote, user);
-
-            // check if you can still vote
-            const countedVotes = Object.keys(tmpVoteRequest)
-                .map(key => tmpVoteRequest[+key])
-                .reduce((a, b) => a + b, 0);
-            if (countedVotes <= maxVotesAmount) {
-                this.voteRequestData[user.id].value = tmpVoteRequest;
-
-                // if you have no options anymore, try to send
-                if (this.getVotesCount(user) === maxVotesAmount && !this.isErrorInVoteEntry()) {
-                    this.submitVote(user);
-                }
-            } else {
-                this.raiseError(
-                    this.translate.instant(`You reached the maximum amount of votes. Deselect somebody first.`)
-                );
-                this.formControlMap[optionId].setValue(this.voteRequestData[user.id].value[optionId]);
-            }
-        }
-    }
-
-    private getTmpVoteRequestMultipleVotes(
-        optionId: number,
-        vote: number,
-        user: ViewUser = this.user
-    ): { [option_id: number]: number } {
-        const maxVotesAmount = this.poll.max_votes_amount;
-        const maxVotesPerOption = this.poll.max_votes_per_option;
-        return this.poll.options
-            .map(option => option.id)
-            .reduce((output: any, next_id) => {
-                output[next_id] = this.voteRequestData[user.id].value[next_id];
-                output[next_id] = output[next_id] ? output[next_id] : 0;
-                if (next_id === optionId) {
-                    if (vote > Math.min(maxVotesPerOption, maxVotesAmount)) {
-                        output[next_id] = Math.min(maxVotesPerOption, maxVotesAmount);
-                    } else if (vote >= 0) {
-                        output[next_id] = vote;
-                    }
-                }
-                return output;
-            }, {});
-    }
-
-    public saveGlobalVote(globalVote: GlobalVote, user: ViewUser = this.user): void {
-        if (this.voteRequestData[user.id].value && this.voteRequestData[user.id].value === globalVote) {
-            this.voteRequestData[user.id].value = {};
-            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
-                this.enableInputs();
-            }
-        } else {
-            this.voteRequestData[user.id].value = globalVote;
-            if (this.poll.isMethodY && this.poll.max_votes_per_option > 1) {
-                this.disableAndResetInputs();
-            }
-            this.submitVote(user);
-        }
-    }
-
-    protected override updatePoll(): void {
-        super.updatePoll();
-        this.defineVoteOptions();
-    }
-
-    private enableInputs(): void {
-        for (const key in this.formControlMap) {
-            if (this.formControlMap.hasOwnProperty(key)) {
-                this.formControlMap[key].enable();
-            }
-        }
-    }
-
-    private disableAndResetInputs(): void {
-        for (const key in this.formControlMap) {
-            if (this.formControlMap.hasOwnProperty(key)) {
-                this.formControlMap[key].setValue(0);
-                this.formControlMap[key].disable();
-            }
+    public override shouldStrikeOptionText(option: ViewOption, user: ViewUser = this.user): boolean {
+        if (this.poll.pollmethod === PollMethod.N) {
+            return !!this.voteRequestData[user.id].value[option.id];
         }
+        return false;
     }
 }
diff --git a/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.html b/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.html
deleted file mode 100644
index 4613180285..0000000000
--- a/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.html
+++ /dev/null
@@ -1,90 +0,0 @@
-<ng-container *ngIf="poll && isReady">
-    <!-- own voting -->
-    <ng-container [ngTemplateOutlet]="votingArea"></ng-container>
-
-    <!-- Delegations -->
-    <ng-container *ngIf="isUserPresent && (voteDelegationEnabled | async)">
-        <div class="motion-vote-delegation" *ngFor="let delegation of delegations">
-            <mat-divider></mat-divider>
-
-            <ng-container
-                [ngTemplateOutlet]="votingArea"
-                [ngTemplateOutletContext]="{ delegation: delegation }"
-            ></ng-container>
-        </div>
-    </ng-container>
-</ng-container>
-
-<ng-template #votingArea let-delegation="delegation">
-    <h4 *ngIf="delegation" class="motion-delegation-title">
-        <span>{{ 'Voting right for' | translate }}</span>
-        <span>&nbsp;{{ delegation.getFullName() }}</span>
-    </h4>
-
-    <ng-container *ngIf="{ canVote: canVoteForObservable(delegation) | async } as voting">
-        <div *ngIf="voting.canVote" class="vote-button-grid">
-            <!-- Voting -->
-            <ng-container *ngFor="let id of poll.option_ids">
-                <div class="vote-button" *ngFor="let option of voteOptions">
-                    <button
-                        mat-raised-button
-                        (click)="saveVote(option.vote!, id, delegation)"
-                        [ngClass]="getActionButtonClass(option, delegation)"
-                        [disabled]="isDeliveringVote(delegation)"
-                    >
-                        <mat-icon>{{ option.icon }}</mat-icon>
-                    </button>
-                    <span class="vote-label">{{ option.label | translate }}</span>
-                </div>
-            </ng-container>
-        </div>
-
-        <ng-container
-            *ngIf="!voting.canVote"
-            [ngTemplateOutlet]="cannotVote"
-            [ngTemplateOutletContext]="{ delegation: delegation }"
-        ></ng-container>
-
-        <!-- Delivering -->
-        <div *ngIf="isDeliveringVote(delegation)" class="submit-vote-indicator">
-            <mat-spinner class="small-spinner"></mat-spinner>
-            <br />
-            <span>{{ 'Delivering vote... Please wait!' | translate }}</span>
-        </div>
-    </ng-container>
-</ng-template>
-
-<ng-template #cannotVote let-delegation="delegation">
-    <!-- Success -->
-    <div *ngIf="hasAlreadyVoted(delegation) && !isDeliveringVote(delegation)" class="user-has-voted">
-        <div>
-            <mat-icon class="vote-submitted">check_circle</mat-icon>
-            <br />
-            <span>{{ 'Voting successful.' | translate }}</span>
-        </div>
-    </div>
-
-    <div *ngIf="hasAlreadyVoted(delegation) === undefined">
-        <mat-spinner class="small-spinner"></mat-spinner>
-        <br />
-        <span>{{ 'Retrieving vote status... Please wait!' | translate }}</span>
-    </div>
-
-    <ng-container *ngIf="hasAlreadyVoted(delegation) !== undefined">
-        <!-- Error -->
-        <div
-            *ngIf="
-                !hasAlreadyVoted(delegation) && !isDeliveringVote(delegation) && !(!isUserPresent && delegations.length)
-            "
-        >
-            <span>{{ getVotingError(delegation) | translate }}</span>
-        </div>
-        <div
-            *ngIf="
-                !hasAlreadyVoted(delegation) && !isDeliveringVote(delegation) && !isUserPresent && delegations.length
-            "
-        >
-            <span>{{ getVotingErrorFromName('USER_NOT_PRESENT') | translate }}</span>
-        </div>
-    </ng-container>
-</ng-template>
diff --git a/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.scss b/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.scss
deleted file mode 100644
index 01a52b61fb..0000000000
--- a/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-@import 'src/assets/styles/poll-colors.scss';
-@import 'src/assets/styles/poll-styles-common.scss';
-
-.vote-button-grid {
-    display: grid;
-    grid-gap: 20px;
-    margin-top: 2em;
-    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
-}
-
-.motion-vote-delegation {
-    margin-top: 1em;
-
-    .motion-delegation-title {
-        font-weight: 500;
-    }
-}
-
-.submit-vote-indicator {
-    margin-top: 1em;
-    text-align: center;
-    .mat-mdc-progress-spinner {
-        display: block;
-        margin: auto;
-    }
-}
-
-.vote-button {
-    display: inline-grid;
-    grid-gap: 1em;
-    margin: auto;
-
-    .vote-label {
-        text-align: center;
-    }
-}
-
-.mat-divider-horizontal {
-    position: initial;
-}
-
-.user-has-voted {
-    display: flex;
-    text-align: center;
-    > * {
-        margin-top: 1em;
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    .vote-submitted {
-        color: $votes-yes-color;
-        font-size: 200%;
-        overflow: visible;
-    }
-}
diff --git a/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.ts b/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.ts
index 8182cae1db..24ef8d59dc 100644
--- a/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.ts
+++ b/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/components/motion-poll-vote/motion-poll-vote.component.ts
@@ -1,57 +1,41 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { Id } from 'src/app/domain/definitions/key-types';
 import { VoteValue } from 'src/app/domain/models/poll/vote-constants';
 import {
     BasePollVoteComponent,
     VoteOption
-} from 'src/app/site/pages/meetings/modules/poll/base/base-poll-vote.component';
+} from 'src/app/site/pages/meetings/modules/poll/components/base-poll-vote/base-poll-vote.component';
 import { MeetingSettingsService } from 'src/app/site/pages/meetings/services/meeting-settings.service';
 import { ViewUser } from 'src/app/site/pages/meetings/view-models/view-user';
 import { PromptService } from 'src/app/ui/modules/prompt-dialog';
 
+import { ViewOption } from '../../../../../polls';
+
 @Component({
     selector: `os-motion-poll-vote`,
-    templateUrl: `./motion-poll-vote.component.html`,
-    styleUrls: [`./motion-poll-vote.component.scss`]
+    templateUrl: `../../../../../../modules/poll/components/base-poll-vote/base-poll-vote.component.html`,
+    styleUrls: [`../../../../../../modules/poll/components/base-poll-vote/base-poll-vote.component.scss`]
 })
-export class MotionPollVoteComponent extends BasePollVoteComponent implements OnInit {
-    public voteOptions: VoteOption[] = [
-        {
-            vote: `Y`,
-            css: `voted-yes`,
-            icon: `thumb_up`,
-            label: `Yes`
-        },
-        {
-            vote: `N`,
-            css: `voted-no`,
-            icon: `thumb_down`,
-            label: `No`
-        },
-        {
-            vote: `A`,
-            css: `voted-abstain`,
-            icon: `trip_origin`,
-            label: `Abstain`
-        }
-    ];
+export class MotionPollVoteComponent extends BasePollVoteComponent {
+    public override readonly settings = {
+        hideLeftoverVotes: true,
+        hideGlobalOptions: true,
+        hideSendNow: true,
+        isSplitSingleOption: true
+    };
 
     public constructor(private promptService: PromptService, meetingSettingsService: MeetingSettingsService) {
         super(meetingSettingsService);
     }
 
-    public ngOnInit(): void {
-        this.cd.markForCheck();
-    }
-
-    public getActionButtonClass(voteOption: VoteOption, user: ViewUser = this.user): string {
+    public getActionButtonClass(voteOption: VoteOption, option: ViewOption, user: ViewUser = this.user): string {
         if (this.voteRequestData[user?.id]?.value === voteOption.vote) {
             return voteOption.css!;
         }
         return ``;
     }
 
-    public async saveVote(vote: VoteValue, optionId: Id, user: ViewUser = this.user): Promise<void> {
+    public async saveSingleVote(optionId: Id, vote: VoteValue, user: ViewUser = this.user): Promise<void> {
         if (!this.voteRequestData[user?.id]) {
             return;
         }
@@ -62,14 +46,11 @@ export class MotionPollVoteComponent extends BasePollVoteComponent implements On
         const confirmed = await this.promptService.open(title, content);
 
         if (confirmed) {
-            this.deliveringVote[user.id] = true;
-            this.cd.markForCheck();
-
-            const votePayload = {
-                value: { [optionId]: vote },
-                user_id: user.id
-            };
-            await this.sendVote(user.id, votePayload);
+            await super.submitVote(user, { [optionId]: vote });
         }
     }
+
+    public override shouldStrikeOptionText(_option: ViewOption, _user: ViewUser): boolean {
+        return false;
+    }
 }
diff --git a/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/motion-poll.module.ts b/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/motion-poll.module.ts
index 051c2d3510..19d6a41284 100644
--- a/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/motion-poll.module.ts
+++ b/client/src/app/site/pages/meetings/pages/motions/modules/motion-poll/motion-poll.module.ts
@@ -21,6 +21,7 @@ import { PollModule } from 'src/app/site/pages/meetings/modules/poll';
 import { PollService } from 'src/app/site/pages/meetings/modules/poll/services/poll.service';
 import { DirectivesModule } from 'src/app/ui/directives';
 import { CommaSeparatedListingModule } from 'src/app/ui/modules/comma-separated-listing';
+import { CustomIconModule } from 'src/app/ui/modules/custom-icon';
 import { IconContainerModule } from 'src/app/ui/modules/icon-container';
 import { SearchSelectorModule } from 'src/app/ui/modules/search-selector';
 import { PipesModule } from 'src/app/ui/pipes';
@@ -45,6 +46,7 @@ const MODULES = [MotionPollServiceModule];
 @NgModule({
     imports: [
         ...MODULES,
+        CustomIconModule,
         CommonModule,
         CommaSeparatedListingModule,
         RouterModule,
diff --git a/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.html b/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.html
new file mode 100644
index 0000000000..0eba54fb4e
--- /dev/null
+++ b/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.html
@@ -0,0 +1,3 @@
+<svg [ngStyle]="style" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+    <use [attr.xlink:href]="customIcon"></use>
+</svg>
diff --git a/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.scss b/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.spec.ts b/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.spec.ts
new file mode 100644
index 0000000000..61d4ebbd90
--- /dev/null
+++ b/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CustomIconComponent } from './custom-icon.component';
+
+xdescribe(`CustomIconComponent`, () => {
+    let component: CustomIconComponent;
+    let fixture: ComponentFixture<CustomIconComponent>;
+
+    beforeEach(() => {
+        TestBed.configureTestingModule({
+            declarations: [CustomIconComponent]
+        });
+        fixture = TestBed.createComponent(CustomIconComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it(`should create`, () => {
+        expect(component).toBeTruthy();
+    });
+});
diff --git a/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.ts b/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.ts
new file mode 100644
index 0000000000..9dc7addbe3
--- /dev/null
+++ b/client/src/app/ui/modules/custom-icon/components/custom-icon/custom-icon.component.ts
@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+
+import { CustomIcon } from '../../definitions';
+
+@Component({
+    selector: `os-custom-icon`,
+    templateUrl: `./custom-icon.component.html`,
+    styleUrls: [`./custom-icon.component.scss`],
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class CustomIconComponent {
+    @Input()
+    public customIcon!: CustomIcon;
+
+    @Input()
+    public sizeInPx = 24;
+
+    public get style(): { [ley: string]: any } {
+        return {
+            height: `${this.sizeInPx}px`,
+            width: `${this.sizeInPx}px`
+        };
+    }
+}
diff --git a/client/src/app/ui/modules/custom-icon/custom-icon.module.ts b/client/src/app/ui/modules/custom-icon/custom-icon.module.ts
new file mode 100644
index 0000000000..45f0243ea1
--- /dev/null
+++ b/client/src/app/ui/modules/custom-icon/custom-icon.module.ts
@@ -0,0 +1,11 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { CustomIconComponent } from './components/custom-icon/custom-icon.component';
+
+@NgModule({
+    declarations: [CustomIconComponent],
+    imports: [CommonModule],
+    exports: [CustomIconComponent]
+})
+export class CustomIconModule {}
diff --git a/client/src/app/ui/modules/custom-icon/definitions/index.ts b/client/src/app/ui/modules/custom-icon/definitions/index.ts
new file mode 100644
index 0000000000..5fa9108d39
--- /dev/null
+++ b/client/src/app/ui/modules/custom-icon/definitions/index.ts
@@ -0,0 +1,7 @@
+/**
+ * Enum containing svg sources for all custom icons drawn from svg files
+ * viewBox will be interpreted as "0 0 24 24"
+ */
+export enum CustomIcon {
+    DRAWN_CROSS = `assets/img/drawn_cross.svg#group-R5`
+}
diff --git a/client/src/app/ui/modules/custom-icon/index.ts b/client/src/app/ui/modules/custom-icon/index.ts
new file mode 100644
index 0000000000..dd4a4e772d
--- /dev/null
+++ b/client/src/app/ui/modules/custom-icon/index.ts
@@ -0,0 +1 @@
+export * from './custom-icon.module';
diff --git a/client/src/assets/img/drawn_cross.svg b/client/src/assets/img/drawn_cross.svg
new file mode 100644
index 0000000000..0b4e2d3a32
--- /dev/null
+++ b/client/src/assets/img/drawn_cross.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   sodipodi:docname="drawn_cross.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="6.7098505"
+     inkscape:cx="46.200731"
+     inkscape:cy="32.415029"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g29">
+    <inkscape:page
+       x="0"
+       y="0"
+       inkscape:label="1"
+       id="page1"
+       width="24"
+       height="24"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <g
+     id="g1"
+     inkscape:groupmode="layer"
+     inkscape:label="1">
+    <g
+       id="group-R5">
+      <g
+         id="g29"
+         transform="matrix(1.2593181,0,0,1.2593124,-570.27588,-637.02705)">
+        <path
+           id="path10"
+           fill="currentColor"
+           style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.00207484"
+           d="m 469.04693,505.85439 c -0.0568,0.008 -0.1672,0.0706 -0.35088,0.23803 -1.33857,1.21746 -0.73639,0.84503 -1.72291,1.49482 -1.2668,1.42101 -1.78406,1.73465 -1.97495,1.96171 -0.065,0.0775 -0.15161,0.11861 -0.24439,0.15063 -0.20577,0.0709 -0.17199,0.21389 -0.32976,0.39595 0.006,-0.0536 -0.0105,0.0734 -0.0429,0.11013 -0.27477,0.31405 -0.67992,0.38846 -1.03877,0.95127 -0.18918,0.29641 -0.36054,0.34588 -0.81177,0.77834 -0.12251,0.11738 -0.26499,0.18672 -0.38964,0.27188 -0.0512,0.0768 -0.0607,0.0892 -0.0933,0.13801 -0.0925,-0.08 -0.18831,-0.15698 -0.29632,-0.22166 -0.13272,-0.0795 -0.2425,-0.20859 -0.36204,-0.31694 -0.0105,0.0105 -0.0461,0.0367 -0.14055,0.11189 -0.16287,-0.0827 -0.26927,-0.20456 -0.37968,-0.33874 0.15479,-0.0868 0.15819,-0.0357 -0.28495,-0.51194 0.42084,0.20146 0.3888,0.49323 0.70135,0.49103 -1.9e-4,-0.0797 -0.0386,-0.0898 -0.30491,-0.28802 -0.0367,-0.0627 -0.0691,-0.13475 -0.11741,-0.19713 -0.17773,-0.22906 -0.4351,-0.40064 -0.57481,-0.65806 l -0.57098,-0.60797 c -0.27943,-0.29594 -0.31426,-0.19764 -0.50579,-0.37379 -0.97335,-0.89509 -1.61145,-1.87468 -2.0822,-2.11739 -0.0824,-0.0425 -0.15416,-0.1162 -0.24908,-0.19017 0.0176,0.054 0.0189,0.10302 0.045,0.12937 0.11596,0.11644 0.2085,0.24206 0.29599,0.39807 -0.73725,-0.41516 -0.45377,-0.40232 -0.96975,-0.78262 -0.24717,-0.0513 -0.24717,-0.0513 -0.50643,-0.22067 0.0385,0.0716 0.074,0.13746 0.11001,0.20495 -0.0713,0.002 -0.10768,-0.0642 -0.16095,-0.0885 -0.18856,-0.086 -0.3495,-0.0666 -0.39325,0.10161 0.066,0.0449 0.13144,0.0846 0.19111,0.13211 0.0231,0.0186 0.0574,0.10675 0.0352,0.11609 -0.0844,0.0353 -0.0502,0.0272 -0.25185,-0.14728 -0.18984,-0.16429 -0.15075,-0.13225 -0.38666,-0.19183 -0.0406,-0.0264 -0.0795,-0.0571 -0.11829,-0.0888 -0.16986,0.0586 -0.3408,0.11434 -0.513,0.16521 0.0526,0.0799 0.0217,0.11945 -0.0238,0.25983 -0.0442,0.0643 0.0378,0.0195 -0.39155,0.20234 -0.22402,-0.12793 -0.28688,-0.17027 -0.29707,-0.14716 -0.0334,0.075 -0.0524,0.025 0.20279,0.37826 4.2e-4,0.0226 0.004,0.0744 -0.006,0.0862 -10e-4,0.002 -0.0298,0.0421 -0.0726,0.10243 -0.0435,0.0601 -0.10336,0.14028 -0.1703,0.22291 -0.13376,0.16528 -0.29579,0.34032 -0.4113,0.38381 0.0979,0.14484 0.24907,0.26545 0.29324,0.45489 -0.0372,0.0658 -0.0807,0.14289 -0.12442,0.22035 0.008,0.10757 0.0937,0.23371 -0.001,0.31562 0.0654,0.0538 0.0654,0.0539 0.16988,0.075 0.34292,0.40656 0.20149,0.25025 0.54591,0.6046 0.0745,0.11744 0.037,0.18236 0.0573,0.25421 0.1,0.17298 0.16838,0.17706 0.27689,0.3312 0.0629,0.0895 0.14822,0.16731 0.21129,0.26244 0.0505,0.0763 0.12739,0.15491 0.20639,0.20122 0.38135,0.22379 0.44462,0.4821 0.74613,0.69676 0.25608,0.18244 0.16882,0.27334 0.37564,0.37244 0.46035,0.22064 0.40387,0.56358 0.89438,0.85797 0.20809,0.33098 0.26561,0.4931 0.54569,0.49569 0.48223,0.434 0.57162,0.56503 0.87653,0.83839 0.14736,0.13198 0.24931,0.29783 0.40813,0.42048 0.16881,0.13017 0.31723,0.28404 0.45695,0.44461 0.0251,0.0288 0.0527,0.0553 0.0804,0.0817 -0.1043,0.1057 -0.22585,0.19415 -0.32291,0.3058 -0.13968,0.16037 -0.28829,0.31444 -0.45703,0.4446 -0.15885,0.12245 -0.26064,0.2883 -0.40805,0.42029 -0.30494,0.2735 -0.39444,0.40446 -0.87667,0.83853 -0.2801,0.002 -0.33757,0.16462 -0.54558,0.49571 -0.49043,0.29438 -0.43403,0.63721 -0.89451,0.85779 -0.20675,0.0992 -0.11941,0.19018 -0.37559,0.37244 -0.30143,0.2147 -0.3648,0.47321 -0.74611,0.69683 -0.0789,0.0464 -0.15577,0.12508 -0.20633,0.20131 -0.0631,0.0951 -0.14841,0.17295 -0.21135,0.26235 -0.10839,0.15409 -0.17678,0.15833 -0.27698,0.33127 -0.0202,0.0718 0.0174,0.13667 -0.0573,0.25425 -0.34435,0.35419 -0.2029,0.19788 -0.54582,0.60457 -0.10453,0.0211 -0.10453,0.0211 -0.1699,0.075 0.095,0.0819 0.009,0.208 10e-4,0.31566 0.0437,0.0775 0.0873,0.1545 0.1243,0.22039 -0.044,0.18936 -0.19523,0.30998 -0.29311,0.45474 0.11562,0.0436 0.27747,0.21856 0.41128,0.38379 0.0668,0.0827 0.12679,0.16281 0.17039,0.22302 0.0428,0.0604 0.0709,0.10021 0.0726,0.10243 0.009,0.012 0.006,0.0637 0.006,0.0863 -0.25532,0.35317 -0.23631,0.30311 -0.20299,0.37813 0.0105,0.0231 0.0732,-0.0192 0.2972,-0.1472 0.42935,0.18287 0.34725,0.13806 0.39147,0.20233 0.0649,0.20051 0.10418,0.19281 -0.0933,0.39454 -7e-5,2e-4 -1.3e-4,2e-4 -1.8e-4,2e-4 l 0.33921,0.25039 c 0.15035,-0.0866 0.27191,-0.21897 0.40928,-0.30879 0.23598,-0.0596 0.197,-0.0275 0.38682,-0.19179 0.20159,-0.17455 0.16751,-0.18267 0.25171,-0.1472 0.0223,0.009 -0.0119,0.0975 -0.0351,0.11597 -0.0596,0.0475 -0.12499,0.0872 -0.19124,0.1322 0.0438,0.16827 0.20479,0.18753 0.39331,0.10162 0.0534,-0.0243 0.0897,-0.0906 0.16105,-0.0885 -0.0363,0.0676 -0.0716,0.13341 -0.11013,0.20497 0.25924,-0.16929 0.25927,-0.16931 0.50652,-0.22059 0.51587,-0.38034 0.23247,-0.36758 0.96975,-0.78258 -0.0875,0.1559 -0.1801,0.28162 -0.29602,0.39799 -0.0262,0.0264 -0.0273,0.0754 -0.045,0.12935 0.0951,-0.074 0.16665,-0.14761 0.24901,-0.19018 0.47092,-0.24267 1.10885,-1.22232 2.08227,-2.11742 0.19161,-0.17598 0.22646,-0.0778 0.50571,-0.37365 l 0.57101,-0.60803 c 0.13979,-0.25748 0.39708,-0.42899 0.57494,-0.65809 0.0484,-0.0624 0.0806,-0.13442 0.11728,-0.19705 0.26638,-0.19829 0.30481,-0.20844 0.30503,-0.28812 -0.31254,-0.002 -0.2806,0.28953 -0.70139,0.49105 0.44303,-0.47623 0.43971,-0.42516 0.28485,-0.51193 0.11048,-0.13422 0.21684,-0.25606 0.37981,-0.33879 0.0945,0.0752 0.12994,0.10197 0.14055,0.11188 0.11933,-0.10826 0.22933,-0.23741 0.36204,-0.31689 0.22186,-0.13298 0.39458,-0.31582 0.58802,-0.4754 0.0426,0.0232 0.0675,0.0634 0.28686,0.39163 0.12443,0.0854 0.26712,0.1547 0.38944,0.27209 0.45142,0.43224 0.62278,0.48192 0.81177,0.77833 0.35885,0.5626 0.76397,0.63701 1.03874,0.95106 0.0321,0.0366 0.0487,0.1636 0.0429,0.11014 0.15777,0.18225 0.12403,0.32498 0.32999,0.39595 0.0926,0.0321 0.17921,0.0734 0.24419,0.15062 0.19089,0.22728 0.70814,0.54093 1.97495,1.96194 0.98673,0.64979 0.38434,0.27713 1.72312,1.49459 0.36714,0.33493 0.44126,0.2498 0.38053,0.15085 -0.0206,-0.032 -0.21383,-0.2212 -0.33848,-0.36251 -0.0915,-0.1036 -0.3287,-0.24025 -0.26097,-0.36087 0.0425,-0.0758 0.0453,-0.14881 -0.0537,-0.22787 -0.1497,-0.12003 -0.0346,-0.15287 -0.006,-0.19748 0.0272,-0.0418 0.0458,-0.0901 0.0699,-0.13868 0.13631,0.0596 0.26733,0.059 0.39834,0.075 0.31363,0.19604 0.51513,0.50785 0.82089,0.72174 -0.006,-0.0717 -0.0748,-0.10744 -0.11503,-0.15467 -0.17496,-0.2068 -0.31129,-0.24472 -0.2788,-0.34872 0.0911,0.0117 0.0588,0.0313 0.81516,0.72053 0.0915,0.0835 0.1223,0.0892 0.30088,0.0975 0.15266,-0.14839 0.26479,-0.18734 -0.0673,-0.52064 -0.3648,-0.36615 -0.0632,-0.55451 -0.4011,-0.51659 -0.0989,-0.08 -0.22298,-0.1344 -0.28583,-0.25524 0.0329,-0.0212 -0.009,-0.0406 0.21596,0.10686 0.0319,-0.0189 0.0386,-0.044 0.0192,-0.0762 -0.10768,-0.17942 -0.10593,-0.0855 -0.0751,-0.311 0.12402,0.0217 0.12571,0.0225 0.25503,0.0945 0.11573,-0.0206 0.0231,-0.14961 0.0726,-0.20495 l 0.0875,-0.0684 c 0,-0.0608 -0.0875,-0.1482 0.0148,-0.1774 0.15947,0.061 0.23804,0.16018 0.20703,0.30412 0.12868,0.19241 0.28221,0.35316 0.46483,0.49407 0.0407,-0.0281 0.0712,-0.0492 0.10663,-0.0737 0.1463,-0.0253 0.30724,0.22868 0.40258,0.11698 0.21934,-0.25729 0.27349,-0.34609 0.14906,-0.49591 -0.124,-0.14962 -0.42681,-0.35823 -0.9241,-0.873 -0.006,-0.12387 -0.0523,-0.24168 -0.0134,-0.34325 0.0665,-0.17355 -0.23059,-0.19991 -0.23335,-0.60235 -10e-4,-0.14922 0.0163,-0.0971 -0.16649,-0.33553 0.0629,0.019 0.1614,0.0649 0.18815,0.0105 0.0306,-0.0627 -0.0531,-0.15226 -0.10488,-0.18389 -0.14014,-0.0857 -0.62979,-0.54456 -1.08399,-0.98572 -0.45078,-0.44381 -0.87377,-0.86004 -0.87505,-0.86105 -0.49219,-0.49145 0.55101,0.30411 1.10649,0.72702 -0.0503,-0.12448 -0.30024,-0.33309 -0.35629,-0.36919 -0.18177,-0.11717 -0.23399,-0.23253 -0.67396,-0.64085 -0.33613,-0.31222 -0.49348,-0.22709 -1.31353,-1.01615 -0.32382,-0.31222 -0.43338,-0.17495 -0.57035,-0.30877 -0.46077,-0.45028 -0.24141,-0.31505 -0.43145,-0.66154 -0.10616,-0.19301 -0.74271,-0.79065 -1.34471,-1.35204 0.51621,-0.48381 1.0112,-0.95766 1.10218,-1.123 0.19004,-0.34648 -0.0293,-0.21125 0.43146,-0.66153 0.13695,-0.13382 0.24651,0.004 0.57033,-0.30878 0.81984,-0.78907 0.97741,-0.70372 1.31354,-1.01594 0.43997,-0.40853 0.49218,-0.52388 0.67395,-0.64107 0.056,-0.0359 0.30577,-0.2447 0.35631,-0.36897 -0.55569,0.42271 -1.59869,1.21826 -1.10649,0.72702 10e-4,-10e-4 0.42404,-0.41745 0.87505,-0.86105 0.45419,-0.44137 0.94383,-0.90016 1.08398,-0.98592 0.0518,-0.0316 0.13547,-0.12104 0.10488,-0.18369 -0.0267,-0.0544 -0.12528,-0.008 -0.18814,0.0105 0.18261,-0.23842 0.16543,-0.18633 0.16649,-0.33575 0.002,-0.40244 0.29982,-0.42858 0.23337,-0.60233 -0.0389,-0.10139 0.007,-0.21938 0.0133,-0.34306 0.49728,-0.51496 0.80009,-0.72357 0.92409,-0.87299 0.12444,-0.14982 0.0702,-0.23884 -0.14906,-0.49591 -0.0953,-0.11188 -0.25628,0.14215 -0.40258,0.117 -0.0355,-0.0247 -0.0658,-0.0456 -0.10663,-0.074 -0.18261,0.14112 -0.33615,0.30167 -0.46482,0.49407 0.0308,0.14395 -0.0476,0.24309 -0.20703,0.30433 -0.10232,-0.0294 -0.0148,-0.11679 -0.0148,-0.17741 l -0.0875,-0.0685 c -0.0495,-0.0552 0.043,-0.18408 -0.0728,-0.20497 -0.1291,0.0722 -0.13101,0.0728 -0.25481,0.0945 -0.0308,-0.22524 -0.0324,-0.13158 0.075,-0.31081 0.0196,-0.0324 0.0127,-0.0576 -0.0191,-0.0762 -0.2255,0.14719 -0.18303,0.12812 -0.21594,0.10663 0.0629,-0.12083 0.18685,-0.17515 0.2858,-0.25524 0.33783,0.0379 0.0363,-0.15042 0.4011,-0.51658 0.33189,-0.3331 0.21997,-0.37224 0.0673,-0.52064 -0.17857,0.008 -0.20936,0.0142 -0.30088,0.0978 -0.75635,0.68911 -0.72428,0.70898 -0.81516,0.72033 -0.0326,-0.10406 0.1036,-0.14193 0.2788,-0.34872 0.0404,-0.047 0.10955,-0.0827 0.11515,-0.15467 -0.30577,0.21388 -0.50728,0.5259 -0.8209,0.72174 -0.13101,0.016 -0.26203,0.0154 -0.39835,0.075 -0.024,-0.0487 -0.0427,-0.0967 -0.0699,-0.13869 -0.029,-0.0443 -0.14418,-0.0775 0.006,-0.19727 0.0989,-0.0792 0.0962,-0.15224 0.0536,-0.22807 -0.0676,-0.12063 0.16964,-0.25707 0.26116,-0.36088 0.12464,-0.1413 0.31789,-0.33025 0.33848,-0.36249 0.0303,-0.0494 0.0269,-0.0954 -0.0299,-0.0873 z m -12.79621,1.18563 c 0.0132,-0.002 0.0253,-0.003 0.0319,0.002 0.241,0.19703 0.46842,0.40842 0.68394,0.63259 0.60602,0.63013 0.73086,0.70449 0.81452,0.90207 0.0608,0.14381 0.50621,0.64248 0.89352,0.88306 0.0145,0.009 0.32276,0.2237 0.39347,0.36063 0.0316,0.0609 0.0378,0.12893 0.0558,0.19599 0.2718,-0.0477 0.16012,0.09 0.76338,0.58863 0.1085,0.0896 0.11868,0.13552 0.16752,0.27481 0.0135,0.0386 -0.0779,0.046 -0.0916,0.0328 -0.33401,-0.32164 -0.51683,-0.53315 -0.67714,-0.63168 -0.17964,-0.11037 -0.10302,0.0725 -0.57502,-0.41944 -0.1289,-0.13429 -0.31615,-0.16369 -0.43995,-0.30642 -0.0788,-0.20716 -0.24102,-0.37061 -0.40282,-0.53152 -0.77886,-0.77496 -0.76208,-0.73343 -1.12349,-0.90274 -0.16137,-0.18017 -0.303,-0.35578 -0.42913,-0.55553 0.0217,-0.21965 0.055,-0.29176 -0.0539,-0.39935 -0.0272,-0.0268 -0.0769,-0.10324 -0.0489,-0.11409 0.0105,-0.003 0.0246,-0.009 0.0378,-0.012 z m 11.89431,0.39707 c 0.0765,-0.0163 0.0888,0.0243 0.0635,0.13513 -0.003,0.0138 -0.014,0.0278 -0.0293,0.057 -0.044,0.0243 -0.0986,0.0588 -0.15543,0.0831 -0.0132,0.006 -0.0523,-0.0239 -0.0489,-0.0369 0.0191,-0.07 0.0478,-0.13988 0.0712,-0.20353 0.0407,-0.0176 0.0734,-0.0294 0.0989,-0.0348 z m -13.36453,0.62289 c 0.0379,-6.8e-4 0.12104,0.0239 0.1822,0.0975 -0.0155,0.0407 -0.0331,0.0869 -0.0503,0.132 -0.14099,-0.0512 -0.15415,-0.0513 -0.15223,-0.22133 1.1e-4,-0.005 0.008,-0.008 0.0204,-0.008 z m 12.43479,0.37515 c 0.007,-8.5e-4 0.0131,9.7e-4 0.0164,0.006 0.0199,0.031 -0.0346,0.0525 -0.0751,0.0754 -0.002,-0.008 -0.009,-0.0156 -0.007,-0.0227 0.0105,-0.0298 0.0437,-0.0565 0.0652,-0.0589 z m -11.86062,0.28388 c 0.12082,0.0441 0.19706,0.12945 0.24823,0.23808 -0.19938,-0.0357 -0.32552,-0.22707 -0.24823,-0.23808 z m 0.27879,0.2588 c 0.26607,0.0507 0.31449,0.0812 0.38859,0.23562 -0.065,0.0808 -0.16731,0.0931 -0.24524,-0.023 -0.0478,-0.071 -0.0705,-0.15468 -0.14335,-0.21267 z m 0.58799,0.0302 c -0.003,0.0546 -0.0233,0.0887 -0.0922,0.0795 0.004,-0.055 0.0301,-0.0824 0.0922,-0.0795 z m 0.11954,0.41627 c 0.16266,-0.0105 0.22254,0.19661 0.16287,0.33472 -0.0155,0.0358 -0.16055,-0.0295 -0.21681,-0.1982 0.0176,-0.0442 0.0363,-0.0921 0.0539,-0.13652 z m -2.49923,0.0796 c 0.0352,-0.007 0.0582,0.0156 0.0805,0.0399 -0.0807,-0.0105 -0.0596,-0.004 -0.0805,-0.0399 z m 0.0974,0.0528 c 0.13378,0.0236 0.0463,-0.0462 0.34462,0.25239 -0.0197,0.0214 -0.0433,0.0531 -0.0474,0.0504 -0.2805,-0.18975 -0.22953,-0.17041 -0.29726,-0.30275 z m 15.96694,0.554 c 0.0295,0.009 0.0482,0.039 0.0254,0.064 -0.11807,0.13077 -0.23932,0.25382 -0.38095,0.36776 -0.21424,0.17152 -0.40344,0.37529 -0.6058,0.56282 -0.3527,0.32682 -0.30089,0.25483 -0.43954,0.27672 0.15352,-0.252 0.38477,-0.41175 0.57757,-0.6305 0.25248,-0.50808 0.29069,-0.45253 0.82323,-0.64089 z m -13.06196,0.008 c 0.0148,0.0202 0.0298,0.0405 0.0642,0.0872 -0.0363,-0.0456 -0.0849,-0.0487 -0.0642,-0.0872 z m -2.22508,0.0758 c 0.19578,0.0502 0.3185,0.19775 0.47266,0.26528 0.0718,0.0314 0.13356,0.20321 0.15649,0.27433 0.005,0.0159 -0.0229,0.034 -0.0412,0.0583 -0.18664,-0.19488 -0.40154,-0.36176 -0.58797,-0.59799 z m 2.88451,0.46031 c 0.0282,-0.005 0.0728,0.008 0.11095,0.0378 0,0 0.0231,0.0289 0.0388,0.0605 0.0158,0.0316 0.0253,0.0671 0,0.0834 -0.0499,0.0324 -0.11871,-0.0581 -0.16203,-0.11736 -0.0278,-0.0379 -0.016,-0.0596 0.0123,-0.0644 z m 10.88354,0.44228 c 0.0236,0.002 0.0466,0.0105 0.0692,0.0261 -0.10826,0.19848 -0.12996,0.21938 -0.51366,0.50585 0.15989,-0.28931 0.1085,-0.17699 0.21744,-0.44664 0.0817,-0.0533 0.15659,-0.0938 0.22708,-0.0853 z m -4.45514,0.28153 c -0.70113,0.82618 -0.95532,0.86957 -0.62195,0.56343 0.20066,-0.18409 0.37585,-0.39576 0.62195,-0.56343 z m -3.48044,0.0468 c 0.005,-0.002 0.0105,-0.002 0.0174,0 0.20491,0.0648 0.25524,0.31903 0.15332,0.24828 -0.17335,-0.12029 -0.20315,-0.23356 -0.17076,-0.24828 z m 3.71953,0.0264 c 0.22359,0.0379 -0.23548,0.41887 -0.53848,0.72075 -0.90329,0.89977 -0.2132,0.15144 -0.88163,0.74284 -0.26628,0.23538 0.59835,-0.76738 1.42011,-1.46359 z m -2.74443,0.54754 c 0.0537,-0.005 0.26218,0.29803 0.41765,0.42925 0.0138,0.0117 0.005,0.0506 0.006,0.077 -0.0467,0.006 -0.0935,0.0117 -0.14694,0.018 0.0278,0.0441 0.0495,0.0787 0.0733,0.11655 -0.0239,0.0138 -0.0533,0.032 -0.0947,0.0623 -0.19251,-0.18442 -0.36101,-0.3844 -0.48909,-0.61093 0.10337,-0.009 0.10278,0.10861 0.27646,0.15088 -0.0591,-0.17475 -0.0668,-0.24073 -0.0425,-0.24304 z m 6.30301,0.46251 c -0.12741,0.19524 -0.2737,0.35318 -0.50622,0.47361 0.15246,-0.21693 0.008,-0.0923 0.50622,-0.47361 z m -1.17785,0.31222 c 0.0785,0.0236 0.0616,0.0117 0.0529,0.0547 -0.0792,-0.0233 -0.0631,-0.0105 -0.0529,-0.0547 z m -0.15883,0.33169 c 0.0227,-0.0118 0.0554,0.0217 0.042,0.036 -0.21828,0.23336 -0.18855,0.20314 -0.23612,0.19038 0.0879,-0.18531 0.052,-0.15287 0.19407,-0.22646 z m -0.62646,0.15876 c 0.0358,-0.0121 0.0595,0.0348 0.023,0.0827 -0.0979,0.12874 -0.12718,0.0959 -0.16519,0.0781 -0.045,-0.0211 0.0712,-0.0771 0.10406,-0.12673 0.0128,-0.0194 0.0263,-0.03 0.0381,-0.0341 z m -1.6426,0.20212 c -0.096,0.11759 -0.0249,0.0854 -0.25479,0.14881 0.0635,-0.11048 0.1414,-0.15105 0.25479,-0.14881 z m 1.82867,0.0126 c -0.0117,0.0396 0.0586,-0.0391 -0.47117,0.52124 -0.0331,0.0351 -0.0577,0.0377 -0.0808,0.0462 0.14885,-0.20842 0.24863,-0.3108 0.55207,-0.56747 z m -1.82821,0.17942 c -0.0357,0.0827 -0.0168,0.0582 -0.0875,0.087 0.0327,-0.0651 0.0442,-0.0665 0.0875,-0.087 z m -0.4179,0.1099 c -0.029,0.0637 -0.038,0.0765 -0.0612,0.0892 -0.009,-0.009 -0.0191,-0.0197 -0.0289,-0.0293 0.0117,-0.0196 0.0257,-0.0288 0.0902,-0.0598 z m 0.0974,0.20295 c -0.008,0.0152 -0.0117,0.0218 -0.0177,0.0335 -0.002,-0.003 -0.005,-0.007 -0.008,-0.0105 0.006,-0.005 0.0209,-0.0195 0.0258,-0.0236 z m -2.67671,0.172 c 0.008,0.007 0.0147,0.0154 0.0225,0.0225 -0.0186,0.0148 -0.0376,0.0309 -0.0553,0.0461 -0.008,-0.001 -0.0155,-0.001 -0.0221,-0.002 0.0175,-0.0217 0.0371,-0.0442 0.0548,-0.0664 z m 2.22922,0.27258 c 0.007,0.007 0.0145,0.0153 0.0208,0.0221 -0.0198,0.002 -0.028,-0.005 -0.0208,-0.0221 z m -0.91166,0.79512 c 0.0279,0.0215 0.0645,0.0499 0.0994,0.0771 -0.0488,0.0384 -0.0451,0.0346 -0.0868,0.0674 -0.0306,-0.0287 -0.056,-0.0504 -0.0903,-0.0844 0.0293,-0.0243 0.0534,-0.0421 0.0778,-0.0602 z m 1.34216,1.25822 c 0.16145,0.16085 0.19059,0.20104 0.2595,0.32379 -0.0579,-0.0476 -0.19458,-0.16942 -0.30267,-0.27572 0.0105,-0.013 0.0286,-0.032 0.0432,-0.0481 z m 1.85609,0.24878 c 0.0233,0.008 0.0477,0.0105 0.0811,0.0462 0.52957,0.56037 0.4595,0.4815 0.47096,0.52123 -0.30343,-0.25687 -0.40301,-0.35925 -0.55207,-0.56746 z m -1.81254,0.16017 c 0.10488,0.0503 0.074,0.0198 0.1185,0.11778 -0.10337,-0.0495 -0.0725,-0.019 -0.1185,-0.11778 z m 0.44888,0.14068 c 0.0707,0.0288 0.052,0.005 0.0875,0.087 -0.0433,-0.0204 -0.0548,-0.0219 -0.0875,-0.087 z m -0.16773,0.13036 c 0.23017,0.0632 0.15881,0.031 0.255,0.14862 -0.11363,0.002 -0.19151,-0.0383 -0.255,-0.14862 z m 1.81546,0.17418 c 0.0244,0.006 0.0562,0.0296 0.10511,0.0938 0.0484,0.0641 -0.009,0.12611 -0.0611,0.0487 -0.0331,-0.0495 -0.14929,-0.1057 -0.10407,-0.12672 0.0189,-0.009 0.0357,-0.0215 0.0601,-0.0158 z m 0.54065,0.10045 c 0.0219,-0.002 0.0461,0.024 0.20978,0.19901 0.0134,0.0142 -0.0194,0.0476 -0.042,0.0359 -0.14206,-0.0734 -0.10617,-0.041 -0.19408,-0.22644 0.0119,-0.003 0.019,-0.007 0.0264,-0.008 z m -3.79344,0.1242 c 0.0223,0.0142 0.0495,0.0261 0.065,0.0454 0.0287,0.0355 0.0161,0.0525 -0.0231,0.0312 -0.0212,-0.0117 -0.037,-0.039 -0.0533,-0.0602 -0.002,-0.002 0.0105,-0.017 0.0117,-0.0165 z m 0.27008,0.26789 c 2.2e-4,-0.006 0.0159,0.003 0.0491,0.0331 0.66865,0.5914 -0.0215,-0.1569 0.88162,0.74307 0.303,0.30168 0.7623,0.68262 0.53871,0.72073 -0.71922,-0.60919 -1.47094,-1.45306 -1.4694,-1.49696 z m 4.52154,0.0133 c 0.23251,0.12043 0.37881,0.27818 0.50621,0.47361 -0.49793,-0.38155 -0.35376,-0.25688 -0.50621,-0.47361 z m -0.61874,0.10663 c 0.008,0.0434 0.0257,0.0313 -0.0529,0.0545 -0.0105,-0.0443 -0.0264,-0.0314 0.0529,-0.0545 z m -5.32321,0.0591 c 0.0125,0.002 0.0309,0.0141 0.068,0.0372 -0.0407,0.0646 -0.0815,0.12957 -0.13121,0.20883 0.0535,0.007 0.10022,0.0121 0.14693,0.0179 -10e-4,0.0264 0.008,0.0654 -0.006,0.077 -0.22615,0.19098 -0.56461,0.74548 -0.3752,0.18631 -0.17369,0.0422 -0.17305,0.16057 -0.27646,0.15084 0.13993,-0.24755 0.32657,-0.46427 0.54189,-0.66255 0.0131,-0.012 0.0195,-0.0182 0.032,-0.0155 z m 1.89398,0.65337 c 0.0547,0.0105 0.3183,0.22117 0.75652,0.73753 -0.2459,-0.16768 -0.42128,-0.37934 -0.62193,-0.56343 -0.12502,-0.1148 -0.16741,-0.18044 -0.13459,-0.1741 z m -3.00716,0.43028 c 0.0559,0.002 -0.005,0.20386 -0.18439,0.26045 -0.0554,0.0176 -0.0448,-0.11071 0.15331,-0.24815 0.0127,-0.009 0.0231,-0.0126 0.031,-0.0124 z m 7.77432,0.0568 c 0.38391,0.28647 0.40535,0.30737 0.51385,0.50605 -0.0906,0.06 -0.18748,0.0118 -0.29641,-0.0594 -0.10873,-0.26965 -0.0573,-0.15734 -0.21744,-0.44664 z m 0.5627,0.24675 c 0.13865,0.0219 0.0868,-0.05 0.43954,0.27673 0.20235,0.18754 0.39155,0.39129 0.60581,0.56301 0.14162,0.11375 0.26309,0.23701 0.38093,0.36757 0.023,0.0253 0.003,0.0546 -0.0254,0.0641 -0.53255,-0.18815 -0.57056,-0.13281 -0.82325,-0.64068 -0.1928,-0.21876 -0.42403,-0.37851 -0.57755,-0.63072 z m -8.97124,0.46641 c 0.0229,0.005 0.0423,0.0166 0.0356,0.0358 -0.0489,0.13929 -0.0591,0.18532 -0.16752,0.27493 -0.60332,0.49855 -0.49165,0.63619 -0.76355,0.58856 -0.018,0.0671 -0.0241,0.13502 -0.0556,0.19605 -0.0708,0.13685 -0.37915,0.35175 -0.3935,0.36047 -0.38746,0.24065 -0.83281,0.7394 -0.89363,0.88315 -0.0835,0.19766 -0.2084,0.27187 -0.81443,0.90199 -0.2155,0.22423 -0.44297,0.4357 -0.68411,0.63276 -0.0131,0.0105 -0.0485,-0.002 -0.0695,-0.0105 -0.028,-0.0105 0.0217,-0.0872 0.0489,-0.1141 0.10897,-0.10745 0.0755,-0.17962 0.0539,-0.39918 0.12627,-0.19991 0.26795,-0.37549 0.42918,-0.55572 0.36133,-0.16928 0.34473,-0.12773 1.12354,-0.90261 0.16185,-0.16097 0.32404,-0.32438 0.40267,-0.53158 0.12388,-0.14273 0.31128,-0.17213 0.44015,-0.30634 0.47192,-0.49185 0.39535,-0.30919 0.57482,-0.41948 0.1604,-0.0986 0.34331,-0.30997 0.67718,-0.63172 0.007,-0.007 0.0331,-0.008 0.056,-0.003 z m -2.40603,0.0757 c 0.0141,-0.005 0.0279,-0.005 0.0403,0.004 0.0251,0.0162 0.0158,0.0517 0,0.0833 -0.0159,0.0316 -0.0389,0.0607 -0.0389,0.0607 -0.0763,0.0604 -0.17863,0.0492 -0.12325,-0.0266 v 0 c 0.0324,-0.0446 0.0793,-0.10651 0.12181,-0.12107 z m -2.40617,0.0477 c 0.0183,0.0245 0.0463,0.0426 0.0412,0.0584 -0.0229,0.0712 -0.0847,0.24287 -0.15639,0.2743 -0.1542,0.0676 -0.27699,0.21511 -0.47264,0.26538 0.18633,-0.23619 0.40124,-0.40305 0.58782,-0.59809 z m 1.70126,0.58673 c -0.0344,0.0467 -0.0492,0.067 -0.0642,0.0872 -0.0206,-0.0385 0.0279,-0.0415 0.0642,-0.0872 z m -2.67182,0.34627 c 0.004,-0.002 0.0276,0.029 0.0475,0.0503 -0.29835,0.29845 -0.21088,0.2289 -0.34476,0.25242 0.0678,-0.13239 0.0168,-0.11316 0.29733,-0.30271 z m 2.23485,0.0925 c 0.0167,-0.004 0.0286,-10e-4 0.0326,0.008 0.0597,0.13807 -1.6e-4,0.34567 -0.16288,0.33473 -0.0175,-0.0444 -0.0364,-0.0925 -0.0538,-0.13645 0.0421,-0.1265 0.13424,-0.19497 0.18418,-0.20616 z m -2.54901,0.2232 c -0.0224,0.0243 -0.0453,0.0473 -0.0806,0.0399 0.0208,-0.0365 -2.7e-4,-0.0296 0.0806,-0.0399 z m 1.98199,0.2679 c 0.0435,-10e-4 0.0854,0.0219 0.11783,0.0623 -0.0742,0.15449 -0.12257,0.1849 -0.38867,0.23559 0.0729,-0.058 0.0957,-0.14151 0.1433,-0.21267 0.039,-0.058 0.084,-0.084 0.12754,-0.0853 z m 0.22497,0.18827 c 0.0687,-0.009 0.089,0.025 0.0922,0.0795 -0.0621,0.002 -0.0891,-0.0245 -0.0922,-0.0795 z m -0.52638,0.13035 c -0.0512,0.10862 -0.12752,0.19403 -0.24831,0.23823 -0.0772,-0.0105 0.0489,-0.20254 0.24831,-0.23823 z m 12.03881,0.44032 c 0.0406,0.0231 0.0953,0.0445 0.0751,0.0755 -0.0136,0.0211 -0.0673,-0.0129 -0.0815,-0.0527 -0.002,-0.007 0.004,-0.0151 0.006,-0.0228 z m -12.72936,0.22731 c 0.0172,0.0453 0.0349,0.0915 0.0503,0.132 -0.0814,0.0983 -0.20221,0.10931 -0.20242,0.0894 -0.002,-0.17011 0.0117,-0.17011 0.15211,-0.22141 z m 13.59656,0.57717 c 0.0571,0.0243 0.11165,0.0588 0.15543,0.0831 0.0153,0.0292 0.0261,0.0432 0.0293,0.0569 0.034,0.1478 6.4e-4,0.17092 -0.16245,0.10034 -0.0231,-0.0637 -0.052,-0.13341 -0.0712,-0.20355 -0.003,-0.0129 0.0357,-0.0423 0.0489,-0.0369 z"
+           sodipodi:nodetypes="scccccccccccccccccccccsccccccccccccccccccccsccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccsscccccccccccccccccsscccccsscccsscccsccccccccccccccccccccccccccccccccccccscsccsscccscccsccsccccscccccccsccccccccccscccsccccccccccccccccccccccccccccccccccccccccccccccccscccsscccscccccscccsccccccscccccccssccsccsccccccccccccscccccccccccccccccsscccccsccccccccccccscccscccscccscccccccccccccccccccc" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/client/src/assets/styles/global-components-style.scss b/client/src/assets/styles/global-components-style.scss
index 339c0c290f..f97386bbef 100644
--- a/client/src/assets/styles/global-components-style.scss
+++ b/client/src/assets/styles/global-components-style.scss
@@ -30,6 +30,16 @@
         }
     }
 
+    .accentuated-background, .accentuated-background button {
+        background-color: if($is-dark-theme, lighten(mat.get-color-from-palette($background, background), 4%), darken(mat.get-color-from-palette($background, background), 4%));
+    }
+
+    mat-card {
+        .accentuated-background, .accentuated-background button {
+            background-color: if($is-dark-theme, lighten(mat.get-color-from-palette($background, card), 4%), darken(mat.get-color-from-palette($background, card), 4%));
+        }
+    }
+
     .anchor-button {
         color: mat.get-color-from-palette($foreground, text) !important;
     }
diff --git a/client/src/assets/styles/poll-styles-common.scss b/client/src/assets/styles/poll-styles-common.scss
index b570f91617..7b411492a6 100644
--- a/client/src/assets/styles/poll-styles-common.scss
+++ b/client/src/assets/styles/poll-styles-common.scss
@@ -13,18 +13,18 @@
 }
 
 .voted-yes {
-    background-color: $votes-yes-color;
-    color: $vote-active-color;
+    color: $votes-yes-color;
+    opacity: 1 !important;
 }
 
 .voted-no {
-    background-color: $votes-no-color;
-    color: $vote-active-color;
+    color: $votes-no-color;
+    opacity: 1 !important;
 }
 
 .voted-abstain {
-    background-color: $votes-abstain-color;
-    color: $vote-active-color;
+    color: $votes-abstain-color;
+    opacity: 1 !important;
 }
 
 .start-poll-button {
diff --git a/client/src/meta b/client/src/meta
index d5ea426ad3..9999cca6fe 160000
--- a/client/src/meta
+++ b/client/src/meta
@@ -1 +1 @@
-Subproject commit d5ea426ad345c139ec2d00bbf656b80a73f5d9c7
+Subproject commit 9999cca6fef93b88c0b079cba4c6af436d334f02