{"id":8,"date":"2026-08-28T17:58:55","date_gmt":"2026-08-28T17:58:55","guid":{"rendered":"https:\/\/gg-hof.de\/?page_id=8"},"modified":"2026-08-28T18:04:33","modified_gmt":"2026-08-28T18:04:33","slug":"8-2","status":"publish","type":"page","link":"https:\/\/www.gg-hof.de\/?page_id=8","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   FEUERWEHR VOLKMANNSGR\u00dcN\n   ========================================================= *\/\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n}\n\n.ffw-site {\n\n  --red: #c8102e;\n  --red-dark: #a30d25;\n\n  --black: #101113;\n  --dark: #18191c;\n  --dark-2: #222327;\n\n  --grey: #696d73;\n  --grey-light: #f3f3f3;\n\n  --white: #ffffff;\n\n  font-family:\n    Inter,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  color: var(--black);\n  background: white;\n\n  overflow: hidden;\n}\n\n.ffw-site * {\n  box-sizing: border-box;\n}\n\n.ffw-container {\n  width: min(1240px, calc(100% - 60px));\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.ffw-header {\n\n  position: fixed;\n\n  top: 0;\n  left: 0;\n\n  width: 100%;\n\n  z-index: 9999;\n\n  background:\n    rgba(15,16,18,.95);\n\n  backdrop-filter: blur(15px);\n\n  border-bottom:\n    1px solid rgba(255,255,255,.1);\n}\n\n.ffw-header-inner {\n\n  height: 92px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 40px;\n}\n\n\n\/* BRAND *\/\n\n.ffw-brand {\n\n  display: flex;\n\n  flex-direction: column;\n\n  text-decoration: none;\n\n  color: white;\n\n  margin-right: auto;\n\n  line-height: 1;\n}\n\n.ffw-brand-small {\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.8px;\n\n  text-transform: uppercase;\n\n  color: #aeb0b5;\n\n  margin-bottom: 6px;\n}\n\n.ffw-brand-main {\n\n  font-size: 25px;\n\n  font-weight: 900;\n\n  letter-spacing: -1px;\n}\n\n\n\/* NAV *\/\n\n.ffw-nav {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 30px;\n}\n\n.ffw-nav a {\n\n  position: relative;\n\n  color: white;\n\n  text-decoration: none;\n\n  font-size: 13px;\n\n  font-weight: 800;\n\n  text-transform: uppercase;\n\n  letter-spacing: .6px;\n}\n\n.ffw-nav a:not(.ffw-nav-instagram)::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: -9px;\n\n  width: 0;\n\n  height: 2px;\n\n  background: var(--red);\n\n  transition: .25s;\n}\n\n.ffw-nav a:hover::after {\n  width: 100%;\n}\n\n.ffw-nav-instagram {\n\n  padding: 13px 19px;\n\n  background: var(--red);\n\n  border-radius: 3px;\n}\n\n.ffw-nav-instagram:hover {\n  background: var(--red-dark);\n}\n\n\n\/* MOBILE MENU *\/\n\n.ffw-menu-toggle {\n  display: none;\n}\n\n.ffw-menu-button {\n\n  display: none;\n\n  width: 32px;\n}\n\n.ffw-menu-button span {\n\n  display: block;\n\n  height: 2px;\n\n  background: white;\n\n  margin: 6px 0;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.ffw-hero {\n\n  position: relative;\n\n  min-height: 92vh;\n\n  height: 850px;\n\n  display: flex;\n\n  align-items: center;\n\n  color: white;\n}\n\n.ffw-hero-bg {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n\n    linear-gradient(\n      90deg,\n      rgba(10,10,11,.93) 0%,\n      rgba(10,10,11,.77) 37%,\n      rgba(10,10,11,.27) 75%,\n      rgba(10,10,11,.16) 100%\n    ),\n\n    url(\"DEIN-HERO-BILD.jpg\");\n\n  background-size: cover;\n\n  background-position: center;\n}\n\n.ffw-hero-content {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding-top: 70px;\n}\n\n.ffw-hero-line {\n\n  width: 70px;\n\n  height: 5px;\n\n  background: var(--red);\n\n  margin-bottom: 28px;\n}\n\n.ffw-eyebrow {\n\n  display: block;\n\n  font-size: 13px;\n\n  font-weight: 800;\n\n  letter-spacing: 3px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 20px;\n\n  color: #d1d2d4;\n}\n\n.ffw-hero h1 {\n\n  margin: 0;\n\n  max-width: 950px;\n\n  font-size: clamp(55px, 6.2vw, 94px);\n\n  line-height: .94;\n\n  letter-spacing: -4px;\n\n  font-weight: 900;\n}\n\n.ffw-hero h1 strong {\n\n  display: block;\n\n  color: var(--red);\n}\n\n.ffw-hero p {\n\n  margin: 32px 0;\n\n  font-size: 23px;\n\n  font-weight: 400;\n\n  color: #d2d3d5;\n}\n\n.ffw-hero-buttons {\n\n  display: flex;\n\n  gap: 13px;\n\n  flex-wrap: wrap;\n}\n\n\n\/* BUTTONS *\/\n\n.ffw-button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  min-height: 54px;\n\n  padding: 0 27px;\n\n  text-decoration: none;\n\n  font-size: 13px;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  letter-spacing: .8px;\n\n  transition: .2s;\n}\n\n.ffw-button-red {\n\n  color: white;\n\n  background: var(--red);\n}\n\n.ffw-button-red:hover {\n\n  background: var(--red-dark);\n\n  transform: translateY(-2px);\n}\n\n.ffw-button-outline {\n\n  color: white;\n\n  border: 1px solid rgba(255,255,255,.5);\n}\n\n.ffw-button-outline:hover {\n\n  background: white;\n\n  color: black;\n}\n\n.ffw-button-white {\n\n  background: white;\n\n  color: var(--black);\n}\n\n.ffw-button-white:hover {\n\n  transform: translateY(-2px);\n\n  background: #eee;\n}\n\n\n\/* SCROLL *\/\n\n.ffw-scroll {\n\n  position: absolute;\n\n  z-index: 3;\n\n  right: 45px;\n\n  bottom: 40px;\n\n  color: white;\n\n  text-decoration: none;\n\n  text-align: center;\n}\n\n.ffw-scroll span {\n\n  display: block;\n\n  writing-mode: vertical-rl;\n\n  text-transform: uppercase;\n\n  letter-spacing: 2px;\n\n  font-size: 9px;\n\n  margin-bottom: 10px;\n}\n\n\n\/* =========================================================\n   STANDARD\n   ========================================================= *\/\n\n.ffw-section-label {\n\n  display: block;\n\n  color: var(--red);\n\n  font-size: 12px;\n\n  font-weight: 900;\n\n  letter-spacing: 3px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 20px;\n}\n\n\n\/* =========================================================\n   WELCOME\n   ========================================================= *\/\n\n.ffw-welcome {\n\n  padding: 130px 0;\n\n  background: white;\n}\n\n.ffw-welcome-inner {\n\n  display: grid;\n\n  grid-template-columns: 140px 1fr;\n\n  gap: 40px;\n}\n\n.ffw-section-number {\n\n  font-size: 90px;\n\n  font-weight: 900;\n\n  color: #eeeeee;\n\n  line-height: 1;\n}\n\n.ffw-welcome-content {\n\n  max-width: 800px;\n}\n\n.ffw-welcome h2 {\n\n  margin: 0 0 25px;\n\n  font-size: clamp(42px, 5vw, 70px);\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n}\n\n.ffw-welcome h2 span {\n  color: var(--red);\n}\n\n.ffw-lead {\n\n  font-size: 24px !important;\n\n  color: var(--black) !important;\n\n  font-weight: 700;\n}\n\n.ffw-welcome p {\n\n  font-size: 17px;\n\n  line-height: 1.8;\n\n  color: var(--grey);\n}\n\n\n\/* =========================================================\n   ABOUT\n   ========================================================= *\/\n\n.ffw-about {\n\n  display: grid;\n\n  grid-template-columns: 1.1fr .9fr;\n\n  min-height: 690px;\n\n  background: var(--black);\n}\n\n.ffw-about-image {\n\n  position: relative;\n\n  min-height: 690px;\n\n  background:\n\n    linear-gradient(\n      0deg,\n      rgba(0,0,0,.25),\n      rgba(0,0,0,.05)\n    ),\n\n    url(\"DEIN-MANNSCHAFTSFOTO.jpg\");\n\n  background-size: cover;\n\n  background-position: center;\n}\n\n.ffw-image-label {\n\n  position: absolute;\n\n  bottom: 0;\n\n  left: 0;\n\n  background: var(--red);\n\n  color: white;\n\n  padding: 18px 28px;\n\n  font-size: 12px;\n\n  text-transform: uppercase;\n\n  letter-spacing: 2px;\n\n  font-weight: 900;\n}\n\n.ffw-about-content {\n\n  padding:\n\n    100px\n    max(55px, calc((100vw - 1240px) \/ 2))\n    100px\n    80px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  color: white;\n}\n\n.ffw-about h2 {\n\n  font-size: clamp(44px, 5vw, 67px);\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n\n  margin: 0 0 30px;\n}\n\n.ffw-about h2 span {\n  color: var(--red);\n}\n\n.ffw-about p {\n\n  max-width: 550px;\n\n  color: #b4b6ba;\n\n  font-size: 17px;\n\n  line-height: 1.8;\n}\n\n.ffw-text-link {\n\n  margin-top: 25px;\n\n  color: white;\n\n  text-decoration: none;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  font-size: 12px;\n\n  letter-spacing: 1px;\n}\n\n.ffw-text-link:hover {\n  color: var(--red);\n}\n\n\n\/* =========================================================\n   RED BANNER\n   ========================================================= *\/\n\n.ffw-red-banner {\n\n  background: var(--red);\n\n  color: white;\n\n  padding: 32px 0;\n}\n\n.ffw-red-banner-inner {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.ffw-red-banner-inner div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 15px;\n}\n\n.ffw-red-banner span {\n\n  font-size: 55px;\n\n  font-weight: 900;\n\n  line-height: 1;\n}\n\n.ffw-red-banner small {\n\n  text-transform: uppercase;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n}\n\n.ffw-red-banner p {\n\n  margin: 0;\n\n  font-size: 21px;\n\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   DEPARTMENTS\n   ========================================================= *\/\n\n.ffw-departments {\n\n  padding: 125px 0;\n\n  background: #f5f5f5;\n}\n\n.ffw-section-header {\n\n  display: grid;\n\n  grid-template-columns: 1.2fr .8fr;\n\n  gap: 80px;\n\n  align-items: end;\n\n  margin-bottom: 60px;\n}\n\n.ffw-section-header h2 {\n\n  margin: 0;\n\n  font-size: clamp(45px, 5vw, 67px);\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n}\n\n.ffw-section-header p {\n\n  color: var(--grey);\n\n  font-size: 16px;\n\n  line-height: 1.8;\n\n  margin: 0;\n}\n\n.ffw-department-grid {\n\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 12px;\n}\n\n.ffw-department-card {\n\n  position: relative;\n\n  height: 500px;\n\n  background-size: cover;\n\n  background-position: center;\n\n  overflow: hidden;\n}\n\n.ffw-department-active {\n\n  background-image:\n    url(\"DEIN-EINSATZ-FOTO.jpg\");\n}\n\n.ffw-department-youth {\n\n  background-image:\n    url(\"DEIN-JUGENDFEUERWEHR-FOTO.jpg\");\n}\n\n.ffw-department-community {\n\n  background-image:\n    url(\"DEIN-GEMEINSCHAFT-FOTO.jpg\");\n}\n\n.ffw-card-overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      0deg,\n      rgba(0,0,0,.93),\n      rgba(0,0,0,.08) 70%\n    );\n\n  transition: .3s;\n}\n\n.ffw-department-card:hover\n.ffw-card-overlay {\n\n  background:\n    linear-gradient(\n      0deg,\n      rgba(150,0,25,.94),\n      rgba(0,0,0,.1)\n    );\n}\n\n.ffw-card-content {\n\n  position: absolute;\n\n  inset: 0;\n\n  padding: 35px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n\n  color: white;\n}\n\n.ffw-card-content > span {\n\n  font-size: 13px;\n\n  font-weight: 900;\n}\n\n.ffw-card-content h3 {\n\n  font-size: 29px;\n\n  margin: 0 0 13px;\n\n  letter-spacing: -1px;\n}\n\n.ffw-card-content p {\n\n  color: #ccc;\n\n  line-height: 1.6;\n\n  font-size: 15px;\n\n  margin: 0;\n}\n\n\n\/* =========================================================\n   CLAIM\n   ========================================================= *\/\n\n.ffw-claim {\n\n  padding: 120px 0;\n\n  background: var(--black);\n\n  color: white;\n\n  text-align: center;\n}\n\n.ffw-quote-mark {\n\n  display: block;\n\n  font-family: Georgia, serif;\n\n  color: var(--red);\n\n  font-size: 110px;\n\n  line-height: .6;\n\n  margin-bottom: 30px;\n}\n\n.ffw-claim h2 {\n\n  margin: 0 auto;\n\n  max-width: 950px;\n\n  font-size: clamp(36px, 5vw, 61px);\n\n  line-height: 1.15;\n\n  letter-spacing: -2px;\n}\n\n.ffw-claim h2 span {\n\n  display: block;\n\n  color: var(--red);\n}\n\n\n\/* =========================================================\n   NEWS\n   ========================================================= *\/\n\n.ffw-news {\n\n  padding: 125px 0;\n\n  background: white;\n}\n\n.ffw-news-grid {\n\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 25px;\n}\n\n.ffw-news-card {\n\n  background: #f3f3f3;\n}\n\n.ffw-news-image {\n\n  height: 270px;\n\n  background-size: cover;\n\n  background-position: center;\n\n  position: relative;\n}\n\n.ffw-news-image span {\n\n  position: absolute;\n\n  left: 20px;\n\n  bottom: 20px;\n\n  background: var(--red);\n\n  color: white;\n\n  padding: 8px 12px;\n\n  font-size: 10px;\n\n  text-transform: uppercase;\n\n  letter-spacing: 1px;\n\n  font-weight: 900;\n}\n\n.ffw-news-image-1 {\n\n  background-image:\n    url(\"DEIN-AKTUELLES-FOTO-1.jpg\");\n}\n\n.ffw-news-image-2 {\n\n  background-image:\n    url(\"DEIN-AKTUELLES-FOTO-2.jpg\");\n}\n\n.ffw-news-content {\n\n  padding: 30px;\n}\n\n.ffw-news-category {\n\n  color: var(--red);\n\n  display: block;\n\n  font-size: 10px;\n\n  font-weight: 900;\n\n  letter-spacing: 2px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 15px;\n}\n\n.ffw-news-content h3,\n.ffw-instagram-card h3 {\n\n  margin: 0 0 15px;\n\n  font-size: 25px;\n\n  line-height: 1.15;\n}\n\n.ffw-news-content p,\n.ffw-instagram-card p {\n\n  color: var(--grey);\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n\n\/* INSTAGRAM CARD *\/\n\n.ffw-instagram-card {\n\n  background: var(--red);\n\n  color: white;\n\n  padding: 40px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n}\n\n.ffw-instagram-card\n.ffw-news-category {\n\n  color: white;\n\n  opacity: .7;\n}\n\n.ffw-instagram-icon {\n\n  font-size: 45px;\n\n  display: block;\n\n  margin-bottom: 40px;\n}\n\n.ffw-instagram-card p {\n\n  color: rgba(255,255,255,.8);\n}\n\n.ffw-instagram-card a {\n\n  color: white;\n\n  font-weight: 900;\n\n  text-decoration: none;\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   JOIN\n   ========================================================= *\/\n\n.ffw-join {\n\n  position: relative;\n\n  min-height: 650px;\n\n  display: flex;\n\n  align-items: center;\n\n  color: white;\n}\n\n.ffw-join-bg {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n\n    linear-gradient(\n      90deg,\n      rgba(160,0,25,.98),\n      rgba(170,0,25,.85),\n      rgba(0,0,0,.2)\n    ),\n\n    url(\"DEIN-MITMACHEN-FOTO.jpg\");\n\n  background-size: cover;\n\n  background-position: center;\n}\n\n.ffw-join-content {\n\n  position: relative;\n\n  z-index: 2;\n}\n\n.ffw-label-white {\n\n  color: white;\n\n  opacity: .75;\n}\n\n.ffw-join h2 {\n\n  margin: 0 0 25px;\n\n  max-width: 850px;\n\n  font-size: clamp(48px, 6vw, 80px);\n\n  line-height: .98;\n\n  letter-spacing: -4px;\n}\n\n.ffw-join h2 span {\n\n  color: #ffb8c3;\n}\n\n.ffw-join p {\n\n  max-width: 600px;\n\n  font-size: 17px;\n\n  line-height: 1.7;\n\n  color: rgba(255,255,255,.86);\n}\n\n.ffw-join .ffw-button {\n\n  margin-top: 20px;\n}\n\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.ffw-footer {\n\n  background: #0d0e10;\n\n  color: white;\n\n  padding: 85px 0 25px;\n}\n\n.ffw-footer-main {\n\n  display: grid;\n\n  grid-template-columns: 2fr 1fr 1fr;\n\n  gap: 80px;\n\n  padding-bottom: 70px;\n}\n\n.ffw-footer-brand {\n\n  display: flex;\n\n  flex-direction: column;\n}\n\n.ffw-footer-brand > span {\n\n  color: #898c91;\n\n  text-transform: uppercase;\n\n  letter-spacing: 2px;\n\n  font-size: 11px;\n\n  font-weight: 800;\n}\n\n.ffw-footer-brand strong {\n\n  font-size: 37px;\n\n  letter-spacing: -2px;\n\n  margin-top: 8px;\n}\n\n.ffw-footer-brand p {\n\n  color: #777a7f;\n\n  margin-top: 18px;\n}\n\n.ffw-footer-column {\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 12px;\n}\n\n.ffw-footer-title {\n\n  color: #777a80;\n\n  text-transform: uppercase;\n\n  letter-spacing: 2px;\n\n  font-size: 10px;\n\n  font-weight: 900;\n\n  margin-bottom: 10px;\n}\n\n.ffw-footer-column a {\n\n  color: white;\n\n  text-decoration: none;\n\n  font-size: 14px;\n}\n\n.ffw-footer-column a:hover {\n  color: var(--red);\n}\n\n.ffw-footer-bottom {\n\n  border-top:\n    1px solid rgba(255,255,255,.1);\n\n  padding-top: 23px;\n\n  display: flex;\n\n  justify-content: space-between;\n\n  gap: 20px;\n\n  color: #676a70;\n\n  font-size: 11px;\n\n  text-transform: uppercase;\n\n  letter-spacing: 1px;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n  .ffw-container {\n\n    width:\n      min(100% - 36px, 1240px);\n  }\n\n\n  \/* MENU *\/\n\n  .ffw-header-inner {\n    height: 75px;\n  }\n\n  .ffw-menu-button {\n\n    display: block;\n\n    cursor: pointer;\n  }\n\n  .ffw-nav {\n\n    position: absolute;\n\n    top: 75px;\n\n    left: 0;\n\n    width: 100%;\n\n    padding: 30px;\n\n    background: #101113;\n\n    display: none;\n\n    flex-direction: column;\n\n    align-items: flex-start;\n  }\n\n  .ffw-menu-toggle:checked ~\n  .ffw-nav {\n\n    display: flex;\n  }\n\n\n  \/* HERO *\/\n\n  .ffw-hero {\n\n    height: 720px;\n\n    min-height: 90vh;\n  }\n\n  .ffw-hero h1 {\n\n    font-size: clamp(50px, 12vw, 70px);\n\n    letter-spacing: -3px;\n  }\n\n  .ffw-scroll {\n    display: none;\n  }\n\n\n  \/* WELCOME *\/\n\n  .ffw-welcome {\n\n    padding: 85px 0;\n  }\n\n  .ffw-welcome-inner {\n\n    grid-template-columns: 1fr;\n  }\n\n  .ffw-section-number {\n\n    font-size: 60px;\n  }\n\n\n  \/* ABOUT *\/\n\n  .ffw-about {\n\n    grid-template-columns: 1fr;\n  }\n\n  .ffw-about-image {\n\n    min-height: 450px;\n  }\n\n  .ffw-about-content {\n\n    padding: 75px 30px;\n  }\n\n\n  \/* RED *\/\n\n  .ffw-red-banner-inner {\n\n    flex-direction: column;\n\n    align-items: flex-start;\n  }\n\n\n  \/* HEADER SECTIONS *\/\n\n  .ffw-section-header {\n\n    grid-template-columns: 1fr;\n\n    gap: 20px;\n  }\n\n\n  \/* DEPARTMENTS *\/\n\n  .ffw-departments {\n\n    padding: 85px 0;\n  }\n\n  .ffw-department-grid {\n\n    grid-template-columns: 1fr;\n  }\n\n  .ffw-department-card {\n\n    height: 430px;\n  }\n\n\n  \/* NEWS *\/\n\n  .ffw-news {\n\n    padding: 85px 0;\n  }\n\n  .ffw-news-grid {\n\n    grid-template-columns: 1fr;\n  }\n\n  .ffw-instagram-card {\n\n    min-height: 350px;\n  }\n\n\n  \/* CLAIM *\/\n\n  .ffw-claim {\n\n    padding: 90px 0;\n  }\n\n\n  \/* JOIN *\/\n\n  .ffw-join {\n\n    min-height: 620px;\n  }\n\n\n  \/* FOOTER *\/\n\n  .ffw-footer-main {\n\n    grid-template-columns: 1fr;\n\n    gap: 45px;\n  }\n\n  .ffw-footer-bottom {\n\n    flex-direction: column;\n  }\n\n}\n\n\n\/* EXTRA SMALL *\/\n\n@media (max-width: 550px) {\n\n  .ffw-brand-main {\n    font-size: 20px;\n  }\n\n  .ffw-brand-small {\n    font-size: 8px;\n  }\n\n  .ffw-hero h1 {\n\n    font-size: 48px;\n\n    letter-spacing: -2px;\n  }\n\n  .ffw-hero p {\n    font-size: 18px;\n  }\n\n  .ffw-hero-buttons {\n\n    flex-direction: column;\n\n    align-items: stretch;\n  }\n\n  .ffw-button {\n    width: 100%;\n  }\n\n  .ffw-welcome h2,\n  .ffw-about h2,\n  .ffw-section-header h2 {\n\n    letter-spacing: -2px;\n  }\n\n  .ffw-red-banner p {\n    font-size: 17px;\n  }\n\n}\n<\/style>\n\n<div class=\"ffw-site\">\n\n  <!-- HEADER -->\n  <header class=\"ffw-header\">\n    <div class=\"ffw-container ffw-header-inner\">\n\n      <a href=\"#start\" class=\"ffw-brand\">\n        <span class=\"ffw-brand-small\">Freiwillige Feuerwehr<\/span>\n        <span class=\"ffw-brand-main\">Volkmannsgr\u00fcn<\/span>\n      <\/a>\n\n      <input type=\"checkbox\" id=\"ffw-menu-toggle\" class=\"ffw-menu-toggle\">\n\n      <label for=\"ffw-menu-toggle\" class=\"ffw-menu-button\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/label>\n\n      <nav class=\"ffw-nav\">\n        <a href=\"#start\">Startseite<\/a>\n        <a href=\"#ueber-uns\">\u00dcber uns<\/a>\n        <a href=\"#jugend\">Jugendfeuerwehr<\/a>\n        <a href=\"#aktuelles\">Aktuelles<\/a>\n        <a href=\"#mitmachen\">Mitmachen<\/a>\n\n        <a\n          href=\"https:\/\/www.instagram.com\/ffw_volkmannsgruen\"\n          target=\"_blank\"\n          rel=\"noopener\"\n          class=\"ffw-nav-instagram\"\n        >\n          Instagram\n        <\/a>\n      <\/nav>\n\n    <\/div>\n  <\/header>\n\n\n  <!-- HERO -->\n  <section id=\"start\" class=\"ffw-hero\">\n\n    <div class=\"ffw-hero-bg\"><\/div>\n\n    <div class=\"ffw-container ffw-hero-content\">\n\n      <div class=\"ffw-hero-line\"><\/div>\n\n      <span class=\"ffw-eyebrow\">\n        Willkommen bei der\n      <\/span>\n\n      <h1>\n        Freiwilligen Feuerwehr\n        <strong>Volkmannsgr\u00fcn<\/strong>\n      <\/h1>\n\n      <p>\n        Gemeinsam f\u00fcr unsere Heimat.\n      <\/p>\n\n      <div class=\"ffw-hero-buttons\">\n\n        <a href=\"#ueber-uns\" class=\"ffw-button ffw-button-red\">\n          Feuerwehr kennenlernen\n        <\/a>\n\n        <a href=\"#mitmachen\" class=\"ffw-button ffw-button-outline\">\n          Jetzt mitmachen\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n    <a href=\"#willkommen\" class=\"ffw-scroll\">\n      <span>Entdecken<\/span>\n      <div>\u2193<\/div>\n    <\/a>\n\n  <\/section>\n\n\n  <!-- WILLKOMMEN -->\n  <section id=\"willkommen\" class=\"ffw-welcome\">\n\n    <div class=\"ffw-container ffw-welcome-inner\">\n\n      <span class=\"ffw-section-number\">01<\/span>\n\n      <div class=\"ffw-welcome-content\">\n\n        <span class=\"ffw-section-label\">\n          Herzlich willkommen\n        <\/span>\n\n        <h2>\n          Freiwillige Feuerwehr\n          <span>Volkmannsgr\u00fcn<\/span>\n        <\/h2>\n\n        <p class=\"ffw-lead\">\n          Wir sind da, wenn Hilfe gebraucht wird.\n        <\/p>\n\n        <p>\n          Die Freiwillige Feuerwehr Volkmannsgr\u00fcn steht f\u00fcr\n          Einsatzbereitschaft, Kameradschaft und ehrenamtliches Engagement.\n          Gemeinsam setzen wir uns f\u00fcr die Sicherheit der Menschen in\n          Volkmannsgr\u00fcn und der Umgebung ein.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- \u00dcBER UNS -->\n  <section id=\"ueber-uns\" class=\"ffw-about\">\n\n    <div class=\"ffw-about-image\">\n      <div class=\"ffw-image-label\">\n        Unsere Feuerwehr\n      <\/div>\n    <\/div>\n\n    <div class=\"ffw-about-content\">\n\n      <span class=\"ffw-section-label\">\n        \u00dcber uns\n      <\/span>\n\n      <h2>\n        Einsatzbereit.<br>\n        Engagiert.<br>\n        <span>Gemeinsam.<\/span>\n      <\/h2>\n\n      <p>\n        Feuerwehr bedeutet weit mehr als Eins\u00e4tze. Ausbildung,\n        Kameradschaft, Technik und das gemeinsame Engagement f\u00fcr\n        unseren Ort geh\u00f6ren genauso dazu.\n      <\/p>\n\n      <p>\n        Unsere Kameradinnen und Kameraden engagieren sich freiwillig\n        und mit viel Leidenschaft f\u00fcr Volkmannsgr\u00fcn.\n      <\/p>\n\n      <a href=\"#mitmachen\" class=\"ffw-text-link\">\n        Teil der Feuerwehr werden \u2192\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ROTER TRENNER -->\n  <section class=\"ffw-red-banner\">\n\n    <div class=\"ffw-container ffw-red-banner-inner\">\n\n      <div>\n        <span>112<\/span>\n        <small>Im Notfall<\/small>\n      <\/div>\n\n      <p>\n        Retten. L\u00f6schen. Bergen. Sch\u00fctzen.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- BEREICHE -->\n  <section class=\"ffw-departments\">\n\n    <div class=\"ffw-container\">\n\n      <div class=\"ffw-section-header\">\n\n        <div>\n          <span class=\"ffw-section-label\">\n            Unsere Feuerwehr\n          <\/span>\n\n          <h2>\n            Gemeinsam stark.\n          <\/h2>\n        <\/div>\n\n        <p>\n          Feuerwehr lebt von Menschen, die Verantwortung \u00fcbernehmen\n          und sich gemeinsam f\u00fcr andere einsetzen.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"ffw-department-grid\">\n\n\n        <!-- Einsatzabteilung -->\n        <article class=\"ffw-department-card ffw-department-active\">\n\n          <div class=\"ffw-card-overlay\"><\/div>\n\n          <div class=\"ffw-card-content\">\n\n            <span>01<\/span>\n\n            <div>\n              <h3>Einsatzabteilung<\/h3>\n\n              <p>\n                Unsere aktive Mannschaft ist f\u00fcr Ausbildung,\n                \u00dcbungen und Eins\u00e4tze jederzeit bereit.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- Jugend -->\n        <article id=\"jugend\" class=\"ffw-department-card ffw-department-youth\">\n\n          <div class=\"ffw-card-overlay\"><\/div>\n\n          <div class=\"ffw-card-content\">\n\n            <span>02<\/span>\n\n            <div>\n              <h3>Jugendfeuerwehr<\/h3>\n\n              <p>\n                Feuerwehr erleben, Technik kennenlernen und\n                gemeinsam Spa\u00df haben.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- Gemeinschaft -->\n        <article class=\"ffw-department-card ffw-department-community\">\n\n          <div class=\"ffw-card-overlay\"><\/div>\n\n          <div class=\"ffw-card-content\">\n\n            <span>03<\/span>\n\n            <div>\n              <h3>Gemeinschaft<\/h3>\n\n              <p>\n                Kameradschaft und Zusammenhalt sind ein wichtiger\n                Bestandteil unserer Feuerwehr.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ZITAT \/ CLAIM -->\n  <section class=\"ffw-claim\">\n\n    <div class=\"ffw-container\">\n\n      <span class=\"ffw-quote-mark\">\u201c<\/span>\n\n      <h2>\n        Ehrenamt ist keine Arbeit,<br>\n        die nicht bezahlt wird.\n        <span>\n          Es ist Arbeit, die unbezahlbar ist.\n        <\/span>\n      <\/h2>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- AKTUELLES -->\n  <section id=\"aktuelles\" class=\"ffw-news\">\n\n    <div class=\"ffw-container\">\n\n      <div class=\"ffw-section-header\">\n\n        <div>\n          <span class=\"ffw-section-label\">\n            Aktuelles\n          <\/span>\n\n          <h2>\n            Bei uns ist immer<br>\n            etwas los.\n          <\/h2>\n        <\/div>\n\n        <p>\n          Aktuelle Einblicke in \u00dcbungen, Veranstaltungen und unser\n          Feuerwehrleben gibt es auch auf Instagram.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"ffw-news-grid\">\n\n\n        <article class=\"ffw-news-card\">\n\n          <div class=\"ffw-news-image ffw-news-image-1\">\n            <span>Feuerwehr Volkmannsgr\u00fcn<\/span>\n          <\/div>\n\n          <div class=\"ffw-news-content\">\n\n            <span class=\"ffw-news-category\">\n              Aktuelles\n            <\/span>\n\n            <h3>\n              Neuigkeiten aus unserer Feuerwehr\n            <\/h3>\n\n            <p>\n              Hier k\u00f6nnen zuk\u00fcnftig Veranstaltungen, \u00dcbungen,\n              Eins\u00e4tze oder andere Neuigkeiten ver\u00f6ffentlicht werden.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"ffw-news-card\">\n\n          <div class=\"ffw-news-image ffw-news-image-2\">\n            <span>Gemeinschaft<\/span>\n          <\/div>\n\n          <div class=\"ffw-news-content\">\n\n            <span class=\"ffw-news-category\">\n              Feuerwehrleben\n            <\/span>\n\n            <h3>\n              Gemeinsam f\u00fcr unseren Ort\n            <\/h3>\n\n            <p>\n              Ausbildung und Einsatz sind wichtig \u2013 aber auch\n              Kameradschaft und gemeinsames Engagement.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"ffw-news-card ffw-instagram-card\">\n\n          <div>\n\n            <span class=\"ffw-instagram-icon\">\n              \u25ce\n            <\/span>\n\n            <span class=\"ffw-news-category\">\n              Instagram\n            <\/span>\n\n            <h3>\n              Immer aktuell dabei.\n            <\/h3>\n\n            <p>\n              Folge uns auf Instagram und erhalte aktuelle\n              Einblicke in unsere Feuerwehr.\n            <\/p>\n\n          <\/div>\n\n          <a\n            href=\"https:\/\/www.instagram.com\/ffw_volkmannsgruen\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            @ffw_volkmannsgruen \u2192\n          <\/a>\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- MITMACHEN -->\n  <section id=\"mitmachen\" class=\"ffw-join\">\n\n    <div class=\"ffw-join-bg\"><\/div>\n\n    <div class=\"ffw-container ffw-join-content\">\n\n      <span class=\"ffw-section-label ffw-label-white\">\n        Wir brauchen dich\n      <\/span>\n\n      <h2>\n        Mach mit.<br>\n        <span>Werde Teil unseres Teams.<\/span>\n      <\/h2>\n\n      <p>\n        Du m\u00f6chtest dich engagieren, neue Menschen kennenlernen\n        und etwas f\u00fcr deine Heimat tun?\n      <\/p>\n\n      <p>\n        Dann komm vorbei und lerne uns kennen. Feuerwehrerfahrung\n        brauchst du daf\u00fcr nicht.\n      <\/p>\n\n      <a href=\"\/kontakt\/\" class=\"ffw-button ffw-button-white\">\n        Kontakt aufnehmen\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- FOOTER -->\n  <footer class=\"ffw-footer\">\n\n    <div class=\"ffw-container\">\n\n      <div class=\"ffw-footer-main\">\n\n        <div class=\"ffw-footer-brand\">\n\n          <span>\n            Freiwillige Feuerwehr\n          <\/span>\n\n          <strong>\n            Volkmannsgr\u00fcn\n          <\/strong>\n\n          <p>\n            Gemeinsam f\u00fcr unsere Heimat.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"ffw-footer-column\">\n\n          <span class=\"ffw-footer-title\">\n            Navigation\n          <\/span>\n\n          <a href=\"#start\">Startseite<\/a>\n          <a href=\"#ueber-uns\">\u00dcber uns<\/a>\n          <a href=\"#jugend\">Jugendfeuerwehr<\/a>\n          <a href=\"#aktuelles\">Aktuelles<\/a>\n\n        <\/div>\n\n\n        <div class=\"ffw-footer-column\">\n\n          <span class=\"ffw-footer-title\">\n            Informationen\n          <\/span>\n\n          <a href=\"\/kontakt\/\">Kontakt<\/a>\n          <a href=\"\/impressum\/\">Impressum<\/a>\n\n          <a\n            href=\"https:\/\/www.instagram.com\/ffw_volkmannsgruen\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            Instagram\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ffw-footer-bottom\">\n\n        <span>\n          \u00a9 2026 Freiwillige Feuerwehr Volkmannsgr\u00fcn\n        <\/span>\n\n        <span>\n          Ehrenamt. Gemeinschaft. Feuerwehr.\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/footer>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Freiwillige Feuerwehr Volkmannsgr\u00fcn Startseite \u00dcber uns Jugendfeuerwehr Aktuelles Mitmachen Instagram Willkommen bei der Freiwilligen Feuerwehr Volkmannsgr\u00fcn Gemeinsam f\u00fcr unsere Heimat. Feuerwehr kennenlernen Jetzt mitmachen Entdecken \u2193 01 Herzlich willkommen Freiwillige Feuerwehr Volkmannsgr\u00fcn Wir sind da, wenn Hilfe gebraucht wird. Die Freiwillige Feuerwehr Volkmannsgr\u00fcn steht f\u00fcr Einsatzbereitschaft, Kameradschaft und ehrenamtliches Engagement. Gemeinsam setzen wir uns f\u00fcr [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gg-hof.de\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gg-hof.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gg-hof.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gg-hof.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gg-hof.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":2,"href":"https:\/\/www.gg-hof.de\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/www.gg-hof.de\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/www.gg-hof.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}