{"id":69,"date":"2016-02-15T20:46:37","date_gmt":"2016-02-15T20:46:37","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3981"},"modified":"2018-12-11T20:04:48","modified_gmt":"2018-12-11T20:04:48","slug":"zeilen-spalten","status":"publish","type":"page","link":"https:\/\/sosmedecinsfes.com\/de\/elemente\/zeilen-spalten\/","title":{"rendered":"Zeilen \/ Spalten"},"content":{"rendered":"<div class=\"banner has-hover\" id=\"banner-879436058\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1952614531\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n              <div data-parallax=\"-1\" data-parallax-fade=\"true\">                  <div class=\"text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h6>Flatsome-Gittersystem<\/h6>\n<h1>Responsive Zeilen und Spalten<\/h1>\n<p class=\"lead\">Erstellen Sie beeindruckende Layouts mit dem Flatsome Zeilen- und Spaltensystem, das von Flatsome unterst\u00fctzt wird.<strong> Flexbox<\/strong><\/p>\n              <\/div>\n           <\/div><!-- text-box-inner -->\n              <\/div>              \n<style scope=\"scope\">\n\n#text-box-1952614531 {\n  width: 75%;\n}\n#text-box-1952614531 .text {\n  font-size: 100%;\n}\n\n\n@media (min-width:550px) {\n\n  #text-box-1952614531 {\n    width: 100%;\n  }\n\n}\n<\/style>\n    <\/div><!-- text-box -->\n \n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-879436058 {\n  padding-top: 446px;\n}\n#banner-879436058 .bg.bg-loaded {\n  background-image: url(https:\/\/sosmedecinsfes.com\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#banner-879436058 .overlay {\n  background-color: rgba(0, 0, 0, 0.61);\n}\n#banner-879436058 .bg {\n  background-position: 58% 26%;\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Einfache 4-spaltige Reihe<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row\"  id=\"row-1634265847\">\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner box-shadow-5-hover dark\" style=\"background-color:rgba(255, 0, 211, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-1634265847 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Vertikale zentrierte Zeile<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row align-middle\"  id=\"row-1969163158\">\n<div class=\"col medium-6 small-6 large-6\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-1969163158 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Zeile unten ausrichten<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row align-bottom\"  id=\"row-1148372246\">\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-1148372246 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Gleichm\u00e4\u00dfig ausgerichtete Zeile<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row align-equal\"  id=\"row-1693563636\">\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-1693563636 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Zeilen mit Schlagschatten<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row row-box-shadow-2 row-box-shadow-3-hover\"  id=\"row-1230268548\">\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<p><strong>Sie k\u00f6nnen die Spaltentiefe f\u00fcr alle Spalten oder pro Spalte festlegen.<\/strong><\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-1230268548 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Geteilte Reihe<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row row-large row-divided\"  id=\"row-1447666784\">\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" style=\"margin-top:23px;\"><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Gestrichelte Linie<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row row-dashed\"  id=\"row-23718253\">\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-23718253 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" style=\"margin-top:25px;\"><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Durchgezogene Linie<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row row-solid\"  id=\"row-1296378927\">\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-1296378927 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" style=\"margin-top:28px;\"><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Benutzerdefinierter Hintergrund f\u00fcr eine Spalte<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row\"  id=\"row-1971976805\">\n<div class=\"col medium-5 small-6 large-5\"  ><div class=\"col-inner box-shadow-2 dark\" style=\"background-color:rgb(38, 65, 116);padding:30px 30px 30px 30px;\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-6 large-3\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-3 small-12 large-3\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-1971976805 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Zeile in voller Breite mit Hintergr\u00fcnden<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row row-collapse row-full-width align-equal\"  id=\"row-1542374632\">\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner dark\" style=\"background-color:rgb(0, 0, 0);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner dark\" style=\"background-color:rgb(153, 120, 222);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner dark\" style=\"background-color:rgb(120, 154, 222);\" >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n#row-1542374632 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Verschachtelte Zeilen<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row\"  id=\"row-1665579\">\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-8 small-12 large-8\"  ><div class=\"col-inner\"  >\n<div class=\"row\"  id=\"row-712802691\">\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\t<section class=\"section\" id=\"section_2041011950\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div><!-- .section-bg -->\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row align-middle\"  id=\"row-1848412290\">\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Spalte mit Schlagschatten und wei\u00dfem Hintergrund<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  >\n<h3>Spalte mit Schlagschatten und wei\u00dfem Hintergrund<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner box-shadow-3 box-shadow-5-hover\" style=\"background-color:rgb(255, 255, 255);padding:30px 30px 30px 30px;\" >\n<h3>Spalte mit Schlagschatten und wei\u00dfem Hintergrund<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_2041011950 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(231, 231, 231);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1209557909\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div><!-- .section-bg -->\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-small align-middle\"  id=\"row-789977899\">\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner\" style=\"background-color:rgb(255, 255, 255);padding:20px;\" >\n<h3>Spalte mit Schlagschatten und wei\u00dfem Hintergrund<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner dark\"  >\n<h3>Spalte mit Schlagschatten und wei\u00dfem Hintergrund<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner dark\"  >\n<h3>Spalte mit Schlagschatten und wei\u00dfem Hintergrund<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1209557909 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(0, 0, 0);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1592822073\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div><!-- .section-bg -->\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-solid\"  id=\"row-1571472041\">\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  data-parallax-fade=\"true\" data-parallax=\"1\">\n<h3>Parallaxens\u00e4ule<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-6 large-4\"  ><div class=\"col-inner\"  data-parallax-fade=\"true\" data-parallax=\"2\">\n<h3>Parallaxens\u00e4ule<\/h3>\n<p><span style=\"color: #555555; font-size: 14.4px; line-height: 1.5;\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/span><\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner\"  data-parallax-fade=\"true\" data-parallax=\"3\">\n<h3>Parallaxens\u00e4ule<\/h3>\n<p><span style=\"color: #555555; font-size: 14.4px; line-height: 1.5;\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/span><\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1592822073 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(231, 231, 231);\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row align-center\"  id=\"row-890656656\">\n<div class=\"col medium-7 small-10 large-7\"  ><div class=\"col-inner text-center\"  >\n<h3>Eine zentrierte Spaltenzeile<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Animierte Spalten<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row\"  id=\"row-1905028873\">\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInUp\"><div class=\"col-inner\"  >\n<h3>Einblenden nach oben<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInDown\"><div class=\"col-inner\"  >\n<h3>Einblenden nach unten<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInLeft\"><div class=\"col-inner\"  >\n<h3>Einblenden von links<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInRight\"><div class=\"col-inner\"  >\n<h3>Einblenden von rechts<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceIn\"><div class=\"col-inner\"  >\n<h3>H\u00fcpfen Sie hinein<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceInUp\"><div class=\"col-inner\"  >\n<h3>Aufschwung nach oben<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceInDown\"><div class=\"col-inner\"  >\n<h3>Aufprall nach unten<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceInLeft\"><div class=\"col-inner\"  >\n<h3>Abpraller nach links<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceInRight\"><div class=\"col-inner\"  >\n<h3>Bounce In Right<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<\/div>\n<div class=\"row\"  id=\"row-423515435\">\n<div class=\"col medium-6 small-12 large-6\"  data-animate=\"flipInY\"><div class=\"col-inner\"  >\n<h3>In Y einklappen<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  data-animate=\"flipInX\"><div class=\"col-inner\"  >\n<h3>Flip In X<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  data-animate=\"blurIn\"><div class=\"col-inner\"  >\n<h3>Unsch\u00e4rfe<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p>\n<\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":27,"parent":112,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-69","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":1,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages\/69\/revisions\/144"}],"up":[{"embeddable":true,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/pages\/112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/media\/27"}],"wp:attachment":[{"href":"https:\/\/sosmedecinsfes.com\/de\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}