<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-detail"> <nav class="zda-school-shell zda-school-breadcrumb" aria-label="Brotkrümelnavigation"> <a href="/">Startseite</a> <span aria-hidden="true">/</span> <a href="/pages/unterrichtsmaterial-handwerk-zunfte-schule">Unterrichtsmaterial</a> <span aria-hidden="true">/</span> <span aria-current="page">Was ist eine Zunft?</span> </nav> <section class="zda-school-detail__hero" aria-labelledby="ZdaMaterialHeading"> <div class="zda-school-shell zda-school-detail__grid"> <div> <span class="zda-school-kicker">Arbeitsblatt · Zunftgeschichte</span> <h1 id="ZdaMaterialHeading">Was ist eine Zunft?</h1> <p class="zda-school-detail__lead">Regeln, Ausbildung, Qualität und Gemeinschaft in der mittelalterlichen Stadt – ausgewogen erklärt und mit der Gegenwart verglichen.</p> <div class="zda-school-detail__meta" aria-label="Materialdaten"> <span class="zda-school-chip">Klasse 5–7</span> <span class="zda-school-chip">Geschichte / Gesellschaftslehre</span> <span class="zda-school-chip">45 Minuten</span> <span class="zda-school-chip zda-school-chip--green">Kostenlos</span> </div> <a class="zda-school-button zda-school-button--secondary" href="/pages/unterrichtsmaterial-handwerk-zunfte-schule#unterrichtsmaterial">← Zur Materialbibliothek</a> </div> <aside class="zda-school-download-panel" aria-labelledby="ZdaDownloadHeading"> <h2 id="ZdaDownloadHeading">Beide PDFs direkt laden</h2> <p>Schülerteil und Lösungen sind bewusst getrennt, damit nichts versehentlich mit ausgeteilt wird.</p> <div class="zda-school-actions"> <button class="zda-school-button zda-school-button--gold" type="button" data-zda-pdf="was-ist-eine-zunft-klassen-5-7-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/96/assets/zda-pdfs-core.svg?v=151185945817012355831789477993"> <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>Arbeitsblatt · 6 Seiten</span> </button> <button class="zda-school-button zda-school-button--light" type="button" data-zda-pdf="was-ist-eine-zunft-klassen-5-7-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/96/assets/zda-pdfs-core.svg?v=151185945817012355831789477993"> <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>Lehrerhandreichung · 5 Seiten</span> </button> </div> <p class="zda-school-download-status" role="status" aria-live="polite" data-zda-download-status></p> </aside> </div> </section> <section class="zda-school-section"> <div class="zda-school-shell zda-school-content-grid"> <div class="zda-school-prose"> <h2>Was Schülerinnen und Schüler lernen</h2> <ul> <li>den Begriff Zunft in eigenen Worten erklären</li><li>wirtschaftliche, soziale und politische Aufgaben unterscheiden</li><li>erkennen, dass Regeln nach Stadt, Zeit und Handwerk verschieden waren</li><li>historische Regelungen mit heutigen Einrichtungen vergleichen</li> </ul> <h2>Das ist im Material enthalten</h2> <div class="zda-school-outline"> <div class="zda-school-outline__item"> <strong>Einstieg</strong> <span>Was regelt Arbeit heute?</span> </div> <div class="zda-school-outline__item"> <strong>Wissen kompakt</strong> <span>Zunft als Wirtschafts-, Ausbildungs- und Sozialgemeinschaft</span> </div> <div class="zda-school-outline__item"> <strong>Zuordnen</strong> <span>Wirtschaft, Ausbildung, Soziales und Politik</span> </div> <div class="zda-school-outline__item"> <strong>Historisches Urteil</strong> <span>Schutz und Zugangshürde</span> </div> <div class="zda-school-outline__item"> <strong>Transfer</strong> <span>Qualität und Ausbildung heute</span> </div> <div class="zda-school-outline__item"> <strong>Glossar &amp; Quellen</strong> <span>Zentrale Begriffe und geprüfte Links</span> </div> </div> <h2>Didaktischer Ansatz</h2> <p>Zünfte werden weder romantisiert noch auf Verbote reduziert. Das Material zeigt gleichzeitig Gemeinschaft, Qualitätssicherung, politische Beteiligung und mögliche Zugangsbeschränkungen.</p> <p>Ideal als Einführung in Stadt und Gesellschaft des Mittelalters, als Vertretungsstunde oder als erster Baustein des Starterpakets.</p> <h2>Einheitlicher PDF-Aufbau</h2> <p>Alle Materialien folgen derselben Struktur: Titelseite mit Klassenstufe und Zeitbedarf, Lernziele, altersgerechter Wissensteil, klar nummerierte Aufgaben, Platz für Antworten, Glossar, Transfer und Quellen. Die Lehrerfassung ergänzt Vorbereitung, Unterrichtsablauf, Differenzierung und Lösungshinweise.</p> <h2>Nutzung im Unterricht</h2> <p>Die PDFs dürfen kostenlos im Unterricht, für schulische Bildungsarbeit und nicht-kommerzielle Schulprojekte eingesetzt und in Klassenstärke vervielfältigt werden. Weiterverkauf oder unveränderte Veröffentlichung als eigenes Material ist nicht gestattet.</p> </div> <aside class="zda-school-sidebar" aria-label="Hinweise zum Material"> <div class="zda-school-sidebar__card"> <h3>Auf einen Blick</h3> <ul> <li><strong>Klasse:</strong> Klasse 5–7</li> <li><strong>Fach:</strong> Geschichte / Gesellschaftslehre</li> <li><strong>Dauer:</strong> 45 Minuten</li> <li><strong>Schülerteil:</strong> 6 Seiten</li> <li><strong>Lehrerfassung:</strong> 5 Seiten</li> </ul> </div> <div class="zda-school-sidebar__card"> <h3>Hinweis für Lehrkräfte</h3> <p>Achten Sie auf die Formulierungen „viele“, „manche“ und „je nach Stadt“. So lernen Schülerinnen und Schüler früh, dass es nicht die eine überall identische Zunftordnung gab.</p> </div> <div class="zda-school-sidebar__card"> <h3>Online vertiefen</h3> <p>Passende Artikel, Begriffe und Berufsporträts stehen im Zunftlexikon.</p> <a class="zda-school-button zda-school-button--text" href="/pages/zunftlexikon-zunfte-berufe-handwerksgeschichte">Zünfte, Berufe und Handwerksgeschichte <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> </aside> </div> </section> <section class="zda-school-section zda-school-section--cream" aria-labelledby="ZdaRelatedHeading"> <div class="zda-school-shell"> <header class="zda-school-heading"> <span class="zda-school-kicker">Weiterlernen</span> <h2 id="ZdaRelatedHeading">Passende nächste Schritte</h2> </header> <div class="zda-school-related-grid"> <a class="zda-school-related-card" href="/pages/unterrichtsmaterial-handwerk-zunfte-schule#unterrichtsmaterial"><span>Materialbibliothek</span><h3>Weitere Arbeitsblätter entdecken</h3></a> <a class="zda-school-related-card" href="/pages/zunftlexikon-zunfte-berufe-handwerksgeschichte"><span>Zunftlexikon</span><h3>Zünfte, Berufe und Handwerksgeschichte</h3></a> <a class="zda-school-related-card" href="/pages/handwerksquiz-berufstest-zunftwissen"><span>Interaktiv</span><h3>Quiz &amp; Berufsorientierung</h3></a> </div> </div> </section> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "LearningResource", "name": "Was ist eine Zunft?", "description": "Regeln, Ausbildung, Qualität und Gemeinschaft in der mittelalterlichen Stadt – ausgewogen erklärt und mit der Gegenwart verglichen.", "url": "https:\/\/zunftbild.de\/pages\/unterrichtsmaterial-was-ist-eine-zunft", "learningResourceType": "Arbeitsblatt", "educationalLevel": "Klasse 5–7", "timeRequired": "45 Minuten", "inLanguage": "de", "isAccessibleForFree": true, "author": {"@type": "Organization", "name": "Zunftbild.de", "url": "https:\/\/zunftbild.de", "audience": {"@type": "EducationalAudience", "educationalRole": "teacher"} } </script>

