{"id":2291,"date":"2024-09-02T13:27:50","date_gmt":"2024-09-02T13:27:50","guid":{"rendered":"https:\/\/cretanelements.de\/?page_id=2291"},"modified":"2024-09-02T13:27:51","modified_gmt":"2024-09-02T13:27:51","slug":"test","status":"publish","type":"page","link":"https:\/\/cretanelements.de\/?page_id=2291","title":{"rendered":"Test"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Bewertungen<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;700&#038;display=swap\">\n    <style>\n        \/* Desktop-Banner-Stile *\/\n        .banner-desktop {\n            position: relative;\n            width: 100%;\n            padding-bottom: 45%;\n            background-image: url(https:\/\/cretanelements.de\/wp-content\/uploads\/2024\/07\/cretan-elements-banner-23.png);\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n        }\n\n        \/* Mobile-Banner-Stile *\/\n        .banner-mobile {\n            display: none;\n            height: 55vh;\n            position: relative;\n        }\n\n       \/* Desktop-Banner-Stile *\/\n.banner-desktop .banner-content {\n    position: absolute;\n    top: 45%;\n    left: 35%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n    color: white;\n}\n\n\/* Mobile-Banner-Stile *\/\n.banner-mobile .banner-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n    color: white;\n}\n\n        .banner-content h1 {\n            font-size: 75px;\n            color: #fff;\n            font-family: Jost;\n            margin: 0;\n            padding: 0;\n        }\n\n        .banner-content button {\n            margin-top: 20px;\n            padding: 10px 20px;\n            font-size: 18px;\n            color: white;\n            background-color: #ff523b;\n            border: none;\n            border-radius: 30px; \n            cursor: pointer;\n            transition: background 0.5s;   \n        }\n\n        .banner-content button:hover {\n            background: #563434;\n        }\n\n        body, h1, h2, h3, h4, p, .show-more {\n            font-family: 'Jost', sans-serif !important;\n            line-height: 1.6;\n        }\n\n        \/* Bewertungen Bereich *\/\n        #bewertung {\n            width: 80%;\n            margin: auto;\n            padding: 70px 0;\n        }\n\n        .intro-text {\n            width: 100%;\n            margin-bottom: 30px;\n            padding: 20px;\n            border-radius: 5px;\n            box-shadow: 0 10px 20px 3px #efefef;\n            text-align: center;\n            font-size: 16px;\n        }\n\n        .intro-text h1 {\n            font-size: 32px;\n            margin-bottom: 10px;\n        }\n\n        .intro-text p {\n            margin-bottom: 10px;\n        }\n\n        .bewertung-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            flex-wrap: wrap;\n        }\n\n        .bewertung-col {\n            flex-basis: 23%;\n            padding: 20px;\n            margin-bottom: 30px;\n            border-radius: 5px;\n            box-shadow: 0 10px 20px 3px #efefef;\n            cursor: pointer;\n            transition: transform .5s;\n            font-size: 16px;\n        }\n\n        .bewertung-col h4 {\n            font-size: 24px;\n            margin-bottom: 10px;\n        }\n\n        .bewertung-col p {\n            font-size: 16px;\n        }\n\n        .bewertung-col:hover {\n            transform: translateY(-7px);\n        }\n\n        .more-content {\n            display: none;\n            overflow: hidden;\n            max-height: 0;\n            transition: max-height 0.5s ease-out;\n        }\n\n        .show-more {\n            color: #ffae00;\n            cursor: pointer;\n            display: block;\n            margin-top: 10px;\n        }\n\n        \/* Angebot Abschnitt *\/\n        .offer {\n            background: linear-gradient(#049500, #ffd936);\n            margin-top: 0px;\n        }\n\n        .col-2 .offer-img {\n            padding: 50px;\n        }\n\n        small {\n            color: #fff;\n            font-size: 17px;\n        }\n\n        .row {\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            justify-content: space-around;\n        }\n\n        .col-2 {\n            flex-basis: 50%;\n            min-width: 300px;\n        }\n\n        .col-2 h1 {\n            font-size: 50px;\n            line-height: 60px;\n            margin: 25px 0; \n            color: #fff;\n        }\n\n        .btn {\n            display: inline-block;\n            background: #ff523b;\n            color: #fff;\n            padding: 8px 30px;\n            margin: 30px 0;\n            border-radius: 30px; \n            transition: background 0.5s;       \n        }\n\n        .btn:hover {\n            background: #563434;\n        }\n\n        .small-container {\n            max-width: 1080px;\n            margin: auto;\n            padding-left: 25px;\n            padding-right: 25px;\n        }\n\n        \/* Testimonials Abschnitt *\/\n.testimonial {\n    padding-top: 100px; \/* Abstand nach oben *\/\n}\n\n.testimonial .row {\n    display: flex;\n    justify-content: space-between;\n    align-items: stretch;\n    flex-wrap: wrap;\n    gap: 20px;\n}\n\n.testimonial .col-3 {\n    flex: 1 1 30%;\n    padding: 40px 30px;\n    margin-bottom: 30px;\n    border-radius: 5px;\n    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n    cursor: pointer;\n    transition: transform 0.5s;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: center;\n    font-size: 20px;\n    background-color: #fff;\n}\n\n.testimonial .col-3:hover {\n    transform: translateY(-10px);\n}\n\n.testimonial .col-3 p {\n    font-size: 18px; \/* Vergr\u00f6\u00dfert die Schriftgr\u00f6\u00dfe *\/\n    margin: 12px 0;\n    color: #777;\n}\n\n.testimonial .col-3 h3 {\n    font-weight: 600;\n    color: #555;\n    font-size: 18px; \/* Optionale Anpassung der Schriftgr\u00f6\u00dfe f\u00fcr den Namen *\/\n}\n\n\n        \/* Responsive Styles *\/\n        @media (min-width: 769px) {\n            .banner-desktop {\n                display: block;\n            }\n\n            .banner-mobile {\n                display: none;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .banner-desktop {\n                display: none;\n            }\n\n            .banner-mobile {\n                display: block;\n                width: 100%;\n                padding-bottom: 40%;\n                background-image: url(https:\/\/cretanelements.de\/wp-content\/uploads\/2024\/07\/cretan-elements-banner-1-mobil.png);\n                background-position: center;\n                background-repeat: no-repeat;\n                background-size: cover;\n            }\n\n            .banner-content h1 {\n                font-size: 36px;\n            }\n\n            .banner-content button {\n                font-size: 16px;\n                padding: 8px 16px;\n            }\n\n            .content-section h2 {\n                font-size: 24px;\n            }\n\n            .content-section p, .content-section blockquote {\n                font-size: 14px;\n            }\n\n            .bewertung-col {\n                flex-basis: 100%;\n            }\n\n            .bewertung-col h4 {\n                font-size: 20px;\n            }\n\n            .bewertung-col p {\n                font-size: 14px;\n            }\n\n            .intro-text h1 {\n                font-size: 28px;\n            }\n\n            .intro-text p {\n                font-size: 14px;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .content-section {\n                padding: 15px;\n            }\n\n            .content-section h2 {\n                font-size: 20px;\n            }\n\n            .content-section p, .content-section blockquote {\n                font-size: 13px;\n            }\n\n            .bewertung-col h4 {\n                font-size: 18px;\n            }\n\n            .bewertung-col p {\n                font-size: 13px;\n            }\n\n            .intro-text h1 {\n                font-size: 24px;\n            }\n\n            .intro-text p {\n                font-size: 13px;\n            }\n\n            .banner-content h1 {\n                font-size: 28px;\n            }\n\n            .banner-content button {\n                font-size: 14px;\n                padding: 6px 12px;\n            }\n        }\n        \n        \/* Additional Styles *\/\n        .col-4 {\n            flex-basis: 25%;\n            padding: 10px;\n            min-width: 200px;\n            margin-bottom: 50px;\n            transition: transform 0.5s;\n        }\n\n        .col-4 img {\n            width: 100%;\n        }\n\n        .title {\n            text-align: center;\n            margin: 0 auto 80px;\n            position: relative;\n            line-height: 60px;\n            color: #555;\n        }\n\n        .title::after {\n            content: '';\n            background: #ffb13b;\n            width: 80px;\n            height: 5px;\n            border-radius: 5px;\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        h4 {\n            color: #555;\n            font-weight: normal;\n        }\n\n        .col-4 p {\n            font-size: 14px;\n        }\n\n        .rating .fa {\n            color: #ff523b;\n        }\n\n        .col-4:hover {\n            transform: translateY(-5px);\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <!-- Desktop Banner -->\n    <div class=\"banner-desktop\">\n        <div class=\"banner-content\">\n            <h1><b>Cretan Elements<\/b><\/h1>\n            <button onclick=\"scrollToNature()\">Jetzt entdecken<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Mobile Banner -->\n    <div class=\"banner-mobile\">\n        <div class=\"banner-content\">\n            <h1><b>Cretan Elements<\/b><\/h1>\n            <button onclick=\"scrollToNature()\">Jetzt entdecken<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Bewertungen Abschnitt -->\n    <section id=\"bewertung\">\n        <div class=\"intro-text\">\n            <h1>Die Naturelemente Kretas<\/h1>\n            <p>Mit diesen kraftvollen Worten beschreibt der bedeutende Dichter Homer die Pracht der Insel Kreta. Die Natur hat auf Kreta die optimalen Bedingungen geschaffen, um nicht nur die erste hochentwickelte Kultur Europas zu beherbergen, sondern auch die qualitativ besten Naturerzeugnisse aus Pflanzen und Tieren hervorzubringen.<\/p>\n            <p>Das mediterrane, gem\u00e4\u00dfigte Klima entsteht aus dem harmonischen Zusammenspiel der Elemente und bildet die Grundlage f\u00fcr einen freundlichen und sch\u00fctzenden Lebensraum f\u00fcr Mensch, Pflanze und Tier.<\/p>\n        <\/div>\n        <div class=\"bewertung-row\">\n            <div class=\"bewertung-col\">\n                <h4>Erde<\/h4>\n                <p>\n                    Wenn wir die verschiedenen Elemente Kretas im Kontext des Olivenbaums betrachten,\n                    <span class=\"more-content\"> wird deutlich, dass der Boden Kretas ideale Eigenschaften f\u00fcr das Wachstum und die Entfaltung dieses Baumes aufweist. Die Mischung aus sandigem und lehmigem Boden erm\u00f6glicht die Bildung tiefer Wurzeln und die Speicherung von Regenwasser f\u00fcr trockene Perioden.<\/span>\n                    <span class=\"show-more\">Mehr lesen<\/span>\n                <\/p>\n            <\/div>\n            <div class=\"bewertung-col\">\n                <h4>Wasser<\/h4>\n                <p>\n                    In Bezug auf das Element Wasser verf\u00fcgt Kreta, zus\u00e4tzlich zu seiner Lage im Mittelmeer, \n                    <span class=\"more-content\"> \u00fcber hohe Berge, die ausreichend Regenfall gew\u00e4hrleisten und somit Fl\u00fcsse und Quellen das ganze Jahr \u00fcber speisen.<\/span>\n                    <span class=\"show-more\">Mehr lesen<\/span>\n                <\/p>\n            <\/div>\n            <div class=\"bewertung-col\">\n                <h4>Licht und Sonne<\/h4>\n                <p>\n                    Die Sonne zeigt sich auf Kreta besonders gro\u00dfz\u00fcgig mit ihrem Licht und\n                    <span class=\"more-content\"> ihrer W\u00e4rme. Nahezu das gesamte Jahr \u00fcber scheint sie t\u00e4glich, ohne extreme Hitze zu erzeugen, was wiederum die Chlorophyllbildung der Pflanzen beg\u00fcnstigt. Der Olivenbaum profitiert in besonderem Ma\u00dfe von diesem klimatischen Wohlwollen.<\/span>\n                    <span class=\"show-more\">Mehr lesen<\/span>\n                <\/p>\n            <\/div>\n            <div class=\"bewertung-col\">\n                <h4>Luft<\/h4>\n                <p>\n                    Auf Kreta gedeihen \u00fcber 2000 Pflanzenarten, viele davon sind einzigartig f\u00fcr die Region.\n                    <span class=\"more-content\"> Die \u00fcber die Insel wehenden Winde und die erfrischende Brise tragen die intensiven D\u00fcfte von Bl\u00fcten und Kr\u00e4utern \u00fcberall hin. Das Oliven\u00f6l Kretas duftet daher nicht nur nach seiner eigenen Essenz, sondern wird bereichert durch die Aromen des Zitronenbaums, der Minze, des Basilikums, des Thymians, des Oreganos, des Lorbeers und tausender anderer Pflanzen, die Kreta zu einem der wohlriechendsten Orte auf Erden machen.<\/span>\n                    <span class=\"show-more\">Mehr lesen<\/span>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Angebot Abschnitt -->\n    <div class=\"offer\">\n        <div class=\"small-container\">\n            <div class=\"row\">\n                <div class=\"col-2\">\n                    <img decoding=\"async\" src=\"https:\/\/cretanelements.de\/wp-content\/uploads\/2024\/07\/cretan-elements-banner-2.png\" class=\"offer-img\">\n                <\/div>\n                <div class=\"col-2\">\n                    <h1><b>Cretan Elements Oliven\u00f6l<\/b><\/h1>\n                    <small>Das Oliven\u00f6l ist in folgenden F\u00fcllmengen erh\u00e4ltlich: <br>1000 ml und 500 ml<\/small>\n                    <br>\n                    <a href=\"https:\/\/pizza1.de\/cretan-elements-natives-olivenoel-extra?number=CE_56135\" class=\"btn\">Jetzt kaufen &#8594;<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Testimonials Abschnitt -->\n    <div class=\"testimonial\">\n        <div class=\"small-container\">\n            <div class=\"row\">\n                <div class=\"col-3\">\n                    <i class=\"fa fa-quote-left\"><\/i>\n                    <p>Der Pizzaofen kam sehr schnell und war tiptop verpackt. Er funktioniert sehr gut.<\/p>\n                    <div class=\"rating\">\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>    \n                    <\/div>\n                    <h3>Sandra S.<\/h3>\n                <\/div>\n                <div class=\"col-3\">\n                    <i class=\"fa fa-quote-left\"><\/i>\n                    <p>Z\u00fcgige Lieferung und tolle Teigbox. Gerne wieder!<\/p>\n                    <div class=\"rating\">\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>    \n                    <\/div>\n                    <h3>Gerd M.<\/h3>\n                <\/div>\n                <div class=\"col-3\">\n                    <i class=\"fa fa-quote-left\"><\/i>\n                    <p>Was soll ich sagen, einer der besten Internetshops ever. Weiter so.<\/p>\n                    <div class=\"rating\">\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>\n                        <i class=\"fa fa-star\"><\/i>    \n                    <\/div>\n                    <h3>Thomas B.<\/h3>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>   \n\n    <!-- JavaScript f\u00fcr interaktive Elemente -->\n    <script>\n        document.querySelectorAll('.show-more').forEach(button => {\n            button.addEventListener('click', () => {\n                const moreContent = button.previousElementSibling;\n                if (moreContent.style.display === 'inline' || moreContent.style.maxHeight === '1000px') {\n                    moreContent.style.maxHeight = '0';\n                    moreContent.style.display = 'none';\n                    button.textContent = 'Mehr lesen';\n                } else {\n                    moreContent.style.display = 'inline';\n                    moreContent.style.maxHeight = '1000px';\n                    button.textContent = 'Weniger lesen';\n                }\n            });\n        });\n\n        function scrollToNature() {\n            document.getElementById('bewertung').scrollIntoView({ behavior: 'smooth' });\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Bewertungen Cretan Elements Jetzt entdecken Cretan Elements Jetzt entdecken Die Naturelemente Kretas Mit diesen kraftvollen Worten beschreibt der bedeutende Dichter Homer die Pracht der Insel Kreta. Die Natur hat auf [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"set","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":""}},"footnotes":""},"class_list":["post-2291","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cretanelements.de\/index.php?rest_route=\/wp\/v2\/pages\/2291"}],"collection":[{"href":"https:\/\/cretanelements.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cretanelements.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cretanelements.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cretanelements.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2291"}],"version-history":[{"count":2,"href":"https:\/\/cretanelements.de\/index.php?rest_route=\/wp\/v2\/pages\/2291\/revisions"}],"predecessor-version":[{"id":2341,"href":"https:\/\/cretanelements.de\/index.php?rest_route=\/wp\/v2\/pages\/2291\/revisions\/2341"}],"wp:attachment":[{"href":"https:\/\/cretanelements.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}