<style data-zda-school-style> :root { --zda-school-bordeaux: #7a1f2b; --zda-school-bordeaux-dark: #4a1018; --zda-school-gold: #c7a24a; --zda-school-cream: #fbf7ef; --zda-school-cream-deep: #f1e7d5; --zda-school-ink: #241c1d; --zda-school-muted: #6b6062; --zda-school-line: #ddcfb8; --zda-school-green: #2e6b4f; --zda-school-shadow: 0 18px 50px rgba(52, 28, 31, 0.11); --zda-school-radius: 22px; } .zda-school-page, .zda-school-detail { color: var(--zda-school-ink); overflow: hidden; background: radial-gradient(circle at 7% 13%, rgba(199, 162, 74, 0.09) 0, rgba(199, 162, 74, 0) 23rem), linear-gradient(180deg, #fff 0, #fff 36%, #fcfaf6 100%); } .zda-school-page *, .zda-school-detail * { box-sizing: border-box; } .zda-school-page h1, .zda-school-page h2, .zda-school-page h3, .zda-school-detail h1, .zda-school-detail h2, .zda-school-detail h3 { margin-top: 0; color: var(--zda-school-bordeaux-dark); font-family: var(--font-heading-family); letter-spacing: -0.025em; text-wrap: balance; } .zda-school-page p, .zda-school-detail p { color: var(--zda-school-muted); line-height: 1.72; } .zda-school-shell { width: min(100% - 3.2rem, 128rem); margin-inline: auto; } .zda-school-shell--narrow { width: min(100% - 3.2rem, 92rem); } .zda-school-section { position: relative; padding-block: clamp(6.5rem, 8vw, 11rem); scroll-margin-top: 9rem; } .zda-school-section--cream { background: var(--zda-school-cream); border-block: 1px solid rgba(122, 31, 43, 0.08); } .zda-school-kicker { display: inline-flex; align-items: center; gap: 0.9rem; margin-bottom: 1.6rem; color: var(--zda-school-bordeaux); font-size: 1.25rem; font-weight: 800; letter-spacing: 0.16em; line-height: 1.2; text-transform: uppercase; } .zda-school-kicker::before { width: 3.4rem; height: 1px; background: var(--zda-school-gold); content: ''; } .zda-school-heading { max-width: 82rem; margin-bottom: 4.2rem; } .zda-school-heading h2 { margin-bottom: 1.4rem; font-size: clamp(3rem, 4vw, 5.3rem); line-height: 1.08; } .zda-school-heading p { max-width: 72rem; margin: 0; font-size: clamp(1.65rem, 2vw, 1.95rem); } .zda-school-breadcrumb { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; padding-top: 2rem; color: var(--zda-school-muted); font-size: 1.35rem; } .zda-school-breadcrumb a { color: var(--zda-school-bordeaux); text-underline-offset: 0.3rem; } .zda-school-hero { position: relative; min-height: 68rem; display: grid; align-items: center; padding-block: clamp(5rem, 8vw, 10rem); background: linear-gradient(100deg, rgba(74, 16, 24, 0.98), rgba(122, 31, 43, 0.94) 62%, rgba(92, 22, 33, 0.97)), repeating-linear-gradient(135deg, transparent 0 22px, rgba(255,255,255,.025) 22px 23px); color: #fff; } .zda-school-hero::before, .zda-school-hero::after { position: absolute; border: 1px solid rgba(199, 162, 74, 0.27); border-radius: 50%; content: ''; pointer-events: none; } .zda-school-hero::before { width: 42rem; height: 42rem; right: -8rem; top: -13rem; } .zda-school-hero::after { width: 22rem; height: 22rem; left: -9rem; bottom: -9rem; } .zda-school-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(32rem, 0.75fr); gap: clamp(4rem, 8vw, 10rem); align-items: center; } .zda-school-hero .zda-school-kicker { color: #f1d889; } .zda-school-hero h1 { max-width: 84rem; margin-bottom: 2rem; color: #fff; font-size: clamp(4rem, 6vw, 7.4rem); line-height: 1.01; } .zda-school-hero__lead { max-width: 72rem; margin: 0 0 3rem; color: rgba(255,255,255,.84) !important; font-size: clamp(1.75rem, 2vw, 2.15rem); } .zda-school-actions { display: flex; flex-wrap: wrap; gap: 1.2rem; align-items: center; } .zda-school-button { min-height: 5.2rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.9rem; padding: 1.3rem 2.2rem; border: 1px solid transparent; border-radius: 999px; appearance: none; cursor: pointer; font: inherit; font-size: 1.45rem; font-weight: 800; line-height: 1.15; text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; } .zda-school-button:hover { transform: translateY(-2px); } .zda-school-button:focus-visible { outline: 3px solid rgba(199, 162, 74, .65); outline-offset: 3px; } .zda-school-button:disabled { cursor: wait; opacity: .72; transform: none; } .zda-school-button--gold { color: var(--zda-school-bordeaux-dark); background: linear-gradient(135deg, #ead181, #c7a24a); box-shadow: 0 12px 34px rgba(0,0,0,.18); } .zda-school-button--light { color: #fff; border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); backdrop-filter: blur(10px); } .zda-school-button--primary { color: #fff; background: var(--zda-school-bordeaux); box-shadow: 0 10px 26px rgba(122,31,43,.18); } .zda-school-button--secondary { color: var(--zda-school-bordeaux); border-color: rgba(122,31,43,.23); background: #fff; } .zda-school-button--text { min-height: auto; justify-content: flex-start; padding: .8rem 0; color: var(--zda-school-bordeaux); border-radius: 0; background: transparent; } .zda-school-button svg { width: 1.9rem; height: 1.9rem; flex: 0 0 auto; } .zda-school-trust { display: flex; flex-wrap: wrap; gap: 1rem; margin: 3rem 0 0; padding: 0; list-style: none; } .zda-school-trust li { display: inline-flex; gap: .7rem; align-items: center; padding: .8rem 1.2rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(255,255,255,.88); background: rgba(255,255,255,.06); font-size: 1.3rem; } .zda-school-trust svg { width: 1.55rem; height: 1.55rem; color: #efd77f; } .zda-school-hero__visual { position: relative; min-height: 46rem; display: grid; place-items: center; } .zda-school-seal { position: relative; width: min(39rem, 88vw); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(234,209,129,.46); border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.12) 0 32%, transparent 32.4% 41%, rgba(255,255,255,.06) 41.5% 42%, transparent 42.5%), rgba(255,255,255,.045); box-shadow: inset 0 0 0 1.2rem rgba(255,255,255,.018), 0 25px 80px rgba(0,0,0,.2); } .zda-school-seal::before, .zda-school-seal::after { position: absolute; inset: 7%; border: 1px dashed rgba(234,209,129,.42); border-radius: 50%; content: ''; } .zda-school-seal::after { inset: 18%; border-style: solid; } .zda-school-seal svg { position: relative; z-index: 2; width: 49%; color: #f0d47b; filter: drop-shadow(0 8px 20px rgba(0,0,0,.22)); } .zda-school-stat-card { position: absolute; z-index: 4; min-width: 15rem; padding: 1.5rem 1.7rem; border: 1px solid rgba(255,255,255,.21); border-radius: 1.6rem; color: #fff; background: rgba(45,9,15,.64); box-shadow: 0 18px 45px rgba(0,0,0,.19); backdrop-filter: blur(12px); } .zda-school-stat-card strong { display: block; color: #f2d77e; font-family: var(--font-heading-family); font-size: 2.7rem; line-height: 1; } .zda-school-stat-card span { display: block; margin-top: .5rem; color: rgba(255,255,255,.78); font-size: 1.2rem; } .zda-school-stat-card--one { top: 7%; left: -2%; } .zda-school-stat-card--two { right: -3%; bottom: 14%; } .zda-school-intro-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(3rem, 7vw, 9rem); align-items: start; } .zda-school-intro-grid h2 { margin-bottom: 2rem; font-size: clamp(3.2rem, 4vw, 5rem); line-height: 1.08; } .zda-school-intro-grid p { margin-top: 0; font-size: 1.75rem; } .zda-school-principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; } .zda-school-principle { min-height: 17rem; padding: 2.5rem; border: 1px solid var(--zda-school-line); border-radius: 1.8rem; background: #fff; box-shadow: 0 12px 32px rgba(63,42,45,.06); } .zda-school-principle__icon, .zda-school-material__icon, .zda-school-situation__icon { width: 4.4rem; height: 4.4rem; display: grid; place-items: center; margin-bottom: 1.6rem; border-radius: 1.3rem; color: var(--zda-school-bordeaux); background: var(--zda-school-cream-deep); } .zda-school-principle__icon svg, .zda-school-material__icon svg, .zda-school-situation__icon svg { width: 2.3rem; height: 2.3rem; } .zda-school-principle h3 { margin-bottom: .7rem; font-size: 1.8rem; } .zda-school-principle p { margin: 0; font-size: 1.4rem; } .zda-school-starter { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(31rem, .9fr); gap: clamp(3rem, 6vw, 7rem); padding: clamp(3rem, 5vw, 6rem); overflow: hidden; border-radius: 3rem; background: linear-gradient(135deg, var(--zda-school-bordeaux-dark), var(--zda-school-bordeaux)); box-shadow: var(--zda-school-shadow); } .zda-school-starter::after { position: absolute; right: -12rem; bottom: -19rem; width: 42rem; height: 42rem; border: 1px solid rgba(234,209,129,.25); border-radius: 50%; content: ''; } .zda-school-starter h2, .zda-school-starter h3 { color: #fff; } .zda-school-starter h2 { margin-bottom: 1.5rem; font-size: clamp(3.2rem, 4vw, 5rem); } .zda-school-starter p { color: rgba(255,255,255,.8); font-size: 1.65rem; } .zda-school-starter__badge { display: inline-flex; margin-bottom: 1.7rem; padding: .8rem 1.2rem; border-radius: 999px; color: var(--zda-school-bordeaux-dark); background: #efd77f; font-size: 1.2rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .zda-school-starter__list { position: relative; z-index: 1; padding: 2.5rem; border: 1px solid rgba(255,255,255,.15); border-radius: 2rem; background: rgba(255,255,255,.08); } .zda-school-starter__list h3 { margin-bottom: 1.5rem; font-size: 2rem; } .zda-school-check-list { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; } .zda-school-check-list li { display: flex; gap: 1rem; align-items: flex-start; color: rgba(255,255,255,.88); font-size: 1.45rem; } .zda-school-check-list svg { width: 1.8rem; height: 1.8rem; flex: 0 0 auto; margin-top: .2rem; color: #efd77f; } .zda-school-library-tools { position: sticky; z-index: 6; top: calc(var(--header-height, 0px) + 1rem); display: grid; grid-template-columns: minmax(21rem, 1.4fr) repeat(4, minmax(14rem, 1fr)) auto; gap: 1rem; align-items: end; margin-bottom: 2.2rem; padding: 1.6rem; border: 1px solid var(--zda-school-line); border-radius: 2rem; background: rgba(255,255,255,.95); box-shadow: 0 12px 42px rgba(52,28,31,.1); backdrop-filter: blur(14px); } .zda-school-field { display: grid; gap: .6rem; } .zda-school-field label { color: var(--zda-school-bordeaux-dark); font-size: 1.18rem; font-weight: 800; letter-spacing: .03em; } .zda-school-field input, .zda-school-field select, .zda-school-newsletter input, .zda-school-contact input, .zda-school-contact textarea { width: 100%; min-height: 4.7rem; padding: 1rem 1.3rem; border: 1px solid #d8c9b1; border-radius: 1.2rem; color: var(--zda-school-ink); background: #fff; font: inherit; font-size: 1.4rem; } .zda-school-field input:focus, .zda-school-field select:focus, .zda-school-newsletter input:focus, .zda-school-contact input:focus, .zda-school-contact textarea:focus { border-color: var(--zda-school-bordeaux); outline: 3px solid rgba(122,31,43,.12); } .zda-school-reset { min-height: 4.7rem; padding-inline: 1.4rem; border: 0; border-radius: 1.2rem; color: var(--zda-school-bordeaux); background: var(--zda-school-cream-deep); cursor: pointer; font: inherit; font-size: 1.3rem; font-weight: 800; } .zda-school-library-meta { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 2rem; color: var(--zda-school-muted); font-size: 1.35rem; } .zda-school-material-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; } .zda-school-material-card { position: relative; min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--zda-school-line); border-radius: var(--zda-school-radius); background: #fff; box-shadow: 0 10px 32px rgba(61,37,40,.055); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .zda-school-material-card:hover { border-color: rgba(122,31,43,.35); box-shadow: var(--zda-school-shadow); transform: translateY(-4px); } .zda-school-material-card[hidden] { display: none !important; } .zda-school-material__top { min-height: 16rem; display: flex; justify-content: space-between; gap: 2rem; align-items: flex-start; padding: 2.4rem 2.4rem 2rem; background: linear-gradient(135deg, var(--zda-school-cream), #fff), repeating-linear-gradient(135deg, transparent 0 14px, rgba(122,31,43,.025) 14px 15px); border-bottom: 1px solid var(--zda-school-line); } .zda-school-material__number { color: rgba(122,31,43,.12); font-family: var(--font-heading-family); font-size: 5.5rem; font-weight: 700; line-height: 1; } .zda-school-material__body { flex: 1; display: flex; flex-direction: column; padding: 2.4rem; } .zda-school-material__badges { display: flex; flex-wrap: wrap; gap: .7rem; margin-bottom: 1.5rem; } .zda-school-chip { display: inline-flex; align-items: center; min-height: 2.8rem; padding: .45rem .9rem; border-radius: 999px; color: var(--zda-school-bordeaux-dark); background: var(--zda-school-cream-deep); font-size: 1.12rem; font-weight: 700; } .zda-school-chip--green { color: var(--zda-school-green); background: #eaf4ef; } .zda-school-material-card h3 { margin-bottom: 1rem; font-size: 2.25rem; line-height: 1.17; } .zda-school-material-card p { margin: 0 0 2rem; font-size: 1.4rem; } .zda-school-material__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin: auto 0 1.8rem; padding: 1.2rem 0; border-block: 1px solid #eee5d8; } .zda-school-material__fact strong, .zda-school-material__fact span { display: block; } .zda-school-material__fact strong { color: var(--zda-school-bordeaux-dark); font-size: 1.25rem; } .zda-school-material__fact span { margin-top: .2rem; color: var(--zda-school-muted); font-size: 1.08rem; } .zda-school-material__actions { display: grid; gap: .8rem; } .zda-school-material__actions .zda-school-button { width: 100%; min-height: 4.7rem; padding-inline: 1.4rem; font-size: 1.3rem; } .zda-school-empty { margin-top: 2rem; padding: 3rem; border: 1px dashed var(--zda-school-line); border-radius: 2rem; text-align: center; background: var(--zda-school-cream); } .zda-school-situations { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .zda-school-situation { padding: 3rem; border: 1px solid var(--zda-school-line); border-radius: 2rem; background: #fff; } .zda-school-situation h3 { margin-bottom: 1rem; font-size: 2.3rem; } .zda-school-situation p { margin: 0 0 1.8rem; font-size: 1.45rem; } .zda-school-situation ul { display: grid; gap: .8rem; margin: 0; padding-left: 2rem; color: var(--zda-school-muted); font-size: 1.35rem; } .zda-school-pathway { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; counter-reset: step; } .zda-school-pathway__step { position: relative; min-height: 20rem; padding: 3rem 2.4rem; border: 1px solid var(--zda-school-line); background: #fff; } .zda-school-pathway__step:first-child { border-radius: 2rem 0 0 2rem; } .zda-school-pathway__step:last-child { border-radius: 0 2rem 2rem 0; } .zda-school-pathway__step + .zda-school-pathway__step { border-left: 0; } .zda-school-pathway__step::before { counter-increment: step; display: grid; width: 3.6rem; height: 3.6rem; place-items: center; margin-bottom: 1.6rem; border-radius: 50%; color: #fff; background: var(--zda-school-bordeaux); content: counter(step); font-weight: 800; } .zda-school-pathway__step h3 { margin-bottom: .7rem; font-size: 1.85rem; } .zda-school-pathway__step p { margin: 0; font-size: 1.35rem; } .zda-school-cooperation { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .zda-school-cooperation__card { padding: clamp(2.8rem, 4vw, 4.5rem); border-radius: 2.4rem; background: #fff; border: 1px solid var(--zda-school-line); } .zda-school-cooperation__card--dark { color: #fff; border-color: transparent; background: var(--zda-school-bordeaux-dark); } .zda-school-cooperation__card--dark h3 { color: #fff; } .zda-school-cooperation__card--dark p, .zda-school-cooperation__card--dark li { color: rgba(255,255,255,.78); } .zda-school-cooperation h3 { margin-bottom: 1.2rem; font-size: 2.8rem; } .zda-school-cooperation ul { display: grid; gap: .9rem; padding-left: 2rem; color: var(--zda-school-muted); } .zda-school-newsletter { display: grid; grid-template-columns: 1fr auto; gap: 1rem; margin-top: 2rem; } .zda-school-newsletter .zda-school-button { border-radius: 1.2rem; } .zda-school-form-note { grid-column: 1 / -1; margin: .2rem 0 0 !important; font-size: 1.15rem !important; } .zda-school-form-message { grid-column: 1 / -1; padding: 1rem 1.2rem; border-radius: 1rem; color: var(--zda-school-green) !important; background: #eaf4ef; font-size: 1.3rem !important; } .zda-school-faq { display: grid; gap: 1rem; } .zda-school-faq details { border: 1px solid var(--zda-school-line); border-radius: 1.5rem; background: #fff; } .zda-school-faq summary { position: relative; padding: 2rem 5.4rem 2rem 2.2rem; color: var(--zda-school-bordeaux-dark); cursor: pointer; font-size: 1.65rem; font-weight: 800; list-style: none; } .zda-school-faq summary::-webkit-details-marker { display: none; } .zda-school-faq summary::after { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); color: var(--zda-school-bordeaux); content: '+'; font-size: 2.4rem; line-height: 1; } .zda-school-faq details[open] summary::after { content: '−'; } .zda-school-faq__answer { padding: 0 2.2rem 2rem; } .zda-school-faq__answer p { margin: 0; font-size: 1.45rem; } .zda-school-poster-callout { display: grid; grid-template-columns: auto 1fr auto; gap: 2.4rem; align-items: center; padding: 2.5rem 3rem; border: 1px solid var(--zda-school-line); border-radius: 2rem; background: #fff; } .zda-school-poster-callout__mark { width: 6.4rem; height: 6.4rem; display: grid; place-items: center; border-radius: 50%; color: var(--zda-school-bordeaux); background: var(--zda-school-cream-deep); } .zda-school-poster-callout__mark svg { width: 3.1rem; height: 3.1rem; } .zda-school-poster-callout h3 { margin: 0 0 .4rem; font-size: 2rem; } .zda-school-poster-callout p { margin: 0; font-size: 1.35rem; } .zda-school-download-status { min-height: 2rem; margin-top: 1.4rem; color: rgba(255,255,255,.75); font-size: 1.25rem; } .zda-school-download-status[data-state='error'] { color: #ffd6d9; } .zda-school-download-status[data-state='success'] { color: inherit; } .zda-school-spinner { width: 1.5rem; height: 1.5rem; display: inline-block; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: zda-school-spin .7s linear infinite; } @keyframes zda-school-spin { to { transform: rotate(360deg); } } /* Detail page */ .zda-school-detail__hero { padding-block: clamp(5rem, 7vw, 9rem); background: linear-gradient(180deg, var(--zda-school-cream) 0, #fff 100%); border-bottom: 1px solid var(--zda-school-line); } .zda-school-detail__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(30rem, .85fr); gap: clamp(3rem, 7vw, 8rem); align-items: center; } .zda-school-detail h1 { margin-bottom: 1.8rem; font-size: clamp(4rem, 5.5vw, 6.6rem); line-height: 1.04; } .zda-school-detail__lead { margin: 0 0 2.6rem; font-size: 1.85rem; } .zda-school-detail__meta { display: flex; flex-wrap: wrap; gap: .8rem; margin-bottom: 2.7rem; } .zda-school-download-panel { position: relative; padding: 3rem; overflow: hidden; border-radius: 2.4rem; color: #fff; background: var(--zda-school-bordeaux-dark); box-shadow: var(--zda-school-shadow); } .zda-school-download-panel::after { position: absolute; width: 22rem; height: 22rem; right: -9rem; top: -9rem; border: 1px solid rgba(239,215,127,.25); border-radius: 50%; content: ''; } .zda-school-download-panel h2 { position: relative; z-index: 1; margin-bottom: .7rem; color: #fff; font-size: 2.6rem; } .zda-school-download-panel p { position: relative; z-index: 1; color: rgba(255,255,255,.74); font-size: 1.4rem; } .zda-school-download-panel .zda-school-actions { position: relative; z-index: 1; display: grid; } .zda-school-download-panel .zda-school-button { width: 100%; } .zda-school-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 32rem; gap: clamp(3rem, 6vw, 7rem); align-items: start; } .zda-school-prose h2 { margin: 4rem 0 1.3rem; font-size: clamp(2.7rem, 3vw, 3.8rem); } .zda-school-prose h2:first-child { margin-top: 0; } .zda-school-prose p, .zda-school-prose li { font-size: 1.6rem; } .zda-school-prose ul { display: grid; gap: .8rem; padding-left: 2.2rem; color: var(--zda-school-muted); } .zda-school-outline { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin: 2rem 0; } .zda-school-outline__item { padding: 1.8rem; border: 1px solid var(--zda-school-line); border-radius: 1.4rem; background: var(--zda-school-cream); } .zda-school-outline__item strong { display: block; margin-bottom: .4rem; color: var(--zda-school-bordeaux-dark); font-size: 1.45rem; } .zda-school-outline__item span { color: var(--zda-school-muted); font-size: 1.25rem; } .zda-school-sidebar { position: sticky; top: calc(var(--header-height, 0px) + 2rem); display: grid; gap: 1.4rem; } .zda-school-sidebar__card { padding: 2.2rem; border: 1px solid var(--zda-school-line); border-radius: 1.7rem; background: #fff; } .zda-school-sidebar__card h3 { margin-bottom: 1rem; font-size: 1.8rem; } .zda-school-sidebar__card p { margin: 0; font-size: 1.3rem; } .zda-school-sidebar__card ul { display: grid; gap: .7rem; margin: 0; padding-left: 1.8rem; color: var(--zda-school-muted); font-size: 1.25rem; } .zda-school-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .zda-school-related-card { display: block; padding: 2.4rem; border: 1px solid var(--zda-school-line); border-radius: 1.7rem; color: inherit; background: #fff; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; } .zda-school-related-card:hover { transform: translateY(-3px); box-shadow: var(--zda-school-shadow); } .zda-school-related-card span { color: var(--zda-school-bordeaux); font-size: 1.15rem; font-weight: 800; text-transform: uppercase; } .zda-school-related-card h3 { margin: .8rem 0 0; font-size: 1.9rem; } @media screen and (max-width: 1100px) { .zda-school-library-tools { position: relative; top: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); } .zda-school-field--search { grid-column: 1 / -1; } .zda-school-reset { min-height: 4.7rem; align-self: end; } .zda-school-material-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 989px) { .zda-school-hero__grid, .zda-school-intro-grid, .zda-school-starter, .zda-school-detail__grid, .zda-school-content-grid { grid-template-columns: 1fr; } .zda-school-hero { min-height: auto; } .zda-school-hero__visual { min-height: 36rem; } .zda-school-seal { width: 31rem; } .zda-school-stat-card--one { left: 4%; } .zda-school-stat-card--two { right: 4%; } .zda-school-pathway { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .zda-school-pathway__step, .zda-school-pathway__step:first-child, .zda-school-pathway__step:last-child { border: 1px solid var(--zda-school-line); border-radius: 1.6rem; } .zda-school-sidebar { position: static; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 749px) { .zda-school-shell, .zda-school-shell--narrow { width: min(100% - 2.4rem, 128rem); } .zda-school-section { padding-block: 6rem; } .zda-school-hero { padding-block: 5.5rem; } .zda-school-hero__grid { gap: 3.4rem; } .zda-school-hero h1 { font-size: clamp(3.7rem, 11vw, 5.2rem); } .zda-school-hero__lead { font-size: 1.7rem; } .zda-school-actions { display: grid; } .zda-school-actions .zda-school-button { width: 100%; } .zda-school-hero__visual { min-height: 29rem; } .zda-school-seal { width: 24rem; } .zda-school-stat-card { min-width: 12.5rem; padding: 1.2rem; } .zda-school-stat-card strong { font-size: 2.2rem; } .zda-school-stat-card span { font-size: 1rem; } .zda-school-principles, .zda-school-material-grid, .zda-school-situations, .zda-school-cooperation, .zda-school-pathway, .zda-school-related-grid, .zda-school-outline, .zda-school-sidebar { grid-template-columns: 1fr; } .zda-school-starter { padding: 2.4rem; border-radius: 2.2rem; } .zda-school-library-tools { grid-template-columns: 1fr; padding: 1.2rem; } .zda-school-field--search { grid-column: auto; } .zda-school-material__facts { grid-template-columns: repeat(3, 1fr); } .zda-school-newsletter { grid-template-columns: 1fr; } .zda-school-poster-callout { grid-template-columns: auto 1fr; } .zda-school-poster-callout .zda-school-button { grid-column: 1 / -1; width: 100%; } .zda-school-download-panel { padding: 2.4rem; } } @media (prefers-reduced-motion: reduce) { .zda-school-page *, .zda-school-detail * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } } @media print { .zda-school-hero, .zda-school-library-tools, .zda-school-actions, .zda-school-newsletter, .zda-school-poster-callout, .zda-school-download-panel { display: none !important; } .zda-school-page, .zda-school-detail { background: #fff !important; } .zda-school-material-grid { grid-template-columns: repeat(2, 1fr); } .zda-school-material-card { break-inside: avoid; box-shadow: none; } } </style><div class="zda-school-page"> <nav class="zda-school-shell zda-school-breadcrumb" aria-label="Brotkrümelnavigation"> <a href="/">Startseite</a> <span aria-hidden="true">/</span> <span aria-current="page">Für Schulen &amp; Lehrkräfte</span> </nav> <section class="zda-school-hero" aria-labelledby="ZdaSchoolHeroHeading"> <div class="zda-school-shell zda-school-hero__grid"> <div> <span class="zda-school-kicker">Für Schulen &amp; Lehrkräfte</span> <h1 id="ZdaSchoolHeroHeading">Handwerk entdecken. Geschichte verstehen. Berufe kennenlernen.</h1> <p class="zda-school-hero__lead">Kostenlose Unterrichtsmaterialien zu Handwerk und Zünften: Geschichte verstehen, Werkzeuge und Zeichen entdecken und Berufe kennenlernen. Arbeitsblätter, Lehrerhandreichungen und Lösungen sind getrennt verfügbar.</p> <div class="zda-school-actions"> <a class="zda-school-button zda-school-button--gold" href="#unterrichtsmaterial" data-zda-scroll> <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5v-16ZM20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5v-16Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg> <span>Unterrichtsmaterial entdecken</span> </a> <button class="zda-school-button zda-school-button--light" type="button" data-zda-pdf="starterpaket-zuenfte-und-handwerk-schueler" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-starter.svg?v=19716195035006027401789409540" > <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> <span>Starterpaket herunterladen</span> </button> </div> <ul class="zda-school-trust" aria-label="Vorteile der Unterrichtsmaterialien"> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Direkt einsetzbar</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Mit Lösungen</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Druckfreundlich</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Kostenlos</li> </ul> <p class="zda-school-download-status" role="status" aria-live="polite" data-zda-download-status></p> </div> <div class="zda-school-hero__visual" aria-hidden="true"> <div class="zda-school-seal"> <svg viewBox="0 0 220 220" fill="none"> <circle cx="110" cy="110" r="91" stroke="currentColor" stroke-width="3"/> <path d="M73 66h74v88H73V66Z" stroke="currentColor" stroke-width="4"/> <path d="M82 80h56M82 96h56M82 112h36M82 128h47" stroke="currentColor" stroke-width="4" stroke-linecap="round"/> <path d="M110 46v20M98 56h24" stroke="currentColor" stroke-width="4" stroke-linecap="round"/> <path d="m61 151 28-28m70 28-28-28" stroke="currentColor" stroke-width="5" stroke-linecap="round"/> <path d="m55 157 12-4-8-8-4 12Zm110 0-12-4 8-8 4 12Z" fill="currentColor"/> </svg> </div> <div class="zda-school-stat-card zda-school-stat-card--one"> <strong>8</strong> <span>fertige Unterrichtsmodule</span> </div> <div class="zda-school-stat-card zda-school-stat-card--two"> <strong>4–10</strong> <span>Klassenstufen im Startangebot</span> </div> </div> </div> </section> <section class="zda-school-section" aria-labelledby="ZdaSchoolIntroHeading"> <div class="zda-school-shell zda-school-intro-grid"> <div> <span class="zda-school-kicker">Unterricht mit Substanz</span> <h2 id="ZdaSchoolIntroHeading">Geschichte, Handwerk und Berufsorientierung miteinander verbinden</h2> <p>Zünfte erzählen von Stadtentwicklung, Ausbildung, Qualität, Gemeinschaft und gesellschaftlichem Wandel. Moderne Handwerksberufe eröffnen gleichzeitig konkrete berufliche Perspektiven.</p> <p>Die Materialien sind für einzelne Unterrichtsstunden, Vertretungsstunden, Projekttage und fächerübergreifende Reihen konzipiert. Historische Inhalte werden verständlich erklärt, ohne regionale und zeitliche Unterschiede glattzubügeln.</p> </div> <div class="zda-school-principles"> <article class="zda-school-principle"> <div class="zda-school-principle__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m3 9 9-5 9 5-9 5-9-5Zm3 3v5.5C8 19.2 10 20 12 20s4-.8 6-2.5V12M21 9v6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <h3>Lehrkraftgerecht</h3> <p>Klassenstufe, Fach, Zeitbedarf und Lernziele sind auf einen Blick erkennbar.</p> </article> <article class="zda-school-principle"> <div class="zda-school-principle__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M7 2.8h7l4 4V21H7V2.8Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M14 3v4h4M9.5 16.5V11h2a1.7 1.7 0 1 1 0 3.4h-2m5-3.4h-1v5.5m0-2.8h1.8M17 11h-1v5.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <h3>Komplett vorbereitet</h3> <p>Schülerteil, Lehrerhandreichung, Lösungshinweise und Quellen sind getrennt verfügbar.</p> </article> <article class="zda-school-principle"> <div class="zda-school-principle__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5v-16ZM20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5v-16Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg></div> <h3>Fachlich fundiert</h3> <p>Die Inhalte verweisen auf Museen, UNESCO und das Bundesinstitut für Berufsbildung.</p> </article> <article class="zda-school-principle"> <div class="zda-school-principle__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m14.5 5.5 4-2 2 2-2 4-3 1-5.8 5.8a2.2 2.2 0 0 1-3.1-3.1l5.8-5.8 1-2.9ZM5 5l14 14M4 3l3 1 1 3-2 2-3-1-1-3 2-2Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <h3>Lebensnah</h3> <p>Historisches Lernen führt zu Werkzeugwissen, Berufserkundung und eigenen Projekten.</p> </article> </div> </div> </section> <section class="zda-school-section zda-school-section--cream" aria-labelledby="ZdaStarterHeading"> <div class="zda-school-shell"> <div class="zda-school-starter"> <div> <span class="zda-school-starter__badge">Kostenloses Komplettpaket</span> <h2 id="ZdaStarterHeading">Starterpaket „Zünfte und Handwerk“</h2> <p>Fünf aufeinander abgestimmte Module für eine komplette Unterrichtsreihe – vom Grundbegriff Zunft bis zum Vergleich von historischem und modernem Handwerk.</p> <div class="zda-school-actions"> <button class="zda-school-button zda-school-button--gold" type="button" data-zda-pdf="starterpaket-zuenfte-und-handwerk-schueler" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-starter.svg?v=19716195035006027401789409540" > <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> <span>Schülerpaket · 32 Seiten</span> </button> <button class="zda-school-button zda-school-button--light" type="button" data-zda-pdf="starterpaket-zuenfte-und-handwerk-lehrer-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-starter.svg?v=19716195035006027401789409540" > <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> <span>Lehrerpaket &amp; Lösungen · 27 Seiten</span> </button> </div> <p class="zda-school-download-status" role="status" aria-live="polite" data-zda-download-status></p> </div> <div class="zda-school-starter__list"> <h3>Im Starterpaket enthalten</h3> <ul class="zda-school-check-list"> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Was ist eine Zunft?</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Vom Lehrling zum Meister</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Die Walz – Gesellenwanderschaft</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Zunftzeichen und ihre Bedeutung</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Handwerk damals und heute</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Unterrichtsabläufe, Differenzierung und Lösungen</li> <li><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m5 12.5 4.2 4.2L19 7" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg> Glossare, Quellen und weiterführende Links</li> </ul> </div> </div> </div> </section> <section id="unterrichtsmaterial" class="zda-school-section" aria-labelledby="ZdaMaterialsHeading" tabindex="-1"> <div class="zda-school-shell" data-zda-material-library> <header class="zda-school-heading"> <span class="zda-school-kicker">Materialbibliothek</span> <h2 id="ZdaMaterialsHeading">Unterrichtsmaterial passend zur Stunde finden</h2> <p>Durchsuche alle Module nach Klassenstufe, Fach, Zeitbedarf und Materialart. Jedes Modul enthält ein eigenes Schüler-PDF und eine separate Lehrerhandreichung mit Lösungen.</p> </header> <div class="zda-school-library-tools" aria-label="Unterrichtsmaterial filtern"> <div class="zda-school-field zda-school-field--search"> <label for="ZdaSchoolSearch">Suche</label> <input id="ZdaSchoolSearch" type="search" placeholder="z. B. Zunft, Walz, Werkzeuge …" autocomplete="off" data-zda-filter-search> </div> <div class="zda-school-field"> <label for="ZdaSchoolGrade">Klassenstufe</label> <select id="ZdaSchoolGrade" data-zda-filter-grade> <option value="">Alle Klassen</option> <option value="4">Klasse 4</option> <option value="5">Klasse 5</option> <option value="6">Klasse 6</option> <option value="7">Klasse 7</option> <option value="8">Klasse 8</option> <option value="9">Klasse 9</option> <option value="10">Klasse 10</option> </select> </div> <div class="zda-school-field"> <label for="ZdaSchoolSubject">Unterrichtsfach</label> <select id="ZdaSchoolSubject" data-zda-filter-subject> <option value="">Alle Fächer</option> <option value="geschichte">Geschichte</option> <option value="gesellschaft">Gesellschaftslehre</option> <option value="berufsorientierung">Berufsorientierung</option> <option value="kunst">Kunst</option> <option value="deutsch">Deutsch</option> <option value="wirtschaft">Wirtschaft</option> <option value="technik">Technik</option> <option value="sachunterricht">Sachunterricht</option> </select> </div> <div class="zda-school-field"> <label for="ZdaSchoolDuration">Zeitbedarf</label> <select id="ZdaSchoolDuration" data-zda-filter-duration> <option value="">Alle Zeiträume</option> <option value="30">30–45 Minuten</option> <option value="45">45 Minuten</option> <option value="90">90 Minuten</option> <option value="projekttag">Projekttag</option> </select> </div> <div class="zda-school-field"> <label for="ZdaSchoolType">Materialart</label> <select id="ZdaSchoolType" data-zda-filter-type> <option value="">Alle Arten</option> <option value="arbeitsblatt">Arbeitsblatt</option> <option value="orientierungsbogen">Orientierungsbogen</option> <option value="projektmappe">Projektmappe</option> </select> </div> <button class="zda-school-reset" type="button" data-zda-filter-reset>Zurücksetzen</button> </div> <div class="zda-school-library-meta"> <strong data-zda-result-count>8 Materialien gefunden</strong> <span>Version 1.0 · September 2026</span> </div> <div class="zda-school-material-grid"> <article class="zda-school-material-card" data-zda-material-card data-grades="5 6 7" data-subjects="geschichte gesellschaft" data-duration="45" data-type="arbeitsblatt" data-search="zunft mittelalter regeln qualität gemeinschaft stadtrat ausbildung"> <div class="zda-school-material__top"> <div class="zda-school-material__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5v-16ZM20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5v-16Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg></div> <span class="zda-school-material__number">01</span> </div> <div class="zda-school-material__body"> <div class="zda-school-material__badges"><span class="zda-school-chip">Klasse 5–7</span><span class="zda-school-chip zda-school-chip--green">Mit Lösungen</span></div> <h3>Was ist eine Zunft?</h3> <p>Regeln, Ausbildung, Qualität und Gemeinschaft in der mittelalterlichen Stadt – ausgewogen und verständlich erklärt.</p> <div class="zda-school-material__facts"> <div class="zda-school-material__fact"><strong>Geschichte</strong><span>Fach</span></div> <div class="zda-school-material__fact"><strong>45 Min.</strong><span>Dauer</span></div> <div class="zda-school-material__fact"><strong>6 Seiten</strong><span>Schülerteil</span></div> </div> <div class="zda-school-material__actions"> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-was-ist-eine-zunft">Material ansehen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <button class="zda-school-button zda-school-button--primary" type="button" data-zda-pdf="was-ist-eine-zunft-klassen-5-7-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Arbeitsblatt PDF</button> <button class="zda-school-button zda-school-button--text" type="button" data-zda-pdf="was-ist-eine-zunft-klassen-5-7-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Lehrerhandreichung &amp; Lösungen</button> </div> </div> </article> <article class="zda-school-material-card" data-zda-material-card data-grades="5 6 7 8" data-subjects="geschichte berufsorientierung" data-duration="45 90" data-type="arbeitsblatt" data-search="lehrling geselle meister ausbildung meisterstück duale ausbildung freisprechung"> <div class="zda-school-material__top"> <div class="zda-school-material__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m3 9 9-5 9 5-9 5-9-5Zm3 3v5.5C8 19.2 10 20 12 20s4-.8 6-2.5V12M21 9v6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <span class="zda-school-material__number">02</span> </div> <div class="zda-school-material__body"> <div class="zda-school-material__badges"><span class="zda-school-chip">Klasse 5–8</span><span class="zda-school-chip zda-school-chip--green">Mit Lösungen</span></div> <h3>Vom Lehrling zum Meister</h3> <p>Historische Ausbildungsschritte verstehen und mit der heutigen dualen Berufsausbildung vergleichen.</p> <div class="zda-school-material__facts"> <div class="zda-school-material__fact"><strong>Geschichte</strong><span>Fach</span></div> <div class="zda-school-material__fact"><strong>45–90 Min.</strong><span>Dauer</span></div> <div class="zda-school-material__fact"><strong>6 Seiten</strong><span>Schülerteil</span></div> </div> <div class="zda-school-material__actions"> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-vom-lehrling-zum-meister">Material ansehen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <button class="zda-school-button zda-school-button--primary" type="button" data-zda-pdf="vom-lehrling-zum-meister-klassen-5-8-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Arbeitsblatt PDF</button> <button class="zda-school-button zda-school-button--text" type="button" data-zda-pdf="vom-lehrling-zum-meister-klassen-5-8-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Lehrerhandreichung &amp; Lösungen</button> </div> </div> </article> <article class="zda-school-material-card" data-zda-material-card data-grades="6 7 8 9" data-subjects="geschichte deutsch berufsorientierung" data-duration="45" data-type="arbeitsblatt" data-search="walz gesellenwanderschaft kluft stenz charlottenburger reisebuch bannkreis unesco"> <div class="zda-school-material__top"> <div class="zda-school-material__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m14.5 5.5 4-2 2 2-2 4-3 1-5.8 5.8a2.2 2.2 0 0 1-3.1-3.1l5.8-5.8 1-2.9ZM5 5l14 14M4 3l3 1 1 3-2 2-3-1-1-3 2-2Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <span class="zda-school-material__number">03</span> </div> <div class="zda-school-material__body"> <div class="zda-school-material__badges"><span class="zda-school-chip">Klasse 6–9</span><span class="zda-school-chip zda-school-chip--green">Mit Lösungen</span></div> <h3>Die Walz – Gesellenwanderschaft</h3> <p>Eine lebendige Handwerkstradition mit Begriffen, Perspektivwechsel, Reiseplanung und Urteilsaufgabe.</p> <div class="zda-school-material__facts"> <div class="zda-school-material__fact"><strong>Geschichte</strong><span>Fach</span></div> <div class="zda-school-material__fact"><strong>45 Min.</strong><span>Dauer</span></div> <div class="zda-school-material__fact"><strong>6 Seiten</strong><span>Schülerteil</span></div> </div> <div class="zda-school-material__actions"> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-die-walz">Material ansehen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <button class="zda-school-button zda-school-button--primary" type="button" data-zda-pdf="die-walz-gesellenwanderschaft-klassen-6-9-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Arbeitsblatt PDF</button> <button class="zda-school-button zda-school-button--text" type="button" data-zda-pdf="die-walz-gesellenwanderschaft-klassen-6-9-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Lehrerhandreichung &amp; Lösungen</button> </div> </div> </article> <article class="zda-school-material-card" data-zda-material-card data-grades="4 5 6 7" data-subjects="kunst geschichte sachunterricht" data-duration="45" data-type="arbeitsblatt" data-search="zunftzeichen symbole wappen marke werkzeuge kunst gestalten zeichnen"> <div class="zda-school-material__top"> <div class="zda-school-material__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M7 2.8h7l4 4V21H7V2.8Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M14 3v4h4M9.5 16.5V11h2a1.7 1.7 0 1 1 0 3.4h-2m5-3.4h-1v5.5m0-2.8h1.8M17 11h-1v5.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <span class="zda-school-material__number">04</span> </div> <div class="zda-school-material__body"> <div class="zda-school-material__badges"><span class="zda-school-chip">Klasse 4–7</span><span class="zda-school-chip zda-school-chip--green">Mit Lösungen</span></div> <h3>Zunftzeichen und ihre Bedeutung</h3> <p>Historische Zeichen deuten, Zeichenarten unterscheiden und ein eigenes Berufssymbol entwerfen.</p> <div class="zda-school-material__facts"> <div class="zda-school-material__fact"><strong>Kunst</strong><span>Fach</span></div> <div class="zda-school-material__fact"><strong>45 Min.</strong><span>Dauer</span></div> <div class="zda-school-material__fact"><strong>6 Seiten</strong><span>Schülerteil</span></div> </div> <div class="zda-school-material__actions"> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-zunftzeichen-und-bedeutung">Material ansehen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <button class="zda-school-button zda-school-button--primary" type="button" data-zda-pdf="zunftzeichen-bedeutung-klassen-4-7-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Arbeitsblatt PDF</button> <button class="zda-school-button zda-school-button--text" type="button" data-zda-pdf="zunftzeichen-bedeutung-klassen-4-7-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Lehrerhandreichung &amp; Lösungen</button> </div> </div> </article> <article class="zda-school-material-card" data-zda-material-card data-grades="6 7 8 9 10" data-subjects="geschichte wirtschaft berufsorientierung" data-duration="90" data-type="arbeitsblatt" data-search="handwerk damals heute technik digitalisierung nachhaltigkeit duale ausbildung vergleich"> <div class="zda-school-material__top"> <div class="zda-school-material__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="8.5" stroke="currentColor" stroke-width="1.7"/><path d="M12 7.5v5l3.5 2" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg></div> <span class="zda-school-material__number">05</span> </div> <div class="zda-school-material__body"> <div class="zda-school-material__badges"><span class="zda-school-chip">Klasse 6–10</span><span class="zda-school-chip zda-school-chip--green">Mit Lösungen</span></div> <h3>Handwerk damals und heute</h3> <p>Kontinuität und Wandel anhand von Werkstatt, Ausbildung, Technik, Markt und Nachhaltigkeit untersuchen.</p> <div class="zda-school-material__facts"> <div class="zda-school-material__fact"><strong>Geschichte</strong><span>Fach</span></div> <div class="zda-school-material__fact"><strong>90 Min.</strong><span>Dauer</span></div> <div class="zda-school-material__fact"><strong>6 Seiten</strong><span>Schülerteil</span></div> </div> <div class="zda-school-material__actions"> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-handwerk-damals-und-heute">Material ansehen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <button class="zda-school-button zda-school-button--primary" type="button" data-zda-pdf="handwerk-damals-und-heute-klassen-6-10-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Arbeitsblatt PDF</button> <button class="zda-school-button zda-school-button--text" type="button" data-zda-pdf="handwerk-damals-und-heute-klassen-6-10-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-core.svg?v=151185945817012355831789409537"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Lehrerhandreichung &amp; Lösungen</button> </div> </div> </article> <article class="zda-school-material-card" data-zda-material-card data-grades="7 8 9 10" data-subjects="berufsorientierung wirtschaft" data-duration="45" data-type="orientierungsbogen" data-search="welcher handwerksberuf passt zu mir interessencheck eignungstest berufsorientierung berufsfelder"> <div class="zda-school-material__top"> <div class="zda-school-material__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 6h16M7 12h10m-7 6h4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></div> <span class="zda-school-material__number">06</span> </div> <div class="zda-school-material__body"> <div class="zda-school-material__badges"><span class="zda-school-chip">Klasse 7–10</span><span class="zda-school-chip zda-school-chip--green">Orientierung</span></div> <h3>Welcher Handwerksberuf passt zu mir?</h3> <p>Interessen erkunden, sechs Berufsfelder vergleichen und einen konkreten nächsten Schritt planen.</p> <div class="zda-school-material__facts"> <div class="zda-school-material__fact"><strong>Berufsorientierung</strong><span>Fach</span></div> <div class="zda-school-material__fact"><strong>45 Min.</strong><span>Dauer</span></div> <div class="zda-school-material__fact"><strong>6 Seiten</strong><span>Schülerteil</span></div> </div> <div class="zda-school-material__actions"> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-welcher-handwerksberuf-passt">Material ansehen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <button class="zda-school-button zda-school-button--primary" type="button" data-zda-pdf="welcher-handwerksberuf-passt-zu-mir-klassen-7-10-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-extra.svg?v=123583280119532386141789409539"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Orientierungsbogen PDF</button> <button class="zda-school-button zda-school-button--text" type="button" data-zda-pdf="welcher-handwerksberuf-passt-zu-mir-klassen-7-10-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-extra.svg?v=123583280119532386141789409539"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Lehrerhandreichung &amp; Auswertung</button> </div> </div> </article> <article class="zda-school-material-card" data-zda-material-card data-grades="5 6 7 8" data-subjects="berufsorientierung technik" data-duration="30 45" data-type="arbeitsblatt" data-search="werkzeuge berufe erkennen hobel maurerkelle amboss rohrzange sicherheit arbeitsschutz"> <div class="zda-school-material__top"> <div class="zda-school-material__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m14.5 5.5 4-2 2 2-2 4-3 1-5.8 5.8a2.2 2.2 0 0 1-3.1-3.1l5.8-5.8 1-2.9ZM5 5l14 14M4 3l3 1 1 3-2 2-3-1-1-3 2-2Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <span class="zda-school-material__number">07</span> </div> <div class="zda-school-material__body"> <div class="zda-school-material__badges"><span class="zda-school-chip">Klasse 5–8</span><span class="zda-school-chip zda-school-chip--green">Mit Lösungen</span></div> <h3>Berufe anhand ihrer Werkzeuge erkennen</h3> <p>Zwölf Werkzeuge zuordnen, Funktionen erklären und klassische Handwerkzeuge mit moderner Technik vergleichen.</p> <div class="zda-school-material__facts"> <div class="zda-school-material__fact"><strong>Technik</strong><span>Fach</span></div> <div class="zda-school-material__fact"><strong>30–45 Min.</strong><span>Dauer</span></div> <div class="zda-school-material__fact"><strong>6 Seiten</strong><span>Schülerteil</span></div> </div> <div class="zda-school-material__actions"> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-werkzeuge-und-berufe">Material ansehen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <button class="zda-school-button zda-school-button--primary" type="button" data-zda-pdf="werkzeuge-und-berufe-erkennen-klassen-5-8-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-extra.svg?v=123583280119532386141789409539"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Arbeitsblatt PDF</button> <button class="zda-school-button zda-school-button--text" type="button" data-zda-pdf="werkzeuge-und-berufe-erkennen-klassen-5-8-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-extra.svg?v=123583280119532386141789409539"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Lehrerhandreichung &amp; Lösungen</button> </div> </div> </article> <article class="zda-school-material-card" data-zda-material-card data-grades="5 6 7 8" data-subjects="geschichte kunst deutsch projektunterricht" data-duration="projekttag" data-type="projektmappe" data-search="mittelalterliche zunftstadt projekt projekttag stadtplan stadtrat markt werkstätten regeln rollenspiel"> <div class="zda-school-material__top"> <div class="zda-school-material__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m3 9 9-5 9 5-9 5-9-5Zm3 3v5.5C8 19.2 10 20 12 20s4-.8 6-2.5V12M21 9v6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <span class="zda-school-material__number">08</span> </div> <div class="zda-school-material__body"> <div class="zda-school-material__badges"><span class="zda-school-chip">Klasse 5–8</span><span class="zda-school-chip zda-school-chip--green">Projektmappe</span></div> <h3>Eine mittelalterliche Zunftstadt planen</h3> <p>Ein fächerübergreifender Projekttag mit Stadtplan, Gruppenrollen, Zunftregeln, Siegel und Stadtratssitzung.</p> <div class="zda-school-material__facts"> <div class="zda-school-material__fact"><strong>Projektunterricht</strong><span>Fach</span></div> <div class="zda-school-material__fact"><strong>Projekttag</strong><span>Dauer</span></div> <div class="zda-school-material__fact"><strong>6 Seiten</strong><span>Schülerteil</span></div> </div> <div class="zda-school-material__actions"> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-mittelalterliche-zunftstadt">Material ansehen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <button class="zda-school-button zda-school-button--primary" type="button" data-zda-pdf="mittelalterliche-zunftstadt-projekttag-klassen-5-8-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-extra.svg?v=123583280119532386141789409539"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Projektmappe PDF</button> <button class="zda-school-button zda-school-button--text" type="button" data-zda-pdf="mittelalterliche-zunftstadt-projekttag-klassen-5-8-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/93/assets/zda-pdfs-extra.svg?v=123583280119532386141789409539"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg> Lehrerhandreichung &amp; Bewertung</button> </div> </div> </article> </div> <div class="zda-school-empty" hidden data-zda-filter-empty> <h3>Keine passende Kombination gefunden</h3> <p>Setze einen Filter zurück oder suche nach einem allgemeineren Begriff.</p> <button class="zda-school-button zda-school-button--secondary" type="button" data-zda-filter-reset>Alle Filter zurücksetzen</button> </div> <p class="zda-school-download-status" role="status" aria-live="polite" data-zda-download-status></p> </div> </section> <section class="zda-school-section zda-school-section--cream" aria-labelledby="ZdaSituationsHeading"> <div class="zda-school-shell"> <header class="zda-school-heading"> <span class="zda-school-kicker">Nach Unterrichtssituation</span> <h2 id="ZdaSituationsHeading">Vom schnellen Einstieg bis zur Projektwoche</h2> <p>Die Materialien lassen sich einzeln einsetzen oder zu einer zusammenhängenden Unterrichtsreihe verbinden.</p> </header> <div class="zda-school-situations"> <article class="zda-school-situation"> <div class="zda-school-situation__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="8.5" stroke="currentColor" stroke-width="1.7"/><path d="M12 7.5v5l3.5 2" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg></div> <h3>Eine Unterrichtsstunde</h3> <p>Direkt einsetzbare Module für 30 bis 45 Minuten – auch für Vertretungsstunden.</p> <ul><li>Was ist eine Zunft?</li><li>Die Walz</li><li>Werkzeuge und Berufe</li><li>Zunftzeichen gestalten</li></ul> </article> <article class="zda-school-situation"> <div class="zda-school-situation__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m3 9 9-5 9 5-9 5-9-5Zm3 3v5.5C8 19.2 10 20 12 20s4-.8 6-2.5V12M21 9v6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <h3>Berufsorientierung</h3> <p>Interessen, Tätigkeiten und Ausbildungswege konkret und ohne starre Berufsschubladen erkunden.</p> <ul><li>Interessencheck</li><li>Ausbildung damals und heute</li><li>Berufe anhand von Werkzeugen</li><li>Betriebsinterview vorbereiten</li></ul> </article> <article class="zda-school-situation"> <div class="zda-school-situation__icon"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m14.5 5.5 4-2 2 2-2 4-3 1-5.8 5.8a2.2 2.2 0 0 1-3.1-3.1l5.8-5.8 1-2.9ZM5 5l14 14M4 3l3 1 1 3-2 2-3-1-1-3 2-2Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <h3>Projekt- und Thementag</h3> <p>Gemeinsam forschen, gestalten, verhandeln und präsentieren.</p> <ul><li>Mittelalterliche Zunftstadt</li><li>Eigene Zunft gründen</li><li>Zunftzeichen-Ausstellung</li><li>Lokale Handwerksberufe erforschen</li></ul> </article> </div> </div> </section> <section class="zda-school-section" aria-labelledby="ZdaPathwayHeading"> <div class="zda-school-shell"> <header class="zda-school-heading"> <span class="zda-school-kicker">Mehr als ein PDF-Archiv</span> <h2 id="ZdaPathwayHeading">Ein Lernweg vom Arbeitsblatt bis zum echten Handwerk</h2> <p>Die Materialien sind mit dem Zunftlexikon, den Berufsporträts, Quiz und dem Innungsverzeichnis verzahnt.</p> </header> <div class="zda-school-pathway"> <article class="zda-school-pathway__step"><h3>Entdecken</h3><p>Ein Arbeitsblatt führt verständlich in ein Thema oder einen Beruf ein.</p></article> <article class="zda-school-pathway__step"><h3>Vertiefen</h3><p>QR-Codes und Links führen zu ausführlichen Artikeln im Zunftlexikon.</p></article> <article class="zda-school-pathway__step"><h3>Überprüfen</h3><p>Quiz, Transferaufgaben und Lösungen sichern Begriffe und Zusammenhänge.</p></article> <article class="zda-school-pathway__step"><h3>Begegnen</h3><p>Regionale Innungen und Betriebe werden zu möglichen Partnern für Projekttage.</p></article> </div> <div class="zda-school-actions" style="margin-top:2.4rem"> <a class="zda-school-button zda-school-button--secondary" href="/pages/zunftlexikon-zunfte-berufe-handwerksgeschichte">Zum großen Zunftlexikon <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <a class="zda-school-button zda-school-button--secondary" href="/pages/handwerksquiz-berufstest-zunftwissen">Quiz &amp; Berufsorientierung <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> <a class="zda-school-button zda-school-button--secondary" href="/pages/innungen-handwerkskammern-ihk-verzeichnis">Innungen in Deutschland <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> </div> </section> <section class="zda-school-section zda-school-section--cream" aria-labelledby="ZdaCooperationHeading"> <div class="zda-school-shell"> <header class="zda-school-heading"> <span class="zda-school-kicker">Schulen, Innungen &amp; Betriebe</span> <h2 id="ZdaCooperationHeading">Aus Unterricht wird Begegnung</h2> <p>Der Bildungsbereich soll Schulen nicht nur Material geben, sondern den Kontakt zum regionalen Handwerk vereinfachen.</p> </header> <div class="zda-school-cooperation"> <article class="zda-school-cooperation__card"> <h3>Für Schulen</h3> <p>Materialien für Berufsorientierung, Geschichte, Kunst und Projekttage – mit klaren Lernzielen und direkter Vorbereitung.</p> <ul><li>Unterrichtsreihen und Vertretungsstunden</li><li>Projektwochen und Schulausstellungen</li><li>Vorbereitung von Betriebsbesuchen</li><li>Regionale Handwerksrecherche</li></ul> <a class="zda-school-button zda-school-button--secondary" href="/pages/kontakt-zu-atelier-achberger-zunftbild-de">Schulkooperation anfragen <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </article> <article class="zda-school-cooperation__card zda-school-cooperation__card--dark"> <h3>Neue Materialien erhalten</h3> <p>Einmal monatlich Hinweise auf neue Arbeitsblätter, Quiz und Projektideen. Kein tägliches Gedöns – Lehrkräfte haben schließlich genug Postfächer.</p> <form method="post" action="/contact#ZdaSchoolNewsletter" id="ZdaSchoolNewsletter" accept-charset="UTF-8" class="zda-school-newsletter"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="newsletter,schulen,lehrkraefte"> <label class="visually-hidden" for="ZdaSchoolNewsletterEmail">E-Mail-Adresse</label> <input id="ZdaSchoolNewsletterEmail" type="email" name="contact[email]" autocomplete="email" placeholder="E-Mail-Adresse der Lehrkraft" required> <button class="zda-school-button zda-school-button--gold" type="submit"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.7"/><path d="m4.5 7 7.5 6 7.5-6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg> Eintragen</button> <p class="zda-school-form-note">Abmeldung jederzeit möglich. Hinweise zum Datenschutz stehen in der Datenschutzerklärung.</p> </form> </article> </div> </div> </section> <section class="zda-school-section" aria-labelledby="ZdaFaqHeading"> <div class="zda-school-shell zda-school-shell--narrow"> <header class="zda-school-heading"> <span class="zda-school-kicker">Häufige Fragen</span> <h2 id="ZdaFaqHeading">Gut zu wissen, bevor der Drucker loslegt</h2> </header> <div class="zda-school-faq"> <details><summary>Sind die Unterrichtsmaterialien wirklich kostenlos?</summary><div class="zda-school-faq__answer"><p>Ja. Die PDFs dürfen im Unterricht, für schulische Bildungsarbeit und für nicht-kommerzielle Schulprojekte genutzt und in Klassenstärke vervielfältigt werden. Weiterverkauf oder Veröffentlichung als eigenes Material ist nicht gestattet.</p></div></details> <details><summary>Gibt es zu jedem Arbeitsblatt Lösungen?</summary><div class="zda-school-faq__answer"><p>Ja. Zu jedem Modul gibt es eine separate Lehrerhandreichung mit Unterrichtsablauf, Differenzierung und Lösungshinweisen. Offene Aufgaben enthalten einen Erwartungshorizont statt einer einzigen starren Formulierung.</p></div></details> <details><summary>Für welche Klassenstufen sind die Materialien geeignet?</summary><div class="zda-school-faq__answer"><p>Das Startangebot richtet sich überwiegend an die Klassen 5 bis 10. Das Zunftzeichen-Modul beginnt bereits in Klasse 4. Die konkrete Eignung hängt von Lerngruppe, Schulform und gewählter Differenzierung ab.</p></div></details> <details><summary>Kann ich einzelne Aufgaben verändern?</summary><div class="zda-school-faq__answer"><p>Für den eigenen Unterricht dürfen Aufgaben gekürzt, kombiniert und an die Lerngruppe angepasst werden. Das Zunftbild.de-Quellen- und Urheberrechtshinweis sollte dabei erhalten bleiben.</p></div></details> <details><summary>Warum sind Schülerteil und Lösungen getrennt?</summary><div class="zda-school-faq__answer"><p>Damit Lehrkräfte das Arbeitsblatt ohne Nachbearbeitung verteilen können und Lösungshinweise nicht versehentlich gemeinsam mit dem Schülerteil ausgeben.</p></div></details> <details><summary>Kann unsere Schule eigene Themen vorschlagen?</summary><div class="zda-school-faq__answer"><p>Ja. Besonders hilfreich sind Wünsche mit Klassenstufe, Fach, Zeitrahmen und konkretem Unterrichtsziel. Vorschläge können über die Kontaktseite eingereicht werden.</p></div></details> </div> </div> </section> <section class="zda-school-section zda-school-section--cream" aria-labelledby="ZdaClassroomHeading"> <div class="zda-school-shell"> <div class="zda-school-poster-callout"> <div class="zda-school-poster-callout__mark"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="m14.5 5.5 4-2 2 2-2 4-3 1-5.8 5.8a2.2 2.2 0 0 1-3.1-3.1l5.8-5.8 1-2.9ZM5 5l14 14M4 3l3 1 1 3-2 2-3-1-1-3 2-2Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div> <div> <h3 id="ZdaClassroomHeading">Handwerk im Klassenraum sichtbar machen</h3> <p>Ergänzend zu den PDFs eignen sich historische Berufs- und Zunftbilder für Werkraum, Berufsorientierung und Schulausstellungen.</p> </div> <a class="zda-school-button zda-school-button--secondary" href="/collections/zunftbilder">Zunftbilder entdecken <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> </div> </section> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "CollectionPage", "name": "Unterrichtsmaterial für Schulen \u0026 Lehrkräfte", "description": "Kostenlose Arbeitsblätter, Lehrerhandreichungen, Lösungen, Quiz und Projektideen zu Handwerk, Zünften, Walz und Berufsorientierung.", "url": "https:\/\/zunftbild.de\/pages\/unterrichtsmaterial-handwerk-zunfte-schule", "isPartOf": {"@type": "WebSite", "name": "Zunftbild.de", "url": "https:\/\/zunftbild.de"}, "about": ["Handwerk", "Zünfte", "Berufsorientierung", "Unterrichtsmaterial"], "audience": {"@type": "EducationalAudience", "educationalRole": "teacher"} } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ {"@type":"Question","name":"Sind die Unterrichtsmaterialien wirklich kostenlos?","acceptedAnswer":{"@type":"Answer","text":"Ja. Die PDFs dürfen im Unterricht, für schulische Bildungsarbeit und nicht-kommerzielle Schulprojekte genutzt und in Klassenstärke vervielfältigt werden."}}, {"@type":"Question","name":"Gibt es zu jedem Arbeitsblatt Lösungen?","acceptedAnswer":{"@type":"Answer","text":"Ja. Zu jedem Modul gibt es eine separate Lehrerhandreichung mit Unterrichtsablauf, Differenzierung und Lösungshinweisen."}}, {"@type":"Question","name":"Für welche Klassenstufen sind die Materialien geeignet?","acceptedAnswer":{"@type":"Answer","text":"Das Startangebot richtet sich überwiegend an die Klassen 5 bis 10. Das Zunftzeichen-Modul beginnt bereits in Klasse 4."}}, {"@type":"Question","name":"Kann ich einzelne Aufgaben verändern?","acceptedAnswer":{"@type":"Answer","text":"Für den eigenen Unterricht dürfen Aufgaben gekürzt, kombiniert und an die Lerngruppe angepasst werden. Der Quellen- und Urheberrechtshinweis sollte erhalten bleiben."}}, {"@type":"Question","name":"Warum sind Schülerteil und Lösungen getrennt?","acceptedAnswer":{"@type":"Answer","text":"Damit Lehrkräfte das Arbeitsblatt ohne Nachbearbeitung verteilen können und Lösungshinweise nicht versehentlich gemeinsam mit dem Schülerteil ausgeben."}} ] } </script>

Vier weitere Unterrichtsthemen

Diese Ergänzungen werden bei aktivierter gemeinsamer Suche in die Materialbibliothek einsortiert.

Ergänzung09
Klasse 6–9Lösungen separat

Handwerk vor unserer Schultür

Quellenkarten, Berufsporträt und Ausstellungsvorlage. 90 Minuten Kern; Ortsrecherche zusätzlich.

4 PDFs · 20 SeitenGesamtes Paket
Material und PDF-Downloads ansehen →
Ergänzung10
Klasse 7–10Lösungen separat

Historische Quelle oder modernes KI-Bild?

Herkunft prüfen und Aussagen begründen. Textkarten im Kern, Bildbetrachtung als optionale Erweiterung.

2 PDFs · 10 SeitenGesamtes Paket
Material und PDF-Downloads ansehen →
Ergänzung11
Klasse 7–10Lösungen separat

Wer durfte mitmachen?

Mit zwei Kölner Darstellungen Zugang, Mitarbeit und einzelne Rechte unterscheiden.

2 PDFs · 10 SeitenGesamtes Paket
Material und PDF-Downloads ansehen →
Ergänzung12
Klasse 8–10Lösungen separat

Ein Handwerk kennenlernen

Berufsprofil, Gesprächsleitfaden und Reflexion. Zwei Unterrichtsstunden; Praxistermin zusätzlich.

2 PDFs · 10 SeitenGesamtes Paket
Material und PDF-Downloads ansehen →
Original-PDFs: Berufswahl, Werkzeuge und Zunftstadt

Die ursprünglichen Schüler- und Lehrerfassungen dieser drei Module. Diese Links benötigen beim Anklicken keine zusätzliche Ladefunktion.