Vertiefung 01 · Zusätzlich zum bestehenden Basismodul

Wer regelt das Handwerk?

Prüfe eine pauschale Aussage und untersuche, wem eine Regel nützt. Du brauchst kein zusätzliches Material.

Klasse 5-7 empfohlen · zusätzlich 30 Minuten · Basis- und Vertiefungshilfen

D1 · Nürnberg als Gegenbeispiel

Das Stadtmuseum im Fembo-Haus erklärt: Nach dem Handwerkeraufstand von 1348/49 wurde in Nürnberg die Bildung von Zünften verboten. Ein städtisches Rugamt übernahm viele ihrer Aufgaben. Handwerk konnte sich also auch unter einer anderen Organisation entwickeln. Diese heutige Museumsdarstellung ist keine Abschrift einer mittelalterlichen Ordnung. [N]

Arbeitsaufträge

A1 · Lies D1. Notiere den Ort, den behandelten Zeitraum und die Einrichtung, die viele Aufgaben übernahm.

OrtZeitraumEinrichtung
   

A2 · Jemand behauptet: „In jeder mittelalterlichen Stadt regelten Zünfte das Handwerk.“ Formuliere mit D1 eine begründete Korrektur. Erkläre auch, warum ein Beispiel nicht alle Städte beschreibt.

