{"id":167,"date":"2026-06-08T10:22:09","date_gmt":"2026-06-08T10:22:09","guid":{"rendered":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/?page_id=167"},"modified":"2026-06-11T08:32:50","modified_gmt":"2026-06-11T08:32:50","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Kontakt \u2013 Taler<\/title>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&#038;family=DM+Sans:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n*, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n:root {\n  --bg: #f5f0eb;\n  --card: #ede8e1;\n  --card-border: #d6cfc6;\n  --orange: #9e6b4a;\n  --orange-light: #b57d5a;\n  --text: #3a2e26;\n  --muted: #7a6e66;\n}\n\nbody {\n  color: var(--text);\n  font-family: 'DM Sans', sans-serif;\n  min-height: 100vh;\n  padding: 80px 5px; \/* nur 5px links\/rechts *\/\n  background: var(--bg);\n}\n\n.container {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n}\n\n.hero {\n  margin-bottom: 48px;\n}\n\n.hero h1 {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(2rem, 5vw, 3rem);\n  margin-bottom: 10px;\n  letter-spacing: -0.02em;\n}\n\n.hero p {\n  font-size: 0.9rem;\n  color: var(--muted);\n  font-weight: 300;\n}\n\n.info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 16px;\n  margin-bottom: 40px;\n}\n\n.info-card {\n  background: var(--card);\n  border: 1px solid var(--card-border);\n  border-radius: 16px;\n  padding: 24px 20px;\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n}\n\n.icon-wrap {\n  width: 40px;\n  height: 40px;\n  background: var(--orange);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.icon-wrap svg {\n  width: 18px;\n  height: 18px;\n  stroke: var(--bg);\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.info-label {\n  font-size: 0.72rem;\n  color: var(--orange);\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  margin-bottom: 4px;\n}\n\n.info-value {\n  font-size: 0.85rem;\n  color: var(--text);\n  line-height: 1.6;\n}\n\n.form-card {\n  background: var(--card);\n  border: 1px solid var(--card-border);\n  border-radius: 16px;\n  padding: 40px;\n}\n\n.form-card h2 {\n  font-family: 'Playfair Display', serif;\n  font-size: 1.4rem;\n  margin-bottom: 28px;\n}\n\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-bottom: 16px;\n}\n\n.form-field label {\n  font-size: 0.78rem;\n  color: var(--muted);\n  font-weight: 500;\n}\n\n.form-field input,\n.form-field textarea {\n  background: var(--bg);\n  border: 1px solid var(--card-border);\n  border-radius: 8px;\n  padding: 10px 14px;\n  font-size: 0.85rem;\n  color: var(--text);\n  font-family: 'DM Sans', sans-serif;\n  font-weight: 300;\n  outline: none;\n  transition: border-color 0.2s;\n}\n\n.form-field input:focus,\n.form-field textarea:focus {\n  border-color: var(--orange);\n}\n\n.form-field textarea {\n  resize: vertical;\n  min-height: 120px;\n}\n\n.submit-btn {\n  background: var(--orange);\n  color: var(--bg);\n  border: none;\n  border-radius: 8px;\n  padding: 12px 28px;\n  font-size: 0.88rem;\n  font-family: 'DM Sans', sans-serif;\n  font-weight: 500;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  transition: background 0.2s;\n}\n\n.submit-btn:hover {\n  background: var(--orange-light);\n}\n\n.submit-btn svg {\n  width: 15px;\n  height: 15px;\n  stroke: var(--bg);\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n@media (max-width: 600px) {\n  body {\n    padding: 48px 5px;\n  }\n\n  .form-row {\n    grid-template-columns: 1fr;\n  }\n\n  .form-card {\n    padding: 28px 20px;\n  }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n  <div class=\"hero\">\n    <h1>Kontakt<\/h1>\n    <p>Wir freuen uns auf Ihre Nachricht. F\u00fcllen Sie einfach das Formular aus.<\/p>\n  <\/div>\n\n  <div class=\"info-grid\">\n\n    <div class=\"info-card\">\n      <div class=\"icon-wrap\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 3.08 4.18 2 2 0 0 1 5.07 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L9.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n        <\/svg>\n      <\/div>\n      <div>\n        <div class=\"info-label\">Telefon<\/div>\n        <div class=\"info-value\">+43 123 456 7890<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"info-card\">\n      <div class=\"icon-wrap\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n          <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n        <\/svg>\n      <\/div>\n      <div>\n        <div class=\"info-label\">E-Mail<\/div>\n        <div class=\"info-value\">TalerGmbH@hotmail.com<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"info-card\">\n      <div class=\"icon-wrap\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n          <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n        <\/svg>\n      <\/div>\n      <div>\n        <div class=\"info-label\">Adresse<\/div>\n        <div class=\"info-value\">Wiener Stra\u00dfe 67<br>3433 K\u00f6nigstetten<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"info-card\">\n      <div class=\"icon-wrap\">\n        <svg viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n          <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n        <\/svg>\n      <\/div>\n      <div>\n        <div class=\"info-label\">\u00d6ffnungszeiten<\/div>\n        <div class=\"info-value\">Mo\u2013Fr: 09:30\u201310:00<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"form-card\">\n    <h2>Nachricht senden<\/h2>\n\n    <div class=\"form-row\">\n      <div class=\"form-field\">\n        <label>Vorname<\/label>\n        <input type=\"text\" placeholder=\"Vorname\">\n      <\/div>\n\n      <div class=\"form-field\">\n        <label>Nachname<\/label>\n        <input type=\"text\" placeholder=\"Nachname\">\n      <\/div>\n    <\/div>\n\n    <div class=\"form-field\">\n      <label>E-Mail<\/label>\n      <input type=\"email\" placeholder=\"Ihre E-Mail\">\n    <\/div>\n\n    <div class=\"form-field\">\n      <label>Betreff<\/label>\n      <input type=\"text\" placeholder=\"Ihr Anliegen\">\n    <\/div>\n\n    <div class=\"form-field\">\n      <label>Nachricht<\/label>\n      <textarea placeholder=\"Ihre Nachricht...\"><\/textarea>\n    <\/div>\n\n    <button class=\"submit-btn\">\n      Absenden\n    <\/button>\n  <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kontakt \u2013 Taler Kontakt Wir freuen uns auf Ihre Nachricht. F\u00fcllen Sie einfach das Formular aus. Telefon +43 123 456 7890 E-Mail TalerGmbH@hotmail.com Adresse Wiener Stra\u00dfe 673433 K\u00f6nigstetten \u00d6ffnungszeiten Mo\u2013Fr: 09:30\u201310:00 Nachricht senden Vorname Nachname E-Mail Betreff Nachricht Absenden<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"footnotes":""},"class_list":["post-167","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":9,"href":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/167\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/167\/revisions\/358"}],"wp:attachment":[{"href":"https:\/\/upbeat-dewdney.185-178-193-218.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}