{"id":5274,"date":"2025-06-03T07:39:18","date_gmt":"2025-06-03T07:39:18","guid":{"rendered":"https:\/\/cmacademy.events\/?post_type=ht_kb&#038;p=5274"},"modified":"2026-07-13T10:00:08","modified_gmt":"2026-07-13T10:00:08","slug":"so-gestalten-sie-eine-professionelle-website-fur-ihre-veranstaltung-mit-conference-manager-und-grafischen-hilfsmitteln","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/de\/knowledge-base\/so-gestalten-sie-eine-professionelle-website-fur-ihre-veranstaltung-mit-conference-manager-und-grafischen-hilfsmitteln\/","title":{"rendered":"So gestalten Sie eine professionelle Website f\u00fcr Ihre Veranstaltung \u2013 mit Conference Manager und grafischen Hilfsmitteln"},"content":{"rendered":"\n<style>\n  \/* ------------------------------------------------------------\n     CM Academy \u2013 Website design inspiration\n     Replace the current article body with this block.\n     The WordPress article title remains above this content.\n  ------------------------------------------------------------ *\/\n\n  .cm-design-inspiration,\n  .cm-design-inspiration * {\n    box-sizing: border-box !important;\n    font-family: \"Titillium Web\", sans-serif !important;\n  }\n\n  .cm-design-inspiration {\n    width: 100% !important;\n    max-width: 1260px !important;\n    margin: 1.1rem auto 2.6rem auto !important;\n    padding: 0 !important;\n    color: #24384D !important;\n  }\n\n  .cm-design-inspiration h2,\n  .cm-design-inspiration h3,\n  .cm-design-inspiration p {\n    padding: 0 !important;\n  }\n\n  .cm-design-inspiration h2 {\n    color: #1F354D !important;\n    font-size: 27px !important;\n    font-weight: 700 !important;\n    line-height: 1.22 !important;\n    margin: 0 0 0.65rem 0 !important;\n  }\n\n  .cm-design-inspiration h3 {\n    color: #1F354D !important;\n    font-size: 20px !important;\n    font-weight: 600 !important;\n    line-height: 1.26 !important;\n    margin: 0 0 0.45rem 0 !important;\n  }\n\n  .cm-design-inspiration p {\n    color: #24384D !important;\n    font-size: 17px !important;\n    line-height: 1.58 !important;\n    margin: 0 0 0.85rem 0 !important;\n  }\n\n  .cm-design-inspiration p:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  \/* Hero *\/\n\n  .cm-design-hero {\n    position: relative !important;\n    overflow: hidden !important;\n    margin: 0 0 1.35rem 0 !important;\n    padding: 1.75rem 1.9rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.18) !important;\n    border-radius: 20px !important;\n    background:\n      radial-gradient(\n        circle at 92% 8%,\n        rgba(156, 204, 61, 0.14) 0,\n        rgba(156, 204, 61, 0) 28%\n      ),\n      linear-gradient(\n        135deg,\n        #f7fbff 0%,\n        #ffffff 64%,\n        #fbfef6 100%\n      ) !important;\n    box-shadow: 0 12px 30px rgba(18, 32, 46, 0.05) !important;\n  }\n\n  .cm-design-hero::after {\n    content: none !important;\n  }\n\n  .cm-design-kicker {\n    position: relative !important;\n    z-index: 1 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 27px !important;\n    margin: 0 0 0.85rem 0 !important;\n    padding: 0.22rem 0.72rem !important;\n    border-radius: 999px !important;\n    background: rgba(156, 204, 61, 0.17) !important;\n    color: #68A817 !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    letter-spacing: 0.045em !important;\n    text-transform: uppercase !important;\n  }\n\n  .cm-design-hero-title {\n    position: relative !important;\n    z-index: 1 !important;\n    max-width: 1020px !important;\n    color: #1F354D !important;\n    font-size: 31px !important;\n    font-weight: 700 !important;\n    line-height: 1.16 !important;\n    margin: 0 0 0.8rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-hero p {\n    position: relative !important;\n    z-index: 1 !important;\n    max-width: 1040px !important;\n    font-size: 18px !important;\n    line-height: 1.58 !important;\n  }\n\n  .cm-design-tags {\n    position: relative !important;\n    z-index: 1 !important;\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 0.55rem !important;\n    margin: 1.15rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-tag {\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 31px !important;\n    padding: 0.35rem 0.75rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.16) !important;\n    border-radius: 999px !important;\n    background: rgba(255, 255, 255, 0.78) !important;\n    color: #425A70 !important;\n    font-size: 14px !important;\n    font-weight: 650 !important;\n    line-height: 1.15 !important;\n  }\n\n  \/* Main sections *\/\n\n  .cm-design-section {\n    margin: 1.35rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-section-intro {\n    max-width: 1000px !important;\n    margin: 0 0 1rem 0 !important;\n  }\n\n  \/* Foundation cards *\/\n\n  .cm-design-foundation-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 1rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-foundation-card {\n    position: relative !important;\n    overflow: hidden !important;\n    min-width: 0 !important;\n    padding: 1.45rem 1.5rem !important;\n    border-radius: 17px !important;\n    box-shadow: 0 9px 22px rgba(18, 32, 46, 0.04) !important;\n  }\n\n  .cm-design-foundation-card::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: -38px !important;\n    right: -38px !important;\n    width: 115px !important;\n    height: 115px !important;\n    border-radius: 50% !important;\n    pointer-events: none !important;\n  }\n\n  .cm-design-foundation-card.is-cm {\n    background: #f7fbff !important;\n    border: 1px solid rgba(24, 90, 188, 0.22) !important;\n  }\n\n  .cm-design-foundation-card.is-cm::after {\n    background: rgba(24, 90, 188, 0.08) !important;\n  }\n\n  .cm-design-foundation-card.is-tools {\n    background: #fbfef6 !important;\n    border: 1px solid rgba(156, 204, 61, 0.36) !important;\n  }\n\n  .cm-design-foundation-card.is-tools::after {\n    background: rgba(156, 204, 61, 0.15) !important;\n  }\n\n  .cm-design-card-label {\n    position: relative !important;\n    z-index: 1 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 26px !important;\n    margin: 0 0 0.72rem 0 !important;\n    padding: 0.2rem 0.65rem !important;\n    border-radius: 999px !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    letter-spacing: 0.04em !important;\n    text-transform: uppercase !important;\n  }\n\n  .is-cm .cm-design-card-label {\n    background: rgba(24, 90, 188, 0.09) !important;\n    color: #185ABC !important;\n  }\n\n  .is-tools .cm-design-card-label {\n    background: rgba(156, 204, 61, 0.17) !important;\n    color: #68A817 !important;\n  }\n\n  .cm-design-foundation-title {\n    position: relative !important;\n    z-index: 1 !important;\n    color: #1F354D !important;\n    font-size: 23px !important;\n    font-weight: 650 !important;\n    line-height: 1.24 !important;\n    margin: 0 0 0.55rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-list {\n    display: grid !important;\n    gap: 0.55rem !important;\n    margin: 1rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-list-item {\n    display: grid !important;\n    grid-template-columns: auto minmax(0, 1fr) !important;\n    align-items: start !important;\n    gap: 0.58rem !important;\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    font-weight: 600 !important;\n    line-height: 1.44 !important;\n  }\n\n  .cm-design-list-dot {\n    width: 8px !important;\n    height: 8px !important;\n    margin-top: 0.42rem !important;\n    border-radius: 50% !important;\n    background: #9CCC3D !important;\n  }\n\n  .is-cm .cm-design-list-dot {\n    background: #185ABC !important;\n  }\n\n  \/* Inspiration cards *\/\n\n  .cm-design-idea-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 1rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-idea-card {\n    position: relative !important;\n    min-width: 0 !important;\n    min-height: 180px !important;\n    padding: 1.3rem 1.35rem !important;\n    overflow: hidden !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 16px !important;\n    background: #ffffff !important;\n    box-shadow: 0 8px 20px rgba(18, 32, 46, 0.035) !important;\n  }\n\n  .cm-design-idea-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    width: 100% !important;\n    height: 5px !important;\n    background: #185ABC !important;\n  }\n\n  .cm-design-idea-card:nth-child(2)::before,\n  .cm-design-idea-card:nth-child(5)::before {\n    background: #9CCC3D !important;\n  }\n\n  .cm-design-idea-card:nth-child(3)::before,\n  .cm-design-idea-card:nth-child(6)::before {\n    background: #1F354D !important;\n  }\n\n  .cm-design-idea-number {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 32px !important;\n    height: 32px !important;\n    margin: 0 0 0.72rem 0 !important;\n    border-radius: 10px !important;\n    background: rgba(24, 90, 188, 0.08) !important;\n    color: #185ABC !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n  }\n\n  .cm-design-idea-card:nth-child(2) .cm-design-idea-number,\n  .cm-design-idea-card:nth-child(5) .cm-design-idea-number {\n    background: rgba(156, 204, 61, 0.16) !important;\n    color: #68A817 !important;\n  }\n\n  .cm-design-idea-card:nth-child(3) .cm-design-idea-number,\n  .cm-design-idea-card:nth-child(6) .cm-design-idea-number {\n    background: rgba(31, 53, 77, 0.08) !important;\n    color: #1F354D !important;\n  }\n\n  .cm-design-idea-title {\n    color: #1F354D !important;\n    font-size: 19px !important;\n    font-weight: 650 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.45rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-idea-card p {\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    line-height: 1.48 !important;\n  }\n\n  \/* Process *\/\n\n  .cm-design-process {\n    overflow: hidden !important;\n    padding: 1.55rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.17) !important;\n    border-radius: 18px !important;\n    background:\n      linear-gradient(\n        135deg,\n        rgba(24, 90, 188, 0.045) 0%,\n        rgba(156, 204, 61, 0.075) 100%\n      ) !important;\n  }\n\n  .cm-design-step-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 0.9rem !important;\n    margin: 1.05rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-step {\n    min-width: 0 !important;\n    padding: 1.15rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.13) !important;\n    border-radius: 14px !important;\n    background: rgba(255, 255, 255, 0.88) !important;\n  }\n\n  .cm-design-step-number {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 34px !important;\n    height: 34px !important;\n    margin: 0 0 0.65rem 0 !important;\n    border-radius: 50% !important;\n    background: #1F354D !important;\n    color: #ffffff !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n  }\n\n  .cm-design-step-title {\n    color: #1F354D !important;\n    font-size: 18px !important;\n    font-weight: 650 !important;\n    line-height: 1.24 !important;\n    margin: 0 0 0.38rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-step p {\n    color: #425A70 !important;\n    font-size: 15px !important;\n    line-height: 1.46 !important;\n  }\n\n  .cm-design-format-note {\n    display: grid !important;\n    grid-template-columns: auto minmax(0, 1fr) !important;\n    align-items: start !important;\n    gap: 0.8rem !important;\n    margin: 0.9rem 0 0 0 !important;\n    padding: 1rem 1.1rem !important;\n    border-left: 5px solid #9CCC3D !important;\n    border-radius: 12px !important;\n    background: #ffffff !important;\n  }\n\n  .cm-design-format-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 28px !important;\n    padding: 0.24rem 0.65rem !important;\n    border-radius: 999px !important;\n    background: rgba(156, 204, 61, 0.16) !important;\n    color: #68A817 !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.04em !important;\n  }\n\n  .cm-design-format-note p {\n    font-size: 15.5px !important;\n    line-height: 1.48 !important;\n  }\n\n  \/* Canva resources *\/\n\n  .cm-design-video-section {\n    padding: 1.55rem !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 18px !important;\n    background: #f7fbff !important;\n  }\n\n  .cm-design-video-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 1rem !important;\n    margin: 1.05rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-video-card,\n  .cm-design-video-card:visited {\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    min-width: 0 !important;\n    min-height: 228px !important;\n    padding: 1.25rem 1.25rem 1.15rem 1.25rem !important;\n    overflow: hidden !important;\n    border: 1px solid #d6e3ef !important;\n    border-radius: 15px !important;\n    background: #ffffff !important;\n    box-shadow: 0 8px 20px rgba(18, 32, 46, 0.035) !important;\n    color: #24384D !important;\n    text-decoration: none !important;\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease !important;\n  }\n\n  .cm-design-video-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    width: 6px !important;\n    background: #185ABC !important;\n  }\n\n  .cm-design-video-card:nth-child(2)::before {\n    background: #9CCC3D !important;\n  }\n\n  .cm-design-video-card:hover,\n  .cm-design-video-card:focus,\n  .cm-design-video-card:focus-visible {\n    border-color: rgba(24, 90, 188, 0.4) !important;\n    box-shadow: 0 10px 24px rgba(18, 32, 46, 0.055) !important;\n    color: #24384D !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-design-video-label {\n    display: inline-flex !important;\n    align-items: center !important;\n    width: fit-content !important;\n    min-height: 26px !important;\n    margin: 0 0 0.72rem 0 !important;\n    padding: 0.2rem 0.64rem !important;\n    border-radius: 999px !important;\n    background: rgba(24, 90, 188, 0.09) !important;\n    color: #185ABC !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    letter-spacing: 0.04em !important;\n    text-transform: uppercase !important;\n  }\n\n  .cm-design-video-card:nth-child(2) .cm-design-video-label {\n    background: rgba(156, 204, 61, 0.16) !important;\n    color: #68A817 !important;\n  }\n\n  .cm-design-video-title {\n    color: #1F354D !important;\n    font-size: 20px !important;\n    font-weight: 650 !important;\n    line-height: 1.28 !important;\n    margin: 0 0 0.38rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-video-card p {\n    color: #425A70 !important;\n    font-size: 15px !important;\n    line-height: 1.48 !important;\n  }\n\n  .cm-design-video-spacer {\n    flex: 1 1 auto !important;\n    min-height: 0.95rem !important;\n  }\n\n  \/* Link buttons *\/\n\n  .cm-design-button,\n  .cm-design-button:visited {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: fit-content !important;\n    min-height: 40px !important;\n    padding: 0.54rem 0.92rem !important;\n    border-radius: 9px !important;\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    color: #185ABC !important;\n    border: 1px solid #185ABC !important;\n    box-shadow: none !important;\n    font-size: 14.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    transition: 0.2s ease !important;\n  }\n\n  .cm-design-button:hover,\n  .cm-design-button:focus,\n  .cm-design-button:focus-visible,\n  .cm-design-button:active {\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    color: #68A817 !important;\n    border-color: #9CCC3D !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-design-inline-cta {\n    display: inline-flex !important;\n    align-items: center !important;\n    width: fit-content !important;\n    color: #8FC63A !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    transition: 0.2s ease !important;\n  }\n\n  .cm-design-inline-cta:hover,\n  .cm-design-inline-cta:focus,\n  .cm-design-inline-cta:focus-visible {\n    color: #185ABC !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-design-canva-actions {\n    display: flex !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n    gap: 0.7rem !important;\n    margin: 1rem 0 0 0 !important;\n  }\n\n  \/* Tools *\/\n\n  .cm-design-tools-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 1rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-tool-card {\n    display: flex !important;\n    flex-direction: column !important;\n    min-width: 0 !important;\n    min-height: 225px !important;\n    padding: 1.3rem 1.35rem !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 16px !important;\n    background: #ffffff !important;\n    box-shadow: 0 8px 20px rgba(18, 32, 46, 0.035) !important;\n  }\n\n  .cm-design-tool-name {\n    color: #1F354D !important;\n    font-size: 21px !important;\n    font-weight: 650 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.5rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-tool-card p {\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    line-height: 1.48 !important;\n  }\n\n  .cm-design-tool-spacer {\n    flex: 1 1 auto !important;\n    min-height: 0.8rem !important;\n  }\n\n  .cm-design-tool-card a.cm-design-tool-link,\n  .cm-design-tool-card a.cm-design-tool-link:visited {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: fit-content !important;\n    min-height: 39px !important;\n    padding: 0.5rem 0.88rem !important;\n    border-radius: 9px !important;\n    background: #ffffff !important;\n    color: #1F354D !important;\n    border: 1px solid #cfdbe7 !important;\n    font-size: 14.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    transition: 0.2s ease !important;\n  }\n\n  .cm-design-tool-card a.cm-design-tool-link:hover,\n  .cm-design-tool-card a.cm-design-tool-link:focus,\n  .cm-design-tool-card a.cm-design-tool-link:focus-visible,\n  .cm-design-tool-card a.cm-design-tool-link:active {\n    background: #ffffff !important;\n    color: #185ABC !important;\n    border-color: #185ABC !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  \/* Responsive design and tips *\/\n\n  .cm-design-practical-grid {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr) !important;\n    gap: 1rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-responsive-card,\n  .cm-design-tip-card {\n    min-width: 0 !important;\n    padding: 1.4rem 1.45rem !important;\n    border-radius: 17px !important;\n  }\n\n  .cm-design-responsive-card {\n    border: 1px solid rgba(24, 90, 188, 0.22) !important;\n    background: #f7fbff !important;\n  }\n\n  .cm-design-tip-card {\n    border: 1px solid rgba(156, 204, 61, 0.36) !important;\n    background: #fbfef6 !important;\n  }\n\n  .cm-design-tip-intro {\n    color: #425A70 !important;\n    font-size: 15px !important;\n    line-height: 1.48 !important;\n    margin: 0 0 0.8rem 0 !important;\n  }\n\n  .cm-design-tip-card .cm-design-list {\n    gap: 0.68rem !important;\n    margin-top: 0.75rem !important;\n  }\n\n  \/* Academy links *\/\n\n  .cm-design-academy {\n    padding: 1.55rem !important;\n    border: 1px solid rgba(31, 53, 77, 0.16) !important;\n    border-radius: 18px !important;\n    background:\n      linear-gradient(\n        135deg,\n        #ffffff 0%,\n        #f7fbff 100%\n      ) !important;\n  }\n\n  .cm-design-academy-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 0.85rem !important;\n    margin: 1rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-academy-card,\n  .cm-design-academy-card:visited {\n    display: grid !important;\n    grid-template-columns: 58px minmax(0, 1fr) auto !important;\n    align-items: center !important;\n    gap: 0.95rem !important;\n    min-width: 0 !important;\n    min-height: 112px !important;\n    padding: 1rem 1.05rem !important;\n    overflow: hidden !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 15px !important;\n    color: #24384D !important;\n    text-decoration: none !important;\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease,\n      transform 0.2s ease !important;\n  }\n\n  .cm-design-academy-card:nth-child(1) {\n    background:\n      linear-gradient(\n        135deg,\n        rgba(24, 90, 188, 0.055) 0%,\n        #ffffff 58%\n      ) !important;\n  }\n\n  .cm-design-academy-card:nth-child(2) {\n    background:\n      linear-gradient(\n        135deg,\n        rgba(156, 204, 61, 0.09) 0%,\n        #ffffff 58%\n      ) !important;\n  }\n\n  .cm-design-academy-card:nth-child(3) {\n    background:\n      linear-gradient(\n        135deg,\n        rgba(31, 53, 77, 0.045) 0%,\n        #ffffff 58%\n      ) !important;\n  }\n\n  .cm-design-academy-card:nth-child(4) {\n    background:\n      linear-gradient(\n        135deg,\n        rgba(24, 90, 188, 0.045) 0%,\n        rgba(156, 204, 61, 0.055) 100%\n      ) !important;\n  }\n\n  .cm-design-academy-card:hover,\n  .cm-design-academy-card:focus,\n  .cm-design-academy-card:focus-visible {\n    border-color: rgba(24, 90, 188, 0.4) !important;\n    box-shadow: 0 10px 24px rgba(18, 32, 46, 0.055) !important;\n    transform: translateY(-1px) !important;\n    color: #24384D !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-design-academy-icon {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 58px !important;\n    height: 58px !important;\n    padding: 0.55rem !important;\n    overflow: hidden !important;\n    border: 1px solid rgba(24, 90, 188, 0.12) !important;\n    border-radius: 15px !important;\n    background: rgba(255, 255, 255, 0.82) !important;\n    box-shadow: 0 6px 14px rgba(18, 32, 46, 0.045) !important;\n  }\n\n  .cm-design-academy-card:nth-child(2) .cm-design-academy-icon {\n    border-color: rgba(156, 204, 61, 0.24) !important;\n    background: rgba(255, 255, 255, 0.86) !important;\n  }\n\n  .cm-design-academy-card:nth-child(3) .cm-design-academy-icon {\n    border-color: rgba(31, 53, 77, 0.13) !important;\n  }\n\n  .cm-design-academy-card:nth-child(4) .cm-design-academy-icon {\n    border-color: rgba(24, 90, 188, 0.12) !important;\n  }\n\n  .cm-design-academy-icon img {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    object-fit: contain !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    box-shadow: none !important;\n  }\n\n  .cm-design-academy-copy {\n    min-width: 0 !important;\n  }\n\n  .cm-design-academy-title {\n    color: #1F354D !important;\n    font-size: 17.5px !important;\n    font-weight: 650 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.3rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-academy-card p {\n    color: #425A70 !important;\n    font-size: 14.5px !important;\n    line-height: 1.42 !important;\n    margin: 0 !important;\n  }\n\n  .cm-design-academy-cta {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: flex-end !important;\n    white-space: nowrap !important;\n    color: #8FC63A !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    transition: color 0.2s ease !important;\n  }\n\n  .cm-design-academy-card:hover .cm-design-academy-cta,\n  .cm-design-academy-card:focus .cm-design-academy-cta,\n  .cm-design-academy-card:focus-visible .cm-design-academy-cta {\n    color: #185ABC !important;\n  }\n\n  \/* Licensing *\/\n\n  .cm-design-license {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1fr) auto !important;\n    align-items: center !important;\n    gap: 1.2rem !important;\n    margin: 1rem 0 0 0 !important;\n    padding: 1.2rem 1.3rem !important;\n    border-left: 6px solid #1F354D !important;\n    border-radius: 14px !important;\n    background: #f7f9fb !important;\n  }\n\n  .cm-design-license-title {\n    color: #1F354D !important;\n    font-size: 19px !important;\n    font-weight: 650 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.34rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-license p {\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    line-height: 1.48 !important;\n  }\n\n  .cm-design-license-links {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: flex-end !important;\n    flex-wrap: wrap !important;\n    gap: 0.65rem !important;\n  }\n\n  \/* Responsive *\/\n\n  @media (max-width: 1050px) {\n    .cm-design-idea-grid,\n    .cm-design-tools-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .cm-design-practical-grid {\n      grid-template-columns: 1fr !important;\n    }\n  }\n\n  @media (max-width: 780px) {\n    .cm-design-foundation-grid,\n    .cm-design-step-grid,\n    .cm-design-video-grid,\n    .cm-design-academy-grid {\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-design-academy-card {\n      grid-template-columns: 58px minmax(0, 1fr) !important;\n    }\n\n    .cm-design-academy-cta {\n      grid-column: 2 !important;\n      justify-content: flex-start !important;\n      margin-top: 0.2rem !important;\n    }\n\n    .cm-design-license {\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-design-license-links {\n      justify-content: flex-start !important;\n    }\n  }\n\n  @media (max-width: 620px) {\n    .cm-design-inspiration {\n      margin: 1rem auto 2rem auto !important;\n    }\n\n    .cm-design-inspiration h2 {\n      font-size: 24px !important;\n    }\n\n    .cm-design-inspiration p {\n      font-size: 16px !important;\n    }\n\n    .cm-design-hero {\n      padding: 1.4rem !important;\n    }\n\n    .cm-design-hero-title {\n      font-size: 26px !important;\n    }\n\n    .cm-design-hero p {\n      font-size: 16.5px !important;\n    }\n\n    .cm-design-idea-grid,\n    .cm-design-tools-grid {\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-design-foundation-card,\n    .cm-design-process,\n    .cm-design-video-section,\n    .cm-design-academy,\n    .cm-design-responsive-card,\n    .cm-design-tip-card {\n      padding: 1.25rem !important;\n    }\n\n    .cm-design-button,\n    .cm-design-tool-card a.cm-design-tool-link {\n      width: 100% !important;\n    }\n\n    .cm-design-canva-actions,\n    .cm-design-license-links {\n      display: grid !important;\n      grid-template-columns: 1fr !important;\n      width: 100% !important;\n    }\n\n    .cm-design-format-note {\n      grid-template-columns: 1fr !important;\n    }\n  }\n<\/style>\n\n<div class=\"cm-design-inspiration\" lang=\"de\">\n<section class=\"cm-design-hero\">\n<div class=\"cm-design-kicker\">Website-Inspiration<\/div>\n<div class=\"cm-design-hero-title\">\n      Conference Manager schafft die Struktur. Grafiktools helfen, die visuelle Identit\u00e4t zu gestalten.\n    <\/div>\n<p>\n      Eine gut strukturierte Veranstaltungswebsite hilft Teilnehmenden, wichtige Informationen schnell zu finden und sicher durch die Anmeldung zu gelangen. Conference Manager bildet die funktionale Grundlage, w\u00e4hrend Tools wie Canva, Magnific, Adobe Express und Figma dabei helfen k\u00f6nnen, visuelle Elemente zu erstellen, die die Identit\u00e4t der Veranstaltung unterst\u00fctzen.\n    <\/p>\n<div aria-label=\"Themen des Artikels\" class=\"cm-design-tags\">\n<span class=\"cm-design-tag\">Websitestruktur<\/span>\n<span class=\"cm-design-tag\">Visuelle Identit\u00e4t<\/span>\n<span class=\"cm-design-tag\">Grafische Inspiration<\/span>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Funktion und visuelles Erscheinungsbild verbinden<\/h2>\n<p>\n        Die besten Ergebnisse entstehen h\u00e4ufig, wenn Conference Manager und ein externes Grafiktool f\u00fcr unterschiedliche Teile des Prozesses eingesetzt werden.\n      <\/p>\n<\/div>\n<div class=\"cm-design-foundation-grid\">\n<article class=\"cm-design-foundation-card is-cm\">\n<div class=\"cm-design-card-label\">Conference Manager<\/div>\n<div class=\"cm-design-foundation-title\">Veranstaltungsstruktur aufbauen<\/div>\n<p>\n          In den Grundeinstellungen den Anmeldeablauf und die wichtigsten Veranstaltungseinstellungen festlegen und die Informationen anschlie\u00dfend im Website-Designer \u00fcbersichtlich pr\u00e4sentieren.\n        <\/p>\n<div class=\"cm-design-list\">\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Anmeldung und Teilnehmendenkategorien in den Grundeinstellungen einrichten<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Programminformationen und Inhalte zu Referierenden in der Veranstaltungseinrichtung erg\u00e4nzen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Seiten, Abschnitte und eine klare Navigation im Website-Designer erstellen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Website-Layout f\u00fcr Desktop, Tablet und Mobilger\u00e4t anpassen<\/span>\n<\/div>\n<\/div>\n<\/article>\n<article class=\"cm-design-foundation-card is-tools\">\n<div class=\"cm-design-card-label\">Grafiktools<\/div>\n<div class=\"cm-design-foundation-title\">Visuelle Identit\u00e4t gestalten<\/div>\n<p>\n          Visuelles Material mit einem Grafiktool vorbereiten und anschlie\u00dfend im Website-Designer einf\u00fcgen.\n        <\/p>\n<div class=\"cm-design-list\">\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Headerbilder, Banner und Hintergr\u00fcnde gestalten<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Speaker-, Programm- und Social-Media-Grafiken erstellen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Icons, Illustrationen und individuelle Bildformen vorbereiten<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Einheitliche Farben, Schriftarten und Bildstile verwenden<\/span>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Ideen f\u00fcr visuelle Inhalte<\/h2>\n<p>\n        Die gesamte Website muss nicht neu gestaltet werden. Einige einheitliche grafische Elemente k\u00f6nnen die Seite wiedererkennbarer und vollst\u00e4ndiger wirken lassen.\n      <\/p>\n<\/div>\n<div class=\"cm-design-idea-grid\">\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">01<\/div>\n<div class=\"cm-design-idea-title\">Headerbilder und Banner<\/div>\n<p>\n          Mit den Veranstaltungsfarben, dem Titel und einem passenden visuellen Element einen klaren ersten Eindruck schaffen.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">02<\/div>\n<div class=\"cm-design-idea-title\">Speaker-Grafiken<\/div>\n<p>\n          Speaker mit einheitlichen Portr\u00e4ts, Namen, Funktionen und Bildproportionen pr\u00e4sentieren.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">03<\/div>\n<div class=\"cm-design-idea-title\">Programmgrafiken<\/div>\n<p>\n          Programmthemen mit Farbcodes, Icons oder einfachen Session-Grafiken unterst\u00fctzen.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">04<\/div>\n<div class=\"cm-design-idea-title\">Social-Media-Grafiken<\/div>\n<p>\n          Passende Grafiken f\u00fcr LinkedIn, Facebook und Instagram erstellen.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">05<\/div>\n<div class=\"cm-design-idea-title\">Icons und Illustrationen<\/div>\n<p>\n          Einfache Icons und Illustrationen einsetzen, um Informationen verst\u00e4ndlicher zu machen, ohne die Seite zu \u00fcberladen.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">06<\/div>\n<div class=\"cm-design-idea-title\">Dezente Animationen<\/div>\n<p>\n          Ein kleines animiertes GIF kann Bewegung schaffen, sollte aber nicht von der Anmeldung oder wichtigen Informationen ablenken.\n        <\/p>\n<\/article>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-process\">\n<h2>Vom Grafiktool zum Website-Designer<\/h2>\n<p>\n      Ein einfacher Ablauf erleichtert ein einheitliches Design und die Verwendung der Grafiken an der richtigen Stelle.\n    <\/p>\n<div class=\"cm-design-step-grid\">\n<article class=\"cm-design-step\">\n<div class=\"cm-design-step-number\">1<\/div>\n<div class=\"cm-design-step-title\">Erstellen<\/div>\n<p>\n          Die Grafik passend zu Farben, Schriftarten, Bildstil und Zweck der Veranstaltung gestalten.\n        <\/p>\n<\/article>\n<article class=\"cm-design-step\">\n<div class=\"cm-design-step-number\">2<\/div>\n<div class=\"cm-design-step-title\">Exportieren<\/div>\n<p>\n          Das fertige Design in einem geeigneten Dateiformat und in einer passenden Gr\u00f6\u00dfe herunterladen.\n        <\/p>\n<\/article>\n<article class=\"cm-design-step\">\n<div class=\"cm-design-step-number\">3<\/div>\n<div class=\"cm-design-step-title\">Einf\u00fcgen<\/div>\n<p>\n          Die Datei in die Medienbibliothek hochladen und als Bild, Hintergrund oder verlinktes visuelles Element einf\u00fcgen.\n        <\/p>\n<\/article>\n<\/div>\n<div class=\"cm-design-format-note\">\n<span class=\"cm-design-format-badge\">Dateiformate<\/span>\n<p>\n        JPG eignet sich im Allgemeinen f\u00fcr Fotos und Banner. PNG ist f\u00fcr Logos, Icons und Grafiken mit scharfen Kanten oder transparentem Hintergrund geeignet. GIF kann f\u00fcr einfache Animationen verwendet werden; dabei die Dateigr\u00f6\u00dfe beachten.\n      <\/p>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-video-section\">\n<h2>Neu bei Canva?<\/h2>\n<p>\n      Einige Video-Einbettungen k\u00f6nnen je nach Website-Einstellungen blockiert werden. Die Ressourcen unten werden daher direkt in Canva oder auf YouTube ge\u00f6ffnet.\n    <\/p>\n<div class=\"cm-design-video-grid\">\n<a class=\"cm-design-video-card\" href=\"https:\/\/www.youtube.com\/watch?v=N4ShMA_djfk\" rel=\"noopener\" target=\"_blank\">\n<div class=\"cm-design-video-label\">Canva-Video<\/div>\n<div class=\"cm-design-video-title\">\n          Vorlagen anpassen\n        <\/div>\n<p>\n          Erfahren, wie Vorlagen, Layouts und Stile angepasst werden k\u00f6nnen, um einen eigenen visuellen Ausdruck zu schaffen.\n        <\/p>\n<div class=\"cm-design-video-spacer\"><\/div>\n<span class=\"cm-design-inline-cta\">Video ansehen \u2192<\/span>\n<\/a>\n<a class=\"cm-design-video-card\" href=\"https:\/\/www.youtube.com\/watch?v=GkKHUq6vU8M\" rel=\"noopener\" target=\"_blank\">\n<div class=\"cm-design-video-label\">Canva-Video<\/div>\n<div class=\"cm-design-video-title\">\n          Fotos hochladen und bearbeiten\n        <\/div>\n<p>\n          Erfahren, wie hochgeladene Bilder angepasst und in einem fertigen Design verwendet werden k\u00f6nnen.\n        <\/p>\n<div class=\"cm-design-video-spacer\"><\/div>\n<span class=\"cm-design-inline-cta\">Video ansehen \u2192<\/span>\n<\/a>\n<\/div>\n<div class=\"cm-design-canva-actions\">\n<a class=\"cm-design-button\" href=\"https:\/\/www.canva.com\/designschool\/\" rel=\"noopener\" target=\"_blank\">\n        Canva Design School entdecken\n      <\/a>\n<a class=\"cm-design-button\" href=\"https:\/\/www.canva.com\/designschool\/tutorials\/designing\/how-to-find-the-right-template-for-any-occasion\/\" rel=\"noopener\" target=\"_blank\">\n        Passende Vorlage finden\n      <\/a>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Weitere n\u00fctzliche Grafiktools<\/h2>\n<p>\n        Canva ist nur eine M\u00f6glichkeit. Das Tool w\u00e4hlen, das zum eigenen Arbeitsablauf, Erfahrungsniveau und visuellen Bedarf passt.\n      <\/p>\n<\/div>\n<div class=\"cm-design-tools-grid\">\n<article class=\"cm-design-tool-card\">\n<div class=\"cm-design-tool-name\">Magnific<\/div>\n<p>\n          Magnific, ehemals Freepik, bietet Stockbilder, Vektoren, Illustrationen, Icons und Kreativtools, mit denen visuelles Material gefunden oder entwickelt werden kann.\n        <\/p>\n<div class=\"cm-design-tool-spacer\"><\/div>\n<a class=\"cm-design-tool-link\" href=\"https:\/\/www.magnific.com\/\" rel=\"noopener\" target=\"_blank\">\n          Magnific \u00f6ffnen\n        <\/a>\n<\/article>\n<article class=\"cm-design-tool-card\">\n<div class=\"cm-design-tool-name\">Adobe Express<\/div>\n<p>\n          Mit Adobe Express k\u00f6nnen Banner, Social-Media-Grafiken und andere visuelle Inhalte auf Basis von Vorlagen erstellt werden.\n        <\/p>\n<div class=\"cm-design-tool-spacer\"><\/div>\n<a class=\"cm-design-tool-link\" href=\"https:\/\/www.adobe.com\/express\/\" rel=\"noopener\" target=\"_blank\">\n          Adobe Express \u00f6ffnen\n        <\/a>\n<\/article>\n<article class=\"cm-design-tool-card\">\n<div class=\"cm-design-tool-name\">Figma<\/div>\n<p>\n          Figma kann hilfreich sein, wenn mehrere Personen visuelle Konzepte gemeinsam entwickeln, pr\u00fcfen oder anpassen.\n        <\/p>\n<div class=\"cm-design-tool-spacer\"><\/div>\n<a class=\"cm-design-tool-link\" href=\"https:\/\/www.figma.com\/\" rel=\"noopener\" target=\"_blank\">\n          Figma \u00f6ffnen\n        <\/a>\n<\/article>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Design f\u00fcr unterschiedliche Bildschirmgr\u00f6\u00dfen<\/h2>\n<p>\n        Die Website sollte \u00fcbersichtlich und einfach zu bedienen bleiben, unabh\u00e4ngig davon, ob Teilnehmende sie am Computer, Tablet oder Smartphone aufrufen.\n      <\/p>\n<\/div>\n<div class=\"cm-design-practical-grid\">\n<article class=\"cm-design-responsive-card\">\n<h3>Im Website-Designer von links nach rechts arbeiten<\/h3>\n<p>\n          Im Website-Designer mit der Desktop-Ansicht beginnen und anschlie\u00dfend von links nach rechts mit Tablet und Mobilger\u00e4t fortfahren. Headerbilder und Abschnittshintergr\u00fcnde werden f\u00fcr die kleineren Ansichten \u00fcbernommen, k\u00f6nnen dort aber ersetzt werden, ohne die Desktop-Version zu \u00e4ndern. Layout-Einstellungen einzelner Elemente, etwa R\u00e4nder und Abst\u00e4nde, lassen sich ebenfalls f\u00fcr jedes Ger\u00e4t separat anpassen.\n        <\/p>\n<div class=\"cm-design-list\">\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Desktop, Tablet und Mobilger\u00e4t von links nach rechts pr\u00fcfen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Pr\u00fcfen, ob der Text gut lesbar bleibt<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Hintergrundbilder bei Bedarf ersetzen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>R\u00e4nder und Abst\u00e4nde f\u00fcr jedes Ger\u00e4t anpassen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Den vollst\u00e4ndigen Ablauf f\u00fcr Teilnehmende vor der Ver\u00f6ffentlichung testen<\/span>\n<\/div>\n<\/div>\n<\/article>\n<aside class=\"cm-design-tip-card\">\n<h3>Ein klares und einheitliches Design gestalten<\/h3>\n<p class=\"cm-design-tip-intro\">\n          Wiederkehrende visuelle Entscheidungen auf der gesamten Website erleichtern das Wiedererkennen und die Navigation.\n        <\/p>\n<div class=\"cm-design-list\">\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Eine begrenzte Farbpalette verwenden<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Eine oder zwei Schriftarten w\u00e4hlen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Einheitliche Bildproportionen verwenden<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>F\u00fcr \u00dcberschriften, Buttons und Inhaltsbl\u00f6cke denselben Stil verwenden<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Ausreichend Abstand um Inhalte lassen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Die wichtigsten Informationen leicht auffindbar machen<\/span>\n<\/div>\n<\/div>\n<\/aside>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-academy\">\n<h2>In der CM Academy weiterlesen<\/h2>\n<p>\n      Diese Ressourcen zeigen die Arbeit mit dem Website-Designer und die Vorbereitung von Bildern f\u00fcr Conference Manager.\n    <\/p>\n<div class=\"cm-design-academy-grid\">\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/online-intro-fuer-den-website-designer\/\">\n<span class=\"cm-design-academy-icon\" aria-hidden=\"true\">\n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/07\/Design-uden-navn-29.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Video-Einf\u00fchrung in den Website-Designer\n          <\/div>\n<p>\n            \u00dcberblick \u00fcber Themes, Elemente, Hintergr\u00fcnde, Vorlagen und responsives Design erhalten.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">Video ansehen \u2192<\/span>\n<\/a>\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/elemente-einfuegen-im-website-designer\/\">\n<span class=\"cm-design-academy-icon\" aria-hidden=\"true\">\n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/07\/Design-uden-navn-33.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Elemente im Website-Designer einf\u00fcgen\n          <\/div>\n<p>\n            Erfahren, wie Elemente zum Aufbau einer Seite hinzugef\u00fcgt und angeordnet werden.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">Guide \u00f6ffnen \u2192<\/span>\n<\/a>\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/einfuegen-eines-bildes-im-website-designer\/\">\n<span class=\"cm-design-academy-icon\" aria-hidden=\"true\">\n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/07\/Design-uden-navn-31.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Bilder im Website-Designer einf\u00fcgen\n          <\/div>\n<p>\n            Erfahren, wie ein Bild als Hintergrund, Abschnittshintergrund oder einzelnes Element verwendet wird.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">Guide \u00f6ffnen \u2192<\/span>\n<\/a>\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/empfohlene-bildgroessen-in-conference-manager\/\">\n<span class=\"cm-design-academy-icon\" aria-hidden=\"true\">\n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/07\/Design-uden-navn-32.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Empfohlene Bildgr\u00f6\u00dfen\n          <\/div>\n<p>\n            Empfohlene Abmessungen und Dateiformate vor der Erstellung von Grafiken pr\u00fcfen.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">\u00dcbersicht \u00f6ffnen \u2192<\/span>\n<\/a>\n<\/div>\n<\/section>\n<aside class=\"cm-design-license\">\n<div>\n<div class=\"cm-design-license-title\">\n        Bild- und Inhaltslizenzen beachten\n      <\/div>\n<p>\n        Vor der Verwendung von Stockbildern, Icons, Illustrationen oder anderem Material von Drittanbietern die aktuellen Lizenz- und Attributionsanforderungen der jeweiligen Plattform pr\u00fcfen.\n      <\/p>\n<\/div>\n<div class=\"cm-design-license-links\">\n<a class=\"cm-design-button\" href=\"https:\/\/www.canva.com\/policies\/content-license-agreement\/\" rel=\"noopener\" target=\"_blank\">\n        Canva-Lizenzbedingungen\n      <\/a>\n<a class=\"cm-design-button\" href=\"https:\/\/www.magnific.com\/ai\/docs\/licenses-attribution\" rel=\"noopener\" target=\"_blank\">\n        Magnific-Lizenzbedingungen\n      <\/a>\n<\/div>\n<\/aside>\n<\/div>\n\n\n\n<div class=\"author-box\" style=\"display: flex; align-items: center; gap: 20px; padding: 30px 0; font-family: 'Titillium Web', sans-serif; margin-top: 50px; border: none;\"> \n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/05\/Design-uden-navn-2026-05-04T104103.453.png\" alt=\"Elisabeth Bj\u00f8rn Andersen\" style=\"width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 12px rgba(24, 90, 188, 0.5);\">\n  <div style=\"display: flex; flex-direction: column; justify-content: center;\">\n    <div style=\"font-size: 20px; font-weight: 700; color: #185ABC; margin: 0;\">Elisabeth Bj\u00f8rn Andersen<\/div>\n    <div style=\"font-size: 14px; color: #555; margin: 0;\">Ver\u00f6ffentlicht: 02.06.2025<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Website-Inspiration Conference Manager schafft die Struktur. Grafiktools helfen, die visuelle Identit\u00e4t zu gestalten. Eine gut strukturierte Veranstaltungswebsite hilft Teilnehmenden, wichtige Informationen schnell zu finden und sicher durch die Anmeldung zu gelangen. Conference Manager bildet die funktionale Grundlage, w\u00e4hrend Tools wie Canva, Magnific, Adobe Express und Figma dabei helfen k\u00f6nnen, visuelle Elemente zu erstellen, die die &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/so-gestalten-sie-eine-professionelle-website-fur-ihre-veranstaltung-mit-conference-manager-und-grafischen-hilfsmitteln\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eSo gestalten Sie eine professionelle Website f\u00fcr Ihre Veranstaltung \u2013 mit Conference Manager und grafischen Hilfsmitteln\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[397],"ht-kb-tag":[2588,2579,2581,210,2584,188,2594,2586,2593,2590,2589,2587,2585,2592,2583,2580,2582,2591,209],"class_list":["post-5274","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-inspiration-de","ht_kb_tag-adobe-express-de","ht_kb_tag-anmelde-flow","ht_kb_tag-anmeldeseite","ht_kb_tag-branding-de","ht_kb_tag-canva-de","ht_kb_tag-conference-manager-de","ht_kb_tag-design-tipps","ht_kb_tag-event-branding-de","ht_kb_tag-event-grafiken","ht_kb_tag-event-website-erstellen","ht_kb_tag-figma-de","ht_kb_tag-freepik-de","ht_kb_tag-grafikdesign-tools","ht_kb_tag-professionelle-event-website","ht_kb_tag-responsives-design-de","ht_kb_tag-teilnehmererlebnis-de","ht_kb_tag-veranstaltungswebsite","ht_kb_tag-visuelle-identitat","ht_kb_tag-vorlagen","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/5274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/comments?post=5274"}],"version-history":[{"count":13,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/5274\/revisions"}],"predecessor-version":[{"id":17461,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/5274\/revisions\/17461"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/media?parent=5274"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-category?post=5274"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=5274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}