{"id":187,"date":"2019-12-06T08:13:32","date_gmt":"2019-12-06T08:13:32","guid":{"rendered":"https:\/\/jack-herr.ga\/?page_id=187"},"modified":"2026-03-28T21:40:55","modified_gmt":"2026-03-28T20:40:55","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/jack-herr.ga\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"<section class=\"fw-main-row \"  >\n\t<div class=\"fw-container\">\n\t\t<div class=\"row\">\n\t\r\n\r\n<div class=\" col-xs-12 col-sm-12 \">\r\n    <div id=\"col_inner_3ccee71e8c8e859dc5114864cb7080fd\" class=\"fw-col-inner\" data-paddings=\"0px 0px 0px 0px\">\r\n    \t<!-- ===== UHRZEIT & WETTER WIDGET (responsive) ===== -->\n<style>\n.wtc-card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 12px;\n  padding: 14px 20px;\n  margin: 30px 0;\n  box-sizing: border-box;\n  transition: border-color 0.2s;\n}\n.wtc-card:hover { border-color: rgba(255,255,255,0.25); }\n\n\/* Desktop: alles eine Zeile *\/\n.wtc-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.wtc-greeting {\n  font-size: 12px;\n  color: rgba(255,255,255,0.4);\n  font-style: italic;\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wtc-sep {\n  color: rgba(255,255,255,0.15);\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.wtc-time {\n  font-size: 15px;\n  font-weight: 700;\n  color: #fff;\n  flex-shrink: 0;\n}\n\n.wtc-date {\n  font-size: 12px;\n  color: rgba(255,255,255,0.4);\n  flex-shrink: 0;\n}\n\n.wtc-weather {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  flex-shrink: 0;\n}\n\n.wtc-wicon { font-size: 15px; line-height: 1; }\n.wtc-wtemp { font-size: 14px; font-weight: 700; color: #fff; }\n.wtc-wdesc { font-size: 12px; color: rgba(255,255,255,0.4); }\n\n\/* Mobil: zwei Zeilen *\/\n@media (max-width: 540px) {\n  .wtc-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .wtc-greeting {\n    white-space: normal;\n    overflow: visible;\n    text-overflow: unset;\n    font-size: 13px;\n    line-height: 1.4;\n  }\n\n  .wtc-bottom {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n  }\n\n  \/* Separatoren auf Mobil ausblenden *\/\n  .wtc-sep { display: none; }\n\n  .wtc-time { font-size: 16px; }\n  .wtc-date { font-size: 12px; }\n  .wtc-wtemp { font-size: 15px; }\n  .wtc-wdesc { font-size: 12px; }\n}\n<\/style>\n\n<div class=\"wtc-card\">\n  <div class=\"wtc-row\">\n    <span class=\"wtc-greeting\" id=\"wtc-greeting\">\u2026<\/span>\n    <span class=\"wtc-sep\">|<\/span>\n    <!-- Desktop: inline. Mobil: geb\u00fcndelt in .wtc-bottom -->\n    <div class=\"wtc-bottom\">\n      <span class=\"wtc-time\" id=\"wtc-time\">--:--<\/span>\n      <span class=\"wtc-date\" id=\"wtc-date\">\u2026<\/span>\n      <span class=\"wtc-sep\">|<\/span>\n      <div class=\"wtc-weather\">\n        <span class=\"wtc-wicon\" id=\"wtc-wicon\">\u23f3<\/span>\n        <span class=\"wtc-wtemp\" id=\"wtc-wtemp\">--\u00b0C<\/span>\n        <span class=\"wtc-wdesc\" id=\"wtc-wdesc\"><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var LAT = 47.8095, LON = 16.2458;\n\n  var WMO = {\n    0:  { icon: \"\u2600\ufe0f\",  desc: \"Klar\" },\n    1:  { icon: \"\ud83c\udf24\ufe0f\", desc: \"\u00dcberwiegend klar\" },\n    2:  { icon: \"\u26c5\",  desc: \"Teilweise bew\u00f6lkt\" },\n    3:  { icon: \"\u2601\ufe0f\",  desc: \"Bew\u00f6lkt\" },\n    45: { icon: \"\ud83c\udf2b\ufe0f\", desc: \"Nebel\" },\n    48: { icon: \"\ud83c\udf2b\ufe0f\", desc: \"Reifnebel\" },\n    51: { icon: \"\ud83c\udf26\ufe0f\", desc: \"Nieselregen\" },\n    53: { icon: \"\ud83c\udf26\ufe0f\", desc: \"Nieselregen\" },\n    55: { icon: \"\ud83c\udf27\ufe0f\", desc: \"Starker Nieselregen\" },\n    61: { icon: \"\ud83c\udf27\ufe0f\", desc: \"Leichter Regen\" },\n    63: { icon: \"\ud83c\udf27\ufe0f\", desc: \"Regen\" },\n    65: { icon: \"\ud83c\udf27\ufe0f\", desc: \"Starker Regen\" },\n    71: { icon: \"\u2744\ufe0f\",  desc: \"Leichter Schnee\" },\n    73: { icon: \"\u2744\ufe0f\",  desc: \"Schneefall\" },\n    75: { icon: \"\u2744\ufe0f\",  desc: \"Starker Schnee\" },\n    80: { icon: \"\ud83c\udf26\ufe0f\", desc: \"Regenschauer\" },\n    81: { icon: \"\ud83c\udf27\ufe0f\", desc: \"Regenschauer\" },\n    82: { icon: \"\u26c8\ufe0f\",  desc: \"Starke Schauer\" },\n    95: { icon: \"\u26c8\ufe0f\",  desc: \"Gewitter\" },\n    96: { icon: \"\u26c8\ufe0f\",  desc: \"Gewitter mit Hagel\" },\n    99: { icon: \"\u26c8\ufe0f\",  desc: \"Gewitter mit Hagel\" }\n  };\n\n  var GREETINGS = {\n    night:     [\n      \"Noch so sp\u00e4t wach? G\u00f6nne dir etwas Schlaf! \ud83c\udf19\",\n      \"Tiefes Nacht-Surfen \u2014 klassisch. \ud83d\ude34\",\n      \"Schlaf ist Produktivit\u00e4t. Nur so als Tipp. \ud83c\udf0c\"\n    ],\n    morning:   [\n      \"Guten Morgen! Hoffe du hast gut geschlafen. \u2600\ufe0f\",\n      \"Sch\u00f6nen guten Morgen! Der Tag geh\u00f6rt dir. \ud83c\udf05\",\n      \"Morgen! Kaffee bereit? Dann kann's losgehen. \u2615\",\n      \"Guten Morgen! Ich hoffe dein Tag startet entspannt. \ud83c\udf24\ufe0f\"\n    ],\n    afternoon: [\n      \"Sch\u00f6nen guten Tag! Hoffe alles l\u00e4uft rund. \ud83d\udc4b\",\n      \"Guten Nachmittag! Kurze Pause hilft. \ud83d\ude42\",\n      \"Hey! Mitten im Tag \u2014 du schaffst das. \ud83d\udcaa\",\n      \"Guten Tag! Hoffe dein Tag macht dir Spa\u00df. \ud83d\ude0a\"\n    ],\n    evening:   [\n      \"Guten Abend! Zeit zum Entspannen. \ud83c\udf06\",\n      \"Sch\u00f6nen Abend! Du hast dir was Cooles verdient. \ud83c\udfae\",\n      \"Guten Abend! Hoffe der Tag war produktiv. \ud83c\udf07\",\n      \"Hey, guten Abend! Genie\u00df den Rest des Tages. \ud83c\udf55\"\n    ],\n    latenight: [\n      \"Schon sp\u00e4t \u2014 aber sch\u00f6n dass du vorbeischaust. \ud83c\udf19\",\n      \"Nachteulen sind auch willkommen hier. \ud83e\udd89\",\n      \"Gute Nacht w\u00e4re passender, aber hey \u2014 willkommen! \ud83d\ude04\"\n    ]\n  };\n\n  function getGreeting(h) {\n    var pool = h < 6  ? GREETINGS.night\n             : h < 12 ? GREETINGS.morning\n             : h < 18 ? GREETINGS.afternoon\n             : h < 22 ? GREETINGS.evening\n             :           GREETINGS.latenight;\n    return pool[Math.floor(Math.random() * pool.length)];\n  }\n\n  var WEEKDAYS = [\"Sonntag\",\"Montag\",\"Dienstag\",\"Mittwoch\",\"Donnerstag\",\"Freitag\",\"Samstag\"];\n  var MONTHS   = [\"Jan\",\"Feb\",\"M\u00e4r\",\"Apr\",\"Mai\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Okt\",\"Nov\",\"Dez\"];\n  var lastHour = -1;\n\n  function updateClock() {\n    var now = new Date();\n    var h = now.getHours(), m = now.getMinutes();\n\n    document.getElementById(\"wtc-time\").textContent =\n      String(h).padStart(2,\"0\") + \":\" + String(m).padStart(2,\"0\");\n\n    document.getElementById(\"wtc-date\").textContent =\n      WEEKDAYS[now.getDay()] + \", \" + now.getDate() + \". \" + MONTHS[now.getMonth()] + \" \" + now.getFullYear();\n\n    if (h !== lastHour) {\n      document.getElementById(\"wtc-greeting\").textContent = getGreeting(h);\n      lastHour = h;\n    }\n  }\n\n  function fetchWeather() {\n    fetch(\n      \"https:\/\/api.open-meteo.com\/v1\/forecast\" +\n      \"?latitude=\" + LAT + \"&longitude=\" + LON +\n      \"&current=temperature_2m,weathercode\" +\n      \"&timezone=Europe%2FVienna\"\n    )\n      .then(function (r) { return r.json(); })\n      .then(function (d) {\n        var w = WMO[d.current.weathercode] || { icon: \"\ud83c\udf21\ufe0f\", desc: \"\" };\n        document.getElementById(\"wtc-wicon\").textContent = w.icon;\n        document.getElementById(\"wtc-wtemp\").textContent = Math.round(d.current.temperature_2m) + \"\u00b0C\";\n        document.getElementById(\"wtc-wdesc\").textContent = w.desc;\n      })\n      .catch(function () {\n        document.getElementById(\"wtc-wdesc\").textContent = \"\u2013\";\n      });\n  }\n\n  updateClock();\n  setInterval(updateClock, 30000);\n  fetchWeather();\n  setInterval(fetchWeather, 15 * 60 * 1000);\n})();\n<\/script>\n<!-- ===== END UHRZEIT & WETTER WIDGET ===== -->\t<\/div>\r\n<\/div>\r\n<\/div>\n\n<div class=\"row\">\n\t\r\n\r\n<div class=\" col-xs-12 col-sm-4 \">\r\n    <div id=\"col_inner_7311a7394317832c0b256771fd211c13\" class=\"fw-col-inner\" data-paddings=\"0px 0px 0px 0px\">\r\n    \t\n<div id=\"info-list-69de7ada9df4b\" class=\"info-list-w-icon\">\n\t\t\t<div class=\"block-title info-list-w-icon-title\">\n\t\t\t<h3>Kontaktinformationen<\/h3>\n\t\t<\/div>\n\t\n\t\t\t<div class=\"info-block-w-icon\">\n\t\t    <div class=\"ci-icon\">\n\t\t        \t\t        \t                        <i class=\"linecons linecons-location\"><\/i>\n\t\t                \t\t    <\/div>\n\t\t    <div class=\"ci-text\">\n\t\t        <h4>Auf Anfrage<\/h4>\n\t\t        \t\t    <\/div>\n\t\t<\/div>\n\t\t\t<div class=\"info-block-w-icon\">\n\t\t    <div class=\"ci-icon\">\n\t\t        \t\t        \t                        <i class=\"linecons linecons-mail\"><\/i>\n\t\t                \t\t    <\/div>\n\t\t    <div class=\"ci-text\">\n\t\t        <h4>j.herrmann@mainmodule.net<\/h4>\n\t\t        \t\t    <\/div>\n\t\t<\/div>\n\t\t\t<div class=\"info-block-w-icon\">\n\t\t    <div class=\"ci-icon\">\n\t\t        \t\t        \t                        <i class=\"linecons linecons-phone\"><\/i>\n\t\t                \t\t    <\/div>\n\t\t    <div class=\"ci-text\">\n\t\t        <h4>+43 676 6644941<\/h4>\n\t\t        \t\t    <\/div>\n\t\t<\/div>\n\t<\/div>\n\t<\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\" col-xs-12 col-sm-8 \">\r\n    <div id=\"col_inner_b9986d93abfbd322e79534dd003c0cb6\" class=\"fw-col-inner\" data-paddings=\"0px 0px 0px 0px\">\r\n    \t\n<div class=\"block-title\">\n    <h2>Kontaktformular<\/h2>\n<\/div>\n\r\n<form id=\"contact_form_69de7ada9ead0\" class=\"contact-form\" action=\"#\" method=\"post\">\r\n\r\n\t<div class=\"messages\"><\/div>\r\n\r\n\t<div class=\"controls two-columns\">\r\n\t\t<div class=\"fields clearfix\">\r\n\t\t\t<div class=\"left-column\">\r\n\t\t\t\t<div class=\"form-group form-group-with-icon\">\r\n\t\t\t\t\t<input id=\"form_name\" type=\"text\" name=\"name\" class=\"form-control\" placeholder=\"Full Name\" required=\"required\" data-error=\"Name is required.\">\r\n\t\t\t\t\t<div class=\"form-control-border\"><\/div>\r\n\t\t\t\t\t<div class=\"help-block with-errors\"><\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"form-group form-group-with-icon\">\r\n\t\t\t\t\t<input id=\"form_email\" type=\"email\" name=\"email\" class=\"form-control\" placeholder=\"Email Address\" required=\"required\" data-error=\"Valid email is required.\">\r\n\t\t\t\t\t<div class=\"form-control-border\"><\/div>\r\n\t\t\t\t\t<div class=\"help-block with-errors\"><\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"form-group form-group-with-icon\">\r\n\t\t\t\t\t<input id=\"form_name\" type=\"text\" name=\"subject\" class=\"form-control\" placeholder=\"Subject\" required=\"required\" data-error=\"Subject is required.\">\r\n\t\t\t\t\t<div class=\"form-control-border\"><\/div>\r\n\t\t\t\t\t<div class=\"help-block with-errors\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"right-column\">\r\n\t\t\t\t<div class=\"form-group form-group-with-icon\">\r\n\t\t\t\t\t<textarea id=\"form_message\" name=\"message\" class=\"form-control\" placeholder=\"Message\" rows=\"7\" required=\"required\" data-error=\"Please, leave me a message.\"><\/textarea>\r\n\t\t\t\t\t<div class=\"form-control-border\"><\/div>\r\n\t\t\t\t\t<div class=\"help-block with-errors\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"g-recaptcha\" data-sitekey=\"6LdqmCAUAAAAAMMNEZvn6g4W5e0or2sZmAVpxVqI\" data-theme=\"dark\"><\/div>\r\n\t\t\t\t\r\n\t\t<input type=\"submit\" class=\"button btn-send\" value=\"Send message\">\r\n\t<\/div>\r\n<\/form>\r\n\r\n\t<\/div>\r\n<\/div>\r\n<\/div>\n\n\t<\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>\u2026 | &#8211;:&#8211; \u2026 | \u23f3 &#8211;\u00b0C Kontaktinformationen Auf Anfrage j.herrmann@mainmodule.net +43 676 6644941 Kontaktformular<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-187","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jack-herr.ga\/en\/wp-json\/wp\/v2\/pages\/187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jack-herr.ga\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jack-herr.ga\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jack-herr.ga\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jack-herr.ga\/en\/wp-json\/wp\/v2\/comments?post=187"}],"version-history":[{"count":11,"href":"https:\/\/jack-herr.ga\/en\/wp-json\/wp\/v2\/pages\/187\/revisions"}],"predecessor-version":[{"id":553,"href":"https:\/\/jack-herr.ga\/en\/wp-json\/wp\/v2\/pages\/187\/revisions\/553"}],"wp:attachment":[{"href":"https:\/\/jack-herr.ga\/en\/wp-json\/wp\/v2\/media?parent=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}