{"id":148543,"date":"2025-05-19T15:53:22","date_gmt":"2025-05-19T12:53:22","guid":{"rendered":"https:\/\/elementor.com\/help\/konfliktierende-stile-priorisieren\/"},"modified":"2025-05-19T15:53:22","modified_gmt":"2025-05-19T12:53:22","slug":"konfliktierende-stile-priorisieren","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/","title":{"rendered":"Konfliktierende Stile priorisieren"},"content":{"rendered":"\n<p>Das Styling von Elementen im Elementor Editor V4 basiert auf dem Konzept von Klassen. Weitere Informationen zu Klassen in V4 finden Sie unter <a href=\"https:\/\/elementor.com\/help\/classes-in-elementor\/\">Klassen in Elementor<\/a>. &nbsp;<\/p>\n\n\n\n<p>Das Arbeiten mit Klassen hat viele Vorteile, insbesondere die M\u00f6glichkeit, Elemente wiederzuverwenden, was Ihre Arbeit schneller und effizienter macht. Die Verwendung von Klassen kann jedoch manchmal bedeuten, dass Sie einem Element widerspr\u00fcchliche Stile hinzuf\u00fcgen. Zum Beispiel kann ein Absatzelement eine Klasse haben, die die Textfarbe auf Gr\u00fcn setzt, und eine andere Klasse, die die Textfarbe auf Rot setzt. Wie entscheidet der Editor, welche Farbe verwendet werden soll?   <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Klassen priorisieren und Konflikte identifizieren<\/h2>\n\n\n\n<p>Im folgenden Beispiel verwenden wir zwei Klassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Red_text: Diese Klasse ist so eingestellt, dass der Text rot wird.<\/li>\n\n\n\n<li>Green_text: Diese Klasse ist so eingestellt, dass der Text gr\u00fcn wird.<\/li>\n<\/ul>\n\n\n\n<p>Informationen zum Erstellen von Klassen finden Sie unter <a href=\"https:\/\/elementor.com\/help\/classes-in-elementor\/\">Klassen in Elementor<\/a>.<\/p>\n\n\n\n<p>Um die Klassenpriorit\u00e4t und Konflikterkennung zu demonstrieren, erstellen wir ein Beispiel-Element.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>F\u00fcgen Sie ein Absatzelement zur Arbeitsfl\u00e4che hinzu.<br>Da wir den Absatz nicht gestylt haben, wird die Standardtextfarbe \u2013 Schwarz \u2013 verwendet.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"321\" class=\"wp-image-57455\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-300x142.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-1024x483.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-768x362.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/>&nbsp;<\/li>\n\n\n\n<li>Klicken Sie auf den <strong>Style<\/strong>-Tab.<br><img decoding=\"async\" width=\"280\" height=\"252\" class=\"wp-image-57456\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-17.png\" alt=\"\"><\/li>\n<\/ol>\n\n\n\n<p>Oben auf der Registerkarte \u201eStil\u201c befindet sich das Textfeld <strong>Klassen<\/strong>. Das Textfeld <strong>Klassen<\/strong> enth\u00e4lt die Namen aller Klassen, die auf das Element angewendet werden. Im Moment ist die einzige Klasse, die auf das Element angewendet wird, <strong>Lokal<\/strong>.  &nbsp;<\/p>\n\n\n\n<p>Lokal ist eine spezielle Klasse. Jedes Element hat eine lokale Klasse, die nur auf dieses Element angewendet wird. Zu diesem Zeitpunkt haben wir der lokalen Klasse keine Stile hinzugef\u00fcgt, sodass das Absatzelement die Standardeinstellungen verwendet.  <\/p>\n\n\n\n<p>F\u00fcgen wir nun etwas Farbe zum Text hinzu.<br><img decoding=\"async\" width=\"680\" height=\"210\" class=\"wp-image-57457\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-300x93.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-1024x316.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-768x237.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>F\u00fcgen Sie im Textfeld <strong>Klassen<\/strong> die Klasse <strong>Red_text<\/strong> hinzu.<\/li>\n<\/ul>\n\n\n\n<p>Der Text wird rot, weil er die von der Klasse Red_text festgelegte Farbe verwendet.<\/p>\n\n\n\n<p>Schauen wir uns nun die Indikatoren an. Indikatoren zeigen Ihnen, welche Einstellungen f\u00fcr Ihr Element verwendet werden. <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"793\" class=\"wp-image-57458\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19.png 250w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19-106x300.png 106w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00d6ffnen Sie das Feld <strong>Typografie<\/strong> und sehen Sie sich die Einstellung <strong>Textfarbe<\/strong> an. Der Indikatorpunkt ist gr\u00fcn und zeigt an, dass dies die Einstellung ist, die verwendet wird. &nbsp;<\/li>\n<\/ul>\n\n\n\n<p>[callout type=&#8220;note&#8220;]Wenn Sie das Typografie-Feld schlie\u00dfen w\u00fcrden, w\u00fcrde ein Indikatorpunkt neben dem Wort Typografie erscheinen. Indikatoren erscheinen bei jeder Stileinstellung, die einen Wert hat. Unten finden Sie eine Tabelle, die die Bedeutung der Indikatorfarbe erkl\u00e4rt.  <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"362\" class=\"wp-image-59010\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators.png 616w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators-232x300.png 232w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>[\/callout]<\/p>\n\n\n\n<p>Gehen Sie nun zur lokalen Klasse und sehen Sie sich die Typografie-Einstellung an.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"785\" class=\"wp-image-57459\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20.png 251w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20-107x300.png 107w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<p>Es gibt einen grauen Punkt bei <strong>Textfarbe<\/strong>. Das zeigt, dass dieses Element eine andere Klasse enth\u00e4lt, die die Textfarbe festlegt. <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"272\" class=\"wp-image-57460\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-21.png\" alt=\"\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wir gehen zur\u00fcck zum Textfeld <strong>Klassen<\/strong> und f\u00fcgen die Klasse <strong>Green_text<\/strong> hinzu.<\/li>\n<\/ul>\n\n\n\n<p>Beachten Sie, dass, obwohl wir die Klasse Green_text nach der Klasse Red_text hinzugef\u00fcgt haben, sie nach links von der Red_class verschoben wird. Klassen links haben immer Vorrang vor den Klassen rechts. Das bedeutet, dass die <strong>lokale<\/strong> Klasse immer die h\u00f6chste Priorit\u00e4t hat, da sie immer die linkeste Klasse ist.  <br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"244\" class=\"wp-image-57461\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22.png 1208w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-300x108.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-1024x368.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-768x276.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<p>Um zu verstehen, warum, klicken Sie auf das Klassenmanager-Symbol, um den Klassenmanager zu \u00f6ffnen. Details finden Sie unter <a href=\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\">Der Elementor Editor Klassenmanager<\/a>. &nbsp;<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"329\" class=\"wp-image-57462\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23.png 264w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23-255x300.png 255w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>&nbsp;&nbsp;<\/p>\n\n\n\n<p>Beachten Sie, dass <strong>Green_text<\/strong> \u00fcber <strong>Red_text<\/strong> steht, was bedeutet, dass es Vorrang vor <strong>Red_text<\/strong> hat. Jedes Element mit sowohl <strong>Green_text<\/strong> als auch <strong>Red_text<\/strong> \u00fcbernimmt die Einstellungen von <strong>Green_text<\/strong>. <\/p>\n\n\n\n<p>Wenn wir uns die <strong>Typografie<\/strong>-Einstellungen f\u00fcr jede Klasse ansehen, werden wir Folgendes feststellen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In der Klasse <strong>Red_text<\/strong> befindet sich ein orangefarbener Punkt bei <strong>Textfarbe<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdurA__7LT01JLEXelEcZxgZ7uxs3H_0V5bk_7eLcW7iZWm9r0ya8T_ERRoUGBRe23jURnirnukrcKc8tNo4A45cZFtoGBzhPC1fFS1waqsyU5HSmayz94N7MqTqpkbwi58EBw?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Dies zeigt, dass eine andere Klasse die Einstellung f\u00fcr diese Klasse \u00fcberschreibt. <\/li>\n\n\n\n<li>In der Klasse <strong>Green_text<\/strong> befindet sich ein gr\u00fcner Punkt bei <strong>Textfarbe<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeLDF860uXXnxfSBQ8G-mHeu_mbXCFBHSsyd8-IdcJMpHRxjpR9aI4PVdlVpqEu4zMjcJ9ObSeIMTD2kQVL68gLH3wSrBB4ZHHel0YJ-vAxdjr7Plj8QatfSVgrNvyzjT29Muo?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Dies zeigt, dass dies die in diesem Element verwendete Farbe ist. &nbsp;&nbsp;<\/li>\n\n\n\n<li>In der <strong>lokalen<\/strong> Klasse befindet sich ein grauer Punkt bei <strong>Textfarbe<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdGYiU2uH0ppsCKOmvoGPqqxnu0PItL_rX2s9g0hTl-cdXvA4g_JXEHCiKYJb0f1VzyI0GKLfiZqS5cAhC_iwU4ZFdIixOrUJpGe0c_0WW9teuG9F8xUFnvFuwGB0cTXGrIQ5g?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Dies zeigt, dass dieses Element eine andere Klasse hat, die diese Einstellung bestimmt, aber es kollidiert nicht mit dieser Klasse. <\/li>\n<\/ul>\n\n\n\n<p>Schlie\u00dflich wollen wir sehen, was passiert, wenn wir die lokale Klasse bearbeiten.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"443\" class=\"wp-image-57463\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-300x195.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-1024x667.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-768x500.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c4ndern Sie in <strong>Typografie<\/strong> die <strong>Textfarbe<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Der Text \u00e4ndert sich in diese Farbe, da die <strong>lokale<\/strong> Klasse immer die h\u00f6chste Priorit\u00e4t hat. Der Indikator neben <strong>Textfarbe<\/strong> wird rosa, was anzeigt, dass diese Farbe lokal ist und die h\u00f6chste Priorit\u00e4t hat. <\/p>\n\n\n\n<p>Unten ist eine Tabelle der Indikatoren und ihrer Bedeutung:<br>[callout type=&#8220;note&#8220;]Diese Indikatoren erscheinen bei Einstellungen, die Werte enthalten, und bei Feldern, wie z. B. <strong>Gr\u00f6\u00dfe<\/strong> und <strong>Typografie<\/strong>, die Einstellungen mit Werten enthalten. Es k\u00f6nnen mehrere Indikatoren neben Feldnamen erscheinen, da es in diesen Feldern einzelne Einstellungen geben kann, die unterschiedliche Status haben. Zum Beispiel kann ein Typografie-Feld einen <strong>Schrifttyp<\/strong> enthalten, der von dieser Einstellung verwendet wird (gr\u00fcner Indikator), und eine <strong>Schriftgr\u00f6\u00dfe<\/strong>, die von einer anderen Einstellung bestimmt wird (orangefarbener Indikator).   <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Indikator<\/strong><\/td><td><strong>Bedeutung<\/strong><\/td><\/tr><tr><td>Rosa<\/td><td>Wert, der von der lokalen Klasse festgelegt wurde. Kann niemals \u00fcberschrieben werden. <\/td><\/tr><tr><td>Gr\u00fcn<\/td><td>Diese Einstellung wird derzeit von dieser Klasse bestimmt. Dies kann durch Neuanordnung der Klassenpriorit\u00e4ten ge\u00e4ndert werden. &nbsp;<\/td><\/tr><tr><td>Grau<\/td><td>Diese Einstellung wird derzeit von einer anderen Klasse bestimmt.<\/td><\/tr><tr><td>Orange<\/td><td>Diese Einstellung wird derzeit von einer anderen Klasse bestimmt. Dies kann durch Neuanordnung der Klassenpriorit\u00e4ten ge\u00e4ndert oder von der <strong>lokalen<\/strong> Klasse \u00fcberschrieben werden. <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Identifizieren Sie, welche Klasse verwendet wird<\/h2>\n\n\n\n<p>Die oben erkl\u00e4rten Indikatoren zeigen Ihnen, wo Konflikte bestehen, k\u00f6nnen aber auch genauere Informationen liefern. Klicken Sie auf einen Indikator, und ein Popup erkl\u00e4rt genau, welchen Stil er verwendet und welche Stile er ignoriert. &nbsp;<\/p>\n\n\n\n<p>Wir werden die Klassen im obigen Beispiel verwenden, um zu sehen, wie es funktioniert.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li> Ziehen Sie ein Absatzelement auf die Arbeitsfl\u00e4che.<\/li>\n\n\n\n<li>Erstellen Sie die Klassen <strong>Red_text<\/strong> und <strong>Green_text<\/strong> wie oben erw\u00e4hnt.<br><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"236\" class=\"wp-image-58857\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like.png 612w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like-300x186.png 300w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><br>So sollte das Feld \u201eKlassen\u201c aussehen.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"516\" class=\"wp-image-58858\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field.png 612w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field-163x300.png 163w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field-556x1024.png 556w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>\u00d6ffnen Sie im Bedienfeld das Feld Typografie.<br>[callout type=&#8220;note&#8220;]Der Indikator neben dem Wort Typografie zeigt an, dass es einen Konflikt in den Typografie-Feldern gibt.[\/callout]<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"290\" class=\"wp-image-58860\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup-.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup-.png 582w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup--290x300.png 290w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Klicken Sie auf den Indikator neben <strong>Textfarbe<\/strong>.<br>Ein Popup zeigt die Namen der widerspr\u00fcchlichen Klassen an. Die Eigenschaften der nicht verwendeten Klasse sind durchgestrichen. <\/li>\n<\/ol>\n\n\n\n<p>Die responsiven Bearbeitungsfunktionen des Editors erm\u00f6glichen es Ihnen, verschiedene Klassen f\u00fcr verschiedene Bildschirmgr\u00f6\u00dfen festzulegen. Als Beispiel werden wir unterschiedliche Schriftgr\u00f6\u00dfen f\u00fcr Desktops und Mobilger\u00e4te festlegen. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>F\u00fcgen Sie ein Absatzelement zur Arbeitsfl\u00e4che hinzu und geben Sie Text ein.<\/li>\n\n\n\n<li>\u00d6ffnen Sie das Feld <strong>Typografie<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"349\" class=\"wp-image-58863\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-300x154.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-1024x526.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-768x394.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-1536x788.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-2048x1051.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Geben Sie im Z\u00e4hler <strong>Schriftgr\u00f6\u00dfe<\/strong> <strong>14<\/strong> ein.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"107\" class=\"wp-image-58864\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-300x47.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-1024x161.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-768x121.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-1536x241.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-2048x321.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Klicken Sie auf das Mobil-Symbol.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"350\" class=\"wp-image-58865\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-300x155.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-1024x528.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-768x396.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-1536x791.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-2048x1055.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>\u00d6ffnen Sie das Feld <strong>Typografie<\/strong> und stellen Sie die Textgr\u00f6\u00dfe auf <strong>24<\/strong> ein.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"714\" class=\"wp-image-58867\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size.png 608w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-118x300.png 118w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-402x1024.png 402w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-603x1536.png 603w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Klicken Sie auf den Indikator bei <strong>Schriftgr\u00f6\u00dfe<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"155\" class=\"wp-image-58871\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup.png 562w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup-300x167.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Das Popup zeigt an, welche Schriftgr\u00f6\u00dfe f\u00fcr Mobilger\u00e4te und welche f\u00fcr Desktops verwendet wird. Da wir uns im Mobilmodus befinden, ist die Desktop-Eigenschaft durchgestrichen.  <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Das Styling von Elementen im Elementor Editor V4 basiert auf dem Konzept von Klassen. Weitere Informationen zu Klassen in V4 finden Sie unter Klassen in Elementor. &nbsp; Das Arbeiten mit Klassen hat viele Vorteile, insbesondere die M\u00f6glichkeit, Elemente wiederzuverwenden, was Ihre Arbeit schneller und effizienter macht. Die Verwendung von Klassen kann jedoch manchmal bedeuten, dass [&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":[1605],"tags":[1696],"class_list":["post-148543","post","type-post","status-publish","format-standard","hentry","category-features-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>Konfliktierende Stile priorisieren | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Konfliktierende Stile priorisieren 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\/konfliktierende-stile-priorisieren\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Konfliktierende Stile priorisieren | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Konfliktierende Stile priorisieren 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\/konfliktierende-stile-priorisieren\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:53:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1206\" \/>\n\t<meta property=\"og:image:height\" content=\"569\" \/>\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=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Konfliktierende Stile priorisieren\",\"datePublished\":\"2025-05-19T12:53:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/\"},\"wordCount\":1113,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Features\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/\",\"url\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/\",\"name\":\"Konfliktierende Stile priorisieren | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"datePublished\":\"2025-05-19T12:53:22+00:00\",\"description\":\"Learn everything about Konfliktierende Stile priorisieren in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#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\":\"Konfliktierende Stile priorisieren\"}]},{\"@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":"Konfliktierende Stile priorisieren | Elementor","description":"Learn everything about Konfliktierende Stile priorisieren 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\/konfliktierende-stile-priorisieren\/","og_locale":"de_DE","og_type":"article","og_title":"Konfliktierende Stile priorisieren | Elementor","og_description":"Learn everything about Konfliktierende Stile priorisieren in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/","og_site_name":"Help","article_published_time":"2025-05-19T12:53:22+00:00","og_image":[{"width":1206,"height":569,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Cliff Churgin","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/de\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Konfliktierende Stile priorisieren","datePublished":"2025-05-19T12:53:22+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/"},"wordCount":1113,"publisher":{"@id":"https:\/\/elementor.com\/help\/de\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","keywords":["V4"],"articleSection":["Features"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/","url":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/","name":"Konfliktierende Stile priorisieren | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","datePublished":"2025-05-19T12:53:22+00:00","description":"Learn everything about Konfliktierende Stile priorisieren in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/de\/konfliktierende-stile-priorisieren\/#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":"Konfliktierende Stile priorisieren"}]},{"@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\/148543","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=148543"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/posts\/148543\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/media?parent=148543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/categories?post=148543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/de\/wp-json\/wp\/v2\/tags?post=148543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}