{"id":19597,"date":"2026-10-21T22:05:02","date_gmt":"2026-10-21T20:05:02","guid":{"rendered":"https:\/\/bscwebdesign.at\/?page_id=19597"},"modified":"2026-10-29T03:58:34","modified_gmt":"2026-10-29T02:58:34","slug":"web-design-vienna-margareten-1050","status":"publish","type":"page","link":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/","title":{"rendered":"Web Design Vienna-Margareten 1050"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19597\" class=\"elementor elementor-19597 elementor-19591 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab3e3e4 e-con-full e-flex e-con e-parent\" data-id=\"ab3e3e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cd54af elementor-widget elementor-widget-html\" data-id=\"0cd54af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>*:not([class*=\"fa-\"]):not([class*=\"eicon\"]):not(i) {\n  font-family: 'Sora', sans-serif !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebf30eb elementor-widget elementor-widget-html\" data-id=\"ebf30eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-hero\">\n\n    <div class=\"wma-hero-bg\"><\/div>\n    <div class=\"wma-hero-glow\"><\/div>\n    <div class=\"wma-hero-media\"><\/div>\n\n    <div class=\"wma-hero-inner\">\n\n        <div class=\"wma-hero-left\">\n\n            <h1 class=\"wma-h1\">\n Web Design in Vienna-Margareten: <span class=\"wma-h1-accent\">Professional Websites Right from the 5th District<\/span>\n            <\/h1>\n\n            <p class=\"wma-sub\">\n We're based on Sankt-Johann-Gasse, right in Margareten. For businesses in the 5th district, that means short distances: we come to you for meetings or talk via video call, and you get a website that fits your business. \n            <\/p>\n\n            <div class=\"wma-actions\">\n\n                <a href=\"\/en\/contact\/\" class=\"wma-btn-primary\">\n                    <span class=\"wma-btn-primary__text\">Start your project<\/span>\n                    <span class=\"wma-btn-primary__shine\"><\/span>\n                <\/a>\n\n                <a href=\"#wma-case\" class=\"wma-btn-ghost\"> <span>Meet the Team<\/span>\n                    <span class=\"wma-btn-ghost__arrow\">\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\n                            <path d=\"M8 3v10M4 9l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"wma-hero-right\" aria-hidden=\"true\"><\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       RESET \/ SCOPE\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-hero,\n    .wma-hero * {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       SECTION + HINTERGRUND\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-hero {\n        position: relative;\n        background: #FDFDFD;\n        min-height: 95vh;\n        padding: 140px 0 72px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n    }\n\n    .wma-hero-bg {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, #c8cbdc 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.3;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .wma-hero-glow {\n        position: absolute;\n        top: 30%;\n        left: 22%;\n        transform: translate(-50%, -50%);\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(ellipse at center, rgba(21, 29, 165, 0.06) 0%, transparent 62%);\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       BILD ALS HINTERGRUND (rechts, edge-to-edge, mit Fade)\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-hero-media {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        width: 50%;\n        background-image: url('https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/10\/Webdesign-Wien-Margareten-pc.webp');\n        background-size: cover;\n        background-position: center center;\n        z-index: 0;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       INNER GRID\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-hero-inner {\n        position: relative;\n        z-index: 2;\n        width: 100%;\n        max-width: 1220px;\n        margin: 0 auto;\n        padding: 0 40px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 0;\n        align-items: center;\n    }\n    .wma-hero-left {\n        padding-right: 56px;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       LINKS: CONTENT\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-h1 {\n        font-size: clamp(28px, 3vw, 40px);\n        font-weight: 900;\n        color: #0a0a0a;\n        line-height: 1.22;\n        letter-spacing: -0.02em;\n        margin: 0 0 22px;\n    }\n\n    .wma-h1-accent {\n        color: #151DA5 !important;\n        -webkit-text-fill-color: #151DA5 !important;\n    }\n\n    .wma-sub {\n        font-size: 17px;\n        line-height: 1.75;\n        color: #5a5a5a;\n        max-width: 500px;\n        margin: 0 0 36px;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       ACTIONS\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-actions {\n        display: flex;\n        align-items: center;\n        gap: 32px;\n        flex-wrap: wrap;\n    }\n\n    .wma-btn-primary {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        padding: 16px 30px;\n        background: #151DA5;\n        border: 1px solid #151DA5;\n        border-radius: 8px;\n        color: #ffffff;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1.2;\n        text-align: center;\n        text-decoration: none;\n        white-space: nowrap;\n        box-shadow: 0 4px 18px rgba(21, 29, 165, 0.24);\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .wma-btn-primary:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 26px rgba(21, 29, 165, 0.32);\n    }\n\n    .wma-btn-primary__text {\n        position: relative;\n        z-index: 2;\n        color: #ffffff;\n        pointer-events: none;\n    }\n\n    .wma-btn-primary__shine {\n        position: absolute;\n        top: 0;\n        left: -60%;\n        width: 40%;\n        height: 100%;\n        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.35), transparent);\n        transform: skewX(-20deg);\n        transition: left 0.6s ease;\n        pointer-events: none;\n    }\n\n    .wma-btn-primary:hover .wma-btn-primary__shine {\n        left: 130%;\n    }\n\n    .wma-btn-ghost {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 15px;\n        font-weight: 600;\n        line-height: 1;\n        color: #0d0d0d;\n        text-decoration: none;\n        padding: 16px 6px;\n    }\n\n    .wma-btn-ghost__arrow {\n        display: inline-flex;\n        transition: transform 0.25s ease;\n    }\n\n    .wma-hero .wma-btn-ghost:hover .wma-btn-ghost__arrow {\n        transform: translateY(3px);\n    }\n\n    \/* rechte Grid-Spalte bleibt als Platzhalter leer (Bild liegt dahinter) *\/\n    .wma-hero-right {\n        min-height: 1px;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       TABLET\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    @media (max-width: 1024px) {\n    .wma-hero {\n        min-height: 640px;\n    }\n    .wma-hero-inner {\n        padding: 0 32px;\n        gap: 0;\n    }\n\n    .wma-hero-media {\n        width: 50%;\n    }\n\n    .wma-h1 {\n        font-size: 36px;\n    }\n\n    .wma-sub {\n        max-width: 420px;\n        font-size: 16px;\n    }\n    .wma-hero-left {\n        padding-right: 32px;\n    }\n}\n\n@media (max-width: 767px) {\n    .wma-hero {\n        min-height: 0;\n        padding: 120px 20px 48px;\n    }\n\n    .wma-hero-media {\n        display: none;\n    }\n\n    .wma-hero-inner {\n        grid-template-columns: 1fr;\n        gap: 28px;\n        padding: 0;\n    }\n\n    .wma-hero-left { padding-right: 0;\n        order: 1;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .wma-hero-right {\n        order: 2;\n        width: 100%;\n        aspect-ratio: 2000 \/ 1200;\n        border-radius: 16px;\n        background-image: url('https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/10\/Webdesign-Wien-Margareten-scaled.webp');\n        background-size: cover;\n        background-position: center;\n    }\n\n    .wma-h1 {\n        font-size: 28px;\n    }\n\n    .wma-sub {\n        font-size: 15px;\n        max-width: none;\n        margin: 0 auto 28px;\n    }\n\n    .wma-actions {\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        gap: 12px;\n    }\n\n    .wma-btn-primary {\n        width: 100%;\n    }\n\n    .wma-btn-ghost {\n        justify-content: center;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-def74df elementor-widget elementor-widget-html\" data-id=\"def74df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-district\">\n\n    <div class=\"wma-district-bg\"><\/div>\n\n    <div class=\"wma-district-inner\">\n\n        <div class=\"wma-district-left\">\n            <h2 class=\"wma-district-heading\">\n Character of the 5th District\n            <\/h2>\n            <p class=\"wma-district-text\">\n Margareten is one of Vienna's smallest and most densely populated districts, with lively shopping streets and many small businesses. This is where we are based: from Margareten, we create <a href=\"\/en\/services\/web-design-vienna\/\" class=\"wma-faq-link\">web design from Vienna<\/a> for businesses across Austria.\n            <\/p>\n        <\/div>\n\n        <div class=\"wma-district-right\">\n\n            <div class=\"wma-district-item\">\n                <span class=\"list-check\">\u2713<\/span>\n                <div>\n                    <div class=\"wma-district-item-title\">Shopping Streets with Character<\/div>\n                    <p class=\"wma-district-item-text\">\n Along Reinprechtsdorfer Stra\u00dfe, Margaretenstra\u00dfe and Sch\u00f6nbrunner Stra\u00dfe, shops, restaurants and service providers line up side by side.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"wma-district-item\">\n                <span class=\"list-check\">\u2713<\/span>\n                <div>\n                    <div class=\"wma-district-item-title\">Small, Dense and Lively<\/div>\n                    <p class=\"wma-district-item-text\">\n Many people live and work in a small area. If you want to be found in your neighborhood, you need a clear presence on your own website and on Google Maps.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"wma-district-item\">\n                <span class=\"list-check\">\u2713<\/span>\n                <div>\n                    <div class=\"wma-district-item-title\">Our Home District<\/div>\n                    <p class=\"wma-district-item-text\">\n Our office is on Sankt-Johann-Gasse. We know Margareten not just from the map, but from everyday work.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .wma-district,\n    .wma-district * {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n    .wma-district {\n        background: #FDFDFD;\n        position: relative;\n        padding: 96px 0;\n        overflow: hidden;\n    }\n\n    .wma-district-bg {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, #c8cbdc 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.3;\n        pointer-events: none;\n    }\n\n    .wma-district-inner {\n        position: relative;\n        z-index: 1;\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 40px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 64px;\n        align-items: center;\n    }\n\n    \/* \u2500\u2500\u2500 Left \u2500\u2500\u2500 *\/\n\n    .wma-district-heading {\n        font-size: 40px;\n        font-weight: 800;\n        color: #0d0d0d;\n        line-height: 1.15;\n        letter-spacing: -0.02em;\n        margin: 0 0 20px;\n    }\n\n    .wma-district-heading span {\n        color: #151DA5;\n    }\n\n    .wma-district-text {\n        font-size: 17px;\n        line-height: 1.8;\n        color: #5a5a5a;\n        margin: 0;\n        max-width: 460px;\n    }\n\n    \/* \u2500\u2500\u2500 Right: Liste \u2500\u2500\u2500 *\/\n\n    .wma-district-right {\n        display: flex;\n        flex-direction: column;\n        border-top: 0.5px solid #151DA5;\n    }\n\n    .wma-district-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n        padding: 24px 0;\n        border-bottom: 0.5px solid #151DA5;\n    }\n\n    .wma-district .list-check {\n    width: 22px;\n    height: 22px;\n    background: #151DA5;\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: 800;\n    flex-shrink: 0;\n    margin-top: 2px;\n}\n\n    .wma-district-item-title {\n        font-size: 16px;\n        font-weight: 800;\n        color: #0d0d0d;\n        letter-spacing: -0.01em;\n        margin-bottom: 6px;\n    }\n\n    .wma-district-item-text {\n        font-size: 14.5px;\n        line-height: 1.65;\n        color: #666;\n        margin: 0;\n    }\n\n    \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n\n    @media (max-width: 1024px) {\n    .wma-district {\n        padding: 72px 0 80px;\n    }\n\n    .wma-district-inner {\n        padding: 0 32px;\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n\n    .wma-district-heading {\n        font-size: 32px;\n    }\n\n    .wma-district-text {\n        font-size: 16px;\n        max-width: 620px;\n    }\n}\n\n@media (max-width: 767px) {\n    .wma-district {\n        padding: 48px 0 56px;\n    }\n\n    .wma-district-inner {\n        padding: 0 20px;\n        gap: 32px;\n    }\n\n    .wma-district-heading {\n        font-size: 28px;\n        margin-bottom: 16px;\n    }\n\n    .wma-district-text {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    .wma-district-item {\n        gap: 14px;\n        padding: 20px 0;\n    }\n\n    .wma-district-item-title {\n        font-size: 15px;\n    }\n\n    .wma-district-item-text {\n        font-size: 14px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a77274 elementor-widget elementor-widget-html\" data-id=\"1a77274\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-case\" id=\"wma-case\">\n\n    <div class=\"wma-case-bg\"><\/div>\n\n    <div class=\"wma-case-inner\">\n\n        <div class=\"wma-case-header\">\n            <h2 class=\"wma-case-heading\">\n Your web design team from the 5th district.\n            <\/h2>\n            <p class=\"wma-case-sub\">\n BSC Webdesign \u00b7 Sankt-Johann-Gasse 1-5\/1\/17, 1050 Vienna\n            <\/p>\n        <\/div>\n\n        <a href=\"https:\/\/share.google\/gl5sNRUGc9EBwMlZM\" class=\"wma-case-card\" target=\"_blank\" rel=\"noopener\">\n            <img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/10\/Webdesign-Wien-BSC-Webdesign-Hero-mobile.webp\" alt=\"The web design team of BSC Webdesign from Vienna-Margareten: Tobias Berger, Paul Stellnberger and Aaron Csok\" class=\"wma-case-img\" loading=\"lazy\">\n            <div class=\"wma-case-overlay\">\n                <div class=\"wma-case-overlay-inner\">\n                    <span class=\"wma-case-overlay-link\"> See reviews on Google\n                        <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\">\n                            <path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n        \n        <div class=\"wma-case-testi\">\n            <div class=\"wma-case-stars\">\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#f5a623\">\n                    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\n                <\/svg>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#f5a623\">\n                    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\n                <\/svg>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#f5a623\">\n                    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\n                <\/svg>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#f5a623\">\n                    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\n                <\/svg>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#f5a623\">\n                    <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\n                <\/svg>\n            <\/div>\n            <p class=\"wma-case-quote\">\n \"Working with BSC Webdesign was truly appreciative and professional. I felt seen and heard, and all my many questions were answered patiently. I'm totally happy with my website and so glad I did this with you!\"\n            <\/p>\n            <div class=\"wma-case-author\">\n                <img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/08\/BSC-Webdesign-Kundin-Nina-Zarbach.webp\" alt=\"Nina Zarbach\" class=\"wma-case-avatar\" loading=\"lazy\">\n                <div class=\"wma-case-author-meta\">\n                    <strong>Nina Zarbach<\/strong>\n<span>Certified Life and Social Counselor, Vienna<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .wma-case,\n    .wma-case * {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n    .wma-case {\n        background: #FDFDFD;\n        position: relative;\n        padding: 96px 0;\n        overflow: hidden;\n    }\n\n    .wma-case-bg {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, #c8cbdc 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.3;\n        pointer-events: none;\n    }\n\n    .wma-case-inner {\n        position: relative;\n        z-index: 1;\n        max-width: 1040px;\n        margin: 0 auto;\n        padding: 0 40px;\n    }\n\n    \/* \u2500\u2500\u2500 Header \u2500\u2500\u2500 *\/\n\n    .wma-case-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n\n    .wma-case-heading {\n        font-size: 34px;\n        font-weight: 800;\n        color: #0d0d0d;\n        line-height: 1.25;\n        letter-spacing: -0.02em;\n        margin: 0 0 12px;\n    }\n\n    .wma-case-heading span {\n        color: #151DA5;\n    }\n\n    .wma-case-sub {\n        font-size: 15px;\n        color: #888;\n        margin: 0;\n    }\n\n    \/* \u2500\u2500\u2500 Bild-Karte mit Hover-Overlay \u2500\u2500\u2500 *\/\n\n    .wma-case-card {\n        display: block;\n        position: relative;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1px solid #eaecf2;\n        box-shadow: 0 20px 50px rgba(21, 29, 165, 0.08);\n        margin-bottom: 48px;\n        cursor: pointer;\n    }\n\n    .wma-case-img {\n        display: block;\n        width: 100%;\n        height: auto;\n        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n\n    .wma-case-card:hover .wma-case-img {\n        transform: scale(1.03);\n    }\n\n    .wma-case-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(to top, rgba(13, 13, 13, 0.75) 0%, rgba(13, 13, 13, 0.15) 45%, transparent 75%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        display: flex;\n        align-items: flex-end;\n    }\n\n    .wma-case-card:hover .wma-case-overlay {\n        opacity: 1;\n    }\n\n    .wma-case-overlay-inner {\n        padding: 28px;\n        transform: translateY(6px);\n        transition: transform 0.3s ease;\n    }\n\n    .wma-case-card:hover .wma-case-overlay-inner {\n        transform: translateY(0);\n    }\n\n    .wma-case-overlay-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        font-size: 15px;\n        font-weight: 700;\n        color: #fff;\n    }\n\n    \/* \u2500\u2500\u2500 Testimonial: kein Card-Rahmen, freistehend, mittig \u2500\u2500\u2500 *\/\n\n    .wma-case-testi {\n        max-width: 640px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .wma-case-stars {\n        display: flex;\n        justify-content: center;\n        gap: 3px;\n        margin-bottom: 20px;\n    }\n\n    .wma-case-quote {\n        font-size: 19px;\n        line-height: 1.65;\n        color: #2a2a2a;\n        margin: 0 0 28px;\n        font-weight: 500;\n    }\n\n    .wma-case-author {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n    }\n\n    .wma-case-avatar {\n        width: 44px !important;\n        height: 44px !important;\n        min-width: 44px !important;\n        border-radius: 50% !important;\n        object-fit: cover !important;\n        flex-shrink: 0 !important;\n        display: block !important;\n    }\n\n    .wma-case-author-meta {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        text-align: left;\n    }\n\n    .wma-case-author-meta strong {\n        font-size: 14px;\n        font-weight: 800;\n        color: #0d0d0d;\n    }\n\n    .wma-case-author-meta span {\n        font-size: 12.5px;\n        color: #777;\n    }\n\n    \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n\n    @media (max-width: 1024px) {\n    .wma-case {\n        padding: 72px 0 80px;\n    }\n\n    .wma-case-inner {\n        padding: 0 32px;\n    }\n\n    .wma-case-heading {\n        font-size: 32px;\n    }\n\n    .wma-case-card {\n        margin-bottom: 44px;\n    }\n\n    .wma-case-quote {\n        font-size: 17px;\n    }\n}\n\n@media (max-width: 767px) {\n    .wma-case {\n        padding: 48px 0 56px;\n    }\n\n    .wma-case-inner {\n        padding: 0 20px;\n    }\n\n    .wma-case-header {\n        margin-bottom: 32px;\n    }\n\n    .wma-case-heading {\n        font-size: 28px;\n    }\n\n    .wma-case-sub {\n        font-size: 14px;\n        line-height: 1.6;\n    }\n\n    .wma-case-card {\n        border-radius: 14px;\n        margin-bottom: 36px;\n    }\n\n    .wma-case-testi {\n        max-width: none;\n    }\n\n    .wma-case-stars {\n        margin-bottom: 16px;\n    }\n\n    .wma-case-quote {\n        font-size: 16px;\n        line-height: 1.65;\n        margin-bottom: 24px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f5a471 elementor-widget elementor-widget-html\" data-id=\"1f5a471\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-related\">\n\n    <div class=\"wma-related-bg\"><\/div>\n\n    <div class=\"wma-related-inner\">\n\n        <div class=\"wma-related-head\">\n            <h2 class=\"wma-related-heading\">\n So Your Website <span>Achieves More<\/span>\n            <\/h2>\n\n            <p class=\"wma-related-sub\">\n A good website is the foundation. With the right complementary services, we make sure your online presence works and gets found over the long term. \n            <\/p>\n        <\/div>\n\n\n        <div class=\"wma-related-grid\">\n\n\n            <!-- 1. LOKALE SICHTBARKEIT -->\n            <a href=\"\/en\/services\/local-visibility\/\" class=\"wma-related-card\">\n\n                <div class=\"wma-related-icon\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#151DA5\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1116 0z\"><\/path>\n                        <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\n                    <\/svg>\n                <\/div>\n\n                <h3 class=\"wma-related-title\">Local Visibility<\/h3>\n\n                <p class=\"wma-related-text\">\n For businesses with a local focus, we optimize your presence on Google and Google Maps.\n                <\/p>\n\n                <span class=\"wma-related-link\">\n Get Found Locally\n\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 16 16\" fill=\"none\">\n                        <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/span>\n\n            <\/a>\n\n\n            <!-- 2. SEO -->\n            <a href=\"\/en\/services\/seo-visibility\/\" class=\"wma-related-card\">\n\n                <div class=\"wma-related-icon\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#151DA5\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\n                        <path d=\"M20 20l-4-4\"><\/path>\n                        <path d=\"M8 11h6M11 8v6\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3 class=\"wma-related-title\">SEO & Visibility<\/h3>\n\n                <p class=\"wma-related-text\">\n We build the technical and content foundation so your website can be found more easily for relevant search queries.\n                <\/p>\n\n                <span class=\"wma-related-link\">\n Boost Visibility\n\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 16 16\" fill=\"none\">\n                        <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/span>\n\n            <\/a>\n\n\n            <!-- 3. WEBSITE BETREUUNG -->\n            <a href=\"\/en\/services\/website-maintenance\/\" class=\"wma-related-card\">\n\n                <div class=\"wma-related-icon\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#151DA5\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 3l7 3v5c0 4.5-2.8 8.2-7 10-4.2-1.8-7-5.5-7-10V6l7-3z\"><\/path>\n                        <path d=\"M9 12l2 2 4-4\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <h3 class=\"wma-related-title\">Website Maintenance<\/h3>\n\n                <p class=\"wma-related-text\">\n After launch, we stay by your side if you'd like and take care of changes, updates, and ongoing development.\n                <\/p>\n\n                <span class=\"wma-related-link\">\n Explore Maintenance\n\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 16 16\" fill=\"none\">\n                        <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/span>\n\n            <\/a>\n\n\n            <!-- 4. ALL IN ONE -->\n            <a href=\"\/en\/services\/all-in-one-solution\/\" class=\"wma-related-card\">\n\n                <div class=\"wma-related-icon\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#151DA5\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\n                        <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\n                        <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\n                        <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\n                    <\/svg>\n                <\/div>\n\n                <h3 class=\"wma-related-title\">All-in-One Solution<\/h3>\n\n                <p class=\"wma-related-text\">\n Website, visibility, and ongoing support combined in a smart way, for businesses that want everything digital under one roof.\n                <\/p>\n\n                <span class=\"wma-related-link\">\n View All-In-One Solution\n\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 16 16\" fill=\"none\">\n                        <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg>\n                <\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n    \/* ========================================\n       RESET \/ SCOPE\n    ======================================== *\/\n\n    .wma-related,\n    .wma-related *,\n    .wma-related *::before,\n    .wma-related *::after {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n\n    \/* ========================================\n       SECTION\n    ======================================== *\/\n\n    .wma-related {\n        position: relative;\n        background: #FDFDFD;\n        padding: 88px 0 96px;\n        overflow: hidden;\n    }\n\n    .wma-related-bg {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, #c8cbdc 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.3;\n        pointer-events: none;\n    }\n\n    .wma-related-inner {\n        position: relative;\n        z-index: 1;\n\n        width: 100%;\n        max-width: 1200px;\n\n        margin: 0 auto;\n        padding: 0 40px;\n    }\n\n\n    \/* ========================================\n       HEAD\n    ======================================== *\/\n\n    .wma-related-head {\n        text-align: center;\n        max-width: 620px;\n        margin: 0 auto 48px;\n    }\n\n    .wma-related-heading {\n        font-size: 40px;\n        font-weight: 800;\n        color: #0d0d0d;\n\n        line-height: 1.15;\n        letter-spacing: -0.02em;\n\n        margin: 0 0 14px;\n    }\n\n    .wma-related-heading span {\n        color: #151DA5;\n    }\n\n    .wma-related-sub {\n        font-size: 15.5px;\n        line-height: 1.7;\n        color: #666;\n        margin: 0;\n    }\n\n\n    \/* ========================================\n       GRID\n    ======================================== *\/\n\n    .wma-related-grid {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 16px;\n    }\n\n\n    \/* ========================================\n       CARDS\n    ======================================== *\/\n\n    .wma-related-card {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n\n        min-width: 0;\n\n        background: #fff;\n        border: 0.5px solid rgba(21, 29, 165, 0.45);\n        border-radius: 16px;\n\n        padding: 26px 24px;\n\n        color: inherit !important;\n        text-decoration: none !important;\n\n        transition:\n            transform 0.2s ease,\n            box-shadow 0.2s ease,\n            border-color 0.2s ease;\n    }\n\n    .wma-related-card:hover {\n        transform: translateY(-3px);\n        border-color: rgba(21, 29, 165, 0.7);\n        box-shadow: 0 10px 30px rgba(21, 29, 165, 0.10);\n    }\n\n\n    \/* ========================================\n       ICON\n    ======================================== *\/\n\n    .wma-related-icon {\n        width: 46px;\n        height: 46px;\n\n        flex-shrink: 0;\n\n        background: rgba(21, 29, 165, 0.07);\n        border-radius: 12px;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        margin-bottom: 16px;\n\n        transition: background 0.2s ease;\n    }\n\n    .wma-related-card:hover .wma-related-icon {\n        background: rgba(21, 29, 165, 0.12);\n    }\n\n\n    \/* ========================================\n       CONTENT\n    ======================================== *\/\n\n    .wma-related-title {\n        font-size: 17px;\n        font-weight: 800;\n        line-height: 1.35;\n\n        color: #0d0d0d;\n\n        letter-spacing: -0.01em;\n\n        margin: 0 0 8px;\n    }\n\n    .wma-related-text {\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 1.65;\n\n        color: #666;\n\n        margin: 0 0 20px;\n\n        flex: 1;\n    }\n\n\n    \/* ========================================\n       CTA\n    ======================================== *\/\n\n    .wma-related-link {\n        display: inline-flex;\n        align-items: center;\n\n        gap: 6px;\n\n        font-size: 13.5px;\n        font-weight: 700;\n\n        color: #151DA5;\n\n        margin-top: auto;\n\n        transition: gap 0.2s ease;\n    }\n\n    .wma-related-link svg {\n        flex-shrink: 0;\n    }\n\n    .wma-related-card:hover .wma-related-link {\n        gap: 10px;\n    }\n\n\n    \/* ========================================\n       TABLET\n    ======================================== *\/\n\n    @media (max-width: 1024px) {\n\n        .wma-related {\n            padding: 72px 0 80px;\n        }\n\n        .wma-related-inner {\n            padding: 0 32px;\n        }\n\n        .wma-related-head {\n            margin-bottom: 40px;\n        }\n\n        .wma-related-heading {\n            font-size: 32px;\n        }\n\n        .wma-related-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n        }\n\n        .wma-related-card {\n            padding: 24px;\n        }\n\n        .wma-related-text {\n            font-size: 14.5px;\n        }\n\n        .wma-related-link {\n            font-size: 14px;\n        }\n\n    }\n\n\n    \/* ========================================\n       MOBILE\n    ======================================== *\/\n\n    @media (max-width: 767px) {\n\n        .wma-related {\n            padding: 48px 0 56px;\n        }\n\n        .wma-related-inner {\n            padding: 0 20px;\n        }\n\n        .wma-related-head {\n            margin-bottom: 36px;\n        }\n\n        .wma-related-heading {\n            font-size: 28px;\n        }\n\n        .wma-related-sub {\n            font-size: 15px;\n        }\n\n        .wma-related-grid {\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .wma-related-card {\n            padding: 24px;\n        }\n\n        .wma-related-title {\n            font-size: 17px;\n        }\n\n        .wma-related-text {\n            font-size: 14.5px;\n        }\n\n    }\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18c126b elementor-widget elementor-widget-html\" data-id=\"18c126b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-price\" id=\"preis\">\n\n    <div class=\"wma-price-bg\"><\/div>\n\n    <div class=\"wma-price-inner\">\n\n        <div class=\"wma-price-head\">\n            <h2 class=\"wma-price-heading\">\n Transparent from the <span>start<\/span>\n            <\/h2>\n        <\/div>\n\n        <div class=\"wma-price-card\">\n\n            <div class=\"wma-price-amount\">From \u20ac2,500<\/div>\n            <p class=\"wma-price-note\">One-time fee, no hidden costs. The exact scope is defined together during the initial consultation. <\/p>\n\n            <div class=\"wma-price-includes\">\n                <span>Concept &amp; Design<\/span>\n                <span class=\"wma-price-sep\">|<\/span>\n                <span>Development<\/span>\n                <span class=\"wma-price-sep\">|<\/span>\n                <span>SEO &amp; Copy<\/span>\n                <span class=\"wma-price-sep\">|<\/span>\n                <span>Launch &amp; Support<\/span>\n            <\/div>\n\n            <a href=\"\/en\/contact\/\" class=\"wma-price-cta\">\n                <span>Request a website<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                <\/svg>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       RESET\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .wma-price,\n    .wma-price * {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       SECTION\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .wma-price {\n        position: relative;\n        background: #FDFDFD;\n        padding: 72px 0;\n        overflow: hidden;\n    }\n\n    .wma-price-bg {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, #c8cbdc 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.26;\n        pointer-events: none;\n    }\n\n    .wma-price-inner {\n        position: relative;\n        z-index: 1;\n        max-width: 780px;\n        margin: 0 auto;\n        padding: 0 40px;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       HEAD\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .wma-price-head {\n        text-align: center;\n        margin: 0 auto 40px;\n    }\n\n    .wma-price-heading {\n        font-size: clamp(1.8rem, 3vw, 2.4rem);\n        font-weight: 900;\n        color: #0d0d0d;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n        margin: 0;\n    }\n\n    .wma-price-heading span {\n        color: #151DA5;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       PRICE CARD\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .wma-price-card {\n        background: #ffffff;\n        border: 1px solid #eaecf2;\n        border-radius: 20px;\n        padding: 48px 40px;\n        text-align: center;\n        box-shadow: 0 24px 64px rgba(21, 29, 165, 0.10), 0 4px 16px rgba(0, 0, 0, 0.05);\n    }\n\n    .wma-price-amount {\n        font-size: clamp(1.8rem, 3.2vw, 2.6rem);\n        font-weight: 900;\n        color: #151DA5;\n        letter-spacing: -0.02em;\n        line-height: 1;\n        margin-bottom: 14px;\n    }\n\n    .wma-price-note {\n        font-size: 15px;\n        line-height: 1.65;\n        color: #666;\n        max-width: 420px;\n        margin: 0 auto 32px;\n    }\n\n    .wma-price-includes {\n        display: flex;\n        flex-wrap: nowrap;\n        justify-content: center;\n        align-items: center;\n        gap: 10px 14px;\n        padding: 24px 0;\n        border-top: 0.5px solid rgba(21, 29, 165, 0.2);\n        border-bottom: 0.5px solid rgba(21, 29, 165, 0.2);\n        margin-bottom: 32px;\n        white-space: nowrap;\n    }\n\n    .wma-price-includes span {\n        font-size: 13.5px;\n        font-weight: 600;\n        color: #3a3a4a;\n    }\n\n    .wma-price-sep {\n        color: #c7cae0 !important;\n        font-weight: 400 !important;\n    }\n\n    .wma-price-cta {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        background: #151DA5;\n        color: #ffffff;\n        text-decoration: none;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1.2;\n        padding: 16px 30px;\n        border-radius: 8px;\n        box-shadow: 0 4px 18px rgba(21, 29, 165, 0.24);\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .wma-price-cta:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 26px rgba(21, 29, 165, 0.32);\n        color: #fff;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       MOBILE\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 1024px) {\n    .wma-price {\n        padding: 64px 0 72px;\n    }\n\n    .wma-price-inner {\n        padding: 0 32px;\n    }\n\n    .wma-price-heading {\n        font-size: 32px;\n    }\n\n    .wma-price-card {\n        padding: 44px 36px;\n    }\n}\n\n@media (max-width: 767px) {\n    .wma-price {\n        padding: 48px 0 56px;\n    }\n\n    .wma-price-inner {\n        padding: 0 20px;\n    }\n\n    .wma-price-head {\n        margin-bottom: 32px;\n    }\n\n    .wma-price-heading {\n        font-size: 28px;\n    }\n\n    .wma-price-card {\n        padding: 36px 24px;\n    }\n\n    .wma-price-amount {\n        font-size: 30px;\n    }\n\n    .wma-price-note {\n        font-size: 14.5px;\n        margin-bottom: 28px;\n    }\n\n    .wma-price-sep {\n        display: none;\n    }\n\n    .wma-price-includes {\n        flex-wrap: wrap;\n        white-space: normal;\n        gap: 10px 16px;\n        margin-bottom: 28px;\n    }\n\n    .wma-price-cta {\n        width: 100%;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f591e2 elementor-widget elementor-widget-html\" data-id=\"4f591e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-trustrow\">\n\n    <div class=\"wma-trustrow-inner\">\n        <p class=\"wma-trustrow-label\">\n Over 50 completed projects by <span>BSC Webdesign<\/span>\n        <\/p>\n        <a href=\"\/en\/references\/\" class=\"wma-trustrow-link\">\n View portfolio\n            <svg width=\"13\" height=\"13\" viewbox=\"0 0 16 16\" fill=\"none\">\n                <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n        <\/a>\n    <\/div>\n\n    <div class=\"wma-marquee-wrap\">\n\n        <!-- Row 1 -->\n        <div class=\"wma-marquee-row\">\n            <div class=\"wma-marquee-track wma-marquee-track--right\">\n\n                <!-- set A -->\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Weingut-Pax-original-e1776886313750.webp\" alt=\"PAX Winery\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/klimek-versicherungen-logo-e1784629506335.webp\" alt=\"Klimek Insurance\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Vereno-Weinhandel-original-e1776886331740.webp\" alt=\"Vereno Wine Shop\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Twobuild-original-e1776886344646.webp\" alt=\"TwoBuild\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/TU-Wien-original-e1776886360163.webp\" alt=\"TU Wien\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/payinbitcoincom-logo-e1784629466394.webp\" alt=\"payinbitcoin.com\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/MEDICO-Fachaerzte-original-e1776886392585.webp\" alt=\"MEDI.CO Specialists\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Nelis-used-bikes-and-more-orignal-e1776886376831.webp\" alt=\"Neli's used bikes & more\" loading=\"lazy\"><\/div>\n\n                <!-- set B (duplicate) -->\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Weingut-Pax-original-e1776886313750.webp\" alt=\"PAX Winery\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/klimek-versicherungen-logo-e1784629506335.webp\" alt=\"Klimek Insurance\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Vereno-Weinhandel-original-e1776886331740.webp\" alt=\"Vereno Wine Shop\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Twobuild-original-e1776886344646.webp\" alt=\"TwoBuild\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/TU-Wien-original-e1776886360163.webp\" alt=\"TU Wien\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/payinbitcoincom-logo-e1784629466394.webp\" alt=\"payinbitcoin.com\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/MEDICO-Fachaerzte-original-e1776886392585.webp\" alt=\"MEDI.CO Specialists\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Nelis-used-bikes-and-more-orignal-e1776886376831.webp\" alt=\"Neli's used bikes & more\" loading=\"lazy\"><\/div>\n\n                <!-- set C (duplicate) -->\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Weingut-Pax-original-e1776886313750.webp\" alt=\"PAX Winery\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/klimek-versicherungen-logo-e1784629506335.webp\" alt=\"Klimek Insurance\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Vereno-Weinhandel-original-e1776886331740.webp\" alt=\"Vereno Wine Shop\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Twobuild-original-e1776886344646.webp\" alt=\"TwoBuild\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/TU-Wien-original-e1776886360163.webp\" alt=\"TU Wien\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/payinbitcoincom-logo-e1784629466394.webp\" alt=\"payinbitcoin.com\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/MEDICO-Fachaerzte-original-e1776886392585.webp\" alt=\"MEDI.CO Specialists\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Nelis-used-bikes-and-more-orignal-e1776886376831.webp\" alt=\"Neli's used bikes & more\" loading=\"lazy\"><\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- Row 2 -->\n        <div class=\"wma-marquee-row\">\n            <div class=\"wma-marquee-track wma-marquee-track--left\">\n\n                <!-- set A -->\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Masterconcept-gmbh-original-e1776886405485.webp\" alt=\"Masterconcept\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/LB-Medical-Care-original-e1776886421536.webp\" alt=\"LB Medical Care GmbH\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/E-D-Beratung-original-e1776886440720.webp\" alt=\"ED Consulting\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Karamat-original-e1776886474281.webp\" alt=\"Dr. Lukas Karamat\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/zapfinity-logo-e1784629417748.webp\" alt=\"Zapfinity.io\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Uzel-original-e1776886456885.webp\" alt=\"Dr. Robert Uzel\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo wma-marquee-logo--lg\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Grundbichler-original.webp\" alt=\"Dr. Michael Grundbichler\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/Zarbach-Logo.webp\" alt=\"Nina Zarbach\" loading=\"lazy\"><\/div>\n\n                <!-- set B (duplicate) -->\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Masterconcept-gmbh-original-e1776886405485.webp\" alt=\"Masterconcept\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/LB-Medical-Care-original-e1776886421536.webp\" alt=\"LB Medical Care GmbH\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/E-D-Beratung-original-e1776886440720.webp\" alt=\"ED Consulting\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Karamat-original-e1776886474281.webp\" alt=\"Dr. Lukas Karamat\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/zapfinity-logo-e1784629417748.webp\" alt=\"Zapfinity.io\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Uzel-original-e1776886456885.webp\" alt=\"Dr. Robert Uzel\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo wma-marquee-logo--lg\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Grundbichler-original.webp\" alt=\"Dr. Michael Grundbichler\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/Zarbach-Logo.webp\" alt=\"Nina Zarbach\" loading=\"lazy\"><\/div>\n\n                <!-- set C (duplicate) -->\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Masterconcept-gmbh-original-e1776886405485.webp\" alt=\"Masterconcept\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/LB-Medical-Care-original-e1776886421536.webp\" alt=\"LB Medical Care GmbH\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/E-D-Beratung-original-e1776886440720.webp\" alt=\"ED Consulting\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Karamat-original-e1776886474281.webp\" alt=\"Dr. Lukas Karamat\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/zapfinity-logo-e1784629417748.webp\" alt=\"Zapfinity.io\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Uzel-original-e1776886456885.webp\" alt=\"Dr. Robert Uzel\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo wma-marquee-logo--lg\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/01\/Dr-Grundbichler-original.webp\" alt=\"Dr. Michael Grundbichler\" loading=\"lazy\"><\/div>\n                <div class=\"wma-marquee-logo\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/07\/Zarbach-Logo.webp\" alt=\"Nina Zarbach\" loading=\"lazy\"><\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .wma-trustrow,\n    .wma-trustrow * {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   SECTION\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-trustrow {\n        background: #FDFDFD;\n        padding: 56px 0;\n        overflow: hidden;\n    }\n\n    .wma-trustrow-inner {\n        max-width: 1160px;\n        margin: 0 auto;\n        padding: 0 40px 28px;\n        text-align: center;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   LABEL\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-trustrow-label {\n        font-size: clamp(1.1rem, 1.8vw, 1.4rem);\n        font-weight: 700;\n        color: #0d0d0d;\n        letter-spacing: -0.01em;\n        line-height: 1.3;\n        margin: 0 0 10px;\n    }\n\n    .wma-trustrow-label span {\n        color: #151DA5;\n    }\n\n    .wma-trustrow-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        font-size: 14px;\n        font-weight: 700;\n        color: #151DA5;\n        text-decoration: none;\n    }\n\n    .wma-trustrow-link:hover {\n        text-decoration: underline;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   MARQUEE WRAP\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-marquee-wrap {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .wma-marquee-row {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);\n        mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);\n    }\n\n    .wma-marquee-track {\n        display: flex;\n        align-items: center;\n        gap: 60px;\n        width: max-content;\n        will-change: transform;\n    }\n\n    \/* 3 identische Sets hintereinander -> Loop bei -33.3333% statt -50% *\/\n\n    .wma-marquee-track--right {\n        animation: wmaMarqueeRight 42s linear infinite;\n    }\n\n    .wma-marquee-track--left {\n        animation: wmaMarqueeLeft 42s linear infinite;\n    }\n\n    @keyframes wmaMarqueeRight {\n        0% {\n            transform: translateX(-33.3333%);\n        }\n\n        100% {\n            transform: translateX(0);\n        }\n    }\n\n    @keyframes wmaMarqueeLeft {\n        0% {\n            transform: translateX(0);\n        }\n\n        100% {\n            transform: translateX(-33.3333%);\n        }\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   LOGO\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-marquee-logo {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 46px;\n        flex-shrink: 0;\n    }\n\n    .wma-marquee-logo img {\n        max-height: 100%;\n        width: auto;\n        max-width: 168px;\n        object-fit: contain;\n        filter: grayscale(1) opacity(0.45);\n        transition: filter 0.25s ease;\n    }\n\n    .wma-marquee-logo:hover img {\n        filter: grayscale(0) opacity(1);\n    }\n\n    \/* Dr. Grundbichler ~100% gr\u00f6\u00dfer *\/\n\n    .wma-marquee-logo--lg {\n        height: 92px;\n    }\n\n    .wma-marquee-logo--lg img {\n        max-width: 336px;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   TABLET\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  @media (max-width: 1024px) {\n    .wma-trustrow {\n        padding: 44px 0;\n    }\n\n    .wma-trustrow-inner {\n        padding: 0 32px 22px;\n    }\n\n    .wma-marquee-track {\n        gap: 44px;\n    }\n\n    .wma-marquee-logo {\n        height: 38px;\n    }\n\n    .wma-marquee-logo img {\n        max-width: 140px;\n    }\n\n    .wma-marquee-logo--lg {\n        height: 76px;\n    }\n\n    .wma-marquee-logo--lg img {\n        max-width: 280px;\n    }\n}\n\n@media (max-width: 767px) {\n    .wma-trustrow {\n        padding: 36px 0;\n    }\n\n    .wma-trustrow-inner {\n        padding: 0 20px 18px;\n    }\n\n    .wma-marquee-wrap {\n        gap: 16px;\n    }\n\n    .wma-marquee-track {\n        gap: 32px;\n    }\n\n    .wma-marquee-logo {\n        height: 32px;\n    }\n\n    .wma-marquee-logo img {\n        max-width: 112px;\n    }\n\n    .wma-marquee-logo--lg {\n        height: 64px;\n    }\n\n    .wma-marquee-logo--lg img {\n        max-width: 236px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-276a911 elementor-widget elementor-widget-html\" data-id=\"276a911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-process\">\n\n    <div class=\"wma-process-bg\"><\/div>\n\n    <div class=\"wma-process-inner\">\n\n        <div class=\"wma-process-header\">\n            <h2 class=\"wma-process-heading\">\n How We Work <span>Together<\/span>\n            <\/h2>\n        <\/div>\n\n        <div class=\"wma-process-steps\">\n\n            <div class=\"wma-process-step\">\n                <div class=\"wma-process-step-top\">\n                    <span class=\"wma-process-number\">1<\/span>\n                    <h3 class=\"wma-process-title\">Initial Consultation<\/h3>\n                <\/div>\n                <p class=\"wma-process-text\">\n We get to know your business and clarify what your website needs to achieve.\n                <\/p>\n            <\/div>\n\n            <div class=\"wma-process-step\">\n                <div class=\"wma-process-step-top\">\n                    <span class=\"wma-process-number\">2<\/span>\n                    <h3 class=\"wma-process-title\">Concept<\/h3>\n                <\/div>\n                <p class=\"wma-process-text\">\n We develop the structure and design, tailored to your business and your target audience.\n                <\/p>\n            <\/div>\n\n            <div class=\"wma-process-step\">\n                <div class=\"wma-process-step-top\">\n                    <span class=\"wma-process-number\">3<\/span>\n                    <h3 class=\"wma-process-title\">Implementation<\/h3>\n                <\/div>\n                <p class=\"wma-process-text\">\n We build your website to be technically sound, with ongoing coordination throughout the process.\n                <\/p>\n            <\/div>\n\n            <div class=\"wma-process-step\">\n                <div class=\"wma-process-step-top\">\n                    <span class=\"wma-process-number\">4<\/span>\n                    <h3 class=\"wma-process-title\">Launch<\/h3>\n                <\/div>\n                <p class=\"wma-process-text\">\n After thorough testing, your new website goes live.\n                <\/p>\n            <\/div>\n\n            <div class=\"wma-process-step\">\n                <div class=\"wma-process-step-top\">\n                    <span class=\"wma-process-number\">5<\/span>\n                    <h3 class=\"wma-process-title\">Ongoing Support<\/h3>\n                <\/div>\n                <p class=\"wma-process-text\">\n Even after launch, we remain your point of contact if you'd like and take care of your website on an ongoing basis.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .wma-process,\n    .wma-process * {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n    .wma-process {\n        background: #FDFDFD;\n        position: relative;\n        padding: 96px 0;\n        overflow: hidden;\n    }\n\n    .wma-process-bg {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, #c8cbdc 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.3;\n        pointer-events: none;\n    }\n\n    .wma-process-inner {\n        position: relative;\n        z-index: 1;\n        max-width: 1140px;\n        margin: 0 auto;\n        padding: 0 40px;\n    }\n\n    \/* \u2500\u2500\u2500 Header \u2500\u2500\u2500 *\/\n\n    .wma-process-header {\n        text-align: center;\n        margin-bottom: 64px;\n    }\n\n    .wma-process-heading {\n        font-size: 40px;\n        font-weight: 800;\n        color: #0d0d0d;\n        line-height: 1.15;\n        letter-spacing: -0.02em;\n        margin: 0;\n    }\n\n    .wma-process-heading span {\n        color: #151DA5;\n    }\n\n    \/* \u2500\u2500\u2500 Steps (Desktop: 5 in einer Reihe mit Verbindungslinie) \u2500\u2500\u2500 *\/\n\n    .wma-process-steps {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 20px;\n    }\n\n    .wma-process-steps::before {\n        content: '';\n        position: absolute;\n        top: 21px;\n        left: calc(10% + 21px);\n        right: calc(10% + 21px);\n        height: 1px;\n        background: rgba(21, 29, 165, 0.2);\n        z-index: 0;\n    }\n\n    .wma-process-step {\n        position: relative;\n        z-index: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        gap: 6px;\n    }\n\n    .wma-process-step-top {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .wma-process-number {\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background: #151DA5;\n        color: #ffffff;\n        font-size: 17px;\n        font-weight: 800;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 20px;\n        font-variant-numeric: tabular-nums;\n        box-shadow: 0 0 0 6px #FDFDFD;\n    }\n\n    .wma-process-title {\n        font-size: 16px;\n        font-weight: 800;\n        color: #0d0d0d;\n        letter-spacing: -0.01em;\n        margin: 0 0 8px;\n    }\n\n    .wma-process-text {\n        font-size: 13.5px;\n        line-height: 1.6;\n        color: #666;\n        margin: 0;\n        max-width: 190px;\n    }\n\n    \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n\n  @media (max-width: 1024px) {\n    .wma-process {\n        padding: 72px 0 80px;\n    }\n\n    .wma-process-inner {\n        padding: 0 32px;\n    }\n\n    .wma-process-heading {\n        font-size: 32px;\n    }\n\n    .wma-process-header {\n        margin-bottom: 48px;\n    }\n\n    .wma-process-steps {\n        grid-template-columns: 1fr 1fr;\n        row-gap: 48px;\n    }\n\n    .wma-process-steps::before {\n        display: none;\n    }\n\n    .wma-process-text {\n        max-width: 300px;\n    }\n}\n\n@media (max-width: 767px) {\n    .wma-process {\n        padding: 48px 0 56px;\n    }\n\n    .wma-process-inner {\n        padding: 0 20px;\n    }\n\n    .wma-process-heading {\n        font-size: 28px;\n    }\n\n    .wma-process-header {\n        margin-bottom: 40px;\n    }\n\n    .wma-process-steps {\n        grid-template-columns: 1fr;\n        gap: 0;\n    }\n\n    .wma-process-step {\n        flex-direction: column;\n        align-items: flex-start;\n        text-align: left;\n        gap: 0;\n        position: relative;\n        padding-bottom: 36px;\n    }\n\n    .wma-process-step:last-child {\n        padding-bottom: 0;\n    }\n\n    .wma-process-step-top {\n        flex-direction: row;\n        align-items: center;\n        gap: 20px;\n        margin-bottom: 10px;\n    }\n\n    .wma-process-step:not(:last-child)::after {\n        content: '';\n        position: absolute;\n        left: 20px;\n        top: 42px;\n        bottom: 0;\n        width: 1px;\n        background: rgba(21, 29, 165, 0.2);\n    }\n\n    .wma-process-number {\n        margin-bottom: 0;\n        flex-shrink: 0;\n        box-shadow: none;\n    }\n\n    .wma-process-title {\n        margin: 0;\n    }\n\n    .wma-process-text {\n        max-width: none;\n        margin-left: 62px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a7af9c elementor-widget elementor-widget-html\" data-id=\"9a7af9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-faq\">\n\n    <div class=\"wma-faq-bg\"><\/div>\n\n    <div class=\"wma-faq__inner\">\n\n        <!-- LEFT -->\n        <div class=\"wma-faq__left\">\n\n            <h2 class=\"wma-faq__heading\">\n Frequently Asked Questions About\n<span class=\"wma-faq__heading-accent\">Web Design in Vienna-Margareten<\/span>\n            <\/h2>\n\n            <p class=\"wma-faq__sub\">\n The most important questions about websites, local visibility, and working with us in the 5th district.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- RIGHT -->\n        <div class=\"wma-faq__right\">\n\n            <div class=\"wma-faq__list\">\n\n                <!-- FAQ 1 -->\n                <div class=\"wma-faq-item\">\n\n                    <button type=\"button\" class=\"wma-faq-question\" id=\"wma-faq-question-1\" aria-expanded=\"false\" aria-controls=\"wma-faq-answer-1\" onclick=\"toggleWmaFAQ(this)\">\n                        <span>Are you really based in Margareten?<\/span>\n\n                        <span class=\"wma-faq-chevron\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/button>\n\n                    <div class=\"wma-faq-answer\" id=\"wma-faq-answer-1\" role=\"region\" aria-labelledby=\"wma-faq-question-1\">\n                        <p>\n Yes. We're based at Sankt-Johann-Gasse 1-5\/1\/17, 1050 Vienna. For meetings, we come to you at your business, or we talk via video call, whichever is easier for you. We work with businesses from many different industries and always tailor the structure, design, and content to the respective target audience. You can find all districts and regions we work in under <a href=\"\/en\/locations\/\" class=\"wma-faq-link\">All locations<\/a>.  \n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- FAQ 2 -->\n                <div class=\"wma-faq-item\">\n\n                    <button type=\"button\" class=\"wma-faq-question\" id=\"wma-faq-question-2\" aria-expanded=\"false\" aria-controls=\"wma-faq-answer-2\" onclick=\"toggleWmaFAQ(this)\">\n                        <span>What kinds of businesses in Vienna-Margareten benefit from a professional website?<\/span>\n\n                        <span class=\"wma-faq-chevron\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/button>\n\n                    <div class=\"wma-faq-answer\" id=\"wma-faq-answer-2\" role=\"region\" aria-labelledby=\"wma-faq-question-2\">\n                        <p>\n A professional website makes sense for trade businesses, service providers, restaurants, retail, and many other businesses in the 5th district. Especially in a diverse business environment like Margareten, a clear website helps you communicate your offer clearly and build trust. \n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- FAQ 3 -->\n                <div class=\"wma-faq-item\">\n\n                    <button type=\"button\" class=\"wma-faq-question\" id=\"wma-faq-question-3\" aria-expanded=\"false\" aria-controls=\"wma-faq-answer-3\" onclick=\"toggleWmaFAQ(this)\">\n                        <span>How much does a website cost and how long does it take?<\/span>\n\n                        <span class=\"wma-faq-chevron\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/button>\n\n                    <div class=\"wma-faq-answer\" id=\"wma-faq-answer-3\" role=\"region\" aria-labelledby=\"wma-faq-question-3\">\n                        <p>\n                            A website with us starts at \u20ac2,500 and is usually online in 4 to 6 weeks. The exact price depends on the scope, the features you need, and your business's requirements. In the free initial consultation, we first clarify what you really need and then put together a transparent quote based on that.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- FAQ 4 -->\n                <div class=\"wma-faq-item\">\n\n                    <button type=\"button\" class=\"wma-faq-question\" id=\"wma-faq-question-4\" aria-expanded=\"false\" aria-controls=\"wma-faq-answer-4\" onclick=\"toggleWmaFAQ(this)\">\n                        <span>Do you only work with businesses in Margareten?<\/span>\n\n                        <span class=\"wma-faq-chevron\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/button>\n\n                    <div class=\"wma-faq-answer\" id=\"wma-faq-answer-4\" role=\"region\" aria-labelledby=\"wma-faq-question-4\">\n                        <p>\n                            No. Margareten is where we are based, but we work with businesses across Vienna and all of Austria, for example in Lower Austria and Salzburg.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- FAQ 5 -->\n                <div class=\"wma-faq-item\">\n\n                    <button type=\"button\" class=\"wma-faq-question\" id=\"wma-faq-question-5\" aria-expanded=\"false\" aria-controls=\"wma-faq-answer-5\" onclick=\"toggleWmaFAQ(this)\">\n                        <span>Can you also relaunch an existing website?<\/span>\n\n                        <span class=\"wma-faq-chevron\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/button>\n\n                    <div class=\"wma-faq-answer\" id=\"wma-faq-answer-5\" role=\"region\" aria-labelledby=\"wma-faq-question-5\">\n                        <p>\n                            Yes, a relaunch with us starts at \u20ac2,000. If your existing website no longer fits your business technically or visually, we can completely overhaul it. With a <a href=\"\/en\/services\/website-relaunch\/\" class=\"wma-faq-link\">Website Relaunch<\/a>, we review your current site and turn it into a modern, technically sound, and user-friendly online presence.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- FAQ 6 -->\n                <div class=\"wma-faq-item\">\n\n                    <button type=\"button\" class=\"wma-faq-question\" id=\"wma-faq-question-6\" aria-expanded=\"false\" aria-controls=\"wma-faq-answer-6\" onclick=\"toggleWmaFAQ(this)\">\n                        <span>Can you make my business more visible on Google in Margareten?<\/span>\n\n                        <span class=\"wma-faq-chevron\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/button>\n\n                    <div class=\"wma-faq-answer\" id=\"wma-faq-answer-6\" role=\"region\" aria-labelledby=\"wma-faq-question-6\">\n                        <p>\n                            Yes. Right from the start, we make sure your website has a solid technical and content-based SEO foundation. If you want to become more visible for relevant search terms or local searches in Vienna, we can also support you with <a href=\"\/en\/services\/seo-visibility\/\" class=\"wma-faq-link\">SEO & Visibility<\/a> and <a href=\"\/en\/services\/local-visibility\/\" class=\"wma-faq-link\">Local Visibility<\/a> on Google and Google Maps (one-time \u20ac250).\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- FAQ 7 -->\n                <div class=\"wma-faq-item\">\n\n                    <button type=\"button\" class=\"wma-faq-question\" id=\"wma-faq-question-7\" aria-expanded=\"false\" aria-controls=\"wma-faq-answer-7\" onclick=\"toggleWmaFAQ(this)\">\n                        <span>Do you also handle ongoing support after launch?<\/span>\n\n                        <span class=\"wma-faq-chevron\" aria-hidden=\"true\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path>\n                            <\/svg>\n                        <\/span>\n                    <\/button>\n\n                    <div class=\"wma-faq-answer\" id=\"wma-faq-answer-7\" role=\"region\" aria-labelledby=\"wma-faq-question-7\">\n                        <p>\n Yes. If you'd like, we also take care of updates, changes, security, and the ongoing development of your website after launch. Our <a href=\"\/en\/services\/website-maintenance\/\" class=\"wma-faq-link\">Website Maintenance<\/a> is optional and can be tailored to what you actually need.  \n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- FAQPage Schema -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Are you really based in Margareten?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. We're based at Sankt-Johann-Gasse 1-5\/1\/17, 1050 Vienna. For meetings, we come to you at your business, or we talk via video call, whichever is easier for you. We work with businesses from many different industries and always tailor the structure, design, and content to the respective target audience. You can find all districts and regions we work in under All locations.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What kinds of businesses in Vienna-Margareten benefit from a professional website?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"A professional website makes sense for trade businesses, service providers, restaurants, retail, and many other businesses in the 5th district. Especially in a diverse business environment like Margareten, a clear website helps you communicate your offer clearly and build trust.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How much does a website cost and how long does it take?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"A website with us starts at \u20ac2,500 and is usually online in 4 to 6 weeks. The exact price depends on the scope, the features you need, and your business's requirements. In the free initial consultation, we first clarify what you really need and then put together a transparent quote based on that.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do you only work with businesses in Margareten?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"No. Margareten is where we are based, but we work with businesses across Vienna and all of Austria, for example in Lower Austria and Salzburg.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can you also relaunch an existing website?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, a relaunch with us starts at \u20ac2,000. If your existing website no longer fits your business technically or visually, we can completely overhaul it. With a Website Relaunch, we review your current site and turn it into a modern, technically sound, and user-friendly online presence.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can you make my business more visible on Google in Margareten?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. Right from the start, we make sure your website has a solid technical and content-based SEO foundation. If you want to become more visible for relevant search terms or local searches in Vienna, we can also support you with SEO & Visibility and Local Visibility on Google and Google Maps (one-time \u20ac250).\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do you also handle ongoing support after launch?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. If you'd like, we also take care of updates, changes, security, and the ongoing development of your website after launch. Our Website Maintenance is optional and can be tailored to what you actually need.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n\n<script>\n    function toggleWmaFAQ(button) {\n        const currentItem = button.closest('.wma-faq-item');\n        const isOpen = currentItem.classList.contains('open');\n\n        document.querySelectorAll('.wma-faq-item').forEach(function(item) {\n            item.classList.remove('open');\n\n            const itemButton = item.querySelector('.wma-faq-question');\n\n            if (itemButton) {\n                itemButton.setAttribute('aria-expanded', 'false');\n            }\n        });\n\n        if (!isOpen) {\n            currentItem.classList.add('open');\n            button.setAttribute('aria-expanded', 'true');\n        }\n    }\n<\/script>\n\n\n<style>\n\n    \/* ========================================\n       RESET \/ SCOPE\n    ======================================== *\/\n\n    .wma-faq,\n    .wma-faq *,\n    .wma-faq *::before,\n    .wma-faq *::after {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n    .wma-faq {\n        position: relative;\n        background: #FDFDFD;\n        padding: 88px 0 96px;\n        overflow: hidden;\n    }\n\n    .wma-faq-bg {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, #c8cbdc 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.3;\n        pointer-events: none;\n    }\n\n\n    \/* ========================================\n       INNER\n    ======================================== *\/\n\n    .wma-faq__inner {\n        position: relative;\n        z-index: 1;\n\n        width: 100%;\n        max-width: 1160px;\n\n        margin: 0 auto;\n        padding: 0 40px;\n\n        display: grid;\n        grid-template-columns: 1fr 1.6fr;\n        gap: 72px;\n\n        align-items: start;\n    }\n\n    .wma-faq__left,\n    .wma-faq__right {\n        width: 100%;\n        min-width: 0;\n    }\n\n\n    \/* ========================================\n       LEFT\n    ======================================== *\/\n\n    .wma-faq__heading {\n        font-size: 40px;\n        font-weight: 900;\n        color: #0d0d0d;\n\n        line-height: 1.15;\n        letter-spacing: -0.02em;\n\n        margin: 0 0 16px;\n    }\n\n    .wma-faq__heading-accent {\n        color: #151DA5;\n    }\n\n    .wma-faq__sub {\n        font-size: 16px;\n        line-height: 1.7;\n        color: #666;\n\n        margin: 0;\n    }\n\n\n    \/* ========================================\n       LIST\n    ======================================== *\/\n\n    .wma-faq__list {\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n\n        width: 100%;\n        min-width: 0;\n    }\n\n    .wma-faq-item {\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n\n        background: #fff;\n        border: 1px solid #eaecf2;\n        border-radius: 14px;\n\n        overflow: hidden;\n\n        transition:\n            border-color 0.2s ease,\n            box-shadow 0.2s ease;\n    }\n\n    .wma-faq-item.open {\n        border-color: rgba(21, 29, 165, 0.20);\n        box-shadow: 0 4px 20px rgba(21, 29, 165, 0.07);\n    }\n\n\n    \/* ========================================\n       QUESTION\n    ======================================== *\/\n\n    .wma-faq-question {\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        gap: 16px;\n        padding: 18px 22px;\n\n        border: 0;\n        border-radius: 0;\n\n        background: transparent !important;\n        background-color: transparent !important;\n        background-image: none !important;\n\n        box-shadow: none !important;\n\n        color: #0d0d0d !important;\n\n        font-size: 16px;\n        font-weight: 600;\n        line-height: 1.45;\n\n        text-align: left;\n\n        cursor: pointer;\n\n        appearance: none;\n        -webkit-appearance: none;\n\n        white-space: normal !important;\n        overflow-wrap: anywhere;\n        word-break: normal;\n\n        transition: color 0.2s ease;\n    }\n\n    .wma-faq-question > span:first-child {\n        min-width: 0;\n        flex: 1 1 auto;\n\n        white-space: normal !important;\n        overflow-wrap: anywhere;\n        word-break: normal;\n    }\n\n    .wma-faq-question:hover {\n        color: #151DA5 !important;\n    }\n\n    .wma-faq-item.open .wma-faq-question {\n        color: #151DA5 !important;\n    }\n\n    .wma-faq-question:focus-visible {\n        outline: 2px solid #151DA5 !important;\n        outline-offset: -3px;\n    }\n\n\n    \/* ========================================\n       CHEVRON\n    ======================================== *\/\n\n    .wma-faq-chevron {\n        width: 22px;\n        height: 22px;\n\n        flex-shrink: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        transition: transform 0.3s ease;\n    }\n\n    .wma-faq-chevron svg {\n        width: 16px;\n        height: 16px;\n\n        color: #9ca3af;\n\n        transition: color 0.2s ease;\n    }\n\n    .wma-faq-question:hover .wma-faq-chevron svg,\n    .wma-faq-item.open .wma-faq-chevron svg {\n        color: #151DA5;\n    }\n\n    .wma-faq-item.open .wma-faq-chevron {\n        transform: rotate(180deg);\n    }\n\n\n    \/* ========================================\n       ANSWER\n    ======================================== *\/\n\n    .wma-faq-answer {\n        width: 100%;\n        min-width: 0;\n\n        max-height: 0;\n        overflow: hidden;\n\n        padding: 0 22px;\n\n        transition:\n            max-height 0.38s ease,\n            padding 0.3s ease;\n    }\n\n    .wma-faq-item.open .wma-faq-answer {\n        max-height: 650px;\n        padding: 0 22px 20px;\n    }\n\n    .wma-faq-answer p {\n        margin: 0;\n        padding-top: 14px;\n\n        border-top: 1px solid #eaecf2;\n\n        font-size: 15px;\n        font-weight: 400;\n        line-height: 1.75;\n\n        color: #6b7280;\n\n        overflow-wrap: anywhere;\n        word-break: normal;\n    }\n\n    \/* Falls irgendwo strong-Tags durch Elementor o. \u00c4. auftauchen *\/\n    .wma-faq-answer strong {\n        color: inherit;\n        font-weight: 400;\n    }\n\n\n    \/* ========================================\n       CROSSLINKS\n    ======================================== *\/\n\n    .wma-faq-link {\n        color: #151DA5 !important;\n\n        font-weight: 700;\n\n        text-decoration: none;\n        text-decoration-thickness: 1px;\n        text-underline-offset: 3px;\n    }\n\n    .wma-faq-link:hover {\n        color: #151DA5 !important;\n        text-decoration: underline;\n    }\n\n\n    \/* ========================================\n       TABLET\n    ======================================== *\/\n\n    @media (max-width: 1024px) {\n\n        .wma-faq {\n            padding: 72px 0 80px;\n        }\n\n        .wma-faq__inner {\n            grid-template-columns: 1fr;\n            gap: 40px;\n\n            padding: 0 32px;\n        }\n\n        .wma-faq__heading {\n            font-size: 32px;\n        }\n\n        .wma-faq__sub {\n            font-size: 16px;\n            max-width: 620px;\n        }\n\n    }\n\n\n    \/* ========================================\n       MOBILE\n    ======================================== *\/\n\n    @media (max-width: 767px) {\n\n        .wma-faq {\n            padding: 48px 0 56px;\n        }\n\n        .wma-faq__inner {\n            grid-template-columns: 1fr;\n            gap: 32px;\n\n            padding: 0 20px;\n        }\n\n        .wma-faq__left {\n            text-align: center;\n        }\n\n        .wma-faq__heading {\n            font-size: 28px;\n        }\n\n        .wma-faq__sub {\n            font-size: 15px;\n        }\n\n        .wma-faq-question {\n            padding: 14px 16px;\n            gap: 12px;\n\n            font-size: 15px;\n        }\n\n        .wma-faq-chevron {\n            width: 18px;\n            height: 18px;\n        }\n\n        .wma-faq-chevron svg {\n            width: 13px;\n            height: 13px;\n        }\n\n        .wma-faq-answer {\n            padding: 0 16px;\n        }\n\n        .wma-faq-item.open .wma-faq-answer {\n            max-height: 650px;\n            padding: 0 16px 16px;\n        }\n\n        .wma-faq-answer p {\n            font-size: 14.5px;\n            line-height: 1.7;\n        }\n\n    }\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bc31fa elementor-widget elementor-widget-html\" data-id=\"6bc31fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"wma-cta\">\n\n    <div class=\"wma-cta-bg\"><\/div>\n\n    <div class=\"wma-cta-inner\">\n\n        <h2 class=\"wma-cta-heading\">\n Ready for your website in the 5th district? <span>Let's talk.<\/span>\n        <\/h2>\n\n        <p class=\"wma-cta-sub\">\n In the initial consultation, we'll work out together what your business needs and how we'll make it happen. No obligation, no pressure.\n        <\/p>\n\n        <div class=\"wma-cta-actions\">\n\n             <a href=\"\/en\/contact\/\" class=\"wma-cta-button\">\n<span class=\"wma-cta-button__text\">Start your project<\/span>\n<span class=\"wma-cta-button__shine\"><\/span>\n<\/a>\n\n<a href=\"\/en\/services\/\" class=\"wma-cta-ghost\">\nView our services\n<\/a> \n\n        <\/div>\n\n        <div class=\"wma-cta-trust\">\n\n            <div class=\"wma-cta-trust-item\">\n                <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#151DA5\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 6L9 17l-5-5\"><\/path>\n                <\/svg>\n From \u20ac2,500\n            <\/div>\n\n            <div class=\"wma-cta-trust-item\">\n                <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#151DA5\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 6L9 17l-5-5\"><\/path>\n                <\/svg>\n 4\u20136 weeks\n            <\/div>\n\n            <div class=\"wma-cta-trust-item\">\n                <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#151DA5\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 6L9 17l-5-5\"><\/path>\n                <\/svg>\n Free initial consultation\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .wma-cta,\n    .wma-cta * {\n        box-sizing: border-box;\n        font-family: 'Sora', sans-serif !important;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   SECTION\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-cta {\n        position: relative;\n        background: #FDFDFD;\n        padding: 96px 0 104px;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    .wma-cta-bg {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, #c8cbdc 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.3;\n        pointer-events: none;\n    }\n\n    .wma-cta-inner {\n        position: relative;\n        z-index: 1;\n        max-width: 680px;\n        margin: 0 auto;\n        padding: 0 40px;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   HEADING\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-cta-heading {\n        font-size: clamp(1.9rem, 3.4vw, 2.6rem);\n        font-weight: 900;\n        color: #0d0d0d;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n        margin: 0 0 18px;\n    }\n\n    .wma-cta-heading span {\n        color: #151DA5;\n    }\n\n    .wma-cta-sub {\n        font-size: 16px;\n        line-height: 1.7;\n        color: #666;\n        margin: 0 0 36px;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   ACTIONS\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-cta-actions {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 16px;\n        flex-wrap: wrap;\n    }\n\n    .wma-cta-button {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        padding: 17px 34px;\n        border-radius: 8px;\n        background: #151DA5;\n        color: #fff !important;\n        font-size: 16px;\n        font-weight: 700;\n        text-decoration: none !important;\n        overflow: hidden;\n        box-shadow: 0 4px 18px rgba(21, 29, 165, 0.28);\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .wma-cta-button__text {\n        position: relative;\n        z-index: 1;\n        color: #fff !important;\n    }\n\n    .wma-cta-button__shine {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.22) 50%, transparent 70%);\n        transform: translateX(-100%);\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    .wma-cta-button:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 28px rgba(21, 29, 165, 0.40);\n    }\n\n    .wma-cta-button:hover .wma-cta-button__shine {\n        transform: translateX(200%);\n        transition: transform 0.55s ease;\n    }\n\n    .wma-cta-ghost {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 17px 26px;\n        border-radius: 8px;\n        border: 1px solid rgba(21, 29, 165, 0.3);\n        color: #151DA5 !important;\n        font-size: 16px;\n        font-weight: 700;\n        text-decoration: none !important;\n        transition: border-color 0.2s ease, background 0.2s ease;\n    }\n\n    .wma-cta-ghost:hover {\n        border-color: #151DA5;\n        background: rgba(21, 29, 165, 0.05);\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   TRUST POINTS\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    .wma-cta-trust {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 24px;\n        flex-wrap: wrap;\n        margin-top: 32px;\n    }\n\n    .wma-cta-trust-item {\n        display: flex;\n        align-items: center;\n        gap: 7px;\n        font-size: 14px;\n        font-weight: 600;\n        color: #666;\n        white-space: nowrap;\n    }\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   TABLET\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 1024px) {\n    .wma-cta {\n        padding: 72px 0 80px;\n    }\n\n    .wma-cta-inner {\n        padding: 0 32px;\n    }\n\n    .wma-cta-heading {\n        font-size: 32px;\n    }\n}\n\n@media (max-width: 767px) {\n    .wma-cta {\n        padding: 48px 0 56px;\n    }\n\n    .wma-cta-inner {\n        padding: 0 20px;\n    }\n\n    .wma-cta-heading {\n        font-size: 28px;\n    }\n\n    .wma-cta-sub {\n        font-size: 15px;\n        margin-bottom: 28px;\n    }\n\n    .wma-cta-actions {\n        flex-direction: column;\n        width: 100%;\n        gap: 12px;\n    }\n\n    .wma-cta-button,\n    .wma-cta-ghost {\n        width: 100%;\n    }\n\n    .wma-cta-trust {\n        flex-direction: column;\n        gap: 12px;\n        margin-top: 28px;\n    }\n}\n<\/style>\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":"","protected":false},"author":6,"featured_media":19595,"parent":18551,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"web design Vienna Margareten","_yoast_wpseo_title":"Web Design Vienna Margareten 1050 | BSC Webdesign","_yoast_wpseo_metadesc":"Web design from Vienna-Margareten: websites from \u20ac2,500, live in 4\u20136 weeks, with local visibility and SEO. We come to you or meet via video call.","_yoast_wpseo_meta-robots-noindex":"","_yoast_wpseo_canonical":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/","footnotes":""},"class_list":["post-19597","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web Design Vienna Margareten 1050 | BSC Webdesign<\/title>\n<meta name=\"description\" content=\"Web design from Vienna-Margareten: websites from \u20ac2,500, live in 4\u20136 weeks, with local visibility and SEO. We come to you or meet via video call.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design Vienna Margareten 1050 | BSC Webdesign\" \/>\n<meta property=\"og:description\" content=\"Professional websites for businesses in Vienna-Margareten, with local visibility, SEO, and personal support from BSC Webdesign in the 5th district.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/\" \/>\n<meta property=\"og:site_name\" content=\"BSC Webdesign\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bscwebdesign\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T02:58:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/10\/Webdesign-Wien-Margareten-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1535\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/web-design-vienna-margareten-1050\\\/\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/web-design-vienna-margareten-1050\\\/\",\"name\":\"Web Design Vienna Margareten 1050 | BSC Webdesign\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/web-design-vienna-margareten-1050\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/web-design-vienna-margareten-1050\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Webdesign-Wien-Margareten-scaled.webp\",\"datePublished\":\"2026-10-21T20:05:02+00:00\",\"dateModified\":\"2026-10-29T02:58:34+00:00\",\"description\":\"Web design from Vienna-Margareten: websites from \u20ac2,500, live in 4\u20136 weeks, with local visibility and SEO. We come to you or meet via video call.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/web-design-vienna-margareten-1050\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/web-design-vienna-margareten-1050\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/web-design-vienna-margareten-1050\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Webdesign-Wien-Margareten-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Webdesign-Wien-Margareten-scaled.webp\",\"width\":2560,\"height\":1535},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/web-design-vienna-margareten-1050\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Locations\",\"item\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/locations\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Design Vienna-Margareten 1050\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/\",\"name\":\"BSC Webdesign\",\"description\":\"Webdesign-Agentur in Wien\",\"publisher\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#organization\"},\"alternateName\":\"bscwebdesign.at\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Organization\",\"ProfessionalService\"],\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#organization\",\"name\":\"BSC Webdesign\",\"alternateName\":\"BSC Webdesign OG\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/logo-bsc.png\",\"contentUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/logo-bsc.png\",\"width\":757,\"height\":752,\"caption\":\"BSC Webdesign\"},\"image\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/bscwebdesign\\\/\",\"https:\\\/\\\/www.instagram.com\\\/bsc.webdesign\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@bscwebdesign\",\"https:\\\/\\\/www.tiktok.com\\\/@bsc.webdesign\",\"https:\\\/\\\/www.google.com\\\/search?kgmid=\\\/g\\\/11w_v8hnb2\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/bsc-webdesign\\\/\",\"https:\\\/\\\/clutch.co\\\/profile\\\/bsc-webdesign\",\"https:\\\/\\\/www.herold.at\\\/gelbe-seiten\\\/wien\\\/792HC\\\/bsc-webdesign\\\/\",\"https:\\\/\\\/feedbax.ai\\\/profile\\\/bsc-webdesign\",\"https:\\\/\\\/www.sortlist.com\\\/agency\\\/bsc-webdesign\",\"https:\\\/\\\/www.goodfirms.co\\\/company\\\/bsc-webdesign\",\"https:\\\/\\\/www.trustpilot.com\\\/review\\\/bscwebdesign.at\"],\"legalName\":\"BSC Webdesign OG\",\"description\":\"BSC Webdesign is a web design agency from Vienna, founded in 2024 by Tobias Berger, Paul Stellnberger and Aaron Csok. The team builds custom WordPress websites, online stores and SEO solutions for businesses across Austria and internationally, with more than 50 completed projects and a 4.9 out of 5 star rating on Google.\",\"telephone\":\"+43 1 442 02 60\",\"email\":\"office@bscwebdesign.com\",\"foundingDate\":\"2024\",\"vatID\":\"ATU81730414\",\"priceRange\":\"from \u20ac2,500\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Sankt-Johann-Gasse 1-5\\\/1\\\/17\",\"postalCode\":\"1050\",\"addressLocality\":\"Vienna\",\"addressRegion\":\"Vienna\",\"addressCountry\":\"AT\"},\"founder\":[{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/#tobias-berger\",\"name\":\"Tobias Berger\",\"jobTitle\":\"Co-founder, technology & SEO\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/about-us\\\/\",\"alumniOf\":{\"@type\":\"CollegeOrUniversity\",\"name\":\"TU Wien\"},\"sameAs\":\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tobias-berger-\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/#paul-stellnberger\",\"name\":\"Paul Stellnberger\",\"jobTitle\":\"Co-founder, web design & development\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/about-us\\\/\",\"alumniOf\":{\"@type\":\"CollegeOrUniversity\",\"name\":\"WU Vienna University of Economics and Business\"},\"sameAs\":\"https:\\\/\\\/www.linkedin.com\\\/in\\\/paul-stellnberger\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/#aaron-csok\",\"name\":\"Aaron Csok\",\"jobTitle\":\"Co-founder, branding & design\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/about-us\\\/\",\"sameAs\":\"https:\\\/\\\/www.linkedin.com\\\/in\\\/aaroncsok\\\/\"}],\"memberOf\":{\"@type\":\"Organization\",\"name\":\"Vienna Economic Chamber (WKO Wien)\",\"url\":\"https:\\\/\\\/www.wko.at\\\/wien\"},\"subjectOf\":{\"@type\":\"NewsArticle\",\"headline\":\"Drei Schulfreunde gr\u00fcnden erfolgreiches IT-Startup in Margareten\",\"url\":\"https:\\\/\\\/www.meinbezirk.at\\\/margareten\\\/c-wirtschaft\\\/drei-schulfreunde-gruenden-erfolgreiches-it-startup-in-margareten_a7957926\",\"datePublished\":\"2026-02-17\",\"inLanguage\":\"de-AT\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"MeinBezirk\"}},\"areaServed\":[{\"@type\":\"Country\",\"name\":\"Austria\"},{\"@type\":\"City\",\"name\":\"Vienna\"},{\"@type\":\"State\",\"name\":\"Lower Austria\"},{\"@type\":\"State\",\"name\":\"Salzburg\"},{\"@type\":\"Country\",\"name\":\"Germany\"},{\"@type\":\"Country\",\"name\":\"Switzerland\"}],\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"customer service\",\"telephone\":\"+43 1 442 02 60\",\"email\":\"office@bscwebdesign.com\",\"areaServed\":[\"AT\",\"DE\",\"CH\"],\"availableLanguage\":[\"German\",\"English\"]},\"knowsAbout\":[\"Web design\",\"WordPress\",\"WooCommerce\",\"Online stores\",\"Website relaunch\",\"SEO\",\"Local SEO\"],\"hasMap\":\"https:\\\/\\\/maps.app.goo.gl\\\/reEqHGYoFnheeHkc9\",\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\"],\"opens\":\"08:00\",\"closes\":\"19:00\"},{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":\"Saturday\",\"opens\":\"08:00\",\"closes\":\"14:00\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design Vienna Margareten 1050 | BSC Webdesign","description":"Web design from Vienna-Margareten: websites from \u20ac2,500, live in 4\u20136 weeks, with local visibility and SEO. We come to you or meet via video call.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/","og_locale":"en_US","og_type":"article","og_title":"Web Design Vienna Margareten 1050 | BSC Webdesign","og_description":"Professional websites for businesses in Vienna-Margareten, with local visibility, SEO, and personal support from BSC Webdesign in the 5th district.","og_url":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/","og_site_name":"BSC Webdesign","article_publisher":"https:\/\/www.facebook.com\/bscwebdesign\/","article_modified_time":"2026-10-29T02:58:34+00:00","og_image":[{"width":2560,"height":1535,"url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/10\/Webdesign-Wien-Margareten-scaled.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/","url":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/","name":"Web Design Vienna Margareten 1050 | BSC Webdesign","isPartOf":{"@id":"https:\/\/bscwebdesign.at\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/#primaryimage"},"image":{"@id":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/#primaryimage"},"thumbnailUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/10\/Webdesign-Wien-Margareten-scaled.webp","datePublished":"2026-10-21T20:05:02+00:00","dateModified":"2026-10-29T02:58:34+00:00","description":"Web design from Vienna-Margareten: websites from \u20ac2,500, live in 4\u20136 weeks, with local visibility and SEO. We come to you or meet via video call.","breadcrumb":{"@id":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/#primaryimage","url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/10\/Webdesign-Wien-Margareten-scaled.webp","contentUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/10\/Webdesign-Wien-Margareten-scaled.webp","width":2560,"height":1535},{"@type":"BreadcrumbList","@id":"https:\/\/bscwebdesign.at\/en\/locations\/web-design-vienna-margareten-1050\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bscwebdesign.at\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Locations","item":"https:\/\/bscwebdesign.at\/en\/locations\/"},{"@type":"ListItem","position":3,"name":"Web Design Vienna-Margareten 1050"}]},{"@type":"WebSite","@id":"https:\/\/bscwebdesign.at\/en\/#website","url":"https:\/\/bscwebdesign.at\/en\/","name":"BSC Webdesign","description":"Webdesign-Agentur in Wien","publisher":{"@id":"https:\/\/bscwebdesign.at\/en\/#organization"},"alternateName":"bscwebdesign.at","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bscwebdesign.at\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Organization","ProfessionalService"],"@id":"https:\/\/bscwebdesign.at\/en\/#organization","name":"BSC Webdesign","alternateName":"BSC Webdesign OG","url":"https:\/\/bscwebdesign.at\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscwebdesign.at\/en\/#\/schema\/logo\/image\/","url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/logo-bsc.png","contentUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/logo-bsc.png","width":757,"height":752,"caption":"BSC Webdesign"},"image":{"@id":"https:\/\/bscwebdesign.at\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bscwebdesign\/","https:\/\/www.instagram.com\/bsc.webdesign\/","https:\/\/www.youtube.com\/@bscwebdesign","https:\/\/www.tiktok.com\/@bsc.webdesign","https:\/\/www.google.com\/search?kgmid=\/g\/11w_v8hnb2","https:\/\/www.linkedin.com\/company\/bsc-webdesign\/","https:\/\/clutch.co\/profile\/bsc-webdesign","https:\/\/www.herold.at\/gelbe-seiten\/wien\/792HC\/bsc-webdesign\/","https:\/\/feedbax.ai\/profile\/bsc-webdesign","https:\/\/www.sortlist.com\/agency\/bsc-webdesign","https:\/\/www.goodfirms.co\/company\/bsc-webdesign","https:\/\/www.trustpilot.com\/review\/bscwebdesign.at"],"legalName":"BSC Webdesign OG","description":"BSC Webdesign is a web design agency from Vienna, founded in 2024 by Tobias Berger, Paul Stellnberger and Aaron Csok. The team builds custom WordPress websites, online stores and SEO solutions for businesses across Austria and internationally, with more than 50 completed projects and a 4.9 out of 5 star rating on Google.","telephone":"+43 1 442 02 60","email":"office@bscwebdesign.com","foundingDate":"2024","vatID":"ATU81730414","priceRange":"from \u20ac2,500","address":{"@type":"PostalAddress","streetAddress":"Sankt-Johann-Gasse 1-5\/1\/17","postalCode":"1050","addressLocality":"Vienna","addressRegion":"Vienna","addressCountry":"AT"},"founder":[{"@type":"Person","@id":"https:\/\/bscwebdesign.at\/#tobias-berger","name":"Tobias Berger","jobTitle":"Co-founder, technology & SEO","url":"https:\/\/bscwebdesign.at\/en\/about-us\/","alumniOf":{"@type":"CollegeOrUniversity","name":"TU Wien"},"sameAs":"https:\/\/www.linkedin.com\/in\/tobias-berger-\/"},{"@type":"Person","@id":"https:\/\/bscwebdesign.at\/#paul-stellnberger","name":"Paul Stellnberger","jobTitle":"Co-founder, web design & development","url":"https:\/\/bscwebdesign.at\/en\/about-us\/","alumniOf":{"@type":"CollegeOrUniversity","name":"WU Vienna University of Economics and Business"},"sameAs":"https:\/\/www.linkedin.com\/in\/paul-stellnberger\/"},{"@type":"Person","@id":"https:\/\/bscwebdesign.at\/#aaron-csok","name":"Aaron Csok","jobTitle":"Co-founder, branding & design","url":"https:\/\/bscwebdesign.at\/en\/about-us\/","sameAs":"https:\/\/www.linkedin.com\/in\/aaroncsok\/"}],"memberOf":{"@type":"Organization","name":"Vienna Economic Chamber (WKO Wien)","url":"https:\/\/www.wko.at\/wien"},"subjectOf":{"@type":"NewsArticle","headline":"Drei Schulfreunde gr\u00fcnden erfolgreiches IT-Startup in Margareten","url":"https:\/\/www.meinbezirk.at\/margareten\/c-wirtschaft\/drei-schulfreunde-gruenden-erfolgreiches-it-startup-in-margareten_a7957926","datePublished":"2026-02-17","inLanguage":"de-AT","publisher":{"@type":"Organization","name":"MeinBezirk"}},"areaServed":[{"@type":"Country","name":"Austria"},{"@type":"City","name":"Vienna"},{"@type":"State","name":"Lower Austria"},{"@type":"State","name":"Salzburg"},{"@type":"Country","name":"Germany"},{"@type":"Country","name":"Switzerland"}],"contactPoint":{"@type":"ContactPoint","contactType":"customer service","telephone":"+43 1 442 02 60","email":"office@bscwebdesign.com","areaServed":["AT","DE","CH"],"availableLanguage":["German","English"]},"knowsAbout":["Web design","WordPress","WooCommerce","Online stores","Website relaunch","SEO","Local SEO"],"hasMap":"https:\/\/maps.app.goo.gl\/reEqHGYoFnheeHkc9","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"08:00","closes":"19:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Saturday","opens":"08:00","closes":"14:00"}]}]}},"_links":{"self":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/pages\/19597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/comments?post=19597"}],"version-history":[{"count":1,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/pages\/19597\/revisions"}],"predecessor-version":[{"id":19598,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/pages\/19597\/revisions\/19598"}],"up":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/pages\/18551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/media\/19595"}],"wp:attachment":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/media?parent=19597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}