<!– wp:html –> <style> @import url(‚https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap‘);

.emil-rg{ –ink:#141316; –ink-soft:#33302b; –gold:#e5caad; –gold-deep:#c9a877; –gold-ghost:#f3e8d8; –taupe:#876e55; –go:#17a35a; –go-deep:#0f8a48; –sand:#f8f3ec; –sand-2:#efe5d6; –paper:#ffffff; –grey:#5f6063; –grey-soft:#8d8e91; –line:#ece2d3; –shadow-sm:0 2px 10px rgba(40,30,15,.05); –shadow-md:0 14px 40px -18px rgba(60,45,20,.22); –shadow-lg:0 30px 70px -30px rgba(60,45,20,.30); –fd:’Sofia Sans‘,-apple-system,BlinkMacSystemFont,’Segoe UI‘,Arial,sans-serif; –fb:’Helvetica Neue‘,Helvetica,Arial,sans-serif; –rad:14px; –rad-sm:10px; –wrap:1200px;

width:100vw; margin-left:calc(50% – 50vw); margin-right:calc(50% – 50vw); overflow-x:clip;

font-family:var(–fb); color:var(–ink); background:var(–paper); line-height:1.72; font-size:17px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* hide the theme’s own post title (rendered outside .emil-rg) to avoid a duplicate H1 */ .single-post-title{display:none !important;}

.emil-rg *{box-sizing:border-box} .emil-rg img{max-width:100%;display:block} .emil-rg a{color:inherit;text-decoration:none}

.emil-rg h1,.emil-rg h2,.emil-rg h3,.emil-rg h4, .emil-rg .eyebrow,.emil-rg .btn,.emil-rg .author-name, .emil-rg .rel-title,.emil-rg .tl-title,.emil-rg .card-title{font-family:var(–fd)}

.emil-rg .btn{ display:inline-flex;align-items:center;gap:8px; font-weight:700;font-size:15px;letter-spacing:.005em; padding:11px 22px;border-radius:50px;cursor:pointer;border:0; transition:transform .2s ease,box-shadow .25s ease,background .25s ease; } .emil-rg .btn-gold{background:var(–gold);color:var(–ink)} .emil-rg .btn-gold:hover{background:var(–gold-deep);transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(150,110,40,.6)} .emil-rg .btn-ink{background:var(–ink);color:#fff} .emil-rg .btn-ink:hover{background:#000;transform:translateY(-2px)} .emil-rg .btn-go{background:var(–go);color:#fff} .emil-rg .btn-go:hover{background:var(–go-deep);transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(15,120,70,.55)} .emil-rg .btn svg{width:16px;height:16px}

.emil-rg .hero{ background: radial-gradient(1100px 460px at 88% -10%, var(–gold-ghost) 0%, transparent 60%), linear-gradient(180deg,var(–sand) 0%, #fbf8f2 100%); border-bottom:1px solid var(–line); overflow:clip; } .emil-rg .hero-inner{ max-width:var(–wrap);margin:0 auto;padding:64px 28px 68px; display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center; } .emil-rg .eyebrow{ display:inline-flex;align-items:center;gap:10px; font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.16em; color:var(–taupe);margin-bottom:22px; } .emil-rg .eyebrow::before{content:““;width:26px;height:2px;background:var(–gold-deep);display:inline-block} .emil-rg h1{ font-size:clamp(2.15rem,4vw,3.35rem); font-weight:800;line-height:1.06;letter-spacing:-.02em;color:var(–ink); margin-bottom:22px; } .emil-rg h1 .hl{color:var(–taupe);position:relative;white-space:nowrap} .emil-rg h1 .hl::after{content:““;position:absolute;left:0;right:0;bottom:.06em;height:.32em;background:var(–gold);opacity:.55;z-index:-1;border-radius:3px} .emil-rg .lede{font-size:1.2rem;color:var(–grey);max-width:34em;margin-bottom:30px} .emil-rg .byline{display:flex;align-items:center;gap:16px;flex-wrap:wrap} .emil-rg .avatar{ width:52px;height:52px;border-radius:50%;flex-shrink:0;overflow:clip; box-shadow:0 6px 16px -6px rgba(160,120,50,.6);border:2px solid #fff; } .emil-rg .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover} .emil-rg .byline-txt strong{font-family:var(–fd);font-weight:700;font-size:15.5px;color:var(–ink);display:block} .emil-rg .byline-txt span{font-size:13.5px;color:var(–grey-soft)} .emil-rg .byline-sep{width:1px;height:34px;background:var(–line)} .emil-rg .byline-meta{font-size:13.5px;color:var(–grey-soft);line-height:1.5} .emil-rg .byline-meta b{color:var(–ink);font-weight:600}

.emil-rg .hero-art{position:relative} .emil-rg .hero-art svg{width:100%;height:auto;filter:drop-shadow(0 30px 50px rgba(80,60,25,.18))}

.emil-rg .layout{ max-width:var(–wrap);margin:0 auto;padding:64px 28px 40px; display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:60px;align-items:start; } .emil-rg .article{min-width:0} .emil-rg .article > *{margin-bottom:22px} .emil-rg .article h2{ font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:-.015em;color:var(–ink); line-height:1.15;margin-top:52px;margin-bottom:18px;padding-left:20px;position:relative; } .emil-rg .article h2::before{content:““;position:absolute;left:0;top:.12em;bottom:.12em;width:5px;border-radius:4px;background:linear-gradient(180deg,var(–gold),var(–gold-deep))} .emil-rg .article h3{font-size:1.24rem;font-weight:700;color:var(–ink-soft);margin-top:34px;margin-bottom:12px;letter-spacing:-.01em} .emil-rg .article p{color:var(–grey)} .emil-rg .article p strong,.emil-rg .article li strong{color:var(–ink);font-weight:600} .emil-rg .article a.inline{color:var(–taupe);font-weight:600;border-bottom:1.5px solid var(–gold);transition:background .2s} .emil-rg .article a.inline:hover{background:var(–gold-ghost)} .emil-rg .article ul{list-style:none;margin:0 0 22px;padding:0} .emil-rg .article ul li{position:relative;padding-left:32px;margin-bottom:12px;color:var(–grey)} .emil-rg .article ul li::before{ content:““;position:absolute;left:0;top:.55em;width:16px;height:16px;border-radius:50%; background:var(–gold-ghost); background-image:url(„data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg‘ viewBox=’0 0 24 24′ fill=’none‘ stroke=’%23a37c3f‘ stroke-width=’3.2′ stroke-linecap=’round‘ stroke-linejoin=’round’%3E%3Cpolyline points=’20 6 9 17 4 12’/%3E%3C/svg%3E“); background-size:11px;background-repeat:no-repeat;background-position:center; transform:translateY(-2px); }

.emil-rg .takeaway{ background:linear-gradient(180deg,#fff,var(–sand)); border:1px solid var(–line);border-left:5px solid var(–gold); border-radius:var(–rad);padding:26px 28px;margin:8px 0 30px;box-shadow:var(–shadow-sm); } .emil-rg .takeaway .lbl{font-family:var(–fd);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(–taupe);margin-bottom:14px} .emil-rg .takeaway ul{margin:0} .emil-rg .takeaway ul li{margin-bottom:10px}

.emil-rg .areas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 26px} .emil-rg .area{ background:var(–paper);border:1px solid var(–line);border-radius:var(–rad); padding:22px 22px 20px;box-shadow:var(–shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s; } .emil-rg .area:hover{transform:translateY(-4px);box-shadow:var(–shadow-md);border-color:var(–gold)} .emil-rg .area .ico{width:44px;height:44px;border-radius:11px;background:var(–gold-ghost);display:grid;place-items:center;margin-bottom:14px} .emil-rg .area .ico svg{width:23px;height:23px;stroke:var(–taupe)} .emil-rg .area .card-title{font-weight:700;font-size:16.5px;color:var(–ink);margin-bottom:5px} .emil-rg .area p{font-size:14.5px;line-height:1.6;margin:0}

.emil-rg .compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 26px} .emil-rg .compare .cc{border-radius:var(–rad);padding:22px 24px;border:1px solid var(–line)} .emil-rg .compare .redesign{background:var(–paper)} .emil-rg .compare .relaunch{background:var(–ink);color:#efe9df;border-color:var(–ink)} .emil-rg .compare .cc .tag{font-family:var(–fd);font-weight:800;font-size:14px;letter-spacing:.03em;margin-bottom:8px;display:inline-flex;align-items:center;gap:8px} .emil-rg .compare .redesign .tag{color:var(–taupe)} .emil-rg .compare .relaunch .tag{color:var(–gold)} .emil-rg .compare .cc p{font-size:14.5px;line-height:1.62;margin:0} .emil-rg .compare .relaunch p{color:#cbc4b8}

.emil-rg .timeline{position:relative;margin:14px 0 30px;padding-left:6px} .emil-rg .timeline::before{content:““;position:absolute;left:23px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,var(–gold),var(–gold-deep),var(–line))} .emil-rg .tl-step{position:relative;display:flex;gap:22px;padding:6px 0 22px} .emil-rg .tl-node{ flex-shrink:0;width:48px;height:48px;border-radius:50%;z-index:1; background:#fff;border:2px solid var(–gold);color:var(–taupe); font-family:var(–fd);font-weight:800;font-size:18px;display:grid;place-items:center; box-shadow:0 6px 16px -8px rgba(160,120,50,.5);transition:transform .25s,background .25s,color .25s; } .emil-rg .tl-step:hover .tl-node{background:var(–gold);color:#fff;transform:scale(1.08)} .emil-rg .tl-body{padding-top:4px} .emil-rg .tl-title{font-weight:700;font-size:17px;color:var(–ink);margin-bottom:4px} .emil-rg .tl-body p{font-size:15px;line-height:1.62;color:var(–grey);margin:0}

.emil-rg .protect{ background:linear-gradient(135deg,var(–ink) 0%,#26221c 100%); border-radius:18px;padding:34px 34px 30px;margin:20px 0 30px;color:#e9e2d6; box-shadow:var(–shadow-lg);position:relative;overflow:clip; } .emil-rg .protect::after{content:““;position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(229,202,173,.16),transparent 70%)} .emil-rg .protect .ph{display:flex;align-items:center;gap:14px;margin-bottom:8px;position:relative} .emil-rg .protect .ph svg{width:30px;height:30px;stroke:var(–gold)} .emil-rg .protect .ph h3{font-family:var(–fd);color:#fff;font-size:1.32rem;font-weight:700;margin:0} .emil-rg .protect > p{color:#c9c1b4;font-size:15px;margin:0 0 18px;position:relative} .emil-rg .protect ul{position:relative;margin:0} .emil-rg .protect ul li{color:#ddd5c8;padding-left:30px} .emil-rg .protect ul li strong{color:#fff} .emil-rg .protect ul li::before{ background:rgba(229,202,173,.16); background-image:url(„data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg‘ viewBox=’0 0 24 24′ fill=’none‘ stroke=’%23e5caad‘ stroke-width=’3.2′ stroke-linecap=’round‘ stroke-linejoin=’round’%3E%3Cpolyline points=’20 6 9 17 4 12’/%3E%3C/svg%3E“); }

.emil-rg .costs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 24px} .emil-rg .cost{border:1px solid var(–line);border-radius:var(–rad);padding:24px;background:var(–paper);box-shadow:var(–shadow-sm);position:relative} .emil-rg .cost.hi{border-color:var(–gold);background:linear-gradient(180deg,#fff,var(–sand))} .emil-rg .cost .ct{font-family:var(–fd);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(–grey-soft);margin-bottom:8px} .emil-rg .cost .cp{font-family:var(–fd);font-weight:800;font-size:1.9rem;color:var(–ink);line-height:1;margin-bottom:10px;letter-spacing:-.01em} .emil-rg .cost .cp small{font-size:1rem;font-weight:600;color:var(–taupe)} .emil-rg .cost p{font-size:14px;line-height:1.55;color:var(–grey);margin:0}

.emil-rg .checklist{ background:var(–sand);border:1px solid var(–line);border-radius:var(–rad); padding:26px 28px;margin:10px 0 26px; } .emil-rg .checklist .lbl{font-family:var(–fd);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(–taupe);margin-bottom:16px;display:flex;align-items:center;gap:10px} .emil-rg .checklist .lbl svg{width:20px;height:20px;stroke:var(–taupe)} .emil-rg .check-grid{display:grid;gap:11px} .emil-rg .check-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(–ink-soft);line-height:1.5} .emil-rg .check-box{ flex-shrink:0;width:22px;height:22px;border-radius:6px;background:#fff;border:1.5px solid var(–gold-deep); display:grid;place-items:center;margin-top:1px; } .emil-rg .check-box svg{width:13px;height:13px;stroke:var(–taupe);stroke-width:3.2}

.emil-rg .fazit-cta{ background:linear-gradient(120deg,var(–gold) 0%,#f0dcc2 55%,var(–gold-ghost) 100%); border-radius:20px;padding:38px 40px;margin:36px 0 10px;position:relative;overflow:clip; box-shadow:var(–shadow-md); } .emil-rg .fazit-cta h3{font-family:var(–fd);font-weight:800;font-size:1.5rem;color:var(–ink);margin-bottom:10px;letter-spacing:-.015em} .emil-rg .fazit-cta p{color:#5a4a30;font-size:15.5px;max-width:44em;margin-bottom:22px} .emil-rg .fazit-cta .btn{box-shadow:0 14px 30px -14px rgba(15,120,70,.55)}

.emil-rg .post-author{ display:flex;align-items:center;gap:22px; background:linear-gradient(180deg,#fff,var(–sand)); border:1px solid var(–line);border-left:5px solid var(–gold); border-radius:var(–rad);padding:24px 26px;margin:34px 0 8px;box-shadow:var(–shadow-sm); } .emil-rg .pa-avatar{ width:66px;height:66px;flex-shrink:0;border-radius:50%;overflow:clip; box-shadow:0 8px 20px -8px rgba(160,120,50,.6);border:2px solid #fff; } .emil-rg .pa-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover} .emil-rg .pa-body{flex:1;min-width:0} .emil-rg .pa-eyebrow{font-family:var(–fd);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(–gold-deep)} .emil-rg .pa-name{font-family:var(–fd);font-weight:800;font-size:19px;color:var(–ink);letter-spacing:-.01em;line-height:1.2} .emil-rg .pa-role{font-size:13px;color:var(–taupe);font-weight:600;margin-bottom:8px} .emil-rg .pa-bio{font-size:14px;line-height:1.58;color:var(–grey);margin:0} .emil-rg .pa-links{display:flex;flex-direction:column;gap:8px;flex-shrink:0} .emil-rg .pa-links a{width:36px;height:36px;border-radius:9px;background:#fff;border:1px solid var(–line);display:grid;place-items:center;transition:background .2s,transform .2s} .emil-rg .pa-links a:hover{background:var(–gold-ghost);transform:translateY(-2px)} .emil-rg .pa-links a svg{width:17px;height:17px;fill:var(–taupe)}

.emil-rg .sidebar{align-self:start;position:sticky;top:84px;display:flex;flex-direction:column;gap:13px} .emil-rg .side-card{background:var(–paper);border:1px solid var(–line);border-radius:18px;box-shadow:var(–shadow-sm);overflow:clip}

.emil-rg .author{padding:18px 20px 16px;text-align:center;position:relative;background:linear-gradient(180deg,var(–sand) 0%,#fff 62%)} .emil-rg .author .a-avatar{ width:56px;height:56px;border-radius:50%;margin:0 auto 10px;overflow:clip; box-shadow:0 10px 26px -10px rgba(160,120,50,.7);border:3px solid #fff; } .emil-rg .author .a-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover} .emil-rg .a-eyebrow{font-family:var(–fd);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(–gold-deep);margin-bottom:6px} .emil-rg .author-name{font-weight:800;font-size:18px;color:var(–ink);letter-spacing:-.01em} .emil-rg .a-role{font-size:13.5px;color:var(–taupe);font-weight:600;margin-bottom:6px} .emil-rg .a-bio{font-size:12.5px;line-height:1.5;color:var(–grey);margin-bottom:12px} .emil-rg .a-links{display:flex;gap:10px;justify-content:center} .emil-rg .a-links a{ width:38px;height:38px;border-radius:10px;background:var(–sand);display:grid;place-items:center; transition:background .2s,transform .2s;border:1px solid var(–line); } .emil-rg .a-links a:hover{background:var(–gold-ghost);transform:translateY(-2px)} .emil-rg .a-links a svg{width:18px;height:18px;fill:var(–taupe)}

.emil-rg .rel-head{padding:17px 22px 2px;font-family:var(–fd);font-weight:800;font-size:15.5px;color:var(–ink);display:flex;align-items:center;gap:10px} .emil-rg .rel-head::before{content:““;width:20px;height:3px;border-radius:3px;background:var(–gold-deep)} .emil-rg .rel-list{padding:6px 12px 12px} .emil-rg .rel{display:flex;gap:13px;align-items:center;padding:7px 10px;border-radius:12px;transition:background .2s} .emil-rg .rel:hover{background:var(–sand)} .emil-rg .rel-thumb{flex-shrink:0;width:56px;height:56px;border-radius:11px;overflow:clip;box-shadow:var(–shadow-sm)} .emil-rg .rel-thumb svg{width:100%;height:100%} .emil-rg .rel-cat{font-family:var(–fd);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(–gold-deep);margin-bottom:3px} .emil-rg .rel-title{font-family:var(–fd);font-weight:600;font-size:14.5px;line-height:1.32;color:var(–ink);transition:color .2s} .emil-rg .rel:hover .rel-title{color:var(–taupe)}

.emil-rg .side-cta{background:linear-gradient(180deg,#fff,var(–sand));border:1px solid var(–line);color:var(–ink);padding:14px 18px;text-align:center;border-radius:18px;box-shadow:var(–shadow-sm);position:relative;overflow:clip} .emil-rg .side-cta::after{content:““;position:absolute;left:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(23,163,90,.10),transparent 70%)} .emil-rg .side-cta .sc-ico{width:44px;height:44px;border-radius:12px;background:rgba(23,163,90,.12);display:grid;place-items:center;margin:0 auto 10px;position:relative} .emil-rg .side-cta .sc-ico svg{width:24px;height:24px;stroke:var(–go)} .emil-rg .side-cta h4{font-family:var(–fd);font-weight:800;font-size:18px;color:var(–ink);margin-bottom:6px;position:relative} .emil-rg .side-cta p{font-size:13.5px;color:var(–grey);line-height:1.5;margin-bottom:13px;position:relative} .emil-rg .side-cta .btn{position:relative;width:100%;justify-content:center}

@media(max-width:980px){ .emil-rg .hero-inner{grid-template-columns:1fr;gap:36px;padding:48px 24px 52px} .emil-rg .hero-art{max-width:520px;margin:0 auto;order:-1} .emil-rg .layout{grid-template-columns:1fr;gap:44px;padding:48px 24px 32px} .emil-rg .sidebar{align-self:start;position:static;flex-direction:column} } @media(max-width:560px){ .emil-rg{font-size:16px} .emil-rg .hero-inner{padding:38px 18px 44px} .emil-rg .layout{padding:40px 18px 24px} .emil-rg .areas,.emil-rg .compare,.emil-rg .costs{grid-template-columns:1fr} .emil-rg .fazit-cta,.emil-rg .protect{padding:26px 22px} .emil-rg .post-author{flex-direction:column;text-align:center;gap:14px} .emil-rg .pa-links{flex-direction:row;justify-content:center} .emil-rg .byline-sep{display:none} } @media(max-height:710px) and (min-width:981px){ .emil-rg .sidebar{align-self:start;position:static} } </style>

<div class=“emil-rg“>

<!– ============ HERO (full width) ============ –> <section class=“hero“> <div class=“hero-inner“> <div class=“hero-copy“> <span class=“eyebrow“>Ratgeber &middot; Website &amp; Kosten</span> <h1>Website erstellen lassen: <span class=“hl“>Kosten im &Uuml;berblick</span></h1> <p class=“lede“>Baukasten, Freelancer oder Agentur &ndash; die Preise f&uuml;r eine neue Website reichen von wenigen Euro im Monat bis in den f&uuml;nfstelligen Bereich. Dieser Ratgeber zeigt, was welche Variante wirklich kostet und wof&uuml;r Sie zahlen.</p> <div class=“byline“> <div class=“avatar“><img src=“https://www.agentur-emilian.de/wp-content/uploads/2024/07/alexandra.png“ alt=“Alexandra Buckard“></div> <div class=“byline-txt“> <strong>Alexandra Buckard</strong> <span>Gesch&auml;ftsf&uuml;hrerin &middot; Agentur Emilian</span> </div> <div class=“byline-sep“></div> <div class=“byline-meta“><b>7. Juli 2026</b><br>9 Min. Lesezeit</div> </div> </div>

<div class=“hero-art“ aria-hidden=“true“> <svg viewBox=“0 0 520 440″ xmlns=“http://www.w3.org/2000/svg“> <defs> <linearGradient id=“gGold“ x1=“0″ y1=“0″ x2=“1″ y2=“1″> <stop offset=“0″ stop-color=“#f0dcc2″/><stop offset=“1″ stop-color=“#c9a877″/> </linearGradient> <linearGradient id=“gInk“ x1=“0″ y1=“0″ x2=“0″ y2=“1″> <stop offset=“0″ stop-color=“#1c1a17″/><stop offset=“1″ stop-color=“#2c2822″/> </linearGradient> <linearGradient id=“gLine“ x1=“0″ y1=“1″ x2=“1″ y2=“0″> <stop offset=“0″ stop-color=“#c9a877″/><stop offset=“1″ stop-color=“#e5caad“/> </linearGradient> <filter id=“soft“ x=“-20%“ y=“-20%“ width=“140%“ height=“140%“> <feDropShadow dx=“0″ dy=“14″ stdDeviation=“16″ flood-color=“#7a5c20″ flood-opacity=“0.20″/> </filter> </defs> <circle cx=“430″ cy=“70″ r=“70″ fill=“#f3e8d8″/> <circle cx=“70″ cy=“360″ r=“46″ fill=“#efe5d6″/> <g opacity=“0.5″ transform=“translate(24 92) rotate(-6 130 120)“> <rect x=“0″ y=“0″ width=“250″ height=“200″ rx=“16″ fill=“#fff“ stroke=“#e4d8c4″ stroke-width=“2″/> <rect x=“0″ y=“0″ width=“250″ height=“34″ rx=“16″ fill=“#efe5d6″/> <rect x=“0″ y=“24″ width=“250″ height=“12″ fill=“#efe5d6″/> <circle cx=“18″ cy=“17″ r=“4″ fill=“#cfc2ab“/><circle cx=“33″ cy=“17″ r=“4″ fill=“#cfc2ab“/><circle cx=“48″ cy=“17″ r=“4″ fill=“#cfc2ab“/> <rect x=“22″ y=“56″ width=“120″ height=“12″ rx=“6″ fill=“#e0d3bd“/> <rect x=“22″ y=“80″ width=“180″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“22″ y=“96″ width=“150″ height=“8″ rx=“4″ fill=“#eadfcb“/> <rect x=“22″ y=“128″ width=“60″ height=“30″ rx=“8″ fill=“#e0d3bd“/> </g> <g filter=“url(#soft)“ transform=“translate(150 128)“> <rect x=“0″ y=“0″ width=“330″ height=“250″ rx=“20″ fill=“#fff“ stroke=“#efe5d6″ stroke-width=“2″/> <rect x=“0″ y=“0″ width=“330″ height=“44″ rx=“20″ fill=“url(#gInk)“/> <rect x=“0″ y=“30″ width=“330″ height=“14″ fill=“#2c2822″/> <circle cx=“24″ cy=“22″ r=“5″ fill=“#e5caad“/><circle cx=“43″ cy=“22″ r=“5″ fill=“#8a7a5f“/><circle cx=“62″ cy=“22″ r=“5″ fill=“#5f5748″/> <rect x=“92″ y=“14″ width=“216″ height=“16″ rx=“8″ fill=“#3a352d“/> <rect x=“26″ y=“66″ width=“52″ height=“10″ rx=“5″ fill=“#141316″/> <rect x=“230″ y=“64″ width=“74″ height=“20″ rx=“10″ fill=“url(#gGold)“/> <rect x=“26″ y=“104″ width=“278″ height=“120″ rx=“12″ fill=“#faf6ef“ stroke=“#efe5d6″/> <text x=“50″ y=“150″ font-family=“Sofia Sans,sans-serif“ font-size=“30″ font-weight=“800″ fill=“#c9a877″>&euro;</text> <rect x=“94″ y=“128″ width=“150″ height=“14″ rx=“7″ fill=“#e0d3bd“/> <rect x=“94″ y=“154″ width=“180″ height=“10″ rx=“5″ fill=“#eadfcb“/> <rect x=“94″ y=“174″ width=“130″ height=“10″ rx=“5″ fill=“#eadfcb“/> <rect x=“42″ y=“196″ width=“80″ height=“20″ rx=“10″ fill=“url(#gGold)“/> <rect x=“132″ y=“196″ width=“80″ height=“20″ rx=“10″ fill=“#efe5d6″/> </g> <g transform=“translate(120 236)“> <circle cx=“0″ cy=“0″ r=“26″ fill=“url(#gGold)“ filter=“url(#soft)“/> <text x=“0″ y=“9″ font-family=“Sofia Sans,sans-serif“ font-size=“26″ font-weight=“800″ fill=“#141316″ text-anchor=“middle“>&euro;</text> </g> <g transform=“translate(392 300)“> <rect x=“0″ y=“0″ width=“108″ height=“52″ rx=“14″ fill=“#141316″ filter=“url(#soft)“/> <text x=“15″ y=“24″ font-family=“Sofia Sans,sans-serif“ font-size=“17″ font-weight=“800″ fill=“#e5caad“>ab 1.500 &euro;</text> <text x=“15″ y=“41″ font-family=“Helvetica,sans-serif“ font-size=“10″ fill=“#c9c1b4″>Richtwert</text> </g> </svg> </div> </div> </section>

<!– ============ TWO-COLUMN LAYOUT ============ –> <div class=“layout“>

<!– ———- ARTICLE ———- –> <article class=“article“>

<div class=“takeaway“> <div class=“lbl“>Das Wichtigste in K&uuml;rze</div> <ul> <li><strong>Die Bandbreite:</strong> Baukasten ab 10&ndash;50 &euro; im Monat, Freelancer ca. 1.500&ndash;5.000 &euro;, Agentur ca. 4.000&ndash;15.000 &euro; und mehr.</li> <li><strong>Was den Preis bestimmt:</strong> Umfang, Individualit&auml;t, Inhalte und wie viel SEO von Anfang an mitgedacht wird.</li> <li><strong>Nicht vergessen:</strong> zu den einmaligen Kosten kommen laufende Ausgaben f&uuml;r Domain, Hosting und Wartung.</li> </ul> </div>

<p>&bdquo;Was kostet es, eine Website erstellen zu lassen?&ldquo; &ndash; auf diese Frage gibt es keine einzelne Zahl, sondern eine ganze Spanne. Denn der Preis h&auml;ngt davon ab, <em>wer</em> die Website baut und <em>wie</em> aufwendig sie werden soll. Dieser Ratgeber ordnet die g&auml;ngigen Wege ein, nennt realistische Richtwerte und erkl&auml;rt, was im Preis steckt.</p>

<h2>Die drei Wege, eine Website erstellen zu lassen</h2> <p>Grunds&auml;tzlich haben Sie drei Optionen, wenn eine neue Website her soll. Sie unterscheiden sich nicht nur im Preis, sondern auch in Aufwand, Qualit&auml;t und dem Ergebnis, das am Ende dabei herauskommt.</p>

<div class=“costs“> <div class=“cost“> <div class=“ct“>Baukasten (DIY)</div> <div class=“cp“>10&ndash;50<small> &euro;/Monat</small></div> <p>Sie bauen selbst mit Anbietern wie Wix, Jimdo oder WordPress.com &ndash; g&uuml;nstig, aber Ihre Zeit und Ihr Know-how sind gefragt.</p> </div> <div class=“cost“> <div class=“ct“>Freelancer</div> <div class=“cp“>1.500&ndash;5.000<small> &euro;</small></div> <p>Ein einzelner Profi setzt Ihre Website um. Guter Mittelweg aus Preis und Individualit&auml;t, oft mit klarem Fokusbereich.</p> </div> <div class=“cost hi“> <div class=“ct“>Agentur</div> <div class=“cp“>ab 4.000<small> &euro;</small></div> <p>Ein Team aus Konzept, Design, Technik und SEO &ndash; typischerweise 4.000 bis 15.000 &euro; und mehr, je nach Umfang.</p> </div> <div class=“cost“> <div class=“ct“>Richtwert-Hinweis</div> <div class=“cp“>&asymp;<small> Orientierung</small></div> <p>Alle Zahlen sind grobe Richtwerte und ersetzen kein individuelles Angebot. Der reale Preis h&auml;ngt immer vom Projekt ab.</p> </div> </div>

<h3>Baukasten: g&uuml;nstig, aber Handarbeit</h3> <p>Website-Baukästen sind der preiswerteste Einstieg. F&uuml;r 10 bis 50 &euro; im Monat erhalten Sie Vorlagen, Hosting und Domain in einem Paket. Der Haken: Sie bauen alles selbst. Das kostet Zeit, und das Ergebnis wirkt oft wie von der Stange. F&uuml;r ein kleines Projekt oder einen ersten Test kann das gen&uuml;gen &ndash; wer geschäftlich &uuml;berzeugen und bei Google ranken will, st&ouml;&szlig;t hier schnell an Grenzen.</p>

<h3>Freelancer: individuell zum fairen Preis</h3> <p>Ein freiberuflicher Webdesigner oder Entwickler setzt Ihre Website individuell um &ndash; meist f&uuml;r 1.500 bis 5.000 &euro;. Sie bekommen ein pers&ouml;nliches Gegen&uuml;ber und ein Ergebnis, das zu Ihnen passt. Wichtig ist, vorab zu kl&auml;ren, welche Leistungen enthalten sind: Nicht jeder Freelancer deckt Design, Technik, Texte und SEO gleicherma&szlig;en ab.</p>

<h3>Agentur: alles aus einer Hand</h3> <p>Eine Agentur b&uuml;ndelt Konzept, Design, Technik, Inhalte und SEO in einem Team. Das schl&auml;gt sich im Preis nieder &ndash; typischerweise 4.000 bis 15.000 &euro; und f&uuml;r umfangreiche Projekte auch deutlich mehr. Daf&uuml;r erhalten Sie eine durchdachte, verkaufsstarke Website und einen Ansprechpartner, der das Projekt von Anfang bis Ende steuert. Einen tieferen &Uuml;berblick &uuml;ber alle Preisfaktoren liefert unser Ratgeber <a class=“inline“ href=“https://www.agentur-emilian.de/was-kostet-eine-website/“>Was kostet eine Website?</a>.</p>

<h2>Was ist im Preis enthalten?</h2> <p>Ein seri&ouml;ses Angebot umfasst weit mehr als nur ein h&uuml;bsches Layout. Diese Leistungen stecken bei einer professionell erstellten Website &uuml;blicherweise im Preis:</p>

<div class=“areas“> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><circle cx=“12″ cy=“12″ r=“9″/><path d=“M12 7v5l3 2″/></svg></div> <div class=“card-title“>Konzept &amp; Strategie</div> <p>Ziele, Zielgruppe und Struktur werden geplant, bevor eine einzige Seite gebaut wird.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M12 19l7-7a5 5 0 00-7-7l-7 7″/><path d=“M9 3l-6 6a5 5 0 007 7″/><circle cx=“8.5″ cy=“15.5″ r=“1.5″/></svg></div> <div class=“card-title“>Design &amp; Umsetzung</div> <p>Ein markenkonformes Layout wird technisch sauber, schnell und mobiltauglich gebaut.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M5 4h14a1 1 0 011 1v14a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1z“/><path d=“M8 9h8M8 13h8M8 17h5″/></svg></div> <div class=“card-title“>Content</div> <p>Aufbereitung oder Erstellung von Texten und Bildern &ndash; oft ein separater Posten.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><circle cx=“11″ cy=“11″ r=“7″/><path d=“M21 21l-4.3-4.3″/></svg></div> <div class=“card-title“>SEO-Basis</div> <p>Saubere Technik, sinnvolle Struktur und Meta-Daten, damit Google die Seite gut versteht.</p> </div> </div>

<h3>Was kostet extra?</h3> <p>Nicht alles ist automatisch im Grundpreis enthalten. Diese Posten werden h&auml;ufig zus&auml;tzlich berechnet &ndash; kl&auml;ren Sie sie am besten vorab im Angebot:</p> <ul> <li><strong>Texterstellung:</strong> Professionelle, suchmaschinenoptimierte Texte kosten extra, wenn Sie sie nicht selbst liefern.</li> <li><strong>Fotografie &amp; Bildmaterial:</strong> Eigene Fotos oder lizenzierte Stockbilder sind ein separater Posten.</li> <li><strong>Sonderfunktionen:</strong> Buchungssysteme, Mehrsprachigkeit, Mitgliederbereiche oder ein Onlineshop erh&ouml;hen den Aufwand deutlich.</li> <li><strong>Logo &amp; Branding:</strong> Wenn ein Corporate Design erst entwickelt werden muss, kommt das obendrauf.</li> <li><strong>Laufende Betreuung:</strong> Wartung, Updates und SEO nach dem Launch laufen meist &uuml;ber ein separates Paket.</li> </ul>

<h2>Was kostet eine Website laufend?</h2> <p>Ein h&auml;ufig untersch&auml;tzter Punkt: Mit dem einmaligen Erstellungspreis ist es nicht getan. Eine Website muss betrieben, gepflegt und aktuell gehalten werden. Diese laufenden Kosten sollten Sie einplanen &ndash; die Zahlen sind Richtwerte:</p>

<div class=“areas“> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><circle cx=“12″ cy=“12″ r=“9″/><path d=“M3 12h18M12 3a14 14 0 010 18M12 3a14 14 0 000 18″/></svg></div> <div class=“card-title“>Domain</div> <p>Ihre Internetadresse kostet meist rund 10&ndash;20 &euro; im Jahr, je nach Endung.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><rect x=“3″ y=“4″ width=“18″ height=“8″ rx=“2″/><rect x=“3″ y=“14″ width=“18″ height=“6″ rx=“2″/><path d=“M7 8h.01M7 17h.01″/></svg></div> <div class=“card-title“>Hosting</div> <p>Der Speicherplatz f&uuml;r Ihre Seite &ndash; grob 5&ndash;50 &euro; im Monat, je nach Anforderung.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4M4.9 19.1l2.8-2.8M16.3 7.7l2.8-2.8″/><circle cx=“12″ cy=“12″ r=“3″/></svg></div> <div class=“card-title“>Wartung</div> <p>Updates, Backups und Sicherheit &ndash; oft als Paket ab ca. 30&ndash;150 &euro; im Monat.</p> </div> <div class=“area“> <div class=“ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M3 17l6-6 4 4 8-8″/><path d=“M21 7v5M21 7h-5″/></svg></div> <div class=“card-title“>SEO &amp; Marketing</div> <p>Laufende Optimierung, damit die Seite langfristig gefunden wird &ndash; individuell kalkuliert.</p> </div> </div>

<p>Wer diese Posten von Anfang an einplant, erlebt sp&auml;ter keine b&ouml;sen &Uuml;berraschungen. Gerade Hosting und Wartung sind kein Luxus, sondern sorgen daf&uuml;r, dass Ihre Website sicher, schnell und dauerhaft erreichbar bleibt.</p>

<h2>Wovon h&auml;ngt der Preis ab?</h2> <p>Warum kostet die eine Website 2.000 &euro; und die andere 20.000 &euro;? Der Unterschied liegt in mehreren Faktoren, die den Aufwand nach oben oder unten treiben. Wer die Zusammenh&auml;nge kennt, versteht jedes Angebot besser:</p> <ul> <li><strong>Seitenumfang:</strong> Eine kompakte Visitenkarten-Seite ist deutlich g&uuml;nstiger als ein Portal mit vielen Unterseiten.</li> <li><strong>Individualit&auml;t:</strong> Ein ma&szlig;geschneidertes Design kostet mehr als eine angepasste Standardvorlage.</li> <li><strong>Funktionen:</strong> Shop, Buchungssystem oder Mehrsprachigkeit erh&ouml;hen den technischen Aufwand erheblich.</li> <li><strong>Inhalte:</strong> Liefern Sie Texte und Bilder selbst, sparen Sie &ndash; wird beides erstellt, steigt der Preis.</li> <li><strong>SEO-Tiefe:</strong> Eine Website, die von Grund auf f&uuml;r Google optimiert wird, verlangt mehr Konzeptarbeit.</li> <li><strong>Anbieter:</strong> Baukasten, Freelancer und Agentur bewegen sich in v&ouml;llig unterschiedlichen Preisregionen.</li> </ul> <p>Sehen Sie den Preis dabei nicht isoliert. Eine gute Website ist kein Kostenpunkt, sondern eine Investition, die &uuml;ber Jahre Anfragen und Umsatz bringt. Was eine <a class=“inline“ href=“https://www.agentur-emilian.de/professionelle-website/“>professionelle Website</a> ausmacht, entscheidet oft mehr &uuml;ber den Erfolg als der reine Preis.</p>

<h2>Baukasten, Freelancer oder Agentur &ndash; was passt zu mir?</h2> <p>Es gibt nicht den einen richtigen Weg. Welche Option sinnvoll ist, h&auml;ngt von Budget, Anspruch und Ziel ab. Diese Gegen&uuml;berstellung hilft bei der Einordnung:</p> <div class=“compare“> <div class=“cc redesign“> <span class=“tag“>DIY / Baukasten</span> <p>Ideal f&uuml;r ganz kleine Budgets, Testprojekte oder Hobbyseiten. Wenig Kosten, aber viel Eigenarbeit und begrenzte M&ouml;glichkeiten bei Design und SEO.</p> </div> <div class=“cc relaunch“> <span class=“tag“>Freelancer / Agentur</span> <p>Die richtige Wahl, wenn die Website gesch&auml;ftlich &uuml;berzeugen und bei Google gefunden werden soll. H&ouml;here Investition, aber ein professionelles, tragf&auml;higes Ergebnis.</p> </div> </div>

<h2>Woran erkenne ich einen seri&ouml;sen Anbieter?</h2> <p>Gerade weil die Preise so weit auseinandergehen, lohnt ein genauer Blick auf den Anbieter. Ein faires, professionelles Gegen&uuml;ber erkennen Sie an mehreren Anzeichen &ndash; unabh&auml;ngig davon, ob es ein Freelancer oder eine Agentur ist.</p>

<div class=“protect“> <div class=“ph“> <svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z“/><path d=“M9 12l2 2 4-4″/></svg> <h3>Merkmale eines seri&ouml;sen Anbieters</h3> </div> <p>Wer diese Punkte erf&uuml;llt, arbeitet transparent &ndash; und Sie wissen genau, wof&uuml;r Sie bezahlen.</p> <ul> <li><strong>Transparentes Angebot:</strong> Die Leistungen sind klar aufgeschl&uuml;sselt, Sie sehen, was enthalten ist und was extra kostet.</li> <li><strong>Fragen vor dem Preis:</strong> Ein guter Anbieter versteht erst Ihr Vorhaben, bevor er eine Zahl nennt &ndash; keine Pauschalpreise ins Blaue.</li> <li><strong>Referenzen &amp; Portfolio:</strong> Bisherige Projekte lassen sich ansehen und zeigen die Qualit&auml;t der Arbeit.</li> <li><strong>SEO wird mitgedacht:</strong> Suchmaschinenoptimierung ist von Anfang an Thema, nicht ein nachtr&auml;glicher Zusatz.</li> <li><strong>Klare Zust&auml;ndigkeiten:</strong> Sie wissen, wem die Domain geh&ouml;rt, wer das Hosting stellt und wer nach dem Launch ansprechbar ist.</li> <li><strong>Keine Knebelvertr&auml;ge:</strong> Sie behalten Zugriff auf Ihre Website und Daten und sind nicht dauerhaft abh&auml;ngig.</li> </ul> </div>

<h2>Wie lange dauert es, eine Website erstellen zu lassen?</h2> <p>Neben dem Preis ist die Dauer die zweith&auml;ufigste Frage. Auch hier gilt: Es kommt auf den Umfang an. Ein kompaktes Projekt ist oft in wenigen Wochen fertig, umfangreiche Websites brauchen mehrere Monate. Entscheidend ist meist nicht die Umsetzung selbst, sondern wie schnell Freigaben, Inhalte und Feedback von Ihrer Seite kommen. Mehr dazu lesen Sie im Ratgeber <a class=“inline“ href=“https://www.agentur-emilian.de/wie-lange-dauert-eine-website/“>Wie lange dauert es, eine Website zu erstellen?</a>.</p>

<h2>Checkliste vor der Anfrage</h2> <p>Bevor Sie Angebote einholen, lohnt es sich, das eigene Vorhaben zu sortieren. Wer diese Punkte kl&auml;rt, bekommt pr&auml;zisere Angebote und vergleichbare Preise:</p>

<div class=“checklist“> <div class=“lbl“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M9 11l3 3L22 4″/><path d=“M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11″/></svg>Das sollten Sie vorab kl&auml;ren</div> <div class=“check-grid“> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Ziel der Website: Anfragen gewinnen, verkaufen, informieren oder repr&auml;sentieren?</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Ungef&auml;hrer Umfang: Wie viele Seiten und welche Bereiche braucht die Website?</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Sonderfunktionen: Onlineshop, Buchung, Mehrsprachigkeit oder Mitgliederbereich n&ouml;tig?</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Inhalte: Liefern Sie Texte und Bilder selbst oder soll der Anbieter sie erstellen?</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Budget-Rahmen: Welche einmalige Investition und welche laufenden Kosten sind m&ouml;glich?</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Zeitrahmen: Bis wann soll die Website online sein?</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>SEO &amp; Sichtbarkeit: Soll die Website aktiv bei Google gefunden werden?</div> <div class=“check-item“><span class=“check-box“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-linecap=“round“ stroke-linejoin=“round“><polyline points=“20 6 9 17 4 12″/></svg></span>Betreuung: Wer k&uuml;mmert sich nach dem Launch um Wartung und Updates?</div> </div> </div> <p>Mit dieser Vorarbeit vermeiden Sie unklare Angebote und k&ouml;nnen Preise wirklich vergleichen &ndash; statt &Auml;pfel mit Birnen zu messen.</p>

<h2>Fazit</h2> <p>Eine Website erstellen zu lassen kostet je nach Weg zwischen wenigen Euro im Monat und einem f&uuml;nfstelligen Betrag. Der Baukasten ist g&uuml;nstig, aber Handarbeit; ein Freelancer bietet Individualit&auml;t zum fairen Preis; eine Agentur liefert alles aus einer Hand. Entscheidend ist nicht der niedrigste Preis, sondern das beste Verh&auml;ltnis aus Investition und Ergebnis. Wer Ziele, Umfang und laufende Kosten von Anfang an klar hat, trifft die richtige Wahl &ndash; und bekommt eine Website, die sich langfristig auszahlt.</p>

<div class=“fazit-cta“ id=“kontakt“> <h3>Websites, die gefunden werden</h3> <p>Wir bauen Websites, die bei Google, ChatGPT &amp; Co. gefunden werden &ndash; und aus Besuchern Anfragen machen. Transparent kalkuliert, von Konzept &uuml;ber Design und Technik bis zur SEO-Basis, alles aus einer Hand.</p> <a href=“https://www.agentur-emilian.de/kontakt/“ class=“btn btn-go“>Kostenloses Erstgespr&auml;ch <svg viewBox=“0 0 24 24″ fill=“none“ stroke=“currentColor“ stroke-width=“2.4″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M5 12h14M13 6l6 6-6 6″/></svg> </a> </div>

<div class=“post-author“> <div class=“pa-avatar“><img src=“https://www.agentur-emilian.de/wp-content/uploads/2024/07/alexandra.png“ alt=“Alexandra Buckard“></div> <div class=“pa-body“> <span class=“pa-eyebrow“>Geschrieben von</span> <div class=“pa-name“>Alexandra Buckard</div> <div class=“pa-role“>Gesch&auml;ftsf&uuml;hrerin &middot; Agentur Emilian</div> <p class=“pa-bio“>Alexandra begeistert sich f&uuml;r Websites und Onlineshops, die nicht nur sch&ouml;n aussehen, sondern messbar Anfragen und Umsatz bringen. Transparente Kalkulation und SEO geh&ouml;ren zu ihren Steckenpferden.</p> </div> <div class=“pa-links“> <a href=“https://www.agentur-emilian.de/kontakt/“ aria-label=“LinkedIn“><svg viewBox=“0 0 24 24″><path d=“M4.98 3.5a2.5 2.5 0 11-.02 5 2.5 2.5 0 01.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-1 1.83-2.05 3.77-2.05C20.3 8.65 22 10.9 22 14.6V21h-4v-5.7c0-1.36-.02-3.1-1.9-3.1-1.9 0-2.2 1.48-2.2 3v5.8H9z“/></svg></a> <a href=“https://www.agentur-emilian.de/kontakt/“ aria-label=“E-Mail“><svg viewBox=“0 0 24 24″><path d=“M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm9 7L4 7v1l8 5 8-5V7z“/></svg></a> </div> </div>

</article>

<!– ———- SIDEBAR ———- –> <aside class=“sidebar“>

<!– Author box –> <div class=“side-card author“> <div class=“a-avatar“><img src=“https://www.agentur-emilian.de/wp-content/uploads/2024/07/alexandra.png“ alt=“Alexandra Buckard“></div> <div class=“a-eyebrow“>Ihre Ansprechpartnerin</div> <div class=“author-name“>Alexandra Buckard</div> <div class=“a-role“>Gesch&auml;ftsf&uuml;hrerin &middot; Agentur Emilian</div> <p class=“a-bio“>Berät Unternehmen zu Website, SEO und Google Ads &ndash; damit aus Besuchern messbar Anfragen werden.</p> <div class=“a-links“> <a href=“https://www.agentur-emilian.de/kontakt/“ aria-label=“LinkedIn“><svg viewBox=“0 0 24 24″><path d=“M4.98 3.5a2.5 2.5 0 11-.02 5 2.5 2.5 0 01.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-1 1.83-2.05 3.77-2.05C20.3 8.65 22 10.9 22 14.6V21h-4v-5.7c0-1.36-.02-3.1-1.9-3.1-1.9 0-2.2 1.48-2.2 3v5.8H9z“/></svg></a> <a href=“https://www.agentur-emilian.de/kontakt/“ aria-label=“E-Mail“><svg viewBox=“0 0 24 24″><path d=“M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm9 7L4 7v1l8 5 8-5V7z“/></svg></a> </div> </div>

<!– Sidebar CTA –> <div class=“side-cta“> <div class=“sc-ico“><svg viewBox=“0 0 24 24″ fill=“none“ stroke-width=“1.8″ stroke-linecap=“round“ stroke-linejoin=“round“><path d=“M13 2L3 14h7l-1 8 10-12h-7z“/></svg></div> <h4>Websites, die bei Google, ChatGPT &amp; Co. gefunden werden</h4> <p>Wir bauen Websites, die bei Google, ChatGPT &amp; Co. gefunden werden &ndash; und aus Besuchern Anfragen machen.</p> <a href=“https://www.agentur-emilian.de/kontakt/“ class=“btn btn-go“>Kostenloses Erstgespr&auml;ch</a> </div>

<!– Related articles: Weitere Ratgeber –> <div class=“side-card“> <div class=“rel-head“>Weitere Ratgeber</div> <div class=“rel-list“>

<a class=“rel“ href=“https://www.agentur-emilian.de/was-kostet-eine-website/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#efe5d6″/><circle cx=“33″ cy=“33″ r=“16″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2.4″/><path d=“M33 24v18M29 28h6a3 3 0 010 6h-4a3 3 0 000 6h6″ fill=“none“ stroke=“#e5caad“ stroke-width=“2.4″ stroke-linecap=“round“/></svg> </div> <div><div class=“rel-cat“>Kosten</div><div class=“rel-title“>Was kostet eine Website? Preisfaktoren 2026</div></div> </a>

<a class=“rel“ href=“https://www.agentur-emilian.de/wordpress-kosten/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#f8f3ec“/><circle cx=“33″ cy=“33″ r=“15″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2.4″/><text x=“33″ y=“41″ font-family=“Sofia Sans,sans-serif“ font-size=“20″ font-weight=“800″ fill=“#c9a877″ text-anchor=“middle“>W</text><path d=“M20 50h26″ stroke=“#e5caad“ stroke-width=“2.2″ stroke-linecap=“round“/></svg> </div> <div><div class=“rel-cat“>Kosten</div><div class=“rel-title“>Was kostet WordPress? Hosting, Theme &amp; Agentur</div></div> </a>

<a class=“rel“ href=“https://www.agentur-emilian.de/wie-lange-dauert-eine-website/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#efe5d6″/><circle cx=“33″ cy=“33″ r=“16″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2.4″/><path d=“M33 23v10l7 5″ fill=“none“ stroke=“#e5caad“ stroke-width=“2.6″ stroke-linecap=“round“ stroke-linejoin=“round“/></svg> </div> <div><div class=“rel-cat“>Ablauf</div><div class=“rel-title“>Wie lange dauert es, eine Website zu erstellen?</div></div> </a>

<a class=“rel“ href=“https://www.agentur-emilian.de/professionelle-website/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#f8f3ec“/><rect x=“16″ y=“16″ width=“34″ height=“26″ rx=“3″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2″/><path d=“M22 24l4 4-4 4M31 32h8″ stroke=“#141316″ stroke-width=“2.2″ stroke-linecap=“round“ stroke-linejoin=“round“/><path d=“M28 48l3-6 3 6″ fill=“none“ stroke=“#e5caad“ stroke-width=“2.2″ stroke-linecap=“round“ stroke-linejoin=“round“/></svg> </div> <div><div class=“rel-cat“>Qualit&auml;t</div><div class=“rel-title“>Professionelle Website: Merkmale &amp; Checkliste</div></div> </a>

<a class=“rel“ href=“https://www.agentur-emilian.de/homepage-mit-wordpress-erstellen/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#efe5d6″/><rect x=“16″ y=“18″ width=“34″ height=“24″ rx=“3″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2″/><path d=“M16 25h34″ stroke=“#e5caad“ stroke-width=“2″/><path d=“M33 33l4 4-4 4M28 37h9″ fill=“none“ stroke=“#141316″ stroke-width=“2.2″ stroke-linecap=“round“ stroke-linejoin=“round“/></svg> </div> <div><div class=“rel-cat“>Anleitung</div><div class=“rel-title“>Homepage mit WordPress erstellen: Schritt f&uuml;r Schritt</div></div> </a>

</div> </div>

</aside> </div>

</div> <!– /wp:html –>