<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">Welcher Handwerksberuf passt zu mir?</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">Orientierungsbogen · Berufswahl</span> <h1 id="ZdaMaterialHeading">Welcher Handwerksberuf passt zu mir?</h1> <p class="zda-school-detail__lead">Interessen sichtbar machen, sechs handwerkliche Berufsfelder vergleichen und einen realistischen nächsten Erkundungsschritt planen.</p> <div class="zda-school-detail__meta" aria-label="Materialdaten"> <span class="zda-school-chip">Klasse 7–10</span> <span class="zda-school-chip">Berufsorientierung / Wirtschaft</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="welcher-handwerksberuf-passt-zu-mir-klassen-7-10-arbeitsblatt" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/94/assets/zda-pdfs-extra.svg?v=123583280119532386141789414663"> <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>Orientierungsbogen · 6 Seiten</span> </button> <button class="zda-school-button zda-school-button--light" type="button" data-zda-pdf="welcher-handwerksberuf-passt-zu-mir-klassen-7-10-lehrerhandreichung-loesungen" data-zda-pdf-src="//zunftbild.de/cdn/shop/t/94/assets/zda-pdfs-extra.svg?v=123583280119532386141789414663"> <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>eigene Interessen ohne Bewertung erfassen</li><li>sechs handwerkliche Berufsfelder kennenlernen</li><li>Ergebnisse als Gesprächsanlass statt endgültige Entscheidung nutzen</li><li>einen konkreten Erkundungsschritt festlegen</li> </ul> <h2>Das ist im Material enthalten</h2> <div class="zda-school-outline"> <div class="zda-school-outline__item"> <strong>Einordnung</strong> <span>Interesse ist nicht gleich Eignung</span> </div> <div class="zda-school-outline__item"> <strong>Selbsteinschätzung</strong> <span>24 neutrale Aussagen bewerten</span> </div> <div class="zda-school-outline__item"> <strong>Auswertung</strong> <span>Sechs Berufsfelder vergleichen</span> </div> <div class="zda-school-outline__item"> <strong>Berufsauswahl</strong> <span>Vier Berufe genauer prüfen</span> </div> <div class="zda-school-outline__item"> <strong>Gespräch</strong> <span>Ergebnis mit Fremdeinschätzung vergleichen</span> </div> <div class="zda-school-outline__item"> <strong>Aktionsplan</strong> <span>Nächsten Schritt mit Termin festlegen</span> </div> </div> <h2>Didaktischer Ansatz</h2> <p>Der Bogen ist ausdrücklich kein psychometrischer Eignungstest. Er strukturiert aktuelle Interessen, öffnet Berufsfelder und führt direkt zu Recherche, Gespräch oder praktischer Erkundung.</p> <p>Als Einstieg in Berufsorientierung, Vorbereitung auf Praktika oder Gesprächsbogen für Lernentwicklung und Elternabend.</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 7–10</li> <li><strong>Fach:</strong> Berufsorientierung / Wirtschaft</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>Keine Ranglisten bilden und Ergebnisse nicht bewerten. Ein niedriger Wert bedeutet nicht fehlende Fähigkeit; ein hoher Wert ist keine Berufsempfehlung. Entscheidend ist die anschließende Erkundung.</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/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> </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/handwerksquiz-berufstest-zunftwissen"><span>Zunftlexikon</span><h3>Quiz &amp; Berufsorientierung</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": "Welcher Handwerksberuf passt zu mir?", "description": "Interessen sichtbar machen, sechs handwerkliche Berufsfelder vergleichen und einen realistischen nächsten Erkundungsschritt planen.", "url": "https:\/\/zunftbild.de\/pages\/unterrichtsmaterial-welcher-handwerksberuf-passt", "learningResourceType": "Orientierungsbogen", "educationalLevel": "Klasse 7–10", "timeRequired": "45 Minuten", "inLanguage": "de", "isAccessibleForFree": true, "author": {"@type": "Organization", "name": "Zunftbild.de", "url": "https:\/\/zunftbild.de", "audience": {"@type": "EducationalAudience", "educationalRole": "teacher"} } </script>

Vertiefung 06 · Zusätzlich zum bestehenden Basismodul

Aus Interesse wird eine Prüffrage

Plane eine Erkundung, ohne dich auf einen Beruf festzulegen. Deine Interessen werden nicht benotet und müssen nicht öffentlich geteilt werden.

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

D1 · Orientierung ist ein Prozess

Die Bundesagentur für Arbeit regt an, Interessen zu erkunden und neue Berufswelten kennenzulernen. Sie nennt zusätzlich Beratungsangebote zur Einordnung von Testergebnissen. Unser Blatt ist kein Test der Bundesagentur und kein wissenschaftlich validiertes Eignungsverfahren. [A]

Arbeitsaufträge

A1 · Wähle eine Tätigkeit, die du interessant findest, und eine, über die du wenig weißt. Du darfst stattdessen mit einer erfundenen Person arbeiten.

Interessant oder noch unbekanntWas möchte ich darüber wissen?
  
  

A2 · Was ist der Unterschied zwischen „Das interessiert mich“, „Das kann ich schon“ und „Das möchte ich lernen“? Erkläre ihn an einem eigenen oder erfundenen Beispiel.

Anwenden

Erfundener Fall: Alex löst gern knifflige Aufgaben und zeichnet gern. Elektrische Technik kennt Alex bisher kaum. Beim ersten Blick auf einen Beruf wirkt dessen Werkstatt laut. Diese knappen Angaben reichen nicht für eine verlässliche Berufsempfehlung.

A3 · Fragen statt Schubladen: Formuliere zwei offene Fragen, mit denen Alex die Arbeit genauer kennenlernen kann. Vermeide eine feste Berufsempfehlung.

A4 · Einen kleinen nächsten Schritt planen: Wähle Recherche, Gespräch oder eine organisierte Erkundung. Notiere eine erreichbare Handlung, einen Zeitpunkt und eine Person oder Quelle, die helfen könnte.

A5 · Nach dem Schritt zurückblicken: Welche Beobachtung würde deine erste Vermutung stützen? Welche würde sie infrage stellen? Was bliebe dann noch zu erkunden?

Antworten und Skizzen auf eigenem Papier festhalten. Wortbank: Interesse: etwas, das neugierig macht. Fähigkeit: etwas, das jemand ausführen kann. Erkundung: gezieltes Kennenlernen mit offenen Fragen.

Basis unterstützen

Eine kleine Auswahl ungefährlicher Erkundungsschritte anbieten. Interessen zunächst mit Alltagssituationen erklären; Antwort in Stichworten erlauben.

Weiterdenken

Untersuchen, ob eine Information einen Beruf insgesamt oder nur einen einzelnen Betrieb beschreibt. Eine zweite Perspektive gezielt planen.

Unterrichtsablauf

5 Min. D1 und Freiwilligkeit; 8 Min. A1/A2; 7 Min. Alex-Fall; 7 Min. Plan; 3 Min. Abschluss.

Quellen und Aussagegrenzen

Nicht zur Auswahl von Auszubildenden oder für Eignungsbescheinigungen verwenden. Keine persönlichen Antworten in Kontaktformulare oder öffentliche Klassenausstellungen übernehmen.

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
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.