{"id":3021,"date":"2026-03-02T22:23:31","date_gmt":"2026-03-02T21:23:31","guid":{"rendered":"https:\/\/rakusoft.com\/wordpress\/?page_id=3021"},"modified":"2026-03-03T21:20:11","modified_gmt":"2026-03-03T20:20:11","slug":"ich-lerne-codieren","status":"publish","type":"page","link":"https:\/\/rakusoft.com\/wordpress\/ich-lerne-codieren\/","title":{"rendered":"Ich lerne codieren"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3021\" class=\"elementor elementor-3021\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9abc1a2 e-flex e-con-boxed e-con e-parent\" data-id=\"9abc1a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cce849 elementor-widget elementor-widget-html\" data-id=\"0cce849\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Das ist der Bereich f\u00fcr das Aussehen (CSS) *\/\r\n  p {\r\n    font-family: Arial, sans-serif;\r\n    font-size: 16px;\r\n    color: #333;\r\n  }\r\n\r\n  \/* Hier definieren wir die Klasse \"hinweis\" *\/\r\n  .hinweis {\r\n    background-color: lightyellow; \/* Hintergrundfarbe *\/\r\n    border: 2px dotted gold;        \/* Goldener Rahmen *\/\r\n    padding: 25px;                 \/* Abstand innen zwischen Text und Rand *\/\r\n    border-radius: 8px;            \/* Abgerundete Ecken *\/\r\n    margin-top: 20px;              \/* Abstand nach oben zum vorherigen Element *\/\r\n  }\r\n<\/style>\r\n\r\n<p>Das ist ein ganz normaler Textabsatz ohne besondere Formatierung.<\/p>\r\n\r\n<p class=\"hinweis\">\r\n  Achtung: Das hier ist ein wichtiger Hinweis! \r\n  Dieser Absatz nutzt die Klasse \"hinweis\" und sieht deshalb anders aus.\r\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7d7a57 e-flex e-con-boxed e-con e-parent\" data-id=\"e7d7a57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7ec7d elementor-widget elementor-widget-button\" data-id=\"5a7ec7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Hier klicken<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37f71b2 e-flex e-con-boxed e-con e-parent\" data-id=\"37f71b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6133a7a elementor-widget elementor-widget-html\" data-id=\"6133a7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Wir erfinden einen eigenen Namen: .mein-power-button *\/\r\n  .mein-power-button {\r\n    background-color: #ff5722; \/* Ein kr\u00e4ftiges Orange *\/\r\n    color: black !important;   \/* Textfarbe wei\u00df *\/\r\n    padding: 15px 30px;        \/* Innenabstand *\/\r\n    border: 3px solid #bf360c; \/* Dunklerer Rand *\/\r\n    border-radius: 0px;       \/* Macht den Button rund (Pillenform) *\/\r\n    text-decoration: none;     \/* Keine Unterstreichung *\/\r\n    display: inline-block;     \/* Damit er sich wie ein Button verh\u00e4lt *\/\r\n    font-family: Arial, sans-serif;\r\n    font-weight: bold;\r\n    transition: all 0.3s ease; \/* Macht Bewegungen geschmeidig *\/\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2); \/* Ein leichter Schatten *\/\r\n  }\r\n\r\n  \/* Der Hover-Effekt: Wenn die Maus dr\u00fcber gleitet *\/\r\n  .mein-power-button:hover {\r\n    background-color: grey;\r\n\r\n;\r\n    transform: translateY(-5px); \/* Der Button hebt sich leicht an *\/\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n    .mein-power-button:active {\r\n  transform: translateY(2px); \/* Er dr\u00fcckt sich beim Klick nach unten *\/\r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.2); \/* Der Schatten wird kleiner *\/\r\n}\r\n  }\r\n<\/style>\r\n\r\n<a href=\"#\" class=\"mein-power-button\">\r\n  Mein Code-Button \ud83d\ude80\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40de37a e-flex e-con-boxed e-con e-parent\" data-id=\"40de37a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5589b93 elementor-widget elementor-widget-html\" data-id=\"5589b93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/www.raku-teeschalen.de\/blog\/\" class=\"mein-erster-button\">Das ist eine sch\u00f6ne Seite<\/a>\r\n<style>\r\n  .mein-erster-button {\r\n    background-color: green;\r\npadding: 15px 30px;\r\ntext-decoration: none;\r\ncolor: white;\r\ndisplay: inline-block;\r\nfont-weight: bold;\r\n\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Das ist ein ganz normaler Textabsatz ohne besondere Formatierung. Achtung: Das hier ist ein wichtiger Hinweis! Dieser Absatz nutzt die Klasse &#8222;hinweis&#8220; und sieht deshalb anders aus. Hier klicken Mein Code-Button \ud83d\ude80 Das ist eine sch\u00f6ne Seite<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-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":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","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-3021","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/3021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/comments?post=3021"}],"version-history":[{"count":7,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/3021\/revisions"}],"predecessor-version":[{"id":3030,"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/pages\/3021\/revisions\/3030"}],"wp:attachment":[{"href":"https:\/\/rakusoft.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}