{"id":151,"date":"2023-04-14T06:13:12","date_gmt":"2023-04-14T06:13:12","guid":{"rendered":"https:\/\/top-energie.com\/?page_id=151"},"modified":"2025-11-18T14:35:08","modified_gmt":"2025-11-18T14:35:08","slug":"anfragen","status":"publish","type":"page","link":"https:\/\/top-energie.com\/index.php\/anfragen\/","title":{"rendered":"Anfragen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"151\" class=\"elementor elementor-151\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd28bc5 e-con-full e-flex e-con e-parent\" data-id=\"dd28bc5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e812a1c elementor-widget elementor-widget-html\" data-id=\"e812a1c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  html {\r\n    font-size: 18px;\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    html {\r\n      font-size: 19px;\r\n    }\r\n  }\r\n\r\n  :root {\r\n    --te-bg: #f4f7f2;\r\n    --te-bg-alt: #ffffff;\r\n    --te-primary: #2f7d32;\r\n    --te-primary-soft: #e1f2e3;\r\n    --te-secondary: #cda969;\r\n    --te-accent: #6bbf59;\r\n    --te-text: #1f2933;\r\n    --te-text-soft: #4b5563;\r\n    --te-border: #dde5d8;\r\n    --te-radius-lg: 22px;\r\n    --te-radius-md: 16px;\r\n    --te-shadow-soft: 0 18px 40px rgba(15, 35, 20, 0.15);\r\n  }\r\n\r\n  .te-page {\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    background: radial-gradient(circle at top left, #eaf5ea 0, #f4f7f2 40%, #f9faf9 100%);\r\n    color: var(--te-text);\r\n    padding: 3rem 1.5rem 4rem;\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .te-page {\r\n      padding: 4rem 4vw 5rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-page {\r\n      padding: 1.8rem 1rem 2.5rem;\r\n    }\r\n  }\r\n\r\n  .te-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* ---------- HERO \/ INTRO ---------- *\/\r\n\r\n  .te-inner-hero {\r\n    background: linear-gradient(135deg, #e1f2e3 0, #fdf9ee 50%, #ffffff 100%);\r\n    border-radius: var(--te-radius-lg);\r\n    padding: 2.4rem 2.1rem;\r\n    border: 1px solid rgba(205, 169, 105, 0.45);\r\n    display: grid;\r\n    grid-template-columns: 1.6fr 1.1fr;\r\n    gap: 2rem;\r\n    align-items: center;\r\n    box-shadow: var(--te-shadow-soft);\r\n    margin-bottom: 3.5rem;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .te-inner-hero {\r\n      grid-template-columns: 1fr;\r\n      padding: 2rem 1.6rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-inner-hero {\r\n      padding: 1.8rem 1.3rem;\r\n      gap: 1.6rem;\r\n      margin-bottom: 2.8rem;\r\n    }\r\n  }\r\n\r\n  .te-breadcrumb {\r\n    font-size: .82rem;\r\n    color: var(--te-text-soft);\r\n    margin-bottom: .6rem;\r\n  }\r\n\r\n  .te-breadcrumb a {\r\n    color: var(--te-primary);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .te-breadcrumb a:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-breadcrumb {\r\n      font-size: .8rem;\r\n      margin-bottom: .5rem;\r\n    }\r\n  }\r\n\r\n  .te-inner-kicker {\r\n    font-size: .82rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: .16em;\r\n    color: var(--te-primary);\r\n    font-weight: 600;\r\n    margin-bottom: .3rem;\r\n  }\r\n\r\n  .te-inner-title {\r\n    font-size: 2.1rem;\r\n    line-height: 1.1;\r\n    margin: 0 0 .8rem;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-inner-title {\r\n      font-size: 1.7rem;\r\n      line-height: 1.15;\r\n      margin: 0 0 .7rem;\r\n    }\r\n  }\r\n\r\n  .te-inner-title span {\r\n    background: linear-gradient(135deg, var(--te-primary), var(--te-secondary));\r\n    -webkit-background-clip: text;\r\n    color: transparent;\r\n  }\r\n\r\n  .te-inner-sub {\r\n    font-size: 1rem;\r\n    color: var(--te-text-soft);\r\n    max-width: 32rem;\r\n    margin-bottom: 1.2rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-inner-sub {\r\n      font-size: .94rem;\r\n      line-height: 1.5;\r\n      margin-bottom: 1rem;\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  .te-inner-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: .5rem;\r\n  }\r\n\r\n  .te-inner-tag {\r\n    font-size: .84rem;\r\n    padding: .3rem .75rem;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    border: 1px solid rgba(47, 125, 50, 0.18);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-inner-tag {\r\n      font-size: .86rem;\r\n      padding: .4rem .8rem;\r\n    }\r\n  }\r\n\r\n  .te-inner-hero-right {\r\n    background: rgba(255, 255, 255, 0.96);\r\n    border-radius: var(--te-radius-md);\r\n    padding: 1.5rem 1.4rem;\r\n    border: 1px solid var(--te-border);\r\n    font-size: .94rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-inner-hero-right {\r\n      padding: 1.3rem 1.2rem;\r\n      font-size: .92rem;\r\n    }\r\n  }\r\n\r\n  .te-inner-hero-right h3 {\r\n    margin: 0 0 .6rem;\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .te-inner-hero-right p {\r\n    margin: 0 0 .5rem;\r\n  }\r\n\r\n  .te-inner-hero-right a {\r\n    color: var(--te-primary);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .te-inner-hero-right a:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  \/* ---------- FORM LAYOUT ---------- *\/\r\n\r\n  .te-section {\r\n    margin-bottom: 3.5rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-section {\r\n      margin-bottom: 2.8rem;\r\n    }\r\n  }\r\n\r\n  .te-section-header {\r\n    margin-bottom: 1.6rem;\r\n  }\r\n\r\n  .te-section-kicker {\r\n    font-size: .82rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: .16em;\r\n    color: var(--te-primary);\r\n    font-weight: 600;\r\n    margin-bottom: .3rem;\r\n  }\r\n\r\n  .te-section-title {\r\n    font-size: 1.7rem;\r\n    margin: 0 0 .4rem;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-section-title {\r\n      font-size: 1.5rem;\r\n    }\r\n  }\r\n\r\n  .te-section-sub {\r\n    font-size: 1rem;\r\n    color: var(--te-text-soft);\r\n    max-width: 32rem;\r\n  }\r\n\r\n  .te-form-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.4fr 1.1fr;\r\n    gap: 2.3rem;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .te-form-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-form-grid {\r\n      gap: 1.6rem;\r\n    }\r\n  }\r\n\r\n  .te-form-card {\r\n    background: #ffffff;\r\n    border-radius: var(--te-radius-md);\r\n    padding: 1.8rem 1.7rem;\r\n    border: 1px solid var(--te-border);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-form-card {\r\n      padding: 1.5rem 1.3rem;\r\n    }\r\n  }\r\n\r\n  .te-form-side {\r\n    background: #ffffff;\r\n    border-radius: var(--te-radius-md);\r\n    padding: 1.8rem 1.7rem;\r\n    border: 1px solid var(--te-border);\r\n    font-size: .94rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-form-side {\r\n      padding: 1.5rem 1.3rem;\r\n      font-size: .92rem;\r\n    }\r\n  }\r\n\r\n  .te-form-side h3 {\r\n    margin: 0 0 .6rem;\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .te-form-side p {\r\n    margin: 0 0 .5rem;\r\n  }\r\n\r\n  .te-form-side ul {\r\n    padding-left: 1.1rem;\r\n    margin: .3rem 0 .6rem;\r\n  }\r\n\r\n  .te-form-side li {\r\n    margin-bottom: .25rem;\r\n  }\r\n\r\n  \/* ---------- FORM ELEMENTE ---------- *\/\r\n\r\n  form.te-form {\r\n    display: grid;\r\n    gap: 1.1rem;\r\n  }\r\n\r\n  .te-field {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: .25rem;\r\n  }\r\n\r\n  .te-field-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 1rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-field-row {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  .te-field label {\r\n    font-size: .9rem;\r\n    font-weight: 600;\r\n    color: var(--te-text);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-field label {\r\n      font-size: .92rem;\r\n    }\r\n  }\r\n\r\n  .te-field small {\r\n    font-size: .8rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-field small {\r\n      font-size: .84rem;\r\n      line-height: 1.4;\r\n    }\r\n  }\r\n\r\n  .te-input,\r\n  .te-select,\r\n  .te-textarea {\r\n    border-radius: 999px;\r\n    border: 1px solid var(--te-border);\r\n    padding: .65rem .95rem;\r\n    font-size: .95rem;\r\n    font-family: inherit;\r\n    outline: none;\r\n    background: #ffffff;\r\n    transition: border-color .16s ease-out, box-shadow .16s ease-out, background-color .16s ease-out;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-input,\r\n    .te-select,\r\n    .te-textarea {\r\n      padding: .75rem 1rem;\r\n      font-size: 1rem;\r\n      min-height: 48px;\r\n    }\r\n  }\r\n\r\n  .te-textarea {\r\n    border-radius: 16px;\r\n    min-height: 140px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .te-input:focus,\r\n  .te-select:focus,\r\n  .te-textarea:focus {\r\n    border-color: rgba(47, 125, 50, 0.55);\r\n    box-shadow: 0 0 0 1px rgba(47, 125, 50, 0.25);\r\n    background: #fbfefb;\r\n  }\r\n\r\n  .te-radio-group,\r\n  .te-checkbox-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: .6rem 1.2rem;\r\n    font-size: .9rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-radio-group,\r\n    .te-checkbox-group {\r\n      gap: .7rem 1rem;\r\n      font-size: .92rem;\r\n    }\r\n  }\r\n\r\n  .te-radio-item,\r\n  .te-checkbox-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: .35rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-radio-item,\r\n    .te-checkbox-item {\r\n      gap: .4rem;\r\n      padding: .3rem 0;\r\n    }\r\n  }\r\n\r\n  .te-radio-item input,\r\n  .te-checkbox-item input {\r\n    accent-color: var(--te-primary);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-radio-item input,\r\n    .te-checkbox-item input {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  \/* ---------- FILE INPUT ---------- *\/\r\n\r\n  .te-file-wrapper {\r\n    position: relative;\r\n    border-radius: 16px;\r\n    border: 1px dashed var(--te-border);\r\n    padding: .9rem 1rem;\r\n    background: #fafdf9;\r\n    display: grid;\r\n    gap: .3rem;\r\n    font-size: .9rem;\r\n  }\r\n\r\n  .te-file-wrapper input[type=\"file\"] {\r\n    font-size: .85rem;\r\n  }\r\n\r\n  .te-file-note {\r\n    font-size: .8rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  \/* ---------- HONEYPOT ---------- *\/\r\n\r\n  .te-honeypot {\r\n    position: absolute;\r\n    left: -9999px;\r\n    width: 1px;\r\n    height: 1px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* ---------- BUTTONS ---------- *\/\r\n\r\n  .te-form-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 1rem;\r\n    align-items: center;\r\n    margin-top: .4rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-form-actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: .8rem;\r\n    }\r\n  }\r\n\r\n  .te-btn-primary,\r\n  .te-btn-ghost {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: .45rem;\r\n    padding: .9rem 1.6rem;\r\n    border-radius: 999px;\r\n    font-size: .98rem;\r\n    font-weight: 600;\r\n    border: none;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all .18s ease-out;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .te-btn-primary {\r\n    background: linear-gradient(135deg, var(--te-primary), var(--te-accent));\r\n    color: #ffffff;\r\n    box-shadow: var(--te-shadow-soft);\r\n  }\r\n\r\n  .te-btn-primary:hover:not([disabled]) {\r\n    transform: translateY(-1px) scale(1.01);\r\n    box-shadow: 0 22px 50px rgba(15, 35, 20, 0.2);\r\n  }\r\n\r\n  .te-btn-primary[disabled] {\r\n    opacity: .7;\r\n    cursor: wait;\r\n  }\r\n\r\n  .te-btn-ghost {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    color: var(--te-text);\r\n    border: 1px solid rgba(31, 41, 51, 0.09);\r\n  }\r\n\r\n  .te-btn-ghost:hover {\r\n    background: #ffffff;\r\n    border-color: rgba(47, 125, 50, 0.32);\r\n  }\r\n\r\n  .te-btn-icon {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .te-btn-primary,\r\n    .te-btn-ghost {\r\n      width: 100%;\r\n      padding: 1rem 1.6rem;\r\n      font-size: 1rem;\r\n      min-height: 48px;\r\n    }\r\n\r\n    .te-btn-icon {\r\n      font-size: 1.15rem;\r\n    }\r\n  }\r\n\r\n  .te-form-hint {\r\n    font-size: .8rem;\r\n    color: var(--te-text-soft);\r\n  }\r\n\r\n  .te-form-error {\r\n    font-size: .82rem;\r\n    color: #b91c1c;\r\n    margin-top: .3rem;\r\n    display: none;\r\n  }\r\n\r\n  .te-form-error.is-visible {\r\n    display: block;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"te-page\">\r\n  <div class=\"te-container\">\r\n\r\n    <!-- HERO \/ INTRO -->\r\n    <section class=\"te-inner-hero\">\r\n      <div>\r\n        <div class=\"te-breadcrumb\">\r\n          <a href=\"\/\">Startseite<\/a> \u00b7 Anfragen\r\n        <\/div>\r\n        <div class=\"te-inner-kicker\">Anfrage<\/div>\r\n        <h1 class=\"te-inner-title\">\r\n          <span>Energie-Check<\/span> & Beratung anfragen\r\n        <\/h1>\r\n        <p class=\"te-inner-sub\">\r\n          Senden Sie uns Ihre Daten und Ihre aktuelle Vorjahresrechnung\r\n          \u2013 wir pr\u00fcfen, wo Sie stehen und welche Einspar- und\r\n          Unabh\u00e4ngigkeitspotenziale sich f\u00fcr Sie lohnen.\r\n        <\/p>\r\n        <div class=\"te-inner-tags\">\r\n          <span class=\"te-inner-tag\">Energiekosten-Check Strom & Gas<\/span>\r\n          <span class=\"te-inner-tag\">Photovoltaik & Verpachtung<\/span>\r\n          <span class=\"te-inner-tag\">F\u00f6rderf\u00e4hige Energieaudits<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"te-inner-hero-right\">\r\n        <h3>Wichtig f\u00fcr Ihre Anfrage<\/h3>\r\n        <p>\r\n          Bitte halten Sie Ihre <strong>Vorjahresrechnung f\u00fcr Strom und\/oder Gas<\/strong> bereit.\r\n          Diese muss aktuell sein:\r\n        <\/p>\r\n        <ul>\r\n          <li>Abrechnungsjahr <strong>2024<\/strong> oder <strong>2025<\/strong><\/li>\r\n        <\/ul>\r\n        <p>\r\n          Je vollst\u00e4ndiger Ihre Angaben sind, desto genauer k\u00f6nnen wir Ihre\r\n          Situation einsch\u00e4tzen und passende Vorschl\u00e4ge machen.\r\n        <\/p>\r\n        <p>\r\n          Bei R\u00fcckfragen erreichen Sie uns auch direkt:\r\n          <br>\r\n          Telefon: <a href=\"tel:+491713228410\">+49 171 3228410<\/a><br>\r\n          E-Mail: <a href=\"mailto:info@top-energie.com\">info@top-energie.com<\/a>\r\n        <\/p>\r\n      <\/aside>\r\n    <\/section>\r\n\r\n    <!-- FORMULAR -->\r\n    <section class=\"te-section\">\r\n      <header class=\"te-section-header\">\r\n        <div class=\"te-section-kicker\">Kontaktformular<\/div>\r\n        <h2 class=\"te-section-title\">Ihre Anfrage an Top-Energie<\/h2>\r\n        <p class=\"te-section-sub\">\r\n          Die mit * gekennzeichneten Felder sind Pflichtfelder. Ihre Daten\r\n          werden ausschlie\u00dflich zur Bearbeitung Ihrer Anfrage verwendet.\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"te-form-grid\">\r\n        <div class=\"te-form-card\">\r\n          <form id=\"te-contact-form\" class=\"te-form\" method=\"post\" action=\"\">\r\n            <!-- Honeypot -->\r\n            <div class=\"te-honeypot\" aria-hidden=\"true\">\r\n              <label for=\"extra_info\">Bitte dieses Feld <strong>nicht<\/strong> ausf\u00fcllen.<\/label>\r\n              <input type=\"text\" id=\"extra_info\" name=\"extra_info\" tabindex=\"-1\" autocomplete=\"off\">\r\n            <\/div>\r\n\r\n            <div class=\"te-field\">\r\n              <label for=\"anfrageart\">Art der Anfrage *<\/label>\r\n              <select id=\"anfrageart\" name=\"anfrageart\" class=\"te-select\" required>\r\n                <option value=\"\">Bitte ausw\u00e4hlen<\/option>\r\n                <option value=\"Energiekosten-Check\">Energiekosten-Check Strom &amp; Gas<\/option>\r\n                <option value=\"Photovoltaik\">Photovoltaik \/ Dach- oder Freifl\u00e4che<\/option>\r\n                <option value=\"Energieaudit\">F\u00f6rderf\u00e4higes Energieaudit<\/option>\r\n                <option value=\"Sonstiges\">Allgemeine Frage<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"te-field-row\">\r\n              <div class=\"te-field\">\r\n                <label for=\"name\">Name *<\/label>\r\n                <input id=\"name\" name=\"name\" class=\"te-input\" type=\"text\" autocomplete=\"name\" required>\r\n              <\/div>\r\n              <div class=\"te-field\">\r\n                <label for=\"firma\">Firma (optional)<\/label>\r\n                <input id=\"firma\" name=\"firma\" class=\"te-input\" type=\"text\" autocomplete=\"organization\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"te-field-row\">\r\n              <div class=\"te-field\">\r\n                <label for=\"email\">E-Mail *<\/label>\r\n                <input id=\"email\" name=\"email\" class=\"te-input\" type=\"email\" autocomplete=\"email\" required>\r\n              <\/div>\r\n              <div class=\"te-field\">\r\n                <label for=\"telefon\">Telefon *<\/label>\r\n                <input id=\"telefon\" name=\"telefon\" class=\"te-input\" type=\"tel\" autocomplete=\"tel\" required>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"te-field-row\">\r\n              <div class=\"te-field\">\r\n                <label for=\"plz\">PLZ *<\/label>\r\n                <input id=\"plz\" name=\"plz\" class=\"te-input\" type=\"text\" pattern=\"\\\\d{4,5}\" required>\r\n                <small>F\u00fcr eine regionale Einordnung (4\u20135-stellig).<\/small>\r\n              <\/div>\r\n              <div class=\"te-field\">\r\n                <label for=\"ort\">Ort *<\/label>\r\n                <input id=\"ort\" name=\"ort\" class=\"te-input\" type=\"text\" required>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"te-field\">\r\n              <label>Versorgung \/ Thema *<\/label>\r\n              <div class=\"te-checkbox-group\">\r\n                <label class=\"te-checkbox-item\">\r\n                  <input type=\"checkbox\" name=\"thema[]\" value=\"Strom\"> Strom\r\n                <\/label>\r\n                <label class=\"te-checkbox-item\">\r\n                  <input type=\"checkbox\" name=\"thema[]\" value=\"Gas\"> Gas\r\n                <\/label>\r\n                <label class=\"te-checkbox-item\">\r\n                  <input type=\"checkbox\" name=\"thema[]\" value=\"Photovoltaik\"> Photovoltaik\r\n                <\/label>\r\n                <label class=\"te-checkbox-item\">\r\n                  <input type=\"checkbox\" name=\"thema[]\" value=\"Energieaudit\"> Energieaudit\r\n                <\/label>\r\n              <\/div>\r\n              <div id=\"thema-error\" class=\"te-form-error\">Bitte mindestens ein Thema ausw\u00e4hlen.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"te-field-row\">\r\n              <div class=\"te-field\">\r\n                <label for=\"verbrauch\">Jahresverbrauch (Strom\/Gas) ca. in kWh<\/label>\r\n                <input id=\"verbrauch\" name=\"verbrauch\" class=\"te-input\" type=\"text\" inputmode=\"numeric\">\r\n                <small>Optional, falls bekannt.<\/small>\r\n              <\/div>\r\n              <div class=\"te-field\">\r\n                <label for=\"anbieter\">Aktueller Energieversorger<\/label>\r\n                <input id=\"anbieter\" name=\"anbieter\" class=\"te-input\" type=\"text\">\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"te-field\">\r\n              <label>Abrechnungsjahr der Vorjahresrechnung *<\/label>\r\n              <div class=\"te-radio-group\">\r\n                <label class=\"te-radio-item\">\r\n                  <input type=\"radio\" name=\"abrechnungsjahr\" value=\"2024\"> 2024\r\n                <\/label>\r\n                <label class=\"te-radio-item\">\r\n                  <input type=\"radio\" name=\"abrechnungsjahr\" value=\"2025\"> 2025\r\n                <\/label>\r\n              <\/div>\r\n              <small>Nur Anfragen mit Vorjahresrechnung aus <strong>2024 oder 2025<\/strong> k\u00f6nnen bearbeitet werden.<\/small>\r\n              <div id=\"jahr-error\" class=\"te-form-error\">Bitte 2024 oder 2025 ausw\u00e4hlen.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"te-field\">\r\n              <label for=\"rechnung\">Vorjahresrechnung hochladen (PDF\/JPG\/PNG)<\/label>\r\n              <div class=\"te-file-wrapper\">\r\n                <input id=\"rechnung\" name=\"rechnung\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\">\r\n                <div class=\"te-file-note\">\r\n                  Ideal: vollst\u00e4ndige Abrechnung f\u00fcr Strom und\/oder Gas mit Verbrauch und Kosten\u00fcbersicht.\r\n                  Dateien werden ausschlie\u00dflich zur Bearbeitung dieser Anfrage genutzt.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"te-field\">\r\n              <label for=\"nachricht\">Ihre Nachricht \/ Besonderheiten<\/label>\r\n              <textarea id=\"nachricht\" name=\"nachricht\" class=\"te-textarea\" rows=\"5\"><\/textarea>\r\n              <small>Hier k\u00f6nnen Sie uns z. B. besondere W\u00fcnsche, Fristen oder Hinweise mitteilen.<\/small>\r\n            <\/div>\r\n\r\n            <div class=\"te-form-actions\">\r\n              <button type=\"submit\" class=\"te-btn-primary\">\r\n                <span class=\"te-btn-icon\">\ud83d\udce8<\/span>\r\n                Anfrage absenden\r\n              <\/button>\r\n              <div class=\"te-form-hint\">\r\n                Mit dem Absenden erkl\u00e4ren Sie sich damit einverstanden, dass wir Sie\r\n                zur Bearbeitung Ihrer Anfrage kontaktieren.\r\n              <\/div>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <aside class=\"te-form-side\">\r\n          <h3>So l\u00e4uft es nach Ihrer Anfrage ab<\/h3>\r\n          <p>\r\n            1. Wir pr\u00fcfen Ihre Angaben und die Vorjahresrechnung sorgf\u00e4ltig.\r\n          <\/p>\r\n          <p>\r\n            2. Sie erhalten von uns eine R\u00fcckmeldung \u2013 in der Regel innerhalb\r\n            eines Werktages \u2013 mit Fragen, ersten Einsch\u00e4tzungen oder einem\r\n            Terminvorschlag.\r\n          <\/p>\r\n          <p>\r\n            3. Im n\u00e4chsten Schritt besprechen wir telefonisch oder digital Ihre\r\n            Situation im Detail und zeigen konkrete Optionen auf\r\n            (Tarifwechsel, Photovoltaik, Audit etc.).\r\n          <\/p>\r\n          <p>\r\n            Wenn Sie es eilig haben, k\u00f6nnen Sie uns parallel auch direkt anrufen:\r\n          <\/p>\r\n          <p>\r\n            <strong>Telefon:<\/strong>\r\n            <br>\r\n            <a href=\"tel:+491713228410\">+49 171 3228410<\/a>\r\n          <\/p>\r\n          <p>\r\n            <strong>E-Mail:<\/strong>\r\n            <br>\r\n            <a href=\"mailto:info@top-energie.com\">info@top-energie.com<\/a>\r\n          <\/p>\r\n        <\/aside>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const form = document.getElementById('te-contact-form');\r\n    if (!form) return;\r\n\r\n    form.addEventListener('submit', function (e) {\r\n      let hasError = false;\r\n\r\n      \/\/ Honeypot: wenn ausgef\u00fcllt, Formular clientseitig blockieren\r\n      const hp = form.querySelector('[name=\"extra_info\"]');\r\n      if (hp && hp.value.trim() !== '') {\r\n        e.preventDefault();\r\n        return; \/\/ Spam, still und leise abbrechen\r\n      }\r\n\r\n      \/\/ Mindestens ein Thema ausw\u00e4hlen\r\n      const themaInputs = form.querySelectorAll('input[name=\"thema[]\"]');\r\n      const themaError = document.getElementById('thema-error');\r\n      const themaChecked = Array.from(themaInputs).some(i => i.checked);\r\n      if (!themaChecked) {\r\n        hasError = true;\r\n        if (themaError) themaError.classList.add('is-visible');\r\n      } else if (themaError) {\r\n        themaError.classList.remove('is-visible');\r\n      }\r\n\r\n      \/\/ Abrechnungsjahr pr\u00fcfen (nur 2024 oder 2025)\r\n      const jahrError = document.getElementById('jahr-error');\r\n      const jahrSelected = form.querySelector('input[name=\"abrechnungsjahr\"]:checked');\r\n      if (!jahrSelected || (jahrSelected.value !== '2024' && jahrSelected.value !== '2025')) {\r\n        hasError = true;\r\n        if (jahrError) jahrError.classList.add('is-visible');\r\n      } else if (jahrError) {\r\n        jahrError.classList.remove('is-visible');\r\n      }\r\n\r\n      if (hasError) {\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n\r\n      \/\/ Doppeltes Absenden verhindern\r\n      const submitBtn = form.querySelector('button[type=\"submit\"]');\r\n      if (submitBtn) {\r\n        submitBtn.disabled = true;\r\n        submitBtn.textContent = 'Wird gesendet\u2026';\r\n      }\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Startseite \u00b7 Anfragen Anfrage Energie-Check &#038; Beratung anfragen Senden Sie uns Ihre Daten und Ihre aktuelle Vorjahresrechnung \u2013 wir pr\u00fcfen, wo Sie stehen und welche Einspar- und Unabh\u00e4ngigkeitspotenziale sich f\u00fcr Sie lohnen. Energiekosten-Check Strom &#038; Gas Photovoltaik &#038; Verpachtung F\u00f6rderf\u00e4hige Energieaudits Wichtig f\u00fcr Ihre Anfrage Bitte halten Sie Ihre Vorjahresrechnung f\u00fcr Strom und\/oder Gas bereit. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-151","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/pages\/151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/comments?post=151"}],"version-history":[{"count":14,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/pages\/151\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/pages\/151\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/top-energie.com\/index.php\/wp-json\/wp\/v2\/media?parent=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}