{"id":9490,"date":"2026-07-20T07:42:48","date_gmt":"2026-07-20T05:42:48","guid":{"rendered":"https:\/\/hm-i.de\/?page_id=9490"},"modified":"2026-08-23T22:52:31","modified_gmt":"2026-08-23T20:52:31","slug":"erstgespraech","status":"publish","type":"page","link":"https:\/\/hm-i.de\/de_de\/erstgespraech\/","title":{"rendered":"Jetzt Erstgespr\u00e4ch vereinbaren"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto width_full\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><section class=\"hmi-page-header hmi-page-header--teal hmi-page-header--pad-default hmi-page-header--align-left\">\n\t<div class=\"hmi-page-header__inner\">\n\n\t\t\t\t\t<nav class=\"hmi-page-header__breadcrumbs\" aria-label=\"Breadcrumb\">\n\t\t\t\t<ol><span><span><a href=\"https:\/\/hm-i.de\/\">Startseite<\/a><\/span><\/span><\/ol>\t\t\t<\/nav>\n\t\t\n\t\t\n\t\t<h1 class=\"hmi-page-header__title\">Kostenloses Erstgespr\u00e4ch vereinbaren<\/h1>\n\n\t\t\t\t\t<p class=\"hmi-page-header__intro\">Ein Gespr\u00e4ch, das kl\u00e4rt, ob und wie eine Zusammenarbeit sinnvoll ist.<\/p>\n\t\t\n\t<\/div><!-- \/.hmi-page-header__inner -->\n\n\t<\/section>\n<\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_97f9587b height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_2 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\" id=\"formular\"><div class=\"vc_column-inner\"><div class=\"hmi-kontaktbox hmi-kontaktbox-width-contained hmi-kontaktbox-schlank\" data-hmi-kontaktbox data-start=\"termin\">\n\t<div class=\"hmi-kontaktbox-card\">\n\n\t\t<div class=\"hmi-kontaktbox-tabs\" role=\"tablist\" aria-label=\"Kontaktweg w\u00e4hlen\">\n\t\t\t<button type=\"button\" role=\"tab\"\n\t\t\t\tid=\"hmi-kb-tab-termin-1\"\n\t\t\t\taria-controls=\"hmi-kb-panel-termin-1\"\n\t\t\t\taria-selected=\"true\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\tdata-hmi-tab=\"termin\">\n\t\t\t\t<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n\t\t\t\t<span>Termin direkt buchen<\/span>\n\t\t\t<\/button>\n\n\t\t\t<button type=\"button\" role=\"tab\"\n\t\t\t\tid=\"hmi-kb-tab-anfrage-1\"\n\t\t\t\taria-controls=\"hmi-kb-panel-anfrage-1\"\n\t\t\t\taria-selected=\"false\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\tdata-hmi-tab=\"anfrage\">\n\t\t\t\t<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M21 11.5a8.4 8.4 0 0 1-9 8.4 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.1A8.4 8.4 0 0 1 12 3a8.4 8.4 0 0 1 9 8.5z\"\/><\/svg>\n\t\t\t\t<span>Erst kurz schreiben<\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t<div class=\"hmi-kontaktbox-body\">\n\n\t\t\t<div class=\"hmi-kontaktbox-panel\"\n\t\t\t\tid=\"hmi-kb-panel-termin-1\"\n\t\t\t\trole=\"tabpanel\"\n\t\t\t\taria-labelledby=\"hmi-kb-tab-termin-1\"\n\t\t\t\tdata-hmi-panel=\"termin\"\n\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t<ul class=\"hmi-kontaktbox-meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"hat-symbol\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Kostenlos &amp; unverbindlich<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"hat-symbol\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>30 Minuten<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"hat-symbol\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"2\" y=\"6\" width=\"13\" height=\"12\" rx=\"2\"\/><path d=\"M15 11l6-3v8l-6-3z\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Videocall via MS Teams<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hmi-kb-buchung\"\r\n\tid=\"hmi-kb-buchung-1\"\r\n\tdata-hmi-buchung\r\n\tdata-event=\"4\"\r\n\tdata-ajax=\"https:\/\/hm-i.de\/wp-admin\/admin-ajax.php\"\r\n\tdata-tage=\"14\"\r\n\tdata-zeitzone=\"Europe\/Berlin\">\r\n\r\n\t<div class=\"hmi-kb-status\" data-rolle=\"laden\">Freie Termine werden geladen \u2026<\/div>\r\n\r\n\t<div class=\"hmi-kb-schritt hmi-kb-schritt-tage\" hidden>\r\n\t\t<p class=\"hmi-kb-label\">Wunschtag w\u00e4hlen<\/p>\r\n\t\t<div class=\"hmi-kb-tage\" data-rolle=\"tage\" role=\"group\" aria-label=\"Wunschtag w\u00e4hlen\"><\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"hmi-kb-schritt hmi-kb-schritt-zeiten\" hidden>\r\n\t\t<p class=\"hmi-kb-label\" data-rolle=\"zeit-label\">Freie Uhrzeit<\/p>\r\n\t\t<div class=\"hmi-kb-zeiten\" data-rolle=\"zeiten\" role=\"group\" aria-label=\"Uhrzeit w\u00e4hlen\"><\/div>\r\n\t<\/div>\r\n\r\n\t<form class=\"hmi-kb-schritt hmi-kb-formular\" data-rolle=\"formular\" hidden novalidate>\r\n\t\t<p class=\"hmi-kb-gewaehlt\" data-rolle=\"gewaehlt\"><\/p>\r\n\r\n\t\t<label class=\"hmi-kb-feld\">\r\n\t\t\t<span>Name <abbr title=\"Pflichtfeld\">*<\/abbr><\/span>\r\n\t\t\t<input type=\"text\" name=\"name\" autocomplete=\"name\" required>\r\n\t\t<\/label>\r\n\r\n\t\t<label class=\"hmi-kb-feld\">\r\n\t\t\t<span>E-Mail-Adresse <abbr title=\"Pflichtfeld\">*<\/abbr><\/span>\r\n\t\t\t<input type=\"email\" name=\"email\" autocomplete=\"email\" required>\r\n\t\t<\/label>\r\n\r\n\t\t<label class=\"hmi-kb-feld\">\r\n\t\t\t<span>Worum geht es? <abbr title=\"Pflichtfeld\">*<\/abbr><\/span>\r\n\t\t\t<textarea name=\"message\" rows=\"3\" required><\/textarea>\r\n\t\t<\/label>\r\n\r\n\t\t<label class=\"hmi-kb-zustimmung\">\r\n\t\t\t<input type=\"checkbox\" name=\"zustimmung\" required>\r\n\t\t\t<span>Ich stimme der Speicherung meiner Daten zur Kontaktaufnahme zu.\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/hm-i.de\/de_de\/datenschutz\/\" target=\"_blank\" rel=\"noopener\">Datenschutz<\/a>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t<\/label>\r\n\r\n\t\t<button type=\"submit\" class=\"hmi-kb-absenden\">Termin buchen<\/button>\r\n\r\n\t\t<p class=\"hmi-kb-fehler\" data-rolle=\"fehler\" hidden><\/p>\r\n\t<\/form>\r\n\r\n\t<div class=\"hmi-kb-fertig\" data-rolle=\"fertig\" hidden>\r\n\t\t<p class=\"hmi-kb-fertig-titel\">Termin steht.<\/p>\r\n\t\t<p class=\"hmi-kb-fertig-text\" data-rolle=\"fertig-text\"><\/p>\r\n\t<\/div>\r\n\r\n\t<noscript>\r\n\t\t<p class=\"hmi-kb-status\">F\u00fcr die Terminbuchung wird JavaScript ben\u00f6tigt.\r\n\t\t\tDer zweite Reiter f\u00fchrt zum Kontaktformular.<\/p>\r\n\t<\/noscript>\r\n<\/div>\r\n<style id=\"hmi-kb-buchung-css\">\r\n.hmi-kb-buchung { --kb-rand: var(--hmi-cool-100, #EBEBF0); }\r\n\r\n.hmi-kb-label {\r\n\tmargin: 0 0 10px;\r\n\tfont-size: 12px;\r\n\tfont-weight: 700;\r\n\tletter-spacing: .06em;\r\n\ttext-transform: uppercase;\r\n\tcolor: var(--hmi-ink-light, #4A5568);\r\n}\r\n\r\n.hmi-kb-schritt { margin-bottom: 22px; }\r\n.hmi-kb-schritt[hidden] { display: none !important; }\r\n\r\n.hmi-kb-status {\r\n\tpadding: 18px 0;\r\n\tcolor: var(--hmi-ink-light, #4A5568);\r\n\tfont-size: 15px;\r\n}\r\n\r\n\/* Tagesstreifen *\/\r\n.hmi-kb-tage {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n\toverflow-x: auto;\r\n\tpadding-bottom: 10px;\r\n\tscroll-snap-type: x mandatory;\r\n\tscrollbar-width: thin;\r\n\tscrollbar-color: var(--hmi-teal-200, #afe9ec) transparent;\r\n\t-webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.hmi-kb-tage::-webkit-scrollbar { height: 6px; }\r\n.hmi-kb-tage::-webkit-scrollbar-track { background: transparent; }\r\n.hmi-kb-tage::-webkit-scrollbar-thumb { background: var(--hmi-teal-200, #afe9ec); border-radius: 99px; }\r\n\r\n.hmi-kb-tag {\r\n\tflex: 0 0 auto;\r\n\twidth: 78px;\r\n\tscroll-snap-align: start;\r\n\tpadding: 10px 6px;\r\n\tborder: 1px solid var(--kb-rand);\r\n\tborder-radius: 12px;\r\n\tbackground: #fff;\r\n\tcolor: var(--hmi-ink, #1B2029);\r\n\tfont: inherit;\r\n\ttext-align: center;\r\n\tline-height: 1.25;\r\n\tcursor: pointer;\r\n\ttransition: border-color .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.hmi-kb-tag:hover { border-color: var(--hmi-teal-300, #78d7dd); }\r\n\r\n.hmi-kb-tag[aria-pressed=\"true\"] {\r\n\tborder-color: var(--hmi-teal-500, #007078);\r\n\tbox-shadow: inset 0 0 0 1px var(--hmi-teal-500, #007078);\r\n\tbackground: var(--hmi-teal-50, #eefbfb);\r\n}\r\n\r\n.hmi-kb-tag:focus-visible { outline: 2px solid var(--hmi-teal-500, #007078); outline-offset: 2px; }\r\n\r\n\/* Letzte Kachel im Streifen, blendet den naechsten Schwung Tage ein *\/\r\n.hmi-kb-mehr {\r\n\tflex: 0 0 auto;\r\n\twidth: 78px;\r\n\tscroll-snap-align: start;\r\n\tpadding: 10px 6px;\r\n\tborder: 1px dashed var(--hmi-teal-300, #78d7dd);\r\n\tborder-radius: 12px;\r\n\tbackground: transparent;\r\n\tcolor: var(--hmi-teal-600, #005a60);\r\n\tfont: inherit;\r\n\tfont-size: 12px;\r\n\tline-height: 1.3;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\ttransition: border-color .18s ease, background .18s ease;\r\n}\r\n\r\n.hmi-kb-mehr:hover { border-color: var(--hmi-teal-500, #007078); background: var(--hmi-teal-50, #eefbfb); }\r\n.hmi-kb-mehr:focus-visible { outline: 2px solid var(--hmi-teal-500, #007078); outline-offset: 2px; }\r\n.hmi-kb-mehr[disabled] { opacity: .6; cursor: default; }\r\n\r\n.hmi-kb-tag-wochentag { display: block; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--hmi-ink-light, #4A5568); }\r\n.hmi-kb-tag-zahl      { display: block; font-size: 21px; font-weight: 700; }\r\n.hmi-kb-tag-monat     { display: block; font-size: 12px; color: var(--hmi-ink-light, #4A5568); }\r\n.hmi-kb-tag-frei      { display: block; margin-top: 4px; font-size: 11px; color: var(--hmi-teal-600, #005a60); }\r\n\r\n\/* Uhrzeiten *\/\r\n.hmi-kb-zeiten {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n\tgap: 10px;\r\n}\r\n\r\n.hmi-kb-zeit {\r\n\tpadding: 13px 8px;\r\n\tborder: 1px solid var(--kb-rand);\r\n\tborder-radius: 10px;\r\n\tbackground: var(--hmi-sand-50, #FDFCFA);\r\n\tcolor: var(--hmi-ink, #1B2029);\r\n\tfont: inherit;\r\n\tfont-size: 15px;\r\n\tfont-weight: 600;\r\n\tcursor: pointer;\r\n\ttransition: border-color .18s ease, background .18s ease;\r\n}\r\n\r\n.hmi-kb-zeit:hover { border-color: var(--hmi-teal-400, #3abcc6); }\r\n.hmi-kb-zeit[aria-pressed=\"true\"] { border-color: var(--hmi-teal-500, #007078); background: var(--hmi-teal-50, #eefbfb); }\r\n.hmi-kb-zeit:focus-visible { outline: 2px solid var(--hmi-teal-500, #007078); outline-offset: 2px; }\r\n\r\n\/* Formular *\/\r\n.hmi-kb-gewaehlt {\r\n\tmargin: 0 0 16px;\r\n\tpadding: 12px 14px;\r\n\tborder-radius: 10px;\r\n\tbackground: var(--hmi-teal-50, #eefbfb);\r\n\tcolor: var(--hmi-teal-700, #004a4f);\r\n\tfont-size: 14.5px;\r\n\tfont-weight: 600;\r\n}\r\n\r\n.hmi-kb-feld { display: block; margin-bottom: 14px; }\r\n.hmi-kb-feld > span { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--hmi-ink, #1B2029); }\r\n.hmi-kb-feld abbr { border: 0; text-decoration: none; color: var(--hmi-teal-500, #007078); }\r\n\r\n.hmi-kb-feld input,\r\n.hmi-kb-feld textarea {\r\n\twidth: 100%;\r\n\tpadding: 12px 14px;\r\n\tborder: 1px solid var(--kb-rand);\r\n\tborder-radius: 10px;\r\n\tbackground: var(--hmi-sand-50, #FDFCFA);\r\n\tfont: inherit;\r\n\tfont-size: 16px; \/* verhindert das Hineinzoomen auf iPhones *\/\r\n\tcolor: var(--hmi-ink, #1B2029);\r\n}\r\n\r\n.hmi-kb-feld input:focus,\r\n.hmi-kb-feld textarea:focus {\r\n\toutline: 0;\r\n\tborder-color: var(--hmi-teal-400, #3abcc6);\r\n\tbox-shadow: 0 0 0 3px var(--hmi-teal-50, #eefbfb);\r\n}\r\n\r\n.hmi-kb-zustimmung {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n\talign-items: flex-start;\r\n\tmargin: 4px 0 18px;\r\n\tfont-size: 13.5px;\r\n\tline-height: 1.5;\r\n\tcolor: var(--hmi-ink-light, #4A5568);\r\n}\r\n\r\n\/* EINHEITLICHES ERSCHEINUNGSBILD der Einwilligungs-Checkboxen. Dieselben\r\n   Masse an zwei weiteren Stellen, bewusst dupliziert statt zentral, damit\r\n   jedes Plugin fuer sich lauffaehig bleibt:\r\n     - hmi-elements-plugin\/assets\/css\/hmi-elements.css -> .hmi-anfrage-form\r\n     - hmi-events\/assets\/css\/hmi-events-form.css       -> .hmi-events-consent *\/\r\n.hmi-kb-zustimmung input[type=\"checkbox\"] {\r\n\tappearance: auto;\r\n\t-webkit-appearance: auto;\r\n\twidth: 22px;\r\n\theight: 22px;\r\n\tmin-width: 22px;\r\n\tmargin-top: 2px;\r\n\tflex: 0 0 auto;\r\n\tbackground-color: #fff;\r\n\tborder: 2px solid var(--hmi-teal-500, #007078);\r\n\tborder-radius: 4px;\r\n\taccent-color: var(--hmi-teal-500, #007078);\r\n\tcursor: pointer;\r\n}\r\n\r\n.hmi-kb-zustimmung input[type=\"checkbox\"]:focus-visible {\r\n\toutline: 2px solid var(--hmi-teal-500, #007078);\r\n\toutline-offset: 2px;\r\n}\r\n\r\n.hmi-kb-absenden {\r\n\twidth: 100%;\r\n\tpadding: 15px 18px;\r\n\tborder: 0;\r\n\tborder-radius: 10px;\r\n\tbackground: var(--hmi-teal-500, #007078);\r\n\tcolor: #fff;\r\n\tfont: inherit;\r\n\tfont-size: 15px;\r\n\tfont-weight: 700;\r\n\tcursor: pointer;\r\n\ttransition: background .18s ease;\r\n}\r\n\r\n.hmi-kb-absenden:hover { background: var(--hmi-teal-600, #005a60); }\r\n.hmi-kb-absenden[disabled] { opacity: .6; cursor: progress; }\r\n\r\n.hmi-kb-fehler {\r\n\tmargin: 14px 0 0;\r\n\tpadding: 12px 14px;\r\n\tborder-radius: 10px;\r\n\tbackground: #FDF3F1;\r\n\tborder: 1px solid #E8C9C2;\r\n\tcolor: #8C3A26;\r\n\tfont-size: 14px;\r\n}\r\n\r\n.hmi-kb-fertig { padding: 26px 4px; text-align: center; }\r\n.hmi-kb-fertig-titel { margin: 0 0 8px; font-size: 20px; font-weight: 700; color: var(--hmi-teal-600, #005a60); }\r\n.hmi-kb-fertig-text { margin: 0; color: var(--hmi-ink-light, #4A5568); font-size: 15px; line-height: 1.55; }\r\n<\/style>\r\n\r\n<script id=\"hmi-kb-buchung-js\">\r\n(function () {\r\n\t'use strict';\r\n\r\n\tvar WOCHENTAG = ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'];\r\n\tvar WOCHENTAG_LANG = ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'];\r\n\tvar MONAT = ['Jan', 'Feb', 'M\u00e4rz', 'Apr', 'Mai', 'Juni', 'Juli', 'Aug', 'Sept', 'Okt', 'Nov', 'Dez'];\r\n\r\n\t\/\/ \"2026-08-07 09:00:00\" ist kein Format, das jeder Browser zuverlaessig\r\n\t\/\/ versteht. Deshalb von Hand zerlegen statt new Date(text).\r\n\tfunction zerlegen( text ) {\r\n\t\tvar t = String( text || '' ).replace( 'T', ' ' ).split( \/[- :]\/ );\r\n\t\treturn {\r\n\t\t\tjahr:   parseInt( t[0], 10 ),\r\n\t\t\tmonat:  parseInt( t[1], 10 ),\r\n\t\t\ttag:    parseInt( t[2], 10 ),\r\n\t\t\tstunde: parseInt( t[3] || '0', 10 ),\r\n\t\t\tminute: parseInt( t[4] || '0', 10 )\r\n\t\t};\r\n\t}\r\n\r\n\tfunction wochentagVon( datum ) {\r\n\t\tvar d = zerlegen( datum );\r\n\t\treturn new Date( d.jahr, d.monat - 1, d.tag ).getDay();\r\n\t}\r\n\r\n\tfunction zweistellig( n ) { return ( n < 10 ? '0' : '' ) + n; }\r\n\r\n\t\/\/ FluentBooking beantwortet eine Anfrage immer nur bis zum Monatsende des\r\n\t\/\/ Startdatums, siehe CalendarSlot::getMaxBookableDateTime mit gmdate('Y-m-t').\r\n\t\/\/ Wer am 30. eines Monats fragt, bekommt also einen oder zwei Tage zurueck,\r\n\t\/\/ obwohl der Folgemonat offen steht. Deshalb wird monatsweise nachgefasst.\r\n\tfunction ersterDesFolgemonats( datum ) {\r\n\t\tvar d = zerlegen( datum );\r\n\t\tvar monat = d.monat + 1;\r\n\t\tvar jahr  = d.jahr;\r\n\t\tif ( monat > 12 ) { monat = 1; jahr += 1; }\r\n\t\treturn jahr + '-' + zweistellig( monat ) + '-01 00:00:00';\r\n\t}\r\n\r\n\tfunction bauen( box ) {\r\n\t\tvar eventId  = box.getAttribute( 'data-event' );\r\n\t\tvar ajaxUrl  = box.getAttribute( 'data-ajax' );\r\n\t\tvar zeitzone = box.getAttribute( 'data-zeitzone' ) || 'Europe\/Berlin';\r\n\r\n\t\tvar status     = box.querySelector( '[data-rolle=\"laden\"]' );\r\n\t\tvar schrittTag = box.querySelector( '.hmi-kb-schritt-tage' );\r\n\t\tvar schrittZeit= box.querySelector( '.hmi-kb-schritt-zeiten' );\r\n\t\tvar behTage    = box.querySelector( '[data-rolle=\"tage\"]' );\r\n\t\tvar behZeiten  = box.querySelector( '[data-rolle=\"zeiten\"]' );\r\n\t\tvar zeitLabel  = box.querySelector( '[data-rolle=\"zeit-label\"]' );\r\n\t\tvar formular   = box.querySelector( '[data-rolle=\"formular\"]' );\r\n\t\tvar gewaehlt   = box.querySelector( '[data-rolle=\"gewaehlt\"]' );\r\n\t\tvar fehlerFeld = box.querySelector( '[data-rolle=\"fehler\"]' );\r\n\t\tvar fertig     = box.querySelector( '[data-rolle=\"fertig\"]' );\r\n\t\tvar fertigText = box.querySelector( '[data-rolle=\"fertig-text\"]' );\r\n\r\n\t\tvar maxTage = parseInt( box.getAttribute( 'data-tage' ), 10 );\r\n\t\tif ( ! maxTage || maxTage < 1 ) { maxTage = 14; }\r\n\r\n\t\tvar slots          = {};\r\n\t\tvar gewaehlterSlot = null;\r\n\t\tvar gewaehlterTag  = null;\r\n\t\tvar sichtbareTage  = maxTage;\r\n\t\tvar naechsterMonat = null;  \/\/ Startdatum fuer den naechsten Nachschlag, null = Ende des buchbaren Zeitraums\r\n\t\tvar laedtNach      = false;\r\n\r\n\t\tfunction tageMitSlots() {\r\n\t\t\treturn Object.keys( slots ).filter( function ( tag ) {\r\n\t\t\t\treturn slots[ tag ] && slots[ tag ].length;\r\n\t\t\t} ).sort();\r\n\t\t}\r\n\r\n\t\tfunction zeigeStatus( text ) {\r\n\t\t\tstatus.textContent = text;\r\n\t\t\tstatus.hidden = false;\r\n\t\t}\r\n\r\n\t\tfunction anfrage( aktion, daten ) {\r\n\t\t\tvar koerper = new URLSearchParams();\r\n\t\t\tkoerper.append( 'action', aktion );\r\n\t\t\tObject.keys( daten ).forEach( function ( k ) {\r\n\t\t\t\tkoerper.append( k, daten[ k ] );\r\n\t\t\t} );\r\n\r\n\t\t\treturn fetch( ajaxUrl, {\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\tcredentials: 'same-origin',\r\n\t\t\t\theaders: { 'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8' },\r\n\t\t\t\tbody: koerper.toString()\r\n\t\t\t} ).then( function ( antwort ) {\r\n\t\t\t\treturn antwort.json().then( function ( daten ) {\r\n\t\t\t\t\treturn { ok: antwort.ok, status: antwort.status, daten: daten };\r\n\t\t\t\t} );\r\n\t\t\t} );\r\n\t\t}\r\n\r\n\t\tfunction tageZeichnen() {\r\n\t\t\tvar tage = tageMitSlots();\r\n\r\n\t\t\tif ( ! tage.length ) {\r\n\t\t\t\t\/\/ Steht mehr als ein Gastgeber zur Wahl, ist der naechste Schritt\r\n\t\t\t\t\/\/ nicht das Formular, sondern die andere Person. Der Text nennt\r\n\t\t\t\t\/\/ deshalb erst den naechstbesseren Weg und dann den Ersatzweg.\r\n\t\t\t\tvar rahmen = box.closest ? box.closest( '[data-hmi-kontaktbox]' ) : null;\r\n\t\t\t\tvar andere = rahmen ? rahmen.querySelectorAll( '[data-hmi-host]' ).length > 1 : false;\r\n\r\n\t\t\t\tzeigeStatus( andere\r\n\t\t\t\t\t? 'Bei dieser Person ist gerade nichts frei. Oben l\u00e4sst sich eine andere ausw\u00e4hlen. Alternativ gen\u00fcgt eine kurze Nachricht, dann kommen Terminvorschl\u00e4ge per Mail.'\r\n\t\t\t\t\t: 'Hier sind gerade keine Termine frei. Eine kurze Nachricht gen\u00fcgt, dann kommen Terminvorschl\u00e4ge per Mail.' );\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tvar zeigen    = tage.slice( 0, sichtbareTage );\r\n\t\t\tvar versteckt = tage.length - zeigen.length;\r\n\r\n\t\t\tbehTage.innerHTML = '';\r\n\r\n\t\t\tzeigen.forEach( function ( tag, index ) {\r\n\t\t\t\tvar d = zerlegen( tag );\r\n\t\t\t\tvar anzahl = slots[ tag ].length;\r\n\t\t\t\tvar wt = wochentagVon( tag );\r\n\r\n\t\t\t\tvar knopf = document.createElement( 'button' );\r\n\t\t\t\tknopf.type = 'button';\r\n\t\t\t\tknopf.className = 'hmi-kb-tag';\r\n\t\t\t\tknopf.setAttribute( 'aria-pressed', 'false' );\r\n\t\t\t\tknopf.setAttribute( 'data-tag', tag );\r\n\t\t\t\tknopf.setAttribute( 'aria-label',\r\n\t\t\t\t\tWOCHENTAG_LANG[ wt ] + ' ' + d.tag + '. ' + MONAT[ d.monat - 1 ] + ', ' +\r\n\t\t\t\t\tanzahl + ( anzahl === 1 ? ' freier Termin' : ' freie Termine' ) );\r\n\r\n\t\t\t\tknopf.innerHTML =\r\n\t\t\t\t\t'<span class=\"hmi-kb-tag-wochentag\">' + WOCHENTAG[ wt ] + '<\/span>' +\r\n\t\t\t\t\t'<span class=\"hmi-kb-tag-zahl\">' + d.tag + '<\/span>' +\r\n\t\t\t\t\t'<span class=\"hmi-kb-tag-monat\">' + MONAT[ d.monat - 1 ] + '<\/span>' +\r\n\t\t\t\t\t'<span class=\"hmi-kb-tag-frei\">' + anzahl + ' frei<\/span>';\r\n\r\n\t\t\t\tknopf.addEventListener( 'click', function () { tagWaehlen( tag ); } );\r\n\t\t\t\tbehTage.appendChild( knopf );\r\n\r\n\t\t\t\t\/\/ Nur beim ersten Zeichnen vorwaehlen. Nach \"Weitere Tage\" wuerde\r\n\t\t\t\t\/\/ die Auswahl des Besuchers sonst wieder auf den ersten Tag springen.\r\n\t\t\t\tif ( index === 0 && ! gewaehlterTag ) { setTimeout( function () { tagWaehlen( tag ); }, 0 ); }\r\n\t\t\t\tif ( tag === gewaehlterTag ) { knopf.setAttribute( 'aria-pressed', 'true' ); }\r\n\t\t\t} );\r\n\r\n\t\t\tif ( versteckt > 0 || naechsterMonat ) {\r\n\t\t\t\tbehTage.appendChild( mehrKnopf( versteckt ) );\r\n\t\t\t}\r\n\r\n\t\t\tstatus.hidden = true;\r\n\t\t\tschrittTag.hidden = false;\r\n\t\t}\r\n\r\n\t\tfunction mehrKnopf( versteckt ) {\r\n\t\t\tvar knopf = document.createElement( 'button' );\r\n\t\t\tknopf.type = 'button';\r\n\t\t\tknopf.className = 'hmi-kb-mehr';\r\n\t\t\tknopf.textContent = 'Weitere Tage';\r\n\t\t\tknopf.setAttribute( 'aria-label', versteckt > 0\r\n\t\t\t\t? versteckt + ( versteckt === 1 ? ' weiteren Tag mit freien Terminen anzeigen' : ' weitere Tage mit freien Terminen anzeigen' )\r\n\t\t\t\t: 'Weitere Tage mit freien Terminen laden' );\r\n\r\n\t\t\tknopf.addEventListener( 'click', function () {\r\n\t\t\t\t\/\/ Erst zeigen, was schon geladen ist. Erst wenn nichts mehr da\r\n\t\t\t\t\/\/ ist, den naechsten Monat nachfassen.\r\n\t\t\t\tif ( tageMitSlots().length > sichtbareTage ) {\r\n\t\t\t\t\tsichtbareTage += maxTage;\r\n\t\t\t\t\ttageZeichnen();\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif ( ! naechsterMonat || laedtNach ) { return; }\r\n\r\n\t\t\t\tlaedtNach = true;\r\n\t\t\t\tknopf.disabled = true;\r\n\t\t\t\tknopf.textContent = 'l\u00e4dt \u2026';\r\n\r\n\t\t\t\t\/\/ Tiefe MAX_MONATE, damit je Klick genau ein Monat dazukommt.\r\n\t\t\t\tmonatLaden( naechsterMonat, MAX_MONATE ).then( function () {\r\n\t\t\t\t\tsichtbareTage += maxTage;\r\n\t\t\t\t} ).catch( function () {} ).then( function () {\r\n\t\t\t\t\tlaedtNach = false;\r\n\t\t\t\t\ttageZeichnen();\r\n\t\t\t\t} );\r\n\t\t\t} );\r\n\r\n\t\t\treturn knopf;\r\n\t\t}\r\n\r\n\t\tfunction tagWaehlen( tag ) {\r\n\t\t\tgewaehlterTag = tag;\r\n\r\n\t\t\tArray.prototype.forEach.call( behTage.children, function ( knopf ) {\r\n\t\t\t\t\/\/ Die Schaltflaeche \"Weitere Tage\" traegt kein data-tag und ist\r\n\t\t\t\t\/\/ kein Umschalter, sie bleibt aussen vor.\r\n\t\t\t\tif ( ! knopf.hasAttribute( 'data-tag' ) ) { return; }\r\n\t\t\t\tknopf.setAttribute( 'aria-pressed', knopf.getAttribute( 'data-tag' ) === tag ? 'true' : 'false' );\r\n\t\t\t} );\r\n\r\n\t\t\tvar d = zerlegen( tag );\r\n\t\t\tzeitLabel.textContent = 'Freie Uhrzeit \u00b7 ' + WOCHENTAG_LANG[ wochentagVon( tag ) ] + ', ' + d.tag + '. ' + MONAT[ d.monat - 1 ];\r\n\r\n\t\t\tbehZeiten.innerHTML = '';\r\n\t\t\tgewaehlterSlot = null;\r\n\t\t\tformular.hidden = true;\r\n\r\n\t\t\tslots[ tag ].forEach( function ( slot ) {\r\n\t\t\t\tvar z = zerlegen( slot.start );\r\n\t\t\t\tvar knopf = document.createElement( 'button' );\r\n\t\t\t\tknopf.type = 'button';\r\n\t\t\t\tknopf.className = 'hmi-kb-zeit';\r\n\t\t\t\tknopf.setAttribute( 'aria-pressed', 'false' );\r\n\t\t\t\tknopf.textContent = zweistellig( z.stunde ) + ':' + zweistellig( z.minute );\r\n\t\t\t\tknopf.addEventListener( 'click', function () { zeitWaehlen( slot, tag, knopf ); } );\r\n\t\t\t\tbehZeiten.appendChild( knopf );\r\n\t\t\t} );\r\n\r\n\t\t\tschrittZeit.hidden = false;\r\n\t\t}\r\n\r\n\t\tfunction zeitWaehlen( slot, tag, knopf ) {\r\n\t\t\tArray.prototype.forEach.call( behZeiten.children, function ( k ) {\r\n\t\t\t\tk.setAttribute( 'aria-pressed', k === knopf ? 'true' : 'false' );\r\n\t\t\t} );\r\n\r\n\t\t\tgewaehlterSlot = slot;\r\n\r\n\t\t\tvar d = zerlegen( tag );\r\n\t\t\tvar z = zerlegen( slot.start );\r\n\t\t\tgewaehlt.textContent = WOCHENTAG_LANG[ wochentagVon( tag ) ] + ', ' + d.tag + '. ' +\r\n\t\t\t\tMONAT[ d.monat - 1 ] + ' ' + d.jahr + ' um ' +\r\n\t\t\t\tzweistellig( z.stunde ) + ':' + zweistellig( z.minute ) + ' Uhr';\r\n\r\n\t\t\tfehlerFeld.hidden = true;\r\n\t\t\tformular.hidden = false;\r\n\t\t\tformular.scrollIntoView( { behavior: 'smooth', block: 'nearest' } );\r\n\t\t}\r\n\r\n\t\tformular.addEventListener( 'submit', function ( e ) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tif ( ! gewaehlterSlot ) { return; }\r\n\t\t\tif ( ! formular.reportValidity() ) { return; }\r\n\r\n\t\t\tvar knopf = formular.querySelector( '.hmi-kb-absenden' );\r\n\t\t\tknopf.disabled = true;\r\n\t\t\tknopf.textContent = 'Wird gebucht \u2026';\r\n\t\t\tfehlerFeld.hidden = true;\r\n\r\n\t\t\tanfrage( 'fluent_cal_schedule_meeting', {\r\n\t\t\t\tevent_id:   eventId,\r\n\t\t\t\tname:       formular.elements.name.value,\r\n\t\t\t\temail:      formular.elements.email.value,\r\n\t\t\t\tmessage:    formular.elements.message.value,\r\n\t\t\t\ttimezone:   zeitzone,\r\n\t\t\t\tstart_date: gewaehlterSlot.start\r\n\t\t\t} ).then( function ( ergebnis ) {\r\n\t\t\t\tif ( ergebnis.ok && ! ergebnis.daten.message ) {\r\n\t\t\t\t\tformular.hidden = true;\r\n\t\t\t\t\tschrittTag.hidden = true;\r\n\t\t\t\t\tschrittZeit.hidden = true;\r\n\t\t\t\t\tfertigText.textContent = gewaehlt.textContent +\r\n\t\t\t\t\t\t'. Die Best\u00e4tigung mit dem Meeting-Link ist unterwegs zu Ihnen.';\r\n\t\t\t\t\tfertig.hidden = false;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfehlerFeld.textContent = ergebnis.daten && ergebnis.daten.message\r\n\t\t\t\t\t? ergebnis.daten.message\r\n\t\t\t\t\t: 'Die Buchung hat nicht geklappt. Bitte noch einmal versuchen, oder \u00fcber den zweiten Reiter eine Nachricht schicken.';\r\n\t\t\t\tfehlerFeld.hidden = false;\r\n\t\t\t} ).catch( function () {\r\n\t\t\t\tfehlerFeld.textContent = 'Die Verbindung ist abgebrochen. Bitte versuch es noch einmal.';\r\n\t\t\t\tfehlerFeld.hidden = false;\r\n\t\t\t} ).then( function () {\r\n\t\t\t\tknopf.disabled = false;\r\n\t\t\t\tknopf.textContent = 'Termin buchen';\r\n\t\t\t} );\r\n\t\t} );\r\n\r\n\t\t\/\/ Wie viele Monate beim Seitenaufruf hoechstens von selbst geholt werden.\r\n\t\t\/\/ Bei 14 gewuenschten Tagen reicht in aller Regel einer, am Monatsende\r\n\t\t\/\/ zwei. Die Grenze schuetzt vor einer Kette von Anfragen, falls ein\r\n\t\t\/\/ Kalender ueber Wochen hinweg gar keine freien Zeiten hat.\r\n\t\tvar MAX_MONATE = 3;\r\n\r\n\t\tfunction monatLaden( datum, tiefe ) {\r\n\t\t\treturn anfrage( 'fluent_cal_get_available_dates', {\r\n\t\t\t\tevent_id:   eventId,\r\n\t\t\t\tstart_date: datum,\r\n\t\t\t\ttimezone:   zeitzone\r\n\t\t\t} ).then( function ( ergebnis ) {\r\n\t\t\t\tif ( ! ergebnis.ok || ! ergebnis.daten || ! ergebnis.daten.available_slots ) {\r\n\t\t\t\t\treturn Promise.reject( ergebnis.daten && ergebnis.daten.message ? ergebnis.daten.message : null );\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar neu = ergebnis.daten.available_slots;\r\n\t\t\t\tObject.keys( neu ).forEach( function ( tag ) { slots[ tag ] = neu[ tag ]; } );\r\n\r\n\t\t\t\t\/\/ max_lookup_date ist das Ende des buchbaren Zeitraums aus den\r\n\t\t\t\t\/\/ Termineinstellungen, bei \"unbegrenzt\" liefert FluentBooking false.\r\n\t\t\t\tvar folge  = ersterDesFolgemonats( datum );\r\n\t\t\t\tvar grenze = ergebnis.daten.max_lookup_date;\r\n\t\t\t\tnaechsterMonat = ( ! grenze || folge.slice( 0, 10 ) <= String( grenze ).slice( 0, 10 ) ) ? folge : null;\r\n\r\n\t\t\t\tif ( ! naechsterMonat || tiefe >= MAX_MONATE || tageMitSlots().length >= maxTage ) { return; }\r\n\r\n\t\t\t\treturn monatLaden( folge, tiefe + 1 );\r\n\t\t\t} );\r\n\t\t}\r\n\r\n\t\t\/\/ Startabfrage: ab heute, in der Zeitzone der Website.\r\n\t\tvar heute = new Date();\r\n\t\tvar startDatum = heute.getFullYear() + '-' + zweistellig( heute.getMonth() + 1 ) + '-' +\r\n\t\t\tzweistellig( heute.getDate() ) + ' 00:00:00';\r\n\r\n\t\tmonatLaden( startDatum, 1 ).then( function () {\r\n\t\t\ttageZeichnen();\r\n\t\t} ).catch( function ( meldung ) {\r\n\t\t\tzeigeStatus( typeof meldung === 'string' && meldung\r\n\t\t\t\t? meldung\r\n\t\t\t\t: 'Die freien Termine konnten nicht geladen werden.' );\r\n\t\t} );\r\n\t}\r\n\r\n\t\/\/ Nur aufbauen, was der Besucher auch sieht. Bei mehreren Gastgebern liegen\r\n\t\/\/ mehrere Kalender auf der Seite, von denen einer sichtbar ist. Ohne diese\r\n\t\/\/ Bremse fragte jeder von ihnen beim Seitenaufruf seine freien Termine ab.\r\n\t\/\/ offsetParent ist null, solange ein Elternteil hidden oder ausgeblendet ist.\r\n\tfunction bauenWennSichtbar( box ) {\r\n\t\tif ( box.getAttribute( 'data-gebaut' ) === 'ja' ) { return; }\r\n\t\tif ( box.offsetParent === null ) { return; }\r\n\t\tbox.setAttribute( 'data-gebaut', 'ja' );\r\n\t\tbauen( box );\r\n\t}\r\n\r\n\tfunction los() {\r\n\t\tArray.prototype.forEach.call( document.querySelectorAll( '[data-hmi-buchung]' ), bauenWennSichtbar );\r\n\t}\r\n\r\n\t\/\/ Die Kontaktbox meldet jeden Reiter- und Gastgeberwechsel. Erst dann holt\r\n\t\/\/ der nun sichtbare Kalender seine Termine.\r\n\tdocument.addEventListener( 'hmi-kb-sichtbar', los );\r\n\r\n\tif ( document.readyState === 'loading' ) {\r\n\t\tdocument.addEventListener( 'DOMContentLoaded', los );\r\n\t} else {\r\n\t\tlos();\r\n\t}\r\n})();\r\n<\/script>\r\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"hmi-kontaktbox-panel\"\n\t\t\t\tid=\"hmi-kb-panel-anfrage-1\"\n\t\t\t\trole=\"tabpanel\"\n\t\t\t\taria-labelledby=\"hmi-kb-tab-anfrage-1\"\n\t\t\t\tdata-hmi-panel=\"anfrage\"\n\t\t\t\thidden>\n\n\t\t\t\t\t\t\t\t\t<p class=\"hmi-kontaktbox-intro\">Sie m\u00f6chten vorab etwas kl\u00e4ren? Schreiben Sie uns kurz, ganz ohne Termindruck.<\/p>\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"hmi-anfrage-form hmi-anfrage-light\">\n\t\t\t\t\t<style id=\"wpforms-css-vars-8185\">\n\t\t\t\t#wpforms-8185 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-8185\"><form id=\"wpforms-form-8185\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"8185\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/de_de\/wp-json\/wp\/v2\/pages\/9490\" data-token=\"50f193fddf9a9e9ac1acdedfa3b17cc4\" data-token-time=\"1787529476\"><noscript class=\"wpforms-error-noscript\">Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular fertigzustellen.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular fertigzustellen.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-8185-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-type=\"name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-8185-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-8185-field_1-error\" required><label for=\"wpforms-8185-field_1\" class=\"wpforms-field-sublabel after\">Vorname<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-8185-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-8185-field_1-last-error\" required><label for=\"wpforms-8185-field_1-last\" class=\"wpforms-field-sublabel after\">Nachname<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-8185-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-type=\"email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-8185-field_2\">E-Mail-Adresse <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-8185-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-8185-field_2-error\" required><\/div><div id=\"wpforms-8185-field_4-container\" class=\"wpforms-field wpforms-field-phone\" data-field-type=\"phone\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-8185-field_4\">Telefonnummer <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-8185-field_4\" class=\"wpforms-field-large wpforms-field-required\" data-rule-int-phone-field=\"true\" name=\"wpforms[fields][4]\" aria-label=\"Telefonnummer\" aria-errormessage=\"wpforms-8185-field_4-error\" required><\/div><div id=\"wpforms-8185-field_5-container\" class=\"wpforms-field wpforms-field-text\" data-field-type=\"text\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-8185-field_5\">Unternehmen (optional)<\/label><input type=\"text\" id=\"wpforms-8185-field_5\" class=\"wpforms-field-large\" name=\"wpforms[fields][5]\" aria-errormessage=\"wpforms-8185-field_5-error\" ><\/div>\t\t<div id=\"wpforms-8185-field_7-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"7\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-8185-field_7\" >Name besch\u00e4ftigt E-Mail-Adresse<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-8185-field_7\" class=\"wpforms-field-medium\" name=\"wpforms[fields][7]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-8185-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-type=\"textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-8185-field_3\">Was besch\u00e4ftigt Sie?<\/label><textarea id=\"wpforms-8185-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" placeholder=\"z.B. F\u00fchrungskr\u00e4fte-Entwicklung, Coach-Ausbildung, Change-Projekt...\" aria-errormessage=\"wpforms-8185-field_3-error\" ><\/textarea><\/div><div id=\"wpforms-8185-field_6-container\" class=\"wpforms-field wpforms-field-gdpr-checkbox\" data-field-type=\"gdpr-checkbox\" data-field-id=\"6\"><label class=\"wpforms-field-label\">DSGVO-Einverst\u00e4ndnis <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><ul id=\"wpforms-8185-field_6\" class=\"wpforms-field-required\"><li class=\"choice-1\"><input type=\"checkbox\" id=\"wpforms-8185-field_6_1\" name=\"wpforms[fields][6][]\" value=\"Ich willige ein, dass diese Website meine \u00fcbermittelten Informationen speichert, sodass meine Anfrage beantwortet werden kann.\" aria-errormessage=\"wpforms-8185-field_6_1-error\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-8185-field_6_1\">Ich willige ein, dass diese Website meine \u00fcbermittelten Informationen speichert, sodass meine Anfrage beantwortet werden kann.<\/label><\/li><\/ul><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-8185-field_7-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-8185-field_7-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-8185-field_7-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"8185\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/pages\/9490\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-8185\" class=\"wpforms-submit\" data-alt-text=\"Wird gesendet\u00a0\u2026\" data-submit-text=\"Erstgespr\u00e4ch anfragen\" aria-live=\"assertive\" value=\"wpforms-submit\">Erstgespr\u00e4ch anfragen<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hm-i.de\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Wird geladen\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<p class=\"hmi-kontaktbox-hinweis\">Antwort innerhalb von 24 Stunden, pers\u00f6nlich von Katharina oder Peter.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<style id=\"hmi-kontaktbox-css\">\n.hmi-kontaktbox { width: 100%; }\n.hmi-kontaktbox-width-contained { max-width: 640px; margin-left: auto; margin-right: auto; }\n\n.hmi-kontaktbox-card {\n\tbackground: #fff;\n\tborder-radius: 18px;\n\tbox-shadow: var(--hmi-shadow-lg, 0 8px 30px rgba(0,112,120,.12), 0 2px 8px rgba(0,0,0,.06));\n\toverflow: hidden;\n}\n\n\/* Reiterleiste *\/\n.hmi-kontaktbox-tabs {\n\tdisplay: flex;\n\tgap: 4px;\n\tpadding: 6px;\n\tbackground: var(--hmi-sand-100, #FAF7F2);\n}\n\n.hmi-kontaktbox-tabs button {\n\tflex: 1 1 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 8px;\n\tpadding: 14px 16px;\n\tmargin: 0;\n\tborder: 0;\n\tborder-radius: 12px;\n\tbackground: transparent;\n\tcolor: var(--hmi-ink-light, #4A5568);\n\topacity: .62;\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tline-height: 1.25;\n\ttext-align: center;\n\tcursor: pointer;\n\ttransition: background .2s ease, color .2s ease, opacity .2s ease, box-shadow .2s ease;\n}\n\n.hmi-kontaktbox-tabs button:hover { opacity: 1; background: rgba(255,255,255,.55); }\n\n.hmi-kontaktbox-tabs button[aria-selected=\"true\"] {\n\tbackground: #fff;\n\tcolor: var(--hmi-teal-600, #005a60);\n\topacity: 1;\n\tbox-shadow: var(--hmi-shadow-sm, 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.04));\n\tcursor: default;\n}\n\n.hmi-kontaktbox-tabs button:focus-visible {\n\toutline: 2px solid var(--hmi-teal-500, #007078);\n\toutline-offset: 2px;\n}\n\n.hmi-kontaktbox-tabs button svg { flex: 0 0 auto; }\n\n\/* Inhaltsbereiche *\/\n.hmi-kontaktbox-body { padding: 20px 22px 26px; }\n.hmi-kontaktbox-panel[hidden] { display: none !important; }\n.hmi-kontaktbox-panel { animation: hmiKbReveal .42s cubic-bezier(.16,1,.3,1); }\n\n@keyframes hmiKbReveal {\n\tfrom { opacity: 0; transform: translateY(-8px); }\n\tto   { opacity: 1; transform: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.hmi-kontaktbox-panel { animation: none; }\n}\n\n\/* Merkmalszeile ueber dem Kalender *\/\n.hmi-kontaktbox-meta {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 8px 22px;\n\tmargin: 0 0 18px;\n\tpadding: 0;\n\tlist-style: none;\n\tfont-size: 14px;\n\tcolor: var(--hmi-ink-light, #4A5568);\n}\n\n.hmi-kontaktbox-meta li {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 7px;\n\tmargin: 0;\n}\n\n\/* Ohne Symbol ein Punkt, mit Symbol das Symbol. *\/\n.hmi-kontaktbox-meta li:not(.hat-symbol)::before {\n\tcontent: \"\";\n\tflex: 0 0 auto;\n\twidth: 6px;\n\theight: 6px;\n\tborder-radius: 50%;\n\tbackground: var(--hmi-teal-400, #3abcc6);\n}\n\n.hmi-kontaktbox-meta svg {\n\tflex: 0 0 auto;\n\tcolor: var(--hmi-teal-500, #007078);\n}\n\n.hmi-kontaktbox-intro {\n\tmargin: 0 0 18px;\n\tcolor: var(--hmi-ink-light, #4A5568);\n\tfont-size: 15px;\n\tline-height: 1.55;\n}\n\n\/* Steht unter dem Absendeknopf und gehoert zum Formular als Ganzem, nicht zu\n   einem einzelnen Feld. Deshalb mittig statt an der Feldkante, und in der\n   Breite begrenzt, damit die Zeile bei breiter Spalte nicht auseinanderlaeuft. *\/\n.hmi-kontaktbox-hinweis {\n\tmargin: 16px auto 0;\n\tmax-width: 42ch;\n\tcolor: var(--hmi-teal-600, #005a60);\n\tfont-size: 13.5px;\n\tline-height: 1.5;\n\ttext-align: center;\n\ttext-wrap: balance;\n}\n\n\/* Hinweise fuer Redaktion und Baukasten *\/\n.hmi-kontaktbox-notice,\n.hmi-kontaktbox-placeholder {\n\tpadding: 16px 18px;\n\tborder: 1px dashed var(--hmi-teal-300, #78d7dd);\n\tborder-radius: 10px;\n\tbackground: var(--hmi-teal-50, #eefbfb);\n\tcolor: var(--hmi-teal-700, #004a4f);\n\tfont-size: 14px;\n\ttext-align: center;\n}\n\n\/* Schlanke Ansicht: die linke Spalte des Kalenders ausblenden.\n *\n * FluentBooking zeigt dort Logo, Organisatorname, Titel, Dauer, Ort und\n * Beschreibung. Alles davon steht auf der Seite und in der Merkmalszeile\n * bereits darueber. Uebrig bleibt der eigentliche Kalender, und der bekommt\n * die volle Breite der Karte.\n *\n * Abschaltbar ueber die Einstellung \"Kalender-Kopf im Kasten\", falls eine\n * kuenftige Fassung von FluentBooking die Klassennamen aendert.\n *\/\n.hmi-kontaktbox-schlank .fcal_side { display: none !important; }\n\n.hmi-kontaktbox-schlank .fcal_calendar_inner {\n\tmin-width: 0 !important;\n\twidth: 100% !important;\n}\n\n.hmi-kontaktbox-schlank .fcal_cal_wrap,\n.hmi-kontaktbox-schlank .fcal_holder {\n\tborder: 0 !important;\n\tbox-shadow: none !important;\n\tbackground: transparent !important;\n}\n\n\/* Das Formular uebernimmt das Styling des Elements hmi_anfrage_form, aber\n * nicht dessen aeusseren Kasten: Polsterung, getoenter Hintergrund, Radius und\n * Schein wuerden innerhalb der Karte eine zweite Karte erzeugen.\n * Spezifitaet bewusst 0,3,0, damit sie die Regeln von .hmi-anfrage-light\n * schlaegt. *\/\n.hmi-kontaktbox .hmi-anfrage-form,\n.hmi-kontaktbox .hmi-anfrage-form.hmi-anfrage-light {\n\tpadding: 0 !important;\n\tborder-radius: 0 !important;\n\tbackground: none !important;\n\tbox-shadow: none !important;\n}\n\n.hmi-kontaktbox .wpforms-container { margin: 0; }\n.hmi-kontaktbox .wpforms-form .wpforms-field { padding: 0 0 14px; }\n\n\/* Gastgeberauswahl ueber dem Kalender.\n *\n * Bewusst Karten mit Bild und Name statt einer Auswahlliste: Der Besucher\n * entscheidet sich fuer einen Menschen, nicht fuer einen Eintrag. Und die\n * Vorauswahl bleibt sichtbar, damit niemand glaubt, er muesse erst waehlen,\n * bevor er einen Termin sieht. *\/\n.hmi-kb-gastgeber {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 10px;\n\tmargin: 0 0 20px;\n}\n\n.hmi-kb-gastgeber button {\n\tflex: 1 1 210px;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tpadding: 10px 14px 10px 10px;\n\tmargin: 0;\n\tborder: 2px solid var(--hmi-cool-100, #e6ebef);\n\tborder-radius: 14px;\n\tbackground: #fff;\n\tcolor: var(--hmi-ink, #1B2029);\n\ttext-align: left;\n\tcursor: pointer;\n\ttransition: border-color .2s ease, background .2s ease, box-shadow .2s ease;\n}\n\n.hmi-kb-gastgeber button:hover { border-color: var(--hmi-teal-300, #78d7dd); }\n\n.hmi-kb-gastgeber button[aria-selected=\"true\"] {\n\tborder-color: var(--hmi-teal-500, #007078);\n\tbackground: var(--hmi-teal-50, #eefbfb);\n\tbox-shadow: var(--hmi-shadow-sm, 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.04));\n\t\/* Bewusst KEIN cursor: default. Die ausgewaehlte Person ist die, auf der\n\t   der Blick zuerst landet. Ein Mauszeiger, der dort \"nicht anklickbar\"\n\t   meldet, widerspricht der Beschriftung \"Gespraechspartner waehlen\". *\/\n}\n\n.hmi-kb-gastgeber button:focus-visible {\n\toutline: 2px solid var(--hmi-teal-500, #007078);\n\toutline-offset: 2px;\n}\n\n.hmi-kb-gastgeber-bild {\n\tflex: 0 0 auto;\n\twidth: 52px;\n\theight: 52px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tbackground: var(--hmi-sand-100, #FAF7F2);\n}\n\n\/* Ohne Bild der Anfangsbuchstabe, damit die Reihe nicht einbricht, solange\n * jemand noch kein Foto hochgeladen hat. *\/\n.hmi-kb-gastgeber-initial {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: var(--hmi-teal-500, #007078);\n\tcolor: #fff;\n\tfont-size: 21px;\n\tfont-weight: 600;\n\tline-height: 1;\n}\n\n.hmi-kb-gastgeber-text {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n\tmin-width: 0;\n}\n\n.hmi-kb-gastgeber-text strong {\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tline-height: 1.25;\n}\n\n.hmi-kb-gastgeber-text em {\n\tfont-style: normal;\n\tfont-size: 13px;\n\tline-height: 1.3;\n\tcolor: var(--hmi-ink-light, #4A5568);\n}\n\n\/* Gleiche Beschriftung wie \"Wunschtag w\u00e4hlen\" und \"Freie Uhrzeit\" in der\n   eigenen Buchungsoberfl\u00e4che. Bewusst hier noch einmal ausgeschrieben und\n   nicht dort mitbenutzt: Die Gastgeberreihe steht auch \u00fcber FluentBookings\n   eigener Ansicht, deren Stylesheet gar nicht geladen wird. *\/\n.hmi-kb-gastgeber-label {\n\tmargin: 0 0 10px;\n\tfont-size: 12px;\n\tfont-weight: 700;\n\tletter-spacing: .06em;\n\ttext-transform: uppercase;\n\tcolor: var(--hmi-ink-light, #4A5568);\n}\n\n.hmi-kb-hostpanel[hidden] { display: none !important; }\n\n@media (max-width: 520px) {\n\t.hmi-kontaktbox-tabs { flex-direction: column; }\n\t.hmi-kontaktbox-tabs button { justify-content: flex-start; }\n\t.hmi-kontaktbox-body { padding: 18px 16px 22px; }\n\t.hmi-kb-gastgeber button { flex-basis: 100%; }\n}\n<\/style>\n\n<script id=\"hmi-kontaktbox-js\">\n(function () {\n\t'use strict';\n\n\t\/\/ Wird ein zuvor verborgener Bereich sichtbar, muessen zwei Dinge geschehen:\n\t\/\/ Die eigene Buchungsoberflaeche darf erst jetzt ihre freien Termine holen,\n\t\/\/ sonst fragt beim Seitenaufruf jeder Gastgeber ab, auch der ungesehene.\n\t\/\/ Und FluentBookings eigene Ansicht berechnet ihre Breiten beim Einblenden\n\t\/\/ nicht von selbst neu, ein Resize-Ereignis stupst sie an.\n\t\/\/ Ueber ein Ereignis statt ueber einen direkten Aufruf, damit die\n\t\/\/ Teilvorlage nichts von den Reitern wissen muss.\n\tfunction sichtbarMelden() {\n\t\ttry {\n\t\t\tdocument.dispatchEvent( new Event( 'hmi-kb-sichtbar' ) );\n\t\t\twindow.dispatchEvent( new Event( 'resize' ) );\n\t\t} catch ( e ) {}\n\t}\n\n\tfunction umschalten( box, ziel ) {\n\t\tvar reiter = box.querySelectorAll( '[data-hmi-tab]' );\n\t\tvar felder = box.querySelectorAll( '[data-hmi-panel]' );\n\t\tvar i;\n\n\t\tfor ( i = 0; i < reiter.length; i++ ) {\n\t\t\tvar aktiv = reiter[ i ].getAttribute( 'data-hmi-tab' ) === ziel;\n\t\t\treiter[ i ].setAttribute( 'aria-selected', aktiv ? 'true' : 'false' );\n\t\t\treiter[ i ].setAttribute( 'tabindex', aktiv ? '0' : '-1' );\n\t\t}\n\n\t\tfor ( i = 0; i < felder.length; i++ ) {\n\t\t\tif ( felder[ i ].getAttribute( 'data-hmi-panel' ) === ziel ) {\n\t\t\t\tfelder[ i ].removeAttribute( 'hidden' );\n\t\t\t} else {\n\t\t\t\tfelder[ i ].setAttribute( 'hidden', '' );\n\t\t\t}\n\t\t}\n\n\t\tsichtbarMelden();\n\t}\n\n\tfunction gastgeberWechseln( box, ziel ) {\n\t\tvar knoepfe = box.querySelectorAll( '[data-hmi-host]' );\n\t\tvar felder  = box.querySelectorAll( '[data-hmi-hostpanel]' );\n\t\tvar i;\n\n\t\tfor ( i = 0; i < knoepfe.length; i++ ) {\n\t\t\tvar aktiv = knoepfe[ i ].getAttribute( 'data-hmi-host' ) === ziel;\n\t\t\tknoepfe[ i ].setAttribute( 'aria-selected', aktiv ? 'true' : 'false' );\n\t\t\tknoepfe[ i ].setAttribute( 'tabindex', aktiv ? '0' : '-1' );\n\t\t}\n\n\t\tfor ( i = 0; i < felder.length; i++ ) {\n\t\t\tif ( felder[ i ].getAttribute( 'data-hmi-hostpanel' ) === ziel ) {\n\t\t\t\tfelder[ i ].removeAttribute( 'hidden' );\n\t\t\t} else {\n\t\t\t\tfelder[ i ].setAttribute( 'hidden', '' );\n\t\t\t}\n\t\t}\n\n\t\tsichtbarMelden();\n\t}\n\n\tfunction verdrahten( box ) {\n\t\tvar reiter      = box.querySelectorAll( '[data-hmi-tab]' );\n\t\tvar hostKnoepfe = box.querySelectorAll( '[data-hmi-host]' );\n\t\tvar hostListe   = [];\n\n\t\tArray.prototype.forEach.call( hostKnoepfe, function ( knopf ) {\n\t\t\thostListe.push( knopf.getAttribute( 'data-hmi-host' ) );\n\t\t} );\n\n\t\tArray.prototype.forEach.call( reiter, function ( knopf, index ) {\n\t\t\tknopf.addEventListener( 'click', function () {\n\t\t\t\tvar ziel = knopf.getAttribute( 'data-hmi-tab' );\n\t\t\t\tumschalten( box, ziel );\n\n\t\t\t\t\/\/ Adresse mitfuehren, damit ein Neuladen den gewaehlten Weg behaelt\n\t\t\t\t\/\/ und aus Newsletter oder LinkedIn gezielt verlinkt werden kann.\n\t\t\t\t\/\/ Bei mehreren Gastgebern steht im Kalender-Reiter das Kuerzel der\n\t\t\t\t\/\/ gewaehlten Person, sonst ginge die Auswahl beim Teilen verloren.\n\t\t\t\tif ( window.history && window.history.replaceState ) {\n\t\t\t\t\tvar marke = ziel;\n\t\t\t\t\tif ( ziel === 'termin' && hostListe.length ) {\n\t\t\t\t\t\tvar gewaehlt = box.querySelector( '[data-hmi-host][aria-selected=\"true\"]' );\n\t\t\t\t\t\tif ( gewaehlt ) { marke = gewaehlt.getAttribute( 'data-hmi-host' ); }\n\t\t\t\t\t}\n\t\t\t\t\twindow.history.replaceState( null, '', '#' + marke );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t\/\/ Pfeiltasten, wie es fuer Reiter erwartet wird.\n\t\t\tknopf.addEventListener( 'keydown', function ( e ) {\n\t\t\t\tif ( e.key !== 'ArrowRight' && e.key !== 'ArrowLeft' ) { return; }\n\t\t\t\te.preventDefault();\n\t\t\t\tvar naechster = reiter[ ( index + ( e.key === 'ArrowRight' ? 1 : reiter.length - 1 ) ) % reiter.length ];\n\t\t\t\tnaechster.focus();\n\t\t\t\tnaechster.click();\n\t\t\t} );\n\t\t} );\n\n\t\tArray.prototype.forEach.call( hostKnoepfe, function ( knopf, index ) {\n\t\t\tknopf.addEventListener( 'click', function () {\n\t\t\t\tgastgeberWechseln( box, knopf.getAttribute( 'data-hmi-host' ) );\n\t\t\t\tif ( window.history && window.history.replaceState ) {\n\t\t\t\t\twindow.history.replaceState( null, '', '#' + knopf.getAttribute( 'data-hmi-host' ) );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tknopf.addEventListener( 'keydown', function ( e ) {\n\t\t\t\tif ( e.key !== 'ArrowRight' && e.key !== 'ArrowLeft' ) { return; }\n\t\t\t\te.preventDefault();\n\t\t\t\tvar naechster = hostKnoepfe[ ( index + ( e.key === 'ArrowRight' ? 1 : hostKnoepfe.length - 1 ) ) % hostKnoepfe.length ];\n\t\t\t\tnaechster.focus();\n\t\t\t\tnaechster.click();\n\t\t\t} );\n\t\t} );\n\n\t\t\/\/ Startzustand: Vorgabe aus dem Element, ausser die Adresse verlangt etwas anderes.\n\t\tvar start     = box.getAttribute( 'data-start' ) || 'termin';\n\t\tvar hash      = ( window.location.hash || '' ).replace( '#', '' );\n\t\tvar hostStart = null;\n\n\t\tif ( hostListe.length ) {\n\t\t\thostStart = box.getAttribute( 'data-host-start' ) || hostListe[ 0 ];\n\n\t\t\t\/\/ Ein Sprungziel auf eine Person meint immer den Kalender, nie das\n\t\t\t\/\/ Formular. Sonst landet jemand aus Peters Mailsignatur im falschen\n\t\t\t\/\/ Reiter.\n\t\t\tif ( hostListe.indexOf( hash ) !== -1 ) {\n\t\t\t\thostStart = hash;\n\t\t\t\tstart     = 'termin';\n\t\t\t}\n\t\t}\n\n\t\tif ( hash === 'termin' || hash === 'anfrage' ) { start = hash; }\n\n\t\t\/\/ Erst den Reiter setzen, dann die Person. In dieser Reihenfolge wird\n\t\t\/\/ nie ein Kalender sichtbar, der gleich wieder verschwindet, und die\n\t\t\/\/ eigene Buchungsoberflaeche fragt ihre Termine nur dann ab, wenn der\n\t\t\/\/ Kalenderreiter wirklich offen ist.\n\t\tumschalten( box, start );\n\t\tif ( hostStart !== null ) { gastgeberWechseln( box, hostStart ); }\n\t}\n\n\tfunction los() {\n\t\tArray.prototype.forEach.call(\n\t\t\tdocument.querySelectorAll( '[data-hmi-kontaktbox]' ),\n\t\t\tverdrahten\n\t\t);\n\t}\n\n\tif ( document.readyState === 'loading' ) {\n\t\tdocument.addEventListener( 'DOMContentLoaded', los );\n\t} else {\n\t\tlos();\n\t}\n})();\n<\/script>\n<\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"hmi-process-steps hmi-process-steps--accent-teal hmi-process-steps--container-card hmi-process-steps--numbering-number hmi-process-steps--bg-transparent\">\n\n\t<div class=\"hmi-process-steps-card\">\n\t\t\n\t\t\t\t\t<h3 class=\"hmi-process-steps-headline\">So l\u00e4uft es ab<\/h3>\n\t\t\n\t\t\t\t\t<ol class=\"hmi-process-steps-list\">\n\t\t\t\t\t\t\t\t\t<li class=\"hmi-process-steps-item\">\n\t\t\t\t\t\t<span class=\"hmi-process-steps-marker\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t1\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"hmi-process-steps-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"hmi-process-steps-title\">Termin oder Nachricht<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"hmi-process-steps-desc\">Im Kalender steht der Termin sofort fest, der Link zum Videocall kommt per Mail. Auf eine Nachricht antworten wir werktags innerhalb von 24 Stunden, mit Terminvorschl\u00e4gen.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"hmi-process-steps-item\">\n\t\t\t\t\t\t<span class=\"hmi-process-steps-marker\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t2\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"hmi-process-steps-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"hmi-process-steps-title\">Das Gespr\u00e4ch<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"hmi-process-steps-desc\">Ausgangslage, Ziele, unsere Einsch\u00e4tzung, offen und vertraulich. Vorbereitung braucht es keine, das Thema gen\u00fcgt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"hmi-process-steps-item\">\n\t\t\t\t\t\t<span class=\"hmi-process-steps-marker\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t3\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"hmi-process-steps-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"hmi-process-steps-title\">Angebot, wenn es passt<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"hmi-process-steps-desc\">Nach dem Gespr\u00e4ch kommt ein konkreter Vorschlag mit Umfang und Preis. Wenn wir nicht die Richtigen sind, sagen wir das.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t\t<\/div>\n\n<\/div>\n<div class=\"hmi-separator hmi-separator-align-center hmi-separator-spacing-normal\" role=\"separator\" aria-hidden=\"true\">\n\t<span class=\"hmi-separator-line hmi-separator-style-empty hmi-separator-width-full\"><\/span>\n<\/div>\n<aside class=\"hmi-contact-person hmi-bg-white\">\n\t\t<div class=\"hmi-contact-person-inner\">\n\t\t\t\t\t<div class=\"hmi-contact-person-avatar-wrap\">\n\t\t\t\t<div class=\"hmi-avatar-stack hmi-avatar-stack-size-xl hmi-avatar-stack-border-teal hmi-avatar-stack-text-ink\">\n\t<div class=\"hmi-avatar-stack-images\">\n\t\t\t<\/div>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<p class=\"hmi-contact-person-intro\">Qualifikation<\/p>\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<ul class=\"hmi-contact-person-badges\">\n\t\t\t\t\t\t\t\t\t<li><span class=\"hmi-badge hmi-badge-teal\">ICF Level 1 akkreditiert<\/span><\/li>\n\t\t\t\t\t\t\t\t\t<li><span class=\"hmi-badge hmi-badge-teal\">Hogan-zertifiziert<\/span><\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t\n\t\t\t<\/div>\n<\/aside>\n<\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"hmi-section-outro hmi-section-outro-align-center hmi-section-pt-md hmi-section-pb-md\">\n\n\t\n\t<div class=\"hmi-heading-block hmi-heading-align-center\">\n\t\t<h3 class=\"hmi-heading hmi-heading-size-section-md hmi-heading-weight-bold hmi-heading-color-ink\">Lieber direkt sprechen?<\/h3>\n<\/div>\n\n\t\t\t<div class=\"hmi-section-outro-body hmi-section-outro-body-width-normal\">\n\t\t\t<p>+49 6192 922 3200 \u00b7 Mo bis Fr, 09:00 bis 18:00 Uhr<br \/>\n&#105;&#x6e;f&#x6f;&#x40;&#104;&#x6d;-&#105;&#x2e;&#100;&#x65;<\/p>\n\t\t<\/div>\n\t\n\t\n\t\n<\/div>\n<\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Startseite Kostenloses Erstgespr\u00e4ch vereinbaren Ein Gespr\u00e4ch, das kl\u00e4rt, ob und wie eine Zusammenarbeit sinnvoll ist. Termin direkt buchen Erst kurz schreiben Kostenlos &amp; unverbindlich 30 Minuten Videocall via MS Teams Freie Termine werden geladen \u2026 Wunschtag w\u00e4hlen Freie Uhrzeit Name * E-Mail-Adresse * Worum geht es? * Ich stimme der Speicherung meiner Daten zur Kontaktaufnahme...","protected":false},"author":152,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9490","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Kostenfreies Erstgespr\u00e4ch vereinbaren | HM-i<\/title>\n<meta name=\"description\" content=\"Drei\u00dfig Minuten per Videocall, kostenfrei und unverbindlich: Wir kl\u00e4ren, ob und wie eine Zusammenarbeit sinnvoll ist. Termin direkt buchen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hm-i.de\/de_de\/erstgespraech\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jetzt Erstgespr\u00e4ch vereinbaren\" \/>\n<meta property=\"og:description\" content=\"Drei\u00dfig Minuten per Videocall, kostenfrei und unverbindlich: Wir kl\u00e4ren, ob und wie eine Zusammenarbeit sinnvoll ist. Termin direkt buchen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hm-i.de\/de_de\/erstgespraech\/\" \/>\n<meta property=\"og:site_name\" content=\"HM-i, privates Holistic Management-Institut GmbH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HMInstitut\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-23T20:52:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hm-i.de\/wp-content\/uploads\/2026\/07\/website-hm-ipng-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hm-i.de\\\/erstgespraech\\\/\",\"url\":\"https:\\\/\\\/hm-i.de\\\/erstgespraech\\\/\",\"name\":\"Kostenfreies Erstgespr\u00e4ch vereinbaren | HM-i\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hm-i.de\\\/#website\"},\"datePublished\":\"2026-07-20T05:42:48+00:00\",\"dateModified\":\"2026-08-23T20:52:31+00:00\",\"description\":\"Drei\u00dfig Minuten per Videocall, kostenfrei und unverbindlich: Wir kl\u00e4ren, ob und wie eine Zusammenarbeit sinnvoll ist. Termin direkt buchen.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hm-i.de\\\/erstgespraech\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hm-i.de\\\/erstgespraech\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hm-i.de\\\/erstgespraech\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/hm-i.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jetzt Erstgespr\u00e4ch vereinbaren\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hm-i.de\\\/#website\",\"url\":\"https:\\\/\\\/hm-i.de\\\/\",\"name\":\"HM-i, privates Holistic Management-Institut GmbH\",\"description\":\"Management- und Leadership-Consulting, Coachausbildung, Coaching und Training\",\"publisher\":{\"@id\":\"https:\\\/\\\/hm-i.de\\\/#organization\"},\"alternateName\":\"HM-i GmbH\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hm-i.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hm-i.de\\\/#organization\",\"name\":\"HM-i GmbH, privates Holistic Management-Institut\",\"alternateName\":\"HM-i GmbH\",\"url\":\"https:\\\/\\\/hm-i.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/hm-i.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hm-i.de\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Logo_HMI_CMYK.jpg\",\"contentUrl\":\"https:\\\/\\\/hm-i.de\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Logo_HMI_CMYK.jpg\",\"width\":696,\"height\":452,\"caption\":\"HM-i GmbH, privates Holistic Management-Institut\"},\"image\":{\"@id\":\"https:\\\/\\\/hm-i.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/HMInstitut\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/hm-i-privates-holistic-management-institut-gmbh\\\/?viewAsMember=true\"],\"email\":\"info@hm-i.de\",\"telephone\":\"+496192 9223200\",\"legalName\":\"HM-i, privates Holistic Management-Institut GmbH\",\"foundingDate\":\"2014-08-08\",\"vatID\":\"DE296413622\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1\",\"maxValue\":\"10\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Kostenfreies Erstgespr\u00e4ch vereinbaren | HM-i","description":"Drei\u00dfig Minuten per Videocall, kostenfrei und unverbindlich: Wir kl\u00e4ren, ob und wie eine Zusammenarbeit sinnvoll ist. Termin direkt buchen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hm-i.de\/de_de\/erstgespraech\/","og_locale":"de_DE","og_type":"article","og_title":"Jetzt Erstgespr\u00e4ch vereinbaren","og_description":"Drei\u00dfig Minuten per Videocall, kostenfrei und unverbindlich: Wir kl\u00e4ren, ob und wie eine Zusammenarbeit sinnvoll ist. Termin direkt buchen.","og_url":"https:\/\/hm-i.de\/de_de\/erstgespraech\/","og_site_name":"HM-i, privates Holistic Management-Institut GmbH","article_publisher":"https:\/\/www.facebook.com\/HMInstitut\/","article_modified_time":"2026-08-23T20:52:31+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/hm-i.de\/wp-content\/uploads\/2026\/07\/website-hm-ipng-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hm-i.de\/erstgespraech\/","url":"https:\/\/hm-i.de\/erstgespraech\/","name":"Kostenfreies Erstgespr\u00e4ch vereinbaren | HM-i","isPartOf":{"@id":"https:\/\/hm-i.de\/#website"},"datePublished":"2026-07-20T05:42:48+00:00","dateModified":"2026-08-23T20:52:31+00:00","description":"Drei\u00dfig Minuten per Videocall, kostenfrei und unverbindlich: Wir kl\u00e4ren, ob und wie eine Zusammenarbeit sinnvoll ist. Termin direkt buchen.","breadcrumb":{"@id":"https:\/\/hm-i.de\/erstgespraech\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hm-i.de\/erstgespraech\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hm-i.de\/erstgespraech\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/hm-i.de\/"},{"@type":"ListItem","position":2,"name":"Jetzt Erstgespr\u00e4ch vereinbaren"}]},{"@type":"WebSite","@id":"https:\/\/hm-i.de\/#website","url":"https:\/\/hm-i.de\/","name":"HM-i, privates Holistic Management-Institut GmbH","description":"Management- und Leadership-Consulting, Coachausbildung, Coaching und Training","publisher":{"@id":"https:\/\/hm-i.de\/#organization"},"alternateName":"HM-i GmbH","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hm-i.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/hm-i.de\/#organization","name":"HM-i GmbH, privates Holistic Management-Institut","alternateName":"HM-i GmbH","url":"https:\/\/hm-i.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/hm-i.de\/#\/schema\/logo\/image\/","url":"https:\/\/hm-i.de\/wp-content\/uploads\/2026\/07\/Logo_HMI_CMYK.jpg","contentUrl":"https:\/\/hm-i.de\/wp-content\/uploads\/2026\/07\/Logo_HMI_CMYK.jpg","width":696,"height":452,"caption":"HM-i GmbH, privates Holistic Management-Institut"},"image":{"@id":"https:\/\/hm-i.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HMInstitut\/","https:\/\/www.linkedin.com\/company\/hm-i-privates-holistic-management-institut-gmbh\/?viewAsMember=true"],"email":"info@hm-i.de","telephone":"+496192 9223200","legalName":"HM-i, privates Holistic Management-Institut GmbH","foundingDate":"2014-08-08","vatID":"DE296413622","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}}]}},"_links":{"self":[{"href":"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/pages\/9490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/users\/152"}],"replies":[{"embeddable":true,"href":"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/comments?post=9490"}],"version-history":[{"count":11,"href":"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/pages\/9490\/revisions"}],"predecessor-version":[{"id":10340,"href":"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/pages\/9490\/revisions\/10340"}],"wp:attachment":[{"href":"https:\/\/hm-i.de\/de_de\/wp-json\/wp\/v2\/media?parent=9490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}