{"id":13,"date":"2025-05-14T19:12:32","date_gmt":"2025-05-14T19:12:32","guid":{"rendered":"https:\/\/rodrigues-net.ch\/?page_id=13"},"modified":"2025-05-14T19:12:32","modified_gmt":"2025-05-14T19:12:32","slug":"13-2","status":"publish","type":"page","link":"https:\/\/rodrigues-net.ch\/index.php\/13-2\/","title":{"rendered":""},"content":{"rendered":"


\n
\n
\n
\n
\n Lustige Kinderseite<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rubik:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --color-bg: #f0f4ff;\n --color-primary: #5568fe;\n --color-secondary: #ff6fd8;\n --color-accent: #fcb514;\n --color-text: #333;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: 'Rubik', sans-serif;\n background-color: var(--color-bg);\n color: var(--color-text);\n overflow-x: hidden;\n }\n \/* Header mit animierten Blobs *\/\n header {\n position: relative;\n padding: 3rem 1rem;\n text-align: center;\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\n clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);\n color: #fff;\n }\n header h1 {\n font-size: 3rem;\n z-index: 1;\n position: relative;\n text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\n }\n .blob {\n position: absolute;\n border-radius: 50%;\n opacity: 0.4;\n animation: float 8s ease-in-out infinite;\n }\n .blob:nth-child(1) { width: 200px; height: 200px; background: #ff6fd8; top: -20px; left: -20px; }\n .blob:nth-child(2) { width: 300px; height: 300px; background: #fcb514; bottom: -80px; right: -60px; animation-duration: 10s; }\n @keyframes float {\n 0%,100% { transform: translateY(0) translateX(0); }\n 50% { transform: translateY(-20px) translateX(20px); }\n }\n \/* Hauptbereich *\/\n main {\n max-width: 1200px;\n margin: -4rem auto 2rem;\n padding: 0 1rem;\n }\n .gallery {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 2rem;\n }\n .card {\n background: #fff;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 6px 12px rgba(0,0,0,0.1);\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n position: relative;\n }\n .card::before {\n content: '';\n position: absolute;\n top: -40px; right: -40px;\n width: 80px; height: 80px;\n background: var(--color-secondary);\n border-radius: 50%;\n z-index: 0;\n opacity: 0.2;\n }\n .card img {\n width: 100%;\n height: 150px;\n object-fit: cover;\n display: block;\n z-index: 1;\n position: relative;\n }\n .card p {\n padding: 1rem;\n font-weight: 600;\n z-index: 1;\n position: relative;\n }\n .card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 12px 24px rgba(0,0,0,0.15);\n }\n \/* Footer *\/\n footer {\n text-align: center;\n padding: 1rem;\n background-color: var(--color-primary);\n color: #fff;\n clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);\n }\n @media (max-width: 600px) {\n header h1 { font-size: 2rem; }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header>\n<div class=\"blob\"><\/div>\n<div class=\"blob\"><\/div>\n<h1>Willkommen zur innovativen Kinderseite!<\/h1>\n<\/header>\n<p> <main><\/p>\n<section class=\"gallery\">\n<div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/placekitten.com\/300\/200\" alt=\"Neugieriges K\u00e4tzchen\"><\/p>\n<p>Neugieriges K\u00e4tzchen<\/p>\n<\/p><\/div>\n<div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/placebear.com\/300\/200\" alt=\"Fr\u00f6hlicher B\u00e4r\"><\/p>\n<p>Fr\u00f6hlicher B\u00e4r<\/p>\n<\/p><\/div>\n<div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/placeimg.com\/300\/200\/animals\" alt=\"Tierischer Freund\"><\/p>\n<p>Tierischer Freund<\/p>\n<\/p><\/div>\n<div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/placeimg.com\/300\/200\/people\" alt=\"Lustiger Mensch\"><\/p>\n<p>Lustiger Mensch<\/p>\n<\/p><\/div>\n<\/section>\n<p> <\/main><\/p>\n<footer>\n \u00a9 2025 Lustige Kinderseite<br \/>\n <\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lustige Kinderseite Willkommen zur innovativen Kinderseite! Neugieriges K\u00e4tzchen Fr\u00f6hlicher B\u00e4r Tierischer Freund Lustiger Mensch \u00a9 2025 Lustige Kinderseite<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rodrigues-net.ch\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rodrigues-net.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rodrigues-net.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rodrigues-net.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rodrigues-net.ch\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/rodrigues-net.ch\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/rodrigues-net.ch\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/rodrigues-net.ch\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}