{"id":9,"date":"2023-07-10T08:12:24","date_gmt":"2023-07-10T08:12:24","guid":{"rendered":"https:\/\/cookie-export.musterpage.ch\/index.php\/template\/"},"modified":"2023-07-10T08:12:24","modified_gmt":"2023-07-10T08:12:24","slug":"template","status":"publish","type":"page","link":"https:\/\/cookie-export.musterpage.ch\/index.php\/template\/","title":{"rendered":"Template"},"content":{"rendered":"\r\n<section id=\"res-header-image-block_06e0f580728d0f0010b96423cae9660e\" class=\"res-block res-header-image alignfull style-standard  mb-4\">\r\n  <div class=\"res-header-img-outside fadeIn duration2 headline-title\"  >\r\n\t<div class=\"res-header-height \">\r\n\t\t\r\n\t\r\n\t  <style> \r\n\t\t  @media only screen and (min-width: 970px) {\r\n\t\t\t #res-header-image-block_06e0f580728d0f0010b96423cae9660e.res-header-image .layout-1.header-img-height { height: 80vh;}  \r\n\t\t\t #res-header-image-block_06e0f580728d0f0010b96423cae9660e.res-header-image .layout-1 .res-header-image-vertical-center { top: 60%;} \r\n\t\t\t  \t\t\t  \r\n\t\t\t\t\t\t  #res-header-image-block_06e0f580728d0f0010b96423cae9660e.res-header-image .layout-1 .jarallax-img { object-position: 50% 20% !important;}\r\n\t\t\t \r\n          \t\t  }\r\n\r\n\r\n\t\t  @media only screen and (max-width: 970px) {\r\n\r\n                      #res-header-image-block_06e0f580728d0f0010b96423cae9660e.res-header-image .layout-1.header-img-height { height: 80vh;}\r\n          \r\n                      #res-header-image-block_06e0f580728d0f0010b96423cae9660e.res-header-image .layout-1.header-img-mobile { height: 80vh;}\r\n          \r\n\t\t\t\r\n            \r\n\t\t\t  #res-header-image-block_06e0f580728d0f0010b96423cae9660e.res-header-image .layout-1 .res-header-image-vertical-center { top: 55%;}  \r\n\t\t\t  \t\t  }\r\n\t\t            \r\n                 #res-header-image-block_06e0f580728d0f0010b96423cae9660e.res-header-image .layout-1 .header-img-bg-opacity {\r\n                     opacity: 0.8;\r\n                }\r\n           \r\n\t  <\/style>\r\n\r\n        <div class=\"layout-1 jarallax header-img-height header-img-desktop\"\r\n             data-speed=\"0.6\"\r\n             style=\"background-color: #000;\">\r\n\r\n\t\t\t        <div class=\"res-header-image-vertical-center\">\r\n            <div class=\"container-fluid\">\r\n\r\n\t\t\t\t                    <div class=\"sloganBox\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col col-md-8 text-left\">\r\n                                <div class=\"slogan-txt \" data-aos=\"res-fadeIn\">\r\n\r\n\t\t\t\t\t\t\t\t\t                                        <h1 class=\"title-h1 pb-1 \">Digital Brand Experience mit modernem Webdesign<\/h1>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t\t      \t\t<p>Template Layout Blocks<\/p>\n\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\t\t\t\t\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t\t                <div class=\"header-arrow\"><a class=\"scrollerTo\" href=\"#content\" title=\"scroller\"><i class=\"fa-light fa-chevron-down\" aria-hidden=\"true\"><\/i><\/a>                 <\/div>\r\n\t\t\t\r\n        <\/div>\r\n\r\n\t\t\r\n\r\n       \r\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n  \r\n\t<style>\r\n\t\t#res-link-anker-block_17efa6129db7e56daa8657334fc25875 .link-anker-with-no-padding {padding: 0 !important;}\r\n  <\/style> \r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-link-anker-block_17efa6129db7e56daa8657334fc25875\" class=\"linkanker-section\">\r\n<div  id=\"content\"  class=\"res-block res-link-anker  p-no Transparent link-anker-with-no-padding\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off\" >\r\n\t\r\n\t\t\r\n\t  \r\n\r\n\t<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<p class=\"marker\">Text<\/p>\r\n\r\n\r\n\r\n\r\n<section id=\"res-text-bild-block_cb112bce8a1739add738b468c899e46e\" class=\"res-block res-text-bild style-standard layout01 py-4 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off headline-title\" data-aos=\"res-fadeIn\">\r\n\r\n\t\t\t  <style>\r\n\t\t\t @media only screen and (min-width: 970px) {\r\n\t\t\t  #res-text-bild-block_cb112bce8a1739add738b468c899e46e.res-text-bild .layout-1 .txt-imagebox.offset-md-1 {margin-left: 0%;}\r\n\t\t\t  #res-text-bild-block_cb112bce8a1739add738b468c899e46e.res-text-bild .layout-1 .txt-teaser-2spalten01.spalten-abstand {padding-right: 10%;}\r\n\t\t\t  #res-text-bild-block_cb112bce8a1739add738b468c899e46e.res-text-bild .layout-1 .txt-box.offset-md-1 {margin-left: 0%;}\r\n\t\t\t\t\t\t\t\t #res-text-bild-block_cb112bce8a1739add738b468c899e46e.res-text-bild .layout-1 .txt-imagebox img {padding-top: 30px;}\r\n\t\t\t\t \t\t\t}\r\n\t\t\t \r\n\t\t  <\/style>\r\n\r\n\r\n        <div class=\"layout-1 row  txt-2spalten-layout\">\r\n\t\t\t<div class=\"col-md-12 txt-box  \">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <h2 class=\"title-h2 \">Branddesign mit Headline-Titel<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <h3 class=\"title-h3 pb-1 \">Branddesign mit h2 <\/h3>\r\n\t\t\t\t\r\n\t\t\t <div class=\"txt-text postContent pt-2 pt-md-2 \">\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t <div class=\"row txt-2spalten\">\r\n\r\n\t\t\t\t\t \t\t\t\t\t <div class=\"col-md-6\">\r\n\t\t\t\t\t\t <div class=\"txt-teaser-2spalten01 spalten-abstand\">\r\n\t\t\t\t\t\t  <p>sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam<\/p>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t  \t\t\t\t\t\t\t<div class=\"col-md-6\">\r\n\t\t\t\t\t\t <div class=\"txt-teaser-2spalten02 spalten-abstand\">\r\n\t\t\t\t\t\t\t <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et ac sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\/p>\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"col-md mb-2 mt-md-1 txt-imagebox  offset-md-1 \">\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-txt-block_5ba2a8062a85249fa3f6878543c70f31\" class=\"res-block res-txt style-standard layout01 py-3 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-downIncoming\">\r\n \r\n\t\t  \r\n\t\t \t  \r\n      \r\n      <div class=\"layout-1 txt-section\">\r\n\t\t<div class=\"row\">\t\r\n\t\t\t\r\n\t\t            \r\n                           <style>      \r\n                 @media only screen and (min-width: 970px) {\r\n                     #res-txt-block_5ba2a8062a85249fa3f6878543c70f31.res-txt .spalten-abstand {\r\n                         margin-right: 10%;\r\n                     }\r\n                 }\r\n              <\/style>\r\n                 \r\n            \r\n\t\t\t\t<div class=\"col-md-5 txt-title-field var-2spalten\">\r\n                    <div class=\"spalten-abstand \">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t  \r\n\t\t\t\t\t   <h2 class=\"title-h2\">Digital Brand Experience auf der Website<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t   <h3 class=\"title-h3\">Was wir tun<\/h3>\r\n\t\t\t\t\t\t\r\n                        \r\n                   <\/div>\r\n\t\t\t\t<\/div> \r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-md txt-textfield var-2spalten postContent \">\r\n\r\n\t\t\t\t\t\t\t\t\t\t  <p>Mustertext oder auch Lorem Ipsum mit maximal 50 W\u00f6rter ist der perfekte Abschnitt Teaser Text. ist ein Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n<p>Der Punkt, dass es mehr oder weniger die normale Anordnung von Buchstaben. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht. Der Punkt, dass es mehr oder weniger die normale Anordnung von Buchstaben<\/p>\n\t\t\t\t\t\r\n\t\t\t\t                 <div class=\"txt-textfield-btns pt-2 text-left\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn  btn-primary \" href=\"https:\/\/www.mustersite.ch\/dev\/video-pagespeed-2\/\" target=\"_self\">video-pagespeed<\/a>\r\n                                \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn  btn-secondary \" href=\"https:\/\/www.mustersite.ch\/dev\/seo-seite\/\" target=\"_self\">SEO-Seite<\/a>\r\n                                \t\t\t\t\t\t\t\t\t\t\t  <\/div>\r\n                  \r\n\t\t\t\t\t\t\r\n\t\r\n\t\t\t\t  <\/div>\r\n\t\r\n\t\t\t\t\t <\/div> \t\r\n\t\t<\/div>\r\n\t \r\n\t  \r\n \r\n \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker\">Text Title Headline<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-txt-block_aee33013320a67317310af324f27454b\" class=\"res-block res-txt alignwide  layout03 py-4 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off headline-title\" data-aos=\"res-fadeIn\">\r\n \r\n\t\t  \r\n\t<div class=\"layout-3 title-only-section \">\r\n\t\t<div class=\"row\">\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t  \r\n\t\t\t\r\n\t\t\t\r\n\t\t\t<div class=\"col-md-10 var-1spalten text-left \">\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"txt-title-field \"> \r\n\t\r\n\t\t\t\t\t\r\n\t\t\r\n\t\t\t\t  \r\n\t\t\t\t   <h2 class=\"title-h2 \">Hier geht es um moderne Websites mit grossen Headlines.<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n                \t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n  \r\n\t \r\n\t  \r\n \r\n \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker\">Text und Bild<\/p>\r\n\r\n\r\n\r\n\r\n<section id=\"res-text-bild-block_4524d4ece1adb3a98d400a151c2e0d4a\" class=\"res-block res-text-bild  layout01 py-4 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off headline-title\" >\r\n\r\n\t\t\t  <style>\r\n\t\t\t @media only screen and (min-width: 970px) {\r\n\t\t\t  #res-text-bild-block_4524d4ece1adb3a98d400a151c2e0d4a.res-text-bild .layout-1 .txt-imagebox.offset-md-1 {margin-left: 5%;}\r\n\t\t\t  #res-text-bild-block_4524d4ece1adb3a98d400a151c2e0d4a.res-text-bild .layout-1 .txt-teaser-2spalten01.spalten-abstand {padding-right: %;}\r\n\t\t\t  #res-text-bild-block_4524d4ece1adb3a98d400a151c2e0d4a.res-text-bild .layout-1 .txt-box.offset-md-1 {margin-left: 5%;}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t \r\n\t\t  <\/style>\r\n\r\n\r\n        <div class=\"layout-1 row  \">\r\n\t\t\t<div class=\"col-md-7 txt-box  \">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <h2 class=\"title-h2 \">Ich bin eine Headline Digital Experience<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t <div class=\"txt-text postContent pt-2 pt-md-2 \">\r\n\r\n\t\t\t\t\t\t\t\t\t\t \t\t\t\t\t\t  <p>Mustertext oder auch Lorem Ipsum mit maximal 50 W\u00f6rter ist der perfekte Abschnitt Teaser Text. ist ein Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht. Der Punkt, dass es mehr oder weniger die normale Anordnung von Buchstaben.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t  <p class=\"txt-arrow pt-1 pl-md-2\" data-aos=\"res-topIncoming\">\r\n\t\t\t\t\t\t  <a class=\"scrollerTo\" href=\"#content-text2\" title=\"linkscroll\"><i class=\"fa-light fa-arrow-down\"><\/i><\/a>\r\n\t\t\t\t      <\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"col-md mb-2 mt-md-1 txt-imagebox  offset-md-1 \">\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n\r\n<section id=\"res-link-anker-block_419bab4dbb15d3c278910b87183b15ab\" class=\"linkanker-section\">\r\n<div  id=\"content-text2\"  class=\"res-block res-link-anker  p-no Transparent \" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off\" >\r\n\t\r\n\t\t\r\n\t  \r\n\r\n\t<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section id=\"res-text-bild-block_95b79f25c0b1cd80006ea699d22bf665\" class=\"res-block res-text-bild style-standard layout01 py-2 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-fadeIn\">\r\n\r\n\t\t\t  <style>\r\n\t\t\t @media only screen and (min-width: 970px) {\r\n\t\t\t  #res-text-bild-block_95b79f25c0b1cd80006ea699d22bf665.res-text-bild .layout-1 .txt-imagebox.offset-md-1 {margin-left: 5%;}\r\n\t\t\t  #res-text-bild-block_95b79f25c0b1cd80006ea699d22bf665.res-text-bild .layout-1 .txt-teaser-2spalten01.spalten-abstand {padding-right: %;}\r\n\t\t\t  #res-text-bild-block_95b79f25c0b1cd80006ea699d22bf665.res-text-bild .layout-1 .txt-box.offset-md-1 {margin-left: 5%;}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t \r\n\t\t  <\/style>\r\n\r\n\r\n        <div class=\"layout-1 row flex-row-reverse \">\r\n\t\t\t<div class=\"col-md-7 txt-box teaser-img-center-height offset-md-1\">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <h2 class=\"title-h2 \">Ich bin eine Headline Digital Experience Platform<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <h3 class=\"title-h3 pb-1 \">Bild Links mit Fancybox<\/h3>\r\n\t\t\t\t\r\n\t\t\t <div class=\"txt-text postContent pt-2 pt-md-2 \">\r\n\r\n\t\t\t\t\t\t\t\t\t\t \t\t\t\t\t\t  <p>Mustertext oder auch Lorem Ipsum ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"col-md mb-2 mt-md-1 txt-imagebox teaser-img-center-height  \">\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-text-bild-block_e8587e11fce1d7f5d01551b7d2fcacb6\" class=\"res-block res-text-bild style-standard layout01 py-5 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-fadeIn\">\r\n\r\n\t\t\t  <style>\r\n\t\t\t @media only screen and (min-width: 970px) {\r\n\t\t\t  #res-text-bild-block_e8587e11fce1d7f5d01551b7d2fcacb6.res-text-bild .layout-1 .txt-imagebox.offset-md-1 {margin-left: 5%;}\r\n\t\t\t  #res-text-bild-block_e8587e11fce1d7f5d01551b7d2fcacb6.res-text-bild .layout-1 .txt-teaser-2spalten01.spalten-abstand {padding-right: 3%;}\r\n\t\t\t  #res-text-bild-block_e8587e11fce1d7f5d01551b7d2fcacb6.res-text-bild .layout-1 .txt-box.offset-md-1 {margin-left: 5%;}\r\n\t\t\t\t\t\t\t\t #res-text-bild-block_e8587e11fce1d7f5d01551b7d2fcacb6.res-text-bild .layout-1 .txt-imagebox img {padding-top: 100px;}\r\n\t\t\t\t \t\t\t}\r\n\t\t\t \r\n\t\t  <\/style>\r\n\r\n\r\n        <div class=\"layout-1 row  txt-2spalten-layout\">\r\n\t\t\t<div class=\"col-md-8 txt-box  \">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <h2 class=\"title-h2 \">Ich bin eine Digital<br \/>\r\nExperience Website<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t <div class=\"txt-text postContent pt-2 pt-md-2 \">\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t <div class=\"row txt-2spalten\">\r\n\r\n\t\t\t\t\t \t\t\t\t\t <div class=\"col-md-6\">\r\n\t\t\t\t\t\t <div class=\"txt-teaser-2spalten01 spalten-abstand\">\r\n\t\t\t\t\t\t  <p>Mustertext oder auch Lorem Ipsum ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t  \t\t\t\t\t\t\t<div class=\"col-md-6\">\r\n\t\t\t\t\t\t <div class=\"txt-teaser-2spalten02 spalten-abstand\">\r\n\t\t\t\t\t\t\t <p>Mustertext oder auch Lorem Ipsum ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"col-md mb-2 mt-md-1 txt-imagebox  offset-md-1 \">\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<div style=\"height:122px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\r\n\r\n\r\n\r\n<p class=\"marker\">BOXES<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-txt-block_f5b95520c3ede1fc234d5b81ac6f95eb\" class=\"res-block res-txt style-standard layout01 py-3 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-fadeIn\">\r\n \r\n\t\t  \r\n\t\t \t  \r\n      \r\n      <div class=\"layout-1 txt-section\">\r\n\t\t<div class=\"row\">\t\r\n\t\t\t\r\n\t\t\r\n\t\t\t<div class=\"col-md-10 var-1spalten text-left\">\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"txt-title-field\">\r\n\t\r\n\t\t\t\t\t\r\n\t\t\r\n\t\t\t\t  \r\n\t\t\t\t   <h2 class=\"title-h2 \">Eine \u00dcbersicht<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n                \r\n\t\t\t\t\t            <\/div>\r\n\t\t\t\t <\/div> \t\r\n\t\t<\/div>\r\n\t \r\n\t  \r\n \r\n \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n \r\n\t<section id=\"res-boxes-block_18bdda6b70bec8477720195f9a9589cb\" class=\"res-block res-boxes style-standard py-2 Transparent\" style=\"background: transparent;\">\r\n\t\t<div class=\"inner-container container-off \" >\r\n\r\n\t\t\t<style>\r\n\t\t\t\t                \r\n                \r\n\t\t\t\t@media only screen and (min-width: 970px) {\r\n\t\t\t\t#res-boxes-block_18bdda6b70bec8477720195f9a9589cb .box-inner {margin-right: 40px;}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t<\/style>\r\n\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t<div id=\"res-boxes-block_18bdda6b70bec8477720195f9a9589cb\" class=\"row row-cols-1 row-cols-md-3 no-gutters boxes-frame equal-boxheight \" >\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"col-md box-col mb-3 mb-md-3 box-item boxlayout01     box-url-link\">\r\n\r\n\t\t\t\t\t<div class=\"box-inner flatbox scale-box h-100 \">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"postBox text-left \">\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"postContent box-no-paddding h-100\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<h4 >Digital Experience 2<\/h4>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vorschau-text pb-1 \">\r\n\t\t\t\t\t\t\t\t\t\t<p>Mustertext oder auch Lorem Ipsum mit 50 W\u00f6rter ist der Abschnitt Text. ist ein Demo-Text f\u00fcr Websites. <\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"col-md box-col mb-3 mb-md-3 box-item boxlayout01     box-url-link\">\r\n\r\n\t\t\t\t\t<div class=\"box-inner flatbox scale-box h-100 \">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"postBox text-left \">\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"postContent box-no-paddding h-100\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<h4 >Die Website ist mehr als eine Business-Card<\/h4>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vorschau-text pb-1 \">\r\n\t\t\t\t\t\t\t\t\t\t<p>Mustertext oder auch Lorem Ipsum mit 50 W\u00f6rter ist der Abschnitt Text. ist ein Demo-Text f\u00fcr Websites. <\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"col-md box-col mb-3 mb-md-3 box-item boxlayout01     box-url-link\">\r\n\r\n\t\t\t\t\t<div class=\"box-inner flatbox scale-box h-100 \">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"postBox text-left \">\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"postContent box-no-paddding h-100\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<h4 >Service &#038; Support<\/h4>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vorschau-text pb-1 \">\r\n\t\t\t\t\t\t\t\t\t\t<p>Mustertext oder auch Lorem Ipsum mit 50 W\u00f6rter ist der Abschnitt Text. ist ein Demo-Text f\u00fcr Websites. <\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/section>\r\n\r\n\r\n\r\n\r\n<div style=\"height:122px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\r\n\r\n\r\n\r\n<p class=\"marker\">Icons &amp; Text<\/p>\r\n\r\n\r\n\r\n<section id=\"res-icons-text-block_8b67c6a92af59155f8b8065136f19643\" class=\"res-block res-icons-text style-standard py-4 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off\" >\r\n\r\n\t  <style>\r\n          \t\t  #res-icons-text-block_8b67c6a92af59155f8b8065136f19643.res-icons-text .iconbox-bottom { margin-bottom:5%;}\r\n                    \t\t  #res-icons-text-block_8b67c6a92af59155f8b8065136f19643.res-icons-text .iconbox-side { margin-right:8%;}\r\n                    \t\t  #res-icons-text-block_8b67c6a92af59155f8b8065136f19643.res-icons-text .iconbox { font-size:90%;}\r\n                    @media (min-width: 970px) {\r\n                    }\r\n          @media (max-width: 970px) {\r\n                    }\r\n\t  <\/style>\r\n\r\n <div class=\"icons-text-layout row row-cols-1 row-cols-md-3 no-gutters\">\r\n\r\n     \r\n      <div class=\"col-md iconbox-bottom\">\r\n\t\t<div class=\"iconbox iconbox-side h-100 flatbox box-icon-no-paddding \">\r\n\r\n          <div class=\"row row-cols-2\">\r\n\r\n\t\t\t   \r\n\t\t\t\t<div class=\"col-12 icons-txt-content col-md-12\">\r\n\t\t\t\t\t<h3>Konzept<\/h3>\n<p>Wer sind Sie? Was bieten Sie an? Was k\u00f6nnen Sie besser als Ihre Konkurrenz? Am ersten Beratungstermin erstellen wir ein passendes Konzept f\u00fcr Ihre Website.<\/p>\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\r\n          <\/div>\r\n      <\/div>\r\n\r\n\r\n      \r\n      <div class=\"col-md iconbox-bottom\">\r\n\t\t<div class=\"iconbox iconbox-side h-100 flatbox box-icon-no-paddding \">\r\n\r\n          <div class=\"row row-cols-2\">\r\n\r\n\t\t\t   \r\n\t\t\t\t<div class=\"col-12 icons-txt-content col-md-12\">\r\n\t\t\t\t\t<h3>Design<\/h3>\n<p>Wir heben Sie ab von der Konkurenz, mit unserem hochwertigem Webdesign, animierten Videos und einem einzigartigen Webauftritt.<\/p>\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\r\n          <\/div>\r\n      <\/div>\r\n\r\n\r\n      \r\n      <div class=\"col-md iconbox-bottom\">\r\n\t\t<div class=\"iconbox iconbox-side h-100 flatbox box-icon-no-paddding \">\r\n\r\n          <div class=\"row row-cols-2\">\r\n\r\n\t\t\t   \r\n\t\t\t\t<div class=\"col-12 icons-txt-content col-md-12\">\r\n\t\t\t\t\t<h3>Marketing<\/h3>\n<p>Was sucht ihre Zielgruppe auf der Website? Wir erarbeiten mit Ihnen ein neues Navigations-Konzept und eine neue Website-Struktur.<\/p>\n\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/div>\r\n\r\n          <\/div>\r\n      <\/div>\r\n\r\n\r\n               <\/div>\r\n\r\n\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker\">Buttons<\/p>\r\n\r\n\r\n\r\n\r\n<section id=\"res-btn-block_018876cbcc7bc1b2d55bd7d38f3bcb6d\" class=\"res-block res-btn  py-3 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off   \" >\r\n\t  \r\n\t\r\n\t  \t   <div class=\"text text-left \"><h2>Kontaktieren Sie uns<\/h2>\n<p>Kontaktieren Sie uns f\u00fcr ein Beratungstermin<\/p>\n<\/div>\r\n\t\t\r\n\t  \r\n\t  \r\n\t\t<div class=\"ausrichtung-btn text-left\">\r\n\r\n\t\t\t\t\t<a class=\"btn  btn-primary  \" href=\"#\" target=\"\">Kontakt<\/a>\r\n\t\t\t\t\t<a class=\"btn  btn-secondary  \" href=\"#\" target=\"\">mehr erfahren<\/a>\r\n\t\t\t\t\t<a class=\"btn  btn-outline  \" href=\"#\" target=\"\">Angebote<\/a>\r\n\t\t\t\t\t<a class=\"btn  btn-text-link  \" href=\"#\" target=\"\">weitere Themen<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t  \r\n\t  \r\n\t  \t  \r\n\t\r\n\t  \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker\">BOXES<\/p>\r\n\r\n\r\n \r\n\t<section id=\"res-boxes-block_c27d2a408af3d12eb92bf505094ba81e\" class=\"res-block res-boxes  py-4 Transparent\" style=\"background: transparent;\">\r\n\t\t<div class=\"inner-container container-off \" >\r\n\r\n\t\t\t<style>\r\n\t\t\t\t                \r\n                \t\t\t\t#res-boxes-block_c27d2a408af3d12eb92bf505094ba81e .box-item.boxlayout02 .box-overlayer {background: rgba(0,0,0,0.4 );}\r\n\t\t\t\t\r\n\t\t\t\t@media only screen and (min-width: 970px) {\r\n\t\t\t\t#res-boxes-block_c27d2a408af3d12eb92bf505094ba81e .box-inner {margin-right: 30px;}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t<\/style>\r\n\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker\">Styleguide<\/p>\r\n\r\n\r\n\r\n\r\n<section id=\"res-typo-block_584bc9bfb33a545d09f5c56e0b40d4b0\"\r\n         class=\"res-block res-typo  pb-4 Transparent\"\r\n         style=\"background: transparent;\">\r\n    <div class=\"inner-container container-off\" data-aos=\"res-fadeIn\">\r\n\r\n\r\n        <!--\tCSS Beispiel  -->\r\n\t\t\r\n\r\n        <!-- CSS Font Style Optionen  -->\r\n\t\t\r\n\r\n        <!--if in array abfrage, wenn Wert gesetzt ist in einem Dropdown, zeige dies an  -->\r\n\t\t\r\n            <div class=\"mt-2 mb-3\"\r\n                 style=\"display: inline-block;font-weight: 400;font-size: 16px;border-bottom: 1px solid #222; color: #222;\">\r\n                TYPOGRAFIE\r\n            <\/div>\r\n\r\n\r\n\t\t\t                <div class=\"headline-title pb-2\">\r\n                    <h2 class=\"pb-1 title-h2 \">Digital Branddesign mit h2 als Headline-Titel<\/h2>\r\n                <\/div>\r\n\t\t\t\r\n\r\n            <div class=\"typo-title\">\r\n                <h1 class=\"pb-1 title-h1 \">Digital Brand Design mit h1 als Seitentitel<\/h1>\r\n                <h2 class=\"pb-1 title-h2 \">Typografie mit h2 Headline<\/h2>\r\n                <h3 class=\"pb-1 title-h3 \">Block Element als h3 Subtitle<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"row typo-text-sample py-2 \">\r\n                <div class=\"col-md\">\r\n                    <p>Mustertext ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein\r\n                        Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.Mustertext ist ein einfacher\r\n                        Demo-Text f\u00fcr Websites. <span class=\"brand-color\">Brandfarbe des Projekts<\/span> sowie eine\r\n                        Anzahl Zeichen von maximal 50-70 W\u00f6rterist der perfekte Abschnitt Teaser Text zu diversen\r\n                        Themen.<\/p><\/div>\r\n                <div class=\"col-md\">\r\n                    <p> Mustertext oder auch Lorem Ipsum ist ein einfacher Demo-Text und ein <a href=\"#\" title=\"link\">Link<\/a>\r\n                        f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text oder der im Layout\r\n                        beinflusst wird. Mustertext ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener\r\n                        Fakt.<\/p><\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"row typo-buttons pb-3\">\r\n                <div class=\"col btns btn-styles\">\r\n                    <a class=\"btn btn-primary mr-1\" href=\"#\" target=\"_self\">Kontakt<\/a>\r\n                    <a class=\"btn btn-secondary mr-1\" href=\"#\" target=\"_self\">Termin vereinbaren<\/a>\r\n                    <a class=\"btn btn-outline mr-1\" href=\"#\" target=\"_self\">Angebote<\/a>\r\n                    <a class=\"btn btn-text-link mr-2\" href=\"#\" target=\"_self\">weitere Themen<\/a>\r\n                    <a class=\"btn btn-arrow mr-2\" href=\"#\" target=\"_self\">mehr erfahren<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row typo py-3\">\r\n\r\n                <div class=\"col-md mr-1 typo-box typo-bold \">\r\n                    <p>Bold 700<\/p>\r\n                    <span>Aa<\/span>\r\n                    <small> A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\r\n                        a b c d e f g h i j k l m n o p q r s t u v w x y z\r\n                        1 2 3 4 5 6 7 8 9 10 <\/small>\r\n                <\/div>\r\n\r\n                <div class=\"col-md mr-1 typo-box typo-semibold \">\r\n                    <p>Semibold 600<\/p>\r\n                    <span>Aa<\/span>\r\n                    <small> A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\r\n                        a b c d e f g h i j k l m n o p q r s t u v w x y z\r\n                        1 2 3 4 5 6 7 8 9 10 <\/small>\r\n                <\/div>\r\n\r\n                <div class=\"col-md mr-1 typo-box typo-regular \">\r\n                    <p>Regular 400<\/p>\r\n                    <span>Aa<\/span>\r\n                    <small> A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\r\n                        a b c d e f g h i j k l m n o p q r s t u v w x y z\r\n                        1 2 3 4 5 6 7 8 9 10 <\/small>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"col-md mr-1 typo-box typo-light \">\r\n                    <p>Light 300<\/p>\r\n                    <span>Aa<\/span>\r\n                    <small> A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\r\n                        a b c d e f g h i j k l m n o p q r s t u v w x y z\r\n                        1 2 3 4 5 6 7 8 9 10 <\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\t\t\t\r\n            <hr>\r\n\r\n\t\t\r\n\r\n\t\t\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p><\/p>\r\n\r\n\r\n\r\n<p class=\"marker\">Slider Carousel<\/p>\r\n\r\n\r\n\t<section id=\"res-slider-content-block_83645b7d1addd618e02c809e28744cf7\" class=\"res-block res-slider-content  py-4 Transparent\" style=\"background: transparent;\">\r\n\t\t<div class=\"inner-container container-off \" data-aos=\"res-topIncoming\">\r\n\t\t\t<div class=\"slider-outside-frame\r\n\t\t\t\tno-center-mode-desktop\t\t\t\t\">\r\n\r\n\t\t\t\t<style>\r\n                    #res-slider-content-block_83645b7d1addd618e02c809e28744cf7 .box-item {margin-right: 20px;}\r\n\t\t\t\t\t\r\n                    @media only screen and (min-width: 970px) {\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t#res-slider-content-block_83645b7d1addd618e02c809e28744cf7.alignfull .no-center-mode-desktop .slider {margin-left: 50px;}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n                    }\r\n\t\t\t\t<\/style>\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t\t<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker\">Collapse<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\r\n\r\n\r\n\r\n    <section id=\"res-collapse-block_2a34819d349e9cb003c18df44b1e0848\"\r\n             class=\"res-collapse style-standard pb-5 Transparent\"\r\n             style=\"background: transparent;\">\r\n        <div class=\"inner-container container-off collapse-layout-acf\" >\r\n\t\t\t\r\n            <div id=\"res_collapse_XqmFu0pNGu\" class=\"collapse-all\">\r\n\t\t\t\t\r\n                <div class=\"card\">\r\n                    <a data-anchor=\"#\" class=\"collapsed\" data-toggle=\"collapse\"\r\n                       data-target=\"#collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-1\" aria-expanded=\"true\"\r\n                       aria-controls=\"collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-1\">\r\n                        <div class=\"card-header d-flex justify-content-between \"\r\n                             id=\"heading-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-1\">\r\n                            <h2 class=\"title-collapse-smaller\"                            >Gibt es eine Website Besucher Statistik?<\/h2>\r\n                        <div class=\"collapse-icon\" id=\"arrow-collapse\">\r\n                            <i class=\"fa-light fa-chevron-down rotate-icon\"><\/i>\r\n                        <\/div>\r\n                <\/div>\r\n                <\/a>\r\n                <div id=\"collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-1\" class=\"collapse\"\r\n                     aria-labelledby=\"heading-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-1\"\r\n                     data-parent=\"#res_collapse_XqmFu0pNGu\">\r\n                    <div class=\"card-body\">\r\n\t\t\t\t\t\t<p>Ihre Website beinhaltet Google Analytics mit genauen Daten \u00fcber Ihre Besucher. Besucherzahl, Verweildauer, Seitenklicks und mehr. Mustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.rnrnMustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.rnrnMustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.Mustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.<\/p>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\t\t\r\n                <div class=\"card\">\r\n                    <a data-anchor=\"#\" class=\"collapsed\" data-toggle=\"collapse\"\r\n                       data-target=\"#collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-2\" aria-expanded=\"true\"\r\n                       aria-controls=\"collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-2\">\r\n                        <div class=\"card-header d-flex justify-content-between \"\r\n                             id=\"heading-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-2\">\r\n                            <h2 class=\"title-collapse-smaller\"                            >Welche M\u00f6glichkeiten gibt es zur Ladezeit-Optimierung?<\/h2>\r\n                        <div class=\"collapse-icon\" id=\"arrow-collapse\">\r\n                            <i class=\"fa-light fa-chevron-down rotate-icon\"><\/i>\r\n                        <\/div>\r\n                <\/div>\r\n                <\/a>\r\n                <div id=\"collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-2\" class=\"collapse\"\r\n                     aria-labelledby=\"heading-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-2\"\r\n                     data-parent=\"#res_collapse_XqmFu0pNGu\">\r\n                    <div class=\"card-body\">\r\n\t\t\t\t\t\t<p>Wir verwenden modernste Webtechnologien: Responsive Design, Mobile-optimierte Ladezeiten und das beliebte CMS WordPress.rnrnMustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.rnrnMustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.Mustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.<\/p>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\t\t\r\n                <div class=\"card\">\r\n                    <a data-anchor=\"#\" class=\"collapsed\" data-toggle=\"collapse\"\r\n                       data-target=\"#collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-3\" aria-expanded=\"true\"\r\n                       aria-controls=\"collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-3\">\r\n                        <div class=\"card-header d-flex justify-content-between \"\r\n                             id=\"heading-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-3\">\r\n                            <h2 class=\"title-collapse-smaller\"                            >WordPress CMS Tutorial<\/h2>\r\n                        <div class=\"collapse-icon\" id=\"arrow-collapse\">\r\n                            <i class=\"fa-light fa-chevron-down rotate-icon\"><\/i>\r\n                        <\/div>\r\n                <\/div>\r\n                <\/a>\r\n                <div id=\"collapse-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-3\" class=\"collapse\"\r\n                     aria-labelledby=\"heading-res-collapse-block_2a34819d349e9cb003c18df44b1e0848-3\"\r\n                     data-parent=\"#res_collapse_XqmFu0pNGu\">\r\n                    <div class=\"card-body\">\r\n\t\t\t\t\t\t<p>Nach dem golive aktualisieren Sie Ihre Inhalte kinderleicht selber, mit dem beliebten, f\u00fchrenden CMS-Tool WordPress.rnrnMustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.rnrnMustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.Mustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird.<\/p>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\t\t        <\/div>\r\n\t\t        <\/div>\r\n    <\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker mb-3\">Header Image mit Slider<\/p>\r\n\r\n\r\n\r\n<section id=\"res-header-image-block_da91724fdf520caa21cf7805e5251b24\" class=\"res-block res-header-image alignfull   mb-5\">\r\n  <div class=\"res-header-img-outside fadeIn duration2 headline-title\"  >\r\n\t<div class=\"res-header-height \">\r\n\t\t\r\n\t \r\n\t\t  \r\n\t  <style> \r\n\t\t  @media only screen and (min-width: 970px) {\r\n\t\t\t #res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2.header-img-height { height: 70vh;} \r\n\t\t\t #res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 .slide-height { height: 70vh;} \r\n\t\t\t #res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 .res-header-image-vertical-center { top: 50%;}\r\n\t\t\t   \r\n\t\t  }\r\n\t\t  @media only screen and (max-width: 970px) {  \r\n\t\t\t#res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 .header-img-height { height: 70vh;}\r\n\t\t\t #res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 .slide-height { height: 70vh;} \r\n\t\t\t#res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 .res-header-image-vertical-center { top: 40%;}\r\n\t\t\t  \r\n\t\t\t  \r\n\t\t  }\r\n\t\t  \t\t  \t\t  #res-header-image-block_da91724fdf520caa21cf7805e5251b24 .layout-2 .carousel-animated {\r\n\t\t\t\t\t-webkit-animation-duration: 12s;\r\n\t\t\t\t\t-moz-animation-duration: 12s;\r\n\t\t\t\t\t-ms-animation-duration: 12s;\r\n\t\t\t\t\t-o-animation-duration: 12s;\r\n\t\t\t\t\tanimation-duration: 12s;\r\n\t\t\t\t}\r\n\t\t  \t\t  \r\n\t  <\/style> \r\n\t\t  \r\n\t  <div class=\"layout-2 header-img-height header-oversized layout02 \">\r\n\t\t  \r\n\t\t\t\t<div class=\"res-header-image-vertical-center\">\r\n\t\t\t\t\t<div class=\"container-fluid\"> \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"sloganBox\">\r\n                           <div class=\"row\">\r\n                            <div class=\"col col-md-7 text-left\" data-aos=\"res-fadeIn\">\r\n\t\t\t\t\t\t\t\t <div class=\"\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t                                        <h2 class=\"title-h2 \">Headline Digital Brand Experience<\/h2>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t\t      \t\t<p>WordPress Website<\/p>\n\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t   \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-sm btn-primary   \" href=\"#\" target=\"_self\">mehr erfahren<\/a>\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <\/div>\r\n\t\t\t\t                 <\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t  \r\n\t<!--  Slider-Carousel  -->\r\n\t<div id=\"slider-parallax-9\" class=\"carousel slide carousel-fade\" data-ride=\"carousel\" data-interval=\"5000\" data-pause=\"false\" style=\"background-color: #000\">\r\n\r\n\t<div class=\"header-img-abdunkler\"  style=\"opacity: 0.9;\" >\r\n\t\t\r\n\t\t\t\t<div class=\"carousel-inner\">\r\n    \t\t \r\n\t\t<div class=\"carousel-item  carousel-animated\">\r\n\t\t<div class=\"jarallax slide-height\" data-speed=\"0.6\">\r\n\t\t\t\r\n\t\t\t<style>\r\n\t\t\t  #res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 #slideImg-9-0.slide-img { object-position: 50% % !important;}\r\n\t\t\t@media only screen and (max-width: 970px) {\r\n\t\t\t\t#res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 #slideImg-9-0.slide-img { object-position: % 50% !important;} \r\n\t\t\t  }\r\n\t\t\t<\/style>\r\n\r\n\t\t\t\t\t\t<\/div>  \r\n\t\t<\/div> \r\n\r\n\t\t\t \r\n\t\t<div class=\"carousel-item  carousel-animated\">\r\n\t\t<div class=\"jarallax slide-height\" data-speed=\"0.6\">\r\n\t\t\t\r\n\t\t\t<style>\r\n\t\t\t  #res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 #slideImg-9-1.slide-img { object-position: 50% % !important;}\r\n\t\t\t@media only screen and (max-width: 970px) {\r\n\t\t\t\t#res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 #slideImg-9-1.slide-img { object-position: % 50% !important;} \r\n\t\t\t  }\r\n\t\t\t<\/style>\r\n\r\n\t\t\t\t\t\t<\/div>  \r\n\t\t<\/div> \r\n\r\n\t\t\t \r\n\t\t<div class=\"carousel-item  carousel-animated\">\r\n\t\t<div class=\"jarallax slide-height\" data-speed=\"0.6\">\r\n\t\t\t\r\n\t\t\t<style>\r\n\t\t\t  #res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 #slideImg-9-2.slide-img { object-position: 50% % !important;}\r\n\t\t\t@media only screen and (max-width: 970px) {\r\n\t\t\t\t#res-header-image-block_da91724fdf520caa21cf7805e5251b24.res-header-image .layout-2 #slideImg-9-2.slide-img { object-position: % 50% !important;} \r\n\t\t\t  }\r\n\t\t\t<\/style>\r\n\r\n\t\t\t\t\t\t<\/div>  \r\n\t\t<\/div> \r\n\r\n\t\t\r\n\t <\/div>\r\n\t\t\r\n\t\t\t\t\t\r\n\t\r\n\t<\/div>\r\n\t<\/div>\r\n\t\t  <\/div>\r\n\t\t  \r\n\t\t\t\t\t\r\n\r\n\t \r\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<p class=\"marker\">TExt Formate &amp; EDITOR<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-txt-block_f7aa5c3e9650d06b7fefb845cf99c182\" class=\"res-block res-txt  layout02 pt-3 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-fadeIn\">\r\n \r\n\t\t  \r\n\t\t  <style>\r\n\t\t @media only screen and (min-width: 970px) {\r\n\t\t  #res-txt-block_f7aa5c3e9650d06b7fefb845cf99c182.res-txt .layout-2 .spalten-abstand { margin-right: 5%;}\r\n\t  <\/style>\r\n\t      \r\n    <div class=\"layout-2 txt-editor-spalten\">\r\n     <div class=\"row row-cols-1 row-cols-md- no-gutters\">\r\n\t \r\n\t\t \r\n        <!--   Spaltentext Loop Row  -->\r\n                                   <div class=\"col\">\r\n                     <div class=\"postContent\">\r\n\r\n                    <!--  Spalten Repeater  -->\r\n                                           \r\n                      <div class=\"row text-spalten-Box no-gutters \"> \r\n\r\n                            <div class=\"col-md-6 text-spalten-spalte01 \">\r\n                                <div class=\"spalten-abstand\">\r\n                                <h3>Services<\/h3>\n<p>Digital Branding auf der Website als Html-Editor mit Mustertext oder auch Lorem Ipsum ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n                                <\/div>     \r\n                            <\/div>\r\n\r\n                            <div class=\"col-md text-spalten-spalte02 \">\r\n                              <h3>Die Firma<\/h3>\n<p>Unser Website ist Online mit diesem 2 Saplten Html-Editor Mustertext Mustertext oder auch Lorem Ipsum ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n<p><a href=\"#\" class=\"btn btn-primary\">Button<\/a><\/p>\n                            <\/div>\r\n\r\n                      <\/div>\t\t\t\r\n\r\n                                           \r\n                    <\/div>\r\n                 <\/div>\r\n\r\n                                    <\/div> \r\n        <\/div>  \r\n\t \r\n\t  \r\n \r\n \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-txt-block_48a8077b411a3dc39c06eacf5e7b419c\" class=\"res-block res-txt  layout02 pb-3 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-fadeIn\">\r\n \r\n\t\t  \r\n\t\t  <style>\r\n\t\t @media only screen and (min-width: 970px) {\r\n\t\t  #res-txt-block_48a8077b411a3dc39c06eacf5e7b419c.res-txt .layout-2 .spalten-abstand { margin-right: 2%;}\r\n\t  <\/style>\r\n\t      \r\n    <div class=\"layout-2 txt-editor-spalten\">\r\n     <div class=\"row row-cols-1 row-cols-md- no-gutters\">\r\n\t \r\n\t\t \r\n        <!--   Spaltentext Loop Row  -->\r\n                                   <div class=\"col\">\r\n                     <div class=\"postContent\">\r\n\r\n                    <!--  Spalten Repeater  -->\r\n                                           \r\n                      <div class=\"row text-spalten-Box no-gutters \"> \r\n\r\n                            <div class=\"col-md-6 text-spalten-spalte01 \">\r\n                                <div class=\"spalten-abstand\">\r\n                                <ul>\n<li>Bulletpoints<\/li>\n<li>Layout Varianteu<\/li>\n<li>PostContent<\/li>\n<li>Bereich<\/li>\n<\/ul>\n                                <\/div>     \r\n                            <\/div>\r\n\r\n                            <div class=\"col-md text-spalten-spalte02 \">\r\n                              <ul>\n<li>checklist<\/li>\n<li>Bulletpoints als Checklistu<\/li>\n<li>Klasse checklist<\/li>\n<li>PostContent<\/li>\n<li>Bereich<\/li>\n<\/ul>\n                            <\/div>\r\n\r\n                      <\/div>\t\t\t\r\n\r\n                                           \r\n                    <\/div>\r\n                 <\/div>\r\n\r\n                                    <\/div> \r\n        <\/div>  \r\n\t \r\n\t  \r\n \r\n \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker\">Tabelle<\/p>\r\n\r\n\r\n\r\n<section id=\"res-table-block_e5cd763d2688a68376e17803c4f5a2b3\" class=\"res-block res-table  py-3 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off\" >\r\n\r\n\t\t  \r\n\t  \r\n\t\t<style>\r\n\t\t\t#res-table-block_e5cd763d2688a68376e17803c4f5a2b3 .layout-01{ font-size: 90%; }\r\n\t\t\t@media only screen and (min-width: 970px) {\r\n\t\t\t\t\t#res-table-block_e5cd763d2688a68376e17803c4f5a2b3 .layout-01{ max-width: 1080px;}\r\n\t\t\t\t}\r\n\t  <\/style>\r\n\t  \r\n\t\r\n\t  \r\n   <div class=\"layout-01 row row-cols-1 row-cols-md-2 no-gutters \">\r\n\r\n   <!--   Table Row  -->\r\n     \t \t  \r\n\t\t\t\t   <div class=\"col\">\r\n\t\t    <div class=\"table-spalte table-design-custom table-space-custom\">\r\n\t\t\t   <h4>Design<\/h4>\n\t\t\t<\/div> \r\n\t\t  <\/div>\r\n\t\t\t\r\n\t  \r\n           \t  \r\n\t\t\t\t   <div class=\"col\">\r\n\t\t    <div class=\"table-spalte table-design-custom table-space-custom\">\r\n\t\t\t   <p>Wir arbeiten bewusst mit einer eigenen, optimierten Version von\u00a0WordPress (Custom-Backend, eigenes Theme), um die Bedienung f\u00fcr unsere Kunden noch \u00fcbersichtlicher und kundenfreundlicher anzubieten.<\/p>\n\t\t\t<\/div> \r\n\t\t  <\/div>\r\n\t\t\t\r\n\t  \r\n           \t  \r\n\t\t\t\t   <div class=\"col\">\r\n\t\t    <div class=\"table-spalte table-design-custom table-space-custom\">\r\n\t\t\t   <h4>Programmierung<\/h4>\n\t\t\t<\/div> \r\n\t\t  <\/div>\r\n\t\t\t\r\n\t  \r\n           \t  \r\n\t\t\t\t   <div class=\"col\">\r\n\t\t    <div class=\"table-spalte table-design-custom table-space-custom\">\r\n\t\t\t   <p>Programmierung, CMS Setup, Jedes Projekt wird individuell programmiert \u2013 ohne Template-Vorlagen und Fremd-Plugins \u2013 so bleibt die Seite schlank und ist genau Ihren Bed\u00fcrfnissen angepasst.<\/p>\n\t\t\t<\/div> \r\n\t\t  <\/div>\r\n\t\t\t\r\n\t  \r\n           \t  \r\n\t\t\t\t   <div class=\"col\">\r\n\t\t    <div class=\"table-spalte table-design-custom table-space-custom\">\r\n\t\t\t   <h4>CMS<\/h4>\n\t\t\t<\/div> \r\n\t\t  <\/div>\r\n\t\t\t\r\n\t  \r\n           \t  \r\n\t\t\t\t   <div class=\"col\">\r\n\t\t    <div class=\"table-spalte table-design-custom table-space-custom\">\r\n\t\t\t   <p style=\"text-align: left;\">Hosting und Wartung<\/p>\n\t\t\t<\/div> \r\n\t\t  <\/div>\r\n\t\t\t\r\n\t  \r\n                \t  <\/div> \r\n\r\n\t\r\n\t  \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<div style=\"height:85px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\r\n\r\n\r\n\r\n<p class=\"marker\">Header Image als Parallax<\/p>\r\n\r\n\r\n\r\n<p><\/p>\r\n\r\n\r\n\r\n<section id=\"res-header-image-block_b632f18be080a922b9df0c7ed6c41d74\" class=\"res-block res-header-image alignfull   mb-5\">\r\n  <div class=\"res-header-img-outside fadeIn duration2 headline-title\"  >\r\n\t<div class=\"res-header-height \">\r\n\t\t\r\n\t\r\n\t  <style> \r\n\t\t  @media only screen and (min-width: 970px) {\r\n\t\t\t #res-header-image-block_b632f18be080a922b9df0c7ed6c41d74.res-header-image .layout-1.header-img-height { height: 60vh;}  \r\n\t\t\t #res-header-image-block_b632f18be080a922b9df0c7ed6c41d74.res-header-image .layout-1 .res-header-image-vertical-center { top: 50%;} \r\n\t\t\t  \t\t\t  \r\n\t\t\t\r\n          \t\t  }\r\n\r\n\r\n\t\t  @media only screen and (max-width: 970px) {\r\n\r\n                      #res-header-image-block_b632f18be080a922b9df0c7ed6c41d74.res-header-image .layout-1.header-img-height { height: 60vh;}\r\n          \r\n                      #res-header-image-block_b632f18be080a922b9df0c7ed6c41d74.res-header-image .layout-1.header-img-mobile { height: 60vh;}\r\n          \r\n\t\t\t\r\n            \r\n\t\t\t  #res-header-image-block_b632f18be080a922b9df0c7ed6c41d74.res-header-image .layout-1 .res-header-image-vertical-center { top: 40%;}  \r\n\t\t\t  \t\t  }\r\n\t\t            \r\n                 #res-header-image-block_b632f18be080a922b9df0c7ed6c41d74.res-header-image .layout-1 .header-img-bg-opacity {\r\n                     opacity: 0.9;\r\n                }\r\n           \r\n\t  <\/style>\r\n\r\n        <div class=\"layout-1 jarallax header-img-height header-img-desktop\"\r\n             data-speed=\"0.6\"\r\n             style=\"background-color: #000;\">\r\n\r\n\t\t\t        <div class=\"res-header-image-vertical-center\">\r\n            <div class=\"container\">\r\n\r\n\t\t\t\t                    <div class=\"sloganBox\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col col-md-8 text-left\">\r\n                                <div class=\"slogan-txt \" data-aos=\"res-fadeIn\">\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t                                        <h2 class=\"title-h2 \">Hier geht es um smarte, moderne Firmenauftritte<\/h2>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t\t      \t\t<p>Parallax mit Bild-Positionierung Cover-Fit<\/p>\n\t\t\t\t\t\t\t\t\t  \t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\t\t\t\t\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t\t                <div class=\"header-arrow\"><a class=\"scrollerTo\" href=\"#50layout\" title=\"scroller\"><i class=\"fa-light fa-chevron-down\" aria-hidden=\"true\"><\/i><\/a>                 <\/div>\r\n\t\t\t\r\n        <\/div>\r\n\r\n\t\t\r\n\r\n       \r\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<p class=\"marker\">Text und Bild &#8211; Layout 03 &#8211; 50-50 <\/p>\r\n\r\n\r\n\r\n  \r\n\t<style>\r\n\t\t#res-link-anker-block_cb3e205399e435d8254f4606bc744f33 .link-anker-with-no-padding {padding: 0 !important;}\r\n  <\/style> \r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-link-anker-block_cb3e205399e435d8254f4606bc744f33\" class=\"linkanker-section\">\r\n<div  id=\"50-layout\"  class=\"res-block res-link-anker  py-4 Transparent link-anker-with-no-padding\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off\" data-aos=\"res-fadeIn\">\r\n\t\r\n\t\t\r\n\t  \r\n\r\n\t<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section id=\"res-text-bild-block_93a1096cd687c9eb4cd2363c6185bd44\" class=\"res-block res-text-bild alignfull  layout03 p-no Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-fadeIn\">\r\n\r\n\t\r\n\t  <style>\r\n\t  \t\t  @media only screen and (min-width: 970px) {\r\n\t\t\t #res-text-bild-block_93a1096cd687c9eb4cd2363c6185bd44.res-text-bild .layout-3 .txt-image50-50 { height: 100vh;}\r\n\t\t\t  \t\t\t  \t#res-text-bild-block_93a1096cd687c9eb4cd2363c6185bd44.res-text-bild .layout-3 .txt-image50-50 img { height: 100vh; object-fit: cover;}\r\n\t\t\t  \t\t  }\r\n\t  \t\t\t \t\t \r\n\t\t  @media only screen and (max-width: 970px) {\r\n\t\t\t  #res-text-bild-block_93a1096cd687c9eb4cd2363c6185bd44.res-text-bild .layout-3 .txt-image50-50 { height: 250px; overflow: hidden;}\r\n\t\t  }\r\n\t\t\t  <\/style>\r\n\r\n\t<div class=\"layout-3 row txt50-50 no-gutters row-cols-md-2 align-items-center mb-3 mb-md-0 \">\r\n\r\n\t\t<div class=\"col-md\">\r\n\t\t\t<div class=\"txt-content50-50 content50-50-padding\">\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t   <h2 class=\"title-h2 \">Digital Brand Experience mit modernem Webdesign<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <h3 class=\"title-h3 pb-1 \">Template Layout Blocks<\/h3>\r\n\t\t\t\t\r\n\t\t\t\t <div class=\"txt-text postContent pt-2 \">\r\n\t\t\t\t\t\t\t\t\t\t  <p>Mustertext oder auch Lorem Ipsum mit maximal 50 W\u00f6rter ist der perfekte Abschnitt Teaser Text. ist ein Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t  <p class=\"txt-arrow pt-md-1 pl-md-2\"><a class=\"scrollerTo\" href=\"#nextone\" title=\"linkscroll\"><i class=\"fa-light fa-arrow-down\"><\/i><\/a><\/p>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n        <div class=\"col-md txt-image50-50 \">\r\n\t\t\t        <\/div>\r\n\r\n\t\t<\/div>\r\n\t  \r\n\t  \r\n\r\n\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-text-bild-block_4839b9af3286ce2cb68ae5fc45b7bf9a\" class=\"res-block res-text-bild alignfull  layout03 p-no Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off headline-title\" data-aos=\"res-fadeIn\">\r\n\r\n\t\r\n\t  <style>\r\n\t  \t\t  @media only screen and (min-width: 970px) {\r\n\t\t\t #res-text-bild-block_4839b9af3286ce2cb68ae5fc45b7bf9a.res-text-bild .layout-3 .txt-image50-50 { height: 50vh;}\r\n\t\t\t  \t\t  }\r\n\t  \t\t\t \t\t \r\n\t\t  @media only screen and (max-width: 970px) {\r\n\t\t\t  #res-text-bild-block_4839b9af3286ce2cb68ae5fc45b7bf9a.res-text-bild .layout-3 .txt-image50-50 { height: 250px; overflow: hidden;}\r\n\t\t  }\r\n\t\t\t  <\/style>\r\n\r\n\t<div class=\"layout-3 row txt50-50 no-gutters row-cols-md-2 align-items-center mb-3 mb-md-0 flex-row-reverse\">\r\n\r\n\t\t<div class=\"col-md\">\r\n\t\t\t<div class=\"txt-content50-50 content50-50-padding\">\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t   <h2 class=\"title-h2 \">Digital Experience <\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t <div class=\"txt-text postContent pt-2 \">\r\n\t\t\t\t\t\t\t\t\t\t  <p>50-50 Layout Links und Headline-Title<\/p>\n\t\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t  <p class=\"txt-arrow pt-md-1 pl-md-2\"><a class=\"scrollerTo\" href=\"#next\" title=\"linkscroll\"><i class=\"fa-light fa-arrow-down\"><\/i><\/a><\/p>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n        <div class=\"col-md txt-image50-50 \">\r\n\t\t\t        <\/div>\r\n\r\n\t\t<\/div>\r\n\t  \r\n\t  \r\n\r\n\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\r\n\r\n\r\n\r\n<p class=\"marker\">Testimonial<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b\" class=\"res-block res-testimonial   pb-4 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off\" data-aos=\"res-fadeIn\">\r\n\t  \r\n\t  \t<style>\r\n\t\t@media only screen and (min-width: 970px) {\t\r\n\t\t   #testimonial-slider-res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b.carousel { margin: 0 auto; max-width: 90%;}\t\t   #testimonial-slider-res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b .referenzBox { min-height: 480px;} \t\t}\r\n\t\t@media only screen and (max-width: 970px) {\t\r\n\t\t #testimonial-slider-res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b.carousel { margin: 0 auto; max-width: 90%;} \t\t #testimonial-slider-res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b .referenzBox { min-height: 455px;} \t\t}\r\n\t\t #testimonial-slider-res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b .referenz-image img { max-width: 110px}\t\t\t\r\n\t  <\/style> \r\n\t  \r\n\r\n\r\n\t\t<div id=\"testimonial-slider-res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b\" class=\"carousel slide\" data-ride=\"carousel\" data-interval=\"5000\" data-pause=\"hover\">\r\n\r\n\t\t\t\t\t\t  <div class=\"carousel-inner testimonial_slide\">\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"carousel-item\"> \r\n\t\t\t\t\t\t <div class=\"carousel-caption position-relative postContent referenzBox text-center d-flex align-content-center flex-wrap\">\r\n\t\t\t\t\t\t\t \r\n\t \t\t\t\t\t\t\t<div class=\"referenzBox-vcenter d-flex flex-column\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"referenz-text position-relative res-with-quotes\"><p>Wir haben zuerst Fernseher in unser Schaufenster gestellt. Das Problem mit den Fernsehern war, dass die Lichtintensit\u00e4t viel zu gering war und dadurch das Bild hinter dem Glas nicht gesehen wurde.<\/p>\n<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"referenz-person pt-1\"><p>Fabrice Casagrande, Leiter IT, Casagrande AG<\/p>\n<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t   <\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"carousel-item\"> \r\n\t\t\t\t\t\t <div class=\"carousel-caption position-relative postContent referenzBox text-center d-flex align-content-center flex-wrap\">\r\n\t\t\t\t\t\t\t \r\n\t \t\t\t\t\t\t\t<div class=\"referenzBox-vcenter d-flex flex-column\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"referenz-text position-relative res-with-quotes\"><p>Wir haben zuerst Fernseher in unser Schaufenster gestellt. Das Problem mit den Fernsehern war, Mustertext oder auch Lorem Ipsum mit nur 30 W\u00f6rter ist der perfekte Abschnitt Teaser Text sogar k\u00fcrzer.<\/p>\n<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"referenz-person pt-1\"><p>Michael Hinterlingen<\/p>\n<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t   <\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t<div class=\"carousel-item\"> \r\n\t\t\t\t\t\t <div class=\"carousel-caption position-relative postContent referenzBox text-center d-flex align-content-center flex-wrap\">\r\n\t\t\t\t\t\t\t \r\n\t \t\t\t\t\t\t\t<div class=\"referenzBox-vcenter d-flex flex-column\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"referenz-text position-relative res-with-quotes\"><p>Wir realisieren seit 2003 massgeschneiderte und innovative Digital Signage L\u00f6sungen. Bereits seit vielen Jahren z\u00e4hlen wir auf das Know-How und den Service von Inputech im Bereich Outdoorscreens. Gemeinsam konnten wir so bereits viele spannende Projekte realisieren. Screenimage und Inputech, eine Partnerschaft die einfach passt!<\/p>\n<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"referenz-person pt-1\"><p>Fabrice Casagrande, Leiter IT, Casagrande AG<\/p>\n<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t   <\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t <\/div>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t  <a class=\"carousel-control-prev\" href=\"#testimonial-slider-res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b\" role=\"button\" data-slide=\"prev\">\r\n\t\t\t\t<span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t<span class=\"sr-only\">Previous<\/span>\r\n\t\t\t  <\/a>\r\n\t\t\t  <a class=\"carousel-control-next\" href=\"#testimonial-slider-res-testimonial-slider-block_cc9800408ac1dc1de0c115671c7a214b\" role=\"button\" data-slide=\"next\">\r\n\t\t\t\t<span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t<span class=\"sr-only\">Next<\/span>\r\n\t\t\t  <\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<ol class=\"carousel-indicators\">\r\n\t\t\t\t  \t\t\t\t  \t\t\t\t  <li data-target=\"#testimonial-slider-9\" data-slide-to=\"0\" class=\"\"><\/li>\r\n\t\t\t\t  \t\t\t\t  <li data-target=\"#testimonial-slider-9\" data-slide-to=\"1\" class=\"\"><\/li>\r\n\t\t\t\t  \t\t\t\t  <li data-target=\"#testimonial-slider-9\" data-slide-to=\"2\" class=\"\"><\/li>\r\n\t\t\t\t  \t\t\t\t  \t\t\t\t<\/ol>\r\n\t\t\t\r\n\t\t\t\r\n<\/div>\r\n\t\t\r\n\t\r\n\t\t\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<p class=\"marker mb-3\">Navigation &amp; Tabs<\/p>\r\n\r\n\r\n\t<section id=\"res-nav-tab-block_656803c1a13079569df21ab9639a69be\" class=\"res-block res-navtab alignfull  layout01 py-2 Transparent  \" style=\"background: transparent;\">\r\n\t\t<div class=\"inner-container container\" data-aos=\"res-fadeIn\">\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t <div class=\"subnavonepagerScrollerto \">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-3\">\r\n<div class=\"wp-block-column is-layout-flow\" style=\"flex-basis:33.33%\">\t<section id=\"res-nav-tab-block_a772e2cb05228f7d0559efebb9d4fff7\" class=\"res-block res-navtab  layout01 py-2 Transparent  \" style=\"background: transparent;\">\r\n\t\t<div class=\"inner-container container-off\" data-aos=\"res-fadeIn\">\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t <div class=\"subnavonepagerScrollerto \">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t<\/div>\r\n\t<\/section>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow\" style=\"flex-basis:66.66%\">\r\n<h2 class=\"wp-block-heading pt-3\">Digital Brand Experience<br>mit modernem Webdesign<\/h2>\r\n\r\n\r\n\r\n<p>Mustertext oder auch Text Ipsum mit 50 W\u00f6rter ist der perfekte Abschnitt Teaser Text. ist ein einfacher <a href=\"#\" class=\"test-klasse\">Demo-Text f\u00fcr <strong>Websites<\/strong><\/a>. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird. Die neue Firmen-Website ist mehr als eine Visitenkarte im Web. <\/p>\r\n\r\n\r\n\r\n<ul>\r\n<li>Website sollte Responsive Design haben<\/li>\r\n\r\n\r\n\r\n<li>CMS Wartung und <a href=\"#\"><strong>Hosting<\/strong> ist ein Link <\/a>Kosten sollten moderat sein<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Die neue Firmen-Website ist mehr als eine Visitenkarte im Web. Die Website pr\u00e4gt massgeblich die Wahrnehmung Ihrer Marke und soll Neukundenkontakte generieren. Hierf\u00fcr gibt es verschiedene Marketingaktivit\u00e4ten in Kombination mit einem Firmenblog. <\/p>\r\n\r\n\r\n\r\n<p>Mustertext ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text oder der im Layout beeinflusst wird. Mustertext ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt.<\/p>\r\n\r\n\r\n\r\n\r\n<section id=\"res-btn-block_40fbf6ec586bee1263c1542bbce0a630\" class=\"res-block res-btn  p-no Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off   \" data-aos=\"res-fadeIn\">\r\n\t  \r\n\t\r\n\t  \t\r\n\t  \r\n\t  \r\n\t\t<div class=\"ausrichtung-btn text-left\">\r\n\r\n\t\t\t\t\t<a class=\"btn  btn-primary  \" href=\"#\" target=\"\">mehr erfahren<\/a>\r\n\t\t\t\t<\/div>\r\n\t\t  \r\n\t  \r\n\t  \t  \r\n\t\r\n\t  \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p><\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<section id=\"res-text-bild-block_daebc55ec937749f3af2368b0a0fbd17\" class=\"res-block res-text-bild style-standard layout01 py-5 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-fadeIn\">\r\n\r\n\t\t\t  <style>\r\n\t\t\t @media only screen and (min-width: 970px) {\r\n\t\t\t  #res-text-bild-block_daebc55ec937749f3af2368b0a0fbd17.res-text-bild .layout-1 .txt-imagebox.offset-md-1 {margin-left: 2%;}\r\n\t\t\t  #res-text-bild-block_daebc55ec937749f3af2368b0a0fbd17.res-text-bild .layout-1 .txt-teaser-2spalten01.spalten-abstand {padding-right: 3%;}\r\n\t\t\t  #res-text-bild-block_daebc55ec937749f3af2368b0a0fbd17.res-text-bild .layout-1 .txt-box.offset-md-1 {margin-left: 2%;}\r\n\t\t\t\t\t\t\t\t #res-text-bild-block_daebc55ec937749f3af2368b0a0fbd17.res-text-bild .layout-1 .txt-imagebox img {padding-top: 140px;}\r\n\t\t\t\t \t\t\t}\r\n\t\t\t \r\n\t\t  <\/style>\r\n\r\n\r\n        <div class=\"layout-1 row  txt-2spalten-layout\">\r\n\t\t\t<div class=\"col-md-9 txt-box  \">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t   <h2 class=\"title-h2 \">Ich bin eine Digital<br \/>\r\nExperience Website<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t <div class=\"txt-text postContent pt-2 pt-md-2 \">\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t <div class=\"row txt-2spalten\">\r\n\r\n\t\t\t\t\t \t\t\t\t\t <div class=\"col-md-6\">\r\n\t\t\t\t\t\t <div class=\"txt-teaser-2spalten01 spalten-abstand\">\r\n\t\t\t\t\t\t  <p>Mustertext oder auch Lorem Ipsum ist ein einfacher <a class=\"test-klasse\" href=\"#\">Demo-Text f\u00fcr <strong>Websites<\/strong><\/a>.\u00a0 Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t  \t\t\t\t\t\t\t<div class=\"col-md-6\">\r\n\t\t\t\t\t\t <div class=\"txt-teaser-2spalten02 spalten-abstand\">\r\n\t\t\t\t\t\t\t <p>Mustertext oder auch Lorem Ipsum ist ein einfacher Demo-Text f\u00fcr Websites. Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht.<\/p>\n<ul>\n<li><a class=\"test-klasse\" href=\"#\">Link Liste<\/a><\/li>\n<li>Liiste ohne Link<\/li>\n<\/ul>\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\r\n\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"col-md mb-2 mt-md-1 txt-imagebox  offset-md-1 \">\r\n\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"has-text-align-center marker\">Video Player<\/p>\r\n\r\n\r\n\r\n<section id=\"res-video-play-html-block_01bb98cce097cae2767f7f3652c73848\" data-platform=\"html5\" data-onready=\"onYTPlayerReady\" data-onstatechange=\"onYTPlayerStateChange\" class=\"res-video-block res-video-play-html  py-2 Transparent video-play\">\r\n\t<div class=\"html-video text-center\" >\r\n\r\n\t\t<style>\r\n\t\t\t            @media only screen and (min-width: 970px) {\r\n            #res-video-play-html-block_01bb98cce097cae2767f7f3652c73848.res-video-play-html .res-vid-frame { max-width: 1000px;}\r\n            }\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t<\/style>\r\n\r\n\t\t<div class=\"res-vid-frame shadow-sm\">\r\n\t\t\t<div id=\"video_block_01bb98cce097cae2767f7f3652c73848\" class=\"res-vid-container mx-auto\">\r\n\r\n\t\t\t\t<!-- VIDEO PLAY BUTTON -->\r\n\t\t\t\t<div class=\"res-vid-play-btn\"><\/div>\r\n\r\n\t\t\t\t<div class=\"res-vid-overlay\"\r\n\t\t\t\t\t\t\t\t\t\t\tdata-desktop=\"\"\r\n\t\t\t\t\t\tdata-desktop_mime=\"\"\r\n\t\t\t\t\t\tdata-desktop_poster=\"\"\r\n\t\t\t\t\t\tdata-mobile=\"\"\r\n\t\t\t\t\t\tdata-mobile_mime=\"\"\r\n\t\t\t\t\t\tdata-mobile_poster=\"\"\r\n\t\t\t\t\t\r\n\t\t\t\t\t>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t<!-- VIDEO MAIN -->\r\n\t\t\t\t\t\t\t\t\t\t\t<video class=\"res-vid-main w-100\"  playsinline preload poster=\"\">\r\n\t\t\t\t\t\t <source src=\"\" type=\" \" \/>\r\n\t\t\t\t\t\t<\/video>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<!-- VIDEO Poster \/ Video -->\r\n\t\t\t\t\t<!--\t\t\t\t\t-->\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<!-- CONTROLS -->\r\n\t\t\t\t\t\t<div class=\"res-vid-control\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t<div class=\"res-vid-reset-btn\" title=\"Video schliessen\">\r\n                                <i class=\"fa-light fa-xmark\"><\/i>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"res-vid-playback-btn\" title=\"Wiedergabe steuern\">\r\n                                <i class=\"fa-light fa-pause\"><\/i>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"res-vid-mute-btn\" title=\"Sound on off\">\r\n                                <i class=\"fa-solid fa-volume-high\"><\/i>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<!-- TIME -->\r\n\t\t\t\t\t\t<div class=\"res-vid-time\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t<span class=\"res-vid-current-time\">0:00<\/span> \/ <span class=\"res-vid-duration\">3:00<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<!-- PROGRESS -->\r\n\t\t\t\t\t\t<div class=\"res-vid-progressbar-container\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t<div class=\"res-vid-progress\"><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<p class=\"marker mt-4\">Google MAPS<\/p>\r\n\r\n\r\n<style>\r\n    @media only screen and (min-width: 970px) {\r\n        #googleMapsBox-res-google-maps-block_fa1bdba5fac70878cd8fbc37508f8174{ height: 600px;}\r\n    }\r\n    @media only screen and (max-width: 970px) {\r\n        #googleMapsBox-res-google-maps-block_fa1bdba5fac70878cd8fbc37508f8174{ height: 300px;}\r\n    }\r\n<\/style>\r\n\r\n\r\n<section id=\"res-google-maps-block_fa1bdba5fac70878cd8fbc37508f8174\" class=\"res-block res-google-maps  py-5 Transparent\" style=\"background-color: background: transparent;\" data-blockdata='{\"target_container\":\"googleMapsBox-res-google-maps-block_fa1bdba5fac70878cd8fbc37508f8174\",\"block_id\":\"block_fa1bdba5fac70878cd8fbc37508f8174\",\"map_zoombar\":false,\"automatischer_zoom\":true,\"laengengrad_center\":null,\"breitengrad_center\":null,\"zoom\":null,\"zoom_mobile\":null,\"style\":\"[\\r\\n    {\\r\\n        \\\"featureType\\\": \\\"all\\\",\\r\\n        \\\"stylers\\\": [\\r\\n            {\\r\\n                \\\"saturation\\\": 0\\r\\n            },\\r\\n            {\\r\\n                \\\"hue\\\": \\\"#e7ecf0\\\"\\r\\n            }\\r\\n        ]\\r\\n    },\\r\\n    {\\r\\n        \\\"featureType\\\": \\\"road\\\",\\r\\n        \\\"stylers\\\": [\\r\\n            {\\r\\n                \\\"saturation\\\": -70\\r\\n            }\\r\\n        ]\\r\\n    },\\r\\n    {\\r\\n        \\\"featureType\\\": \\\"transit\\\",\\r\\n        \\\"stylers\\\": [\\r\\n            {\\r\\n                \\\"visibility\\\": \\\"off\\\"\\r\\n            }\\r\\n        ]\\r\\n    },\\r\\n    {\\r\\n        \\\"featureType\\\": \\\"poi\\\",\\r\\n        \\\"stylers\\\": [\\r\\n            {\\r\\n                \\\"visibility\\\": \\\"off\\\"\\r\\n            }\\r\\n        ]\\r\\n    },\\r\\n    {\\r\\n        \\\"featureType\\\": \\\"water\\\",\\r\\n        \\\"stylers\\\": [\\r\\n            {\\r\\n                \\\"visibility\\\": \\\"simplified\\\"\\r\\n            },\\r\\n            {\\r\\n                \\\"saturation\\\": -60\\r\\n            }\\r\\n        ]\\r\\n    }\\r\\n]\",\"extended_map_options\":true,\"stores\":[{\"titel\":\"\",\"storename\":\"\",\"adresse\":\"\",\"plz\":\"\",\"ort\":\"\",\"land\":\"\",\"telefon\":\"\",\"webseite\":\"\",\"email\":\"\",\"laengengrad\":\"47.49880215676159\",\"breitengrad\":\"8.724566929473013\",\"marker_icon\":false},{\"titel\":\"\",\"storename\":\"\",\"adresse\":\"\",\"plz\":\"\",\"ort\":\"\",\"land\":\"\",\"telefon\":\"\",\"webseite\":\"\",\"email\":\"\",\"laengengrad\":\"47.38813697953628\",\"breitengrad\":\"8.48243992586035\",\"marker_icon\":false},{\"titel\":\"\",\"storename\":\"\",\"adresse\":\"\",\"plz\":\"\",\"ort\":\"\",\"land\":\"\",\"telefon\":\"\",\"webseite\":\"\",\"email\":\"\",\"laengengrad\":\"46.9479076147161\",\"breitengrad\":\"7.446770335017455\",\"marker_icon\":false}]}'>\r\n\t<div class=\"inner-container container-off\" >\r\n\r\n\r\n\t\t<!-- google maps -->\r\n\t\t<div class=\"google-maps\">\r\n\t\t\t<div id=\"googleMapsBox-res-google-maps-block_fa1bdba5fac70878cd8fbc37508f8174\" class=\"\"><\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"markerliste mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\r\n\t\t\t\r\n\t\t<\/div>\r\n\r\n\r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n<p class=\"marker mt-4\">FOrmularE<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-txt-block_7f741b6df20a5dcf5d65a1ddcf2f6997\" class=\"res-block res-txt style-standard layout03 pt-3 Transparent\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off \" data-aos=\"res-downIncomingMore\">\r\n \r\n\t\t  \r\n\t<div class=\"layout-3 title-only-section \">\r\n\t\t<div class=\"row\">\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t  \r\n\t\t\t\r\n\t\t\t\r\n\t\t\t<div class=\"col-md-10 var-1spalten text-left \">\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"txt-title-field \"> \r\n\t\r\n\t\t\t\t\t\r\n\t\t\r\n\t\t\t\t  \r\n\t\t\t\t   <h2 class=\"title-h2 \">Wir beraten Sie gerne<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t   <h3 class=\"title-h3 \">Kontaktieren Sie uns.<\/h3>\r\n\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n                \t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n  \r\n\t \r\n\t  \r\n \r\n \r\n\t<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n  \r\n\t<style>\r\n\t\t#res-link-anker-block_05575419b9ff2da3fe8b10791d97b805 .link-anker-with-no-padding {padding: 0 !important;}\r\n  <\/style> \r\n\r\n\r\n\r\n\r\n\r\n<section id=\"res-link-anker-block_05575419b9ff2da3fe8b10791d97b805\" class=\"linkanker-section\">\r\n<div  class=\"res-block res-link-anker style-standard pb-5 Transparent link-anker-with-no-padding\" style=\"background: transparent;\">\r\n  <div class=\"inner-container container-off\" data-aos=\"res-fadeIn\">\r\n\t\r\n\t\t\r\n\t\t\t<div class=\"py-1 shortcode-content\" >\r\n\t\t\t\t\t<\/div>\r\n\t  \r\n\r\n\t<\/div>\r\n  <\/div>\r\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Text Text Title Headline Text und Bild BOXES Icons &amp;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/cookie-export.musterpage.ch\/index.php\/wp-json\/wp\/v2\/pages\/9"}],"collection":[{"href":"https:\/\/cookie-export.musterpage.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cookie-export.musterpage.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cookie-export.musterpage.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cookie-export.musterpage.ch\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":0,"href":"https:\/\/cookie-export.musterpage.ch\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/cookie-export.musterpage.ch\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}