Anwenden

Erfundener Übungsfall: Eine Werkstattgemeinschaft möchte Werkstücke vor dem Verkauf prüfen. Zugleich sollen nur Kinder bereits aufgenommener Meister eine Lehre beginnen dürfen. Beide Vorschläge sind für dieses Blatt erfunden, keine Nürnberger Vorschriften.

A3 · Regeln unterscheiden: Welches Ziel könnte hinter jedem Vorschlag stehen? Wer könnte jeweils profitieren, wer benachteiligt werden?

A4 · Eine Regel verbessern: Formuliere eine Regel, die gute Ausbildung unterstützt, ohne den Zugang nur von der Familie abhängig zu machen.

A5 · Nachweisen statt behaupten: Welche historische Quelle müsstest du lesen, bevor du einen der Vorschläge als tatsächlich gültige Nürnberger Regel bezeichnen dürftest?

Antworten und Skizzen auf eigenem Papier festhalten. Wortbank: Rugamt: eine städtische Kontrollbehörde. Darstellung: ein späterer Erklärungstext. Pauschal: ohne Unterschiede oder Ausnahmen formuliert.

Basis unterstützen

Ort und Zeit in D1 markieren lassen. Satzanfang: „Die Aussage stimmt nicht für alle Städte, denn …“. In A3 zunächst nur einen der zwei Vorschläge bearbeiten.

Weiterdenken

Zwischen Norm und Praxis unterscheiden: Welche zusätzliche Quelle könnte zeigen, ob eine Regel tatsächlich durchgesetzt wurde?

Unterrichtsablauf

5 Min. Begriff und Vorwissen; 8 Min. D1 und A1/A2; 12 Min. erfundener Fall und A3/A4; 5 Min. Belegfrage und Abschluss.

Quellen und Aussagegrenzen

Das Blatt ersetzt keine Arbeit an einer originalen Zunftordnung. Es ergänzt das Basismodul um Regelkritik und ein belegtes Gegenbeispiel.

Diese Vertiefung als PDF

Zwei zusätzliche Schülerseiten und zwei getrennte Lehrerseiten mit Lösungen. Diese Ergänzung ersetzt nicht das ursprüngliche Basismodul.

Dauerhaft kostenlos, ohne Anmeldung oder Kauf. Die PDFs öffnen sich in einem neuen Tab und lassen sich dort speichern oder ausdrucken.

Die Beispiele und Unterrichtshilfen stehen hier auch direkt lesbar. Die bisherigen PDF-Downloads des Basismoduls bleiben unverändert.

Redaktioneller Stand: 14. September 2026 · Eigene Kurzfassungen nach den genannten Quellen. Noch nicht schulisch erprobt oder extern didaktisch begutachtet. Klassenstufen und Zeiten sind Empfehlungen, keine geprüfte Lehrplanzuordnung.

Zur Materialbibliothek