{"id":18805,"date":"2026-09-29T07:42:26","date_gmt":"2026-09-29T05:42:26","guid":{"rendered":"https:\/\/amadeokollectif.be\/17903-2\/werkvormen\/"},"modified":"2026-09-29T07:46:17","modified_gmt":"2026-09-29T05:46:17","slug":"werkvormen","status":"publish","type":"page","link":"https:\/\/amadeokollectif.be\/nl\/17903-2\/werkvormen\/","title":{"rendered":"Werkvormen"},"content":{"rendered":"<div class=\"amk-portal\"><style>\t.amk-portal { max-width: 100%; }\n\t\/* !important op de kern-lay-out en lettergrootte: sommige thema's geven\n\t   hun eigen <a>\/<input>-stijlen (grotere fluid typography, form-resets\n\t   die het lettertype NIET overnemen van de omringende tekst) een\n\t   specificiteit die anders wint van dit los ingesloten <style>-blok \u2014\n\t   Filips bugreport op de live site: \"het menu ziet er een beetje raar\n\t   uit (rechtop i.p.v. een rij) en de tekst is heel klein voor de input\".\n\t   De kl\u00e9uren zelf staan hier bewust niet meer vast (Filips vraag: \"kan\n\t   je gebruik maken van de opmaak van mijn website?\") \u2014 gewoon door hier\n\t   zelf geen kleur op te leggen, wint de kleur uit het actieve thema\n\t   vanzelf (doodgewone CSS-overerving, geen :where()-trucje \u2014 dat bleek\n\t   op Filips live hosting alsnog het volledige stijlblok te doen falen,\n\t   vermoedelijk een CSS-minifier die de nieuwere :where()-syntax niet\n\t   herkent en dan te veel weggooit). *\/\n\t.amk-portal-nav { display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .8em; max-width: 720px; margin-bottom: 1.6em; padding-bottom: .8em; border-bottom: 1px solid currentColor; }\n\t.amk-portal-nav-links { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: .3em 1.1em; margin: 0; padding: 0; list-style: none; }\n\t\/* width\/flex hier ook !important: sommige thema's geven \u00e9lke link binnen\n\t   de pagina-inhoud een breedte van 100% (bv. voor hun eigen, als lijst\n\t   opgebouwde menu's) \u2014 zonder deze regel duwt zo'n regel elke link naar\n\t   een eigen volle rij, ook al staat de omringende rij zelf w\u00e9l terecht\n\t   op display:flex (Filips bugreport: \"alle linken staan onder elkaar\",\n\t   ook na de eerdere flex-fix). *\/\n\t.amk-portal-nav-links a { display: inline-block !important; width: auto !important; flex: 0 0 auto !important; font-weight: 700; text-decoration: none; line-height: 1.3; padding: .2em 0; border-bottom: 2px solid transparent; }\n\t.amk-portal-nav-links a:hover, .amk-portal-nav-links a.amk-actief { border-bottom-color: currentColor; }\n\t.amk-portal label { font-weight: 600; }\n\t.amk-portal input[type=text], .amk-portal input[type=email], .amk-portal input[type=password], .amk-portal input[type=number], .amk-portal select, .amk-portal textarea { border: 1px solid #c9cdcb; border-radius: 3px; padding: .5em .6em; font-family: inherit !important; font-size: 16px !important; background: transparent; color: inherit; }\n\t.amk-portal textarea { width: 100%; box-sizing: border-box; font-family: inherit; }\n\t.amk-portal fieldset { border: 1px solid #dcdcde; border-radius: 4px; padding: .8em 1em; margin-bottom: 1em; }\n\t.amk-portal legend { font-weight: 700; padding: 0 .4em; }\n\t.amk-portal .amk-veld { margin-bottom: 1.1em; }\n\t.amk-portal .amk-veld label { display: block; margin-bottom: .3em; }\n\t.amk-portal .amk-beschrijving { opacity: .65; font-size: .88em; margin-top: .3em; }\n\t\/* De rand-knop hieronder geldt enkel als terugval voor een klassiek\n\t   thema zonder eigen knop-stijl \u2014 :not(.wp-element-button) zorgt ervoor\n\t   dat deze regel simpelweg niet meetelt zodra een blok-thema die klasse\n\t   w\u00e9l zelf invult (zie amk_render_programma_login_shortcode() e.a.),\n\t   zodat de \u00e9chte thema-knopstijl ongehinderd kan gelden. *\/\n\t.amk-portal .amk-knop:not(.wp-element-button), .amk-portal button[type=submit]:not(.wp-element-button) { display: inline-block; border: 1px solid currentColor; background: transparent; color: inherit; border-radius: 4px; padding: .7em 1.3em; font-weight: 700; text-decoration: none; cursor: pointer; font-size: 1em; }\n\t.amk-portal .amk-knop:not(.wp-element-button):hover, .amk-portal button[type=submit]:not(.wp-element-button):hover { opacity: .8; }\n\t.amk-portal .amk-fout { background: #f4e4dd; color: #9c3b26; padding: .7em 1em; border-radius: 4px; margin-bottom: 1em; }\n\t.amk-portal .amk-succes { background: #e2f2f0; color: #146a5f; padding: .7em 1em; border-radius: 4px; margin-bottom: 1em; }\n\t.amk-portal .amk-portal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.2em; }\n\t.amk-portal table.amk-lijst { width: 100%; border-collapse: collapse; margin: 1.2em 0; }\n\t.amk-portal table.amk-lijst td { padding: .6em .4em; border-bottom: 1px solid #e4e6e5; }\n\t.amk-portal table.amk-lijst a { font-weight: 600; text-decoration: none; }\n\t.amk-portal-tekst img { max-width: 100%; height: auto; border-radius: 4px; }\n\t.amk-portal-tekst p:first-child { margin-top: 0; }\n\t.amk-dagraster { max-width: 100%; }\n\t.amk-dagraster h3 { border-bottom: 1px solid currentColor; padding-bottom: .2em; margin-top: 1.6em; }\n\t.amk-dagraster .amk-vast-onderdeel { opacity: .6; font-style: italic; font-size: .9em; padding: .4em 0; }\n\t.amk-dagraster .amk-blok { border: 1px solid #dcdcde; border-radius: 4px; padding: .8em 1em; margin: .6em 0; }\n\t.amk-dagraster .amk-blok-titel { font-weight: 700; margin-bottom: .5em; }\n\t.amk-dagraster .amk-blok-werkvorm { display: flex; justify-content: space-between; align-items: center; padding: .4em 0; border-bottom: 1px solid #f0f0f0; }\n\t.amk-dagraster .amk-actie { text-decoration: none; font-weight: 700; padding: 0 .3em; }\n\t.amk-dagraster .amk-blok-toevoegen, .amk-toevoegpaneel .amk-blok-toevoegen { margin-top: .6em; }\n\t.amk-dagraster .amk-blok-toevoegen summary, .amk-toevoegpaneel .amk-blok-toevoegen summary { font-weight: 700; cursor: pointer; }\n\t.amk-dagraster ul.amk-suggesties, .amk-toevoegpaneel ul.amk-suggesties { list-style: none; margin: .6em 0 0; padding: 0; }\n\t.amk-dagraster ul.amk-suggesties li, .amk-toevoegpaneel ul.amk-suggesties li { padding: .3em 0 !important; margin-left: 0 !important; list-style: none !important; }\n\t.amk-dagraster ul.amk-suggesties li::before, .amk-toevoegpaneel ul.amk-suggesties li::before { content: none !important; display: none !important; }\n\t.amk-dagraster ul.amk-suggesties a, .amk-toevoegpaneel ul.amk-suggesties a { text-decoration: none; font-weight: 600; }\n\t.amk-dagraster ul.amk-suggesties .amk-beschrijving, .amk-toevoegpaneel ul.amk-suggesties .amk-beschrijving { display: inline; margin-left: .5em; font-weight: 400; opacity: .65; }\n\t\/* 2.9.12: toevoegpaneel naast het dagraster (breed) of erboven (smal); werkvormen slepen naar een sessie. *\/\n\t.amk-dagraster-wrap { container-type: inline-size; }\n\t.amk-toevoegpaneel { background: #f4f7f7; border: 1px solid #dcdcde; border-radius: 6px; padding: .8em 1em; margin: .6em 0 1.2em; font-size: .92em; }\n\t.amk-toevoegpaneel .amk-tp-kop { border-bottom: 1px solid #dcdcde; padding-bottom: .6em; }\n\t.amk-toevoegpaneel .amk-tp-doel { display: inline-flex; gap: .4em; align-items: center; margin-left: .3em; font-weight: 400; }\n\t.amk-toevoegpaneel .amk-tp-sessie { max-width: 100%; }\n\t.amk-toevoegpaneel ul.amk-suggesties { max-height: 22em; overflow-y: auto; }\n\t.amk-toevoegpaneel .amk-sleepbaar { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .35em; cursor: grab; border-radius: 4px; }\n\t.amk-toevoegpaneel .amk-sleepbaar:hover { background: #e2f2f0; }\n\t.amk-toevoegpaneel .amk-sleepbaar > a.amk-tp-voegtoe { flex: 1 1 10em; }\n\t.amk-toevoegpaneel .amk-sleepgreep { color: #1E9FA5; font-weight: 700; cursor: grab; user-select: none; }\n\t.amk-toevoegpaneel .amk-form-sleepgreep { margin-top: .6em; padding: .45em .7em; border: 1px dashed #1E9FA5; border-radius: 4px; color: #1E9FA5; font-weight: 600; cursor: grab; user-select: none; display: inline-block; }\n\t.amk-dagraster .amk-blok-sleephint { font-style: italic; opacity: .55; margin: .2em 0; }\n\t.amk-aan-het-slepen .amk-dagraster .amk-blok[data-blok] { border-style: dashed; border-color: #1E9FA5; }\n\t.amk-dagraster .amk-blok.amk-drop-doel { background: #e2f2f0; outline: 2px solid #1E9FA5; }\n\t.amk-dagraster .amk-blok.amk-bezig { opacity: .5; }\n\t.amk-dagraster .amk-blok-werkvorm { gap: .5em; }\n\t.amk-dagraster .amk-blok-werkvorm-inhoud { flex: 1 1 auto; min-width: 0; }\n\t.amk-dagraster .amk-item-greep { color: #1E9FA5; font-weight: 700; cursor: grab; user-select: none; align-self: flex-start; padding: 0 .1em; }\n\t.amk-dagraster .amk-blok-werkvorm.amk-wordt-gesleept { opacity: .4; }\n\t\/* Titel op regel 1, kenmerken kleiner eronder (2.9.12 \u2014 met het paneel ernaast is de kolom smaller). *\/\n\t.amk-dagraster .amk-blok-werkvorm { align-items: flex-start; }\n\t.amk-dagraster .amk-wv-specs { display: flex; flex-wrap: wrap; align-items: center; gap: .3em; margin-top: .3em; font-size: .8em; line-height: 1.3; }\n\t.amk-dagraster .amk-wv-specs > * { margin: 0 !important; }\n\t.amk-dagraster .amk-wv-specs .button-small { font-size: 1em !important; padding: .1em .45em !important; min-height: 0 !important; line-height: 1.4 !important; border-radius: 3px; }\n\t.amk-dagraster .amk-wv-specs span[style*=\"border-radius:50%\"][style*=\"10mm\"] { width: 7mm !important; height: 7mm !important; }\n\t.amk-dagraster .amk-wv-specs span[style*=\"border-radius:50%\"][style*=\"10mm\"] > span { font-size: 5pt !important; }\n\t.amk-dagraster .amk-blok-acties { flex: 0 0 auto; white-space: nowrap; }\n\t.amk-dagraster .amk-blok-werkvorm.amk-drop-voor { box-shadow: inset 0 3px 0 #1E9FA5; }\n\t.amk-dagraster .amk-blok-werkvorm.amk-drop-na { box-shadow: inset 0 -3px 0 #1E9FA5; }\n\t@container (min-width: 50em) {\n\t\t.amk-dagraster-wrap > .amk-dagraster-raster { display: grid; grid-template-columns: minmax(0, 1fr) 21em; gap: 1.5em; align-items: start; }\n\t\t.amk-dagraster-raster > .amk-toevoegpaneel { grid-column: 2; grid-row: 1; position: sticky; top: 40px; max-height: calc(100vh - 56px); overflow-y: auto; margin-top: 2.2em; }\n\t\t.amk-dagraster-raster > .amk-dagraster { grid-column: 1; grid-row: 1; }\n\t\t.amk-dagraster-raster > .amk-toevoegpaneel ul.amk-suggesties { max-height: none; }\n\t}\n\t<\/style><p>Je moet aangemeld zijn om dit te bekijken.<\/p><p><a class=\"amk-knop\" href=\"https:\/\/amadeokollectif.be\/se-connecter-toolbook\/\">Aanmelden<\/a><\/p><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":8,"featured_media":0,"parent":17903,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"class_list":["post-18805","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/pages\/18805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/comments?post=18805"}],"version-history":[{"count":1,"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/pages\/18805\/revisions"}],"predecessor-version":[{"id":18806,"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/pages\/18805\/revisions\/18806"}],"up":[{"embeddable":true,"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/pages\/17903"}],"wp:attachment":[{"href":"https:\/\/amadeokollectif.be\/nl\/wp-json\/wp\/v2\/media?parent=18805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}