{"id":6669,"date":"2025-04-16T14:07:44","date_gmt":"2025-04-16T12:07:44","guid":{"rendered":"https:\/\/specialspex.com\/?page_id=6669"},"modified":"2026-09-29T15:36:06","modified_gmt":"2026-09-29T13:36:06","slug":"ratgeber-wiki-zentrum","status":"publish","type":"page","link":"https:\/\/www.specialspex.com\/de\/ratgeber-wiki-zentrum\/","title":{"rendered":"Beratung &amp; Wiki Zentrum"},"content":{"rendered":"<nav class=\"px-6 mb-6 lg:px-8\" x-data=\"{ open: false }\">\n    <div class=\"w-full mx-auto relative pb-6 border-b border-gray-200\">\n      <!-- Desktop Menu -->\n      <ul class=\"hidden xl:flex flex-nowrap justify-center divide-x divide-gray-200 overflow-x-auto overflow-y-hidden scrollbar\">\n                  <li class=\"px-6\">\n            <a href=\"#eigenschappen-van-een-bril\" class=\"py-2 px-3 hover:underline transition-colors font-semibold whitespace-nowrap\">\n              Eigenschaften von Brillen\n            <\/a>\n          <\/li>\n                  <li class=\"px-6\">\n            <a href=\"#brillen-op-sterkte\" class=\"py-2 px-3 hover:underline transition-colors font-semibold whitespace-nowrap\">\n              Brillen mit Sehst\u00e4rke\n            <\/a>\n          <\/li>\n                  <li class=\"px-6\">\n            <a href=\"#service-en-garantie\" class=\"py-2 px-3 hover:underline transition-colors font-semibold whitespace-nowrap\">\n              Service und Garantie\n            <\/a>\n          <\/li>\n                  <li class=\"px-6\">\n            <a href=\"#advies-per-sport\" class=\"py-2 px-3 hover:underline transition-colors font-semibold whitespace-nowrap\">\n              Ratschl\u00e4ge pro Sportart\n            <\/a>\n          <\/li>\n                  <li class=\"px-6\">\n            <a href=\"#veiligheidsbrillen\" class=\"py-2 px-3 hover:underline transition-colors font-semibold whitespace-nowrap\">\n              Schutzbrille\n            <\/a>\n          <\/li>\n                  <li class=\"px-6\">\n            <a href=\"#motorbrillen\" class=\"py-2 px-3 hover:underline transition-colors font-semibold whitespace-nowrap\">\n              Motorradbrille\n            <\/a>\n          <\/li>\n              <\/ul>\n\n      <!-- Mobile Menu -->\n      <div class=\"xl:hidden relative\">\n        <button @click=\"open = !open\" type=\"button\" class=\"w-full flex items-center justify-between py-2.5 px-4 bg-white rounded-md border border-gray-300 shadow-sm focus:outline-none focus:ring-2 focus:ring-slate-500 transition-all\">\n            <span class=\"font-semibold text-gray-700\">W\u00e4hlen Sie eine Kategorie aus<\/span>\n            <svg class=\"h-5 w-5 text-gray-400 transition-transform duration-200\" :class=\"{ 'rotate-180': open }\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                <path fill-rule=\"evenodd\" d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/>\n            <\/svg>\n        <\/button>\n\n        <div x-show=\"open\"\n             x-cloak\n             @click.away=\"open = false\"\n             x-transition:enter=\"transition ease-out duration-100\"\n             x-transition:enter-start=\"transform opacity-0 scale-95\"\n             x-transition:enter-end=\"transform opacity-100 scale-100\"\n             x-transition:leave=\"transition ease-in duration-75\"\n             x-transition:leave-start=\"transform opacity-100 scale-100\"\n             x-transition:leave-end=\"transform opacity-0 scale-95\"\n             class=\"absolute z-[100] w-full mt-2 bg-white border border-gray-200 rounded-md shadow-xl overflow-hidden\">\n            <ul class=\"divide-y divide-gray-100\">\n                                    <li>\n                        <a href=\"#eigenschappen-van-een-bril\" class=\"block py-3 px-4 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors\" @click=\"open = false\">\n                            Eigenschaften von Brillen\n                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a href=\"#brillen-op-sterkte\" class=\"block py-3 px-4 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors\" @click=\"open = false\">\n                            Brillen mit Sehst\u00e4rke\n                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a href=\"#service-en-garantie\" class=\"block py-3 px-4 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors\" @click=\"open = false\">\n                            Service und Garantie\n                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a href=\"#advies-per-sport\" class=\"block py-3 px-4 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors\" @click=\"open = false\">\n                            Ratschl\u00e4ge pro Sportart\n                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a href=\"#veiligheidsbrillen\" class=\"block py-3 px-4 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors\" @click=\"open = false\">\n                            Schutzbrille\n                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a href=\"#motorbrillen\" class=\"block py-3 px-4 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors\" @click=\"open = false\">\n                            Motorradbrille\n                        <\/a>\n                    <\/li>\n                            <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/nav>\n\n\n<section id=\"brillen-mit-sehstaerke\" class=\"max-w-7xl px-6 lg:px-8 pb-12 md:pb-20 mx-auto relative\" x-data=\"posts({\n    postType: 'wiki',\n    perPage: 8,\n    languageCode: 'de',\n    categoryId: 508,\n    selectionMethod: 'taxonomy',\n    postIds: []\n})\">\n\n  <div class=\"md:flex justify-between  mb-10 \">\n          <h2 class=\"text-4xl font-medium \">Brillen mit Sehst\u00e4rke<\/h2>\n    \n          <div class=\"relative mt-5 md:mt-0\">\n        <div class=\"flex items-center relative\">\n          <select\n            @change=\"changeSort($event.target.value)\"\n            class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer z-10\"\n            aria-label=\"Sorteren op\"\n          >\n            <option value=\"desc\" :selected=\"sortOrder === 'desc'\">Neueste zuerst<\/option>\n            <option value=\"asc\" :selected=\"sortOrder === 'asc'\">\u00c4lteste zuerst<\/option>\n          <\/select>\n          <span class=\"mr-2 font-medium font-heading text-neutral pointer-events-none\">Sortieren nach<\/span>\n          <div class=\"flex items-center justify-center w-6 h-6 pointer-events-none\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/chevron-right.svg\"\n              alt=\"Dropdown arrow\"\n              class=\"w-3 h-3 transform rotate-90\"\n            >\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\n      <p class=\"text-slate-600 -mt-6 mb-10\">M\u00f6chtest du eine Brille mit Sehst\u00e4rke anfertigen lassen? Hier findest du alle Tipps und wichtigen Informationen dazu.<\/p>\n  \n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 md:gap-x-6 gap-y-8 md:gap-y-10\">\n      <template x-if=\"loading &#038;&#038; !loadingMore\">\n        <div class=\"contents\">\n          <template x-for=\"placeholder in placeholders\" :key=\"placeholder.id\">\n            <div>\n              <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 animate-pulse\"><\/div>\n              <div>\n                <div class=\"h-6 bg-slate-100 rounded w-3\/4 mb-3 animate-pulse\"><\/div>\n                <div class=\"h-4 bg-slate-100 rounded w-1\/3 animate-pulse\"><\/div>\n              <\/div>\n            <\/div>\n          <\/template>\n        <\/div>\n      <\/template>\n\n      <div x-show=\"!loading || loadingMore\" class=\"contents\">\n        <template x-for=\"post in posts\" :key=\"post.id\">\n          <div class=\"relative group\">\n            <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 relative\">\n              <template x-if=\"post.is_featured\">\n                <div class=\"absolute top-3 left-3 bg-white text-neutral text-xs font-bold uppercase px-3 py-1 rounded-md z-10\">\n                  Hervorgehoben\n                <\/div>\n              <\/template>\n              <template x-if=\"post.thumbnail\">\n                <img :src=\"post.thumbnail\" :alt=\"post.title\" loading=\"lazy\" class=\"w-full h-full object-cover group-hover:opacity-75 transition-all duration-300\">\n              <\/template>\n            <\/div>\n            <div>\n              <h3 class=\"font-heading text-neutral font-medium text-xl mb-3\" x-text=\"post.title\"><\/h3>\n              <a :href=\"post.url\" :title=\"post.title\" class=\"text-neutral border-b border-neutral pb-1 text-sm font-medium flex items-center w-fit after:absolute after:inset-0 group\">\n                Artikel lesen\n                <img decoding=\"async\" class=\"ms-1 transform transition-transform duration-300 ease-out group-hover:translate-x-1.5 will-change-transform\" alt=\"Arrow right\" height=\"15\" width=\"15\" loading=\"lazy\" src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/arrow-right.svg\" title=\"\">\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/template>\n      <\/div>\n    <\/div>\n  \n      <div class=\"mt-10 text-center\" x-show=\"!loading\">\n      <template x-if=\"loadingMore\">\n        <div class=\"animate-pulse text-center py-4\">Laden&#8230;<\/div>\n      <\/template>\n\n      <button\n        x-show=\"hasMore &#038;&#038; !loadingMore\"\n        @click=\"loadMore()\"\n        class=\"py-2 px-6 border border-neutral text-neutral font-heading text-md rounded-full hover:bg-neutral hover:text-white transition-colors\"\n      >\n        Mehr anzeigen\n      <\/button>\n    <\/div>\n  <\/section>\n\n\n<section id=\"service-und-garantie\" class=\"max-w-7xl px-6 lg:px-8 pb-12 md:pb-20 mx-auto relative\" x-data=\"posts({\n    postType: 'wiki',\n    perPage: 8,\n    languageCode: 'de',\n    categoryId: 511,\n    selectionMethod: 'taxonomy',\n    postIds: []\n})\">\n\n  <div class=\"md:flex justify-between  mb-10 \">\n          <h2 class=\"text-4xl font-medium \">Service und Garantie<\/h2>\n    \n          <div class=\"relative mt-5 md:mt-0\">\n        <div class=\"flex items-center relative\">\n          <select\n            @change=\"changeSort($event.target.value)\"\n            class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer z-10\"\n            aria-label=\"Sorteren op\"\n          >\n            <option value=\"desc\" :selected=\"sortOrder === 'desc'\">Neueste zuerst<\/option>\n            <option value=\"asc\" :selected=\"sortOrder === 'asc'\">\u00c4lteste zuerst<\/option>\n          <\/select>\n          <span class=\"mr-2 font-medium font-heading text-neutral pointer-events-none\">Sortieren nach<\/span>\n          <div class=\"flex items-center justify-center w-6 h-6 pointer-events-none\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/chevron-right.svg\"\n              alt=\"Dropdown arrow\"\n              class=\"w-3 h-3 transform rotate-90\"\n            >\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\n      <p class=\"text-slate-600 -mt-6 mb-10\">Alles \u00fcber den Service von Specialspex.<\/p>\n  \n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 md:gap-x-6 gap-y-8 md:gap-y-10\">\n      <template x-if=\"loading &#038;&#038; !loadingMore\">\n        <div class=\"contents\">\n          <template x-for=\"placeholder in placeholders\" :key=\"placeholder.id\">\n            <div>\n              <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 animate-pulse\"><\/div>\n              <div>\n                <div class=\"h-6 bg-slate-100 rounded w-3\/4 mb-3 animate-pulse\"><\/div>\n                <div class=\"h-4 bg-slate-100 rounded w-1\/3 animate-pulse\"><\/div>\n              <\/div>\n            <\/div>\n          <\/template>\n        <\/div>\n      <\/template>\n\n      <div x-show=\"!loading || loadingMore\" class=\"contents\">\n        <template x-for=\"post in posts\" :key=\"post.id\">\n          <div class=\"relative group\">\n            <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 relative\">\n              <template x-if=\"post.is_featured\">\n                <div class=\"absolute top-3 left-3 bg-white text-neutral text-xs font-bold uppercase px-3 py-1 rounded-md z-10\">\n                  Hervorgehoben\n                <\/div>\n              <\/template>\n              <template x-if=\"post.thumbnail\">\n                <img :src=\"post.thumbnail\" :alt=\"post.title\" loading=\"lazy\" class=\"w-full h-full object-cover group-hover:opacity-75 transition-all duration-300\">\n              <\/template>\n            <\/div>\n            <div>\n              <h3 class=\"font-heading text-neutral font-medium text-xl mb-3\" x-text=\"post.title\"><\/h3>\n              <a :href=\"post.url\" :title=\"post.title\" class=\"text-neutral border-b border-neutral pb-1 text-sm font-medium flex items-center w-fit after:absolute after:inset-0 group\">\n                Artikel lesen\n                <img decoding=\"async\" class=\"ms-1 transform transition-transform duration-300 ease-out group-hover:translate-x-1.5 will-change-transform\" alt=\"Arrow right\" height=\"15\" width=\"15\" loading=\"lazy\" src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/arrow-right.svg\" title=\"\">\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/template>\n      <\/div>\n    <\/div>\n  \n      <div class=\"mt-10 text-center\" x-show=\"!loading\">\n      <template x-if=\"loadingMore\">\n        <div class=\"animate-pulse text-center py-4\">Laden&#8230;<\/div>\n      <\/template>\n\n      <button\n        x-show=\"hasMore &#038;&#038; !loadingMore\"\n        @click=\"loadMore()\"\n        class=\"py-2 px-6 border border-neutral text-neutral font-heading text-md rounded-full hover:bg-neutral hover:text-white transition-colors\"\n      >\n        Mehr anzeigen\n      <\/button>\n    <\/div>\n  <\/section>\n\n\n<section id=\"eigenschaften-von-brillen\" class=\"max-w-7xl px-6 lg:px-8 pb-12 md:pb-20 mx-auto relative\" x-data=\"posts({\n    postType: 'wiki',\n    perPage: 8,\n    languageCode: 'de',\n    categoryId: 506,\n    selectionMethod: 'taxonomy',\n    postIds: []\n})\">\n\n  <div class=\"md:flex justify-between  mb-10 \">\n          <h2 class=\"text-4xl font-medium \">Eigenschaften von Brillen<\/h2>\n    \n          <div class=\"relative mt-5 md:mt-0\">\n        <div class=\"flex items-center relative\">\n          <select\n            @change=\"changeSort($event.target.value)\"\n            class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer z-10\"\n            aria-label=\"Sorteren op\"\n          >\n            <option value=\"desc\" :selected=\"sortOrder === 'desc'\">Neueste zuerst<\/option>\n            <option value=\"asc\" :selected=\"sortOrder === 'asc'\">\u00c4lteste zuerst<\/option>\n          <\/select>\n          <span class=\"mr-2 font-medium font-heading text-neutral pointer-events-none\">Sortieren nach<\/span>\n          <div class=\"flex items-center justify-center w-6 h-6 pointer-events-none\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/chevron-right.svg\"\n              alt=\"Dropdown arrow\"\n              class=\"w-3 h-3 transform rotate-90\"\n            >\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\n      <p class=\"text-slate-600 -mt-6 mb-10\">Hier erfahren Sie alles \u00fcber die verschiedenen Materialien und Beschichtungen von Brillengl\u00e4sern. Zum Beispiel Gleitsicht-, photochrome und Antibeschlaggl\u00e4ser.<\/p>\n  \n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 md:gap-x-6 gap-y-8 md:gap-y-10\">\n      <template x-if=\"loading &#038;&#038; !loadingMore\">\n        <div class=\"contents\">\n          <template x-for=\"placeholder in placeholders\" :key=\"placeholder.id\">\n            <div>\n              <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 animate-pulse\"><\/div>\n              <div>\n                <div class=\"h-6 bg-slate-100 rounded w-3\/4 mb-3 animate-pulse\"><\/div>\n                <div class=\"h-4 bg-slate-100 rounded w-1\/3 animate-pulse\"><\/div>\n              <\/div>\n            <\/div>\n          <\/template>\n        <\/div>\n      <\/template>\n\n      <div x-show=\"!loading || loadingMore\" class=\"contents\">\n        <template x-for=\"post in posts\" :key=\"post.id\">\n          <div class=\"relative group\">\n            <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 relative\">\n              <template x-if=\"post.is_featured\">\n                <div class=\"absolute top-3 left-3 bg-white text-neutral text-xs font-bold uppercase px-3 py-1 rounded-md z-10\">\n                  Hervorgehoben\n                <\/div>\n              <\/template>\n              <template x-if=\"post.thumbnail\">\n                <img :src=\"post.thumbnail\" :alt=\"post.title\" loading=\"lazy\" class=\"w-full h-full object-cover group-hover:opacity-75 transition-all duration-300\">\n              <\/template>\n            <\/div>\n            <div>\n              <h3 class=\"font-heading text-neutral font-medium text-xl mb-3\" x-text=\"post.title\"><\/h3>\n              <a :href=\"post.url\" :title=\"post.title\" class=\"text-neutral border-b border-neutral pb-1 text-sm font-medium flex items-center w-fit after:absolute after:inset-0 group\">\n                Artikel lesen\n                <img decoding=\"async\" class=\"ms-1 transform transition-transform duration-300 ease-out group-hover:translate-x-1.5 will-change-transform\" alt=\"Arrow right\" height=\"15\" width=\"15\" loading=\"lazy\" src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/arrow-right.svg\" title=\"\">\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/template>\n      <\/div>\n    <\/div>\n  \n      <div class=\"mt-10 text-center\" x-show=\"!loading\">\n      <template x-if=\"loadingMore\">\n        <div class=\"animate-pulse text-center py-4\">Laden&#8230;<\/div>\n      <\/template>\n\n      <button\n        x-show=\"hasMore &#038;&#038; !loadingMore\"\n        @click=\"loadMore()\"\n        class=\"py-2 px-6 border border-neutral text-neutral font-heading text-md rounded-full hover:bg-neutral hover:text-white transition-colors\"\n      >\n        Mehr anzeigen\n      <\/button>\n    <\/div>\n  <\/section>\n\n\n<section id=\"empfehlungen-nach-sportart\" class=\"max-w-7xl px-6 lg:px-8 pb-12 md:pb-20 mx-auto relative\" x-data=\"posts({\n    postType: 'wiki',\n    perPage: 8,\n    languageCode: 'de',\n    categoryId: 507,\n    selectionMethod: 'taxonomy',\n    postIds: []\n})\">\n\n  <div class=\"md:flex justify-between  mb-10 \">\n          <h2 class=\"text-4xl font-medium \">Empfehlungen nach Sportart<\/h2>\n    \n          <div class=\"relative mt-5 md:mt-0\">\n        <div class=\"flex items-center relative\">\n          <select\n            @change=\"changeSort($event.target.value)\"\n            class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer z-10\"\n            aria-label=\"Sorteren op\"\n          >\n            <option value=\"desc\" :selected=\"sortOrder === 'desc'\">Neueste zuerst<\/option>\n            <option value=\"asc\" :selected=\"sortOrder === 'asc'\">\u00c4lteste zuerst<\/option>\n          <\/select>\n          <span class=\"mr-2 font-medium font-heading text-neutral pointer-events-none\">Sortieren nach<\/span>\n          <div class=\"flex items-center justify-center w-6 h-6 pointer-events-none\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/chevron-right.svg\"\n              alt=\"Dropdown arrow\"\n              class=\"w-3 h-3 transform rotate-90\"\n            >\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\n      <p class=\"text-slate-600 -mt-6 mb-10\">Jede Sportart stellt besondere Anforderungen an eine Brille. Hier gehen wir n\u00e4her auf die verschiedenen Sportarten und die jeweils passenden Brillen ein.<\/p>\n  \n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 md:gap-x-6 gap-y-8 md:gap-y-10\">\n      <template x-if=\"loading &#038;&#038; !loadingMore\">\n        <div class=\"contents\">\n          <template x-for=\"placeholder in placeholders\" :key=\"placeholder.id\">\n            <div>\n              <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 animate-pulse\"><\/div>\n              <div>\n                <div class=\"h-6 bg-slate-100 rounded w-3\/4 mb-3 animate-pulse\"><\/div>\n                <div class=\"h-4 bg-slate-100 rounded w-1\/3 animate-pulse\"><\/div>\n              <\/div>\n            <\/div>\n          <\/template>\n        <\/div>\n      <\/template>\n\n      <div x-show=\"!loading || loadingMore\" class=\"contents\">\n        <template x-for=\"post in posts\" :key=\"post.id\">\n          <div class=\"relative group\">\n            <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 relative\">\n              <template x-if=\"post.is_featured\">\n                <div class=\"absolute top-3 left-3 bg-white text-neutral text-xs font-bold uppercase px-3 py-1 rounded-md z-10\">\n                  Hervorgehoben\n                <\/div>\n              <\/template>\n              <template x-if=\"post.thumbnail\">\n                <img :src=\"post.thumbnail\" :alt=\"post.title\" loading=\"lazy\" class=\"w-full h-full object-cover group-hover:opacity-75 transition-all duration-300\">\n              <\/template>\n            <\/div>\n            <div>\n              <h3 class=\"font-heading text-neutral font-medium text-xl mb-3\" x-text=\"post.title\"><\/h3>\n              <a :href=\"post.url\" :title=\"post.title\" class=\"text-neutral border-b border-neutral pb-1 text-sm font-medium flex items-center w-fit after:absolute after:inset-0 group\">\n                Artikel lesen\n                <img decoding=\"async\" class=\"ms-1 transform transition-transform duration-300 ease-out group-hover:translate-x-1.5 will-change-transform\" alt=\"Arrow right\" height=\"15\" width=\"15\" loading=\"lazy\" src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/arrow-right.svg\" title=\"\">\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/template>\n      <\/div>\n    <\/div>\n  \n      <div class=\"mt-10 text-center\" x-show=\"!loading\">\n      <template x-if=\"loadingMore\">\n        <div class=\"animate-pulse text-center py-4\">Laden&#8230;<\/div>\n      <\/template>\n\n      <button\n        x-show=\"hasMore &#038;&#038; !loadingMore\"\n        @click=\"loadMore()\"\n        class=\"py-2 px-6 border border-neutral text-neutral font-heading text-md rounded-full hover:bg-neutral hover:text-white transition-colors\"\n      >\n        Mehr anzeigen\n      <\/button>\n    <\/div>\n  <\/section>\n\n\n<section id=\"schutzbrillen\" class=\"max-w-7xl px-6 lg:px-8 pb-12 md:pb-20 mx-auto relative\" x-data=\"posts({\n    postType: 'wiki',\n    perPage: 8,\n    languageCode: 'de',\n    categoryId: 509,\n    selectionMethod: 'taxonomy',\n    postIds: []\n})\">\n\n  <div class=\"md:flex justify-between  mb-10 \">\n          <h2 class=\"text-4xl font-medium \">Schutzbrillen<\/h2>\n    \n          <div class=\"relative mt-5 md:mt-0\">\n        <div class=\"flex items-center relative\">\n          <select\n            @change=\"changeSort($event.target.value)\"\n            class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer z-10\"\n            aria-label=\"Sorteren op\"\n          >\n            <option value=\"desc\" :selected=\"sortOrder === 'desc'\">Neueste zuerst<\/option>\n            <option value=\"asc\" :selected=\"sortOrder === 'asc'\">\u00c4lteste zuerst<\/option>\n          <\/select>\n          <span class=\"mr-2 font-medium font-heading text-neutral pointer-events-none\">Sortieren nach<\/span>\n          <div class=\"flex items-center justify-center w-6 h-6 pointer-events-none\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/chevron-right.svg\"\n              alt=\"Dropdown arrow\"\n              class=\"w-3 h-3 transform rotate-90\"\n            >\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\n      <p class=\"text-slate-600 -mt-6 mb-10\">Alles \u00fcber Schutzbrillen.<\/p>\n  \n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 md:gap-x-6 gap-y-8 md:gap-y-10\">\n      <template x-if=\"loading &#038;&#038; !loadingMore\">\n        <div class=\"contents\">\n          <template x-for=\"placeholder in placeholders\" :key=\"placeholder.id\">\n            <div>\n              <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 animate-pulse\"><\/div>\n              <div>\n                <div class=\"h-6 bg-slate-100 rounded w-3\/4 mb-3 animate-pulse\"><\/div>\n                <div class=\"h-4 bg-slate-100 rounded w-1\/3 animate-pulse\"><\/div>\n              <\/div>\n            <\/div>\n          <\/template>\n        <\/div>\n      <\/template>\n\n      <div x-show=\"!loading || loadingMore\" class=\"contents\">\n        <template x-for=\"post in posts\" :key=\"post.id\">\n          <div class=\"relative group\">\n            <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 relative\">\n              <template x-if=\"post.is_featured\">\n                <div class=\"absolute top-3 left-3 bg-white text-neutral text-xs font-bold uppercase px-3 py-1 rounded-md z-10\">\n                  Hervorgehoben\n                <\/div>\n              <\/template>\n              <template x-if=\"post.thumbnail\">\n                <img :src=\"post.thumbnail\" :alt=\"post.title\" loading=\"lazy\" class=\"w-full h-full object-cover group-hover:opacity-75 transition-all duration-300\">\n              <\/template>\n            <\/div>\n            <div>\n              <h3 class=\"font-heading text-neutral font-medium text-xl mb-3\" x-text=\"post.title\"><\/h3>\n              <a :href=\"post.url\" :title=\"post.title\" class=\"text-neutral border-b border-neutral pb-1 text-sm font-medium flex items-center w-fit after:absolute after:inset-0 group\">\n                Artikel lesen\n                <img decoding=\"async\" class=\"ms-1 transform transition-transform duration-300 ease-out group-hover:translate-x-1.5 will-change-transform\" alt=\"Arrow right\" height=\"15\" width=\"15\" loading=\"lazy\" src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/arrow-right.svg\" title=\"\">\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/template>\n      <\/div>\n    <\/div>\n  \n      <div class=\"mt-10 text-center\" x-show=\"!loading\">\n      <template x-if=\"loadingMore\">\n        <div class=\"animate-pulse text-center py-4\">Laden&#8230;<\/div>\n      <\/template>\n\n      <button\n        x-show=\"hasMore &#038;&#038; !loadingMore\"\n        @click=\"loadMore()\"\n        class=\"py-2 px-6 border border-neutral text-neutral font-heading text-md rounded-full hover:bg-neutral hover:text-white transition-colors\"\n      >\n        Mehr anzeigen\n      <\/button>\n    <\/div>\n  <\/section>\n\n\n<section id=\"motorradbrillen\" class=\"max-w-7xl px-6 lg:px-8 pb-12 md:pb-20 mx-auto relative\" x-data=\"posts({\n    postType: 'wiki',\n    perPage: 8,\n    languageCode: 'de',\n    categoryId: 510,\n    selectionMethod: 'taxonomy',\n    postIds: []\n})\">\n\n  <div class=\"md:flex justify-between  mb-10 \">\n          <h2 class=\"text-4xl font-medium \">Motorradbrillen<\/h2>\n    \n          <div class=\"relative mt-5 md:mt-0\">\n        <div class=\"flex items-center relative\">\n          <select\n            @change=\"changeSort($event.target.value)\"\n            class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer z-10\"\n            aria-label=\"Sorteren op\"\n          >\n            <option value=\"desc\" :selected=\"sortOrder === 'desc'\">Neueste zuerst<\/option>\n            <option value=\"asc\" :selected=\"sortOrder === 'asc'\">\u00c4lteste zuerst<\/option>\n          <\/select>\n          <span class=\"mr-2 font-medium font-heading text-neutral pointer-events-none\">Sortieren nach<\/span>\n          <div class=\"flex items-center justify-center w-6 h-6 pointer-events-none\">\n            <img decoding=\"async\"\n              src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/chevron-right.svg\"\n              alt=\"Dropdown arrow\"\n              class=\"w-3 h-3 transform rotate-90\"\n            >\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n\n      <p class=\"text-slate-600 -mt-6 mb-10\">Alles \u00fcber Motorradbrillen.<\/p>\n  \n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 md:gap-x-6 gap-y-8 md:gap-y-10\">\n      <template x-if=\"loading &#038;&#038; !loadingMore\">\n        <div class=\"contents\">\n          <template x-for=\"placeholder in placeholders\" :key=\"placeholder.id\">\n            <div>\n              <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 animate-pulse\"><\/div>\n              <div>\n                <div class=\"h-6 bg-slate-100 rounded w-3\/4 mb-3 animate-pulse\"><\/div>\n                <div class=\"h-4 bg-slate-100 rounded w-1\/3 animate-pulse\"><\/div>\n              <\/div>\n            <\/div>\n          <\/template>\n        <\/div>\n      <\/template>\n\n      <div x-show=\"!loading || loadingMore\" class=\"contents\">\n        <template x-for=\"post in posts\" :key=\"post.id\">\n          <div class=\"relative group\">\n            <div class=\"aspect-square overflow-hidden bg-slate-100 rounded-lg mb-5 relative\">\n              <template x-if=\"post.is_featured\">\n                <div class=\"absolute top-3 left-3 bg-white text-neutral text-xs font-bold uppercase px-3 py-1 rounded-md z-10\">\n                  Hervorgehoben\n                <\/div>\n              <\/template>\n              <template x-if=\"post.thumbnail\">\n                <img :src=\"post.thumbnail\" :alt=\"post.title\" loading=\"lazy\" class=\"w-full h-full object-cover group-hover:opacity-75 transition-all duration-300\">\n              <\/template>\n            <\/div>\n            <div>\n              <h3 class=\"font-heading text-neutral font-medium text-xl mb-3\" x-text=\"post.title\"><\/h3>\n              <a :href=\"post.url\" :title=\"post.title\" class=\"text-neutral border-b border-neutral pb-1 text-sm font-medium flex items-center w-fit after:absolute after:inset-0 group\">\n                Artikel lesen\n                <img decoding=\"async\" class=\"ms-1 transform transition-transform duration-300 ease-out group-hover:translate-x-1.5 will-change-transform\" alt=\"Arrow right\" height=\"15\" width=\"15\" loading=\"lazy\" src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/arrow-right.svg\" title=\"\">\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/template>\n      <\/div>\n    <\/div>\n  \n      <div class=\"mt-10 text-center\" x-show=\"!loading\">\n      <template x-if=\"loadingMore\">\n        <div class=\"animate-pulse text-center py-4\">Laden&#8230;<\/div>\n      <\/template>\n\n      <button\n        x-show=\"hasMore &#038;&#038; !loadingMore\"\n        @click=\"loadMore()\"\n        class=\"py-2 px-6 border border-neutral text-neutral font-heading text-md rounded-full hover:bg-neutral hover:text-white transition-colors\"\n      >\n        Mehr anzeigen\n      <\/button>\n    <\/div>\n  <\/section>\n\n\n<section class=\"max-w-7xl px-6 lg:px-8 pb-20 mx-auto relative\">\n  <div class=\"grid md:grid-cols-3 gap-4 md:gap-6\">\n          <div class=\"flex flex-col items-center text-center p-6 bg-slate-100 rounded-lg\">\n                  <img decoding=\"async\" src=\"https:\/\/www.specialspex.com\/wp-content\/uploads\/2025\/04\/chat.svg\" alt=\"CHAT\" class=\"w-[35px] mb-2\" width=\"35\" title=\"\">\n                <h3 class=\"font-semibold mb-1\">CHAT<\/h3>\n        <div class=\"text-neutral font-heading font-medium\">Chatte mit uns f\u00fcr Beratung oder bei Fragen.<\/div>\n      <\/div>\n          <div class=\"flex flex-col items-center text-center p-6 bg-slate-100 rounded-lg\">\n                  <img decoding=\"async\" src=\"https:\/\/www.specialspex.com\/wp-content\/uploads\/2025\/04\/call.svg\" alt=\"TELEFON\" class=\"w-[35px] mb-2\" width=\"35\" title=\"\">\n                <h3 class=\"font-semibold mb-1\">TELEFON<\/h3>\n        <div class=\"text-neutral font-heading font-medium\">Ruf uns an unter +31 (0) 85 3032673<\/div>\n      <\/div>\n          <div class=\"flex flex-col items-center text-center p-6 bg-slate-100 rounded-lg\">\n                  <img decoding=\"async\" src=\"https:\/\/www.specialspex.com\/wp-content\/uploads\/2025\/04\/mail.svg\" alt=\"E-MAIL\" class=\"w-[35px] mb-2\" width=\"35\" title=\"\">\n                <h3 class=\"font-semibold mb-1\">E-MAIL<\/h3>\n        <div class=\"text-neutral font-heading font-medium\">info@specialspex.com<\/div>\n      <\/div>\n      <\/div>\n<\/section>\n\n\n<section class=\"max-w-7xl mx-auto px-6 lg:px-8 pb-20 relative overflow-hidden\">\n  <div class=\"accordion-block\">\n          <h2 class=\"text-4xl font-medium lg:text-center mb-4 lg:mb-8\">H\u00e4ufig gestellte Fragen<\/h2>\n    \n          <div x-data=\"accordion()\">\n        \n                  <div class=\"md:grid md:grid-cols-2 md:gap-5 md:mb-5\">\n                                        <div>\n                <div class=\"border-b !border-b-neutral\">\n                  <button\n                    @click=\"toggle(0)\"\n                    class=\"w-full flex justify-between items-center py-4\"\n                    :aria-expanded=\"activeItem === 0\"\n                    aria-controls=\"accordion-content-accordion-6add65c679a4a5.47245500-0\"\n                  >\n                    <span class=\"text-neutral font-heading text-h5 text-left\">Was unterscheidet Specialspex.com von anderen Online-Brillenshops?<\/span>\n                    <svg\n                      class=\"w-5 h-5 shrink-0 ml-2 transition-transform duration-200\"\n                      :class=\"{'rotate-180': activeItem === 0}\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"#141718\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                    <\/svg>\n                  <\/button>\n                  <div\n                    id=\"prose accordion-content-accordion-6add65c679a4a5.47245500-0\"\n                    x-show=\"activeItem === 0\"\n                    x-collapse\n                    x-cloak\n                    class=\"pb-4 max-w-none\">\n                    Wir sind auf Sport- und Schutzbrillen mit Sehst\u00e4rke spezialisiert. Mit dem gr\u00f6\u00dften Sortiment der Niederlande, einem Showroom in Leiden und der kompetenten Beratung durch Optiker und Optometristen helfen wir dir, eine Brille zu finden, die perfekt zu deinem Sport, deiner Arbeit oder deinem Hobby passt. Dank unserer langj\u00e4hrigen Erfahrung k\u00f6nnen wir f\u00fcr nahezu jede Situation eine passende L\u00f6sung anbieten.\n                  <\/div>\n                <\/div>\n              <\/div>\n                                        <div>\n                <div class=\"border-b !border-b-neutral\">\n                  <button\n                    @click=\"toggle(1)\"\n                    class=\"w-full flex justify-between items-center py-4\"\n                    :aria-expanded=\"activeItem === 1\"\n                    aria-controls=\"accordion-content-accordion-6add65c679a4a5.47245500-1\"\n                  >\n                    <span class=\"text-neutral font-heading text-h5 text-left\">Kann ich euren Showroom besuchen?<\/span>\n                    <svg\n                      class=\"w-5 h-5 shrink-0 ml-2 transition-transform duration-200\"\n                      :class=\"{'rotate-180': activeItem === 1}\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"#141718\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                    <\/svg>\n                  <\/button>\n                  <div\n                    id=\"prose accordion-content-accordion-6add65c679a4a5.47245500-1\"\n                    x-show=\"activeItem === 1\"\n                    x-collapse\n                    x-cloak\n                    class=\"pb-4 max-w-none\">\n                    Nat\u00fcrlich! Unser Showroom befindet sich in Leiden in den Niederlanden. Hier kannst du verschiedene Brillen anprobieren und dich pers\u00f6nlich von unseren Spezialisten beraten lassen. Wir helfen dir gerne dabei, die passende Brille zu finden, und k\u00f6nnen deine Bestellung direkt f\u00fcr dich aufgeben. Vereinbare gerne einen Termin.\n                  <\/div>\n                <\/div>\n              <\/div>\n                      <\/div>\n                  <div class=\"md:grid md:grid-cols-2 md:gap-5 md:mb-5\">\n                                        <div>\n                <div class=\"border-b !border-b-neutral\">\n                  <button\n                    @click=\"toggle(2)\"\n                    class=\"w-full flex justify-between items-center py-4\"\n                    :aria-expanded=\"activeItem === 2\"\n                    aria-controls=\"accordion-content-accordion-6add65c679a4a5.47245500-2\"\n                  >\n                    <span class=\"text-neutral font-heading text-h5 text-left\">Wie finde ich heraus, welche Brille zu meiner Sportart passt?<\/span>\n                    <svg\n                      class=\"w-5 h-5 shrink-0 ml-2 transition-transform duration-200\"\n                      :class=\"{'rotate-180': activeItem === 2}\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"#141718\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                    <\/svg>\n                  <\/button>\n                  <div\n                    id=\"prose accordion-content-accordion-6add65c679a4a5.47245500-2\"\n                    x-show=\"activeItem === 2\"\n                    x-collapse\n                    x-cloak\n                    class=\"pb-4 max-w-none\">\n                    Nutze unsere Filter auf der Website oder lass dich von unseren Spezialisten beraten. Du kannst auch gerne in unserem Showroom in Leiden vorbeikommen und dich pers\u00f6nlich beraten lassen.\n                  <\/div>\n                <\/div>\n              <\/div>\n                                        <div>\n                <div class=\"border-b !border-b-neutral\">\n                  <button\n                    @click=\"toggle(3)\"\n                    class=\"w-full flex justify-between items-center py-4\"\n                    :aria-expanded=\"activeItem === 3\"\n                    aria-controls=\"accordion-content-accordion-6add65c679a4a5.47245500-3\"\n                  >\n                    <span class=\"text-neutral font-heading text-h5 text-left\">Wie ist der Status meiner Bestellung?<\/span>\n                    <svg\n                      class=\"w-5 h-5 shrink-0 ml-2 transition-transform duration-200\"\n                      :class=\"{'rotate-180': activeItem === 3}\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"#141718\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                    <\/svg>\n                  <\/button>\n                  <div\n                    id=\"prose accordion-content-accordion-6add65c679a4a5.47245500-3\"\n                    x-show=\"activeItem === 3\"\n                    x-collapse\n                    x-cloak\n                    class=\"pb-4 max-w-none\">\n                    \u00dcber dein Kundenkonto kannst du jederzeit den Status deiner Bestellung einsehen. Au\u00dferdem halten wir dich per E-Mail \u00fcber den aktuellen Stand auf dem Laufenden. Bei Fragen kannst du dich jederzeit gerne an uns wenden \u2013 wir helfen dir gerne weiter.\n                  <\/div>\n                <\/div>\n              <\/div>\n                      <\/div>\n                  <div class=\"md:grid md:grid-cols-2 md:gap-5 md:mb-5\">\n                                        <div>\n                <div class=\"border-b !border-b-neutral\">\n                  <button\n                    @click=\"toggle(4)\"\n                    class=\"w-full flex justify-between items-center py-4\"\n                    :aria-expanded=\"activeItem === 4\"\n                    aria-controls=\"accordion-content-accordion-6add65c679a4a5.47245500-4\"\n                  >\n                    <span class=\"text-neutral font-heading text-h5 text-left\">Arbeiten bei Specialspex Optiker und Optometristen?<\/span>\n                    <svg\n                      class=\"w-5 h-5 shrink-0 ml-2 transition-transform duration-200\"\n                      :class=\"{'rotate-180': activeItem === 4}\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"#141718\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                    <\/svg>\n                  <\/button>\n                  <div\n                    id=\"prose accordion-content-accordion-6add65c679a4a5.47245500-4\"\n                    x-show=\"activeItem === 4\"\n                    x-collapse\n                    x-cloak\n                    class=\"pb-4 max-w-none\">\n                    Ja. In unserem Team arbeiten sowohl Optiker als auch Optometristen. Dadurch k\u00f6nnen wir dich fachkundig beraten und die meisten Fragen rund um deine Sehst\u00e4rke und die passende Brille beantworten.\n                  <\/div>\n                <\/div>\n              <\/div>\n                                        <div>\n                <div class=\"border-b !border-b-neutral\">\n                  <button\n                    @click=\"toggle(5)\"\n                    class=\"w-full flex justify-between items-center py-4\"\n                    :aria-expanded=\"activeItem === 5\"\n                    aria-controls=\"accordion-content-accordion-6add65c679a4a5.47245500-5\"\n                  >\n                    <span class=\"text-neutral font-heading text-h5 text-left\">Kann ich eine Brille mit Sehst\u00e4rke online bestellen? Wie funktioniert das?<\/span>\n                    <svg\n                      class=\"w-5 h-5 shrink-0 ml-2 transition-transform duration-200\"\n                      :class=\"{'rotate-180': activeItem === 5}\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"#141718\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                    <\/svg>\n                  <\/button>\n                  <div\n                    id=\"prose accordion-content-accordion-6add65c679a4a5.47245500-5\"\n                    x-show=\"activeItem === 5\"\n                    x-collapse\n                    x-cloak\n                    class=\"pb-4 max-w-none\">\n                    Ja, das geht ganz einfach. Nachdem du eine Brille und die gew\u00fcnschten Gl\u00e4ser ausgew\u00e4hlt hast, kannst du deine Sehst\u00e4rke selbst eingeben. Alternativ kannst du auch ein Foto oder eine Datei mit deinem Brillenrezept hochladen.<br>Nach deiner Bestellung dauert es in der Regel etwa 2 bis 3 Wochen, bis deine Brille bei dir zu Hause eintrifft.\n                  <\/div>\n                <\/div>\n              <\/div>\n                      <\/div>\n              <\/div>\n      <\/div>\n<\/section>\n\n\n<section class=\"bg-slate-100\">\n  <div class=\"max-w-7xl px-6 lg:px-8 py-10 md:py-20 mx-auto relative\">\n    <div class=\"grid md:grid-cols-2 items-center\">\n      <div>\n        <h2 class=\"text-4xl font-medium mb-3 text-neutral\">Newsletter<\/h2>\n        <p class=\"text-neutral text-lg\">Melden Sie sich an f\u00fcr Tipps, Aktionen und neu hinzugef\u00fcgte Produkte.<\/p>\n        <div class=\"border-b border-neutral pb-2 mt-10 flex md:w-3\/4\">\n          <img decoding=\"async\" alt=\"Email\" width=\"21\" class=\"me-2\" loading=\"lazy\" src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/email-icon.svg\" title=\"\">\n          <form class=\"flex w-full\">\n            <input type=\"email\" placeholder=\"E-Mail-Adresse\" class=\"bg-transparent font-heading text-neutral placeholder-neutral outline-0 w-full\" \/>\n            <button class=\"text-primary font-bold ms-auto hover:underline hover:underline-offset-4 transition-all duration-200\" type=\"submit\">Anmelden<\/button>\n          <\/form>\n        <\/div>\n      <\/div>\n      <div class=\"hidden md:inline-block text-center\">\n        <img decoding=\"async\" alt=\"Email\" class=\"max-w-full mx-auto\" width=\"300\" loading=\"lazy\" src=\"https:\/\/www.specialspex.com\/wp-content\/themes\/specialspex\/resources\/images\/skibril.png\" title=\"\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Ist die Antwort, nach der du suchst, nicht dabei? Du kannst dich jederzeit per Mail, Chat oder Telefon mit einem unserer Optiker in Verbindung setzen, wenn du eine spezielle Frage oder einen Wunsch hast. <\/p>\n","protected":false},"author":1,"featured_media":7119,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-hero-card.blade.php","meta":{"footnotes":""},"class_list":["post-6669","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/pages\/6669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/comments?post=6669"}],"version-history":[{"count":3,"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/pages\/6669\/revisions"}],"predecessor-version":[{"id":82959,"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/pages\/6669\/revisions\/82959"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/media\/7119"}],"wp:attachment":[{"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/media?parent=6669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}