CINXE.COM

<!DOCTYPE html> <html lang="de" class="no-js"> <head itemscope itemtype="http://schema.org/WebSite"> <meta itemprop="name" content="IONOS Digital Guide"/> <meta charset="utf-8"><link rel="preconnect" href="https://cdn.ionos.de/"><link rel="preconnect" href="https://shop-api.ionos.de/"><link rel="preconnect" href="https://dpm.demdex.net/"><link rel="preconnect" href="https://1and1internetag.demdex.net/"><script src="https://cdn.ionos.de/guides/9c2134ba72b4/047afaab1ab6/launch-bffa846ee117.min.js" async nonce=""></script> <script id="guides_datalayer" nonce=""> (function() { var dataLayer = {"application":"T3.DG.DE","market":"DE","guide":"DG","context":"prod","shopname":"dg-de","internalPageName":"websites_webseiten-erstellen_website-typen","land":"de","s_account":"iaglive","prop1":"websites_webseiten-erstellen_website-typen","prop5":"dg-websites","prop6":"dg-de","prop7":"www.ionos.de","prop11":"New contract shop","prop16":"","prop17":"de","prop21":"","prop23":"","prop51":"","prop73":"iaglive","mcorgid":"AC42148954F5FEDA0A4C98BC@AdobeOrg","ns":"1und1internetag","eVar1":"digitalguide","eVar2":"websites_webseiten-erstellen_website-typen","eVar6":"dg-websites","eVar7":"dg-de","eVar13":"New contract shop","eVar23":"","eVar24":"","eVar25":"","eVar45":"de","eVar72":"","eVar74":"","eVar79":"","eVar91":"","eVar97":"","eVar98":"","eVar99":"","eVar83":"de-DE"}; function addToDataLayer(key, value) { if (typeof value === 'object' && value !== null) { dataLayer[key] = value; } else { dataLayer[key] = value.toString(); } } function isValidJson(str) { try { JSON.parse(str); return true; } catch (e) { return false; } } const handler = { get: function(target, prop) { if (prop in target) { if (isValidJson(target[prop])) { return JSON.parse(target[prop]); } return target[prop]; } else if (prop in methods) { return methods[prop]; } return null; } }; const methods = { push: function(key, value) { if (typeof key === 'object') { for (var k in key) { if (key.hasOwnProperty(k)) { addToDataLayer(k, key[k]); } } } else if (typeof key === 'string') { addToDataLayer(key, value); } }, set: function(key, value) { if (typeof key === 'string') { addToDataLayer(key, value); } }, get: function(key) { if (typeof key === 'string') { return dataLayer[key] || null; } return null; }, getAll: function() { return { ...dataLayer }; } }; const proxy = new Proxy(dataLayer, handler); window.guidesDataLayer = proxy; })(); guidesDataLayer.push({'prop23': window.navigator.userAgent}); var preparedUrlSearchParams = decodeURI(location.search.replace(/\?/g, "").replace(/&/g, "\",\"").replace(/=/g,"\":\"")); var urlSearchParams = JSON.parse(preparedUrlSearchParams ? '{"' + preparedUrlSearchParams + '"}' : '{}'); var utmSource = urlSearchParams.utm_source || ''; var utmCampaign = urlSearchParams.utm_campaign || ''; var utmTerm = urlSearchParams.utm_term || ''; var utmMedium = urlSearchParams.utm_medium || ''; var utmContent = urlSearchParams.utm_content || ''; if (utmSource || utmCampaign) { guidesDataLayer.push({'eVar25': utmSource + '|' + utmCampaign}); } if (utmTerm || utmMedium || utmContent) { guidesDataLayer.push({'eVar72': utmTerm + '|' + utmMedium + '|' + utmContent}); } </script> <link class="preload" rel="preload" href="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-regular.1732783263.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link class="preload" rel="preload" href="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-regular.1732783263.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link class="preload" rel="preload" href="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-semibold.1732783263.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link class="preload" rel="preload" href="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-bold.1732783263.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link as="image" href="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Icons/logo-icon-nlement-48px-and-smaller.svg" rel="preload" /><link as="image" href="https://no-cache.hubspot.com/cta/default/8230984/5064daab-be9d-42d5-ab7a-8262e667c23e.png" rel="preload" /><link as="image" href="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_6c619b2074.webp" imagesrcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_1578c7d48f.webp 684w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_0291a58e39.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_78114c01d2.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_4496f66ebc.webp 464w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_6c619b2074.webp 704w" imagesizes="(min-width: 1680px) 684px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 922px) 464px,(min-width: 768px) 704px" rel="preload" /><link as="style" href="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Css/ionos/styles.bundled.1732783263.css" rel="preload" /><link as="style" href="https://www.ionos.de/modules/hosting-common/script/privacy/bundle.css" rel="preload" />  <link rel="icon" href="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Icons/logo-icon-nlement-48px-and-smaller.svg" type="image/svg+xml"> <title>Website-Typen | Welche Art von Website ist die richtige für mich? - IONOS</title> <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"> <meta name="generator" content="TYPO3 CMS"> <meta name="description" content="Den richtigen Website-Typen zu wählen, ist entscheidend für den Erfolg jedes Onlineprojekts. Corporate Website, Blog oder Microsite? So treffen Sie die richtige Wahl!"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=5.0"> <meta name="robots" content="index,follow"> <meta property="og:image" content="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/eigene-app-erstellen-t.jpg"> <meta property="og:image:url" content="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/eigene-app-erstellen-t.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:description" content="Den richtigen Website-Typen zu wählen, ist entscheidend für den Erfolg jedes Onlineprojekts. Corporate Website, Blog oder Microsite? So treffen Sie die richtige Wahl!"> <meta property="og:type" content="article"> <meta property="og:title" content="7 Website-Typen im Überblick: Welche Website brauchen Sie?"> <meta property="og:site_name" content="IONOS Digital Guide"> <meta property="og:locale" content="de_DE"> <meta property="og:url" content="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/"> <meta name="twitter:card" content="summary"> <meta name="meta-category" content="Digital Guide"> <meta name="apple-mobile-web-app-capable" content="no"> <link class="preload" href="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Css/ionos/styles.bundled.1732783263.css" rel="stylesheet" > <link class="preload" href="https://www.ionos.de/modules/hosting-common/script/privacy/bundle.css" rel="stylesheet" > <style> @font-face { font-family:'Open Sans Regular'; font-weight:400; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-regular.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans'; font-weight:400; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-regular.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans Semi Bold'; font-weight:600; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-semibold.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans'; font-weight:600; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-semibold.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans Bold'; font-weight:700; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-bold.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Open Sans'; font-weight:700; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/OpenSans/opensans-bold.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass Regular'; font-weight:400; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-regular.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass'; font-weight:400; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-regular.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass Semi Bold'; font-weight:600; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-semibold.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass'; font-weight:600; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-semibold.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass Bold'; font-weight:700; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-bold.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } @font-face { font-family:'Overpass'; font-weight:700; font-display:swap; src:url('https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Fonts/Overpass/overpass-bold.1732783263.woff2')format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713,U+2714,U+2718,U+0308 } </style> <script type="application/ld+json"> {"@context":"https:\/\/schema.org\/","@type":"Article","author":{"@type":"Person","name":"IONOS Redaktion"},"headline":"7 Website-Typen im \u00dcberblick: Welche Website brauchen Sie?","image":{"@type":"ImageObject","url":"https:\/\/www.ionos.de\/digitalguide\/fileadmin\/DigitalGuide\/Teaser\/eigene-app-erstellen-t.jpg"},"datePublished":"2022-02-24","publisher":{"@type":"Organization","name":"IONOS","logo":{"@type":"ImageObject","url":"https:\/\/www.ionos.de\/digitalguide\/_assets\/b76f27cb02ebc538ac6fbabcf1a88e7f\/Images\/ionos_logo.svg"}}} </script> <script>/* src: https://github.com/taylorhakes/promise-polyfill */!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t():"function"==typeof define&&define.amd?define(t):t()}(0,function(){"use strict";function e(e){var t=this.constructor;return this.then(function(n){return t.resolve(e()).then(function(){return n})},function(n){return t.resolve(e()).then(function(){return t.reject(n)})})}function t(e){return new this(function(t,n){function r(e,n){if(n&&("object"==typeof n||"function"==typeof n)){var f=n.then;if("function"==typeof f)return void f.call(n,function(t){r(e,t)},function(n){o[e]={status:"rejected",reason:n},0==--i&&t(o)})}o[e]={status:"fulfilled",value:n},0==--i&&t(o)}if(!e||"undefined"==typeof e.length)return n(new TypeError(typeof e+" "+e+" is not iterable(cannot read property Symbol(Symbol.iterator))"));var o=Array.prototype.slice.call(e);if(0===o.length)return t([]);for(var i=o.length,f=0;o.length>f;f++)r(f,o[f])})}function n(e,t){this.name="AggregateError",this.errors=e,this.message=t||""}function r(e){var t=this;return new t(function(r,o){if(!e||"undefined"==typeof e.length)return o(new TypeError("Promise.any accepts an array"));var i=Array.prototype.slice.call(e);if(0===i.length)return o();for(var f=[],u=0;i.length>u;u++)try{t.resolve(i[u]).then(r)["catch"](function(e){f.push(e),f.length===i.length&&o(new n(f,"All promises were rejected"))})}catch(c){o(c)}})}function o(e){return!(!e||"undefined"==typeof e.length)}function i(){}function f(e){if(!(this instanceof f))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],s(e,this)}function u(e,t){for(;3===e._state;)e=e._value;0!==e._state?(e._handled=!0,f._immediateFn(function(){var n=1===e._state?t.onFulfilled:t.onRejected;if(null!==n){var r;try{r=n(e._value)}catch(o){return void a(t.promise,o)}c(t.promise,r)}else(1===e._state?c:a)(t.promise,e._value)})):e._deferreds.push(t)}function c(e,t){try{if(t===e)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if(t instanceof f)return e._state=3,e._value=t,void l(e);if("function"==typeof n)return void s(function(e,t){return function(){e.apply(t,arguments)}}(n,t),e)}e._state=1,e._value=t,l(e)}catch(r){a(e,r)}}function a(e,t){e._state=2,e._value=t,l(e)}function l(e){2===e._state&&0===e._deferreds.length&&f._immediateFn(function(){e._handled||f._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;n>t;t++)u(e,e._deferreds[t]);e._deferreds=null}function s(e,t){var n=!1;try{e(function(e){n||(n=!0,c(t,e))},function(e){n||(n=!0,a(t,e))})}catch(r){if(n)return;n=!0,a(t,r)}}n.prototype=Error.prototype;var d=setTimeout;f.prototype["catch"]=function(e){return this.then(null,e)},f.prototype.then=function(e,t){var n=new this.constructor(i);return u(this,new function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n}(e,t,n)),n},f.prototype["finally"]=e,f.all=function(e){return new f(function(t,n){function r(e,o){try{if(o&&("object"==typeof o||"function"==typeof o)){var u=o.then;if("function"==typeof u)return void u.call(o,function(t){r(e,t)},n)}i[e]=o,0==--f&&t(i)}catch(c){n(c)}}if(!o(e))return n(new TypeError("Promise.all accepts an array"));var i=Array.prototype.slice.call(e);if(0===i.length)return t([]);for(var f=i.length,u=0;i.length>u;u++)r(u,i[u])})},f.any=r,f.allSettled=t,f.resolve=function(e){return e&&"object"==typeof e&&e.constructor===f?e:new f(function(t){t(e)})},f.reject=function(e){return new f(function(t,n){n(e)})},f.race=function(e){return new f(function(t,n){if(!o(e))return n(new TypeError("Promise.race accepts an array"));for(var r=0,i=e.length;i>r;r++)f.resolve(e[r]).then(t,n)})},f._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){d(e,0)},f._unhandledRejectionFn=function(e){void 0!==console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)};var p=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if("undefined"!=typeof global)return global;throw Error("unable to locate global object")}();"function"!=typeof p.Promise?p.Promise=f:(p.Promise.prototype["finally"]||(p.Promise.prototype["finally"]=e),p.Promise.allSettled||(p.Promise.allSettled=t),p.Promise.any||(p.Promise.any=r))}); </script> <script> window.promisedConsentScriptsBefore = window.promisedConsentScriptsBefore || []; window.promisedConsentScriptsAfter = window.promisedConsentScriptsAfter || []; // Define a whitelist of allowed URLs or domains const allowedUrls = [ /^https:\/\/(.*\.)?ionos\.(de|at|com|ca|co\.uk|mx|it|fr|es)$/, /^https:\/\/(.*\.)?uicdn\.net$/, /^https:\/\/(.*\.)?(youtube(-nocookie)?\.com|youtu\.be)$/, /^https:\/\/(.*\.)?server\.lan$/, /^https:\/\/(.*\.)?ddev\.site$/ ]; // Function to validate the URL function isValidUrl(url) { try { const parsedUrl = new URL(url); return allowedUrls.some(pattern => pattern.test(parsedUrl.origin)); } catch (e) { console.error(url + ' is an invalid url'); return false; } } // Function to load a script function loadScript(url) { return new Promise((resolve, reject) => { if (!isValidUrl(url)) { return reject(new Error(`Forbidden url: ${url}`)); } const script = document.createElement('script'); script.src = url; script.async = true; script.onload = () => resolve(script); script.onerror = () => reject(new Error(`Failed to load script: ${url}`)); document.head.appendChild(script); }); } // Function to execute scripts or functions with specific data for each function executeScripts(scriptsWithData) { return scriptsWithData.reduce((promise, { scriptOrFunction, data = {} }) => { return promise.then(() => { if (typeof scriptOrFunction === 'string') { if (typeof window[scriptOrFunction] === 'function') { return Promise.resolve(window[scriptOrFunction](data)); } else { return loadScript(scriptOrFunction); } } else if (typeof scriptOrFunction === 'function') { return Promise.resolve(scriptOrFunction(data)); } }); }, Promise.resolve()); } function loadPromisedConsentScripts({ consentUrl, consentType, before = [], after = [] }) { executeScripts(before) .then(() => { return new Promise((resolve) => { if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", () => resolve(loadScript(consentUrl))); } else { resolve(loadScript(consentUrl)); } }); }) .then(() => { const consentLoaded = new CustomEvent('consentLoaded'); if (typeof window.privacyConsent === 'undefined') { if (consentType === 'default') { window.privacyConsent = new window.PrivacyConsent({defaultConsent: {[window.PrivacyConsentEnum.TECHNICAL]: true, [window.PrivacyConsentEnum.MARKETING]: true, [window.PrivacyConsentEnum.STATISTICS]: true, [window.PrivacyConsentEnum.PARTNERSHIPS]: true}}); } else if (consentType === 'whitelist') { window.privacyConsent = new window.PrivacyConsent({whitelist: true}); } else { window.privacyConsent = new window.PrivacyConsent(); } window.privacyConsent.initialize(); } if (typeof window.privacyConsent !== 'undefined') { if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", function() { let consentBodyTag = document.querySelector('body'); consentBodyTag.dataset.consentLoaded = 1; }); } else { let consentBodyTag = document.querySelector('body'); consentBodyTag.dataset.consentLoaded = 1; } window.privacyConsent.initialize(); window.dispatchEvent(consentLoaded); } }) .then(() => { if (typeof window.privacyConsent !== 'undefined') { return executeScripts(after); } else { throw new Error('window.privacyConsent is undefined (execute scripts)'); } }) .then(() => { if (typeof window.privacyConsent !== 'undefined') { window.privacyConsent.initialize(); } else { throw new Error('window.privacyConsent is undefined (last initialize)'); } }) .catch(error => { console.error(error); }); } const salesChannelControllerIdentifier = 'salesChannelGuides'; let getTld = function (dl = {}) { let host = (window.location.host); if (dl.hasOwnProperty('prop7') && dl.prop7) { host = dl.prop7; } let hostArray = host.split('.'); let tld = hostArray[hostArray.length - 1]; if (host.indexOf('.co.uk') !== -1) { tld = hostArray[hostArray.length - 2] + '.' + hostArray[hostArray.length - 1]; } return (tld !== 'site' && tld !== 'lan') ? tld : 'de'; } let getCookieDomain = function (dl = {}) { let host = (window.location.host); if (dl.hasOwnProperty('prop7') && dl.prop7) { host = dl.prop7; } var hostArray = host.split('.'); if (hostArray[hostArray.length - 1] === 'uk') { return '.' + hostArray[hostArray.length - 3] + '.' + hostArray[hostArray.length - 2] + '.' + hostArray[hostArray.length - 1] } return '.' + hostArray[hostArray.length - 2] + '.' + hostArray[hostArray.length - 1]; } let setCookie = function (cname, cvalue, tInSecs, dl = {}) { const d = new Date(); d.setTime(d.getTime() + (tInSecs * 1000)); let expires = 'expires='+ d.toUTCString(); document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/' + ';domain=' + getCookieDomain(dl); } let getParams = function () { var preparedUrlSearchParams = decodeURI(location.search.replace(/\?/g, "").replace(/&/g, "\",\"").replace(/=/g,"\":\"")); return JSON.parse(preparedUrlSearchParams ? '{"' + preparedUrlSearchParams + '"}' : '{}'); } let listCookies = function () { var theCookies = document.cookie.split(';'); var returnCookies = []; var cookieKeyValuePair = {}; var cookieString = ''; for (var i = 0; i <= theCookies.length; i++) { if (typeof theCookies[i] !== 'undefined') { cookieString = theCookies[i].trim(); cookieKeyValuePair = cookieString.match(/([^=]+?)[=\s](.*)/i); if (cookieKeyValuePair !== null && cookieKeyValuePair.length === 3) { returnCookies.push({ 'name': cookieKeyValuePair['1'], 'value': cookieKeyValuePair['2'] }); } } } return returnCookies; } let getSalesChannelController = function(salesChannelControllerIdentifier, url) { if (sessionStorage.getItem(salesChannelControllerIdentifier)) { return data = JSON.parse(sessionStorage.getItem(salesChannelControllerIdentifier)); } else { let salesChannelControllerApplicationArray = (typeof window.guidesDataLayer.application !== 'undefined') ? window.guidesDataLayer.application.split('.') : []; let salesChannelControllerOrigin = salesChannelControllerApplicationArray !== null && salesChannelControllerApplicationArray.length >= 3 ? salesChannelControllerApplicationArray[2] : 'DE'; let salesChannelControllerPath = salesChannelControllerApplicationArray !== null && salesChannelControllerApplicationArray.length >= 2 && salesChannelControllerApplicationArray[1] === 'SG' ? '/startupguide/' : '/digitalguide/'; let salesChannelControllerReferrer = document.referrer || ''; let salesChannelController = {}; salesChannelController.origin = salesChannelControllerOrigin; salesChannelController.path = salesChannelControllerPath; salesChannelController.cookies = {}; salesChannelController.requestParameter = {}; salesChannelController.referer = salesChannelControllerReferrer; salesChannelController.requestParameter = getParams(); salesChannelController.cookies = listCookies(); console.info('fetch SCC'); return fetch(url, { cache: 'no-store', method: 'POST', mode: 'cors', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, body: JSON.stringify(salesChannelController) }) .then((response) => { console.info('fetch SCC done'); return response.json(); }) .then((data) => { setSalesChannelController(salesChannelControllerIdentifier, data); return data; }) .catch((error) => { console.info('missing data from salesChannelController'); throw error; }); } } let setSalesChannelController = function(salesChannelControllerIdentifier, data) { sessionStorage.setItem(salesChannelControllerIdentifier, JSON.stringify(data)); } let processSalesChannelController = function(config) { let sCCId = config.salesChannelControllerIdentifier || salesChannelControllerIdentifier; setSalesChannelController(sCCId, getSalesChannelController(sCCId, config.url)); try { if (sCCId && config.url) { setSalesChannelController(sCCId, getSalesChannelController(sCCId, config.url)); } } catch (e) { console.error(e, 'we have a problem with the sales channel controller ' + sCCId) } let salesChannelControllerDataString = sessionStorage.getItem(salesChannelControllerIdentifier); if (salesChannelControllerDataString) { let salesChannelControllerData = JSON.parse(salesChannelControllerDataString); // @Todo: After successful testing, remove comment from following line // processActionsAndUpdateDl(salesChannelControllerData, 'guidesDataLayer'); } } function processActionsAndUpdateDl (data, dlName) { if (typeof data.actions !== 'undefined' && data.actions.length >= 1 && window[dlName] !== 'undefined') { for (var i = 0; i <= data.actions.length; i++) { if (typeof data.actions[i] !== 'undefined' && data.actions[i].hasOwnProperty('action') && data.actions[i].hasOwnProperty('actionAttributes')) { if (data.actions[i].action === 'ADD_COOKIE') { if (data.actions[i].actionAttributes['cookie.name'] && data.actions[i].actionAttributes['cookie.value'] && data.actions[i].actionAttributes['cookie.lifetime']) { setCookie( data.actions[i].actionAttributes['cookie.name'], data.actions[i].actionAttributes['cookie.value'], data.actions[i].actionAttributes['cookie.lifetime'], data ); } } if (data.actions[i].action === 'ADD_ACTIONCODE') { if (data.actions[i].actionAttributes['actioncode.code']) { window[dlName].eVar23 = window[dlName].eVar23 || data.actions[i].actionAttributes['actioncode.code']; window[dlName].eVar74 = window[dlName].eVar23; } } if (data.actions[i].action === 'ADD_MEDIUMCODE') { if (data.actions[i].actionAttributes['mediumcode.code']) { window[dlName].eVar22 = data.actions[i].actionAttributes['mediumcode.code'] || window[dlName].eVar22; window[dlName].eVar24 = window[dlName].eVar24 || data.actions[i].actionAttributes['mediumcode.code']; } } if (data.actions[i].action === 'ADD_TRACKINGCODE_COMP') { var itcChannel = ''; var itcProduct = ''; var itcCampaign = ''; if (data.actions[i].actionAttributes.channelcode) { window[dlName].eVar97 = window[dlName].eVar97 || data.actions[i].actionAttributes.channelcode; itcChannel = window[dlName].eVar97; } if (data.actions[i].actionAttributes.productcode) { window[dlName].eVar98 = window[dlName].eVar98 || data.actions[i].actionAttributes.productcode; itcProduct = window[dlName].eVar98; } if (data.actions[i].actionAttributes.campaigncode) { window[dlName].eVar99 = window[dlName].eVar99 || data.actions[i].actionAttributes.campaigncode; itcCampaign = window[dlName].eVar99; } var OAO = window.OAO || {}; OAO.q = OAO.q || {}; OAO.q.ias = OAO.q.ias || []; OAO.q.ias.push(["addVisitorData", "itc-channel", itcChannel]); OAO.q.ias.push(["addVisitorData", "itc-product", itcProduct]); OAO.q.ias.push(["addVisitorData", "itc-campaign", itcCampaign]); } } } } } window.processSalesChannelController = processSalesChannelController; window.promisedConsentScriptsBefore.push({ scriptOrFunction: 'processSalesChannelController', data: { salesChannelControllerIdentifier: 'salesChannelGuidesPreview', url: 'https://www.ionos.de/shop-api/api/v1/saleschannel' } }); let jentis = function () { const jentisConfig = new Map([ ['de', {endpoint: 'https://6zqtim.ionos.de', project: 'ionos_de', jsFile: 'aljmf5.js'}], ['uk', {endpoint: 'https://xxwre7.ionos.co.uk', project: 'ionos_co_uk', jsFile: 'akbbdz.js'}], ['us', {endpoint: 'https://54ft7i.ionos.com', project: 'ionos_com', jsFile: '48gpcp.js'}], ['ca', {endpoint: 'https://nsupig.ionos.ca', project: 'ionos_ca', jsFile: 'j05pa0.js'}], ['fr', {endpoint: 'https://948si5.ionos.fr', project: 'ionos_fr', jsFile: 'b44g5k.js'}], ['es', {endpoint: 'https://v0v7kq.ionos.es', project: 'ionos_es', jsFile: 'bp6upp.js'}], ['it', {endpoint: 'https://kt8986.ionos.it', project: 'ionos_it', jsFile: 'td7zu1.js'}], ['mx', {endpoint: 'https://e5xnsj.ionos.mx', project: 'ionos_mx', jsFile: 'tvjenp.js'}], ['at', {endpoint: 'https://6kudki.ionos.at', project: 'ionos_at', jsFile: '9t1jfx.js'}], ]); let country = window.guidesDataLayer.market.toLowerCase(); const jentisRuntimeConfig = jentisConfig.has(country) ? jentisConfig.get(country) : null; if (jentisRuntimeConfig === null) { throw new Error('Jentis runtime configuration not available!'); } (function (sCDN, sCDNProject, sCDNWorkspace, sCDNVers) { if ( window.localStorage !== null && typeof window.localStorage === "object" && typeof window.localStorage.getItem === "function" && window.sessionStorage !== null && typeof window.sessionStorage === "object" && typeof window.sessionStorage.getItem === "function" ) { sCDNVers = window.sessionStorage.getItem("jts_preview_version") || window.localStorage.getItem("jts_preview_version") || sCDNVers; } window.jentis = window.jentis || {}; window.jentis.config = window.jentis.config || {}; window.jentis.config.frontend = window.jentis.config.frontend || {}; window.jentis.config.frontend.cdnhost = sCDN + "/get/" + sCDNWorkspace + "/web/" + sCDNVers + "/"; window.jentis.config.frontend.vers = sCDNVers; window.jentis.config.frontend.env = sCDNWorkspace; window.jentis.config.frontend.project = sCDNProject; window._jts = window._jts || []; var f = document.getElementsByTagName("script")[0]; var j = document.createElement("script"); j.async = true; j.src = window.jentis.config.frontend.cdnhost + jentisRuntimeConfig.jsFile; f.parentNode.insertBefore(j, f); })(jentisRuntimeConfig.endpoint, jentisRuntimeConfig.project, "live", "_"); } const jentisPageView = function () { const dataLayerNs = window.ionos.datalayer.pageview; dataLayerNs.applicationName = window.guidesDataLayer.shopname; dataLayerNs.subShopname = null; dataLayerNs.page = window.guidesDataLayer.prop1; dataLayerNs.productArea = window.guidesDataLayer.eVar1; dataLayerNs.section = window.guidesDataLayer.eVar6; dataLayerNs.hashedIp = null; dataLayerNs.loginStatus = null; dataLayerNs.hashedCustomerId = null; window.dataLayerNs = dataLayerNs; window.privacyConsent.invoke( window.ionos.datalayer.pageview.sendData, window.PrivacyConsentEnum.STATISTICS, window.privacyConsent, true, ); window.privacyConsent.initialize(); window?.ionos?.datalayer?.initConsent(); } window.jentis = jentis; window.jentisPageView = jentisPageView; window.promisedConsentScriptsBefore.push({scriptOrFunction: 'jentis'}); window.promisedConsentScriptsAfter.push({scriptOrFunction: 'https://var.uicdn.net/shopsshort/ionos-datalayer/datalayer.min.js'}); window.promisedConsentScriptsAfter.push({scriptOrFunction: 'jentisPageView'}); let genesysPredictiveEngangement = function () { let genesysPredictiveEngangementFn = function() { (function (a, t, c, l, o, u, d) { a['_genesysJourneySdk'] = o; a[o] = a[o] || function () { (a[o].q = a[o].q || []).push(arguments) }, a[o].l = 1 * new Date(); u = t.createElement(c), d = t.getElementsByTagName(c)[0]; u.async = 1; u.src = l; u.charset = 'utf-8'; d.parentNode.insertBefore(u, d) })(window, document, 'script', 'https://apps.mypurecloud.de/journey/sdk/js/web/v1/ac.js', 'ac'); ac('init', '64d8dda3-78c2-40a3-9e33-40c30650eb34', {region: 'euc1'}); ac('pageview') }; (function () { window.privacyConsent.invoke( genesysPredictiveEngangementFn, PrivacyConsentEnum.MARKETING, window.privacyConsent, true ); })(); window.privacyConsent.initialize(); } window.genesysPredictiveEngangement = genesysPredictiveEngangement; window.promisedConsentScriptsAfter.push({scriptOrFunction: 'genesysPredictiveEngangement'}); let hubspot = function () { let hubspotFn = function () { var n = document.createElement("script"); n.setAttribute("id", 'hs-script-loader'); n.async = true; n.defer = true; n.setAttribute("src", 'https://js-eu1.hs-scripts.com/8230984.js'); window.document.head.appendChild(n); }; window.privacyConsent.invoke( hubspotFn, PrivacyConsentEnum.STATISTICS, window.privacyConsent, true ); window.privacyConsent.initialize(); } window.hubspot = hubspot; window.promisedConsentScriptsAfter.push({scriptOrFunction: 'hubspot'}); function consentRelatedScriptsInsertAfter(newNode, existingNode) { existingNode.parentNode.insertBefore(newNode, existingNode.nextSibling); } let consentRelatedScripts = function() { var consentRelatedScriptsFn = document.querySelectorAll('script[type="text/plain"][data-consent]'); console.info(consentRelatedScriptsFn); var consentedFunctions = []; consentRelatedScriptsFn.forEach(function (item) { var consentCategoryFromDataSet = item.dataset.consent || ''; if (consentCategoryFromDataSet !== '') { var consentCategory = consentCategoryFromDataSet.toUpperCase(); if (!(consentCategory in consentedFunctions)) { consentedFunctions[consentCategory] = []; } consentedFunctions[consentCategory].push(item); } }) var activateConsentRelatedScripts = []; for (var consentCategory in consentedFunctions) { activateConsentRelatedScripts[consentCategory] = function() { consentedFunctions[consentCategory].forEach(function(item) { var newScriptContent = item.text; const newScript = document.createElement("script"); newScript.text = newScriptContent; newScript.type = "text/javascript"; newScript.dataset.consentGiven = true; consentRelatedScriptsInsertAfter(newScript, item); }); }; window.privacyConsent.invoke( activateConsentRelatedScripts[consentCategory], PrivacyConsentEnum[consentCategory], window.privacyConsent, false ); window.privacyConsent.initialize(); } } window.consentRelatedScripts = consentRelatedScripts; window.consentRelatedScriptsInsertAfter = consentRelatedScriptsInsertAfter; window.promisedConsentScriptsAfter.push({scriptOrFunction: 'consentRelatedScripts'}); window.promisedConsentScriptsBefore = window.promisedConsentScriptsBefore || []; window.promisedConsentScriptsAfter = window.promisedConsentScriptsAfter || []; loadPromisedConsentScripts({ consentUrl: 'https://www.ionos.de/modules/hosting-common/script/privacy/bundle.js', consentType: '', before: window.promisedConsentScriptsBefore, after: window.promisedConsentScriptsAfter }); </script> <script> "use strict"; if (typeof ready !== 'function') { var ready=function(e){"loading"!==document.readyState?e():document.addEventListener?document.addEventListener("DOMContentLoaded",e):document.attachEvent("onreadystatechange",function(){"complete"===document.readyState&&e()})}; } /** Polyfill for NodeList.forEach */ if ('NodeList' in window && !NodeList.prototype.forEach) {NodeList.prototype.forEach = function (callback, thisArg) {thisArg = thisArg || window;for (var i = 0; i < this.length; i++) callback.call(thisArg, this[i], i, this);};} /** Polyfill for HTMLCollection.forEach */ if ('HTMLCollection' in window && !HTMLCollection.prototype.forEach) {HTMLCollection.prototype.forEach = function (callback, thisArg) {thisArg = thisArg || window;for (var i = 0; i < this.length; i++) callback.call(thisArg, this[i], i, this);};} /** Array.prototype.includes() polyfill @author Chris Ferdinandi @license MIT */ if (!Array.prototype.includes) {Array.prototype.includes = function (search, start) {'use strict';if (search instanceof RegExp) throw TypeError('first argument must not be a RegExp');if (start === undefined) start = 0;return this.indexOf(search, start) !== -1;};} /** Polyfill for Element.matches */ if (Element && !Element.prototype.matches) {Element.prototype.matches = Element.prototype.matchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector;} </script> <meta name="theme-color" content="#02102b"/> <link rel="canonical" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/"/> <link rel="alternate" hreflang="de" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/"/> <link rel="alternate" hreflang="de-AT" href="https://www.ionos.at/digitalguide/websites/webseiten-erstellen/website-typen/"/> <link rel="alternate" hreflang="de-DE" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/"/> <link rel="alternate" hreflang="en-CA" href="https://www.ionos.ca/digitalguide/websites/website-creation/website-types/"/> <link rel="alternate" hreflang="en-GB" href="https://www.ionos.co.uk/digitalguide/websites/website-creation/website-types/"/> <link rel="alternate" hreflang="en-US" href="https://www.ionos.com/digitalguide/websites/website-creation/website-types/"/> <link rel="alternate" hreflang="es" href="https://www.ionos.com/es-us/digitalguide/paginas-web/creacion-de-paginas-web/tipos-de-paginas-web/"/> <link rel="alternate" hreflang="es-AR" href="https://www.ionos.com/es-us/digitalguide/paginas-web/creacion-de-paginas-web/tipos-de-paginas-web/"/> <link rel="alternate" hreflang="es-ES" href="https://www.ionos.es/digitalguide/paginas-web/creacion-de-paginas-web/tipos-de-paginas-web/"/> <link rel="alternate" hreflang="es-MX" href="https://www.ionos.mx/digitalguide/paginas-web/creacion-de-paginas-web/tipos-de-paginas-web/"/> <link rel="alternate" hreflang="fr" href="https://www.ionos.fr/digitalguide/sites-internet/creation-de-sites-internet/types-de-site-internet/"/> <link rel="alternate" hreflang="it" href="https://www.ionos.it/digitalguide/siti-web/creare-siti/tipologie-di-siti-web/"/> <link rel="alternate" hreflang="pt" href="https://www.ionos.com/pt-br/digitalguide/sites-de-internet/criar-sites/tipos-de-site/"/> <link rel="alternate" hreflang="x-default" href="https://www.ionos.com/digitalguide/websites/website-creation/website-types/"/> </head> <body class="position-relative page-2761"> <nav id="navigation-main" class="navbar brand-header-bg brand-header-color position-fixed fixed-top contain-style" data-bs-theme="dark"><span class="scroll-indicator d-block fixed-top w-100"><span class="d-block brand-scroll-indicator-bg"></span></span><div class="container-fluid container-sm"><a data-linkid="guides.logo.header" class="navbar-brand mx-0 d-flex align-items-center link-internal" href="https://www.ionos.de/digitalguide/" target="_top" title="Digital Guide" data-guides-target-uid="1"><svg class="d-inline-block m-0 brand-logo brand-header-color"><use xlink:href="#ionos-logo" /></svg><span class="brand-entity d-inline-block m-0 ms-3 brand-header-color lh-1">Digital Guide</span></a><form id="search-bar" class="search-form input-group input-group-sm w-auto mx-5 d-none d-lg-flex flex-fill" role="search" action="https://www.ionos.de/digitalguide/suche/" method="POST" autocomplete="off"><span class="input-group-text rounded-start-5 border-0 px-0 brand-header-search-bg"><button class="btn btn-sm brand-header-search-bg brand-header-muted-color" type="submit" id="navbar-search" data-linkid="guides.module.search.btn"><svg width="16" height="16"><use xlink:href="#icon-search"></use></svg><span class="visually-hidden">Ihr Suchbegriff</span></button></span><input class="form-control rounded-end-5 border-0 ps-1 brand-header-search-bg brand-header-muted-color" type="text" name="search" onkeyup="javascript:localStorage.setItem('searchTerm', cleanupSearchString(this.value))" placeholder="Ihr Suchbegriff" autocomplete="off" aria-label="Ihr Suchbegriff" aria-describedby="navbar-search" spellcheck="false" ></form><button class="btn btn-sm btn-cta px-3 ms-auto me-5 d-none d-sm-block" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar-products" aria-controls="navbar-products" aria-labelledby="navbar-products"> IONOS Produkte </button><div class="offcanvas offcanvas-top brand-header-bg brand-header-color" data-bs-hideresize="true" tabindex="-1" id="navbar-products" aria-labelledby="navbar-products"><div class="offcanvas-header"><span class="offcanvas-title h5 brand-header-color" id="offcanvas-label-navigation-products">IONOS Produkte</span><button type="button" class="btn-close brand-header-color navbar-toggler" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body pt-0 position-relative align-items-center"><ul class="nav"><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Domain & SSL</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/domains/domain-registrieren" target="_top" data-linkid="guides.navigation.products.domain-ssl.domain-kaufen" class="nav-link link-internal">Domain kaufen</a></li><li class="nav-item"><a href="https://www.ionos.de/domains/domain-check" target="_top" data-linkid="guides.navigation.products.domain-ssl.domain-check" class="nav-link link-internal">Domain Check</a></li><li class="nav-item"><a href="https://www.ionos.de/domains/domain-umzug" target="_top" data-linkid="guides.navigation.products.domain-ssl.domain-umziehen" class="nav-link link-internal">Domain umziehen</a></li><li class="nav-item"><a href="https://www.ionos.de/domains/de-domain" target="_top" data-linkid="guides.navigation.products.domain-ssl.de-domain" class="nav-link link-internal">.de-Domain</a></li><li class="nav-item"><a href="https://www.ionos.de/domains/guenstige-domains" target="_top" data-linkid="guides.navigation.products.domain-ssl.guenstige-domain" class="nav-link link-internal">Günstige Domain</a></li><li class="nav-item"><a href="https://www.ionos.de/domains/kostenlose-domain" target="_top" data-linkid="guides.navigation.products.domain-ssl.kostenlose-domain" class="nav-link link-internal">Kostenlose Domain</a></li><li class="nav-item"><a href="https://www.ionos.de/sicherheit/ssl-zertifikat" target="_top" data-linkid="guides.navigation.products.domain-ssl.ssl-zertifikat-kaufen" class="nav-link link-internal">SSL-Zertifikat kaufen</a></li><li class="nav-item"><a href="https://www.ionos.de/sicherheit/kostenloses-ssl" target="_top" data-linkid="guides.navigation.products.domain-ssl.ssl-zertifikat-kostenlos" class="nav-link link-internal">SSL-Zertifikat kostenlos</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Website & Onlineshop</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/websites/homepage-baukasten" target="_top" data-linkid="guides.navigation.products.website-onlineshop.homepage-baukasten" class="nav-link link-internal">Homepage-Baukasten</a></li><li class="nav-item"><a href="https://www.ionos.de/websites/homepage-erstellen" target="_top" data-linkid="guides.navigation.products.website-onlineshop.website-erstellen" class="nav-link link-internal">Website erstellen</a></li><li class="nav-item"><a href="https://www.ionos.de/websites/templates" target="_top" data-linkid="guides.navigation.products.website-onlineshop.website-vorlagen" class="nav-link link-internal">Website-Vorlagen</a></li><li class="nav-item"><a href="https://www.ionos.de/websites/homepage-erstellen-lassen" target="_top" data-linkid="guides.navigation.products.website-onlineshop.website-erstellen-lassen" class="nav-link link-internal">Website erstellen lassen</a></li><li class="nav-item"><a href="https://www.ionos.de/eshop-loesungen/onlineshop-erstellen" target="_top" data-linkid="guides.navigation.products.website-onlineshop.onlineshop-erstellen" class="nav-link link-internal">Onlineshop erstellen</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Hosting & WordPress</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/hosting/webhosting" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.webhosting" class="nav-link link-internal">Webhosting</a></li><li class="nav-item"><a href="https://www.ionos.de/hosting/wordpress-hosting" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.wordpress-hosting" class="nav-link link-internal">WordPress Hosting</a></li><li class="nav-item"><a href="https://www.ionos.de/hosting/windows-hosting" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.windows-hosting" class="nav-link link-internal">Windows Hosting</a></li><li class="nav-item"><a href="https://www.ionos.de/hosting/webspace" target="_top" data-linkid="guides.navigation.products.hosting-wordpress.webspace" class="nav-link link-internal">Webspace</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">E-Mail & Office</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/office-loesungen/eigene-email-adresse" target="_top" data-linkid="guides.navigation.products.e-mail-office.eigene-e-mail-domain" class="nav-link link-internal">Eigene E-Mail-Domain</a></li><li class="nav-item"><a href="https://www.ionos.de/office-loesungen/email-hosting" target="_top" data-linkid="guides.navigation.products.e-mail-office.e-mail-hosting" class="nav-link link-internal">E-Mail-Hosting</a></li><li class="nav-item"><a href="https://www.ionos.de/office-loesungen/managed-nextcloud-hosting" target="_top" data-linkid="guides.navigation.products.e-mail-office.managed-nextcloud-hosting" class="nav-link link-internal">Managed Nextcloud Hosting</a></li><li class="nav-item"><a href="https://www.ionos.de/office-loesungen/hidrive-cloud-speicher" target="_top" data-linkid="guides.navigation.products.e-mail-office.hidrive-cloud-speicher" class="nav-link link-internal">HiDrive Cloud-Speicher</a></li><li class="nav-item"><a href="https://www.ionos.de/office-loesungen/microsoft-office" target="_top" data-linkid="guides.navigation.products.e-mail-office.microsoft-365-business" class="nav-link link-internal">Microsoft 365 Business</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Cloud & Server</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/cloud/cloud-server" target="_top" data-linkid="guides.navigation.products.cloud-server.cloud-server" class="nav-link link-internal">Cloud Server</a></li><li class="nav-item"><a href="https://www.ionos.de/server/vps" target="_top" data-linkid="guides.navigation.products.cloud-server.vserver-vps" class="nav-link link-internal">vServer (VPS)</a></li><li class="nav-item"><a href="https://www.ionos.de/server/free-vps" target="_top" data-linkid="guides.navigation.products.cloud-server.free-vps" class="nav-link link-internal">Free VPS</a></li><li class="nav-item"><a href="https://www.ionos.de/server/dedicated-server" target="_top" data-linkid="guides.navigation.products.cloud-server.dedicated-server" class="nav-link link-internal">Dedicated Server</a></li><li class="nav-item"><a href="https://www.ionos.de/server/server-mieten" target="_top" data-linkid="guides.navigation.products.cloud-server.server-mieten" class="nav-link link-internal">Server mieten</a></li><li class="nav-item"><a href="https://www.ionos.de/server/root-server" target="_top" data-linkid="guides.navigation.products.cloud-server.root-server-mieten" class="nav-link link-internal">Root Server mieten</a></li><li class="nav-item"><a href="https://cloud.ionos.de/" target="_top" data-linkid="guides.navigation.products.cloud-server.ionos-cloud" class="nav-link link-internal">IONOS Cloud</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><span class="nav-link disabled brand-header-muted-color">Tools</span><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/tools/firmennamen-generator" target="_top" data-linkid="guides.navigation.products.tools.firmennamen-generator" class="nav-link link-internal">Firmennamen-Generator</a></li><li class="nav-item"><a href="https://www.ionos.de/tools/logo-erstellen" target="_top" data-linkid="guides.navigation.products.tools.logo-erstellen" class="nav-link link-internal">Logo erstellen</a></li><li class="nav-item"><a href="https://www.ionos.de/tools/favicon-generator" target="_top" data-linkid="guides.navigation.products.tools.favicon-generator" class="nav-link link-internal">Favicon Generator</a></li><li class="nav-item"><a href="https://www.ionos.de/tools/whois-domainabfrage" target="_top" data-linkid="guides.navigation.products.tools.whois-domain-abfrage" class="nav-link link-internal">Whois Domain Abfrage</a></li><li class="nav-item"><a href="https://www.ionos.de/tools/website-check" target="_top" data-linkid="guides.navigation.products.tools.website-check" class="nav-link link-internal">Website Check</a></li><li class="nav-item"><a href="https://www.ionos.de/tools/seo-check" target="_top" data-linkid="guides.navigation.products.tools.seo-check" class="nav-link link-internal">SEO Check</a></li><li class="nav-item"><a href="https://www.ionos.de/tools/ssl-check" target="_top" data-linkid="guides.navigation.products.tools.ssl-check" class="nav-link link-internal">SSL Check</a></li><li class="nav-item"><a href="https://www.ionos.de/tools/ip-adresse" target="_top" data-linkid="guides.navigation.products.tools.wie-ist-meine-ip" class="nav-link link-internal">Wie ist meine IP?</a></li></ul></li></ul></div></div><button class="navbar-toggler border-0 collapsed" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar-main" aria-controls="navbar-main" aria-labelledby="navbar-main"><span class="navbar-toggler-icon"></span></button><div class="offcanvas offcanvas-top brand-header-bg brand-header-color" data-bs-hideresize="true" tabindex="-1" id="navbar-main" aria-labelledby="navbar-main"><div class="offcanvas-header"><span class="offcanvas-title h5 brand-header-color" id="offcanvas-label-navigation-main">Hauptmenü</span><button type="button" class="btn-close brand-header-color navbar-toggler" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body pt-0 position-relative align-items-center"><div class="row"><div class="col-12 col-sm-6 align-self-center order-1 px-3 py-1"><form id="search-navigation" class="search-form input-group input-group-sm w-auto" role="search" action="https://www.ionos.de/digitalguide/suche/" method="POST" autocomplete="off"><span class="input-group-text rounded-start-5 border-0 px-0 brand-header-search-bg"><button class="btn btn-sm brand-header-search-bg brand-header-muted-color" type="submit" id="offcanvas-search" data-linkid="guides.module.search.btn"><svg width="16" height="16"><use xlink:href="#icon-search"></use></svg><span class="visually-hidden">Ihr Suchbegriff</span></button></span><input class="form-control rounded-end-5 border-0 ps-1 brand-header-search-bg brand-header-muted-color" type="text" name="search" onkeyup="javascript:localStorage.setItem('searchTerm', cleanupSearchString(this.value))" placeholder="Ihr Suchbegriff" autocomplete="off" aria-label="Ihr Suchbegriff" aria-describedby="navbar-search" spellcheck="false" ></form></div><div class="col-12 col-sm-6 align-self-center order-3 order-sm-2 px-3"><button class="btn btn-sm btn-cta px-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar-products" aria-controls="navbar-products" aria-labelledby="navbar-products">IONOS Produkte</button></div><div class="col-12 order-2 order-sm-3"><ul class="nav"><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.de/digitalguide/websites/" target="_top" data-linkid="guides.navigation.main.websites" title="Websites" class="nav-link active link-internal">Websites</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/" target="_top" data-linkid="guides.navigation.main.websites.webseiten-erstellen" title="Webseiten erstellen" class="nav-link active link-internal">Webseiten erstellen</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/websites/webdesign/" target="_top" data-linkid="guides.navigation.main.websites.webdesign" title="Webdesign" class="nav-link link-internal">Webdesign</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/websites/web-entwicklung/" target="_top" data-linkid="guides.navigation.main.websites.web-entwicklung" title="Web-Entwicklung" class="nav-link link-internal">Web-Entwicklung</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/websites/online-recht/" target="_top" data-linkid="guides.navigation.main.websites.online-recht" title="Online-Recht" class="nav-link link-internal">Online-Recht</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.de/digitalguide/hosting/" target="_top" data-linkid="guides.navigation.main.hosting" title="Hosting" class="nav-link link-internal">Hosting</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/digitalguide/hosting/cms/" target="_top" data-linkid="guides.navigation.main.hosting.cms" title="CMS" class="nav-link link-internal">CMS</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/hosting/blogs/" target="_top" data-linkid="guides.navigation.main.hosting.blogs" title="Blogs" class="nav-link link-internal">Blogs</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/hosting/hosting-technik/" target="_top" data-linkid="guides.navigation.main.hosting.hosting-technik" title="Hosting-Technik" class="nav-link link-internal">Hosting-Technik</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.de/digitalguide/server/" target="_top" data-linkid="guides.navigation.main.server" title="Server" class="nav-link link-internal">Server</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/digitalguide/server/knowhow/" target="_top" data-linkid="guides.navigation.main.server.knowhow" title="KnowHow" class="nav-link link-internal">KnowHow</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/server/konfiguration/" target="_top" data-linkid="guides.navigation.main.server.konfiguration" title="Konfiguration" class="nav-link link-internal">Konfiguration</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/server/sicherheit/" target="_top" data-linkid="guides.navigation.main.server.sicherheit" title="Sicherheit" class="nav-link link-internal">Sicherheit</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/server/tools/" target="_top" data-linkid="guides.navigation.main.server.tools" title="Tools" class="nav-link link-internal">Tools</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.de/digitalguide/domains/" target="_top" data-linkid="guides.navigation.main.domains" title="Domains" class="nav-link link-internal">Domains</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/digitalguide/domains/domainendungen/" target="_top" data-linkid="guides.navigation.main.domains.domainendungen" title="Domainendungen" class="nav-link link-internal">Domainendungen</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/domains/domainverwaltung/" target="_top" data-linkid="guides.navigation.main.domains.domainverwaltung" title="Domainverwaltung" class="nav-link link-internal">Domainverwaltung</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/domains/domain-news/" target="_top" data-linkid="guides.navigation.main.domains.domain-news" title="Domain-News" class="nav-link link-internal">Domain-News</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/domains/domaintipps/" target="_top" data-linkid="guides.navigation.main.domains.domaintipps" title="Domaintipps" class="nav-link link-internal">Domaintipps</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.de/digitalguide/online-marketing/" target="_top" data-linkid="guides.navigation.main.online-marketing" title="Online Marketing" class="nav-link link-internal">Online Marketing</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/digitalguide/online-marketing/verkaufen-im-internet/" target="_top" data-linkid="guides.navigation.main.online-marketing.verkaufen-im-internet" title="Verkaufen im Internet" class="nav-link link-internal">Verkaufen im Internet</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/online-marketing/suchmaschinenmarketing/" target="_top" data-linkid="guides.navigation.main.online-marketing.suchmaschinenmarketing" title="Suchmaschinenmarketing" class="nav-link link-internal">Suchmaschinenmarketing</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/online-marketing/social-media/" target="_top" data-linkid="guides.navigation.main.online-marketing.social-media" title="Social Media" class="nav-link link-internal">Social Media</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/online-marketing/web-analyse/" target="_top" data-linkid="guides.navigation.main.online-marketing.web-analyse" title="Web-Analyse" class="nav-link link-internal">Web-Analyse</a></li></ul></li><li class="nav-item col-12 col-sm-6 col-lg-4 col-xxl-2 px-1 my-2"><a href="https://www.ionos.de/digitalguide/e-mail/" target="_top" data-linkid="guides.navigation.main.e-mail" title="E-Mail" class="nav-link link-internal">E-Mail</a><ul class="nav flex-column mt-2 pt-2 border-top brand-header-border-color"><li class="nav-item"><a href="https://www.ionos.de/digitalguide/e-mail/e-mail-marketing/" target="_top" data-linkid="guides.navigation.main.e-mail.e-mail-marketing" title="E-Mail Marketing" class="nav-link link-internal">E-Mail Marketing</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/e-mail/e-mail-sicherheit/" target="_top" data-linkid="guides.navigation.main.e-mail.e-mail-sicherheit" title="E-Mail Sicherheit" class="nav-link link-internal">E-Mail Sicherheit</a></li><li class="nav-item"><a href="https://www.ionos.de/digitalguide/e-mail/e-mail-technik/" target="_top" data-linkid="guides.navigation.main.e-mail.e-mail-technik" title="E-Mail Technik" class="nav-link link-internal">E-Mail Technik</a></li></ul></li></ul></div></div></div></div></div></nav> <article> <div class="bg-transparent bg-md-brand-gray-100"> <nav aria-label="breadcrumb" class="d-none d-md-flex pt-2 pt-lg-5 container-fluid container-sm contain-style"> <script type="application/ld+json">{"@context": "http://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type":"ListItem","position":1,"name":"IONOS","item":"https:\/\/www.ionos.de"},{"@type":"ListItem","position":2,"name":"Digital Guide","item":"https:\/\/www.ionos.de\/digitalguide\/"},{"@type":"ListItem","position":3,"name":"Websites","item":"https:\/\/www.ionos.de\/digitalguide\/websites\/"},{"@type":"ListItem","position":4,"name":"Webseiten erstellen","item":"https:\/\/www.ionos.de\/digitalguide\/websites\/webseiten-erstellen\/"},{"@type":"ListItem","position":5,"name":"Website-Typen"}]}</script> <ol class="breadcrumb m-0"> <li class="breadcrumb-item m-0 p-0"><a class="text-decoration-none link-internal" href="https://www.ionos.de" title="IONOS" data-linkid="guides.navigation.breadcrumb.ionos" target="_top">IONOS</a></li> <li class="breadcrumb-item m-0 p-0"><svg width="16" height="16" class="mx-1 brand-breadcrumb-icon-color"><use xlink:href="#icon-breadcrumb-divider"/></svg><a data-linkid="guides.navigation.breadcrumb.digital-guide" class="text-decoration-none link-internal" title="Digital Guide" href="https://www.ionos.de/digitalguide/" target="_top">Digital Guide</a></li> <li class="breadcrumb-item m-0 p-0"><svg width="16" height="16" class="mx-1 brand-breadcrumb-icon-color"><use xlink:href="#icon-breadcrumb-divider"/></svg><a data-linkid="guides.navigation.breadcrumb.websites" class="text-decoration-none link-internal" title="Websites" href="https://www.ionos.de/digitalguide/websites/" target="_top">Websites</a></li> <li class="breadcrumb-item m-0 p-0"><svg width="16" height="16" class="mx-1 brand-breadcrumb-icon-color"><use xlink:href="#icon-breadcrumb-divider"/></svg><a data-linkid="guides.navigation.breadcrumb.webseiten-erstellen" class="text-decoration-none link-internal" title="Webseiten erstellen" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/" target="_top">Webseiten erstellen</a></li> <li class="breadcrumb-item active m-0 p-0" aria-current="page"><svg width="16" height="16" class="mx-1 brand-breadcrumb-icon-color"><use xlink:href="#icon-breadcrumb-divider"/></svg>Website-Typen</li> </ol> </nav> <div class="container-fluid container-sm py-2 pb-md-5 py-lg-5 contain-style position-relative overflow-hidden"> <div class="row contain-style gap-2"> <div class="col d-flex flex-column contain-style gap-2 justify-content-around order-lg-last"> <h1 class="m-0 order-lg-2">7 Website-Typen im Überblick: Welche Website brauchen Sie?</h1> <ul class="nav flex-row justify-content-between align-items-center my-0 gap-2 order-lg-last contain-style"><li class="my-0 d-flex flex-nowrap align-items-center position-relative"><img class="img-fluid brand-btn-bg rounded-circle me-2 border border-1 brand-btn-border-color overflow-hidden d-none d-sm-block" title="IONOS Redaktion" alt="IONOS Redaktion" src="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Icons/logo-icon-nlement-48px-and-smaller.svg" width="48" height="48" /><span class="d-block"><span class="d-block">IONOS Redaktion</span><span class=" d-flex fs-sm align-items-center gap-1"><svg width="16" height="16"><use xlink:href="#icon-calendar-event"></use></svg><time datetime="2022-02-24">24.02.2022</time></span></span></li><li class="my-0"><ul class="nav flex-row"><li><a data-linkid="guides.article.share.facebook" target="_blank" title="Auf Facebook teilen" href="https://www.facebook.com/sharer/sharer.php?u=https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/" class="btn btn-lg btn-skeleton p-1 rounded-circle lh-1 facebook link-external" rel="noopener noreferrer"><svg width="16" height="16"><use xlink:href="#facebook-logo"/></svg><span class="visually-hidden">Auf Facebook teilen</span></a></li><li class="mx-1"><a data-linkid="guides.article.share.twitter" target="_blank" title="Auf Twitter teilen" href="https://twitter.com/intent/tweet?source=https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/&text=Website-Typen&hashtags=DigitalGuide&url=https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/" class="btn btn-lg btn-skeleton p-1 rounded-circle lh-1 twitter-x link-external" rel="noopener noreferrer"><svg width="16" height="16"><use xlink:href="#twitter-logo"/></svg><span class="visually-hidden">Auf Twitter teilen</span></a></li><li><a data-linkid="guides.article.share.linkedin" target="_blank" title="Auf LinkedIn teilen" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/" class="btn btn-lg btn-skeleton p-1 rounded-circle lh-1 linkedin link-external" rel="noopener noreferrer"><svg width="16" height="16"><use xlink:href="#linkedin-logo"/></svg><span class="visually-hidden">Auf LinkedIn teilen</span></a></li></ul></li></ul> <aside class="tags d-none order-lg-first d-lg-flex flex-wrap gap-2 align-items-center contain-style"> <ul class="nav d-flex flex-wrap gap-2 z-1"><li><a data-linkid="guides.article.tags.lexikon" class="btn btn-sm btn-default z-1 link-internal" href="https://www.ionos.de/digitalguide/tags/lexikon/" target="_top">Lexikon</a></li><li><a href="https://www.ionos.de/digitalguide/hub/website-know-how/" target="_top" data-linkid="guides.article.tags.website-know-how" class="btn btn-sm btn-default z-1 link-internal" title="Website-Know-how" data-guides-target-uid="37118">Website-Know-how</a></li></ul> </aside> </div> <div class="col-12 col-lg-6 d-none d-md-block mt-2 mt-lg-0" style="display: none"> <figure class="image position-relative overflow-hidden align-center visual-img contain-style my-0 w-100 h-100"> <picture><source media="(min-width: 1680px)" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_1578c7d48f.webp"/><source media="(min-width: 1400px)" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_0291a58e39.webp"/><source media="(min-width: 1200px)" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_78114c01d2.webp"/><source media="(min-width: 922px)" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_4496f66ebc.webp"/><source media="(min-width: 768px)" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_eigene-app-erstellen-t_6c619b2074.webp"/><img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idHJhbnNwYXJlbnQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K" width="1200" height="630" title="7 Website-Typen im Überblick: Welche Website brauchen Sie?" alt="7 Website-Typen im Überblick: Welche Website brauchen Sie?" class="img-fluid d-block mx-auto img-format-landscape w-100 h-100 object-fit-cover rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/eigene-app-erstellen-t.jpg"/></picture><span class="media-credits d-flex position-absolute top-0 end-0 start-unset bottom-unset w-auto h-auto fs-sm"><span class="media-artist">Billion Photos</span><span class="media-source">Shutterstock</span></span> </figure> </div> </div> </div> </div> <div class="container-fluid container-sm"> <div class="row py-2 py-lg-5 contain-style position-relative gap-4 flex-xl-nowrap"> <section class="content col-12 col-xl-6 col-xxxl-7 contain-style order-2 position-relative overflow-hidden mw-xl-content-area"> <div id="c241204" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Eine Website gehört zur Grundausstattung jedes erfolgreichen Unternehmens. Aber wie sollte sie am besten gestaltet sein? „Es kommt darauf an“, sagen Rechtsanwälte gerne, und dieser Satz stimmt auch für die <strong>Auswahl des richtigen Website-Typs</strong>. Wollen Sie Anmeldungen für einen Onlinekurs sammeln oder sich als Fotograf einen Namen machen? Planen Sie Schmuck zu verkaufen oder wollen Sie einen Blog aufbauen? Je nach Ihrer Antwort muss Ihre Website völlig anders aussehen.</p><p>Egal, ob Sie Ihren Internetauftritt selbst erstellen oder einen Dienstleister beauftragen, Sie sollten sich vorab Gedanken machen, welche Art von Website Sie benötigen. Diese strategische Entscheidung können letztlich nur Sie als Unternehmer treffen. Mit unserer Website-Typologie verschaffen Sie sich schnell Klarheit.</p> </div> </div> </div> <div id="c173485" class="mx-auto guides_cta_images" data-ctype="guides_cta_images"> <div class="position-relative my-4 rounded-4 p-4 layout-0 overflow-hidden"><div class="row d-flex flex-wrap align-items-bottom"><div class="col-12" style="z-index: 1"><div class="d-block mt-0 mx-0 mb-3 h3 headline"><div class="d-block mx-0 mt-0 mb-1 h5 preline"> Homepage-Baukasten </div> Die Website-Sensation mit Künstlicher Intelligenz </div></div><div class="col-12 col-sm"><ul class="checklist highlight"><li> Intuitives Baukastensystem mit KI-Unterstützung </li><li> Bilder und Texte wie von Profis gemacht, direkt SEO-optimiert </li><li> Domain, SSL und E-Mail-Postfach inklusive </li></ul></div><div class="col-12 col-sm-4 d-flex align-items-center justify-content-start justify-content-sm-end"><button data-linkid="" type="submit" class="btn btn-cta stretched-link mb-sm-1 mt-3 mt-sm-0" onclick="globalSBSitecat('event121');window.open('https://www.ionos.de/websites/homepage-baukasten','_top')">Zu den Tarifen</button></div></div></div> </div> <div id="c241206" class="textmedia" data-ctype="textmedia"> <h2> Welche Arten von Websites gibt es? Die 7 bekanntesten Website-Typen </h2> <div class="text-row ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Pro Minute werden ungefähr <a href="https://siteefy.com/how-many-websites-are-there/" target="_blank" title="Wie viele Websites gibt es?" rel="noreferrer noopener noreferrer" data-linkid="guides.content.link.ext.380-neue-websites-ins-netz-gestellt" class="link-external">380 neue Websites ins Netz gestellt</a>. Davon fallen nicht alle in die von uns vorgestellten Kategorien, zumal diese nicht immer trennscharf voneinander abzugrenzen sind. Wir haben diese Typologie jedoch gewählt, um Ihnen die wichtigsten Website-Arten mit ihren markanten Unterschieden vorzustellen – ohne Anspruch auf Vollständigkeit.</p> </div> </div> </div> <div id="c317678" class="mx-auto guides_hubspot" data-ctype="guides_hubspot"> <span class="hs-cta-wrapper d-block rounded-4 overflow-hidden" id="hs-cta-wrapper-5064daab-be9d-42d5-ab7a-8262e667c23e"><span class="hs-cta-node hs-cta-5064daab-be9d-42d5-ab7a-8262e667c23e" id="hs-cta-5064daab-be9d-42d5-ab7a-8262e667c23e"><a href="https://cta-redirect.hubspot.com/cta/redirect/8230984/5064daab-be9d-42d5-ab7a-8262e667c23e" target="_blank" rel="noopener noopener noreferrer" data-linkid="guides.guides-hubspot.5064daab-be9d-42d5-ab7a-8262e667c23e" class="link-external"><img class="hs-cta-img img-fluid" id="hs-cta-img-5064daab-be9d-42d5-ab7a-8262e667c23e" style="border-width:0px; margin-bottom:30px; width: 100%; height: auto; margin: 0 auto" height="250" width="970" src="https://no-cache.hubspot.com/cta/default/8230984/5064daab-be9d-42d5-ab7a-8262e667c23e.png" alt="New call-to-action"/></a></span><script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script><script type="text/javascript"> hbspt.cta.load(8230984, '5064daab-be9d-42d5-ab7a-8262e667c23e', {"useNewLoader":"true","region":"eu1"});</script></span> </div> <div id="c241207" class="textmedia" data-ctype="textmedia"> <h3> Corporate Website </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p><strong>Für wen?</strong> Unternehmen, Agenturen und Selbstständige</p> <p><strong>Einsatzzweck</strong>: Vorstellung des eigenen Unternehmens mit Kontaktmöglichkeiten</p> <p>Die klassische Unternehmenswebsite (Corporate Website) entspricht dem, was man mit einer Website im Allgemeinen verbindet: Sie ist eine Zusammenstellung mehrerer Einzelseiten mit dem primären Ziel, zu <strong>informieren</strong>.</p> <p>Das Unternehmen präsentiert seine Leistungen, stellt sein Team vor und bietet Möglichkeiten zur Kontaktaufnahme. Die Corporate Website ist die <strong>digitale Visitenkarte</strong> des Unternehmens. Websites können allerdings auch dynamische Elemente enthalten, z. B. einen News- oder Blogbereich, deren Inhalte regelmäßig aktualisiert werden. Umfangreiche Websites integrieren häufig weitere Website-Typen wie Landingpages oder Microsites, sodass Unternehmen unterschiedliche Ziele mit einer Internetpräsenz verfolgen können.</p> <p>Um die eigene Marke bzw. Website bei der Zielgruppe bekannt zu machen, sollten Unternehmen zusätzliche Maßnahmen wie <a href="https://www.ionos.de/digitalguide/online-marketing/suchmaschinenmarketing/was-versteht-man-unter-suchmaschinenmarketing/" target="_top" title="Was versteht man unter Suchmaschinenmarketing?" data-linkid="guides.content.link.int.suchmaschinenmarketing" class="link-internal">Suchmaschinenmarketing</a> umsetzen.</p> <p>Ein Beispiel für eine klassische Corporate Website ist die Seite von KPMG:</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1906px"><a href="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/kpmg-homepage.png" aria-label="🔎 Homepage von KPMG" data-bs-toggle="modal" data-bs-target="#modal-55532" data-lightbox="55532" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/kpmg-homepage.png" width="1906" height="916" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_a5f0365d52.webp 750w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_27898f8e75.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_d2ceb0f494.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_ae6abfb32a.webp 944w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_5c50244cf0.webp 704w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_061b28cc2e.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_9f0af925f2.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_b83f5db4c3.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_b83f5db4c3.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Homepage von KPMG" alt="Homepage von KPMG" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/kpmg-homepage.png"></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Die Website des Beratungsunternehmen KPMG ist eine klassische Corporate Website, bei der der informierende Charakter im Vordergrund steht. / Quelle: https://home.kpmg/xx/en/home.html </figcaption></figure><div class="modal fade lightbox" id="modal-55532" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/kpmg-homepage.png" width="1906" height="916" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_22de6f5812.png 1906w,https://www.ionos.de/digitalguide/fileadmin/_processed_/6/9/csm_kpmg-homepage_22de6f5812.png 1906w" sizes="(min-width: 992px) 1906px,(max-width:991px) 1906px" title="Homepage von KPMG" alt="Homepage von KPMG" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/kpmg-homepage.png"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Die Website des Beratungsunternehmen KPMG ist eine klassische Corporate Website, bei der der informierende Charakter im Vordergrund steht. / Quelle: https://home.kpmg/xx/en/home.html </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c241208" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Wenn Sie eine Unternehmenswebsite selbst erstellen möchten und über wenig oder keine Programmierkenntnisse verfügen, können Sie Website-Baukästen wie den <a href="https://www.ionos.de/websites/homepage-baukasten" target="_top" class="external-link-window link-internal" title="Homepage Baukasten » Ihre eigene Webseite 6 Monate kostenlos" data-linkid="guides.content.link.int.homepage-baukasten-mywebsite">Homepage Baukasten MyWebsite</a> verwenden. Damit lassen sich unkompliziert professionelle Ergebnisse realisieren. Alternativ können Sie eine Agentur engagieren oder, wenn Sie Ihr Budget schonen wollen, den <a href="https://www.ionos.de/websites/homepage-erstellen-lassen" target="_top" class="external-link-window link-internal" title="Website erstellen lassen durch IONOS Design-Experten" data-linkid="guides.content.link.int.ionos-website-design-service-von-ionos">IONOS Website Design Service von IONOS</a> beauftragen, sodass Experten eine Website nach Ihren Vorgaben umsetzen.</p> </div> </div> </div> <div id="c238978" class="mx-auto guides_cta_images" data-ctype="guides_cta_images"> <div class="position-relative my-4 rounded-4 p-4 layout-0 overflow-hidden"><div class="row d-flex flex-wrap align-items-bottom"><div class="col-12" style="z-index: 1"><div class="d-block mt-0 mx-0 mb-3 h3 headline"><div class="d-block mx-0 mt-0 mb-1 h5 preline"> Website Design Service </div> Website erstellen lassen von Profis </div></div><div class="col-12 col-sm"><ul class="checklist highlight"><li> Der einfache Weg zur professionellen Internet-Präsenz </li><li> Mit eigener Domain und E-Mail-Adresse </li><li> Inklusive: Pflege und Aktualisierung nach Livegang </li></ul></div><div class="col-12 col-sm-4 d-flex align-items-center justify-content-start justify-content-sm-end"><button data-linkid="" type="submit" class="btn btn-cta stretched-link mb-sm-1 mt-3 mt-sm-0" onclick="globalSBSitecat('event121');window.open('https://www.ionos.de/websites/homepage-erstellen-lassen','_top')">Kostenlose Beratung</button></div></div></div> </div> <div id="c241209" class="textmedia my-4 position-relative d-flex flex-column rounded-4 p-3 border brand-box-alt-bg brand-box-alt-border-color brand-box-alt-color" data-ctype="textmedia"> <div class="h2 has-icon"><svg width="16" height="16"><use xlink:href="#icon-exclamation-circle"></use></svg> Hinweis </div> <div class="ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Umgangssprachlich bezeichnet man eine Corporate Website häufig als Homepage. Dies ist allerdings irreführend, denn „Homepage“ meint eigentlich nur die Startseite einer Website.</p> </div> </div> </div> <div id="c241210" class="textmedia" data-ctype="textmedia"> <h3> Portfolio </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p><strong>Für wen? </strong>Künstler und Kreative</p> <p><strong>Einsatzzweck</strong>: Präsentation vorwiegend visueller Arbeitsproben</p> <p>Portfolio-Websites sind dafür optimiert, <strong>visuelle Arbeiten ansprechend zu präsentieren</strong>. Diese Website-Art ist ideal für Designer, Fotografen oder Künstler.</p> <p>Website-Themes für Portfolios zeichnen sich durch ein luftiges, oft minimalistisches Design aus, das bereits auf der Startseite die grafischen Elemente, die Arbeitsproben, in den Mittelpunkt rückt. Im Gegensatz zu Corporate Websites ist die <strong>Textmenge meist reduziert</strong>.</p> <p>Eine Portfolio-Website können auch Techniklaien selbst leicht umsetzen: CMS wie WordPress bieten eine riesige Auswahl an passenden <a href="https://www.ionos.de/digitalguide/hosting/blogs/wordpress-themes-die-besten-designs-fuer-ihre-website/" target="_top" title="WordPress-Themes: Die besten Designs für Ihre Website" data-linkid="guides.content.link.int.themes" class="link-internal">Themes</a>, die Sie leicht anpassen und mit Ihren Inhalten füllen können. Die einzige technische Hürde liegt im Hosting. Wählen Sie einen Anbieter, der auf WordPress-Hosting spezialisiert ist und eine 1-Klick-WordPress-Installation unterstützt. IONOS bietet speziell für Einsteiger günstige <a href="https://www.ionos.de/hosting/wordpress-hosting" target="_top" title="WordPress Hosting aus Deutschland – IONOS" data-linkid="guides.content.link.int.wordpress-hosting-pakete" class="link-internal">WordPress-Hosting-Pakete</a>.</p> <p>Wie eine Portfolio-Website aussehen kann? Die Website des Porträtfotografen Martin Schoeller ist ein recht typisches Beispiel für diese Art von Website:</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1602px"><a href="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-fotografen-martin-schoeller.png" aria-label="🔎 Website des Fotografen Martin Schoeller" data-bs-toggle="modal" data-bs-target="#modal-55533" data-lightbox="55533" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-fotografen-martin-schoeller.png" width="1602" height="906" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_8097e3f4cb.webp 750w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_307f3250af.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_0f93c07715.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_2e349de05e.webp 944w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_6533d20077.webp 704w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_a5d814f7d9.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_967882ca76.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_3b160d5d20.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_3b160d5d20.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Website des Fotografen Martin Schoeller" alt="Website des Fotografen Martin Schoeller" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-fotografen-martin-schoeller.png"></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Websites von Kreativen sind häufig als Portfolio gestaltet. / Quelle: https://martinschoeller.com/ </figcaption></figure><div class="modal fade lightbox" id="modal-55533" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-fotografen-martin-schoeller.png" width="1602" height="906" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_3aa2dfc324.png 1602w,https://www.ionos.de/digitalguide/fileadmin/_processed_/1/d/csm_website-des-fotografen-martin-schoeller_3aa2dfc324.png 1602w" sizes="(min-width: 992px) 1602px,(max-width:991px) 1602px" title="Website des Fotografen Martin Schoeller" alt="Website des Fotografen Martin Schoeller" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-fotografen-martin-schoeller.png"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Websites von Kreativen sind häufig als Portfolio gestaltet. / Quelle: https://martinschoeller.com/ </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c241211" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Wer selbst eine Portfolio-Website erstellen will, sollte darauf achten, nur die besten Arbeitsproben zu präsentieren. Nehmen Sie lieber weniger und dafür Ihre besten Arbeiten auf, als die Seite mit zu viel durchschnittlichen Referenzen zu überladen. </p> </div> </div> </div> <div id="c171708" class="mx-auto guides_cta_images" data-ctype="guides_cta_images"> <div class="position-relative my-4 rounded-4 p-4 layout-0 overflow-hidden"><div class="row d-flex flex-wrap align-items-bottom"><div class="col-12" style="z-index: 1"><div class="d-block mt-0 mx-0 mb-3 h3 headline"><div class="d-block mx-0 mt-0 mb-1 h5 preline"> WordPress Hosting </div> Ihr WordPress mit KI-Boost </div></div><div class="col-12 col-sm"><ul class="checklist highlight"><li> In Sekunden zur professionellen WordPress Website mit KI-Tools </li><li> Jetzt bis zu 3x schneller dank SSD, Caching & optimierter Plattform </li><li> Tägliche Sicherheits-Scans, DDoS-Schutz und 99,98 % Verfügbarkeit </li></ul></div><div class="col-12 col-sm-4 d-flex align-items-center justify-content-start justify-content-sm-end"><button data-linkid="" type="submit" class="btn btn-cta stretched-link mb-sm-1 mt-3 mt-sm-0" onclick="globalSBSitecat('event121');window.open('https://www.ionos.de/hosting/wordpress-hosting','_top')">Zu den Tarifen</button></div></div></div> </div> <div id="c241212" class="textmedia" data-ctype="textmedia"> <h3> Blog/Magazin </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p><strong>Für wen?</strong> Blogger, Unternehmen, Journalisten, Influencer</p> <p><strong>Einsatzzweck</strong>: Regelmäßige redaktionelle Information oder Unterhaltung</p> <p>Ein Blog oder eine Magazin-Website stellt <strong>redaktionelle Inhalte</strong> in den Mittelpunkt. Sie wollen regelmäßig über Bitcoins berichten? Sie planen eine lokale Onlinezeitung? Während Blogs Leser teilweise auf einer statischen Homepage begrüßen, ähneln die Startseiten von Onlinemagazinen in der Regel klassischen Printmagazinen. Sie zeigen direkt die neuesten Inhalte.</p> <p>Manche Blogs und Onlinemagazine bieten auch Produkte und Dienstleistungen rund um ihr Thema an, doch dies eher nachrangig. Der <strong>aktuelle und regelmäßige Content</strong> spielt die Hauptrolle – und das spiegelt sich auch im Design der Website.</p> <p>Wie das in der Praxis umgesetzt aussieht, lässt sich auf der Website des Smashing Magazine in Augenschein nehmen:</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1885px"><a href="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-smashing-magazines.png" aria-label="🔎 Website des Smashing Magazines" data-bs-toggle="modal" data-bs-target="#modal-55534" data-lightbox="55534" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-smashing-magazines.png" width="1885" height="922" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_396a4dba03.webp 750w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_4de100190d.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_811195577c.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_8e2936dcce.webp 944w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_ae1f228064.webp 704w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_0e0f15b4e6.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_2ea0bf2c87.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_5487e413ef.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_5487e413ef.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Website des Smashing Magazines" alt="Website des Smashing Magazines" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-smashing-magazines.png"></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Die Website des Smashing Magazines stellt aktuellen Content in den Mittelpunkt, was sich konsequent in Struktur, Design und Wording widerspiegelt. / Quelle: https://www.smashingmagazine.com/ </figcaption></figure><div class="modal fade lightbox" id="modal-55534" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-smashing-magazines.png" width="1885" height="922" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_efe0ed0fd9.png 1885w,https://www.ionos.de/digitalguide/fileadmin/_processed_/d/5/csm_website-des-smashing-magazines_efe0ed0fd9.png 1885w" sizes="(min-width: 992px) 1885px,(max-width:991px) 1885px" title="Website des Smashing Magazines" alt="Website des Smashing Magazines" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/website-des-smashing-magazines.png"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Die Website des Smashing Magazines stellt aktuellen Content in den Mittelpunkt, was sich konsequent in Struktur, Design und Wording widerspiegelt. / Quelle: https://www.smashingmagazine.com/ </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c241213" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Die Pflege eines Blogs ist allerdings aufwendig. Überlegen Sie, ob Sie Ihren Blog oder Ihr Onlinemagazin allein betreuen können oder sich besser ein Team an Autoren suchen. Denn zu große zeitliche Lücken sollten zwischen den einzelnen Artikelveröffentlichungen nicht entstehen, wenn Ihr Blog zu einer vertrauenswürdigen Informationsquelle und zum Lesermagnet werden soll. </p> <p>Wenn Sie bei der technischen Einrichtung Ihres Blogs Hilfe brauchen, nutzen Sie unsere <a href="https://www.ionos.de/digitalguide/hosting/blogs/blog-erstellen/" target="_top" class="internal-link link-internal" data-linkid="guides.content.link.int.schritt-fuer-schritt-anleitung-zum-blogerstellen" title="Blog erstellen" data-guides-target-uid="533">Schritt-für-Schritt-Anleitung zum Blogerstellen</a>.</p> </div> </div> </div> <div id="c241284" class="textmedia my-4 position-relative d-flex flex-column rounded-4 p-3 border brand-box-alt-bg brand-box-alt-border-color brand-box-alt-color" data-ctype="textmedia"> <div class="h2 has-icon"><svg width="16" height="16"><use xlink:href="#icon-lightbulb"></use></svg> Tipp </div> <div class="ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p><a href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/was-kostet-eine-website/" target="_top" title="Was kostet eine Website?" data-linkid="guides.content.link.int.wie-vielnbspkostet-eine-website" class="link-internal">Wie viel kostet eine Website</a>? Erfahren Sie mehr in unserem Artikel zu diesem Thema! </p> </div> </div> </div> <div id="c228565" class="mx-auto guides_cta_images" data-ctype="guides_cta_images"> <div class="position-relative my-4 rounded-4 p-4 layout-0 overflow-hidden"><div class="row d-flex flex-wrap align-items-bottom"><div class="col-12" style="z-index: 1"><div class="d-block mt-0 mx-0 mb-3 h3 headline"><div class="d-block mx-0 mt-0 mb-1 h5 preline"> Social Buy Button </div> Machen Sie Follower zu Ihren Kunden </div></div><div class="col-12 col-sm"><ul class="checklist highlight"><li> Einfach: In wenigen Schritten über Social Media verkaufen </li><li> Intuitiv: Eine Plattform für sämtliche Kanäle inkl. Synchronisation </li><li> Flexibel: Jederzeit an Ihre Bedürfnisse anpassbar </li></ul></div><div class="col-12 col-sm-4 d-flex align-items-center justify-content-start justify-content-sm-end"><button data-linkid="" type="submit" class="btn btn-cta stretched-link mb-sm-1 mt-3 mt-sm-0" onclick="globalSBSitecat('event121');window.open('https://www.ionos.de/eshop-loesungen/social-buy-button','_top')">Zum Tarif</button></div></div></div> </div> <div id="c241214" class="textmedia" data-ctype="textmedia"> <h3> Microsite </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p><strong>Für wen?</strong> Unternehmen</p> <p><strong>Einsatzzweck</strong>: Information oder Unterhaltung zu einem konkreten Thema/Produkt</p> <p>Eine Microsite ist die kleine Schwester der Corporate Website: Der Informationscharakter steht im Mittelpunkt. Dabei beschränkt sich die Microsite aber auf wenige Unterseiten oder sogar eine Hauptseite. Vorgestellt wird <strong>ein konkretes neues Produkt oder ein klar umrissenes Thema</strong>, im Gegensatz zur Website, die eine Bandbreite an Themen und Services präsentiert.</p> <p>Microsites zeichnen sich oft durch ausgefallene Designs aus, die ein Produkt oder Thema in Szene setzen. Sie setzen auf Interaktionsmöglichkeiten, Animationen und Medienvielfalt, um eine positive Nutzererfahrung zu schaffen.</p> <p>Ein Beispiel, das mit viel Liebe zum Detail umgesetzt wurde, ist die Quiz-Microsite von Adobe „Creative Type“, auf der Nutzer ihren Kreativitätstypus herausfinden können.</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1906px"><a href="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/microsite-von-adobe-creative-types.png" aria-label="🔎 Microsite von Adobe: Creative Types" data-bs-toggle="modal" data-bs-target="#modal-55535" data-lightbox="55535" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/microsite-von-adobe-creative-types.png" width="1906" height="919" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_b17f8dd706.webp 750w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_18a09fcb3f.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_bf748e234f.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_c3324365ad.webp 944w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_7b6f65ab3c.webp 704w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_a433557f38.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_e6e397d810.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_a624e82550.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_a624e82550.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Microsite von Adobe: Creative Types" alt="Microsite von Adobe: Creative Types" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/microsite-von-adobe-creative-types.png"></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Auf der Microsite von Adobe können Nutzer in einem Quiz herausfinden, welcher „kreative Typ“ sie sind. / Quelle: https://mycreativetype.com/ </figcaption></figure><div class="modal fade lightbox" id="modal-55535" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/microsite-von-adobe-creative-types.png" width="1906" height="919" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_3de98527a8.png 1906w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_microsite-von-adobe-creative-types_3de98527a8.png 1906w" sizes="(min-width: 992px) 1906px,(max-width:991px) 1906px" title="Microsite von Adobe: Creative Types" alt="Microsite von Adobe: Creative Types" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/microsite-von-adobe-creative-types.png"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Auf der Microsite von Adobe können Nutzer in einem Quiz herausfinden, welcher „kreative Typ“ sie sind. / Quelle: https://mycreativetype.com/ </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c241215" class="textmedia" data-ctype="textmedia"> <h3> Landingpage </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p><strong>Für wen?</strong> Unternehmen, Selbstständige</p> <p><strong>Einsatzzweck</strong>: Leadgenerierung oder Kaufabschluss</p> <p>Landingpages sind <a href="https://www.ionos.de/digitalguide/websites/webdesign/webdesign-trend-one-page-design/" target="_top" title="Webdesign-Trend: One-Page-Design" data-linkid="guides.content.link.int.onepager" class="link-internal">Onepager</a>, die den Besucher zu einem konkreten Produkt informieren und ihn am Ende <strong>zu einer bestimmten Handlung motivieren</strong> wollen. Die Seite hat einen klar <strong>werblichen Charakter</strong>. Auf Unterseiten wird verzichtet. Stattdessen ähneln Landingpages einem ausführlichen Sales Letter, der mit Videos und Grafiken angereichert sein kann.</p> <p>Im besten Fall konsumiert der Nutzer den Content in einem Fluss und ist am Ende bereit, für ein physisches oder digitales Produkt oder einen Service zu zahlen oder seine E-Mail-Adresse einzutragen.</p> <p>Wer Inspiration für den Aufbau einer Landingpage sucht, wird auf der Website der American Association for Writers (AWAI) fündig. Der Verband für Copywriter bewirbt seine Kurse mithilfe klassischer Landingpages:</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1558px"><a href="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/landingpage-der-awai.png" aria-label="🔎 Landingpage der AWAI für einen Onlinekurs „The Accelerated Program für Six-Figure Copywriting“" data-bs-toggle="modal" data-bs-target="#modal-55536" data-lightbox="55536" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/landingpage-der-awai.png" width="1558" height="856" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_e18ae6ef35.webp 750w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_a436d6303b.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_7b041da454.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_8f8d261b63.webp 944w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_a90ebcae0a.webp 704w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_7356180f97.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_081fbdde92.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_bbd5bf46f7.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_bbd5bf46f7.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Landingpage der AWAI für einen Onlinekurs „The Accelerated Program für Six-Figure Copywriting“" alt="Landingpage der AWAI für einen Onlinekurs „The Accelerated Program für Six-Figure Copywriting“" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/landingpage-der-awai.png"></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Die American Association for Writers nutzt Landingpages, um ihre Onlinekurse wie das „Accelerated Program for Six-Figure Copywriting“ zu vermarkten. / Quelle: https://www.awai.com/copywriting/p/ </figcaption></figure><div class="modal fade lightbox" id="modal-55536" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/landingpage-der-awai.png" width="1558" height="856" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_7091a825b6.png 1558w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/7/csm_landingpage-der-awai_7091a825b6.png 1558w" sizes="(min-width: 992px) 1558px,(max-width:991px) 1558px" title="Landingpage der AWAI für einen Onlinekurs „The Accelerated Program für Six-Figure Copywriting“" alt="Landingpage der AWAI für einen Onlinekurs „The Accelerated Program für Six-Figure Copywriting“" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/landingpage-der-awai.png"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Die American Association for Writers nutzt Landingpages, um ihre Onlinekurse wie das „Accelerated Program for Six-Figure Copywriting“ zu vermarkten. / Quelle: https://www.awai.com/copywriting/p/ </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c241216" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Meist werden Landingpages als Teil von Onlinemarketing-Kampagnen konzipiert: Nutzer klicken auf eine Werbeanzeige bei Google oder in einem sozialen Netzwerk und werden auf die Landingpage weitergeleitet. </p> <p>Welche Erfolgsfaktoren Sie beim Erstellen einer Landingpage beachten sollten, können Sie in unserem <a href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/landingpage-das-macht-eine-gute-zielseite-aus/" target="_top" class="internal-link link-internal" data-linkid="guides.content.link.int.landingpage-guide" title="Landingpage | Das macht eine gute Zielseite aus" data-guides-target-uid="1381">Landingpage-Guide</a> nachlesen.</p> </div> </div> </div> <div id="c382019" class="html" data-ctype="html"> <script class="podigee-podcast-player" src="https://player.podigee-cdn.net/podcast-player/javascripts/podigee-podcast-player.js" data-configuration="https://insideionos.podigee.io/16-website-erstellen-lassen/embed?context=external"></script> </div> <div id="c241217" class="textmedia" data-ctype="textmedia"> <h3> Onlineshop </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p><strong>Für wen?</strong> Unternehmen</p> <p><strong>Einsatzzweck</strong>: Verkauf von digitalen oder physischen Produkten</p> <p>Einzelne Produkte lassen sich gut über Landingpages verkaufen, bei mehreren Produkten braucht es aber einen Onlineshop.</p> <p>Produkte und ihre Parameter werden in Onlineshops ohne Umschweife präsentiert. Eine klare Menüführung hilft Nutzern, schnell ein passendes Angebot zu finden. Ratgeber-Content kann zwar integriert werden, um Nutzer von Google auf die Seite zu ziehen, aber im Vordergrund steht das <strong>Produktsortiment</strong>.</p> <p>Ob Zalando oder Amazon, die großen Onlineshops folgen einem immer ähnlichen, bewährten Aufbau:</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1893px"><a href="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-amazon-homepage.png" aria-label="🔎 Amazon Homepage – Beispiel für einen Onlineshop" data-bs-toggle="modal" data-bs-target="#modal-55537" data-lightbox="55537" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-amazon-homepage.png" width="1893" height="922" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_ba35d3f6af.webp 750w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_06312f2441.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_55b9a0c817.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_d06bc465ec.webp 944w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_93d1f319d9.webp 704w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_7f6ba8c76b.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_ca2ce9ba1a.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_dc36eea954.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_dc36eea954.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Amazon Homepage – Beispiel für einen Onlineshop" alt="Amazon Homepage – Beispiel für einen Onlineshop" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-amazon-homepage.png"></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Die Website von Amazon ist Beispiel für einen typischen Onlineshop, bei dem Produkte statt Content im Mittelpunt stehen. / Quelle: https://www.amazon.de/ </figcaption></figure><div class="modal fade lightbox" id="modal-55537" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-amazon-homepage.png" width="1893" height="922" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_f7c7c74093.png 1893w,https://www.ionos.de/digitalguide/fileadmin/_processed_/0/8/csm_DE-amazon-homepage_f7c7c74093.png 1893w" sizes="(min-width: 992px) 1893px,(max-width:991px) 1893px" title="Amazon Homepage – Beispiel für einen Onlineshop" alt="Amazon Homepage – Beispiel für einen Onlineshop" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-amazon-homepage.png"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Die Website von Amazon ist Beispiel für einen typischen Onlineshop, bei dem Produkte statt Content im Mittelpunt stehen. / Quelle: https://www.amazon.de/ </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c244747" class="textmedia my-4 position-relative d-flex flex-column rounded-4 p-3 border brand-box-alt-bg brand-box-alt-border-color brand-box-alt-color" data-ctype="textmedia"> <div class="h2 has-icon"><svg width="16" height="16"><use xlink:href="#icon-lightbulb"></use></svg> Tipp </div> <div class="ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Möchten Sie <a href="https://www.ionos.de/digitalguide/online-marketing/verkaufen-im-internet/produkte-online-verkaufen/" target="_top" title="Produkte online verkaufen" data-linkid="guides.content.link.int.produkte-online-verkaufen" class="link-internal">Produkte online verkaufen</a>? Erfahren Sie wie in unserer Anleitung zu diesem Thema! </p> </div> </div> </div> <div id="c241218" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Die technische Umsetzung eines Onlineshops ist besonders anspruchsvoll, da der gesamte Bestell- und Bezahlprozess abgebildet werden muss. Kleinere Shops können Nutzer mithilfe von Werkzeugen wie dem <a href="https://www.ionos.de/eshop-loesungen/onlineshop-erstellen" target="_top" class="link-external-blank link-internal" title="Onlineshop erstellen » Eigenen Webshop einrichten" data-linkid="guides.content.link.int.onlineshop-baukasten-von-ionos">Onlineshop-Baukasten von IONOS</a> selbst aufsetzen, bei größeren Shops empfiehlt es sich, die Unterstützung einer spezialisierten Agentur in Anspruch zu nehmen.</p> </div> </div> </div> <div id="c186355" class="mx-auto guides_cta_images" data-ctype="guides_cta_images"> <div class="position-relative my-4 rounded-4 p-4 layout-0 overflow-hidden"><div class="row d-flex flex-wrap align-items-bottom"><div class="col-12" style="z-index: 1"><div class="d-block mt-0 mx-0 mb-3 h3 headline"><div class="d-block mx-0 mt-0 mb-1 h5 preline"> Onlineshop erstellen </div> Ihr Onlineshop. Einfach erfolgreich. </div></div><div class="col-12 col-sm"><ul class="checklist highlight"><li> Einfach starten: hochwertige Designs, Mobile App </li><li> Umsatz steigern: Marketing-, SEO- und B2B-Funktionen </li><li> Umfangreiche Zusatzfunktionen, Integration mit Shopping-Plattformen </li></ul></div><div class="col-12 col-sm-4 d-flex align-items-center justify-content-start justify-content-sm-end"><button data-linkid="" type="submit" class="btn btn-cta stretched-link mb-sm-1 mt-3 mt-sm-0" onclick="globalSBSitecat('event121');window.open('https://www.ionos.de/eshop-loesungen/onlineshop-erstellen#tarife','_top')">Zu den Tarifen</button></div></div></div> </div> <div id="c241219" class="textmedia" data-ctype="textmedia"> <h3> Web-App </h3> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p><strong>Für wen?</strong> IT-Unternehmen, SaaS-Unternehmen</p> <p><strong>Einsatzzweck</strong>: Bereitstellung einer Online-Anwendung</p> <p><a href="https://www.ionos.de/digitalguide/websites/web-entwicklung/verschiedene-app-formate-was-ist-eine-web-app/" target="_top" title="Verschiedene App-Formate: Was ist eine Web-App?" data-linkid="guides.content.link.int.web-apps" class="link-internal">Web-Apps</a> sind keine Websites, die ein Produkt bewerben; sie sind selbst das Produkt. Ob für Projektmanagement, Finanzverwaltung oder Reisekostenabrechnungen – immer mehr <strong>Software</strong> benötigt keinen Download, sondern lässt sich <strong>im Browser</strong> als Web-App nutzen.</p> <p>Zwar braucht auch eine Web-App einige Seiten einer klassischen Corporate Website, um über Funktionen, Vorteile und Preise zu informieren. Doch im Unterschied zur klassischen Visitenkarten-Website kann der Nutzer das beworbene Onlinetool nach einer Registrierung direkt verwenden.</p> <p>Trello ist eines der bekanntesten Projektmanagementtools, die Anwendung ist als reine Web-App konzipiert. Nutzer benötigen nur einen Internetzugang und können sich von überall aus über einen Browser in die App einloggen. Vor allem für Remote-Teams sind Web-Apps eine praktische Lösung.</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1882px"><a href="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-website-der-web-app-trello.png" aria-label="🔎 Website der Web-App Trello" data-bs-toggle="modal" data-bs-target="#modal-55539" data-lightbox="55539" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-website-der-web-app-trello.png" width="1882" height="840" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_8c0e0cdc70.webp 750w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_147c3759ba.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_3320addcf9.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_d58c45cd14.webp 944w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_45ef5a7f3e.webp 704w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_c71e3f6032.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_bb64b686c0.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_b7c97f6620.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_b7c97f6620.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Website der Web-App Trello" alt="Website der Web-App Trello" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-website-der-web-app-trello.png"></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Nach einer Registrierung können Nutzer die Web-App Trello direkt über ihren Browser verwenden. / Quelle: https://trello.com/de </figcaption></figure><div class="modal fade lightbox" id="modal-55539" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-website-der-web-app-trello.png" width="1882" height="840" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_1b33cc23a0.png 1882w,https://www.ionos.de/digitalguide/fileadmin/_processed_/2/9/csm_DE-website-der-web-app-trello_1b33cc23a0.png 1882w" sizes="(min-width: 992px) 1882px,(max-width:991px) 1882px" title="Website der Web-App Trello" alt="Website der Web-App Trello" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/DE-website-der-web-app-trello.png"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Nach einer Registrierung können Nutzer die Web-App Trello direkt über ihren Browser verwenden. / Quelle: https://trello.com/de </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c241220" class="textmedia" data-ctype="textmedia"> <h2> Fazit: Welcher Website-Typ passt zu Ihnen? </h2> <div class="text-row ce-textpic ce-center ce-below"> <div class="ce-bodytext"> <p>Unsere Übersicht sollte Ihnen gezeigt haben, wie unterschiedlich Websites sein können. Sind Sie noch unschlüssig, welche Art von Website für Ihr Ziel am besten geeignet ist? Hier eine schnelle Entscheidungshilfe:</p> </div> <div class="aligncenter ce-gallery" data-ce-columns="1" data-ce-images="1"> <div class="ce-outer"> <div class="ce-inner"> <div class="row ce-row"> <div class="col ce-column"> <figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden d-flex flex-column my-4 contain-style" style="max-width: 1280px"><a href="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Infografiken/DE-entscheidungshilfe-website-typen.png" aria-label="🔎 Entscheidungshilfe: Website-Typen" data-bs-toggle="modal" data-bs-target="#modal-55538" data-lightbox="55538" data-title="" class="img-holder d-block pe-none pe-lg-auto link-internal" target="_top"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Infografiken/DE-entscheidungshilfe-website-typen.png" width="1280" height="720" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_8f0b79744a.webp 750w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_c381dfaa3b.webp 644w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_88afc1b21f.webp 554w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_11dbb1a28d.webp 944w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_45151a9281.webp 704w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_dc9213a910.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_e563bbf469.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_b944149c67.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_b944149c67.webp 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 992px) 944px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Entscheidungshilfe: Website-Typen" alt="Entscheidungshilfe: Website-Typen" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Infografiken/DE-entscheidungshilfe-website-typen.png"></a><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Mit den richtigen Leitfragen finden Sie schnell den richtigen Website-Typen für Ihr Onlineprojekt. </figcaption></figure><div class="modal fade lightbox" id="modal-55538" tabindex="-1" aria-label="" aria-hidden="true" style="display: none"><div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1000px"><div class="modal-content overflow-hidden rounded-4"><div class="modal-body p-0 m-0"><figure class="rounded-4 w-auto mx-auto image position-relative overflow-hidden align-items-center d-flex flex-column contain-style"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Infografiken/DE-entscheidungshilfe-website-typen.png" width="1280" height="720" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_a51046c986.png 1280w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/d/csm_DE-entscheidungshilfe-website-typen_a51046c986.png 1280w" sizes="(min-width: 992px) 1280px,(max-width:991px) 1280px" title="Entscheidungshilfe: Website-Typen" alt="Entscheidungshilfe: Website-Typen" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape w-100 rounded-4 border border-1 border-brand-gray-100" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Infografiken/DE-entscheidungshilfe-website-typen.png"><figcaption class="img-caption fs-sm text-start mx-2 d-block"> Mit den richtigen Leitfragen finden Sie schnell den richtigen Website-Typen für Ihr Onlineprojekt. </figcaption></figure></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close" style="filter:invert(1);background-color:rgba(0,0,0,.5)"></button></div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="c241221" class="textmedia" data-ctype="textmedia"> <div class="text-row ce-textpic ce-center ce-above"> <div class="ce-bodytext"> <p>Bevor Sie selbst mit Website-Baukästen experimentieren oder einen Profi beauftragen, nehmen Sie sich Zeit, ein Konzept zu erstellen und sich darüber klar zu werden, welche Art von Website Sie wirklich brauchen. Andernfalls kann es passieren, dass Sie nach einigen Wochen oder Monaten nachjustieren müssen, weil der erhoffte Erfolg ausbleibt. Dieser Aufwand lässt sich vermeiden.</p><p>Die Klarheit über die Website-Anforderungen und das Wissen über die Unterschiede der Website-Typen helfen Ihnen auch in der Kommunikation mit Agenturen und Dienstleistern: Sie werden effizienter vorgehen und zu besseren Ergebnissen gelangen können.</p> </div> </div> </div> <div id="c308309" class="mx-auto guides_cta_images" data-ctype="guides_cta_images"> <div class="position-relative my-4 rounded-4 p-4 layout-0 overflow-hidden"><div class="row d-flex flex-wrap align-items-bottom"><div class="col-12" style="z-index: 1"><div class="d-block mt-0 mx-0 mb-3 h3 headline"><div class="d-block mx-0 mt-0 mb-1 h5 preline"> Domain kaufen </div> Registrieren Sie Ihre perfekte Domain </div></div><div class="col-12 col-sm"><ul class="checklist highlight"><li> Inklusive Wildcard-SSL-Zertifikat </li><li> Inklusive Domain Lock </li><li> Inklusive 2 GB E-Mail-Postfach </li></ul></div><div class="col-12 col-sm-4 d-flex align-items-center justify-content-start justify-content-sm-end"><button data-linkid="" type="submit" class="btn btn-cta stretched-link mb-sm-1 mt-3 mt-sm-0" onclick="globalSBSitecat('event121');window.open('https://www.ionos.de/domains/domain-registrieren','_top')">Prüfen</button></div></div></div> </div> <span class="d-block h4 text-center mb-4">War dieser Artikel hilfreich?</span> <div id="ratingContainer2761" class="mb-4"> <div class="d-flex justify-content-center align-items-bottom gap-2 recordrating-container"><button class="btn btn-default btn-lg position-relative lh-1 m-0 p-2" data-linkid="guides.rating.5" data-url="https://www.ionos.de/digitalguide/api/rating.json?tx_recordrating_recordrating%5Baction%5D=update&tx_recordrating_recordrating%5Bcontroller%5D=RecordRating&tx_recordrating_recordrating%5Brating%5D=5&tx_recordrating_recordrating%5BrecordUid%5D=2761&tx_recordrating_recordrating%5BsysLanguageUid%5D=0&tx_recordrating_recordrating%5Btable%5D=pages" onclick="getThisDataUrl.call(this, event, 'ratingContainer2761')"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 22.5C34 27.123 32.668 34 29 34H17.5C15.621 34 13.556 33.099 12 32.235V14.794L13.34 13.956C14.083 12.395 15 10.044 15 9V3.5C15 2.671 15.671 2 16.5 2H19.5C19.947 2 20.371 2.2 20.656 2.544C21.197 3.198 23.893 6.582 23.893 9C23.893 10.293 23.565 12.46 23.3 14H30.5C30.898 14 31.279 14.158 31.561 14.439C31.811 14.689 34 17.036 34 22.5ZM10 30.988V16C10 14.895 9.105 14 8 14H4C2.895 14 2 14.895 2 16V31C2 32.105 2.895 33 4 33H8C9.105 33 10 32.105 10 31V30.988Z" fill="currentColor"/></svg></button><button type="button" class="btn btn-default btn-lg position-relative lh-1 m-0 p-2" data-bs-toggle="modal" data-bs-target="#recordrating2761"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.561 21.561C31.28 21.842 30.898 22 30.5 22H23.3C23.565 23.54 23.893 25.707 23.893 27C23.893 29.417 21.197 32.802 20.656 33.456C20.371 33.801 19.947 34 19.5 34H16.5C15.671 34 15 33.329 15 32.5V27C15 25.956 14.083 23.604 13.34 22.044L12 21.206V3.765C13.556 2.9 15.621 2 17.5 2H29C32.668 2 34 8.877 34 13.5C34 18.963 31.811 21.311 31.561 21.561ZM10 5C10 3.895 9.105 3 8 3H4C2.895 3 2 3.895 2 5V20C2 21.105 2.895 22 4 22H8C9.105 22 10 21.105 10 20V5Z" fill="currentColor"/></svg></button><div class="modal fade" id="recordrating2761" tabindex="-1" aria-label="War dieser Artikel hilfreich?" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-body"><span class="d-block h4 text-center m-0">Warum nicht?</span><ul class="nav flex-column"><li class="nav-item"><button class="nav-link" data-linkid="guides.rating.1.1" data-url="https://www.ionos.de/digitalguide/api/rating.json?tx_recordrating_recordrating%5Baction%5D=update&tx_recordrating_recordrating%5Bcontroller%5D=RecordRating&tx_recordrating_recordrating%5Brating%5D=1&tx_recordrating_recordrating%5Breason%5D=1&tx_recordrating_recordrating%5BrecordUid%5D=2761&tx_recordrating_recordrating%5BsysLanguageUid%5D=0&tx_recordrating_recordrating%5Btable%5D=pages" onclick="getThisDataUrl.call(this, event, 'ratingContainer2761')" data-bs-dismiss="modal" aria-label="Close"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.561 21.561C31.28 21.842 30.898 22 30.5 22H23.3C23.565 23.54 23.893 25.707 23.893 27C23.893 29.417 21.197 32.802 20.656 33.456C20.371 33.801 19.947 34 19.5 34H16.5C15.671 34 15 33.329 15 32.5V27C15 25.956 14.083 23.604 13.34 22.044L12 21.206V3.765C13.556 2.9 15.621 2 17.5 2H29C32.668 2 34 8.877 34 13.5C34 18.963 31.811 21.311 31.561 21.561ZM10 5C10 3.895 9.105 3 8 3H4C2.895 3 2 3.895 2 5V20C2 21.105 2.895 22 4 22H8C9.105 22 10 21.105 10 20V5Z" fill="currentColor"/></svg> Veraltet </button></li><li class="nav-item"><button class="nav-link" data-linkid="guides.rating.1.2" data-url="https://www.ionos.de/digitalguide/api/rating.json?tx_recordrating_recordrating%5Baction%5D=update&tx_recordrating_recordrating%5Bcontroller%5D=RecordRating&tx_recordrating_recordrating%5Brating%5D=1&tx_recordrating_recordrating%5Breason%5D=2&tx_recordrating_recordrating%5BrecordUid%5D=2761&tx_recordrating_recordrating%5BsysLanguageUid%5D=0&tx_recordrating_recordrating%5Btable%5D=pages" onclick="getThisDataUrl.call(this, event, 'ratingContainer2761')" data-bs-dismiss="modal" aria-label="Close"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.561 21.561C31.28 21.842 30.898 22 30.5 22H23.3C23.565 23.54 23.893 25.707 23.893 27C23.893 29.417 21.197 32.802 20.656 33.456C20.371 33.801 19.947 34 19.5 34H16.5C15.671 34 15 33.329 15 32.5V27C15 25.956 14.083 23.604 13.34 22.044L12 21.206V3.765C13.556 2.9 15.621 2 17.5 2H29C32.668 2 34 8.877 34 13.5C34 18.963 31.811 21.311 31.561 21.561ZM10 5C10 3.895 9.105 3 8 3H4C2.895 3 2 3.895 2 5V20C2 21.105 2.895 22 4 22H8C9.105 22 10 21.105 10 20V5Z" fill="currentColor"/></svg> Fehlerhaft </button></li><li class="nav-item"><button class="nav-link" data-linkid="guides.rating.1.3" data-url="https://www.ionos.de/digitalguide/api/rating.json?tx_recordrating_recordrating%5Baction%5D=update&tx_recordrating_recordrating%5Bcontroller%5D=RecordRating&tx_recordrating_recordrating%5Brating%5D=1&tx_recordrating_recordrating%5Breason%5D=3&tx_recordrating_recordrating%5BrecordUid%5D=2761&tx_recordrating_recordrating%5BsysLanguageUid%5D=0&tx_recordrating_recordrating%5Btable%5D=pages" onclick="getThisDataUrl.call(this, event, 'ratingContainer2761')" data-bs-dismiss="modal" aria-label="Close"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.561 21.561C31.28 21.842 30.898 22 30.5 22H23.3C23.565 23.54 23.893 25.707 23.893 27C23.893 29.417 21.197 32.802 20.656 33.456C20.371 33.801 19.947 34 19.5 34H16.5C15.671 34 15 33.329 15 32.5V27C15 25.956 14.083 23.604 13.34 22.044L12 21.206V3.765C13.556 2.9 15.621 2 17.5 2H29C32.668 2 34 8.877 34 13.5C34 18.963 31.811 21.311 31.561 21.561ZM10 5C10 3.895 9.105 3 8 3H4C2.895 3 2 3.895 2 5V20C2 21.105 2.895 22 4 22H8C9.105 22 10 21.105 10 20V5Z" fill="currentColor"/></svg> Unverständlich </button></li></ul></div></div></div></div></div> </div> <aside class="tags d-flex flex-wrap d-lg-none gap-2 align-items-center my-4 py-2 border-top border-bottom"> <span class="d-block">Verwandte Tags</span> <ul class="nav d-flex flex-wrap gap-2 z-1"><li><a data-linkid="guides.article.tags.lexikon" class="btn btn-sm btn-default z-1 link-internal" href="https://www.ionos.de/digitalguide/tags/lexikon/" target="_top">Lexikon</a></li><li><a href="https://www.ionos.de/digitalguide/hub/website-know-how/" target="_top" data-linkid="guides.article.tags.website-know-how" class="btn btn-sm btn-default z-1 link-internal" title="Website-Know-how" data-guides-target-uid="37118">Website-Know-how</a></li></ul> </aside> </section> <section id="articleinfo" class="col-12 col-xl contain-style order-1 position-relative d-flex flex-column gap-4"> <div class="sticky-xl-top"><div class="accordion"><div class="accordion-item bg-xl-transparent rounded-xl-0"><h3 class="accordion-header" id="navigationTocCollapseHeading"><button class="accordion-button collapsed d-xl-block pe-xl-none px-xl-0 bg-xl-transparent border-radius-0" type="button" data-bs-toggle="collapse" data-bs-target="#navigationTocCollapse" aria-expanded="false" aria-controls="navigationTocCollapse"><svg class="d-inline-block me-1" width="20" height="20"><use xlink:href="#icon-list-ul" /></svg> Inhaltsverzeichnis </button></h3><div id="navigationTocCollapse" class="accordion-collapse collapse d-xl-block" aria-labelledby="navigationTocCollapseHeading"><div class="accordion-body px-xl-0"><nav id="navigationToc" class="max-vh-75 overflow-y-auto"><ul class="nav"><li class="nav-item w-100"><a class="nav-link toc-item-link" href="#c241206" id="toc-link-241206">Welche Arten von Websites gibt es? Die 7 bekanntesten Website-Typen</a></li><li class="nav-item w-100"><a class="nav-link toc-item-link" href="#c241220" id="toc-link-241220">Fazit: Welcher Website-Typ passt zu Ihnen?</a></li></ul></nav></div></div></div></div></div> </section> <aside class="sidebar col-12 col-xl contain-style order-3 position-relative mw-sm-50 mx-auto"> <div id="c214418" class="mx-auto sticky-xl-top guides_box_sidebar" data-ctype="guides_box_sidebar"> <div class="mx-auto w-auto position-relative d-flex flex-column rounded-4 brand-box-bg p-3 sidebar-sticky-box shadow"><h3 class="h4">Passende Produkte</h3><div class="row d-flex flex-wrap align-items-center mb-2 sidebar-sticky-box-inhalt"><div class="col-4"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Product_Icons/mywebsite-services.svg" width="100" height="128" title="" alt="mywebsite-services.svg" loading="lazy" class="img-fluid d-block mx-auto img-format-portrait mw-50 " data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Product_Icons/mywebsite-services.svg"></div><div class="col"><div class="sidebar-sticky-box-text"> Homepage-Baukasten </div></div></div><button class="btn btn-cta btn-block stretched-link" type="button" onclick="globalSBSitecat('event114');window.open('https://www.ionos.de/websites/homepage-baukasten','_top')" role="button" data-linkid="guides.guides-box-sidebar.sticky-box.btn.homepage-baukasten.zu-den-tarifen"> Zu den Tarifen </button></div> </div> <div id="c621482" class="mx-auto guides_ias_replacement" data-ctype="guides_ias_replacement"> <a href="https://www.ionos.de/" target="_top" class="mx-auto d-flex flex-column link-internal"> <div class="mx-auto my-0 position-relative d-none d-md-flex rounded-4 overflow-hidden"> <img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png" width="600" height="500" srcset="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 600w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 524w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 396w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 304w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 304w" sizes="(min-width: 1200px) 600px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="" alt="20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape m-0 p-0" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png"> </div> <div class="mx-auto my-0 p-0 position-relative d-flex d-md-none rounded-4 overflow-hidden"> <img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png" width="600" height="500" srcset="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 600w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 524w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 396w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 304w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png 304w" sizes="(min-width: 1200px) 600px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="" alt="20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape m-0 p-0" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/IAS/Images/20240916_DE_DG_TVC_Q3_Sidebar_600x500_SMB.png"> </div> </a> </div> <div id="c566405" class="menu_pages" data-ctype="menu_pages"> <div class="row g-grid mx-auto"><div class="h3"> Beliebte Artikel </div><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.menu-pages.was-ist-eine-e-mail-domain-und-wie-wird-diese-eingerichtet" class="stretched-link text-decoration-none brand-box-color link-internal" title="Was ist eine E-Mail Domain und wie wird diese eingerichtet?" href="https://www.ionos.de/digitalguide/e-mail/e-mail-technik/gute-gruende-fuer-die-eigene-e-mail-domain/" target="_top"> Was ist eine E-Mail Domain und wie wird diese eingerichtet? </a></div><p>Setzen Sie auf professionelle E-Mail-Kommunikation! Wir zeigen Ihnen die Vorteile einer…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></article><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.menu-pages.wie-kauft-man-eine-domain-eine-anleitung" class="stretched-link text-decoration-none brand-box-color link-internal" title="Wie kauft man eine Domain? Eine Anleitung" href="https://www.ionos.de/digitalguide/domains/domaintipps/wie-kauft-man-eine-domain/" target="_top"> Wie kauft man eine Domain? Eine Anleitung </a></div><p>Wie registriert und sichert man sich eine Domain mit gewünschter Top- und…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></article><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.menu-pages.welche-domaintypen-gibt-es" class="stretched-link text-decoration-none brand-box-color link-internal" title="Welche Domaintypen gibt es?" href="https://www.ionos.de/digitalguide/domains/domainendungen/domaintypen/" target="_top"> Welche Domaintypen gibt es? </a></div><p>Welche Domainendungen gibt es? Und worin liegt der Unterschied zwischen Top-Level-Domain…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></article><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.menu-pages.prompt-engineering-erklaert" class="stretched-link text-decoration-none brand-box-color link-internal" title="Prompt Engineering erklärt" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/prompt-engineering/" target="_top"> Prompt Engineering erklärt </a></div><p>Was ist Prompt Engineering, wie lassen sich damit die Ergebnisse von ChatGPT und Co.…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></article><article class="col-12 position-relative d-flex flex-column rounded-4 brand-box-bg p-2"><div class="h6 position-static"><a data-linkid="guides.menu-pages.7-website-typen-im-ueberblick-welche-website-brauchen-sie" class="stretched-link text-decoration-none brand-box-color link-internal" title="7 Website-Typen im Überblick: Welche Website brauchen Sie?" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-typen/" target="_top"> 7 Website-Typen im Überblick: Welche Website brauchen Sie? </a></div><p>Den richtigen Website-Typen zu wählen, ist entscheidend für den Erfolg jedes…</p><div class="read-more p-0 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></article></div> </div> </aside> </div> <aside class="row my-2 my-lg-5 g-grid"> <h3 class="col-12"> Ähnliche Artikel </h3> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-442"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/google-alternative-t.jpg" width="1200" height="630" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_37b9feb82f.webp 456w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_3cb4a428d3.webp 430w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_2574a32fb2.webp 370w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_7dc297d0b3.webp 310w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_975b638b4b.webp 348w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_0890337178.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_29a6d5e309.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_2502a26bfc.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/8/csm_google-alternative-t_1fe7771e1b.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Wie Sie Ihre Website bei Google, Bing und Yahoo anmelden" alt="Wie Sie Ihre Website bei Google, Bing und Yahoo anmelden" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/google-alternative-t.jpg"><span class="media-credits d-flex position-absolute top-0 end-0 start-unset bottom-unset w-auto h-auto fs-sm"><span class="media-artist">vectorfusionart</span><span class="media-source">Shutterstock</span></span><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.article.teaser.website-anmelden-urls-bei-google-eintragen" class="stretched-link brand-card-color text-decoration-none link-internal" title="Wie Sie Ihre Website bei Google, Bing und Yahoo anmelden" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-anmelden-urls-bei-google-eintragen/" target="_top"> Wie Sie Ihre Website bei Google, Bing und Yahoo anmelden </a></h3><p class="card-text brand-card-color mt-auto mb-0">Wussten Sie, dass Sie Ihre Homepage anmelden können, um bei Google, Bing und Yahoo gefunden zu werden? Die Suchmaschinenanbieter bieten Webseitenbetreibern die Möglichkeit, URLs einzureichen, die in den Suchindex aufgenommen werden sollen. Wir zeigen Ihnen, wie Sie Ihre Website…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"><li><span class="btn btn-sm btn-default">Google</span></li><li><span class="btn btn-sm btn-default">Tutorials</span></li><li><span class="btn btn-sm btn-default">Website-Know-how</span></li></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></div></article> </div> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-1664"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/parallax-effect-t.jpg" width="1200" height="630" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_e881bd322d.webp 456w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_f6856cdd35.webp 430w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_d4034bbc01.webp 370w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_a43a844ccf.webp 310w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_d91e78cec7.webp 348w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_5624960d1e.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_54c8631aca.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_6c498288b1.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/6/csm_parallax-effect-t_7d6e8b777b.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Was ist Parallax-Scrolling?" alt="Was ist Parallax-Scrolling?" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/parallax-effect-t.jpg"><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.article.teaser.parallax-websites-scrolling-effekte-mit-tiefenwirkung" class="stretched-link brand-card-color text-decoration-none link-internal" title="Was ist Parallax-Scrolling?" href="https://www.ionos.de/digitalguide/websites/webdesign/parallax-websites-scrolling-effekte-mit-tiefenwirkung/" target="_top"> Was ist Parallax-Scrolling? </a></h3><p class="card-text brand-card-color mt-auto mb-0">Die Netzgemeinde liebt Abwechslung – nicht nur in Bezug auf Inhalte, sondern auch hinsichtlich der Gestaltung von Internetseiten. Webdesigner und Softwareentwickler sind daher stets bemüht, mit kreativen Ideen hervorzustechen und Webseitenbesucher mit neuen Nutzer-Erfahrungen zu…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"><li><span class="btn btn-sm btn-default">Website-Know-how</span></li><li><span class="btn btn-sm btn-default">Ratgeber</span></li></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></div></article> </div> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-1792"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/barrierefreie-website-t.jpg" width="1200" height="630" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_ebc319053f.webp 456w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_9a80e0b5fd.webp 430w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_297c5ac571.webp 370w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_84b758c541.webp 310w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_bf1664471a.webp 348w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_b01337e045.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_d2e4099138.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_ef7cd2a598.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/5/2/csm_barrierefreie-website-t_8ed42eec58.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Barrierefreie Website: Erreichen Sie mehr Menschen im Netz" alt="Barrierefreie Website: Erreichen Sie mehr Menschen im Netz" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/barrierefreie-website-t.jpg"><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.article.teaser.barrierefreie-website" class="stretched-link brand-card-color text-decoration-none link-internal" title="Barrierefreie Website: Erreichen Sie mehr Menschen im Netz" href="https://www.ionos.de/digitalguide/websites/web-entwicklung/barrierefreie-website/" target="_top"> Barrierefreie Website: Erreichen Sie mehr Menschen im Netz </a></h3><p class="card-text brand-card-color mt-auto mb-0">Barrierefreie Websites bauen Schranken ab: Menschen mit Behinderungen, Senioren oder sehr junge Personen haben unterschiedliche Ansprüche und Bedürfnisse hinsichtlich der Nutzung des Webs. Bessere Accessibility ist aber auch mit zahlreichen Vorteilen für Unternehmen verbunden.…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"><li><span class="btn btn-sm btn-default">Website-Know-how</span></li><li><span class="btn btn-sm btn-default">Ratgeber</span></li></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></div></article> </div> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-1543"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/star-rating-t.jpg" width="1200" height="630" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_32a3028001.webp 456w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_dd8d59d0de.webp 430w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_c1b8e048cb.webp 370w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_82ea142390.webp 310w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_2cdc7bdf7f.webp 348w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_444fe0cffb.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_af6b50d356.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_6759bce856.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/7/4/csm_star-rating-t_25da58bb59.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Bewertungen auf Websites: So wichtig sind Ratings und Kommentar-Boxen" alt="Bewertungen auf Websites: So wichtig sind Ratings und Kommentar-Boxen" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/star-rating-t.jpg"><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.article.teaser.bewertungen-auf-websites-warum-sind-sie-so-wichtig" class="stretched-link brand-card-color text-decoration-none link-internal" title="Bewertungen auf Websites: So wichtig sind Ratings und Kommentar-Boxen" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/bewertungen-auf-websites-warum-sind-sie-so-wichtig/" target="_top"> Bewertungen auf Websites: So wichtig sind Ratings und Kommentar-Boxen </a></h3><p class="card-text brand-card-color mt-auto mb-0">Das Sprichwort sagt: Der Kunde ist König. Dieser Grundsatz gilt online umso mehr: Mit Bewertungen auf Ihrer Website in Form von Ratings, Rezensionen oder Kommentaren geben Sie Ihren Kunden und Besuchern die Möglichkeit, sich Gehör zu verschaffen. Sie steigern außerdem das…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"><li><span class="btn btn-sm btn-default">Website-Know-how</span></li><li><span class="btn btn-sm btn-default">Ratgeber</span></li></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></div></article> </div> <div class="col col-12 col-md-6 col-lg-4"> <article class="card brand-card-bg rounded-4 overflow-hidden contain-style h-100 w-100" id="article-3210"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/webdesign-inspiration-t.jpg" width="1200" height="630" srcset="https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_e338dadff2.webp 456w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_f58059212f.webp 430w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_6aa7dd2b98.webp 370w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_a15945630e.webp 310w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_c2fb5c1894.webp 348w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_47e314cf51.webp 524w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_8f00df64b1.webp 396w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_c9364bcee0.webp 304w,https://www.ionos.de/digitalguide/fileadmin/_processed_/a/a/csm_webdesign-inspiration-t_27c63ec2f8.webp 304w" sizes="(min-width: 1680px) 456px,(min-width: 1400px) 430px,(min-width: 1200px) 370px,(min-width: 992px) 310px,(min-width: 768px) 348px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="Website-Ideen finden und umsetzen" alt="Website-Ideen finden und umsetzen" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape card-img-top h-auto rounded-top-4" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/Teaser/webdesign-inspiration-t.jpg"><span class="media-credits d-flex position-absolute top-0 end-0 start-unset bottom-unset w-auto h-auto fs-sm"><span class="media-artist">Ruslan Grumble</span><span class="media-source">Shutterstock</span></span><div class="card-body d-flex flex-column p-3"><h3 class="h4 card-title mt-0 mb-3 position-static"><a data-linkid="guides.article.teaser.website-ideen" class="stretched-link brand-card-color text-decoration-none link-internal" title="Website-Ideen finden und umsetzen" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/website-ideen/" target="_top"> Website-Ideen finden und umsetzen </a></h3><p class="card-text brand-card-color mt-auto mb-0">Um eine Geschäftsidee mit Leben zu erfüllen, sind gute Ideen für eine Website ein Top-Thema auf der Agenda eines jeden Gründers. Aber was macht eine gute Website eigentlich aus und wo gibt es Ideen für die eigene Website? Und wie setzt man diese in aussagekräftige und…</p><div class="mt-2 minh-5 d-flex flex-nowrap overflow-hidden"><ul class="nav d-flex flex-nowrap card-tags-fade-end w-100 gap-2"><li><span class="btn btn-sm btn-default">Website-Know-how</span></li><li><span class="btn btn-sm btn-default">Ratgeber</span></li></ul></div><div class="read-more px-0 pb-0 pt-1 m-0 position-relative end-0 text-end lh-1 d-flex align-items-center justify-content-end"><span class="d-inline-block me-1">Mehr lesen</span><svg width="16" height="16" class="icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg></div></div></article> </div> </aside> </div> </article> <footer class="d-flex flex-wrap justify-content-center align-items-center brand-footer-bg brand-footer-color mt-2 mt-lg-5 py-6 py-lg-12 contain-style" data-bs-theme="dark"><div class="container-fluid container-sm"><div class="row pb-4 pb-lg-8"><div class="col-12 col-md-4 col-lg-3 d-flex flex-column order-last order-md-first pt-4 pt-md-0"><a href="https://www.ionos.de" title="IONOS SE" class="m-0 d-block link-internal" data-linkid="guides.logo.footer" target="_top"><svg class="d-inline-block m-0 brand-logo brand-footer-color"><use xlink:href="#ionos-logo" /></svg></a><span class="brand-footer-muted-color pt-2">Digital an Ihrer Seite</span></div><div class="col-12 col-md-8 col-lg-9"><ul class="nav justify-content-start justify-content-md-end flex-column flex-md-row ms-n2 ms-md-0"><li class="nav-item"><a data-linkid="guides.navigation.footer.cookies" class="nav-link" href="javascript:void(privacyConsent.initialize(true));" title="">Cookies</a></li><li class="nav-item"><a href="https://www.ionos.de/unternehmen" target="_top" data-linkid="guides.navigation.footer.ueber-ionos" title="Über IONOS" class="nav-link link-internal"> Über IONOS </a></li><li class="nav-item"><a href="https://jobs.ionos.de/karriere/wer-wir-sind" target="_top" data-linkid="guides.navigation.footer.jobs" title="Jobs" class="nav-link link-internal"> Jobs </a></li><li class="nav-item"><a href="https://www.ionos.de/newsroom/" target="_top" data-linkid="guides.navigation.footer.newsroom" title="Newsroom" class="nav-link link-internal"> Newsroom </a></li><li class="nav-item"><a href="https://www.ionos.de/hilfe/" target="_top" data-linkid="guides.navigation.footer.hilfe-center" title="Hilfe-Center" class="nav-link link-internal"> Hilfe-Center </a></li><li class="nav-item"><a href="https://www.ionos.de/startupguide/" target="_top" data-linkid="guides.navigation.footer.startup-guide" title="Startup Guide" class="nav-link link-internal"> Startup Guide </a></li><li class="nav-item"><a href="https://www.ionos.de/terms-gtc/terms" target="_top" data-linkid="guides.navigation.footer.agb" title="AGB" class="nav-link link-internal"> AGB </a></li><li class="nav-item"><a href="https://www.ionos.de/terms-gtc/terms-privacy" target="_top" data-linkid="guides.navigation.footer.datenschutz" title="Datenschutz" class="nav-link link-internal"> Datenschutz </a></li><li class="nav-item"><a href="https://www.ionos.de/impressum" target="_top" data-linkid="guides.navigation.footer.impressum" title="Impressum" class="nav-link link-internal"> Impressum </a></li></ul></div></div><div class="row pt-4 pt-lg-8 border-top brand-footer-border-color align-items-center"><div class="copyright brand-footer-muted-color col-12 col-md-4 order-last order-md-first">© 2024 <a href="https://www.ionos.de" title="IONOS SE" data-linkid="guides.logo.footer" target="_top" class="link-internal">IONOS SE</a></div><div class="col-12 col-md-8"><ul class="nav justify-content-start justify-content-md-end flex-nowrap ms-n2 ms-md-0"><li class="nav-item"><a data-linkid="guides.module.channels-and-rss.rss" class="nav-link link-internal" title="RSS" target="_top" href="https://www.ionos.de/digitalguide/websites/webseiten-erstellen/feed.rss"><svg class="d-inline-block" width="20" height="20"><use xlink:href="#icon-rss" /></svg></a></li><li class="nav-item"><a href="https://ionos.ly/IONOS_IN" title="LinkedIn" class="nav-link link-external" target="_blank" data-linkid="guides.module.channels-and-rss.linkedin" rel="noopener noreferrer"><svg class="d-inline-block" width="24" height="24"><use xlink:href="#linkedin-logo" /></svg></a></li><li class="nav-item"><a href="https://ionos.ly/IONOS_FB_DE" title="facebook" class="nav-link link-external" target="_blank" data-linkid="guides.module.channels-and-rss.facebook" rel="noopener noreferrer"><svg class="d-inline-block" width="24" height="24"><use xlink:href="#facebook-logo" /></svg></a></li><li class="nav-item"><a href="https://ionos.ly/IONOS_YT_DE" title="YouTube" class="nav-link link-external" target="_blank" data-linkid="guides.module.channels-and-rss.youtube" rel="noopener noreferrer"><svg class="d-inline-block" width="24" height="24"><use xlink:href="#youtube-logo" /></svg></a></li></ul></div></div></div></footer><div class="modal fade exit-intent-ionos" id="exitIntent" data-bs-backdrop="static" tabindex="-1" aria-label="exit-intent-header" aria-modal="true" role="dialog"><div class="modal-dialog modal-dialog-centered modal-xl w-md-100 mw-md-90 mw-xl-75" style="max-width: 1000px !important"><div class="modal-content rounded-4 overflow-hidden"><div class="modal-body position-relative p-0"><div id="c564271" class="mx-auto guides_exit_intent_content" data-ctype="guides_exit_intent_content"><div class="row exit-intent-container has-image" id="exit-intent-2045-564271"><div class="exit-intent-area-content col-12 col-md"><div class="exit-intent-content p-4 pb-0 pb-md-4"><svg class="d-inline-block m-0 exit-intent-brand-logo exit-intent-ionos-logo mb-5"><use xlink:href="#ionos-logo" /></svg><div class="exit-intent-headline d-block mt-0 mx-0 mb-3 h3">KI erstellt Ihre Website in Sekunden<span class="exit-intent-subline d-block mt-3 mx-0 mb-0 h5">Inklusive Domain, SSL & E-Mail</span></div><div class="exit-intent-text"><p>Professionelles Design sowie automatisch generierte Bilder und Texte – erstellen Sie Ihre individuelle Online-Präsenz jetzt schnell und einfach mit Künstlicher Intelligenz.</p><button type="submit" class="btn btn-cta mt-2 stretched-link" onclick="globalSBSitecat('event121');window.open('https://www.ionos.de','_top')">Jetzt entdecken</button></div></div></div><div class="exit-intent-area-stage col-12 col-md-5 d-none d-md-flex pt-4 ps-4"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png" width="750" height="750" srcset="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png 750w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png 554w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png 704w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png 524w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png 396w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png 304w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png 304w" sizes="(min-width: 1400px) 750px,(min-width: 1200px) 554px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="" alt="20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png" loading="lazy" class="img-fluid d-block mx-auto img-format-portrait mw-50 mw-100 ms-auto mt-auto me-0 mb-0" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Desktop_750x750_SMB.png"></div><div class="exit-intent-area-stage col-8 mx-auto d-flex d-md-none pt-4"><img src="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png" width="900" height="750" srcset="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png 750w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png 644w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png 554w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png 704w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png 524w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png 396w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png 304w,https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png 304w" sizes="(min-width: 1680px) 750px,(min-width: 1400px) 644px,(min-width: 1200px) 554px,(min-width: 768px) 704px,(min-width: 576px) 524px,(min-width: 412px) 396px,(min-width: 320px) 304px,(max-width:319px) 304px" title="" alt="20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png" loading="lazy" class="img-fluid d-block mx-auto img-format-landscape mw-100 ms-auto mt-auto me-0 mb-0" data-originalfile="https://www.ionos.de/digitalguide/fileadmin/DigitalGuide/exit_intent_visuals/20240916_DE_DG_TVC_Q3_Exit_Mobile_900x750_SMB.png"></div></div></div><button type="button" class="btn-close position-absolute top-0 end-0 me-2 mt-2" data-bs-dismiss="modal" aria-label="Close"></button></div></div></div></div><span id="top" class="d-block visually-hidden position-absolute top-0 end-0 start-0">Page top</span> <script async="async" src="https://www.ionos.de/digitalguide/_assets/7e35ab74f2a05357de057794d49a7804/JavaScript/LoadAndReplaceContent.1732783264.js"></script> <script async="async" src="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Vendor/bootstrap/dist/js/bootstrap.bundle.min.1732783263.js"></script> <script async="async" src="https://www.ionos.de/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/JavaScript/scrollProgressRelated.min.1732783263.js"></script> <script type="module"> function cleanupSearchString(string) { if (string) { return string.replaceAll(/[^_.\w\s\-\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]+/gu, ''); } return string; } function filterResults(searchTerm) { const results = document.querySelectorAll('#article-result-list .article-result'); if (!searchTerm || searchTerm.trim() === '') { results.forEach(result => { result.style.display = 'none'; }); return; } const searchWords = searchTerm.trim().toLowerCase().split(/\s+/).filter(word => word.length > 0); results.forEach(result => { const text = result.textContent.toLowerCase(); const foundAllWords = searchWords.every(word => text.includes(word)); result.style.display = foundAllWords ? 'block' : 'none'; }); // Update all search term inputs with the current search term document.querySelectorAll('.search-form input').forEach(input => { input.value = searchTerm; }); } function handleFormSubmit(event) { event.preventDefault(); const searchTerm = cleanupSearchString(event.target.querySelector('.search-form input').value); localStorage.setItem('searchTerm', searchTerm.trim()); filterResults(searchTerm); if (event.target.action !== window.location.href) { window.location.href = event.target.action; } } function setupSearchForms() { const searchForms = document.querySelectorAll('.search-form'); searchForms.forEach(form => { form.addEventListener('submit', handleFormSubmit); form.querySelectorAll('.search-form input').forEach(input => { const searchTerm = localStorage.getItem('searchTerm'); input.value = searchTerm ? searchTerm : ''; input.addEventListener('input', function() { filterResults(this.value.toLowerCase()); }); }); const searchTerm = localStorage.getItem('searchTerm'); if (searchTerm) { filterResults(searchTerm.toLowerCase()); } }); } window.cleanupSearchString = cleanupSearchString; window.filterResults = filterResults; window.handleFormSubmit = handleFormSubmit; window.setupSearchForms = setupSearchForms; setupSearchForms(); localStorage.setItem('searchTerm', ''); </script> <script> const contentElements = document.querySelectorAll('.content h2[id], .content h2[id] ~ *:not(h2[id])'); const sections = []; let currentSection = null; // Construct sections array contentElements.forEach((element) => { if (element.tagName === 'H2') { if (currentSection) { sections.push(currentSection); } currentSection = { id: element.id, title: element.textContent, content: [] }; } else if (currentSection) { currentSection.content.push(element); } }); if (currentSection) { sections.push(currentSection); } // Set the initial active index to 0 let activeIndex = 0; // Get the navigation links const tocLinks = document.querySelectorAll('#navigationToc a'); // Function to update the active link function updateActiveLink() { // Remove active class from all links tocLinks.forEach(link => { link.classList.remove('active'); }); // Add active class to the link corresponding to activeIndex const activeLink = document.querySelector(`#navigationToc a[href="#${sections[activeIndex].id}"]`); if (activeLink) { activeLink.classList.add('active'); } } // Call to set the initial active link updateActiveLink(); // Create an Intersection Observer const observer = new IntersectionObserver((entries) => { let maxArea = 0; // The maximum area of elements intersecting in the viewport let newActiveIndex = -1; entries.forEach(entry => { if (entry.isIntersecting) { const rect = entry.boundingClientRect; const area = rect.height * rect.width; // Calculate the area in the viewport // Determine the section with the largest area if (area > maxArea) { maxArea = area; newActiveIndex = sections.findIndex(section => section.id === entry.target.id); } } }); // If we found a new active index, update it if (newActiveIndex !== -1) { activeIndex = newActiveIndex; // Set the new active index updateActiveLink(); // Update the active link } }, { root: null, // Use the viewport as the container threshold: 0.25 // Trigger callback when 10% of the section is in view }); // Observe each section by creating an h2 element for each section in the navigation sections.forEach(section => { const sectionElement = document.getElementById(section.id); if (sectionElement) { observer.observe(sectionElement); } }); </script> <script type="module"> var exitIntentLocalStorageKey = 'guidesExitIntentShown'; var exitIntentIdentifier = 'exitIntent'; var privacyConsentSelector = '.privacy-consent--modal'; var isUserActive = false; var hasFiredExitIntent = false; // Detect user activity inside the viewport document.addEventListener('mousemove', function(event) { isUserActive = true; }); // Check for exit intent only after the first 5 seconds of page visit setTimeout(function() { // Monitor user interaction to trigger exit intent document.addEventListener('mouseleave', handleExitIntent); window.addEventListener('blur', handleExitIntent); }, 5000); // 5 seconds delay function handleExitIntent() { if (isUserActive && !hasFiredExitIntent && !isPrivacyConsentOpen() && !isOffcanvasOpen() && shouldDisplayExitIntent()) { showModal(); hasFiredExitIntent = true; } } function isOffcanvasOpen() { return document.querySelector('.offcanvas.show') !== null; } function isPrivacyConsentOpen() { return document.querySelector(privacyConsentSelector) !== null; } function shouldDisplayExitIntent() { var exitIntentShownTimestamp = localStorage.getItem(exitIntentLocalStorageKey); if (!exitIntentShownTimestamp) { return true; // Show the exit intent if it has not been shown before } else { var currentTime = new Date().getTime(); var thirtyDaysInMillis = 30 * 24 * 60 * 60 * 1000; return currentTime - parseInt(exitIntentShownTimestamp, 10) >= thirtyDaysInMillis; } } function updateExitIntentLocalStorage() { localStorage.setItem(exitIntentLocalStorageKey, new Date().getTime().toString()); } function showModal() { // Show the modal var myModal = new bootstrap.Modal(document.getElementById(exitIntentIdentifier)); myModal.show(); // Update the exit intent shown timestamp in Local Storage updateExitIntentLocalStorage(); } window.handleExitIntent = handleExitIntent; window.isOffcanvasOpen = isOffcanvasOpen; window.isPrivacyConsentOpen = isPrivacyConsentOpen; window.shouldDisplayExitIntent = shouldDisplayExitIntent; window.updateExitIntentLocalStorage = updateExitIntentLocalStorage; window.showModal = showModal; </script> <script>window.addEventListener('load', (event) => { window.addEventListener('resize', function() { if (window.innerWidth < 992) { const modals = Array.from(document.querySelectorAll('.modal.lightbox')); const modalInstances = modals.map(modal => bootstrap.Modal.getInstance(modal)); modalInstances.filter(Boolean).forEach(modalInstance => modalInstance.hide()); } }); let tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]'); let tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl)); }); </script> <script> var globalSBSitecat = function (eventName){ if (typeof window.s === "object" && typeof window.s.t === 'function') { if (eventName) { if (s.events2) { if (s.events2.indexOf(eventName) === -1) { s.events2 + ',' + eventName; } } else { s.events2 = eventName; } s.t(s); console.info('globalSBSitecat: ' + eventName + ' sent'); } else { console.info('globalSBSitecat: eventName is missing'); } } }; var globalSBSitecatNPV = function (eventName){ if (typeof window.s === "object" && typeof window.s.t === 'function') { if (eventName) { if (s.events2) { if (s.events2.indexOf(eventName) === -1) { s.events2 + ',' + eventName; } } else { s.events2 = eventName; } s.tl(s); console.info('globalSBSitecatNPV: ' + eventName + ' sent'); } else { console.info('globalSBSitecat: eventName is missing'); } } }; var websiteSBSitecat = function () {globalSBSitecat('event114')}; </script> <script> var boxLinks = document.querySelectorAll('.content [class*="-box"] a, #content [class*="-box"] a, .content [class*="box-"] a, #content [class*="box-"] a') || {}; for (var i = 0, len = boxLinks.length; i < len; i++) { boxLinks[i].addEventListener('click', globalSBSitecatNPV('event115'), boxLinks[i].href, false); } var nonBoxLinks = document.querySelectorAll('*:not([class*="-box"]):not([class*="box-"]) a') || {}; for (var i = 0, len = boxLinks.length; i < len; i++) { nonBoxLinks[i].addEventListener('click', globalSBSitecatNPV('event116'), nonBoxLinks[i].href, false); } </script> <script type="module">document.addEventListener("DOMContentLoaded", function() { const tableResponsiveElements = document.querySelectorAll('.table-responsive'); function addListenerMulti(el, s, fn) { s.split(',').forEach(e => el.addEventListener(e, fn, false)); } function setupScrollButtons(table, scrollLeftButton, scrollRightButton) { const averageTdWidth = () => Array.from(table.querySelectorAll('td')).reduce((acc, td) => acc + td.offsetWidth, 0) / table.querySelectorAll('td').length; scrollLeftButton.addEventListener('click', function() { table.scrollLeft -= averageTdWidth(); // Scroll the average td width }); scrollRightButton.addEventListener('click', function() { table.scrollLeft += averageTdWidth(); // Scroll the average td width }); if (table.scrollLeft === 0) { scrollLeftButton.setAttribute('disabled', 'disabled'); } else { scrollLeftButton.removeAttribute('disabled'); } if (table.scrollLeft + table.clientWidth >= table.scrollWidth) { scrollRightButton.setAttribute('disabled', 'disabled'); } else { scrollRightButton.removeAttribute('disabled'); } addListenerMulti(table, "scroll", function() { if (table.scrollLeft === 0) { scrollLeftButton.setAttribute('disabled', 'disabled'); } else { scrollLeftButton.removeAttribute('disabled'); } if (table.scrollLeft + table.clientWidth >= table.scrollWidth) { scrollRightButton.setAttribute('disabled', 'disabled'); } else { scrollRightButton.removeAttribute('disabled'); } }) } tableResponsiveElements.forEach(function(tableResponsive) { if (tableResponsive.scrollWidth > tableResponsive.clientWidth) { const container = document.createElement('div'); container.classList.add('table-responsive-scroll-container'); const scrollButtonClass = 'table-responsive-scroll-button'; const scrollLeftButton = document.createElement('button'); scrollLeftButton.setAttribute('aria-label', 'Scroll Left'); scrollLeftButton.classList.add(scrollButtonClass, 'scroll-left'); const scrollRightButton = document.createElement('button'); scrollRightButton.setAttribute('aria-label', 'Scroll Right'); scrollRightButton.classList.add(scrollButtonClass, 'scroll-right'); setupScrollButtons(tableResponsive, scrollLeftButton, scrollRightButton); container.appendChild(scrollLeftButton); container.appendChild(scrollRightButton); const clonedTable = tableResponsive.cloneNode(true); container.appendChild(clonedTable); tableResponsive.parentNode.replaceChild(container, tableResponsive); // Replace original with container const clonedTableResponsive = container.querySelector('.table-responsive'); setupScrollButtons(clonedTableResponsive, scrollLeftButton, scrollRightButton); } }); }); </script> <svg style="display:none" id="guides-svgs"> <symbol id="ionos-logo" shape-rendering="geometricPrecision" viewBox="0 0 254.25 74.13"> <title>IONOS</title> <g fill="currentColor" transform="translate(-7.52 -5.46)"><path d="m242.51 79.58a18.12 18.12 0 0 1 -3.74-.38 19.37 19.37 0 0 1 -12.77-9.14l-.07-.13a5.75 5.75 0 0 1 2.07-7.58 5.52 5.52 0 0 1 2.85-.79 5.64 5.64 0 0 1 4.91 2.88l.19.32.6.81.8.81a7.84 7.84 0 0 0 3.65 1.77 8 8 0 0 0 6.3-1.44 7.63 7.63 0 0 0 3.19-5.71 7.86 7.86 0 0 0 -2.19-6.12s-18.44-19-18.84-19.53l-.91-1.35a18 18 0 0 1 -2.77-11.34 18.41 18.41 0 0 1 2.39-7.84l.8-1.4a17 17 0 0 1 5.57-5.06l.91-.65a18.54 18.54 0 0 1 25 7 5.51 5.51 0 0 1 .58 4.26 5.63 5.63 0 0 1 -2.67 3.46 5.36 5.36 0 0 1 -2.75.75 5.61 5.61 0 0 1 -4.88-2.87 7.35 7.35 0 0 0 -4.93-3.49 7.65 7.65 0 0 0 -6 1.35 7.3 7.3 0 0 0 -2.8 5.33 7.44 7.44 0 0 0 2 5.72l17.33 17.87a19.18 19.18 0 0 1 -13.85 32.49z"/><path d="m187.69 79.57a18.65 18.65 0 0 1 -18.63-18.63v-36.85a18.63 18.63 0 1 1 37.26 0v36.85a18.65 18.65 0 0 1 -18.63 18.63zm0-62.86a7.39 7.39 0 0 0 -7.38 7.38v36.85a7.3 7.3 0 0 0 7.38 7.38 7.39 7.39 0 0 0 7.38-7.38v-36.85a7.48 7.48 0 0 0 -7.38-7.38z"/><path d="m115.33 43.47v30.53a5.62 5.62 0 0 1 -11.24 0v-53.87zm30.35 21.46v-53.85a5.63 5.63 0 0 0 -11.25 0v30.5zm-30.88-56.28v-.11a5.86 5.86 0 0 0 -5.09-3 5.15 5.15 0 0 0 -1.13.12 5.49 5.49 0 0 0 -4.44 5.47v1.29l30.86 64.07a5.8 5.8 0 0 0 5 3.08 5.18 5.18 0 0 0 1.29-.16 5.52 5.52 0 0 0 4.39-5.41v-1.27s-30.05-62.37-30.88-64.08z"/><path d="m61.92 79.57a18.64 18.64 0 0 1 -18.63-18.63v-36.85a18.63 18.63 0 0 1 37.26 0v36.85a18.64 18.64 0 0 1 -18.63 18.63zm0-62.86a7.37 7.37 0 0 0 -7.38 7.38v36.85a7.38 7.38 0 1 0 14.76 0v-36.85a7.48 7.48 0 0 0 -7.38-7.38z"/><path d="m13.63 79.54a6.08 6.08 0 0 1 -6.11-6.18v-61.87a6.11 6.11 0 0 1 6.15-6 6 6 0 0 1 5.9 4.51 4 4 0 0 1 .1.43v.27a5.47 5.47 0 0 1 .08 1s0 61 0 61.7a6.1 6.1 0 0 1 -6.12 6.14z"/></g> </symbol> <symbol id="arsys-logo" shape-rendering="geometricPrecision" viewBox="0 0 1277 356"> <title>arsys</title> <path fill="currentColor" d="M365,139V289H299V149c0-29,5-53,14-72s23-34,39-45,35-19,57-24a308.4,308.4,0,0,1,68-8V55H461c-31,0-54,7-70,21C374,88,365,110,365,139ZM877,345q18-13.5,30-45L1013,0H972c-15,0-24,6-27,19L886,212,822,0H755l97,262c8,22,0,34-7,40-10,8-19,7-39,7h-5v47h16C845,356,865,355,877,345Zm185-81c19,16,49,24,89,24,42,0,74-8,94-23,21-16,32-38,32-68,0-20-6-35-18-47-14-12-39-22-75-31l-21-4c-44-9-64-21-64-38,0-12,5-21,14-27,9-5,21-8,38-8s31,4,42,12l1,1,3,3a43.49,43.49,0,0,1,6,7c10,12,16,16,25,16h38q-4.5-34.5-30-57c-21-16-50-24-86-24q-49.5,0-81,24c-19,17-29,37-29,63,0,20,6,35,19,47,12,12,37,23,74,32h1c6,2,16,4,29,6,14,3,54,11,54,38,0,8-3,20-17,28q-16.5,9-39,9c-20,0-37-4-49-12-11-8-17-18-19-32h-59C1034,229,1044,250,1062,264Zm-534,1c19,16,49,24,89,24,42,0,74-8,95-23,22-16,32-39,32-69,0-20-6-35-18-47-14-12-39-22-75-31l-21-4c-45-9-64-21-64-38,0-12,5-21,14-27s21-8,38-8,31,4,42,12l1,1,3,3,7,7c10,12,16,16,26,16h38q-4.5-34.5-30-57Q673.5,0,618,0c-33,0-61,8-81,24-20,17-29,38-29,63,0,20,6,35,19,47,12,12,37,23,75,32h1c6,2,16,4,29,6,14,3,54,11,54,38,0,8-3,20-18,28q-16.5,9-39,9c-20,0-37-4-49-13-11-8-17-18-20-32H501c-1,28,9,48,27,63ZM254,75V176c0,28-5,49-16,65-11,15-24,26-38,33-16,8-33,12-51,14l-49,3c-27,0-51-7-71-20C10,258,0,237,0,206c0-28,8-48,26-60,18-13,43-21,72-25l34-4c15-2,61-8,61-37,0-14-8-25-25-30a126.09,126.09,0,0,0-37-5,114.18,114.18,0,0,0-33,5c-10,2-18,7-23,15H22c-10,0-10-7-8-10A67.87,67.87,0,0,1,39,24Q69,0,126,0c43,0,76,7,97,20S254,51,254,75Zm-61,56-12,6c-11,5-26,10-45,14l-28,6c-16,4-27,9-35,16-10,9-11,21-11,31,0,14,5,25,14,33,9,7,21,11,37,11,25,0,44-7,59-20s22-32,22-55V131Z"></path> </symbol> <symbol id="strato-logo" shape-rendering="geometricPrecision" viewBox="0 0 663 142"> <title>STRATO</title> <g transform="matrix(1.25,0,0,-1.25,0,142.175)" id="g3012"> <g transform="scale(0.1,0.1)" id="g3014"> <path d="m 555.586,978.672 c -87.676,0 -158.738,71.098 -158.738,158.748 l 555.593,0 c 87.669,0 158.729,-71.06 158.729,-158.748 l -0.01,-555.602 c -87.67,0 -158.738,71.075 -158.738,158.735 l 0.019,317.5 c 0,43.828 -35.546,79.367 -79.375,79.367 l -317.48,0" id="path3016" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" /> <path d="m 793.691,740.547 c 0,43.836 -35.539,79.383 -79.367,79.383 l -634.9607,0 C 35.5273,819.93 0,784.383 0,740.547 L 0,105.578 C 0,61.7383 35.5273,26.1992 79.3633,26.1992 l 634.9607,0 c 43.828,0 79.367,35.5391 79.367,79.3788 l 0,634.969" id="path3018" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" /> <path d="m 1902.31,103.531 c -44.02,-83.3005 -158.27,-89.2615 -246.33,-89.2615 -67.84,0 -135.67,4.7696 -174.94,8.3321 -48.78,4.7695 -61.88,16.6601 -61.88,41.6484 l 0,40.469 c 0,42.851 7.15,57.129 45.22,57.129 70.22,0 105.91,-9.52 209.45,-9.52 79.73,0 95.2,5.945 95.2,77.352 0,80.918 -1.18,86.867 -41.65,103.527 -51.17,21.426 -99.96,41.66 -149.94,63.074 -123.77,53.555 -148.75,77.356 -148.75,218.961 0,90.457 16.66,160.672 117.81,193.992 44.03,14.282 95.2,19.036 165.41,19.036 54.75,0 83.3,-2.372 134.48,-5.95 48.79,-3.574 63.07,-15.465 63.07,-41.648 l 0,-39.277 c 0,-42.832 -8.34,-57.122 -46.41,-57.122 -41.65,0 -45.23,7.141 -214.2,7.141 -66.65,0 -64.27,-28.555 -64.27,-86.875 0,-42.844 1.19,-52.367 41.65,-70.211 32.13,-14.285 65.45,-27.371 97.58,-41.648 165.42,-70.215 201.12,-86.875 201.12,-222.539 0,-45.227 -1.19,-124.953 -22.62,-166.61" id="path3020" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" /> <path d="m 2553.92,683.082 c -67.84,0 -123.75,1.191 -174.93,2.387 l 0,-608.1174 c 0,-35.711 -16.66,-52.3711 -51.17,-52.3711 l -51.17,0 c -39.28,0 -57.13,10.7187 -57.13,52.3711 l 0,608.1174 c -51.17,-1.196 -108.29,-2.387 -176.12,-2.387 -48.79,0 -49.98,30.941 -49.98,55.93 l 0,32.148 c 0,40.457 22.61,48.781 49.98,48.781 l 510.52,0 c 27.38,0 51.17,-8.324 51.17,-48.781 l 0,-32.148 c 0,-24.989 -2.38,-55.93 -51.17,-55.93" id="path3022" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" /> <path d="m 3042.47,674.754 c -19.02,9.519 -70.19,9.519 -91.62,9.519 -38.09,0 -69.02,-1.191 -102.34,-2.371 l 0,-232.066 134.47,0 c 42.83,0 64.26,7.141 77.34,23.801 10.72,14.285 14.28,33.32 14.28,77.351 0,48.793 -4.75,109.489 -32.13,123.766 z m 189.22,-649.7735 -71.41,0 c -29.74,0 -49.98,3.5781 -72.57,32.1289 l -202.31,257.0626 -36.89,0 0,-236.8204 c 0,-35.711 -15.47,-52.3711 -49.98,-52.3711 l -51.18,0 c -39.27,0 -58.32,10.7187 -58.32,52.3711 l 0,693.8084 c 0,46.406 32.13,48.781 58.32,48.781 l 220.16,0 c 124.94,0 157.09,-8.324 203.5,-55.929 44.02,-44.032 61.87,-120.203 61.87,-222.543 0,-97.578 -28.55,-158.281 -78.53,-192.785 -21.43,-14.286 -46.41,-23.797 -79.75,-28.563 L 3256.69,98.7617 c 23.79,-28.5508 28.55,-73.7812 -25,-73.7812" id="path3024" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" /> <path d="m 3690.75,618.816 -95.19,-280.843 c 27.36,0 59.51,1.191 94.02,1.191 36.88,0 61.88,-1.191 96.39,-1.191 l -95.22,280.843 z m 314.18,-593.8355 -65.45,0 c -36.89,0 -47.6,17.8593 -55.92,41.6484 L 3831.2,215.402 c -51.17,-1.191 -89.28,-1.191 -141.62,-1.191 -50,0 -94.02,0 -136.86,1.191 L 3505.11,74.9609 C 3494.4,42.8398 3484.89,24.9805 3444.42,24.9805 l -54.74,0 c -40.45,0 -46.41,10.7187 -46.41,28.5703 0,7.1406 3.58,21.4101 9.51,36.8789 L 3596.75,771.16 c 13.08,36.887 26.17,53.543 70.21,53.543 l 48.79,0 c 44.04,0 57.13,-16.656 70.22,-52.359 L 4043.02,78.5391 c 2.38,-5.961 4.76,-11.9102 4.76,-17.8477 0,-29.7617 -23.81,-35.7109 -42.85,-35.7109" id="path3026" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" /> <path d="m 4542.78,683.082 c -67.83,0 -123.77,1.191 -174.94,2.387 l 0,-608.1174 c 0,-35.711 -16.66,-52.3711 -51.17,-52.3711 l -51.17,0 c -39.28,0 -57.13,10.7187 -57.13,52.3711 l 0,608.1174 c -51.17,-1.196 -108.28,-2.387 -176.11,-2.387 -48.79,0 -49.98,30.941 -49.98,55.93 l 0,32.148 c 0,40.457 22.59,48.781 49.98,48.781 l 510.52,0 c 27.37,0 51.18,-8.324 51.18,-48.781 l 0,-32.148 c 0,-24.989 -2.39,-55.93 -51.18,-55.93" id="path3028" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" /> <path d="m 5113.25,627.148 c -26.17,55.926 -80.92,76.161 -147.56,76.161 -66.64,0 -121.38,-20.235 -147.56,-76.161 -22.61,-49.984 -26.19,-145.183 -26.19,-205.875 0,-60.683 3.58,-154.707 26.19,-204.687 26.18,-55.93 80.92,-77.356 147.56,-77.356 66.64,0 121.39,21.426 147.56,77.356 22.62,49.98 26.19,144.004 26.19,204.687 0,60.692 -3.57,155.891 -26.19,205.875 z M 5215.6,99.9609 C 5158.47,32.1289 5078.74,0 4965.69,0 4852.63,0 4770.52,32.1289 4714.6,99.9609 c -70.22,83.3051 -88.07,198.7341 -88.07,321.3121 0,122.567 17.85,238 88.07,321.313 58.3,69.023 140.41,99.973 251.09,99.973 110.67,0 191.59,-30.95 249.91,-99.973 70.21,-83.313 89.25,-198.746 89.25,-321.313 0,-122.578 -19.04,-238.007 -89.25,-321.3121" id="path3030" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" /> </g> </g> </symbol> <symbol id="we22-logo" shape-rendering="geometricPrecision" viewBox="0 0 160 89"> <title>we22</title> <g id="logo" transform="translate(30 28)"> <path fill="currentColor" d="M0.235452 6.47916C0.164427 6.29001 0.0943755 5.67551 0.0943755 5.20214C0.0943755 2.45896 2.13658 0 5.7968 0C9.29356 0 11.4525 2.29333 11.4525 5.03652C11.4525 7.02309 10.3969 8.65489 8.44904 9.81429L5.56232 11.5412C5.11671 11.8244 4.74115 12.1321 4.53003 12.581L11.5702 12.581L11.5702 15.7025L0 15.7025C0 12.8887 0.798787 10.5709 3.59113 8.9391L6.07798 7.47294C7.2747 6.76338 7.74463 6.12536 7.74463 5.10806C7.74463 4.1378 7.06454 3.28711 5.70339 3.28711C4.27122 3.28711 3.56778 4.27991 3.56778 5.55791C3.56778 5.85682 3.61254 6.17828 3.70205 6.47916L0.235452 6.47916Z" transform="translate(73.55372 0)" stroke="none"></path> <path fill="currentColor" d="M0.234499 6.47916C0.164441 6.29001 0.0934105 5.67551 0.0934105 5.20214C0.0934105 2.45896 2.13579 0 5.79729 0C9.29337 0 11.4525 2.29333 11.4525 5.03652C11.4525 7.02309 10.3958 8.65489 8.44878 9.81429L5.56182 11.5412C5.11617 11.8244 4.74058 12.1321 4.52944 12.581L11.5703 12.581L11.5703 15.7025L0 15.7025C0 12.8887 0.797881 10.5709 3.59047 8.9391L6.07849 7.47294C7.27532 6.76338 7.74431 6.12536 7.74431 5.10806C7.74431 4.1378 7.06417 3.28711 5.70291 3.28711C4.27158 3.28711 3.56711 4.27991 3.56711 5.55791C3.56711 5.85682 3.61187 6.17828 3.70139 6.47916L0.234499 6.47916Z" transform="translate(88.42975 0)" stroke="none"></path> <path fill="currentColor" d="M26.0643 19.702C24.7008 24.2775 20.4479 28.0992 13.85 28.0992C6.48912 28.0992 0 22.8783 0 13.9422C0 5.49135 6.32486 0 13.1959 0C21.4839 0 26.4463 5.22186 26.4463 13.7274C26.4463 14.7497 26.3364 15.8267 26.3364 15.9341L7.14318 15.9341C7.30644 19.4325 10.3056 21.9634 13.9044 21.9634C17.2855 21.9634 19.1388 20.2947 20.0116 17.926L26.0643 19.702ZM19.3031 11.0364C19.1943 8.39813 17.4488 5.81455 13.3048 5.81455C9.5417 5.81455 7.47071 8.61293 7.30644 11.0364L19.3031 11.0364Z" transform="translate(42.97521 0)" stroke="none"></path> <path fill="currentColor" d="M36.6368 0L31.6972 17.0398L25.9438 0L18.345 0L12.5374 16.9861L7.5978 0L0 0L8.52103 26.4463L15.8486 26.4463L21.9817 8.38516L28.2233 26.4463L35.4434 26.4463L43.8017 0L36.6368 0Z" transform="translate(0 0.8264463)" stroke="none"></path> </g> </symbol> <symbol id="linkedin-logo" viewBox="0 0 24 24"> <title>LinkedIn</title> <path fill="currentColor" d="M19.591 2.9998H4.345C4.1717 2.99379 3.99896 3.02251 3.83693 3.08427C3.6749 3.14603 3.52686 3.23957 3.40153 3.35941C3.2762 3.47924 3.17611 3.62293 3.10715 3.78203C3.0382 3.94113 3.00176 4.11241 3 4.2858V19.7138C3.00176 19.8872 3.0382 20.0585 3.10715 20.2176C3.17611 20.3767 3.2762 20.5204 3.40153 20.6402C3.52686 20.76 3.6749 20.8536 3.83693 20.9153C3.99896 20.9771 4.1717 21.0058 4.345 20.9998H19.655C20.0018 21.0004 20.3354 20.8669 20.5861 20.6272C20.8367 20.3876 20.985 20.0603 21 19.7138V4.2858C20.9712 3.93304 20.8099 3.60428 20.5484 3.36568C20.287 3.12708 19.9449 2.99636 19.591 2.9998ZM8.317 18.3638H5.69V9.7498H8.381V18.3638H8.317ZM6.972 8.59281C6.66657 8.59399 6.36766 8.50451 6.11313 8.33568C5.85859 8.16686 5.65989 7.92629 5.54218 7.64445C5.42448 7.36262 5.39306 7.05218 5.45192 6.75248C5.51078 6.45277 5.65726 6.17727 5.87281 5.96088C6.08836 5.74449 6.36329 5.59693 6.66276 5.53691C6.96224 5.47688 7.27279 5.50709 7.55509 5.62369C7.83738 5.7403 8.07872 5.93807 8.24854 6.19194C8.41835 6.44581 8.509 6.74437 8.509 7.04981C8.51208 7.25278 8.47448 7.45432 8.39841 7.64252C8.32233 7.83073 8.20933 8.00179 8.06607 8.14561C7.92281 8.28943 7.75219 8.4031 7.56428 8.4799C7.37637 8.55671 7.17499 8.5951 6.972 8.59281ZM18.31 18.3638H15.683V14.1858C15.683 13.2208 15.683 11.9358 14.274 11.9358C12.865 11.9358 12.674 13.0288 12.674 14.1208V18.3638H10.046V9.7498H12.609V10.9068H12.673C12.9311 10.4743 13.2973 10.1165 13.7357 9.86857C14.174 9.62063 14.6694 9.49113 15.173 9.49281C17.863 9.49281 18.373 11.2928 18.373 13.6068V18.3638H18.31Z"/> </symbol> <symbol id="facebook-logo" viewBox="0 0 24 24"> <title>facebook</title> <path fill="currentColor" d="M11.9999 2C9.48243 1.99856 7.05705 2.94668 5.20799 4.65507C3.35894 6.36346 2.22227 8.70641 2.02493 11.2161C1.82759 13.7258 2.58411 16.2176 4.14343 18.194C5.70275 20.1704 7.95014 21.486 10.4369 21.878V14.891H7.89989V12H10.4389V9.8C10.3845 9.28542 10.4439 8.76517 10.6129 8.27608C10.7818 7.787 11.0563 7.34105 11.4167 6.96981C11.7772 6.59856 12.2149 6.3111 12.6988 6.12779C13.1827 5.94447 13.7009 5.86978 14.2169 5.909C14.9668 5.92078 15.7148 5.98763 16.4549 6.109V8.569H15.1919C14.977 8.54056 14.7585 8.5608 14.5524 8.62821C14.3464 8.69563 14.1582 8.8085 14.0017 8.95848C13.8452 9.10846 13.7244 9.2917 13.6483 9.49466C13.5722 9.69762 13.5426 9.91509 13.5619 10.131V12H16.3359L15.8929 14.891H13.5619V21.878C16.0486 21.486 18.2959 20.1705 19.8552 18.1942C21.4145 16.2179 22.1711 13.7263 21.9739 11.2166C21.7767 8.70699 20.6402 6.36405 18.7913 4.65558C16.9425 2.94711 14.5173 1.99881 11.9999 2Z"/> </symbol> <symbol id="twitter-logo" viewBox="0 0 1200 1227"> <title>twitter x</title> <path fill="currentColor" d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"></path> </symbol> <symbol id="youtube-logo" viewBox="0 0 24 24"> <title>YouTube</title> <path fill="currentColor" d="M21.5816 7.15508C21.4684 6.72959 21.2456 6.34125 20.9353 6.02888C20.6251 5.71652 20.2383 5.49107 19.8135 5.37508C18.2535 4.95508 11.9995 4.95508 11.9995 4.95508C11.9995 4.95508 5.74555 4.95508 4.18555 5.37508C3.76084 5.49107 3.37401 5.71652 3.06375 6.02888C2.75349 6.34125 2.53066 6.72959 2.41755 7.15508C2.12921 8.75375 1.98928 10.3756 1.99955 12.0001C1.98928 13.6245 2.12921 15.2464 2.41755 16.8451C2.53066 17.2706 2.75349 17.6589 3.06375 17.9713C3.37401 18.2836 3.76084 18.5091 4.18555 18.6251C5.74555 19.0451 11.9995 19.0451 11.9995 19.0451C11.9995 19.0451 18.2535 19.0451 19.8135 18.6251C20.2383 18.5091 20.6251 18.2836 20.9353 17.9713C21.2456 17.6589 21.4684 17.2706 21.5816 16.8451C21.8699 15.2464 22.0098 13.6245 21.9995 12.0001C22.0098 10.3756 21.8699 8.75375 21.5816 7.15508ZM9.95455 14.9741V9.02608L15.1816 12.0001L9.95455 14.9741Z"/> </symbol> <symbol id="icon-lightbulb" viewBox="0 0 36 36"> <title>Lightbulb</title> <path fill="currentColor" d="M16.774 6V3C16.774 2.448 17.221 2 17.774 2C18.327 2 18.774 2.448 18.774 3V6C18.774 6.552 18.327 7 17.774 7C17.221 7 16.774 6.552 16.774 6ZM31.274 24.639L28.668 23.134C28.189 22.858 27.579 23.021 27.302 23.5C27.026 23.978 27.19 24.59 27.668 24.866L30.274 26.371C30.431 26.462 30.603 26.505 30.773 26.505C31.119 26.505 31.455 26.326 31.64 26.005C31.916 25.527 31.752 24.915 31.274 24.639ZM25.486 9.808C25.772 9.808 26.055 9.686 26.253 9.451L28.182 7.153C28.537 6.73 28.482 6.099 28.059 5.744C27.635 5.389 27.004 5.446 26.651 5.867L24.722 8.165C24.367 8.588 24.422 9.219 24.845 9.574C25.033 9.731 25.259 9.808 25.486 9.808ZM32.374 14.41L29.42 14.931C28.876 15.027 28.513 15.546 28.609 16.09C28.694 16.575 29.116 16.916 29.592 16.916C29.65 16.916 29.708 16.911 29.767 16.901L32.721 16.38C33.265 16.284 33.628 15.765 33.532 15.221C33.436 14.677 32.914 14.312 32.374 14.41ZM5.95604 16.916C6.43304 16.916 6.85404 16.575 6.93904 16.09C7.03604 15.546 6.67204 15.027 6.12804 14.931L3.17304 14.41C2.62904 14.313 2.11104 14.677 2.01504 15.221C1.91804 15.765 2.28204 16.284 2.82604 16.38L5.78104 16.901C5.84004 16.911 5.89804 16.916 5.95604 16.916ZM9.29604 9.451C9.49304 9.686 9.77604 9.808 10.063 9.808C10.29 9.808 10.517 9.731 10.705 9.574C11.129 9.219 11.184 8.588 10.828 8.165L8.89904 5.867C8.54604 5.446 7.91604 5.388 7.49104 5.744C7.06704 6.099 7.01204 6.73 7.36804 7.153L9.29604 9.451ZM6.88204 23.134L4.23704 24.661C3.75804 24.937 3.59404 25.549 3.87104 26.027C4.05704 26.348 4.39204 26.527 4.73804 26.527C4.90804 26.527 5.08004 26.484 5.23704 26.393L7.88204 24.866C8.36104 24.59 8.52504 23.978 8.24804 23.5C7.97104 23.021 7.35804 22.857 6.88204 23.134ZM23.84 25.619C23.369 26.114 22.938 26.571 22.64 27H22.774C23.327 27 23.774 27.448 23.774 28V31.499C23.774 32.878 22.652 34 21.273 34H14.275C12.896 34 11.774 32.878 11.774 31.499V28C11.774 27.448 12.221 27 12.774 27H12.908C12.611 26.572 12.18 26.114 11.708 25.619C10.259 24.097 8.27304 22.012 8.27304 18.5C8.27304 13.262 12.535 9 17.773 9C23.011 9 27.273 13.262 27.273 18.5C27.273 22.012 25.288 24.097 23.838 25.619H23.84ZM21.774 29H13.774V31.499C13.774 31.775 13.999 32 14.275 32H21.273C21.549 32 21.774 31.775 21.774 31.499V29ZM20.401 27C20.736 25.979 21.546 25.128 22.391 24.24C23.743 22.821 25.274 21.212 25.274 18.5C25.274 14.364 21.91 11 17.774 11C13.638 11 10.274 14.364 10.274 18.5C10.274 21.212 11.805 22.821 13.157 24.24C14.003 25.128 14.812 25.979 15.147 27H20.401Z"/> </symbol> <symbol id="icon-hand-thumbs-up" viewBox="0 0 36 36"> <title>Hand thumbs up</title> <path fill="currentColor" d="M30.872 14.071C30.754 14.024 30.628 14 30.5 14H22.229C22.5 12.622 22.893 10.393 22.893 9C22.893 6.742 20.126 2.85 19.81 2.414C19.622 2.154 19.321 2 19 2H16C15.448 2 15 2.448 15 3V9C15 10.343 13.817 13.079 13.228 14.303L10.566 15.967C10.041 15.092 9.093 14.5 8.001 14.5H3C2.448 14.5 2 14.948 2 15.5V32C2 32.552 2.448 33 3 33H8C9.056 33 9.982 32.448 10.517 31.621C11.96 32.582 14.581 34 17.5 34H29C32.088 34 34 27.771 34 22C34 15.51 31.191 14.2 30.872 14.071ZM9 30C9 30.551 8.551 31 8 31H4V16.5H8C8.551 16.5 9 16.949 9 17.5V30ZM29 32H17.5C14.612 32 11.935 30.211 11 29.514V18.055L14.53 15.849C14.686 15.751 14.812 15.613 14.895 15.448C15.11 15.017 17 11.174 17 9.001V4H18.481C19.516 5.509 20.893 7.89 20.893 9C20.893 10.866 20.033 14.743 20.024 14.782C19.958 15.078 20.03 15.388 20.22 15.625C20.41 15.862 20.697 16 21 16H30.224C30.652 16.327 32 17.699 32 22C32 28.222 29.917 32 29 32Z"/> </symbol> <symbol id="icon-balance-scale" viewBox="0 0 2176 1792"> <title>FA Balance Scale</title> <path fill="currentColor" d="m1728 448l-384 704h768zm-1280 0L64 1152h768zm821-192q-14 40-45.5 71.5T1152 373v1291h608q14 0 23 9t9 23v64q0 14-9 23t-23 9H416q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h608V373q-40-14-71.5-45.5T907 256H416q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h491q21-57 70-92.5T1088 0t111 35.5t70 92.5h491q14 0 23 9t9 23v64q0 14-9 23t-23 9zm-181 16q33 0 56.5-23.5T1168 192t-23.5-56.5T1088 112t-56.5 23.5T1008 192t23.5 56.5T1088 272m1088 880q0 73-46.5 131t-117.5 91t-144.5 49.5T1728 1440t-139.5-16.5T1444 1374t-117.5-91t-46.5-131q0-11 35-81t92-174.5T1514 701t102-184t56-100q18-33 56-33t56 33q4 7 56 100t102 184t107 195.5t92 174.5t35 81m-1280 0q0 73-46.5 131T732 1374t-144.5 49.5T448 1440t-139.5-16.5T164 1374t-117.5-91T0 1152q0-11 35-81t92-174.5T234 701t102-184t56-100q18-33 56-33t56 33q4 7 56 100t102 184t107 195.5t92 174.5t35 81" /> </symbol> <symbol id="icon-exclamation-circle" viewBox="0 0 36 36"> <title>Exclamation circle</title> <path fill="currentColor" d="M18 1C8.611 1 1 8.611 1 18C1 27.389 8.611 35 18 35C27.389 35 35 27.389 35 18C35 8.611 27.389 1 18 1ZM18 33C9.729 33 3 26.271 3 18C3 9.729 9.729 3 18 3C26.271 3 33 9.729 33 18C33 26.271 26.271 33 18 33ZM19.5 26.5C19.5 27.328 18.828 28 18 28C17.172 28 16.5 27.328 16.5 26.5C16.5 25.672 17.172 25 18 25C18.828 25 19.5 25.672 19.5 26.5ZM17 21V9C17 8.448 17.448 8 18 8C18.552 8 19 8.448 19 9V21C19 21.552 18.552 22 18 22C17.448 22 17 21.552 17 21Z"/> </symbol> <symbol id="icon-list" viewBox="0 0 36 36"> <title>List</title> <path fill="currentColor" d="M33 7.978H12C11.447 7.978 11 7.53 11 6.978C11 6.426 11.447 5.978 12 5.978H33C33.553 5.978 34 6.426 34 6.978C34 7.53 33.553 7.978 33 7.978ZM34 18C34 17.448 33.553 17 33 17H12C11.447 17 11 17.448 11 18C11 18.552 11.447 19 12 19H33C33.553 19 34 18.552 34 18ZM34 29C34 28.448 33.553 28 33 28H12C11.447 28 11 28.448 11 29C11 29.552 11.447 30 12 30H33C33.553 30 34 29.552 34 29ZM8 30.5V27.5C8 26.673 7.327 26 6.5 26H3.5C2.673 26 2 26.673 2 27.5V30.5C2 31.327 2.673 32 3.5 32H6.5C7.327 32 8 31.327 8 30.5ZM4 28H6V30H4V28ZM8 19.5V16.5C8 15.673 7.327 15 6.5 15H3.5C2.673 15 2 15.673 2 16.5V19.5C2 20.327 2.673 21 3.5 21H6.5C7.327 21 8 20.327 8 19.5ZM4 17H6V19H4V17ZM8 8.5V5.5C8 4.673 7.327 4 6.5 4H3.5C2.673 4 2 4.673 2 5.5V8.5C2 9.327 2.673 10 3.5 10H6.5C7.327 10 8 9.327 8 8.5ZM4 6H6V8H4V6Z"/> </symbol> <symbol id="icon-list-ul" viewBox="0 0 16 16"> <title>List ul</title> <path fill="currentColor" fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/> </symbol> <symbol id="icon-book" viewBox="0 0 16 16"> <title>Book</title> <path fill="currentColor" d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/> </symbol> <symbol id="icon-chat-left-quote" viewBox="0 0 16 16"> <title>Chat left quote</title> <path fill="currentColor" d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/> <path fill="currentColor" d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/> </symbol> <symbol id="icon-breadcrumb-divider" viewBox="0 0 16 16"> <title>Breadcrumb divider</title> <path fill="currentColor" fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </symbol> <symbol id="icon-toc" viewBox="0 0 16 16"> <title>Table of contents</title> <path fill="currentColor" fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/> </symbol> <symbol id="icon-toc2" viewBox="0 0 16 16"> <title>Table of contents</title> <path fill="currentColor" fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/> </symbol> <symbol id="icon-download" viewBox="0 0 16 16"> <title>Download</title> <path fill="currentColor" d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/> <path fill="currentColor" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/> </symbol> <symbol id="icon-send" viewBox="0 0 16 16"> <title>Send</title> <path fill="currentColor" d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/> </symbol> <symbol id="icon-qr-code-scan" viewBox="0 0 16 16"> <title>QR Code Scan</title> <path fill="currentColor" d="M0 .5A.5.5 0 0 1 .5 0h3a.5.5 0 0 1 0 1H1v2.5a.5.5 0 0 1-1 0zm12 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V1h-2.5a.5.5 0 0 1-.5-.5M.5 12a.5.5 0 0 1 .5.5V15h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H15v-2.5a.5.5 0 0 1 .5-.5M4 4h1v1H4z"/> <path fill="currentColor" d="M7 2H2v5h5zM3 3h3v3H3zm2 8H4v1h1z"/> <path fill="currentColor" d="M7 9H2v5h5zm-4 1h3v3H3zm8-6h1v1h-1z"/> <path fill="currentColor" d="M9 2h5v5H9zm1 1v3h3V3zM8 8v2h1v1H8v1h2v-2h1v2h1v-1h2v-1h-3V8zm2 2H9V9h1zm4 2h-1v1h-2v1h3zm-4 2v-1H8v1z"/> <path fill="currentColor" d="M12 9h2V8h-2z"/> </symbol> <symbol id="icon-camera-reels" viewBox="0 0 16 16"> <title>Camera reels</title> <path fill="currentColor" d="M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0M1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0"/> <path fill="currentColor" d="M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm6 8.73V7.27l-3.5 1.555v4.35l3.5 1.556zM1 8v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1"/> <path fill="currentColor" d="M9 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0"/> </symbol> <symbol id="icon-search" viewBox="0 0 16 16"> <title>Search</title> <path fill="currentColor" d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/> </symbol> <symbol id="icon-rss" viewBox="0 0 16 16"> <title>RSS</title> <path fill="currentColor" d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm1.5 2.5c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1 0-2m0 4a6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1 0-2m.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/> </symbol> <symbol id="icon-check" viewBox="0 0 16 16"> <title>Check</title> <path fill="currentColor" d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/> </symbol> <symbol id="icon-check-lg" viewBox="0 0 16 16"> <title>Check lg</title> <path fill="currentColor" d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022"/> </symbol> <symbol id="icon-check-circle" viewBox="0 0 16 16"> <title>Check circle</title> <path fill="currentColor" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> <path fill="currentColor" d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05"/> </symbol> <symbol id="icon-x" viewBox="0 0 16 16"> <title>X</title> <path fill="currentColor" d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/> </symbol> <symbol id="icon-x-lg" viewBox="0 0 16 16"> <title>X lg</title> <path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/> </symbol> <symbol id="icon-x-circle" viewBox="0 0 16 16"> <title>X circle</title> <path fill="currentColor" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> <path fill="currentColor" d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/> </symbol> <symbol id="icon-file-earmark-excel" viewBox="0 0 16 16"> <title>File earmark excel</title> <path fill="currentColor" d="M5.884 6.68a.5.5 0 1 0-.768.64L7.349 10l-2.233 2.68a.5.5 0 0 0 .768.64L8 10.781l2.116 2.54a.5.5 0 0 0 .768-.641L8.651 10l2.233-2.68a.5.5 0 0 0-.768-.64L8 9.219l-2.116-2.54z"/> <path fill="currentColor" d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/> </symbol> <symbol id="icon-file-earmark-word" viewBox="0 0 16 16"> <title>File earmark Word</title> <path fill="currentColor" d="M5.485 6.879a.5.5 0 1 0-.97.242l1.5 6a.5.5 0 0 0 .967.01L8 9.402l1.018 3.73a.5.5 0 0 0 .967-.01l1.5-6a.5.5 0 0 0-.97-.242l-1.036 4.144-.997-3.655a.5.5 0 0 0-.964 0l-.997 3.655L5.485 6.88z"/> <path fill="currentColor" d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/> </symbol> <symbol id="icon-file-earmark-pdf" viewBox="0 0 16 16"> <title>File earmark pdf</title> <path fill="currentColor" d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/> <path fill="currentColor" d="M4.603 14.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.697 19.697 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.712 5.712 0 0 1-.911-.95 11.651 11.651 0 0 0-1.997.406 11.307 11.307 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.266.266 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.71 12.71 0 0 1 1.01-.193 11.744 11.744 0 0 1-.51-.858 20.801 20.801 0 0 1-.5 1.05zm2.446.45c.15.163.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.876 3.876 0 0 0-.612-.053zM8.078 7.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z"/> </symbol> <symbol id="icon-file-earmark-arrow-down" viewBox="0 0 16 16"> <title>File earmark arrow down</title> <path fill="currentColor" d="M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293z"/> <path fill="currentColor" d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/> </symbol> <symbol id="icon-link" viewBox="0 0 36 36"> <title>Icon link</title> <path d="M19.813 22.778C18.077 22.778 16.445 22.102 15.217 20.874C14.792 20.45 14.428 19.97 14.136 19.448C13.866 18.966 14.038 18.357 14.521 18.087C15.004 17.817 15.613 17.99 15.882 18.471C16.083 18.832 16.336 19.164 16.631 19.459C17.481 20.31 18.61 20.777 19.813 20.777C21.016 20.777 22.145 20.309 22.996 19.459L30.773 11.681C31.624 10.831 32.091 9.70102 32.091 8.49902C32.091 7.29702 31.623 6.16702 30.773 5.31702C29.923 4.46702 28.794 3.99902 27.591 3.99902C26.388 3.99902 25.259 4.46702 24.409 5.31702L18.569 11.157C18.178 11.548 17.546 11.548 17.155 11.157C16.764 10.766 16.764 10.134 17.155 9.74302L22.995 3.90302C24.223 2.67502 25.854 1.99902 27.591 1.99902C29.328 1.99902 30.959 2.67502 32.187 3.90302C33.415 5.13102 34.091 6.76302 34.091 8.49902C34.091 10.235 33.414 11.868 32.187 13.095L24.41 20.873C23.182 22.101 21.55 22.778 19.813 22.778ZM13.096 32.188L18.936 26.348C19.327 25.957 19.327 25.325 18.936 24.934C18.545 24.543 17.913 24.543 17.522 24.934L11.682 30.774C10.832 31.624 9.703 32.092 8.5 32.092C7.297 32.092 6.168 31.624 5.318 30.774C4.467 29.924 4 28.794 4 27.592C4 26.39 4.468 25.26 5.318 24.41L13.095 16.632C13.946 15.782 15.075 15.314 16.278 15.314C17.481 15.314 18.61 15.782 19.46 16.632C19.755 16.927 20.008 17.259 20.209 17.62C20.48 18.102 21.088 18.274 21.57 18.004C22.052 17.734 22.224 17.125 21.955 16.643C21.663 16.121 21.299 15.642 20.874 15.217C19.646 13.989 18.015 13.313 16.278 13.313C14.541 13.313 12.909 13.989 11.681 15.217L3.904 22.995C2.676 24.223 2 25.855 2 27.591C2 29.327 2.677 30.96 3.904 32.187C5.131 33.414 6.763 34.091 8.5 34.091C10.237 34.091 11.868 33.416 13.096 32.188Z" fill="currentColor"/> </symbol> <symbol id="icon-calendar" viewBox="0 0 16 16"> <title>Calendar3</title> <path fill="currentColor" d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z"/> <path fill="currentColor" d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/> </symbol> <symbol id="icon-calendar-event" viewBox="0 0 16 16"> <title>Calendar event</title> <path fill="currentColor" d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z"/> <path fill="currentColor" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/> </symbol> <symbol id="icon-arrow-top" viewBox="0 0 36 36"> <title>Arrow top</title> <path fill="currentColor" d="M30.041 13.96L18.374 2.29301C17.983 1.90201 17.351 1.90201 16.96 2.29301L5.29301 13.96C4.90201 14.35 4.90201 14.984 5.29301 15.374C5.68401 15.765 6.31601 15.765 6.70701 15.374L16.667 5.41401V33C16.667 33.552 17.114 34 17.667 34C18.22 34 18.667 33.552 18.667 33V5.41401L28.627 15.374C28.822 15.569 29.078 15.667 29.334 15.667C29.59 15.667 29.846 15.569 30.041 15.374C30.432 14.984 30.432 14.35 30.041 13.96Z"/> </symbol> <symbol id="icon-arrow-right" viewBox="0 0 36 36"> <title>Arrow right</title> <path fill="currentColor" d="M33.414 16.7517L23.247 6.58575C22.466 5.80475 21.2 5.80475 20.419 6.58575C19.638 7.36675 19.638 8.63375 20.419 9.41475L27.172 16.1667H4C2.896 16.1667 2 17.0627 2 18.1667C2 19.2708 2.896 20.1667 4 20.1667H27.172L20.419 26.9188C19.638 27.6998 19.638 28.9657 20.419 29.7477C20.81 30.1377 21.321 30.3337 21.833 30.3337C22.345 30.3337 22.856 30.1388 23.247 29.7477L33.414 19.5808C33.789 19.2058 34 18.6967 34 18.1667C34 17.6368 33.789 17.1278 33.414 16.7528V16.7517Z"/> </symbol> <symbol id="icon-arrow-bottom" viewBox="0 0 36 36"> <title>Arrow bottom</title> <path fill="currentColor" d="M30.041 20.626C29.65 20.235 29.018 20.235 28.627 20.626L18.667 30.586V3C18.667 2.448 18.22 2 17.667 2C17.114 2 16.667 2.448 16.667 3V30.586L6.70701 20.626C6.31601 20.235 5.68401 20.235 5.29301 20.626C4.90201 21.016 4.90201 21.65 5.29301 22.04L16.96 33.707C17.155 33.902 17.411 34 17.667 34C17.923 34 18.179 33.902 18.374 33.707L30.041 22.04C30.432 21.65 30.432 21.016 30.041 20.626Z"/> </symbol> <symbol id="icon-arrow-left" viewBox="0 0 36 36"> <title>Arrow left</title> <path fill="currentColor" d="M33 16.667H5.414L15.374 6.70701C15.765 6.31701 15.765 5.68301 15.374 5.29301C14.983 4.90201 14.351 4.90201 13.96 5.29301L2.293 16.96C2.105 17.148 2 17.402 2 17.667C2 17.932 2.105 18.187 2.293 18.374L13.96 30.041C14.155 30.236 14.411 30.334 14.667 30.334C14.923 30.334 15.179 30.236 15.374 30.041C15.765 29.651 15.765 29.017 15.374 28.627L5.414 18.667H33C33.553 18.667 34 18.219 34 17.667C34 17.115 33.553 16.667 33 16.667Z"/> </symbol> <symbol id="icon-stopwatch" viewBox="0 0 16 16"> <title>Stopwatch</title> <path fill="currentColor" d="M8.5 5.6a.5.5 0 1 0-1 0v2.9h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5z"/> <path fill="currentColor" d="M6.5 1A.5.5 0 0 1 7 .5h2a.5.5 0 0 1 0 1v.57c1.36.196 2.594.78 3.584 1.64l.012-.013.354-.354-.354-.353a.5.5 0 0 1 .707-.708l1.414 1.415a.5.5 0 1 1-.707.707l-.353-.354-.354.354-.013.012A7 7 0 1 1 7 2.071V1.5a.5.5 0 0 1-.5-.5M8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3"/> </symbol> <symbol id="icon-info" viewBox="0 0 16 16"> <title>Info</title> <path fill="currentColor" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> <path fill="currentColor" d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/> </symbol> </svg> </body> </html>