{"id":1464,"date":"2026-09-24T12:43:23","date_gmt":"2026-09-24T10:43:23","guid":{"rendered":"https:\/\/support.netucate.net\/?p=1464"},"modified":"2026-09-24T13:00:26","modified_gmt":"2026-09-24T11:00:26","slug":"roomcards","status":"publish","type":"post","link":"https:\/\/support.netucate.net\/?p=1464","title":{"rendered":"RoomCards"},"content":{"rendered":"\n<!-- netucate: Anleitung Termintafel & Kalender-Abo -->\n<style>\n.nt-anleitung { --ground:   #fbfcfa;\n    --surface:  #ffffff;\n    --ink:      #1b241c;\n    --muted:    #64705f;\n    --line:     #e2e7e0;\n    --accent:   #3d8f2b;\n    --accent-weich: #eef5ea;\n    --warn:     #8a5a12;\n    --warn-weich: #fdf6e7;\n\n    \n    --serif: \"Inter nt\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n    --sans:  \"Inter nt\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n    --mono:  \"Plex Mono nt\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n\n    color-scheme: light; }\n.nt-anleitung { background: var(--ground); color: var(--ink); font-family: var(--sans);\n         font-size: 17px; line-height: 1.6; margin: 0; }\n.nt-anleitung .seite { max-width: 1060px; margin: 0 auto; padding-block: 40px 72px; padding-left: 20px; padding-right: 20px; }\n.nt-anleitung .fliess { max-width: 68ch; }\n.nt-anleitung h1, .nt-anleitung h2, .nt-anleitung h3 { font-family: var(--serif); text-wrap: balance; margin: 0; }\n.nt-anleitung h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem); font-weight: 600; letter-spacing: -.02em; line-height: 1.12; }\n.nt-anleitung h2 { font-size: 1.6rem; font-weight: 600; margin-top: 0; }\n.nt-anleitung h3 { font-size: 1.15rem; font-weight: 600; }\n.nt-anleitung p { margin: 0; }\n.nt-anleitung header { border-bottom: 2px solid var(--ink); padding-bottom: 28px; margin-bottom: 40px;\n           display: flex; flex-direction: column; gap: 18px; }\n.nt-anleitung .marke { font-family: var(--mono); font-size: .76rem; letter-spacing: .14em; text-transform: uppercase;\n           color: var(--muted); }\n.nt-anleitung .vorspann { font-size: 1.12rem; color: var(--muted); max-width: 60ch; }\n.nt-anleitung .freischalt { border-left: 3px solid var(--accent); background: var(--accent-weich);\n                padding: 14px 18px; border-radius: 0 10px 10px 0; max-width: 68ch; font-size: .96rem; }\n.nt-anleitung section { margin-top: 56px; }\n.nt-anleitung section > h2 { display: flex; align-items: baseline; gap: 12px; }\n.nt-anleitung .zaehler { font-family: var(--mono); font-size: .8rem; color: var(--accent); font-weight: 500; }\n.nt-anleitung .fliess > * + * { margin-top: 16px; }\n.nt-anleitung .merk { border-left: 3px solid var(--warn); background: var(--warn-weich); color: var(--ink);\n          padding: 16px 20px; border-radius: 0 10px 10px 0; max-width: 68ch; }\n.nt-anleitung .merk h3 { color: var(--warn); margin-bottom: 6px; }\n.nt-anleitung .schritte { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 28px; }\n.nt-anleitung .schritte > li { display: grid; grid-template-columns: 2.1rem 1fr; gap: 16px; align-items: start; }\n.nt-anleitung .schritte .nr { font-family: var(--mono); font-size: .95rem; color: var(--accent); font-weight: 500;\n                  border: 1px solid var(--line); border-radius: 50%; width: 2.1rem; height: 2.1rem;\n                  display: grid; place-items: center; }\n.nt-anleitung .schritte h3 + * { margin-top: 8px; }\n.nt-anleitung table { border-collapse: collapse; width: 100%; font-size: .95rem; }\n.nt-anleitung .tabellenrahmen { overflow-x: auto; max-width: 68ch; }\n.nt-anleitung th, .nt-anleitung td { text-align: left; padding: 9px 14px 9px 0; border-bottom: 1px solid var(--line); vertical-align: top; }\n.nt-anleitung th { font-family: var(--mono); font-size: .74rem; letter-spacing: .08em; text-transform: uppercase;\n       color: var(--muted); font-weight: 500; }\n.nt-anleitung td:first-child { font-weight: 600; white-space: nowrap; padding-right: 22px; }\n.nt-anleitung code { font-family: var(--mono); font-size: .86em; background: var(--accent-weich); color: var(--ink);\n         padding: 1px 5px; border-radius: 4px; }\n.nt-anleitung pre { font-family: var(--mono); font-size: .82rem; background: var(--surface); border: 1px solid var(--line);\n        border-radius: 10px; padding: 14px 16px; overflow-x: auto; max-width: 68ch; }\n.nt-anleitung pre code { background: none; padding: 0; }\n.nt-anleitung .schirm { margin-top: 24px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden;\n            background: var(--surface); }\n.nt-anleitung .schirmkopf { display: flex; align-items: baseline; justify-content: space-between; gap: 12px;\n                padding: 9px 14px; border-bottom: 1px solid var(--line); background: var(--ground); }\n.nt-anleitung .schirmkopf b { font-size: .88rem; font-weight: 600; }\n.nt-anleitung .schirmkopf span { font-family: var(--mono); font-size: .68rem; letter-spacing: .08em;\n                     text-transform: uppercase; color: var(--muted); }\n.nt-anleitung .schirmfeld { overflow-x: auto; }\n.nt-anleitung .nachbildung { min-width: 720px; }\n.nt-anleitung .fragen { display: grid; gap: 22px; margin-top: 24px; max-width: 68ch; }\n.nt-anleitung .fragen h3 { margin-bottom: 4px; }\n.nt-anleitung .fragen p { color: var(--muted); }\n.nt-anleitung .verweis { border: 1px solid var(--line); background: var(--surface); border-radius: 12px;\n             padding: 18px 20px; max-width: 68ch; }\n.nt-anleitung .verweis h3 { margin-bottom: 6px; }\n.nt-anleitung footer { margin-top: 72px; padding-top: 22px; border-top: 1px solid var(--line);\n           color: var(--muted); font-size: .88rem; max-width: 68ch; }\n.nt-anleitung a { color: var(--accent); }\n.nt-anleitung :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n.nt-anleitung .rc-bld { --accent:#409F2B; }\n.nt-anleitung .rc-bld { font-family: system-ui, Arial, sans-serif; background:#f6f7f9; color:#222; margin:0; }\n.nt-anleitung .rc-bld .wrap { max-width:1200px; margin:40px auto; padding:0 16px; }\n.nt-anleitung .rc-bld h1 { font-size:1.9rem; margin:.2rem 0 1rem; letter-spacing:-.5px; }\n.nt-anleitung .rc-bld .grid { display:grid; grid-template-columns: 1.3fr .9fr; gap:18px; }\n.nt-anleitung .rc-bld .card { background:#fff; border-radius:10px; box-shadow:0 1px 8px rgba(0,0,0,.06); padding:18px; }\n.nt-anleitung .rc-bld .muted { color:#666; font-size:.95rem; }\n.nt-anleitung .rc-bld .rooms { max-height: calc(100vh - 300px); overflow:auto; border:1px solid #eee; border-radius:8px; }\n.nt-anleitung .rc-bld .room-row { display:flex; align-items:center; gap:10px; padding:10px 12px; border-bottom:1px solid #f1f1f1; }\n.nt-anleitung .rc-bld .room-row:last-child { border-bottom:none; }\n.nt-anleitung .rc-bld .room-topic { font-weight:600; }\n.nt-anleitung .rc-bld .room-meta { color:#777; font-size:.92em; }\n.nt-anleitung .rc-bld .controls { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }\n.nt-anleitung .rc-bld .controls .right { margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; }\n.nt-anleitung .rc-bld .btn { background:var(--accent); color:#fff; border:none; padding:9px 12px; border-radius:8px; cursor:pointer; font-weight:600; }\n.nt-anleitung .rc-bld .btn:hover { filter:brightness(1.05); }\n.nt-anleitung .rc-bld .btn.secondary { background:#e9eef3; color:#222; }\n.nt-anleitung .rc-bld .btn.ghost { background:#f2f6f9; color:#222; }\n.nt-anleitung .rc-bld .btn.link { background:#222; }\n.nt-anleitung .rc-bld .btn:disabled { opacity:.5; cursor:not-allowed; }\n.nt-anleitung .rc-bld .feature { display:flex; align-items:center; gap:8px; margin:8px 0; }\n.nt-anleitung .rc-bld .feature label { cursor:pointer; }\n.nt-anleitung .rc-bld .row { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }\n.nt-anleitung .rc-bld .full { grid-column:1 \/ -1; }\n.nt-anleitung .rc-bld input[type=\"text\"] { width:100%; padding:9px 11px; border:1px solid #dcdfe4; border-radius:8px; font-size:1rem; box-sizing: border-box; }\n.nt-anleitung .rc-bld .out { display:flex; flex-direction:column; gap:8px; }\n.nt-anleitung .rc-bld code.out-url { background:#0f172a; color:#d1fae5; padding:10px; border-radius:8px; word-break:break-all; }\n.nt-anleitung .rc-bld .toolbar { display:flex; gap:8px; flex-wrap:wrap; }\n.nt-anleitung .rc-bld .pill { background:#f4f7fb; border:1px solid #e5e9f0; padding:6px 10px; border-radius:999px; font-size:.9em; }\n.nt-anleitung .rc-bld .topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; flex-wrap:wrap; }\n.nt-anleitung .rc-bld .toggle { display:flex; align-items:center; gap:8px; }\n.nt-anleitung .rc-bld iframe { width:100%; height:480px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; }\n.nt-anleitung .rc-bld .hidden { display:none !important; }\n.nt-anleitung .rc-krt { font-family: Arial, sans-serif; background: #fff; padding: 20px; text-align: center; }\n.nt-anleitung .rc-krt #dashboard { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }\n.nt-anleitung .rc-krt .room-card { background: #f9f9f9; border-radius: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); padding: 6px 16px; width: 360px; text-align: left; }\n.nt-anleitung .rc-krt .room-card h2 { margin: 8px 0 8px 0; font-size: 20px; }\n.nt-anleitung .rc-krt .status-box { font-weight: bold; padding: 6px 10px; border-radius: 4px; display: inline-block; margin-bottom: 10px; margin-right: 6px; }\n.nt-anleitung .rc-krt .status-box.free { background: #e0f7e9; color: #2a7a35; }\n.nt-anleitung .rc-krt .status-box.busy { background: #fde8e9; color: #a32a2a; }\n.nt-anleitung .rc-krt .count-box { font-weight: bold; padding: 6px 10px; border-radius: 4px; display: inline-block; margin-bottom: 10px; background: #eef1f4; color: #33404d; }\n.nt-anleitung .rc-krt .count-box.full { background: #fde8e9; color: #a32a2a; }\n.nt-anleitung .rc-krt input[type=\"text\"], .nt-anleitung .rc-krt select, .nt-anleitung .rc-krt .btn, .nt-anleitung .rc-krt .join-btn, .nt-anleitung .rc-krt textarea { width: 100%; box-sizing: border-box; margin: 6px 0; padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; }\n.nt-anleitung .rc-krt .btn { background: #52A0D1; color: #fff; border: none; cursor: pointer; }\n.nt-anleitung .rc-krt .btn.invite { background: #28a745; }\n.nt-anleitung .rc-krt .btn.transcript { background: #6c757d; }\n.nt-anleitung .rc-krt .btn.delete { background: #6c757d; }\n.nt-anleitung .rc-krt .join-btn { background: #52A0D1; color: #fff; border: none; cursor: pointer; margin-top: 8px; }\n.nt-anleitung .rc-krt .btn:hover, .nt-anleitung .rc-krt .join-btn:hover { opacity: 0.9; }\n.nt-anleitung .rc-krt .row { display:flex; gap:8px; flex-wrap: wrap; }\n.nt-anleitung .rc-krt .inline { display:flex; align-items:center; gap:8px; }\n.nt-anleitung .rc-krt .muted { color:#666; font-size:12px; }\n.nt-anleitung .rc-krt .rsw { border:1px solid #e5e5e5; border-radius:8px; background:#fff; }\n.nt-anleitung .rc-krt .rsw-toolbar { display:flex; gap:6px; align-items:center; padding:6px; border-bottom:1px solid #eee; background:#fafafa; border-top-left-radius:8px; border-top-right-radius:8px; }\n.nt-anleitung .rc-krt .rsw-btn { background:#f0f3f6; border:1px solid #e0e5ea; border-radius:6px; padding:4px 8px; cursor:pointer; }\n.nt-anleitung .rc-krt .rsw-btn:hover { filter:brightness(0.98); }\n.nt-anleitung .rc-krt .rsw-separator { width:1px; height:20px; background:#e0e0e0; margin:0 2px; }\n.nt-anleitung .rc-krt .rsw-ce { padding:10px; min-height:100px; text-align:left; }\n.nt-anleitung .rc-krt .rsw-html { width:100%; padding:10px; border:none; border-top:1px solid #eee; min-height:100px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size:13px; }\n@font-face { font-family:\"Inter nt\"; font-weight:400; font-style:normal; font-display:swap;\n               src:url(\"https:\/\/support.netucate.net\/fonts\/Inter-Regular.woff2\") format(\"woff2\"); }\n@font-face { font-family:\"Inter nt\"; font-weight:600; font-style:normal; font-display:swap;\n               src:url(\"https:\/\/support.netucate.net\/fonts\/Inter-SemiBold.woff2\") format(\"woff2\"); }\n@font-face { font-family:\"Plex Mono nt\"; font-weight:400; font-style:normal; font-display:swap;\n               src:url(\"https:\/\/support.netucate.net\/fonts\/IBMPlexMono-Regular.woff2\") format(\"woff2\"); }\n@font-face { font-family:\"Plex Mono nt\"; font-weight:600; font-style:normal; font-display:swap;\n               src:url(\"https:\/\/support.netucate.net\/fonts\/IBMPlexMono-SemiBold.woff2\") format(\"woff2\"); }\n@media (prefers-reduced-motion: reduce) {\n.nt-anleitung * { transition: none !important; animation: none !important; }\n}\n@media (max-width: 560px) {\n.nt-anleitung { font-size: 16px; }\n.nt-anleitung .schritte > li { grid-template-columns: 1fr; }\n.nt-anleitung .schritte .nr { width: auto; height: auto; border: none; border-radius: 0; place-items: start; }\n}\n@media (max-width: 980px){\n.nt-anleitung .rc-bld .grid { grid-template-columns: 1fr; }\n}\n.nt-anleitung { box-sizing: border-box; }\n.nt-anleitung * { box-sizing: inherit; }\n.nt-anleitung table { border-collapse: collapse; }\n.nt-anleitung img { max-width: 100%; height: auto; }\n.nt-anleitung .seite { max-width: none; margin: 0; padding-left: 0; padding-right: 0; }\n\n\/* Themes setzen gern GROSSSCHRIFT und Sperrung auf Knoepfe und Links. In einer\n   Nachbildung der echten Oberflaeche ist das falsch \u2014 dort steht \"Raum betreten\",\n   nicht \"RAUM BETRETEN\". Zuruecksetzen, aber schwach genug, dass unsere eigenen\n   Grossschrift-Stellen (Marke, Tabellenkoepfe) gewinnen. *\/\n.nt-anleitung * { text-transform: none; letter-spacing: normal; }\n\/* Formularelemente erben die Schrift nicht von selbst. *\/\n.nt-anleitung button, .nt-anleitung input, .nt-anleitung select, .nt-anleitung textarea { font-family: inherit; }\n<\/style>\n<div class=\"nt-anleitung\">\n<div class=\"seite\">\n\n<header>\n  <div class=\"marke\">netucate \u00b7 YuLinc<\/div>\n  <h1>RoomCards<\/h1>\n  <p class=\"vorspann\">Eine Karte je Raum, die zeigt, ob gerade jemand drin ist \u2014 und mit einem Klick\n     hineinf\u00fchrt. Gedacht f\u00fcr R\u00e4ume, die dauerhaft bestehen.<\/p>\n  <div class=\"freischalt\">\n    <b>RoomCards m\u00fcssen f\u00fcr Ihr Konto freigeschaltet werden.<\/b> Die Zugangsadresse zum Baukasten erhalten\n    Sie dabei. Wenden Sie sich bitte an <b>Herrn Schwinger<\/b>,\n    <a href=\"mailto:sales@netucate.com\">sales@netucate.com<\/a>.\n  <\/div>\n<\/header>\n\n<section>\n  <h2><span class=\"zaehler\">01<\/span> Was eine Karte zeigt<\/h2>\n  <div class=\"fliess\">\n    <p>Jede Karte steht f\u00fcr einen Raum und fragt dessen Zustand im Hintergrund immer wieder ab. Sie sehen\n       also ohne Nachfragen, ob der Raum frei ist, wie viele Personen darin sind und wer.<\/p>\n    <p>Welche der Angaben und Schaltfl\u00e4chen erscheinen, bestimmen Sie beim Bauen. Die folgende Ansicht\n       zeigt eine vollst\u00e4ndig ausgestattete Karte.<\/p>\n  <\/div>\n\n  <div class=\"schirm\">\n    <div class=\"schirmkopf\"><b>Drei Karten nebeneinander<\/b><span>Beispieldaten<\/span><\/div>\n    <div class=\"schirmfeld\"><div class=\"nachbildung rc-krt\">\n<div><div class=\"room-card\"><h2>Besprechungsraum 1 (Dauerraum)<\/h2><div class=\"status-box free\">&#x1f7e2; Frei<\/div><div class=\"count-box\">&#x1f465; Anwesend 0 von max. 100<\/div><p><strong>&#x1f465; Teilnehmer:<\/strong> <span class=\"user-list\">Niemand<\/span><\/p><p><strong>&#x1f511; Betreten oder Einladen:<\/strong> <input type=\"text\" placeholder=\"Bitte Name eingeben\"><\/p><p><strong>&#x1f511; Rolle:<\/strong> <select><option>Teilnehmer<\/option><option>Moderator<\/option><\/select><\/p><p><strong>&#x1f511; G\u00fcltigkeit:<\/strong> <select><option>1h<\/option><option>2h<\/option><option>24h<\/option><option>\u221e<\/option><\/select><\/p><button class=\"join-btn\">Raum betreten<\/button><button class=\"btn invite\">Einladung &#8211; E-Mail erzeugen<\/button><\/div><div class=\"room-card\"><h2>B\u00fcrgersprechstunde Bauamt<\/h2><div class=\"status-box busy\">&#x1f534; Belegt<\/div><div class=\"count-box\">&#x1f465; Anwesend 3 von max. 100<\/div><p><strong>&#x1f465; Teilnehmer:<\/strong> <span class=\"user-list\">A. Berger, C. Doleschal, M. Wei\u00df<\/span><\/p><p><strong>&#x1f511; Betreten oder Einladen:<\/strong> <input type=\"text\" placeholder=\"Bitte Name eingeben\"><\/p><p><strong>&#x1f511; Rolle:<\/strong> <select><option>Teilnehmer<\/option><option>Moderator<\/option><\/select><\/p><p><strong>&#x1f511; G\u00fcltigkeit:<\/strong> <select><option>1h<\/option><option>2h<\/option><option>24h<\/option><option>\u221e<\/option><\/select><\/p><button class=\"join-btn\">Raum betreten<\/button><button class=\"btn invite\">Einladung &#8211; E-Mail erzeugen<\/button><\/div><div class=\"room-card\"><h2>Personalversammlung<\/h2><div class=\"status-box busy\">&#x1f534; Belegt<\/div><div class=\"count-box full\">&#x1f465; Anwesend 100 von max. 100<\/div><p><strong>&#x1f465; Teilnehmer:<\/strong> <span class=\"user-list\">M. Adam, S. Bruns, \u2026 (100)<\/span><\/p><p><strong>&#x1f511; Betreten oder Einladen:<\/strong> <input type=\"text\" placeholder=\"Bitte Name eingeben\"><\/p><p><strong>&#x1f511; Rolle:<\/strong> <select><option>Teilnehmer<\/option><option>Moderator<\/option><\/select><\/p><p><strong>&#x1f511; G\u00fcltigkeit:<\/strong> <select><option>1h<\/option><option>2h<\/option><option>24h<\/option><option>\u221e<\/option><\/select><\/p><button class=\"join-btn\">Raum betreten<\/button><button class=\"btn invite\">Einladung &#8211; E-Mail erzeugen<\/button><\/div><\/div>\n<\/div><\/div>\n  <\/div>\n\n  <div class=\"fliess\" style=\"margin-top:28px;\">\n    <h3>Die Anzeigen im Einzelnen<\/h3>\n    <div class=\"tabellenrahmen\">\n      <table>\n        <tr><td>&#x1f7e2; Frei \/ &#x1f534; Belegt<\/td><td>ob gerade jemand im Raum ist<\/td><\/tr>\n        <tr><td>&#x1f465; Anwesend 3 von max. 100<\/td><td>die Zahl der Anwesenden, wahlweise mit H\u00f6chstzahl<\/td><\/tr>\n        <tr><td>&#x1f465; Teilnehmer<\/td><td>die Namen der Anwesenden<\/td><\/tr>\n        <tr><td>&#x1f511; Rolle<\/td><td>mit welcher Rolle Sie den Raum betreten<\/td><\/tr>\n        <tr><td>&#x1f511; G\u00fcltigkeit<\/td><td>wie lange der erzeugte Zugang gilt \u2014 1 h, 2 h, 24 h oder unbegrenzt<\/td><\/tr>\n        <tr><td>Raum betreten<\/td><td>\u00f6ffnet den Raum unter dem eingegebenen Namen<\/td><\/tr>\n        <tr><td>Einladung \u2014 E-Mail erzeugen<\/td><td>legt eine E-Mail mit dem Zugangslink an<\/td><\/tr>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <div class=\"merk\" style=\"margin-top:24px;\">\n    <h3>Ein roter Punkt bedeutet nicht Aufnahme<\/h3>\n    <p>&#x1f534; steht hier f\u00fcr <i>belegt<\/i> \u2014 der Raum ist in Benutzung. In vielen anderen Programmen markiert\n       ein roter Punkt eine laufende Aufzeichnung; das ist hier nicht gemeint. Wenn das in Ihrem Haus zu\n       Missverst\u00e4ndnissen f\u00fchrt, l\u00e4sst sich die Frei\/Belegt-Anzeige beim Bauen abschalten und stattdessen\n       nur die Anwesenheitszahl zeigen.<\/p>\n  <\/div>\n<\/section>\n\n<section>\n  <h2><span class=\"zaehler\">02<\/span> Karten bauen<\/h2>\n  <div class=\"fliess\">\n    <p>Im Baukasten melden Sie sich mit den Zugangsdaten Ihres YuLinc-Kontos an, w\u00e4hlen die R\u00e4ume aus und\n       legen fest, was auf den Karten erscheint. Heraus kommt eine Adresse, die Sie weitergeben oder in eine\n       Seite einbetten.<\/p>\n  <\/div>\n\n  <div class=\"schirm\">\n    <div class=\"schirmkopf\"><b>Der Baukasten<\/b><span>Beispieldaten<\/span><\/div>\n    <div class=\"schirmfeld\"><div class=\"nachbildung rc-bld\">\n<div class=\"wrap\">\n  <div class=\"topbar\">\n    <h1>Room Cards Link-Builder<\/h1>\n    <div>\n      <button type=\"submit\" class=\"btn secondary\">Logout<\/button>\n    <\/div>\n  <\/div>\n  <p class=\"muted\">W\u00e4hle einen oder mehrere R\u00e4ume (external_id), w\u00e4hle die Funktionen und erzeuge den Room Cards Link.<\/p>\n\n  <div class=\"grid\">\n    <!-- R\u00e4ume -->\n    <div class=\"card\">\n      <div class=\"controls\">\n        <label class=\"toggle\"><input type=\"checkbox\"> Alle ausw\u00e4hlen<\/label>\n        <label class=\"toggle\"><input type=\"checkbox\"> Nur zuk\u00fcnftige anzeigen<\/label>\n\t\t  \n\t\t  <!-- Neu: Topic-Suche -->\n  <input type=\"text\" class=\"search\" placeholder=\"Thema suchen \u2026\" \/>\n <!--Deaktiviert weil noch nicht einsetztbar\n\t\t  <div>\n  <input type=\"hidden\" name=\"exclude_breakouts\" value=\"0\">\n  <label>\n    <input type=\"checkbox\" name=\"exclude_breakouts\" value=\"1\"\n           checked          >\n    Breakout-Sessions ausblenden\n  <\/label>\n<\/div>\n-->\n        <span class=\"pill\">0 ausgew\u00e4hlt<\/span>\n        <div class=\"right\">\n          <button type=\"button\" class=\"btn ghost\" title=\"Nur Belegungsanzeige\">Preset: Minimal<\/button>\n          <button type=\"button\" class=\"btn ghost\" title=\"Friendly URL + Standard Role\">Preset: Friendly+Role<\/button>\n          <button type=\"button\" class=\"btn ghost\" title=\"Gastzugang ohne Eingaben, nur Anwesenheitszahl\">Preset: Gro\u00dfveranstaltung<\/button>\n          <button type=\"button\" class=\"btn ghost\" title=\"Standardwerte\">Reset<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"rooms\">\n        <div class=\"room-row\" data-iso=\"2026-09-27T10:00:00+00:00\">  <input type=\"checkbox\" class=\"roomChk\" value=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">  <div>    <div class=\"room-topic\">B\u00fcrgersprechstunde Bauamt<\/div>    <div class=\"room-meta\">External ID: <code>\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022<\/code> \u00b7 Start: 27.09.2026 10:00<\/div>  <\/div><\/div><div class=\"room-row\" data-iso=\"2026-09-29T14:00:00+00:00\">  <input type=\"checkbox\" class=\"roomChk\" value=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">  <div>    <div class=\"room-topic\">Personalversammlung<\/div>    <div class=\"room-meta\">External ID: <code>\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022<\/code> \u00b7 Start: 29.09.2026 14:00<\/div>  <\/div><\/div><div class=\"room-row\" data-iso=\"2026-10-03T09:30:00+00:00\">  <input type=\"checkbox\" class=\"roomChk\" value=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">  <div>    <div class=\"room-topic\">Schulung Aktenf\u00fchrung<\/div>    <div class=\"room-meta\">External ID: <code>\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022<\/code> \u00b7 Start: 03.10.2026 09:30<\/div>  <\/div><\/div><div class=\"room-row\" data-iso=\"2026-10-05T08:00:00+00:00\">  <input type=\"checkbox\" class=\"roomChk\" value=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">  <div>    <div class=\"room-topic\">Jour fixe Fachbereich Soziales<\/div>    <div class=\"room-meta\">External ID: <code>\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022<\/code> \u00b7 Start: 05.10.2026 08:00<\/div>  <\/div><\/div><div class=\"room-row\" data-iso=\"2026-09-22T08:00:00+00:00\">  <input type=\"checkbox\" class=\"roomChk\" value=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">  <div>    <div class=\"room-topic\">Besprechungsraum 1 (Dauerraum)<\/div>    <div class=\"room-meta\">External ID: <code>\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022<\/code> \u00b7 Start: 22.09.2026 08:00<\/div>  <\/div><\/div><div class=\"room-row\" data-iso=\"2026-09-18T16:00:00+00:00\">  <input type=\"checkbox\" class=\"roomChk\" value=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">  <div>    <div class=\"room-topic\">Ausschuss Umwelt und Verkehr<\/div>    <div class=\"room-meta\">External ID: <code>\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022<\/code> \u00b7 Start: 18.09.2026 16:00<\/div>  <\/div><\/div>      <\/div>\n    <\/div>\n\n    <!-- Builder -->\n    <div class=\"card\">\n      <div class=\"row full\">\n        <div class=\"full\">\n          <label for=\"baseUrl\" class=\"muted\">Basis-URL<\/label>\n          <input type=\"text\" value=\"https:\/\/api.netucate.net\/rc\/roomcards.php\" \/>\n        <\/div>\n      <\/div>\n\n      <h3 style=\"margin-top:14px;\">Funktionen<\/h3>\n      <div class=\"row\">\n        <!-- Transkript-Funktionen sind bewusst entfernt -->\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"friendlyJoin\"> Betreten (friendly_url) Gast Link<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"standardRole\"> Standardrolle anzeigen<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"showParticipants\" checked> Teilnehmer anzeigen<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"nameInput\" checked> Namenseingabe<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"roleInput\" checked> Rollenauswahl<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"expiryInput\" checked> G\u00fcltigkeit-Dropdown<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"join\" checked> Betreten (Join Token)<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"invite\" checked> Einladen (E-Mail)<\/label>\n      \n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"setLobby\">Lobby-Text Editor<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"lockToggle\">Lobby Ein\/Aus<\/label>\n        <label class=\"feature\"><input type=\"checkbox\" data-key=\"showStatus\" checked> Frei \/ Belegt anzeigen<\/label>\n\n        <div class=\"full\" style=\"margin-top:12px;\">\n          <label class=\"feature\" style=\"display:block;\"><input type=\"checkbox\" data-key=\"showCount\"> Anwesenheit anzeigen<\/label>\n          <input type=\"number\" min=\"1\" max=\"10000\" placeholder=\"Maximale Teilnehmerzahl (optional), z. B. 100\"\n                 style=\"font-size:14px;padding:8px;width:100%;border:1px solid #dcdfe4;border-radius:8px;margin-top:6px;\" disabled>\n          <p class=\"muted\" style=\"margin-top:4px;\">\n            Die Karte zeigt \u201eAnwesend 22\u201c. Tragen Sie zus\u00e4tzlich eine maximale Teilnehmerzahl ein, wird daraus\n            \u201eAnwesend 22 von max. 100\u201c. Das Feld ist freiwillig \u2014 die Zahl kennt YuLinc nicht, sie wird hier von Hand\n            eingetragen und gilt f\u00fcr <strong>alle R\u00e4ume dieses Links<\/strong>. W\u00e4hlen Sie R\u00e4ume mit unterschiedlicher\n            Gr\u00f6\u00dfe aus, lassen Sie das Feld besser leer.\n          <\/p>\n        <\/div>\n\n        <div class=\"full\" style=\"margin-top:12px;\">\n          <label class=\"muted\" style=\"display:block;margin-bottom:4px;\">Vorausgew\u00e4hlte Rolle (optional)<\/label>\n          <select style=\"font-size:14px;padding:8px;width:100%;border:1px solid #dcdfe4;border-radius:8px;\" disabled>\n            <option value=\"\">&#8212; Lade Rollen&#8230; &#8212;<\/option>\n          <\/select>\n          <p class=\"muted\" style=\"margin-top:4px;\">W\u00e4hlen Sie die Rolle, die standardm\u00e4\u00dfig vorausgew\u00e4hlt sein soll. Wenn Sie nichts ausw\u00e4hlen, wird die Standard-Rolle des Raumes verwendet.<\/p>\n        <\/div>\n    <\/div>\n\n      <div class=\"row full\" style=\"margin-top:12px;\">\n        <div class=\"toolbar\">\n          <button class=\"btn\">Link bauen<\/button>\n          <button class=\"btn link\" disabled>Im neuen Tab \u00f6ffnen<\/button>\n          <button class=\"btn secondary\" disabled>Link kopieren<\/button>\n          <span class=\"muted\"><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"out\" style=\"margin-top:10px;\">\n        <label class=\"muted\">Ergebnis-URL<\/label>\n        <code class=\"out-url\">\u2014<\/code>\n        <label class=\"muted\">Vorschau<\/label>\n        <iframe title=\"Roomcards Preview\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div style=\"margin-top:22px;\" class=\"muted\">\n    Tipp: Den erzeugten Link kannst du direkt in ein <code>&lt;iframe&gt;<\/code> einbetten.\n  <\/div>\n<\/div>\n\n\n<\/div><\/div>\n  <\/div>\n\n  <ol class=\"schritte\">\n    <li>\n      <span class=\"nr\">1<\/span>\n      <div class=\"fliess\">\n        <h3>R\u00e4ume ausw\u00e4hlen<\/h3>\n        <p>Links stehen Ihre R\u00e4ume. <code>Thema suchen<\/code> filtert die Liste,\n           <code>Nur zuk\u00fcnftige anzeigen<\/code> blendet Vergangenes aus, <code>Alle ausw\u00e4hlen<\/code> nimmt\n           alles Sichtbare. Bei Dauerr\u00e4umen lassen Sie den Zukunftsfilter besser aus \u2014 sie liegen oft\n           zeitlich in der Vergangenheit und w\u00e4ren sonst nicht zu sehen.<\/p>\n      <\/div>\n    <\/li>\n    <li>\n      <span class=\"nr\">2<\/span>\n      <div class=\"fliess\">\n        <h3>Funktionen festlegen<\/h3>\n        <div class=\"tabellenrahmen\">\n          <table>\n            <tr><td>Betreten (Gast&nbsp;Link)<\/td><td>Knopf, der ohne Namensabfrage in den Raum f\u00fchrt<\/td><\/tr>\n            <tr><td>Standardrolle anzeigen<\/td><td>zeigt, mit welcher Rolle man den Raum betritt<\/td><\/tr>\n            <tr><td>Teilnehmer anzeigen<\/td><td>die Namen der Anwesenden<\/td><\/tr>\n            <tr><td>Namenseingabe<\/td><td>Feld f\u00fcr den eigenen Namen<\/td><\/tr>\n            <tr><td>Rollenauswahl<\/td><td>Auswahlfeld f\u00fcr die Rolle<\/td><\/tr>\n            <tr><td>G\u00fcltigkeit<\/td><td>wie lange der Zugang gilt<\/td><\/tr>\n            <tr><td>Betreten (Join&nbsp;Token)<\/td><td>Knopf, der unter dem eingegebenen Namen hineinf\u00fchrt<\/td><\/tr>\n            <tr><td>Einladen (E-Mail)<\/td><td>erzeugt eine Einladungs-E-Mail<\/td><\/tr>\n            <tr><td>Lobby-Text&nbsp;Editor<\/td><td>Begr\u00fc\u00dfungstext des Raums bearbeiten<\/td><\/tr>\n            <tr><td>Lobby Ein\/Aus<\/td><td>Wartebereich des Raums schalten<\/td><\/tr>\n            <tr><td>Frei&nbsp;\/&nbsp;Belegt anzeigen<\/td><td>die farbige Zustandsmarke<\/td><\/tr>\n            <tr><td>Anwesenheit anzeigen<\/td><td>\u201eAnwesend 3\u201c, mit H\u00f6chstzahl \u201eAnwesend 3 von max. 100\u201c<\/td><\/tr>\n          <\/table>\n        <\/div>\n      <\/div>\n    <\/li>\n    <li>\n      <span class=\"nr\">3<\/span>\n      <div class=\"fliess\">\n        <h3>Link bauen<\/h3>\n        <p><code>Link bauen<\/code> erzeugt die Adresse, <code>Im neuen Tab \u00f6ffnen<\/code> zeigt das Ergebnis,\n           <code>Link kopieren<\/code> legt sie in die Zwischenablage. Einbetten l\u00e4sst sie sich \u00fcberall:<\/p>\n        <pre><code>&lt;iframe src=\"IHRE-ROOMCARDS-ADRESSE\" width=\"100%\" height=\"600\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n      <\/div>\n    <\/li>\n  <\/ol>\n<\/section>\n\n<section>\n  <h2><span class=\"zaehler\">03<\/span> Vorlagen<\/h2>\n  <div class=\"fliess\">\n    <p>Statt zw\u00f6lf H\u00e4kchen einzeln zu setzen, w\u00e4hlen Sie den Anwendungsfall:<\/p>\n    <div class=\"tabellenrahmen\">\n      <table>\n        <tr><th>Vorlage<\/th><th>wof\u00fcr<\/th><\/tr>\n        <tr><td>Minimal<\/td><td>nur die Belegungsanzeige \u2014 ein T\u00fcrschild, sonst nichts<\/td><\/tr>\n        <tr><td>Friendly + Role<\/td><td>Gastzugang \u00fcber die Raumadresse, mit Angabe der Rolle<\/td><\/tr>\n        <tr><td>Gro\u00dfveranstaltung<\/td><td>Gastzugang ohne Eingabefelder, ohne Namensliste; statt Frei\/Belegt nur, wie voll der Raum ist<\/td><\/tr>\n        <tr><td>Reset<\/td><td>zur\u00fcck auf die Ausgangseinstellung<\/td><\/tr>\n      <\/table>\n    <\/div>\n    <p>Die Vorlagen setzen auch die H\u00f6chstzahl mit: \u201eGro\u00dfveranstaltung\u201c schaltet die Anwesenheitsanzeige\n       ein und schl\u00e4gt 100 vor, die \u00fcbrigen schalten sie aus.<\/p>\n  <\/div>\n<\/section>\n\n<section>\n  <h2><span class=\"zaehler\">04<\/span> Die H\u00f6chstzahl<\/h2>\n  <div class=\"fliess\">\n    <p>Haken Sie <code>Anwesenheit anzeigen<\/code> an, steht auf der Karte \u201eAnwesend 3\u201c. Tragen Sie\n       zus\u00e4tzlich eine Zahl ein, wird daraus <b>\u201eAnwesend 3 von max. 100\u201c<\/b>, und die Anzeige f\u00e4rbt sich\n       rot, sobald sie erreicht ist.<\/p>\n    <p>Das Feld ist freiwillig. <b>Diese Zahl kennt YuLinc nicht<\/b> \u2014 Sie tragen sie von Hand ein, und sie\n       gilt f\u00fcr alle R\u00e4ume dieses Links. W\u00e4hlen Sie R\u00e4ume unterschiedlicher Gr\u00f6\u00dfe, lassen Sie das Feld\n       besser leer.<\/p>\n  <\/div>\n<\/section>\n\n<section>\n  <h2><span class=\"zaehler\">05<\/span> Termine statt R\u00e4ume?<\/h2>\n  <div class=\"verweis\">\n    <h3>Termintafel und Kalender-Abo<\/h3>\n    <p>RoomCards zeigen <b>R\u00e4ume<\/b> und eignen sich f\u00fcr Besprechungsr\u00e4ume, die dauerhaft bestehen. Geht es\n       um <b>Termine<\/b> \u2014 eine Veranstaltungsreihe, eine Sprechstunde, einen Schulungsplan \u2014, sind die\n       Termintafel und das Kalender-Abo das passendere Werkzeug: eine \u00dcbersicht f\u00fcrs Intranet und ein Abo,\n       das die Termine in den eigenen Kalender eintr\u00e4gt.<\/p>\n    <p style=\"margin-top:10px;\"><a href=\"https:\/\/support.netucate.net\/?p=1459\">Zur Anleitung Termintafel und\n       Kalender-Abo<\/a><\/p>\n  <\/div>\n<\/section>\n\n<section>\n  <h2><span class=\"zaehler\">06<\/span> H\u00e4ufige Fragen<\/h2>\n  <div class=\"fragen\">\n    <div>\n      <h3>Wie oft aktualisiert sich eine Karte?<\/h3>\n      <p>Von selbst, im Hintergrund, solange die Seite offen ist. Sie m\u00fcssen nichts neu laden.<\/p>\n    <\/div>\n    <div>\n      <h3>Kann ich mehrere Kartens\u00e4tze bauen?<\/h3>\n      <p>Ja, beliebig viele \u2014 jeder mit eigener Raumauswahl und eigenen Einstellungen. Eine Karte f\u00fcr den\n         Empfang kann anders aussehen als eine f\u00fcr die Fachabteilung.<\/p>\n    <\/div>\n    <div>\n      <h3>Sehen Besucher die Namen der Anwesenden?<\/h3>\n      <p>Nur wenn Sie <code>Teilnehmer anzeigen<\/code> angehakt haben. Ohne diesen Haken steht dort nichts \u2014\n         die Zahl der Anwesenden l\u00e4sst sich davon unabh\u00e4ngig zeigen.<\/p>\n    <\/div>\n    <div>\n      <h3>Ist die Adresse geheim?<\/h3>\n      <p>Sie enth\u00e4lt eine lange Zeichenfolge und steht in keiner Suchmaschine. Wer sie hat, sieht die Karten.\n         Behandeln Sie sie wie einen internen Link.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  Die eingebetteten Ansichten sind Nachbildungen der echten Oberfl\u00e4chen mit Beispieldaten \u2014 kein\n  Kundenmaterial; die gezeigten Namen und Adressen sind Platzhalter. Ihre eigene Zugangsadresse erhalten\n  Sie mit der Freischaltung. Fragen beantwortet der netucate-Support.\n<\/footer>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>netucate \u00b7 YuLinc RoomCards Eine Karte je Raum, die zeigt, ob gerade jemand drin ist&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,8,11,25,1],"tags":[28,17,21,87,85,86],"class_list":["post-1464","post","type-post","status-publish","format-standard","hentry","category-0-yulinc-gen2","category-teilnahme-an-der-yulinc-session","category-moderation","category-lms-integrationen-lti-1-3-und-api","category-sonstiges","tag-api","tag-friendly-url","tag-gen2","tag-kalneder-abo","tag-roomcards","tag-terminplaner","wpcat-20-id","wpcat-8-id","wpcat-11-id","wpcat-25-id","wpcat-1-id"],"_links":{"self":[{"href":"https:\/\/support.netucate.net\/index.php?rest_route=\/wp\/v2\/posts\/1464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.netucate.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.netucate.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.netucate.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.netucate.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1464"}],"version-history":[{"count":4,"href":"https:\/\/support.netucate.net\/index.php?rest_route=\/wp\/v2\/posts\/1464\/revisions"}],"predecessor-version":[{"id":1469,"href":"https:\/\/support.netucate.net\/index.php?rest_route=\/wp\/v2\/posts\/1464\/revisions\/1469"}],"wp:attachment":[{"href":"https:\/\/support.netucate.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.netucate.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.netucate.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}