{"id":23,"date":"2026-07-26T12:44:24","date_gmt":"2026-07-26T12:44:24","guid":{"rendered":"https:\/\/youthdirection.com\/hjem\/"},"modified":"2026-08-14T20:27:58","modified_gmt":"2026-08-14T20:27:58","slug":"hjem","status":"publish","type":"page","link":"https:\/\/youthdirection.com\/da_DK\/","title":{"rendered":"Fra tanke til handling. Fra ung til engageret."},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"wp-block-columns alignfull ext-animate--on is-layout-flex wp-container-core-columns-is-layout-cb0a7ccb wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ext-animate--on is-layout-flow wp-block-column-is-layout-flow\">\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>YouthDirection &#8211; Fra tanke til handling<\/title>\n  <style>\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      --bg-dark: #18181b;\n      --card-bg: #27272a;\n      --accent-yellow: #ffbf00;\n      --text-light: #f4f4f5;\n      --text-muted: #a1a1aa;\n      --border-color: #3f3f46;\n    }\n\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      background-color: var(--bg-dark);\n      color: var(--text-light);\n      line-height: 1.6;\n      overflow-x: hidden;\n    }\n\n    .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n\n    \/* Hero Section *\/\n    .hero {\n      padding: 30px 0 60px;\n    }\n\n    .hero-grid {\n      display: table;\n      width: 100%;\n      table-layout: fixed;\n    }\n\n    .hero-left {\n      display: table-cell;\n      width: 58%;\n      vertical-align: middle;\n      padding-right: 40px;\n    }\n\n    .hero-right {\n      display: table-cell;\n      width: 42%;\n      vertical-align: middle;\n    }\n\n    .badge {\n      display: inline-block;\n      background-color: rgba(255, 191, 0, 0.15);\n      color: var(--accent-yellow);\n      border: 1px solid var(--accent-yellow);\n      padding: 6px 14px;\n      border-radius: 20px;\n      font-size: 13px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 24px;\n    }\n\n    .hero h1 {\n      font-size: 48px;\n      line-height: 1.15;\n      font-weight: 900;\n      margin-bottom: 20px;\n      letter-spacing: -1px;\n    }\n\n    .hero h1 span {\n      color: var(--accent-yellow);\n    }\n\n    .hero p {\n      font-size: 18px;\n      color: var(--text-muted);\n      margin-bottom: 36px;\n    }\n\n    .btn-primary {\n      display: inline-block;\n      background-color: var(--accent-yellow);\n      color: var(--bg-dark);\n      font-weight: 800;\n      padding: 16px 32px;\n      border-radius: 12px;\n      text-decoration: none;\n      font-size: 16px;\n      margin-right: 16px;\n      margin-bottom: 12px;\n      box-shadow: 0 10px 25px -5px rgba(255, 191, 0, 0.3);\n    }\n\n    .btn-secondary {\n      display: inline-block;\n      background-color: var(--card-bg);\n      color: var(--text-light);\n      font-weight: 700;\n      padding: 16px 28px;\n      border-radius: 12px;\n      text-decoration: none;\n      font-size: 16px;\n      border: 1px solid var(--border-color);\n      margin-bottom: 12px;\n    }\n\n    \/* Hero Right Card *\/\n    .hero-card {\n      background-color: var(--card-bg);\n      border-radius: 24px;\n      padding: 36px;\n      border: 1px solid var(--border-color);\n      position: relative;\n    }\n\n    .hero-card-tag {\n      position: absolute;\n      top: -12px;\n      right: 28px;\n      background-color: var(--accent-yellow);\n      color: var(--bg-dark);\n      font-weight: 800;\n      font-size: 12px;\n      padding: 4px 12px;\n      border-radius: 6px;\n      text-transform: uppercase;\n    }\n\n    .hero-card h3 {\n      font-size: 24px;\n      margin-bottom: 12px;\n      color: #fff;\n    }\n\n    .hero-card p {\n      font-size: 15px;\n      color: var(--text-muted);\n      margin-bottom: 24px;\n    }\n\n    .stat-row {\n      display: table;\n      width: 100%;\n      border-top: 1px solid var(--border-color);\n      padding-top: 20px;\n    }\n\n    .stat-cell {\n      display: table-cell;\n      width: 50%;\n    }\n\n    .stat-number {\n      font-size: 32px;\n      font-weight: 900;\n      color: var(--accent-yellow);\n    }\n\n    .stat-label {\n      font-size: 13px;\n      color: var(--text-muted);\n    }\n\n    \/* Section Titles *\/\n    .section-title {\n      padding: 60px 0 30px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .section-title h2 {\n      font-size: 32px;\n      font-weight: 800;\n    }\n\n    .section-header-center {\n      text-align: center;\n      padding: 60px 0 40px;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .section-header-center h2 {\n      font-size: 38px;\n      font-weight: 900;\n      margin-bottom: 12px;\n    }\n\n    .section-header-center p {\n      font-size: 18px;\n      color: var(--text-muted);\n    }\n\n    \/* Steps \/ Process Section *\/\n    .steps-section {\n      padding: 60px 0;\n      border-top: 1px solid var(--border-color);\n    }\n\n    .steps-grid {\n      display: table;\n      width: 100%;\n      table-layout: fixed;\n    }\n\n    .steps-left {\n      display: table-cell;\n      width: 45%;\n      vertical-align: middle;\n      padding-right: 32px;\n    }\n\n    .steps-right {\n      display: table-cell;\n      width: 55%;\n      vertical-align: middle;\n    }\n\n    .steps-image-holder {\n      background-color: var(--card-bg);\n      border-radius: 24px;\n      border: 1px solid var(--border-color);\n      height: 480px;\n      overflow: hidden;\n    }\n\n    .steps-img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .step-card {\n      background-color: var(--card-bg);\n      border: 1px solid var(--border-color);\n      border-radius: 20px;\n      padding: 28px;\n      margin-bottom: 20px;\n      display: table;\n      width: 100%;\n    }\n\n    .step-card:last-child {\n      margin-bottom: 0;\n    }\n\n    .step-num-cell {\n      display: table-cell;\n      width: 50px;\n      vertical-align: top;\n      padding-right: 16px;\n    }\n\n    .step-num {\n      width: 42px;\n      height: 42px;\n      border-radius: 50%;\n      border: 2px solid var(--accent-yellow);\n      color: var(--accent-yellow);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 900;\n      font-size: 18px;\n    }\n\n    .step-content-cell {\n      display: table-cell;\n      vertical-align: top;\n    }\n\n    .step-content-cell h3 {\n      font-size: 20px;\n      color: #fff;\n      margin-bottom: 8px;\n    }\n\n    .step-content-cell p {\n      font-size: 15px;\n      color: var(--text-muted);\n    }\n\n    \/* 3-Column Info Cards *\/\n    .three-card-grid {\n      display: table;\n      width: 100%;\n      table-layout: fixed;\n      margin-bottom: 80px;\n    }\n\n    .three-card-cell {\n      display: table-cell;\n      width: 33.333%;\n      padding: 0 12px;\n      vertical-align: top;\n    }\n\n    .three-card-cell:first-child { padding-left: 0; }\n    .three-card-cell:last-child { padding-right: 0; }\n\n    .info-card {\n      background-color: var(--card-bg);\n      border: 1px solid var(--border-color);\n      border-radius: 20px;\n      padding: 36px 28px;\n      text-align: center;\n      min-height: 220px;\n    }\n\n    .info-card-divider {\n      width: 32px;\n      height: 4px;\n      background-color: var(--accent-yellow);\n      margin: 0 auto 20px;\n      border-radius: 2px;\n    }\n\n    .info-card h3 {\n      font-size: 20px;\n      color: #fff;\n      margin-bottom: 12px;\n      font-weight: 800;\n    }\n\n    .info-card p {\n      font-size: 15px;\n      color: var(--text-muted);\n      line-height: 1.5;\n    }\n\n    \/* Nyheder \/ Grid Section *\/\n    .news-grid {\n      display: table;\n      width: 100%;\n      table-layout: fixed;\n      margin-bottom: 60px;\n    }\n\n    .news-large {\n      display: table-cell;\n      width: 55%;\n      padding-right: 24px;\n      vertical-align: top;\n    }\n\n    .news-small-container {\n      display: table-cell;\n      width: 45%;\n      vertical-align: top;\n    }\n\n    .news-card {\n      background-color: var(--card-bg);\n      border-radius: 20px;\n      border: 1px solid var(--border-color);\n      padding: 32px;\n    }\n\n    .news-date {\n      color: var(--accent-yellow);\n      font-weight: 700;\n      font-size: 13px;\n      margin-bottom: 12px;\n      display: block;\n    }\n\n    .news-large h3 {\n      font-size: 28px;\n      line-height: 1.3;\n      margin-bottom: 16px;\n      color: #fff;\n    }\n\n    .news-large p {\n      color: var(--text-muted);\n      font-size: 16px;\n      margin-bottom: 24px;\n    }\n\n    .news-sub-table {\n      display: table;\n      width: 100%;\n      table-layout: fixed;\n    }\n\n    .news-sub-cell {\n      display: table-cell;\n      width: 50%;\n      vertical-align: top;\n    }\n\n    .news-sub-cell:first-child { padding-right: 10px; }\n    .news-sub-cell:last-child { padding-left: 10px; }\n\n    .small-card {\n      background-color: var(--card-bg);\n      border-radius: 16px;\n      padding: 24px;\n      border: 1px solid var(--border-color);\n      min-height: 250px;\n    }\n\n    .small-card h4 {\n      font-size: 18px;\n      margin-bottom: 12px;\n      color: #fff;\n    }\n\n    .small-card p {\n      font-size: 14px;\n      color: var(--text-muted);\n    }\n\n    \/* Citat Sektion *\/\n    .quote-section {\n      background-color: var(--card-bg);\n      border-radius: 24px;\n      padding: 48px;\n      margin-bottom: 80px;\n      border: 1px solid var(--border-color);\n    }\n\n    .quote-grid {\n      display: table;\n      width: 100%;\n    }\n\n    .quote-icon-cell {\n      display: table-cell;\n      width: 70px;\n      vertical-align: top;\n      font-size: 72px;\n      line-height: 0.8;\n      color: var(--accent-yellow);\n      font-family: Georgia, serif;\n    }\n\n    .quote-text-cell {\n      display: table-cell;\n      vertical-align: top;\n    }\n\n    .quote-text {\n      font-size: 22px;\n      font-weight: 600;\n      font-style: italic;\n      color: #ffffff;\n      line-height: 1.5;\n      margin-bottom: 20px;\n    }\n\n    .quote-author {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--accent-yellow);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .quote-role {\n      font-size: 13px;\n      color: var(--text-muted);\n    }\n\n    \/* CTA Boks i bunden *\/\n    .cta-banner {\n      text-align: center;\n      background: linear-gradient(180deg, var(--card-bg) 0%, var(--bg-dark) 100%);\n      border: 2px solid var(--accent-yellow);\n      border-radius: 24px;\n      padding: 60px 30px;\n      margin-bottom: 40px;\n    }\n\n    .cta-banner h2 {\n      font-size: 36px;\n      font-weight: 900;\n      margin-bottom: 16px;\n    }\n\n    .cta-banner p {\n      font-size: 18px;\n      color: var(--text-muted);\n      max-width: 600px;\n      margin: 0 auto 32px;\n    }\n\n    \/* --- MOBIL \/ RESPONSIV TILPASNING --- *\/\n    @media (max-width: 900px) {\n      .hero-grid, \n      .steps-grid, \n      .three-card-grid, \n      .news-grid, \n      .news-sub-table {\n        display: block !important;\n        width: 100% !important;\n      }\n\n      .hero-left, .hero-right,\n      .steps-left, .steps-right,\n      .three-card-cell,\n      .news-large, .news-small-container,\n      .news-sub-cell {\n        display: block !important;\n        width: 100% !important;\n        padding: 0 !important;\n        margin-bottom: 24px !important;\n      }\n\n      .hero h1 {\n        font-size: 34px !important;\n      }\n\n      .steps-image-holder {\n        height: 280px !important;\n        margin-bottom: 24px !important;\n      }\n\n      .three-card-cell {\n        padding: 0 0 16px 0 !important;\n      }\n\n      .news-sub-cell:first-child {\n        margin-bottom: 24px !important;\n      }\n\n      .small-card, .info-card {\n        min-height: auto !important;\n      }\n    }\n  <\/style>\n\n\n\n  <main class=\"container\">\n    \n    <section class=\"hero\">\n      <div class=\"hero-grid\">\n        <div class=\"hero-left\">\n          <div class=\"badge\">Lad os se p\u00e5 det sammen<\/div>\n          <h1>Find din vej med <span>Youth Direction<\/span><\/h1>\n          <p>Youth Direction forbinder unge med st\u00f8ttende netv\u00e6rk og frivillige muligheder. Vores platform g\u00f8r det nemt at finde trygge rum for v\u00e6kst, s\u00e5 du kan finde det f\u00e6llesskab, der passer dig best.<\/p>\n          <div>\n            <a href=\"https:\/\/youthdirection.com\/da_dk\/klar-til-indflydelse-her-er-overblikket\/\" class=\"btn-primary\">Udforsk din vej<\/a>\n            <a href=\"https:\/\/youthdirection.com\/da_dk\/raadgivning\/\" class=\"btn-secondary\">Tag en samtale<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"hero-right\">\n          <div class=\"hero-card\">\n            <div class=\"hero-card-tag\">Fokusomr\u00e5de<\/div>\n            <h3>Fra tanke til handling. Fra ung til engageret.<\/h3>\n            <p>Youth Direction guider unge mod meningsfulde f\u00e6llesskaber med fokus p\u00e5 tryghed. Alle unge fortjener at finde deres plads og blive h\u00f8rt \u2013 det er en ret, ikke et privilegium.<\/p>\n            <div class=\"stat-row\">\n              <div class=\"stat-cell\">\n                <div class=\"stat-number\">100%<\/div>\n                <div class=\"stat-label\">Individuel r\u00e5dgivning<\/div>\n              <\/div>\n              <div class=\"stat-cell\">\n                <div class=\"stat-number\">24\/7<\/div>\n                <div class=\"stat-label\">Adgang til overblikket<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"steps-section\">\n      <div class=\"steps-grid\">\n        <div class=\"steps-left\">\n          <div class=\"steps-image-holder\">\n            <img decoding=\"async\" src=\"https:\/\/youthdirection.com\/wp-content\/uploads\/2026\/08\/1-1-e1786633525138.png\" alt=\"Unge f\u00e6llesskab\" class=\"steps-img\">\n          <\/div>\n        <\/div>\n        <div class=\"steps-right\">\n          \n          <div class=\"step-card\">\n            <div class=\"step-num-cell\">\n              <div class=\"step-num\">1<\/div>\n            <\/div>\n            <div class=\"step-content-cell\">\n              <h3>Trin 1: Udforsk kataloget<\/h3>\n              <p>Kik igennem vores katalog, og l\u00e6s om de f\u00e6llesskaber og organisationer, der v\u00e6kker din interesse. Her finder du et overblik over de muligheder, der matcher lige netop dig.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"step-card\">\n            <div class=\"step-num-cell\">\n              <div class=\"step-num\">2<\/div>\n            <\/div>\n            <div class=\"step-content-cell\">\n              <h3>Trin 2: Gem og f\u00e5 r\u00e5dgivning<\/h3>\n              <p>Brug vores v\u00e6rkt\u00f8jer til at gemme dine favoritter, og f\u00e5 personlig sparring, s\u00e5 du er helt sikker p\u00e5 at finde det sted, der f\u00f8les helt rigtigt.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"step-card\">\n            <div class=\"step-num-cell\">\n              <div class=\"step-num\">3<\/div>\n            <\/div>\n            <div class=\"step-content-cell\">\n              <h3>Trin 3: Hele vejen i m\u00e5l<\/h3>\n              <p>Vi sikrer dig tryghed og st\u00f8tte hele vejen. Vi hj\u00e6lper dig med at skabe den gode kontakt til organisationen, s\u00e5 du bliver fulgt godt helt ind i varmen.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section>\n      <div class=\"section-header-center\">\n        <h2>Det giver mening at give det et skud.<\/h2>\n        <p>Hvorfor det giver mening at bygge bro.<\/p>\n      <\/div>\n\n      <div class=\"three-card-grid\">\n        <div class=\"three-card-cell\">\n          <div class=\"info-card\">\n            <div class=\"info-card-divider\"><\/div>\n            <h3>Unge registreret<\/h3>\n            <p>Antallet af unge, der har fundet deres taler\u00f8r via platformen.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"three-card-cell\">\n          <div class=\"info-card\">\n            <div class=\"info-card-divider\"><\/div>\n            <h3>Organisationer tilknyttet<\/h3>\n            <p>Antallet af ungdomsorganisationer og unger\u00e5d, der aktivt bruger vores database.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"three-card-cell\">\n          <div class=\"info-card\">\n            <div class=\"info-card-divider\"><\/div>\n            <h3>Frivillige aktiviteter<\/h3>\n            <p>Antallet af frivillige aktiviteter formidlet til unge gennem Youth Direction.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section>\n      <div class=\"section-title\">\n        <h2>Aktuelt &amp; for Unge<\/h2>\n      <\/div>\n      \n      <div class=\"news-grid\">\n        <div class=\"news-large\">\n          <div class=\"news-card\">\n            <span class=\"news-date\">13-08-2026 \u2022 GUIDES &amp; R\u00c5D<\/span>\n            <h3>Hvad sker der, n\u00e5r jeg finder noget, jeg synes er sp\u00e6ndende?<\/h3>\n            <p>Du kan kontakte organisationen direkte igennem platformen eller f\u00e5 hj\u00e6lp fra vores r\u00e5dgivning til at tage den f\u00f8rste kontakt. Vi st\u00f8tter dig hele vejen, sikrer at du f\u00e5r svar p\u00e5 dine sp\u00f8rgsm\u00e5l, og hj\u00e6lper dig godt i gang, s\u00e5 du f\u00f8ler dig helt tryg fra start.<\/p>\n            <a href=\"https:\/\/youthdirection.com\/aktuelt-og-for-de-unge\/\" class=\"btn-secondary\" style=\"padding: 10px 20px; font-size: 14px;\">L\u00e6s mere \u2192<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"news-small-container\">\n          <div class=\"news-sub-table\">\n            <div class=\"news-sub-cell\">\n              <div class=\"small-card\">\n                <span class=\"news-date\">05-08-2026<\/span>\n                <h4>Tag et skridt du ikke troede du kunne<\/h4>\n                <p>Er du havnet p\u00e5 den forkerte hylde? Se hvordan du nemt tager styringen tilbage.<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"news-sub-cell\">\n              <div class=\"small-card\">\n                <span class=\"news-date\">28-07-2026<\/span>\n                <h4>Virker det sv\u00e6rer end det burde?<\/h4>\n                <p>Trin-for-trin guide til at f\u00e5 en finger med i spillet.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"quote-section\">\n      <div class=\"quote-grid\">\n        <div class=\"quote-icon-cell\">\u201c<\/div>\n        <div class=\"quote-text-cell\">\n          <div class=\"quote-text\">Ved at skabe trygge rum og \u00e5ben dialog hj\u00e6lper vi unge med at opbygge selvtillid og tage kontrol over deres egen fremtid \u2013 p\u00e5 deres egne pr\u00e6misser.<\/div>\n          <div class=\"quote-author\">Youth Direction Teamet<\/div>\n          <div class=\"quote-role\">R\u00e5dgivning &amp; Samarbejde<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cta-banner\">\n      <h2>Klar til at tage det f\u00f8rste skridt?<\/h2>\n      <p>Det koster ikke noget at tage en snak. R\u00e6k ud til os i dag, og lad os finde retningen sammen.<\/p>\n      <a href=\"https:\/\/youthdirection.com\/da_dk\/kontakt\/\" class=\"btn-primary\">Kontakt Youth Direction<\/a>\n    <\/section>\n\n  <\/main>\n<\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Vi skaber kontakten YouthDirection guider unge mod meningsfulde f\u00e6llesskaber og frivillige muligheder med fokus p\u00e5 tryghed. Vi tror p\u00e5, at alle unge fortjener at finde deres plads, og at det ikke skal v\u00e6re en problematik at finde et sted hvor man virkelig bliver h\u00f8rt, det er en ret, IKKE et privilegie. Det giver mening at [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/youthdirection.com\/da_DK\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youthdirection.com\/da_DK\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/youthdirection.com\/da_DK\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/youthdirection.com\/da_DK\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/youthdirection.com\/da_DK\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":15,"href":"https:\/\/youthdirection.com\/da_DK\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":661,"href":"https:\/\/youthdirection.com\/da_DK\/wp-json\/wp\/v2\/pages\/23\/revisions\/661"}],"wp:attachment":[{"href":"https:\/\/youthdirection.com\/da_DK\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}