{"id":12172,"date":"2025-12-19T14:34:49","date_gmt":"2025-12-19T14:34:49","guid":{"rendered":"https:\/\/cmacademy.events\/?post_type=ht_kb&#038;p=12172"},"modified":"2026-08-14T13:59:58","modified_gmt":"2026-08-14T13:59:58","slug":"website-inspirationsbibliothek","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/de\/knowledge-base\/website-inspirationsbibliothek\/","title":{"rendered":"Website-Inspirationsbibliothek"},"content":{"rendered":"\n<style>\n  \/* ------------------------------------------------------------\n     Inspiration f\u00fcr Websites\n     F\u00fcnf Veranstaltungsbeispiele mit Theme A, B und C\n  ------------------------------------------------------------ *\/\n\n  .cm-inspiration-page,\n  .cm-inspiration-page * {\n    box-sizing: border-box !important;\n    font-family: \"Titillium Web\", sans-serif !important;\n  }\n\n  .cm-inspiration-page {\n    width: 100% !important;\n    max-width: 1260px !important;\n    margin: 1.1rem 0 2.5rem 0 !important;\n    padding: 0 !important;\n  }\n\n  \/* Intro *\/\n\n  .cm-inspiration-intro {\n    max-width: 1080px !important;\n    margin: 0 0 1.8rem 0 !important;\n    padding: 0 !important;\n    background: transparent !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n  }\n\n  .cm-inspiration-intro-title {\n    color: #1F354D !important;\n    font-size: 24px !important;\n    font-weight: 600 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.65rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-inspiration-intro p {\n    max-width: 1040px !important;\n    color: #24384D !important;\n    font-size: 17px !important;\n    line-height: 1.58 !important;\n    margin: 0 0 0.75rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-inspiration-intro p:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  \/* Theme grid *\/\n\n  .cm-theme-grid {\n    display: grid !important;\n    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;\n    column-gap: 1.1rem !important;\n    row-gap: 1.15rem !important;\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    align-items: stretch !important;\n  }\n\n  \/* Erste Reihe: die beiden Beispiele mit Theme A *\/\n  .cm-theme-card:nth-child(1),\n  .cm-theme-card:nth-child(2) {\n    grid-column: span 3 !important;\n  }\n\n  \/* Zweite Reihe: Theme B + die beiden Beispiele mit Theme C *\/\n  .cm-theme-card:nth-child(n+3) {\n    grid-column: span 2 !important;\n  }\n\n  .cm-theme-card {\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    min-width: 0 !important;\n    min-height: 365px !important;\n    padding: 1.2rem !important;\n    border-radius: 16px !important;\n    overflow: hidden !important;\n    transition:\n      transform 0.2s ease,\n      border-color 0.2s ease,\n      box-shadow 0.2s ease !important;\n  }\n\n  .cm-theme-card:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 15px 32px rgba(18, 32, 46, 0.075) !important;\n  }\n\n  .cm-theme-a {\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(24, 90, 188, 0.085) 0,\n        rgba(24, 90, 188, 0) 44%\n      ),\n      #ffffff !important;\n    border: 1px solid rgba(24, 90, 188, 0.24) !important;\n  }\n\n  .cm-theme-b {\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(156, 204, 61, 0.11) 0,\n        rgba(156, 204, 61, 0) 44%\n      ),\n      #f8fcff !important;\n    border: 1px solid rgba(156, 204, 61, 0.42) !important;\n  }\n\n  .cm-theme-c {\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(31, 53, 77, 0.075) 0,\n        rgba(31, 53, 77, 0) 44%\n      ),\n      #ffffff !important;\n    border: 1px solid rgba(31, 53, 77, 0.2) !important;\n  }\n\n  .cm-theme-top {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 1rem !important;\n    margin: 0 0 1rem 0 !important;\n  }\n\n  .cm-theme-label {\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 25px !important;\n    padding: 0.18rem 0.68rem !important;\n    border-radius: 999px !important;\n    font-size: 12px !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-theme-a .cm-theme-label {\n    background: rgba(24, 90, 188, 0.09) !important;\n    color: #185ABC !important;\n  }\n\n  .cm-theme-b .cm-theme-label {\n    background: rgba(156, 204, 61, 0.17) !important;\n    color: #74B51C !important;\n  }\n\n  .cm-theme-c .cm-theme-label {\n    background: rgba(31, 53, 77, 0.08) !important;\n    color: #1F354D !important;\n  }\n\n  .cm-theme-letter {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    flex: 0 0 auto !important;\n    width: 44px !important;\n    height: 44px !important;\n    border-radius: 13px !important;\n    color: #ffffff !important;\n    font-size: 22px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    box-shadow: 0 7px 16px rgba(18, 32, 46, 0.09) !important;\n  }\n\n  .cm-theme-a .cm-theme-letter {\n    background: #185ABC !important;\n  }\n\n  .cm-theme-b .cm-theme-letter {\n    background: #9CCC3D !important;\n  }\n\n  .cm-theme-c .cm-theme-letter {\n    background: #1F354D !important;\n  }\n\n  .cm-theme-title {\n    color: #1F354D !important;\n    font-size: 22px !important;\n    font-weight: 600 !important;\n    line-height: 1.22 !important;\n    margin: 0 0 0.55rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-inspiration-page .cm-theme-card .cm-theme-summary {\n    color: #24384D !important;\n    font-size: 13.5px !important;\n    line-height: 1.45 !important;\n    font-weight: 400 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  \/* Highlights *\/\n\n  .cm-theme-highlights {\n    display: grid !important;\n    gap: 0.48rem !important;\n    margin: 0.9rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-inspiration-page .cm-theme-card .cm-theme-highlight {\n    display: grid !important;\n    grid-template-columns: auto minmax(0, 1fr) !important;\n    align-items: start !important;\n    gap: 0.5rem !important;\n    color: #425A70 !important;\n    font-size: 12.5px !important;\n    font-weight: 600 !important;\n    line-height: 1.36 !important;\n  }\n\n  .cm-inspiration-page .cm-theme-card .cm-theme-highlight > span:last-child {\n    display: block !important;\n    line-height: 1.36 !important;\n  }\n\n  .cm-theme-highlight-dot {\n    width: 7px !important;\n    height: 7px !important;\n    margin-top: 0 !important;\n    align-self: start !important;\n    transform: translateY(0.38em) !important;\n    border-radius: 50% !important;\n    background: #9CCC3D !important;\n  }\n\n  \/* Extra-specific selectors to override WordPress\/global paragraph styling *\/\n  .cm-inspiration-page .cm-theme-card p.cm-theme-ai-note {\n    margin: 0.7rem 0 0 0 !important;\n    padding: 0.32rem 0.45rem !important;\n    border-left: 2px solid #9CCC3D !important;\n    border-radius: 0 5px 5px 0 !important;\n    background: rgba(156, 204, 61, 0.07) !important;\n    color: #425A70 !important;\n    font-size: 9.5px !important;\n    font-weight: 400 !important;\n    line-height: 1.28 !important;\n  }\n\n  .cm-inspiration-page .cm-theme-card p.cm-theme-ai-note strong,\n  .cm-inspiration-page .cm-theme-card p.cm-theme-ai-note span {\n    font-size: 9.5px !important;\n    line-height: 1.28 !important;\n  }\n\n  .cm-inspiration-page .cm-theme-card p.cm-theme-ai-note strong {\n    color: #1F354D !important;\n    font-weight: 700 !important;\n  }\n\n  .cm-theme-spacer {\n    flex: 1 1 auto !important;\n    min-height: 1.1rem !important;\n  }\n\n  \/* Buttons *\/\n\n  .cm-theme-card a.cm-theme-button,\n  .cm-theme-card a.cm-theme-button:visited {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: auto !important;\n    min-width: 190px !important;\n    min-height: 41px !important;\n    padding: 0.58rem 1.2rem !important;\n    white-space: nowrap !important;\n    border-radius: 10px !important;\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    box-shadow: none !important;\n    font-size: 15px !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-theme-a a.cm-theme-button,\n  .cm-theme-a a.cm-theme-button:visited {\n    color: #185ABC !important;\n    border: 1px solid #185ABC !important;\n  }\n\n  .cm-theme-a a.cm-theme-button:hover,\n  .cm-theme-a a.cm-theme-button:focus,\n  .cm-theme-a a.cm-theme-button:active {\n    background: #185ABC !important;\n    background-color: #185ABC !important;\n    color: #ffffff !important;\n    border-color: #185ABC !important;\n    outline: none !important;\n  }\n\n  .cm-theme-c a.cm-theme-button,\n  .cm-theme-c a.cm-theme-button:visited {\n    color: #1F354D !important;\n    border: 1px solid #1F354D !important;\n  }\n\n  .cm-theme-c a.cm-theme-button:hover,\n  .cm-theme-c a.cm-theme-button:focus,\n  .cm-theme-c a.cm-theme-button:active {\n    background: #1F354D !important;\n    background-color: #1F354D !important;\n    color: #ffffff !important;\n    border-color: #1F354D !important;\n    outline: none !important;\n  }\n\n  .cm-theme-b a.cm-theme-button,\n  .cm-theme-b a.cm-theme-button:visited {\n    color: #74B51C !important;\n    border: 1px solid #9CCC3D !important;\n  }\n\n  .cm-theme-b a.cm-theme-button:hover,\n  .cm-theme-b a.cm-theme-button:focus,\n  .cm-theme-b a.cm-theme-button:active {\n    background: #9CCC3D !important;\n    background-color: #9CCC3D !important;\n    color: #ffffff !important;\n    border-color: #9CCC3D !important;\n    outline: none !important;\n  }\n\n  \/* Learn more *\/\n\n  .cm-inspiration-learn {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1fr) auto !important;\n    align-items: center !important;\n    gap: 1.4rem !important;\n    width: 100% !important;\n    margin: 1.15rem 0 0 0 !important;\n    padding: 1.2rem 1.35rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.17) !important;\n    border-radius: 15px !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-inspiration-learn-title {\n    color: #1F354D !important;\n    font-size: 20px !important;\n    font-weight: 600 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.3rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-inspiration-learn p {\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    line-height: 1.5 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-inspiration-actions {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: flex-end !important;\n    flex-wrap: wrap !important;\n    gap: 0.7rem !important;\n  }\n\n  .cm-inspiration-actions a,\n  .cm-inspiration-actions a:visited {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 39px !important;\n    padding: 0.52rem 0.9rem !important;\n    border-radius: 9px !important;\n    background: #ffffff !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-inspiration-video-link,\n  .cm-inspiration-video-link:visited,\n  .cm-inspiration-guide-link,\n  .cm-inspiration-guide-link:visited {\n    color: #185ABC !important;\n    border: 1px solid #185ABC !important;\n  }\n\n  .cm-inspiration-video-link:hover,\n  .cm-inspiration-video-link:focus,\n  .cm-inspiration-video-link:focus-visible,\n  .cm-inspiration-video-link:active,\n  .cm-inspiration-guide-link:hover,\n  .cm-inspiration-guide-link:focus,\n  .cm-inspiration-guide-link:focus-visible,\n  .cm-inspiration-guide-link:active {\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    color: #74B51C !important;\n    border-color: #9CCC3D !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  \/* Graphic design inspiration *\/\n\n  .cm-inspiration-graphics {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1fr) auto !important;\n    align-items: center !important;\n    gap: 1.4rem !important;\n    width: 100% !important;\n    margin: 0.85rem 0 0 0 !important;\n    padding: 1.2rem 1.35rem !important;\n    border: 1px solid rgba(156, 204, 61, 0.34) !important;\n    border-radius: 15px !important;\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(156, 204, 61, 0.13) 0,\n        rgba(156, 204, 61, 0) 42%\n      ),\n      #ffffff !important;\n  }\n\n  .cm-inspiration-graphics-title {\n    color: #1F354D !important;\n    font-size: 20px !important;\n    font-weight: 600 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.3rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-inspiration-graphics p {\n    max-width: 900px !important;\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    line-height: 1.5 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-inspiration-graphics .cm-inspiration-ai-note {\n    max-width: 860px !important;\n    margin: 0.7rem 0 0 0 !important;\n    padding: 0.55rem 0.7rem !important;\n    border-left: 3px solid #9CCC3D !important;\n    border-radius: 0 7px 7px 0 !important;\n    background: rgba(156, 204, 61, 0.08) !important;\n    color: #425A70 !important;\n    font-size: 13px !important;\n    line-height: 1.4 !important;\n  }\n\n  .cm-inspiration-graphics .cm-inspiration-ai-note strong {\n    color: #1F354D !important;\n    font-weight: 700 !important;\n  }\n\n  .cm-inspiration-graphics a.cm-inspiration-graphics-link,\n  .cm-inspiration-graphics a.cm-inspiration-graphics-link:visited {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-height: 39px !important;\n    padding: 0.52rem 0.9rem !important;\n    border-radius: 9px !important;\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    color: #74B51C !important;\n    border: 1px solid #9CCC3D !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    white-space: nowrap !important;\n    transition: 0.2s ease !important;\n  }\n\n  .cm-inspiration-graphics a.cm-inspiration-graphics-link:hover,\n  .cm-inspiration-graphics a.cm-inspiration-graphics-link:focus,\n  .cm-inspiration-graphics a.cm-inspiration-graphics-link:focus-visible,\n  .cm-inspiration-graphics a.cm-inspiration-graphics-link:active {\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    color: #185ABC !important;\n    border-color: #185ABC !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  @media (max-width: 1100px) {\n    .cm-theme-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .cm-theme-card,\n    .cm-theme-card:nth-child(1),\n    .cm-theme-card:nth-child(2),\n    .cm-theme-card:nth-child(n+3) {\n      grid-column: auto !important;\n      min-height: 350px !important;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .cm-theme-grid {\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-theme-card,\n    .cm-theme-card:nth-child(1),\n    .cm-theme-card:nth-child(2),\n    .cm-theme-card:nth-child(n+3) {\n      grid-column: auto !important;\n      min-height: 0 !important;\n    }\n\n    .cm-inspiration-learn,\n    .cm-inspiration-graphics {\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-inspiration-actions {\n      justify-content: flex-start !important;\n    }\n\n    .cm-inspiration-graphics a.cm-inspiration-graphics-link {\n      width: fit-content !important;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .cm-inspiration-page {\n      margin: 1rem 0 2rem 0 !important;\n    }\n\n    .cm-inspiration-intro {\n      margin-bottom: 1.5rem !important;\n      padding: 0 !important;\n    }\n\n    .cm-inspiration-intro-title {\n      font-size: 22px !important;\n    }\n\n    .cm-inspiration-intro p {\n      font-size: 16px !important;\n    }\n\n    .cm-theme-card {\n      padding: 1.2rem !important;\n    }\n\n    .cm-theme-title {\n      font-size: 21px !important;\n    }\n\n    .cm-theme-card a.cm-theme-button {\n      width: 100% !important;\n    }\n\n    .cm-inspiration-actions {\n      display: grid !important;\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-inspiration-actions a,\n    .cm-inspiration-graphics a.cm-inspiration-graphics-link {\n      width: 100% !important;\n    }\n  }\n<\/style>\n\n<div class=\"cm-inspiration-page\">\n\n  <section class=\"cm-inspiration-intro\">\n    <div class=\"cm-inspiration-intro-title\">\n      Verschiedene M\u00f6glichkeiten f\u00fcr den Aufbau einer Veranstaltungswebsite entdecken\n    <\/div>\n\n    <p>\n      Diese Inspirationsveranstaltungen zeigen, wie Theme A, Theme B und Theme C f\u00fcr unterschiedliche Layouts, Strukturen und visuelle Ausdrucksformen genutzt werden k\u00f6nnen \u2013 mit denselben Funktionen in Conference Manager. Die ersten beiden Beispiele basieren beide auf Theme A und zeigen, wie unterschiedlich dasselbe Theme gestaltet werden kann.\n    <\/p>\n\n    <p>\n      Eine Anmeldung zu den Veranstaltungen ist m\u00f6glich, um den gesamten Teilnahmeprozess mit Website, Programm, Anmeldung und Best\u00e4tigungskommunikation zu erleben.\n    <\/p>\n  <\/section>\n\n  <div class=\"cm-theme-grid\" aria-label=\"Beispiele f\u00fcr Website-Themes\">\n\n    <!-- Theme A - Networking-Konferenz -->\n    <article class=\"cm-theme-card cm-theme-a\">\n      <div class=\"cm-theme-top\">\n        <span class=\"cm-theme-label\">Theme A<\/span>\n        <span class=\"cm-theme-letter\" aria-hidden=\"true\">A<\/span>\n      <\/div>\n\n      <div class=\"cm-theme-title\">\n        Networking-Konferenz mit starker Markenidentit\u00e4t\n      <\/div>\n\n      <p class=\"cm-theme-summary\">\n        Dieses Beispiel zeigt, wie mit Theme A eine professionelle Konferenzwebsite mit starker visueller Identit\u00e4t, klarer Navigation und eigenen Seiten f\u00fcr die wichtigsten Veranstaltungsinformationen erstellt werden kann.\n      <\/p>\n\n      <div class=\"cm-theme-highlights\">\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Gro\u00dfer Header mit starker Markenidentit\u00e4t und klarer Aufforderung zur Anmeldung<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Eigene Seiten f\u00fcr Referierende und Informationen zum Veranstaltungsort<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Individuelle Bildformen und ein einheitliches dunkelblau-gr\u00fcnes Design<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cm-theme-spacer\"><\/div>\n\n      <a\n        href=\"https:\/\/conferencemanager.events\/networkingconference-2028\/conference\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"cm-theme-button\"\n      >\n        Veranstaltung ansehen\n      <\/a>\n    <\/article>\n\n    <!-- Theme A - internationale Konferenz -->\n    <article class=\"cm-theme-card cm-theme-a\">\n      <div class=\"cm-theme-top\">\n        <span class=\"cm-theme-label\">Theme A<\/span>\n        <span class=\"cm-theme-letter\" aria-hidden=\"true\">A<\/span>\n      <\/div>\n\n      <div class=\"cm-theme-title\">\n        Gro\u00dfe internationale Konferenz\n      <\/div>\n\n      <p class=\"cm-theme-summary\">\n        Dieses Beispiel nutzt dasselbe Theme in einem dunklen visuellen Stil und zeigt, wie eine viert\u00e4gige internationale Konferenz mit Kennzahlen, Profilen von Referierenden und einem detaillierten Programm pr\u00e4sentiert werden kann.\n      <\/p>\n\n      <div class=\"cm-theme-highlights\">\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Dunkles Farbschema mit Goldakzenten und Bildern in voller Breite<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Kennzahlen, Profile von Referierenden und ein Tagesprogramm<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Merchandise und Services, die w\u00e4hrend der Anmeldung angeboten werden<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cm-theme-spacer\"><\/div>\n\n      <a\n        href=\"https:\/\/conferencemanager.events\/internationalconference2030inspirationevent\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"cm-theme-button\"\n      >\n        Veranstaltung ansehen\n      <\/a>\n    <\/article>\n\n    <!-- Theme B -->\n    <article class=\"cm-theme-card cm-theme-b\">\n      <div class=\"cm-theme-top\">\n        <span class=\"cm-theme-label\">Theme B<\/span>\n        <span class=\"cm-theme-letter\" aria-hidden=\"true\">B<\/span>\n      <\/div>\n\n      <div class=\"cm-theme-title\">\n        Workshops und mehrere Termine\n      <\/div>\n\n      <p class=\"cm-theme-summary\">\n        Dieses Beispiel zeigt verschiedene Workshop-Themen. Jeder Termin ist \u00fcber einen Eventcode-Link mit einer eigenen ausgeblendeten Teilnahmekategorie verkn\u00fcpft.\n      <\/p>\n\n      <div class=\"cm-theme-highlights\">\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Mehrere Workshops in einer Veranstaltung<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Ausgeblendete Teilnahmekategorien<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Direkte Anmeldung \u00fcber Eventcode-Links<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cm-theme-spacer\"><\/div>\n\n      <a\n        href=\"https:\/\/www.conferencemanager.dk\/workshopsforall\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"cm-theme-button\"\n      >\n        Veranstaltung ansehen\n      <\/a>\n    <\/article>\n\n    <!-- Theme C -->\n    <article class=\"cm-theme-card cm-theme-c\">\n      <div class=\"cm-theme-top\">\n        <span class=\"cm-theme-label\">Theme C<\/span>\n        <span class=\"cm-theme-letter\" aria-hidden=\"true\">C<\/span>\n      <\/div>\n\n      <div class=\"cm-theme-title\">\n        Visuelles Design und Konsistenz\n      <\/div>\n\n      <p class=\"cm-theme-summary\">\n        Dieses Beispiel konzentriert sich auf Abst\u00e4nde, Ausrichtung und ein einheitliches gr\u00fcn-wei\u00dfes Design, erg\u00e4nzt durch Grafiken und animierte GIF-Dateien aus Canva.\n      <\/p>\n\n      <div class=\"cm-theme-highlights\">\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Einheitliche Abst\u00e4nde und klare visuelle Hierarchie<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Programm aus den Veranstaltungseinstellungen \u00fcbernommen<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Canva-Grafiken, GIF-Dateien und verlinkte Bilder<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"cm-theme-spacer\"><\/div>\n\n      <a\n        href=\"https:\/\/conferencemanager.events\/professionaldevelopmentday\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"cm-theme-button\"\n      >\n        Veranstaltung ansehen\n      <\/a>\n    <\/article>\n\n    <!-- Theme C - Leadership of Tomorrow -->\n    <article class=\"cm-theme-card cm-theme-c\">\n      <div class=\"cm-theme-top\">\n        <span class=\"cm-theme-label\">Theme C<\/span>\n        <span class=\"cm-theme-letter\" aria-hidden=\"true\">C<\/span>\n      <\/div>\n\n      <div class=\"cm-theme-title\">\n        Visuelle Navigation und individuelle Grafiken\n      <\/div>\n\n      <p class=\"cm-theme-summary\">\n        Dieses Beispiel zeigt, wie Theme C individuelle Grafiken, darunter mit KI-Tools erstellte Grafiken, mit interaktiven Elementen aus Conference Manager kombiniert. Bilder dienen au\u00dferdem als klickbare Navigation zu eigenen Seiten, die nicht im Hauptmen\u00fc angezeigt werden.\n      <\/p>\n\n      <div class=\"cm-theme-highlights\">\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Individuelle und KI-generierte Grafiken als Website-Elemente<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Klickbare Bilder mit Links zu eigenen Seiten f\u00fcr Referierende<\/span>\n        <\/div>\n\n        <div class=\"cm-theme-highlight\">\n          <span class=\"cm-theme-highlight-dot\" aria-hidden=\"true\"><\/span>\n          <span>Grafiken kombiniert mit interaktiven Elementen aus Conference Manager<\/span>\n        <\/div>\n      <\/div>\n\n      <p class=\"cm-theme-ai-note\">\n        <strong>Hinweis:<\/strong> Keine pers\u00f6nlichen oder vertraulichen Informationen mit KI-Tools teilen. Namen bei Bedarf anschlie\u00dfend in einem Designtool erg\u00e4nzen.\n      <\/p>\n\n      <div class=\"cm-theme-spacer\"><\/div>\n\n      <a\n        href=\"https:\/\/www.conferencemanager.dk\/leadershipoftomorrow2027\/conference\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"cm-theme-button\"\n      >\n        Veranstaltung ansehen\n      <\/a>\n    <\/article>\n\n  <\/div>\n\n  <aside class=\"cm-inspiration-learn\">\n    <div>\n      <div class=\"cm-inspiration-learn-title\">\n        Mehr erfahren?\n      <\/div>\n\n      <p>\n        Die Einf\u00fchrung in den Website-Designer ansehen oder dem Schritt-f\u00fcr-Schritt-Guide folgen, um zu erfahren, wie Elemente hinzugef\u00fcgt und verwaltet werden.\n      <\/p>\n    <\/div>\n\n    <div class=\"cm-inspiration-actions\">\n      <a\n        href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/online-introduction-to-website-designer\/\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        class=\"cm-inspiration-video-link\"\n      >\n        Einf\u00fchrung ansehen\n      <\/a>\n\n      <a\n        href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/insert-elements-in-the-website-designer\/\"\n        class=\"cm-inspiration-guide-link\"\n      >\n        Guide \u00f6ffnen\n      <\/a>\n    <\/div>\n  <\/aside>\n\n  <aside class=\"cm-inspiration-graphics\">\n    <div>\n      <div class=\"cm-inspiration-graphics-title\">\n        Inspiration f\u00fcr Website-Grafiken gesucht?\n      <\/div>\n\n      <p>\n        Erfahren Sie, wie Canva und andere externe Designtools f\u00fcr professionelle Grafiken, individuelle Bildformen, animierte GIF-Dateien und weitere visuelle Elemente der Veranstaltungswebsite genutzt werden k\u00f6nnen.\n      <\/p>\n    <\/div>\n\n    <a\n      href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/how-to-design-a-professional-website-for-your-event-with-conference-manager-and-graphic-tools\/\"\n      class=\"cm-inspiration-graphics-link\"\n    >\n      Artikel ansehen\n    <\/a>\n  <\/aside>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Verschiedene M\u00f6glichkeiten f\u00fcr den Aufbau einer Veranstaltungswebsite entdecken Diese Inspirationsveranstaltungen zeigen, wie Theme A, Theme B und Theme C f\u00fcr unterschiedliche Layouts, Strukturen und visuelle Ausdrucksformen genutzt werden k\u00f6nnen \u2013 mit denselben Funktionen in Conference Manager. Die ersten beiden Beispiele basieren beide auf Theme A und zeigen, wie unterschiedlich dasselbe Theme gestaltet werden kann. Eine &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/website-inspirationsbibliothek\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eWebsite-Inspirationsbibliothek\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":[92,206],"class_list":["post-12172","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-inspiration-de","ht_kb_tag-website","ht_kb_tag-website-de","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/12172","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=12172"}],"version-history":[{"count":24,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/12172\/revisions"}],"predecessor-version":[{"id":18933,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/12172\/revisions\/18933"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/media?parent=12172"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-category?post=12172"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=12172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}