{"id":6664,"date":"2025-02-18T21:28:26","date_gmt":"2025-02-18T20:28:26","guid":{"rendered":"https:\/\/specialspex.com\/?page_id=6664"},"modified":"2026-03-25T13:33:59","modified_gmt":"2026-03-25T12:33:59","slug":"blog-und-hinweise","status":"publish","type":"page","link":"https:\/\/www.specialspex.com\/de\/blog-und-hinweise\/","title":{"rendered":"Blog und Tipps"},"content":{"rendered":"<section id=\"blogbeitraege\" class=\"max-w-7xl px-6 lg:px-8 pb-12 md:pb-20 mx-auto relative\" x-data=\"posts({\n    postType: 'posts',\n    perPage: 6,\n    languageCode: 'de',\n    categoryId: 0,\n    selectionMethod: 'taxonomy',\n    postIds: []\n})\">\n\n  <div class=\"md:flex justify-between  mb-6 \">\n    \n          <div class=\"me-auto flex space-x-5 lg:space-x-10\">\n        <button\n          @click=\"setFilter('all')\"\n          class=\"font-medium font-heading text-base border-b\"\n          :class=\"filter === 'all' ? 'text-neutral border-neutral' : 'border-transparent'\"\n        >\n          All articles\n        <\/button>\n        <button\n          @click=\"setFilter('featured')\"\n          class=\"font-medium font-heading text-base border-b\"\n          :class=\"filter === 'featured' ? 'text-neutral border-neutral' : 'border-transparent'\"\n        >\n          Hervorgehoben\n        <\/button>\n      <\/div>\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  \n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 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=\"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>Verl\u00e4ngere die Lebensdauer deiner Brille mit unseren Tipps oder entdecke<br \/>\nFakten und n\u00fctzliche Informationen \u00fcber deine Augen<\/p>\n","protected":false},"author":1,"featured_media":2963,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-hero-card.blade.php","meta":{"footnotes":""},"class_list":["post-6664","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/pages\/6664","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=6664"}],"version-history":[{"count":4,"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/pages\/6664\/revisions"}],"predecessor-version":[{"id":74319,"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/pages\/6664\/revisions\/74319"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/media\/2963"}],"wp:attachment":[{"href":"https:\/\/www.specialspex.com\/de\/wp-json\/wp\/v2\/media?parent=6664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}