{"id":148431,"date":"2025-06-11T16:07:44","date_gmt":"2025-06-11T13:07:44","guid":{"rendered":"https:\/\/elementor.com\/help\/klassen-in-elementor\/"},"modified":"2025-06-11T16:07:44","modified_gmt":"2025-06-11T13:07:44","slug":"klassen-in-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/","title":{"rendered":"Klassen in Elementor"},"content":{"rendered":"\n<p>Der Elementor Editor wurde entwickelt, um Web-Erstellern zu helfen, schnell und effizient zu arbeiten. Als Teil dieser Mission \u00fcbernimmt der Editor die Prinzipien des Atomic Design. Dieses System basiert auf der Idee, kleine, wiederverwendbare Elemente zu erstellen. In Elementor werden diese Elemente Klassen genannt. Dies steht im Einklang mit dem von CSS verwendeten Vokabular.    <\/p>\n\n\n\n<p>Als zus\u00e4tzlichen Vorteil kann die richtige Verwendung von Klassen auch die Leistung Ihrer Website verbessern.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Introducing Editor V4 Alpha! Classes, States, fully responsive style controls, single divs &amp; more!\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/q1pColXTiRI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Eine Klasse erstellen<\/h2>\n\n\n\n<p>Das Erstellen von Klassen erfolgt automatisch. Sie tun dies jedes Mal, wenn Sie ein <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\">Element zur Arbeitsfl\u00e4che hinzuf\u00fcgen<\/a>. Wenn Sie ein Element zur Arbeitsfl\u00e4che hinzuf\u00fcgen, erscheinen die Elementoptionen im linken Bereich.   <br><img decoding=\"async\" class=\"wp-image-57131\" style=\"width: 150px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\" alt=\"\"><\/p>\n\n\n\n<p>Oben im Tab <strong>Stil<\/strong> sehen Sie das Feld <strong>Klasse<\/strong>, in dem die Klasse <strong>lokal<\/strong> bereits ausgef\u00fcllt ist. Sie k\u00f6nnen dem Element nun neue Klassen hinzuf\u00fcgen, indem Sie diesen Prozess befolgen: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Geben Sie einen Klassennamen in das Textfeld ein.<br>Ein Dropdown-Men\u00fc erscheint.<br><img decoding=\"async\" class=\"wp-image-57132\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Create-a-new-class.png\" alt=\"\"><\/li>\n\n\n\n<li>W\u00e4hlen Sie den Klassennamen unter <strong>Neue Klasse erstellen<\/strong>.&nbsp;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Eine Klasse bearbeiten<\/h2>\n\n\n\n<p>Nachdem Sie eine Klasse erstellt haben, m\u00fcssen Sie diese bearbeiten, um ihre Eigenschaften festzulegen.<\/p>\n\n\n\n<p><strong>So bearbeiten Sie eine Klasse<\/strong>:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Erstellen Sie die Klasse.<br><img decoding=\"async\" class=\"wp-image-57133\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/image-21.png\" alt=\"\"><\/li>\n\n\n\n<li>\u00dcberpr\u00fcfen Sie das CSS-Klassenfeld. Die Klasse, die Sie bearbeiten, ist rosa, wenn es sich um eine lokale Klasse handelt. Andernfalls ist sie gr\u00fcn. Wenn die Klasse rosa oder gr\u00fcn ist, bearbeiten Sie diese Klasse.   <\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist eine Klasse?<\/h2>\n\n\n\n<p>Eine Klasse ist eine Sammlung gemeinsamer Stilmerkmale. Wenn Sie beispielsweise eine Website erstellen und m\u00f6chten, dass der Standardtext auf der gesamten Website die Schriftart Arial 12 Punkt verwendet, k\u00f6nnen Sie eine Klasse namens <strong>Haupttext<\/strong> mit diesen Merkmalen erstellen. Auf diese Weise w\u00fcrde jedes Element mit der Klasse <strong>Haupttext<\/strong> Arial 12 Punkt als Schriftart verwenden.  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Die lokale Klasse<\/h3>\n\n\n\n<p>In Elementor hat jedes Element mindestens eine Klasse \u2013 die <strong>lokale<\/strong> Klasse. Diese Klasse definiert das jeweilige Element, mit dem Sie arbeiten. Es ist wichtig zu beachten, dass, obwohl alle Elemente eine lokale Klasse haben, die <strong>lokale<\/strong> Klasse f\u00fcr jedes Element unterschiedlich sein kann. Zum Beispiel k\u00f6nnen Sie ein Text-Widget haben, das die Schriftart Arial in seiner <strong>lokalen<\/strong> Klasse verwendet, und ein anderes Text-Widget, das Calibri in seiner <strong>lokalen<\/strong> Klasse verwendet.   &nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Klassenhierarchie<\/h3>\n\n\n\n<p>Das andere Wichtige, das man \u00fcber Klassen wissen sollte, ist, dass sie nach Hierarchien funktionieren. Wenn sich Klassen widersprechen, wei\u00df der Editor, welche Merkmale Priorit\u00e4t haben. Wenn ein Element beispielsweise zwei Klassen enth\u00e4lt, eine, die die Schriftart auf Arial setzt, und eine andere, die die Klasse auf Calibri setzt, muss der Editor bestimmen, welche Priorit\u00e4t hat. Diese Priorit\u00e4t wird im Klassenmanager festgelegt. Die lokale Klasse hat jedoch immer die h\u00f6chste Priorit\u00e4t. Im obigen Fall w\u00fcrde das Element also die Schriftart New Times Roman verwenden, wenn die <strong>lokale<\/strong> Klasse die Schriftart auf New Time Roman gesetzt h\u00e4tte.     <\/p>\n\n\n\n<p>Tipp: Es ist am besten, Ihre Klassen so aufzubauen, dass es so wenige Konflikte wie m\u00f6glich gibt. Diese Konflikte k\u00f6nnen nicht nur Ihre Zeit verschwenden, sondern auch Ihre Website verlangsamen. &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel f\u00fcr den Aufbau von Klassen<\/h2>\n\n\n\n<p>In diesem Beispiel werden wir uns den Aufbau einer Website ansehen, die mehrere Schaltfl\u00e4chen enth\u00e4lt. Um Zeit zu sparen und die Leistung zu steigern, erstellen wir zwei Klassen \u2013 eine zur Definition wichtiger Schaltfl\u00e4chen und eine weitere zur Definition sekund\u00e4rer Schaltfl\u00e4chen. &nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Erstellen Sie eine Seite im Elementor Editor.<\/li>\n\n\n\n<li>Ziehen Sie ein <strong>Schaltfl\u00e4chen-Widget<\/strong> auf die Arbeitsfl\u00e4che.<br><img decoding=\"async\" class=\"wp-image-57135\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/3-The-options-appear-in-the-panel-1.png\" alt=\"\"><br>Die Optionen erscheinen im Bedienfeld.<br><img decoding=\"async\" class=\"wp-image-57136\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Click-the-Style-tab.png\" alt=\"\"><\/li>\n\n\n\n<li>Klicken Sie auf den <strong>Style<\/strong>-Tab.<\/li>\n\n\n\n<li>Geben Sie im Textfeld <strong>Klassen<\/strong>, neben <strong>lokal<\/strong>, <strong>Main_button<\/strong> ein.<br><img decoding=\"async\" class=\"wp-image-57137\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/5-creatht-emain-button-class.png\" alt=\"\"><\/li>\n\n\n\n<li>W\u00e4hlen Sie im Dropdown-Men\u00fc <strong>Neue \u201eHauptschaltfl\u00e4che\u201c erstellen<\/strong>.<br><strong>Main_button<\/strong> erscheint im Textfeld <strong>Klassen<\/strong>.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57138\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/6-Main-button-is-in-green.png\" alt=\"\"><br>Beachten Sie, dass der Klassenname <strong>Main_button<\/strong> gr\u00fcn ist. Das bedeutet, dass Sie diese Klasse bearbeiten. <br><img decoding=\"async\" class=\"wp-image-57139\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/7-open-the-size-field.png\" alt=\"\"><\/li>\n\n\n\n<li>\u00d6ffnen Sie das <strong>Gr\u00f6\u00dfe<\/strong>-Feld.<br><img decoding=\"async\" class=\"wp-image-57140\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/8-Set-the-size.png\" alt=\"\"><\/li>\n\n\n\n<li>Geben Sie der Schaltfl\u00e4che eine Breite von 200 PX und eine H\u00f6he von 50 PX.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57141\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/9-open-background.png\" alt=\"\"><\/li>\n\n\n\n<li>\u00d6ffnen Sie das Feld <strong>Hintergrund<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57142\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/10-Choose-a-background-color.png\" alt=\"\"><\/li>\n\n\n\n<li>W\u00e4hlen Sie eine Farbe f\u00fcr die Schaltfl\u00e4che. Details finden Sie unter <a href=\"https:\/\/elementor.com\/help\/style-tab-background\/\">Tab Stil &#8211; Hintergrund<\/a>. &nbsp;<br>Nun erstellen wir eine Klasse f\u00fcr sekund\u00e4re Schaltfl\u00e4chen.<\/li>\n\n\n\n<li>L\u00f6schen Sie im Textfeld <strong>CSS Klassen<\/strong> die <strong>Hauptschaltfl\u00e4che<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57143\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/11-delete-main-button-class.png\" alt=\"\"><br>Beachten Sie, dass die Schaltfl\u00e4che zu ihren Standardeinstellungen zur\u00fcckkehrt.<\/li>\n\n\n\n<li>Geben Sie im Textfeld <strong>Klassen<\/strong> <strong>Secondary_button<\/strong> ein.<br><img decoding=\"async\" class=\"wp-image-57144\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/12-create-secondary-button.png\" alt=\"\"><\/li>\n\n\n\n<li>W\u00e4hlen Sie im Dropdown-Men\u00fc <strong>\u201eSekund\u00e4re Schaltfl\u00e4che\u201c erstellen<\/strong>.<br>Beachten Sie, dass der Klassenname gr\u00fcn ist, was bedeutet, dass Sie die Klasse bearbeiten.<br><img decoding=\"async\" class=\"wp-image-57145\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/13-Open-the-size-field-for-secondary.png\" alt=\"\"><\/li>\n\n\n\n<li>\u00d6ffnen Sie das <strong>Gr\u00f6\u00dfe<\/strong>-Feld.<br><img decoding=\"async\" class=\"wp-image-57153\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/14-Set-the-secondary-size-2.png\" alt=\"\"><\/li>\n\n\n\n<li>Geben Sie der Schaltfl\u00e4che eine Breite von 100 PX und eine H\u00f6he von 50 PX.<br><img decoding=\"async\" class=\"wp-image-57148\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/15-open-typography.png\" alt=\"\">&nbsp;<\/li>\n\n\n\n<li>&nbsp;\u00d6ffnen Sie das Feld <strong>Typografie<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57150\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/16-change-the-typography-1.png\" alt=\"\"><\/li>\n\n\n\n<li>Stellen Sie die <strong>Schriftgr\u00f6\u00dfe<\/strong> auf 12 ein.&nbsp;<br><img decoding=\"async\" class=\"wp-image-57151\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/15-open-secondary-button.png\" alt=\"\"><\/li>\n\n\n\n<li>\u00d6ffnen Sie das Feld <strong>Hintergrund<\/strong>.<br><img decoding=\"async\" class=\"wp-image-57152\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/18-change-background-secondary.png\" alt=\"\"><\/li>\n\n\n\n<li>W\u00e4hlen Sie eine Farbe f\u00fcr den Hintergrund. Stellen Sie sicher, dass sie sich vom Hintergrund der <strong>Hauptschaltfl\u00e4che<\/strong> unterscheidet.<br>Nun testen wir die Ergebnisse. <br><img decoding=\"async\" class=\"wp-image-57154\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/Add-a-button-element-to-canvas.png\" alt=\"\"><\/li>\n\n\n\n<li>F\u00fcgen Sie ein neues Schaltfl\u00e4chen-Element zur Arbeitsfl\u00e4che hinzu.<\/li>\n\n\n\n<li>\u00d6ffnen Sie den Tab <strong>Stil<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf das CSS-Klassenfeld und w\u00e4hlen Sie <strong>Hauptschaltfl\u00e4che <\/strong>aus dem Dropdown-Men\u00fc.<\/li>\n<\/ol>\n\n\n\n<p>Die Schaltfl\u00e4che sollte die Eigenschaften der Hauptschaltfl\u00e4chen-Klasse \u00fcbernehmen.<\/p>\n\n\n\n<ol start=\"23\" class=\"wp-block-list\">\n<li>Klicken Sie auf das CSS-Klassenfeld und w\u00e4hlen Sie <strong>Sekund\u00e4re Schaltfl\u00e4che <\/strong>aus dem Dropdown-Men\u00fc.<\/li>\n<\/ol>\n\n\n\n<p>Die Schaltfl\u00e4che wird die meisten Eigenschaften der <strong>Hauptschaltfl\u00e4chen<\/strong>-Klasse haben. Das liegt daran, dass die Hauptschaltfl\u00e4chen-Klasse in der Klassenhierarchie h\u00f6her steht. Die Schriftart der Schaltfl\u00e4che \u00fcbernimmt jedoch den Stil der Sekund\u00e4rschaltfl\u00e4chen-Klasse. Das liegt daran, dass wir die Typografie der <strong>Hauptschaltfl\u00e4che<\/strong> nie definiert haben, sodass die <strong>Sekund\u00e4rschaltfl\u00e4chen<\/strong>-Klasse den Schriftstil bestimmt.   &nbsp;<\/p>\n\n\n\n<ol start=\"24\" class=\"wp-block-list\">\n<li>Klicken Sie im CSS-Klassenfeld auf die drei Punkte neben <strong>Sekund\u00e4re Schaltfl\u00e4che<\/strong>.&nbsp;<\/li>\n\n\n\n<li>W\u00e4hlen Sie <strong>Entfernen<\/strong> aus dem Dropdown-Men\u00fc.<\/li>\n<\/ol>\n\n\n\n<p>Das CSS-Klassenfeld sollte nun nur noch die Klassen <strong>lokal<\/strong> und <strong>Hauptschaltfl\u00e4che<\/strong> enthalten.&nbsp;<\/p>\n\n\n\n<p>Nehmen wir nun an, wir m\u00f6chten diese eine Schaltfl\u00e4che so anpassen, dass sie wie eine Hauptschaltfl\u00e4che aussieht, aber eine zus\u00e4tzliche Funktion hat \u2013 sie \u00e4ndert die Farbe, wenn Besucher mit der Maus dar\u00fcberfahren.&nbsp;<\/p>\n\n\n\n<ol start=\"26\" class=\"wp-block-list\">\n<li>Klicken Sie auf die drei Punkte neben der <strong>lokalen<\/strong> Klasse.<\/li>\n<\/ol>\n\n\n\n<p>Durch Bearbeiten der <strong>lokalen<\/strong> Klasse k\u00f6nnen wir den Stil dieser Schaltfl\u00e4che \u00e4ndern, ohne andere Schaltfl\u00e4chen mit der <strong>Hauptschaltfl\u00e4chen<\/strong>-Klasse zu \u00e4ndern.<\/p>\n\n\n\n<ol start=\"27\" class=\"wp-block-list\">\n<li>W\u00e4hlen Sie <strong>Hover<\/strong> aus dem Dropdown-Men\u00fc.<\/li>\n<\/ol>\n\n\n\n<p>Hover ist das, was man einen Zustand nennt.&nbsp;  Wenn Sie es ausw\u00e4hlen, bestimmen Sie, wie die Schaltfl\u00e4che aussieht, wenn Besucher mit der Maus dar\u00fcberfahren.&nbsp;<\/p>\n\n\n\n<ol start=\"28\" class=\"wp-block-list\">\n<li>\u00d6ffnen Sie das Hintergrundfeld.<\/li>\n\n\n\n<li>W\u00e4hlen Sie eine andere Hintergrundfarbe.<\/li>\n<\/ol>\n\n\n\n<p>Beachten Sie, dass sich die Farbe der Schaltfl\u00e4che \u00e4ndert, wenn Sie den Cursor dar\u00fcber bewegen.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Der Elementor Editor wurde entwickelt, um Web-Erstellern zu helfen, schnell und effizient zu arbeiten. Als Teil dieser Mission \u00fcbernimmt der Editor die Prinzipien des Atomic Design. Dieses System basiert auf der Idee, kleine, wiederverwendbare Elemente zu erstellen. In Elementor werden diese Elemente Klassen genannt. Dies steht im Einklang mit dem von CSS verwendeten Vokabular. Als [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1595],"tags":[1696],"class_list":["post-148431","post","type-post","status-publish","format-standard","hentry","category-v4-editor-de","tag-v4-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Klassen in Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Klassen in Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Klassen in Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Klassen in Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-11T13:07:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Click-the-Replace-URL-tab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"878\" \/>\n\t<meta property=\"og:image:height\" content=\"699\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Klassen in Elementor\",\"datePublished\":\"2025-06-11T13:07:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/\"},\"wordCount\":1102,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Editor V4\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/\",\"url\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/\",\"name\":\"Klassen in Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"datePublished\":\"2025-06-11T13:07:44+00:00\",\"description\":\"Learn everything about Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nicht kategorisiert\",\"item\":\"https:\/\/elementor.com\/help\/de\/nicht-kategorisiert\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Klassen in Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#website\",\"url\":\"https:\/\/elementor.com\/help\/de\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Klassen in Elementor | Elementor","description":"Learn everything about Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/","og_locale":"de_DE","og_type":"article","og_title":"Klassen in Elementor | Elementor","og_description":"Learn everything about Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/","og_site_name":"Help","article_published_time":"2025-06-11T13:07:44+00:00","og_image":[{"width":878,"height":699,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/03\/Click-the-Replace-URL-tab.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Cliff Churgin","Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Klassen in Elementor","datePublished":"2025-06-11T13:07:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/"},"wordCount":1102,"publisher":{"@id":"https:\/\/elementor.com\/help\/de\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","keywords":["V4"],"articleSection":["Editor V4"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/","url":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/","name":"Klassen in Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","datePublished":"2025-06-11T13:07:44+00:00","description":"Learn everything about Klassen in Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/04\/1-the-local-class.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/de\/klassen-in-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/de\/"},{"@type":"ListItem","position":2,"name":"Nicht kategorisiert","item":"https:\/\/elementor.com\/help\/de\/nicht-kategorisiert\/"},{"@type":"ListItem","position":3,"name":"Klassen in Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/de\/#website","url":"https:\/\/elementor.com\/help\/de\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/de\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts\/148431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/comments?post=148431"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts\/148431\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/media?parent=148431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/categories?post=148431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/tags?post=148431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}