{"id":68,"date":"2014-02-10T14:07:58","date_gmt":"2014-02-10T14:07:58","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=2585"},"modified":"2019-01-12T12:41:44","modified_gmt":"2019-01-12T12:41:44","slug":"sections","status":"publish","type":"page","link":"https:\/\/hotel-pension-christl.de\/en\/elements\/sections\/","title":{"rendered":"Sections"},"content":{"rendered":"<section class=\"section dark has-parallax\" id=\"section_1895939450\">\n\t\t<div class=\"bg section-bg fill bg-fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-3\">\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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\"  id=\"row-1460876905\">\n<div class=\"col small-12 large-12\"  ><div class=\"col-inner text-center\" style=\"padding:5% 6% 0px 10%;\" >\n<h1 class=\"uppercase\"><strong>Section Element<\/strong><\/h1>\n<p class=\"lead\">Sections are used for creating full width backgrounds with content inside it. You can have\u00a0Parallax Effects and Background Videos.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1895939450 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  min-height: 424px;\n  background-color: rgb(41, 41, 41);\n}\n#section_1895939450 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.19);\n}\n#section_1895939450 .section-bg.bg-loaded {\n  background-image: 8264;\n}\n#section_1895939450 .section-bg {\n  background-position: 65% 40%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_786318671\">\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\"  id=\"row-138779741\">\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n<h3>A Simple section with a two column row inside<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_786318671 {\n  padding-top: 50px;\n  padding-bottom: 50px;\n  background-color: rgb(233, 233, 233);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_798884535\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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\"  id=\"row-39563989\">\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n<h3>A Dark section with a row inside<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_798884535 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(41, 41, 41);\n}\n#section_798884535 .section-bg-overlay {\n  background-color: rgb(36, 36, 36);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_606300424\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\t<div class=\"video-overlay no-click fill hide-for-small\"><\/div>\n\t<video class=\"video-bg fill hide-for-small\" preload playsinline autoplay\n\t\tmuted\t\tloop>\n\t\t<source src=\"http:\/\/flatsome.dev\/wp-content\/uploads\/2016\/02\/348462762.mp4\" type=\"video\/mp4\">\t<\/video>\n\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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\"  id=\"row-329417516\">\n<div class=\"col medium-4 small-12 large-4\"  ><div class=\"col-inner\"  >\n<h2>A section with a\u00a0background video<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_606300424 {\n  padding-top: 128px;\n  padding-bottom: 128px;\n  background-color: rgb(41, 41, 41);\n}\n#section_606300424 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.27);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_1086330757\">\n\t\t<div class=\"bg section-bg fill bg-fill\" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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-collapse align-center\"  id=\"row-1194637025\">\n<div class=\"col medium-6 large-6\"  ><div class=\"col-inner text-center\"  >\n<h2>A section can\u00a0have a background image or a background color<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/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_1086330757 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 50vh;\n  background-color: rgb(0, 0, 0);\n}\n#section_1086330757 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.51);\n}\n#section_1086330757 .section-bg.bg-loaded {\n  background-image: 4079;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1101312665\">\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-241950437\">\n<div class=\"col medium-6 large-6\"  ><div class=\"col-inner\"  >\n<h2>A Section\u00a0with a Image on the right<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 large-6\"  ><div class=\"col-inner\"  >\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1607558227\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style scope=\"scope\">\n\n#image_1607558227 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\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_1101312665 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(243, 243, 243);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-parallax\" id=\"section_1470155054\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-4\">\n\n\t\t\t\t<div class=\"video-overlay no-click fill hide-for-small\"><\/div>\n\t<video class=\"video-bg fill hide-for-small\" preload playsinline autoplay\n\t\tmuted\t\tloop>\n\t\t<source src=\"http:\/\/flatsome.dev\/wp-content\/uploads\/2016\/02\/348462762.mp4\" type=\"video\/mp4\">\t<\/video>\n\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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-center\"  id=\"row-1395063132\">\n<div class=\"col medium-4 small-9 large-4\"  ><div class=\"col-inner text-center\"  >\n<h2>A Parallax Background Video<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/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_1470155054 {\n  padding-top: 128px;\n  padding-bottom: 128px;\n  background-color: rgb(41, 41, 41);\n}\n#section_1470155054 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.27);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section sticky-section\" id=\"section_503987316\">\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-1759560256\">\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1224454026\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-4 box-shadow-5-hover dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style scope=\"scope\">\n\n#image_1224454026 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n<h2>A sticky section with images left<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<a class=\"button primary\"  >\n    <span>Click me!<\/span>\n  <\/a>\n\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_503987316 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(255, 255, 255);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark sticky-section\" id=\"section_1002557899\">\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-1013245850\">\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n<h2>A sticky section with images\u00a0right<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<a class=\"button primary\"  >\n    <span>Click me!<\/span>\n  <\/a>\n\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_531263745\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-4 box-shadow-5-hover dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style scope=\"scope\">\n\n#image_531263745 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\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_1002557899 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(50, 50, 50);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_424923547\">\n\t\t<div class=\"bg section-bg fill bg-fill\" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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-299925130\">\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n<h2>A\u00a0Section with Image\u00a0and a background<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1013259409\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style scope=\"scope\">\n\n#image_1013259409 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\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_424923547 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(243, 243, 243);\n}\n#section_424923547 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.9);\n}\n#section_424923547 .section-bg.bg-loaded {\n  background-image: 4126;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1325880740\">\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-collapse row-full-width align-middle\"  id=\"row-1684104987\">\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner\"  >\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1525752083\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style scope=\"scope\">\n\n#image_1525752083 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<\/div><\/div>\n<div class=\"col medium-6 small-12 large-6\"  ><div class=\"col-inner text-center\" style=\"max-width:520px;padding:10%;\" >\n<h2>A\u00a0Section with a large image left.<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/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_1325880740 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(255, 255, 255);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1604484245\">\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-collapse row-full-width align-middle align-right\"  id=\"row-1980346527\">\n<div class=\"col medium-6 large-6\"  ><div class=\"col-inner text-center\" style=\"max-width:520px;padding:10%;\" >\n<h2>A\u00a0Section with a large image right.<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<div class=\"col medium-6 large-6\"  ><div class=\"col-inner\"  >\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1635394203\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style scope=\"scope\">\n\n#image_1635394203 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\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_1604484245 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(241, 241, 241);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-parallax\" id=\"section_1132393393\">\n\t\t<div class=\"bg section-bg fill bg-fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-1\">\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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=\"container section-title-container\" ><h3 class=\"section-title section-title-normal\"><b><\/b><span class=\"section-title-main\" >Section With a parallax background<\/span><b><\/b><\/h3><\/div><!-- .section-title -->\n<div class=\"row align-center\"  id=\"row-555904041\">\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&#8230;.<\/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&#8230;.<\/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&#8230;.<\/p>\n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n<div class=\"row align-center\"  id=\"row-662147329\">\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&#8230;.<\/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&#8230;.<\/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&#8230;.<\/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_1132393393 {\n  padding-top: 97px;\n  padding-bottom: 97px;\n  min-height: 300px;\n  background-color: rgb(0, 0, 0);\n}\n#section_1132393393 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.51);\n}\n#section_1132393393 .section-bg.bg-loaded {\n  background-image: 4079;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section has-parallax\" id=\"section_1907647046\">\n\t\t<div class=\"bg section-bg fill bg-fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-1\">\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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-collapse row-full-width align-center\"  id=\"row-1317446533\">\n<div class=\"col medium-6 large-6\"  ><div class=\"col-inner text-center\" style=\"padding:0 10%;\" >\n<h2>A product slider inside a section<\/h2>\n<a class=\"button primary\"  >\n    <span>Click me now<\/span>\n  <\/a>\n\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_1907647046 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 300px;\n  background-color: rgb(0, 0, 0);\n}\n#section_1907647046 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.89);\n}\n#section_1907647046 .section-bg.bg-loaded {\n  background-image: 4120;\n}\n#section_1907647046 .section-bg {\n  background-position: 25% 0%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-arrow\" id=\"section_368890953\">\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\"  id=\"row-588748378\">\n<div class=\"col medium-6 small-10 large-6\"  ><div class=\"col-inner\"  >\n<h3>Section With A Arrow Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_368890953 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(63, 63, 63);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-angled\" id=\"section_1274332452\">\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\"  id=\"row-1994874707\">\n<div class=\"col medium-5 small-10 large-5\"  ><div class=\"col-inner\"  >\n<h3>Section with an Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1274332452 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(160, 160, 160);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-angled-right\" id=\"section_2049152303\">\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\"  id=\"row-314428623\">\n<div class=\"col medium-5 small-10 large-5\"  ><div class=\"col-inner\"  >\n<h3>Section with an Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_2049152303 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(77, 77, 77);\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-angled-right\" id=\"section_1674763052\">\n\t\t<div class=\"bg section-bg fill bg-fill\" >\n\n\t\t\t\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\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\"  id=\"row-1476716971\">\n<div class=\"col medium-6 small-9 large-6\"  ><div class=\"col-inner\"  >\n<h3>Section with Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_1674763052 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(255, 255, 255);\n}\n#section_1674763052 .section-bg-overlay {\n  background-color: rgba(117, 117, 117, 0.44);\n}\n#section_1674763052 .section-bg.bg-loaded {\n  background-image: 6706;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-arrow-large\" id=\"section_188193340\">\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\"  id=\"row-115668034\">\n<div class=\"col large-12\"  ><div class=\"col-inner\"  >\n<h3>Section with a Large Arrow Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<\/div><\/div>\n<\/div>\n\t\t<\/div><!-- .section-content -->\n\n\t\t\n<style scope=\"scope\">\n\n#section_188193340 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(77, 77, 77);\n}\n<\/style>\n\t<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":94,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":1,"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/pages\/68\/revisions\/136"}],"up":[{"embeddable":true,"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/pages\/94"}],"wp:attachment":[{"href":"https:\/\/hotel-pension-christl.de\/en\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}