{"id":53151,"date":"2025-10-09T05:51:05","date_gmt":"2025-10-09T05:51:05","guid":{"rendered":"https:\/\/aacblockmanufacturingplant.com\/?p=53151"},"modified":"2025-10-09T06:51:44","modified_gmt":"2025-10-09T06:51:44","slug":"column-buttom-html-test","status":"publish","type":"post","link":"https:\/\/aacblockmanufacturingplant.com\/de\/column-buttom-html-test\/","title":{"rendered":"HTML-Test f\u00fcr Spalten und Schaltfl\u00e4chen"},"content":{"rendered":"<div class=\"responsive-column-wrapper\">\n<div class=\"responsive-column left\">\n<h2>Spalte 1 Titel<\/h2>\n<p>Dies ist der Inhalt der ersten Spalte. Auf gr\u00f6\u00dferen Bildschirmen (Desktop\/Tablet), wird es 48% Breite sein. Auf kleineren Bildschirmen (mobile), die CSS oben zwingt es die volle 100% Breite zu nehmen und oben zu stapeln.<\/p>\n<p>F\u00fcgen Sie hier Ihren Text, Ihre Bilder und anderes HTML ein. <a class=\"custom-classic-button\" href=\"#popmake-52018\">Kostenloses Angebot einholen<\/a><\/p>\n<\/div>\n<div class=\"responsive-column right\">\n<h2>Spalte 2 Titel<\/h2>\n<p>Dies ist der Inhalt der zweiten Spalte. Es gelten die gleichen Regeln f\u00fcr die Reaktionsf\u00e4higkeit wie f\u00fcr die erste Spalte.<\/p>\n<ul>\n<li>Punkt Eins<\/li>\n<li>Punkt zwei<\/li>\n<li>Punkt drei<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"responsive-three-col-wrapper\">\n<div class=\"responsive-three-col left\">\n<h3>Spalte 1 Titel<\/h3>\n<p>Dies ist der Inhalt der ersten Spalte. Auf dem Desktop nimmt er etwa ein Drittel des Platzes ein.<\/p>\n<p>Auf mobilen Endger\u00e4ten nimmt diese Spalte die gesamte Bildschirmbreite ein und wird sch\u00f6n \u00fcber den anderen Spalten angeordnet.<\/p>\n<\/div>\n<div class=\"responsive-three-col center\">\n<h3>Spalte 2 Titel<\/h3>\n<p>Dies ist der Inhalt der mittleren Spalte. Wir verwenden einen Rand f\u00fcr diese Spalte, um einen horizontalen Abstand zwischen allen drei Spalten auf dem Desktop zu schaffen.<\/p>\n<ul>\n<li>Posten A<\/li>\n<li>Posten B<\/li>\n<li>Posten C<\/li>\n<\/ul>\n<\/div>\n<div class=\"responsive-three-col right\">\n<h3>Spalte 3 Titel<\/h3>\n<p>Dies ist der Inhalt der dritten Spalte. Sie befindet sich auf dem Desktop ganz rechts und auf dem Handy ganz unten.<\/p>\n<p>Halten Sie Ihren Inhalt f\u00fcr ein dreispaltiges Layout kurz und b\u00fcndig.<\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Spalte 1 Titel Dies ist der Inhalt f\u00fcr die erste Spalte. Auf gr\u00f6\u00dferen Bildschirmen (Desktop\/Tablet) wird er 48% breit sein. Auf kleineren Bildschirmen (Mobilger\u00e4te) erzwingt das obige CSS eine ... <\/p>\n<p class=\"read-more-container\"><a title=\"HTML-Test f\u00fcr Spalten und Schaltfl\u00e4chen\" class=\"read-more button\" href=\"https:\/\/aacblockmanufacturingplant.com\/de\/column-buttom-html-test\/#more-53151\" aria-label=\"Mehr Informationen \u00fcber Column &amp; Buttom HTML Test\">Weiterlesen ...<\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-53151","post","type-post","status-publish","format-standard","hentry","category-uncategorized","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/posts\/53151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/comments?post=53151"}],"version-history":[{"count":0,"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/posts\/53151\/revisions"}],"wp:attachment":[{"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/media?parent=53151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/categories?post=53151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aacblockmanufacturingplant.com\/de\/wp-json\/wp\/v2\/tags?post=53151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}