{"id":25,"date":"2026-05-29T15:05:06","date_gmt":"2026-05-29T15:05:06","guid":{"rendered":"https:\/\/webbymaria.com\/?page_id=25"},"modified":"2026-10-13T14:57:39","modified_gmt":"2026-10-13T12:57:39","slug":"startseite","status":"publish","type":"page","link":"https:\/\/www.webbysisters.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fccc56a e-con-full e-flex e-con e-parent\" data-id=\"fccc56a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac6c745 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"ac6c745\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><section class=\"wbs-hero\"> <div class=\"wbs-glow\"><\/div> <div class=\"wbs-container\"> <div class=\"wbs-left\"> <div class=\"wbs-eyebrow\"> WEBDESIGN D\u00dcSSELDORF \u00b7 WEB BY SISTERS <\/div> <h1 class=\"wbs-title\"> WEBSEITEN,<br> DIE VERTRAUEN<br> SCHAFFEN. <\/h1> <p class=\"wbs-text\"> Individuelles Webdesign f\u00fcr Unternehmen in D\u00fcsseldorf und Umgebung. Wir verbinden Design, klare Inhalte und durchdachte Funktionen zu einer Website, die zu Ihnen und Ihren Kunden passt. <\/p> <div class=\"wbs-buttons\"> <a href=\"\/kontakt\/\" class=\"wbs-btn-primary\"> Kontakt aufnehmen <\/a> <a href=\"\/portfolio\/\" class=\"wbs-btn-secondary\"> Portfolio ansehen <\/a> <\/div> <\/div> <div class=\"wbs-right\"> <img decoding=\"async\" src=\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/06\/logo22-1-e1782318393561.png\" alt=\"Web by Sisters \u2013 Webdesign D\u00fcsseldorf\" class=\"wbs-logo-img rotating-logo\"> <\/div> <\/div> <\/section><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1d1907 e-con-full e-flex e-con e-parent\" data-id=\"e1d1907\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1c52ca elementor-widget elementor-widget-html\" data-id=\"d1c52ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"\r\nbackground:#ffffff;\r\nwidth:100%;\r\npadding:55px 20px 60px;\r\nbox-sizing:border-box;\r\nfont-family:Inter,Arial,sans-serif;\r\n\">\r\n\r\n    <div style=\"\r\n    max-width:820px;\r\n    margin:0 auto;\r\n    text-align:center;\r\n    \">\r\n\r\n        <p style=\"\r\n        letter-spacing:3px;\r\n        text-transform:uppercase;\r\n        color:#b99858;\r\n        font-size:11px;\r\n        font-weight:600;\r\n        margin:0 0 12px;\r\n        \">\r\n        WEB BY SISTERS\r\n        <\/p>\r\n\r\n        <h2 style=\"\r\n        font-family:Georgia,'Times New Roman',serif;\r\n        font-size:32px;\r\n        line-height:1.25;\r\n        font-weight:500;\r\n        color:#123f35;\r\n        margin:0 0 20px;\r\n        \">\r\n        Webdesign D\u00fcsseldorf \u2013 zwei Schwestern, ein pers\u00f6nlicher Ansprechpartner\r\n        <\/h2>\r\n\r\n        <p style=\"\r\n        font-size:17px;\r\n        line-height:1.75;\r\n        color:#55655f;\r\n        margin:0 auto;\r\n        max-width:790px;\r\n        \">\r\n        Wir sind zwei Schwestern und haben Web by Sisters gegr\u00fcndet, um Unternehmen einen professionellen und individuellen <strong style=\"font-weight:700;color:#55655f;\">Online-Auftritt aus einer Hand<\/strong> zu bieten. F\u00fcr Unternehmen in D\u00fcsseldorf und Umgebung entwickeln wir moderne <strong style=\"font-weight:700;color:#55655f;\">Websites<\/strong> und <strong style=\"font-weight:700;color:#55655f;\">Online-Shops<\/strong>, die Vertrauen schaffen und Ihr Angebot verst\u00e4ndlich pr\u00e4sentieren.<br><br>Dabei begleiten wir Sie pers\u00f6nlich \u2013 von der ersten Idee \u00fcber <strong style=\"font-weight:700;color:#55655f;\">Design, Inhalte und SEO<\/strong> bis zur <strong style=\"font-weight:700;color:#55655f;\">technischen Umsetzung und Betreuung<\/strong> nach dem Launch.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-861bb47 elementor-widget elementor-widget-html\" data-id=\"861bb47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     BEREICH 1: ZWEI K\u00d6PFE PRINZIP\r\n========================================================= -->\r\n\r\n<section class=\"webbysisters-two-heads\">\r\n\r\n  <div class=\"webbysisters-two-heads-inner\">\r\n\r\n    <!-- Text -->\r\n    <div class=\"webbysisters-two-heads-text\">\r\n\r\n      <p class=\"webbysisters-eyebrow\">\r\n        SIE PROFITIEREN VON UNSEREM\r\n      <\/p>\r\n\r\n      <h2 class=\"webbysisters-two-heads-title\">\r\n        Zwei K\u00f6pfe Prinzip\r\n      <\/h2>\r\n\r\n      <p class=\"webbysisters-two-heads-lead\">\r\n        Hinter jeder Website stehen bei uns zwei K\u00f6pfe \u2013 mit zwei verschiedenen Blickwinkeln.\r\n        Was eine \u00fcbersieht, sieht die andere. Unterschiedliche St\u00e4rken, die sich erg\u00e4nzen \u2013\r\n        und davon profitiert am Ende Ihr Projekt.\r\n      <\/p>\r\n\r\n      <p class=\"webbysisters-two-heads-lead\">\r\n        Und weil wir in verschiedenen Zeitzonen leben, sind wir f\u00fcr unsere Kunden auch dann\r\n        erreichbar, wenn andere Agenturen l\u00e4ngst Feierabend gemacht haben.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Foto -->\r\n    <div class=\"webbysisters-two-heads-photo\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/08\/webbysisters-foto-01.webp\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     BEREICH 2: UNSERE UNTERNEHMENSPRINZIPIEN\r\n========================================================= -->\r\n\r\n<section class=\"webbysisters-principles\">\r\n\r\n  <div class=\"webbysisters-principles-intro\">\r\n\r\n    <p class=\"webbysisters-eyebrow\">\r\n      WOF\u00dcR WIR STEHEN\r\n    <\/p>\r\n\r\n    <h2 class=\"webbysisters-principles-title\">\r\n      Unsere Prinzipien\r\n    <\/h2>\r\n\r\n    <p class=\"webbysisters-principles-subtitle\">\r\n      Klare Kommunikation, ehrliche Beratung und L\u00f6sungen, die zu Ihrem Unternehmen passen.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"webbysisters-carousel-wrap\">\r\n\r\n    <button\r\n      class=\"webbysisters-arrow webbysisters-arrow-left\"\r\n      aria-label=\"Zur\u00fcck\"\r\n      type=\"button\"\r\n    >\r\n      &#8592;\r\n    <\/button>\r\n\r\n\r\n    <div class=\"webbysisters-track\" id=\"webbysistersPrinciplesTrack\">\r\n\r\n\r\n      <!-- Karte 01 -->\r\n      <div class=\"webbysisters-card\">\r\n\r\n        <span class=\"webbysisters-num\">\r\n          01\r\n        <\/span>\r\n\r\n        <h3>\r\n          Effizienz \u2014\r\n          <br>\r\n          <span>ein effektives Werkzeug<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          Eine Website ist keine Dekoration. Sie ist Ihr Werkzeug.\r\n          Sie kennen Ihr Ziel. Wir wissen, wie man es digital unterst\u00fctzt.\r\n          Deshalb denken wir bei jedem Projekt nicht nur \u00fcber das Visuelle nach,\r\n          sondern dar\u00fcber, wie eine Seite Vertrauen schafft und Menschen zum Handeln bewegt.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- Karte 02 -->\r\n      <div class=\"webbysisters-card\">\r\n\r\n        <span class=\"webbysisters-num\">\r\n          02\r\n        <\/span>\r\n\r\n        <h3>\r\n          Ehrlichkeit \u2014\r\n          <br>\r\n          <span>vor Gef\u00e4lligkeit<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          Wenn etwas nicht funktioniert, sagen wir es \u2013 auch wenn es unbequem ist.\r\n          Eine Website, die nicht wirkt, n\u00fctzt niemandem.\r\n          Wir sind nicht hier, um gef\u00e4llig zu sein.\r\n          Wir sind hier, um Ergebnisse zu liefern.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- Karte 03 -->\r\n      <div class=\"webbysisters-card\">\r\n\r\n        <span class=\"webbysisters-num\">\r\n          03\r\n        <\/span>\r\n\r\n        <h3>\r\n          Transparente\r\n          <br>\r\n          <span>Preise<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          Preis und Wert sind nicht immer dasselbe.\r\n          Deshalb arbeiten wir nicht mit pauschalen Angeboten,\r\n          sondern mit einer transparenten und nachvollziehbaren Kalkulation.\r\n          Sie entscheiden, welche Leistungen Ihr Projekt wirklich ben\u00f6tigt.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- Karte 04 -->\r\n      <div class=\"webbysisters-card\">\r\n\r\n        <span class=\"webbysisters-num\">\r\n          04\r\n        <\/span>\r\n\r\n        <h3>\r\n          Alles aus\r\n          <br>\r\n          <span>einer Hand<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          Webdesign, Mehrsprachigkeit, Google Business Profile,\r\n          Buchungssysteme, Online-Shops und Printdesign greifen bei uns\r\n          nahtlos ineinander und sorgen f\u00fcr einen professionellen Gesamtauftritt.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- Karte 05 -->\r\n      <div class=\"webbysisters-card\">\r\n\r\n        <span class=\"webbysisters-num\">\r\n          05\r\n        <\/span>\r\n\r\n        <h3>\r\n          Auch nach\r\n          <br>\r\n          <span>dem Launch<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          Die Zusammenarbeit endet nicht mit der Ver\u00f6ffentlichung.\r\n          Wir unterst\u00fctzen Sie weiterhin bei \u00c4nderungen,\r\n          neuen Inhalten und technischen Fragen rund um Ihre Website.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- Karte 06 -->\r\n      <div class=\"webbysisters-card\">\r\n\r\n        <span class=\"webbysisters-num\">\r\n          06\r\n        <\/span>\r\n\r\n        <h3>\r\n          Kein Projekt\r\n          <br>\r\n          <span>ohne echtes Verst\u00e4ndnis<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          Wir starten nicht mit dem Design. Wir starten mit Fragen.\r\n          Was brauchen Ihre Kunden? Was soll diese Website f\u00fcr Sie konkret erreichen?\r\n          Erst wenn wir das wirklich verstanden haben,\r\n          \u00f6ffnen wir die erste Datei.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n      class=\"webbysisters-arrow webbysisters-arrow-right\"\r\n      aria-label=\"Weiter\"\r\n      type=\"button\"\r\n    >\r\n      &#8594;\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div\r\n    class=\"webbysisters-dots\"\r\n    id=\"webbysistersPrinciplesDots\"\r\n  ><\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GEMEINSAME GRUNDELEMENTE\r\n========================================================= *\/\r\n\r\n.webbysisters-eyebrow{\r\n  font-family:Inter,Arial,sans-serif;\r\n  color:#c9a25c;\r\n  letter-spacing:3px;\r\n  font-size:11px;\r\n  line-height:1.4;\r\n  font-weight:600;\r\n  text-transform:uppercase;\r\n  margin:0 0 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEREICH 1: ZWEI K\u00d6PFE PRINZIP\r\n========================================================= *\/\r\n\r\n.webbysisters-two-heads{\r\n  background:#0f2b24;\r\n  width:100%;\r\n  padding:75px 20px;\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n.webbysisters-two-heads-inner{\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n  grid-template-columns:1.15fr 0.85fr;\r\n  gap:65px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n.webbysisters-two-heads-text{\r\n  max-width:650px;\r\n}\r\n\r\n\r\n.webbysisters-two-heads-title{\r\n  font-family:Georgia,'Times New Roman',serif;\r\n  font-size:42px;\r\n  line-height:1.18;\r\n  font-weight:500;\r\n  color:#f7f3ea;\r\n  margin:0 0 24px;\r\n}\r\n\r\n\r\n.webbysisters-two-heads-lead{\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:17px;\r\n  line-height:1.75;\r\n  color:#cfd6d1;\r\n  margin:0 0 17px;\r\n}\r\n\r\n\r\n.webbysisters-two-heads-lead:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n\/* Foto *\/\r\n\r\n.webbysisters-two-heads-photo{\r\n  width:100%;\r\n  max-width:440px;\r\n  justify-self:end;\r\n}\r\n\r\n\r\n.webbysisters-two-heads-photo img{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n\r\n  border-radius:14px;\r\n\r\n  box-shadow:\r\n  0 18px 45px rgba(0,0,0,0.22);\r\n\r\n  border:\r\n  1px solid rgba(201,162,92,0.25);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BEREICH 2: UNTERNEHMENSPRINZIPIEN\r\n========================================================= *\/\r\n\r\n.webbysisters-principles{\r\n  background:#123f35;\r\n\r\n  width:100%;\r\n  padding:70px 5vw 65px;\r\n\r\n  box-sizing:border-box;\r\n\r\n  font-family:Georgia,'Times New Roman',serif;\r\n\r\n  color:#f2ede4;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* Intro *\/\r\n\r\n.webbysisters-principles-intro{\r\n  max-width:760px;\r\n\r\n  margin:\r\n  0 auto 45px;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n.webbysisters-principles-title{\r\n  font-family:Georgia,'Times New Roman',serif;\r\n\r\n  font-size:34px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:500;\r\n\r\n  color:#f7f3ea;\r\n\r\n  margin:\r\n  0 0 14px;\r\n}\r\n\r\n\r\n.webbysisters-principles-subtitle{\r\n  font-family:Inter,Arial,sans-serif;\r\n\r\n  font-size:16px;\r\n\r\n  line-height:1.7;\r\n\r\n  color:#cfd6d1;\r\n\r\n  max-width:680px;\r\n\r\n  margin:\r\n  0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL\r\n========================================================= *\/\r\n\r\n.webbysisters-carousel-wrap{\r\n  position:relative;\r\n\r\n  max-width:1300px;\r\n\r\n  margin:\r\n  0 auto;\r\n}\r\n\r\n\r\n.webbysisters-track{\r\n  display:flex;\r\n\r\n  gap:24px;\r\n\r\n  overflow-x:auto;\r\n\r\n  scroll-snap-type:\r\n  x mandatory;\r\n\r\n  scroll-behavior:smooth;\r\n\r\n  padding:\r\n  10px 6px 30px;\r\n\r\n  -ms-overflow-style:none;\r\n\r\n  scrollbar-width:none;\r\n}\r\n\r\n\r\n.webbysisters-track::-webkit-scrollbar{\r\n  display:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   KARTEN\r\n========================================================= *\/\r\n\r\n.webbysisters-card{\r\n  scroll-snap-align:start;\r\n\r\n  flex:\r\n  0 0 300px;\r\n\r\n  background:#16332b;\r\n\r\n  border:\r\n  1px solid rgba(201,162,92,0.18);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:\r\n  34px 28px;\r\n\r\n  box-sizing:border-box;\r\n\r\n  transition:\r\n  transform .25s ease,\r\n  border-color .25s ease;\r\n}\r\n\r\n\r\n.webbysisters-card:hover{\r\n  transform:\r\n  translateY(-6px);\r\n\r\n  border-color:\r\n  rgba(201,162,92,0.55);\r\n}\r\n\r\n\r\n.webbysisters-num{\r\n  display:block;\r\n\r\n  font-family:\r\n  Inter,\r\n  Arial,\r\n  sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  color:#c9a25c;\r\n\r\n  letter-spacing:2px;\r\n\r\n  margin-bottom:16px;\r\n}\r\n\r\n\r\n.webbysisters-card h3{\r\n  font-family:\r\n  Georgia,\r\n  'Times New Roman',\r\n  serif;\r\n\r\n  font-size:22px;\r\n\r\n  line-height:1.3;\r\n\r\n  margin:\r\n  0 0 16px;\r\n\r\n  color:#f7f3ea;\r\n\r\n  font-weight:400;\r\n}\r\n\r\n\r\n.webbysisters-card h3 span{\r\n  color:#c9a25c;\r\n}\r\n\r\n\r\n.webbysisters-card p{\r\n  font-family:\r\n  Inter,\r\n  Arial,\r\n  sans-serif;\r\n\r\n  font-size:14.5px;\r\n\r\n  line-height:1.7;\r\n\r\n  color:#c7cfc9;\r\n\r\n  margin:0;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PFEILE\r\n========================================================= *\/\r\n\r\n.webbysisters-arrow{\r\n  position:absolute;\r\n\r\n  top:45%;\r\n\r\n  transform:\r\n  translateY(-50%);\r\n\r\n  width:44px;\r\n\r\n  height:44px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n  rgba(201,162,92,0.12);\r\n\r\n  border:\r\n  1px solid rgba(201,162,92,0.4);\r\n\r\n  color:#c9a25c;\r\n\r\n  font-size:18px;\r\n\r\n  cursor:pointer;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  transition:\r\n  background .2s ease;\r\n}\r\n\r\n\r\n.webbysisters-arrow:hover{\r\n  background:\r\n  rgba(201,162,92,0.28);\r\n}\r\n\r\n\r\n.webbysisters-arrow-left{\r\n  left:-10px;\r\n}\r\n\r\n\r\n.webbysisters-arrow-right{\r\n  right:-10px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PUNKTE\r\n========================================================= *\/\r\n\r\n.webbysisters-dots{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:8px;\r\n}\r\n\r\n\r\n.webbysisters-dot{\r\n  width:7px;\r\n\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n  rgba(201,162,92,0.3);\r\n\r\n  transition:\r\n  background .2s ease,\r\n  width .2s ease;\r\n}\r\n\r\n\r\n.webbysisters-dot.active{\r\n  background:#c9a25c;\r\n\r\n  width:20px;\r\n\r\n  border-radius:4px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .webbysisters-two-heads-inner{\r\n    grid-template-columns:\r\n    1fr;\r\n\r\n    gap:38px;\r\n  }\r\n\r\n\r\n  .webbysisters-two-heads-text{\r\n    max-width:760px;\r\n\r\n    margin:0 auto;\r\n\r\n    text-align:center;\r\n  }\r\n\r\n\r\n  .webbysisters-two-heads-photo{\r\n    max-width:460px;\r\n\r\n    justify-self:center;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMARTPHONE\r\n========================================================= *\/\r\n\r\n@media(max-width:640px){\r\n\r\n  .webbysisters-two-heads{\r\n    padding:\r\n    55px 20px;\r\n  }\r\n\r\n\r\n  .webbysisters-two-heads-title{\r\n    font-size:32px;\r\n  }\r\n\r\n\r\n  .webbysisters-two-heads-lead{\r\n    font-size:16px;\r\n  }\r\n\r\n\r\n  .webbysisters-two-heads-inner{\r\n    gap:32px;\r\n  }\r\n\r\n\r\n  .webbysisters-two-heads-photo{\r\n    max-width:100%;\r\n  }\r\n\r\n\r\n  .webbysisters-principles{\r\n    padding:\r\n    55px 5vw 50px;\r\n  }\r\n\r\n\r\n  .webbysisters-principles-title{\r\n    font-size:30px;\r\n  }\r\n\r\n\r\n  .webbysisters-arrow{\r\n    display:none;\r\n  }\r\n\r\n\r\n  .webbysisters-card{\r\n    flex-basis:78vw;\r\n\r\n    padding:\r\n    26px 22px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  const track =\r\n    document.getElementById(\r\n      'webbysistersPrinciplesTrack'\r\n    );\r\n\r\n  const dotsWrap =\r\n    document.getElementById(\r\n      'webbysistersPrinciplesDots'\r\n    );\r\n\r\n\r\n  if(!track || !dotsWrap){\r\n    return;\r\n  }\r\n\r\n\r\n  const cards =\r\n    track.querySelectorAll(\r\n      '.webbysisters-card'\r\n    );\r\n\r\n\r\n  const left =\r\n    document.querySelector(\r\n      '.webbysisters-arrow-left'\r\n    );\r\n\r\n\r\n  const right =\r\n    document.querySelector(\r\n      '.webbysisters-arrow-right'\r\n    );\r\n\r\n\r\n  \/* Punkte erzeugen *\/\r\n\r\n  cards.forEach((card,index)=>{\r\n\r\n    const dot =\r\n      document.createElement('div');\r\n\r\n    dot.className =\r\n      'webbysisters-dot'\r\n      +\r\n      (index === 0 ? ' active' : '');\r\n\r\n    dotsWrap.appendChild(dot);\r\n\r\n  });\r\n\r\n\r\n  const dots =\r\n    dotsWrap.querySelectorAll(\r\n      '.webbysisters-dot'\r\n    );\r\n\r\n\r\n  \/* Aktiven Punkt aktualisieren *\/\r\n\r\n  function updateDots(){\r\n\r\n    if(!cards.length){\r\n      return;\r\n    }\r\n\r\n\r\n    const cardWidth =\r\n      cards[0].offsetWidth + 24;\r\n\r\n\r\n    const index =\r\n      Math.round(\r\n        track.scrollLeft \/\r\n        cardWidth\r\n      );\r\n\r\n\r\n    dots.forEach((dot,i)=>{\r\n\r\n      dot.classList.toggle(\r\n        'active',\r\n        i === index\r\n      );\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  track.addEventListener(\r\n    'scroll',\r\n    function(){\r\n\r\n      window.requestAnimationFrame(\r\n        updateDots\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* Pfeil links *\/\r\n\r\n  if(left){\r\n\r\n    left.addEventListener(\r\n      'click',\r\n      function(){\r\n\r\n        const cardWidth =\r\n          cards[0].offsetWidth + 24;\r\n\r\n        track.scrollBy({\r\n          left:-cardWidth,\r\n          behavior:'smooth'\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* Pfeil rechts *\/\r\n\r\n  if(right){\r\n\r\n    right.addEventListener(\r\n      'click',\r\n      function(){\r\n\r\n        const cardWidth =\r\n          cards[0].offsetWidth + 24;\r\n\r\n        track.scrollBy({\r\n          left:cardWidth,\r\n          behavior:'smooth'\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-773ba80 elementor-widget elementor-widget-html\" data-id=\"773ba80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEB BY SISTERS \u2013 LEISTUNGSBEREICH\r\n========================================================= -->\r\n\r\n<section class=\"wbs-services\">\r\n\r\n  <div class=\"wbs-services-inner\">\r\n\r\n    <!-- \u00dcberschrift -->\r\n    <div class=\"wbs-services-intro\">\r\n\r\n      <p class=\"wbs-services-eyebrow\">\r\n        WAS WIR F\u00dcR SIE TUN\r\n      <\/p>\r\n\r\n      <h2 class=\"wbs-services-title\">\r\n        Alles f\u00fcr Ihren professionellen Online-Auftritt\r\n      <\/h2>\r\n\r\n      <p class=\"wbs-services-lead\">\r\n        Von der ersten Website \u00fcber den Online-Shop bis zu SEO, Branding und technischer Betreuung \u2013\r\n        wir verbinden <strong>Design, Inhalt und Funktion<\/strong> zu einem stimmigen Gesamtauftritt.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         REGISTER\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-services-tabs\" role=\"tablist\">\r\n\r\n      <button\r\n        class=\"wbs-services-tab active\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"true\"\r\n        data-service=\"webdesign\">\r\n        Webdesign\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wbs-services-tab\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n        data-service=\"shop\">\r\n        Online-Shop\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wbs-services-tab\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n        data-service=\"seo\">\r\n        SEO &amp; Google\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wbs-services-tab\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n        data-service=\"contact\">\r\n        Buchung &amp; Kontakt\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wbs-services-tab\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n        data-service=\"branding\">\r\n        Branding &amp; Content\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"wbs-services-tab\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n        data-service=\"support\">\r\n        Technik &amp; Betreuung\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         01 \u2013 WEBDESIGN\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-services-panel active\" data-panel=\"webdesign\">\r\n\r\n      <div class=\"wbs-services-number\">\r\n        01\r\n      <\/div>\r\n\r\n      <div class=\"wbs-services-content\">\r\n\r\n        <h3>\r\n          Webdesign\r\n        <\/h3>\r\n\r\n        <p class=\"wbs-services-description\">\r\n          Wir entwickeln individuelle Websites, die zu Ihrem Unternehmen passen,\r\n          professionell wirken und Ihren Kunden schnell vermitteln, wer Sie sind\r\n          und was Sie anbieten.\r\n        <\/p>\r\n\r\n        <div class=\"wbs-services-list\">\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Unternehmenswebsites\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Landingpages &amp; Onepager\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Mehrsprachige Websites\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Optimiert f\u00fcr Smartphone, Tablet &amp; Desktop\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         02 \u2013 ONLINE-SHOP\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-services-panel\" data-panel=\"shop\">\r\n\r\n      <div class=\"wbs-services-number\">\r\n        02\r\n      <\/div>\r\n\r\n      <div class=\"wbs-services-content\">\r\n\r\n        <h3>\r\n          Online-Shop\r\n        <\/h3>\r\n\r\n        <p class=\"wbs-services-description\">\r\n          Wir erstellen professionelle Online-Shops mit klarer Produktdarstellung,\r\n          intuitiver Navigation und einem einfachen Bestellprozess \u2013 von der Gestaltung\r\n          bis zur technischen Einrichtung.\r\n        <\/p>\r\n\r\n        <div class=\"wbs-services-list\">\r\n\r\n          <div class=\"wbs-service-item\">\r\n            WooCommerce Online-Shops\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Produkt- &amp; Kategorieseiten\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Zahlungs- &amp; Versandoptionen\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Optimierung von Warenkorb &amp; Checkout\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         03 \u2013 SEO & GOOGLE\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-services-panel\" data-panel=\"seo\">\r\n\r\n      <div class=\"wbs-services-number\">\r\n        03\r\n      <\/div>\r\n\r\n      <div class=\"wbs-services-content\">\r\n\r\n        <h3>\r\n          SEO &amp; Google\r\n        <\/h3>\r\n\r\n        <p class=\"wbs-services-description\">\r\n          Eine gute Website sollte nicht nur gut aussehen, sondern auch gefunden werden.\r\n          Deshalb ber\u00fccksichtigen wir Suchmaschinenoptimierung bereits bei Struktur,\r\n          Inhalt und technischer Umsetzung.\r\n        <\/p>\r\n\r\n        <div class=\"wbs-services-list\">\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Suchmaschinenoptimierung\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            SEO-Struktur &amp; Inhalte\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Technische SEO-Optimierung\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Google-Unternehmensprofil\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         04 \u2013 BUCHUNG & KONTAKT\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-services-panel\" data-panel=\"contact\">\r\n\r\n      <div class=\"wbs-services-number\">\r\n        04\r\n      <\/div>\r\n\r\n      <div class=\"wbs-services-content\">\r\n\r\n        <h3>\r\n          Buchung &amp; Kontakt\r\n        <\/h3>\r\n\r\n        <p class=\"wbs-services-description\">\r\n          Wir machen es Ihren Kunden so einfach wie m\u00f6glich, mit Ihnen in Kontakt zu treten,\r\n          einen Termin zu buchen oder direkt eine Anfrage zu senden.\r\n        <\/p>\r\n\r\n        <div class=\"wbs-services-list\">\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Termin- &amp; Buchungssysteme\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Kontakt- &amp; Anfrageformulare\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            WhatsApp-Integration\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Newsletter &amp; weitere Schnittstellen\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         05 \u2013 BRANDING & CONTENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-services-panel\" data-panel=\"branding\">\r\n\r\n      <div class=\"wbs-services-number\">\r\n        05\r\n      <\/div>\r\n\r\n      <div class=\"wbs-services-content\">\r\n\r\n        <h3>\r\n          Branding &amp; Content\r\n        <\/h3>\r\n\r\n        <p class=\"wbs-services-description\">\r\n          Eine Website wirkt erst dann wirklich professionell, wenn Gestaltung,\r\n          Sprache und Markenauftritt zusammenpassen. Wir entwickeln einen\r\n          einheitlichen visuellen Auftritt f\u00fcr Ihr Unternehmen.\r\n        <\/p>\r\n\r\n        <div class=\"wbs-services-list\">\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Logo &amp; visuelle Identit\u00e4t\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Farben &amp; Typografie\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Website- &amp; SEO-Texte\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Bildkonzeption &amp; grafische Inhalte\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         06 \u2013 TECHNIK & BETREUUNG\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-services-panel\" data-panel=\"support\">\r\n\r\n      <div class=\"wbs-services-number\">\r\n        06\r\n      <\/div>\r\n\r\n      <div class=\"wbs-services-content\">\r\n\r\n        <h3>\r\n          Technik &amp; Betreuung\r\n        <\/h3>\r\n\r\n        <p class=\"wbs-services-description\">\r\n          Wir k\u00fcmmern uns nicht nur um das Design. Auf Wunsch \u00fcbernehmen wir auch\r\n          die technischen Grundlagen und bleiben nach der Ver\u00f6ffentlichung\r\n          Ansprechpartner f\u00fcr Ihre Website.\r\n        <\/p>\r\n\r\n        <div class=\"wbs-services-list\">\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Domain &amp; Hosting\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Sicherheit, Updates &amp; Backups\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Technische Fehlerbehebung\r\n          <\/div>\r\n\r\n          <div class=\"wbs-service-item\">\r\n            Laufende Pflege &amp; Weiterentwicklung\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         BUTTON ZUR SEITE LEISTUNGEN\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-services-more\">\r\n\r\n      <a\r\n        href=\"\/leistungen\/\"\r\n        class=\"wbs-services-more-button\"\r\n      >\r\n        Alle Leistungen im Detail entdecken\r\n        <span class=\"wbs-services-arrow-symbol\">\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HAUPTBEREICH\r\n========================================================= *\/\r\n\r\n.wbs-services{\r\n  width:100%;\r\n  background:#ffffff;\r\n  padding:75px 20px 80px;\r\n  box-sizing:border-box;\r\n  font-family:Inter,Arial,sans-serif;\r\n}\r\n\r\n.wbs-services-inner{\r\n  width:100%;\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u00dcBERSCHRIFT\r\n========================================================= *\/\r\n\r\n.wbs-services-intro{\r\n  max-width:820px;\r\n  margin:0 auto 42px;\r\n  text-align:center;\r\n}\r\n\r\n.wbs-services-eyebrow{\r\n  margin:0 0 12px;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:11px;\r\n  line-height:1.4;\r\n  font-weight:600;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  color:#b99858;\r\n}\r\n\r\n.wbs-services-title{\r\n  margin:0 0 18px;\r\n  font-family:Georgia,'Times New Roman',serif;\r\n  font-size:34px;\r\n  line-height:1.25;\r\n  font-weight:500;\r\n  color:#123f35;\r\n}\r\n\r\n.wbs-services-lead{\r\n  max-width:780px;\r\n  margin:0 auto;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:17px;\r\n  line-height:1.75;\r\n  color:#55655f;\r\n}\r\n\r\n.wbs-services-lead strong{\r\n  font-weight:700;\r\n  color:#55655f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REGISTER\r\n========================================================= *\/\r\n\r\n.wbs-services-tabs{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:7px;\r\n  margin:0 auto 30px;\r\n}\r\n\r\n.wbs-services-tab{\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n  border:none;\r\n  outline:none;\r\n  background:#123f35;\r\n  color:#ffffff;\r\n  padding:14px 20px;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:15px;\r\n  line-height:1.25;\r\n  font-weight:600;\r\n  cursor:pointer;\r\n  text-align:center;\r\n  transition:\r\n    background .25s ease,\r\n    color .25s ease;\r\n}\r\n\r\n.wbs-services-tab:hover{\r\n  background:#18483e;\r\n}\r\n\r\n.wbs-services-tab.active{\r\n  background:#b99858;\r\n  color:#ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INHALTSBEREICH\r\n========================================================= *\/\r\n\r\n.wbs-services-panel{\r\n  display:none;\r\n  grid-template-columns:130px 1fr;\r\n  gap:40px;\r\n  align-items:flex-start;\r\n  max-width:1000px;\r\n  margin:0 auto;\r\n  padding:46px 52px;\r\n  background:#f7f5f1;\r\n  border:1px solid #ece8df;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.wbs-services-panel.active{\r\n  display:grid;\r\n}\r\n\r\n.wbs-services-number{\r\n  font-family:Georgia,'Times New Roman',serif;\r\n  font-size:58px;\r\n  line-height:1;\r\n  font-weight:400;\r\n  color:#b99858;\r\n  text-align:center;\r\n  padding-top:4px;\r\n}\r\n\r\n.wbs-services-content{\r\n  min-width:0;\r\n}\r\n\r\n.wbs-services-content h3{\r\n  margin:0 0 14px;\r\n  font-family:Georgia,'Times New Roman',serif;\r\n  font-size:29px;\r\n  line-height:1.25;\r\n  font-weight:500;\r\n  color:#123f35;\r\n}\r\n\r\n.wbs-services-description{\r\n  max-width:760px;\r\n  margin:0 0 26px;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:16px;\r\n  line-height:1.75;\r\n  color:#55655f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEISTUNGSPUNKTE\r\n========================================================= *\/\r\n\r\n.wbs-services-list{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:12px 30px;\r\n}\r\n\r\n.wbs-service-item{\r\n  position:relative;\r\n  padding:0 0 0 20px;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:15px;\r\n  line-height:1.55;\r\n  font-weight:600;\r\n  color:#123f35;\r\n}\r\n\r\n.wbs-service-item:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:9px;\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:#b99858;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.wbs-services-more{\r\n  width:100%;\r\n  text-align:center;\r\n  margin-top:34px;\r\n}\r\n\r\n.wbs-services-more-button,\r\n.wbs-services-more-button:link,\r\n.wbs-services-more-button:visited,\r\n.wbs-services-more-button:hover,\r\n.wbs-services-more-button:focus,\r\n.wbs-services-more-button:active{\r\n  text-decoration:none !important;\r\n}\r\n\r\n.wbs-services-more-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:12px;\r\n\r\n  padding:16px 28px;\r\n\r\n  background:#123f35;\r\n  color:#ffffff !important;\r\n\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:15px;\r\n  line-height:1.3;\r\n  font-weight:600;\r\n\r\n  border:1px solid #123f35;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.wbs-services-more-button:hover{\r\n  background:#b99858;\r\n  border-color:#b99858;\r\n  color:#ffffff !important;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 8px 22px rgba(18,63,53,0.15);\r\n}\r\n\r\n.wbs-services-arrow-symbol{\r\n  font-size:20px;\r\n  line-height:1;\r\n  transition:transform .25s ease;\r\n}\r\n\r\n.wbs-services-more-button:hover .wbs-services-arrow-symbol{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:850px){\r\n\r\n  .wbs-services{\r\n    padding:65px 20px 70px;\r\n  }\r\n\r\n  .wbs-services-panel{\r\n    grid-template-columns:90px 1fr;\r\n    gap:28px;\r\n    padding:40px 35px;\r\n  }\r\n\r\n  .wbs-services-number{\r\n    font-size:48px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMARTPHONE\r\n========================================================= *\/\r\n\r\n@media(max-width:640px){\r\n\r\n  .wbs-services{\r\n    padding:55px 15px 60px;\r\n  }\r\n\r\n  .wbs-services-intro{\r\n    margin-bottom:30px;\r\n  }\r\n\r\n  .wbs-services-title{\r\n    font-size:30px;\r\n  }\r\n\r\n  .wbs-services-lead{\r\n    font-size:16px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .wbs-services-tabs{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:7px;\r\n    width:100%;\r\n    margin:0 0 18px;\r\n    padding:0;\r\n    overflow:visible;\r\n  }\r\n\r\n  .wbs-services-tab{\r\n    width:100%;\r\n    min-width:0;\r\n    min-height:54px;\r\n    padding:10px 8px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    white-space:normal;\r\n    font-size:13.5px;\r\n    line-height:1.25;\r\n  }\r\n\r\n  .wbs-services-panel{\r\n    grid-template-columns:1fr;\r\n    gap:8px;\r\n    padding:28px 22px 30px;\r\n  }\r\n\r\n  .wbs-services-number{\r\n    text-align:left;\r\n    font-size:36px;\r\n    margin-bottom:0;\r\n  }\r\n\r\n  .wbs-services-content h3{\r\n    font-size:26px;\r\n    margin-bottom:12px;\r\n  }\r\n\r\n  .wbs-services-description{\r\n    font-size:15.5px;\r\n    line-height:1.7;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .wbs-services-list{\r\n    grid-template-columns:1fr;\r\n    gap:10px;\r\n  }\r\n\r\n  .wbs-service-item{\r\n    font-size:15px;\r\n    line-height:1.5;\r\n  }\r\n\r\n  .wbs-services-more{\r\n    margin-top:28px;\r\n  }\r\n\r\n  .wbs-services-more-button{\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    padding:16px 18px;\r\n    font-size:15px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEHR KLEINE SMARTPHONES\r\n========================================================= *\/\r\n\r\n@media(max-width:360px){\r\n\r\n  .wbs-services-tab{\r\n    font-size:12.5px;\r\n    padding:9px 5px;\r\n  }\r\n\r\n  .wbs-services-panel{\r\n    padding:25px 18px 28px;\r\n  }\r\n\r\n  .wbs-services-more-button{\r\n    font-size:14px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  const tabs = document.querySelectorAll('.wbs-services-tab');\r\n  const panels = document.querySelectorAll('.wbs-services-panel');\r\n\r\n  if(!tabs.length || !panels.length){\r\n    return;\r\n  }\r\n\r\n  tabs.forEach(function(tab){\r\n\r\n    tab.addEventListener('click', function(){\r\n\r\n      const service = this.getAttribute('data-service');\r\n\r\n      tabs.forEach(function(item){\r\n        item.classList.remove('active');\r\n        item.setAttribute('aria-selected','false');\r\n      });\r\n\r\n      panels.forEach(function(panel){\r\n        panel.classList.remove('active');\r\n      });\r\n\r\n      this.classList.add('active');\r\n      this.setAttribute('aria-selected','true');\r\n\r\n      const activePanel = document.querySelector(\r\n        '.wbs-services-panel[data-panel=\"' + service + '\"]'\r\n      );\r\n\r\n      if(activePanel){\r\n        activePanel.classList.add('active');\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb6cf64 elementor-widget elementor-widget-html\" data-id=\"eb6cf64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     WEB BY SISTERS \u2013 UNSERE ARBEITEN\r\n========================================================= -->\r\n\r\n<section class=\"wbs-project-showcase\">\r\n\r\n  <div class=\"wbs-project-showcase-inner\">\r\n\r\n    <!-- =====================================================\r\n         HAUPT\u00dcBERSCHRIFT\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-project-showcase-intro\">\r\n\r\n      <p class=\"wbs-project-showcase-eyebrow\">\r\n        UNSERE PROJEKTE\r\n      <\/p>\r\n\r\n      <h2 class=\"wbs-project-showcase-title\">\r\n        Unsere Arbeit spricht f\u00fcr uns\r\n      <\/h2>\r\n\r\n      <p class=\"wbs-project-showcase-lead\">\r\n        Werfen Sie einen Blick auf eines unserer Projekte \u2013\r\n        von der ersten Idee bis zum fertigen Online-Auftritt.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         AUSGEW\u00c4HLTES PROJEKT\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-project-info\">\r\n\r\n      <div class=\"wbs-project-info-line\"><\/div>\r\n\r\n      <p class=\"wbs-project-category\">\r\n        ONLINE-SHOP \u00b7 E-COMMERCE \u00b7 BRILLIANT EMOTIONS\r\n      <\/p>\r\n\r\n      <p class=\"wbs-project-description\">\r\n        Ein individueller Online-Shop mit klarer Markenidentit\u00e4t,\r\n        emotionaler Produktpr\u00e4sentation und einer optimierten Darstellung\r\n        auf Smartphone, Tablet und Desktop.\r\n      <\/p>\r\n\r\n\r\n      <!-- Leistungen -->\r\n\r\n      <div class=\"wbs-project-services\">\r\n\r\n        <span>Webdesign<\/span>\r\n        <span>WooCommerce<\/span>\r\n        <span>SEO<\/span>\r\n        <span>Branding<\/span>\r\n        <span>Responsive Design<\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         PROJEKTBILD \u2013 VERLINKT\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-project-image-wrap\">\r\n\r\n      <a href=\"https:\/\/brilliant-emotions.de\/ratgeber\" class=\"wbs-project-image-link\" aria-label=\"Projekt Brilliant Emotions ansehen\" target=\"_blank\" rel=\"noopener\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"wbs-project-image\"\r\n          src=\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/06\/webbysisters.12.webp\"\r\n          alt=\"Brilliant Emotions: Online-Shop f\u00fcr Schmuck \u2013 Projekt von Web by Sisters, Webdesign D\u00fcsseldorf\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         PORTFOLIO BUTTON\r\n    ====================================================== -->\r\n\r\n    <div class=\"wbs-project-button-wrap\">\r\n\r\n      <a href=\"https:\/\/www.webbysisters.com\/portfolio\/\" class=\"wbs-project-button\">\r\n        Weitere Projekte entdecken\r\n        <span class=\"wbs-project-button-arrow\">\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   HAUPTBEREICH\r\n========================================================= *\/\r\n\r\n.wbs-project-showcase{\r\n  width:100%;\r\n  background:#ffffff;\r\n  padding:80px 20px 85px;\r\n  box-sizing:border-box;\r\n  font-family:Inter,Arial,sans-serif;\r\n}\r\n\r\n.wbs-project-showcase-inner{\r\n  width:100%;\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HAUPT\u00dcBERSCHRIFT\r\n========================================================= *\/\r\n\r\n.wbs-project-showcase-intro{\r\n  max-width:800px;\r\n  margin:0 auto 42px;\r\n  text-align:center;\r\n}\r\n\r\n.wbs-project-showcase-eyebrow{\r\n  margin:0 0 12px;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:11px;\r\n  line-height:1.4;\r\n  font-weight:600;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  color:#b99858;\r\n}\r\n\r\n.wbs-project-showcase-title{\r\n  margin:0 0 18px;\r\n  font-family:Georgia,'Times New Roman',serif;\r\n  font-size:38px;\r\n  line-height:1.2;\r\n  font-weight:500;\r\n  color:#123f35;\r\n}\r\n\r\n.wbs-project-showcase-lead{\r\n  max-width:700px;\r\n  margin:0 auto;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:17px;\r\n  line-height:1.75;\r\n  color:#55655f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROJEKT-INFORMATION\r\n========================================================= *\/\r\n\r\n.wbs-project-info{\r\n  width:100%;\r\n  max-width:820px;\r\n  margin:0 auto 32px;\r\n  padding:28px 35px 30px;\r\n  box-sizing:border-box;\r\n  background:#faf8f4;\r\n  text-align:center;\r\n}\r\n\r\n.wbs-project-info-line{\r\n  width:45px;\r\n  height:2px;\r\n  background:#b99858;\r\n  margin:0 auto 17px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROJEKT-KENNZEICHNUNG\r\n========================================================= *\/\r\n\r\n.wbs-project-category{\r\n  margin:0 0 17px;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:12px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:#b99858;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROJEKTBESCHREIBUNG\r\n========================================================= *\/\r\n\r\n.wbs-project-description{\r\n  max-width:690px;\r\n  margin:0 auto 21px;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:15.5px;\r\n  line-height:1.7;\r\n  color:#55655f;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEISTUNGEN \/ TAGS\r\n========================================================= *\/\r\n\r\n.wbs-project-services{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:8px;\r\n}\r\n\r\n.wbs-project-services span{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:7px 13px;\r\n  background:#ffffff;\r\n  border:1px solid #e5dfd4;\r\n  font-family:Inter,Arial,sans-serif;\r\n  font-size:12.5px;\r\n  line-height:1.3;\r\n  font-weight:600;\r\n  color:#123f35;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROJEKTBILD\r\n========================================================= *\/\r\n\r\n.wbs-project-image-wrap{\r\n  position:relative;\r\n  width:100%;\r\n  max-width:1080px;\r\n  margin:0 auto;\r\n  background:#f5f3ee;\r\n  overflow:hidden;\r\n  border:1px solid rgba(185,152,88,0.22);\r\n  box-shadow:0 18px 55px rgba(18,63,53,0.12);\r\n}\r\n\r\n\r\n\/* Bild-Link *\/\r\n\r\n.wbs-project-image-link,\r\n.wbs-project-image-link:link,\r\n.wbs-project-image-link:visited,\r\n.wbs-project-image-link:hover,\r\n.wbs-project-image-link:focus,\r\n.wbs-project-image-link:active{\r\n  display:block;\r\n  width:100%;\r\n  text-decoration:none !important;\r\n}\r\n\r\n.wbs-project-image-link{\r\n  cursor:pointer;\r\n}\r\n\r\n.wbs-project-image{\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  object-fit:contain;\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    opacity .35s ease;\r\n}\r\n\r\n\r\n\/* Dezenter Hover-Effekt *\/\r\n\r\n.wbs-project-image-link:hover .wbs-project-image{\r\n  transform:scale(1.015);\r\n  opacity:0.96;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PORTFOLIO BUTTON\r\n========================================================= *\/\r\n\r\n.wbs-project-button-wrap{\r\n  width:100%;\r\n  margin-top:34px;\r\n  text-align:center;\r\n}\r\n\r\n.wbs-project-button,\r\n.wbs-project-button:link,\r\n.wbs-project-button:visited,\r\n.wbs-project-button:hover,\r\n.wbs-project-button:focus,\r\n.wbs-project-button:active{\r\n  text-decoration:none !important;\r\n}\r\n\r\n.wbs-project-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  padding:14px 26px;\r\n  background:#123f35;\r\n  border:1px solid #123f35;\r\n  color:#ffffff !important;\r\n  font-family:Inter,Arial,sans-serif !important;\r\n  font-size:14px !important;\r\n  line-height:1.3 !important;\r\n  font-weight:600 !important;\r\n  cursor:pointer;\r\n  transition:\r\n    background .25s ease,\r\n    border-color .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.wbs-project-button:hover{\r\n  background:#b99858;\r\n  border-color:#b99858;\r\n  color:#ffffff !important;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 8px 22px rgba(18,63,53,0.15);\r\n}\r\n\r\n.wbs-project-button-arrow{\r\n  font-size:17px;\r\n  line-height:1;\r\n  transition:transform .25s ease;\r\n}\r\n\r\n.wbs-project-button:hover .wbs-project-button-arrow{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:850px){\r\n\r\n  .wbs-project-showcase{\r\n    padding:65px 20px 70px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMARTPHONE\r\n========================================================= *\/\r\n\r\n@media(max-width:640px){\r\n\r\n  .wbs-project-showcase{\r\n    padding:55px 15px 60px;\r\n  }\r\n\r\n  .wbs-project-showcase-intro{\r\n    margin-bottom:30px;\r\n  }\r\n\r\n  .wbs-project-showcase-title{\r\n    font-size:31px;\r\n    line-height:1.2;\r\n  }\r\n\r\n  .wbs-project-showcase-lead{\r\n    font-size:16px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .wbs-project-info{\r\n    margin-bottom:24px;\r\n    padding:24px 17px 26px;\r\n  }\r\n\r\n  .wbs-project-info-line{\r\n    width:38px;\r\n    margin-bottom:15px;\r\n  }\r\n\r\n  .wbs-project-category{\r\n    font-size:10px;\r\n    line-height:1.55;\r\n    letter-spacing:1.5px;\r\n    margin-bottom:15px;\r\n  }\r\n\r\n  .wbs-project-description{\r\n    font-size:15px;\r\n    line-height:1.65;\r\n    margin-bottom:19px;\r\n  }\r\n\r\n  .wbs-project-services{\r\n    gap:6px;\r\n  }\r\n\r\n  .wbs-project-services span{\r\n    padding:6px 9px;\r\n    font-size:11.5px;\r\n  }\r\n\r\n  .wbs-project-image-wrap{\r\n    width:100%;\r\n  }\r\n\r\n  .wbs-project-button-wrap{\r\n    margin-top:28px;\r\n  }\r\n\r\n  .wbs-project-button,\r\n  .wbs-project-button:link,\r\n  .wbs-project-button:visited,\r\n  .wbs-project-button:hover,\r\n  .wbs-project-button:focus,\r\n  .wbs-project-button:active{\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    padding:13px 16px;\r\n    font-family:Inter,Arial,sans-serif !important;\r\n    font-size:13px !important;\r\n    line-height:1.25 !important;\r\n    font-weight:600 !important;\r\n    text-decoration:none !important;\r\n  }\r\n\r\n  .wbs-project-button-arrow{\r\n    font-size:16px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEHR KLEINE SMARTPHONES\r\n========================================================= *\/\r\n\r\n@media(max-width:360px){\r\n\r\n  .wbs-project-showcase-title{\r\n    font-size:29px;\r\n  }\r\n\r\n  .wbs-project-category{\r\n    font-size:9.5px;\r\n    letter-spacing:1.2px;\r\n  }\r\n\r\n  .wbs-project-button,\r\n  .wbs-project-button:link,\r\n  .wbs-project-button:visited,\r\n  .wbs-project-button:hover,\r\n  .wbs-project-button:focus,\r\n  .wbs-project-button:active{\r\n    font-size:12.5px !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca1bff2 e-flex e-con-boxed e-con e-parent\" data-id=\"ca1bff2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65bb49a elementor-widget elementor-widget-html\" data-id=\"65bb49a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"max-width:1000px;margin:0 auto;padding:60px 20px;font-family:Inter,Arial,sans-serif;\">\n\n<div style=\"text-align:center;margin-bottom:40px;\">\n\n<p style=\"\nletter-spacing:3px;\ntext-transform:uppercase;\ncolor:#b99858;\nfont-size:11px;\nfont-weight:600;\nmargin-bottom:10px;\n\">\nH\u00c4UFIGE FRAGEN\n<\/p>\n\n<h2 style=\"\nfont-family:Georgia,'Times New Roman',serif;\nfont-size:30px;\ncolor:#123f35;\nfont-weight:500;\nmargin:0;\n\">\nFragen & Antworten\n<\/h2>\n\n<\/div>\n\n<details style=\"border-bottom:1px solid #d8d8d8;padding:18px 0;\">\n<summary style=\"cursor:pointer;font-size:18px;font-weight:600;color:#123f35;\">\nWie lange dauert die Erstellung einer Website?\n<\/summary>\n\n<p style=\"margin-top:15px;color:#55655f;line-height:1.8;font-size:15px;\">\nDie Dauer einer Website h\u00e4ngt vom Umfang des Projekts und den gew\u00fcnschten Funktionen ab. Eine klassische Unternehmenswebsite kann h\u00e4ufig innerhalb von ein bis vier Wochen umgesetzt werden. Umfangreichere Projekte mit mehreren Sprachen, Buchungssystemen, individuellen Funktionen oder einem Online-Shop ben\u00f6tigen in der Regel mehr Zeit.\n<br><br>\nF\u00fcr einen reibungslosen Ablauf ist es hilfreich, wenn Texte, Bilder und wichtige Informationen bereits vorliegen. W\u00e4hrend der gesamten Entwicklung stimmen wir Design, Inhalte und Funktionen gemeinsam mit unseren Kunden ab, damit die Website genau zu ihrem Unternehmen passt.\n<br><br>\nUnser Ziel ist nicht nur eine schnelle Umsetzung, sondern eine professionelle Website, die Vertrauen schafft, auf allen Ger\u00e4ten funktioniert und Ihr Unternehmen langfristig optimal pr\u00e4sentiert.\n<\/p>\n\n<\/details>\n\n<details style=\"border-bottom:1px solid #d8d8d8;padding:18px 0;\">\n<summary style=\"cursor:pointer;font-size:18px;font-weight:600;color:#123f35;\">\nKann meine Website mehrere Sprachen haben?\n<\/summary>\n\n<p style=\"margin-top:15px;color:#55655f;line-height:1.8;font-size:15px;\">\nJa. Wir erstellen mehrsprachige Websites, damit Sie Kunden in verschiedenen L\u00e4ndern und Sprachen erreichen k\u00f6nnen. Besonders f\u00fcr Unternehmen, die international arbeiten oder unterschiedliche Zielgruppen ansprechen m\u00f6chten, bietet eine mehrsprachige Website viele Vorteile.\n<br><br>\nH\u00e4ufig realisieren wir Websites auf Deutsch, Englisch und Russisch. Selbstverst\u00e4ndlich k\u00f6nnen auch weitere Sprachen integriert werden. Dabei achten wir darauf, dass die Inhalte \u00fcbersichtlich strukturiert sind und Besucher einfach zwischen den Sprachen wechseln k\u00f6nnen.\n<br><br>\nEine mehrsprachige Website verbessert nicht nur die Benutzerfreundlichkeit, sondern kann auch die Sichtbarkeit in Suchmaschinen erh\u00f6hen und neue Kundengruppen erschlie\u00dfen. So pr\u00e4sentieren Sie Ihr Unternehmen professionell und erreichen mehr Menschen mit Ihrem Angebot.\n<\/p>\n\n<\/details>\n\n<details style=\"border-bottom:1px solid #d8d8d8;padding:18px 0;\">\n<summary style=\"cursor:pointer;font-size:18px;font-weight:600;color:#123f35;\">\nBieten Sie auch Unterst\u00fctzung nach dem Launch an?\n<\/summary>\n\n<p style=\"margin-top:15px;color:#55655f;line-height:1.8;font-size:15px;\">\nJa. Auch nach der Ver\u00f6ffentlichung Ihrer Website stehen wir Ihnen weiterhin zur Seite. Viele unserer Kunden w\u00fcnschen sp\u00e4ter neue Inhalte, zus\u00e4tzliche Seiten, \u00c4nderungen an Texten oder Bildern sowie technische Anpassungen. Dabei unterst\u00fctzen wir Sie gerne.\n<br><br>\nDar\u00fcber hinaus helfen wir bei der Pflege der Website, bei Fragen zu WordPress, Google Business Profilen, mehrsprachigen Inhalten oder der Erweiterung bestehender Funktionen. So haben Sie auch nach dem Launch einen Ansprechpartner f\u00fcr alle wichtigen Themen rund um Ihre Website.\n<br><br>\nUnser Ziel ist eine langfristige Zusammenarbeit und eine Website, die mit Ihrem Unternehmen wachsen kann.\n<\/p>\n\n<\/details>\n\n<details style=\"border-bottom:1px solid #d8d8d8;padding:18px 0;\">\n<summary style=\"cursor:pointer;font-size:18px;font-weight:600;color:#123f35;\">\nWas ist in einer Website enthalten?\n<\/summary>\n\n<p style=\"margin-top:15px;color:#55655f;line-height:1.8;font-size:15px;\">\nDer genaue Umfang richtet sich nach Ihrem Projekt und den gew\u00fcnschten Funktionen. In der Regel umfasst eine Website ein individuelles Design, eine mobile Optimierung f\u00fcr Smartphones und Tablets, Kontaktm\u00f6glichkeiten sowie die technische Einrichtung der wichtigsten Seiten.\n<br><br>\nJe nach Bedarf k\u00f6nnen zus\u00e4tzlich Suchmaschinenoptimierung (SEO), Mehrsprachigkeit, Google Maps, Buchungssysteme, Online-Shops, Bildergalerien, Anfrageformulare oder die Einrichtung eines Google Business Profils integriert werden.\n<br><br>\nVor Beginn des Projekts besprechen wir gemeinsam alle Anforderungen und erstellen eine L\u00f6sung, die optimal zu Ihrem Unternehmen, Ihren Zielen und Ihrem Budget passt.\n<\/p>\n\n<\/details>\n\n<details style=\"border-bottom:1px solid #d8d8d8;padding:18px 0;\">\n<summary style=\"cursor:pointer;font-size:18px;font-weight:600;color:#123f35;\">\nWie setzt sich der Preis einer Website zusammen?\n<\/summary>\n\n<p style=\"margin-top:15px;color:#55655f;line-height:1.8;font-size:15px;\">\nEs gibt bei uns keine Pauschalpreise von der Stange \u2014 jedes Projekt wird einzeln kalkuliert, basierend auf dem, was Sie tats\u00e4chlich brauchen.\n<br><br>\nIn die Kalkulation flie\u00dfen zum Beispiel die Anzahl der Unterseiten, ob ein Online-Shop oder Buchungssystem ben\u00f6tigt wird, wie viele Sprachen die Website haben soll und wie aufwendig das Design sein soll. Ein einfacher Onepager kostet entsprechend weniger als ein mehrsprachiger Shop mit individuellen Funktionen.\n<br><br>\nAm Anfang jedes Projekts steht ein kurzes Gespr\u00e4ch: Wir h\u00f6ren uns Ihre Ziele und Ihr Budget an, zeigen Ihnen realistische Optionen und rechnen transparent vor, wof\u00fcr Sie bezahlen. Keine versteckten Kosten, keine \u00dcberraschungen sp\u00e4ter.\n<\/p>\n\n<\/details>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2aaf473 e-flex e-con-boxed e-con e-parent\" data-id=\"2aaf473\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0302dce elementor-widget elementor-widget-heading\" data-id=\"0302dce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><div style=\"display:flex;align-items:center;justify-content:center;gap:50px;max-width:1200px;margin:0 auto;padding:50px 20px;flex-wrap:wrap;font-family:Inter,Arial,sans-serif\">\n\n<!-- BILD -->\n\n<div style=\"flex:0 0 280px;text-align:center\">\n\n<img decoding=\"async\" src=\"https:\/\/www.webbysisters.com\/wp-content\/uploads\/2026\/06\/Logo-fuer-Instagramm.jpg\" style=\"width:100%;max-width:280px;height:auto;display:block;margin:0 auto;object-fit:contain;border:none\">\n<\/div>\n\n<!-- TEXT -->\n\n<div style=\"flex:1;min-width:320px;max-width:700px;text-align:center\">\n\n<p style=\"letter-spacing:3px;text-transform:uppercase;color:#b99858;font-size:11px;font-weight:600;margin:0 0 12px\">\nKONTAKT\n<\/p>\n\n<h2 style=\"font-family:Georgia,&#039;Times New Roman&#039;,serif;font-size:30px;line-height:1.2;color:#123f35;font-weight:500;margin:0 0 20px\">\nLassen Sie uns Ihr Projekt besprechen\n<\/h2>\n\n<p style=\"margin:0 auto 30px;font-size:15px;line-height:1.6;color:#55655f;max-width:620px\">\nKein Formular, das ins Leere geht. Keine automatische Eingangsbest\u00e4tigung. Schreiben Sie uns direkt \u2014 erz\u00e4hlen Sie uns von Ihrem Projekt. Wir antworten als Menschen, nicht als System.\n<\/p>\n\n<div style=\"display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:30px\">\n\n<span style=\"border:1px solid #b99858;padding:10px 16px;color:#123f35;font-size:13px;font-weight:600\">\n\u2713 Per Telefon\n<\/span>\n\n<span style=\"border:1px solid #b99858;padding:10px 16px;color:#123f35;font-size:13px;font-weight:600\">\n\u2713 Per Messenger\n<\/span>\n\n<span style=\"border:1px solid #b99858;padding:10px 16px;color:#123f35;font-size:13px;font-weight:600\">\n\u2713 Pers\u00f6nlich\n<\/span>\n\n<\/div>\n\n<a href=\"https:\/\/wa.me\/971542195959\" style=\"display:inline-block;background:#123f35;color:#ffffff;text-decoration:none;padding:14px 34px;font-size:15px;font-weight:600;border-radius:0\" target=\"_blank\" rel=\"noopener\">\nProjekt anfragen\n<\/a>\n\n<\/div>\n\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8643b0 e-con-full e-flex e-con e-parent\" data-id=\"d8643b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fd916c elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"6fd916c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><div class=\"wbs-contact-section\">\r\n\r\n<div class=\"wbs-contact-glow\"><\/div>\r\n\r\n<div class=\"wbs-contact-inner\">\r\n\r\n<div style=\"text-align:center\">\r\n\r\n<p style=\"letter-spacing:3px;text-transform:uppercase;color:#c9a25c;font-size:11px;font-weight:600;margin:0 0 12px\">\r\nKONTAKT\r\n<\/p>\r\n\r\n<h2 style=\"font-family:Georgia,&#039;Times New Roman&#039;,serif;font-size:34px;line-height:1.2;font-weight:500;color:#ffffff;margin:0 0 35px\">\r\nSo erreichen Sie uns\r\n<\/h2>\r\n\r\n<\/div>\r\n\r\n<div style=\"display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:40px;font-size:17px;font-weight:500;color:#ffffff\">\r\n\r\n<div>\ud83c\udde9\ud83c\uddea Deutschland<\/div>\r\n<div>\ud83c\udde6\ud83c\uddea VAE Dubai<\/div>\r\n\r\n<\/div>\r\n\r\n<div style=\"padding:40px 0\">\r\n\r\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px\">\r\n\r\n<div>\r\n<p style=\"color:#c9a25c;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px\">\r\nTelefon Deutschland\r\n<\/p>\r\n\r\n<p style=\"color:#ffffff;font-size:17px;margin:0\">\r\n+49 178 1678979\r\n<\/p>\r\n<\/div>\r\n\r\n<div>\r\n<p style=\"color:#c9a25c;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px\">\r\nTelefon Dubai\r\n<\/p>\r\n\r\n<p style=\"color:#ffffff;font-size:17px;margin:0\">\r\n+971 54 219 5959\r\n<\/p>\r\n<\/div>\r\n\r\n<div>\r\n<p style=\"color:#c9a25c;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px\">\r\nE-Mail\r\n<\/p>\r\n\r\n<p style=\"color:#ffffff;font-size:17px;margin:0\">\r\nhello@webbysisters.com\r\n<\/p>\r\n<\/div>\r\n\r\n<div>\r\n<p style=\"color:#c9a25c;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px\">\r\nStandorte\r\n<\/p>\r\n\r\n<p style=\"color:#ffffff;font-size:17px;line-height:1.6;margin:0\">\r\nDeutschland<br>\r\nDubai, VAE\r\n<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<div style=\"text-align:center;margin-top:35px\">\r\n\r\n<a href=\"https:\/\/wa.me\/971542195959\" style=\"display:inline-block;background:#c9a25c;color:#123f35;text-decoration:none;padding:14px 34px;font-size:15px;font-weight:600;border-radius:0\" target=\"_blank\" rel=\"noopener\">\r\nKontakt aufnehmen\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEB BY SISTERS Webdesign D\u00fcsseldorf \u2013 zwei Schwestern, ein pers\u00f6nlicher Ansprechpartner Wir sind zwei Schwestern und haben Web by Sisters [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":528,"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":2038,"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/pages\/25\/revisions\/2038"}],"wp:attachment":[{"href":"https:\/\/www.webbysisters.com\/en\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}