Premium
Für Unternehmen mit höchsten Ansprüchen an Stabilität und Betreuung.
499 € je Monat
<!– 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 · Website & SEO</span> <h1>Was kostet eine Website? <span class=“hl“>Preisfaktoren & Beispiele 2026</span></h1> <p class=“lede“>Von 10 Euro im Monat bis zum fünfstelligen Projekt ist alles möglich – entscheidend ist, was Ihre Website leisten soll. Wir zeigen Ihnen realistische Preisspannen, die wichtigsten Kostentreiber und worauf Sie beim Angebot achten sollten.</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äftsführerin · Agentur Emilian</span> </div> <div class=“byline-sep“></div> <div class=“byline-meta“><b>6. Juli 2026</b><br>10 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=“150″ height=“12″ rx=“6″ fill=“#141316″/> <rect x=“26″ y=“94″ width=“120″ height=“8″ rx=“4″ fill=“#d9ccb5″/> <g transform=“translate(26 122)“> <rect x=“0″ y=“0″ width=“86″ height=“102″ rx=“12″ fill=“#faf6ef“ stroke=“#efe5d6″/> <rect x=“14″ y=“16″ width=“40″ height=“9″ rx=“4″ fill=“#e0d3bd“/> <rect x=“14″ y=“34″ width=“58″ height=“16″ rx=“6″ fill=“url(#gGold)“/> <rect x=“14″ y=“64″ width=“52″ height=“6″ rx=“3″ fill=“#eadfcb“/> <rect x=“14″ y=“78″ width=“44″ height=“6″ rx=“3″ fill=“#eadfcb“/> </g> <g transform=“translate(122 122)“> <rect x=“0″ y=“0″ width=“86″ height=“102″ rx=“12″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2″/> <rect x=“14″ y=“16″ width=“40″ height=“9″ rx=“4″ fill=“#e0d3bd“/> <rect x=“14″ y=“34″ width=“58″ height=“16″ rx=“6″ fill=“#141316″/> <rect x=“14″ y=“64″ width=“52″ height=“6″ rx=“3″ fill=“#eadfcb“/> <rect x=“14″ y=“78″ width=“44″ height=“6″ rx=“3″ fill=“#eadfcb“/> </g> <g transform=“translate(218 122)“> <rect x=“0″ y=“0″ width=“86″ height=“102″ rx=“12″ fill=“#faf6ef“ stroke=“#efe5d6″/> <rect x=“14″ y=“16″ width=“40″ height=“9″ rx=“4″ fill=“#e0d3bd“/> <rect x=“14″ y=“34″ width=“58″ height=“16″ rx=“6″ fill=“url(#gGold)“/> <rect x=“14″ y=“64″ width=“52″ height=“6″ rx=“3″ fill=“#eadfcb“/> <rect x=“14″ y=“78″ width=“44″ height=“6″ rx=“3″ fill=“#eadfcb“/> </g> </g> <g transform=“translate(120 236)“> <circle cx=“0″ cy=“0″ r=“26″ fill=“url(#gGold)“ filter=“url(#soft)“/> <path d=“M0 -11v22M-6 -5h9a3 3 0 010 6h-6a3 3 0 000 6h9″ fill=“none“ stroke=“#141316″ stroke-width=“3.2″ stroke-linecap=“round“ stroke-linejoin=“round“/> </g> <g transform=“translate(392 300)“> <rect x=“0″ y=“0″ width=“96″ 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 €</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ürze</div> <ul> <li><strong>Worum es geht:</strong> was eine Website 2026 kostet – vom Baukasten bis zur Agentur.</li> <li><strong>Worauf es ankommt:</strong> Umfang, Design, Funktionen und SEO bestimmen den Preis.</li> <li><strong>Ihr Nutzen:</strong> realistische Richtwerte, mit denen Sie Angebote sicher einordnen.</li> </ul> </div>
<p>„Was kostet eine Website?“ ist eine der häufigsten Fragen, die uns erreicht – und eine der schwierigsten pauschal zu beantworten. Die ehrliche Antwort lautet: Es kommt darauf an. Genauso wie ein Auto zwischen Kleinwagen und Oberklasse alles sein kann, reicht die Spanne bei Websites von wenigen Euro im Monat bis zu fünfstelligen Projekten. In diesem Ratgeber schaffen wir Klarheit: mit realistischen Preisspannen, den entscheidenden Kostentreibern und konkreten Beispielrechnungen.</p>
<h2>Die drei Wege zur eigenen Website</h2> <p>Grundsätzlich führen drei Wege zu einer Website – und die unterscheiden sich preislich enorm. Welcher der richtige ist, hängt von Ihrem Budget, Ihrem Anspruch und davon ab, wie viel Zeit Sie selbst investieren möchten. Alle folgenden Zahlen sind bewusst grobe Richtwerte und ersetzen kein individuelles Angebot.</p>
<div class=“costs“> <div class=“cost“> <div class=“ct“>Homepage-Baukasten</div> <div class=“cp“>10–50<small> € / Monat</small></div> <p>Do-it-yourself mit Anbietern wie Wix oder Jimdo. Günstig, aber Sie bauen und pflegen alles selbst.</p> </div> <div class=“cost“> <div class=“ct“>Freelancer</div> <div class=“cp“>1.500–5.000<small> €</small></div> <p>Individuelle Umsetzung durch eine einzelne Fachkraft. Gutes Preis-Leistungs-Verhältnis für überschaubare Projekte.</p> </div> </div>
<div class=“costs“> <div class=“cost hi“> <div class=“ct“>Professionelle Agentur</div> <div class=“cp“>4.000–15.000<small> €+</small></div> <p>Strategie, Design, Technik und SEO aus einer Hand – je nach Umfang auch deutlich mehr. Ideal, wenn die Website messbar Anfragen bringen soll.</p> </div> <div class=“cost“> <div class=“ct“>Onlineshop</div> <div class=“cp“>ab 5.000<small> €</small></div> <p>Shops sind aufwendiger: Produktpflege, Bezahlung, Versand und rechtliche Anforderungen treiben den Preis nach oben.</p> </div> </div>
<p>Ein <strong>Homepage-Baukasten</strong> ist der günstigste Einstieg. Für 10 bis 50 Euro im Monat erhalten Sie Vorlagen, Hosting und Domain in einem Paket – ideal für kleine Projekte, wenn Sie technisch fit sind und Zeit mitbringen. Ob sich das lohnt oder ob WordPress die bessere Wahl ist, zeigt unser Vergleich <a class=“inline“ href=“https://www.agentur-emilian.de/wix-oder-wordpress/“>Wix oder WordPress?</a></p> <p>Ein <strong>Freelancer</strong> setzt Ihre Website individuell um. Für eine solide Unternehmensseite liegen die Kosten oft zwischen 1.500 und 5.000 Euro. Das Preis-Leistungs-Verhältnis ist attraktiv – bei größeren Projekten stößt eine Einzelperson jedoch schneller an Kapazitätsgrenzen.</p> <p>Eine <strong>professionelle Agentur</strong> deckt Strategie, Design, Technik und SEO gemeinsam ab. Hier beginnen die Preise meist bei rund 4.000 Euro und reichen je nach Umfang problemlos in den fünfstelligen Bereich. Dieser Weg lohnt sich, wenn Ihre Website nicht nur existieren, sondern aktiv Kunden gewinnen soll. Was eine solche Investition genau umfasst, lesen Sie im Detail unter <a class=“inline“ href=“https://www.agentur-emilian.de/website-erstellen-lassen-kosten/“>Website erstellen lassen: Kosten im Überblick</a>.</p>
<h2>Welche Faktoren bestimmen den Preis?</h2> <p>Warum kostet eine Website mal 2.000 und mal 20.000 Euro? Der Unterschied liegt selten im Zufall, sondern in konkreten Faktoren. Diese sechs Kostentreiber entscheiden am stärksten über den Endpreis:</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“><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“>Seitenanzahl & Umfang</div> <p>Eine einfache Visitenkarten-Website ist günstiger als ein umfangreicher Auftritt mit vielen Unterseiten.</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</div> <p>Ein fertiges Template ist deutlich preiswerter als ein individuell entworfenes, markenkonformes Design.</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=“3″ width=“7″ height=“7″ rx=“1.5″/><rect x=“14″ y=“3″ width=“7″ height=“7″ rx=“1.5″/><rect x=“3″ y=“14″ width=“7″ height=“7″ rx=“1.5″/><rect x=“14″ y=“14″ width=“7″ height=“7″ rx=“1.5″/></svg></div> <div class=“card-title“>Funktionen</div> <p>Shop, Buchungssystem, Mitgliederbereich oder Mehrsprachigkeit erhöhen den Aufwand spürbar.</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=“M4 5h16M4 12h10M4 19h13″/><circle cx=“19″ cy=“12″ r=“2″/><circle cx=“19″ cy=“19″ r=“2″/></svg></div> <div class=“card-title“>Content</div> <p>Wer Texte, Bilder und Videos selbst liefert, spart. Professionelle Inhalte kosten extra, wirken aber besser.</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</div> <p>Eine suchmaschinenoptimierte Website kostet mehr, wird dafür aber gefunden und bringt Anfragen.</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=“M16 18l6-6-6-6M8 6l-6 6 6 6M14 4l-4 16″/></svg></div> <div class=“card-title“>Technik</div> <p>Individuelle Programmierung, Schnittstellen und hohe Performance-Ansprüche schlagen sich im Preis nieder.</p> </div> </div>
<p>In der Praxis wirken diese Faktoren zusammen. Eine fünfseitige Website mit Template-Design und selbst gelieferten Texten liegt am unteren Ende der Spanne. Sobald individuelles Design, viele Unterseiten, ein Buchungssystem und professionelle Suchmaschinenoptimierung dazukommen, steigt der Preis schnell – jeder Baustein bringt echten Mehrwert, aber eben auch Aufwand.</p>
<h2>Einmalige und laufende Kosten trennen</h2> <p>Ein häufiges Missverständnis: Viele denken bei den Kosten nur an die Erstellung. Tatsächlich fallen auch danach regelmäßig Kosten an. Diese Trennung hilft Ihnen, das echte Budget realistisch einzuschätzen.</p>
<div class=“compare“> <div class=“cc redesign“> <span class=“tag“>Einmalige Kosten</span> <p>Konzept, Design und Programmierung der Website. Das ist die größte Position – und eine Investition, die über Jahre wirkt.</p> </div> <div class=“cc relaunch“> <span class=“tag“>Laufende Kosten</span> <p>Domain, Hosting, Wartung, Updates und optional SEO oder Google Ads. Sie fallen Monat für Monat an und halten die Website sicher und sichtbar.</p> </div> </div>
<p>Zu den laufenden Kosten gehören typischerweise die <a class=“inline“ href=“https://www.agentur-emilian.de/domain-registrieren/“>Domain</a> (oft unter 20 Euro im Jahr), das Hosting (je nach Anspruch etwa 5 bis 50 Euro im Monat) sowie die Wartung. Gerade Letztere wird gern unterschätzt: Sicherheitsupdates, Backups und kleine Anpassungen sorgen dafür, dass Ihre Website zuverlässig läuft. Was dazugehört und was es kostet, erklären wir im Ratgeber zur <a class=“inline“ href=“https://www.agentur-emilian.de/wordpress-wartung/“>WordPress-Wartung</a>. Wer langfristig gefunden werden will, plant zusätzlich ein Budget für SEO ein.</p>
<h2>Beispiel-Kalkulationen aus der Praxis</h2> <p>Damit die Zahlen greifbarer werden, hier drei typische Szenarien – ebenfalls als Richtwerte zu verstehen. Ihr tatsächliches Angebot kann je nach Anforderungen abweichen.</p>
<div class=“timeline“> <div class=“tl-step“><div class=“tl-node“>1</div><div class=“tl-body“><div class=“tl-title“>Kleine Unternehmensseite · ca. 2.000–3.500 €</div><p>Fünf bis sieben Unterseiten, Template-basiertes Design, selbst gelieferte Texte, Basis-SEO und Kontaktformular. Ideal für Selbstständige und kleine Betriebe.</p></div></div> <div class=“tl-step“><div class=“tl-node“>2</div><div class=“tl-body“><div class=“tl-title“>Professionelle Firmenwebsite · ca. 5.000–9.000 €</div><p>Individuelles Design, 10 bis 15 Seiten, professionelle Texte, durchdachte Suchmaschinenoptimierung und ein sauberes technisches Fundament.</p></div></div> <div class=“tl-step“><div class=“tl-node“>3</div><div class=“tl-body“><div class=“tl-title“>Umfangreiches Projekt oder Shop · ab 12.000 €</div><p>Viele Unterseiten, Onlineshop oder Buchungssystem, Mehrsprachigkeit, Schnittstellen und laufende SEO-Betreuung – nach oben offen.</p></div></div> </div>
<p>Sie sehen: Der Preis folgt dem Anspruch. Deshalb lohnt es sich, vor der Anfrage zu überlegen, was Ihre Website leisten soll – nur Präsenz zeigen oder aktiv Kunden gewinnen? Ein Blick auf die <a class=“inline“ href=“https://www.agentur-emilian.de/professionelle-website/“>Merkmale einer professionellen Website</a> hilft dabei, den eigenen Anspruch zu schärfen.</p>
<h2>Warum „billig“ oft teuer wird</h2> <p>Beim Preis nur auf die niedrigste Zahl zu schauen, rächt sich fast immer. Die günstigste Website ist selten die wirtschaftlichste – denn eine Website ist ein Werkzeug, das Umsatz bringen soll, nicht nur ein Kostenpunkt.</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 9v4M12 17h.01″/><path d=“M10.3 3.3l-8 14A2 2 0 004 20h16a2 2 0 001.7-2.7l-8-14a2 2 0 00-3.4 0z“/></svg> <h3>Diese versteckten Kosten lauern bei Billig-Websites</h3> </div> <p>Was am Anfang gespart wird, kostet später oft ein Vielfaches an Zeit, Nerven und Umsatz.</p> <ul> <li><strong>Keine Neukunden:</strong> Eine Website, die bei Google nicht gefunden wird, bringt keine Anfragen – und damit keinen Gegenwert.</li> <li><strong>Teure Nachbesserung:</strong> Was günstig zusammengeschustert wurde, muss oft schon nach kurzer Zeit aufwendig repariert oder ersetzt werden.</li> <li><strong>Schwaches Vertrauen:</strong> Ein unprofessioneller Auftritt schreckt potenzielle Kunden ab, noch bevor sie Kontakt aufnehmen.</li> <li><strong>Technische Risiken:</strong> Fehlende Updates und Sicherheitslücken führen zu Ausfällen oder Hackerangriffen – mit realen Folgekosten.</li> <li><strong>Verlorene Zeit:</strong> Selbst gebaute Websites kosten enorm viel Arbeitszeit, die anderswo produktiver eingesetzt wäre.</li> </ul> </div>
<p>Das heißt nicht, dass teuer automatisch besser ist. Entscheidend ist das Preis-Leistungs-Verhältnis: Eine Website, die Sie 6.000 Euro kostet und pro Monat mehrere Anfragen bringt, ist günstiger als eine 1.000-Euro-Seite, die niemand findet.</p>
<h2>Woran erkenne ich ein faires Angebot?</h2> <p>Ein serieses Angebot ist transparent und nachvollziehbar. Bevor Sie unterschreiben, gehen Sie diese Punkte durch – sie schützen Sie vor bösen Überraschungen:</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>Checkliste für Ihr Website-Angebot</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>Der Leistungsumfang ist klar aufgeschlüsselt – welche Seiten, Funktionen und Inhalte enthalten sind.</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>Einmalige und laufende Kosten sind sauber getrennt und beziffert.</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>Es ist klar, wer Texte und Bilder liefert – und ob professioneller Content extra kostet.</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>Suchmaschinenoptimierung ist ausgewiesen – Basis-SEO oder umfassende Betreuung.</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>Sie erhalten am Ende vollen Zugriff auf Ihre Website, Domain und Daten.</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>Wartung, Updates und Support sind geregelt – und nicht erst nach dem Start ein Thema.</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>Zeitplan und Ansprechpartner sind benannt, damit Sie wissen, woran Sie sind.</div> </div> </div> <p>Fordern Sie ruhig mehrere Angebote ein und vergleichen Sie nicht nur den Preis, sondern die Leistung dahinter. Ein gutes Gespräch, in dem Ihre Ziele im Mittelpunkt stehen, sagt oft mehr über die spätere Zusammenarbeit als jede Zahl auf dem Papier.</p>
<h2>Fazit</h2> <p>Was eine Website kostet, lässt sich nicht in einer Zahl beantworten – und genau das ist die ehrliche Antwort. Vom Baukasten für 10 Euro im Monat über den Freelancer ab 1.500 Euro bis zur Agentur-Lösung im fünfstelligen Bereich ist alles möglich. Entscheidend ist, was Ihre Website leisten soll: nur präsent sein oder messbar Kunden gewinnen. Sehen Sie die Ausgaben nicht als reinen Kostenpunkt, sondern als Investition, die über Jahre für Sie arbeitet. Alle Zahlen in diesem Ratgeber sind Richtwerte – für einen verlässlichen Preis führt kein Weg an einem individuellen Angebot vorbei.</p>
<div class=“fazit-cta“ id=“kontakt“> <h3>Websites, die bei Google, ChatGPT & Co. gefunden werden</h3> <p>Sie möchten wissen, was Ihre Website konkret kostet? Wir erstellen Ihnen ein transparentes Angebot – Website, SEO und Google Ads aus einer Hand, abgestimmt auf Ihre Ziele und Ihr Budget.</p> <a href=“https://www.agentur-emilian.de/kontakt/“ class=“btn btn-go“>Kostenloses Erstgesprä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äftsführerin · Agentur Emilian</div> <p class=“pa-bio“>Alexandra begeistert sich für Websites und Onlineshops, die nicht nur schön aussehen, sondern messbar Anfragen und Umsatz bringen. Faire Angebote und ehrliche Beratung sind ihr dabei besonders wichtig.</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äftsführerin · Agentur Emilian</div> <p class=“a-bio“>Berät Unternehmen zu Website, SEO und Google Ads – 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 gefunden werden</h4> <p>Wir bauen Websites, die bei Google, ChatGPT & Co. gefunden werden – und aus Besuchern Anfragen machen.</p> <a href=“https://www.agentur-emilian.de/kontakt/“ class=“btn btn-go“>Kostenloses Erstgesprä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/website-erstellen-lassen-kosten/“> <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“>Website erstellen lassen: Kosten im Überblick</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“/><rect x=“16″ y=“18″ width=“34″ height=“30″ rx=“4″ fill=“#fff“ stroke=“#c9a877″ stroke-width=“2″/><rect x=“16″ y=“18″ width=“34″ height=“9″ rx=“4″ fill=“#f3e8d8″/><path d=“M24 36h8M24 42h14″ stroke=“#e5caad“ stroke-width=“2.4″ stroke-linecap=“round“/><circle cx=“42″ cy=“36″ r=“3.5″ fill=“#c9a877″/></svg> </div> <div><div class=“rel-cat“>Kosten</div><div class=“rel-title“>Was kostet WordPress? Hosting, Theme & 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 24v9l6 5″ fill=“none“ stroke=“#141316″ stroke-width=“2.6″ stroke-linecap=“round“ stroke-linejoin=“round“/></svg> </div> <div><div class=“rel-cat“>Planung</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″/><rect x=“16″ y=“16″ width=“34″ height=“8″ rx=“3″ fill=“#efe5d6″/><path d=“M33 46l4 6h-8z“ fill=“#e5caad“/><path d=“M23 32l4 4 8-9″ fill=“none“ stroke=“#c9a877″ stroke-width=“2.6″ stroke-linecap=“round“ stroke-linejoin=“round“/></svg> </div> <div><div class=“rel-cat“>Qualität</div><div class=“rel-title“>Professionelle Website: Merkmale & Checkliste</div></div> </a>
<a class=“rel“ href=“https://www.agentur-emilian.de/website-relaunch/“> <div class=“rel-thumb“> <svg viewBox=“0 0 66 66″ xmlns=“http://www.w3.org/2000/svg“><rect width=“66″ height=“66″ fill=“#efe5d6″/><path d=“M46 26a15 15 0 10.6 9″ fill=“none“ stroke=“#c9a877″ stroke-width=“2.6″ stroke-linecap=“round“/><path d=“M46 18v9h-9″ fill=“none“ stroke=“#141316″ stroke-width=“2.6″ stroke-linecap=“round“ stroke-linejoin=“round“/></svg> </div> <div><div class=“rel-cat“>Relaunch</div><div class=“rel-title“>Website-Relaunch: Ablauf, Kosten & Checkliste</div></div> </a>
</div> </div>
</aside> </div>
</div> <!– /wp:html –>
by Alexandra Buckard | Juli 6, 2026 | Allgemein |
Webdesign
Online besser gefunden werden
Social Media
Grafik Design
Erklärvideo
Kontakt
Sie müssen den Inhalt von reCAPTCHA laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von Turnstile. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von Facebook. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von Instagram. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr Informationen