{"id":23,"date":"2026-07-26T12:44:24","date_gmt":"2026-07-26T12:44:24","guid":{"rendered":"https:\/\/youthdirection.com\/hjem\/"},"modified":"2026-08-31T09:34:57","modified_gmt":"2026-08-31T09:34:57","slug":"hjem","status":"publish","type":"page","link":"https:\/\/youthdirection.com\/en\/","title":{"rendered":"Fra tanke til handling. Fra ung til engageret."},"content":{"rendered":"<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-light: #ffffff;\n      --card-bg: #27272a;\n      --accent-yellow: #ffbf00;\n      --text-dark: #18181b;\n      --text-muted: #52525b;\n      --border-color: #e4e4e7;\n    }\n\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      background-color: var(--bg-light);\n      color: var(--text-dark);\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      color: var(--text-dark);\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: #18181b;\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: #f4f4f5;\n      font-weight: 700;\n      padding: 16px 28px;\n      border-radius: 12px;\n      text-decoration: none;\n      font-size: 16px;\n      border: 1px solid #3f3f46;\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 #3f3f46;\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: #18181b;\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: #a1a1aa;\n      margin-bottom: 24px;\n    }\n\n    .stat-row {\n      display: table;\n      width: 100%;\n      border-top: 1px solid #3f3f46;\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: #a1a1aa;\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      color: var(--text-dark);\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      color: var(--text-dark);\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 #3f3f46;\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 #3f3f46;\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: #a1a1aa;\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 #3f3f46;\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: #a1a1aa;\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 #3f3f46;\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: #a1a1aa;\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 #3f3f46;\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: #a1a1aa;\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 #3f3f46;\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: #a1a1aa;\n    }\n\n    \/* CTA Boks i bunden *\/\n    .cta-banner {\n      text-align: center;\n      background: linear-gradient(180deg, var(--card-bg) 0%, #18181b 100%);\n      border: 2px solid var(--accent-yellow);\n      border-radius: 24px;\n      padding: 60px 30px;\n      margin-bottom: 40px;\n      color: #ffffff;\n    }\n\n    .cta-banner h2 {\n      font-size: 36px;\n      font-weight: 900;\n      margin-bottom: 16px;\n      color: #ffffff;\n    }\n\n    .cta-banner p {\n      font-size: 18px;\n      color: #a1a1aa;\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\">Fordi vi bygger bro<\/div>\n          <h1>Find dit f\u00e6llesskab med <span>Youth Direction<\/span><\/h1>\n          <p>Youth Direction forbinder unge med organisationer, unger\u00e5d, netv\u00e6rk og frivillige muligheder. Vores platform g\u00f8r det nemt at finde det taler\u00f8r og 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\">Book 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 organisationer og unger\u00e5d 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>Kig igennem vores katalog, og l\u00e6s om de f\u00e6llesskaber og organisationer\/unger\u00e5d, 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: F\u00e5 r\u00e5dgivning<\/h3>\n              <p>Brug vores v\u00e6rkt\u00f8jer til at finde det rigtige m\u00e5l, 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>It makes sense to give it a shot.<\/h2>\n        <p>Why it makes sense to build a bridge.<\/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>Minor unregistered<\/h3>\n            <p>The number of young people who have found their voice via the platform.<\/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>Affiliated organizations<\/h3>\n            <p>The number of youth organizations and youth councils actively using our 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>Volunteer activities<\/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\/en\/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\u00e6rere 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 os<\/a>\n    <\/section>\n\n  <\/main>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>YouthDirection &#8211; Fra tanke til handling Fordi vi bygger bro Find dit f\u00e6llesskab med Youth Direction Youth Direction forbinder unge med organisationer, unger\u00e5d, netv\u00e6rk og frivillige muligheder. Vores platform g\u00f8r det nemt at finde det taler\u00f8r og f\u00e6llesskab, der passer dig best. Udforsk din vej Book en samtale Fokusomr\u00e5de Fra tanke til handling. Fra ung [&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\/en\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":15,"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":826,"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/pages\/23\/revisions\/826"}],"wp:attachment":[{"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}