{"id":24946,"date":"2025-12-19T19:44:38","date_gmt":"2025-12-19T18:44:38","guid":{"rendered":"https:\/\/library.cancom.de\/master\/?page_id=24946"},"modified":"2026-06-19T10:26:19","modified_gmt":"2026-06-19T08:26:19","slug":"cta-komponente","status":"publish","type":"page","link":"https:\/\/library.cancom.de\/master\/cta-komponente\/","title":{"rendered":"\u00dcbersicht: CTA Komponente"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d480d8c5 wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--medium)\">\n<h1 class=\"wp-block-heading\">\u00dcbersicht: Links, Buttons und CTA Sections<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-2038a1c9 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:var(--wp--preset--spacing--small);margin-bottom:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<h4 class=\"wp-block-heading\">Kontextlogik<\/h4>\n\n\n\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-0577d16c wp-block-group-is-layout-constrained\">\n<p class=\"wp-container-content-ffc8cefc wp-block-paragraph\">Das CTA-Design basiert auf einer klaren <strong>Handlungs- und Priorit\u00e4tslogik<\/strong>. Ziel ist es, Nutzer gezielt zu f\u00fchren und auf den ersten Blick verst\u00e4ndlich zu machen: Was ist die wichtigste Handlung auf dieser Seite? Welche Aktionen sind erg\u00e4nzend oder optional?<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group grid-max-3 has-background is-layout-grid wp-container-core-group-is-layout-08b8583d wp-block-group-is-layout-grid\" style=\"background-color:#f2f3f7c7\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-ea2b56ee wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--tiny);padding-right:var(--wp--preset--spacing--tiny);padding-bottom:var(--wp--preset--spacing--tiny);padding-left:var(--wp--preset--spacing--tiny)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-9dfa3af7 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"text-transform:uppercase\">Primary  \u2192  Conversion Button<\/p>\n\n\n\n<div class=\"wp-block-group pa-cta-core_actions is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-eec7b59a wp-block-group-is-layout-flex\"><div class=\"dyn wp-block-greyd-popover\" data-popover-name=\"popover-6a37d6fe07284\" data-popover-toggle=\"normal\">\n<button class=\"gs_f5gINi button is-style-prim dyn wp-block-greyd-popover-button\" tabindex=\"0\" type=\"button\" role=\"button\" aria-expanded=\"false\" aria-label=\"\" aria-controls=\"popover-6a37d6fe07284\">\n<span>Primary <\/span>\n<\/button>\n\n<div class=\"gs_P7xBzM wp-block-greyd-popover-popup\"><div id=\"popover-6a37d6fe07284\" role=\"dialog\" class=\"is-variation-default is-position-default\"><button class=\"popover-close-button \" tabindex=\"0\" type=\"button\" role=\"button\" aria-expanded=\"false\" aria-label=\"\" aria-controls=\"popover-6a37d6fe07284\"><\/button>\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group has-background-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-5b73a1d9 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\"><div class=\"forms_wrapper dyn\"><a href='#after-greyd-form-1' class='greyd_skip_link'>Formular \u00fcberspringen<\/a><form\n\t\t\tclass='greyd_form \"GlobalesKontaktformularCorporateAnfragenzuIT-Angeboten\" requirement-style__both' name='form_78' id='greyd-form-1'\n\t\t\tdata-id='78' data-form-mode='normal' data-title='GlobalesKontaktformularCorporateAnfragenzuIT-Angeboten' data-nonce='fc149bcef1' data-send='enable'\n\t\t\tmethod='POST' enctype='multipart\/form-data'\n\t\t>\t\t<div style=\"visibility: hidden; position: absolute; z-index: -1; height: 0.1px; width: 0.1px; margin: 0; padding: 0;\">\n\t\t\t<label for=\"contact_me_by_fax_only\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"input validation\"\n\t\t\t\t\tname=\"contact_me_by_fax_only\"\n\t\t\t\t\tid=\"contact_me_by_fax_only\"\n\t\t\t\t\tvalue=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t>\n\t\t\t\tContact me by fax only\n\t\t\t<\/label>\n\t\t\t<input\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"input validation\"\n\t\t\t\tname=\"set_your_password\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\tautocomplete=\"off\"\n\t\t\t>\n\t\t<\/div>\n\t\t\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-7f1c8594 wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d76e6bf5 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column col-12 col-md-auto is-layout-flow wp-container-core-column-is-layout-7abf45c9 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_GxuGa4 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"company___id6a37d6fe05c58\"><span>Unternehmen<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"company\" id=\"company___id6a37d6fe05c58\" placeholder=\"Mustermann GmbH\" autocomplete=\"off\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_XMHcJ4 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"firstname___id6a37d6fe05ea9\"><span>Vorname<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"firstname\" id=\"firstname___id6a37d6fe05ea9\" placeholder=\"Petra\" autocomplete=\"given-name\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_Jd0vKe is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"lastname___id6a37d6fe060a5\"><span>Name<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"lastname\" id=\"lastname___id6a37d6fe060a5\" placeholder=\"Musterfrau\" autocomplete=\"family-name\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column col-12 col-md-6 is-layout-flow wp-container-core-column-is-layout-7abf45c9 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_bx6kLE\"><div class=\"label_wrap\"><label class=\"label\" for=\"email___id6a37d6fe061d7\"><span>E-Mail (gesch\u00e4ftlich)<\/span><span class=\"requirement-required\"> *<\/span><\/label><span class=\"greyd-forms-tooltip\"><button type=\"button\" class=\"greyd-forms-tooltip-toggle\" aria-expanded=\"false\" aria-controls=\"tt-email___id6a37d6fe061d7\" aria-label=\"Tooltip zeigen\"><\/button><span class=\"greyd-forms-tooltip-popup\" id=\"tt-email___id6a37d6fe061d7\" role=\"tooltip\"><span>Ihre E-Mail-Adresse sollte ein &#8222;@&#8222;-Zeichen und eine valide Domain enthalten.<\/span><button class=\"greyd-forms-tooltip-close\" aria-label=\"Tooltip schlie\u00dfen\">\u00d7<\/button><\/span><\/span><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"email\" name=\"email\" id=\"email___id6a37d6fe061d7\" aria-describedby=\"tt-email___id6a37d6fe061d7\" placeholder=\"name&#64;&#117;&#110;&#116;&#101;&#114;&#110;&#x65;&#x68;&#x6d;&#x65;&#x6e;&#x2e;&#x64;&#x65;\" autocomplete=\"email\" maxlength=\"50\" pattern=\"\\w+([\\-+\\.]\\w+)*@\\w+([\\-\\.]\\w+)*\\.\\w+([\\-\\.]\\w+)*\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_BdK9v7\"><div class=\"label_wrap\"><label class=\"label\" for=\"phone___id6a37d6fe06214\"><span>Telefonnummer<\/span><span class=\"requirement-optional\"> (optional)<\/span><\/label><span class=\"greyd-forms-tooltip\"><button type=\"button\" class=\"greyd-forms-tooltip-toggle\" aria-expanded=\"false\" aria-controls=\"tt-phone___id6a37d6fe06214\" aria-label=\"Tooltip zeigen\"><\/button><span class=\"greyd-forms-tooltip-popup\" id=\"tt-phone___id6a37d6fe06214\" role=\"tooltip\"><span>Ihre Telefonnummer darf folgende Zeichen enthalten: + ( ) &#8211; \/<\/span><button class=\"greyd-forms-tooltip-close\" aria-label=\"Tooltip schlie\u00dfen\">\u00d7<\/button><\/span><\/span><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"tel\" name=\"phone\" id=\"phone___id6a37d6fe06214\" aria-describedby=\"tt-phone___id6a37d6fe06214\" placeholder=\"+49123456789\" autocomplete=\"tel\" maxlength=\"20\" pattern=\"\\(?\\+?[\\s0-9]{0,4}\\(?[0-9]{1,4}\\)?[\\-\\s\\\/0-9]{4,16}\" data-required=\"optional\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-radiobuttons input-wrapper gs_Zm0ueE\"><fieldset title=\"Bitte w\u00e4hle eine Option aus\" required data-required=\"required\"><legend class=\"label_wrap\"><div class=\"label\"><span>Art der Anfrage<\/span><span class=\"requirement-required\"> *<\/span><\/div><\/legend>\n<div class=\"option\"><label for=\"public-customer___id6a37d6fe0623f\" title=\"Bitte w\u00e4hle eine Option aus\"><input type=\"radio\" id=\"public-customer___id6a37d6fe0623f\" value=\"Public customer\" name=\"customer_type__c___id6a37d6fe062a3\" required data-required=\"required\"\/><span class=\"icon\" aria-hidden=\"true\"><\/span><span>\u00d6ffentlicher Auftraggeber<\/span><\/label><\/div>\n\n\n\n<div class=\"option\"><label for=\"commercial-customer___id6a37d6fe06276\" title=\"Bitte w\u00e4hle eine Option aus\"><input type=\"radio\" id=\"commercial-customer___id6a37d6fe06276\" value=\"Commercial customer\" name=\"customer_type__c___id6a37d6fe062a3\" required data-required=\"required\"\/><span class=\"icon\" aria-hidden=\"true\"><\/span><span>Kommerzieller Kunde<\/span><\/label><\/div>\n<\/fieldset><\/div><style class=\"greyd-styles\">.gs_Zm0ueE .progress_wrapper .live_survey_progress { layout: column !important; vertical-alignment: align-start !important; horizontal-alignment: flex-start !important; } <\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-241b7e69 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column col-12 col-sm-auto is-layout-flow wp-container-core-column-is-layout-96ca5515 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_2D9jgm is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"subject___id6a37d6fe06655\"><span>Betreff<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"subject\" id=\"subject___id6a37d6fe06655\" placeholder=\"Hier eingeben\" autocomplete=\"off\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_IDhOs3 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"message___id6a37d6fe06859\"><span>Ihre Nachricht<\/span><span class=\"requirement-optional\"> (optional)<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><textarea class=\"input validation is-style-prim\" type=\"text\" name=\"message\" id=\"message___id6a37d6fe06859\" placeholder=\"Hier eingeben\" autocomplete=\"off\" maxlength=\"4000\" data-required=\"optional\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"5\"><\/textarea><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><style class=\"greyd-styles\">.gs_IDhOs3 .input.input { border-radius: 27px; } .gs_IDhOs3 .input.input::placeholder { color: inherit; } <\/style><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-checkbox input-wrapper gs_H6jR1Z is-style-checkbox\" style=\"margin-top:var(--wp--preset--spacing--tiny);margin-bottom:0\"><label class=\"label checkbox-label\" for=\"Datenschutz___id6a37d6fe06fec\"><input class=\"checkbox_placeholder_value\" type=\"hidden\" name=\"Datenschutz\" value=\"false\"\/><input type=\"checkbox\" id=\"Datenschutz___id6a37d6fe06fec\" name=\"Datenschutz\" value=\"true\" required data-required=\"required\" title=\"Please mark the checkbox\"\/><div><span>Ich bin damit einverstanden, dass meine Angaben zur Bearbeitung meiner Anfrage und zur <strong>Kontaktaufnahme<\/strong> <strong>durch einen Vertriebsmitarbeiter<\/strong>&nbsp;verwendet werden. Weitere Informationen finden Sie in unserer <a href=\"https:\/\/www.cancom.de\/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a><\/span><span class=\"requirement-required\">&nbsp;*<\/span><\/div><\/label><style class=\"greyd-styles\">.gs_H6jR1Z { font-size: 16px !important; line-height: 120% !important; } <\/style><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-checkbox input-wrapper gs_QWamHA\" style=\"margin-top:0;margin-bottom:0\"><label class=\"label checkbox-label\" for=\"newsletter_checkbox___id6a37d6fe06fec\"><input class=\"checkbox_placeholder_value\" type=\"hidden\" name=\"newsletter_checkbox\" value=\"false\"\/><input type=\"checkbox\" id=\"newsletter_checkbox___id6a37d6fe06fec\" name=\"newsletter_checkbox\" value=\"true\" data-required=\"optional\" title=\"Please mark the checkbox\"\/><div><span>Ich m\u00f6chte k\u00fcnftig <strong>Informationen zu Themen, Veranstaltungen und Angeboten<\/strong>&nbsp;von CANCOM per E-Mail oder telefonisch erhalten. Ich kann meine Einwilligung jederzeit widerrufen. Die Einwilligung erfolgt freiwillig und kann jederzeit mit Wirkung f\u00fcr die Zukunft widerrufen werden. Weitere Informationen finden Sie in unserer <a href=\"https:\/\/www.cancom.de\/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a><\/span><span class=\"requirement-optional\"> (optional)<\/span><\/div><\/label><style class=\"greyd-styles\">.gs_QWamHA { font-size: 16px !important; } <\/style><\/div>\n\n\n\n<button class=\"wp-block-greyd-forms-submitbutton button submitbutton gs_OSt7UE  is-style-prim\" type=\"submit\" name=\"submit\" data-text=\"Absenden\"><span class=\"greyd_upload_progress\"><span class=\"spinner\"><span class=\"dot-loader\"><\/span><span class=\"dot-loader dot-loader--2\"><\/span><span class=\"dot-loader dot-loader--3\"><\/span><\/span><span class=\"bar\"><\/span><\/span><span style=\"flex:1\">Absenden<\/span><\/button>\n\n\n\n<input type=\"hidden\" name=\"form-source\" value='https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/pages\/24946'  class=\"wp-block-greyd-forms-hidden-field\"\/>\n\n\n\n<input type=\"hidden\" name=\"marketing-action\" value=\"MA00000343\" class=\"wp-block-greyd-forms-hidden-field dyn\"\/>\n<input type='hidden' name='privacytext' value='Hiermit erkl\u00e4re ich mich mit der Verarbeitung meiner Daten einverstanden. Weitere Informationen \u00fcber die Datenverarbeitung finden Sie &lt;a href=&quot;\/nutzungsbedingungen\/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;hier&lt;\/a&gt;.'><input type='hidden' name='locale' value='de_DE'><\/form><div class='after-message animate_fast' role='status' aria-live='polite'><div class='message'><\/div><\/div><div id='after-greyd-form-1'><\/div><\/div><\/div>\n<\/div>\n\n<\/div><div class=\"dialog-backdrop\"><\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-group pa-cta-core_actions is-content-justification-center is-layout-flex wp-container-core-group-is-layout-b334d705 wp-block-group-is-layout-flex\"><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Filled Button | <strong>High&nbsp;Intent<\/strong>&nbsp;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Einsatz:<\/strong> F\u00fcr <strong>die wichtigste Aktion<\/strong> auf einer Seite oder in einem Abschnitt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gestaltungsprinzipien:<\/strong><br><strong>Maximal 1\u20132 pro Seite<\/strong> \u2192 Fokus bleibt klar<br><strong>Gef\u00fcllt<\/strong> \u2192 hohe visuelle Pr\u00e4senz<br><strong>Gr\u00f6\u00dfer<\/strong> \u2192 klare Hierarchie gegen\u00fcber Secondary<br><strong>Starker Kontrast<\/strong> \u2192 sofort erkennbar<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Typische Use-Cases:<\/strong> \u201eDemo anfordern\u201c, \u201eFAQ\u201c, \u201eJetzt Kontakt aufnehmen\u201c im Hero-Bereiche<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-ea2b56ee wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--tiny);padding-right:var(--wp--preset--spacing--tiny);padding-bottom:var(--wp--preset--spacing--tiny);padding-left:var(--wp--preset--spacing--tiny)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-9dfa3af7 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"text-transform:uppercase\">secondary<\/p>\n\n\n\n<div class=\"wp-block-group pa-cta-core_actions is-layout-flow wp-container-core-group-is-layout-2c90a543 wp-block-group-is-layout-flow\">\n<div style=\"gap: var(--wp--preset--spacing--tiny); \" class=\"wp-block-greyd-buttons\"><a  class=\"button dyn is-style-sec gs_8F4bmL is-size-small\">Secondary<\/a><style class=\"greyd-styles\">.gs_8F4bmL { border-top: 2px solid var(--wp--preset--color--tertiary) !important; border-right: 2px solid var(--wp--preset--color--tertiary) !important; border-bottom: 2px solid var(--wp--preset--color--tertiary) !important; border-left: 2px solid var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--tertiary) !important; background: var(--wp--preset--color--transparent) !important; padding-right: 20px !important; padding-left: 20px !important; } .gs_8F4bmL:hover { border-top: 2px solid var(--wp--preset--color--tertiary) !important; border-right: 2px solid var(--wp--preset--color--tertiary) !important; border-bottom: 2px solid var(--wp--preset--color--tertiary) !important; border-left: 2px solid var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--tertiary) !important; } <\/style>\n\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Outline Button | <strong>Mid&nbsp;Intent<\/strong>&nbsp;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Einsatz:<\/strong> F\u00fcr <strong>zweitrangige, unterst\u00fctzende Aktionen<\/strong>, die wichtig sind, aber nicht die Haupt-Conversion.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gestaltungsprinzipien:<\/strong><br><strong>Outline <\/strong> \u2192 bewusst weniger dominant<br><strong>Gleiche Gr\u00f6\u00dfe untereinander<\/strong> \u2192 Gleichrangigkeit<br><strong>Mehrere nebeneinander m\u00f6glich<\/strong> \u2192 Vergleich &amp; Auswahl erlaubt<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Typische Use-Cases:<\/strong> \u201eReferenz ansehen\u201c, \u201eZum Shop\u201c<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-ea2b56ee wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--tiny);padding-right:var(--wp--preset--spacing--tiny);padding-bottom:var(--wp--preset--spacing--tiny);padding-left:var(--wp--preset--spacing--tiny)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-9dfa3af7 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"text-transform:uppercase\">Tertiary<\/p>\n\n\n\n<div class=\"wp-block-group pa-cta-core_actions is-layout-flow wp-container-core-group-is-layout-2c90a543 wp-block-group-is-layout-flow\">\n<div style=\"gap: var(--wp--preset--spacing--tiny); \" class=\"wp-block-greyd-buttons\">\n\n\n<a  class=\"button is-style-clear dyn gs_e4OsDY \"><span style=\"flex:1\">Tertiary Link<\/span><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-left:10px\" aria-hidden=\"true\"><\/span><\/a><style class=\"greyd-styles\">.gs_e4OsDY { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--wp--preset--color--tertiary) !important; } .gs_e4OsDY:hover { color: var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Text- Links | <strong>Low&nbsp;Intent<\/strong>&nbsp;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Einsatz:<\/strong> F\u00fcr<strong> nicht dominante Aktionen<\/strong>, die Orientierung geben, aber keine direkte Conversion ausl\u00f6sen sollen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gestaltungsprinzipien:<\/strong><br><strong>Keine Button-Form<\/strong> \u2192 bewusst zur\u00fcckhaltend<br><strong>Inline oder listenbasiert<\/strong> \u2192 integriert in den Content<br><strong>Geringe visuelle Priorit\u00e4t<\/strong> \u2192 untergeordnet zu Primary &amp; Secondary<br><strong>Mehrfach pro Seite erlaubt<\/strong> \u2192 auch in gr\u00f6\u00dferen Mengen nutzbar<br><strong>Klar als Link erkennbar<\/strong> (Farbe, Pfeil, Hover-State)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Typische Use-Cases:<\/strong> Links im Flie\u00dftext, \u201eMehr erfahren\u201c, \u201eWeitere Produkte ansehen\u201c, \u201eZur \u00dcbersicht\u201c, \u201eDetails anzeigen\u201c<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-090e7e3a wp-block-group-is-layout-constrained\" style=\"margin-top:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--medium);padding-left:0\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-5a4064f1 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--small);margin-bottom:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<h4 class=\"wp-block-heading\">Farbkontrast<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Die verwendeten Farbkontraste entsprechen den WCAG-Vorgaben und wurden auf ihre Barrierefreiheit gepr\u00fcft. So ist eine gute Lesbarkeit und Zug\u00e4nglichkeit der Inhalte gew\u00e4hrleistet.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull grid-max-3 is-layout-grid wp-container-core-group-is-layout-08b8583d wp-block-group-is-layout-grid gs_anBoPE group_wrap\">\n<div class=\"wp-block-group has-base-background-color has-background is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">*<strong>5.87<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f15824f9 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-77746977 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group pa-cta-core_actions is-layout-flow wp-container-core-group-is-layout-2c90a543 wp-block-group-is-layout-flow\">\n<div style=\"gap: var(--wp--preset--spacing--tiny); \" class=\"wp-block-greyd-buttons\"><a  class=\"button dyn is-style-sec gs_8F4bmL is-size-small\">Secondary <\/a><style class=\"greyd-styles\">.gs_8F4bmL { border-top: 2px solid var(--wp--preset--color--tertiary) !important; border-right: 2px solid var(--wp--preset--color--tertiary) !important; border-bottom: 2px solid var(--wp--preset--color--tertiary) !important; border-left: 2px solid var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--tertiary) !important; background: var(--wp--preset--color--transparent) !important; padding-right: 20px !important; padding-left: 20px !important; } .gs_8F4bmL:hover { border-top: 2px solid var(--wp--preset--color--tertiary) !important; border-right: 2px solid var(--wp--preset--color--tertiary) !important; border-bottom: 2px solid var(--wp--preset--color--tertiary) !important; border-left: 2px solid var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--tertiary) !important; } <\/style>\n\n\n<a  class=\"button is-style-clear dyn gs_e4OsDY \"><span style=\"flex:1\">Tertiary Link<\/span><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-left:10px\" aria-hidden=\"true\"><\/span><\/a><style class=\"greyd-styles\">.gs_e4OsDY { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--wp--preset--color--tertiary) !important; } .gs_e4OsDY:hover { color: var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button  gs_slipf6 is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe09e16\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_slipf6 { color: var(--wp--preset--color--background) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; background: var(--wp--preset--color--tertiary) !important; } .gs_slipf6:hover { color: var(--wp--preset--color--tertiary) !important; background: var(--wp--preset--color--transparent) !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button  gs_cps6uT is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe09ecd\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_cps6uT { color: var(--wp--preset--color--tertiary) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; } .gs_cps6uT:hover { color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--tertiary) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-77746977 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group cta-red is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group pa-cta-core_actions is-layout-flow wp-container-core-group-is-layout-2c90a543 wp-block-group-is-layout-flow\">\n<div style=\"gap: var(--wp--preset--spacing--tiny); \" class=\"wp-block-greyd-buttons\"><a  class=\"button dyn is-style-sec gs_8F4bmL is-size-small\">Secondary red<\/a><style class=\"greyd-styles\">.gs_8F4bmL { border-top: 2px solid var(--wp--preset--color--tertiary) !important; border-right: 2px solid var(--wp--preset--color--tertiary) !important; border-bottom: 2px solid var(--wp--preset--color--tertiary) !important; border-left: 2px solid var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--tertiary) !important; background: var(--wp--preset--color--transparent) !important; padding-right: 20px !important; padding-left: 20px !important; } .gs_8F4bmL:hover { border-top: 2px solid var(--wp--preset--color--tertiary) !important; border-right: 2px solid var(--wp--preset--color--tertiary) !important; border-bottom: 2px solid var(--wp--preset--color--tertiary) !important; border-left: 2px solid var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--tertiary) !important; } <\/style>\n\n\n<a  class=\"button is-style-clear dyn gs_e4OsDY \"><span style=\"flex:1\">Tertiary Link<\/span><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-left:10px\" aria-hidden=\"true\"><\/span><\/a><style class=\"greyd-styles\">.gs_e4OsDY { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--wp--preset--color--tertiary) !important; } .gs_e4OsDY:hover { color: var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button is-style-sec gs_bLST0R is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe0a8ae\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_bLST0R { color: var(--wp--preset--color--background) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; background: var(--wp--preset--color--primary) !important; } .gs_bLST0R:hover { color: var(--wp--preset--color--primary) !important; background: var(--wp--preset--color--transparent) !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button is-style-sec gs_UdHseC is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe0aae0\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_UdHseC { color: var(--wp--preset--color--primary) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; } .gs_UdHseC:hover { color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--primary) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Textlink &#8211; <a href=\"#\">Lorem ipsum dolor sit amet, consetetur sadipscing.<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-dark-background-color has-background is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<p class=\"has-background-color has-text-color has-link-color wp-elements-58ccc8ba308093757eb03a1d3bbc29ba wp-block-paragraph\">*<strong>10.53<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group cta-ondark is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex gs_y50npn group_wrap\">\n<div class=\"wp-block-group pa-cta-core_actions is-layout-flow wp-container-core-group-is-layout-2c90a543 wp-block-group-is-layout-flow\">\n<div style=\"gap: var(--wp--preset--spacing--tiny); \" class=\"wp-block-greyd-buttons\"><a  class=\"button dyn is-style-sec gs_8F4bmL is-size-small\">Secondary on-dark<\/a><style class=\"greyd-styles\">.gs_8F4bmL { border-top: 2px solid var(--wp--preset--color--tertiary) !important; border-right: 2px solid var(--wp--preset--color--tertiary) !important; border-bottom: 2px solid var(--wp--preset--color--tertiary) !important; border-left: 2px solid var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--tertiary) !important; background: var(--wp--preset--color--transparent) !important; padding-right: 20px !important; padding-left: 20px !important; } .gs_8F4bmL:hover { border-top: 2px solid var(--wp--preset--color--tertiary) !important; border-right: 2px solid var(--wp--preset--color--tertiary) !important; border-bottom: 2px solid var(--wp--preset--color--tertiary) !important; border-left: 2px solid var(--wp--preset--color--tertiary) !important; color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--tertiary) !important; } <\/style>\n\n\n<a  class=\"button is-style-clear dyn gs_e4OsDY \"><span style=\"flex:1\">Tertiary Link<\/span><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-left:10px\" aria-hidden=\"true\"><\/span><\/a><style class=\"greyd-styles\">.gs_e4OsDY { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--wp--preset--color--tertiary) !important; } .gs_e4OsDY:hover { color: var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-3ce67b86 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--tiny)\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button  gs_2BAqkA is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe0b49c\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_2BAqkA { color: var(--wp--preset--color--darkest) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; border-top: 2px solid #89baff !important; border-right: 2px solid #89baff !important; border-bottom: 2px solid #89baff !important; border-left: 2px solid #89baff !important; background: #89baff !important; } .gs_2BAqkA:hover { color: #89baff !important; background: var(--wp--preset--color--transparent) !important; border-top: 2px solid #89baff !important; border-right: 2px solid #89baff !important; border-bottom: 2px solid #89baff !important; border-left: 2px solid #89baff !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button  gs_NKbsnX is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe0b4fb\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_NKbsnX { color: #89baff !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; border-top: 2px solid #89baff !important; border-right: 2px solid #89baff !important; border-bottom: 2px solid #89baff !important; border-left: 2px solid #89baff !important; } .gs_NKbsnX:hover { color: var(--wp--preset--color--darkest) !important; background: #89baff !important; border-top: 2px solid #89baff !important; border-right: 2px solid #89baff !important; border-bottom: 2px solid #89baff !important; border-left: 2px solid #89baff !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-background-color has-text-color has-link-color wp-elements-0f0e9f70f4253de3c15ba1253b7139a0 wp-block-paragraph\">Textlink &#8211; <a href=\"#\">Lorem ipsum dolor sit amet, consetetur sadipscing.<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-primary-background-color has-background is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<p class=\"has-background-color has-text-color has-link-color wp-elements-5f9508f6698f699d0771b9f1f95e5add wp-block-paragraph\">*<strong><strong>5.30<\/strong><\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f60f1ec2 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-77746977 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-6ca9fbf8 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-greyd-buttons\">\n<a  href=\"#\" class=\"button  gs_ciUlqr is-size-small\">Primary sw<\/a><style class=\"greyd-styles\">.gs_ciUlqr { color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--darkest) !important; border-top: 2px solid var(--wp--preset--color--darkest) !important; border-right: 2px solid var(--wp--preset--color--darkest) !important; border-bottom: 2px solid var(--wp--preset--color--darkest) !important; border-left: 2px solid var(--wp--preset--color--darkest) !important; } .gs_ciUlqr:hover { color: var(--wp--preset--color--darkest) !important; background: var(--wp--preset--color--transparent) !important; border-top: 2px solid var(--wp--preset--color--darkest) !important; border-right: 2px solid var(--wp--preset--color--darkest) !important; border-bottom: 2px solid var(--wp--preset--color--darkest) !important; border-left: 2px solid var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a  href=\"#\" class=\"button is-style-trd gs_yrHj6B is-size-small\">Secondary  sw<\/a><style class=\"greyd-styles\">.gs_yrHj6B:hover { background: var(--wp--preset--color--darkest) !important; color: var(--wp--preset--color--background) !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a  href=\"#\" class=\"button is-style-clear gs_RoIxzU is-size-small\"><span style=\"flex:1\">Tertiary Link<\/span><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:120%;margin-left:10px\" aria-hidden=\"true\"><\/span><\/a><style class=\"greyd-styles\">.gs_RoIxzU { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--wp--preset--color--darkest) !important; } .gs_RoIxzU:hover { color: var(--wp--preset--color--background) !important; } <\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button is-style-trd gs_POfvHz is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe0ebe1\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_POfvHz { color: var(--wp--preset--color--background) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; background: var(--wp--preset--color--darkest) !important; } .gs_POfvHz:hover { color: var(--wp--preset--color--darkest) !important; background: var(--wp--preset--color--transparent) !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button is-style-trd gs_xqdfxs is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe0ee2a\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:100%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_xqdfxs { color: var(--wp--preset--color--darkest) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; } .gs_xqdfxs:hover { color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-d9c2f568 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-6ca9fbf8 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-greyd-buttons\">\n<a  href=\"#\" class=\"button  gs_c54zRF is-size-small\">Primary inverse<\/a><style class=\"greyd-styles\">.gs_c54zRF { color: var(--wp--preset--color--darkest) !important; background: var(--wp--preset--color--background) !important; border-top: 2px solid var(--wp--preset--color--background) !important; border-right: 2px solid var(--wp--preset--color--background) !important; border-bottom: 2px solid var(--wp--preset--color--background) !important; border-left: 2px solid var(--wp--preset--color--background) !important; } .gs_c54zRF:hover { color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--transparent) !important; border-top: 2px solid var(--wp--preset--color--background) !important; border-right: 2px solid var(--wp--preset--color--background) !important; border-bottom: 2px solid var(--wp--preset--color--background) !important; border-left: 2px solid var(--wp--preset--color--background) !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a  href=\"#\" class=\"button is-style-trd gs_kdME0B is-size-small\">Secondary inverse<\/a><style class=\"greyd-styles\">.gs_kdME0B { border-top: 2px solid var(--wp--preset--color--background) !important; border-right: 2px solid var(--wp--preset--color--background) !important; border-bottom: 2px solid var(--wp--preset--color--background) !important; border-left: 2px solid var(--wp--preset--color--background) !important; color: var(--wp--preset--color--background) !important; } .gs_kdME0B:hover { background: var(--wp--preset--color--background) !important; color: var(--wp--preset--color--darkest) !important; border-top: 2px solid var(--wp--preset--color--background) !important; border-right: 2px solid var(--wp--preset--color--background) !important; border-bottom: 2px solid var(--wp--preset--color--background) !important; border-left: 2px solid var(--wp--preset--color--background) !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a  href=\"#\" class=\"button is-style-clear gs_IT7D1l is-size-small\"><span style=\"flex:1\">Tertiary Link<\/span><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:120%;margin-left:10px\" aria-hidden=\"true\"><\/span><\/a><style class=\"greyd-styles\">.gs_IT7D1l { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--wp--preset--color--background) !important; } .gs_IT7D1l:hover { color: var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c4cf3051 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button  gs_VkCzXF is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe0fa78\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:110%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_VkCzXF { color: var(--wp--preset--color--darkest) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; border-top: 2px solid var(--wp--preset--color--background) !important; border-right: 2px solid var(--wp--preset--color--background) !important; border-bottom: 2px solid var(--wp--preset--color--background) !important; border-left: 2px solid var(--wp--preset--color--background) !important; background: var(--wp--preset--color--background) !important; } .gs_VkCzXF:hover { color: var(--wp--preset--color--background) !important; background: var(--wp--preset--color--transparent) !important; border-top: 2px solid var(--wp--preset--color--background) !important; border-right: 2px solid var(--wp--preset--color--background) !important; border-bottom: 2px solid var(--wp--preset--color--background) !important; border-left: 2px solid var(--wp--preset--color--background) !important; } <\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-buttons\">\n<a role=\"button\" tabindex=\"0\" onclick=\"greyd.trigger.trigger(event, &quot;show_button&quot;, false);\" class=\"button  gs_H9ps5p is-size-big\"  data-anim-action=\"custom\" data-anim-event=\"hover\" data-anim-triggered=\"false\" data-anim-from=\"transform: scale(1);\n\" data-anim-to=\"transform: scale(1.1);\n\" data-anim-id=\"anim-6a37d6fe0fadc\"><span class=\"arrow_right\" style=\"vertical-align:middle;font-size:110%;margin-right:0px\" aria-hidden=\"true\"><\/span><span style=\"flex:1\"><\/span><\/a><style class=\"greyd-styles\">.gs_H9ps5p { color: var(--wp--preset--color--background) !important; padding-top: 1rem !important; padding-right: 1rem !important; padding-bottom: 1rem !important; padding-left: 1rem !important; border-top: 2px solid var(--wp--preset--color--background) !important; border-right: 2px solid var(--wp--preset--color--background) !important; border-bottom: 2px solid var(--wp--preset--color--background) !important; border-left: 2px solid var(--wp--preset--color--background) !important; } .gs_H9ps5p:hover { color: var(--wp--preset--color--darkest) !important; background: var(--wp--preset--color--background) !important; border-top: 2px solid var(--wp--preset--color--background) !important; border-right: 2px solid var(--wp--preset--color--background) !important; border-bottom: 2px solid var(--wp--preset--color--background) !important; border-left: 2px solid var(--wp--preset--color--background) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-background-color has-text-color has-link-color wp-elements-0f0e9f70f4253de3c15ba1253b7139a0 wp-block-paragraph\">Textlink &#8211; <a href=\"#\">Lorem ipsum dolor sit amet, consetetur sadipscing.<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-40a64f93 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<p class=\"wp-block-paragraph\">*<strong>Wichtige Kriterien zur Pr\u00fcfung:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Button-Form:<\/strong>&nbsp;Der Rand oder Hintergrund des Buttons ben\u00f6tigt zum Seitenhintergrund einen Kontrast von mindestens 3:1, damit er als interaktiv erkennbar ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Text auf Button:<\/strong>&nbsp;Mindestens 4,5:1 (AA-Standard) f\u00fcr normalen Text, 3:1 f\u00fcr gro\u00dfen Text.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-ddb9afa5 wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--medium);padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-ddb9afa5 wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--medium);padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-df1bc852 wp-block-group-is-layout-flex gs_MCSnQU group_wrap\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group wp-container-content-958eb9dc has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0px\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"316\" src=\"https:\/\/library.cancom.de\/master\/wp-content\/uploads\/sites\/2\/NEW_AG_Logo-1024x316.png\" alt=\"\" class=\"wp-image-10035\" srcset=\"https:\/\/library.cancom.de\/master\/wp-content\/uploads\/sites\/2\/NEW_AG_Logo-1024x316.png 1024w, https:\/\/library.cancom.de\/master\/wp-content\/uploads\/sites\/2\/NEW_AG_Logo-300x93.png 300w, https:\/\/library.cancom.de\/master\/wp-content\/uploads\/sites\/2\/NEW_AG_Logo-768x237.png 768w, https:\/\/library.cancom.de\/master\/wp-content\/uploads\/sites\/2\/NEW_AG_Logo.png 1351w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group wp-container-content-f1d6051e has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Steigern Sie noch heute Ihre Produktivit\u00e4t<\/h2>\n\n\n\n<p class=\"has-darkest-color has-text-color has-link-color wp-elements-6b551e93d75922a6e0a842a4f6fff20e wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group pa-cta-core_actions is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-eec7b59a wp-block-group-is-layout-flex\"><div class=\"dyn wp-block-greyd-popover\" data-popover-name=\"popover-6a37d6fe120a3\" data-popover-toggle=\"normal\">\n<button class=\"gs_f5gINi button is-style-prim dyn wp-block-greyd-popover-button\" tabindex=\"0\" type=\"button\" role=\"button\" aria-expanded=\"false\" aria-label=\"\" aria-controls=\"popover-6a37d6fe120a3\">\n<span>Kontakt aufnehmen <\/span>\n<\/button>\n\n<div class=\"gs_P7xBzM wp-block-greyd-popover-popup\"><div id=\"popover-6a37d6fe120a3\" role=\"dialog\" class=\"is-variation-default is-position-default\"><button class=\"popover-close-button \" tabindex=\"0\" type=\"button\" role=\"button\" aria-expanded=\"false\" aria-label=\"\" aria-controls=\"popover-6a37d6fe120a3\"><\/button>\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group has-background-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-5b73a1d9 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\"><div class=\"forms_wrapper dyn\"><a href='#after-greyd-form-3' class='greyd_skip_link'>Formular \u00fcberspringen<\/a><form\n\t\t\tclass='greyd_form \"GlobalesKontaktformularCorporateAnfragenzuIT-Angeboten\" requirement-style__both' name='form_78' id='greyd-form-3'\n\t\t\tdata-id='78' data-form-mode='normal' data-title='GlobalesKontaktformularCorporateAnfragenzuIT-Angeboten' data-nonce='fc149bcef1' data-send='enable'\n\t\t\tmethod='POST' enctype='multipart\/form-data'\n\t\t>\t\t<div style=\"visibility: hidden; position: absolute; z-index: -1; height: 0.1px; width: 0.1px; margin: 0; padding: 0;\">\n\t\t\t<label for=\"contact_me_by_fax_only\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"input validation\"\n\t\t\t\t\tname=\"contact_me_by_fax_only\"\n\t\t\t\t\tid=\"contact_me_by_fax_only\"\n\t\t\t\t\tvalue=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t>\n\t\t\t\tContact me by fax only\n\t\t\t<\/label>\n\t\t\t<input\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"input validation\"\n\t\t\t\tname=\"set_your_password\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\tautocomplete=\"off\"\n\t\t\t>\n\t\t<\/div>\n\t\t\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-7f1c8594 wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d76e6bf5 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column col-12 col-md-auto is-layout-flow wp-container-core-column-is-layout-7abf45c9 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_GxuGa4 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"company___id6a37d6fe10c9d\"><span>Unternehmen<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"company\" id=\"company___id6a37d6fe10c9d\" placeholder=\"Mustermann GmbH\" autocomplete=\"off\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_XMHcJ4 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"firstname___id6a37d6fe10ebb\"><span>Vorname<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"firstname\" id=\"firstname___id6a37d6fe10ebb\" placeholder=\"Petra\" autocomplete=\"given-name\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_Jd0vKe is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"lastname___id6a37d6fe110aa\"><span>Name<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"lastname\" id=\"lastname___id6a37d6fe110aa\" placeholder=\"Musterfrau\" autocomplete=\"family-name\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column col-12 col-md-6 is-layout-flow wp-container-core-column-is-layout-7abf45c9 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_bx6kLE\"><div class=\"label_wrap\"><label class=\"label\" for=\"email___id6a37d6fe111ad\"><span>E-Mail (gesch\u00e4ftlich)<\/span><span class=\"requirement-required\"> *<\/span><\/label><span class=\"greyd-forms-tooltip\"><button type=\"button\" class=\"greyd-forms-tooltip-toggle\" aria-expanded=\"false\" aria-controls=\"tt-email___id6a37d6fe111ad\" aria-label=\"Tooltip zeigen\"><\/button><span class=\"greyd-forms-tooltip-popup\" id=\"tt-email___id6a37d6fe111ad\" role=\"tooltip\"><span>Ihre E-Mail-Adresse sollte ein &#8222;@&#8222;-Zeichen und eine valide Domain enthalten.<\/span><button class=\"greyd-forms-tooltip-close\" aria-label=\"Tooltip schlie\u00dfen\">\u00d7<\/button><\/span><\/span><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"email\" name=\"email\" id=\"email___id6a37d6fe111ad\" aria-describedby=\"tt-email___id6a37d6fe111ad\" placeholder=\"&#110;&#x61;m&#x65;&#x40;&#117;&#x6e;t&#x65;&#x72;&#110;&#x65;h&#x6d;&#x65;&#110;&#x2e;d&#x65;\" autocomplete=\"email\" maxlength=\"50\" pattern=\"\\w+([\\-+\\.]\\w+)*@\\w+([\\-\\.]\\w+)*\\.\\w+([\\-\\.]\\w+)*\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_BdK9v7\"><div class=\"label_wrap\"><label class=\"label\" for=\"phone___id6a37d6fe111e2\"><span>Telefonnummer<\/span><span class=\"requirement-optional\"> (optional)<\/span><\/label><span class=\"greyd-forms-tooltip\"><button type=\"button\" class=\"greyd-forms-tooltip-toggle\" aria-expanded=\"false\" aria-controls=\"tt-phone___id6a37d6fe111e2\" aria-label=\"Tooltip zeigen\"><\/button><span class=\"greyd-forms-tooltip-popup\" id=\"tt-phone___id6a37d6fe111e2\" role=\"tooltip\"><span>Ihre Telefonnummer darf folgende Zeichen enthalten: + ( ) &#8211; \/<\/span><button class=\"greyd-forms-tooltip-close\" aria-label=\"Tooltip schlie\u00dfen\">\u00d7<\/button><\/span><\/span><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"tel\" name=\"phone\" id=\"phone___id6a37d6fe111e2\" aria-describedby=\"tt-phone___id6a37d6fe111e2\" placeholder=\"+49123456789\" autocomplete=\"tel\" maxlength=\"20\" pattern=\"\\(?\\+?[\\s0-9]{0,4}\\(?[0-9]{1,4}\\)?[\\-\\s\\\/0-9]{4,16}\" data-required=\"optional\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-radiobuttons input-wrapper gs_Zm0ueE\"><fieldset title=\"Bitte w\u00e4hle eine Option aus\" required data-required=\"required\"><legend class=\"label_wrap\"><div class=\"label\"><span>Art der Anfrage<\/span><span class=\"requirement-required\"> *<\/span><\/div><\/legend>\n<div class=\"option\"><label for=\"public-customer___id6a37d6fe1120a\" title=\"Bitte w\u00e4hle eine Option aus\"><input type=\"radio\" id=\"public-customer___id6a37d6fe1120a\" value=\"Public customer\" name=\"customer_type__c___id6a37d6fe1124f\" required data-required=\"required\"\/><span class=\"icon\" aria-hidden=\"true\"><\/span><span>\u00d6ffentlicher Auftraggeber<\/span><\/label><\/div>\n\n\n\n<div class=\"option\"><label for=\"commercial-customer___id6a37d6fe11227\" title=\"Bitte w\u00e4hle eine Option aus\"><input type=\"radio\" id=\"commercial-customer___id6a37d6fe11227\" value=\"Commercial customer\" name=\"customer_type__c___id6a37d6fe1124f\" required data-required=\"required\"\/><span class=\"icon\" aria-hidden=\"true\"><\/span><span>Kommerzieller Kunde<\/span><\/label><\/div>\n<\/fieldset><\/div><style class=\"greyd-styles\">.gs_Zm0ueE .progress_wrapper .live_survey_progress { layout: column !important; vertical-alignment: align-start !important; horizontal-alignment: flex-start !important; } <\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-241b7e69 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column col-12 col-sm-auto is-layout-flow wp-container-core-column-is-layout-96ca5515 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_2D9jgm is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"subject___id6a37d6fe115b9\"><span>Betreff<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"subject\" id=\"subject___id6a37d6fe115b9\" placeholder=\"Hier eingeben\" autocomplete=\"off\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_IDhOs3 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"message___id6a37d6fe117ac\"><span>Ihre Nachricht<\/span><span class=\"requirement-optional\"> (optional)<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><textarea class=\"input validation is-style-prim\" type=\"text\" name=\"message\" id=\"message___id6a37d6fe117ac\" placeholder=\"Hier eingeben\" autocomplete=\"off\" maxlength=\"4000\" data-required=\"optional\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"5\"><\/textarea><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><style class=\"greyd-styles\">.gs_IDhOs3 .input.input { border-radius: 27px; } .gs_IDhOs3 .input.input::placeholder { color: inherit; } <\/style><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-checkbox input-wrapper gs_H6jR1Z is-style-checkbox\" style=\"margin-top:var(--wp--preset--spacing--tiny);margin-bottom:0\"><label class=\"label checkbox-label\" for=\"Datenschutz___id6a37d6fe11e74\"><input class=\"checkbox_placeholder_value\" type=\"hidden\" name=\"Datenschutz\" value=\"false\"\/><input type=\"checkbox\" id=\"Datenschutz___id6a37d6fe11e74\" name=\"Datenschutz\" value=\"true\" required data-required=\"required\" title=\"Please mark the checkbox\"\/><div><span>Ich bin damit einverstanden, dass meine Angaben zur Bearbeitung meiner Anfrage und zur <strong>Kontaktaufnahme<\/strong> <strong>durch einen Vertriebsmitarbeiter<\/strong>&nbsp;verwendet werden. Weitere Informationen finden Sie in unserer <a href=\"https:\/\/www.cancom.de\/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a><\/span><span class=\"requirement-required\">&nbsp;*<\/span><\/div><\/label><style class=\"greyd-styles\">.gs_H6jR1Z { font-size: 16px !important; line-height: 120% !important; } <\/style><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-checkbox input-wrapper gs_QWamHA\" style=\"margin-top:0;margin-bottom:0\"><label class=\"label checkbox-label\" for=\"newsletter_checkbox___id6a37d6fe11e74\"><input class=\"checkbox_placeholder_value\" type=\"hidden\" name=\"newsletter_checkbox\" value=\"false\"\/><input type=\"checkbox\" id=\"newsletter_checkbox___id6a37d6fe11e74\" name=\"newsletter_checkbox\" value=\"true\" data-required=\"optional\" title=\"Please mark the checkbox\"\/><div><span>Ich m\u00f6chte k\u00fcnftig <strong>Informationen zu Themen, Veranstaltungen und Angeboten<\/strong>&nbsp;von CANCOM per E-Mail oder telefonisch erhalten. Ich kann meine Einwilligung jederzeit widerrufen. Die Einwilligung erfolgt freiwillig und kann jederzeit mit Wirkung f\u00fcr die Zukunft widerrufen werden. Weitere Informationen finden Sie in unserer <a href=\"https:\/\/www.cancom.de\/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a><\/span><span class=\"requirement-optional\"> (optional)<\/span><\/div><\/label><style class=\"greyd-styles\">.gs_QWamHA { font-size: 16px !important; } <\/style><\/div>\n\n\n\n<button class=\"wp-block-greyd-forms-submitbutton button submitbutton gs_OSt7UE  is-style-prim\" type=\"submit\" name=\"submit\" data-text=\"Absenden\"><span class=\"greyd_upload_progress\"><span class=\"spinner\"><span class=\"dot-loader\"><\/span><span class=\"dot-loader dot-loader--2\"><\/span><span class=\"dot-loader dot-loader--3\"><\/span><\/span><span class=\"bar\"><\/span><\/span><span style=\"flex:1\">Absenden<\/span><\/button>\n\n\n\n<input type=\"hidden\" name=\"form-source\" value='https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/pages\/24946'  class=\"wp-block-greyd-forms-hidden-field\"\/>\n\n\n\n<input type=\"hidden\" name=\"marketing-action\" value=\"MA00000343\" class=\"wp-block-greyd-forms-hidden-field dyn\"\/>\n<input type='hidden' name='privacytext' value='Hiermit erkl\u00e4re ich mich mit der Verarbeitung meiner Daten einverstanden. Weitere Informationen \u00fcber die Datenverarbeitung finden Sie &lt;a href=&quot;\/nutzungsbedingungen\/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;hier&lt;\/a&gt;.'><input type='hidden' name='locale' value='de_DE'><\/form><div class='after-message animate_fast' role='status' aria-live='polite'><div class='message'><\/div><\/div><div id='after-greyd-form-3'><\/div><\/div><\/div>\n<\/div>\n\n<\/div><div class=\"dialog-backdrop\"><\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-group pa-cta-core_actions is-content-justification-center is-layout-flex wp-container-core-group-is-layout-b334d705 wp-block-group-is-layout-flex\">\n<div style=\"gap: var(--wp--preset--spacing--small); \" class=\"wp-block-greyd-buttons\">\n\n\n<a  class=\"button is-style-clear dyn gs_YeGfes is-size-small\"><span style=\"flex:1\">Mehr erfahren<\/span><span class=\"arrow_right\" style=\"vertical-align:middle;margin-left:10px\" aria-hidden=\"true\"><\/span><\/a><style class=\"greyd-styles\">.gs_YeGfes { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--wp--preset--color--tertiary) !important; } .gs_YeGfes:hover { color: var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-0bede452 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1090aeb4 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group wp-container-content-958eb9dc has-global-padding is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>H\u00e4ufig gestellte Fragen<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-7c06ce47 wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<p class=\"wp-block-paragraph\">Keine passende Antwort gefunden?<\/p>\n\n\n\n<div class=\"wp-block-group pa-cta-core_actions is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-eec7b59a wp-block-group-is-layout-flex\"><div class=\"dyn wp-block-greyd-popover\" data-popover-name=\"popover-6a37d6fe14577\" data-popover-toggle=\"normal\">\n<button class=\"gs_f5gINi button is-style-prim dyn wp-block-greyd-popover-button\" tabindex=\"0\" type=\"button\" role=\"button\" aria-expanded=\"false\" aria-label=\"\" aria-controls=\"popover-6a37d6fe14577\">\n<span>Support kontaktieren<\/span>\n<\/button>\n\n<div class=\"gs_P7xBzM wp-block-greyd-popover-popup\"><div id=\"popover-6a37d6fe14577\" role=\"dialog\" class=\"is-variation-default is-position-default\"><button class=\"popover-close-button \" tabindex=\"0\" type=\"button\" role=\"button\" aria-expanded=\"false\" aria-label=\"\" aria-controls=\"popover-6a37d6fe14577\"><\/button>\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group has-background-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-5b73a1d9 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\"><div class=\"forms_wrapper dyn\"><a href='#after-greyd-form-5' class='greyd_skip_link'>Formular \u00fcberspringen<\/a><form\n\t\t\tclass='greyd_form \"GlobalesKontaktformularCorporateAnfragenzuIT-Angeboten\" requirement-style__both' name='form_78' id='greyd-form-5'\n\t\t\tdata-id='78' data-form-mode='normal' data-title='GlobalesKontaktformularCorporateAnfragenzuIT-Angeboten' data-nonce='fc149bcef1' data-send='enable'\n\t\t\tmethod='POST' enctype='multipart\/form-data'\n\t\t>\t\t<div style=\"visibility: hidden; position: absolute; z-index: -1; height: 0.1px; width: 0.1px; margin: 0; padding: 0;\">\n\t\t\t<label for=\"contact_me_by_fax_only\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"input validation\"\n\t\t\t\t\tname=\"contact_me_by_fax_only\"\n\t\t\t\t\tid=\"contact_me_by_fax_only\"\n\t\t\t\t\tvalue=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t>\n\t\t\t\tContact me by fax only\n\t\t\t<\/label>\n\t\t\t<input\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"input validation\"\n\t\t\t\tname=\"set_your_password\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\tautocomplete=\"off\"\n\t\t\t>\n\t\t<\/div>\n\t\t\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-7f1c8594 wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d76e6bf5 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column col-12 col-md-auto is-layout-flow wp-container-core-column-is-layout-7abf45c9 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_GxuGa4 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"company___id6a37d6fe13205\"><span>Unternehmen<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"company\" id=\"company___id6a37d6fe13205\" placeholder=\"Mustermann GmbH\" autocomplete=\"off\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_XMHcJ4 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"firstname___id6a37d6fe13414\"><span>Vorname<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"firstname\" id=\"firstname___id6a37d6fe13414\" placeholder=\"Petra\" autocomplete=\"given-name\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_Jd0vKe is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"lastname___id6a37d6fe13617\"><span>Name<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"lastname\" id=\"lastname___id6a37d6fe13617\" placeholder=\"Musterfrau\" autocomplete=\"family-name\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column col-12 col-md-6 is-layout-flow wp-container-core-column-is-layout-7abf45c9 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_bx6kLE\"><div class=\"label_wrap\"><label class=\"label\" for=\"email___id6a37d6fe136ff\"><span>E-Mail (gesch\u00e4ftlich)<\/span><span class=\"requirement-required\"> *<\/span><\/label><span class=\"greyd-forms-tooltip\"><button type=\"button\" class=\"greyd-forms-tooltip-toggle\" aria-expanded=\"false\" aria-controls=\"tt-email___id6a37d6fe136ff\" aria-label=\"Tooltip zeigen\"><\/button><span class=\"greyd-forms-tooltip-popup\" id=\"tt-email___id6a37d6fe136ff\" role=\"tooltip\"><span>Ihre E-Mail-Adresse sollte ein &#8222;@&#8222;-Zeichen und eine valide Domain enthalten.<\/span><button class=\"greyd-forms-tooltip-close\" aria-label=\"Tooltip schlie\u00dfen\">\u00d7<\/button><\/span><\/span><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"email\" name=\"email\" id=\"email___id6a37d6fe136ff\" aria-describedby=\"tt-email___id6a37d6fe136ff\" placeholder=\"&#110;&#x61;&#109;&#x65;&#64;&#117;&#x6e;&#116;&#x65;r&#x6e;e&#104;&#x6d;&#101;&#x6e;&#46;&#x64;&#x65;\" autocomplete=\"email\" maxlength=\"50\" pattern=\"\\w+([\\-+\\.]\\w+)*@\\w+([\\-\\.]\\w+)*\\.\\w+([\\-\\.]\\w+)*\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_BdK9v7\"><div class=\"label_wrap\"><label class=\"label\" for=\"phone___id6a37d6fe13732\"><span>Telefonnummer<\/span><span class=\"requirement-optional\"> (optional)<\/span><\/label><span class=\"greyd-forms-tooltip\"><button type=\"button\" class=\"greyd-forms-tooltip-toggle\" aria-expanded=\"false\" aria-controls=\"tt-phone___id6a37d6fe13732\" aria-label=\"Tooltip zeigen\"><\/button><span class=\"greyd-forms-tooltip-popup\" id=\"tt-phone___id6a37d6fe13732\" role=\"tooltip\"><span>Ihre Telefonnummer darf folgende Zeichen enthalten: + ( ) &#8211; \/<\/span><button class=\"greyd-forms-tooltip-close\" aria-label=\"Tooltip schlie\u00dfen\">\u00d7<\/button><\/span><\/span><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation \" type=\"tel\" name=\"phone\" id=\"phone___id6a37d6fe13732\" aria-describedby=\"tt-phone___id6a37d6fe13732\" placeholder=\"+49123456789\" autocomplete=\"tel\" maxlength=\"20\" pattern=\"\\(?\\+?[\\s0-9]{0,4}\\(?[0-9]{1,4}\\)?[\\-\\s\\\/0-9]{4,16}\" data-required=\"optional\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-radiobuttons input-wrapper gs_Zm0ueE\"><fieldset title=\"Bitte w\u00e4hle eine Option aus\" required data-required=\"required\"><legend class=\"label_wrap\"><div class=\"label\"><span>Art der Anfrage<\/span><span class=\"requirement-required\"> *<\/span><\/div><\/legend>\n<div class=\"option\"><label for=\"public-customer___id6a37d6fe13759\" title=\"Bitte w\u00e4hle eine Option aus\"><input type=\"radio\" id=\"public-customer___id6a37d6fe13759\" value=\"Public customer\" name=\"customer_type__c___id6a37d6fe1379e\" required data-required=\"required\"\/><span class=\"icon\" aria-hidden=\"true\"><\/span><span>\u00d6ffentlicher Auftraggeber<\/span><\/label><\/div>\n\n\n\n<div class=\"option\"><label for=\"commercial-customer___id6a37d6fe13776\" title=\"Bitte w\u00e4hle eine Option aus\"><input type=\"radio\" id=\"commercial-customer___id6a37d6fe13776\" value=\"Commercial customer\" name=\"customer_type__c___id6a37d6fe1379e\" required data-required=\"required\"\/><span class=\"icon\" aria-hidden=\"true\"><\/span><span>Kommerzieller Kunde<\/span><\/label><\/div>\n<\/fieldset><\/div><style class=\"greyd-styles\">.gs_Zm0ueE .progress_wrapper .live_survey_progress { layout: column !important; vertical-alignment: align-start !important; horizontal-alignment: flex-start !important; } <\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-241b7e69 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column col-12 col-sm-auto is-layout-flow wp-container-core-column-is-layout-96ca5515 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_2D9jgm is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"subject___id6a37d6fe13b0d\"><span>Betreff<\/span><span class=\"requirement-required\"> *<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><input class=\"input validation is-style-prim\" type=\"text\" name=\"subject\" id=\"subject___id6a37d6fe13b0d\" placeholder=\"Hier eingeben\" autocomplete=\"off\" maxlength=\"50\" required data-required=\"required\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"\"\/><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-input input-wrapper gs_IDhOs3 is-style-prim\"><div class=\"label_wrap\"><label class=\"label\" for=\"message___id6a37d6fe13d1f\"><span>Ihre Nachricht<\/span><span class=\"requirement-optional\"> (optional)<\/span><\/label><\/div><div class=\"input-inner-wrapper\"><textarea class=\"input validation is-style-prim\" type=\"text\" name=\"message\" id=\"message___id6a37d6fe13d1f\" placeholder=\"Hier eingeben\" autocomplete=\"off\" maxlength=\"4000\" data-required=\"optional\" title=\"Bitte f\u00fclle dieses Feld aus\" rows=\"5\"><\/textarea><span class=\"input-field-icon\" aria-hidden=\"true\"><\/span><\/div><style class=\"greyd-styles\">.gs_IDhOs3 .input.input { border-radius: 27px; } .gs_IDhOs3 .input.input::placeholder { color: inherit; } <\/style><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-checkbox input-wrapper gs_H6jR1Z is-style-checkbox\" style=\"margin-top:var(--wp--preset--spacing--tiny);margin-bottom:0\"><label class=\"label checkbox-label\" for=\"Datenschutz___id6a37d6fe143d4\"><input class=\"checkbox_placeholder_value\" type=\"hidden\" name=\"Datenschutz\" value=\"false\"\/><input type=\"checkbox\" id=\"Datenschutz___id6a37d6fe143d4\" name=\"Datenschutz\" value=\"true\" required data-required=\"required\" title=\"Please mark the checkbox\"\/><div><span>Ich bin damit einverstanden, dass meine Angaben zur Bearbeitung meiner Anfrage und zur <strong>Kontaktaufnahme<\/strong> <strong>durch einen Vertriebsmitarbeiter<\/strong>&nbsp;verwendet werden. Weitere Informationen finden Sie in unserer <a href=\"https:\/\/www.cancom.de\/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a><\/span><span class=\"requirement-required\">&nbsp;*<\/span><\/div><\/label><style class=\"greyd-styles\">.gs_H6jR1Z { font-size: 16px !important; line-height: 120% !important; } <\/style><\/div>\n\n\n\n<div class=\"wp-block-greyd-forms-checkbox input-wrapper gs_QWamHA\" style=\"margin-top:0;margin-bottom:0\"><label class=\"label checkbox-label\" for=\"newsletter_checkbox___id6a37d6fe143d4\"><input class=\"checkbox_placeholder_value\" type=\"hidden\" name=\"newsletter_checkbox\" value=\"false\"\/><input type=\"checkbox\" id=\"newsletter_checkbox___id6a37d6fe143d4\" name=\"newsletter_checkbox\" value=\"true\" data-required=\"optional\" title=\"Please mark the checkbox\"\/><div><span>Ich m\u00f6chte k\u00fcnftig <strong>Informationen zu Themen, Veranstaltungen und Angeboten<\/strong>&nbsp;von CANCOM per E-Mail oder telefonisch erhalten. Ich kann meine Einwilligung jederzeit widerrufen. Die Einwilligung erfolgt freiwillig und kann jederzeit mit Wirkung f\u00fcr die Zukunft widerrufen werden. Weitere Informationen finden Sie in unserer <a href=\"https:\/\/www.cancom.de\/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl\u00e4rung<\/a><\/span><span class=\"requirement-optional\"> (optional)<\/span><\/div><\/label><style class=\"greyd-styles\">.gs_QWamHA { font-size: 16px !important; } <\/style><\/div>\n\n\n\n<button class=\"wp-block-greyd-forms-submitbutton button submitbutton gs_OSt7UE  is-style-prim\" type=\"submit\" name=\"submit\" data-text=\"Absenden\"><span class=\"greyd_upload_progress\"><span class=\"spinner\"><span class=\"dot-loader\"><\/span><span class=\"dot-loader dot-loader--2\"><\/span><span class=\"dot-loader dot-loader--3\"><\/span><\/span><span class=\"bar\"><\/span><\/span><span style=\"flex:1\">Absenden<\/span><\/button>\n\n\n\n<input type=\"hidden\" name=\"form-source\" value='https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/pages\/24946'  class=\"wp-block-greyd-forms-hidden-field\"\/>\n\n\n\n<input type=\"hidden\" name=\"marketing-action\" value=\"MA00000343\" class=\"wp-block-greyd-forms-hidden-field dyn\"\/>\n<input type='hidden' name='privacytext' value='Hiermit erkl\u00e4re ich mich mit der Verarbeitung meiner Daten einverstanden. Weitere Informationen \u00fcber die Datenverarbeitung finden Sie &lt;a href=&quot;\/nutzungsbedingungen\/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;hier&lt;\/a&gt;.'><input type='hidden' name='locale' value='de_DE'><\/form><div class='after-message animate_fast' role='status' aria-live='polite'><div class='message'><\/div><\/div><div id='after-greyd-form-5'><\/div><\/div><\/div>\n<\/div>\n\n<\/div><div class=\"dialog-backdrop\"><\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-group pa-cta-core_actions is-content-justification-center is-layout-flex wp-container-core-group-is-layout-b334d705 wp-block-group-is-layout-flex\">\n<div style=\"gap: var(--wp--preset--spacing--small); \" class=\"wp-block-greyd-buttons\">\n\n\n<a  class=\"button is-style-clear dyn gs_YeGfes is-size-small\"><span style=\"flex:1\">Mehr erfahren<\/span><span class=\"arrow_right\" style=\"vertical-align:middle;margin-left:10px\" aria-hidden=\"true\"><\/span><\/a><style class=\"greyd-styles\">.gs_YeGfes { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--wp--preset--color--tertiary) !important; } .gs_YeGfes:hover { color: var(--wp--preset--color--darkest) !important; } <\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group wp-container-content-958eb9dc has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-greyd-accordion is-style-default gs_V5uVN7 \" data-autoclose=\"false\" data-openfirst=\"true\">\n<div class=\"wp-block-greyd-accordion-item\"><button class=\"wp-block-greyd-accordion__title\" role=\"button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sect-excb-7\" id=\"title-excb-7\"><span><strong>1. Welches Problem l\u00f6st die IT-L\u00f6sung?<\/strong><\/span><span class=\"icon icon-normal icon_plus\" aria-hidden=\"true\"><\/span><span class=\"icon icon-active icon_minus-06\" aria-hidden=\"true\"><\/span><\/button><div class=\"wp-block-greyd-accordion__content\" role=\"region\" id=\"sect-excb-7\" aria-labelledby=\"title-excb-7\" hidden>\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-accordion-item\"><button class=\"wp-block-greyd-accordion__title\" role=\"button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sect-excb-8\" id=\"title-excb-8\"><span><strong>2. F\u00fcr wen ist die L\u00f6sung geeignet?<\/strong><\/span><span class=\"icon icon-normal icon_plus\" aria-hidden=\"true\"><\/span><span class=\"icon icon-active icon_minus-06\" aria-hidden=\"true\"><\/span><\/button><div class=\"wp-block-greyd-accordion__content\" role=\"region\" id=\"sect-excb-8\" aria-labelledby=\"title-excb-8\" hidden>\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-accordion-item\"><button class=\"wp-block-greyd-accordion__title\" role=\"button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sect-excb-9\" id=\"title-excb-9\"><span><strong>3. <strong>Wie integriert sie sich in bestehende Systeme?<\/strong><\/strong><\/span><span class=\"icon icon-normal icon_plus\" aria-hidden=\"true\"><\/span><span class=\"icon icon-active icon_minus-06\" aria-hidden=\"true\"><\/span><\/button><div class=\"wp-block-greyd-accordion__content\" role=\"region\" id=\"sect-excb-9\" aria-labelledby=\"title-excb-9\" hidden>\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-accordion-item\"><button class=\"wp-block-greyd-accordion__title\" role=\"button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sect-excb-10\" id=\"title-excb-10\"><span><strong>4. Welches Problem l\u00f6st die IT-L\u00f6sung?<\/strong><\/span><span class=\"icon icon-normal icon_plus\" aria-hidden=\"true\"><\/span><span class=\"icon icon-active icon_minus-06\" aria-hidden=\"true\"><\/span><\/button><div class=\"wp-block-greyd-accordion__content\" role=\"region\" id=\"sect-excb-10\" aria-labelledby=\"title-excb-10\" hidden>\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-greyd-accordion-item\"><button class=\"wp-block-greyd-accordion__title\" role=\"button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sect-excb-11\" id=\"title-excb-11\"><span><strong>5. F\u00fcr wen ist die L\u00f6sung geeignet?<\/strong><\/span><span class=\"icon icon-normal icon_plus\" aria-hidden=\"true\"><\/span><span class=\"icon icon-active icon_minus-06\" aria-hidden=\"true\"><\/span><\/button><div class=\"wp-block-greyd-accordion__content\" role=\"region\" id=\"sect-excb-11\" aria-labelledby=\"title-excb-11\" hidden>\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<\/div><\/div>\n<style class=\"greyd-styles\">.gs_V5uVN7 .wp-block-greyd-accordion-item { --accord-title-font-size: 1.1em; --accord-title-text-color: var(--wp--preset--color--darkest); --accord-title-bg-color: var(--wp--preset--color--transparent); --accord-content-margin-bottom: 0px; --accord-transition-duration: 0.3s; --accord-align-items: flex-start; --accord-padding: 10px 0 10px 0; --accord-content-padding: 10px 0px 10px 0px; } .gs_V5uVN7 .wp-block-greyd-accordion-item .wp-block-greyd-accordion__title { border-top: 0px none var(--wp--preset--color--foreground); border-right: 0px none var(--wp--preset--color--foreground); border-bottom: 1px solid var(--wp--preset--color--darkest); border-left: 0px none var(--wp--preset--color--foreground); } <\/style><style class=\"greyd-styles\">. { --accord-title-font-size: 1.1em; --accord-title-text-color: var(--wp--preset--color--darkest); --accord-title-bg-color: var(--wp--preset--color--transparent); --accord-content-margin-bottom: 0px; --accord-transition-duration: 0.3s; --accord-align-items: flex-start; --accord-padding: 10px 0 10px 0; --accord-content-padding: 10px 0px 10px 0px; } .  { border-top: 0px none var(--wp--preset--color--foreground); border-right: 0px none var(--wp--preset--color--foreground); border-bottom: 1px solid var(--wp--preset--color--darkest); border-left: 0px none var(--wp--preset--color--foreground); } <\/style><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* ============================================\n   CTA FARBVARIANTEN\n   Ausgeschlossen: .submitbutton (Popup-Formular)\n   ============================================ *\/\n\n\/* ==== CTA ONDARK ==== *\/\n.cta-ondark .button.is-style-prim:not(.submitbutton),\n.cta-ondark .wp-block-greyd-buttons a.button:not(.is-style-sec):not(.is-style-clear) {\n  background-color: #89baff !important;\n  color: #000000 !important;\n  border-color: #89baff !important;\n}\n.cta-ondark .button.is-style-prim:not(.submitbutton):hover,\n.cta-ondark .wp-block-greyd-buttons a.button:not(.is-style-sec):not(.is-style-clear):hover {\n  background-color: transparent !important;\n  color: #89baff !important;\n  border-color: #89baff !important;\n}\n\n.cta-ondark .button.is-style-sec:not(.submitbutton) {\n  background-color: transparent !important;\n  color: #89baff !important;\n  border-color: #89baff !important;\n}\n.cta-ondark .button.is-style-sec:not(.submitbutton):hover {\n  background-color: #89baff !important;\n  color: #000000 !important;Office 365 E3Microsoft 365 E3Microsoft 365 E5Microsoft 365 E7Kernproduktivit\u00e4t\nWord, PowerPoint, Excel, Power BI, Loop, Copilot ChatBest-in-class ProductivityKommunikation\nOutlook, TeamsSpeicher\nSharePoint, OneDriveBasis SecurityDefender P1, Purview P1, Intune P1, Entra P1Erweiterte SecurityDefender P2, Purview P2, Intune P2 & Security CopilotAI Driven IntelligenzM365 CopilotSecure Foundations f\u00fcr Autonomous SystemsEntra SuiteAgent Platform & GovernanceAgent 365\n  border-color: #89baff !important;\n}\n\n.cta-ondark .button.is-style-clear {\n  background-color: transparent !important;\n  color: #89baff !important;\n  border-color: transparent !important;\n  padding: 0 !important;\n}\n.cta-ondark .button.is-style-clear:hover {\n  background-color: transparent !important;\n  color: #000000 !important;\n  border-color: transparent !important;\n}\n\n\/* ==== CTA RED ==== *\/\n.cta-red .button.is-style-prim:not(.submitbutton),\n.cta-red .wp-block-greyd-buttons a.button:not(.is-style-sec):not(.is-style-clear) {\n  background-color: #ff0035 !important;\n  color: #ffffff !important;\n  border-color: #ff0035 !important;\n}\n.cta-red .button.is-style-prim:not(.submitbutton):hover,\n.cta-red .wp-block-greyd-buttons a.button:not(.is-style-sec):not(.is-style-clear):hover {\n  background-color: transparent !important;\n  color: #ff0035 !important;\n  border-color: #ff0035 !important;\n}\n\n.cta-red .button.is-style-sec:not(.submitbutton) {\n  background-color: transparent !important;\n  color: #ff0035 !important;\n  border-color: #ff0035 !important;\n}\n.cta-red .button.is-style-sec:not(.submitbutton):hover {\n  background-color: #ff0035 !important;\n  color: #ffffff !important;\n  border-color: #ff0035 !important;\n}\n\n.cta-red .button.is-style-clear {\n  background-color: transparent !important;\n  color: #ff0035 !important;\n  border-color: transparent !important;\n  padding: 0 !important;\n}\n.cta-red .button.is-style-clear:hover {\n  background-color: transparent !important;\n  color: #000000 !important;\n  border-color: transparent !important;\n}\n\n\/* ==== CTA BLACK ==== *\/\n.cta-black .button.is-style-prim:not(.submitbutton),\n.cta-black .wp-block-greyd-buttons a.button:not(.is-style-sec):not(.is-style-clear) {\n  background-color: #000000 !important;\n  color: #ffffff !important;\n  border-color: #000000 !important;\n}\n.cta-black .button.is-style-prim:not(.submitbutton):hover,\n.cta-black .wp-block-greyd-buttons a.button:not(.is-style-sec):not(.is-style-clear):hover {\n  background-color: transparent !important;\n  color: #000000 !important;\n  border-color: #000000 !important;\n}\n\n.cta-black .button.is-style-sec:not(.submitbutton) {\n  background-color: transparent !important;\n  color: #000000 !important;\n  border-color: #000000 !important;\n}\n.cta-black .button.is-style-sec:not(.submitbutton):hover {\n  background-color: #000000 !important;\n  color: #ffffff !important;\n  color: #ffffff !important;box\n  border-color: #000000 !important;\n}\n\n.cta-black .button.is-style-clear {\n  background-color: transparent !important;\n  color: #000000 !important;\n  border-color: transparent !important;\n  padding: 0 !important;\n}\n.cta-black .button.is-style-clear:hover {\n  background-color: transparent !important;\n  color: #cccccc !important;\n  border-color: transparent !important;\n}\n\n\/* Text-Links mit underline *\/\np a:not(button a):not(.rank-math-breadcrumb p a):not(#BorlabsCookieBox p a) {\n  text-decoration: underline !important;\n  text-underline-offset: 4px;\n  text-decoration-thickness: 1px !important;\n}\n\n\/* ============================================\n   Sticky Box Kollision korrigieren\n   ============================================ *\/\n\n\/* Dropdown nach oben *\/\nheader .wp-block-navigation__submenu-container,\nheader .sub-menu {\n  z-index: 99999 !important;\n}\n\n\/* Header eigenen Stacking-Context geben *\/\nheader {\n  position: relative;\n  z-index: 9999 !important;\n  overflow: visible !important;\n}\n\n\/* Sticky Content-Boxen (Greyd) nach unten *\/\nmain .wp-block-greyd-box.is-position-sticky,\nmain .greyd-content-box.is-position-sticky {\n  z-index: 1 !important;\n}\n\n\/* ============================================\n   TYPOGRAFIE & MEDIA KORREKTUR\n   ============================================ *\/\n.reference-logo img {\nmax-height: 150px;\n}\n\n\/*Image-Header*\/\n.global-padding-override-md{padding-top: 0px !important;}\n\n\/* Media & Text *\/\n\n.wp-block-media-text.is-image-fill>.wp-block-media-text__media{min-height: 360px;}\n\n\/* Typografie - Silbetrennung *\/\nbody,\nbody * {\n  -webkit-hyphens: none !important;\n  -ms-hyphens: none !important;\n  hyphens: none !important;\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  line-break: auto !important;\n}\n\n.force-hyphens,\n.force-hyphens * {\n  -webkit-hyphens: auto !important;\n  -ms-hyphens: auto !important;\n  hyphens: auto !important;\n  word-break: normal !important;\n  overflow-wrap: break-word !important;\n}\n\n\/* Media & Text Globales Gap*\/\n\n@media (min-width: 993px) {\n.wp-block-media-text{\ngap: 0px !important;}}\n\n.security-accordion .wp-block-greyd-accordion__title{padding-bottom: 20px !important;}\n\n\n\/* Channel Partner Tabelle *\/\n\n.cp-table table {\nmin-width: 768px;\noverflow-x: scroll;\n}\n\n\/* Grid Max Col *\/\n\n@media (min-width: 1199px) {\n  .grid-max-8 {\n    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;\n  }\n  .grid-max-6 {\n    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;\n  }\n  .grid-max-5 {\n    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;\n  }\n  .grid-max-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  }\n  .grid-max-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n  .grid-max-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n}\n\/* ==== Typografie ==== *\/\n.non-transform,\n.non-transform * {\n text-transform: none !important;\n}\n\n\/* ==== Liste underlined ==== *\/\n.underlined,\n.underlined::before,\n.underlined::after {\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.underlined {\n  display: block !important;\n}\n.underlined li span  {\n  padding-top: 0 !important;\n  padding-bottom: var(--wp--preset--spacing--tiny) !important;\n  margin-top: 0px !important;\n}\n\n\/* ============================================\n   CARDS\n   ============================================ *\/\n\/* ==== PA | Text Core ==== *\/\n\/* Leere Wrapper im PA | Text-core entfernen (Overline\/Headline leer => kein Abstand) *\/\n .pa-text-core > .wp-block-group:not(:has(*)) {\n  display: none !important;\n}\n\n\/* ==== PARTNER MICROSITES \u2013 Alle Card Radius (Global)\n   G\u00fcltig nur im Theme: wp-child-theme-cancom-partner-microsites-theme ==== *\/\n\nbody[class*=\"wp-child-theme-cancom-partner-microsites\"] \n.wp-block-group:has(> :is(.pa-feature-card, .pa-product-card, .pa-video-media)) {\n  border-radius: 7px;\n  overflow: hidden;\n}\n\n\/* ==== Feature Card: Icon Logo Text ==== *\/\n\n.wp-block-group:has(> .pa-feature-card) {\n  padding: var(--wp--preset--spacing--small) !important;\n  overflow: hidden;\n}\n\n\/* ==== PA | Product-card | Media-Label-Wrapper-Inset ==== *\/\n\n\/* Wrapper-Gruppe (Editor-Wrapper um das Template herum) *\/\n.wp-block-group:has(> .pa-product-card) {\n  padding: 0 !important;\n  \/*padding-bottom: var(--wp--preset--spacing--small) !important; *\/\n  overflow: hidden;\n}\n\n\/* Card selbst *\/\n.wp-block-group:has(> .pa-product-card) > .pa-product-card {\n  margin: 0 !important; \n}\n\n\/* Alles, was NACH der Card in derselben Wrapper-Gruppe kommt, bekommt seitlichen Inset *\/\n.wp-block-group:has(> .pa-product-card) > .pa-product-card ~ * {\n  margin-left: var(--wp--preset--spacing--small) !important;\n  margin-right: var(--wp--preset--spacing--small) !important;\n  padding-bottom: var(--wp--preset--spacing--small) !important;\n}\n\n\/* Luft zwischen Card und dem direkt folgenden Block *\/\n.wp-block-group:has(> .pa-product-card) > .pa-product-card + * {\n  margin-top: var(--wp--preset--spacing--small) !important;\n}\n\n\/* Media: edge-to-edge + Label positioning *\/\n.pa-product-card_media {\n  position: relative;\n  margin: 0 !important;\n  padding: 0 !important;\n\n}\n\n\n\/* Figure\/Wrapper reset *\/\n.pa-product-card_media .wp-block-image {\n  margin: 0 !important;\n  padding: 0 !important;\n  display: block;\n  line-height: 0;\n}\n\n\/* FIX f\u00fcr Aspect-Ratio + contain: Bild oben ausrichten, kein \u201eLuft\u201c-Streifen oben *\/\n.pa-product-card_media .wp-block-image img {\ndisplay: block;\nwidth: 100%; \nheight:auto;   \n\n}\n\n\/* Label: nur anzeigen, wenn wirklich Text da ist *\/\n.product-label-container:has(p:empty) {\n  display: none !important;\n}\n\n\/* Label-Container *\/\n.product-label-container {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  z-index: 2;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 5px 12px;\n  border-radius: 999px;\n  text-align: center;\n}\n\n.product-label-container p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.2;\n  text-transform: uppercase;\n  white-space: nowrap;\n  color: #ffffff;\n}\n\n\/* Label Color Variants *\/\n\n\/* Wenn die Farbklasse auf der \u00dcBERGEORDNETEN Gruppe sitzt (dein aktueller Fall) *\/\n.wp-block-group:has(> .pa-product-card).label-red .product-label-container,\n.label-red .pa-product-card .product-label-container {\n  background-color: #f8485e;\n}\n\n.wp-block-group:has(> .pa-product-card).label-purple .product-label-container,\n.label-purple .pa-product-card .product-label-container {\n  background-color: #9a71db;\n}\n\n.wp-block-group:has(> .pa-product-card).label-orange .product-label-container,\n.label-orange .pa-product-card .product-label-container {\n  background-color: #ffb365;\n\n}\n.wp-block-group:has(> .pa-product-card).label-black .product-label-container,\n.label-black .pa-product-card .product-label-container {\n  background-color: #000000;\n}\n\n\/* ==== Video Card \u2013 FIX for WP Flow Gap ==== *\/\n\n\/* Wrapper-Gruppe (Editor-Wrapper um das Template herum) *\/\n.wp-block-group:has(> .pa-video-media) {\n  padding: 0 0 var(--wp--preset--spacing--small) 0 !important;\n  overflow: hidden;\n}\n\n\/* Abstand: nur zwischen Video und Text *\/\n.pa-video-media .pa-text-core {\n  margin-top: var(--wp--preset--spacing--small) !important;\n}\n\n\n.pa-video-media iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  border: 0;\n}\n\n\/* Inhalte NACH der Card in der Wrapper-Gruppe \u201cinsetten\u201d *\/\n.wp-block-group:has(> .pa-video-media) > .pa-video-media ~ * {\n  margin-left: var(--wp--preset--spacing--small) !important;\n  margin-right: var(--wp--preset--spacing--small) !important;\n}\n\n\/* ============================================\n   Web Animationen\n   ============================================ *\/\n\n\/* List Animation  *\/\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li {\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n\/* Vorw\u00e4rts (einblenden) Verz\u00f6gerungen *\/\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(1)  { transition-delay: 0.1s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(2)  { transition-delay: 0.3s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(3)  { transition-delay: 0.5s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(4)  { transition-delay: 0.7s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(5)  { transition-delay: 0.9s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(6)  { transition-delay: 1.1s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(7)  { transition-delay: 1.3s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(8)  { transition-delay: 1.5s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(9)  { transition-delay: 1.7s; }\nul.wp-block-greyd-list[data-anim-triggered=\"true\"] li:nth-child(10) { transition-delay: 1.9s; }\n\n\/* R\u00fcckw\u00e4rts (ausblenden) Verz\u00f6gerungen *\/\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(1)  { transition-delay: 1.9s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(2)  { transition-delay: 1.7s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(3)  { transition-delay: 1.5s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(4)  { transition-delay: 1.3s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(5)  { transition-delay: 1.1s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(6)  { transition-delay: 0.9s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(7)  { transition-delay: 0.7s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(8)  { transition-delay: 0.5s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(9)  { transition-delay: 0.3s; }\nul.wp-block-greyd-list[data-anim-triggered=\"false\"] li:nth-child(10) { transition-delay: 0.1s; }\n\n\/* ==== Background Overlapping ==== *\/\n@media (max-width: 991.98px) {\n  .bg-split-responsive {\n    background: #ff0035 !important;\n    color: #ffffff !important;\n  }\n\n  .bg-split-responsive * {\n    color: #ffffff !important;\n  }\n}\n\n\/* ==== Kreis-Box f\u00fcr Stepper Design \u2013 Hintergrundfarbe kommt aus dem Editor ==== *\/\n.circle-counter {\n  display: inline-flex;        \n  align-items: center;\n  justify-content: center;\n  aspect-ratio: 1 \/ 1;         \n  width: 3rem;               \n  max-width: 100%;\n  border-radius: 999px;     \n  padding: 0.25rem;  \n}\n.circle-counter > * {\n  margin: 0;\n  text-align: center;\n}\n\n\/* ==== Runde BOX f\u00fcr Actiontext skalierbar ==== *\/\n.circle-box {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  border-radius: 50%;\n  background-color: #f8485e;\n  color: var(--wp--preset--color--lightest, #ffffff);\n  padding: 1.5em;\n  box-sizing: border-box;\n  aspect-ratio: 1 \/ 1;\n  width: fit-content;\n  min-width: min-content;\n  overflow: visible;\n}\n\n\/* Columns Reverse *\/\n\n.reverse-cols .wp-block-columns {\n  flex-direction: row-reverse !important;\n}\n\/* Elemente inline in einem wrap *\/\n\n.inline-group.wp-block-group {\n  display: flex !important;\n  flex-direction: row !important;\n  flex-wrap: wrap !important;\n  justify-content: flex-start !important;\n  align-items: center !important;\n  align-content: flex-start !important;\n  gap: var(--wp--preset--spacing--tiny) !important;\n  row-gap: var(--wp--preset--spacing--tiny) !important;\n  column-gap: var(--wp--preset--spacing--tiny) !important;\n}\n\n\n\/* ============================================\n   INLINE LAYOUT\n   ============================================ *\/\n\/* Wenn im Editor zentriert gew\u00e4hlt wurde *\/\n.inline-group.wp-block-group.is-content-justification-center {\n  justify-content: center !important;\n}\n\n\/* Gutenberg constrained layout innerhalb dieser Klasse neutralisieren *\/\n.inline-group.wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {\n  max-width: none !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n\n\/* Kinder kompakt halten *\/\n.inline-group.wp-block-group > * {\n  margin: 0 !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n  flex: 0 0 auto !important;\n}\n\n\/* Greyd Button Wrapper *\/\n.inline-group.wp-block-group > .wp-block-greyd-buttons {\n  width: auto !important;\n  max-width: 100% !important;\n  flex: 0 0 auto !important;\n  margin: 0 !important;\n}\n\n\/* Buttons selbst *\/\n.inline-group.wp-block-group .wp-block-greyd-buttons .button {\n  white-space: normal !important;\n  text-align: center !important;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u00dcbersicht: Links, Buttons und CTA Sections Kontextlogik Das CTA-Design basiert auf einer klaren Handlungs- und Priorit\u00e4tslogik. Ziel ist es, Nutzer gezielt zu f\u00fchren und auf den ersten Blick verst\u00e4ndlich zu machen: Was ist die wichtigste Handlung auf dieser Seite? Welche Aktionen sind erg\u00e4nzend oder optional? Primary \u2192 Conversion Button Filled Button | High&nbsp;Intent&nbsp; Einsatz: F\u00fcr [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"greyd_block_editor_preview":[],"footnotes":""},"top-partner":[],"footer-setting":[],"navpoint":[],"class_list":["post-24946","page","type-page","status-publish","hentry"],"lang":"de","translations":{"de":24946},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/pages\/24946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/comments?post=24946"}],"version-history":[{"count":4,"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/pages\/24946\/revisions"}],"predecessor-version":[{"id":27930,"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/pages\/24946\/revisions\/27930"}],"wp:attachment":[{"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/media?parent=24946"}],"wp:term":[{"taxonomy":"top-partner","embeddable":true,"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/top-partner?post=24946"},{"taxonomy":"footer-setting","embeddable":true,"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/footer-setting?post=24946"},{"taxonomy":"navpoint","embeddable":true,"href":"https:\/\/library.cancom.de\/master\/wp-json\/wp\/v2\/navpoint?post=24946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}