{"id":14283,"date":"2024-10-23T08:44:21","date_gmt":"2024-10-23T08:44:21","guid":{"rendered":"https:\/\/ptc.wpml.org\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/"},"modified":"2026-03-20T09:53:17","modified_gmt":"2026-03-20T09:53:17","slug":"ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet","status":"publish","type":"documentation","link":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/","title":{"rendered":"Leitfaden zur Internationalisierung (i18n) und Lokalisierung von Rails"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-layout-flex uagb-block-7d0a9c8b default uagb-is-root-container\">\n<div class=\"wp-block-uagb-container uagb-block-ec2c2fb6\">\n<p class=\"lead has-medium-font-size\">Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI. <\/p>\n\n\n\n<p>Um zu zeigen, wie die Rails-Internationalisierung in der Praxis funktioniert, haben wir eine kleine Ruby on Rails Demo-Anwendung erstellt. Die App zeigt die aktuelle Serverzeit mit einem Aktualisierungsbutton an und enth\u00e4lt einen einfachen Sprachumschalter. <\/p>\n\n\n\n<p>Sie k\u00f6nnen diese Konzepte auf Ihre bestehende Rails-Anwendung anwenden oder eine neue Rails-App mit <code>rails new YourAppName<\/code> erstellen und mit uns zusammen aufbauen.<\/p>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-a2ef876d alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<p>Den vollst\u00e4ndigen Quellcode finden Sie auf GitHub: <a href=\"https:\/\/github.com\/OnTheGoSystems\/rails-i18n\" target=\"_blank\" rel=\"noreferrer noopener\">Rails i18n Demo App<\/a><br\/><\/p>\n<\/div><\/div>\n\n\n\n<div id=\"h-translating-texts\" class=\"wp-block-uagb-container uagb-block-480d8777 default uagb-is-root-container\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"rails-i18n\">Rails Internationalisierung (i18n) konfigurieren<\/h2>\n\n\n\n<p>Die Rails-Internationalisierung erfordert drei Konfigurationsschritte: das Festlegen verf\u00fcgbarer Locales, das Hinzuf\u00fcgen des Locales zu Ihren URLs und das Sicherstellen, dass Rails f\u00fcr jede Anfrage das richtige Locale l\u00e4dt. Sie sollten auch das <code>rails-i18n<\/code> Gem installieren, das Locale-Daten wie \u00fcbersetzte Monatsnamen, Pluralisierungsregeln und Standard-Rails-Fehlermeldungen bereitstellt. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-set-available-locales\">Verf\u00fcgbare Locales festlegen<\/h3>\n\n\n\n<p>Zuerst teilen Sie Rails in <code>config\/application.rb<\/code> mit, welche Sprachen die App unterst\u00fctzen soll, und legen ein Standard-Locale fest:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>config.i18n.default_locale = :en\nconfig.i18n.available_locales = [:en, :es, :de]<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D8DEE9FF\">config<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">i18n<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">default_locale <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">en<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">config<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">i18n<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">available_locales <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[:<\/span><span style=\"color: #D8DEE9FF\">en<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">es<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">de<\/span><span style=\"color: #ECEFF4\">]<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Diese Konfiguration teilt Rails mit:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Englisch (<code>:en<\/code>) ist die Standardsprache<\/li>\n\n\n\n<li>Die App unterst\u00fctzt Englisch, Spanisch und Deutsch<\/li>\n\n\n\n<li>Benutzer k\u00f6nnen zwischen diesen drei Sprachen wechseln<\/li>\n<\/ul>\n\n\n\n<p>Sie k\u00f6nnen beliebige Sprachcodes hinzuf\u00fcgen, die Sie ben\u00f6tigen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-add-locale-to-urls\">Locale zu URLs hinzuf\u00fcgen<\/h3>\n\n\n\n<p>Als N\u00e4chstes f\u00fcgen Sie das Locale zur URL hinzu, sodass jede Sprache ihren eigenen Pfad hat, wie <code>\/en\/time<\/code> oder <code>\/es\/time<\/code>:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly># config\/routes.rb\nscope \"\/:locale\" do\n get '\/time', to: 'home#index', as: :time_display\nend<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\"># config\/routes.rb<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">scope <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">\/:locale<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">do<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  get <\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">\/time<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> to<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">home#index<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> as<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">time_display<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">end<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Dies erstellt Locale-spezifische URLs f\u00fcr Ihre Rails-Anwendung. Benutzer k\u00f6nnen auf verschiedene Sprachversionen zugreifen, indem sie den Locale-Parameter in der URL \u00e4ndern. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-configure-locale-switching\">Locale-Wechsel konfigurieren<\/h3>\n\n\n\n<p>Stellen Sie schlie\u00dflich in <code>app\/controllers\/application_controller.rb<\/code> sicher, dass Rails das richtige Locale aus der URL l\u00e4dt und es in alle Links einbezieht:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>class ApplicationController &lt; ActionController::Base\n around_action :switch_locale\n\n def switch_locale(&amp;action)\n locale = params[:locale] || I18n.default_locale\n I18n.with_locale(locale, &amp;action)\n end\n\n def default_url_options\n { locale: I18n.locale }\n end\nend<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">class<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">ApplicationController<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB; font-weight: bold\">ActionController::Base<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  around_action <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">switch_locale<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">def<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">switch_locale<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">&amp;<\/span><span style=\"color: #D8DEE9\">action<\/span><span style=\"color: #ECEFF4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    locale <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> params<\/span><span style=\"color: #ECEFF4\">[:<\/span><span style=\"color: #D8DEE9FF\">locale<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">||<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">I18n<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">default_locale<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #8FBCBB\">I18n<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">with_locale<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">locale<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&amp;<\/span><span style=\"color: #D8DEE9FF\">action<\/span><span style=\"color: #ECEFF4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">end<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">def<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">default_url_options<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> locale<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">I18n<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">locale <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">end<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">end<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Dieser Code:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Liest das Locale aus dem URL-Parameter<\/li>\n\n\n\n<li>Greift auf das Standard-Locale zur\u00fcck, wenn kein Parameter vorhanden ist<\/li>\n\n\n\n<li>Stellt sicher, dass alle generierten URLs das aktuelle Locale enthalten<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-install-the-rails-i18n-gem\">Das rails-i18n Gem installieren<\/h3>\n\n\n\n<p>Das rails-i18n Gem stellt Locale-Daten f\u00fcr mehrere Sprachen bereit, einschlie\u00dflich \u00fcbersetzter Monatsnamen, Pluralisierungsregeln und Standard-Rails-Fehlermeldungen. Dies erspart Ihnen die manuelle \u00dcbersetzung dieser Standardzeichenketten. <\/p>\n\n\n\n<p>F\u00fcgen Sie es zu Ihrer Gemfile hinzu:<\/p>\n\n\n\n<p><code>gem 'rails-i18n'<\/code><\/p>\n\n\n\n<p>Dann ausf\u00fchren:<\/p>\n\n\n\n<p><code>bundle install<\/code><\/p>\n\n\n\n<p>Rails ist nun vollst\u00e4ndig f\u00fcr die Internationalisierung konfiguriert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-a-language-switcher\">Einen Sprachumschalter hinzuf\u00fcgen<\/h2>\n\n\n\n<p>Nachdem Ihre Rails-App nun mehrere Locales unterst\u00fctzt, ben\u00f6tigen Ihre globalen Benutzer eine M\u00f6glichkeit, zwischen den Sprachen zu wechseln. Rails macht dies einfach, da die <code>default_url_options<\/code>-Methode in <strong>ApplicationController<\/strong> das aktuelle Locale automatisch in alle generierten URLs einbezieht. <\/p>\n\n\n\n<p>Das bedeutet, Sie k\u00f6nnen einen Sprachumschalter erstellen, der nur den Locale-Parameter aktualisiert, w\u00e4hrend der Benutzer auf derselben Seite bleibt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-create-the-language-switcher-ui\">Die Benutzeroberfl\u00e4che des Sprachumschalters erstellen<\/h3>\n\n\n\n<p>F\u00fcgen Sie den Sprachumschalter zu Ihrer Layout-Datei hinzu. In unserer Demo-App wird der Umschalter in <code>app\/views\/layouts\/application.html.erb<\/code> hinzugef\u00fcgt: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;nav&gt;\n  &lt;%= link_to \"Englisch\", url_for(locale: :en) %&gt; |\n  &lt;%= link_to \"Spanisch\", url_for(locale: :es) %&gt; |\n  &lt;%= link_to \"Deutsch\", url_for(locale: :de) %&gt;\n&lt;\/nav&gt;<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;nav&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> link_to <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">English<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> url_for<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">locale<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">en<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><span style=\"color: #D8DEE9FF\"> |<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> link_to <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Espa\u00f1ol<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> url_for<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">locale<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">es<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><span style=\"color: #D8DEE9FF\"> |<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> link_to <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Deutsch<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> url_for<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">locale<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">de<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/nav&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Jeder Link verwendet <code>url_for(locale: :locale_code)<\/code>, um eine URL mit dem angegebenen Locale zu generieren. Wenn ein Benutzer auf einen Link klickt: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Die <code>switch_locale<\/code>-Methode im <strong>ApplicationController<\/strong> erkennt die \u00c4nderung <\/li>\n\n\n\n<li>Rails rendert die Seite in der neuen Sprache<\/li>\n<\/ul>\n\n\n\n<p>Da Sie <code>default_url_options<\/code> im <strong>ApplicationController<\/strong> definiert haben, f\u00fcgt Rails das Locale automatisch in alle generierten Links ein. Das bedeutet, das Locale bleibt erhalten, w\u00e4hrend Benutzer durch Ihre App navigieren. Sie m\u00fcssen nicht manuell Locale-Parameter zu jedem Link hinzuf\u00fcgen.  <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-style-your-language-switcher\">Ihren Sprachumschalter gestalten<\/h3>\n\n\n\n<p>Sie k\u00f6nnen den Sprachumschalter in <code>app\/assets\/stylesheets\/application.css<\/code> an Ihr Design anpassen. Die Demo-App enth\u00e4lt eine grundlegende Gestaltung, um den Umschalter sichtbar und benutzerfreundlich zu machen. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setting-up-translation-keys-in-rails-views\">\u00dcbersetzungsschl\u00fcssel in Rails Views einrichten<\/h2>\n\n\n\n<p>Bevor Sie Ihre App \u00fcbersetzen k\u00f6nnen, muss der gesamte benutzerorientierte Text in Rails i18n-Dateien statt fest codiert sein. Rails bietet die <code>t<\/code>-Hilfsmethode (kurz f\u00fcr <code>translate<\/code>), um \u00fcbersetzte Zeichenketten nachzuschlagen und anzuzeigen. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-replace-hard-coded-text-with-translation-keys\">Fest codierten Text durch \u00dcbersetzungsschl\u00fcssel ersetzen<\/h3>\n\n\n\n<p>Rails verwendet den integrierten <code>I18n.t<\/code> (oder einfach <code>t<\/code>) Helfer, um Zeichenketten aus Ihren \u00dcbersetzungsdateien nachzuschlagen.<\/p>\n\n\n\n<div id=\"fancy-box\" class=\"wp-block-uagb-container uagb-block-107dc1c1 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-30525fed\">\n<div class=\"wp-block-uagb-container uagb-block-5c2e3e70\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-764d65b8\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-5720b20d\"><h4 class=\"uagb-heading-text\"><strong><strong><strong><strong><strong><strong>Korrekt (mit \u00dcbersetzungsschl\u00fcsseln):<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h4><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-74b679ef\">\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#39404f;color:#c8d0e0\">ERB<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;h1&gt;&lt;%= t(:hello) %&gt;&lt;\/h1&gt;\n&lt;p&gt;&lt;%= t(:current_time, time: @time) %&gt;&lt;\/p&gt;\n&lt;button id=\"click-me\"&gt;&lt;%= t(:refresh) %&gt;&lt;\/button&gt;\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;h1&gt;&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> t<\/span><span style=\"color: #ECEFF4\">(:<\/span><span style=\"color: #D8DEE9FF\">hello<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;&lt;\/h1&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p&gt;&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> t<\/span><span style=\"color: #ECEFF4\">(:<\/span><span style=\"color: #D8DEE9FF\">current_time<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> time<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">@<\/span><span style=\"color: #D8DEE9\">time<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;button<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">id<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">click-me<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #81A1C1\">&gt;&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> t<\/span><span style=\"color: #ECEFF4\">(:<\/span><span style=\"color: #D8DEE9FF\">refresh<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;&lt;\/button&gt;<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-36736043 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-33b94f98\">\n<div class=\"wp-block-uagb-container uagb-block-c418e740\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-8811a44a\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-5eefa1c6\"><h4 class=\"uagb-heading-text\"><strong><strong><strong>Falsch (fest codierter Text):<\/strong><br\/><\/strong><\/strong><\/h4><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-effed741\">\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;h1&gt;Hello&lt;\/h1&gt;\n&lt;p&gt;Current time: &lt;%= @time %&gt;&lt;\/p&gt;\n&lt;button&gt;Refresh&lt;\/button&gt;<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;h1&gt;<\/span><span style=\"color: #D8DEE9FF\">Hello<\/span><span style=\"color: #81A1C1\">&lt;\/h1&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p&gt;<\/span><span style=\"color: #D8DEE9FF\">Current time: <\/span><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">@<\/span><span style=\"color: #D8DEE9\">time<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;button&gt;<\/span><span style=\"color: #D8DEE9FF\">Refresh<\/span><span style=\"color: #81A1C1\">&lt;\/button&gt;<\/span><\/span><\/code><\/pre><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Fest codierter Text wird nicht in Ihrer YAML-Datei angezeigt, was bedeutet, dass er sp\u00e4ter nicht \u00fcbersetzt werden kann. Verwenden Sie immer \u00dcbersetzungsschl\u00fcssel f\u00fcr jeden benutzerorientierten Text. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-using-interpolation-in-translations\">Interpolation in \u00dcbersetzungen verwenden<\/h3>\n\n\n\n<p>Beachten Sie den <code>time: @time<\/code>-Parameter im obigen Beispiel? Dies wird Interpolation genannt. Sie erm\u00f6glicht es Ihnen, dynamische Werte in Ihre \u00dcbersetzungen einzuf\u00fcgen. Die \u00dcbersetzungszeichenkette in Ihrer YAML-Datei verwendet <code>%{time}<\/code> als Placeholder:   <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>current_time: \u201eAktuelle Uhrzeit: %{time}\u201c<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #8FBCBB\">current_time<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Current time: %{time}<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Wenn Sie den <code>t<\/code>-Helfer mit <code>time: @time<\/code> aufrufen, ersetzt Rails <code>%{time}<\/code> durch den tats\u00e4chlichen Wert. Sie k\u00f6nnen beliebige Variablennamen verwenden \u2013 stellen Sie einfach sicher, dass sie zwischen der YAML-Datei und Ihrer View \u00fcbereinstimmen. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"lazy-lookup\">Lazy Lookup f\u00fcr saubereren Code<\/h3>\n\n\n\n<p>Wenn Ihre \u00dcbersetzungsschl\u00fcssel so organisiert sind, dass sie Ihrer View-Ordnerstruktur entsprechen, k\u00f6nnen Sie in Rails eine Abk\u00fcrzung namens <a href=\"https:\/\/guides.rubyonrails.org\/i18n.html#lazy-lookup\" target=\"_blank\" rel=\"noreferrer noopener\">Lazy Lookup<\/a> verwenden. Anstatt den vollst\u00e4ndigen Schl\u00fcsselpfad zu schreiben, verwenden Sie einen f\u00fchrenden Punkt: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- Stattdessen: --&gt;\n&lt;%= t('home.index.hello') %&gt;\n\n&lt;!-- Sie k\u00f6nnen dies schreiben: --&gt;\n&lt;%= t('.hello') %&gt;\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\">&lt;!-- Instead of this: --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> t<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">home.index.hello<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #616E88\">&lt;!-- You can write this: --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> t<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">.hello<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Rails pr\u00fcft, in welcher View-Datei Sie sich befinden (<code>home\/index.html.erb<\/code>), und f\u00fcgt automatisch <code>home.index<\/code> vor Ihrem Schl\u00fcssel ein. Dies h\u00e4lt Ihren Code sauberer und erleichtert das Verschieben von Views. Wenn Sie eine View umbenennen oder verschieben, werden die Lazy Lookup-Pfade automatisch aktualisiert.   <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-and-organizing-translation-files\">\u00dcbersetzungsdateien erstellen und organisieren<\/h2>\n\n\n\n<p>Nachdem Sie \u00dcbersetzungsschl\u00fcssel zu Ihren Views hinzugef\u00fcgt haben, m\u00fcssen Sie diese Schl\u00fcssel in einer YAML-Datei definieren. Rails speichert diese Definitionen im Verzeichnis <code>config\/locales\/<\/code>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-add-keys-to-your-english-file\">Schl\u00fcssel zu Ihrer englischen Datei hinzuf\u00fcgen<\/h3>\n\n\n\n<p>Rails-\u00dcbersetzungsdateien verwenden eine einfache Schl\u00fcssel-Wert-Struktur. \u00d6ffnen Sie <code>config\/locales\/en.yml<\/code> und f\u00fcgen Sie die Schl\u00fcssel hinzu, auf die Sie in Ihren Views verwiesen haben: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly># config\/locales\/en.yml\nen:\n hello: \u201eHallo\u201c\n current_time: \u201eAktuelle Uhrzeit: %{time}\u201c\n refresh: \u201eAktualisieren\u201c\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\"># config\/locales\/en.yml<\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">en<\/span><span style=\"color: #ECEFF4\">:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #8FBCBB\">hello<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Hello<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #8FBCBB\">current_time<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Current time: %{time}<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #8FBCBB\">refresh<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Refresh<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In dieser Rails i18n-Struktur:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>en<\/code>  ist der Sprachcode (Englisch)<\/li>\n\n\n\n<li><code>hello<\/code>, <code>current_time<\/code> und <code>refresh<\/code> sind \u00dcbersetzungsschl\u00fcssel<\/li>\n\n\n\n<li>Die Zeichenketten auf der rechten Seite sind der eigentliche Text<\/li>\n\n\n\n<li><code>%{time}<\/code>  ist ein Placeholder f\u00fcr dynamische Inhalte (Interpolation)<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Dies ist Ihre Quelldatei. Sie enth\u00e4lt den gesamten Text in Ihrer Standardsprache. Sp\u00e4ter in diesem Tutorial werden Sie PTC verwenden, um automatisch spanische, deutsche und andere Sprachversionen zu generieren.  <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-organizing-keys-with-nesting\">Schl\u00fcssel mit Verschachtelung organisieren<\/h3>\n\n\n\n<p>Um Lazy Lookup (die <code>.hello<\/code>-Abk\u00fcrzung aus dem <a href=\"#lazy-lookup\">vorherigen Abschnitt<\/a>) zu verwenden, organisieren Sie Ihre Schl\u00fcssel so, dass sie Ihrer View-Ordnerstruktur entsprechen:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>en:\n home:\n index:\n hello: \u201eHallo\u201c\n current_time: \u201eAktuelle Uhrzeit: %{time}\u201c\n refresh: \u201eAktualisieren\u201c\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #8FBCBB\">en<\/span><span style=\"color: #ECEFF4\">:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #8FBCBB\">home<\/span><span style=\"color: #ECEFF4\">:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #8FBCBB\">index<\/span><span style=\"color: #ECEFF4\">:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #8FBCBB\">hello<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Hello<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #8FBCBB\">current_time<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Current time: %{time}<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #8FBCBB\">refresh<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Refresh<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Dies gruppiert alle \u00dcbersetzungen f\u00fcr <code>app\/views\/home\/index.html.erb<\/code> unter <code>home.index<\/code>. Jetzt k\u00f6nnen Sie <code>t('.hello')<\/code> in dieser View anstelle von <code>t('home.index.hello')<\/code> verwenden. <\/p>\n\n\n\n<p>Wenn Ihre Rails-Anwendung w\u00e4chst, k\u00f6nnen Sie auch Namespaces f\u00fcr gemeinsame \u00dcbersetzungen (wie <code>shared.navigation<\/code> f\u00fcr Men\u00fcs) erstellen, um die Organisation zu erleichtern, dies ist jedoch optional.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-add-javascript-strings-to-yaml\">JavaScript-Zeichenketten zu YAML hinzuf\u00fcgen<\/h3>\n\n\n\n<p>Ihre Rails-Views sind jetzt internationalisiert, aber was ist mit JavaScript? Rails extrahiert Text nicht automatisch aus JavaScript-Dateien. Wenn Ihre Anwendung clientseitigen Text wie Warnungen, Tooltips oder Best\u00e4tigungsmeldungen enth\u00e4lt, m\u00fcssen Sie diese zu Ihrer englischen \u00dcbersetzungsdatei hinzuf\u00fcgen.  <\/p>\n\n\n\n<p>Um beispielsweise ein Best\u00e4tigungs-Popup zu \u00fcbersetzen, f\u00fcgen Sie die Zeichenkette zu <code>config\/locales\/en.yml<\/code> hinzu:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly># config\/locales\/en.yml\nen:\n confirm: \u201eSind Sie sicher?\u201c<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\"># config\/locales\/en.yml<\/span><\/span>\n<span class=\"line\"><span style=\"color: #8FBCBB\">en<\/span><span style=\"color: #ECEFF4\">:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #8FBCBB\">confirm<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">Are you sure?<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>An diesem Punkt enth\u00e4lt Ihre <code>en.yml<\/code>-Datei den gesamten Text, der in Ihrer App erscheint \u2013 sowohl in Rails-Views als auch in JavaScript.<\/p>\n\n\n\n<p>Wenn Sie PTC verwenden, um Ihre Anwendung zu \u00fcbersetzen (im n\u00e4chsten Abschnitt behandelt), werden diese JavaScript-Zeichenketten zusammen mit allem anderen \u00fcbersetzt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-784dbcb6 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<h2 class=\"wp-block-heading\" id=\"translating-rails-with-ptc\">Rails-Apps mit PTC \u00fcbersetzen<\/h2>\n\n\n\n<p>Jetzt ist es an der Zeit, \u00dcbersetzungen f\u00fcr den gesamten Text Ihrer Anwendung zu erhalten, der in der YAML-Datei gespeichert ist. Anstatt Hunderte von Zeichenketten manuell zu \u00fcbersetzen, k\u00f6nnen Sie die <a href=\"https:\/\/ptc.wpml.org\/de\/\" target=\"_blank\" rel=\"noreferrer noopener\">Private Translation Cloud (PTC)<\/a> verwenden.  <\/p>\n\n\n\n<p>PTC nutzt KI, um Ihre Rails-YAML-Dateien automatisch zu \u00fcbersetzen und dabei deren Struktur und Schl\u00fcssel beizubehalten. Sie k\u00f6nnen mit der kostenlosen Testversion beginnen, die es Ihnen erm\u00f6glicht, 20.000 W\u00f6rter in zwei beliebige Sprachen zu \u00fcbersetzen \u2013 ohne Kreditkarte. Danach zahlen Sie nur f\u00fcr das, was Sie \u00fcbersetzen (keine Abonnementgeb\u00fchren).  <\/p>\n\n\n\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-60bbf702\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap \">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-5ea4a834 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"https:\/\/app.ptc.wpml.org\/users\/sign_up\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">Kostenlose Testversion starten<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Sobald Sie Ihre erste Datei hochgeladen und \u00fcbersetzt haben, k\u00f6nnen Sie zu einem kontinuierlichen Lokalisierungsworkflow \u00fcbergehen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/ptc.wpml.org\/de\/documentation\/github-integration-mit-ptc\/\">GitHub<\/a>-, <a href=\"https:\/\/ptc.wpml.org\/de\/documentation\/gitlab-integration-mit-ptc\/\">GitLab<\/a>&#8211; oder <a href=\"https:\/\/ptc.wpml.org\/de\/documentation\/bitbucket-integration-mit-ptc\/\">Bitbucket<\/a>-Integration \u2013 Verbinden Sie Ihr Repository. PTC findet Ihre YAML-Dateien, \u00fcbersetzt sie und sendet eine Merge-Anfrage mit den neuen Sprachdateien zur\u00fcck. <\/li>\n\n\n\n<li><a href=\"https:\/\/ptc.wpml.org\/documentation\/ptc-api-reference\/https:\/\/ptc.wpml.org\/documentation\/ptc-api-reference\/\">API\/CLI<\/a> \u2013 Integrieren Sie sich \u00fcber die PTC-API in Ihre CI\/CD-Pipeline. <a href=\"https:\/\/github.com\/OnTheGoSystems\/ptc-cli-github-actions-rails\" target=\"_blank\" rel=\"noreferrer noopener\">Sehen Sie sich ein Beispiel-Rails-Repository mit GitHub Actions an<\/a>.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>F\u00fcr diesen Leitfaden haben wir die <strong>Git-Integration<\/strong> f\u00fcr einen vollst\u00e4ndig automatisierten Workflow verwendet. PTC hat sich mit unserem Repository verbunden, \u00fcbersetzte Versionen wie <code>es.yml<\/code> und <code>de.yml<\/code> erstellt und einen Pull Request mit den neuen Dateien im selben Ordner ge\u00f6ffnet. <\/p>\n\n\n\n<p>Sobald Sie den Pull Request zusammenf\u00fchren, l\u00e4dt Rails die \u00dcbersetzungen automatisch. Wenn Benutzer die Sprache wechseln, zeigt Ihre App den korrekten Text an. <\/p>\n\n\n\n<p>Eine vollst\u00e4ndige Einrichtungsanleitung finden Sie in unserem <a href=\"https:\/\/ptc.wpml.org\/de\/documentation\/leitfaden-fuer-den-einstieg-in-ptc\/\">Getting Started Guide<\/a>.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-d0675b25 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<h2 class=\"wp-block-heading\" id=\"converting-translations-js\">\u00dcbersetzungen f\u00fcr JavaScript konvertieren<\/h2>\n\n\n\n<p>Nachdem Sie nun \u00fcbersetzte YAML-Dateien von PTC haben, m\u00fcssen Sie diese \u00dcbersetzungen JavaScript zur Verf\u00fcgung stellen. JavaScript kann YAML-Dateien nicht direkt lesen \u2013 es ben\u00f6tigt JSON-Dateien. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-installing-i18n-js\">i18n-js installieren<\/h3>\n\n\n\n<p>Das <code>i18n-js<\/code> Gem konvertiert Ihre YAML-\u00dcbersetzungsdateien in das JSON-Format, das Browser lesen k\u00f6nnen.<\/p>\n\n\n\n<p>F\u00fcgen Sie das Gem zu Ihrer Gemfile hinzu:<\/p>\n\n\n\n<p><code>gem 'i18n-js'<\/code><\/p>\n\n\n\n<p>Dann ausf\u00fchren:<\/p>\n\n\n\n<p><code>bundle install<\/code><\/p>\n\n\n\n<p>Nach der Installation initialisieren Sie das Gem:<\/p>\n\n\n\n<p><code>i18n init<\/code><\/p>\n\n\n\n<p>Dies generiert eine Konfigurationsdatei. Aktualisieren Sie sie, um \u00dcbersetzungen nach <code>public\/locales.json<\/code> zu exportieren: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly># config\/i18n.rb\nrequire \"i18n-js\"\n\nI18n::JS.config do |config|\n config.export_i18n_js = false\n config.translations_path = \"public\/locales.json\"\nend\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\"># config\/i18n.rb<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">require<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">i18n-js<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #8FBCBB\">I18n<\/span><span style=\"color: #ECEFF4\">::<\/span><span style=\"color: #8FBCBB\">JS<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">config <\/span><span style=\"color: #81A1C1\">do<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">|<\/span><span style=\"color: #D8DEE9\">config<\/span><span style=\"color: #ECEFF4\">|<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  config<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">export_i18n_js <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">false<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  config<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">translations_path <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">public\/locales.json<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">end<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-exporting-translations-to-json\">\u00dcbersetzungen nach JSON exportieren<\/h3>\n\n\n\n<p>F\u00fchren Sie den Exportbefehl aus, um die JSON-Datei zu generieren:<\/p>\n\n\n\n<p><code>i18n export<\/code><\/p>\n\n\n\n<p>Dies liest alle Ihre YAML-Dateien (<code>en.yml<\/code>, <code>es.yml<\/code>, <code>de.yml<\/code>) und erstellt <code>public\/locales.json<\/code> mit allen \u00dcbersetzungen in einem Format, das JavaScript verwenden kann.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00dcbersetzungen in JavaScript laden<\/h3>\n\n\n\n<p>Rails 7+ enth\u00e4lt <a href=\"https:\/\/github.com\/rails\/importmap-rails\" target=\"_blank\" rel=\"noreferrer noopener\">Importmap<\/a> zur Verwaltung von JavaScript-Abh\u00e4ngigkeiten ohne Bundler.<\/p>\n\n\n\n<p>Pinnen Sie die i18n-js-Bibliothek in <code>config\/importmap.rb<\/code>:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly># config\/importmap.rb\npin \"i18n-js\", to: \"https:\/\/esm.sh\/i18n-js@latest\/dist\/import\/index.js\"\npin \"load_locale\", to: \"load_locale.js\"\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\"># config\/importmap.rb<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">pin <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">i18n-js<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> to<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">https:\/\/esm.sh\/i18n-js@latest\/dist\/import\/index.js<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">pin <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">load_locale<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> to<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">load_locale.js<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Erstellen Sie eine Ladefunktion in <code>app\/javascript\/load_locale.js<\/code>:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ app\/javascript\/load_locale.js\nexport async function loadLocale() {\n const response = await fetch('\/locales.json');\n const data = await response.json();\n return data;\n}\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\">\/\/ app\/javascript\/load_locale.js<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">loadLocale<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">response<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">fetch<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">\/locales.json<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">data<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">response<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">json<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">data<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Diese Funktion ruft die JSON-Datei ab, die alle Ihre \u00dcbersetzungen enth\u00e4lt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-using-translations-in-javascript\">\u00dcbersetzungen in JavaScript verwenden<\/h3>\n\n\n\n<p>\u00dcbergeben Sie das aktuelle Locale an JavaScript, indem Sie es dem <code>&lt;body&gt;<\/code>-Tag in Ihrem Layout hinzuf\u00fcgen:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- app\/views\/layouts\/application.html.erb --&gt;\n&lt;body data-locale=\"&lt;%= I18n.locale %&gt;\"&gt;<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\">&lt;!-- app\/views\/layouts\/application.html.erb --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;body<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">data-locale<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #A3BE8C\"> <\/span><span style=\"color: #8FBCBB\">I18n<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #A3BE8C\">locale <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Importieren Sie dann <strong>i18n-js<\/strong> und verwenden Sie \u00dcbersetzungen in Ihrem JavaScript:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ app\/javascript\/application.js\nimport { I18n } from \"i18n-js\"\nimport { loadLocale } from \".\/load_locale\"\n\ndocument.addEventListener('turbo:load', async () =&gt; {\n \/\/ Alle \u00dcbersetzungen laden\n const translations = await loadLocale()\n const i18n = new I18n(translations)\n\n  \/\/ Das Locale aus dem Body-Tag setzen\n i18n.locale = document.body.dataset['locale']\n\n  \/\/ \u00dcbersetzungen in Ihrem JavaScript verwenden\n if (confirm(i18n.t('confirm'))) {\n \/\/ Benutzer hat OK geklickt\n }\n})\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #616E88\">\/\/ app\/javascript\/application.js<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">I18n<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">i18n-js<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">loadLocale<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">.\/load_locale<\/span><span style=\"color: #ECEFF4\">\"<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">addEventListener<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">turbo:load<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #616E88\">\/\/ Load all translations<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">translations<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">loadLocale<\/span><span style=\"color: #D8DEE9FF\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">i18n<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">new<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">I18n<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">translations<\/span><span style=\"color: #D8DEE9FF\">)<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #616E88\">\/\/ Set the locale from the body tag<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">i18n<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">locale<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">body<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">dataset<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">locale<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #D8DEE9FF\">]<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #616E88\">\/\/ Use translations in your JavaScript<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #88C0D0\">confirm<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">i18n<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">t<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">confirm<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #D8DEE9FF\">))) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">    <\/span><span style=\"color: #616E88\">\/\/ User clicked OK<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Die <code>i18n.t()<\/code>-Methode funktioniert wie der <code>t<\/code>-Helfer von Rails. Wenn Benutzer die Sprache wechseln, verwendet JavaScript automatisch die korrekten \u00dcbersetzungen aus dem data-locale-Attribut. <\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-149b981b alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<h2 class=\"wp-block-heading\" id=\"other-rails-i18n-features\" style=\"margin-bottom:32px\">Weitere Rails i18n-Funktionen<\/h2>\n\n\n\n<p>Dieser Leitfaden behandelte den Kern-Workflow der Rails-Internationalisierung: i18n einrichten, \u00dcbersetzungen organisieren und den \u00dcbersetzungsprozess automatisieren. Rails i18n enth\u00e4lt zus\u00e4tzliche Funktionen, die Sie m\u00f6glicherweise ben\u00f6tigen, wenn Ihre Anwendung w\u00e4chst. <\/p>\n\n\n\n<details class=\"wp-block-details has-ast-global-color-3-color has-text-color has-link-color has-medium-font-size wp-elements-c4864df9b9cd1753b290b4b4735ebe61 is-layout-flow wp-block-details-is-layout-flow\" style=\"margin-bottom:16px\" open><summary><strong>Wie lokalisiere ich Daten und Zeiten?<\/strong><\/summary>\n<div class=\"wp-block-uagb-advanced-heading uagb-block-9ab5d203\"><p class=\"uagb-heading-text\">Rails bietet den <code>l<\/code>-Helfer (kurz f\u00fcr localize), um Daten und Zeiten gem\u00e4\u00df den Konventionen jedes Locales zu formatieren:<br\/><\/p><\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;%= l Time.now, format: :long %&gt;<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> l <\/span><span style=\"color: #8FBCBB\">Time<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">now<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> format<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">long <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-ast-global-color-1-color has-text-color has-link-color wp-elements-948f3c9a37efc6bef8d954d0a3c72eec\" style=\"font-size:16px\">Das von Ihnen installierte rails-i18n Gem bietet Standardformate f\u00fcr Datum und Uhrzeit f\u00fcr viele Sprachen, einschlie\u00dflich \u00fcbersetzter Monatsnamen und Locale-spezifischer Formatierung. Sie k\u00f6nnen auch benutzerdefinierte Formate in Ihren YAML-Dateien definieren. <\/p>\n\n\n\n<p class=\"has-ast-global-color-5-color has-text-color has-link-color wp-elements-0490c8bc991e13fe796885e094e35d56\" style=\"font-size:16px\"><a href=\"https:\/\/guides.rubyonrails.org\/i18n.html#adding-date-time-formats\" target=\"_blank\" rel=\"noreferrer noopener\">Erfahren Sie mehr \u00fcber die Lokalisierung von Datum und Uhrzeit<\/a>.<br\/><\/p>\n<\/details>\n\n\n\n<div class=\"wp-block-uagb-separator uagb-block-1ea02519\"><div class=\"uagb-separator-spacing-wrapper\"><div class=\"wp-block-uagb-separator__inner\" style=\"--my-background-image:\"><\/div><\/div><\/div>\n\n\n\n<details class=\"wp-block-details has-ast-global-color-3-color has-text-color has-link-color has-medium-font-size wp-elements-8faaf02fbb6f812eaf147b2788098639 is-layout-flow wp-block-details-is-layout-flow\" style=\"margin-bottom:16px\"><summary><strong>Wie lokalisiere ich Zahlen und W\u00e4hrungen?<\/strong><\/summary>\n<div class=\"wp-block-uagb-advanced-heading uagb-block-e9590e6e\"><p class=\"uagb-heading-text\">Rails enth\u00e4lt Helfer zur Formatierung von Zahlen und W\u00e4hrungen gem\u00e4\u00df dem Locale:<\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-466290a3 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-5e545da2\">\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;%= number_to_currency(100, locale: :es) %&gt; &lt;!-- 100,00 \u20ac --&gt;\n&lt;%= number_with_delimiter(1000000) %&gt; &lt;!-- 1.000.000 --&gt;\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> number_to_currency<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #B48EAD\">100<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> locale<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\">es<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #616E88\">&lt;!-- \u20ac100.00 --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;%=<\/span><span style=\"color: #D8DEE9FF\"> number_with_delimiter<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #B48EAD\">1000000<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">%&gt;<\/span><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #616E88\">&lt;!-- 1,000,000 --&gt;<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n<\/div>\n\n\n\n<p style=\"font-size:16px\">Diese Helfer ber\u00fccksichtigen Locale-spezifische Konventionen f\u00fcr Dezimaltrennzeichen, Tausendertrennzeichen und W\u00e4hrungssymbole.<\/p>\n\n\n\n<p class=\"has-ast-global-color-5-color has-text-color has-link-color wp-elements-2384919a66ef49184369b7a1220aa8cc\" style=\"font-size:16px\"><a href=\"https:\/\/guides.rubyonrails.org\/i18n.html#overview-of-other-built-in-methods-that-provide-i18n-support\" target=\"_blank\" rel=\"noreferrer noopener\">Erfahren Sie mehr \u00fcber die Lokalisierung von Zahlen<\/a>.<\/p>\n<\/div><\/div>\n<\/details>\n\n\n\n<div class=\"wp-block-uagb-separator uagb-block-1788b674\"><div class=\"uagb-separator-spacing-wrapper\"><div class=\"wp-block-uagb-separator__inner\" style=\"--my-background-image:\"><\/div><\/div><\/div>\n\n\n\n<details class=\"wp-block-details has-ast-global-color-3-color has-text-color has-link-color has-medium-font-size wp-elements-d6262d6163c59cc010cb017e8df48f13 is-layout-flow wp-block-details-is-layout-flow\" style=\"margin-bottom:16px\"><summary><strong>Kann ich f\u00fcr jede Sprache unterschiedliche View-Dateien erstellen?<\/strong><\/summary>\n<div class=\"wp-block-uagb-advanced-heading uagb-block-62777af3\"><p class=\"uagb-heading-text\">Ja. F\u00fcr Seiten mit deutlich unterschiedlichem Inhalt pro Locale k\u00f6nnen Sie separate View-Dateien erstellen: <\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-0d2ee900 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-728f8d35\">\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#39404f;color:#c8d0e0\">ERB<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>app\/views\/pages\/\n about.html.erb &lt;!-- Standard --&gt;\n about.es.html.erb &lt;!-- Spanische Version --&gt;\n about.de.html.erb &lt;!-- Deutsche Version --&gt;\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D8DEE9FF\">app\/views\/pages\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  about.html.erb     <\/span><span style=\"color: #616E88\">&lt;!-- Default --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  about.es.html.erb  <\/span><span style=\"color: #616E88\">&lt;!-- Spanish version --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  about.de.html.erb  <\/span><span style=\"color: #616E88\">&lt;!-- German version --&gt;<\/span><\/span>\n<span class=\"line\"\/><\/code><\/pre><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p style=\"font-size:16px\">Rails rendert automatisch die entsprechende View basierend auf dem aktuellen Locale.<\/p>\n\n\n\n<p class=\"has-ast-global-color-5-color has-text-color has-link-color wp-elements-117a5d746e2b25de47a5eb427873a3df\" style=\"font-size:16px\"><a href=\"https:\/\/guides.rubyonrails.org\/i18n.html#localized-views\" target=\"_blank\" rel=\"noreferrer noopener\">Erfahren Sie mehr \u00fcber lokalisierte Views<\/a>.<\/p>\n<\/details>\n\n\n\n<div class=\"wp-block-uagb-separator uagb-block-c911dcdc\"><div class=\"uagb-separator-spacing-wrapper\"><div class=\"wp-block-uagb-separator__inner\" style=\"--my-background-image:\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-4f13cfc4\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-bd69da8b\"><h3 class=\"uagb-heading-text\"><strong><strong>Bereit, Ihre Rails-App zu \u00fcbersetzen?<\/strong><\/strong><\/h3><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-bb9e78d5\"><p class=\"uagb-heading-text\">Starten Sie Ihre kostenlose 30-t\u00e4gige Testversion mit PTC und lassen Sie 20.000 W\u00f6rter in zwei Sprachen \u00fcbersetzen \u2013 keine Kreditkarte erforderlich.<\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-bcf68176\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap \">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-9b76d234 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"https:\/\/app.ptc.wpml.org\/users\/sign_up\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">Kostenlose Testversion starten<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container otp uag-hide-tab uag-hide-mob uagb-layout-flex uagb-block-e306e24e\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-a4c24409\"><p class=\"uagb-heading-text\">In diesem Rails i18n-Leitfaden<\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-889b1ee5\"><p class=\"uagb-heading-text\"><a href=\"#rails-i18n\">Rails Internationalisierung (i18n) konfigurieren<\/a><\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-fabb3c95\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-83f5f89c\"><p class=\"uagb-heading-text\"><a href=\"#adding-a-language-switcher\">Einen Sprachumschalter hinzuf\u00fcgen<\/a><\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-6e2782c9\"><p class=\"uagb-heading-text\"><a href=\"#setting-up-translation-keys-in-rails-views\">\u00dcbersetzungsschl\u00fcssel in Rails Views einrichten<\/a><\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-f18e849a\"><p class=\"uagb-heading-text\"><a href=\"#creating-and-organizing-translation-files\">\u00dcbersetzungsdateien erstellen und organisieren<\/a><\/p><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-a02fa26b\"><p class=\"uagb-heading-text\"><a href=\"#translating-rails-with-ptc\">Rails-Apps mit PTC \u00fcbersetzen<\/a><\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-afb5e89c\"><p class=\"uagb-heading-text\"><a href=\"#converting-translations-js\">\u00dcbersetzungen f\u00fcr JavaScript konvertieren<\/a><\/p><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-fe1bfd59\"><p class=\"uagb-heading-text\"><a href=\"#other-rails-i18n-features\">Weitere Rails i18n-Funktionen<\/a><\/p><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"margin-top:12px;margin-bottom:12px;background-color:#cebfe33b;color:#cebfe33b\"\/>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-0e84a373 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png ,https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png 780w, https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png\" alt=\"\" class=\"uag-image-16109\" width=\"581\" height=\"70\" title=\"\" loading=\"lazy\" role=\"presentation\"><\/figure><\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-layout-grid uagb-block-62860ec6\">\n<div class=\"wp-block-uagb-image alignleft uagb-block-e695dee1 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-left\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/update-translation.svg ,https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/update-translation.svg 780w, https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/update-translation.svg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/update-translation.svg\" alt=\"\" class=\"uag-image-15853\" width=\"18\" height=\"18\" title=\"\" loading=\"lazy\" role=\"presentation\"><\/figure><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-4a396755\"><p class=\"uagb-heading-text\">Bereit, Ihre Rails-App zu \u00fcbersetzen? Melden Sie sich f\u00fcr eine kostenlose 30-t\u00e4gige Testversion von PTC an.<\/p><\/div>\n<\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-65c7e5f4\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap \">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-6408a1c5 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"https:\/\/app.ptc.wpml.org\/users\/sign_up?utm_source=docs&amp;utm_medium=sidebar&amp;utm_campaign=react\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">\u00dcbersetzen mit PTC<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI. Um zu zeigen, wie die Rails-Internationalisierung in der Praxis funktioniert, haben wir eine kleine Ruby on Rails Demo-Anwendung erstellt. Die App zeigt die aktuelle Serverzeit mit einem Aktualisierungsbutton an und enth\u00e4lt einen einfachen Sprachumschalter. Sie k\u00f6nnen [&hellip;]<\/p>\n","protected":false},"parent":0,"menu_order":21,"template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"resources":[43],"class_list":["post-14283","documentation","type-documentation","status-publish","hentry","resources-unterstutzte-ressourcendateiformate"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ruby on Rails-\u00dcbersetzungen mit KI in menschlicher Qualit\u00e4t<\/title>\n<meta name=\"description\" content=\"Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Leitfaden zur Internationalisierung (i18n) und Lokalisierung von Rails\" \/>\n<meta property=\"og:description\" content=\"Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/\" \/>\n<meta property=\"og:site_name\" content=\"PTC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-20T09:53:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\\\/\",\"url\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\\\/\",\"name\":\"Ruby on Rails-\u00dcbersetzungen mit KI in menschlicher Qualit\u00e4t\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ptc.wpml.org\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/robot-min.png\",\"datePublished\":\"2024-10-23T08:44:21+00:00\",\"dateModified\":\"2026-03-20T09:53:17+00:00\",\"description\":\"Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\\\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ptc.wpml.org\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/robot-min.png\",\"contentUrl\":\"https:\\\/\\\/ptc.wpml.org\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/robot-min.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/startseite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dokumentation\",\"item\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Leitfaden zur Internationalisierung (i18n) und Lokalisierung von Rails\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/\",\"name\":\"PTC\",\"description\":\"Private Translation Cloud\",\"publisher\":{\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/#organization\",\"name\":\"PTC\",\"url\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ptc.wpml.org\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/logo-light.svg\",\"contentUrl\":\"https:\\\/\\\/ptc.wpml.org\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/logo-light.svg\",\"width\":300,\"height\":139,\"caption\":\"PTC\"},\"image\":{\"@id\":\"https:\\\/\\\/ptc.wpml.org\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ruby on Rails-\u00dcbersetzungen mit KI in menschlicher Qualit\u00e4t","description":"Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI.","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:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/","og_locale":"de_DE","og_type":"article","og_title":"Leitfaden zur Internationalisierung (i18n) und Lokalisierung von Rails","og_description":"Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI.","og_url":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/","og_site_name":"PTC","article_modified_time":"2026-03-20T09:53:17+00:00","og_image":[{"url":"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/","url":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/","name":"Ruby on Rails-\u00dcbersetzungen mit KI in menschlicher Qualit\u00e4t","isPartOf":{"@id":"https:\/\/ptc.wpml.org\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/#primaryimage"},"image":{"@id":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/#primaryimage"},"thumbnailUrl":"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png","datePublished":"2024-10-23T08:44:21+00:00","dateModified":"2026-03-20T09:53:17+00:00","description":"Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI.","breadcrumb":{"@id":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/#primaryimage","url":"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png","contentUrl":"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/11\/robot-min.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ptc.wpml.org\/de\/documentation\/ruby-on-rails-uebersetzungen-mit-ki-in-menschlicher-qualitaet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/ptc.wpml.org\/de\/startseite\/"},{"@type":"ListItem","position":2,"name":"Dokumentation","item":"https:\/\/ptc.wpml.org\/de\/documentation\/"},{"@type":"ListItem","position":3,"name":"Leitfaden zur Internationalisierung (i18n) und Lokalisierung von Rails"}]},{"@type":"WebSite","@id":"https:\/\/ptc.wpml.org\/de\/#website","url":"https:\/\/ptc.wpml.org\/de\/","name":"PTC","description":"Private Translation Cloud","publisher":{"@id":"https:\/\/ptc.wpml.org\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ptc.wpml.org\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/ptc.wpml.org\/de\/#organization","name":"PTC","url":"https:\/\/ptc.wpml.org\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/ptc.wpml.org\/de\/#\/schema\/logo\/image\/","url":"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2023\/11\/logo-light.svg","contentUrl":"https:\/\/ptc.wpml.org\/wp-content\/uploads\/2023\/11\/logo-light.svg","width":300,"height":139,"caption":"PTC"},"image":{"@id":"https:\/\/ptc.wpml.org\/de\/#\/schema\/logo\/image\/"}}]}},"spectra_custom_meta":{"_wpv_contains_gutenberg_views":[""],"toolset_post_editor_mode":["classic"],"adv-header-id-meta":[""],"stick-header-meta":[""],"theme-transparent-header-meta":[""],"_top_nav_excluded":[""],"_cms_nav_minihome":[""],"_wp_page_template":["default"],"_last_translation_edit_mode":["translation-editor"],"_wpml_word_count":["2741"],"_yoast_indexnow_last_ping":["1774000307"],"cmplz_hide_cookiebanner":[""],"wpcf-order":["5"],"ast-main-header-display":[""],"ast-hfb-above-header-display":[""],"ast-hfb-below-header-display":[""],"ast-hfb-mobile-header-display":[""],"footer-sml-layout":[""],"header-main-stick-meta":[""],"header-above-stick-meta":[""],"header-below-stick-meta":[""],"site-post-title":[""],"site-sidebar-layout":["default"],"site-content-layout":[""],"ast-featured-img":[""],"ast-breadcrumbs-content":[""],"ast-banner-title-visibility":[""],"ast-global-header-display":[""],"ast-site-content-layout":["normal-width-container"],"site-content-style":["default"],"site-sidebar-style":["default"],"_yoast_wpseo_title":["Ruby on Rails-\u00dcbersetzungen mit KI in menschlicher Qualit\u00e4t"],"_yoast_wpseo_metadesc":["Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI."],"_uag_page_assets":["a:9:{s:3:\"css\";s:95834:\".wp-block-uagb-container.uagb-block-7d0a9c8b .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-7d0a9c8b .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-7d0a9c8b .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-7d0a9c8b .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-7d0a9c8b .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-7d0a9c8b{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-7d0a9c8b{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 64px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;overflow: visible;order: initial;border-color: inherit;flex-direction: row;align-items: flex-start;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 64px;max-width: 100% !important;}.wp-block-uagb-container.uagb-block-ec2c2fb6 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-ec2c2fb6 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-ec2c2fb6 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-ec2c2fb6 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-ec2c2fb6 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-ec2c2fb6{max-width: 75%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-ec2c2fb6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: flex-start;flex-wrap: nowrap;row-gap: 0px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-ec2c2fb6{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: flex-start;flex-wrap: nowrap;row-gap: 0px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-a2ef876d .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-a2ef876d .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-a2ef876d .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-a2ef876d .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-a2ef876d .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-a2ef876d{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-a2ef876d > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-a2ef876d{box-shadow: 0px 0px   #00000070 ;padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;margin-top: 32px !important;margin-bottom: 48px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-style: solid;border-color: #d4b4fd;row-gap: 0px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-480d8777 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-480d8777 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-480d8777 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-480d8777 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-480d8777 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-480d8777{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-480d8777{box-shadow: 0px 0px   #00000070 ;padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin-top: 0px !important;margin-bottom: 36px !important;margin-left: 0px !important;margin-right: 0px !important;overflow: visible;order: initial;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-style: none;border-color: inherit;background-color: rgba(205,189,226,0.1);;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;max-width: 100% !important;}.wp-block-uagb-container.uagb-block-107dc1c1.wp-block-uagb-container{color: #d8dee9ff;}.wp-block-uagb-container.uagb-block-107dc1c1.wp-block-uagb-container *{color: #d8dee9ff;}.wp-block-uagb-container.uagb-block-107dc1c1 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-107dc1c1 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-107dc1c1 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-107dc1c1 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-107dc1c1 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-107dc1c1{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-107dc1c1 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-107dc1c1{box-shadow: 0px 0px   #00000070 ;padding-top: 32px;padding-bottom: 32px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-style: solid;border-color: #d4b4fd;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-30525fed .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-30525fed .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-30525fed .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-30525fed .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-30525fed .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-30525fed{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-30525fed > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-30525fed{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;background-repeat: no-repeat;background-position: 50% 50%;background-size: 28px;background-attachment: scroll;background-clip: padding-box;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-5c2e3e70 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-5c2e3e70 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-5c2e3e70 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-5c2e3e70 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-5c2e3e70 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-5c2e3e70{max-width: 36px;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-5c2e3e70 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-5c2e3e70{min-height: 28px;box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;background-attachment: scroll;background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/03\/Yes.png);background-clip: padding-box;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-764d65b8 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-764d65b8 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-764d65b8 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-764d65b8 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-764d65b8 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-764d65b8{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-764d65b8 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-764d65b8{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-advanced-heading.uagb-block-5720b20d.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-5720b20d.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5720b20d.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5720b20d.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5720b20d .uagb-heading-text{font-size: 18px;}.wp-block-uagb-container.uagb-block-74b679ef.wp-block-uagb-container{color: #d8dee9ff;}.wp-block-uagb-container.uagb-block-74b679ef.wp-block-uagb-container *{color: #d8dee9ff;}.wp-block-uagb-container.uagb-block-74b679ef .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-74b679ef .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-74b679ef .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-74b679ef .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-74b679ef .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-74b679ef{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-74b679ef > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-74b679ef{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-36736043 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-36736043 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-36736043 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-36736043 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-36736043 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-36736043{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-36736043 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-36736043{box-shadow: 0px 0px   #00000070 ;padding-top: 12px;padding-bottom: 16px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-style: solid;border-color: var(--ast-global-color-4);row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-33b94f98 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-33b94f98 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-33b94f98 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-33b94f98 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-33b94f98 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-33b94f98{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-33b94f98 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-33b94f98{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;background-repeat: no-repeat;background-position: 50% 50%;background-size: 28px;background-attachment: scroll;background-clip: padding-box;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-c418e740 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-c418e740 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-c418e740 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-c418e740 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-c418e740 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-c418e740{max-width: 36px;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-c418e740 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-c418e740{min-height: 28px;box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;background-attachment: scroll;background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/03\/No-1.png);background-clip: padding-box;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-8811a44a .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-8811a44a .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-8811a44a .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-8811a44a .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-8811a44a .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-8811a44a{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-8811a44a > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-8811a44a{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-advanced-heading.uagb-block-5eefa1c6.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-5eefa1c6.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5eefa1c6.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5eefa1c6.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5eefa1c6 .uagb-heading-text{font-size: 18px;}.wp-block-uagb-container.uagb-block-effed741 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-effed741 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-effed741 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-effed741 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-effed741 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-effed741{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-effed741 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-effed741{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-784dbcb6 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-784dbcb6 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-784dbcb6 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-784dbcb6 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-784dbcb6 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-784dbcb6{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-784dbcb6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-784dbcb6{box-shadow: 0px 0px   #00000070 ;padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin-top: 64px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-style: none;border-color: inherit;background-color: rgba(205,189,226,0.1);;row-gap: 0px;column-gap: 0px;}.uagb-block-60bbf702.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-60bbf702.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: left;align-items: center;}.wp-block-uagb-buttons .uagb-block-5ea4a834 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-5ea4a834 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-5ea4a834 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-5ea4a834 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-5ea4a834.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-5ea4a834 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;}.wp-block-uagb-buttons .uagb-block-5ea4a834 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-5ea4a834 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-5ea4a834 .uagb-button__link{text-transform: normal;text-decoration: none;}.wp-block-uagb-container.uagb-block-d0675b25 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-d0675b25 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-d0675b25 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-d0675b25 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-d0675b25 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-d0675b25{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-d0675b25 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-d0675b25{box-shadow: 0px 0px   #00000070 ;padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin-top: 64px !important;margin-bottom: 32px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-style: solid;border-color: rgba(205,189,226,0.3);row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-149b981b .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-149b981b .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-149b981b .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-149b981b .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-149b981b .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-149b981b{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-149b981b > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-149b981b{box-shadow: 0px 0px   #00000070 ;padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin-top: 32px !important;margin-bottom: 64px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-style: solid;border-color: rgba(205,189,226,0.3);row-gap: 0px;column-gap: 0px;}.wp-block-uagb-advanced-heading.uagb-block-9ab5d203.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-0);}.wp-block-uagb-advanced-heading.uagb-block-9ab5d203.wp-block-uagb-advanced-heading a{color: var(--ast-global-color-4);}.wp-block-uagb-advanced-heading.uagb-block-9ab5d203.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-9ab5d203.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-9ab5d203.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-9ab5d203.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-9ab5d203 .uagb-heading-text{font-size: 16px;}.uagb-block-1ea02519.wp-block-uagb-separator{text-align: center;}.uagb-block-1ea02519.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-1ea02519 .uagb-separator-spacing-wrapper{margin-bottom: 16px;}.uagb-block-1ea02519.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 1px;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-advanced-heading.uagb-block-e9590e6e.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-0);}.wp-block-uagb-advanced-heading.uagb-block-e9590e6e.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-e9590e6e.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-e9590e6e.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-e9590e6e.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-e9590e6e .uagb-heading-text{font-size: 16px;}.wp-block-uagb-container.uagb-block-466290a3 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-466290a3 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-466290a3 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-466290a3 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-466290a3 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-466290a3{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-466290a3 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-466290a3{box-shadow: 0px 0px   #00000070 ;padding-top: 12px;padding-bottom: 16px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-style: solid;border-color: var(--ast-global-color-4);row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-5e545da2 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-5e545da2 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-5e545da2 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-5e545da2 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-5e545da2 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-5e545da2{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-5e545da2 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-5e545da2{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.uagb-block-1788b674.wp-block-uagb-separator{text-align: center;}.uagb-block-1788b674.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-1788b674 .uagb-separator-spacing-wrapper{margin-bottom: 16px;}.uagb-block-1788b674.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 1px;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-advanced-heading.uagb-block-62777af3.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-0);}.wp-block-uagb-advanced-heading.uagb-block-62777af3.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-62777af3.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-62777af3.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-62777af3.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-62777af3 .uagb-heading-text{font-size: 16px;}.wp-block-uagb-container.uagb-block-0d2ee900 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-0d2ee900 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-0d2ee900 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-0d2ee900 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-0d2ee900 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-0d2ee900{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-0d2ee900 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-0d2ee900{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-style: solid;border-color: var(--ast-global-color-4);row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-728f8d35 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-728f8d35 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-728f8d35 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-728f8d35 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-728f8d35 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-728f8d35{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-728f8d35 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-728f8d35{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.uagb-block-c911dcdc.wp-block-uagb-separator{text-align: center;}.uagb-block-c911dcdc.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-c911dcdc .uagb-separator-spacing-wrapper{margin-bottom: 16px;}.uagb-block-c911dcdc.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 1px;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-container.uagb-block-4f13cfc4 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-4f13cfc4 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-4f13cfc4 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-4f13cfc4 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-4f13cfc4 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-4f13cfc4{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-4f13cfc4 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 24px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-4f13cfc4{box-shadow: 0px 0px   #00000070 ;padding-top: 48px;padding-bottom: 48px;padding-left: 48px;padding-right: 48px;margin-top: 48px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border-style: solid;border-color: rgba(205,189,226,0.1);background-repeat: no-repeat;background-position: 50% 0%;background-size: cover;background-attachment: scroll;background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2024\/02\/Hero-bg-min.png);background-clip: padding-box;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 24px;column-gap: 20px;}.wp-block-uagb-advanced-heading.uagb-block-bd69da8b.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-bd69da8b.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-bd69da8b.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-bd69da8b.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-bb9e78d5.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-bb9e78d5.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-bb9e78d5.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-bb9e78d5.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.uagb-block-bcf68176.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-bcf68176.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: left;align-items: center;}.wp-block-uagb-buttons .uagb-block-9b76d234 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9b76d234 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9b76d234 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9b76d234 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9b76d234.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9b76d234 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;}.wp-block-uagb-buttons .uagb-block-9b76d234 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-9b76d234 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-9b76d234 .uagb-button__link{text-transform: normal;text-decoration: none;}.wp-block-uagb-container.uagb-block-e306e24e .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-e306e24e .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-e306e24e .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-e306e24e .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-e306e24e .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-e306e24e{max-width: 25%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-e306e24e > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-e306e24e{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a4c24409.wp-block-uagb-advanced-heading .uagb-heading-text{color: var(--ast-global-color-3);}.wp-block-uagb-advanced-heading.uagb-block-a4c24409.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 20px;margin-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a4c24409.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a4c24409.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a4c24409.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a4c24409.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a4c24409 .uagb-heading-text{font-weight: 500;font-size: 20px;}.wp-block-uagb-advanced-heading.uagb-block-889b1ee5.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 16px;margin-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-889b1ee5.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-889b1ee5.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-889b1ee5.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-889b1ee5.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-889b1ee5 .uagb-heading-text{font-size: 15px;}.wp-block-uagb-container.uagb-block-fabb3c95 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-fabb3c95 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-fabb3c95 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-fabb3c95 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-fabb3c95 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-fabb3c95{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-fabb3c95 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 16px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-fabb3c95{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 24px;padding-right: 24px;margin-top: 0px !important;margin-bottom: 16px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-top-width: 0px;border-left-width: 1px;border-right-width: 0px;border-bottom-width: 0px;border-style: solid;border-color: rgba(205,189,226,0.2);flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 16px;column-gap: 0px;}.wp-block-uagb-advanced-heading.uagb-block-83f5f89c.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-83f5f89c.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-83f5f89c.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-83f5f89c.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-83f5f89c.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-83f5f89c .uagb-heading-text{font-size: 15px;}.wp-block-uagb-advanced-heading.uagb-block-6e2782c9.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-6e2782c9.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-6e2782c9.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-6e2782c9.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-6e2782c9.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-6e2782c9 .uagb-heading-text{font-size: 15px;}.wp-block-uagb-advanced-heading.uagb-block-f18e849a.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-f18e849a.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-f18e849a.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-f18e849a.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-f18e849a.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-f18e849a .uagb-heading-text{font-size: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a02fa26b.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 16px;margin-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-a02fa26b.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a02fa26b.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a02fa26b.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a02fa26b.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a02fa26b .uagb-heading-text{font-size: 15px;}.wp-block-uagb-advanced-heading.uagb-block-afb5e89c.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 16px;margin-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-afb5e89c.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-afb5e89c.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-afb5e89c.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-afb5e89c.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-afb5e89c .uagb-heading-text{font-size: 15px;}.wp-block-uagb-advanced-heading.uagb-block-fe1bfd59.wp-block-uagb-advanced-heading {margin-top: 0px;margin-right: 0px;margin-bottom: 16px;margin-left: 0px;}.wp-block-uagb-advanced-heading.uagb-block-fe1bfd59.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-fe1bfd59.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fe1bfd59.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fe1bfd59.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-fe1bfd59 .uagb-heading-text{font-size: 15px;}.uagb-block-0e84a373.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-0e84a373.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-0e84a373.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-0e84a373.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-0e84a373.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-0e84a373.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-0e84a373.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-0e84a373.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-0e84a373.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-0e84a373.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-0e84a373.wp-block-uagb-image .wp-block-uagb-image__figure img{object-fit: contain;width: px;height: 70px;}.uagb-block-0e84a373.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-0e84a373.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-0e84a373.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-0e84a373.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}.wp-block-uagb-container.uagb-block-62860ec6 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-62860ec6 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-62860ec6 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-62860ec6 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-62860ec6 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-62860ec6{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-62860ec6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1280px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-62860ec6.uagb-layout-grid{row-gap: 0px;column-gap: 12px;grid-template-columns: auto  auto ;grid-template-rows: minmax( 1px, 1fr) ;align-items: stretch;justify-items: stretch;align-content: stretch;justify-content: stretch;}.wp-block-uagb-container.uagb-block-62860ec6{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;}.wp-block-uagb-container.uagb-block-62860ec6.wp-block-uagb-container > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not( .spectra-container-link-overlay ):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-container-inner-blocks-wrap){width: auto !important;}.wp-block-uagb-container.uagb-block-62860ec6.wp-block-uagb-container > .uagb-container-inner-blocks-wrap > *:not( .wp-block-uagb-column ):not( .wp-block-uagb-section ):not( .uagb-container__shape ):not( .uagb-container__video-wrap ):not( .uagb-slider-container ):not(.spectra-image-gallery__control-lightbox){width: auto !important;}.uagb-block-e695dee1.wp-block-uagb-image{margin-top: 6px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;text-align: left;justify-content: flex-start;align-self: flex-start;}.uagb-block-e695dee1 .wp-block-uagb-image__figure{align-items: flex-start;}.uagb-block-e695dee1.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-e695dee1.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-e695dee1.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-e695dee1.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-e695dee1.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-e695dee1.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-e695dee1.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-e695dee1.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-e695dee1.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-e695dee1.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-e695dee1.wp-block-uagb-image .wp-block-uagb-image__figure img{object-fit: contain;width: 18px;height: 18px;}.uagb-block-e695dee1.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-e695dee1.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-e695dee1.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-e695dee1.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}.wp-block-uagb-advanced-heading.uagb-block-4a396755.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-4a396755.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-4a396755.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-4a396755.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-4a396755 .uagb-heading-text{font-size: 14px;}.uagb-block-65c7e5f4.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-65c7e5f4.uagb-buttons__outer-wrap .uagb-buttons__wrap{width: 100%;align-items: center;}.uagb-block-65c7e5f4.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button {width: 100%;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-button__wrapper .uagb-buttons-repeater{padding-top: 12px;padding-bottom: 12px;padding-left: 24px;padding-right: 24px;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-6408a1c5.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-6408a1c5 .uagb-button__link{text-transform: normal;text-decoration: none;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-7d0a9c8b{width: 100%;}.wp-block-uagb-container.uagb-block-7d0a9c8b{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 64px !important;margin-bottom: 0px !important;order: initial;flex-wrap: wrap-reverse;max-width:  !important;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-ec2c2fb6{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-ec2c2fb6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-ec2c2fb6{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-a2ef876d{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-a2ef876d > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-a2ef876d{padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;margin-top: 32px !important;margin-bottom: 48px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: #d4b4fd;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-480d8777{width: 100%;}.wp-block-uagb-container.uagb-block-480d8777{padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin-top: 0px !important;margin-bottom: 36px !important;order: initial;border-style: none;background-color: rgba(205,189,226,0.1);;max-width:  !important;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-107dc1c1{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-107dc1c1 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-107dc1c1{padding-top: 32px;padding-bottom: 32px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;order: initial;border-style: solid;border-color: #d4b4fd;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-30525fed{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-30525fed > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-30525fed{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;background-clip: padding-box;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-5c2e3e70{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-5c2e3e70 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-5c2e3e70{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/03\/Yes.png);background-clip: padding-box;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-764d65b8{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-764d65b8 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-764d65b8{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-74b679ef{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-74b679ef > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-74b679ef{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-36736043{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-36736043 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-36736043{padding-top: 12px;padding-bottom: 16px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;order: initial;border-style: solid;border-color: var(--ast-global-color-4);}.wp-block-uagb-container.uagb-is-root-container .uagb-block-33b94f98{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-33b94f98 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-33b94f98{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;background-clip: padding-box;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-c418e740{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-c418e740 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-c418e740{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/03\/No-1.png);background-clip: padding-box;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-8811a44a{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-8811a44a > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-8811a44a{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-effed741{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-effed741 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-effed741{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-784dbcb6{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-784dbcb6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-784dbcb6{padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin-top: 64px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: none;background-color: rgba(205,189,226,0.1);;}.uagb-block-60bbf702.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: left;align-items: center;}.uagb-block-60bbf702.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-d0675b25{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-d0675b25 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-d0675b25{padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin-top: 64px !important;margin-bottom: 32px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: rgba(205,189,226,0.3);}.wp-block-uagb-container.uagb-is-root-container .uagb-block-149b981b{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-149b981b > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-149b981b{padding-top: 40px;padding-bottom: 40px;padding-left: 40px;padding-right: 40px;margin-top: 32px !important;margin-bottom: 64px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: rgba(205,189,226,0.3);}.uagb-block-1ea02519.wp-block-uagb-separator{text-align: center;}.uagb-block-1ea02519.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-1ea02519.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-466290a3{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-466290a3 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-466290a3{padding-top: 12px;padding-bottom: 16px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;order: initial;border-style: solid;border-color: var(--ast-global-color-4);}.wp-block-uagb-container.uagb-is-root-container .uagb-block-5e545da2{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-5e545da2 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-5e545da2{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.uagb-block-1788b674.wp-block-uagb-separator{text-align: center;}.uagb-block-1788b674.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-1788b674.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-0d2ee900{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-0d2ee900 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-0d2ee900{padding-top: 0px;padding-bottom: 0px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;order: initial;border-style: solid;border-color: var(--ast-global-color-4);}.wp-block-uagb-container.uagb-is-root-container .uagb-block-728f8d35{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-728f8d35 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-728f8d35{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.uagb-block-c911dcdc.wp-block-uagb-separator{text-align: center;}.uagb-block-c911dcdc.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-c911dcdc.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-4f13cfc4{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-4f13cfc4 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-4f13cfc4{padding-top: 48px;padding-bottom: 48px;padding-left: 48px;padding-right: 48px;margin-top: 48px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: rgba(205,189,226,0.1);background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2024\/02\/Hero-bg-min.png);background-clip: padding-box;}.uagb-block-bcf68176.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: left;align-items: center;}.uagb-block-bcf68176.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-e306e24e{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-e306e24e > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-e306e24e{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-fabb3c95{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-fabb3c95 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-fabb3c95{padding-top: 0px;padding-bottom: 0px;padding-left: 24px;padding-right: 24px;margin-top: 0px !important;margin-bottom: 16px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: rgba(205,189,226,0.2);}.uagb-block-0e84a373.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-62860ec6{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-62860ec6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-62860ec6.uagb-layout-grid{grid-template-columns: auto  minmax( 1px, 1fr) ;grid-template-rows: minmax( 1px, 1fr) ;align-items: stretch;justify-items: start;align-content: stretch;justify-content: stretch;}.wp-block-uagb-container.uagb-block-62860ec6{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}.uagb-block-e695dee1.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 18px;height: auto;}.uagb-block-65c7e5f4.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-65c7e5f4.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-7d0a9c8b{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-7d0a9c8b{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 64px !important;margin-bottom: 0px !important;order: initial;flex-wrap: wrap-reverse;max-width: 100% !important;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-ec2c2fb6{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-ec2c2fb6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-ec2c2fb6{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-a2ef876d{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-a2ef876d > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-a2ef876d{padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;margin-top: 32px !important;margin-bottom: 48px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: #d4b4fd;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-480d8777{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-480d8777{padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;margin-top: 0px !important;margin-bottom: 36px !important;order: initial;border-style: none;background-color: rgba(205,189,226,0.1);;flex-wrap: wrap;max-width: 100% !important;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-107dc1c1{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-107dc1c1 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-107dc1c1{padding-top: 32px;padding-bottom: 32px;padding-left: 32px;padding-right: 32px;margin-top:  !important;margin-bottom:  !important;order: initial;border-style: solid;border-color: #d4b4fd;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-30525fed{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-30525fed > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-30525fed{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;background-clip: padding-box;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-5c2e3e70{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-5c2e3e70 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-5c2e3e70{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/03\/Yes.png);background-clip: padding-box;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-764d65b8{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-764d65b8 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-764d65b8{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-74b679ef{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-74b679ef > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-74b679ef{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-36736043{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-36736043 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-36736043{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;border-style: solid;border-color: var(--ast-global-color-4);}.wp-block-uagb-container.uagb-is-root-container .uagb-block-33b94f98{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-33b94f98 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-33b94f98{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;background-clip: padding-box;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-c418e740{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-c418e740 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-c418e740{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2025\/03\/No-1.png);background-clip: padding-box;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-8811a44a{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-8811a44a > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-8811a44a{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.wp-block-uagb-advanced-heading.uagb-block-5eefa1c6.wp-block-uagb-advanced-heading {text-align: center;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-effed741{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-effed741 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-effed741{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-784dbcb6{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-784dbcb6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-784dbcb6{padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;margin-top: 40px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: none;background-color: rgba(205,189,226,0.1);;}.uagb-block-60bbf702.uagb-buttons__outer-wrap .uagb-buttons__wrap{width: 100%;}.uagb-block-60bbf702.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button {width: 100%;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-d0675b25{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-d0675b25 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-d0675b25{padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;margin-top: 40px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: rgba(205,189,226,0.3);}.wp-block-uagb-container.uagb-is-root-container .uagb-block-149b981b{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-149b981b > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-149b981b{padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;margin-top: 40px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: rgba(205,189,226,0.3);}.uagb-block-1ea02519.wp-block-uagb-separator{text-align: center;}.uagb-block-1ea02519.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-1ea02519.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-466290a3{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-466290a3 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-466290a3{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;border-style: solid;border-color: var(--ast-global-color-4);}.wp-block-uagb-container.uagb-is-root-container .uagb-block-5e545da2{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-5e545da2 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-5e545da2{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.uagb-block-1788b674.wp-block-uagb-separator{text-align: center;}.uagb-block-1788b674.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-1788b674.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-0d2ee900{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-0d2ee900 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-0d2ee900{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;border-style: solid;border-color: var(--ast-global-color-4);}.wp-block-uagb-container.uagb-is-root-container .uagb-block-728f8d35{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-728f8d35 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-728f8d35{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.uagb-block-c911dcdc.wp-block-uagb-separator{text-align: center;}.uagb-block-c911dcdc.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-c911dcdc.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-color: rgba(202,224,232,0.18);border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-4f13cfc4{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-4f13cfc4 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-4f13cfc4{padding-top: 24px;padding-bottom: 24px;padding-left: 24px;padding-right: 24px;margin-top: 12px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: rgba(205,189,226,0.1);background-image: url(https:\/\/ptc.wpml.org\/wp-content\/uploads\/2024\/02\/Hero-bg-min.png);background-clip: padding-box;flex-wrap: wrap;}.uagb-block-bcf68176.uagb-buttons__outer-wrap .uagb-buttons__wrap{width: 100%;}.uagb-block-bcf68176.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button {width: 100%;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-e306e24e{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-e306e24e > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-e306e24e{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-fabb3c95{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-fabb3c95 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-fabb3c95{padding-top: 0px;padding-bottom: 0px;padding-left: 24px;padding-right: 24px;margin-top: 0px !important;margin-bottom: 16px !important;margin-left: 0px;margin-right: 0px;order: initial;border-style: solid;border-color: rgba(205,189,226,0.2);flex-wrap: wrap;}.uagb-block-0e84a373.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: 64px;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-62860ec6{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-62860ec6 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-62860ec6.uagb-layout-grid{row-gap: 20px;grid-template-columns: auto  minmax( 1px, 1fr) ;grid-template-rows: minmax( 1px, 1fr) ;align-items: stretch;justify-items: stretch;align-content: stretch;justify-content: stretch;}.wp-block-uagb-container.uagb-block-62860ec6{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;row-gap: 20px;order: initial;}.uagb-block-e695dee1.wp-block-uagb-image .wp-block-uagb-image__figure img{width: 18px;height: auto;}.uagb-block-65c7e5f4.uagb-buttons__outer-wrap .uagb-buttons__wrap{width: 100%;}.uagb-block-65c7e5f4.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button {width: 100%;}}\";s:2:\"js\";s:359:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-5ea4a834' );\n});\nwindow.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-9b76d234' );\n});\nwindow.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-6408a1c5' );\n});\n });\";s:18:\"current_block_list\";a:20:{i:0;s:14:\"uagb\/container\";i:2;s:14:\"core\/paragraph\";i:4;s:11:\"core\/spacer\";i:5;s:12:\"core\/heading\";i:6;s:27:\"kevinbatdorf\/code-block-pro\";i:7;s:9:\"core\/list\";i:8;s:14:\"core\/list-item\";i:10;s:21:\"uagb\/advanced-heading\";i:11;s:12:\"uagb\/buttons\";i:12;s:18:\"uagb\/buttons-child\";i:13;s:12:\"core\/details\";i:14;s:14:\"uagb\/separator\";i:15;s:14:\"core\/separator\";i:16;s:10:\"uagb\/image\";i:17;s:11:\"core\/search\";i:18;s:10:\"core\/group\";i:19;s:17:\"core\/latest-posts\";i:20;s:20:\"core\/latest-comments\";i:21;s:13:\"core\/archives\";i:22;s:15:\"core\/categories\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";i:1776439715;s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Julia Kovaleva","author_link":"https:\/\/ptc.wpml.org\/de\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"Richten Sie Rails i18n und die Lokalisierung f\u00fcr Ihre App ein. Organisieren Sie \u00dcbersetzungsdateien, wechseln Sie zwischen Sprachen und automatisieren Sie \u00dcbersetzungen mit KI. Um zu zeigen, wie die Rails-Internationalisierung in der Praxis funktioniert, haben wir eine kleine Ruby on Rails Demo-Anwendung erstellt. Die App zeigt die aktuelle Serverzeit mit einem Aktualisierungsbutton an und enth\u00e4lt&hellip;","_links":{"self":[{"href":"https:\/\/ptc.wpml.org\/de\/wp-json\/wp\/v2\/documentation\/14283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ptc.wpml.org\/de\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/ptc.wpml.org\/de\/wp-json\/wp\/v2\/types\/documentation"}],"wp:attachment":[{"href":"https:\/\/ptc.wpml.org\/de\/wp-json\/wp\/v2\/media?parent=14283"}],"wp:term":[{"taxonomy":"resources","embeddable":true,"href":"https:\/\/ptc.wpml.org\/de\/wp-json\/wp\/v2\/resources?post=14283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}